@ui5/webcomponents - npm Package Compare versions

Comparing version 0.21.1 to 0.21.2

dist/BusyIndicator.js

@@ -55,3 +55,6 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 		 */
-		size: { type: BusyIndicatorSize, defaultValue: BusyIndicatorSize.Medium },
+		size: {
+			type: BusyIndicatorSize,
+			defaultValue: BusyIndicatorSize.Medium,
+		},
 
@@ -65,3 +68,5 @@ /**
 		 */
-		active: { type: Boolean },
+		active: {
+			type: Boolean,
+		},
 	},
@@ -112,3 +117,3 @@ };
 		} else {
-			this.tabIndex = 0;
+			this.removeAttribute("tabindex");
 		}
@@ -115,0 +120,0 @@ }

dist/Button.js

@@ -156,2 +156,12 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 		/**
+		 * @type {String}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.0.0-rc.8
+		 */
+		ariaExpanded: {
+			type: String,
+		},
+
+		/**
 		 * Indicates if the element if focusable
@@ -343,3 +353,3 @@ * @private
 		return {
-			"ariaExpanded": this._buttonAccInfo && this._buttonAccInfo.ariaExpanded,
+			"ariaExpanded": this.ariaExpanded || (this._buttonAccInfo && this._buttonAccInfo.ariaExpanded),
 			"ariaControls": this._buttonAccInfo && this._buttonAccInfo.ariaControls,
@@ -346,0 +356,0 @@ "ariaHaspopup": this._buttonAccInfo && this._buttonAccInfo.ariaHaspopup,

dist/CustomListItem.js

@@ -5,3 +5,3 @@ import ListItem from "./ListItem.js";
 // Styles
-import columnListItemCss from "./generated/themes/CustomListItem.css.js";
+import customListItemCss from "./generated/themes/CustomListItem.css.js";
 
@@ -54,3 +54,3 @@ /**
 	static get styles() {
-		return [ListItem.styles, columnListItemCss];
+		return [...ListItem.styles, customListItemCss];
 	}
@@ -57,0 +57,0 @@

dist/generated/templates/InputTemplate.lit.js

@@ -5,3 +5,3 @@
 import { html, svg, repeat, classMap, styleMap } from '@ui5/webcomponents-base/dist/renderer/LitRenderer.js';
-const block0 = (context) => { return html`<div class="ui5-input-root" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" type="${ifDefined(context.inputType)}" inner-input ?disabled="${context.disabled}" ?readonly="${context._readonly}" ?required="${context.required}" .value="${ifDefined(context.value)}" placeholder="${ifDefined(context.placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-owns="${ifDefined(context.accInfo.input.ariaOwns)}" ?aria-invalid="${context.accInfo.input.ariaInvalid}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} data-sap-no-tab-ref data-sap-focus-ref step="${ifDefined(context.step)}" />${ context.icon.length ? block1(context) : undefined }${ context.showSuggestions ? block2(context) : undefined }${ context.accInfo.input.ariaDescription ? block3(context) : undefined }${ context.hasValueState ? block4(context) : undefined }</div><slot name="formSupport"></slot></div>`; };
+const block0 = (context) => { return html`<div class="ui5-input-root" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" type="${ifDefined(context.inputType)}" inner-input ?disabled="${context.disabled}" ?readonly="${context._readonly}" ?required="${context.required}" .value="${ifDefined(context.value)}" placeholder="${ifDefined(context.placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-owns="${ifDefined(context.accInfo.input.ariaOwns)}" ?aria-invalid="${context.accInfo.input.ariaInvalid}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} data-sap-no-tab-ref data-sap-focus-ref step="${ifDefined(context.step)}" />${ context.icon.length ? block1(context) : undefined }${ context.showSuggestions ? block2(context) : undefined }${ context.accInfo.input.ariaDescription ? block3(context) : undefined }${ context.hasValueState ? block4(context) : undefined }</div><slot name="formSupport"></slot></div>`; };
 const block1 = (context) => { return html`<div class="ui5-input-icon-root"><slot name="icon"></slot></div>`; };
@@ -8,0 +8,0 @@ const block2 = (context) => { return html`<span id="${ifDefined(context._id)}-suggestionsText" class="ui5-hidden-text">${ifDefined(context.suggestionsText)}</span><span id="${ifDefined(context._id)}-selectionText" class="ui5-hidden-text" aria-live="polite" role="status"></span>`; };

dist/Input.js

@@ -273,2 +273,11 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 		/**
+		 * @type {String}
+		 * @since 1.0.0-rc.8
+		 * @public
+		 */
+		ariaLabel: {
+			type: String,
+		},
+
+		/**
 		 * @private
@@ -352,2 +361,16 @@ */
 		},
+
+		/**
+		 * Fired when the user navigates to a suggestion item via the ARROW keys,
+		 * as a preview, before the final selection.
+		 *
+		 * @event sap.ui.webcomponents.main.Input#suggestion-item-preview
+		 * @param {HTMLElement} item The previewed item
+		 * @public
+		 */
+		"suggestion-item-preview": {
+			detail: {
+				item: { type: HTMLElement },
+			},
+		},
 	},
@@ -789,2 +812,3 @@ };
 		this.previewSuggestion(item);
+		this.fireEvent("suggestion-item-preview", { item });
 	}
@@ -852,2 +876,3 @@
 				"ariaDescription": this._inputAccInfo && this._inputAccInfo.ariaDescription,
+				"ariaLabel": this.ariaLabel,
 			},
@@ -854,0 +879,0 @@ };

dist/TreeListItem.js

@@ -143,3 +143,3 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 	static get styles() {
-		return [ListItem.styles, treeListItemCss];
+		return [...ListItem.styles, treeListItemCss];
 	}
@@ -146,0 +146,0 @@

package.json

 {
   "name": "@ui5/webcomponents",
-  "version": "0.21.1",
+  "version": "0.21.2",
   "description": "UI5 Web Components: webcomponents.main",
@@ -28,11 +28,11 @@ "author": "SAP SE (https://www.sap.com)",
   "dependencies": {
-    "@ui5/webcomponents-base": "0.21.1",
-    "@ui5/webcomponents-icons": "0.21.1",
-    "@ui5/webcomponents-localization": "0.21.1",
-    "@ui5/webcomponents-theme-base": "0.21.1"
+    "@ui5/webcomponents-base": "0.21.2",
+    "@ui5/webcomponents-icons": "0.21.2",
+    "@ui5/webcomponents-localization": "0.21.2",
+    "@ui5/webcomponents-theme-base": "0.21.2"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.21.1",
+    "@ui5/webcomponents-tools": "0.21.2",
     "chromedriver": "latest"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4405970

increased by0.03%

Lines of code

22628

increased by0.16%

Dependency changes

• + Added@ui5/webcomponents-base@0.21.2(transitive)

• + Added@ui5/webcomponents-icons@0.21.2(transitive)

• + Added@ui5/webcomponents-localization@0.21.2(transitive)

• + Added@ui5/webcomponents-theme-base@0.21.2(transitive)

• - Removed@ui5/webcomponents-base@0.21.1(transitive)

• - Removed@ui5/webcomponents-icons@0.21.1(transitive)

• - Removed@ui5/webcomponents-localization@0.21.1(transitive)

• - Removed@ui5/webcomponents-theme-base@0.21.1(transitive)

• Updated@ui5/webcomponents-base@0.21.2

• Updated@ui5/webcomponents-icons@0.21.2

• Updated@ui5/webcomponents-localization@0.21.2

• Updated@ui5/webcomponents-theme-base@0.21.2