@sme.up/ketchup 8.0.1 → 8.1.0

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

@@ -1,229 +1,229 @@
-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);
-};
-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;
-};
-var _KupTooltip_instances, _KupTooltip_clickCb, _KupTooltip_dynPos, _KupTooltip_create, _KupTooltip_setOptions;
-import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
-const dom = document.documentElement;
-/**
- * Handles application-wide tooltip using card component.
- * @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);
-          }
-        }
-        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
-            }
-            else {
-              this.currentAnchor = element;
-              if (callbacks.enter) {
-                if (this.delay) {
-                  this.timeout = setTimeout(enterHandler.bind(enterHandler, element), this.delay);
-                }
-                else {
-                  enterHandler(element);
-                }
-              }
-            }
-          }
-        }
-      }
-    });
-  }
-  /**
-   * 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 (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);
-  }
-  /**
-   * 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;
-    }
-  }
-  /**
-   * 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);
-}, _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");
-}, _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;
-    }
-  }
-};
+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);
+};
+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;
+};
+var _KupTooltip_instances, _KupTooltip_clickCb, _KupTooltip_dynPos, _KupTooltip_create, _KupTooltip_setOptions;
+import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
+const dom = document.documentElement;
+/**
+ * Handles application-wide tooltip using card component.
+ * @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);
+          }
+        }
+        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
+            }
+            else {
+              this.currentAnchor = element;
+              if (callbacks.enter) {
+                if (this.delay) {
+                  this.timeout = setTimeout(enterHandler.bind(enterHandler, element), this.delay);
+                }
+                else {
+                  enterHandler(element);
+                }
+              }
+            }
+          }
+        }
+      }
+    });
+  }
+  /**
+   * 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 (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);
+  }
+  /**
+   * 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;
+    }
+  }
+  /**
+   * 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);
+}, _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");
+}, _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;
+    }
+  }
+};

package/dist/collection/types/GenericTypes.js

@@ -1,54 +1,54 @@
-/**
- * Ketchup elements tag names.
- */
-export var KupTagNames;
-(function (KupTagNames) {
-  KupTagNames["ACCORDION"] = "KUP-ACCORDION";
-  KupTagNames["AUTOCOMPLETE"] = "KUP-AUTOCOMPLETE";
-  KupTagNames["BADGE"] = "KUP-BADGE";
-  KupTagNames["BOX"] = "KUP-BOX";
-  KupTagNames["BUTTON"] = "KUP-BUTTON";
-  KupTagNames["BUTTON_LIST"] = "KUP-BUTTON-LIST";
-  KupTagNames["CALENDAR"] = "KUP-CALENDAR";
-  KupTagNames["CARD"] = "KUP-CARD";
-  KupTagNames["CELL"] = "KUP-CELL";
-  KupTagNames["CHART"] = "KUP-CHART";
-  KupTagNames["CHECKBOX"] = "KUP-CHECKBOX";
-  KupTagNames["CHIP"] = "KUP-CHIP";
-  KupTagNames["COLOR_PICKER"] = "KUP-COLOR-PICKER";
-  KupTagNames["COMBOBOX"] = "KUP-COMBOBOX";
-  KupTagNames["DASH"] = "KUP-DASH";
-  KupTagNames["DASH_LIST"] = "KUP-DASH-LIST";
-  KupTagNames["DASHBOARD"] = "KUP-DASHBOARD";
-  KupTagNames["DATA_TABLE"] = "KUP-DATA-TABLE";
-  KupTagNames["DATE_PICKER"] = "KUP-DATE-PICKER";
-  KupTagNames["DIALOG"] = "KUP-DIALOG";
-  KupTagNames["DRAWER"] = "KUP-DRAWER";
-  KupTagNames["DROPDOWN_BUTTON"] = "KUP-DROPDOWN-BUTTON";
-  KupTagNames["FAMILY_TREE"] = "KUP-FAMILY-TREE";
-  KupTagNames["FORM"] = "KUP-FORM";
-  KupTagNames["GAUGE"] = "KUP-GAUGE";
-  KupTagNames["GRID"] = "KUP-GRID";
-  KupTagNames["IFRAME"] = "KUP-IFRAME";
-  KupTagNames["IMAGE"] = "KUP-IMAGE";
-  KupTagNames["IMAGE_LIST"] = "KUP-IMAGE-LIST";
-  KupTagNames["LAZY"] = "KUP-LAZY";
-  KupTagNames["LIST"] = "KUP-LIST";
-  KupTagNames["MAGIC_BOX"] = "KUP-MAGIC-BOX";
-  KupTagNames["NAV_BAR"] = "KUP-NAV-BAR";
-  KupTagNames["NUMERIC_PICKER"] = "KUP-NUMERIC-PICKER";
-  KupTagNames["PLANNER"] = "KUP-PLANNER";
-  KupTagNames["PROBE"] = "KUP-PROBE";
-  KupTagNames["PROGRESS_BAR"] = "KUP-PROGRESS-BAR";
-  KupTagNames["QLIK"] = "KUP-QLIK";
-  KupTagNames["RADIO"] = "KUP-RADIO";
-  KupTagNames["RATING"] = "KUP-RATING";
-  KupTagNames["SNACKBAR"] = "KUP-SNACKBAR";
-  KupTagNames["SPINNER"] = "KUP-SPINNER";
-  KupTagNames["SWITCH"] = "KUP-SWITCH";
-  KupTagNames["TAB_BAR"] = "KUP-TAB-BAR";
-  KupTagNames["TEXT_FIELD"] = "KUP-TEXT-FIELD";
-  KupTagNames["TIME_PICKER"] = "KUP-TIME-PICKER";
-  KupTagNames["TOOLTIP"] = "KUP-TOOLTIP";
-  KupTagNames["TREE"] = "KUP-TREE";
-})(KupTagNames || (KupTagNames = {}));
+/**
+ * Ketchup elements tag names.
+ */
+export var KupTagNames;
+(function (KupTagNames) {
+  KupTagNames["ACCORDION"] = "KUP-ACCORDION";
+  KupTagNames["AUTOCOMPLETE"] = "KUP-AUTOCOMPLETE";
+  KupTagNames["BADGE"] = "KUP-BADGE";
+  KupTagNames["BOX"] = "KUP-BOX";
+  KupTagNames["BUTTON"] = "KUP-BUTTON";
+  KupTagNames["BUTTON_LIST"] = "KUP-BUTTON-LIST";
+  KupTagNames["CALENDAR"] = "KUP-CALENDAR";
+  KupTagNames["CARD"] = "KUP-CARD";
+  KupTagNames["CELL"] = "KUP-CELL";
+  KupTagNames["CHART"] = "KUP-CHART";
+  KupTagNames["CHECKBOX"] = "KUP-CHECKBOX";
+  KupTagNames["CHIP"] = "KUP-CHIP";
+  KupTagNames["COLOR_PICKER"] = "KUP-COLOR-PICKER";
+  KupTagNames["COMBOBOX"] = "KUP-COMBOBOX";
+  KupTagNames["DASH"] = "KUP-DASH";
+  KupTagNames["DASH_LIST"] = "KUP-DASH-LIST";
+  KupTagNames["DASHBOARD"] = "KUP-DASHBOARD";
+  KupTagNames["DATA_TABLE"] = "KUP-DATA-TABLE";
+  KupTagNames["DATE_PICKER"] = "KUP-DATE-PICKER";
+  KupTagNames["DIALOG"] = "KUP-DIALOG";
+  KupTagNames["DRAWER"] = "KUP-DRAWER";
+  KupTagNames["DROPDOWN_BUTTON"] = "KUP-DROPDOWN-BUTTON";
+  KupTagNames["FAMILY_TREE"] = "KUP-FAMILY-TREE";
+  KupTagNames["FORM"] = "KUP-FORM";
+  KupTagNames["GAUGE"] = "KUP-GAUGE";
+  KupTagNames["GRID"] = "KUP-GRID";
+  KupTagNames["IFRAME"] = "KUP-IFRAME";
+  KupTagNames["IMAGE"] = "KUP-IMAGE";
+  KupTagNames["IMAGE_LIST"] = "KUP-IMAGE-LIST";
+  KupTagNames["LAZY"] = "KUP-LAZY";
+  KupTagNames["LIST"] = "KUP-LIST";
+  KupTagNames["MAGIC_BOX"] = "KUP-MAGIC-BOX";
+  KupTagNames["NAV_BAR"] = "KUP-NAV-BAR";
+  KupTagNames["NUMERIC_PICKER"] = "KUP-NUMERIC-PICKER";
+  KupTagNames["PLANNER"] = "KUP-PLANNER";
+  KupTagNames["PROBE"] = "KUP-PROBE";
+  KupTagNames["PROGRESS_BAR"] = "KUP-PROGRESS-BAR";
+  KupTagNames["QLIK"] = "KUP-QLIK";
+  KupTagNames["RADIO"] = "KUP-RADIO";
+  KupTagNames["RATING"] = "KUP-RATING";
+  KupTagNames["SNACKBAR"] = "KUP-SNACKBAR";
+  KupTagNames["SPINNER"] = "KUP-SPINNER";
+  KupTagNames["SWITCH"] = "KUP-SWITCH";
+  KupTagNames["TAB_BAR"] = "KUP-TAB-BAR";
+  KupTagNames["TEXT_FIELD"] = "KUP-TEXT-FIELD";
+  KupTagNames["TIME_PICKER"] = "KUP-TIME-PICKER";
+  KupTagNames["TOOLTIP"] = "KUP-TOOLTIP";
+  KupTagNames["TREE"] = "KUP-TREE";
+})(KupTagNames || (KupTagNames = {}));