@ui5/webcomponents 0.0.0-e818f286e → 0.0.0-ee3bbe46b

package/dist/ProgressIndicator.js

@@ -1,4 +1,13 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ProgressIndicator_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import AnimationMode from "@ui5/webcomponents-base/dist/types/AnimationMode.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
@@ -6,100 +15,13 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { getAnimationMode } from "@ui5/webcomponents-base/dist/config/AnimationMode.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import Icon from "./Icon.js";
+import { VALUE_STATE_ERROR, VALUE_STATE_WARNING, VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION,
+// @ts-ignore
+ } from "./generated/i18n/i18n-defaults.js";
+// Template
 import ProgressIndicatorTemplate from "./generated/templates/ProgressIndicatorTemplate.lit.js";
-import {
-	VALUE_STATE_ERROR,
-	VALUE_STATE_WARNING,
-	VALUE_STATE_SUCCESS,
-	VALUE_STATE_INFORMATION,
-} from "./generated/i18n/i18n-defaults.js";
-
 // Styles
 import ProgressIndicatorCss from "./generated/themes/ProgressIndicator.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-progress-indicator",
-	properties: /** @lends sap.ui.webcomponents.main.ProgressIndicator.prototype */ {
-		/**
-		 * Defines whether component is in disabled state.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		disabled: {
-			type: Boolean,
-		},
-		/**
-		 * Defines whether the component value is shown.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		hideValue: {
-			type: Boolean,
-		},
-		/**
-		 * Specifies the numerical value in percent for the length of the component.
-		 *
-		 * <b>Note:</b>
-		 * If a value greater than 100 is provided, the percentValue is set to 100. In other cases of invalid value, percentValue is set to its default of 0.
-		 * @type {Integer}
-		 * @defaultvalue 0
-		 * @public
-		 */
-		value: {
-			type: Integer,
-			defaultValue: 0,
-		},
-		/**
-		 * Specifies the text value to be displayed in the bar.
-		 *
-		 * <b>Note:</b>
-		 * <ul>
-		 * <li>If there is no value provided or the value is empty, the default percentage value is shown.</li>
-		 * <li>If <code>hideValue</code> property is <code>true</code> both the <code>displayValue</code> and <code>value</code> property values are not shown.</li>
-		 * </ul>
-		 *
-		 * @type {string}
-		 * @public
-		 */
-		displayValue: {
-			type: String,
-		},
-		/**
-		 * Defines the value state of the component.
-		 * <br><br>
-		 * Available options are:
-		 * <ul>
-		 * <li><code>None</code></li>
-		 * <li><code>Error</code></li>
-		 * <li><code>Warning</code></li>
-		 * <li><code>Success</code></li>
-		 * <li><code>Information</code></li>
-		 * </ul>
-		 *
-		 * @type {ValueState}
-		 * @defaultvalue "None"
-		 * @public
-		 */
-		valueState: {
-			type: ValueState,
-			defaultValue: ValueState.None,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.main.ProgressIndicator.prototype */ {
-		//
-	},
-	events: /** @lends sap.ui.webcomponents.main.ProgressIndicator.prototype */ {
-		//
-	},
-};
-
 /**
  * @class
  *
@@ -116,125 +38,117 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.ProgressIndicator
- * @extends UI5Element
+ * @alias sap.ui.webc.main.ProgressIndicator
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-progress-indicator
  * @public
  * @since 1.0.0-rc.8
  */
-class ProgressIndicator extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return ProgressIndicatorCss;
-	}
-
-	static get template() {
-		return ProgressIndicatorTemplate;
-	}
-
-	static get dependencies() {
-		return [Icon];
-	}
-
-	constructor() {
-		super();
-
-		this._previousValue = 0;
-		this._transitionDuration = 0;
-	}
-
-	onBeforeRendering() {
-		this._transitionDuration = Math.abs(this._previousValue - this.validatedValue) * 20;
-		this._previousValue = this.validatedValue;
-	}
-
-	valueStateTextMappings() {
-		return {
-			"Error": ProgressIndicator.i18nBundle.getText(VALUE_STATE_ERROR),
-			"Warning": ProgressIndicator.i18nBundle.getText(VALUE_STATE_WARNING),
-			"Success": ProgressIndicator.i18nBundle.getText(VALUE_STATE_SUCCESS),
-			"Information": ProgressIndicator.i18nBundle.getText(VALUE_STATE_INFORMATION),
-		};
-	}
-
-	valueStateIconMappings() {
-		return {
-			"Error": "status-negative",
-			"Warning": "status-critical",
-			"Success": "status-positive",
-			"Information": "hint",
-		};
-	}
-
-	get styles() {
-		return {
-			bar: {
-				"width": `${this.validatedValue}%`,
-				"transition-duration": this.shouldAnimate ? `${this._transitionDuration}ms` : "none",
-			},
-		};
-	}
-
-	get classes() {
-		return {
-			root: {
-				"ui5-progress-indicator-max-value": this.validatedValue === 100,
-				"ui5-progress-indicator-min-value": this.validatedValue === 0,
-			},
-		};
-	}
-
-	get validatedValue() {
-		if (this.value < 0) {
-			return 0;
-		}
-
-		if (this.value > 100) {
-			return 100;
-		}
-
-		return this.value;
-	}
-
-	get showValueInRemainingBar() {
-		return this.value <= 50;
-	}
-
-	get shouldAnimate() {
-		return getAnimationMode() !== AnimationMode.None;
-	}
-
-	get valueStateText() {
-		const percentValue = `${this.validatedValue}%`;
-		const valueText = this.valueStateTextMappings()[this.valueState];
-
-		return valueText ? `${percentValue} ${valueText}` : percentValue;
-	}
-
-	get showIcon() {
-		return this.valueState !== ValueState.None;
-	}
-
-	get valueStateIcon() {
-		return this.valueStateIconMappings()[this.valueState];
-	}
-
-	get _ariaDisabled() {
-		return this.disabled || undefined;
-	}
-
-	static async onDefine() {
-		ProgressIndicator.i18nBundle = await getI18nBundle("@ui5/webcomponents");
-	}
-}
-
+let ProgressIndicator = ProgressIndicator_1 = class ProgressIndicator extends UI5Element {
+    static get render() {
+        return litRender;
+    }
+    static get styles() {
+        return ProgressIndicatorCss;
+    }
+    static get template() {
+        return ProgressIndicatorTemplate;
+    }
+    static get dependencies() {
+        return [Icon];
+    }
+    constructor() {
+        super();
+        this._previousValue = 0;
+        this._transitionDuration = 0;
+    }
+    onBeforeRendering() {
+        this._transitionDuration = Math.abs(this._previousValue - this.validatedValue) * 20;
+        this._previousValue = this.validatedValue;
+    }
+    valueStateTextMappings() {
+        return {
+            "Error": ProgressIndicator_1.i18nBundle.getText(VALUE_STATE_ERROR),
+            "Warning": ProgressIndicator_1.i18nBundle.getText(VALUE_STATE_WARNING),
+            "Success": ProgressIndicator_1.i18nBundle.getText(VALUE_STATE_SUCCESS),
+            "Information": ProgressIndicator_1.i18nBundle.getText(VALUE_STATE_INFORMATION),
+        };
+    }
+    valueStateIconMappings() {
+        return {
+            "Error": "status-negative",
+            "Warning": "status-critical",
+            "Success": "status-positive",
+            "Information": "hint",
+        };
+    }
+    get styles() {
+        return {
+            bar: {
+                "width": `${this.validatedValue}%`,
+                "transition-duration": this.shouldAnimate ? `${this._transitionDuration}ms` : "none",
+            },
+        };
+    }
+    get classes() {
+        return {
+            root: {
+                "ui5-progress-indicator-max-value": this.validatedValue === 100,
+                "ui5-progress-indicator-min-value": this.validatedValue === 0,
+            },
+        };
+    }
+    get validatedValue() {
+        if (this.value < 0) {
+            return 0;
+        }
+        if (this.value > 100) {
+            return 100;
+        }
+        return this.value;
+    }
+    get showValueInRemainingBar() {
+        return this.value <= 50;
+    }
+    get shouldAnimate() {
+        return getAnimationMode() !== AnimationMode.None;
+    }
+    get valueStateText() {
+        const percentValue = `${this.validatedValue}%`;
+        const valueText = this.valueStateTextMappings()[this.valueState];
+        return valueText ? `${percentValue} ${valueText}` : percentValue;
+    }
+    get showIcon() {
+        return this.valueState !== ValueState.None;
+    }
+    get valueStateIcon() {
+        return this.valueStateIconMappings()[this.valueState];
+    }
+    get _ariaDisabled() {
+        return this.disabled || undefined;
+    }
+    static async onDefine() {
+        ProgressIndicator_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], ProgressIndicator.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], ProgressIndicator.prototype, "hideValue", void 0);
+__decorate([
+    property({ validator: Integer, defaultValue: 0 })
+], ProgressIndicator.prototype, "value", void 0);
+__decorate([
+    property()
+], ProgressIndicator.prototype, "displayValue", void 0);
+__decorate([
+    property({ type: ValueState, defaultValue: ValueState.None })
+], ProgressIndicator.prototype, "valueState", void 0);
+ProgressIndicator = ProgressIndicator_1 = __decorate([
+    customElement("ui5-progress-indicator")
+], ProgressIndicator);
 ProgressIndicator.define();
-
 export default ProgressIndicator;
+//# sourceMappingURL=ProgressIndicator.js.map

package/dist/ProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../src/ProgressIndicator.ts"],"names":[],"mappings":"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"}

package/dist/RadioButton.js

@@ -39,9 +39,8 @@ let activeRadio = null;
  */
 const metadata = {
 	tag: "ui5-radio-button",
-	altTag: "ui5-radiobutton",
 	languageAware: true,
-	properties: /** @lends sap.ui.webcomponents.main.RadioButton.prototype */ {
+	properties: /** @lends sap.ui.webc.main.RadioButton.prototype */ {
 
 		/**
 		 * Defines whether the component is disabled.
@@ -70,6 +69,18 @@ const metadata = {
 			type: Boolean,
 		},
 
+		/**
+		 * Defines whether the component is required.
+		 *
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @public
+		 * @since 1.9.0
+		 */
+		required: {
+			type: Boolean,
+		},
+
 		/**
 		 * Defines whether the component is checked or not.
 		 * <br><br>
@@ -79,6 +90,8 @@ const metadata = {
 		 *
 		 * @type {boolean}
 		 * @defaultvalue false
+		 * @formEvents change
+		 * @formProperty
 		 * @public
 		 * @since 1.0.0-rc.15
 		 */
@@ -109,7 +122,7 @@ const metadata = {
 		 * <li><code>Information</code></li>
 		 * </ul>
 		 *
-		 * @type {ValueState}
+		 * @type {sap.ui.webc.base.types.ValueState}
 		 * @defaultvalue "None"
 		 * @public
 		 */
@@ -172,7 +185,7 @@ const metadata = {
 		 * <li><code>Normal</code> - The text will wrap. The words will not be broken based on hyphenation.</li>
 		 * </ul>
 		 *
-		 * @type {WrappingType}
+		 * @type {sap.ui.webc.main.types.WrappingType}
 		 * @defaultvalue "None"
 		 * @public
 		 */
@@ -219,7 +232,7 @@ const metadata = {
 			type: Boolean,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.main.RadioButton.prototype */ {
+	slots: /** @lends sap.ui.webc.main.RadioButton.prototype */ {
 		/**
 		 * The slot is used to render native <code>input</code> HTML element within Light DOM to enable form submit,
 		 * when <code>name</code> property is set.
@@ -231,7 +244,7 @@ const metadata = {
 			type: HTMLElement,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.main.RadioButton.prototype */ {
+	events: /** @lends sap.ui.webc.main.RadioButton.prototype */ {
 
 		/**
 		 * Fired when the component checked state changes.
@@ -272,8 +285,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.RadioButton
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.RadioButton
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-radio-button
  * @public
  */
@@ -323,12 +336,20 @@ class RadioButton extends UI5Element {
 		this._enableFormSupport();
 	}
 
-	syncGroup() {
+	onExitDOM() {
+		this.syncGroup(true);
+	}
+
+	syncGroup(forceRemove) {
 		const oldGroup = this._name;
 		const currentGroup = this.name;
 		const oldChecked = this._checked;
 		const currentChecked = this.checked;
 
+		if (forceRemove) {
+			RadioButtonGroup.removeFromGroup(this, oldGroup);
+		}
+
 		if (currentGroup !== oldGroup) {
 			if (oldGroup) {
 				// remove the control from the previous group
@@ -355,8 +376,9 @@ class RadioButton extends UI5Element {
 		const FormSupport = getFeature("FormSupport");
 		if (FormSupport) {
 			FormSupport.syncNativeHiddenInput(this, (element, nativeInput) => {
-				nativeInput.disabled = element.disabled || !element.checked;
-				nativeInput.value = element.checked ? element.value : "";
+				nativeInput.value = element.value;
+				nativeInput.type = "radio";
+				nativeInput.checked = element.checked;
 			});
 		} else if (this.value) {
 			console.warn(`In order for the "value" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`); // eslint-disable-line
@@ -469,10 +491,6 @@ class RadioButton extends UI5Element {
 		};
 	}
 
-	get ariaReadonly() {
-		return this.readonly ? "true" : undefined;
-	}
-
 	get ariaDisabled() {
 		return this.disabled ? "true" : undefined;
 	}

package/dist/RadioButtonGroup.js

@@ -128,7 +128,7 @@ class RadioButtonGroup {
 
 	static _selectRadio(radioBtn) {
 		if (radioBtn) {
-			radioBtn.focus();
+			radioBtn.focus({ focusVisible: true });
 			radioBtn.checked = true;
 			radioBtn._checked = true;
 			radioBtn.fireEvent("change");

package/dist/RangeSlider.js

@@ -26,13 +26,15 @@ const metadata = {
 	tag: "ui5-range-slider",
 	languageAware: true,
 	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.main.RangeSlider.prototype */  {
+	properties: /** @lends sap.ui.webc.main.RangeSlider.prototype */  {
 		/**
 		 * Defines start point of a selection - position of a first handle on the slider.
 		 * <br><br>
 		 *
-		 * @type {Float}
+		 * @type {sap.ui.webc.base.types.Float}
 		 * @defaultvalue 0
+		 * @formEvents change input
+		 * @formProperty
 		 * @public
 		 */
 		startValue: {
@@ -43,8 +45,10 @@ const metadata = {
 		 * Defines end point of a selection - position of a second handle on the slider.
 		 * <br><br>
 		 *
-		 * @type {Float}
+		 * @type {sap.ui.webc.base.types.Float}
 		 * @defaultvalue 100
+		 * @formEvents change input
+		 * @formProperty
 		 * @public
 		 */
 		endValue: {
@@ -110,8 +114,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.RangeSlider
- * @extends SliderBase
+ * @alias sap.ui.webc.main.RangeSlider
+ * @extends sap.ui.webc.main.SliderBase
  * @tagname ui5-range-slider
  * @since 1.0.0-rc.11
  * @public
@@ -183,7 +187,7 @@ class RangeSlider extends SliderBase {
 	/**
 	 * Check if the previously saved state is outdated. That would mean
 	 * either it is the initial rendering or that a property has been changed
-	 * programatically - because the previous state is always updated in
+	 * programmatically - because the previous state is always updated in
 	 * the interaction handlers.
 	 *
 	 * Normalize current properties, update the previously stored state.
@@ -455,10 +459,6 @@ class RangeSlider extends SliderBase {
 	}
 
 	_handleUp() {
-		if (this.startValue !== this._startValueAtBeginningOfAction || this.endValue !== this._endValueAtBeginningOfAction) {
-			this.fireEvent("change");
-		}
-
 		this._swapValues();
 		this._setAffectedValueByFocusedElement();
 		this._setAffectedValue(null);
@@ -470,6 +470,10 @@ class RangeSlider extends SliderBase {
 		this.handleUpBase();
 
 		this.rangePressed = false;
+
+		if (this.startValue !== this._startValueAtBeginningOfAction || this.endValue !== this._endValueAtBeginningOfAction) {
+			this.fireEvent("change");
+		}
 	}
 
 	/**

package/dist/RatingIndicator.js

@@ -31,7 +31,7 @@ import RatingIndicatorCss from "./generated/themes/RatingIndicator.css.js";
 const metadata = {
 	tag: "ui5-rating-indicator",
 	languageAware: true,
-	properties: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */ {
+	properties: /** @lends sap.ui.webc.main.RatingIndicator.prototype */ {
 
 		/**
 		 * The indicated value of the rating.
@@ -42,7 +42,7 @@ const metadata = {
 		 * <li>1.3 - 1.7 -> 1.5</li>
 		 * <li>1.8 - 1.9 -> 2</li>
 		 * <ul>
-		 * @type {Float}
+		 * @type {sap.ui.webc.base.types.Float}
 		 * @defaultvalue 0
 		 * @public
 		 */
@@ -53,7 +53,7 @@ const metadata = {
 
 		/**
 		 * The number of displayed rating symbols.
-		 * @type {Integer}
+		 * @type {sap.ui.webc.base.types.Integer}
 		 * @defaultvalue 5
 		 * @public
 		 * @since 1.0.0-rc.15
@@ -118,10 +118,10 @@ const metadata = {
 			type: Boolean,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */ {
+	slots: /** @lends sap.ui.webc.main.RatingIndicator.prototype */ {
 		//
 	},
-	events: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */ {
+	events: /** @lends sap.ui.webc.main.RatingIndicator.prototype */ {
 
 		/**
 		 * The event is fired when the value changes.
@@ -168,8 +168,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.RatingIndicator
- * @extends UI5Element
+ * @alias sap.ui.webc.main.RatingIndicator
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-rating-indicator
  * @public
  * @since 1.0.0-rc.8

package/dist/ResponsivePopover.js

@@ -17,7 +17,7 @@ import ResponsivePopoverCss from "./generated/themes/ResponsivePopover.css.js";
  */
 const metadata = {
 	tag: "ui5-responsive-popover",
-	properties: /** @lends sap.ui.webcomponents.main.ResponsivePopover.prototype */ {
+	properties: /** @lends sap.ui.webc.main.ResponsivePopover.prototype */ {
 		/**
 		 * Defines if only the content would be displayed (without header and footer) in the popover on Desktop.
 		 * By default both the header and footer would be displayed.
@@ -73,8 +73,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.ResponsivePopover
- * @extends Popover
+ * @alias sap.ui.webc.main.ResponsivePopover
+ * @extends sap.ui.webc.main.Popover
  * @tagname ui5-responsive-popover
  * @since 1.0.0-rc.6
  * @public
@@ -160,7 +160,7 @@ class ResponsivePopover extends Popover {
 	 * @returns {boolean}
 	 */
 	isOpen() {
-		return isPhone() ? this._dialog.isOpen() : super.isOpen();
+		return (isPhone() && this._dialog) ? this._dialog.isOpen() : super.isOpen();
 	}
 
 	get _dialog() {
@@ -205,6 +205,14 @@ class ResponsivePopover extends Popover {
 		this.fireEvent(type, event.detail);
 	}
 
+	get isModal() {
+		if (!isPhone()) {
+			return super.isModal;
+		}
+
+		return this._dialog.isModal;
+	}
+
 	static async onDefine() {
 		ResponsivePopover.i18nBundle = await getI18nBundle("@ui5/webcomponents");
 	}