@ui5/webcomponents 0.0.0-47cc17a26 → 0.0.0-49bade48d

package/dist/CalendarTemplate.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
 import DayPicker from "./DayPicker.js";
 import MonthPicker from "./MonthPicker.js";
 import YearPicker from "./YearPicker.js";
@@ -6,6 +6,62 @@ import YearRangePicker from "./YearRangePicker.js";
 import CalendarHeaderTemplate from "./CalendarHeaderTemplate.js";
 import CalendarSelectionMode from "./types/CalendarSelectionMode.js";
 export default function CalendarTemplate() {
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { class: "ui5-cal-root", onKeyDown: this._onkeydown, children: [_jsxs("div", { id: `${this._id}-content`, class: "ui5-cal-content", children: [_jsx(DayPicker, { id: `${this._id}-daypicker`, hidden: this._isDayPickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, specialCalendarDates: this._specialCalendarDates, _hidden: this._isDayPickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, selectionMode: this.selectionMode, minDate: this.minDate, maxDate: this.maxDate, calendarWeekNumbering: this.calendarWeekNumbering, timestamp: this._timestamp, hideWeekNumbers: this.hideWeekNumbers, onChange: this.onSelectedDatesChange, onNavigate: this.onNavigate, exportparts: "day-cell, day-cell-selected, day-cell-selected-between" }), _jsx(MonthPicker, { id: `${this._id}-MP`, hidden: this._isMonthPickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, _hidden: this._isMonthPickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, selectionMode: this.selectionMode, minDate: this.minDate, maxDate: this.maxDate, timestamp: this._timestamp, onChange: this.onSelectedMonthChange, onNavigate: this.onNavigate, exportparts: "month-cell, month-cell-selected, month-cell-selected-between, month-picker-root" }), _jsx(YearPicker, { id: `${this._id}-YP`, hidden: this._isYearPickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, _hidden: this._isYearPickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, selectionMode: this.selectionMode, minDate: this.minDate, maxDate: this.maxDate, timestamp: this._timestamp, _currentYearRange: this._currentYearRange, onChange: this.onSelectedYearChange, onNavigate: this.onNavigate, exportparts: "year-cell, year-cell-selected, year-cell-selected-between, year-picker-root" }), _jsx(YearRangePicker, { id: `${this._id}-YRP`, hidden: this._isYearRangePickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, _showRangeSelection: this.selectionMode === CalendarSelectionMode.Range, _hidden: this._isYearRangePickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, minDate: this.minDate, maxDate: this.maxDate, timestamp: this._timestamp, _currentYearRange: this._currentYearRange, onChange: this.onSelectedYearRangeChange, onNavigate: this.onNavigate, exportparts: "year-range-cell, year-range-cell-selected, year-range-cell-selected-between, year-range-picker-root" })] }), _jsx("div", { class: "ui5-calheader", exportparts: "calendar-header-arrow-button, calendar-header-middle-button", children: CalendarHeaderTemplate.call(this) })] }), _jsx("div", { "onui5-calendar-legend-selection-change": this._onCalendarLegendSelectionChange, "onui5-calendar-legend-focus-out": this._onLegendFocusOut, children: _jsx("slot", { name: "calendarLegend" }) })] }));
+    const showMultipleMonths = this._monthsToShow > 1 && !this._isDayPickerHidden;
+    const shouldRenderSeparateHeaders = this._isDefaultHeaderModeInMultipleMonths && !this._portraitView && !this._isCompactMode;
+    const shouldRenderInlineHeaders = this._isDefaultHeaderModeInMultipleMonths && (this._portraitView || this._isCompactMode);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { class: {
+                    "ui5-cal-root": true,
+                    "ui5-dt-cal--mobile": this._phoneView,
+                    "ui5-dt-cal--portrait": this._portraitView,
+                    "ui5-dt-cal--multiple": showMultipleMonths,
+                }, onKeyDown: this._onkeydown, children: [!showMultipleMonths && (_jsx("div", { class: "ui5-calheader", exportparts: "calendar-header-arrow-button, calendar-header-middle-button", children: CalendarHeaderTemplate.call(this) })), _jsx("div", { id: `${this._id}-content`, class: {
+                            "ui5-cal-content": true,
+                            "ui5-cal-content-multiple": showMultipleMonths,
+                        }, children: showMultipleMonths ? (_jsxs(_Fragment, { children: [this._shouldShowOnePickerHeaderButtonInMultipleMonths && (_jsx("div", { class: "ui5-calheader ui5-calheader-multiple ui5-calheader-default-multiple", exportparts: "calendar-header-arrow-button, calendar-header-middle-button", children: CalendarHeaderTemplate.call(this) })), _jsx("div", { class: "ui5-cal-daypicker-overlay" }), shouldRenderSeparateHeaders && (_jsx("div", { class: "ui5-cal-multiple-months-header-wrapper", children: renderMonthHeaders.call(this) })), _jsx("div", { class: "ui5-cal-multiple-months-wrapper", children: renderMonthPickers.call(this, shouldRenderInlineHeaders) })] })) : (_jsxs(_Fragment, { children: [_jsx(DayPicker, { id: `${this._id}-daypicker`, hidden: this._isDayPickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, specialCalendarDates: this._specialCalendarDates, disabledDates: this._disabledDates, _hidden: this._isDayPickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, selectionMode: this.selectionMode, minDate: this.minDate, maxDate: this.maxDate, calendarWeekNumbering: this.calendarWeekNumbering, timestamp: this._timestamp, hideWeekNumbers: this.hideWeekNumbers, onChange: this.onSelectedDatesChange, onNavigate: this.onNavigate, exportparts: "day-cell, day-cell-selected, day-cell-selected-between" }), renderMonthPicker.call(this), renderYearPicker.call(this), renderYearRangePicker.call(this)] })) }), showMultipleMonths && (_jsxs("div", { class: {
+                            "ui5-cal-overlay-container": true,
+                            "ui5-cal-overlay-hidden": this._isMonthPickerHidden && this._isYearPickerHidden && this._isYearRangePickerHidden,
+                        }, children: [renderMonthPicker.call(this), renderYearPicker.call(this), renderYearRangePicker.call(this)] }))] }), _jsx("div", { "onui5-calendar-legend-selection-change": this._onCalendarLegendSelectionChange, "onui5-calendar-legend-focus-out": this._onLegendFocusOut, children: _jsx("slot", { name: "calendarLegend" }) })] }));
+}
+/**
+ * Renders month headers in a separate loop (horizontal layout)
+ */
+function renderMonthHeaders() {
+    return Array.from({ length: this._monthsToShow }, (_, index) => {
+        const monthTimestamp = this._getMonthTimestamp(index);
+        const isFirst = index === 0;
+        const isLast = index === this._monthsToShow - 1;
+        return (_jsx("div", { class: "ui5-cal-month-header-container", children: CalendarHeaderTemplate.call(this, {
+                headerText: this._getHeaderTextForMonth(monthTimestamp),
+                isFirst,
+                isLast,
+                isMultiple: true,
+            }) }, `calendar-month-header-${index}`));
+    });
+}
+/**
+ * Renders month pickers (with optional inline headers for vertical layout)
+ */
+function renderMonthPickers(shouldRenderInlineHeaders) {
+    return Array.from({ length: this._monthsToShow }, (_, index) => {
+        const monthTimestamp = this._getMonthTimestamp(index);
+        const isFirst = index === 0;
+        const isLast = index === this._monthsToShow - 1;
+        return (_jsxs("div", { class: "ui5-cal-month-container", children: [shouldRenderInlineHeaders &&
+                    CalendarHeaderTemplate.call(this, {
+                        headerText: this._getHeaderTextForMonth(monthTimestamp),
+                        isFirst,
+                        isLast,
+                        isMultiple: true,
+                    }), _jsx("div", { class: "ui5-cal-daypicker-wrapper", children: _jsx(DayPicker, { id: `${this._id}-daypicker-${index}`, hidden: this._isDayPickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, specialCalendarDates: this._specialCalendarDates, disabledDates: this._disabledDates, _hidden: this._isDayPickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, selectionMode: this.selectionMode, minDate: this.minDate, maxDate: this.maxDate, calendarWeekNumbering: this.calendarWeekNumbering, timestamp: monthTimestamp, hideWeekNumbers: this.hideWeekNumbers, onChange: this.onSelectedDatesChange, onNavigate: this.onNavigate, exportparts: "day-cell, day-cell-selected, day-cell-selected-between", inert: this._inert }) })] }, `calendar-month-picker-${index}`));
+    });
+}
+function renderMonthPicker() {
+    return (_jsx(MonthPicker, { id: `${this._id}-MP`, hidden: this._isMonthPickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, _hidden: this._isMonthPickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, selectionMode: this.selectionMode, minDate: this.minDate, maxDate: this.maxDate, timestamp: this._timestamp, onChange: this.onSelectedMonthChange, onNavigate: this.onNavigate, exportparts: "month-cell, month-cell-selected, month-cell-selected-between, month-picker-root" }));
+}
+function renderYearPicker() {
+    return (_jsx(YearPicker, { id: `${this._id}-YP`, hidden: this._isYearPickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, _hidden: this._isYearPickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, selectionMode: this.selectionMode, minDate: this.minDate, maxDate: this.maxDate, timestamp: this._timestamp, _currentYearRange: this._currentYearRange, onChange: this.onSelectedYearChange, onNavigate: this.onNavigate, exportparts: "year-cell, year-cell-selected, year-cell-selected-between, year-picker-root" }));
+}
+function renderYearRangePicker() {
+    return (_jsx(YearRangePicker, { id: `${this._id}-YRP`, hidden: this._isYearRangePickerHidden, formatPattern: this._formatPattern, selectedDates: this._selectedDatesTimestamps, _showRangeSelection: this.selectionMode === CalendarSelectionMode.Range, _hidden: this._isYearRangePickerHidden, primaryCalendarType: this._primaryCalendarType, secondaryCalendarType: this._secondaryCalendarType, minDate: this.minDate, maxDate: this.maxDate, timestamp: this._timestamp, _currentYearRange: this._currentYearRange, onChange: this.onSelectedYearRangeChange, onNavigate: this.onNavigate, exportparts: "year-range-cell, year-range-cell-selected, year-range-cell-selected-between, year-range-picker-root" }));
 }
 //# sourceMappingURL=CalendarTemplate.js.map

package/dist/CalendarTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarTemplate.js","sourceRoot":"","sources":["../src/CalendarTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,qBAAqB,MAAM,kCAAkC,CAAC;AAErE,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACvC,OAAO,CACN,8BACC,eACC,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,IAAI,CAAC,UAAU,aAE1B,eAAK,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,UAAU,EAAE,KAAK,EAAC,iBAAiB,aACtD,KAAC,SAAS,IACT,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAC3B,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAC/B,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,oBAAoB,EAAE,IAAI,CAAC,qBAAqB,EAChD,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,wDAAwD,GACnE,EAEF,KAAC,WAAW,IACX,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,EACpB,MAAM,EAAE,IAAI,CAAC,oBAAoB,EACjC,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,iFAAiF,GAC5F,EAEF,KAAC,UAAU,IACV,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,EACpB,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAChC,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,iBAAiB,EAAI,IAAI,CAAC,iBAAiB,EAC3C,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EACnC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,6EAA6E,GACxF,EAEF,KAAC,eAAe,IACf,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,MAAM,EACrB,MAAM,EAAE,IAAI,CAAC,wBAAwB,EACrC,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,mBAAmB,EAAE,IAAI,CAAC,aAAa,KAAK,qBAAqB,CAAC,KAAK,EACvE,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,iBAAiB,EAAI,IAAI,CAAC,iBAAiB,EAC3C,QAAQ,EAAE,IAAI,CAAC,yBAAyB,EACxC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,qGAAqG,GAChH,IACG,EAEN,cAAK,KAAK,EAAC,eAAe,EAAC,WAAW,EAAC,6DAA6D,YACjG,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC9B,IACD,EAEN,wDACyC,IAAI,CAAC,gCAAgC,qCAC5C,IAAI,CAAC,iBAAiB,YAEvD,eAAM,IAAI,EAAC,gBAAgB,GAAQ,GAC9B,IACJ,CAAC,CAAC;AACP,CAAC","sourcesContent":["import type Calendar from \"./Calendar.js\";\nimport DayPicker from \"./DayPicker.js\";\nimport MonthPicker from \"./MonthPicker.js\";\nimport YearPicker from \"./YearPicker.js\";\nimport YearRangePicker from \"./YearRangePicker.js\";\nimport CalendarHeaderTemplate from \"./CalendarHeaderTemplate.js\";\nimport CalendarSelectionMode from \"./types/CalendarSelectionMode.js\";\n\nexport default function CalendarTemplate(this: Calendar) {\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclass=\"ui5-cal-root\"\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t>\n\t\t\t\t<div id={`${this._id}-content`} class=\"ui5-cal-content\">\n\t\t\t\t\t<DayPicker\n\t\t\t\t\t\tid={`${this._id}-daypicker`}\n\t\t\t\t\t\thidden={this._isDayPickerHidden}\n\t\t\t\t\t\tformatPattern={this._formatPattern}\n\t\t\t\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t\t\t\tspecialCalendarDates={this._specialCalendarDates}\n\t\t\t\t\t\t_hidden={this._isDayPickerHidden}\n\t\t\t\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\t\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\t\t\t\tselectionMode={this.selectionMode}\n\t\t\t\t\t\tminDate={this.minDate}\n\t\t\t\t\t\tmaxDate={this.maxDate}\n\t\t\t\t\t\tcalendarWeekNumbering={this.calendarWeekNumbering}\n\t\t\t\t\t\ttimestamp={this._timestamp}\n\t\t\t\t\t\thideWeekNumbers={this.hideWeekNumbers}\n\t\t\t\t\t\tonChange={this.onSelectedDatesChange}\n\t\t\t\t\t\tonNavigate={this.onNavigate}\n\t\t\t\t\t\texportparts=\"day-cell, day-cell-selected, day-cell-selected-between\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<MonthPicker\n\t\t\t\t\t\tid={`${this._id}-MP`}\n\t\t\t\t\t\thidden={this._isMonthPickerHidden}\n\t\t\t\t\t\tformatPattern={this._formatPattern}\n\t\t\t\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t\t\t\t_hidden={this._isMonthPickerHidden}\n\t\t\t\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\t\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\t\t\t\tselectionMode={this.selectionMode}\n\t\t\t\t\t\tminDate={this.minDate}\n\t\t\t\t\t\tmaxDate={this.maxDate}\n\t\t\t\t\t\ttimestamp={this._timestamp}\n\t\t\t\t\t\tonChange={this.onSelectedMonthChange}\n\t\t\t\t\t\tonNavigate={this.onNavigate}\n\t\t\t\t\t\texportparts=\"month-cell, month-cell-selected, month-cell-selected-between, month-picker-root\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<YearPicker\n\t\t\t\t\t\tid={`${this._id}-YP`}\n\t\t\t\t\t\thidden={this._isYearPickerHidden}\n\t\t\t\t\t\tformatPattern={this._formatPattern}\n\t\t\t\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t\t\t\t_hidden={this._isYearPickerHidden}\n\t\t\t\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\t\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\t\t\t\tselectionMode={this.selectionMode}\n\t\t\t\t\t\tminDate={this.minDate}\n\t\t\t\t\t\tmaxDate={this.maxDate}\n\t\t\t\t\t\ttimestamp={this._timestamp}\n\t\t\t\t\t\t_currentYearRange = {this._currentYearRange}\n\t\t\t\t\t\tonChange={this.onSelectedYearChange}\n\t\t\t\t\t\tonNavigate={this.onNavigate}\n\t\t\t\t\t\texportparts=\"year-cell, year-cell-selected, year-cell-selected-between, year-picker-root\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<YearRangePicker\n\t\t\t\t\t\tid={`${this._id}-YRP`}\n\t\t\t\t\t\thidden={this._isYearRangePickerHidden}\n\t\t\t\t\t\tformatPattern={this._formatPattern}\n\t\t\t\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t\t\t\t_showRangeSelection={this.selectionMode === CalendarSelectionMode.Range}\n\t\t\t\t\t\t_hidden={this._isYearRangePickerHidden}\n\t\t\t\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\t\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\t\t\t\tminDate={this.minDate}\n\t\t\t\t\t\tmaxDate={this.maxDate}\n\t\t\t\t\t\ttimestamp={this._timestamp}\n\t\t\t\t\t\t_currentYearRange = {this._currentYearRange}\n\t\t\t\t\t\tonChange={this.onSelectedYearRangeChange}\n\t\t\t\t\t\tonNavigate={this.onNavigate}\n\t\t\t\t\t\texportparts=\"year-range-cell, year-range-cell-selected, year-range-cell-selected-between, year-range-picker-root\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"ui5-calheader\" exportparts=\"calendar-header-arrow-button, calendar-header-middle-button\">\n\t\t\t\t\t{ CalendarHeaderTemplate.call(this) }\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tonui5-calendar-legend-selection-change={this._onCalendarLegendSelectionChange}\n\t\t\t\tonui5-calendar-legend-focus-out={this._onLegendFocusOut}\n\t\t\t>\n\t\t\t\t<slot name=\"calendarLegend\"></slot>\n\t\t\t</div>\n\t\t</>);\n}\n"]}
+{"version":3,"file":"CalendarTemplate.js","sourceRoot":"","sources":["../src/CalendarTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,qBAAqB,MAAM,kCAAkC,CAAC;AAErE,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACvC,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAC9E,MAAM,2BAA2B,GAAG,IAAI,CAAC,oCAAoC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;IAC7H,MAAM,yBAAyB,GAAG,IAAI,CAAC,oCAAoC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC;IAE3H,OAAO,CACN,8BACC,eACC,KAAK,EAAE;oBACN,cAAc,EAAE,IAAI;oBACpB,oBAAoB,EAAE,IAAI,CAAC,UAAU;oBACrC,sBAAsB,EAAE,IAAI,CAAC,aAAa;oBAC1C,sBAAsB,EAAE,kBAAkB;iBAC1C,EACD,SAAS,EAAE,IAAI,CAAC,UAAU,aAEzB,CAAC,kBAAkB,IAAI,CACvB,cAAK,KAAK,EAAC,eAAe,EAAC,WAAW,EAAC,6DAA6D,YACjG,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC9B,CACN,EACD,cAAK,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,UAAU,EAAE,KAAK,EAAE;4BACtC,iBAAiB,EAAE,IAAI;4BACvB,0BAA0B,EAAE,kBAAkB;yBAC9C,YACC,kBAAkB,CAAC,CAAC,CAAC,CACrB,8BAEE,IAAI,CAAC,gDAAgD,IAAI,CACzD,cAAK,KAAK,EAAC,qEAAqE,EAAC,WAAW,EAAC,6DAA6D,YACvJ,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC9B,CACN,EAED,cAAK,KAAK,EAAC,2BAA2B,GAAO,EAG5C,2BAA2B,IAAI,CAC/B,cAAK,KAAK,EAAC,wCAAwC,YACjD,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,GACzB,CACN,EAGD,cAAK,KAAK,EAAC,iCAAiC,YAC1C,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,yBAAyB,CAAC,GACpD,IACJ,CACH,CAAC,CAAC,CAAC,CACH,8BACC,KAAC,SAAS,IACT,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAC3B,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAC/B,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,oBAAoB,EAAE,IAAI,CAAC,qBAAqB,EAChD,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,wDAAwD,GACnE,EACD,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3B,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IAC/B,CACH,GACI,EAEL,kBAAkB,IAAI,CACtB,eAAK,KAAK,EAAE;4BACX,2BAA2B,EAAE,IAAI;4BACjC,wBAAwB,EAAE,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,wBAAwB;yBAChH,aACC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3B,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IAC5B,CACN,IACI,EAEN,wDACyC,IAAI,CAAC,gCAAgC,qCAC5C,IAAI,CAAC,iBAAiB,YAEvD,eAAM,IAAI,EAAC,gBAAgB,GAAQ,GAC9B,IACJ,CAAC,CAAC;AACP,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB;IAC1B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC9D,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;QAC5B,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QAEhD,OAAO,CACN,cAA4C,KAAK,EAAC,gCAAgC,YAChF,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE;gBAClC,UAAU,EAAE,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC;gBACvD,OAAO;gBACP,MAAM;gBACN,UAAU,EAAE,IAAI;aAChB,CAAC,IANO,yBAAyB,KAAK,EAAE,CAOpC,CACN,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAiB,yBAAkC;IAC7E,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC9D,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;QAC5B,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QAEhD,OAAO,CACN,eAA4C,KAAK,EAAC,yBAAyB,aAEzE,yBAAyB;oBACzB,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE;wBACjC,UAAU,EAAE,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC;wBACvD,OAAO;wBACP,MAAM;wBACN,UAAU,EAAE,IAAI;qBAChB,CAAC,EAEH,cAAK,KAAK,EAAC,2BAA2B,YACrC,KAAC,SAAS,IACT,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,cAAc,KAAK,EAAE,EACpC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAC/B,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,oBAAoB,EAAE,IAAI,CAAC,qBAAqB,EAChD,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,SAAS,EAAE,cAAc,EACzB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,wDAAwD,EACpE,KAAK,EAAE,IAAI,CAAC,MAAM,GACjB,GACG,KAhCG,yBAAyB,KAAK,EAAE,CAiCpC,CACN,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB;IACzB,OAAO,CACN,KAAC,WAAW,IACX,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,EACpB,MAAM,EAAE,IAAI,CAAC,oBAAoB,EACjC,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,iFAAiF,GAC5F,CACF,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB;IACxB,OAAO,CACN,KAAC,UAAU,IACV,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,EACpB,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAChC,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,iBAAiB,EAAI,IAAI,CAAC,iBAAiB,EAC3C,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EACnC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,6EAA6E,GACxF,CACF,CAAC;AACH,CAAC;AAED,SAAS,qBAAqB;IAC7B,OAAO,CACN,KAAC,eAAe,IACf,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,MAAM,EACrB,MAAM,EAAE,IAAI,CAAC,wBAAwB,EACrC,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,aAAa,EAAE,IAAI,CAAC,wBAAwB,EAC5C,mBAAmB,EAAE,IAAI,CAAC,aAAa,KAAK,qBAAqB,CAAC,KAAK,EACvE,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,qBAAqB,EAAE,IAAI,CAAC,sBAAsB,EAClD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,iBAAiB,EAAI,IAAI,CAAC,iBAAiB,EAC3C,QAAQ,EAAE,IAAI,CAAC,yBAAyB,EACxC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAC,qGAAqG,GAChH,CACF,CAAC;AACH,CAAC","sourcesContent":["import type Calendar from \"./Calendar.js\";\nimport DayPicker from \"./DayPicker.js\";\nimport MonthPicker from \"./MonthPicker.js\";\nimport YearPicker from \"./YearPicker.js\";\nimport YearRangePicker from \"./YearRangePicker.js\";\nimport CalendarHeaderTemplate from \"./CalendarHeaderTemplate.js\";\nimport CalendarSelectionMode from \"./types/CalendarSelectionMode.js\";\n\nexport default function CalendarTemplate(this: Calendar) {\n\tconst showMultipleMonths = this._monthsToShow > 1 && !this._isDayPickerHidden;\n\tconst shouldRenderSeparateHeaders = this._isDefaultHeaderModeInMultipleMonths && !this._portraitView && !this._isCompactMode;\n\tconst shouldRenderInlineHeaders = this._isDefaultHeaderModeInMultipleMonths && (this._portraitView || this._isCompactMode);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-cal-root\": true,\n\t\t\t\t\t\"ui5-dt-cal--mobile\": this._phoneView,\n\t\t\t\t\t\"ui5-dt-cal--portrait\": this._portraitView,\n\t\t\t\t\t\"ui5-dt-cal--multiple\": showMultipleMonths,\n\t\t\t\t}}\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t>\n\t\t\t\t{!showMultipleMonths && (\n\t\t\t\t\t<div class=\"ui5-calheader\" exportparts=\"calendar-header-arrow-button, calendar-header-middle-button\">\n\t\t\t\t\t\t{ CalendarHeaderTemplate.call(this) }\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div id={`${this._id}-content`} class={{\n\t\t\t\t\t\"ui5-cal-content\": true,\n\t\t\t\t\t\"ui5-cal-content-multiple\": showMultipleMonths,\n\t\t\t\t}}>\n\t\t\t\t\t{showMultipleMonths ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{/* When pickers are active, show standard calendar header */}\n\t\t\t\t\t\t\t{this._shouldShowOnePickerHeaderButtonInMultipleMonths && (\n\t\t\t\t\t\t\t\t<div class=\"ui5-calheader ui5-calheader-multiple ui5-calheader-default-multiple\" exportparts=\"calendar-header-arrow-button, calendar-header-middle-button\">\n\t\t\t\t\t\t\t\t\t{ CalendarHeaderTemplate.call(this) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t<div class=\"ui5-cal-daypicker-overlay\"></div>\n\n\t\t\t\t\t\t\t{/* Render headers in separate loop when in horizontal layout (cozy mode, not portrait, not compact) */}\n\t\t\t\t\t\t\t{shouldRenderSeparateHeaders && (\n\t\t\t\t\t\t\t\t<div class=\"ui5-cal-multiple-months-header-wrapper\">\n\t\t\t\t\t\t\t\t\t{renderMonthHeaders.call(this)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{/* Render day pickers (with inline headers in vertical layout) */}\n\t\t\t\t\t\t\t<div class=\"ui5-cal-multiple-months-wrapper\">\n\t\t\t\t\t\t\t\t{renderMonthPickers.call(this, shouldRenderInlineHeaders)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<DayPicker\n\t\t\t\t\t\t\t\tid={`${this._id}-daypicker`}\n\t\t\t\t\t\t\t\thidden={this._isDayPickerHidden}\n\t\t\t\t\t\t\t\tformatPattern={this._formatPattern}\n\t\t\t\t\t\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t\t\t\t\t\tspecialCalendarDates={this._specialCalendarDates}\n\t\t\t\t\t\t\t\tdisabledDates={this._disabledDates}\n\t\t\t\t\t\t\t\t_hidden={this._isDayPickerHidden}\n\t\t\t\t\t\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\t\t\t\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\t\t\t\t\t\tselectionMode={this.selectionMode}\n\t\t\t\t\t\t\t\tminDate={this.minDate}\n\t\t\t\t\t\t\t\tmaxDate={this.maxDate}\n\t\t\t\t\t\t\t\tcalendarWeekNumbering={this.calendarWeekNumbering}\n\t\t\t\t\t\t\t\ttimestamp={this._timestamp}\n\t\t\t\t\t\t\t\thideWeekNumbers={this.hideWeekNumbers}\n\t\t\t\t\t\t\t\tonChange={this.onSelectedDatesChange}\n\t\t\t\t\t\t\t\tonNavigate={this.onNavigate}\n\t\t\t\t\t\t\t\texportparts=\"day-cell, day-cell-selected, day-cell-selected-between\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{renderMonthPicker.call(this)}\n\t\t\t\t\t\t\t{renderYearPicker.call(this)}\n\t\t\t\t\t\t\t{renderYearRangePicker.call(this)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{showMultipleMonths && (\n\t\t\t\t\t<div class={{\n\t\t\t\t\t\t\"ui5-cal-overlay-container\": true,\n\t\t\t\t\t\t\"ui5-cal-overlay-hidden\": this._isMonthPickerHidden && this._isYearPickerHidden && this._isYearRangePickerHidden,\n\t\t\t\t\t}}>\n\t\t\t\t\t\t{renderMonthPicker.call(this)}\n\t\t\t\t\t\t{renderYearPicker.call(this)}\n\t\t\t\t\t\t{renderYearRangePicker.call(this)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tonui5-calendar-legend-selection-change={this._onCalendarLegendSelectionChange}\n\t\t\t\tonui5-calendar-legend-focus-out={this._onLegendFocusOut}\n\t\t\t>\n\t\t\t\t<slot name=\"calendarLegend\"></slot>\n\t\t\t</div>\n\t\t</>);\n}\n\n/**\n * Renders month headers in a separate loop (horizontal layout)\n */\nfunction renderMonthHeaders(this: Calendar) {\n\treturn Array.from({ length: this._monthsToShow }, (_, index) => {\n\t\tconst monthTimestamp = this._getMonthTimestamp(index);\n\t\tconst isFirst = index === 0;\n\t\tconst isLast = index === this._monthsToShow - 1;\n\n\t\treturn (\n\t\t\t<div key={`calendar-month-header-${index}`} class=\"ui5-cal-month-header-container\">\n\t\t\t\t{CalendarHeaderTemplate.call(this, {\n\t\t\t\t\theaderText: this._getHeaderTextForMonth(monthTimestamp),\n\t\t\t\t\tisFirst,\n\t\t\t\t\tisLast,\n\t\t\t\t\tisMultiple: true,\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t});\n}\n\n/**\n * Renders month pickers (with optional inline headers for vertical layout)\n */\nfunction renderMonthPickers(this: Calendar, shouldRenderInlineHeaders: boolean) {\n\treturn Array.from({ length: this._monthsToShow }, (_, index) => {\n\t\tconst monthTimestamp = this._getMonthTimestamp(index);\n\t\tconst isFirst = index === 0;\n\t\tconst isLast = index === this._monthsToShow - 1;\n\n\t\treturn (\n\t\t\t<div key={`calendar-month-picker-${index}`} class=\"ui5-cal-month-container\">\n\t\t\t\t{/* Render header inline when in vertical layout (portrait OR compact) */}\n\t\t\t\t{shouldRenderInlineHeaders &&\n\t\t\t\t\tCalendarHeaderTemplate.call(this, {\n\t\t\t\t\t\theaderText: this._getHeaderTextForMonth(monthTimestamp),\n\t\t\t\t\t\tisFirst,\n\t\t\t\t\t\tisLast,\n\t\t\t\t\t\tisMultiple: true,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t<div class=\"ui5-cal-daypicker-wrapper\">\n\t\t\t\t\t<DayPicker\n\t\t\t\t\t\tid={`${this._id}-daypicker-${index}`}\n\t\t\t\t\t\thidden={this._isDayPickerHidden}\n\t\t\t\t\t\tformatPattern={this._formatPattern}\n\t\t\t\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t\t\t\tspecialCalendarDates={this._specialCalendarDates}\n\t\t\t\t\t\tdisabledDates={this._disabledDates}\n\t\t\t\t\t\t_hidden={this._isDayPickerHidden}\n\t\t\t\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\t\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\t\t\t\tselectionMode={this.selectionMode}\n\t\t\t\t\t\tminDate={this.minDate}\n\t\t\t\t\t\tmaxDate={this.maxDate}\n\t\t\t\t\t\tcalendarWeekNumbering={this.calendarWeekNumbering}\n\t\t\t\t\t\ttimestamp={monthTimestamp}\n\t\t\t\t\t\thideWeekNumbers={this.hideWeekNumbers}\n\t\t\t\t\t\tonChange={this.onSelectedDatesChange}\n\t\t\t\t\t\tonNavigate={this.onNavigate}\n\t\t\t\t\t\texportparts=\"day-cell, day-cell-selected, day-cell-selected-between\"\n\t\t\t\t\t\tinert={this._inert}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t});\n}\n\nfunction renderMonthPicker(this: Calendar) {\n\treturn (\n\t\t<MonthPicker\n\t\t\tid={`${this._id}-MP`}\n\t\t\thidden={this._isMonthPickerHidden}\n\t\t\tformatPattern={this._formatPattern}\n\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t_hidden={this._isMonthPickerHidden}\n\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\tselectionMode={this.selectionMode}\n\t\t\tminDate={this.minDate}\n\t\t\tmaxDate={this.maxDate}\n\t\t\ttimestamp={this._timestamp}\n\t\t\tonChange={this.onSelectedMonthChange}\n\t\t\tonNavigate={this.onNavigate}\n\t\t\texportparts=\"month-cell, month-cell-selected, month-cell-selected-between, month-picker-root\"\n\t\t/>\n\t);\n}\n\nfunction renderYearPicker(this: Calendar) {\n\treturn (\n\t\t<YearPicker\n\t\t\tid={`${this._id}-YP`}\n\t\t\thidden={this._isYearPickerHidden}\n\t\t\tformatPattern={this._formatPattern}\n\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t_hidden={this._isYearPickerHidden}\n\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\tselectionMode={this.selectionMode}\n\t\t\tminDate={this.minDate}\n\t\t\tmaxDate={this.maxDate}\n\t\t\ttimestamp={this._timestamp}\n\t\t\t_currentYearRange = {this._currentYearRange}\n\t\t\tonChange={this.onSelectedYearChange}\n\t\t\tonNavigate={this.onNavigate}\n\t\t\texportparts=\"year-cell, year-cell-selected, year-cell-selected-between, year-picker-root\"\n\t\t/>\n\t);\n}\n\nfunction renderYearRangePicker(this: Calendar) {\n\treturn (\n\t\t<YearRangePicker\n\t\t\tid={`${this._id}-YRP`}\n\t\t\thidden={this._isYearRangePickerHidden}\n\t\t\tformatPattern={this._formatPattern}\n\t\t\tselectedDates={this._selectedDatesTimestamps}\n\t\t\t_showRangeSelection={this.selectionMode === CalendarSelectionMode.Range}\n\t\t\t_hidden={this._isYearRangePickerHidden}\n\t\t\tprimaryCalendarType={this._primaryCalendarType}\n\t\t\tsecondaryCalendarType={this._secondaryCalendarType}\n\t\t\tminDate={this.minDate}\n\t\t\tmaxDate={this.maxDate}\n\t\t\ttimestamp={this._timestamp}\n\t\t\t_currentYearRange = {this._currentYearRange}\n\t\t\tonChange={this.onSelectedYearRangeChange}\n\t\t\tonNavigate={this.onNavigate}\n\t\t\texportparts=\"year-range-cell, year-range-cell-selected, year-range-cell-selected-between, year-range-picker-root\"\n\t\t/>\n\t);\n}\n"]}

package/dist/Card.d.ts

@@ -1,4 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot, DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type CardHeader from "./CardHeader.js";
 /**
@@ -44,7 +45,7 @@ declare class Card extends UI5Element {
      * Defines the content of the component.
      * @public
     */
-    content: Array<HTMLElement>;
+    content: DefaultSlot<HTMLElement>;
     /**
      * Defines the header of the component.
      *
@@ -52,7 +53,7 @@ declare class Card extends UI5Element {
      * @since 1.0.0-rc.15
      * @public
     */
-    header: Array<CardHeader>;
+    header: Slot<CardHeader>;
     /**
      * Defines if a loading indicator would be displayed over the card.
      * @default false

package/dist/Card.js

@@ -8,7 +8,7 @@ var Card_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 slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";

package/dist/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EACN,yBAAyB,EACzB,uBAAuB,GACvB,MAAM,mCAAmC,CAAC;AAG3C,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAQH,IAAM,IAAI,YAAV,MAAM,IAAK,SAAQ,UAAU;IAA7B;;QAsCC;;;;;WAKG;QAEH,YAAO,GAAG,KAAK,CAAC;QAEhB;;;;;WAKG;QAEH,iBAAY,GAAG,IAAI,CAAC;IAkBrB,CAAC;IAbA,IAAI,UAAU;QACb,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,IAAI,aAAa;QAChB,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,IAAI,CAAC,EAC7D,kBAAkB,GAAG,sBAAsB,CAAC,CAAC,CAAC,IAAI,sBAAsB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjF,OAAO,MAAI,CAAC,UAAU,CAAC,OAAO,CAAC,yBAAyB,CAAC,GAAG,kBAAkB,CAAC;IAChF,CAAC;IAED,IAAI,qBAAqB;QACxB,OAAO,MAAI,CAAC,UAAU,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACzD,CAAC;CACD,CAAA;AA9DA;IADC,QAAQ,EAAE;4CACa;AASxB;IADC,QAAQ,EAAE;+CACgB;AAO3B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qCAChB;AAU7B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;oCAChC;AAS3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACZ;AAShB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACP;AAGb;IADN,IAAI,CAAC,oBAAoB,CAAC;8BACG;AAzDzB,IAAI;IAPT,aAAa,CAAC;QACd,GAAG,EAAE,UAAU;QACf,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,OAAO;KACf,CAAC;GACI,IAAI,CAwET;AAED,IAAI,CAAC,MAAM,EAAE,CAAC;AAEd,eAAe,IAAI,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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport CardTemplate from \"./CardTemplate.js\";\n\nimport {\n\tARIA_ROLEDESCRIPTION_CARD,\n\tARIA_LABEL_CARD_CONTENT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type CardHeader from \"./CardHeader.js\";\n\n// Styles\nimport cardCss from \"./generated/themes/Card.css.js\";\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-card` is a component that represents information in the form of a\n * tile with separate header and content areas.\n * The content area of a `ui5-card` can be arbitrary HTML content.\n * The header can be used through slot `header`. For which there is a `ui5-card-header` component to achieve the card look and feel.\n *\n * Note: We recommend the usage of `ui5-card-header` for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/Card.js\";`\n *\n * `import \"@ui5/webcomponents/dist/CardHeader.js\";` (for `ui5-card-header`)\n * @constructor\n * @extends UI5Element\n * @public\n * @csspart root - Used to style the root DOM element of the card component\n * @csspart content - Used to style the content of the card\n */\n@customElement({\n\ttag: \"ui5-card\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: CardTemplate,\n\tstyles: cardCss,\n})\nclass Card extends UI5Element {\n\t/**\n\t * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.\n\t *\n\t * **Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.16\n\t*/\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the IDs of the elements that label the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.16\n\t*/\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t * Defines the content of the component.\n\t * @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the header of the component.\n\t *\n\t * **Note:** Use `ui5-card-header` for the intended design.\n\t * @since 1.0.0-rc.15\n\t * @public\n\t*/\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true })\n\theader!: Array<CardHeader>;\n\n\t/**\n\t * Defines if a loading indicator would be displayed over the card.\n\t * @default false\n\t * @public\n\t * @since 2.1.0\n\t */\n\t@property({ type: Boolean })\n\tloading = false;\n\n\t/**\n\t * Defines the delay in milliseconds, after which the loading indicator will show up for this card.\n\t * @default 1000\n\t * @public\n\t * @since 2.1.0\n\t */\n\t@property({ type: Number })\n\tloadingDelay = 1000;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tget _hasHeader() {\n\t\treturn !!this.header.length;\n\t}\n\n\tget _getAriaLabel() {\n\t\tconst effectiveAriaLabelText = getEffectiveAriaLabelText(this),\n\t\t\teffectiveAriaLabel = effectiveAriaLabelText ? ` ${effectiveAriaLabelText}` : \"\";\n\t\treturn Card.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD) + effectiveAriaLabel;\n\t}\n\n\tget _ariaCardContentLabel() {\n\t\treturn Card.i18nBundle.getText(ARIA_LABEL_CARD_CONTENT);\n\t}\n}\n\nCard.define();\n\nexport default Card;\n"]}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AAEpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EACN,yBAAyB,EACzB,uBAAuB,GACvB,MAAM,mCAAmC,CAAC;AAG3C,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAQH,IAAM,IAAI,YAAV,MAAM,IAAK,SAAQ,UAAU;IAA7B;;QAsCC;;;;;WAKG;QAEH,YAAO,GAAG,KAAK,CAAC;QAEhB;;;;;WAKG;QAEH,iBAAY,GAAG,IAAI,CAAC;IAkBrB,CAAC;IAbA,IAAI,UAAU;QACb,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,IAAI,aAAa;QAChB,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,IAAI,CAAC,EAC7D,kBAAkB,GAAG,sBAAsB,CAAC,CAAC,CAAC,IAAI,sBAAsB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjF,OAAO,MAAI,CAAC,UAAU,CAAC,OAAO,CAAC,yBAAyB,CAAC,GAAG,kBAAkB,CAAC;IAChF,CAAC;IAED,IAAI,qBAAqB;QACxB,OAAO,MAAI,CAAC,UAAU,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACzD,CAAC;CACD,CAAA;AA9DA;IADC,QAAQ,EAAE;4CACa;AASxB;IADC,QAAQ,EAAE;+CACgB;AAO3B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qCACV;AAUnC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;oCACjC;AAS1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACZ;AAShB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACP;AAGb;IADN,IAAI,CAAC,oBAAoB,CAAC;8BACG;AAzDzB,IAAI;IAPT,aAAa,CAAC;QACd,GAAG,EAAE,UAAU;QACf,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,OAAO;KACf,CAAC;GACI,IAAI,CAwET;AAED,IAAI,CAAC,MAAM,EAAE,CAAC;AAEd,eAAe,IAAI,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot, DefaultSlot } 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 slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport CardTemplate from \"./CardTemplate.js\";\n\nimport {\n\tARIA_ROLEDESCRIPTION_CARD,\n\tARIA_LABEL_CARD_CONTENT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type CardHeader from \"./CardHeader.js\";\n\n// Styles\nimport cardCss from \"./generated/themes/Card.css.js\";\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-card` is a component that represents information in the form of a\n * tile with separate header and content areas.\n * The content area of a `ui5-card` can be arbitrary HTML content.\n * The header can be used through slot `header`. For which there is a `ui5-card-header` component to achieve the card look and feel.\n *\n * Note: We recommend the usage of `ui5-card-header` for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/Card.js\";`\n *\n * `import \"@ui5/webcomponents/dist/CardHeader.js\";` (for `ui5-card-header`)\n * @constructor\n * @extends UI5Element\n * @public\n * @csspart root - Used to style the root DOM element of the card component\n * @csspart content - Used to style the content of the card\n */\n@customElement({\n\ttag: \"ui5-card\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: CardTemplate,\n\tstyles: cardCss,\n})\nclass Card extends UI5Element {\n\t/**\n\t * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.\n\t *\n\t * **Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.16\n\t*/\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the IDs of the elements that label the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.16\n\t*/\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t * Defines the content of the component.\n\t * @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: DefaultSlot<HTMLElement>;\n\n\t/**\n\t * Defines the header of the component.\n\t *\n\t * **Note:** Use `ui5-card-header` for the intended design.\n\t * @since 1.0.0-rc.15\n\t * @public\n\t*/\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true })\n\theader!: Slot<CardHeader>;\n\n\t/**\n\t * Defines if a loading indicator would be displayed over the card.\n\t * @default false\n\t * @public\n\t * @since 2.1.0\n\t */\n\t@property({ type: Boolean })\n\tloading = false;\n\n\t/**\n\t * Defines the delay in milliseconds, after which the loading indicator will show up for this card.\n\t * @default 1000\n\t * @public\n\t * @since 2.1.0\n\t */\n\t@property({ type: Number })\n\tloadingDelay = 1000;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tget _hasHeader() {\n\t\treturn !!this.header.length;\n\t}\n\n\tget _getAriaLabel() {\n\t\tconst effectiveAriaLabelText = getEffectiveAriaLabelText(this),\n\t\t\teffectiveAriaLabel = effectiveAriaLabelText ? ` ${effectiveAriaLabelText}` : \"\";\n\t\treturn Card.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD) + effectiveAriaLabel;\n\t}\n\n\tget _ariaCardContentLabel() {\n\t\treturn Card.i18nBundle.getText(ARIA_LABEL_CARD_CONTENT);\n\t}\n}\n\nCard.define();\n\nexport default Card;\n"]}

package/dist/CardHeader.d.ts

@@ -1,4 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 /**
  * @class
@@ -65,12 +66,12 @@ declare class CardHeader extends UI5Element {
      * Defines an avatar image, displayed in the left most part of the header.
      * @public
     */
-    avatar: Array<HTMLElement>;
+    avatar: Slot<HTMLElement>;
     /**
      * Defines an action, displayed in the right most part of the header.
      * @public
     */
-    action: Array<HTMLElement>;
+    action: Slot<HTMLElement>;
     static i18nBundle: I18nBundle;
     onEnterDOM(): void;
     get _root(): HTMLElement;

package/dist/CardHeader.js

@@ -8,7 +8,7 @@ var CardHeader_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 slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";

package/dist/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../src/CardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EACN,cAAc,EACd,gCAAgC,EAChC,4CAA4C,GAC5C,MAAM,mCAAmC,CAAC;AAE3C,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAiBH,IAAM,UAAU,kBAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QA4BC;;;;;UAKE;QAEF,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;;;UAME;QAEF,eAAU,GAAG,CAAC,CAAC;QAGf,kBAAa,GAAG,KAAK,CAAC;IAyHvB,CAAC;IAtGA,UAAU;QACT,IAAI,SAAS,EAAE,EAAE,CAAC;YACjB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,kBAAkB,CAAE,CAAC;IACzE,CAAC;IAED,IAAI,mBAAmB;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC;IACzK,CAAC;IAED,IAAI,wBAAwB;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAC9C,CAAC;IAED,IAAI,mBAAmB;QACtB,OAAO,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,cAAc;QACjB,MAAM,MAAM,GAAG,EAAE,CAAC;QAElB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC;QAClC,CAAC;QAED,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,iBAAiB,CAAC,CAAC;QAC3C,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC;QACnC,CAAC;QAED,OAAO,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,eAAe;QACd,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IACxD,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,CAAC,CAAa;QACnB,wDAAwD;QACxD,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAE7B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE,CAAC;YACtE,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE,CAAC;YACxE,OAAO;QACR,CAAC;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACzB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAEzB,IAAI,CAAC,aAAa,GAAG,KAAK,IAAI,KAAK,CAAC;QAEpC,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;YACjC,OAAO;QACR,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACX,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,MAAM,CAAC,CAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE,CAAC;YACxE,OAAO;QACR,CAAC;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAEzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAE3B,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;CACD,CAAA;AA/JA;IADC,QAAQ,EAAE;6CACQ;AAQnB;IADC,QAAQ,EAAE;gDACW;AAQtB;IADC,QAAQ,EAAE;kDACa;AASxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACR;AAUpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;iDACzB;AAOtB;IADC,IAAI,EAAE;0CACqB;AAO5B;IADC,IAAI,EAAE;0CACqB;AAGrB;IADN,IAAI,CAAC,oBAAoB,CAAC;oCACG;AAjEzB,UAAU;IAhBf,aAAa,CAAC;QACd,GAAG,EAAE,iBAAiB;QACtB,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,aAAa;KACrB,CAAC;IACF;;;;;OAKG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,OAAO,EAAE,IAAI;KACb,CAAC;GACI,UAAU,CAyKf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport CardHeaderTemplate from \"./CardHeaderTemplate.js\";\n\nimport {\n\tAVATAR_TOOLTIP,\n\tARIA_ROLEDESCRIPTION_CARD_HEADER,\n\tARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport cardHeaderCss from \"./generated/themes/CardHeader.css.js\";\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-card-header` is a component, meant to be used as a header of the `ui5-card` component.\n * It displays valuable information, that can be defined with several properties, such as: `titleText`, `subtitleText`, `additionalText`\n * and two slots: `avatar` and `action`.\n *\n * ### Keyboard handling\n * In case you enable `interactive` property, you can press the `ui5-card-header` by Space and Enter keys.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/CardHeader\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.15\n * @csspart root - Used to style the root DOM element of the CardHeader\n * @csspart title - Used to style the title of the CardHeader\n * @csspart subtitle - Used to style the subtitle of the CardHeader\n * @csspart additional-text - Used to style the additional text of the CardHeader\n */\n@customElement({\n\ttag: \"ui5-card-header\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: CardHeaderTemplate,\n\tstyles: cardHeaderCss,\n})\n/**\n * Fired when the component is activated by mouse/tap or by using the Enter or Space key.\n *\n * **Note:** The event would be fired only if the `interactive` property is set to true.\n * @public\n */\n@event(\"click\", {\n\tbubbles: true,\n})\nclass CardHeader extends UI5Element {\n\teventDetails!: {\n\t\tclick: void\n\t}\n\t/**\n\t * Defines the title text.\n\t * @default undefined\n\t * @public\n\t*/\n\t@property()\n\ttitleText?: string;\n\n\t/**\n\t * Defines the subtitle text.\n\t * @default undefined\n\t * @public\n\t*/\n\t@property()\n\tsubtitleText?: string;\n\n\t/**\n\t * Defines the additional text.\n\t * @default undefined\n\t * @public\n\t*/\n\t@property()\n\tadditionalText?: string;\n\n\t/**\n\t * Defines if the component would be interactive,\n\t * e.g gets hover effect and `click` event is fired, when pressed.\n\t * @default false\n\t * @public\n\t*/\n\t@property({ type: Boolean })\n\tinteractive = false;\n\n\t/**\n\t * Define the `aria-level` attribute of the component\n\t *\n\t * **Note: ** If the interactive property is set, `aria-level` attribute is not rendered at all.\n\t * @private\n\t * @default 3\n\t*/\n\t@property({ type: Number })\n\t_ariaLevel = 3;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_headerActive = false;\n\n\t/**\n\t * Defines an avatar image, displayed in the left most part of the header.\n\t * @public\n\t*/\n\t@slot()\n\tavatar!: Array<HTMLElement>;\n\n\t/**\n\t * Defines an action, displayed in the right most part of the header.\n\t * @public\n\t*/\n\t@slot()\n\taction!: Array<HTMLElement>;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-card-header\")!;\n\t}\n\n\tget ariaRoleDescription() {\n\t\treturn this.interactive ? CardHeader.i18nBundle.getText(ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : CardHeader.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD_HEADER);\n\t}\n\n\tget ariaRoleFocusableElement() {\n\t\treturn this.interactive ? \"button\" : \"group\";\n\t}\n\n\tget ariaCardAvatarLabel() {\n\t\treturn CardHeader.i18nBundle.getText(AVATAR_TOOLTIP);\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst labels = [];\n\n\t\tif (this.titleText) {\n\t\t\tlabels.push(`${this._id}-title`);\n\t\t}\n\n\t\tif (this.subtitleText) {\n\t\t\tlabels.push(`${this._id}-subtitle`);\n\t\t}\n\n\t\tif (this.additionalText) {\n\t\t\tlabels.push(`${this._id}-additionalText`);\n\t\t}\n\n\t\tif (this.hasAvatar) {\n\t\t\tlabels.push(`${this._id}-avatar`);\n\t\t}\n\n\t\treturn labels.length !== 0 ? labels.join(\" \") : undefined;\n\t}\n\n\tget hasAvatar() {\n\t\treturn !!this.avatar.length;\n\t}\n\n\tget hasAction() {\n\t\treturn !!this.action.length;\n\t}\n\n\t_actionsFocusin() {\n\t\tthis._root.classList.add(\"ui5-card-header-hide-focus\");\n\t}\n\n\t_actionsFocusout() {\n\t\tthis._root.classList.remove(\"ui5-card-header-hide-focus\");\n\t}\n\n\t_click(e: MouseEvent) {\n\t\t// prevents the native browser \"click\" event from firing\n\t\te.stopImmediatePropagation();\n\n\t\tif (this.interactive && this._root.contains(e.target as HTMLElement)) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t}\n\t}\n\n\t_keydown(e: KeyboardEvent) {\n\t\tif (!this.interactive || !this._root.contains(e.target as HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst enter = isEnter(e);\n\t\tconst space = isSpace(e);\n\n\t\tthis._headerActive = enter || space;\n\n\t\tif (enter) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t\treturn;\n\t\t}\n\n\t\tif (space) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_keyup(e: KeyboardEvent) {\n\t\tif (!this.interactive || !this._root.contains(e.target as HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst space = isSpace(e);\n\n\t\tthis._headerActive = false;\n\n\t\tif (space) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t}\n\t}\n}\n\nCardHeader.define();\n\nexport default CardHeader;\n"]}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../src/CardHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot } 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 slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport CardHeaderTemplate from \"./CardHeaderTemplate.js\";\n\nimport {\n\tAVATAR_TOOLTIP,\n\tARIA_ROLEDESCRIPTION_CARD_HEADER,\n\tARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport cardHeaderCss from \"./generated/themes/CardHeader.css.js\";\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-card-header` is a component, meant to be used as a header of the `ui5-card` component.\n * It displays valuable information, that can be defined with several properties, such as: `titleText`, `subtitleText`, `additionalText`\n * and two slots: `avatar` and `action`.\n *\n * ### Keyboard handling\n * In case you enable `interactive` property, you can press the `ui5-card-header` by Space and Enter keys.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/CardHeader\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.15\n * @csspart root - Used to style the root DOM element of the CardHeader\n * @csspart title - Used to style the title of the CardHeader\n * @csspart subtitle - Used to style the subtitle of the CardHeader\n * @csspart additional-text - Used to style the additional text of the CardHeader\n */\n@customElement({\n\ttag: \"ui5-card-header\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: CardHeaderTemplate,\n\tstyles: cardHeaderCss,\n})\n/**\n * Fired when the component is activated by mouse/tap or by using the Enter or Space key.\n *\n * **Note:** The event would be fired only if the `interactive` property is set to true.\n * @public\n */\n@event(\"click\", {\n\tbubbles: true,\n})\nclass CardHeader extends UI5Element {\n\teventDetails!: {\n\t\tclick: void\n\t}\n\t/**\n\t * Defines the title text.\n\t * @default undefined\n\t * @public\n\t*/\n\t@property()\n\ttitleText?: string;\n\n\t/**\n\t * Defines the subtitle text.\n\t * @default undefined\n\t * @public\n\t*/\n\t@property()\n\tsubtitleText?: string;\n\n\t/**\n\t * Defines the additional text.\n\t * @default undefined\n\t * @public\n\t*/\n\t@property()\n\tadditionalText?: string;\n\n\t/**\n\t * Defines if the component would be interactive,\n\t * e.g gets hover effect and `click` event is fired, when pressed.\n\t * @default false\n\t * @public\n\t*/\n\t@property({ type: Boolean })\n\tinteractive = false;\n\n\t/**\n\t * Define the `aria-level` attribute of the component\n\t *\n\t * **Note: ** If the interactive property is set, `aria-level` attribute is not rendered at all.\n\t * @private\n\t * @default 3\n\t*/\n\t@property({ type: Number })\n\t_ariaLevel = 3;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_headerActive = false;\n\n\t/**\n\t * Defines an avatar image, displayed in the left most part of the header.\n\t * @public\n\t*/\n\t@slot()\n\tavatar!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines an action, displayed in the right most part of the header.\n\t * @public\n\t*/\n\t@slot()\n\taction!: Slot<HTMLElement>;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n\n\tget _root() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-card-header\")!;\n\t}\n\n\tget ariaRoleDescription() {\n\t\treturn this.interactive ? CardHeader.i18nBundle.getText(ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : CardHeader.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD_HEADER);\n\t}\n\n\tget ariaRoleFocusableElement() {\n\t\treturn this.interactive ? \"button\" : \"group\";\n\t}\n\n\tget ariaCardAvatarLabel() {\n\t\treturn CardHeader.i18nBundle.getText(AVATAR_TOOLTIP);\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst labels = [];\n\n\t\tif (this.titleText) {\n\t\t\tlabels.push(`${this._id}-title`);\n\t\t}\n\n\t\tif (this.subtitleText) {\n\t\t\tlabels.push(`${this._id}-subtitle`);\n\t\t}\n\n\t\tif (this.additionalText) {\n\t\t\tlabels.push(`${this._id}-additionalText`);\n\t\t}\n\n\t\tif (this.hasAvatar) {\n\t\t\tlabels.push(`${this._id}-avatar`);\n\t\t}\n\n\t\treturn labels.length !== 0 ? labels.join(\" \") : undefined;\n\t}\n\n\tget hasAvatar() {\n\t\treturn !!this.avatar.length;\n\t}\n\n\tget hasAction() {\n\t\treturn !!this.action.length;\n\t}\n\n\t_actionsFocusin() {\n\t\tthis._root.classList.add(\"ui5-card-header-hide-focus\");\n\t}\n\n\t_actionsFocusout() {\n\t\tthis._root.classList.remove(\"ui5-card-header-hide-focus\");\n\t}\n\n\t_click(e: MouseEvent) {\n\t\t// prevents the native browser \"click\" event from firing\n\t\te.stopImmediatePropagation();\n\n\t\tif (this.interactive && this._root.contains(e.target as HTMLElement)) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t}\n\t}\n\n\t_keydown(e: KeyboardEvent) {\n\t\tif (!this.interactive || !this._root.contains(e.target as HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst enter = isEnter(e);\n\t\tconst space = isSpace(e);\n\n\t\tthis._headerActive = enter || space;\n\n\t\tif (enter) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t\treturn;\n\t\t}\n\n\t\tif (space) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_keyup(e: KeyboardEvent) {\n\t\tif (!this.interactive || !this._root.contains(e.target as HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst space = isSpace(e);\n\n\t\tthis._headerActive = false;\n\n\t\tif (space) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t}\n\t}\n}\n\nCardHeader.define();\n\nexport default CardHeader;\n"]}

package/dist/Carousel.d.ts

@@ -1,4 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { UI5CustomEvent } from "@ui5/webcomponents-base";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ScrollEnablement from "@ui5/webcomponents-base/dist/delegate/ScrollEnablement.js";
@@ -12,6 +13,10 @@ import type Icon from "./Icon.js";
 type CarouselNavigateEventDetail = {
     selectedIndex: number;
 };
+type ChangePageOptions = {
+    fireEvent?: boolean;
+    moveFocus?: boolean;
+};
 type ItemsInfo = {
     id: string;
     item: HTMLElement & {
@@ -203,20 +208,19 @@ declare class Carousel extends UI5Element {
      */
     _visibleItemsCount: number;
     /**
-     * Defines the current slide index, which contains the visible item in the viewport.
+     * Defines the current page index, which determines the first visible item.
      * @private
      * @since 2.16.0-r.c1
      */
-    _currentSlideIndex: number;
+    _currentPageIndex: number;
     _scrollEnablement: ScrollEnablement;
     _onResizeBound: ResizeObserverCallback;
     _resizing: boolean;
     _lastFocusedElements: Array<HTMLElement>;
-    _orderOfLastFocusedPages: Array<number>;
+    _orderOfLastFocusedItems: Array<number>;
     _lastInnerFocusedElement?: HTMLElement;
     _pageStep: number;
     _visibleItemsIndexes: Array<number>;
-    _itemIndicator: number;
     _contentItemsObserver: MutationObserver;
     _observableContent: Array<HTMLElement>;
     /**
@@ -226,7 +230,7 @@ declare class Carousel extends UI5Element {
      * They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).
      * @public
      */
-    content: Array<HTMLElement>;
+    content: DefaultSlot<HTMLElement>;
     static i18nBundle: I18nBundle;
     static get pageTypeLimit(): number;
     constructor();
@@ -234,7 +238,7 @@ declare class Carousel extends UI5Element {
     onAfterRendering(): void;
     onEnterDOM(): void;
     onExitDOM(): void;
-    validateSelectedIndex(): void;
+    validateFocusedIndex(): void;
     _onResize(): void;
     _updateScrolling(e: ScrollEnablementEventListenerParam): void;
     _onkeydown(e: KeyboardEvent): void;
@@ -246,28 +250,27 @@ declare class Carousel extends UI5Element {
     _handleF7Key(e: KeyboardEvent): Promise<void>;
     _observeContentItems(): void;
     get hasMatchingContent(): boolean;
-    _handleHome(e: KeyboardEvent): void;
-    _handleEnd(e: KeyboardEvent): void;
-    _handlePageUp(e: KeyboardEvent): void;
-    _handlePageDown(e: KeyboardEvent): void;
+    _handleHome(e: KeyboardEvent): Promise<void>;
+    _handleEnd(e: KeyboardEvent): Promise<void>;
+    _handlePageUp(e: KeyboardEvent): Promise<void>;
+    _handlePageDown(e: KeyboardEvent): Promise<void>;
     get _backgroundDesign(): string;
-    get _getLastFocusedActivePageIndex(): number;
-    navigateLeft(): void;
-    navigateRight(): void;
-    navigateArrowRight(): void;
-    navigateArrowLeft(): void;
-    _calculateItemSlideIndex(currentSlideIndex: number, itemStep: number): number;
-    _moveToItem(slideIndex: number): void;
+    get _getLastFocusedItemIndex(): number;
+    navigateLeft(): Promise<void>;
+    navigateRight(): Promise<void>;
+    navigateArrowRight(): Promise<void>;
+    navigateArrowLeft(): Promise<void>;
     focusItem(): void;
     _navButtonClick(e: UI5CustomEvent<Icon, "click">): void;
     /**
      * Changes the currently displayed page.
-     * @param itemIndex The index of the target page
+     * @param itemIndex The index of the target item
      * @since 1.0.0-rc.15
      * @public
      */
     navigateTo(itemIndex: number): void;
-    skipToItem(focusIndex: number, offset: number): Promise<void>;
+    _changePageIndex(itemIndex: number, options?: ChangePageOptions): void;
+    _changeFocusIndex(itemIndex: number): void;
     /**
      * The indices of the currently visible items of the component.
      * @public
@@ -281,7 +284,7 @@ declare class Carousel extends UI5Element {
      */
     get items(): Array<ItemsInfo>;
     get effectiveItemsPerPage(): number;
-    isItemInViewport(index: number): boolean;
+    isItemVisible(index: number): boolean;
     _updateVisibleItems(index: number): void;
     isIndexInRange(index: number): boolean;
     /**
@@ -320,7 +323,6 @@ declare class Carousel extends UI5Element {
     get hasNext(): boolean;
     get suppressAnimation(): boolean;
     get _isRTL(): boolean;
-    get selectedIndexToShow(): number;
     get ofText(): string;
     get ariaLabelTxt(): string | undefined;
     get nextPageText(): string;
@@ -330,10 +332,10 @@ declare class Carousel extends UI5Element {
     /**
      * Returns only visible (non-hidden) content items.
      * Items with the 'hidden' attribute are automatically excluded from carousel navigation.
+     * @default []
      * @private
-     * @returns {Array<HTMLElement>}
      */
-    get _visibleItems(): HTMLElement[];
+    get _visibleItems(): Array<HTMLElement>;
     carouselItemDomRef(idx: number): Array<HTMLElement>;
 }
 export default Carousel;