@ui5/webcomponents 2.5.0 → 2.6.0-rc.0

package/dist/CalendarLegend.js

@@ -4,19 +4,22 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 CalendarLegend_1;
 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 jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.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 CalendarLegendTemplate from "./CalendarLegendTemplate.js";
 import CalendarLegendItem from "./CalendarLegendItem.js";
+import { CAL_LEGEND_ROLE_DESCRIPTION } from "./generated/i18n/i18n-defaults.js";
 // Styles
 import CalendarLegendCss from "./generated/themes/CalendarLegend.css.js";
 /**
@@ -36,7 +39,7 @@ import CalendarLegendCss from "./generated/themes/CalendarLegend.css.js";
  * @public
  * @since 1.23.0
  */
-let CalendarLegend = class CalendarLegend extends UI5Element {
+let CalendarLegend = CalendarLegend_1 = class CalendarLegend extends UI5Element {
     constructor() {
         super();
         /**
@@ -85,13 +88,13 @@ let CalendarLegend = class CalendarLegend extends UI5Element {
     }
     _onFocusIn(e) {
         const target = e.target;
-        this.fireDecoratorEvent("_calendar-legend-selection-change", {
+        this.fireDecoratorEvent("calendar-legend-selection-change", {
             item: target,
         });
         this._lastFocusedItemIndex = this.focusableElements.indexOf(target);
     }
     _onFocusOut() {
-        this.fireDecoratorEvent("_calendar-legend-focus-out");
+        this.fireDecoratorEvent("calendar-legend-focus-out");
     }
     _onItemKeyDown(e) {
         const items = this.focusableElements;
@@ -127,13 +130,16 @@ let CalendarLegend = class CalendarLegend extends UI5Element {
     }
     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 },
+            { 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;
     }
+    get _roleDescription() {
+        return CalendarLegend_1.i18nBundle.getText(CAL_LEGEND_ROLE_DESCRIPTION);
+    }
 };
 __decorate([
     property({ type: Boolean })
@@ -155,18 +161,21 @@ __decorate([
         "default": true,
     })
 ], CalendarLegend.prototype, "items", void 0);
-CalendarLegend = __decorate([
+__decorate([
+    i18n("@ui5/webcomponents")
+], CalendarLegend, "i18nBundle", void 0);
+CalendarLegend = CalendarLegend_1 = __decorate([
     customElement({
         tag: "ui5-calendar-legend",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: CalendarLegendCss,
         template: CalendarLegendTemplate,
         dependencies: [CalendarLegendItem],
     }),
-    event("_calendar-legend-selection-change", {
+    event("calendar-legend-selection-change", {
         bubbles: true,
     }),
-    event("_calendar-legend-focus-out", {
+    event("calendar-legend-focus-out", {
         bubbles: true,
     })
 ], CalendarLegend);

package/dist/CalendarLegend.js.map

@@ -1 +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-strict.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(\"_calendar-legend-selection-change\", {\n\tbubbles: true,\n})\n@event(\"_calendar-legend-focus-out\", {\n\tbubbles: true,\n})\nclass CalendarLegend extends UI5Element {\n\teventDetails!: {\n\t\t\"_calendar-legend-selection-change\": CalendarLegendItemSelectionChangeEventDetail,\n\t\t\"_calendar-legend-focus-out\": void,\n\t}\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 = false;\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 = false;\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 = false;\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 = false;\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.fireDecoratorEvent(\"_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.fireDecoratorEvent(\"_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"]}
+{"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 jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.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 type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ItemNavigationBehavior from \"@ui5/webcomponents-base/dist/types/ItemNavigationBehavior.js\";\nimport CalendarLegendItemType from \"./types/CalendarLegendItemType.js\";\nimport CalendarLegendTemplate from \"./CalendarLegendTemplate.js\";\nimport CalendarLegendItem from \"./CalendarLegendItem.js\";\nimport { CAL_LEGEND_ROLE_DESCRIPTION } from \"./generated/i18n/i18n-defaults.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: jsxRenderer,\n\tstyles: CalendarLegendCss,\n\ttemplate: CalendarLegendTemplate,\n\tdependencies: [CalendarLegendItem],\n})\n@event(\"calendar-legend-selection-change\", {\n\tbubbles: true,\n})\n@event(\"calendar-legend-focus-out\", {\n\tbubbles: true,\n})\nclass CalendarLegend extends UI5Element {\n\teventDetails!: {\n\t\t\"calendar-legend-selection-change\": CalendarLegendItemSelectionChangeEventDetail,\n\t\t\"calendar-legend-focus-out\": void,\n\t};\n\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 = false;\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 = false;\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 = false;\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 = false;\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\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\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.fireDecoratorEvent(\"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.fireDecoratorEvent(\"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\tget _roleDescription() {\n\t\treturn CalendarLegend.i18nBundle.getText(CAL_LEGEND_ROLE_DESCRIPTION);\n\t}\n}\n\nCalendarLegend.define();\n\nexport default CalendarLegend;\nexport type {\n\tCalendarLegendItemSelectionChangeEventDetail,\n};\n"]}

package/dist/CalendarLegendItem.js

@@ -9,10 +9,10 @@ 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 i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.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";
+import CalendarLegendItemTemplate from "./CalendarLegendItemTemplate.js";
 // Styles
 import CalendarLegendItemCss from "./generated/themes/CalendarLegendItem.css.js";
 /**
@@ -80,7 +80,7 @@ __decorate([
 CalendarLegendItem = CalendarLegendItem_1 = __decorate([
     customElement({
         tag: "ui5-calendar-legend-item",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: CalendarLegendItemCss,
         template: CalendarLegendItemTemplate,
     })

package/dist/CalendarLegendItem.js.map

@@ -1 +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,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAG7E,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;IAA3C;;QASC;;;;WAIG;QAEH,SAAI,GAAgC,MAAM,CAAC;QAE3C;;;WAGG;QAEH,mBAAc,GAAG,IAAI,CAAA;IAoBtB,CAAC;IAfA,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;AAnCA;IADC,QAAQ,EAAE;gDACG;AAQd;IADC,QAAQ,EAAE;gDACgC;AAO3C;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;0DACX;AAGd;IADN,IAAI,CAAC,oBAAoB,CAAC;4CACG;AAzBzB,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,CA0CvB;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 i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { 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 undefined\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()\n\ttype: `${CalendarLegendItemType}` = \"None\";\n\n\t/**\n\t * Tab index of the component.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\tforcedTabIndex = \"-1\"\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\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"]}
+{"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,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAG/E,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,iCAAiC,CAAC;AAEzE,SAAS;AACT,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;GAoBG;AAQH,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QASC;;;;WAIG;QAEH,SAAI,GAAgC,MAAM,CAAC;QAE3C;;;WAGG;QAEH,mBAAc,GAAG,IAAI,CAAA;IAoBtB,CAAC;IAfA,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;AAnCA;IADC,QAAQ,EAAE;gDACG;AAQd;IADC,QAAQ,EAAE;gDACgC;AAO3C;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;0DACX;AAGd;IADN,IAAI,CAAC,oBAAoB,CAAC;4CACG;AAzBzB,kBAAkB;IAPvB,aAAa,CAAC;QACd,GAAG,EAAE,0BAA0B;QAC/B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,qBAAqB;QAC7B,QAAQ,EAAE,0BAA0B;KACpC,CAAC;GAEI,kBAAkB,CA0CvB;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 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 type { 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 \"./CalendarLegendItemTemplate.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: jsxRenderer,\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 undefined\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()\n\ttype: `${CalendarLegendItemType}` = \"None\";\n\n\t/**\n\t * Tab index of the component.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\tforcedTabIndex = \"-1\"\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\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/CalendarLegendItemTemplate.d.ts

@@ -0,0 +1,2 @@
+import type CalendarLegendItem from "./CalendarLegendItem.js";
+export default function CalendarLegendItemTemplate(this: CalendarLegendItem): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/CalendarLegendItemTemplate.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+export default function CalendarLegendItemTemplate() {
+    return (_jsxs("div", { class: "ui5-calendar-legend-item-root", 
+        // TOFIX: update after changing ITabbable
+        tabindex: parseInt(this.forcedTabIndex), role: "listitem", children: [_jsx("div", { class: "ui5-calendar-legend-item-box" }), _jsx("div", { class: "ui5-calendar-legend-item-text", children: this.effectiveText })] }));
+}
+//# sourceMappingURL=CalendarLegendItemTemplate.js.map

package/dist/CalendarLegendItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLegendItemTemplate.js","sourceRoot":"","sources":["../src/CalendarLegendItemTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,0BAA0B;IACjD,OAAO,CACN,eACC,KAAK,EAAC,+BAA+B;QACrC,yCAAyC;QACzC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,EACvC,IAAI,EAAC,UAAU,aAEf,cAAK,KAAK,EAAC,8BAA8B,GAAO,EAChD,cAAK,KAAK,EAAC,+BAA+B,YAAE,IAAI,CAAC,aAAa,GAAO,IAChE,CACN,CAAC;AACH,CAAC","sourcesContent":["import type CalendarLegendItem from \"./CalendarLegendItem.js\";\n\nexport default function CalendarLegendItemTemplate(this: CalendarLegendItem) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-calendar-legend-item-root\"\n\t\t\t// TOFIX: update after changing ITabbable\n\t\t\ttabindex={parseInt(this.forcedTabIndex)}\n\t\t\trole=\"listitem\"\n\t\t>\n\t\t\t<div class=\"ui5-calendar-legend-item-box\"></div>\n\t\t\t<div class=\"ui5-calendar-legend-item-text\">{this.effectiveText}</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/CalendarLegendTemplate.d.ts

@@ -0,0 +1,2 @@
+import type CalendarLegend from "./CalendarLegend.js";
+export default function CalendarLegendTemplate(this: CalendarLegend): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/CalendarLegendTemplate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import CalendarLegendItem from "./CalendarLegendItem.js";
+export default function CalendarLegendTemplate() {
+    return (_jsxs("div", { class: "ui5-calendar-legend-root", onFocusOut: this._onFocusOut, onFocusIn: this._onFocusIn, onKeyDown: this._onItemKeyDown, onMouseDown: this._onMouseDown, role: "list", "aria-roledescription": this._roleDescription, children: [this.defaultItemsMapping.filter(item => !item.hide).map(item => _jsx(CalendarLegendItem, { type: item.type })), this.legendItems.map(item => _jsx("slot", { name: item._individualSlot }))] }));
+}
+//# sourceMappingURL=CalendarLegendTemplate.js.map

package/dist/CalendarLegendTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLegendTemplate.js","sourceRoot":"","sources":["../src/CalendarLegendTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CACN,eAAK,KAAK,EAAC,0BAA0B,EACpC,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,IAAI,EAAC,MAAM,0BACW,IAAI,CAAC,gBAAgB,aAE1C,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAC/D,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CACtC,EAEA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAC5B,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,CACzC,IACI,CAAC,CAAC;AACV,CAAC","sourcesContent":["import type CalendarLegend from \"./CalendarLegend.js\";\nimport CalendarLegendItem from \"./CalendarLegendItem.js\";\n\nexport default function CalendarLegendTemplate(this: CalendarLegend) {\n\treturn (\n\t\t<div class=\"ui5-calendar-legend-root\"\n\t\t\tonFocusOut={this._onFocusOut}\n\t\t\tonFocusIn={this._onFocusIn}\n\t\t\tonKeyDown={this._onItemKeyDown}\n\t\t\tonMouseDown={this._onMouseDown}\n\t\t\trole=\"list\"\n\t\t\taria-roledescription={this._roleDescription}\n\t\t>\n\t\t\t{this.defaultItemsMapping.filter(item => !item.hide).map(item =>\n\t\t\t\t<CalendarLegendItem type={item.type}/>\n\t\t\t)}\n\n\t\t\t{this.legendItems.map(item =>\n\t\t\t\t<slot name={item._individualSlot}></slot>\n\t\t\t)}\n\t\t</div>);\n}\n"]}

package/dist/CalendarTemplate.d.ts

@@ -0,0 +1,2 @@
+import type Calendar from "./Calendar.js";
+export default function CalendarTemplate(this: Calendar): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/CalendarTemplate.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import DayPicker from "./DayPicker.js";
+import MonthPicker from "./MonthPicker.js";
+import YearPicker from "./YearPicker.js";
+import CalendarHeaderTemplate from "./CalendarHeaderTemplate.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" }), _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, onChange: this.onSelectedYearChange, onNavigate: this.onNavigate, exportparts: "year-cell, year-cell-selected, year-cell-selected-between" })] }), _jsx("div", { class: "ui5-calheader", 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" }) })] }));
+}
+//# sourceMappingURL=CalendarTemplate.js.map

package/dist/CalendarTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarTemplate.js","sourceRoot":"","sources":["../src/CalendarTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type Calendar from \"./Calendar.js\";\nimport DayPicker from \"./DayPicker.js\";\nimport MonthPicker from \"./MonthPicker.js\";\nimport YearPicker from \"./YearPicker.js\";\nimport CalendarHeaderTemplate from \"./CalendarHeaderTemplate.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\"\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\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\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"ui5-calheader\">\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"]}

package/dist/Card.d.ts

@@ -68,13 +68,6 @@ declare class Card extends UI5Element {
      */
     loadingDelay: number;
     static i18nBundle: I18nBundle;
-    get classes(): {
-        root: {
-            "ui5-card-root": boolean;
-            "ui5-card--interactive": boolean;
-            "ui5-card--nocontent": boolean;
-        };
-    };
     get _hasHeader(): boolean;
     get _getAriaLabel(): string;
     get _ariaCardContentLabel(): string;

package/dist/Card.js

@@ -10,9 +10,9 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
-import CardTemplate from "./generated/templates/CardTemplate.lit.js";
+import CardTemplate from "./CardTemplate.js";
 import Icon from "./Icon.js";
 import BusyIndicator from "./BusyIndicator.js";
 import { ARIA_ROLEDESCRIPTION_CARD, ARIA_LABEL_CARD_CONTENT, } from "./generated/i18n/i18n-defaults.js";
@@ -58,15 +58,6 @@ let Card = Card_1 = class Card extends UI5Element {
          */
         this.loadingDelay = 1000;
     }
-    get classes() {
-        return {
-            root: {
-                "ui5-card-root": true,
-                "ui5-card--interactive": this._hasHeader && this.header[0].interactive,
-                "ui5-card--nocontent": !this.content.length,
-            },
-        };
-    }
     get _hasHeader() {
         return !!this.header.length;
     }
@@ -103,7 +94,7 @@ Card = Card_1 = __decorate([
     customElement({
         tag: "ui5-card",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         template: CardTemplate,
         styles: cardCss,
         dependencies: [Icon, BusyIndicator],

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,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,YAAY,MAAM,2CAA2C,CAAC;AACrE,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EACN,yBAAyB,EACzB,uBAAuB,GACvB,MAAM,mCAAmC,CAAC;AAG3C,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AASH,IAAM,IAAI,YAAV,MAAM,IAAK,SAAQ,UAAU;IAA7B;;QAsCC;;;;;WAKG;QAEH,YAAO,GAAG,KAAK,CAAC;QAEhB;;;;;WAKG;QAEH,iBAAY,GAAG,IAAI,CAAC;IA4BrB,CAAC;IAvBA,IAAI,OAAO;QACV,OAAO;YACN,IAAI,EAAE;gBACL,eAAe,EAAE,IAAI;gBACrB,uBAAuB,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW;gBACtE,qBAAqB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;aAC3C;SACD,CAAC;IACH,CAAC;IAED,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;AAxEA;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;IART,aAAa,CAAC;QACd,GAAG,EAAE,UAAU;QACf,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC;KACnC,CAAC;GACI,IAAI,CAkFT;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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport CardTemplate from \"./generated/templates/CardTemplate.lit.js\";\nimport Icon from \"./Icon.js\";\nimport BusyIndicator from \"./BusyIndicator.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: litRender,\n\ttemplate: CardTemplate,\n\tstyles: cardCss,\n\tdependencies: [Icon, BusyIndicator],\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 classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-card-root\": true,\n\t\t\t\t\"ui5-card--interactive\": this._hasHeader && this.header[0].interactive,\n\t\t\t\t\"ui5-card--nocontent\": !this.content.length,\n\t\t\t},\n\t\t};\n\t}\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;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;AAC7C,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EACN,yBAAyB,EACzB,uBAAuB,GACvB,MAAM,mCAAmC,CAAC;AAG3C,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AASH,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;IART,aAAa,CAAC;QACd,GAAG,EAAE,UAAU;QACf,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC;KACnC,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\";\nimport Icon from \"./Icon.js\";\nimport BusyIndicator from \"./BusyIndicator.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\tdependencies: [Icon, BusyIndicator],\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"]}

package/dist/CardHeader.d.ts

@@ -73,17 +73,9 @@ declare class CardHeader extends UI5Element {
     action: Array<HTMLElement>;
     static i18nBundle: I18nBundle;
     onEnterDOM(): void;
-    get classes(): {
-        root: {
-            "ui5-card-header": boolean;
-            "ui5-card-header--interactive": boolean;
-            "ui5-card-header--active": boolean;
-            "ui5-card-header-ff": boolean;
-        };
-    };
     get _root(): HTMLElement;
     get ariaRoleDescription(): string;
-    get ariaRoleFocusableElement(): "button" | null;
+    get ariaRoleFocusableElement(): "button" | undefined;
     get ariaCardAvatarLabel(): string;
     get ariaLabelledBy(): string | undefined;
     get hasAvatar(): boolean;

package/dist/CardHeader.js

@@ -11,10 +11,10 @@ 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-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
-import { isFirefox, isDesktop, } from "@ui5/webcomponents-base/dist/Device.js";
-import CardHeaderTemplate from "./generated/templates/CardHeaderTemplate.lit.js";
+import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+import CardHeaderTemplate from "./CardHeaderTemplate.js";
 import { AVATAR_TOOLTIP, ARIA_ROLEDESCRIPTION_CARD_HEADER, ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER, } from "./generated/i18n/i18n-defaults.js";
 // Styles
 import cardHeaderCss from "./generated/themes/CardHeader.css.js";
@@ -66,16 +66,6 @@ let CardHeader = CardHeader_1 = class CardHeader extends UI5Element {
             this.setAttribute("desktop", "");
         }
     }
-    get classes() {
-        return {
-            root: {
-                "ui5-card-header": true,
-                "ui5-card-header--interactive": this.interactive,
-                "ui5-card-header--active": this.interactive && this._headerActive,
-                "ui5-card-header-ff": isFirefox(),
-            },
-        };
-    }
     get _root() {
         return this.shadowRoot.querySelector(".ui5-card-header");
     }
@@ -83,7 +73,7 @@ let CardHeader = CardHeader_1 = class CardHeader extends UI5Element {
         return this.interactive ? CardHeader_1.i18nBundle.getText(ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : CardHeader_1.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD_HEADER);
     }
     get ariaRoleFocusableElement() {
-        return this.interactive ? "button" : null;
+        return this.interactive ? "button" : undefined;
     }
     get ariaCardAvatarLabel() {
         return CardHeader_1.i18nBundle.getText(AVATAR_TOOLTIP);
@@ -180,7 +170,7 @@ CardHeader = CardHeader_1 = __decorate([
     customElement({
         tag: "ui5-card-header",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         template: CardHeaderTemplate,
         styles: cardHeaderCss,
     })

package/dist/CardHeader.js.map

@@ -1 +1 @@
-{"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 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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport {\n\tisFirefox,\n\tisDesktop,\n} from \"@ui5/webcomponents-base/dist/Device.js\";\nimport CardHeaderTemplate from \"./generated/templates/CardHeaderTemplate.lit.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: litRender,\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 classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-card-header\": true,\n\t\t\t\t\"ui5-card-header--interactive\": this.interactive,\n\t\t\t\t\"ui5-card-header--active\": this.interactive && this._headerActive,\n\t\t\t\t\"ui5-card-header-ff\": isFirefox(),\n\t\t\t},\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\" : null;\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 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\" : undefined;\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/CardHeaderTemplate.d.ts

@@ -0,0 +1,2 @@
+import type CardHeader from "./CardHeader.js";
+export default function CardHeaderTemplate(this: CardHeader): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/CardHeaderTemplate.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import { isFirefox } from "@ui5/webcomponents-base/dist/Device.js";
+export default function CardHeaderTemplate() {
+    return (_jsxs("div", { id: `${this._id}--header`, class: {
+            "ui5-card-header": true,
+            "ui5-card-header--interactive": this.interactive,
+            "ui5-card-header--active": this.interactive && this._headerActive,
+            "ui5-card-header-ff": isFirefox(),
+        }, part: "root", role: "group", "aria-roledescription": this.ariaRoleDescription, onClick: this._click, onKeyDown: this._keydown, onKeyUp: this._keyup, children: [_jsxs("div", { class: "ui5-card-header-focusable-element", "aria-labelledby": this.ariaLabelledBy, role: this.ariaRoleFocusableElement, "data-sap-focus-ref": true, tabindex: 0, children: [this.hasAvatar &&
+                        _jsx("div", { id: `${this._id}-avatar`, class: "ui5-card-header-avatar", "aria-label": this.ariaCardAvatarLabel, children: _jsx("slot", { name: "avatar" }) }), _jsxs("div", { class: "ui5-card-header-text", children: [_jsxs("div", { class: "ui5-card-header-first-line", children: [this.titleText &&
+                                        _jsx("div", { id: `${this._id}-title`, class: "ui5-card-header-title", part: "title", role: "heading", "aria-level": 3, children: this.titleText }), this.additionalText &&
+                                        _jsx("div", { class: "ui5-card-header-additionalText", children: _jsx("span", { id: `${this._id}-additionalText`, part: "additional-text", dir: "auto", children: this.additionalText }) })] }), this.subtitleText &&
+                                _jsx("div", { id: `${this._id}-subtitle`, class: "ui5-card-header-subtitle", part: "subtitle", children: this.subtitleText })] })] }), this.hasAction &&
+                _jsx("div", { class: "ui5-card-header-action", onFocusIn: this._actionsFocusin, onFocusOut: this._actionsFocusout, children: _jsx("slot", { name: "action" }) })] }));
+}
+//# sourceMappingURL=CardHeaderTemplate.js.map

package/dist/CardHeaderTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeaderTemplate.js","sourceRoot":"","sources":["../src/CardHeaderTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACzC,OAAO,CACN,eACC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,UAAU,EACzB,KAAK,EAAE;YACN,iBAAiB,EAAE,IAAI;YACvB,8BAA8B,EAAE,IAAI,CAAC,WAAW;YAChD,yBAAyB,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa;YACjE,oBAAoB,EAAE,SAAS,EAAE;SACjC,EACD,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,0BACU,IAAI,CAAC,mBAAmB,EAC9C,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,OAAO,EAAE,IAAI,CAAC,MAAM,aAEpB,eACC,KAAK,EAAC,mCAAmC,qBACxB,IAAI,CAAC,cAAc,EACpC,IAAI,EAAE,IAAI,CAAC,wBAAwB,8BAEnC,QAAQ,EAAE,CAAC,aAEV,IAAI,CAAC,SAAS;wBACd,cAAK,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,SAAS,EAAE,KAAK,EAAC,wBAAwB,gBAAa,IAAI,CAAC,mBAAmB,YACjG,eAAM,IAAI,EAAC,QAAQ,GAAQ,GACtB,EAGP,eAAK,KAAK,EAAC,sBAAsB,aAChC,eAAK,KAAK,EAAC,4BAA4B,aACrC,IAAI,CAAC,SAAS;wCACd,cACC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,QAAQ,EACvB,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,SAAS,gBACF,CAAC,YACZ,IAAI,CAAC,SAAS,GAAO,EAGvB,IAAI,CAAC,cAAc;wCACnB,cAAK,KAAK,EAAC,gCAAgC,YAC1C,eAAM,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,iBAAiB,EAAE,IAAI,EAAC,iBAAiB,EAAC,GAAG,EAAC,MAAM,YAAE,IAAI,CAAC,cAAc,GAAQ,GACjG,IAEF,EAEL,IAAI,CAAC,YAAY;gCACjB,cAAK,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,WAAW,EAAE,KAAK,EAAC,0BAA0B,EAAC,IAAI,EAAC,UAAU,YAAE,IAAI,CAAC,YAAY,GAAO,IAEvG,IACD,EAEL,IAAI,CAAC,SAAS;gBACd,cACC,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,IAAI,CAAC,eAAe,EAC/B,UAAU,EAAE,IAAI,CAAC,gBAAgB,YAEjC,eAAM,IAAI,EAAC,QAAQ,GAAQ,GACtB,IAEF,CACN,CAAC;AACH,CAAC","sourcesContent":["import type CardHeader from \"./CardHeader.js\";\nimport { isFirefox } from \"@ui5/webcomponents-base/dist/Device.js\";\n\nexport default function CardHeaderTemplate(this: CardHeader) {\n\treturn (\n\t\t<div\n\t\t\tid={`${this._id}--header`}\n\t\t\tclass={{\n\t\t\t\t\"ui5-card-header\": true,\n\t\t\t\t\"ui5-card-header--interactive\": this.interactive,\n\t\t\t\t\"ui5-card-header--active\": this.interactive && this._headerActive,\n\t\t\t\t\"ui5-card-header-ff\": isFirefox(),\n\t\t\t}}\n\t\t\tpart=\"root\"\n\t\t\trole=\"group\"\n\t\t\taria-roledescription={this.ariaRoleDescription}\n\t\t\tonClick={this._click}\n\t\t\tonKeyDown={this._keydown}\n\t\t\tonKeyUp={this._keyup}\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"ui5-card-header-focusable-element\"\n\t\t\t\taria-labelledby={this.ariaLabelledBy}\n\t\t\t\trole={this.ariaRoleFocusableElement}\n\t\t\t\tdata-sap-focus-ref\n\t\t\t\ttabindex={0}\n\t\t\t>\n\t\t\t\t{this.hasAvatar &&\n\t\t\t\t\t<div id={`${this._id}-avatar`} class=\"ui5-card-header-avatar\" aria-label={this.ariaCardAvatarLabel}>\n\t\t\t\t\t\t<slot name=\"avatar\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t<div class=\"ui5-card-header-text\">\n\t\t\t\t\t<div class=\"ui5-card-header-first-line\">\n\t\t\t\t\t\t{this.titleText &&\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={`${this._id}-title`}\n\t\t\t\t\t\t\t\tclass=\"ui5-card-header-title\"\n\t\t\t\t\t\t\t\tpart=\"title\"\n\t\t\t\t\t\t\t\trole=\"heading\"\n\t\t\t\t\t\t\t\taria-level={3}\n\t\t\t\t\t\t\t>{this.titleText}</div>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{this.additionalText &&\n\t\t\t\t\t\t\t<div class=\"ui5-card-header-additionalText\">\n\t\t\t\t\t\t\t\t<span id={`${this._id}-additionalText`} part=\"additional-text\" dir=\"auto\">{this.additionalText}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.subtitleText &&\n\t\t\t\t\t\t<div id={`${this._id}-subtitle`} class=\"ui5-card-header-subtitle\" part=\"subtitle\">{this.subtitleText}</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{this.hasAction &&\n\t\t\t\t<div\n\t\t\t\t\tclass=\"ui5-card-header-action\"\n\t\t\t\t\tonFocusIn={this._actionsFocusin}\n\t\t\t\t\tonFocusOut={this._actionsFocusout}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"action\"></slot>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t);\n}\n"]}

package/dist/CardTemplate.d.ts

@@ -0,0 +1,2 @@
+import type Card from "./Card.js";
+export default function CardTemplate(this: Card): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/CardTemplate.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import BusyIndicator from "./BusyIndicator.js";
+export default function CardTemplate() {
+    return (_jsx("div", { part: "root", role: "region", class: {
+            "ui5-card-root": true,
+            "ui5-card--interactive": this._hasHeader && this.header[0].interactive,
+            "ui5-card--nocontent": !this.content.length,
+        }, "aria-label": this._getAriaLabel, children: _jsx(BusyIndicator, { id: `${this._id}-busyIndicator`, delay: this.loadingDelay, active: this.loading, class: "ui5-card-busy-indicator", children: _jsxs("div", { class: "ui5-card-inner", children: [this._hasHeader &&
+                        _jsx("div", { class: "ui5-card-header-root", children: _jsx("slot", { name: "header" }) }), _jsx("div", { role: "group", "aria-label": this._ariaCardContentLabel, part: "content", children: _jsx("slot", {}) })] }) }) }));
+}
+//# sourceMappingURL=CardTemplate.js.map

package/dist/CardTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTemplate.js","sourceRoot":"","sources":["../src/CardTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY;IACnC,OAAO,CACN,cACC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;YACN,eAAe,EAAE,IAAI;YACrB,uBAAuB,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW;YACtE,qBAAqB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;SAC3C,gBACW,IAAI,CAAC,aAAa,YAE9B,KAAC,aAAa,IACb,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,gBAAgB,EAC/B,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,KAAK,EAAC,yBAAyB,YAE/B,eAAK,KAAK,EAAC,gBAAgB,aACzB,IAAI,CAAC,UAAU;wBACf,cAAK,KAAK,EAAC,sBAAsB,YAChC,eAAM,IAAI,EAAC,QAAQ,GAAQ,GACtB,EAEP,cAAK,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,qBAAqB,EAAE,IAAI,EAAC,SAAS,YACvE,gBAAa,GACR,IACD,GACS,GACX,CACN,CAAC;AACH,CAAC","sourcesContent":["import type Card from \"./Card.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\n\nexport default function CardTemplate(this: Card) {\n\treturn (\n\t\t<div\n\t\t\tpart=\"root\"\n\t\t\trole=\"region\"\n\t\t\tclass={{\n\t\t\t\t\"ui5-card-root\": true,\n\t\t\t\t\"ui5-card--interactive\": this._hasHeader && this.header[0].interactive,\n\t\t\t\t\"ui5-card--nocontent\": !this.content.length,\n\t\t\t}}\n\t\t\taria-label={this._getAriaLabel}\n\t\t>\n\t\t\t<BusyIndicator\n\t\t\t\tid={`${this._id}-busyIndicator`}\n\t\t\t\tdelay={this.loadingDelay}\n\t\t\t\tactive={this.loading}\n\t\t\t\tclass=\"ui5-card-busy-indicator\"\n\t\t\t>\n\t\t\t\t<div class=\"ui5-card-inner\">\n\t\t\t\t\t{this._hasHeader &&\n\t\t\t\t\t\t<div class=\"ui5-card-header-root\">\n\t\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<div role=\"group\" aria-label={this._ariaCardContentLabel} part=\"content\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</BusyIndicator>\n\t\t</div>\n\t);\n}\n"]}

package/dist/Carousel.d.ts

@@ -7,11 +7,20 @@ import CarouselArrowsPlacement from "./types/CarouselArrowsPlacement.js";
 import CarouselPageIndicatorType from "./types/CarouselPageIndicatorType.js";
 import type BackgroundDesign from "./types/BackgroundDesign.js";
 import type BorderDesign from "./types/BorderDesign.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 type CarouselNavigateEventDetail = {
     selectedIndex: number;
 };
+type ItemsInfo = {
+    id: string;
+    item: HTMLElement & {
+        _individualSlot?: string;
+    };
+    tabIndex: number;
+    posinset: number;
+    setsize: number;
+    selected: boolean;
+    _individualSlot?: string;
+};
 /**
  * @class
  *
@@ -221,18 +230,7 @@ declare class Carousel extends UI5Element {
      * Assuming that all items have the same width
      * @private
      */
-    get items(): {
-        id: string;
-        item: HTMLElement;
-        tabIndex: string;
-        posinset: string;
-        setsize: string;
-        styles: {
-            width: string;
-        };
-        classes: string;
-        selected: boolean;
-    }[];
+    get items(): Array<ItemsInfo>;
     get effectiveItemsPerPage(): number;
     isItemInViewport(index: number): boolean;
     isIndexInRange(index: number): boolean;
@@ -241,11 +239,6 @@ declare class Carousel extends UI5Element {
      */
     get renderNavigation(): boolean;
     get hasManyPages(): boolean;
-    get styles(): {
-        content: {
-            transform: string;
-        };
-    };
     get classes(): {
         viewport: {
             "ui5-carousel-viewport": boolean;
@@ -262,12 +255,6 @@ declare class Carousel extends UI5Element {
             "ui5-carousel-navigation-wrapper": boolean;
             "ui5-carousel-navigation-with-buttons": boolean;
         };
-        navPrevButton: {
-            "ui5-carousel-navigation-button--hidden": boolean;
-        };
-        navNextButton: {
-            "ui5-carousel-navigation-button--hidden": boolean;
-        };
     };
     get pagesCount(): number;
     get isPageTypeDots(): boolean;