@openui5/sap.ui.webc.main 1.111.1 → 1.112.0

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

@@ -24,10 +24,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _ResponsivePopoverCommon = _interopRequireDefault(_ResponsivePopoverCommon);
   _ValueStateMessage = _interopRequireDefault(_ValueStateMessage);
   _Suggestions = _interopRequireDefault(_Suggestions);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
+
   // reuse suggestions focus styling for NMore popup
 
   /**
@@ -37,9 +36,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     tag: "ui5-tokenizer",
     languageAware: true,
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.Tokenizer.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Tokenizer.prototype */{
       "default": {
         propertyName: "tokens",
         type: HTMLElement,
@@ -50,16 +47,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: HTMLElement
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.Tokenizer.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Tokenizer.prototype */{
       showMore: {
         type: Boolean
       },
       disabled: {
         type: Boolean
       },
-
       /**
        * Indicates if the tokenizer should show all tokens or n more label instead
        *
@@ -74,7 +68,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       popoverMinWidth: {
         type: _Integer.default
       },
-
       /**
        * Indicates the value state of the related input component.
        *
@@ -90,9 +83,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.Tokenizer.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.Tokenizer.prototype */{
       "token-delete": {
         detail: {
           ref: {
@@ -109,6 +100,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -124,36 +116,28 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @usestextcontent
    * @private
    */
-
   class Tokenizer extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _TokenizerTemplate.default;
     }
-
     static get styles() {
       return _Tokenizer.default;
     }
-
     static get staticAreaStyles() {
       return [_ResponsivePopoverCommon.default, _ValueStateMessage.default, _Suggestions.default, _TokenizerPopover.default];
     }
-
     static get staticAreaTemplate() {
       return _TokenizerPopoverTemplate.default;
     }
-
     _handleResize() {
       this._nMoreCount = this.overflownTokens.length;
     }
-
     constructor() {
       super();
       this._resizeHandler = this._handleResize.bind(this);
@@ -163,59 +147,46 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       });
       this._scrollEnablement = new _ScrollEnablement.default(this);
     }
-
     async onBeforeRendering() {
       if (this.showPopover && !this._getTokens().length) {
         const popover = await this.getPopover();
         popover.close();
       }
-
       this._nMoreCount = this.overflownTokens.length;
     }
-
     onEnterDOM() {
       _ResizeHandler.default.register(this.shadowRoot.querySelector(".ui5-tokenizer--content"), this._resizeHandler);
     }
-
     onExitDOM() {
       _ResizeHandler.default.deregister(this.shadowRoot.querySelector(".ui5-tokenizer--content"), this._resizeHandler);
     }
-
     async _openOverflowPopover() {
       if (this.showPopover) {
         const popover = await this.getPopover();
         popover.showAt(this.morePopoverOpener || this);
       }
-
       this.fireEvent("show-more-items-press");
     }
-
     _getTokens() {
       return this.getSlottedNodes("tokens");
     }
-
     get _tokens() {
       return this.getSlottedNodes("tokens");
     }
-
     get showPopover() {
       return Object.keys(this.morePopoverOpener).length;
     }
-
     _getVisibleTokens() {
       if (this.disabled) {
         return [];
       }
-
       return this._tokens.filter((token, index) => {
         return index < this._tokens.length - this._nMoreCount;
       });
     }
-
     onAfterRendering() {
       this._scrollEnablement.scrollContainer = this.expanded ? this.contentDom : this;
     }
-
     _delete(event) {
       if (this._selectedTokens.length) {
         this._selectedTokens.forEach(token => this._tokenDelete(event, token));
@@ -223,16 +194,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this._tokenDelete(event);
       }
     }
-
     _tokenDelete(event, token) {
       let nextTokenIndex; // The index of the next token that needs to be focused next due to the deletion
 
       const tokens = this._getVisibleTokens();
-
       const deletedTokenIndex = token ? tokens.indexOf(token) : tokens.indexOf(event.target); // The index of the token that just got deleted
-
       const notSelectedTokens = tokens.filter(t => !t.selected);
-
       if (event.detail && event.detail.backSpace) {
         // on backspace key select the previous item (unless deleting the first)
         nextTokenIndex = deletedTokenIndex === 0 ? deletedTokenIndex + 1 : deletedTokenIndex - 1;
@@ -240,7 +207,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         // on delete key or mouse click on the "x" select the next item (unless deleting the last)
         nextTokenIndex = deletedTokenIndex === tokens.length - 1 ? deletedTokenIndex - 1 : deletedTokenIndex + 1;
       }
-
       let nextToken = tokens[nextTokenIndex]; // if the last item was deleted this will be undefined
 
       if (notSelectedTokens.length > 1) {
@@ -250,83 +216,65 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       } else {
         nextToken = notSelectedTokens[0];
       }
-
       if (nextToken && !(0, _Device.isPhone)()) {
         this._itemNav.setCurrentItem(nextToken); // update the item navigation with the new token or undefined, if the last was deleted
 
-
         setTimeout(() => {
           nextToken.focus();
         }, 0);
       }
-
       this.fireEvent("token-delete", {
         ref: token || event.target
       });
     }
-
     itemDelete(event) {
       const token = event.detail.item.tokenRef;
       this.fireEvent("token-delete", {
         ref: token
       });
     }
-
     _onkeydown(event) {
       if ((0, _Keys.isSpaceShift)(event)) {
         event.preventDefault();
       }
-
       if ((0, _Keys.isSpace)(event) || (0, _Keys.isSpaceCtrl)(event)) {
         event.preventDefault();
         return this._handleTokenSelection(event, false);
       }
-
       if ((0, _Keys.isHomeShift)(event)) {
         this._handleHomeShift(event);
       }
-
       if ((0, _Keys.isEndShift)(event)) {
         this._handleEndShift(event);
       }
-
       this._handleItemNavigation(event, this._tokens);
     }
-
     _handleItemNavigation(event, tokens) {
       const isCtrl = !!(event.metaKey || event.ctrlKey);
-
       if ((0, _Keys.isLeftCtrl)(event) || (0, _Keys.isRightCtrl)(event) || (0, _Keys.isDownCtrl)(event) || (0, _Keys.isUpCtrl)(event)) {
         return this._handleArrowCtrl(event, event.target, tokens, (0, _Keys.isRightCtrl)(event) || (0, _Keys.isDownCtrl)(event));
       }
-
       if ((0, _Keys.isLeftShift)(event) || (0, _Keys.isRightShift)(event) || (0, _Keys.isUpShift)(event) || (0, _Keys.isDownShift)(event) || (0, _Keys.isLeftShiftCtrl)(event) || (0, _Keys.isRightShiftCtrl)(event)) {
         event.preventDefault();
         return this._handleArrowShift(event.target, tokens, (0, _Keys.isRightShift)(event) || (0, _Keys.isRightShiftCtrl)(event) || (0, _Keys.isDownShift)(event));
       }
-
       if ((0, _Keys.isHome)(event) || (0, _Keys.isEnd)(event) || (0, _Keys.isHomeCtrl)(event) || (0, _Keys.isEndCtrl)(event)) {
         event.preventDefault();
         return this._handleHome(tokens, (0, _Keys.isEnd)(event) || (0, _Keys.isEndCtrl)(event));
       }
-
       if (isCtrl && event.key.toLowerCase() === "a") {
         event.preventDefault();
         return this._toggleTokenSelection(tokens);
       }
     }
-
     _handleHome(tokens, endKeyPressed) {
       if (!tokens || !tokens.length) {
         return -1;
       }
-
       const index = endKeyPressed ? tokens.length - 1 : 0;
       tokens[index].focus();
-
       this._itemNav.setCurrentItem(tokens[index]);
     }
-
     _handleHomeShift(event) {
       const tokens = this.tokens;
       const currentTokenIdx = tokens.indexOf(event.target);
@@ -334,10 +282,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         token.selected = true;
       });
       tokens[0].focus();
-
       this._itemNav.setCurrentItem(tokens[0]);
     }
-
     _handleEndShift(event) {
       const tokens = this.tokens;
       const currentTokenIdx = tokens.indexOf(event.target);
@@ -345,77 +291,57 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         token.selected = true;
       });
       tokens[tokens.length - 1].focus();
-
       this._itemNav.setCurrentItem(tokens[tokens.length - 1]);
     }
-
     _calcNextTokenIndex(focusedToken, tokens, backwards) {
       if (!tokens.length) {
         return -1;
       }
-
       const focusedTokenIndex = tokens.indexOf(focusedToken);
       let nextIndex = backwards ? focusedTokenIndex + 1 : focusedTokenIndex - 1;
-
       if (nextIndex >= tokens.length) {
         nextIndex = tokens.length - 1;
       }
-
       if (nextIndex < 0) {
         nextIndex = 0;
       }
-
       return nextIndex;
     }
-
     _handleArrowCtrl(event, focusedToken, tokens, backwards) {
       const nextIndex = this._calcNextTokenIndex(focusedToken, tokens, backwards);
-
       event.preventDefault();
-
       if (nextIndex === -1) {
         return;
       }
-
       setTimeout(() => tokens[nextIndex].focus(), 0);
-
       this._itemNav.setCurrentItem(tokens[nextIndex]);
     }
-
     _handleArrowShift(focusedToken, tokens, backwards) {
       const focusedTokenIndex = tokens.indexOf(focusedToken);
       const nextIndex = backwards ? focusedTokenIndex + 1 : focusedTokenIndex - 1;
-
       if (nextIndex === -1 || nextIndex === tokens.length) {
         return;
       }
-
       focusedToken.selected = true;
       tokens[nextIndex].selected = true;
       setTimeout(() => tokens[nextIndex].focus(), 0);
-
       this._itemNav.setCurrentItem(tokens[nextIndex]);
     }
-
     _click(event) {
       this._handleTokenSelection(event);
     }
-
     _onmousedown(event) {
       this._itemNav.setCurrentItem(event.target);
     }
-
     _toggleTokenSelection(tokens) {
       if (!tokens || !tokens.length) {
         return;
       }
-
       const tokensAreSelected = tokens.every(token => token.selected);
       tokens.forEach(token => {
         token.selected = !tokensAreSelected;
       });
     }
-
     _handleTokenSelection(event, deselectAll = true) {
       if (event.target.hasAttribute("ui5-token")) {
         const deselectTokens = deselectAll ? this._tokens : [event.target];
@@ -426,73 +352,61 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-
     _fillClipboard(shortcutName, tokens) {
       const tokensTexts = tokens.filter(token => token.selected).map(token => token.text).join("\r\n");
-      /* fill clipboard with tokens' texts so parent can handle creation */
 
+      /* fill clipboard with tokens' texts so parent can handle creation */
       const cutToClipboard = event => {
         if (event.clipboardData) {
           event.clipboardData.setData("text/plain", tokensTexts);
         } else {
           event.originalEvent.clipboardData.setData("text/plain", tokensTexts);
         }
-
         event.preventDefault();
       };
-
       document.addEventListener(shortcutName, cutToClipboard);
       document.execCommand(shortcutName);
       document.removeEventListener(shortcutName, cutToClipboard);
     }
+
     /**
      * Scrolls the container of the tokens to its beginning.
      * This method is used by MultiInput and MultiComboBox.
      * @private
      */
-
-
     scrollToStart() {
       this.contentDom.scrollLeft = 0;
     }
-
     async closeMorePopover() {
       const popover = await this.getPopover();
       popover.close();
     }
-
     get _nMoreText() {
       return Tokenizer.i18nBundle.getText(_i18nDefaults.MULTIINPUT_SHOW_MORE_TOKENS, this._nMoreCount);
     }
-
     get showNMore() {
       return !this.expanded && this.showMore && this.overflownTokens.length;
     }
-
     get contentDom() {
       return this.shadowRoot.querySelector(".ui5-tokenizer--content");
     }
-
     get tokenizerLabel() {
       return Tokenizer.i18nBundle.getText(_i18nDefaults.TOKENIZER_ARIA_LABEL);
     }
-
     get morePopoverTitle() {
       return Tokenizer.i18nBundle.getText(_i18nDefaults.TOKENIZER_POPOVER_REMOVE);
     }
-
     get overflownTokens() {
       if (!this.contentDom) {
         return [];
-      } // Reset the overflow prop of the tokens first in order
+      }
+
+      // Reset the overflow prop of the tokens first in order
       // to use their dimensions for calculation because already
       // hidden tokens are set to 'display: none'
-
-
       this._getTokens().forEach(token => {
         token.overflows = false;
       });
-
       return this._getTokens().filter(token => {
         const isRTL = this.effectiveDir === "rtl";
         const elementEnd = isRTL ? "left" : "right";
@@ -504,19 +418,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         return token.overflows;
       });
     }
-
     get hasValueState() {
       return this.valueState === _ValueState.default.None || this.valueState === _ValueState.default.Success;
     }
-
     get valueStateMessageText() {
       return this.getSlottedNodes("valueStateMessage").map(el => el.cloneNode(true));
     }
+
     /**
      * This method is relevant for sap_horizon theme only
      */
-
-
     get _valueStateMessageIcon() {
       const iconPerValueState = {
         Error: "error",
@@ -526,15 +437,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       };
       return this.valueState !== _ValueState.default.None ? iconPerValueState[this.valueState] : "";
     }
-
     get _isPhone() {
       return (0, _Device.isPhone)();
     }
-
     get _selectedTokens() {
       return this._getTokens().filter(token => token.selected);
     }
-
     get classes() {
       return {
         wrapper: {
@@ -556,7 +464,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     get styles() {
       return {
         popover: {
@@ -574,50 +481,38 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     _tokensCountText() {
       const iTokenCount = this._getTokens().length;
-
       if (iTokenCount === 0) {
         return Tokenizer.i18nBundle.getText(_i18nDefaults.TOKENIZER_ARIA_CONTAIN_TOKEN);
       }
-
       if (iTokenCount === 1) {
         return Tokenizer.i18nBundle.getText(_i18nDefaults.TOKENIZER_ARIA_CONTAIN_ONE_TOKEN);
       }
-
       return Tokenizer.i18nBundle.getText(_i18nDefaults.TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS, iTokenCount);
     }
+
     /**
      * @protected
      */
-
-
     _focusLastToken() {
       if (this.tokens.length === 0) {
         return;
       }
-
       const lastToken = this.tokens[this.tokens.length - 1];
       lastToken.focus();
-
       this._itemNav.setCurrentItem(lastToken);
     }
-
     static get dependencies() {
       return [_ResponsivePopover.default, _List.default, _StandardListItem.default, _Title.default, _Button.default];
     }
-
     static async onDefine() {
       Tokenizer.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
     async getPopover() {
       return (await this.getStaticAreaItemDomRef()).querySelector("[ui5-responsive-popover]");
     }
-
   }
-
   Tokenizer.define();
   var _default = Tokenizer;
   _exports.default = _default;