@openui5/sap.ui.webc.fiori 1.105.1 → 1.107.0

package/src/sap/ui/webc/fiori/thirdparty/ProductSwitchItem.js

@@ -1,121 +1,265 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/main/thirdparty/Icon', './generated/templates/ProductSwitchItemTemplate.lit', './generated/themes/ProductSwitchItem.css'], function (UI5Element, litRender, Keys, Icon, ProductSwitchItemTemplate_lit, ProductSwitchItem_css) { 'use strict';
-
-	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
-	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
-	var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
-
-	const metadata = {
-		tag: "ui5-product-switch-item",
-		properties:  {
-			titleText: {
-				type: String,
-			},
-			 subtitleText: {
-				type: String,
-			},
-			icon: {
-				type: String,
-			},
-			target: {
-				type: String,
-				defaultValue: "_self",
-			},
-			targetSrc: {
-				type: String,
-			},
-			active: {
-				type: Boolean,
-			},
-			focused: {
-				type: Boolean,
-			},
-			selected: {
-				type: Boolean,
-			},
-			_tabIndex: {
-				type: String,
-				defaultValue: "-1",
-				noAttribute: true,
-			},
-		},
-		slots:  {
-		},
-		events:  {
-			click: {},
-			_focused: {},
-		},
-	};
-	class ProductSwitchItem extends UI5Element__default {
-		constructor() {
-			super();
-			this._deactivate = () => {
-				if (this.active) {
-					this.active = false;
-				}
-			};
-		}
-		static get metadata() {
-			return metadata;
-		}
-		static get render() {
-			return litRender__default;
-		}
-		static get styles() {
-			return ProductSwitchItem_css;
-		}
-		static get template() {
-			return ProductSwitchItemTemplate_lit;
-		}
-		onEnterDOM() {
-			document.addEventListener("mouseup", this._deactivate);
-		}
-		onExitDOM() {
-			document.removeEventListener("mouseup", this._deactivate);
-		}
-		_onmousedown() {
-			this.active = true;
-		}
-		_onkeydown(event) {
-			if (Keys.isSpace(event) || Keys.isEnter(event)) {
-				this.active = true;
-			}
-			if (Keys.isSpace(event)) {
-				event.preventDefault();
-			}
-			if (Keys.isEnter(event)) {
-				this._fireItemClick();
-			}
-		}
-		_onkeyup(event) {
-			if (Keys.isSpace(event) || Keys.isEnter(event)) {
-				this.active = false;
-			}
-			if (Keys.isSpace(event)) {
-				if (Keys.isSpaceShift(event)) {
-					event.stopPropagation();
-				}
-				this._fireItemClick();
-			}
-		}
-		_onfocusout() {
-			this.active = false;
-			this.focused = false;
-		}
-		_onfocusin(event) {
-			this.focused = true;
-			this.fireEvent("_focused", event);
-		}
-		_fireItemClick() {
-			this.fireEvent("click", { item: this });
-		}
-		static get dependencies() {
-			return [Icon__default];
-		}
-	}
-	ProductSwitchItem.define();
-
-	return ProductSwitchItem;
-
-});
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/main/thirdparty/Icon", "./generated/templates/ProductSwitchItemTemplate.lit", "./generated/themes/ProductSwitchItem.css"], function (_exports, _UI5Element, _LitRenderer, _Keys, _Icon, _ProductSwitchItemTemplate, _ProductSwitchItem) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  _UI5Element = _interopRequireDefault(_UI5Element);
+  _LitRenderer = _interopRequireDefault(_LitRenderer);
+  _Icon = _interopRequireDefault(_Icon);
+  _ProductSwitchItemTemplate = _interopRequireDefault(_ProductSwitchItemTemplate);
+  _ProductSwitchItem = _interopRequireDefault(_ProductSwitchItem);
+
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+  // Styles
+
+  /**
+   * @public
+   */
+  const metadata = {
+    tag: "ui5-product-switch-item",
+    properties:
+    /** @lends sap.ui.webcomponents.fiori.ProductSwitchItem.prototype */
+    {
+      /**
+        * Defines the title of the component.
+        * @type {string}
+        * @defaultvalue ""
+        * @since 1.0.0-rc.15
+        * @public
+        */
+      titleText: {
+        type: String
+      },
+
+      /**
+       * Defines the subtitle of the component.
+       * @type {string}
+       * @defaultvalue ""
+       * @since 1.0.0-rc.15
+       * @public
+       */
+      subtitleText: {
+        type: String
+      },
+
+      /**
+       * Defines the icon to be displayed as a graphical element within the component.
+       * <br><br>
+       * Example:
+       * <br>
+       * <pre>ui5-product-switch-item icon="palette"</pre>
+       *
+       * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+       *
+       * @type {string}
+       * @defaultvalue ""
+       * @public
+       */
+      icon: {
+        type: String
+      },
+
+      /**
+       * Defines a target where the <code>targetSrc</code> content must be open.
+       * <br><br>
+       * Available options are:
+       * <ul>
+       * <li><code>_self</code></li>
+       * <li><code>_top</code></li>
+       * <li><code>_blank</code></li>
+       * <li><code>_parent</code></li>
+       * <li><code>_search</code></li>
+       * </ul>
+       *
+       * @type {string}
+       * @defaultvalue "_self"
+       * @public
+       */
+      target: {
+        type: String,
+        defaultValue: "_self"
+      },
+
+      /**
+       * Defines the component target URI. Supports standard hyperlink behavior.
+       * @type {string}
+       * @defaultvalue ""
+       * @public
+       */
+      targetSrc: {
+        type: String
+      },
+
+      /**
+       * Used to switch the active state (pressed or not) of the component.
+       * @private
+       */
+      active: {
+        type: Boolean
+      },
+
+      /**
+       * Indicates whether the element is focused.
+       * @private
+       */
+      focused: {
+        type: Boolean
+      },
+
+      /**
+       * Used to set the selected state of the component. Only one selected in a sequence.
+       * @private
+       */
+      selected: {
+        type: Boolean
+      },
+      _tabIndex: {
+        type: String,
+        defaultValue: "-1",
+        noAttribute: true
+      }
+    },
+    slots:
+    /** @lends sap.ui.webcomponents.fiori.ProductSwitchItem.prototype */
+    {},
+    events:
+    /** @lends sap.ui.webcomponents.fiori.ProductSwitchItem.prototype */
+    {
+      /**
+       * Fired when the <code>ui5-product-switch-item</code> is activated either with a
+       * click/tap or by using the Enter or Space key.
+       *
+       * @event
+       * @public
+       */
+      click: {},
+      _focused: {}
+    }
+  };
+  /**
+   * @class
+   * <h3 class="comment-api-title">Overview</h3>
+   * The <code>ui5-product-switch-item</code> web component represents the items displayed in the
+   * <code>ui5-product-switch</code> web component.
+   * <br><br>
+   * <b>Note:</b> <code>ui5-product-switch-item</code> is not supported when used outside of <code>ui5-product-switch</code>.
+   * <br><br>
+   *
+   * <h3>Keyboard Handling</h3>
+   * The <code>ui5-product-switch</code> provides advanced keyboard handling.
+   * When focused, the user can use the following keyboard
+   * shortcuts in order to perform a navigation:
+   * <br>
+   * <ul>
+   * <li>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li>
+   * </ul>
+   *
+   * <h3>ES6 Module Import</h3>
+   * <code>import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js";</code>
+   *
+   * @constructor
+   * @author SAP SE
+   * @alias sap.ui.webcomponents.fiori.ProductSwitchItem
+   * @extends sap.ui.webcomponents.base.UI5Element
+   * @tagname ui5-product-switch-item
+   * @public
+   * @implements sap.ui.webcomponents.fiori.IProductSwitchItem
+   * @since 1.0.0-rc.5
+   */
+
+  class ProductSwitchItem extends _UI5Element.default {
+    constructor() {
+      super();
+
+      this._deactivate = () => {
+        if (this.active) {
+          this.active = false;
+        }
+      };
+    }
+
+    static get metadata() {
+      return metadata;
+    }
+
+    static get render() {
+      return _LitRenderer.default;
+    }
+
+    static get styles() {
+      return _ProductSwitchItem.default;
+    }
+
+    static get template() {
+      return _ProductSwitchItemTemplate.default;
+    }
+
+    onEnterDOM() {
+      document.addEventListener("mouseup", this._deactivate);
+    }
+
+    onExitDOM() {
+      document.removeEventListener("mouseup", this._deactivate);
+    }
+
+    _onmousedown() {
+      this.active = true;
+    }
+
+    _onkeydown(event) {
+      if ((0, _Keys.isSpace)(event) || (0, _Keys.isEnter)(event)) {
+        this.active = true;
+      }
+
+      if ((0, _Keys.isSpace)(event)) {
+        event.preventDefault();
+      }
+
+      if ((0, _Keys.isEnter)(event)) {
+        this._fireItemClick();
+      }
+    }
+
+    _onkeyup(event) {
+      if ((0, _Keys.isSpace)(event) || (0, _Keys.isEnter)(event)) {
+        this.active = false;
+      }
+
+      if ((0, _Keys.isSpace)(event)) {
+        if ((0, _Keys.isSpaceShift)(event)) {
+          event.stopPropagation();
+        }
+
+        this._fireItemClick();
+      }
+    }
+
+    _onfocusout() {
+      this.active = false;
+      this.focused = false;
+    }
+
+    _onfocusin(event) {
+      this.focused = true;
+      this.fireEvent("_focused", event);
+    }
+
+    _fireItemClick() {
+      this.fireEvent("click", {
+        item: this
+      });
+    }
+
+    static get dependencies() {
+      return [_Icon.default];
+    }
+
+  }
+
+  ProductSwitchItem.define();
+  var _default = ProductSwitchItem;
+  _exports.default = _default;
+});