@ui5/webcomponents 1.0.0-rc.8 → 1.0.2

package/dist/timepicker-utils/TimeSlider.js

@@ -1,24 +1,26 @@
-const generateTimeItemsArray = x => {
+const generateTimeItemsArray = (x, step = 1) => {
 	const array = [];
 	for (let i = 0; i < x; i++) {
-		let tempString = i.toString();
-		if (tempString.length === 1) {
-			tempString = `0${tempString}`;
-		}
+		if (i % step === 0) {
+			let tempString = i.toString();
+			if (tempString.length === 1) {
+				tempString = `0${tempString}`;
+			}
 
-		array.push(tempString);
+			array.push(tempString);
+		}
 	}
 
 	return array;
 };
 
-const getHours = config => {
+const getHours = (config, max) => {
 	let hoursValueArray = [];
 
 	if (config.isTwelveHoursFormat) {
-		hoursValueArray = generateTimeItemsArray(12);
+		hoursValueArray = generateTimeItemsArray(max || 12, 1);
 	} else {
-		hoursValueArray = generateTimeItemsArray(24);
+		hoursValueArray = generateTimeItemsArray(max || 24, 1);
 	}
 
 	if (config.minHour === 1) {
@@ -36,12 +38,12 @@ const getHours = config => {
 	return hoursValueArray;
 };
 
-const getMinutes = () => {
-	return generateTimeItemsArray(60);
+const getMinutes = (max, step) => {
+	return generateTimeItemsArray(max || 60, step);
 };
 
-const getSeconds = () => {
-	return generateTimeItemsArray(60);
+const getSeconds = (max, step) => {
+	return generateTimeItemsArray(max || 60, step);
 };
 
 const getHoursConfigByFormat = type => {

package/{src/types/AvatarBackgroundColor.js → dist/types/AvatarColorScheme.js}

@@ -1,11 +1,11 @@
 import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
 
 /**
- * Different types of AvatarBackgroundColor.
- * @lends sap.ui.webcomponents.main.types.AvatarBackgroundColor.prototype
+ * Different types of AvatarColorSchemes.
+ * @lends sap.ui.webcomponents.main.types.AvatarColorScheme.prototype
  * @public
  */
-const AvatarBackGroundColors = {
+const AvatarColorSchemes = {
 	/**
 	 *
 	 * @public
@@ -86,19 +86,19 @@ const AvatarBackGroundColors = {
 
 /**
  * @class
- * Different types of AvatarBackgroundColor.
+ * Different types of AvatarColorScheme.
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.types.AvatarBackgroundColor
+ * @alias sap.ui.webcomponents.main.types.AvatarColorScheme
  * @public
  * @enum {string}
  */
-class AvatarBackgroundColor extends DataType {
+class AvatarColorScheme extends DataType {
 	static isValid(value) {
-		return !!AvatarBackGroundColors[value];
+		return !!AvatarColorSchemes[value];
 	}
 }
 
-AvatarBackgroundColor.generataTypeAcessors(AvatarBackGroundColors);
+AvatarColorScheme.generateTypeAccessors(AvatarColorSchemes);
 
-export default AvatarBackgroundColor;
+export default AvatarColorScheme;

package/dist/types/AvatarGroupType.js

@@ -0,0 +1,43 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Different types of AvatarGroupType.
+ * @lends sap.ui.webcomponents.main.types.AvatarGroupType.prototype
+ * @public
+ */
+const AvatarGroupTypes = {
+	/**
+	 * The avatars are displayed as partially overlapped on top of each other and the entire group has one click/tap area.
+	 *
+	 * @public
+	 * @type {Group}
+	 */
+	Group: "Group",
+
+	/**
+	 * The avatars are displayed side-by-side and each avatar has its own click/tap area.
+	 *
+	 * @public
+	 * @type {Individual}
+	 */
+	Individual: "Individual",
+};
+
+/**
+ * @class
+ * Different types of AvatarGroupType.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.AvatarGroupType
+ * @public
+ * @enum {string}
+ */
+class AvatarGroupType extends DataType {
+	static isValid(value) {
+		return !!AvatarGroupTypes[value];
+	}
+}
+
+AvatarGroupType.generateTypeAccessors(AvatarGroupTypes);
+
+export default AvatarGroupType;

package/dist/types/AvatarShape.js

@@ -36,6 +36,6 @@ class AvatarShape extends DataType {
 	}
 }
 
-AvatarShape.generataTypeAcessors(AvatarShapes);
+AvatarShape.generateTypeAccessors(AvatarShapes);
 
 export default AvatarShape;

package/dist/types/AvatarSize.js

@@ -62,6 +62,6 @@ class AvatarSize extends DataType {
 	}
 }
 
-AvatarSize.generataTypeAcessors(AvatarSizes);
+AvatarSize.generateTypeAccessors(AvatarSizes);
 
 export default AvatarSize;

package/dist/types/BreadcrumbsDesign.js

@@ -0,0 +1,42 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.BreadcrumbsDesign.prototype
+ * @public
+ */
+const BreadcrumbsTypes = {
+	/**
+	 * Shows the current page as the last item in the trail.
+	 * The last item contains only plain text and is not a link.
+	 *
+	 * @public
+	 * @type {Standard}
+	 */
+	Standard: "Standard",
+
+	/**
+	 * All items are displayed as links.
+	 * @public
+	 * @type {NoCurrentPage}
+	 */
+	NoCurrentPage: "NoCurrentPage",
+};
+
+/**
+ * @class
+ * Different types of <code>Breadcrumbs</code>.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.BreadcrumbsDesign
+ * @public
+ * @enum {string}
+ */
+class BreadcrumbsDesign extends DataType {
+	static isValid(value) {
+		return !!BreadcrumbsTypes[value];
+	}
+}
+
+BreadcrumbsDesign.generateTypeAccessors(BreadcrumbsTypes);
+
+export default BreadcrumbsDesign;

package/dist/types/BreadcrumbsSeparatorStyle.js

@@ -0,0 +1,69 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.BreadcrumbsSeparatorStyle.prototype
+ * @public
+ */
+const SeparatorTypes = {
+
+	/**
+	 * The separator appears as "/".
+	 * @public
+	 * @type {Slash}
+	 */
+	Slash: "Slash",
+
+	/**
+	 * The separator appears as "\".
+	 * @public
+	 * @type {BackSlash}
+	 */
+	BackSlash: "BackSlash",
+
+	/**
+	 * The separator appears as "\\".
+	 * @public
+	 * @type {DoubleBackSlash}
+	 */
+	DoubleBackSlash: "DoubleBackSlash",
+
+	/**
+	 * The separator appears as ">>".
+	 * @public
+	 * @type {DoubleGreaterThan}
+	 */
+	DoubleGreaterThan: "DoubleGreaterThan",
+
+	/**
+	 * The separator appears as "//".
+	 * @public
+	 * @type {DoubleSlash}
+	 */
+	DoubleSlash: "DoubleSlash",
+
+	/**
+	 * The separator appears as ">".
+	 * @public
+	 * @type {GreaterThan}
+	 */
+	GreaterThan: "GreaterThan",
+};
+
+/**
+ * @class
+ * Different types of <code>Breadcrumbs</code> separator.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.BreadcrumbsSeparatorStyle
+ * @public
+ * @enum {string}
+ */
+class BreadcrumbsSeparatorStyle extends DataType {
+	static isValid(value) {
+		return !!SeparatorTypes[value];
+	}
+}
+
+BreadcrumbsSeparatorStyle.generateTypeAccessors(SeparatorTypes);
+
+export default BreadcrumbsSeparatorStyle;

package/dist/types/BusyIndicatorSize.js

@@ -42,6 +42,6 @@ class BusyIndicatorSize extends DataType {
 	}
 }
 
-BusyIndicatorSize.generataTypeAcessors(BusyIndicatorSizes);
+BusyIndicatorSize.generateTypeAccessors(BusyIndicatorSizes);
 
 export default BusyIndicatorSize;

package/dist/types/ButtonDesign.js

@@ -39,6 +39,13 @@ const ButtonTypes = {
 	 * @type {Emphasized}
 	 */
 	Emphasized: "Emphasized",
+
+	/**
+	 * attention type
+	 * @public
+	 * @type {Attention}
+	 */
+	Attention: "Attention",
 };
 
 /**
@@ -56,6 +63,6 @@ class ButtonDesign extends DataType {
 	}
 }
 
-ButtonDesign.generataTypeAcessors(ButtonTypes);
+ButtonDesign.generateTypeAccessors(ButtonTypes);
 
 export default ButtonDesign;

package/dist/types/CalendarSelectionMode.js

@@ -0,0 +1,47 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.CalendarSelectionMode.prototype
+ * @public
+ */
+const CalendarSelectionModes = {
+	/**
+	 * Only one date can be selected at a time
+	 * @public
+	 * @type {Single}
+	 */
+	Single: "Single",
+
+	/**
+	 * Several dates can be selected
+	 * @public
+	 * @type {Multiple}
+	 */
+	Multiple: "Multiple",
+
+	/**
+	 * A range defined by a start date and an end date can be selected
+	 * @public
+	 * @type {Range}
+	 */
+	Range: "Range",
+};
+
+/**
+ * @class
+ * Different date selection modes for <code>ui5-calendar</code>.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.CalendarSelectionMode
+ * @public
+ * @enum {string}
+ */
+class CalendarSelectionMode extends DataType {
+	static isValid(value) {
+		return !!CalendarSelectionModes[value];
+	}
+}
+
+CalendarSelectionMode.generateTypeAccessors(CalendarSelectionModes);
+
+export default CalendarSelectionMode;

package/dist/types/CarouselArrowsPlacement.js

@@ -8,14 +8,14 @@ const CarouselArrowsPlacementTypes = {
 	/**
 	 * Carousel arrows are placed on the sides of the current Carousel page.
 	 * @public
-	 * @type {Default}
+	 * @type {Content}
 	 */
 	Content: "Content",
 
 	/**
 	 * Carousel arrows are placed on the sides of the page indicator of the Carousel.
 	 * @public
-	 * @type {Positive}
+	 * @type {Navigation}
 	 */
 	Navigation: "Navigation",
 };
@@ -35,6 +35,6 @@ class CarouselArrowsPlacement extends DataType {
 	}
 }
 
-CarouselArrowsPlacement.generataTypeAcessors(CarouselArrowsPlacementTypes);
+CarouselArrowsPlacement.generateTypeAccessors(CarouselArrowsPlacementTypes);
 
 export default CarouselArrowsPlacement;

package/dist/types/GrowingMode.js

@@ -0,0 +1,48 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.GrowingMode.prototype
+ * @public
+ */
+const GrowingModes = {
+	/**
+	 * Component's <code>load-more</code> is fired upon pressing a "More" button.
+	 * at the bottom.
+	 * @public
+	 * @type {Button}
+	 */
+	Button: "Button",
+
+	/**
+	 * Component's <code>load-more</code> is fired upon scroll.
+	 * @public
+	 * @type {Scroll}
+	 */
+	Scroll: "Scroll",
+
+	/**
+	 * Component's growing is not enabled.
+	 * @public
+	 * @type {None}
+	 */
+	None: "None",
+};
+
+/**
+ * @class
+ * Defines the growing mode of the component.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.GrowingMode
+ * @public
+ * @enum {string}
+ */
+class GrowingMode extends DataType {
+	static isValid(value) {
+		return !!GrowingModes[value];
+	}
+}
+
+GrowingMode.generateTypeAccessors(GrowingModes);
+
+export default GrowingMode;

package/dist/types/InputType.js

@@ -6,42 +6,42 @@ import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
  */
 const InputTypes = {
 	/**
-	 * <ui5-input type="text"></ui5-input> defines a one-line text input field:
+	 * Defines a one-line text input field:
 	 * @public
 	 * @type {Text}
 	 */
 	Text: "Text",
 
 	/**
-	 * The <ui5-input type="email"></ui5-input> is used for input fields that must contain an e-mail address.
+	 * Used for input fields that must contain an e-mail address.
 	 * @public
 	 * @type {Email}
 	 */
 	Email: "Email",
 
 	/**
-	 * The <ui5-input type="number"></ui5-input> defines a numeric input field.
+	 * Defines a numeric input field.
 	 * @public
 	 * @type {Number}
 	 */
 	Number: "Number",
 
 	/**
-	 * <ui5-input type="password"></ui5-input> defines a password field.
+	 * Defines a password field.
 	 * @public
 	 * @type {Password}
 	 */
 	Password: "Password",
 
 	/**
-	 * The <ui5-input type="url"></ui5-input> is used for input fields that should contain a telephone number.
+	 * Used for input fields that should contain a telephone number.
 	 * @public
 	 * @type {Tel}
 	 */
 	Tel: "Tel",
 
 	/**
-	 * The <i5-input type="url"></ui5-input> is used for input fields that should contain a URL address.
+	 * Used for input fields that should contain a URL address.
 	 * @public
 	 * @type {URL}
 	 */
@@ -63,6 +63,6 @@ class InputType extends DataType {
 	}
 }
 
-InputType.generataTypeAcessors(InputTypes);
+InputType.generateTypeAccessors(InputTypes);
 
 export default InputType;

package/dist/types/LinkDesign.js

@@ -42,6 +42,6 @@ class LinkDesign extends DataType {
 	}
 }
 
-LinkDesign.generataTypeAcessors(LinkTypes);
+LinkDesign.generateTypeAccessors(LinkTypes);
 
 export default LinkDesign;

package/dist/types/ListGrowingMode.js

@@ -0,0 +1,15 @@
+import GrowingMode from "./GrowingMode.js";
+
+/**
+ * @class
+ * Defines the growing mode, used in the <code>ui5-List</code>.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.ListGrowingMode
+ * @public
+ * @enum {string}
+ */
+class ListGrowingMode extends GrowingMode {
+}
+
+export default ListGrowingMode;

package/dist/types/ListItemType.js

@@ -42,6 +42,6 @@ class ListItemType extends DataType {
 	}
 }
 
-ListItemType.generataTypeAcessors(ListItemTypes);
+ListItemType.generateTypeAccessors(ListItemTypes);
 
 export default ListItemType;

package/dist/types/ListMode.js

@@ -72,6 +72,6 @@ class ListMode extends DataType {
 	}
 }
 
-ListMode.generataTypeAcessors(ListModes);
+ListMode.generateTypeAccessors(ListModes);
 
 export default ListMode;

package/dist/types/ListSeparators.js

@@ -41,6 +41,6 @@ class ListSeparators extends DataType {
 	}
 }
 
-ListSeparators.generataTypeAcessors(ListSeparatorsTypes);
+ListSeparators.generateTypeAccessors(ListSeparatorsTypes);
 
 export default ListSeparators;

package/{src/types/MessageStripType.js → dist/types/MessageStripDesign.js}

@@ -1,10 +1,10 @@
 import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
 
 /**
- * @lends sap.ui.webcomponents.main.types.MessageStripType.prototype
+ * @lends sap.ui.webcomponents.main.types.MessageStripDesign.prototype
  * @public
  */
-const MessageStripTypes = {
+const MessageStripDesigns = {
 	/**
 	 * Message should be just an information
 	 * @public
@@ -39,16 +39,16 @@ const MessageStripTypes = {
  * Defines different types of MessageStrip.
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.types.MessageStripType
+ * @alias sap.ui.webcomponents.main.types.MessageStripDesign
  * @public
  * @enum {string}
  */
-class MessageStripType extends DataType {
+class MessageStripDesign extends DataType {
 	static isValid(value) {
-		return !!MessageStripTypes[value];
+		return !!MessageStripDesigns[value];
 	}
 }
 
-MessageStripType.generataTypeAcessors(MessageStripTypes);
+MessageStripDesign.generateTypeAccessors(MessageStripDesigns);
 
-export default MessageStripType;
+export default MessageStripDesign;

package/dist/types/PanelAccessibleRole.js

@@ -43,6 +43,6 @@ class PanelAccessibleRole extends DataType {
 	}
 }
 
-PanelAccessibleRole.generataTypeAcessors(PanelAccessibleRoles);
+PanelAccessibleRole.generateTypeAccessors(PanelAccessibleRoles);
 
 export default PanelAccessibleRole;

package/dist/types/PopoverHorizontalAlign.js

@@ -49,6 +49,6 @@ class PopoverHorizontalAlign extends DataType {
 	}
 }
 
-PopoverHorizontalAlign.generataTypeAcessors(PopoverHorizontalAligns);
+PopoverHorizontalAlign.generateTypeAccessors(PopoverHorizontalAligns);
 
 export default PopoverHorizontalAlign;

package/dist/types/PopoverPlacementType.js

@@ -22,7 +22,7 @@ const PopoverPlacementTypes = {
 	/**
 	 * Popover will be placed at the top of the reference element.
 	 * @public
-	 * @type {Bottom}
+	 * @type {Top}
 	 */
 	Top: "Top",
 
@@ -49,6 +49,6 @@ class PopoverPlacementType extends DataType {
 	}
 }
 
-PopoverPlacementType.generataTypeAcessors(PopoverPlacementTypes);
+PopoverPlacementType.generateTypeAccessors(PopoverPlacementTypes);
 
 export default PopoverPlacementType;

package/dist/types/PopoverVerticalAlign.js

@@ -1,6 +1,5 @@
 import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
 
-
 /**
  * @lends sap.ui.webcomponents.main.types.PopoverVerticalAlign.prototype
  * @public
@@ -50,6 +49,6 @@ class PopoverVerticalAlign extends DataType {
 	}
 }
 
-PopoverVerticalAlign.generataTypeAcessors(PopoverVerticalAligns);
+PopoverVerticalAlign.generateTypeAccessors(PopoverVerticalAligns);
 
 export default PopoverVerticalAlign;

package/dist/types/Priority.js

@@ -50,6 +50,6 @@ class Priority extends DataType {
 	}
 }
 
-Priority.generataTypeAcessors(Priorities);
+Priority.generateTypeAccessors(Priorities);
 
 export default Priority;

package/dist/types/SemanticColor.js

@@ -56,6 +56,6 @@ class SemanticColor extends DataType {
 	}
 }
 
-SemanticColor.generataTypeAcessors(SemanticColors);
+SemanticColor.generateTypeAccessors(SemanticColors);
 
 export default SemanticColor;

package/dist/types/SwitchDesign.js

@@ -0,0 +1,40 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.SwitchDesign.prototype
+ * @public
+ */
+const SwitchDesigns = {
+	/**
+	 * Defines the Switch as Textual
+	 * @public
+	 * @type {Textual}
+	 */
+	Textual: "Textual",
+
+	/**
+	 * Defines the Switch as Graphical
+	 * @public
+	 * @type {Graphical}
+	 */
+	Graphical: "Graphical",
+};
+
+/**
+ * @class
+ * Defines input types
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.SwitchDesign
+ * @public
+ * @enum {string}
+ */
+class SwitchDesign extends DataType {
+	static isValid(value) {
+		return !!SwitchDesigns[value];
+	}
+}
+
+SwitchDesign.generateTypeAccessors(SwitchDesigns);
+
+export default SwitchDesign;