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

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

@@ -1,34 +1,21 @@
-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/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/UI5Element"], function (_exports, _customElement, _property, _UI5Element) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
   _UI5Element = _interopRequireDefault(_UI5Element);
-  _GroupHeaderListItem = _interopRequireDefault(_GroupHeaderListItem);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-mcb-group-item",
-    properties: /** @lends sap.ui.webcomponents.main.MultiComboBoxGroupItem.prototype */{
-      /**
-       * Defines the text of the component.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      text: {
-        type: String
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.MultiComboBoxGroupItem.prototype */{},
-    events: /** @lends sap.ui.webcomponents.main.MultiComboBoxGroupItem.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-mcb-group-item</code> is type of suggestion item,
@@ -36,21 +23,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "./Gr
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.MultiComboBoxGroupItem
-   * @extends UI5Element
+   * @alias sap.ui.webc.main.MultiComboBoxGroupItem
+   * @extends sap.ui.webc.base.UI5Element
+   * @abstract
    * @tagname ui5-mcb-group-item
    * @public
-   * @implements sap.ui.webcomponents.main.IMultiComboBoxItem
+   * @implements sap.ui.webc.main.IMultiComboBoxItem
    * @since 1.4.0
    */
-  class MultiComboBoxGroupItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get dependencies() {
-      return [_GroupHeaderListItem.default];
-    }
-
+  let MultiComboBoxGroupItem = class MultiComboBoxGroupItem extends _UI5Element.default {
     /**
      * Used to avoid tag name checks
      * @protected
@@ -58,10 +39,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "./Gr
     get isGroupItem() {
       return true;
     }
+    get selected() {
+      return false;
+    }
     get stableDomRef() {
       return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;
     }
-  }
+  };
+  __decorate([(0, _property.default)()], MultiComboBoxGroupItem.prototype, "text", void 0);
+  MultiComboBoxGroupItem = __decorate([(0, _customElement.default)("ui5-mcb-group-item")], MultiComboBoxGroupItem);
   MultiComboBoxGroupItem.define();
   var _default = MultiComboBoxGroupItem;
   _exports.default = _default;

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

@@ -1,50 +1,43 @@
-sap.ui.define(["exports", "./ComboBoxItem"], function (_exports, _ComboBoxItem) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "./ComboBoxItem"], function (_exports, _customElement, _property, _ComboBoxItem) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
   _ComboBoxItem = _interopRequireDefault(_ComboBoxItem);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-mcb-item",
-    properties: /** @lends sap.ui.webcomponents.main.MultiComboBoxItem.prototype */{
-      /**
-       * Defines the selected state of the component.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      selected: {
-        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
    * The <code>ui5-mcb-item</code> represents the item for a <code>ui5-multi-combobox</code>.
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.MultiComboBoxItem
-   * @extends ComboBoxItem
+   * @alias sap.ui.webc.main.MultiComboBoxItem
+   * @extends sap.ui.webc.main.ComboBoxItem
+   * @abstract
    * @tagname ui5-mcb-item
-   * @implements sap.ui.webcomponents.main.IMultiComboBoxItem
+   * @implements sap.ui.webc.main.IMultiComboBoxItem
    * @public
    */
-  class MultiComboBoxItem extends _ComboBoxItem.default {
-    static get metadata() {
-      return metadata;
-    }
+  let MultiComboBoxItem = class MultiComboBoxItem extends _ComboBoxItem.default {
     get stableDomRef() {
       return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], MultiComboBoxItem.prototype, "selected", void 0);
+  MultiComboBoxItem = __decorate([(0, _customElement.default)("ui5-mcb-item")], MultiComboBoxItem);
   MultiComboBoxItem.define();
   var _default = MultiComboBoxItem;
   _exports.default = _default;

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

@@ -1,81 +1,32 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "./generated/i18n/i18n-defaults", "./Input", "./generated/templates/MultiInputTemplate.lit", "./generated/themes/MultiInput.css", "./Token", "./Tokenizer", "./Icon"], function (_exports, _LitRenderer, _Keys, _i18nDefaults, _Input, _MultiInputTemplate, _MultiInput, _Token, _Tokenizer, _Icon) {
+sap.ui.define(["exports", "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/Keys", "./generated/i18n/i18n-defaults", "./Input", "./generated/templates/MultiInputTemplate.lit", "./generated/themes/MultiInput.css", "./Token", "./Tokenizer", "./Icon", "sap/ui/webc/common/thirdparty/icons/value-help"], function (_exports, _property, _slot, _event, _customElement, _LitRenderer, _Keys, _i18nDefaults, _Input, _MultiInputTemplate, _MultiInput, _Token, _Tokenizer, _Icon, _valueHelp) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _event = _interopRequireDefault(_event);
+  _customElement = _interopRequireDefault(_customElement);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _Input = _interopRequireDefault(_Input);
   _MultiInputTemplate = _interopRequireDefault(_MultiInputTemplate);
   _MultiInput = _interopRequireDefault(_MultiInput);
   _Token = _interopRequireDefault(_Token);
-  _Tokenizer = _interopRequireDefault(_Tokenizer);
+  _Tokenizer = _interopRequireWildcard(_Tokenizer);
   _Icon = _interopRequireDefault(_Icon);
+  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-multi-input",
-    properties: /** @lends sap.ui.webcomponents.main.MultiInput.prototype */{
-      /**
-       * Determines whether a value help icon will be visualized in the end of the input.
-       * Pressing the icon will fire <code>value-help-trigger</code> event.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      showValueHelpIcon: {
-        type: Boolean
-      },
-      /**
-       * Indicates whether the tokenizer is expanded or collapsed(shows the n more label)
-       * @private
-       */
-      expandedTokenizer: {
-        type: Boolean
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.MultiInput.prototype */{
-      /**
-       * Defines the component tokens.
-       *
-       * @type {sap.ui.webcomponents.main.IToken[]}
-       * @slot
-       * @public
-       */
-      tokens: {
-        type: HTMLElement
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.MultiInput.prototype */{
-      /**
-       * Fired when the value help icon is pressed
-       * and F4 or ALT/OPTION + ARROW_UP/ARROW_DOWN keyboard keys are used.
-       *
-       * @event sap.ui.webcomponents.main.MultiInput#value-help-trigger
-       * @public
-       */
-      "value-help-trigger": {},
-      /**
-       * Fired when a token is about to be deleted.
-       *
-       * @event sap.ui.webcomponents.main.MultiInput#token-delete
-       * @param {HTMLElement} token deleted token.
-       * @public
-       */
-      "token-delete": {
-        detail: {
-          token: {
-            type: HTMLElement
-          }
-        }
-      }
-    }
+  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 MultiInput_1;
   /**
    * @class
    * <h3>Overview</h3>
@@ -84,8 +35,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
    * User can choose interaction for creating tokens.
    * Fiori Guidelines say that user should create tokens when:
    * <ul>
-   * <li>Type a value in the input and press enter or focus out the input field (<code>change</code> event is fired)
-   * <li>Select a value from the suggestion list</li> (<code>suggestion-item-select</code> event is fired)
+   * <li>Type a value in the input and press enter or focus out the input field (<code>change</code> event is fired)</li>
+   * <li>Select a value from the suggestion list (<code>suggestion-item-select</code> event is fired)</li>
    * </ul>
    *
    * <h3>ES6 Module Import</h3>
@@ -94,43 +45,44 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.MultiInput
-   * @extends Input
+   * @alias sap.ui.webc.main.MultiInput
+   * @extends sap.ui.webc.main.Input
    * @tagname ui5-multi-input
-   * @appenddocs Token
+   * @appenddocs sap.ui.webc.main.Token
    * @since 1.0.0-rc.9
    * @public
    */
-  class MultiInput extends _Input.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _MultiInputTemplate.default;
-    }
-    static get styles() {
-      return [_Input.default.styles, _MultiInput.default];
-    }
+  let MultiInput = MultiInput_1 = class MultiInput extends _Input.default {
     constructor() {
       super();
-
       // Prevent suggestions' opening.
       this._skipOpenSuggestions = false;
+      this._valueHelpIconPressed = false;
     }
-    valueHelpPress(event) {
+    valueHelpPress() {
       this.closePopover();
-      this.fireEvent("value-help-trigger", {});
+      this.fireEvent("value-help-trigger");
     }
-    showMorePress(event) {
+    showMorePress() {
       this.expandedTokenizer = false;
       this.focus();
     }
-    tokenDelete(event) {
-      const focusedToken = event.detail.ref;
+    tokenDelete(e) {
+      const focusedToken = e.detail.ref;
       const selectedTokens = this.tokens.filter(token => token.selected);
+      const shouldFocusInput = this.tokens.length - 1 === 0 || this.tokens.length === selectedTokens.length;
+      if (this._readonly) {
+        return;
+      }
+      if (focusedToken) {
+        this.fireEvent("token-delete", {
+          token: focusedToken
+        });
+        if (shouldFocusInput) {
+          this.focus();
+        }
+        return;
+      }
       if (selectedTokens.indexOf(focusedToken) === -1) {
         selectedTokens.push(focusedToken);
       }
@@ -139,69 +91,71 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
           token
         });
       });
-      this.focus();
     }
-    valueHelpMouseDown(event) {
+    valueHelpMouseDown(e) {
+      const target = e.target;
       this.closePopover();
       this.tokenizer.closeMorePopover();
       this._valueHelpIconPressed = true;
-      event.target.focus();
+      target.focus();
     }
-    _tokenizerFocusOut(event) {
-      if (!this.contains(event.relatedTarget)) {
+    _tokenizerFocusOut(e) {
+      if (!this.contains(e.relatedTarget)) {
         this.tokenizer._tokens.forEach(token => {
           token.selected = false;
         });
         this.tokenizer.scrollToStart();
       }
     }
-    valueHelpMouseUp(event) {
+    valueHelpMouseUp() {
       setTimeout(() => {
         this._valueHelpIconPressed = false;
       }, 0);
     }
     innerFocusIn() {
       this.expandedTokenizer = true;
+      this.focused = true;
+      this.tokenizer.scrollToEnd();
     }
-    _onkeydown(event) {
-      super._onkeydown(event);
-      const isHomeInBeginning = (0, _Keys.isHome)(event) && event.target.selectionStart === 0;
+    _onkeydown(e) {
+      super._onkeydown(e);
+      const target = e.target;
+      const isHomeInBeginning = (0, _Keys.isHome)(e) && target.selectionStart === 0;
       if (isHomeInBeginning) {
         this._skipOpenSuggestions = true; // Prevent input focus when navigating through the tokens
-        return this._focusFirstToken(event);
+        return this._focusFirstToken(e);
       }
-      if ((0, _Keys.isLeft)(event) || (0, _Keys.isBackSpace)(event)) {
+      if ((0, _Keys.isLeft)(e) || (0, _Keys.isBackSpace)(e)) {
         this._skipOpenSuggestions = true;
-        return this._handleLeft(event);
+        return this._handleLeft(e);
       }
       this._skipOpenSuggestions = false;
-      if ((0, _Keys.isShow)(event)) {
+      if ((0, _Keys.isShow)(e)) {
         this.valueHelpPress();
       }
     }
-    _onTokenizerKeydown(event) {
-      const rightCtrl = (0, _Keys.isRightCtrl)(event);
-      const isCtrl = !!(event.metaKey || event.ctrlKey);
+    _onTokenizerKeydown(e) {
+      const rightCtrl = (0, _Keys.isRightCtrl)(e);
+      const isCtrl = !!(e.metaKey || e.ctrlKey);
       const tokens = this.tokens;
-      if ((0, _Keys.isRight)(event) || (0, _Keys.isEnd)(event) || rightCtrl) {
-        event.preventDefault();
+      if ((0, _Keys.isRight)(e) || (0, _Keys.isEnd)(e) || rightCtrl) {
+        e.preventDefault();
         const lastTokenIndex = this.tokens.length - 1;
-        if (event.target === this.tokens[lastTokenIndex] && this.tokens[lastTokenIndex] === document.activeElement) {
+        if (e.target === this.tokens[lastTokenIndex] && this.tokens[lastTokenIndex] === document.activeElement) {
           setTimeout(() => {
             this.focus();
           }, 0);
         } else if (rightCtrl) {
-          event.preventDefault();
-          return this.tokenizer._handleArrowCtrl(event.target, this.tokens, true);
+          e.preventDefault();
+          return this.tokenizer._handleArrowCtrl(e, e.target, this.tokens, true);
         }
       }
-      this.tokenizer._handleItemNavigation(event, tokens);
-      if (isCtrl && ["c", "x"].includes(event.key.toLowerCase())) {
-        event.preventDefault();
-        const isCut = event.key.toLowerCase() === "x";
+      if (isCtrl && ["c", "x"].includes(e.key.toLowerCase())) {
+        e.preventDefault();
+        const isCut = e.key.toLowerCase() === "x";
         const selectedTokens = tokens.filter(token => token.selected);
         if (isCut) {
-          const cutResult = this.tokenizer._fillClipboard("cut", selectedTokens);
+          const cutResult = this.tokenizer._fillClipboard(_Tokenizer.ClipboardDataOperation.cut, selectedTokens);
           selectedTokens.forEach(token => {
             this.fireEvent("token-delete", {
               token
@@ -210,58 +164,61 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
           this.focus();
           return cutResult;
         }
-        return this.tokenizer._fillClipboard("copy", selectedTokens);
+        return this.tokenizer._fillClipboard(_Tokenizer.ClipboardDataOperation.copy, selectedTokens);
       }
     }
-    _handleLeft(event) {
+    _handleLeft(e) {
       const cursorPosition = this.getDomRef().querySelector(`input`).selectionStart;
       const tokens = this.tokens;
       const lastToken = tokens.length && tokens[tokens.length - 1];
       if (cursorPosition === 0 && lastToken) {
-        event.preventDefault();
+        e.preventDefault();
         lastToken.focus();
         this.tokenizer._itemNav.setCurrentItem(lastToken);
       }
     }
-    _focusFirstToken(event) {
+    _focusFirstToken(e) {
       const tokens = this.tokens;
       const firstToken = tokens.length && tokens[0];
       if (firstToken) {
-        event.preventDefault();
+        e.preventDefault();
         firstToken.focus();
         this.tokenizer._itemNav.setCurrentItem(firstToken);
       }
     }
-    _onfocusout(event) {
-      super._onfocusout(event);
-      const relatedTarget = event.relatedTarget;
+    _onfocusout(e) {
+      super._onfocusout(e);
+      const relatedTarget = e.relatedTarget;
       const insideDOM = this.contains(relatedTarget);
       const insideShadowDom = this.shadowRoot.contains(relatedTarget);
       if (!insideDOM && !insideShadowDom) {
         this.expandedTokenizer = false;
+        // we need to reset tabindex setting by tokenizer
+        this.tokenizer._itemNav._currentIndex = -1;
       }
     }
-
     /**
      * @override
      */
-    async _onfocusin(event) {
+    async _onfocusin(e) {
       const inputDomRef = await this.getInputDOMRef();
-      if (event.target === inputDomRef) {
-        await super._onfocusin(event);
+      if (e.target === inputDomRef) {
+        await super._onfocusin(e);
       }
     }
-    shouldOpenSuggestions() {
-      const parent = super.shouldOpenSuggestions();
-      const valueHelpPressed = this._valueHelpIconPressed;
-      const nonEmptyValue = this.value !== "";
-      return parent && nonEmptyValue && !valueHelpPressed && !this._skipOpenSuggestions;
-    }
     lastItemDeleted() {
       setTimeout(() => {
         this.focus();
       }, 0);
     }
+    onBeforeRendering() {
+      super.onBeforeRendering();
+      this.style.setProperty("--_ui5-input-icons-count", `${this.iconsCount}`);
+      this.tokenizerAvailable = this.tokens && this.tokens.length > 0;
+    }
+    get iconsCount() {
+      return super.iconsCount + (this.showValueHelpIcon ? 1 : 0);
+    }
     get tokenizer() {
       return this.shadowRoot.querySelector("[ui5-tokenizer]");
     }
@@ -274,7 +231,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     get _tokensCountTextId() {
       return `${this._id}-hiddenText-nMore`;
     }
-
     /**
      * Returns the placeholder value when there are no tokens.
      * @protected
@@ -296,12 +252,46 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
       };
     }
     get ariaRoleDescription() {
-      return MultiInput.i18nBundle.getText(_i18nDefaults.MULTIINPUT_ROLEDESCRIPTION_TEXT);
+      return MultiInput_1.i18nBundle.getText(_i18nDefaults.MULTIINPUT_ROLEDESCRIPTION_TEXT);
     }
-    static get dependencies() {
-      return [..._Input.default.dependencies, _Tokenizer.default, _Token.default, _Icon.default];
+  };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], MultiInput.prototype, "showValueHelpIcon", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], MultiInput.prototype, "expandedTokenizer", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], MultiInput.prototype, "tokenizerAvailable", void 0);
+  __decorate([(0, _slot.default)()], MultiInput.prototype, "tokens", void 0);
+  MultiInput = MultiInput_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-multi-input",
+    renderer: _LitRenderer.default,
+    template: _MultiInputTemplate.default,
+    styles: [_Input.default.styles, _MultiInput.default],
+    dependencies: [..._Input.default.dependencies, _Tokenizer.default, _Token.default, _Icon.default]
+  })
+  /**
+   * Fired when the value help icon is pressed
+   * and F4 or ALT/OPTION + ARROW_UP/ARROW_DOWN keyboard keys are used.
+   *
+   * @event sap.ui.webc.main.MultiInput#value-help-trigger
+   * @public
+   */, (0, _event.default)("value-help-trigger")
+  /**
+   * Fired when a token is about to be deleted.
+   *
+   * @event sap.ui.webc.main.MultiInput#token-delete
+   * @param {HTMLElement} token deleted token.
+   * @public
+   */, (0, _event.default)("token-delete", {
+    detail: {
+      token: {
+        type: HTMLElement
+      }
     }
-  }
+  })], MultiInput);
   MultiInput.define();
   var _default = MultiInput;
   _exports.default = _default;