@aussieljk/forkbook 0.0.0-stage → 0.0.1-2

package/dist/preview/_chunks/runtime-CxZK_Ln3.js

@@ -0,0 +1,284 @@
+import { n as __esmMin, r as __exportAll } from "./runtime-BdGkqNEt.js";
+import { r as definePreviewAddon } from "./runtime-DrTjJkPY.js";
+import { C as init_events, D as init_status_store, E as REVIEW_STATUS_TYPE_ID, S as REVIEW_NAMESPACE, T as NON_AGGREGATED_STATUS_TYPE_IDS, w as CHANGE_DETECTION_STATUS_TYPE_ID, x as REVIEW_EVENTS } from "./runtime-iXdo8CR8.js";
+//#region src/types/modules/addons.ts
+var Addon_TypesEnum;
+function init_addons() {
+	return (init_addons = __esmMin((() => {
+		Addon_TypesEnum = /* @__PURE__ */ function(Addon_TypesEnum) {
+			/** This adds panels to the addons side panel. */
+			Addon_TypesEnum["PANEL"] = "panel";
+			/** This adds items in the toolbar above the canvas - on the left side. */
+			Addon_TypesEnum["TOOL"] = "tool";
+			/** This adds items in the toolbar above the canvas - on the right side. */
+			Addon_TypesEnum["TOOLEXTRA"] = "toolextra";
+			/**
+			* This adds wrapper components around the canvas/iframe component storybook renders.
+			*
+			* @unstable this API is not stable yet, and is likely to change in 8.0.
+			*/
+			Addon_TypesEnum["PREVIEW"] = "preview";
+			/**
+			* This adds pages that render instead of the canvas.
+			*
+			* @unstable
+			*/
+			Addon_TypesEnum["experimental_PAGE"] = "page";
+			/** This adds items to the Testing Module in the sidebar. */
+			Addon_TypesEnum["experimental_TEST_PROVIDER"] = "test-provider";
+			return Addon_TypesEnum;
+		}({});
+	})))();
+}
+//#endregion
+//#region src/types/modules/frameworks.ts
+var SupportedFramework;
+function init_frameworks() {
+	return (init_frameworks = __esmMin((() => {
+		SupportedFramework = /* @__PURE__ */ function(SupportedFramework) {
+			SupportedFramework["NEXTJS_VITE"] = "nextjs-vite";
+			SupportedFramework["REACT_VITE"] = "react-vite";
+			return SupportedFramework;
+		}({});
+	})))();
+}
+//#endregion
+//#region src/types/modules/renderers.ts
+var SupportedRenderer;
+function init_renderers() {
+	return (init_renderers = __esmMin((() => {
+		SupportedRenderer = /* @__PURE__ */ function(SupportedRenderer) {
+			SupportedRenderer["REACT"] = "react";
+			SupportedRenderer["REACT_NATIVE"] = "react-native";
+			return SupportedRenderer;
+		}({});
+	})))();
+}
+//#endregion
+//#region src/types/modules/builders.ts
+var SupportedBuilder;
+function init_builders() {
+	return (init_builders = __esmMin((() => {
+		SupportedBuilder = /* @__PURE__ */ function(SupportedBuilder) {
+			SupportedBuilder["VITE"] = "vite";
+			return SupportedBuilder;
+		}({});
+	})))();
+}
+//#endregion
+//#region src/types/modules/features.ts
+var Feature;
+function init_features() {
+	return (init_features = __esmMin((() => {
+		Feature = /* @__PURE__ */ function(Feature) {
+			Feature["DOCS"] = "docs";
+			Feature["TEST"] = "test";
+			Feature["A11Y"] = "a11y";
+			Feature["AI"] = "ai";
+			return Feature;
+		}({});
+	})))();
+}
+//#endregion
+//#region src/types/modules/languages.ts
+var SupportedLanguage;
+function init_languages() {
+	return (init_languages = __esmMin((() => {
+		SupportedLanguage = /* @__PURE__ */ function(SupportedLanguage) {
+			SupportedLanguage["JAVASCRIPT"] = "javascript";
+			SupportedLanguage["TYPESCRIPT"] = "typescript";
+			return SupportedLanguage;
+		}({});
+	})))();
+}
+//#endregion
+//#region src/types/index.ts
+var types_exports = /* @__PURE__ */ __exportAll({
+	Addon_TypesEnum: () => Addon_TypesEnum,
+	CHANGE_DETECTION_STATUS_TYPE_ID: () => CHANGE_DETECTION_STATUS_TYPE_ID,
+	Feature: () => Feature,
+	NON_AGGREGATED_STATUS_TYPE_IDS: () => NON_AGGREGATED_STATUS_TYPE_IDS,
+	REVIEW_EVENTS: () => REVIEW_EVENTS,
+	REVIEW_NAMESPACE: () => REVIEW_NAMESPACE,
+	REVIEW_STATUS_TYPE_ID: () => REVIEW_STATUS_TYPE_ID,
+	SupportedBuilder: () => SupportedBuilder,
+	SupportedFramework: () => SupportedFramework,
+	SupportedLanguage: () => SupportedLanguage,
+	SupportedRenderer: () => SupportedRenderer
+});
+function init_types() {
+	return (init_types = __esmMin((() => {
+		init_addons();
+		init_frameworks();
+		init_renderers();
+		init_status_store();
+		init_events();
+		init_builders();
+		init_features();
+		init_languages();
+	})))();
+}
+//#endregion
+//#region src/viewport/constants.ts
+var PARAM_KEY, RESPONSIVE_VIEWPORT_VALUE;
+function init_constants() {
+	return (init_constants = __esmMin((() => {
+		PARAM_KEY = "viewport";
+		RESPONSIVE_VIEWPORT_VALUE = "100pct-100pct";
+	})))();
+}
+//#endregion
+//#region src/viewport/preview.ts
+var initialGlobals, preview_default;
+function init_preview() {
+	return (init_preview = __esmMin((() => {
+		init_constants();
+		initialGlobals = { [PARAM_KEY]: {
+			value: void 0,
+			isRotated: false
+		} };
+		preview_default = () => definePreviewAddon({ initialGlobals });
+	})))();
+}
+//#endregion
+//#region src/viewport/defaults.ts
+var MINIMAL_VIEWPORTS;
+function init_defaults() {
+	return (init_defaults = __esmMin((() => {
+		MINIMAL_VIEWPORTS = {
+			mobile1: {
+				name: "Small mobile",
+				styles: {
+					height: "568px",
+					width: "320px"
+				},
+				type: "mobile"
+			},
+			mobile2: {
+				name: "Large mobile",
+				styles: {
+					height: "896px",
+					width: "414px"
+				},
+				type: "mobile"
+			},
+			tablet: {
+				name: "Tablet",
+				styles: {
+					height: "1112px",
+					width: "834px"
+				},
+				type: "tablet"
+			},
+			desktop: {
+				name: "Desktop",
+				styles: {
+					height: "1024px",
+					width: "1280px"
+				},
+				type: "desktop"
+			}
+		};
+	})))();
+}
+//#endregion
+//#region src/viewport/resolveViewport.ts
+var URL_VALUE_PATTERN, normalizeGlobal, resolveViewport, toViewportPixels, toResolvedViewportDimensions;
+function init_resolveViewport() {
+	return (init_resolveViewport = __esmMin((() => {
+		init_constants();
+		URL_VALUE_PATTERN = /^([0-9]{1,4})([a-z]{0,4})-([0-9]{1,4})([a-z]{0,4})$/;
+		normalizeGlobal = (value, defaultIsRotated) => typeof value === "string" ? {
+			value,
+			isRotated: defaultIsRotated
+		} : {
+			value: value?.value,
+			isRotated: value?.isRotated ?? defaultIsRotated
+		};
+		resolveViewport = ({ globals, storyGlobals, userGlobals, options, lastSelectedOption, disable = false, viewMode }) => {
+			if (viewMode !== "story") return {
+				name: "Responsive",
+				type: "desktop",
+				width: "100%",
+				height: "100%",
+				value: RESPONSIVE_VIEWPORT_VALUE,
+				option: void 0,
+				isCustom: false,
+				isDefault: true,
+				isLocked: true,
+				isRotated: false
+			};
+			const global = normalizeGlobal(globals?.[PARAM_KEY]);
+			const userGlobal = normalizeGlobal(userGlobals?.[PARAM_KEY]);
+			const storyGlobal = normalizeGlobal(storyGlobals?.[PARAM_KEY]);
+			const storyHasViewport = PARAM_KEY in storyGlobals;
+			const primaryGlobal = storyHasViewport ? storyGlobal : userGlobal;
+			const secondaryGlobal = storyHasViewport ? userGlobal : storyGlobal;
+			const value = primaryGlobal?.value ?? secondaryGlobal?.value ?? global?.value;
+			const isRotated = primaryGlobal?.isRotated ?? secondaryGlobal?.isRotated ?? global?.isRotated ?? false;
+			const keys = Object.keys(options);
+			const isLocked = disable || "viewport" in storyGlobals || !keys.length;
+			const [match, vx, ux, vy, uy] = value?.match(URL_VALUE_PATTERN) || [];
+			if (match) {
+				const x = ux && ux !== "px" ? vx : Math.max(Number(vx), 40);
+				const y = uy && uy !== "px" ? vy : Math.max(Number(vy), 40);
+				const width = `${x}${ux === "pct" ? "%" : ux || "px"}`;
+				const height = `${y}${uy === "pct" ? "%" : uy || "px"}`;
+				const selection = lastSelectedOption ? options[lastSelectedOption] : void 0;
+				return {
+					name: selection?.name ?? "Custom",
+					type: selection?.type ?? "other",
+					width: isRotated ? height : width,
+					height: isRotated ? width : height,
+					value: match,
+					option: void 0,
+					isCustom: true,
+					isDefault: false,
+					isLocked,
+					isRotated
+				};
+			}
+			if (value && keys.length) {
+				const { name, styles, type = "other" } = options[value] ?? options[keys[0]];
+				return {
+					name,
+					type,
+					width: isRotated ? styles.height : styles.width,
+					height: isRotated ? styles.width : styles.height,
+					value,
+					option: value,
+					isCustom: false,
+					isDefault: false,
+					isLocked,
+					isRotated
+				};
+			}
+			return {
+				name: "Responsive",
+				type: "desktop",
+				width: "100%",
+				height: "100%",
+				value: RESPONSIVE_VIEWPORT_VALUE,
+				option: void 0,
+				isCustom: false,
+				isDefault: true,
+				isLocked,
+				isRotated: false
+			};
+		};
+		toViewportPixels = (dimension, reference) => {
+			const pxMatch = dimension.match(/^(\d+(?:\.\d+)?)px$/);
+			if (pxMatch) return Math.round(Number(pxMatch[1]));
+			const percentMatch = dimension.match(/^(\d+(?:\.\d+)?)%$/);
+			if (percentMatch) return Math.round(reference * Number(percentMatch[1]) / 100);
+		};
+		toResolvedViewportDimensions = (viewport, reference) => ({
+			name: viewport.name,
+			value: viewport.value,
+			width: toViewportPixels(viewport.width, reference.width),
+			height: toViewportPixels(viewport.height, reference.height)
+		});
+	})))();
+}
+//#endregion
+export { init_defaults as a, PARAM_KEY as c, types_exports as d, MINIMAL_VIEWPORTS as i, init_constants as l, resolveViewport as n, init_preview as o, toResolvedViewportDimensions as r, preview_default as s, init_resolveViewport as t, init_types as u };