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

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

@@ -7,9 +7,7 @@ sap.ui.define(["exports", "./types/DataType", "./util/isDescendantOf", "./util/S
   _exports.default = void 0;
   _DataType = _interopRequireDefault(_DataType);
   _isDescendantOf = _interopRequireDefault(_isDescendantOf);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
    *
    * @class
@@ -19,25 +17,21 @@ sap.ui.define(["exports", "./types/DataType", "./util/isDescendantOf", "./util/S
     constructor(metadata) {
       this.metadata = metadata;
     }
-
     getInitialState() {
       if (Object.prototype.hasOwnProperty.call(this, "_initialState")) {
         return this._initialState;
       }
-
       const initialState = {};
-      const slotsAreManaged = this.slotsAreManaged(); // Initialize properties
+      const slotsAreManaged = this.slotsAreManaged();
 
+      // Initialize properties
       const props = this.getProperties();
-
       for (const propName in props) {
         // eslint-disable-line
         const propType = props[propName].type;
         const propDefaultValue = props[propName].defaultValue;
-
         if (propType === Boolean) {
           initialState[propName] = false;
-
           if (propDefaultValue !== undefined) {
             console.warn("The 'defaultValue' metadata key is ignored for all booleans properties, they would be initialized with 'false' by default"); // eslint-disable-line
           }
@@ -50,215 +44,188 @@ sap.ui.define(["exports", "./types/DataType", "./util/isDescendantOf", "./util/S
         } else {
           initialState[propName] = propDefaultValue;
         }
-      } // Initialize slots
-
+      }
 
+      // Initialize slots
       if (slotsAreManaged) {
         const slots = this.getSlots();
-
         for (const [slotName, slotData] of Object.entries(slots)) {
           // eslint-disable-line
           const propertyName = slotData.propertyName || slotName;
           initialState[propertyName] = [];
         }
       }
-
       this._initialState = initialState;
       return initialState;
     }
+
     /**
      * Only intended for use by UI5Element.js
      * @protected
      */
-
-
     static validatePropertyValue(value, propData) {
       const isMultiple = propData.multiple;
-
       if (isMultiple) {
         return value.map(propValue => validateSingleProperty(propValue, propData));
       }
-
       return validateSingleProperty(value, propData);
     }
+
     /**
      * Only intended for use by UI5Element.js
      * @protected
      */
-
-
     static validateSlotValue(value, slotData) {
       return validateSingleSlot(value, slotData);
     }
+
     /**
      * Returns the tag of the UI5 Element without the scope
      * @public
      */
-
-
     getPureTag() {
       return this.metadata.tag;
     }
+
     /**
      * Returns the tag of the UI5 Element
      * @public
      */
-
-
     getTag() {
       const pureTag = this.metadata.tag;
       const suffix = (0, _CustomElementsScopeUtils.getEffectiveScopingSuffixForTag)(pureTag);
-
       if (!suffix) {
         return pureTag;
       }
-
       return `${pureTag}-${suffix}`;
     }
+
     /**
      * Used to get the tag we need to register for backwards compatibility
      * @public
      */
-
-
     getAltTag() {
       const pureAltTag = this.metadata.altTag;
-
       if (!pureAltTag) {
         return;
       }
-
       const suffix = (0, _CustomElementsScopeUtils.getEffectiveScopingSuffixForTag)(pureAltTag);
-
       if (!suffix) {
         return pureAltTag;
       }
-
       return `${pureAltTag}-${suffix}`;
     }
+
     /**
      * Determines whether a property should have an attribute counterpart
      * @public
      * @param propName
      * @returns {boolean}
      */
-
-
     hasAttribute(propName) {
       const propData = this.getProperties()[propName];
       return propData.type !== Object && !propData.noAttribute && !propData.multiple;
     }
+
     /**
      * Returns an array with the properties of the UI5 Element (in camelCase)
      * @public
      * @returns {string[]}
      */
-
-
     getPropertiesList() {
       return Object.keys(this.getProperties());
     }
+
     /**
      * Returns an array with the attributes of the UI5 Element (in kebab-case)
      * @public
      * @returns {string[]}
      */
-
-
     getAttributesList() {
       return this.getPropertiesList().filter(this.hasAttribute, this).map(_StringHelper.camelToKebabCase);
     }
+
     /**
      * Returns an object with key-value pairs of slots and their metadata definitions
      * @public
      */
-
-
     getSlots() {
       return this.metadata.slots || {};
     }
+
     /**
      * Determines whether this UI5 Element has a default slot of type Node, therefore can slot text
      * @returns {boolean}
      */
-
-
     canSlotText() {
       const defaultSlot = this.getSlots().default;
       return defaultSlot && defaultSlot.type === Node;
     }
+
     /**
      * Determines whether this UI5 Element supports any slots
      * @public
      */
-
-
     hasSlots() {
       return !!Object.entries(this.getSlots()).length;
     }
+
     /**
      * Determines whether this UI5 Element supports any slots with "individualSlots: true"
      * @public
      */
-
-
     hasIndividualSlots() {
       return this.slotsAreManaged() && Object.entries(this.getSlots()).some(([_slotName, slotData]) => slotData.individualSlots);
     }
+
     /**
      * Determines whether this UI5 Element needs to invalidate if children are added/removed/changed
      * @public
      */
-
-
     slotsAreManaged() {
       return !!this.metadata.managedSlots;
     }
+
     /**
      * Determines whether this control supports F6 fast navigation
      * @public
      */
-
-
     supportsF6FastNavigation() {
       return !!this.metadata.fastNavigation;
     }
+
     /**
      * Returns an object with key-value pairs of properties and their metadata definitions
      * @public
      */
-
-
     getProperties() {
       return this.metadata.properties || {};
     }
+
     /**
      * Returns an object with key-value pairs of events and their metadata definitions
      * @public
      */
-
-
     getEvents() {
       return this.metadata.events || {};
     }
+
     /**
      * Determines whether this UI5 Element has any translatable texts (needs to be invalidated upon language change)
      * @returns {boolean}
      */
-
-
     isLanguageAware() {
       return !!this.metadata.languageAware;
     }
+
     /**
      * Determines whether this UI5 Element has any theme dependant carachteristics.
      * @returns {boolean}
      */
-
-
     isThemeAware() {
       return !!this.metadata.themeAware;
     }
+
     /**
      * Matches a changed entity (property/slot) with the given name against the "invalidateOnChildChange" configuration
      * and determines whether this should cause and invalidation
@@ -268,88 +235,77 @@ sap.ui.define(["exports", "./types/DataType", "./util/isDescendantOf", "./util/S
      * @param name the name of the property/slot that changed
      * @returns {boolean}
      */
-
-
     shouldInvalidateOnChildChange(slotName, type, name) {
-      const config = this.getSlots()[slotName].invalidateOnChildChange; // invalidateOnChildChange was not set in the slot metadata - by default child changes do not affect the component
+      const config = this.getSlots()[slotName].invalidateOnChildChange;
 
+      // invalidateOnChildChange was not set in the slot metadata - by default child changes do not affect the component
       if (config === undefined) {
         return false;
-      } // The simple format was used: invalidateOnChildChange: true/false;
-
+      }
 
+      // The simple format was used: invalidateOnChildChange: true/false;
       if (typeof config === "boolean") {
         return config;
-      } // The complex format was used: invalidateOnChildChange: { properties, slots }
-
+      }
 
+      // The complex format was used: invalidateOnChildChange: { properties, slots }
       if (typeof config === "object") {
         // A property was changed
         if (type === "property") {
           // The config object does not have a properties field
           if (config.properties === undefined) {
             return false;
-          } // The config object has the short format: properties: true/false
-
+          }
 
+          // The config object has the short format: properties: true/false
           if (typeof config.properties === "boolean") {
             return config.properties;
-          } // The config object has the complex format: properties: [...]
-
+          }
 
+          // The config object has the complex format: properties: [...]
           if (Array.isArray(config.properties)) {
             return config.properties.includes(name);
           }
-
           throw new Error("Wrong format for invalidateOnChildChange.properties: boolean or array is expected");
-        } // A slot was changed
-
+        }
 
+        // A slot was changed
         if (type === "slot") {
           // The config object does not have a slots field
           if (config.slots === undefined) {
             return false;
-          } // The config object has the short format: slots: true/false
-
+          }
 
+          // The config object has the short format: slots: true/false
           if (typeof config.slots === "boolean") {
             return config.slots;
-          } // The config object has the complex format: slots: [...]
-
+          }
 
+          // The config object has the complex format: slots: [...]
           if (Array.isArray(config.slots)) {
             return config.slots.includes(name);
           }
-
           throw new Error("Wrong format for invalidateOnChildChange.slots: boolean or array is expected");
         }
       }
-
       throw new Error("Wrong format for invalidateOnChildChange: boolean or object is expected");
     }
-
   }
-
   const validateSingleProperty = (value, propData) => {
     const propertyType = propData.type;
-
     if (propertyType === Boolean) {
       return typeof value === "boolean" ? value : false;
     }
-
     if (propertyType === String) {
       return typeof value === "string" || typeof value === "undefined" || value === null ? value : value.toString();
     }
-
     if (propertyType === Object) {
       return typeof value === "object" ? value : propData.defaultValue;
     }
-
     if ((0, _isDescendantOf.default)(propertyType, _DataType.default)) {
       return propertyType.isValid(value) ? value : propData.defaultValue;
     }
   };
-
   const validateSingleSlot = (value, slotData) => {
     value && (0, _SlotsHelper.getSlottedElements)(value).forEach(el => {
       if (!(el instanceof slotData.type)) {
@@ -358,7 +314,6 @@ sap.ui.define(["exports", "./types/DataType", "./util/isDescendantOf", "./util/S
     });
     return value;
   };
-
   var _default = UI5ElementMetadata;
   _exports.default = _default;
 });

package/src/sap/ui/webc/common/thirdparty/base/animations/AnimationQueue.js

@@ -6,48 +6,37 @@ sap.ui.define(["exports"], function (_exports) {
   });
   _exports.default = void 0;
   const tasks = new WeakMap();
-
   class AnimationQueue {
     static get tasks() {
       return tasks;
     }
-
     static enqueue(element, task) {
       if (!tasks.has(element)) {
         tasks.set(element, []);
       }
-
       tasks.get(element).push(task);
     }
-
     static run(element, task) {
       if (!tasks.has(element)) {
         tasks.set(element, []);
       }
-
       return task().then(() => {
         const elementTasks = tasks.get(element);
-
         if (elementTasks.length > 0) {
           return AnimationQueue.run(element, elementTasks.shift());
         }
-
         tasks.delete(element);
       });
     }
-
     static push(element, task) {
       const elementTasks = tasks.get(element);
-
       if (elementTasks) {
         AnimationQueue.enqueue(element, task);
       } else {
         AnimationQueue.run(element, task);
       }
     }
-
   }
-
   var _default = AnimationQueue;
   _exports.default = _default;
 });

package/src/sap/ui/webc/common/thirdparty/base/animations/animate.js

@@ -7,9 +7,7 @@ sap.ui.define(["exports", "./AnimationQueue", "./config"], function (_exports, _
   _exports.default = void 0;
   _AnimationQueue = _interopRequireDefault(_AnimationQueue);
   _config = _interopRequireDefault(_config);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   var _default = ({
     beforeStart = _config.default.identity,
     duration = _config.default.defaultDuration,
@@ -26,10 +24,8 @@ sap.ui.define(["exports", "./AnimationQueue", "./config"], function (_exports, _
         start = start || timestamp;
         const timeElapsed = timestamp - start;
         const remaining = duration - timeElapsed;
-
         if (timeElapsed <= duration) {
           const progress = 1 - remaining / duration; // easing formula (currently linear)
-
           progressCallback(progress);
           animationFrame = !stopped && requestAnimationFrame(animate);
         } else {
@@ -37,14 +33,12 @@ sap.ui.define(["exports", "./AnimationQueue", "./config"], function (_exports, _
           resolve();
         }
       };
-
       stop = () => {
         stopped = true;
         cancelAnimationFrame(animationFrame);
         reject(new Error("animation stopped"));
       };
     }).catch(oReason => oReason);
-
     _AnimationQueue.default.push(element, () => {
       beforeStart();
       requestAnimationFrame(animate);
@@ -52,12 +46,10 @@ sap.ui.define(["exports", "./AnimationQueue", "./config"], function (_exports, _
         promise.then(() => resolve());
       });
     });
-
     return {
       promise: () => promise,
       stop: () => stop
     };
   };
-
   _exports.default = _default;
 });

package/src/sap/ui/webc/common/thirdparty/base/animations/scroll.js

@@ -7,9 +7,7 @@ sap.ui.define(["exports", "./animate", "./config"], function (_exports, _animate
   _exports.default = void 0;
   _animate = _interopRequireDefault(_animate);
   _config = _interopRequireDefault(_config);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   var _default = ({
     element = _config.default.element,
     duration = _config.default.duration,
@@ -29,11 +27,9 @@ sap.ui.define(["exports", "./animate", "./config"], function (_exports, _animate
       progress: progress => {
         progressCallback(progress);
         element.scrollLeft = scrollLeft + progress * dx; // easing - linear
-
         element.scrollTop = scrollTop + progress * dy; // easing - linear
       }
     });
   };
-
   _exports.default = _default;
 });

package/src/sap/ui/webc/common/thirdparty/base/animations/slideDown.js

@@ -7,9 +7,7 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
   _exports.default = void 0;
   _config = _interopRequireDefault(_config);
   _animate = _interopRequireDefault(_animate);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   var _default = ({
     element = _config.default.element,
     duration = _config.default.defaultDuration,
@@ -20,15 +18,17 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
     const animation = (0, _animate.default)({
       beforeStart: () => {
         // Show the element to measure its properties
-        element.style.display = "block"; // Get Computed styles
+        element.style.display = "block";
 
+        // Get Computed styles
         computedStyles = getComputedStyle(element);
         paddingTop = parseFloat(computedStyles.paddingTop);
         paddingBottom = parseFloat(computedStyles.paddingBottom);
         marginTop = parseFloat(computedStyles.marginTop);
         marginBottom = parseFloat(computedStyles.marginBottom);
-        height = parseFloat(computedStyles.height); // Store inline styles
+        height = parseFloat(computedStyles.height);
 
+        // Store inline styles
         storedOverflow = element.style.overflow;
         storedPaddingTop = element.style.paddingTop;
         storedPaddingBottom = element.style.paddingBottom;
@@ -44,14 +44,14 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
       },
       duration,
       element,
-
       progress(progress) {
-        progressCallback(progress); // WORKAROUND
+        progressCallback(progress);
 
-        element.style.display = "block"; // END OF WORKAROUND
+        // WORKAROUND
+        element.style.display = "block";
+        // END OF WORKAROUND
 
         /* eslint-disable */
-
         element.style.paddingTop = 0 + paddingTop * progress + "px";
         element.style.paddingBottom = 0 + paddingBottom * progress + "px";
         element.style.marginTop = 0 + marginTop * progress + "px";
@@ -59,8 +59,8 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
         element.style.height = 0 + height * progress + "px";
         /* eslint-enable */
       }
-
     });
+
     animation.promise().then(() => {
       element.style.overflow = storedOverflow;
       element.style.paddingTop = storedPaddingTop;
@@ -71,6 +71,5 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
     });
     return animation;
   };
-
   _exports.default = _default;
 });

package/src/sap/ui/webc/common/thirdparty/base/animations/slideUp.js

@@ -7,17 +7,16 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
   _exports.default = void 0;
   _config = _interopRequireDefault(_config);
   _animate = _interopRequireDefault(_animate);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   var _default = ({
     element = _config.default.element,
     duration = _config.default.defaultDuration,
     progress: progressCallback = _config.default.identity
   }) => {
     // Get Computed styles
-    let computedStyles, paddingTop, paddingBottom, marginTop, marginBottom, height; // Store inline styles
+    let computedStyles, paddingTop, paddingBottom, marginTop, marginBottom, height;
 
+    // Store inline styles
     let storedOverflow, storedPaddingTop, storedPaddingBottom, storedMarginTop, storedMarginBottom, storedHeight;
     const animation = (0, _animate.default)({
       beforeStart: () => {
@@ -27,8 +26,9 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
         paddingBottom = parseFloat(computedStyles.paddingBottom);
         marginTop = parseFloat(computedStyles.marginTop);
         marginBottom = parseFloat(computedStyles.marginBottom);
-        height = parseFloat(computedStyles.height); // Store inline styles
+        height = parseFloat(computedStyles.height);
 
+        // Store inline styles
         storedOverflow = element.style.overflow;
         storedPaddingTop = element.style.paddingTop;
         storedPaddingBottom = element.style.paddingBottom;
@@ -39,7 +39,6 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
       },
       duration,
       element,
-
       progress(progress) {
         progressCallback(progress);
         element.style.paddingTop = `${paddingTop - paddingTop * progress}px`;
@@ -48,7 +47,6 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
         element.style.marginBottom = `${marginBottom - marginBottom * progress}px`;
         element.style.height = `${height - height * progress}px`;
       }
-
     });
     animation.promise().then(oReason => {
       if (!(oReason instanceof Error)) {
@@ -63,6 +61,5 @@ sap.ui.define(["exports", "./config", "./animate"], function (_exports, _config,
     });
     return animation;
   };
-
   _exports.default = _default;
 });