@blokkli/editor 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/runtime/helpers/DragStyle/index.d.ts

@@ -1,12 +0,0 @@
-import type { DraggableStyle } from '#blokkli/types';
-import type { RGB } from '#blokkli/types/theme';
-export declare class DragStyle {
-    styleCache: WeakMap<HTMLElement | SVGElement, DraggableStyle>;
-    backgroundCache: WeakMap<HTMLElement | SVGElement, string>;
-    constructor();
-    invalidateStyle(el: HTMLElement | SVGElement): void;
-    reset(): void;
-    getStyle(el: HTMLElement | SVGElement, accentColor: RGB): DraggableStyle;
-    realBackgroundColor(el: HTMLElement | SVGElement | null): string;
-    getDraggableStyle(el: HTMLElement | SVGElement, accentColor: RGB): DraggableStyle;
-}

package/dist/runtime/helpers/DragStyle/index.js

@@ -1,86 +0,0 @@
-import {
-  findHighestContrastColor,
-  getContrastRatio,
-  getNumericStyleValue,
-  parseColorString,
-  realBackgroundColor,
-  rgbaToString
-} from "../index.js";
-export class DragStyle {
-  styleCache;
-  backgroundCache;
-  constructor() {
-    this.styleCache = /* @__PURE__ */ new WeakMap();
-    this.backgroundCache = /* @__PURE__ */ new WeakMap();
-  }
-  invalidateStyle(el) {
-    this.styleCache.delete(el);
-    this.backgroundCache.delete(el);
-  }
-  reset() {
-    this.styleCache = /* @__PURE__ */ new WeakMap();
-    this.backgroundCache = /* @__PURE__ */ new WeakMap();
-  }
-  getStyle(el, accentColor) {
-    const cached = this.styleCache.get(el);
-    if (cached) {
-      return cached;
-    }
-    const style = this.getDraggableStyle(el, accentColor);
-    this.styleCache.set(el, style);
-    return style;
-  }
-  realBackgroundColor(el) {
-    const transparent = "rgba(0, 0, 0, 0)";
-    if (!el) {
-      return transparent;
-    }
-    const cached = this.backgroundCache.get(el);
-    if (cached) {
-      return cached;
-    }
-    let bg = getComputedStyle(el).backgroundColor;
-    if (bg === transparent || bg === "transparent") {
-      bg = realBackgroundColor(el.parentElement);
-    }
-    this.backgroundCache.set(el, bg);
-    return bg;
-  }
-  getDraggableStyle(el, accentColor) {
-    const style = getComputedStyle(el);
-    const radius = [
-      getNumericStyleValue(style.borderTopLeftRadius, 0),
-      getNumericStyleValue(style.borderTopRightRadius, 0),
-      getNumericStyleValue(style.borderBottomRightRadius, 0),
-      getNumericStyleValue(style.borderBottomLeftRadius, 0)
-    ];
-    const radiusMin = Math.min(...radius);
-    const backgroundColorForSelection = parseColorString(
-      realBackgroundColor(el.parentElement)
-    );
-    const contrastColor = findHighestContrastColor(
-      [[255, 255, 255], accentColor],
-      backgroundColorForSelection
-    );
-    const backgroundColor = parseColorString(realBackgroundColor(el));
-    const textColor = findHighestContrastColor(
-      [
-        [0, 0, 0],
-        [255, 255, 255]
-      ],
-      backgroundColor
-    );
-    const bg = backgroundColorForSelection || [255, 255, 255];
-    const ratio = getContrastRatio(accentColor, bg);
-    return {
-      radius,
-      radiusMin,
-      radiusString: radius.map((v) => v + "px").join(" "),
-      contrastColor: rgbaToString(contrastColor),
-      contrastColorRGB: contrastColor,
-      contrastColorTranslucent: rgbaToString(contrastColor, 0.25),
-      textColor: rgbaToString(textColor),
-      isInverted: ratio < 5
-    };
-  }
-}

package/dist/runtime/helpers/bundles/index.js

@@ -1,4 +0,0 @@
-import { INTERNAL_BUNDLES } from "#blokkli/constants";
-export function isInternalBundle(bundle) {
-  return INTERNAL_BUNDLES.includes(bundle);
-}

package/dist/runtime/helpers/composables/defineAddAction.d.ts

@@ -1,2 +0,0 @@
-import type { AddAction } from '#blokkli/types';
-export default function (cb: () => AddAction | AddAction[] | undefined): void;

package/dist/runtime/helpers/composables/defineAddAction.js

@@ -1,10 +0,0 @@
-import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
-export default function(cb) {
-  const { plugins } = useBlokkli();
-  onMounted(() => {
-    plugins.add("addAction", cb);
-  });
-  onBeforeUnmount(() => {
-    plugins.remove("addAction", cb);
-  });
-}

package/dist/runtime/helpers/composables/defineCommands.d.ts

@@ -1,2 +0,0 @@
-import type { Command } from '#blokkli/types';
-export default function (cb: () => Command | Command[] | undefined): void;

package/dist/runtime/helpers/composables/defineCommands.js

@@ -1,10 +0,0 @@
-import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
-export default function(cb) {
-  const { commands } = useBlokkli();
-  onMounted(() => {
-    commands.add(cb);
-  });
-  onBeforeUnmount(() => {
-    commands.remove(cb);
-  });
-}

package/dist/runtime/helpers/composables/defineDropAreas.d.ts

@@ -1,2 +0,0 @@
-import type { DraggableItem, DropArea } from '#blokkli/types';
-export default function (cb: (items: DraggableItem[]) => DropArea | DropArea[] | undefined): void;

package/dist/runtime/helpers/composables/defineDropAreas.js

@@ -1,10 +0,0 @@
-import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
-export default function(cb) {
-  const { dropAreas } = useBlokkli();
-  onMounted(() => {
-    dropAreas.add(cb);
-  });
-  onBeforeUnmount(() => {
-    dropAreas.remove(cb);
-  });
-}

package/dist/runtime/helpers/composables/defineItemDropdownAction.d.ts

@@ -1,2 +0,0 @@
-import type { ItemDropdownAction } from '../providers/plugin.js';
-export default function (cb: () => ItemDropdownAction | ItemDropdownAction[] | undefined): void;

package/dist/runtime/helpers/composables/defineItemDropdownAction.js

@@ -1,10 +0,0 @@
-import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
-export default function(cb) {
-  const { plugins } = useBlokkli();
-  onMounted(() => {
-    plugins.add("itemDropdownAction", cb);
-  });
-  onBeforeUnmount(() => {
-    plugins.remove("itemDropdownAction", cb);
-  });
-}

package/dist/runtime/helpers/composables/defineMenuButton.d.ts

@@ -1,2 +0,0 @@
-import type { MenuButtonPlugin } from '../providers/plugin.js';
-export default function (cb: () => MenuButtonPlugin | MenuButtonPlugin[] | undefined): void;

package/dist/runtime/helpers/composables/defineMenuButton.js

@@ -1,10 +0,0 @@
-import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
-export default function(cb) {
-  const { plugins } = useBlokkli();
-  onMounted(() => {
-    plugins.add("menuButton", cb);
-  });
-  onBeforeUnmount(() => {
-    plugins.remove("menuButton", cb);
-  });
-}

package/dist/runtime/helpers/composables/defineRenderer.d.ts

@@ -1,11 +0,0 @@
-import type { Renderer } from '../providers/animation.js';
-/**
- * Register a WebGL renderer with automatic cleanup on unmount.
- *
- * @param id - Unique identifier for the renderer
- * @param config - Renderer configuration (zIndex, enabled, render, collector)
- * @returns Object containing the collector instance with inferred type
- */
-export default function defineRenderer<T>(id: string, config: Omit<Renderer<T>, 'id'>): {
-    collector: T;
-};

package/dist/runtime/helpers/composables/defineRenderer.js

@@ -1,9 +0,0 @@
-import { onBeforeUnmount, useBlokkli } from "#imports";
-export default function defineRenderer(id, config) {
-  const { animation } = useBlokkli();
-  const { collector, unregister } = animation.registerRenderer(id, config);
-  onBeforeUnmount(() => {
-    unregister();
-  });
-  return { collector };
-}

package/dist/runtime/helpers/composables/defineShortcut.d.ts

@@ -1,2 +0,0 @@
-import type { KeyboardShortcut } from '#blokkli/types';
-export default function (shortcut: KeyboardShortcut[] | KeyboardShortcut): void;

package/dist/runtime/helpers/composables/defineShortcut.js

@@ -1,19 +0,0 @@
-import { useBlokkli } from "../../composables/useBlokkli.js";
-import { onBeforeUnmount, onMounted } from "#imports";
-export default function(shortcut) {
-  const { keyboard } = useBlokkli();
-  onMounted(() => {
-    if (Array.isArray(shortcut)) {
-      shortcut.forEach((v) => keyboard.registerShortcut(v));
-      return;
-    }
-    keyboard.registerShortcut(shortcut);
-  });
-  onBeforeUnmount(() => {
-    if (Array.isArray(shortcut)) {
-      shortcut.forEach((v) => keyboard.unregisterShortcut(v));
-      return;
-    }
-    keyboard.unregisterShortcut(shortcut);
-  });
-}

package/dist/runtime/helpers/composables/defineTourItem.d.ts

@@ -1,2 +0,0 @@
-import type { TourItem } from '#blokkli/types';
-export default function (cb: () => TourItem | TourItem[] | undefined): void;

package/dist/runtime/helpers/composables/defineTourItem.js

@@ -1,10 +0,0 @@
-import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
-export default function(cb) {
-  const { tour } = useBlokkli();
-  onMounted(() => {
-    tour.add(cb);
-  });
-  onBeforeUnmount(() => {
-    tour.remove(cb);
-  });
-}

package/dist/runtime/helpers/composables/onBlokkliEvent.d.ts

@@ -1,2 +0,0 @@
-import type { EventbusEvents } from '#blokkli/types';
-export default function <T extends keyof EventbusEvents>(name: T, cb: (e: EventbusEvents[T]) => void): void;

package/dist/runtime/helpers/composables/onBlokkliEvent.js

@@ -1,10 +0,0 @@
-import { eventBus } from "../eventBus.js";
-import { onBeforeUnmount, onMounted } from "#imports";
-export default function(name, cb) {
-  onMounted(() => {
-    eventBus.on(name, cb);
-  });
-  onBeforeUnmount(() => {
-    eventBus.off(name, cb);
-  });
-}

package/dist/runtime/helpers/composables/onBroadcastEvent.d.ts

@@ -1,2 +0,0 @@
-import type { BroadcastEvents } from '../providers/broadcast.js';
-export default function <T extends keyof BroadcastEvents>(name: T, cb: (e: BroadcastEvents[T]) => void): void;

package/dist/runtime/helpers/composables/onBroadcastEvent.js

@@ -1,10 +0,0 @@
-import { onBeforeUnmount, onMounted, useBlokkli } from "#imports";
-export default function(name, cb) {
-  const { broadcast } = useBlokkli();
-  onMounted(() => {
-    broadcast.on(name, cb);
-  });
-  onBeforeUnmount(() => {
-    broadcast.off(name, cb);
-  });
-}

package/dist/runtime/helpers/composables/useAnimationFrame.d.ts

@@ -1 +0,0 @@
-export default function (cb: (time: number) => void): void;

package/dist/runtime/helpers/composables/useAnimationFrame.js

@@ -1,14 +0,0 @@
-import { onBeforeUnmount, onMounted } from "#imports";
-export default function(cb) {
-  let raf = null;
-  const loop = (time) => {
-    cb(time);
-    raf = window.requestAnimationFrame(loop);
-  };
-  onMounted(() => {
-    raf = window.requestAnimationFrame(loop);
-  });
-  onBeforeUnmount(() => {
-    window.cancelAnimationFrame(raf);
-  });
-}

package/dist/runtime/helpers/composables/useBlockRegistration.js

@@ -1,34 +0,0 @@
-import {
-  getCurrentInstance,
-  onBeforeUnmount,
-  onMounted,
-  onUpdated
-} from "#imports";
-export function useBlockRegistration(dom, uuid) {
-  const instance = getCurrentInstance();
-  const key = uuid + Math.round(Math.random() * 1e10).toString() + Date.now().toString();
-  let rootElement = null;
-  function getDraggableElement() {
-    const blokkliDraggable = instance?.refs.blokkliDraggable;
-    if (blokkliDraggable instanceof HTMLElement) {
-      return blokkliDraggable;
-    }
-    const rootElement2 = instance?.proxy?.$el;
-    if (rootElement2 instanceof HTMLElement) {
-      return rootElement2;
-    }
-    return null;
-  }
-  function setRootElement() {
-    const newElement = getDraggableElement();
-    if (newElement && rootElement !== newElement) {
-      rootElement = newElement;
-      dom.registerBlock(key, uuid, newElement);
-    }
-  }
-  onMounted(setRootElement);
-  onUpdated(setRootElement);
-  onBeforeUnmount(() => {
-    dom.unregisterBlock(key, uuid);
-  });
-}

package/dist/runtime/helpers/composables/useDebugLogger.d.ts

@@ -1,2 +0,0 @@
-import type { DebugLogger } from '../providers/debug.js';
-export default function (): DebugLogger;

package/dist/runtime/helpers/composables/useDebugLogger.js

@@ -1,5 +0,0 @@
-import { inject } from "#imports";
-import { INJECT_EDIT_LOGGER } from "../symbols.js";
-export default function() {
-  return inject(INJECT_EDIT_LOGGER);
-}

package/dist/runtime/helpers/composables/useDelayedIntersectionObserver.d.ts

@@ -1,5 +0,0 @@
-export default function (callback: (entries: IntersectionObserverEntry[]) => void, options?: IntersectionObserverInit): {
-    observe: (el: HTMLElement) => void;
-    unobserve: (el: HTMLElement) => void;
-    init: () => void;
-};

package/dist/runtime/helpers/composables/useDelayedIntersectionObserver.js

@@ -1,27 +0,0 @@
-export default function(callback, options = {}) {
-  let observer = null;
-  let collected = [];
-  function init() {
-    observer = new IntersectionObserver(callback, {
-      threshold: 0,
-      ...options
-    });
-    for (const el of collected) {
-      observer.observe(el);
-    }
-    collected = [];
-  }
-  function observe(el) {
-    if (observer) {
-      observer.observe(el);
-      return;
-    }
-    collected.push(el);
-  }
-  function unobserve(el) {
-    if (observer) {
-      observer.unobserve(el);
-    }
-  }
-  return { observe, unobserve, init };
-}

package/dist/runtime/helpers/composables/useDialog.d.ts

@@ -1,3 +0,0 @@
-import type { GlobalUiDialog } from '#blokkli/types';
-import { type WritableComputedRef } from '#imports';
-export declare function useDialog(id: string, alignment: GlobalUiDialog['alignment']): WritableComputedRef<boolean>;

package/dist/runtime/helpers/composables/useFocusTrap.d.ts

@@ -1,52 +0,0 @@
-import { type Ref } from '#imports';
-type FocusableElement = HTMLInputElement | HTMLSelectElement | HTMLButtonElement | HTMLTextAreaElement;
-export type UseFocusTrapOptions = {
-    /**
-     * The container element to trap focus within.
-     */
-    container: Ref<HTMLElement | undefined | null>;
-    /**
-     * Whether to auto-focus the first focusable element on mount.
-     *
-     * @default true
-     */
-    autoFocus?: boolean;
-    /**
-     * Element selector for focusable elements.
-     *
-     * @default 'input,select,button,textarea'
-     */
-    selector?: string;
-    /**
-     * Debug label for element queries.
-     */
-    debugLabel?: string;
-};
-/**
- * Creates a focus trap within a container element.
- *
- * Handles Tab/Shift+Tab keyboard navigation to cycle through focusable elements,
- * and optionally auto-focuses the first element on mount.
- *
- * @example
- * ```vue
- * <script setup>
- * import { useFocusTrap } from '#blokkli/helpers'
- *
- * const containerEl = useTemplateRef('container')
- * const { onKeyDown } = useFocusTrap({ container: containerEl })
- * </script>
- *
- * <template>
- *   <div ref="container" @keydown.stop="onKeyDown">
- *     <input type="text" />
- *     <button>Submit</button>
- *   </div>
- * </template>
- * ```
- */
-export default function useFocusTrap(options: UseFocusTrapOptions): {
-    onKeyDown: (e: KeyboardEvent) => void;
-    getFocusableElements: () => FocusableElement[];
-};
-export {};

package/dist/runtime/helpers/composables/useFocusTrap.js

@@ -1,59 +0,0 @@
-import { useBlokkli, onMounted } from "#imports";
-import { modulo } from "#blokkli/helpers";
-export default function useFocusTrap(options) {
-  const { element } = useBlokkli();
-  const {
-    container,
-    autoFocus = true,
-    selector = "input,select,button,textarea",
-    debugLabel = "useFocusTrap"
-  } = options;
-  const getFocusableElements = () => {
-    if (!container.value) {
-      return [];
-    }
-    return element.queryAll(container.value, selector, debugLabel);
-  };
-  const onKeyDown = (e) => {
-    if (!container.value || e.code !== "Tab") {
-      return;
-    }
-    const prev = e.shiftKey;
-    const focusableElements = getFocusableElements().filter((el) => {
-      if (el.tabIndex === -1) {
-        return false;
-      }
-      const style = window.getComputedStyle(el);
-      if (style.pointerEvents === "none") {
-        return false;
-      } else if (style.display === "none") {
-        return false;
-      }
-      return !el.disabled;
-    });
-    const activeIndex = Math.max(
-      focusableElements.findIndex((el) => document.activeElement === el),
-      0
-    );
-    const delta = prev ? -1 : 1;
-    const indexToFocus = modulo(activeIndex + delta, focusableElements.length);
-    const elementToFocus = focusableElements[indexToFocus];
-    if (elementToFocus) {
-      elementToFocus.focus();
-      e.preventDefault();
-    }
-  };
-  if (autoFocus) {
-    onMounted(() => {
-      const focusableElements = getFocusableElements();
-      const bestMatch = focusableElements.find((el) => !(el instanceof HTMLButtonElement)) || focusableElements[0];
-      if (bestMatch) {
-        bestMatch.focus();
-      }
-    });
-  }
-  return {
-    onKeyDown,
-    getFocusableElements
-  };
-}

package/dist/runtime/helpers/composables/useGlobalBlokkliObject.d.ts

@@ -1,16 +0,0 @@
-import type { LogMessage } from '../providers/debug.js';
-type BlokkliGlobalWindowObject = {
-    messages: LogMessage[];
-};
-export declare function useGlobalBlokkliObject(): {
-    init: () => void;
-    pushMessage: (message: LogMessage) => void;
-    getMessages: () => LogMessage[];
-    cleanup: () => void;
-};
-declare global {
-    interface Window {
-        __BLOKKLI__?: BlokkliGlobalWindowObject;
-    }
-}
-export {};

package/dist/runtime/helpers/composables/useStateBasedCache.d.ts

@@ -1,4 +0,0 @@
-/**
- * Caches the result of the given callback for the duration of the current state.
- */
-export default function <T>(cb: () => T): () => T;

package/dist/runtime/helpers/composables/useStateBasedCache.js

@@ -1,13 +0,0 @@
-import onBlokkliEvent from "./onBlokkliEvent.js";
-export default function(cb) {
-  let cached = null;
-  onBlokkliEvent("state:reloaded", () => {
-    cached = null;
-  });
-  return () => {
-    if (!cached) {
-      cached = cb();
-    }
-    return cached;
-  };
-}

package/dist/runtime/helpers/composables/useStickyToolbar.d.ts

@@ -1,23 +0,0 @@
-import type { ComputedRef, ShallowRef } from 'vue';
-import type { Coord } from '#blokkli/types';
-export type PlacementVertical = 'top' | 'bottom' | 'auto';
-type PlacementHorizontal = 'left' | 'center';
-type UseStickyToolbarOptions = {
-    getPlacementY?: () => PlacementVertical;
-    getPlacementX?: () => PlacementHorizontal;
-    shouldUpdate?: () => boolean;
-    getWidth?: () => number;
-    getHeight?: () => number;
-    getMargin?: () => number;
-    getAnchorElement?: () => HTMLElement | null;
-    getAnchorCoordinates?: () => Coord | null;
-    getCaretWidth?: () => number;
-    allowHorizontalOverflow?: boolean;
-};
-type UseStickyToolbar = {
-    shouldRender: ComputedRef<boolean>;
-    placementY: ComputedRef<'top' | 'bottom'>;
-    caretX: ComputedRef<number>;
-};
-export default function (el: Readonly<ShallowRef<HTMLElement | null>>, options?: UseStickyToolbarOptions): UseStickyToolbar;
-export {};