@ui5/webcomponents 0.31.23 → 0.31.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/CalendarHeader.js +2 -2
  3. package/dist/Card.js +1 -0
  4. package/dist/DayPicker.js +5 -0
  5. package/dist/List.js +1 -0
  6. package/dist/TabContainer.js +1 -1
  7. package/dist/generated/templates/TabContainerTemplate.lit.js +2 -2
  8. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  9. package/package.json +9 -9
  10. package/src/CalendarHeader.js +2 -2
  11. package/src/Card.js +1 -0
  12. package/src/DayPicker.js +5 -0
  13. package/src/List.js +1 -0
  14. package/src/TabContainer.hbs +3 -0
  15. package/src/TabContainer.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,19 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.31.24](https://github.com/SAP/ui5-webcomponents/compare/v0.31.23...v0.31.24) (2021-11-23)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * adding stable selectors for tab container and shellbar ([#4369](https://github.com/SAP/ui5-webcomponents/issues/4369)) ([dc2ea58](https://github.com/SAP/ui5-webcomponents/commit/dc2ea58))
12
+ * **ui5-date-picker:** Align day names in hide-week-numbers mode ([#4309](https://github.com/SAP/ui5-webcomponents/issues/4309)) ([9dcc887](https://github.com/SAP/ui5-webcomponents/commit/9dcc887)), closes [#4260](https://github.com/SAP/ui5-webcomponents/issues/4260)
13
+ * **ui5-tab-container:** selector fixed ([#4261](https://github.com/SAP/ui5-webcomponents/issues/4261)) ([#4273](https://github.com/SAP/ui5-webcomponents/issues/4273)) ([735d9c4](https://github.com/SAP/ui5-webcomponents/commit/735d9c4))
14
+
15
+
16
+
17
+
18
+
6
19
  ## [0.31.23](https://github.com/SAP/ui5-webcomponents/compare/v0.31.22...v0.31.23) (2021-11-17)
7
20
 
8
21
 
package/dist/CalendarHeader.js CHANGED
@@ -205,11 +205,11 @@ class CalendarHeader extends UI5Element {
205
205
  return {
206
206
  prevButton: {
207
207
  "ui5-calheader-arrowbtn": true,
208
- "ui5-calheader-arrowbtn-disabled": this._isPrevButtonDisabled,
208
+ "ui5-calheader-arrowbtn-disabled": this.isPrevButtonDisabled,
209
209
  },
210
210
  nextButton: {
211
211
  "ui5-calheader-arrowbtn": true,
212
- "ui5-calheader-arrowbtn-disabled": this._isNextButtonDisabled,
212
+ "ui5-calheader-arrowbtn-disabled": this.isNextButtonDisabled,
213
213
  },
214
214
  };
215
215
  }
package/dist/Card.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
  import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
4
+ import findNodeOwner from "@ui5/webcomponents-base/dist/util/findNodeOwner.js";
4
5
  import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
5
6
  import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
6
7
  import CardTemplate from "./generated/templates/CardTemplate.lit.js";
package/dist/DayPicker.js CHANGED
@@ -318,6 +318,10 @@ class DayPicker extends CalendarPart {
318
318
  }
319
319
 
320
320
  this._dayNames[1].classes += " ui5-dp-firstday";
321
+
322
+ if (this.shouldHideWeekNumbers) {
323
+ this._dayNames.shift();
324
+ }
321
325
  }
322
326
 
323
327
  onAfterRendering() {
@@ -721,6 +725,7 @@ class DayPicker extends CalendarPart {
721
725
  return {
722
726
  wrapper: {
723
727
  display: this._hidden ? "none" : "flex",
728
+ "justify-content": "center",
724
729
  },
725
730
  main: {
726
731
  width: "100%",
package/dist/List.js CHANGED
@@ -820,6 +820,7 @@ class List extends UI5Element {
820
820
  } else {
821
821
  this.focusPreviouslyFocusedItem();
822
822
  }
823
+ event.stopImmediatePropagation();
823
824
  }
824
825
 
825
826
  this.setForwardingFocus(false);
package/dist/TabContainer.js CHANGED
@@ -458,7 +458,7 @@ class TabContainer extends UI5Element {
458
458
  }
459
459
 
460
460
  async _onOverflowButtonClick(event) {
461
- const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > ui5-button");
461
+ const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > [ui5-button]");
462
462
 
463
463
  if (event.target !== button) {
464
464
  return;
package/dist/generated/templates/TabContainerTemplate.lit.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* eslint no-unused-vars: 0 */
3
3
  import ifDefined from '@ui5/webcomponents-base/dist/renderer/ifDefined.js';
4
4
  import { html, svg, repeat, classMap, styleMap, unsafeHTML, setTags, setSuffix } from '@ui5/webcomponents-base/dist/renderer/LitRenderer.js';
5
- const block0 = (context) => { return html`<div class="${classMap(context.classes.root)}" dir="${ifDefined(context.effectiveDir)}">${ context.tabsAtTheBottom ? block1(context) : undefined }<div class="${classMap(context.classes.header)}" id="${ifDefined(context._id)}-header"><div class="${classMap(context.classes.headerInnerContainer)}"><div class="${classMap(context.classes.headerBackArrow)}"><ui5-button @click="${context._onHeaderBackArrowClick}" icon="slim-arrow-left" design="Transparent" tabindex="-1" title="${ifDefined(context.previousIconACCName)}"></ui5-button></div><!-- tab items --><div class="${classMap(context.classes.headerScrollContainer)}" id="${ifDefined(context._id)}-headerScrollContainer"><ul role="tablist" class="${classMap(context.classes.headerList)}" @click="${context._onHeaderClick}" @keydown="${context._onHeaderKeyDown}" @keyup="${context._onHeaderKeyUp}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block4(item, index, context)) }</ul></div><div class="${classMap(context.classes.headerForwardArrow)}"><ui5-button @click="${context._onHeaderForwardArrowClick}" icon="slim-arrow-right" design="Transparent" tabindex="-1" title="${ifDefined(context.nextIconACCName)}"></ui5-button></div></div><!-- overflow button -->${ context.shouldShowOverflow ? block7(context) : undefined }</div>${ !context.tabsAtTheBottom ? block10(context) : undefined }</div> `; };
5
+ const block0 = (context) => { return html`<div class="${classMap(context.classes.root)}" dir="${ifDefined(context.effectiveDir)}">${ context.tabsAtTheBottom ? block1(context) : undefined }<div class="${classMap(context.classes.header)}" id="${ifDefined(context._id)}-header"><div class="${classMap(context.classes.headerInnerContainer)}"><div class="${classMap(context.classes.headerBackArrow)}"><ui5-button @click="${context._onHeaderBackArrowClick}" icon="slim-arrow-left" data-ui5-stable="tabs-left" design="Transparent" tabindex="-1" title="${ifDefined(context.previousIconACCName)}"></ui5-button></div><!-- tab items --><div class="${classMap(context.classes.headerScrollContainer)}" id="${ifDefined(context._id)}-headerScrollContainer"><ul role="tablist" class="${classMap(context.classes.headerList)}" @click="${context._onHeaderClick}" @keydown="${context._onHeaderKeyDown}" @keyup="${context._onHeaderKeyUp}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block4(item, index, context)) }</ul></div><div class="${classMap(context.classes.headerForwardArrow)}"><ui5-button @click="${context._onHeaderForwardArrowClick}" icon="slim-arrow-right" data-ui5-stable="tabs-right" design="Transparent" tabindex="-1" title="${ifDefined(context.nextIconACCName)}"></ui5-button></div></div><!-- overflow button -->${ context.shouldShowOverflow ? block7(context) : undefined }</div>${ !context.tabsAtTheBottom ? block10(context) : undefined }</div> `; };
6
6
  const block1 = (context) => { return html`<div class="${classMap(context.classes.content)}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context)) }</div>`; };
7
7
  const block2 = (item, index, context) => { return html`${ !item.isSeparator ? block3(item, index, context) : undefined }`; };
8
8
  const block3 = (item, index, context) => { return html`<div class="ui5-tc__contentItem" id="ui5-tc-contentItem-${ifDefined(item._posinset)}" ?hidden="${item.effectiveHidden}" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._individualSlot)}"></slot></div>`; };
@@ -11,7 +11,7 @@ const block5 = (item, index, context) => { return html`${ifDefined(item.stripPre
11
11
  const block6 = (item, index, context) => { return html`<li id="${ifDefined(item._id)}" role="separator" class="${classMap(context.classes.separator)}" style="list-style-type: none;"></li>`; };
12
12
  const block7 = (context) => { return html`<div class="ui-tc__overflowButton" @click="${context._onOverflowButtonClick}">${ context.overflowButton.length ? block8(context) : block9(context) }</div>`; };
13
13
  const block8 = (context) => { return html`<slot name="overflowButton"></slot>`; };
14
- const block9 = (context) => { return html`<ui5-button icon="${ifDefined(context.overflowMenuIcon)}" design="Transparent" tabindex="-1" title="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true"></ui5-button>`; };
14
+ const block9 = (context) => { return html`<ui5-button icon="${ifDefined(context.overflowMenuIcon)}" data-ui5-stable="tabs-overflow" design="Transparent" tabindex="-1" title="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true"></ui5-button>`; };
15
15
  const block10 = (context) => { return html`<div class="${classMap(context.classes.content)}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block11(item, index, context)) }</div>`; };
16
16
  const block11 = (item, index, context) => { return html`${ !item.isSeparator ? block12(item, index, context) : undefined }`; };
17
17
  const block12 = (item, index, context) => { return html`<div class="ui5-tc__contentItem" id="ui5-tc-contentItem-${ifDefined(item._posinset)}" ?hidden="${item.effectiveHidden}" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._individualSlot)}"></slot></div>`; };
package/dist/generated/themes/DatePickerPopover.css.js CHANGED
@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theme-base", "sap_fiori_3", () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
8
- export default "[ui5-calendar]{width:100%}";
8
+ export default "[ui5-calendar]{width:100%;display:flex;justify-content:center}";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents",
3
- "version": "0.31.23",
3
+ "version": "0.31.24",
4
4
  "description": "UI5 Web Components: webcomponents.main",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -30,14 +30,14 @@
30
30
  "directory": "packages/main"
31
31
  },
32
32
  "dependencies": {
33
- "@ui5/webcomponents-base": "0.31.23",
34
- "@ui5/webcomponents-icons": "0.31.23",
35
- "@ui5/webcomponents-ie11": "0.31.23",
36
- "@ui5/webcomponents-localization": "0.31.23",
37
- "@ui5/webcomponents-theme-base": "0.31.23"
33
+ "@ui5/webcomponents-base": "0.31.24",
34
+ "@ui5/webcomponents-icons": "0.31.24",
35
+ "@ui5/webcomponents-ie11": "0.31.24",
36
+ "@ui5/webcomponents-localization": "0.31.24",
37
+ "@ui5/webcomponents-theme-base": "0.31.24"
38
38
  },
39
39
  "devDependencies": {
40
- "@ui5/webcomponents-tools": "0.31.23",
41
- "chromedriver": "88.0.0"
40
+ "@ui5/webcomponents-tools": "0.31.24",
41
+ "chromedriver": "95.0.0"
42
42
  }
43
- }
43
+ }
package/src/CalendarHeader.js CHANGED
@@ -205,11 +205,11 @@ class CalendarHeader extends UI5Element {
205
205
  return {
206
206
  prevButton: {
207
207
  "ui5-calheader-arrowbtn": true,
208
- "ui5-calheader-arrowbtn-disabled": this._isPrevButtonDisabled,
208
+ "ui5-calheader-arrowbtn-disabled": this.isPrevButtonDisabled,
209
209
  },
210
210
  nextButton: {
211
211
  "ui5-calheader-arrowbtn": true,
212
- "ui5-calheader-arrowbtn-disabled": this._isNextButtonDisabled,
212
+ "ui5-calheader-arrowbtn-disabled": this.isNextButtonDisabled,
213
213
  },
214
214
  };
215
215
  }
package/src/Card.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
  import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
4
+ import findNodeOwner from "@ui5/webcomponents-base/dist/util/findNodeOwner.js";
4
5
  import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
5
6
  import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
6
7
  import CardTemplate from "./generated/templates/CardTemplate.lit.js";
package/src/DayPicker.js CHANGED
@@ -318,6 +318,10 @@ class DayPicker extends CalendarPart {
318
318
  }
319
319
 
320
320
  this._dayNames[1].classes += " ui5-dp-firstday";
321
+
322
+ if (this.shouldHideWeekNumbers) {
323
+ this._dayNames.shift();
324
+ }
321
325
  }
322
326
 
323
327
  onAfterRendering() {
@@ -721,6 +725,7 @@ class DayPicker extends CalendarPart {
721
725
  return {
722
726
  wrapper: {
723
727
  display: this._hidden ? "none" : "flex",
728
+ "justify-content": "center",
724
729
  },
725
730
  main: {
726
731
  width: "100%",
package/src/List.js CHANGED
@@ -820,6 +820,7 @@ class List extends UI5Element {
820
820
  } else {
821
821
  this.focusPreviouslyFocusedItem();
822
822
  }
823
+ event.stopImmediatePropagation();
823
824
  }
824
825
 
825
826
  this.setForwardingFocus(false);
package/src/TabContainer.hbs CHANGED
@@ -11,6 +11,7 @@
11
11
  <div class="{{classes.headerBackArrow}}">
12
12
  <ui5-button @click="{{_onHeaderBackArrowClick}}"
13
13
  icon="slim-arrow-left"
14
+ data-ui5-stable="tabs-left"
14
15
  design="Transparent"
15
16
  tabindex="-1"
16
17
  title="{{previousIconACCName}}"></ui5-button>
@@ -37,6 +38,7 @@
37
38
  <div class="{{classes.headerForwardArrow}}">
38
39
  <ui5-button @click="{{_onHeaderForwardArrowClick}}"
39
40
  icon="slim-arrow-right"
41
+ data-ui5-stable="tabs-right"
40
42
  design="Transparent"
41
43
  tabindex="-1"
42
44
  title="{{nextIconACCName}}"></ui5-button>
@@ -53,6 +55,7 @@
53
55
  {{else}}
54
56
  <ui5-button
55
57
  icon="{{overflowMenuIcon}}"
58
+ data-ui5-stable="tabs-overflow"
56
59
  design="Transparent"
57
60
  tabindex="-1"
58
61
  title="{{overflowMenuTitle}}"
package/src/TabContainer.js CHANGED
@@ -458,7 +458,7 @@ class TabContainer extends UI5Element {
458
458
  }
459
459
 
460
460
  async _onOverflowButtonClick(event) {
461
- const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > ui5-button");
461
+ const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > [ui5-button]");
462
462
 
463
463
  if (event.target !== button) {
464
464
  return;