@sme.up/ketchup 9.2.0 → 9.3.0

package/dist/collection/managers/kup-toolbar/kup-toolbar-declarations.js

@@ -3,7 +3,7 @@
  */
 export var KupToolbarModifierKeys;
 (function (KupToolbarModifierKeys) {
-  KupToolbarModifierKeys["ALT"] = "altKey";
-  KupToolbarModifierKeys["CTRL"] = "ctrlKey";
-  KupToolbarModifierKeys["SHIFT"] = "shiftKey";
+    KupToolbarModifierKeys["ALT"] = "altKey";
+    KupToolbarModifierKeys["CTRL"] = "ctrlKey";
+    KupToolbarModifierKeys["SHIFT"] = "shiftKey";
 })(KupToolbarModifierKeys || (KupToolbarModifierKeys = {}));

package/dist/collection/managers/kup-toolbar/kup-toolbar.js

@@ -1,18 +1,18 @@
 var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-  if (kind === "m")
-    throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupToolbar_keyEvent;
 import { KupToolbarModifierKeys } from "./kup-toolbar-declarations";
@@ -22,90 +22,90 @@ const dom = document.documentElement;
  * @module KupToolbar
  */
 export class KupToolbar {
-  /**
-   * Initializes KupToolbar.
-   */
-  constructor() {
-    _KupToolbar_keyEvent.set(this, void 0);
-    this.active = false;
-    this.managedElements = new Set();
-    this.modifiers = [
-      KupToolbarModifierKeys.ALT,
-      KupToolbarModifierKeys.CTRL,
-    ];
-    __classPrivateFieldSet(this, _KupToolbar_keyEvent, function (e) {
-      const toolbar = dom.ketchup.toolbar;
-      if (toolbar.managedElements) {
-        for (let index = 0; index < toolbar.modifiers.length; index++) {
-          if (toolbar.modifiers[index] ===
-            KupToolbarModifierKeys.CTRL &&
-            e.metaKey) {
-            continue;
-          }
-          else {
-            if (!e[toolbar.modifiers[index]]) {
-              {
-                if (toolbar.active) {
-                  toolbar.hide();
+    /**
+     * Initializes KupToolbar.
+     */
+    constructor() {
+        _KupToolbar_keyEvent.set(this, void 0);
+        this.active = false;
+        this.managedElements = new Set();
+        this.modifiers = [
+            KupToolbarModifierKeys.ALT,
+            KupToolbarModifierKeys.CTRL,
+        ];
+        __classPrivateFieldSet(this, _KupToolbar_keyEvent, function (e) {
+            const toolbar = dom.ketchup.toolbar;
+            if (toolbar.managedElements) {
+                for (let index = 0; index < toolbar.modifiers.length; index++) {
+                    if (toolbar.modifiers[index] ===
+                        KupToolbarModifierKeys.CTRL &&
+                        e.metaKey) {
+                        continue;
+                    }
+                    else {
+                        if (!e[toolbar.modifiers[index]]) {
+                            {
+                                if (toolbar.active) {
+                                    toolbar.hide();
+                                }
+                                return;
+                            }
+                        }
+                    }
                 }
-                return;
-              }
+                toolbar.show();
+            }
+        }, "f");
+        document.addEventListener('keydown', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
+        document.addEventListener('keyup', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
+    }
+    /**
+     * Shows components' toolbar.
+     */
+    show() {
+        this.managedElements.forEach(function (comp) {
+            if (comp.isConnected) {
+                comp.setAttribute('kup-toolbar', '');
+            }
+        });
+        this.active = true;
+    }
+    /**
+     * Hides components' toolbar.
+     */
+    hide() {
+        this.managedElements.forEach(function (comp) {
+            if (comp.isConnected) {
+                comp.removeAttribute('kup-toolbar');
+            }
+        });
+        this.active = false;
+    }
+    /**
+     * Watches the element eligible to move when dragging.
+     * @param {HTMLElement} el - Toolbar-supporting element.
+     */
+    register(el) {
+        this.managedElements.add(el);
+    }
+    /**
+     * Removes the elements from the KupToolbar class watchlist.
+     * @param {HTMLElement[]} elements - Elements to remove.
+     */
+    unregister(elements) {
+        if (this.managedElements) {
+            for (let index = 0; index < elements.length; index++) {
+                this.managedElements.delete(elements[index]);
             }
-          }
         }
-        toolbar.show();
-      }
-    }, "f");
-    document.addEventListener('keydown', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
-    document.addEventListener('keyup', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
-  }
-  /**
-   * Shows components' toolbar.
-   */
-  show() {
-    this.managedElements.forEach(function (comp) {
-      if (comp.isConnected) {
-        comp.setAttribute('kup-toolbar', '');
-      }
-    });
-    this.active = true;
-  }
-  /**
-   * Hides components' toolbar.
-   */
-  hide() {
-    this.managedElements.forEach(function (comp) {
-      if (comp.isConnected) {
-        comp.removeAttribute('kup-toolbar');
-      }
-    });
-    this.active = false;
-  }
-  /**
-   * Watches the element eligible to move when dragging.
-   * @param {HTMLElement} el - Toolbar-supporting element.
-   */
-  register(el) {
-    this.managedElements.add(el);
-  }
-  /**
-   * Removes the elements from the KupToolbar class watchlist.
-   * @param {HTMLElement[]} elements - Elements to remove.
-   */
-  unregister(elements) {
-    if (this.managedElements) {
-      for (let index = 0; index < elements.length; index++) {
-        this.managedElements.delete(elements[index]);
-      }
     }
-  }
-  /**
-   * Returns whether an element was previously registered or not.
-   * @param {HTMLElement} el - Element to test.
-   * @returns {boolean} True if the element was registered.
-   */
-  isRegistered(el) {
-    return !this.managedElements ? false : this.managedElements.has(el);
-  }
+    /**
+     * Returns whether an element was previously registered or not.
+     * @param {HTMLElement} el - Element to test.
+     * @returns {boolean} True if the element was registered.
+     */
+    isRegistered(el) {
+        return !this.managedElements ? false : this.managedElements.has(el);
+    }
 }
 _KupToolbar_keyEvent = new WeakMap();

package/dist/collection/managers/kup-tooltip/kup-tooltip.js

@@ -1,18 +1,18 @@
 var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-  if (kind === "m")
-    throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _KupTooltip_instances, _KupTooltip_clickCb, _KupTooltip_dynPos, _KupTooltip_create, _KupTooltip_setOptions;
 import { KupDebugCategory } from "../kup-debug/kup-debug-declarations";
@@ -22,208 +22,208 @@ const dom = document.documentElement;
  * @module KupTooltip
  */
 export class KupTooltip {
-  /**
-   * Initializes KupTooltip.
-   */
-  constructor(delay, fCellCallbacks) {
-    _KupTooltip_instances.add(this);
-    this.currentAnchor = null;
-    this.delay = null;
-    this.element = null;
-    this.fCellCallbacks = null;
-    this.managedElements = null;
-    this.timeout = null;
-    _KupTooltip_clickCb.set(this, null);
-    this.delay = delay ? delay : 125;
-    this.fCellCallbacks = fCellCallbacks ? fCellCallbacks : null;
-    this.managedElements = new Set();
-    document.addEventListener('pointermove', (e) => {
-      const paths = e.composedPath();
-      // Leaving the function when hovering on the tooltip itself
-      if (paths.includes(this.element)) {
-        return;
-      }
-      const enterHandler = (anchor) => {
-        this.timeout = null;
-        const callbacks = anchor.classList.contains('f-cell')
-          ? this.fCellCallbacks
-          : anchor.kupTooltip;
-        requestAnimationFrame(callbacks.enter.bind(callbacks.enter, e, anchor));
-      };
-      const overHandler = (anchor) => {
-        const callbacks = anchor.classList.contains('f-cell')
-          ? this.fCellCallbacks
-          : anchor.kupTooltip;
-        requestAnimationFrame(callbacks.over.bind(callbacks.over, e, anchor));
-      };
-      const leaveHandler = (anchor) => {
-        const callbacks = this.currentAnchor.classList.contains('f-cell')
-          ? this.fCellCallbacks
-          : this.currentAnchor.kupTooltip;
-        requestAnimationFrame(callbacks.leave.bind(callbacks.leave, e, anchor));
-      };
-      // If the current anchor exists and is not included in the event path,
-      // the leaving callback is fired.
-      if (this.currentAnchor && !paths.includes(this.currentAnchor)) {
-        if (this.timeout) {
-          clearTimeout(this.timeout);
-          this.timeout = null;
-        }
-        else {
-          const callbacks = this.currentAnchor.kupTooltip
-            ? this.currentAnchor.kupTooltip
-            : this.fCellCallbacks;
-          if (callbacks.leave) {
-            leaveHandler(this.currentAnchor);
-          }
-        }
+    /**
+     * Initializes KupTooltip.
+     */
+    constructor(delay, fCellCallbacks) {
+        _KupTooltip_instances.add(this);
         this.currentAnchor = null;
-      }
-      else if (!this.timeout) {
-        for (let index = 0; index < paths.length; index++) {
-          const element = paths[index];
-          if (element &&
-            (this.managedElements.has(element) ||
-              (this.fCellCallbacks &&
-                element.classList &&
-                element.classList.contains('f-cell')))) {
-            const callbacks = element.kupTooltip
-              ? element.kupTooltip
-              : this.fCellCallbacks;
-            // If the current anchor is the same as the registered element found
-            // in the path, the mouse over function is invoked
-            if (this.currentAnchor === element) {
-              if (callbacks.over) {
-                overHandler(element);
-              }
-              // Otherwise, the mouse enter callback will be invoked
+        this.delay = null;
+        this.element = null;
+        this.fCellCallbacks = null;
+        this.managedElements = null;
+        this.timeout = null;
+        _KupTooltip_clickCb.set(this, null);
+        this.delay = delay ? delay : 125;
+        this.fCellCallbacks = fCellCallbacks ? fCellCallbacks : null;
+        this.managedElements = new Set();
+        document.addEventListener('pointermove', (e) => {
+            const paths = e.composedPath();
+            // Leaving the function when hovering on the tooltip itself
+            if (paths.includes(this.element)) {
+                return;
             }
-            else {
-              this.currentAnchor = element;
-              if (callbacks.enter) {
-                if (this.delay) {
-                  this.timeout = setTimeout(enterHandler.bind(enterHandler, element), this.delay);
+            const enterHandler = (anchor) => {
+                this.timeout = null;
+                const callbacks = anchor.classList.contains('f-cell')
+                    ? this.fCellCallbacks
+                    : anchor.kupTooltip;
+                requestAnimationFrame(callbacks.enter.bind(callbacks.enter, e, anchor));
+            };
+            const overHandler = (anchor) => {
+                const callbacks = anchor.classList.contains('f-cell')
+                    ? this.fCellCallbacks
+                    : anchor.kupTooltip;
+                requestAnimationFrame(callbacks.over.bind(callbacks.over, e, anchor));
+            };
+            const leaveHandler = (anchor) => {
+                const callbacks = this.currentAnchor.classList.contains('f-cell')
+                    ? this.fCellCallbacks
+                    : this.currentAnchor.kupTooltip;
+                requestAnimationFrame(callbacks.leave.bind(callbacks.leave, e, anchor));
+            };
+            // If the current anchor exists and is not included in the event path,
+            // the leaving callback is fired.
+            if (this.currentAnchor && !paths.includes(this.currentAnchor)) {
+                if (this.timeout) {
+                    clearTimeout(this.timeout);
+                    this.timeout = null;
                 }
                 else {
-                  enterHandler(element);
+                    const callbacks = this.currentAnchor.kupTooltip
+                        ? this.currentAnchor.kupTooltip
+                        : this.fCellCallbacks;
+                    if (callbacks.leave) {
+                        leaveHandler(this.currentAnchor);
+                    }
                 }
-              }
+                this.currentAnchor = null;
             }
-          }
-        }
-      }
-    });
-  }
-  /**
-   * Destroys the tooltip.
-   */
-  destroy() {
-    if (this.element) {
-      this.element.remove();
-      this.element = null;
-    }
-  }
-  /**
-   * Hides the tooltip.
-   */
-  hide() {
-    if (this.element) {
-      this.element.menuVisible = false;
-      dom.ketchup.dynamicPosition.stop(this.element);
-      dom.ketchup.removeClickCallback(__classPrivateFieldGet(this, _KupTooltip_clickCb, "f"));
-    }
-  }
-  /**
-   * Displays the tooltip.
-   * @param {KupDynamicPositionAnchor} anchor - Anchor point of the tooltip: HTML element or x/y coordinates.
-   * @param {Partial<HTMLKupCardElement>} options - Props/attributes of the tooltip.
-   */
-  show(anchor, options) {
-    // Creates the card or updates it with new options
-    if (!this.element) {
-      __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
+            else if (!this.timeout) {
+                for (let index = 0; index < paths.length; index++) {
+                    const element = paths[index];
+                    if (element &&
+                        (this.managedElements.has(element) ||
+                            (this.fCellCallbacks &&
+                                element.classList &&
+                                element.classList.contains('f-cell')))) {
+                        const callbacks = element.kupTooltip
+                            ? element.kupTooltip
+                            : this.fCellCallbacks;
+                        // If the current anchor is the same as the registered element found
+                        // in the path, the mouse over function is invoked
+                        if (this.currentAnchor === element) {
+                            if (callbacks.over) {
+                                overHandler(element);
+                            }
+                            // Otherwise, the mouse enter callback will be invoked
+                        }
+                        else {
+                            this.currentAnchor = element;
+                            if (callbacks.enter) {
+                                if (this.delay) {
+                                    this.timeout = setTimeout(enterHandler.bind(enterHandler, element), this.delay);
+                                }
+                                else {
+                                    enterHandler(element);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        });
     }
-    else if (options) {
-      __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+    /**
+     * Destroys the tooltip.
+     */
+    destroy() {
+        if (this.element) {
+            this.element.remove();
+            this.element = null;
+        }
     }
-    // If an anchor was provided, initializes or updates dynamic positioning
-    if (anchor) {
-      __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_dynPos).call(this, anchor);
+    /**
+     * Hides the tooltip.
+     */
+    hide() {
+        if (this.element) {
+            this.element.menuVisible = false;
+            dom.ketchup.dynamicPosition.stop(this.element);
+            dom.ketchup.removeClickCallback(__classPrivateFieldGet(this, _KupTooltip_clickCb, "f"));
+        }
     }
-    // If the tooltip is already visible, it's pointless to go on
-    if (this.element.menuVisible) {
-      return;
+    /**
+     * Displays the tooltip.
+     * @param {KupDynamicPositionAnchor} anchor - Anchor point of the tooltip: HTML element or x/y coordinates.
+     * @param {Partial<HTMLKupCardElement>} options - Props/attributes of the tooltip.
+     */
+    show(anchor, options) {
+        // Creates the card or updates it with new options
+        if (!this.element) {
+            __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
+        }
+        else if (options) {
+            __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+        }
+        // If an anchor was provided, initializes or updates dynamic positioning
+        if (anchor) {
+            __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_dynPos).call(this, anchor);
+        }
+        // If the tooltip is already visible, it's pointless to go on
+        if (this.element.menuVisible) {
+            return;
+        }
+        // If the dynamic positioning is still to be registered, a warning is thrown
+        if (!dom.ketchup.dynamicPosition.isRegistered(this.element)) {
+            dom.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
+            return;
+        }
+        this.element.menuVisible = true;
+        dom.ketchup.addClickCallback(__classPrivateFieldGet(this, _KupTooltip_clickCb, "f"), true);
     }
-    // If the dynamic positioning is still to be registered, a warning is thrown
-    if (!dom.ketchup.dynamicPosition.isRegistered(this.element)) {
-      dom.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
-      return;
+    /**
+     * Returns whether an element was previously registered or not.
+     * @param {KupTooltipAnchor} element - Element to test.
+     * @returns {boolean} True if the element was registered.
+     */
+    isRegistered(element) {
+        return !this.managedElements
+            ? false
+            : this.managedElements.has(element);
     }
-    this.element.menuVisible = true;
-    dom.ketchup.addClickCallback(__classPrivateFieldGet(this, _KupTooltip_clickCb, "f"), true);
-  }
-  /**
-   * Returns whether an element was previously registered or not.
-   * @param {KupTooltipAnchor} element - Element to test.
-   * @returns {boolean} True if the element was registered.
-   */
-  isRegistered(element) {
-    return !this.managedElements
-      ? false
-      : this.managedElements.has(element);
-  }
-  /**
-   * Registers an HTMLElement as KupTooltipAnchor, triggering callback invocation on mouse over.
-   * @param {KupTooltipAnchor} element - The HTML element to be registered.
-   * @param {KupTooltipCallbacks} options - Optional callbacks.
-   */
-  register(element, options) {
-    this.managedElements.add(element);
-    if (options !== null && options) {
-      element.kupTooltip = options;
+    /**
+     * Registers an HTMLElement as KupTooltipAnchor, triggering callback invocation on mouse over.
+     * @param {KupTooltipAnchor} element - The HTML element to be registered.
+     * @param {KupTooltipCallbacks} options - Optional callbacks.
+     */
+    register(element, options) {
+        this.managedElements.add(element);
+        if (options !== null && options) {
+            element.kupTooltip = options;
+        }
     }
-  }
-  /**
-   * Unregisters an HTMLElement, preventing its attached callback from being invoked.
-   *
-   * @param {KupTooltipAnchor} element - - The HTML element to be unregistered.
-   */
-  unregister(element) {
-    if (this.managedElements) {
-      this.managedElements.delete(element);
+    /**
+     * Unregisters an HTMLElement, preventing its attached callback from being invoked.
+     *
+     * @param {KupTooltipAnchor} element - - The HTML element to be unregistered.
+     */
+    unregister(element) {
+        if (this.managedElements) {
+            this.managedElements.delete(element);
+        }
     }
-  }
 }
 _KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _KupTooltip_dynPos = function _KupTooltip_dynPos(anchor) {
-  if (dom.ketchup.dynamicPosition.isRegistered(this.element)) {
-    dom.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
-  }
-  else {
-    dom.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
-  }
-  dom.ketchup.dynamicPosition.start(this.element);
+    if (dom.ketchup.dynamicPosition.isRegistered(this.element)) {
+        dom.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
+    }
+    else {
+        dom.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
+    }
+    dom.ketchup.dynamicPosition.start(this.element);
 }, _KupTooltip_create = function _KupTooltip_create(options) {
-  this.element = document.createElement('kup-card');
-  this.element.id = 'kup-tooltip';
-  this.element.isMenu = true;
-  this.element.layoutNumber = 15;
-  this.element.sizeX = 'auto';
-  this.element.sizeY = 'auto';
-  if (options) {
-    __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
-  }
-  document.body.appendChild(this.element);
-  __classPrivateFieldSet(this, _KupTooltip_clickCb, {
-    cb: () => {
-      this.hide();
-    },
-    el: this.element,
-  }, "f");
+    this.element = document.createElement('kup-card');
+    this.element.id = 'kup-tooltip';
+    this.element.isMenu = true;
+    this.element.layoutNumber = 15;
+    this.element.sizeX = 'auto';
+    this.element.sizeY = 'auto';
+    if (options) {
+        __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+    }
+    document.body.appendChild(this.element);
+    __classPrivateFieldSet(this, _KupTooltip_clickCb, {
+        cb: () => {
+            this.hide();
+        },
+        el: this.element,
+    }, "f");
 }, _KupTooltip_setOptions = function _KupTooltip_setOptions(options) {
-  for (const key in options) {
-    if (Object.prototype.hasOwnProperty.call(options, key)) {
-      const prop = options[key];
-      this.element[key] = prop;
+    for (const key in options) {
+        if (Object.prototype.hasOwnProperty.call(options, key)) {
+            const prop = options[key];
+            this.element[key] = prop;
+        }
     }
-  }
 };