@ui5/webcomponents-fiori 1.9.3 → 1.10.1

package/dist/types/FCLLayout.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Different types of FCLLayout.
+ *
+ * @class
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.types.FCLLayout
+ */
+declare enum FCLLayout {
+    /**
+     * The layout will display 1 column.
+     * @public
+     * @type {OneColumn}
+     */
+    OneColumn = "OneColumn",
+    /**
+     *
+     * Desktop: 67 - 33 - -- Start (expanded) and Mid columns are displayed
+     * Tablet:  67 - 33 - -- Start (expanded) and Mid columns are displayed
+     * Phone:   -- 100 --  only the Mid column is displayed
+     *
+     * Use to display both a list and a detail page when the user should focus on the list page.
+     *
+     * @type {TwoColumnsStartExpanded}
+     * @public
+     */
+    TwoColumnsStartExpanded = "TwoColumnsStartExpanded",
+    /**
+     * Desktop: 33 - 67 - --  Start and Mid (expanded) columns are displayed
+     * Tablet:  33 - 67 - --  Start and Mid (expanded) columns are displayed
+     * Phone:   -- 100 --   only the Mid column is displayed
+     *
+     * Use to display both a list and a detail page when the user should focus on the detail page.
+     *
+     * @type {TwoColumnsMidExpanded}
+     * @public
+     */
+    TwoColumnsMidExpanded = "TwoColumnsMidExpanded",
+    /**
+     * Desktop: 25 - 50 - 25 Start, Mid (expanded) and End columns are displayed
+     * Tablet:  0 - 67 - 33  Mid (expanded) and End columns are displayed, Start is accessible by a layout arrow
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail.
+     *
+     * @type {ThreeColumnsMidExpanded}
+     * @public
+     */
+    ThreeColumnsMidExpanded = "ThreeColumnsMidExpanded",
+    /**
+     * Desktop: 25 - 25 - 50 Start, Mid and End (expanded) columns are displayed
+     * Tablet:  0 - 33 - 67  Mid and End (expanded) columns are displayed, Start is accessible by layout arrows
+     * Phone:   -- -- 100  (only the End column is displayed)
+     *
+     * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail-detail.
+     *
+     * @public
+     * @type ThreeColumnsEndExpanded
+     */
+    ThreeColumnsEndExpanded = "ThreeColumnsEndExpanded",
+    /**
+     * Desktop: 67 - 33 - 0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
+     * Tablet:  67 - 33 - 0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display the list and detail pages when the user should focus on the list.
+     * The detail-detail is still loaded and easily accessible with layout arrows.
+     *
+     * @public
+     * @type ThreeColumnsStartExpandedEndHidden
+     */
+    ThreeColumnsStartExpandedEndHidden = "ThreeColumnsStartExpandedEndHidden",
+    /**
+     * Desktop: 33 - 67 - 0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
+     * Tablet:  33 - 67 - 0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display the list and detail pages when the user should focus on the detail.
+     * The detail-detail is still loaded and easily accessible with a layout arrow.
+     *
+     * @public
+     * @type ThreeColumnsMidExpandedEndHidden
+     */
+    ThreeColumnsMidExpandedEndHidden = "ThreeColumnsMidExpandedEndHidden",
+    /**
+     * Desktop: -- 100 --  only the Mid column is displayed
+     * Tablet:  -- 100 --  only the Mid column is displayed
+     * Phone:   -- 100 --  only the Mid column is displayed
+     *
+     * Use to display a detail page only, when the user should focus entirely on it.
+     *
+     * @public
+     * @type MidColumnFullScreen
+     */
+    MidColumnFullScreen = "MidColumnFullScreen",
+    /**
+     * Desktop: -- -- 100  only the End column is displayed
+     * Tablet:  -- -- 100  only the End column is displayed
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display a detail-detail page only, when the user should focus entirely on it.
+     *
+     * @public
+     * @type EndColumnFullScreen
+     */
+    EndColumnFullScreen = "EndColumnFullScreen"
+}
+export default FCLLayout;

package/dist/types/FCLLayout.js

@@ -1,134 +1,111 @@
-import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
-
 /**
  * Different types of FCLLayout.
- * @lends sap.ui.webcomponents.fiori.types.FCLLayout.prototype
- * @public
- */
-const FCLLayouts = {
-	/**
-	 * The layout will display 1 column.
-	 * @public
-	 * @type {OneColumn}
-	 */
-	OneColumn: "OneColumn",
-
-	/**
-	 *
-	 * Desktop: 67/33/-  Start (expanded) and Mid columns are displayed
-	 * Tablet:  67/33/-  Start (expanded) and Mid columns are displayed
-	 * Phone:   -/100/-  only the Mid column is displayed
-	 *
-	 * Use to display both a list and a detail page when the user should focus on the list page.
-	 *
-	 * @type {TwoColumnsStartExpanded}
-	 * @public
-	 */
-	TwoColumnsStartExpanded: "TwoColumnsStartExpanded",
-
-	/**
-	 * Desktop: 33/67/-  Start and Mid (expanded) columns are displayed
-	 * Tablet:  33/67/-  Start and Mid (expanded) columns are displayed
-	 * Phone:   -/100/-  only the Mid column is displayed
-	 *
-	 * Use to display both a list and a detail page when the user should focus on the detail page.
-	 *
-	 * @type {TwoColumnsMidExpanded}
-	 * @public
-	 */
-	TwoColumnsMidExpanded: "TwoColumnsMidExpanded",
-
-	/**
-	 * Desktop: 25/50/25 Start, Mid (expanded) and End columns are displayed
-	 * Tablet:  0/67/33  Mid (expanded) and End columns are displayed, Start is accessible by a layout arrow
-	 * Phone:   -/-/100  only the End column is displayed
-	 *
-	 * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail.
-	 *
-	 * @type {ThreeColumnsMidExpanded}
-	 * @public
-	 */
-	ThreeColumnsMidExpanded: "ThreeColumnsMidExpanded",
-
-	/**
-	 * Desktop: 25/25/50 Start, Mid and End (expanded) columns are displayed
-	 * Tablet:  0/33/67  Mid and End (expanded) columns are displayed, Start is accessible by layout arrows
-	 * Phone:   -/-/100  (only the End column is displayed)
-	 *
-	 * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail-detail.
-	 *
-	 * @public
-	 * @type ThreeColumnsEndExpanded
-	 */
-	ThreeColumnsEndExpanded: "ThreeColumnsEndExpanded",
-
-	/**
-	 * Desktop: 67/33/0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
-	 * Tablet:  67/33/0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
-	 * Phone:   -/-/100  only the End column is displayed
-	 *
-	 * Use to display the list and detail pages when the user should focus on the list.
-	 * The detail-detail is still loaded and easily accessible with layout arrows.
-	 *
-	 * @public
-	 * @type ThreeColumnsStartExpandedEndHidden
-	 */
-	ThreeColumnsStartExpandedEndHidden: "ThreeColumnsStartExpandedEndHidden",
-
-	/**
-	 * Desktop: 33/67/0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
-	 * Tablet:  33/67/0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
-	 * Phone:   -/-/100  only the End column is displayed
-	 *
-	 * Use to display the list and detail pages when the user should focus on the detail.
-	 * The detail-detail is still loaded and easily accessible with a layout arrow.
-	 *
-	 * @public
-	 * @type ThreeColumnsMidExpandedEndHidden
-	 */
-	ThreeColumnsMidExpandedEndHidden: "ThreeColumnsMidExpandedEndHidden",
-
-	/**
-	 * Desktop: -/100/-  only the Mid column is displayed
-	 * Tablet:  -/100/-  only the Mid column is displayed
-	 * Phone:   -/100/-  only the Mid column is displayed
-	 *
-	 * Use to display a detail page only, when the user should focus entirely on it.
-	 *
-	 * @public
-	 * @type MidColumnFullScreen
-	 */
-	MidColumnFullScreen: "MidColumnFullScreen",
-
-	/**
-	 * Desktop: -/-/100  only the End column is displayed
-	 * Tablet:  -/-/100  only the End column is displayed
-	 * Phone:   -/-/100  only the End column is displayed
-	 *
-	 * Use to display a detail-detail page only, when the user should focus entirely on it.
-	 *
-	 * @public
-	 * @type EndColumnFullScreen
-	 */
-	EndColumnFullScreen: "EndColumnFullScreen",
-};
-
-/**
- * The number of columns of <code>ui5-flexible-collcolumn-layout</code>.
  *
  * @class
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.types.FCLLayout
- * @public
  * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.types.FCLLayout
  */
-class FCLLayout extends DataType {
-	static isValid(value) {
-		return !!FCLLayouts[value];
-	}
-}
-
-FCLLayout.generateTypeAccessors(FCLLayouts);
-
+var FCLLayout;
+(function (FCLLayout) {
+    /**
+     * The layout will display 1 column.
+     * @public
+     * @type {OneColumn}
+     */
+    FCLLayout["OneColumn"] = "OneColumn";
+    /**
+     *
+     * Desktop: 67 - 33 - -- Start (expanded) and Mid columns are displayed
+     * Tablet:  67 - 33 - -- Start (expanded) and Mid columns are displayed
+     * Phone:   -- 100 --  only the Mid column is displayed
+     *
+     * Use to display both a list and a detail page when the user should focus on the list page.
+     *
+     * @type {TwoColumnsStartExpanded}
+     * @public
+     */
+    FCLLayout["TwoColumnsStartExpanded"] = "TwoColumnsStartExpanded";
+    /**
+     * Desktop: 33 - 67 - --  Start and Mid (expanded) columns are displayed
+     * Tablet:  33 - 67 - --  Start and Mid (expanded) columns are displayed
+     * Phone:   -- 100 --   only the Mid column is displayed
+     *
+     * Use to display both a list and a detail page when the user should focus on the detail page.
+     *
+     * @type {TwoColumnsMidExpanded}
+     * @public
+     */
+    FCLLayout["TwoColumnsMidExpanded"] = "TwoColumnsMidExpanded";
+    /**
+     * Desktop: 25 - 50 - 25 Start, Mid (expanded) and End columns are displayed
+     * Tablet:  0 - 67 - 33  Mid (expanded) and End columns are displayed, Start is accessible by a layout arrow
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail.
+     *
+     * @type {ThreeColumnsMidExpanded}
+     * @public
+     */
+    FCLLayout["ThreeColumnsMidExpanded"] = "ThreeColumnsMidExpanded";
+    /**
+     * Desktop: 25 - 25 - 50 Start, Mid and End (expanded) columns are displayed
+     * Tablet:  0 - 33 - 67  Mid and End (expanded) columns are displayed, Start is accessible by layout arrows
+     * Phone:   -- -- 100  (only the End column is displayed)
+     *
+     * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail-detail.
+     *
+     * @public
+     * @type ThreeColumnsEndExpanded
+     */
+    FCLLayout["ThreeColumnsEndExpanded"] = "ThreeColumnsEndExpanded";
+    /**
+     * Desktop: 67 - 33 - 0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
+     * Tablet:  67 - 33 - 0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display the list and detail pages when the user should focus on the list.
+     * The detail-detail is still loaded and easily accessible with layout arrows.
+     *
+     * @public
+     * @type ThreeColumnsStartExpandedEndHidden
+     */
+    FCLLayout["ThreeColumnsStartExpandedEndHidden"] = "ThreeColumnsStartExpandedEndHidden";
+    /**
+     * Desktop: 33 - 67 - 0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
+     * Tablet:  33 - 67 - 0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display the list and detail pages when the user should focus on the detail.
+     * The detail-detail is still loaded and easily accessible with a layout arrow.
+     *
+     * @public
+     * @type ThreeColumnsMidExpandedEndHidden
+     */
+    FCLLayout["ThreeColumnsMidExpandedEndHidden"] = "ThreeColumnsMidExpandedEndHidden";
+    /**
+     * Desktop: -- 100 --  only the Mid column is displayed
+     * Tablet:  -- 100 --  only the Mid column is displayed
+     * Phone:   -- 100 --  only the Mid column is displayed
+     *
+     * Use to display a detail page only, when the user should focus entirely on it.
+     *
+     * @public
+     * @type MidColumnFullScreen
+     */
+    FCLLayout["MidColumnFullScreen"] = "MidColumnFullScreen";
+    /**
+     * Desktop: -- -- 100  only the End column is displayed
+     * Tablet:  -- -- 100  only the End column is displayed
+     * Phone:   -- -- 100  only the End column is displayed
+     *
+     * Use to display a detail-detail page only, when the user should focus entirely on it.
+     *
+     * @public
+     * @type EndColumnFullScreen
+     */
+    FCLLayout["EndColumnFullScreen"] = "EndColumnFullScreen";
+})(FCLLayout || (FCLLayout = {}));
 export default FCLLayout;
+//# sourceMappingURL=FCLLayout.js.map

package/dist/types/FCLLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FCLLayout.js","sourceRoot":"","sources":["../../src/types/FCLLayout.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,SA0GJ;AA1GD,WAAK,SAAS;IACb;;;;OAIG;IACH,oCAAuB,CAAA;IAEvB;;;;;;;;;;OAUG;IACH,gEAAmD,CAAA;IAEnD;;;;;;;;;OASG;IACH,4DAA+C,CAAA;IAE/C;;;;;;;;;OASG;IACH,gEAAmD,CAAA;IAEnD;;;;;;;;;OASG;IACH,gEAAmD,CAAA;IAEnD;;;;;;;;;;OAUG;IACH,sFAAyE,CAAA;IAEzE;;;;;;;;;;OAUG;IACH,kFAAqE,CAAA;IAErE;;;;;;;;;OASG;IACH,wDAA2C,CAAA;IAE3C;;;;;;;;;OASG;IACH,wDAA2C,CAAA;AAC5C,CAAC,EA1GI,SAAS,KAAT,SAAS,QA0Gb;AAED,eAAe,SAAS,CAAC"}

package/dist/types/IllustrationMessageSize.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Different types of IllustrationMessageSize.
+ *
+ * @class
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.types.IllustrationMessageSize
+ * @since 1.5.0
+ */
+declare enum IllustrationMessageSize {
+    /**
+     * Automatically decides the <code>Illustration</code> size (<code>Base</code>, <code>Spot</code>,
+     * <code>Dialog</code>, or <code>Scene</code>) depending on the <code>IllustratedMessage</code> container width.
+     *
+     * <b>Note:</b> <code>Auto</code> is the only option where the illustration size is changed according to
+     * the available container width. If any other <code>IllustratedMessageSize</code> is chosen, it remains
+     * until changed by the app developer.
+     *
+     * @public
+     * @type {Auto}
+     */
+    Auto = "Auto",
+    /**
+     * Base <code>Illustration</code> size (XS breakpoint). Suitable for cards (two columns).
+     *
+     * <b>Note:</b> When <code>Base</code> is in use, no illustration is displayed.
+     *
+     * @public
+     * @type {Base}
+     */
+    Base = "Base",
+    /**
+     * Spot <code>Illustration</code> size (S breakpoint). Suitable for cards (four columns).
+     * @public
+     * @type {Spot}
+     */
+    Spot = "Spot",
+    /**
+     * Dialog <code>Illustration</code> size (M breakpoint). Suitable for dialogs.
+     * @public
+     * @type {Dialog}
+     */
+    Dialog = "Dialog",
+    /**
+     * Scene <code>Illustration</code> size (L breakpoint). Suitable for a <code>Page</code> or a table.
+     * @public
+     * @type {Scene}
+     */
+    Scene = "Scene"
+}
+export default IllustrationMessageSize;

package/dist/types/IllustrationMessageSize.js

@@ -1,71 +1,54 @@
-import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
-
 /**
  * Different types of IllustrationMessageSize.
- * @lends sap.ui.webcomponents.fiori.types.IllustrationMessageSize.prototype
- * @public
- * @since 1.5.0
- */
-const IllustrationMessageSizes = {
-	/**
-	 * Automatically decides the <code>Illustration</code> size (<code>Base</code>, <code>Spot</code>,
-	 * <code>Dialog</code>, or <code>Scene</code>) depending on the <code>IllustratedMessage</code> container width.
-	 *
-	 * <b>Note:</b> <code>Auto</code> is the only option where the illustration size is changed according to
-	 * the available container width. If any other <code>IllustratedMessageSize</code> is chosen, it remains
-	 * until changed by the app developer.
-	 *
-	 * @public
-	 * @type {Auto}
-	 */
-	Auto: "Auto",
-	/**
-	 * Base <code>Illustration</code> size (XS breakpoint). Suitable for cards (two columns).
-	 *
-	 * <b>Note:</b> When <code>Base</code> is in use, no illustration is displayed.
-	 *
-	 * @public
-	 * @type {Base}
-	 */
-	Base: "Base",
-
-	/**
-	 * Spot <code>Illustration</code> size (S breakpoint). Suitable for cards (four columns).
-	 * @public
-	 * @type {Spot}
-	 */
-	Spot: "Spot",
-
-	/**
-	 * Dialog <code>Illustration</code> size (M breakpoint). Suitable for dialogs.
-	 * @public
-	 * @type {Dialog}
-	 */
-	Dialog: "Dialog",
-
-	/**
-	 * Scene <code>Illustration</code> size (L breakpoint). Suitable for a <code>Page</code> or a table.
-	 * @public
-	 * @type {Scene}
-	 */
-	Scene: "Scene",
-};
-
-/**
+ *
  * @class
- * Different types of IllustrationMessageSize.
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.types.IllustrationMessageSize
- * @public
  * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.types.IllustrationMessageSize
+ * @since 1.5.0
  */
-class IllustrationMessageSize extends DataType {
-	static isValid(value) {
-		return !!IllustrationMessageSizes[value];
-	}
-}
-
-IllustrationMessageSize.generateTypeAccessors(IllustrationMessageSizes);
-
+var IllustrationMessageSize;
+(function (IllustrationMessageSize) {
+    /**
+     * Automatically decides the <code>Illustration</code> size (<code>Base</code>, <code>Spot</code>,
+     * <code>Dialog</code>, or <code>Scene</code>) depending on the <code>IllustratedMessage</code> container width.
+     *
+     * <b>Note:</b> <code>Auto</code> is the only option where the illustration size is changed according to
+     * the available container width. If any other <code>IllustratedMessageSize</code> is chosen, it remains
+     * until changed by the app developer.
+     *
+     * @public
+     * @type {Auto}
+     */
+    IllustrationMessageSize["Auto"] = "Auto";
+    /**
+     * Base <code>Illustration</code> size (XS breakpoint). Suitable for cards (two columns).
+     *
+     * <b>Note:</b> When <code>Base</code> is in use, no illustration is displayed.
+     *
+     * @public
+     * @type {Base}
+     */
+    IllustrationMessageSize["Base"] = "Base";
+    /**
+     * Spot <code>Illustration</code> size (S breakpoint). Suitable for cards (four columns).
+     * @public
+     * @type {Spot}
+     */
+    IllustrationMessageSize["Spot"] = "Spot";
+    /**
+     * Dialog <code>Illustration</code> size (M breakpoint). Suitable for dialogs.
+     * @public
+     * @type {Dialog}
+     */
+    IllustrationMessageSize["Dialog"] = "Dialog";
+    /**
+     * Scene <code>Illustration</code> size (L breakpoint). Suitable for a <code>Page</code> or a table.
+     * @public
+     * @type {Scene}
+     */
+    IllustrationMessageSize["Scene"] = "Scene";
+})(IllustrationMessageSize || (IllustrationMessageSize = {}));
 export default IllustrationMessageSize;
+//# sourceMappingURL=IllustrationMessageSize.js.map

package/dist/types/IllustrationMessageSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IllustrationMessageSize.js","sourceRoot":"","sources":["../../src/types/IllustrationMessageSize.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,IAAK,uBA2CJ;AA3CD,WAAK,uBAAuB;IAC3B;;;;;;;;;;OAUG;IACH,wCAAa,CAAA;IACb;;;;;;;OAOG;IACH,wCAAa,CAAA;IAEb;;;;OAIG;IACH,wCAAa,CAAA;IAEb;;;;OAIG;IACH,4CAAiB,CAAA;IAEjB;;;;OAIG;IACH,0CAAe,CAAA;AAChB,CAAC,EA3CI,uBAAuB,KAAvB,uBAAuB,QA2C3B;AAED,eAAe,uBAAuB,CAAC"}