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

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "./types/ToastPlacement", "./generated/templates/ToastTemplate.lit", "./generated/themes/Toast.css"], function (_exports, _Integer, _UI5Element, _LitRenderer, _PopupUtils, _ToastPlacement, _ToastTemplate, _Toast) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "./types/ToastPlacement", "./generated/templates/ToastTemplate.lit", "./generated/themes/Toast.css"], function (_exports, _Integer, _UI5Element, _LitRenderer, _PopupUtils, _customElement, _property, _ToastPlacement, _ToastTemplate, _Toast) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -8,104 +8,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
   _Integer = _interopRequireDefault(_Integer);
   _UI5Element = _interopRequireDefault(_UI5Element);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
   _ToastPlacement = _interopRequireDefault(_ToastPlacement);
   _ToastTemplate = _interopRequireDefault(_ToastTemplate);
   _Toast = _interopRequireDefault(_Toast);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Template
-
-  // Styles
-
+  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;
+  };
   // Constants
   const MIN_DURATION = 500;
   const MAX_DURATION = 1000;
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-toast",
-    properties: /** @lends sap.ui.webcomponents.main.Toast.prototype */{
-      /**
-       * Defines the duration in milliseconds for which component
-       * remains on the screen before it's automatically closed.
-       * <br><br>
-       * <b>Note:</b> The minimum supported value is <code>500</code> ms
-       * and even if a lower value is set, the duration would remain <code>500</code> ms.
-       *
-       * @type {Integer}
-       * @defaultvalue 3000
-       * @public
-       */
-      duration: {
-        type: _Integer.default,
-        defaultValue: 3000
-      },
-      /**
-       * Defines the placement of the component.
-       * <br><br>
-       * Available options are:
-       * <ul>
-       * <li><code>TopStart</code></li>
-       * <li><code>TopCenter</code></li>
-       * <li><code>TopEnd</code></li>
-       * <li><code>MiddleStart</code></li>
-       * <li><code>MiddleCenter</code></li>
-       * <li><code>MiddleEnd</code></li>
-       * <li><code>BottomStart</code></li>
-       * <li><code>BottomCenter</code></li>
-       * <li><code>BottomEnd</code></li>
-       * </ul>
-       *
-       * @type {ToastPlacement}
-       * @defaultvalue "BottomCenter"
-       * @public
-       */
-      placement: {
-        type: _ToastPlacement.default,
-        defaultValue: _ToastPlacement.default.BottomCenter
-      },
-      /**
-       * Indicates whether the component is open (visible).
-       * @type {boolean}
-       * @private
-       */
-      open: {
-        type: Boolean
-      },
-      /**
-       * Indicates whether the component is hovered.
-       * @type {boolean}
-       * @private
-       */
-      hover: {
-        type: Boolean
-      },
-      /**
-       * Indicates whether the component DOM is rendered.
-       * @type {boolean}
-       * @private
-       */
-      domRendered: {
-        type: Boolean
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.Toast.prototype */{
-      /**
-       * Defines the text of the component.
-       * <br><br>
-       * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
-       *
-       * @type {Node[]}
-       * @slot
-       * @public
-       */
-      "default": {
-        type: Node
-      }
-    }
-  };
-
   /**
    * @class
    *
@@ -137,24 +55,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.Toast
-   * @extends UI5Element
+   * @alias sap.ui.webc.main.Toast
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-toast
    * @public
    * @since 1.0.0-rc.6
    */
-  class Toast extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _Toast.default;
-    }
-    static get template() {
-      return _ToastTemplate.default;
+  let Toast = class Toast extends _UI5Element.default {
+    constructor() {
+      super();
+      this._reopen = false;
     }
     onAfterRendering() {
       if (this._reopen) {
@@ -162,7 +72,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         this._initiateOpening();
       }
     }
-
     /**
      * Shows the component.
      * @public
@@ -179,7 +88,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         this._initiateOpening();
       }
     }
-
     /**
      * If the minimum duration is lower than 500ms, we force
      * it to be 500ms, as described in the documentation.
@@ -207,7 +115,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
     }
     _initiateOpening() {
       this.domRendered = true;
-      requestAnimationFrame(_ => {
+      requestAnimationFrame(() => {
         this.open = true;
       });
     }
@@ -224,7 +132,30 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
     _onmouseleave() {
       this.hover = false;
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    validator: _Integer.default,
+    defaultValue: 3000
+  })], Toast.prototype, "duration", void 0);
+  __decorate([(0, _property.default)({
+    type: _ToastPlacement.default,
+    defaultValue: _ToastPlacement.default.BottomCenter
+  })], Toast.prototype, "placement", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Toast.prototype, "open", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Toast.prototype, "hover", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Toast.prototype, "domRendered", void 0);
+  Toast = __decorate([(0, _customElement.default)({
+    tag: "ui5-toast",
+    renderer: _LitRenderer.default,
+    styles: _Toast.default,
+    template: _ToastTemplate.default
+  })], Toast);
   Toast.define();
   var _default = Toast;
   _exports.default = _default;

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

@@ -1,36 +1,23 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/Device", "./Button", "./generated/templates/ToggleButtonTemplate.lit", "./generated/themes/ToggleButton.css"], function (_exports, _Keys, _Device, _Button, _ToggleButtonTemplate, _ToggleButton) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/Device", "./Button", "./generated/templates/ToggleButtonTemplate.lit", "./generated/themes/ToggleButton.css"], function (_exports, _customElement, _property, _Keys, _Device, _Button, _ToggleButtonTemplate, _ToggleButton) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
   _Button = _interopRequireDefault(_Button);
   _ToggleButtonTemplate = _interopRequireDefault(_ToggleButtonTemplate);
   _ToggleButton = _interopRequireDefault(_ToggleButton);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-toggle-button",
-    altTag: "ui5-togglebutton",
-    properties: /** @lends sap.ui.webcomponents.main.ToggleButton.prototype */{
-      /**
-       * Determines whether the component is displayed as pressed.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      pressed: {
-        type: Boolean
-      }
-    }
+  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
    *
@@ -51,35 +38,34 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.ToggleButton
-   * @extends Button
+   * @alias sap.ui.webc.main.ToggleButton
+   * @extends sap.ui.webc.main.Button
    * @tagname ui5-toggle-button
    * @public
    */
-  class ToggleButton extends _Button.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get template() {
-      return _ToggleButtonTemplate.default;
-    }
-    static get styles() {
-      return [_Button.default.styles, _ToggleButton.default];
-    }
+  let ToggleButton = class ToggleButton extends _Button.default {
     _onclick() {
       this.pressed = !this.pressed;
       if ((0, _Device.isSafari)()) {
         this.getDomRef().focus();
       }
     }
-    _onkeyup(event) {
-      if ((0, _Keys.isSpaceShift)(event)) {
-        event.preventDefault();
+    _onkeyup(e) {
+      if ((0, _Keys.isSpaceShift)(e)) {
+        e.preventDefault();
         return;
       }
-      super._onkeyup(event);
+      super._onkeyup(e);
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ToggleButton.prototype, "pressed", void 0);
+  ToggleButton = __decorate([(0, _customElement.default)({
+    tag: "ui5-toggle-button",
+    template: _ToggleButtonTemplate.default,
+    styles: [_Button.default.styles, _ToggleButton.default]
+  })], ToggleButton);
   ToggleButton.define();
   var _default = ToggleButton;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/Token.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/config/Theme", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/icons/decline", "sap/ui/webc/common/thirdparty/icons/sys-cancel", "sap/ui/webc/common/thirdparty/base/i18nBundle", "./generated/i18n/i18n-defaults", "./Icon", "./generated/templates/TokenTemplate.lit", "./generated/themes/Token.css"], function (_exports, _UI5Element, _LitRenderer, _Theme, _Keys, _decline, _sysCancel, _i18nBundle, _i18nDefaults, _Icon, _TokenTemplate, _Token) {
+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/slot", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/config/Theme", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/icons/decline", "sap/ui/webc/common/thirdparty/icons/sys-cancel", "sap/ui/webc/common/thirdparty/base/i18nBundle", "./generated/i18n/i18n-defaults", "./Icon", "./generated/templates/TokenTemplate.lit", "./generated/themes/Token.css"], function (_exports, _UI5Element, _property, _slot, _event, _customElement, _LitRenderer, _Theme, _Keys, _decline, _sysCancel, _i18nBundle, _i18nDefaults, _Icon, _TokenTemplate, _Token) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,123 +6,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _event = _interopRequireDefault(_event);
+  _customElement = _interopRequireDefault(_customElement);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _Icon = _interopRequireDefault(_Icon);
   _TokenTemplate = _interopRequireDefault(_TokenTemplate);
   _Token = _interopRequireDefault(_Token);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-token",
-    languageAware: true,
-    managedSlots: true,
-    properties: /** @lends sap.ui.webcomponents.main.Token.prototype */{
-      /**
-       * Defines the text of the token.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      text: {
-        type: String
-      },
-      /**
-       * Defines whether the component is read-only.
-       * <br><br>
-       * <b>Note:</b> A read-only component can not be deleted or selected,
-       * but still provides visual feedback upon user interaction.
-       *
-       * @type {boolean}
-       * @public
-       */
-      readonly: {
-        type: Boolean
-      },
-      /**
-       * Set by the tokenizer when a token is in the "more" area (overflowing)
-       * @type {boolean}
-       * @private
-       */
-      overflows: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the component is selected or not.
-       *
-       * @type {boolean}
-       * @public
-       */
-      selected: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the component is focused or not.
-       *
-       * @type {boolean}
-       * @private
-       */
-      focused: {
-        type: Boolean
-      },
-      /**
-       * Defines the tabIndex of the component.
-       * @type {string}
-       * @private
-       */
-      _tabIndex: {
-        type: String,
-        defaultValue: "-1",
-        noAttribute: true
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.Token.prototype */{
-      /**
-       * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
-       * Accepts <code>ui5-icon</code>.
-       *
-       * @type {sap.ui.webcomponents.main.IIcon}
-       * @slot
-       * @public
-       * @since 1.0.0-rc.9
-       */
-      closeIcon: {
-        type: HTMLElement
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.Token.prototype */{
-      /**
-       * Fired when the backspace, delete or close icon of the token is pressed
-       *
-       * @event
-       * @param {boolean} backSpace indicates whether token is deleted by backspace key
-       * @param {boolean} delete indicates whether token is deleted by delete key
-       * @private
-       */
-      "delete": {
-        detail: {
-          "backSpace": {
-            type: Boolean
-          },
-          "delete": {
-            type: Boolean
-          }
-        }
-      },
-      /**
-       * Fired when the the component is selected by user interaction with mouse or by clicking space.
-       *
-       * @event
-       * @public
-       */
-      select: {}
-    }
+  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 Token_1;
   /**
    * @class
    *
@@ -135,26 +35,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * <code>import "@ui5/webcomponents/dist/Token.js";</code>
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.Token
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.main.Token
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-token
    * @since 1.0.0-rc.9
-   * @implements sap.ui.webcomponents.main.IToken
+   * @implements sap.ui.webc.main.IToken
    * @public
    */
-  class Token extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _TokenTemplate.default;
-    }
-    static get styles() {
-      return _Token.default;
-    }
+  let Token = Token_1 = class Token extends _UI5Element.default {
     _handleSelect() {
       this.selected = !this.selected;
       this.fireEvent("select");
@@ -165,26 +53,32 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     _focusout() {
       this.focused = !this.focused;
     }
+    _mousedown() {
+      this.toBeDeleted = true;
+    }
     _delete() {
       this.fireEvent("delete");
     }
-    _keydown(event) {
-      const isBS = (0, _Keys.isBackSpace)(event);
-      const isD = (0, _Keys.isDelete)(event);
-      if (!this.readonly && (isBS || isD)) {
-        event.preventDefault();
+    _keydown(e) {
+      const isBackSpacePressed = (0, _Keys.isBackSpace)(e);
+      const isDeletePressed = (0, _Keys.isDelete)(e);
+      if (!this.readonly && (isBackSpacePressed || isDeletePressed)) {
+        e.preventDefault();
         this.fireEvent("delete", {
-          backSpace: isBS,
-          "delete": isD
+          backSpace: isBackSpacePressed,
+          "delete": isDeletePressed
         });
       }
-      if ((0, _Keys.isSpace)(event) || (0, _Keys.isSpaceCtrl)(event)) {
-        event.preventDefault();
+      if ((0, _Keys.isSpace)(e) || (0, _Keys.isSpaceCtrl)(e)) {
+        e.preventDefault();
         this._handleSelect();
       }
     }
+    onBeforeRendering() {
+      this.toBeDeleted = false;
+    }
     get tokenDeletableText() {
-      return Token.i18nBundle.getText(_i18nDefaults.TOKEN_ARIA_DELETABLE);
+      return Token_1.i18nBundle.getText(_i18nDefaults.TOKEN_ARIA_DELETABLE);
     }
     get iconURI() {
       if ((0, _Theme.getTheme)().includes("sap_belize")) {
@@ -192,13 +86,62 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
       return "decline";
     }
-    static get dependencies() {
-      return [_Icon.default];
-    }
     static async onDefine() {
-      Token.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+      Token_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+    }
+  };
+  __decorate([(0, _property.default)()], Token.prototype, "text", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Token.prototype, "readonly", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Token.prototype, "selected", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Token.prototype, "overflows", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Token.prototype, "focused", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Token.prototype, "toBeDeleted", void 0);
+  __decorate([(0, _property.default)({
+    defaultValue: "-1",
+    noAttribute: true
+  })], Token.prototype, "_tabIndex", void 0);
+  __decorate([(0, _slot.default)()], Token.prototype, "closeIcon", void 0);
+  Token = Token_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-token",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    template: _TokenTemplate.default,
+    styles: _Token.default,
+    dependencies: [_Icon.default]
+  })
+  /**
+   * Fired when the the component is selected by user interaction with mouse or by clicking space.
+   *
+   * @event sap.ui.webc.main.Token#select
+   * @public
+   */, (0, _event.default)("select")
+  /**
+   * Fired when the backspace, delete or close icon of the token is pressed
+   *
+   * @event
+   * @param {Boolean} backSpace Indicates whether token is deleted by backspace key.
+   * @param {Boolean} delete Indicates whether token is deleted by delete key.
+   * @private
+   */, (0, _event.default)("delete", {
+    detail: {
+      "backSpace": {
+        type: Boolean
+      },
+      "delete": {
+        type: Boolean
+      }
     }
-  }
+  })], Token);
   Token.define();
   var _default = Token;
   _exports.default = _default;