@storyblok/astro 10.2.0 → 10.2.2

package/dist/index-CtMAhUF--DxA2RtMY.js

@@ -0,0 +1,720 @@
+//#region ../js/dist/index-CtMAhUF-.js
+var e = (e, t) => {
+	for (; e && e.nodeType === 1;) {
+		if (e.hasAttribute(t)) return e;
+		e = e.parentNode;
+	}
+	return null;
+}, t = (t) => {
+	let n = e(t, "data-blok-c");
+	if (!n) return null;
+	let r = n.getAttribute("data-blok-c");
+	return JSON.parse(r);
+}, n = (e, t) => e.contains(t), r = (e) => document.querySelector(`[data-blok-uid="${e}"]`), i = (e) => {
+	let t = e.getBoundingClientRect();
+	return t.top < 0 && t.top + t.height >= 0 || t.top >= 0 && t.top <= (window.innerHeight || document.documentElement.clientHeight);
+}, a = (e) => {
+	let t = {};
+	try {
+		let n = e.replace(/\\/g, "");
+		t = JSON.parse(n);
+	} catch {
+		console.error("Error parsing json", e);
+	}
+	return t;
+}, o = (e) => {
+	let t = [], n = document.createNodeIterator(e, NodeFilter.SHOW_COMMENT, () => NodeFilter.FILTER_ACCEPT, !1), r = {};
+	for (; r = n.nextNode();) if (r.nodeValue.indexOf("#storyblok#") > -1) {
+		let e = r.nodeValue.replace("#storyblok#", ""), n = r.nextElementSibling || r.nextSibling, i = a(e);
+		i && t.push({
+			options: i,
+			el: n
+		});
+	}
+	return t;
+}, s = (e) => {
+	let t = "";
+	return location.search.substr(1).split("&").forEach((n) => {
+		let r = n.split("=");
+		r[0] === e && (t = decodeURIComponent(r[1]));
+	}), t;
+}, c = (e, t, n) => typeof e == "string" ? e.toString().replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/[_-]/g, " ").replace(/(?:^|\s)\S/g, function(e, t) {
+	return e.toUpperCase();
+}) : "", l = (e) => e && e.display_name ? e.display_name : c(e.name), u = (e) => {
+	let t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	t.setAttribute("viewBox", e.viewBox), t.setAttribute("class", e.svgClass);
+	let n = document.createElementNS(t.namespaceURI, "path");
+	return n.setAttribute("d", e.path), n.setAttribute("fill", e.pathFill), n.setAttribute("transform", e.pathTransform ? e.pathTransform : "translate(0 0)"), t.appendChild(n), t;
+}, d = ((e) => e)`
+  @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;
+  }
+`, f = {
+	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"
+}, p = class {
+	constructor(e) {
+		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: []
+		};
+		let t = {
+			customParent: null,
+			resolveRelations: null,
+			resolveLinks: null,
+			preventClicks: !1,
+			initOnlyOnce: !0,
+			fallbackLang: null
+		};
+		this.config = {
+			...t,
+			...e
+		}, this.init();
+	}
+	get isInIframe() {
+		return window.top !== window.self;
+	}
+	get csProtocol() {
+		let e = location.protocol.replace(":", "");
+		return e !== "http" && e !== "https" && (e = "https"), e;
+	}
+	get targetOrigin() {
+		return this.config.customParent ? this.config.customParent : s("_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(`.${f.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(e, t) {
+		(t.key === "z" && t.metaKey || t.key === "z" && t.ctrlKey) && (t.preventDefault(), t.stopImmediatePropagation(), e.sendDataToEditor({ action: "undo" })), (t.key === "y" && t.metaKey || t.key === "y" && t.ctrlKey) && (t.preventDefault(), t.stopImmediatePropagation(), e.sendDataToEditor({ action: "redo" }));
+	}
+	sendDataToEditor(e) {
+		window.parent.postMessage(e, this.targetOrigin);
+	}
+	buildBridgeStyles() {
+		document.getElementById(f.STYLESHEET) ? (this.hinter = document.querySelector(`.${f.HINT}`), this.highlighter = document.querySelector(`.${f.HIGHLIGHTER}`), this.overlay = document.querySelector(`.${f.OVERLAY}`), this.componentBase = document.querySelector(`.${f.COMPONENT_BASE}`), this.breadcrumbsButtonMenu = document.querySelector(`.${f.COMPONENT_BASE}-btn-parent`), this.breadcrumbsMenu = document.querySelector(`.${f.BREADCRUMBS_MENU}`), this.actionsMenuButton = document.querySelector(`.${f.COMPONENT_BASE}-btn-action`), this.actionsMenu = document.querySelector(`.${f.ACTIONS_MENU}`), this.componentLabel = document.querySelector(`.${f.COMPONENT_BASE} > .${f.COMPONENT_BASE}-label`), this.createActionsMenuItems()) : (this.createBridgeStylesheet(), this.createHinter(), this.createHighlighter(), this.createOverlay(), this.createComponentContext());
+	}
+	createBridgeStylesheet() {
+		let e = document.createElement("style");
+		e.setAttribute("type", "text/css"), e.id = f.STYLESHEET, "textContent" in e ? e.textContent = d : e.styleSheet.cssText = d, document.getElementsByTagName("head")[0].appendChild(e);
+	}
+	createHinter() {
+		this.hinter = document.createElement("div"), this.hinter.className = f.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", f.OVERLAY), this.overlay.setAttribute("id", f.OVERLAY), this.hideElement(this.overlay), document.body.appendChild(this.overlay);
+	}
+	calculateElementPosition(e, t) {
+		if (!t) {
+			this.hideElement(e);
+			return;
+		}
+		let n = r(t);
+		if (n) {
+			let { left: t, top: r } = this.getElementOffset(n);
+			r <= 30 ? this.overlay.classList.add(`${f.OVERLAY}--bottom`) : this.overlay.classList.remove(`${f.OVERLAY}--bottom`), e.style.top = `${r}px`, e.style.left = `${t}px`, e.style.width = `${n.offsetWidth}px`, e.style.height = `${n.offsetHeight}px`, e.style.minHeight = "5px";
+		} else this.hideElement(e);
+	}
+	getElementOffset(e) {
+		let t = e.getBoundingClientRect(), n = window.pageXOffset || document.documentElement.scrollLeft, r = window.pageYOffset || document.documentElement.scrollTop;
+		return {
+			top: t.top + r,
+			left: t.left + n
+		};
+	}
+	resetAllEvents() {
+		for (let e in this.events) this.events[e] = [];
+	}
+	addMessageListener() {
+		window.addEventListener && addEventListener("message", this.receiveMessageFromApp.bind(this), !1);
+	}
+	receiveMessageFromApp(e) {
+		e && e.data && e.data.action && this.emit(e.data.action, e.data);
+	}
+	emit(e, ...t) {
+		let n = this.events[e];
+		if (!(!e || !n || !n.length)) for (let e = 0; e < n.length; e++) n[e].apply(this, t);
+	}
+	outlineOnMoveHandler() {
+		document.body.classList.add(f.OUTLINE);
+		let e = () => {
+			document.body.classList.remove(f.OUTLINE), this.hinter && (this.hinter.style.opacity = 0);
+		};
+		this.outlineOnMoveInterval && clearTimeout(this.outlineOnMoveInterval), this.outlineOnMoveInterval = setTimeout(e, 800);
+	}
+	outlineOnMove() {
+		document.addEventListener("mousemove", this.outlineOnMoveHandler.bind(this), !1);
+	}
+	on(e, t) {
+		if (e.constructor === Array) {
+			for (let n of e) this.subscribeEvent(n, t);
+			return;
+		}
+		this.subscribeEvent(e, t);
+	}
+	subscribeEvent(e, t) {
+		e === "input" && (this.actionsEnabled = !0), this.events[e].indexOf(t) === -1 && this.events[e].push(t);
+	}
+	pingEditor(e) {
+		this.isInIframe ? this.sendDataToEditor({ action: "ping" }) : (this.inEditor = !1, e(this)), this.on("pingBack", this.handlePingBack(e));
+	}
+	handlePingBack(e) {
+		return () => {
+			this.inEditor = !0, e(this);
+		};
+	}
+	handleEditedBlok(e) {
+		this.navigationBreadcrumbs = e.breadcrumbs, this.canAddBlocks = e.canAddBlocks || !1, this.canMoveForward = e.canMoveForward || !1, this.canMoveBackward = e.canMoveBackward || !1, this.canDeleteBlocks = e.canDeleteBlocks || !1, this.updateComponentBase(e.blok);
+	}
+	handleAddMoveBlok(e) {
+		let t = r(`${this.storyId}-${e.blockId}`);
+		t && this.handleOpenBlok(t);
+	}
+	handleDeselectBlock() {
+		document.querySelectorAll("[data-blok-focused]").forEach((e) => e.removeAttribute("data-blok-focused")), this.hideElement(this.overlay);
+	}
+	handleDuplicatedBlok(e) {
+		this.handleDeselectBlock(), setTimeout(() => {
+			let t = r(`${this.storyId}-${e.blockId}`);
+			this.handleOpenBlok(t);
+		}, 500);
+	}
+	handleWindowClick(e) {
+		this.config.preventClicks && (e.preventDefault(), e.stopPropagation()), this.handleOpenBlok(e.target, e);
+	}
+	handleOpenBlok(e, n) {
+		let r = t(e);
+		if (r) {
+			n && r.uid !== this.currentUid && (n.preventDefault(), n.stopPropagation()), this.currentUid = r.uid, this.storyId = r.id, this.openBlok(r);
+			return;
+		}
+		n && this.toggleFocusElement(e, !0);
+	}
+	enterEditmode(e) {
+		let t = o(document.body);
+		e && e.appVersion && (this.appVersion = e.appVersion), e && e.componentNames && (this.componentNames = e.componentNames);
+		for (let e = 0; e < t.length; e++) {
+			let n = t[e].el, r = t[e].options;
+			!n || n.nodeType !== Node.ELEMENT_NODE || (r.name = this.componentNames[r.name] || r.name, n.setAttribute("data-blok-c", JSON.stringify(r)), n.setAttribute("data-blok-uid", `${r.id}-${r.uid}`), n.offsetHeight < 5 && (n.style["min-height"] = "5px"), n.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), e && e.blockId && this.config.setActiveBlock) {
+			let t = r(`${e.storyId}-${e.blockId}`);
+			this.handleOpenBlok(t);
+		}
+		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(e) {
+		this.highlighter.innerHTML = "", e.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 t = 0; t < e.componentIds.length; t++) {
+			let n = `${e.storyId}-${e.componentIds[t]}`, a = r(n);
+			if (a) {
+				let r = document.createElement("div");
+				r.setAttribute("class", f.HIGHLIGHTER), this.highlighter.appendChild(r), this.calculateElementPosition(r, n), e.componentId === e.componentIds[t] && !i(a) && typeof a.scrollIntoView < "u" && a.scrollIntoView();
+			}
+		}
+	}
+	hoverComponent(e) {
+		this.calculateElementPosition(this.hinter, `${e.storyId}-${e.componentId}`), this.hinter.style.opacity = 1, this.hinter.style.display = "block";
+	}
+	toggleFocusElement(e, t = !1) {
+		if (!n(this.overlay, e)) {
+			if (this.handleDeselectBlock(), !t && this.storyId === s("_storyblok")) {
+				e.setAttribute("data-blok-focused", !0), this.showFocusedElement(this.overlay), this.focusState = !1;
+				return;
+			}
+			this.focusState || this.sendDataToEditor({ action: "noFocus" });
+		}
+	}
+	showFocusedElement(e) {
+		if (!this.currentUid) {
+			this.hideElement(e);
+			return;
+		}
+		this.showElement(e), this.calculateElementPosition(e, `${this.storyId}-${this.currentUid}`);
+	}
+	handleBlokActions(e) {
+		this.sendDataToEditor({
+			action: e,
+			blok: this.lastBreadcrumbItem
+		}), e === "addBlockBefore" || e === "addBlockAfter" || e === "copy" ? this.hideElement(this.actionsMenu) : this.hideElement(this.overlay), (e === "moveForward" || e === "moveBackward") && (this.focusState = !0);
+	}
+	hideElement(e) {
+		e.style.display = "none";
+	}
+	showElement(e) {
+		e.style.display = "block";
+	}
+	toggleElement(e) {
+		if (e.style.display === "block") {
+			this.hideElement(e);
+			return;
+		}
+		this.showElement(e);
+	}
+	enterComponent(e) {
+		let n = r(`${e.storyId}-${e.componentId}`), i = t(n);
+		i && (this.hinter.style.opacity = 0, this.hinter.style.display = "none", this.currentUid = i.uid, this.storyId = i.id, this.scrollIntoView(n), this.handleEditedBlok(e));
+	}
+	scrollIntoView(e) {
+		e && !i(e) && typeof e.scrollIntoView < "u" && setTimeout(() => {
+			e.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		}, 100);
+	}
+	openBlok(e) {
+		this.sendDataToEditor({
+			action: "edit",
+			dataC: e,
+			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", f.COMPONENT_BASE), this.componentBase.setAttribute("id", f.COMPONENT_BASE), this.overlay.append(this.componentBase);
+	}
+	createComponentLabel() {
+		this.componentLabel = document.createElement("span"), this.componentLabel.setAttribute("class", `${f.COMPONENT_BASE}-label`), this.componentBase.prepend(this.componentLabel);
+	}
+	createComponentButtonLabel() {
+		let e = document.createElement("span");
+		e.setAttribute("class", `${f.COMPONENT_BASE}-label`), this.breadcrumbsButtonMenu.appendChild(e);
+	}
+	updateComponentLabel(e) {
+		document.querySelectorAll(`.${f.COMPONENT_BASE}-label`).forEach((t) => t.innerText = this.componentNames[e.name] || l(e));
+	}
+	updateComponentBase(e) {
+		this.hideElement(this.actionsMenu), this.hideElement(this.breadcrumbsMenu), this.overlay.classList.add(`${f.OVERLAY}--clicked`), setTimeout(() => {
+			this.overlay.classList.remove(`${f.OVERLAY}--clicked`);
+		}, 400), this.navigationBreadcrumbs.length > 1 ? (this.updateBreadcrumbsMenu(this.navigationBreadcrumbs), this.actionsEnabled ? this.updateActionsMenu() : (this.componentBase.setAttribute("class", `${f.COMPONENT_BASE} ${f.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(e);
+		let t = r(`${this.storyId}-${e.uid}`);
+		t && this.toggleFocusElement(t);
+	}
+	createBreadcrumbsMenuButton() {
+		this.breadcrumbsButtonMenu = document.createElement("button"), this.breadcrumbsButtonMenu.setAttribute("class", `${f.COMPONENT_BASE}-btn ${f.COMPONENT_BASE}-btn-parent`), this.breadcrumbsButtonMenu.prepend(u({
+			viewBox: "0 0 24 24",
+			svgClass: `${f.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", f.BREADCRUMBS_MENU), this.breadcrumbsMenu.setAttribute("id", f.BREADCRUMBS_MENU), this.componentBase.append(this.breadcrumbsMenu);
+	}
+	updateBreadcrumbsMenu(e) {
+		this.breadcrumbsMenu.innerHTML = "";
+		let t = [];
+		for (let n = 0; n < e.length; n++) {
+			t[n] = document.createElement("button"), t[n].innerHTML = l({
+				display_name: this.componentNames[e[n].component],
+				name: e[n].component
+			});
+			let r = e[n];
+			t[n].addEventListener("click", (e) => {
+				e.stopPropagation(), this.currentUid = r._uid, this.openBlok({
+					id: this.storyId,
+					uid: r._uid,
+					name: r.component
+				});
+			}), t[n].classList.add(`${f.BREADCRUMBS_MENU}__menu-item`), e[n]._uid === this.currentUid && (t[n].classList.add(`${f.BREADCRUMBS_MENU}__menu-item--selected`), t[n].setAttribute("disabled", !0)), this.breadcrumbsMenu.appendChild(t[n]), this.breadcrumbsButtonMenu.style.display = "flex";
+		}
+	}
+	createActionsMenuButton() {
+		this.actionsMenuButton = document.createElement("button"), this.actionsMenuButton.setAttribute("class", `${f.COMPONENT_BASE}-btn ${f.COMPONENT_BASE}-btn-action`), this.actionsMenuButton.prepend(u({
+			viewBox: "0 0 24 24",
+			svgClass: `${f.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: `${f.ACTIONS_MENU}__menu-item--delete`,
+				innerHTML: "Delete",
+				order: 8,
+				show: () => this.canDeleteBlocks
+			}
+		];
+	}
+	createActionsMenu() {
+		this.actionsMenu = document.createElement("div"), this.actionsMenu.setAttribute("class", f.ACTIONS_MENU), this.actionsMenu.setAttribute("id", f.ACTIONS_MENU), this.componentBase.append(this.actionsMenu);
+	}
+	updateActionsMenu() {
+		this.actionsMenu.innerHTML = "";
+		let e = `${f.ACTIONS_MENU}__menu-item`;
+		this.actionsMenuItems.sort((e, t) => e.order > t.order ? 1 : t.order > e.order ? -1 : 0).forEach((t) => {
+			if (t.separator && t.show()) {
+				this.actionsMenu.appendChild(document.createElement("hr"));
+				return;
+			}
+			let n = document.createElement(t.element ? t.element : "button");
+			n.classList.add(e), t.className && n.classList.add(t.className), n.innerHTML = t.innerHTML, t.eventFunction && n.addEventListener(t.event ? t.event : "click", t.eventFunction()), t.show() && this.actionsMenu.appendChild(n);
+		}), this.actionsMenuButton.style.display = "flex";
+	}
+}, m = Object.defineProperty, h = (e, t, n) => t in e ? m(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, g = (e, t, n) => h(e, typeof t == "symbol" ? t : t + "", n), _ = class {
+	constructor(e) {
+		g(this, "isInEditor"), g(this, "enterEditmode"), g(this, "pingEditor"), g(this, "on");
+		let t = new p(e);
+		this.isInEditor = () => t.isInEditor(), this.enterEditmode = (e) => {
+			t.enterEditmode(e);
+		}, this.pingEditor = (e) => {
+			t.pingEditor(e);
+		}, this.on = (e, n) => {
+			t.on(e, n);
+		};
+	}
+}, v = (e) => ({
+	tag: "success",
+	value: e
+}), y = (e) => ({
+	tag: "failure",
+	error: e,
+	path: []
+}), b = (e, t) => ({
+	tag: "failure",
+	error: e.error,
+	path: [t, ...e.path]
+}), x = (e) => typeof e > "u", S = (e) => typeof e == "string", C = (e) => typeof e == "object" && !!e, w = Symbol("propertyAbsent"), T = Symbol("omitProperty"), E = "Not an object", D = (e) => b(y("Property is missing"), {
+	tag: "object",
+	key: e
+}), O = (e) => {
+	let t = Object.entries(e);
+	return (e) => {
+		if (!C(e)) return y(E);
+		let n = {};
+		for (let r = 0; r < t.length; r++) {
+			let [i, a] = t[r], o = e[i];
+			if (o === void 0 && !e.hasOwnProperty(i)) {
+				let e = a(w);
+				if (e.tag === "failure" || e.value === w) return D(i);
+				e.value !== T && (n[i] = e.value);
+			} else {
+				let e = a(o);
+				if (e.tag === "failure") return b(e, {
+					tag: "object",
+					key: i
+				});
+				n[i] = e.value;
+			}
+		}
+		return v(n);
+	};
+}, k = (e) => x(e) ? v(e) : y("Not undefined"), A = (e) => S(e) ? v(e) : y("Not a string"), j = (...e) => (t) => {
+	for (let n of e) {
+		let e = n(t);
+		if (e.tag === "success") return v(e.value);
+	}
+	return y("No parser in the union matched");
+}, M = (e) => j(N, k, e), N = (e) => e === w ? v(T) : y("not optional");
+O({
+	name: A,
+	space: M(A),
+	uid: A,
+	id: A
+});
+//#endregion
+export { _ as default };

package/dist/index.js

@@ -949,10 +949,10 @@ function ut(e) {
 }
 function dt(e, t) {
 	let n = st(e);
-	return n?.length ? pt(n, t) : "";
+	return n?.length ? mt(n, t) : "";
 }
-function q(e, t) {
-	let n = e.type !== "text" && e.content ? pt(e.content, t) : "", r = t?.renderers?.[e.type];
+function ft(e, t) {
+	let n = e.type !== "text" && e.content ? mt(e.content, t) : "", r = t?.renderers?.[e.type];
 	if (r) {
 		let i = t?.renderers?.[e.type] ? {
 			...t,
@@ -967,18 +967,18 @@ function q(e, t) {
 			context: i
 		});
 	}
-	if (e.type === "text") return mt(e, e.marks, t);
+	if (e.type === "text") return ht(e, e.marks, t);
 	if (e.type === "blok") return console.warn("\"blok\" nodes require a custom renderer in renderRichText."), "";
 	let i = G(e);
 	if (!i) return n;
-	if (e.type === "image" && t?.optimizeImage) return ft(e, t);
-	let a = J(e.type, e.attrs);
+	if (e.type === "image" && t?.optimizeImage) return pt(e, t);
+	let a = q(e.type, e.attrs);
 	if (K(i)) return `<${i}${a}>`;
-	if (e.type === "table") return `<${i}${a}>${_t(e.content, t)}</${i}>`;
+	if (e.type === "table") return `<${i}${a}>${vt(e.content, t)}</${i}>`;
 	let o = lt(e);
-	return o ? `<${i}>${vt(e.type, o, e.attrs, n)}</${i}>` : `<${i}${a}>${n}</${i}>`;
+	return o ? `<${i}>${yt(e.type, o, e.attrs, n)}</${i}>` : `<${i}${a}>${n}</${i}>`;
 }
-function ft(e, t) {
+function pt(e, t) {
 	let n = e.attrs, r = n?.src, i = n;
 	if (r) {
 		let { src: e, attrs: a } = ze(r, t.optimizeImage);
@@ -988,28 +988,28 @@ function ft(e, t) {
 			...a
 		};
 	}
-	let a = J("image", i);
+	let a = q("image", i);
 	return a ? `<img${a}>` : "<img>";
 }
-function pt(e, t) {
+function mt(e, t) {
 	let n = "", r = 0, i = e.length;
 	for (; r < i;) {
 		let a = e[r], o = W(a);
 		if (o) {
 			let a = r + 1;
 			for (; a < i && nt(o, W(e[a]));) a++;
-			n += gt(e, r, a, o, t), r = a;
-		} else n += q(a, t), r++;
+			n += _t(e, r, a, o, t), r = a;
+		} else n += ft(a, t), r++;
 	}
 	return n;
 }
-function mt(e, t, n) {
+function ht(e, t, n) {
 	let r = Ve(e.text);
 	if (!t?.length) return r;
-	for (let e of t) r = ht(r, e, n);
+	for (let e of t) r = gt(r, e, n);
 	return r;
 }
-function ht(e, t, n) {
+function gt(e, t, n) {
 	let r = n?.renderers?.[t.type];
 	if (r) return r({
 		...t,
@@ -1017,13 +1017,13 @@ function ht(e, t, n) {
 		context: n
 	});
 	let i = G(t);
-	return i ? `<${i}${J(t.type, t.attrs)}>${e}</${i}>` : e;
+	return i ? `<${i}${q(t.type, t.attrs)}>${e}</${i}>` : e;
 }
-function gt(e, t, n, r, i) {
+function _t(e, t, n, r, i) {
 	let a = "";
 	for (let r = t; r < n; r++) {
 		let t = e[r], n = t.marks?.filter((e) => e.type !== "link");
-		a += mt(t, n, i);
+		a += ht(t, n, i);
 	}
 	let o = i?.renderers?.[r.type];
 	if (o) return o({
@@ -1032,41 +1032,41 @@ function gt(e, t, n, r, i) {
 		context: i
 	});
 	let s = G(r);
-	return s ? `<${s}${J(r.type, r.attrs)}>${a}</${s}>` : a;
+	return s ? `<${s}${q(r.type, r.attrs)}>${a}</${s}>` : a;
 }
-function _t(e, t) {
+function vt(e, t) {
 	if (!e?.length) return "";
 	let n = 0;
 	for (; n < e.length && at(e[n]);) n++;
 	let r = "";
 	if (n > 0) {
 		r += "<thead>";
-		for (let i = 0; i < n; i++) r += q(e[i], t);
+		for (let i = 0; i < n; i++) r += ft(e[i], t);
 		r += "</thead>";
 	}
 	if (n < e.length) {
 		r += "<tbody>";
-		for (let i = n; i < e.length; i++) r += q(e[i], t);
+		for (let i = n; i < e.length; i++) r += ft(e[i], t);
 		r += "</tbody>";
 	}
 	return r;
 }
-function vt(e, t, n, r) {
+function yt(e, t, n, r) {
 	let i = "";
 	for (let a of t) {
-		let { tag: t, children: o, attrs: s } = a, c = J(e, {
+		let { tag: t, children: o, attrs: s } = a, c = q(e, {
 			...s,
 			...n
 		});
 		if (K(t)) i += `<${t}${c}>`;
 		else {
-			let a = o ? vt(e, o, n, r) : r;
+			let a = o ? yt(e, o, n, r) : r;
 			i += `<${t}${c}>${a}</${t}>`;
 		}
 	}
 	return i;
 }
-function J(e, t) {
+function q(e, t) {
 	let n = U(e, t, {
 		colspan: "colspan",
 		rowspan: "rowspan"
@@ -1075,10 +1075,10 @@ function J(e, t) {
 }
 //#endregion
 //#region src/utils/richtext-helpers.ts
-function yt(e) {
+function bt(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && "isAstroComponentFactory" in e;
 }
-function bt(e, t) {
+function xt(e, t) {
 	let n = U(e, t, {
 		colspan: "colspan",
 		rowspan: "rowspan"
@@ -1087,31 +1087,31 @@ function bt(e, t) {
 }
 //#endregion
 //#region ../js-client/dist/index.mjs
-var xt = (e = "") => e.includes("/cdn/"), St = (e, t = 25, n = 1) => ({
+var St = (e = "") => e.includes("/cdn/"), Ct = (e, t = 25, n = 1) => ({
 	...e,
 	per_page: t,
 	page: n
-}), Ct = (e) => new Promise((t) => setTimeout(t, e)), wt = (e = 0, t) => Array.from({ length: e }, t), Tt = (e = 0, t = e) => {
+}), wt = (e) => new Promise((t) => setTimeout(t, e)), Tt = (e = 0, t) => Array.from({ length: e }, t), Et = (e = 0, t = e) => {
 	let n = Math.abs(t - e) || 0, r = e < t ? 1 : -1;
-	return wt(n, (t, n) => n * r + e);
-}, Et = async (e, t) => Promise.all(e.map(t)), Dt = (e = [], t) => e.map(t).reduce((e, t) => [...e, ...t], []), Ot = (e) => {
+	return Tt(n, (t, n) => n * r + e);
+}, Dt = async (e, t) => Promise.all(e.map(t)), Ot = (e = [], t) => e.map(t).reduce((e, t) => [...e, ...t], []), kt = (e) => {
 	if (/%[0-9A-F]{2}/i.test(e)) try {
 		return decodeURIComponent(e);
 	} catch {
 		return e;
 	}
 	return e;
-}, kt = (e, t, n) => {
+}, At = (e, t, n) => {
 	let r = [];
 	for (let i in e) {
 		if (!Object.prototype.hasOwnProperty.call(e, i)) continue;
 		let a = e[i];
 		if (a == null) continue;
 		let o = n ? "" : encodeURIComponent(i), s;
-		s = typeof a == "object" ? kt(a, t ? t + encodeURIComponent(`[${o}]`) : o, Array.isArray(a)) : `${t ? t + encodeURIComponent(`[${o}]`) : o}=${encodeURIComponent(a)}`, r.push(s);
+		s = typeof a == "object" ? At(a, t ? t + encodeURIComponent(`[${o}]`) : o, Array.isArray(a)) : `${t ? t + encodeURIComponent(`[${o}]`) : o}=${encodeURIComponent(a)}`, r.push(s);
 	}
 	return r.join("&");
-}, At = (e) => {
+}, jt = (e) => {
 	let t = {
 		eu: "api.storyblok.com",
 		us: "api-us.storyblok.com",
@@ -1120,7 +1120,7 @@ var xt = (e = "") => e.includes("/cdn/"), St = (e, t = 25, n = 1) => ({
 		ca: "api-ca.storyblok.com"
 	};
 	return t[e] ?? t.eu;
-}, jt = class {
+}, Mt = class {
 	baseURL;
 	timeout;
 	headers;
@@ -1163,7 +1163,7 @@ var xt = (e = "") => e.includes("/cdn/"), St = (e, t = 25, n = 1) => ({
 	}
 	async _methodHandler(e) {
 		let t = `${this.baseURL}${this.url}`, n = null;
-		e === "get" ? t = `${this.baseURL}${this.url}?${kt(this.parameters)}` : n = JSON.stringify(this.parameters);
+		e === "get" ? t = `${this.baseURL}${this.url}?${At(this.parameters)}` : n = JSON.stringify(this.parameters);
 		let r = new URL(t), i = new AbortController(), { signal: a } = i, o = null;
 		this.timeout && (o = setTimeout(() => i.abort(), this.timeout));
 		try {
@@ -1210,32 +1210,32 @@ var xt = (e = "") => e.includes("/cdn/"), St = (e, t = 25, n = 1) => ({
 			});
 		});
 	}
-}, Mt = {
+}, Nt = {
 	DRAFT: "draft",
 	PUBLISHED: "published"
 };
-Object.values(Mt);
-var Nt = 25, Pt = {
+Object.values(Nt);
+var Pt = 25, Ft = {
 	SMALL: 25,
 	MEDIUM: 50,
 	LARGE: 75
-}, Y = {
+}, J = {
 	SINGLE_OR_SMALL: 50,
 	MEDIUM: 15,
 	LARGE: 10,
 	VERY_LARGE: 6
-}, Ft = 1e3, X = 3;
-function It(e, t) {
+}, It = 1e3, Y = 3;
+function Lt(e, t) {
 	let n = e.includes("/cdn/stories/"), r = e.split("/").length > 3 && !e.endsWith("/cdn/stories"), i = "find_by" in t;
 	return n && r || i;
 }
-function Lt(e) {
-	return e <= Pt.SMALL ? Y.SINGLE_OR_SMALL : e <= Pt.MEDIUM ? Y.MEDIUM : e <= Pt.LARGE ? Y.LARGE : Y.VERY_LARGE;
+function Rt(e) {
+	return e <= Ft.SMALL ? J.SINGLE_OR_SMALL : e <= Ft.MEDIUM ? J.MEDIUM : e <= Ft.LARGE ? J.LARGE : J.VERY_LARGE;
 }
-function Z(e, t, n = {}, r) {
-	return n.userRateLimit === void 0 ? n.serverHeadersRateLimit === void 0 ? r === void 0 ? !e || !t || It(e, t) ? Y.SINGLE_OR_SMALL : Lt(t.per_page || Nt) : r : Math.min(n.serverHeadersRateLimit, Ft) : Math.min(n.userRateLimit, Ft);
+function X(e, t, n = {}, r) {
+	return n.userRateLimit === void 0 ? n.serverHeadersRateLimit === void 0 ? r === void 0 ? !e || !t || Lt(e, t) ? J.SINGLE_OR_SMALL : Rt(t.per_page || Pt) : r : Math.min(n.serverHeadersRateLimit, It) : Math.min(n.userRateLimit, It);
 }
-function Rt(e) {
+function zt(e) {
 	if (!e) return null;
 	let t = e["x-ratelimit"] || e["X-RateLimit"], n = e["x-ratelimit-policy"] || e["X-RateLimit-Policy"];
 	if (!t && !n) return null;
@@ -1250,19 +1250,19 @@ function Rt(e) {
 	}
 	return Object.keys(r).length > 0 ? r : null;
 }
-function zt(e, t = !1) {
+function Bt(e, t = !1) {
 	return {
 		userRateLimit: e,
 		serverHeadersRateLimit: void 0,
 		isManagementApi: t
 	};
 }
-var Bt = class extends Error {
+var Vt = class extends Error {
 	constructor(e) {
 		super(e), this.name = "AbortError";
 	}
 };
-function Vt(e, t, n) {
+function Ht(e, t, n) {
 	if (!Number.isFinite(t)) throw TypeError("Expected `limit` to be a finite number");
 	if (!Number.isFinite(n)) throw TypeError("Expected `interval` to be a finite number");
 	let r = [], i = [], a = 0, o = !1, s = async () => {
@@ -1286,10 +1286,10 @@ function Vt(e, t, n) {
 		}), a < t && s();
 	});
 	return c.abort = () => {
-		o = !0, i.forEach(clearTimeout), i = [], r.forEach((e) => e.reject(() => new Bt("Throttle function aborted"))), r.length = 0;
+		o = !0, i.forEach(clearTimeout), i = [], r.forEach((e) => e.reject(() => new Vt("Throttle function aborted"))), r.length = 0;
 	}, c;
 }
-var Ht = class {
+var Ut = class {
 	queues;
 	interval;
 	throttledRequestFn;
@@ -1298,7 +1298,7 @@ var Ht = class {
 	}
 	getQueue(e) {
 		let t = this.queues.get(e);
-		return t || (t = Vt(this.throttledRequestFn, e, this.interval), this.queues.set(e, t)), t;
+		return t || (t = Ht(this.throttledRequestFn, e, this.interval), this.queues.set(e, t)), t;
 	}
 	execute(e, ...t) {
 		return this.getQueue(e)(...t);
@@ -1311,7 +1311,7 @@ var Ht = class {
 	getQueueCount() {
 		return this.queues.size;
 	}
-}, Q = {}, $ = {}, Ut = class {
+}, Z = {}, Q = {}, Wt = class {
 	client;
 	maxRetries;
 	retriesDelay;
@@ -1332,12 +1332,12 @@ var Ht = class {
 		let n = e.endpoint || t;
 		if (!n) {
 			let t = e.https === !1 ? "http" : "https";
-			n = e.oauthToken ? `${t}://${At(e.region)}/v1` : `${t}://${At(e.region)}/v2`;
+			n = e.oauthToken ? `${t}://${jt(e.region)}/v1` : `${t}://${jt(e.region)}/v2`;
 		}
 		let r = new Headers();
 		!e.oauthToken && typeof window < "u" || r.set("Content-Type", "application/json"), r.set("Accept", "application/json"), e.headers && (e.headers.constructor.name === "Headers" ? e.headers.entries().toArray() : Object.entries(e.headers)).forEach(([e, t]) => {
 			r.set(e, t);
-		}), e.oauthToken && r.set("Authorization", e.oauthToken), this.rateLimitConfig = zt(e.rateLimit, !!e.oauthToken), this.maxRetries = e.maxRetries || 10, this.retriesDelay = e.retriesDelay ?? 300, this.throttleManager = new Ht(this.throttledRequest.bind(this), 1e3), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.cvMode = e.cache?.cv ?? "auto", this.resolveCounter = 0, this.resolveNestedRelations = e.resolveNestedRelations || !0, this.stringifiedStoriesCache = {}, this.version = e.version || Mt.PUBLISHED, this.inlineAssets = e.inlineAssets || !1, this.client = new jt({
+		}), e.oauthToken && r.set("Authorization", e.oauthToken), this.rateLimitConfig = Bt(e.rateLimit, !!e.oauthToken), this.maxRetries = e.maxRetries || 10, this.retriesDelay = e.retriesDelay ?? 300, this.throttleManager = new Ut(this.throttledRequest.bind(this), 1e3), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.cvMode = e.cache?.cv ?? "auto", this.resolveCounter = 0, this.resolveNestedRelations = e.resolveNestedRelations || !0, this.stringifiedStoriesCache = {}, this.version = e.version || Nt.PUBLISHED, this.inlineAssets = e.inlineAssets || !1, this.client = new Mt({
 			baseURL: n,
 			timeout: e.timeout || 0,
 			headers: r,
@@ -1346,19 +1346,19 @@ var Ht = class {
 		});
 	}
 	parseParams(e) {
-		return e.token ||= this.getToken(), !e.cv && this.cvMode === "auto" && (e.cv = $[e.token]), Array.isArray(e.resolve_relations) ? e.resolve_relations = e.resolve_relations.map(Ot).join(",") : typeof e.resolve_relations == "string" && (e.resolve_relations = Ot(e.resolve_relations)), e.resolve_relations !== void 0 && (e.resolve_level = 2), e;
+		return e.token ||= this.getToken(), !e.cv && this.cvMode === "auto" && (e.cv = Q[e.token]), Array.isArray(e.resolve_relations) ? e.resolve_relations = e.resolve_relations.map(kt).join(",") : typeof e.resolve_relations == "string" && (e.resolve_relations = kt(e.resolve_relations)), e.resolve_relations !== void 0 && (e.resolve_level = 2), e;
 	}
 	factoryParamOptions(e, t) {
-		return xt(e) ? this.parseParams(t) : t;
+		return St(e) ? this.parseParams(t) : t;
 	}
 	makeRequest(e, t, n, r, i) {
-		let a = this.factoryParamOptions(e, St(t, n, r));
+		let a = this.factoryParamOptions(e, Ct(t, n, r));
 		return this.cacheResponse(e, a, void 0, i);
 	}
 	get(e, t = {}, n) {
 		t ||= {};
 		let r = `/${e}`;
-		xt(r) && (t.version = t.version || this.version);
+		St(r) && (t.version = t.version || this.version);
 		let i = this.factoryParamOptions(r, t);
 		return this.cacheResponse(r, i, void 0, n);
 	}
@@ -1366,23 +1366,23 @@ var Ht = class {
 		let i = t?.per_page || 25, a = `/${e}`.replace(/\/$/, ""), o = n ?? a.substring(a.lastIndexOf("/") + 1);
 		t.version = t.version || this.version;
 		let s = await this.makeRequest(a, t, i, 1, r);
-		return Dt([s, ...await Et(Tt(1, s.total ? Math.ceil(s.total / (s.perPage || i)) : 1), (e) => this.makeRequest(a, t, i, e + 1, r))], (e) => Object.values(e.data[o]));
+		return Ot([s, ...await Dt(Et(1, s.total ? Math.ceil(s.total / (s.perPage || i)) : 1), (e) => this.makeRequest(a, t, i, e + 1, r))], (e) => Object.values(e.data[o]));
 	}
 	post(e, t = {}, n) {
-		let r = `/${e}`, i = Z(void 0, void 0, this.rateLimitConfig, X);
+		let r = `/${e}`, i = X(void 0, void 0, this.rateLimitConfig, Y);
 		return this.throttleManager.execute(i, "post", r, t, n);
 	}
 	put(e, t = {}, n) {
-		let r = `/${e}`, i = Z(void 0, void 0, this.rateLimitConfig, X);
+		let r = `/${e}`, i = X(void 0, void 0, this.rateLimitConfig, Y);
 		return this.throttleManager.execute(i, "put", r, t, n);
 	}
 	patch(e, t = {}, n) {
-		let r = `/${e}`, i = Z(void 0, void 0, this.rateLimitConfig, X);
+		let r = `/${e}`, i = X(void 0, void 0, this.rateLimitConfig, Y);
 		return this.throttleManager.execute(i, "patch", r, t, n);
 	}
 	delete(e, t = {}, n) {
 		t ||= {};
-		let r = `/${e}`, i = Z(void 0, void 0, this.rateLimitConfig, X);
+		let r = `/${e}`, i = X(void 0, void 0, this.rateLimitConfig, Y);
 		return this.throttleManager.execute(i, "delete", r, t, n);
 	}
 	getStories(e = {}, t) {
@@ -1499,7 +1499,7 @@ var Ht = class {
 		}), this.stringifiedStoriesCache = {}, delete this.links[n], delete this.relations[n];
 	}
 	async cacheResponse(e, t, n, r) {
-		let i = kt({
+		let i = At({
 			url: e,
 			params: t
 		}), a = this.cacheProvider();
@@ -1507,7 +1507,7 @@ var Ht = class {
 			let e = await a.get(i);
 			if (e) return Promise.resolve(e);
 		}
-		let o = !xt(e) && this.rateLimitConfig.isManagementApi ? X : void 0, s = Z(e, t, this.rateLimitConfig, o);
+		let o = !St(e) && this.rateLimitConfig.isManagementApi ? Y : void 0, s = X(e, t, this.rateLimitConfig, o);
 		return new Promise(async (o, c) => {
 			try {
 				let n = await this.throttleManager.execute(s, "get", e, t, r);
@@ -1515,7 +1515,7 @@ var Ht = class {
 				let l = {
 					data: n.data,
 					headers: n.headers
-				}, u = Rt(n.headers);
+				}, u = zt(n.headers);
 				if (u?.max !== void 0 && (this.rateLimitConfig.serverHeadersRateLimit = u.max), n.headers?.["per-page"] && (l = Object.assign({}, l, {
 					perPage: n.headers["per-page"] ? Number.parseInt(n.headers["per-page"]) : 0,
 					total: n.headers["per-page"] ? Number.parseInt(n.headers.total) : 0
@@ -1525,9 +1525,9 @@ var Ht = class {
 				}
 				t.version === "published" && e !== "/cdn/spaces/me" && await a.set(i, l);
 				let d = this.cache.clear === "onpreview" && t.version === "draft" || this.cache.clear === "auto";
-				return t.token && l.data.cv && (d && $[t.token] && $[t.token] !== l.data.cv && await this.flushCache(), $[t.token] = l.data.cv), o(l);
+				return t.token && l.data.cv && (d && Q[t.token] && Q[t.token] !== l.data.cv && await this.flushCache(), Q[t.token] = l.data.cv), o(l);
 			} catch (r) {
-				if (r.response && r.status === 429 && (n = n === void 0 ? 0 : n + 1, n < this.maxRetries)) return console.log(`Hit rate limit. Retrying in ${this.retriesDelay / 1e3} seconds.`), await Ct(this.retriesDelay), this.cacheResponse(e, t, n).then(o).catch(c);
+				if (r.response && r.status === 429 && (n = n === void 0 ? 0 : n + 1, n < this.maxRetries)) return console.log(`Hit rate limit. Retrying in ${this.retriesDelay / 1e3} seconds.`), await wt(this.retriesDelay), this.cacheResponse(e, t, n).then(o).catch(c);
 				c(r);
 			}
 		});
@@ -1536,31 +1536,31 @@ var Ht = class {
 		return this.client.setFetchOptions(r), this.client[e](t, n);
 	}
 	cacheVersions() {
-		return $;
+		return Q;
 	}
 	cacheVersion() {
-		return $[this.accessToken];
+		return Q[this.accessToken];
 	}
 	setCacheVersion(e) {
-		this.accessToken && ($[this.accessToken] = e);
+		this.accessToken && (Q[this.accessToken] = e);
 	}
 	clearCacheVersion() {
-		this.accessToken && ($[this.accessToken] = 0);
+		this.accessToken && (Q[this.accessToken] = 0);
 	}
 	cacheProvider() {
 		switch (this.cache.type) {
 			case "memory": return {
 				get(e) {
-					return Promise.resolve(Q[e]);
+					return Promise.resolve(Z[e]);
 				},
 				getAll() {
-					return Promise.resolve(Q);
+					return Promise.resolve(Z);
 				},
 				set(e, t) {
-					return Q[e] = t, Promise.resolve(void 0);
+					return Z[e] = t, Promise.resolve(void 0);
 				},
 				flush() {
-					return Q = {}, Promise.resolve(void 0);
+					return Z = {}, Promise.resolve(void 0);
 				}
 			};
 			case "custom": if (this.cache.custom) return this.cache.custom;
@@ -1598,33 +1598,24 @@ var Ht = class {
 		};
 		return e.data.story && (e.data.story.content = t(e.data.story.content)), e.data.stories && (e.data.stories = e.data.stories.map((e) => (e.content = t(e.content), e))), e;
 	}
-}, Wt = !1, Gt = [], Kt = (e) => new Promise((t, n) => {
-	if (typeof window > "u") {
-		n(/* @__PURE__ */ Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));
+}, Gt = !1, $, Kt = [], qt = () => typeof window > "u" ? Promise.reject(/* @__PURE__ */ Error("Cannot load Storyblok bridge: window is undefined (server-side environment)")) : (window.storyblokRegisterEvent = (e) => {
+	if (!window.location.search.includes("_storyblok")) {
+		console.warn("You are not in Draft Mode or in the Visual Editor.");
 		return;
 	}
-	if (window.storyblokRegisterEvent = (e) => {
-		if (!window.location.search.includes("_storyblok")) {
-			console.warn("You are not in Draft Mode or in the Visual Editor.");
-			return;
-		}
-		Wt ? e() : Gt.push(e);
-	}, document.getElementById("storyblok-javascript-bridge")) {
-		t(void 0);
-		return;
-	}
-	let r = document.createElement("script");
-	r.async = !0, r.src = e, r.id = "storyblok-javascript-bridge", r.onerror = (e) => n(e), r.onload = (e) => {
-		Gt.forEach((e) => e()), Wt = !0, t(e);
-	}, document.getElementsByTagName("head")[0].appendChild(r);
-}), qt = (e = {}) => {
+	Gt ? e() : Kt.push(e);
+}, Gt ? Promise.resolve() : $ || ($ = import("./index-CtMAhUF--DxA2RtMY.js").then(({ default: e }) => {
+	window.StoryblokBridge = e, Kt.forEach((e) => e()), Gt = !0;
+}).catch((e) => {
+	throw $ = void 0, e;
+}), $)), Jt = (e = {}) => {
 	let { apiOptions: t } = e;
 	if (!t || !t.accessToken) {
 		console.error("You need to provide an access token to interact with Storyblok API. Read https://www.storyblok.com/docs/api/content-delivery#topics/authentication");
 		return;
 	}
-	return { storyblokApi: new Ut(t) };
-}, Jt = (e) => {
+	return { storyblokApi: new Wt(t) };
+}, Yt = (e) => {
 	if (typeof e != "object" || typeof e._editable != "string") return {};
 	try {
 		let t = JSON.parse(e._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
@@ -1635,9 +1626,9 @@ var Ht = class {
 	} catch {
 		return {};
 	}
-}, Yt = "https://app.storyblok.com/f/storyblok-v2-latest.js", Xt = (e = {}) => {
+}, Xt = (e = {}) => {
 	let { bridge: t, accessToken: n, use: r = [], apiOptions: i = {}, bridgeUrl: a } = e;
-	i.accessToken = i.accessToken || n;
+	a && console.warn("[Storyblok] The `bridgeUrl` option is deprecated and will be removed in a future major version. The Storyblok bridge is now bundled and is no longer loaded from a CDN URL."), i.accessToken = i.accessToken || n;
 	let o = {
 		bridge: t,
 		apiOptions: i
@@ -1647,9 +1638,9 @@ var Ht = class {
 			...s,
 			...e(o)
 		};
-	}), a && (Yt = a);
+	});
 	let c = !(typeof window > "u") && (window.location?.search)?.includes("_storyblok_tk");
-	return t !== !1 && c && Kt(Yt), s;
-}, Zt = () => Kt(Yt);
+	return t !== !1 && c && qt(), s;
+}, Zt = () => qt();
 //#endregion
-export { qt as apiPlugin, ut as attrsToHtmlString, bt as buildAstroAttrs, ze as buildStoryblokImage, rt as getInnerMarks, r as getLiveStory, i as getPayload, lt as getStaticChildren, it as groupLinkNodes, Oe as handleStoryblokMessage, Re as isEditorRequest, K as isSelfClosing, yt as isValidAstroComponent, Zt as loadStoryblokBridge, st as normalizeNodes, U as processAttrs, dt as renderRichText, G as resolveTag, te as sanitizeJSON, ot as splitTableRows, O as storyblok, Jt as storyblokEditable, Xt as storyblokInit, V as styleToString, b as toCamelCase, n as useStoryblokApi };
+export { Jt as apiPlugin, ut as attrsToHtmlString, xt as buildAstroAttrs, ze as buildStoryblokImage, rt as getInnerMarks, r as getLiveStory, i as getPayload, lt as getStaticChildren, it as groupLinkNodes, Oe as handleStoryblokMessage, Re as isEditorRequest, K as isSelfClosing, bt as isValidAstroComponent, Zt as loadStoryblokBridge, st as normalizeNodes, U as processAttrs, dt as renderRichText, G as resolveTag, te as sanitizeJSON, ot as splitTableRows, O as storyblok, Yt as storyblokEditable, Xt as storyblokInit, V as styleToString, b as toCamelCase, n as useStoryblokApi };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/astro",
   "type": "module",
-  "version": "10.2.0",
+  "version": "10.2.2",
   "private": false,
   "description": "Official Astro integration for the Storyblok Headless CMS",
   "author": "Storyblok",
@@ -51,7 +51,7 @@
   "dependencies": {
     "camelcase": "^8.0.0",
     "morphdom": "^2.7.8",
-    "@storyblok/js": "6.2.0",
+    "@storyblok/js": "6.3.0",
     "@storyblok/richtext": "5.2.0"
   },
   "devDependencies": {