@openui5/sap.ui.webc.main 1.115.1 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/SuggestionGroupItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "./GroupHeaderListItem"], function (_exports, _UI5Element, _GroupHeaderListItem) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "./GroupHeaderListItem"], function (_exports, _UI5Element, _property, _customElement, _GroupHeaderListItem) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,29 +6,17 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "./Gr
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _property = _interopRequireDefault(_property);
+  _customElement = _interopRequireDefault(_customElement);
   _GroupHeaderListItem = _interopRequireDefault(_GroupHeaderListItem);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-suggestion-group-item",
-    properties: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */{
-      /**
-       * Defines the text of the <code>ui5-suggestion-group-item</code>.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      text: {
-        type: String
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */{},
-    events: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */{}
+  var __decorate = void 0 && (void 0).__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;
   };
-
   /**
    * @class
    * The <code>ui5-suggestion-group-item</code> is type of suggestion item,
@@ -36,21 +24,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "./Gr
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.SuggestionGroupItem
-   * @extends UI5Element
+   * @alias sap.ui.webc.main.SuggestionGroupItem
+   * @extends sap.ui.webc.base.UI5Element
+   * @abstract
    * @tagname ui5-suggestion-group-item
-   * @implements sap.ui.webcomponents.main.IInputSuggestionItem
+   * @implements sap.ui.webc.main.IInputSuggestionItem
    * @public
    * @since 1.0.0-rc.15
    */
-  class SuggestionItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get dependencies() {
-      return [_GroupHeaderListItem.default];
-    }
-
+  let SuggestionGroupItem = class SuggestionGroupItem extends _UI5Element.default {
     /**
      * Indicates the "grouping" nature of the component
      * to avoid tag name checks tag name to diferenciate from the standard suggestion item.
@@ -59,8 +41,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "./Gr
     get groupItem() {
       return true;
     }
-  }
-  SuggestionItem.define();
-  var _default = SuggestionItem;
+  };
+  __decorate([(0, _property.default)()], SuggestionGroupItem.prototype, "text", void 0);
+  SuggestionGroupItem = __decorate([(0, _customElement.default)({
+    tag: "ui5-suggestion-group-item",
+    dependencies: [_GroupHeaderListItem.default]
+  })], SuggestionGroupItem);
+  SuggestionGroupItem.define();
+  var _default = SuggestionGroupItem;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/SuggestionItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/types/ValueState", "./SuggestionListItem", "./types/ListItemType"], function (_exports, _UI5Element, _ValueState, _SuggestionListItem, _ListItemType) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/types/ValueState", "./SuggestionListItem", "./types/ListItemType"], function (_exports, _UI5Element, _customElement, _property, _ValueState, _SuggestionListItem, _ListItemType) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,134 +6,57 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
   _ValueState = _interopRequireDefault(_ValueState);
   _SuggestionListItem = _interopRequireDefault(_SuggestionListItem);
   _ListItemType = _interopRequireDefault(_ListItemType);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-suggestion-item",
-    properties: /** @lends sap.ui.webcomponents.main.SuggestionItem.prototype */{
-      /**
-       * Defines the text of the component.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      text: {
-        type: String
-      },
-      /**
-       * Defines the visual indication and behavior of the item.
-       * Available options are <code>Active</code> (by default), <code>Inactive</code> and <code>Detail</code>.
-       * <br><br>
-       * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press and hover,
-       * while when <code>Inactive</code> or <code>Detail</code> - will not.
-       *
-       * @type {ListItemType}
-       * @defaultvalue "Active"
-       * @public
-       * @since 1.0.0-rc.8
-      */
-      type: {
-        type: _ListItemType.default,
-        defaultValue: _ListItemType.default.Active
-      },
-      /**
-       * Defines the description displayed right under the item text, if such is present.
-       * @type {string}
-       * @defaultvalue: ""
-       * @public
-       */
-      description: {
-        type: String
-      },
-      /**
-       * Defines the <code>icon</code> source URI.
-       * <br><br>
-       * <b>Note:</b>
-       * SAP-icons font provides numerous built-in icons. To find all the available icons, see 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}
-       * @public
-       */
-      icon: {
-        type: String
-      },
-      /**
-       * Defines whether the <code>icon</code> should be displayed in the beginning of the item or in the end.
-       * <br><br>
-       * <b>Note:</b> If <code>image</code> is set, the <code>icon</code> would be displayed after the <code>image</code>.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      iconEnd: {
-        type: Boolean
-      },
-      /**
-       * Defines the <code>image</code> source URI.
-       * <br><br>
-       * <b>Note:</b> The <code>image</code> would be displayed in the beginning of the item.
-       *
-       * @type {string}
-       * @public
-       */
-      image: {
-        type: String
-      },
-      /**
-       * Defines the <code>additionalText</code>, displayed in the end of the item.
-       * @type {string}
-       * @since 1.0.0-rc.15
-       * @public
-       */
-      additionalText: {
-        type: String
-      },
-      /**
-       * Defines the state of the <code>additionalText</code>.
-       * <br><br>
-       * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Information"</code>, <code>"Warning"</code> and <code>"Erorr"</code>.
-       * @type {ValueState}
-       * @defaultvalue "None"
-       * @since 1.0.0-rc.15
-       * @public
-       */
-      additionalTextState: {
-        type: _ValueState.default,
-        defaultValue: _ValueState.default.None
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.SuggestionItem.prototype */{},
-    events: /** @lends sap.ui.webcomponents.main.SuggestionItem.prototype */{}
+  var __decorate = void 0 && (void 0).__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;
   };
-
   /**
    * @class
    * The <code>ui5-suggestion-item</code> represents the suggestion item of the <code>ui5-input</code>.
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.SuggestionItem
-   * @extends UI5Element
+   * @alias sap.ui.webc.main.SuggestionItem
+   * @extends sap.ui.webc.base.UI5Element
+   * @abstract
    * @tagname ui5-suggestion-item
-   * @implements sap.ui.webcomponents.main.IInputSuggestionItem
+   * @implements sap.ui.webc.main.IInputSuggestionItem
    * @public
    */
-  class SuggestionItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get dependencies() {
-      return [_SuggestionListItem.default];
+  let SuggestionItem = class SuggestionItem extends _UI5Element.default {
+    get groupItem() {
+      return false;
     }
-  }
+  };
+  __decorate([(0, _property.default)()], SuggestionItem.prototype, "text", void 0);
+  __decorate([(0, _property.default)({
+    type: _ListItemType.default,
+    defaultValue: _ListItemType.default.Active
+  })], SuggestionItem.prototype, "type", void 0);
+  __decorate([(0, _property.default)()], SuggestionItem.prototype, "description", void 0);
+  __decorate([(0, _property.default)()], SuggestionItem.prototype, "icon", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SuggestionItem.prototype, "iconEnd", void 0);
+  __decorate([(0, _property.default)()], SuggestionItem.prototype, "image", void 0);
+  __decorate([(0, _property.default)()], SuggestionItem.prototype, "additionalText", void 0);
+  __decorate([(0, _property.default)({
+    type: _ValueState.default,
+    defaultValue: _ValueState.default.None
+  })], SuggestionItem.prototype, "additionalTextState", void 0);
+  SuggestionItem = __decorate([(0, _customElement.default)({
+    tag: "ui5-suggestion-item",
+    dependencies: [_SuggestionListItem.default]
+  })], SuggestionItem);
   SuggestionItem.define();
   var _default = SuggestionItem;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/SuggestionListItem.js

@@ -1,38 +1,22 @@
-sap.ui.define(["exports", "./StandardListItem", "./generated/templates/SuggestionListItemTemplate.lit"], function (_exports, _StandardListItem, _SuggestionListItemTemplate) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/slot", "./StandardListItem", "./generated/templates/SuggestionListItemTemplate.lit"], function (_exports, _customElement, _slot, _StandardListItem, _SuggestionListItemTemplate) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _slot = _interopRequireDefault(_slot);
   _StandardListItem = _interopRequireDefault(_StandardListItem);
   _SuggestionListItemTemplate = _interopRequireDefault(_SuggestionListItemTemplate);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-li-suggestion-item",
-    managedSlots: true,
-    slots: /** @lends sap.ui.webcomponents.main.SuggestionListItem.prototype */{
-      /**
-       * Defines a description that can contain HTML.
-       * <b>Note:</b> If not specified, the <code>description</code> property will be used.
-       * <br>
-       * @type {HTMLElement}
-       * @since 1.0.0-rc.8
-       * @slot
-       * @public
-       */
-      richDescription: {
-        type: HTMLElement
-      },
-      "default": {
-        propertyName: "titleText"
-      }
-    }
+  var __decorate = void 0 && (void 0).__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;
   };
-
   /**
    * @class
    * The <code>ui5-li-suggestion-item</code> represents the suggestion item in the <code>ui5-input</code>
@@ -51,19 +35,13 @@ sap.ui.define(["exports", "./StandardListItem", "./generated/templates/Suggestio
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.SuggestionListItem
-   * @extends StandardListItem
+   * @alias sap.ui.webc.main.SuggestionListItem
+   * @extends sap.ui.webc.main.StandardListItem
    * @tagname ui5-li-suggestion-item
    */
-  class SuggestionListItem extends _StandardListItem.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get template() {
-      return _SuggestionListItemTemplate.default;
-    }
-    onBeforeRendering(...params) {
-      super.onBeforeRendering(...params);
+  let SuggestionListItem = class SuggestionListItem extends _StandardListItem.default {
+    onBeforeRendering() {
+      super.onBeforeRendering();
       this.hasTitle = !!this.titleText.length;
     }
     get effectiveTitle() {
@@ -72,7 +50,21 @@ sap.ui.define(["exports", "./StandardListItem", "./generated/templates/Suggestio
     get hasDescription() {
       return this.richDescription.length || this.description;
     }
-  }
+    get groupItem() {
+      return false;
+    }
+  };
+  __decorate([(0, _slot.default)({
+    type: HTMLElement
+  })], SuggestionListItem.prototype, "richDescription", void 0);
+  __decorate([(0, _slot.default)({
+    type: Node,
+    "default": true
+  })], SuggestionListItem.prototype, "titleText", void 0);
+  SuggestionListItem = __decorate([(0, _customElement.default)({
+    tag: "ui5-li-suggestion-item",
+    template: _SuggestionListItemTemplate.default
+  })], SuggestionListItem);
   SuggestionListItem.define();
   var _default = SuggestionListItem;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/Switch.js

@@ -1,4 +1,4 @@
-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/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "sap/ui/webc/common/thirdparty/icons/accept", "sap/ui/webc/common/thirdparty/icons/decline", "sap/ui/webc/common/thirdparty/icons/less", "./Icon", "./types/SwitchDesign", "./generated/templates/SwitchTemplate.lit", "./generated/themes/Switch.css"], function (_exports, _UI5Element, _LitRenderer, _Keys, _Device, _i18nBundle, _AriaLabelHelper, _accept, _decline, _less, _Icon, _SwitchDesign, _SwitchTemplate, _Switch) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "sap/ui/webc/common/thirdparty/icons/accept", "sap/ui/webc/common/thirdparty/icons/decline", "sap/ui/webc/common/thirdparty/icons/less", "./Icon", "./types/SwitchDesign", "./generated/templates/SwitchTemplate.lit", "./generated/themes/Switch.css"], function (_exports, _UI5Element, _customElement, _property, _event, _LitRenderer, _Keys, _Device, _i18nBundle, _AriaLabelHelper, _accept, _decline, _less, _Icon, _SwitchDesign, _SwitchTemplate, _Switch) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,125 +6,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _event = _interopRequireDefault(_event);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _Icon = _interopRequireDefault(_Icon);
   _SwitchDesign = _interopRequireDefault(_SwitchDesign);
   _SwitchTemplate = _interopRequireDefault(_SwitchTemplate);
   _Switch = _interopRequireDefault(_Switch);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Template
-
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-switch",
-    languageAware: true,
-    properties: /** @lends sap.ui.webcomponents.main.Switch.prototype */{
-      /**
-       * Defines the component design.
-       * <br><br>
-       * <b>Note:</b> If <code>Graphical</code> type is set,
-       * positive and negative icons will replace the <code>textOn</code> and <code>textOff</code>.
-       *
-       * @public
-       * @type {SwitchDesign}
-       * @defaultValue "Textual"
-       */
-      design: {
-        type: _SwitchDesign.default,
-        defaultValue: _SwitchDesign.default.Textual
-      },
-      /**
-       * Defines if the component is checked.
-       * <br><br>
-       * <b>Note:</b> The property can be changed with user interaction,
-       * either by cliking the component, or by pressing the <code>Enter</code> or <code>Space</code> key.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      checked: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the component is disabled.
-       * <br><br>
-       * <b>Note:</b> A disabled component is noninteractive.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      disabled: {
-        type: Boolean
-      },
-      /**
-       * Defines the text, displayed when the component is checked.
-       *
-       * <br><br>
-       * <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
-       * <b>Note:</b> This property will have no effect if the theme is set to <code>sap_horizon</code>.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      textOn: {
-        type: String
-      },
-      /**
-       * Defines the text, displayed when the component is not checked.
-       * <br><br>
-       * <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
-       * <b>Note:</b> This property will have no effect if the theme is set to <code>sap_horizon</code>.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      textOff: {
-        type: String
-      },
-      /**
-       * Sets the accessible aria name of the component.
-       *
-       * <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
-       * Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
-       * @type {string}
-       * @defaultvalue: ""
-       * @public
-       * @since 1.2.0
-       */
-      accessibleName: {
-        type: String
-      },
-      /**
-       * Receives id(or many ids) of the elements that label the component.
-       *
-       * <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
-       * Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       * @since 1.1.0
-       */
-      accessibleNameRef: {
-        type: String,
-        defaultValue: ""
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.Switch.prototype */{
-      /**
-       * Fired when the component checked state changes.
-       *
-       * @public
-       * @event
-       */
-      change: {}
-    }
+  var __decorate = void 0 && (void 0).__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 Switch_1;
   /**
    * @class
    *
@@ -159,50 +57,41 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.Switch
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.main.Switch
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-switch
    * @public
    * @since 0.8.0
    */
-  class Switch extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get styles() {
-      return _Switch.default;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _SwitchTemplate.default;
-    }
+  let Switch = Switch_1 = class Switch extends _UI5Element.default {
     get sapNextIcon() {
       return this.checked ? "accept" : "less";
     }
-    _onclick(event) {
+    _onclick() {
       this.toggle();
     }
-    _onkeydown(event) {
-      if ((0, _Keys.isSpace)(event)) {
-        event.preventDefault();
+    _onkeydown(e) {
+      if ((0, _Keys.isSpace)(e)) {
+        e.preventDefault();
       }
-      if ((0, _Keys.isEnter)(event)) {
-        this.toggle();
+      if ((0, _Keys.isEnter)(e)) {
+        this._onclick();
       }
     }
-    _onkeyup(event) {
-      if ((0, _Keys.isSpace)(event)) {
-        this.toggle();
+    _onkeyup(e) {
+      if ((0, _Keys.isSpace)(e)) {
+        this._onclick();
       }
     }
     toggle() {
       if (!this.disabled) {
         this.checked = !this.checked;
-        this.fireEvent("change");
+        const changePrevented = !this.fireEvent("change", null, true);
         // Angular two way data binding;
-        this.fireEvent("value-changed");
+        const valueChagnePrevented = !this.fireEvent("value-changed", null, true);
+        if (changePrevented || valueChagnePrevented) {
+          this.checked = !this.checked;
+        }
       }
     }
     get graphical() {
@@ -217,7 +106,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     get _textOff() {
       return this.graphical ? "" : this.textOff;
     }
-    get tabIndex() {
+    get effectiveTabIndex() {
       return this.disabled ? undefined : "0";
     }
     get classes() {
@@ -232,7 +121,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-    get ariaDisabled() {
+    get effectiveAriaDisabled() {
       return this.disabled ? "true" : undefined;
     }
     get accessibilityOnText() {
@@ -247,13 +136,41 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     get ariaLabelText() {
       return [(0, _AriaLabelHelper.getEffectiveAriaLabelText)(this), this.hiddenText].join(" ").trim();
     }
-    static get dependencies() {
-      return [_Icon.default];
-    }
     static async onDefine() {
-      Switch.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+      Switch_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: _SwitchDesign.default,
+    defaultValue: _SwitchDesign.default.Textual
+  })], Switch.prototype, "design", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Switch.prototype, "checked", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Switch.prototype, "disabled", void 0);
+  __decorate([(0, _property.default)()], Switch.prototype, "textOn", void 0);
+  __decorate([(0, _property.default)()], Switch.prototype, "textOff", void 0);
+  __decorate([(0, _property.default)()], Switch.prototype, "accessibleName", void 0);
+  __decorate([(0, _property.default)({
+    defaultValue: ""
+  })], Switch.prototype, "accessibleNameRef", void 0);
+  __decorate([(0, _property.default)()], Switch.prototype, "tooltip", void 0);
+  Switch = Switch_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-switch",
+    languageAware: true,
+    styles: _Switch.default,
+    renderer: _LitRenderer.default,
+    template: _SwitchTemplate.default,
+    dependencies: [_Icon.default]
+  })
+  /**
+   * Fired when the component checked state changes.
+   *
+   * @public
+   * @event sap.ui.webc.main.Switch#change
+   */, (0, _event.default)("change")], Switch);
   Switch.define();
   var _default = Switch;
   _exports.default = _default;