@sebgroup/green-core 1.32.0 → 1.33.1

package/chunks/{chunk.RALLT724.js → chunk.44INOX6Q.js}

@@ -1,9 +1,9 @@
+import {
+  tokens
+} from "./chunk.N7ZDV72U.js";
 import {
   TransitionalStyles
 } from "./chunk.UZLOEUQK.js";
-import {
-  tokens
-} from "./chunk.Y4GPJIXU.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.3NWU65G2.js → chunk.7OKPP3DZ.js}

@@ -1,15 +1,15 @@
 import {
   GdsFormControlElement
-} from "./chunk.YT5MTXP5.js";
+} from "./chunk.2BMJPIND.js";
 import {
   constrainSlots
 } from "./chunk.KBYQYDL3.js";
+import {
+  tokens
+} from "./chunk.N7ZDV72U.js";
 import {
   TransitionalStyles
 } from "./chunk.UZLOEUQK.js";
-import {
-  tokens
-} from "./chunk.Y4GPJIXU.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.UOT5KPZH.js → chunk.DD3PZZQL.js}

@@ -1,6 +1,6 @@
 import {
   GdsFormControlElement
-} from "./chunk.YT5MTXP5.js";
+} from "./chunk.2BMJPIND.js";
 import {
   observeLightDOM
 } from "./chunk.WM7HBMMV.js";

package/chunks/chunk.EN4BB5CC.js

@@ -0,0 +1,336 @@
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/coachmark/coachmark.ts
+import { property, state } from "lit/decorators.js";
+import {
+  computePosition,
+  detectOverflow,
+  arrow,
+  shift,
+  offset,
+  hide,
+  flip,
+  autoUpdate
+} from "@floating-ui/dom";
+import { ref, createRef } from "lit/directives/ref.js";
+
+// libs/core/src/components/coachmark/coachmark.styles.ts
+import { css } from "lit";
+var style = css`
+  .gds-coachmark {
+    visibility: hidden;
+    position: absolute;
+    z-index: 1060;
+    box-sizing: border-box;
+    padding: 1rem;
+    width: 20rem;
+    border-radius: 0.25rem;
+    background-color: #222;
+    color: #fff;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+  #gds-arrow {
+    box-sizing: border-box;
+    z-index: -1;
+    position: absolute;
+    height: 1rem;
+    width: 1rem;
+    background-color: #222;
+    transform: rotate(45deg);
+  }
+
+  .arrow-top,
+  .arrow-top-start,
+  .arrow-top-end {
+    bottom: -0.5rem;
+  }
+
+  .arrow-bottom,
+  .arrow-bottom-start,
+  .arrow-bottom-end {
+    top: -0.5rem;
+  }
+
+  .arrow-left,
+  .arrow-left-start,
+  .arrow-left-end {
+    right: -0.5rem;
+  }
+
+  .arrow-right,
+  .arrow-right-start,
+  .arrow-right-end {
+    left: -0.5rem;
+  }
+`;
+var coachmark_styles_default = style;
+
+// libs/core/src/components/coachmark/coachmark.ts
+import { when } from "lit/directives/when.js";
+var _cardRef, _arrowRef, _targetedElement, _autoUpdateCleanupFn, _closeCoachMark, closeCoachMark_fn, _findTarget, findTarget_fn, _checkBoundingRect, checkBoundingRect_fn, _checkOverlap, checkOverlap_fn, _isElementOutsideView, isElementOutsideView_fn, _computeTooltipPosition, computeTooltipPosition_fn, _shouldTooltipBeVisible, shouldTooltipBeVisible_fn, _updateCoachmarks, updateCoachmarks_fn;
+var GdsCoachmark = class extends GdsElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _closeCoachMark);
+    __privateAdd(this, _findTarget);
+    __privateAdd(this, _checkBoundingRect);
+    __privateAdd(this, _checkOverlap);
+    __privateAdd(this, _isElementOutsideView);
+    __privateAdd(this, _computeTooltipPosition);
+    __privateAdd(this, _shouldTooltipBeVisible);
+    __privateAdd(this, _updateCoachmarks);
+    __privateAdd(this, _cardRef, createRef());
+    __privateAdd(this, _arrowRef, createRef());
+    __privateAdd(this, _targetedElement, void 0);
+    __privateAdd(this, _autoUpdateCleanupFn, void 0);
+    this._isVisible = false;
+    this._preventClose = false;
+    this.placement = "bottom";
+    this.overlappedBy = [];
+    this.target = [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    document.addEventListener("click", () => {
+      setTimeout(() => {
+        __privateMethod(this, _updateCoachmarks, updateCoachmarks_fn).call(this);
+        __privateMethod(this, _closeCoachMark, closeCoachMark_fn).call(this);
+      }, 400);
+    });
+    document.addEventListener("keydown", (event) => {
+      if (event.key === "Escape" && this._isVisible) {
+        __privateMethod(this, _closeCoachMark, closeCoachMark_fn).call(this);
+      }
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("click", __privateMethod(this, _closeCoachMark, closeCoachMark_fn));
+    document.removeEventListener("keydown", (event) => {
+      if (event.key === "Escape" && this._isVisible) {
+        __privateMethod(this, _closeCoachMark, closeCoachMark_fn).call(this);
+      }
+    });
+  }
+  firstUpdated() {
+    if (this.target.length > 0) {
+      __privateSet(this, _targetedElement, __privateMethod(this, _findTarget, findTarget_fn).call(this, this.target));
+      __privateMethod(this, _updateCoachmarks, updateCoachmarks_fn).call(this);
+    }
+  }
+  setPreventClose(preventClose) {
+    this._preventClose = preventClose;
+  }
+  render() {
+    return html`${when(
+      this.target.length > 0,
+      () => html`
+        <div
+          role="dialog"
+          class="gds-coachmark"
+          aria-label="Coachmark"
+          ${ref(__privateGet(this, _cardRef))}
+        >
+          <slot></slot>
+          <div id="gds-arrow" ${ref(__privateGet(this, _arrowRef))}></div>
+        </div>
+      `,
+      () => html``
+    )}`;
+  }
+};
+_cardRef = new WeakMap();
+_arrowRef = new WeakMap();
+_targetedElement = new WeakMap();
+_autoUpdateCleanupFn = new WeakMap();
+_closeCoachMark = new WeakSet();
+closeCoachMark_fn = function() {
+  var _a, _b;
+  if (!this._isVisible)
+    return;
+  this._isVisible = false;
+  (_a = __privateGet(this, _cardRef).value) == null ? void 0 : _a.remove();
+  (_b = __privateGet(this, _autoUpdateCleanupFn)) == null ? void 0 : _b.call(this);
+  window.dispatchEvent(new CustomEvent("tooltipClosed"));
+};
+_findTarget = new WeakSet();
+findTarget_fn = function(selectors) {
+  let shadow = false;
+  let el = void 0;
+  for (const selector of selectors) {
+    if (selector === "shadowRoot") {
+      shadow = true;
+      continue;
+    }
+    if (!el) {
+      el = document.querySelector(selector);
+    } else if (shadow && el.shadowRoot) {
+      el = el.shadowRoot.querySelector(selector);
+      shadow = false;
+    } else {
+      el = el.querySelector(selector);
+    }
+  }
+  return el;
+};
+_checkBoundingRect = new WeakSet();
+checkBoundingRect_fn = function(element, overlappedElement) {
+  if (element == overlappedElement)
+    return;
+  const elementRect = element.getBoundingClientRect();
+  const overlappedElementRect = overlappedElement.getBoundingClientRect();
+  return elementRect.top < overlappedElementRect.bottom && elementRect.bottom > overlappedElementRect.top && elementRect.left < overlappedElementRect.right && elementRect.right > overlappedElementRect.left;
+};
+_checkOverlap = new WeakSet();
+checkOverlap_fn = function(selectors) {
+  if (!selectors)
+    return false;
+  for (const selector of selectors) {
+    const el = document.querySelector(selector);
+    if (!el || getComputedStyle(el).visibility === "hidden")
+      continue;
+    if (__privateMethod(this, _checkBoundingRect, checkBoundingRect_fn).call(this, __privateGet(this, _targetedElement), el)) {
+      return true;
+    }
+  }
+  return false;
+};
+_isElementOutsideView = new WeakSet();
+isElementOutsideView_fn = function(element) {
+  const elementRect = element.getBoundingClientRect();
+  const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+  const windowWidth = window.innerWidth || document.documentElement.clientWidth;
+  return elementRect.top + elementRect.height < 0 || elementRect.top > windowHeight || elementRect.left + elementRect.width < 0 || elementRect.left > windowWidth;
+};
+_computeTooltipPosition = new WeakSet();
+computeTooltipPosition_fn = async function(targetedEl, componentEl, arrowEl) {
+  return computePosition(targetedEl, componentEl, {
+    placement: this.placement,
+    middleware: [
+      offset(() => ({
+        mainAxis: 16,
+        alignmentAxis: 16
+      })),
+      {
+        name: "detectOverflow",
+        async fn(positionState) {
+          const overflow = await detectOverflow(positionState, {
+            boundary: document.querySelector("main"),
+            rootBoundary: "document",
+            altBoundary: true,
+            padding: {
+              top: 167,
+              left: 20
+            }
+          });
+          return {
+            data: overflow
+          };
+        }
+      },
+      shift({ padding: 16 }),
+      flip(),
+      hide(),
+      arrow({
+        padding: 16,
+        element: arrowEl
+      })
+    ]
+  });
+};
+_shouldTooltipBeVisible = new WeakSet();
+shouldTooltipBeVisible_fn = function() {
+  if (!__privateGet(this, _targetedElement))
+    return false;
+  const isOutOfBound = __privateMethod(this, _isElementOutsideView, isElementOutsideView_fn).call(this, __privateGet(this, _targetedElement));
+  const isVisible = __privateGet(this, _targetedElement).checkVisibility();
+  const isOverlapping = this.overlappedBy.length === 0 ? false : __privateMethod(this, _checkOverlap, checkOverlap_fn).call(this, this.overlappedBy);
+  return !isOverlapping && !isOutOfBound && isVisible && window.innerWidth > 580;
+};
+_updateCoachmarks = new WeakSet();
+updateCoachmarks_fn = async function() {
+  const targetEl = __privateGet(this, _targetedElement);
+  const componentEl = __privateGet(this, _cardRef).value;
+  const arrowEl = __privateGet(this, _arrowRef).value;
+  if (!targetEl || !componentEl || !arrowEl)
+    return;
+  try {
+    __privateSet(this, _autoUpdateCleanupFn, autoUpdate(targetEl, componentEl, () => {
+      __privateMethod(this, _computeTooltipPosition, computeTooltipPosition_fn).call(this, targetEl, componentEl, arrowEl).then(
+        ({ x, y, middlewareData, placement }) => {
+          if (__privateMethod(this, _shouldTooltipBeVisible, shouldTooltipBeVisible_fn).call(this)) {
+            this._isVisible = true;
+            Object.assign(componentEl.style, {
+              visibility: "visible",
+              opacity: 1,
+              left: `${x}px`,
+              top: `${y}px`
+            });
+            if (middlewareData.arrow) {
+              const { x: x2, y: y2 } = middlewareData.arrow;
+              arrowEl.removeAttribute("class");
+              arrowEl.classList.add("arrow-" + placement);
+              Object.assign(arrowEl.style, {
+                left: x2 != null ? `${x2}px` : "",
+                top: y2 != null ? `${y2}px` : ""
+              });
+            }
+          } else {
+            this._isVisible = false;
+            Object.assign(componentEl.style, {
+              visibility: "hidden",
+              opacity: 0
+            });
+          }
+        }
+      );
+    }));
+  } catch (error) {
+    console.warn("failed to render tooltips");
+  }
+};
+GdsCoachmark.styles = coachmark_styles_default;
+/**
+ * @internal
+ */
+GdsCoachmark.shadowRootOptions = {
+  mode: "open",
+  delegatesFocus: true
+};
+__decorateClass([
+  state()
+], GdsCoachmark.prototype, "_isVisible", 2);
+__decorateClass([
+  state()
+], GdsCoachmark.prototype, "_preventClose", 2);
+__decorateClass([
+  property()
+], GdsCoachmark.prototype, "placement", 2);
+__decorateClass([
+  property({ attribute: false })
+], GdsCoachmark.prototype, "overlappedBy", 2);
+__decorateClass([
+  property({ attribute: false })
+], GdsCoachmark.prototype, "target", 2);
+GdsCoachmark = __decorateClass([
+  gdsCustomElement("gds-coachmark")
+], GdsCoachmark);
+
+export {
+  GdsCoachmark
+};

package/chunks/{chunk.SIAKY7DM.js → chunk.G2ODZH2U.js}

@@ -1,6 +1,6 @@
 import {
   GdsContainer
-} from "./chunk.CIWHLTEC.js";
+} from "./chunk.HTNISYXL.js";
 import {
   flex_style_css_default
 } from "./chunk.54252E4T.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.DH47VYYQ.js → chunk.H6ZPWD4U.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.CIWHLTEC.js → chunk.HTNISYXL.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.432YVDHB.js → chunk.IHECIBCG.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.BEYBLGU3.js → chunk.J6JSFGOO.js}

@@ -1,15 +1,15 @@
-import {
-  GdsContainer
-} from "./chunk.CIWHLTEC.js";
 import {
   card_style_css_default
 } from "./chunk.3ULLOORV.js";
+import {
+  GdsContainer
+} from "./chunk.HTNISYXL.js";
 import {
   styleExpressionProperty
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.YDZD6ZMG.js → chunk.L7R4SS4F.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.X32AG3RQ.js → chunk.LDDPKW2I.js}

@@ -1,9 +1,12 @@
+import {
+  divider_style_css_default
+} from "./chunk.VS5JKIZQ.js";
 import {
   styleExpressionProperty
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -11,9 +14,6 @@ import {
   gdsCustomElement,
   html
 } from "./chunk.VOYMQ322.js";
-import {
-  divider_style_css_default
-} from "./chunk.VS5JKIZQ.js";
 import {
   __decorateClass
 } from "./chunk.5VURDMKE.js";

package/chunks/{chunk.Y4GPJIXU.js → chunk.N7ZDV72U.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css?inline
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 16:10:23 GMT
+ * Generated on Tue, 20 Aug 2024 14:16:00 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css?inline
 var light_default = `/**
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 16:10:23 GMT
+ * Generated on Tue, 20 Aug 2024 14:16:00 GMT
  */
 
 :host {
@@ -286,7 +286,7 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css?inline
 var size_default = `/**
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 16:10:23 GMT
+ * Generated on Tue, 20 Aug 2024 14:16:00 GMT
  */
 
 :host {
@@ -313,7 +313,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/text.css?inline
 var text_default = `/**
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 16:10:23 GMT
+ * Generated on Tue, 20 Aug 2024 14:16:00 GMT
  */
 
 :host {
@@ -368,7 +368,7 @@ var text_default = `/**
 // dist/libs/tokens/internal/motion.css?inline
 var motion_default = `/**
  * Do not edit directly
- * Generated on Fri, 19 Jul 2024 16:10:23 GMT
+ * Generated on Tue, 20 Aug 2024 14:16:00 GMT
  */
 
 :host {

package/chunks/{chunk.2YZSLAXQ.js → chunk.NRN7Y5ES.js}

@@ -1,12 +1,12 @@
-import {
-  text_style_css_default
-} from "./chunk.KK4QVD34.js";
 import {
   styleExpressionProperty
 } from "./chunk.ADPMTWTS.js";
+import {
+  text_style_css_default
+} from "./chunk.KK4QVD34.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.MR6N3VAU.js → chunk.PMCB4BYA.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.2HUICVEB.js → chunk.RCJVJ5VM.js}

@@ -1,21 +1,21 @@
 import {
   GdsSegment
-} from "./chunk.RALLT724.js";
+} from "./chunk.44INOX6Q.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
+import {
+  tokens
+} from "./chunk.N7ZDV72U.js";
 import {
   TransitionalStyles
 } from "./chunk.UZLOEUQK.js";
 import {
-  tokens
-} from "./chunk.Y4GPJIXU.js";
+  watch
+} from "./chunk.2WO4NHJ2.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
-import {
-  watch
-} from "./chunk.2WO4NHJ2.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.VGYE44DX.js → chunk.RJLDOSCI.js}

@@ -4,12 +4,12 @@ import {
 import {
   TransitionalStyles
 } from "./chunk.UZLOEUQK.js";
-import {
-  GdsElement
-} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";
@@ -399,7 +399,7 @@ __decorateClass([
   property()
 ], GdsPopover.prototype, "placement", 2);
 __decorateClass([
-  property()
+  property({ type: Boolean })
 ], GdsPopover.prototype, "disableMobileStyles", 2);
 __decorateClass([
   property({ attribute: false })

package/chunks/{chunk.YRDSZC4U.js → chunk.U5ECEDDY.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/chunk.VOYMQ322.js

@@ -1,7 +1,7 @@
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-3b89e7";
+var VER_SUFFIX = "-2db394";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

package/chunks/{chunk.CF2FHRNR.js → chunk.VY6YCCEC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.Y4GPJIXU.js";
+} from "./chunk.N7ZDV72U.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.QVRZK3CQ.js → chunk.XMGKJ4R2.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.C3ECHGX7.js";
 import {
   GdsFormControlElement
-} from "./chunk.YT5MTXP5.js";
+} from "./chunk.2BMJPIND.js";
 import {
   TransitionalStyles
 } from "./chunk.UZLOEUQK.js";

package/chunks/{chunk.KJKUEZ33.js → chunk.Z27WVNGN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.C3ECHGX7.js";
 import {
   GdsFormControlElement
-} from "./chunk.YT5MTXP5.js";
+} from "./chunk.2BMJPIND.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/components/button/button.js

@@ -1,16 +1,16 @@
 import {
   GdsButton
-} from "../../chunks/chunk.3NWU65G2.js";
+} from "../../chunks/chunk.7OKPP3DZ.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.YRDSZC4U.js";
-import "../../chunks/chunk.YT5MTXP5.js";
+import "../../chunks/chunk.U5ECEDDY.js";
+import "../../chunks/chunk.2BMJPIND.js";
 import "../../chunks/chunk.WM7HBMMV.js";
 import "../../chunks/chunk.KBYQYDL3.js";
+import "../../chunks/chunk.N7ZDV72U.js";
 import "../../chunks/chunk.UZLOEUQK.js";
-import "../../chunks/chunk.Y4GPJIXU.js";
+import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
-import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.YO24ZYAD.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";