@storyblok/js 6.3.0 → 6.3.2

package/dist/index-CtMAhUF-.js

@@ -1,576 +0,0 @@
-/**
- * name: @storyblok/js
- * (c) 2026
- * description: SDK to integrate Storyblok into your project using JavaScript.
- * author: undefined
- */
-const M = (o, t) => {
-  for (; o && o.nodeType === 1; ) {
-    if (o.hasAttribute(t)) return o;
-    o = o.parentNode;
-  }
-  return null;
-}, y = (o) => {
-  const t = M(o, "data-blok-c");
-  if (!t) return null;
-  const e = t.getAttribute("data-blok-c");
-  return JSON.parse(e);
-}, A = (o, t) => o.contains(t), l = (o) => document.querySelector(`[data-blok-uid="${o}"]`), g = (o) => {
-  const t = o.getBoundingClientRect();
-  return t.top < 0 && t.top + t.height >= 0 || t.top >= 0 && t.top <= (window.innerHeight || document.documentElement.clientHeight);
-}, I = (o) => {
-  let t = {};
-  try {
-    const e = o.replace(/\\/g, "");
-    t = JSON.parse(e);
-  } catch {
-    console.error("Error parsing json", o);
-  }
-  return t;
-}, N = (o) => {
-  const t = [], e = () => NodeFilter.FILTER_ACCEPT, n = document.createNodeIterator(o, NodeFilter.SHOW_COMMENT, e, !1);
-  let s = {};
-  for (; s = n.nextNode(); ) if (s.nodeValue.indexOf("#storyblok#") > -1) {
-    const r = s.nodeValue.replace("#storyblok#", ""), u = s.nextElementSibling || s.nextSibling, d = I(r);
-    d && t.push({ options: d, el: u });
-  }
-  return t;
-}, f = (o) => {
-  let t = "";
-  return location.search.substr(1).split("&").forEach((e) => {
-    const n = e.split("=");
-    n[0] === o && (t = decodeURIComponent(n[1]));
-  }), t;
-}, O = (o, t, e) => typeof o != "string" ? "" : o.toString().replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/[_-]/g, " ").replace(/(?:^|\s)\S/g, function(n, s) {
-  return n.toUpperCase();
-}), E = (o) => o && o.display_name ? o.display_name : O(o.name), k = (o) => {
-  const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.setAttribute("viewBox", o.viewBox), t.setAttribute("class", o.svgClass);
-  const e = document.createElementNS(t.namespaceURI, "path");
-  return e.setAttribute("d", o.path), e.setAttribute("fill", o.pathFill), e.setAttribute("transform", o.pathTransform ? o.pathTransform : "translate(0 0)"), t.appendChild(e), t;
-}, x = (o) => o, C = x, v = C`
-  @keyframes smoke {
-    from {
-      background-color: rgba(89, 197, 198, 0);
-    }
-    to {
-      background-color: rgba(89, 197, 198, 0.5);
-    }
-  }
-
-  .storyblok--outlined .storyblok__outline,
-  .storyblok--outlined [data-blok-c] {
-    outline: 1px dashed rgba(182, 186, 191, 0.5);
-  }
-
-  .storyblok--outlined .storyblok__outline[data-blok-focused='true'],
-  .storyblok--outlined [data-blok-c][data-blok-focused='true'] {
-    outline: 0;
-  }
-
-  .storyblok__hint {
-    box-sizing: border-box;
-    outline: 1px solid #05807f;
-    pointer-events: none;
-    position: absolute;
-    transition: opacity 0.2s ease;
-    z-index: 16777272;
-  }
-
-  .storyblok__highlight {
-    background: rgba(89, 197, 198, 0.2);
-    outline: 1px solid #05807f;
-    pointer-events: none;
-    position: absolute;
-    transition: opacity 0.2s ease;
-    z-index: 16777270;
-  }
-
-  .storyblok__overlay {
-    box-shadow: 0 0 8px 2px rgba(34, 42, 69, 0.07);
-    box-sizing: border-box;
-    outline: 1px solid #05807f;
-    pointer-events: none;
-    position: absolute;
-    z-index: 16777273;
-  }
-
-  .storyblok__overlay-menu {
-    background-color: #05807f;
-    border-radius: 5px;
-    display: inline-flex;
-    font-family:
-      -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial,
-      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-    height: 30px;
-    left: -1px;
-    pointer-events: auto;
-    position: absolute;
-    top: -40px;
-  }
-
-  .storyblok__overlay-menu--simple .storyblok__overlay-menu-btn {
-    border-bottom-right-radius: 5px;
-    border-top-right-radius: 5px;
-  }
-
-  .storyblok__overlay-menu-label {
-    color: #fff;
-    font-size: 14px;
-    line-height: 30px;
-    margin-right: 20px;
-    max-width: 200px;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .storyblok__overlay-menu-label:first-child {
-    margin-left: 20px;
-  }
-
-  .storyblok__overlay-menu-btn {
-    align-items: center;
-    background-color: transparent;
-    border: 0;
-    display: flex;
-    justify-content: center;
-    outline: none;
-    padding: 0;
-  }
-
-  .storyblok__overlay-menu-btn:hover {
-    background-color: #0d5454;
-  }
-
-  .storyblok__overlay-menu-btn-action {
-    border-bottom-right-radius: 5px;
-    border-left: 1px solid #fff;
-    border-top-right-radius: 5px;
-    height: inherit;
-    margin: auto;
-    margin-right: 0;
-  }
-
-  .storyblok__overlay-menu-btn-parent {
-    border-bottom-left-radius: 5px;
-    border-top-left-radius: 5px;
-    cursor: pointer;
-    margin: 0;
-    width: auto;
-  }
-
-  .storyblok__overlay-menu-svg {
-    box-sizing: border-box;
-    cursor: pointer;
-    height: 24px;
-    margin: 0 3px;
-    width: 24px;
-  }
-
-  .storyblok__overlay--bottom .storyblok__overlay-menu {
-    bottom: -40px;
-    top: auto;
-  }
-
-  .storyblok__overlay--clicked {
-    animation-duration: 0.2s;
-    animation-iteration-count: 1;
-    animation-name: smoke;
-  }
-
-  .storyblok__actions-menu,
-  .storyblok__breadcrumbs-menu {
-    background-color: #fff;
-    border: 1px solid #dfe3e8;
-    border-radius: 5px;
-    box-shadow: 0 2px 17px 3px rgba(34, 42, 69, 0.07);
-    box-sizing: content-box;
-    display: none;
-    height: fit-content;
-    min-width: 156px;
-    overflow: hidden;
-    padding: 11px 0;
-    position: absolute;
-    top: 25px;
-    z-index: 2;
-  }
-
-  .storyblok__actions-menu hr,
-  .storyblok__breadcrumbs-menu hr {
-    background-color: #dfe3e8;
-    border: 0;
-    height: 1px;
-    margin: 11px 0 11px 20px;
-  }
-
-  .storyblok__actions-menu__menu-item,
-  .storyblok__breadcrumbs-menu__menu-item {
-    align-items: center;
-    appearance: none;
-    background: #fff;
-    border: 0;
-    color: #1b243f;
-    cursor: pointer;
-    display: flex;
-    font-family:
-      -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial,
-      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-    font-size: 14px;
-    padding: 8px 20px;
-    text-align: left;
-    width: 100%;
-  }
-
-  .storyblok__actions-menu__menu-item--delete,
-  .storyblok__breadcrumbs-menu__menu-item--delete {
-    color: #c11c14;
-    margin-bottom: 0;
-  }
-
-  .storyblok__actions-menu__menu-item--selected,
-  .storyblok__breadcrumbs-menu__menu-item--selected {
-    color: #05807f;
-    cursor: default;
-    margin-bottom: 0;
-  }
-
-  .storyblok__actions-menu__menu-item--selected:hover,
-  .storyblok__breadcrumbs-menu__menu-item--selected:hover {
-    background: transparent;
-  }
-
-  .storyblok__actions-menu__menu-item:hover,
-  .storyblok__breadcrumbs-menu__menu-item:hover {
-    background: #eff1f3;
-  }
-
-  .storyblok__actions-menu__menu-item:focus,
-  .storyblok__breadcrumbs-menu__menu-item:focus {
-    outline: none;
-  }
-
-  .storyblok__actions-menu {
-    left: calc(100% - 20px);
-  }
-
-  .storyblok__breadcrumbs-menu {
-    left: -10px;
-  }
-`, i = { OUTLINE: "storyblok--outlined", STYLESHEET: "storyblok-bridge-stylesheet", HINT: "storyblok__hint", HIGHLIGHTER: "storyblok__highlight", OVERLAY: "storyblok__overlay", COMPONENT_BASE: "storyblok__overlay-menu", ACTIONS_MENU: "storyblok__actions-menu", BREADCRUMBS_MENU: "storyblok__breadcrumbs-menu" };
-class w {
-  constructor(t) {
-    this.appVersion = "v1", this.inEditor = !0, this.initialized = !1, this.currentUid = null, this.storyId = "", this.componentNames = {}, this.outlineOnMoveInterval = null, this.calcInterval = null, this.canAddBlocks = !1, this.canMoveForward = !1, this.canMoveBackward = !1, this.canDeleteBlocks = !1, this.navigationBreadcrumbs = [], this.focusState = !1, this.actionsEnabled = !1, this.hinter = null, this.highlighter = null, this.overlay = null, this.componentBase = null, this.componentLabel = null, this.breadcrumbsButtonMenu = null, this.breadcrumbsMenu = null, this.actionsMenu = null, this.actionsMenuButton = null, this.actionsMenuItems = null, this.events = { input: [], change: [], published: [], unpublished: [], viewLiveVersion: [], enterEditmode: [], enterComponent: [], hoverComponent: [], highlightComponent: [], customEvent: [], pingBack: [], sessionReceived: [], editedBlok: [], deselectBlok: [], addedBlock: [], deletedBlock: [], movedBlock: [], duplicatedBlock: [] };
-    const e = { customParent: null, resolveRelations: null, resolveLinks: null, preventClicks: !1, initOnlyOnce: !0, fallbackLang: null };
-    this.config = { ...e, ...t }, this.init();
-  }
-  get isInIframe() {
-    return window.top !== window.self;
-  }
-  get csProtocol() {
-    let t = location.protocol.replace(":", "");
-    return t !== "http" && t !== "https" && (t = "https"), t;
-  }
-  get targetOrigin() {
-    return this.config.customParent ? this.config.customParent : f("_storyblok_env") === "stage" ? `${this.csProtocol}://app-beta.storyblok.com` : `${this.csProtocol}://app.storyblok.com`;
-  }
-  get lastBreadcrumbItem() {
-    return this.navigationBreadcrumbs[this.navigationBreadcrumbs.length - 1] || {};
-  }
-  isInEditor() {
-    return this.inEditor;
-  }
-  init() {
-    if (document.body === null) {
-      console.error("Body tag not found. Please install the Storyblok bridge script inside the body tag");
-      return;
-    }
-    this.config.initOnlyOnce && document.querySelectorAll(`.${i.HINT}`).length > 0 || this.isInIframe && (this.resetAllEvents(), this.addMessageListener(), this.outlineOnMove(), this.buildBridgeStyles(), this.on("enterEditmode", this.enterEditmode), this.isInIframe && this.sendDataToEditor({ action: "initialized", config: this.config }), this.initialized = !0);
-  }
-  keyPress(t, e) {
-    (e.key === "z" && e.metaKey || e.key === "z" && e.ctrlKey) && (e.preventDefault(), e.stopImmediatePropagation(), t.sendDataToEditor({ action: "undo" })), (e.key === "y" && e.metaKey || e.key === "y" && e.ctrlKey) && (e.preventDefault(), e.stopImmediatePropagation(), t.sendDataToEditor({ action: "redo" }));
-  }
-  sendDataToEditor(t) {
-    window.parent.postMessage(t, this.targetOrigin);
-  }
-  buildBridgeStyles() {
-    document.getElementById(i.STYLESHEET) ? (this.hinter = document.querySelector(`.${i.HINT}`), this.highlighter = document.querySelector(`.${i.HIGHLIGHTER}`), this.overlay = document.querySelector(`.${i.OVERLAY}`), this.componentBase = document.querySelector(`.${i.COMPONENT_BASE}`), this.breadcrumbsButtonMenu = document.querySelector(`.${i.COMPONENT_BASE}-btn-parent`), this.breadcrumbsMenu = document.querySelector(`.${i.BREADCRUMBS_MENU}`), this.actionsMenuButton = document.querySelector(`.${i.COMPONENT_BASE}-btn-action`), this.actionsMenu = document.querySelector(`.${i.ACTIONS_MENU}`), this.componentLabel = document.querySelector(`.${i.COMPONENT_BASE} > .${i.COMPONENT_BASE}-label`), this.createActionsMenuItems()) : (this.createBridgeStylesheet(), this.createHinter(), this.createHighlighter(), this.createOverlay(), this.createComponentContext());
-  }
-  createBridgeStylesheet() {
-    const t = document.createElement("style");
-    t.setAttribute("type", "text/css"), t.id = i.STYLESHEET, "textContent" in t ? t.textContent = v : t.styleSheet.cssText = v, document.getElementsByTagName("head")[0].appendChild(t);
-  }
-  createHinter() {
-    this.hinter = document.createElement("div"), this.hinter.className = i.HINT, this.hideElement(this.hinter), document.body.appendChild(this.hinter);
-  }
-  createHighlighter() {
-    this.highlighter = document.createElement("div"), this.highlighter.style.opacity = 0, this.hideElement(this.highlighter), document.body.appendChild(this.highlighter);
-  }
-  createOverlay() {
-    this.overlay = document.createElement("div"), this.overlay.setAttribute("class", i.OVERLAY), this.overlay.setAttribute("id", i.OVERLAY), this.hideElement(this.overlay), document.body.appendChild(this.overlay);
-  }
-  calculateElementPosition(t, e) {
-    if (!e) {
-      this.hideElement(t);
-      return;
-    }
-    const n = l(e);
-    if (n) {
-      const { left: s, top: r } = this.getElementOffset(n);
-      r <= 30 ? this.overlay.classList.add(`${i.OVERLAY}--bottom`) : this.overlay.classList.remove(`${i.OVERLAY}--bottom`), t.style.top = `${r}px`, t.style.left = `${s}px`, t.style.width = `${n.offsetWidth}px`, t.style.height = `${n.offsetHeight}px`, t.style.minHeight = "5px";
-    } else this.hideElement(t);
-  }
-  getElementOffset(t) {
-    const e = t.getBoundingClientRect(), n = window.pageXOffset || document.documentElement.scrollLeft, s = window.pageYOffset || document.documentElement.scrollTop;
-    return { top: e.top + s, left: e.left + n };
-  }
-  resetAllEvents() {
-    for (const t in this.events) this.events[t] = [];
-  }
-  addMessageListener() {
-    window.addEventListener && addEventListener("message", this.receiveMessageFromApp.bind(this), !1);
-  }
-  receiveMessageFromApp(t) {
-    t && t.data && t.data.action && this.emit(t.data.action, t.data);
-  }
-  emit(t, ...e) {
-    const n = this.events[t];
-    if (!(!t || !n || !n.length)) for (let s = 0; s < n.length; s++) n[s].apply(this, e);
-  }
-  outlineOnMoveHandler() {
-    document.body.classList.add(i.OUTLINE);
-    const t = () => {
-      document.body.classList.remove(i.OUTLINE), this.hinter && (this.hinter.style.opacity = 0);
-    };
-    this.outlineOnMoveInterval && clearTimeout(this.outlineOnMoveInterval), this.outlineOnMoveInterval = setTimeout(t, 800);
-  }
-  outlineOnMove() {
-    document.addEventListener("mousemove", this.outlineOnMoveHandler.bind(this), !1);
-  }
-  on(t, e) {
-    if (t.constructor === Array) {
-      for (const n of t) this.subscribeEvent(n, e);
-      return;
-    }
-    this.subscribeEvent(t, e);
-  }
-  subscribeEvent(t, e) {
-    t === "input" && (this.actionsEnabled = !0), this.events[t].indexOf(e) === -1 && this.events[t].push(e);
-  }
-  pingEditor(t) {
-    this.isInIframe ? this.sendDataToEditor({ action: "ping" }) : (this.inEditor = !1, t(this)), this.on("pingBack", this.handlePingBack(t));
-  }
-  handlePingBack(t) {
-    return () => {
-      this.inEditor = !0, t(this);
-    };
-  }
-  handleEditedBlok(t) {
-    this.navigationBreadcrumbs = t.breadcrumbs, this.canAddBlocks = t.canAddBlocks || !1, this.canMoveForward = t.canMoveForward || !1, this.canMoveBackward = t.canMoveBackward || !1, this.canDeleteBlocks = t.canDeleteBlocks || !1, this.updateComponentBase(t.blok);
-  }
-  handleAddMoveBlok(t) {
-    const e = l(`${this.storyId}-${t.blockId}`);
-    e && this.handleOpenBlok(e);
-  }
-  handleDeselectBlock() {
-    document.querySelectorAll("[data-blok-focused]").forEach((t) => t.removeAttribute("data-blok-focused")), this.hideElement(this.overlay);
-  }
-  handleDuplicatedBlok(t) {
-    this.handleDeselectBlock(), setTimeout(() => {
-      const e = l(`${this.storyId}-${t.blockId}`);
-      this.handleOpenBlok(e);
-    }, 500);
-  }
-  handleWindowClick(t) {
-    this.config.preventClicks && (t.preventDefault(), t.stopPropagation()), this.handleOpenBlok(t.target, t);
-  }
-  handleOpenBlok(t, e) {
-    const n = y(t);
-    if (n) {
-      e && n.uid !== this.currentUid && (e.preventDefault(), e.stopPropagation()), this.currentUid = n.uid, this.storyId = n.id, this.openBlok(n);
-      return;
-    }
-    e && this.toggleFocusElement(t, !0);
-  }
-  enterEditmode(t) {
-    const e = N(document.body);
-    t && t.appVersion && (this.appVersion = t.appVersion), t && t.componentNames && (this.componentNames = t.componentNames);
-    for (let n = 0; n < e.length; n++) {
-      const s = e[n].el, r = e[n].options;
-      !s || s.nodeType !== Node.ELEMENT_NODE || (r.name = this.componentNames[r.name] || r.name, s.setAttribute("data-blok-c", JSON.stringify(r)), s.setAttribute("data-blok-uid", `${r.id}-${r.uid}`), s.offsetHeight < 5 && (s.style["min-height"] = "5px"), s.classList.add("storyblok__outline"));
-    }
-    if (this.on("addedBlock", this.handleAddMoveBlok), this.on("duplicatedBlock", this.handleDuplicatedBlok), this.on("movedBlock", this.handleAddMoveBlok), this.on("enterComponent", this.enterComponent), this.on("highlightComponent", this.highlightComponent), this.on("hoverComponent", this.hoverComponent), this.on("editedBlok", this.handleEditedBlok), this.on("deselectBlok", this.handleDeselectBlock), t && t.blockId && this.config.setActiveBlock) {
-      const n = l(`${t.storyId}-${t.blockId}`);
-      this.handleOpenBlok(n);
-    }
-    window.addEventListener("click", this.handleWindowClick.bind(this)), this.calcInterval !== null && window.clearInterval(this.calcInterval), this.calcInterval = window.setInterval(() => {
-      this.calculateElementPosition(this.overlay, `${this.storyId}-${this.currentUid}`);
-    }, 300);
-  }
-  highlightComponent(t) {
-    this.highlighter.innerHTML = "", t.componentIds.length > 0 ? (this.highlighter.style.display = "block", this.highlighter.style.opacity = 1) : (this.highlighter.style.display = "none", this.highlighter.style.opacity = 0);
-    for (let e = 0; e < t.componentIds.length; e++) {
-      const n = `${t.storyId}-${t.componentIds[e]}`, s = l(n);
-      if (s) {
-        const r = document.createElement("div");
-        r.setAttribute("class", i.HIGHLIGHTER), this.highlighter.appendChild(r), this.calculateElementPosition(r, n), t.componentId === t.componentIds[e] && !g(s) && typeof s.scrollIntoView < "u" && s.scrollIntoView();
-      }
-    }
-  }
-  hoverComponent(t) {
-    this.calculateElementPosition(this.hinter, `${t.storyId}-${t.componentId}`), this.hinter.style.opacity = 1, this.hinter.style.display = "block";
-  }
-  toggleFocusElement(t, e = !1) {
-    if (!A(this.overlay, t)) {
-      if (this.handleDeselectBlock(), !e && this.storyId === f("_storyblok")) {
-        t.setAttribute("data-blok-focused", !0), this.showFocusedElement(this.overlay), this.focusState = !1;
-        return;
-      }
-      this.focusState || this.sendDataToEditor({ action: "noFocus" });
-    }
-  }
-  showFocusedElement(t) {
-    if (!this.currentUid) {
-      this.hideElement(t);
-      return;
-    }
-    this.showElement(t), this.calculateElementPosition(t, `${this.storyId}-${this.currentUid}`);
-  }
-  handleBlokActions(t) {
-    this.sendDataToEditor({ action: t, blok: this.lastBreadcrumbItem }), t === "addBlockBefore" || t === "addBlockAfter" || t === "copy" ? this.hideElement(this.actionsMenu) : this.hideElement(this.overlay), (t === "moveForward" || t === "moveBackward") && (this.focusState = !0);
-  }
-  hideElement(t) {
-    t.style.display = "none";
-  }
-  showElement(t) {
-    t.style.display = "block";
-  }
-  toggleElement(t) {
-    if (t.style.display === "block") {
-      this.hideElement(t);
-      return;
-    }
-    this.showElement(t);
-  }
-  enterComponent(t) {
-    const e = l(`${t.storyId}-${t.componentId}`), n = y(e);
-    n && (this.hinter.style.opacity = 0, this.hinter.style.display = "none", this.currentUid = n.uid, this.storyId = n.id, this.scrollIntoView(e), this.handleEditedBlok(t));
-  }
-  scrollIntoView(t) {
-    t && !g(t) && typeof t.scrollIntoView < "u" && setTimeout(() => {
-      t.scrollIntoView({ behavior: "smooth", block: "start" });
-    }, 100);
-  }
-  openBlok(t) {
-    this.sendDataToEditor({ action: "edit", dataC: t, config: this.config });
-  }
-  createComponentContext() {
-    this.createComponentBase(), this.createActionsMenu(), this.createActionsMenuItems(), this.createBreadcrumbsMenu(), this.createActionsMenuButton(), this.createBreadcrumbsMenuButton(), this.createComponentLabel(), this.createComponentButtonLabel();
-  }
-  createComponentBase() {
-    this.componentBase = document.createElement("div"), this.componentBase.setAttribute("class", i.COMPONENT_BASE), this.componentBase.setAttribute("id", i.COMPONENT_BASE), this.overlay.append(this.componentBase);
-  }
-  createComponentLabel() {
-    this.componentLabel = document.createElement("span"), this.componentLabel.setAttribute("class", `${i.COMPONENT_BASE}-label`), this.componentBase.prepend(this.componentLabel);
-  }
-  createComponentButtonLabel() {
-    const t = document.createElement("span");
-    t.setAttribute("class", `${i.COMPONENT_BASE}-label`), this.breadcrumbsButtonMenu.appendChild(t);
-  }
-  updateComponentLabel(t) {
-    document.querySelectorAll(`.${i.COMPONENT_BASE}-label`).forEach((e) => e.innerText = this.componentNames[t.name] || E(t));
-  }
-  updateComponentBase(t) {
-    this.hideElement(this.actionsMenu), this.hideElement(this.breadcrumbsMenu), this.overlay.classList.add(`${i.OVERLAY}--clicked`), setTimeout(() => {
-      this.overlay.classList.remove(`${i.OVERLAY}--clicked`);
-    }, 400), this.navigationBreadcrumbs.length > 1 ? (this.updateBreadcrumbsMenu(this.navigationBreadcrumbs), this.actionsEnabled ? this.updateActionsMenu() : (this.componentBase.setAttribute("class", `${i.COMPONENT_BASE} ${i.COMPONENT_BASE}--simple`), this.hideElement(this.actionsMenuButton)), this.hideElement(this.componentLabel)) : (this.hideElement(this.breadcrumbsButtonMenu), this.hideElement(this.actionsMenuButton), this.showElement(this.componentLabel)), this.updateComponentLabel(t);
-    const e = l(`${this.storyId}-${t.uid}`);
-    e && this.toggleFocusElement(e);
-  }
-  createBreadcrumbsMenuButton() {
-    this.breadcrumbsButtonMenu = document.createElement("button"), this.breadcrumbsButtonMenu.setAttribute("class", `${i.COMPONENT_BASE}-btn ${i.COMPONENT_BASE}-btn-parent`), this.breadcrumbsButtonMenu.prepend(k({ viewBox: "0 0 24 24", svgClass: `${i.COMPONENT_BASE}-svg`, path: "M13.73 14.284l-2.197-2.216 2.197-2.217a1.051 1.051 0 000-1.477 1.03 1.03 0 00-1.465 0l-2.93 2.955a1.043 1.043 0 00-.287.554l-.014.123v.123c.014.247.115.489.301.677l2.93 2.956a1.03 1.03 0 001.465 0 1.051 1.051 0 000-1.478z", pathFill: "#ffffff" })), this.breadcrumbsButtonMenu.addEventListener("click", () => {
-      this.toggleElement(this.breadcrumbsMenu), this.hideElement(this.actionsMenu);
-    }), this.componentBase.prepend(this.breadcrumbsButtonMenu);
-  }
-  createBreadcrumbsMenu() {
-    this.breadcrumbsMenu = document.createElement("div"), this.breadcrumbsMenu.setAttribute("class", i.BREADCRUMBS_MENU), this.breadcrumbsMenu.setAttribute("id", i.BREADCRUMBS_MENU), this.componentBase.append(this.breadcrumbsMenu);
-  }
-  updateBreadcrumbsMenu(t) {
-    this.breadcrumbsMenu.innerHTML = "";
-    const e = [];
-    for (let n = 0; n < t.length; n++) {
-      e[n] = document.createElement("button"), e[n].innerHTML = E({ display_name: this.componentNames[t[n].component], name: t[n].component });
-      const s = t[n];
-      e[n].addEventListener("click", (r) => {
-        r.stopPropagation(), this.currentUid = s._uid, this.openBlok({ id: this.storyId, uid: s._uid, name: s.component });
-      }), e[n].classList.add(`${i.BREADCRUMBS_MENU}__menu-item`), t[n]._uid === this.currentUid && (e[n].classList.add(`${i.BREADCRUMBS_MENU}__menu-item--selected`), e[n].setAttribute("disabled", !0)), this.breadcrumbsMenu.appendChild(e[n]), this.breadcrumbsButtonMenu.style.display = "flex";
-    }
-  }
-  createActionsMenuButton() {
-    this.actionsMenuButton = document.createElement("button"), this.actionsMenuButton.setAttribute("class", `${i.COMPONENT_BASE}-btn ${i.COMPONENT_BASE}-btn-action`), this.actionsMenuButton.prepend(k({ viewBox: "0 0 24 24", svgClass: `${i.COMPONENT_BASE}-svg`, path: "M7.5 11a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm10 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-5 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z", pathFill: "#ffffff" })), this.actionsMenuButton.addEventListener("click", () => {
-      this.toggleElement(this.actionsMenu), this.breadcrumbsMenu && this.hideElement(this.breadcrumbsMenu);
-    }), this.componentBase.append(this.actionsMenuButton);
-  }
-  createActionsMenuItems() {
-    this.actionsMenuItems = [{ eventFunction: () => this.handleBlokActions.bind(this, "addBlockBefore"), innerHTML: "Add Block Before", order: 0, show: () => this.canAddBlocks }, { eventFunction: () => this.handleBlokActions.bind(this, "addBlockAfter"), innerHTML: "Add Block After", order: 1, show: () => this.canAddBlocks }, { eventFunction: () => this.handleBlokActions.bind(this, "duplicateBlock"), innerHTML: "Duplicate", order: 2, show: () => this.canAddBlocks }, { eventFunction: () => this.handleBlokActions.bind(this, "copy"), innerHTML: "Copy", order: 3, show: () => this.appVersion === "v2" }, { separator: !0, order: 4, show: () => this.canAddBlocks && this.canMoveForward || !!(this.canMoveBackward && this.lastBreadcrumbItem._parentindex) }, { eventFunction: () => this.handleBlokActions.bind(this, "moveForward"), innerHTML: "Move Forward", order: 5, show: () => this.canMoveForward }, { eventFunction: () => this.handleBlokActions.bind(this, "moveBackward"), innerHTML: "Move Backward", order: 6, show: () => this.canMoveBackward && this.lastBreadcrumbItem._parentindex }, { separator: !0, order: 7, show: () => this.canAddBlocks && this.canDeleteBlocks }, { eventFunction: () => this.handleBlokActions.bind(this, "deleteBlock"), className: `${i.ACTIONS_MENU}__menu-item--delete`, innerHTML: "Delete", order: 8, show: () => this.canDeleteBlocks }];
-  }
-  createActionsMenu() {
-    this.actionsMenu = document.createElement("div"), this.actionsMenu.setAttribute("class", i.ACTIONS_MENU), this.actionsMenu.setAttribute("id", i.ACTIONS_MENU), this.componentBase.append(this.actionsMenu);
-  }
-  updateActionsMenu() {
-    this.actionsMenu.innerHTML = "";
-    const t = `${i.ACTIONS_MENU}__menu-item`, e = "button", n = "click";
-    this.actionsMenuItems.sort((s, r) => s.order > r.order ? 1 : r.order > s.order ? -1 : 0).forEach((s) => {
-      if (s.separator && s.show()) {
-        this.actionsMenu.appendChild(document.createElement("hr"));
-        return;
-      }
-      const r = document.createElement(s.element ? s.element : e);
-      r.classList.add(t), s.className && r.classList.add(s.className), r.innerHTML = s.innerHTML, s.eventFunction && r.addEventListener(s.event ? s.event : n, s.eventFunction()), s.show() && this.actionsMenu.appendChild(r);
-    }), this.actionsMenuButton.style.display = "flex";
-  }
-}
-var S = Object.defineProperty, T = (o, t, e) => t in o ? S(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, m = (o, t, e) => T(o, typeof t != "symbol" ? t + "" : t, e);
-let j = class {
-  constructor(t) {
-    m(this, "isInEditor"), m(this, "enterEditmode"), m(this, "pingEditor"), m(this, "on");
-    const e = new w(t);
-    this.isInEditor = () => e.isInEditor(), this.enterEditmode = (n) => {
-      e.enterEditmode(n);
-    }, this.pingEditor = (n) => {
-      e.pingEditor(n);
-    }, this.on = (n, s) => {
-      e.on(n, s);
-    };
-  }
-};
-const h = (o) => ({ tag: "success", value: o }), c = (o) => ({ tag: "failure", error: o, path: [] }), B = (o, t) => ({ tag: "failure", error: o.error, path: [t, ...o.path] }), $ = (o) => typeof o > "u", L = (o) => typeof o == "string", P = (o) => typeof o == "object" && o !== null, b = Symbol("propertyAbsent"), _ = Symbol("omitProperty"), H = "Not an object", U = (o) => B(c("Property is missing"), { tag: "object", key: o }), D = (o) => {
-  const t = Object.entries(o);
-  return (e) => {
-    if (!P(e)) return c(H);
-    const n = {};
-    for (let s = 0; s < t.length; s++) {
-      const [r, u] = t[s], d = e[r];
-      if (d === void 0 && !e.hasOwnProperty(r)) {
-        const a = u(b);
-        if (a.tag === "failure" || a.value === b) return U(r);
-        a.value !== _ && (n[r] = a.value);
-      } else {
-        const a = u(d);
-        if (a.tag === "failure") return B(a, { tag: "object", key: r });
-        n[r] = a.value;
-      }
-    }
-    return h(n);
-  };
-}, F = (o) => $(o) ? h(o) : c("Not undefined"), p = (o) => L(o) ? h(o) : c("Not a string"), R = (...o) => (t) => {
-  for (const e of o) {
-    const n = e(t);
-    if (n.tag === "success") return h(n.value);
-  }
-  return c("No parser in the union matched");
-}, V = (o) => R(z, F, o), z = (o) => o === b ? h(_) : c("not optional");
-D({ name: p, space: V(p), uid: p, id: p });
-export {
-  j as default
-};

package/dist/index.d.ts

@@ -1,17 +0,0 @@
-import { ISbStoryData, SbInitResult, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokComponentType } from './types';
-export interface StoryblokBridgeEvent {
-    action: string;
-    storyId: number;
-    story: ISbStoryData;
-}
-export declare const useStoryblokBridge: <T extends StoryblokComponentType<string> = any>(id: number, cb: (newStory: ISbStoryData<T>) => void, options?: StoryblokBridgeConfigV2) => void;
-export declare const storyblokInit: (pluginOptions?: SbSDKOptions) => SbInitResult;
-export declare const loadStoryblokBridge: () => Promise<void>;
-export { useStoryblokBridge as registerStoryblokBridge };
-export { default as apiPlugin } from './api';
-export { default as storyblokEditable } from './editable';
-export * from './types';
-export type { BridgeParams } from '@storyblok/preview-bridge';
-export { buildStoryblokImage, renderRichText, splitTableRows } from '@storyblok/richtext';
-export type { SbRichTextDoc, SbRichTextImageOptions, SbRichTextMark, SbRichTextNode, SbRichTextProps, SbRichTextRenderContext, SbRichTextRendererMap, } from '@storyblok/richtext';
-export { default as StoryblokClient } from 'storyblok-js-client';