@openui5/sap.ui.webc.common 1.111.6 → 1.112.1

package/src/sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler.js

@@ -7,7 +7,6 @@ sap.ui.define(["exports"], function (_exports) {
   _exports.setResizeHandlerUnobserveFn = _exports.setResizeHandlerObserveFn = _exports.default = void 0;
   let resizeObserver;
   const observedElements = new Map();
-
   const getResizeObserver = () => {
     if (!resizeObserver) {
       resizeObserver = new window.ResizeObserver(entries => {
@@ -17,30 +16,25 @@ sap.ui.define(["exports"], function (_exports) {
         });
       });
     }
-
     return resizeObserver;
   };
-
   let observe = (element, callback) => {
-    const callbacks = observedElements.get(element) || []; // if no callbacks have been added for this element - start observing it
+    const callbacks = observedElements.get(element) || [];
 
+    // if no callbacks have been added for this element - start observing it
     if (!callbacks.length) {
       getResizeObserver().observe(element);
-    } // save the callbacks in an array
-
+    }
 
+    // save the callbacks in an array
     observedElements.set(element, [...callbacks, callback]);
   };
-
   let unobserve = (element, callback) => {
     const callbacks = observedElements.get(element) || [];
-
     if (callbacks.length === 0) {
       return;
     }
-
     const filteredCallbacks = callbacks.filter(fn => fn !== callback);
-
     if (filteredCallbacks.length === 0) {
       getResizeObserver().unobserve(element);
       observedElements.delete(element);
@@ -48,14 +42,13 @@ sap.ui.define(["exports"], function (_exports) {
       observedElements.set(element, filteredCallbacks);
     }
   };
+
   /**
    * Allows to register/deregister resize observers for a DOM element
    *
    * @public
    * @class
     */
-
-
   class ResizeHandler {
     /**
      * @static
@@ -67,57 +60,49 @@ sap.ui.define(["exports"], function (_exports) {
       if (element.isUI5Element) {
         element = element.getDomRef();
       }
-
       if (element instanceof HTMLElement) {
         observe(element, callback);
       } else {
         console.warn("Cannot register ResizeHandler for element", element); // eslint-disable-line
       }
     }
+
     /**
      * @static
      * @public
      * @param {*} element UI5 Web Component or DOM Element to be unobserved
      * @param {*} callback Callback to be removed
      */
-
-
     static deregister(element, callback) {
       if (element.isUI5Element) {
         element = element.getDomRef();
       }
-
       if (element instanceof HTMLElement) {
         unobserve(element, callback);
       } else {
         console.warn("Cannot deregister ResizeHandler for element", element); // eslint-disable-line
       }
     }
-
   }
+
   /**
    * Set a function to be executed whenever a DOM node needs to be observed for size change.
    * @public
    * @param fn
    */
-
-
   const setResizeHandlerObserveFn = fn => {
     observe = fn;
   };
+
   /**
    * Set a function to be executed whenever a DOM node needs to no longer be observed for size changes
    * @public
    * @param fn
    */
-
-
   _exports.setResizeHandlerObserveFn = setResizeHandlerObserveFn;
-
   const setResizeHandlerUnobserveFn = fn => {
     unobserve = fn;
   };
-
   _exports.setResizeHandlerUnobserveFn = setResizeHandlerUnobserveFn;
   var _default = ResizeHandler;
   _exports.default = _default;

package/src/sap/ui/webc/common/thirdparty/base/delegate/ScrollEnablement.js

@@ -7,12 +7,9 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
   _exports.default = void 0;
   _EventProvider = _interopRequireDefault(_EventProvider);
   _scroll = _interopRequireDefault(_scroll);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   const scrollEventName = "scroll";
   const touchEndEventName = (0, _Device.supportsTouch)() ? "touchend" : "mouseup";
-
   class ScrollEnablement extends _EventProvider.default {
     constructor(containerComponent) {
       super();
@@ -20,16 +17,17 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
       this.mouseMove = this.ontouchmove.bind(this);
       this.mouseUp = this.ontouchend.bind(this);
       this.touchStart = this.ontouchstart.bind(this);
-      this.supportsTouch = (0, _Device.supportsTouch)(); // On Android devices touchmove is thrown one more time than neccessary (together with touchend)
+      this.supportsTouch = (0, _Device.supportsTouch)();
+
+      // On Android devices touchmove is thrown one more time than neccessary (together with touchend)
       // so we have to cache the previus coordinates in order to provide correct parameters in the
       // event for Android
+      this.cachedValue = {};
 
-      this.cachedValue = {}; // In components like Carousel you need to know if the user has clicked on something or swiped
+      // In components like Carousel you need to know if the user has clicked on something or swiped
       // in order to throw the needed event or not
-
       this.startX = 0;
       this.startY = 0;
-
       if (this.supportsTouch) {
         containerComponent.addEventListener("touchstart", this.touchStart, {
           passive: true
@@ -46,14 +44,13 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
         });
       }
     }
-
     set scrollContainer(container) {
       this._container = container;
     }
-
     get scrollContainer() {
       return this._container;
     }
+
     /**
      * Scrolls the container to the left/top position, retrying retryCount times, if the container is not yet painted
      *
@@ -63,12 +60,10 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
      * @param retryInterval
      * @returns {Promise<void>} resolved when scrolled successfully
      */
-
-
     async scrollTo(left, top, retryCount = 0, retryInterval = 0) {
       let containerPainted = this.scrollContainer.clientHeight > 0 && this.scrollContainer.clientWidth > 0;
-      /* eslint-disable no-loop-func, no-await-in-loop */
 
+      /* eslint-disable no-loop-func, no-await-in-loop */
       while (!containerPainted && retryCount > 0) {
         await new Promise(resolve => {
           setTimeout(() => {
@@ -80,44 +75,35 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
       }
       /* eslint-disable no-loop-func, no-await-in-loop */
 
-
       this._container.scrollLeft = left;
       this._container.scrollTop = top;
     }
-
     move(dx, dy, disableAnimation) {
       if (disableAnimation) {
         this._container.scrollLeft += dx;
         this._container.scrollTop += dy;
         return;
       }
-
       return (0, _scroll.default)({
         element: this._container,
         dx,
         dy
       });
     }
-
     getScrollLeft() {
       return this._container.scrollLeft;
     }
-
     getScrollTop() {
       return this._container.scrollTop;
     }
-
     _isTouchInside(touch) {
       const rect = this._container.getBoundingClientRect();
-
       const x = this.supportsTouch ? touch.clientX : touch.x;
       const y = this.supportsTouch ? touch.clientY : touch.y;
       return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
     }
-
     ontouchstart(event) {
       const touch = this.supportsTouch ? event.touches[0] : null;
-
       if (!this.supportsTouch) {
         document.addEventListener("mouseup", this.mouseUp, {
           passive: true
@@ -130,17 +116,14 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
         this.startX = touch.pageX;
         this.startY = touch.pageY;
       }
-
       this._prevDragX = this.supportsTouch ? touch.pageX : event.x;
       this._prevDragY = this.supportsTouch ? touch.pageY : event.y;
       this._canScroll = this._isTouchInside(this.supportsTouch ? touch : event);
     }
-
     ontouchmove(event) {
       if (!this._canScroll) {
         return;
       }
-
       const container = this._container;
       const touch = this.supportsTouch ? event.touches[0] : null;
       const dragX = this.supportsTouch ? touch.pageX : event.x;
@@ -156,30 +139,25 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
       this._prevDragX = dragX;
       this._prevDragY = dragY;
     }
-
     ontouchend(event) {
       if (this.supportsTouch) {
         const deltaX = Math.abs(event.changedTouches[0].pageX - this.startX);
         const deltaY = Math.abs(event.changedTouches[0].pageY - this.startY);
-
         if (deltaX < 10 && deltaY < 10) {
           return;
         }
       }
-
       if (!this._canScroll) {
         return;
       }
-
       const container = this._container;
       const dragX = this.supportsTouch ? event.changedTouches[0].pageX : event.x;
       const dragY = this.supportsTouch ? event.changedTouches[0].pageY : event.y;
       container.scrollLeft += this._prevDragX - dragX;
       container.scrollTop += this._prevDragY - dragY;
       const useCachedValues = dragX === this._prevDragX;
-
-      const _dragX = useCachedValues ? this.cachedValue.dragX : dragX; // const _dragY = useCachedValues ? this.cachedValue.dragY : dragY; add if needed
-
+      const _dragX = useCachedValues ? this.cachedValue.dragX : dragX;
+      // const _dragY = useCachedValues ? this.cachedValue.dragY : dragY; add if needed
 
       this.fireEvent(touchEndEventName, {
         isLeft: _dragX < this._prevDragX,
@@ -187,7 +165,6 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
       });
       this._prevDragX = dragX;
       this._prevDragY = dragY;
-
       if (!this.supportsTouch) {
         document.removeEventListener("mousemove", this.mouseMove, {
           passive: true
@@ -195,9 +172,7 @@ sap.ui.define(["exports", "../Device", "../EventProvider", "../animations/scroll
         document.removeEventListener("mouseup", this.mouseUp);
       }
     }
-
   }
-
   var _default = ScrollEnablement;
   _exports.default = _default;
 });

package/src/sap/ui/webc/common/thirdparty/base/features/F6Navigation.js

@@ -5,7 +5,6 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../Keys", "../util/FocusableEl
     value: true
   });
   _exports.default = void 0;
-
   class F6Navigation {
     init() {
       this.keydownHandler = this._keydownHandler.bind(this);
@@ -13,23 +12,18 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../Keys", "../util/FocusableEl
       this.selectedGroup = null;
       this.groups = [];
     }
-
     attachEventListeners() {
       document.addEventListener("keydown", this.keydownHandler);
     }
-
     async _keydownHandler(event) {
       if ((0, _Keys.isF6Next)(event)) {
         this.updateGroups();
-
         if (this.groups.length < 1) {
           return;
         }
-
         event.preventDefault();
         const nextIndex = this.groups.indexOf(this.selectedGroup);
         let nextElement = null;
-
         if (nextIndex > -1) {
           if (nextIndex + 1 >= this.groups.length) {
             nextElement = this.groups[0];
@@ -39,22 +33,17 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../Keys", "../util/FocusableEl
         } else {
           nextElement = this.groups[0];
         }
-
         const elementToFocus = await (0, _FocusableElements.getFirstFocusableElement)(nextElement.isUI5Element ? nextElement.getDomRef() : nextElement, true);
         elementToFocus.focus();
       }
-
       if ((0, _Keys.isF6Previous)(event)) {
         this.updateGroups();
-
         if (this.groups.length < 1) {
           return;
         }
-
         event.preventDefault();
         const nextIndex = this.groups.indexOf(this.selectedGroup);
         let nextElement = null;
-
         if (nextIndex > -1) {
           if (nextIndex - 1 < 0) {
             nextElement = this.groups[this.groups.length - 1];
@@ -67,6 +56,7 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../Keys", "../util/FocusableEl
             //     </ui5-list>
             // </ui5-flexible-column-layout>
             // Here for both FCL & List the firstFoccusableElement is the same (the ui5-li)
+
             const firstFocusable = await (0, _FocusableElements.getFirstFocusableElement)(this.groups[nextIndex - 1], true);
             const shouldSkipParent = firstFocusable === (await (0, _FocusableElements.getFirstFocusableElement)(this.groups[nextIndex], true));
             nextElement = this.groups[shouldSkipParent ? nextIndex - 2 : nextIndex - 1];
@@ -74,39 +64,30 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../Keys", "../util/FocusableEl
         } else {
           nextElement = this.groups[this.groups.length - 1];
         }
-
         const elementToFocus = await (0, _FocusableElements.getFirstFocusableElement)(nextElement.isUI5Element ? nextElement.getDomRef() : nextElement, true);
         elementToFocus.focus();
       }
     }
-
     removeEventListeners() {
       document.removeEventListener("keydown", this.keydownHandler);
     }
-
     updateGroups() {
       this.setSelectedGroup(document.activeElement);
       this.setGroups();
     }
-
     setGroups() {
       this.groups = Array.from(document.querySelectorAll("[data-sap-ui-fastnavgroup='true']")).filter(group => group.clientWidth && window.getComputedStyle(group).visibility !== "hidden");
     }
-
     setSelectedGroup(element) {
       while (element && element.getAttribute("data-sap-ui-fastnavgroup") !== "true" && element !== document.querySelector("html")) {
         element = element.parentElement ? element.parentNode : element.parentNode.host;
       }
-
       this.selectedGroup = element;
     }
-
     destroy() {
       this.removeEventListeners();
     }
-
   }
-
   const F6HelperInstance = new F6Navigation();
   (0, _FeaturesRegistry.registerFeature)("F6Navigation", F6HelperInstance);
   var _default = F6Navigation;

package/src/sap/ui/webc/common/thirdparty/base/features/OpenUI5Enablement.js

@@ -7,9 +7,7 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../generated/css/BusyIndicator
   _exports.default = void 0;
   _BusyIndicator = _interopRequireDefault(_BusyIndicator);
   _merge = _interopRequireDefault(_merge);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   const busyIndicatorMetadata = {
     properties: {
       __isBusy: {
@@ -17,11 +15,9 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../generated/css/BusyIndicator
       }
     }
   };
-
   const getBusyIndicatorStyles = () => {
     return _BusyIndicator.default;
   };
-
   const wrapTemplateResultInBusyMarkup = (html, host, templateResult) => {
     if (host.isOpenUI5Component && host.__isBusy) {
       templateResult = html`
@@ -45,14 +41,11 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../generated/css/BusyIndicator
 			</div>
 		</div>`;
     }
-
     return templateResult;
   };
-
   const enrichBusyIndicatorMetadata = UI5Element => {
     UI5Element.metadata = (0, _merge.default)(UI5Element.metadata, busyIndicatorMetadata);
   };
-
   const enrichBusyIndicatorMethods = UI5ElementPrototype => {
     Object.defineProperties(UI5ElementPrototype, {
       "__redirectFocus": {
@@ -75,7 +68,6 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../generated/css/BusyIndicator
             passive: false
           };
         }
-
       },
       "isOpenUI5Component": {
         get: () => {
@@ -83,27 +75,21 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../generated/css/BusyIndicator
         }
       }
     });
-
     UI5ElementPrototype.__suppressFocusIn = function handleFocusIn() {
       const busyIndicator = this.shadowRoot.querySelector("[busy-indicator]");
-
       if (busyIndicator && this.__redirectFocus) {
         busyIndicator.focus();
       }
     };
-
     UI5ElementPrototype.getDomRef = function getDomRef() {
       // If a component set _getRealDomRef to its children, use the return value of this function
       if (typeof this._getRealDomRef === "function") {
         return this._getRealDomRef();
       }
-
       if (!this.shadowRoot || this.shadowRoot.children.length === 0) {
         return;
       }
-
       const children = [...this.shadowRoot.children].filter(child => !["link", "style"].includes(child.localName));
-
       if (children.length !== 1) {
         console.warn(`The shadow DOM for ${this.constructor.getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`); // eslint-disable-line
       }
@@ -111,16 +97,13 @@ sap.ui.define(["exports", "../FeaturesRegistry", "../generated/css/BusyIndicator
       if (this.__isBusy) {
         return children[0].querySelector(".busy-indicator-wrapper > :not([busy-indicator-before-span]):not(.busy-indicator-overlay):not(.busy-indicator-busy-area)");
       }
-
       return children[0];
     };
   };
-
   const enrichBusyIndicatorSettings = UI5Element => {
     enrichBusyIndicatorMetadata(UI5Element);
     enrichBusyIndicatorMethods(UI5Element.prototype);
   };
-
   const OpenUI5Enablement = {
     enrichBusyIndicatorSettings,
     wrapTemplateResultInBusyMarkup,

package/src/sap/ui/webc/common/thirdparty/base/features/OpenUI5Support.js

@@ -6,18 +6,14 @@ sap.ui.define(["../FeaturesRegistry", "../config/Theme", "../util/PopupUtils"],
     const core = sap && sap.ui && typeof sap.ui.getCore === "function" && sap.ui.getCore();
     return core;
   };
-
   const isLoaded = () => {
     return !!getCore();
   };
-
   const init = () => {
     const core = getCore();
-
     if (!core) {
       return Promise.resolve();
     }
-
     return new Promise(resolve => {
       core.attachInit(() => {
         window.sap.ui.require(["sap/ui/core/LocaleData", "sap/ui/core/Popup"], (LocaleData, Popup) => {
@@ -27,18 +23,13 @@ sap.ui.define(["../FeaturesRegistry", "../config/Theme", "../util/PopupUtils"],
       });
     });
   };
-
   const getConfigurationSettingsObject = () => {
     const core = getCore();
-
     if (!core) {
       return;
     }
-
     const config = core.getConfiguration();
-
     const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
-
     return {
       animationMode: config.getAnimationMode(),
       language: config.getLanguage(),
@@ -50,21 +41,15 @@ sap.ui.define(["../FeaturesRegistry", "../config/Theme", "../util/PopupUtils"],
       }
     };
   };
-
   const getLocaleDataObject = () => {
     const core = getCore();
-
     if (!core) {
       return;
     }
-
     const config = core.getConfiguration();
-
     const LocaleData = window.sap.ui.require("sap/ui/core/LocaleData");
-
     return LocaleData.getInstance(config.getLocale())._get();
   };
-
   const listenForThemeChange = () => {
     const core = getCore();
     const config = core.getConfiguration();
@@ -72,57 +57,40 @@ sap.ui.define(["../FeaturesRegistry", "../config/Theme", "../util/PopupUtils"],
       await (0, _Theme.setTheme)(config.getTheme());
     });
   };
-
   const attachListeners = () => {
     const core = getCore();
-
     if (!core) {
       return;
     }
-
     listenForThemeChange();
   };
-
   const cssVariablesLoaded = () => {
     const core = getCore();
-
     if (!core) {
       return;
     }
-
     const link = [...document.head.children].find(el => el.id === "sap-ui-theme-sap.ui.core"); // more reliable than querySelector early
-
     if (!link) {
       return;
     }
-
     return !!link.href.match(/\/css(-|_)variables\.css/);
   };
-
   const getNextZIndex = () => {
     const core = getCore();
-
     if (!core) {
       return;
     }
-
     const Popup = window.sap.ui.require("sap/ui/core/Popup");
-
     return Popup.getNextZIndex();
   };
-
   const setInitialZIndex = () => {
     const core = getCore();
-
     if (!core) {
       return;
     }
-
     const Popup = window.sap.ui.require("sap/ui/core/Popup");
-
     Popup.setInitialZIndex((0, _PopupUtils.getCurrentZIndex)());
   };
-
   const OpenUI5Support = {
     isLoaded,
     init,

package/src/sap/ui/webc/common/thirdparty/base/generated/VersionInfo.js

@@ -12,7 +12,7 @@ sap.ui.define(["exports"], function (_exports) {
     patch: 0,
     suffix: "",
     isNext: false,
-    buildTime: 1657807887
+    buildTime: 1656937916
   };
   var _default = VersionInfo;
   _exports.default = _default;

package/src/sap/ui/webc/common/thirdparty/base/getSharedResource.js

@@ -6,10 +6,9 @@ sap.ui.define(["exports", "./util/getSingletonElementInstance"], function (_expo
   });
   _exports.default = void 0;
   _getSingletonElementInstance = _interopRequireDefault(_getSingletonElementInstance);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   const getSharedResourcesInstance = () => (0, _getSingletonElementInstance.default)("ui5-shared-resources", document.head);
+
   /**
    * Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.
    * The data will be accessed via a singleton "ui5-shared-resources" HTML element in the "head" element of the page.
@@ -19,26 +18,19 @@ sap.ui.define(["exports", "./util/getSingletonElementInstance"], function (_expo
    * @param initialValue Object or primitive that will be used as an initial value if the resource does not exist
    * @returns {*}
    */
-
-
   const getSharedResource = (namespace, initialValue) => {
     const parts = namespace.split(".");
     let current = getSharedResourcesInstance();
-
     for (let i = 0; i < parts.length; i++) {
       const part = parts[i];
       const lastPart = i === parts.length - 1;
-
       if (!Object.prototype.hasOwnProperty.call(current, part)) {
         current[part] = lastPart ? initialValue : {};
       }
-
       current = current[part];
     }
-
     return current;
   };
-
   var _default = getSharedResource;
   _exports.default = _default;
 });