@jackuait/blok 0.10.12 → 0.11.1

package/src/components/utils/notifier/index.ts

@@ -1,13 +1,29 @@
-import { alert, confirm, createProgressBar, getWrapper, prompt } from './draw';
-import type { NotifierOptions, ConfirmNotifierOptions, PromptNotifierOptions } from './types';
+import { alert, confirm, getWrapper, prompt } from './draw';
+import type { NotifierOptions, ConfirmNotifierOptions, PromptNotifierOptions, NotifierPosition } from './types';
+import { DEFAULT_NOTIFIER_POSITION } from './types';
 
 const DEFAULT_TIME = 8000;
 
+/**
+ * Returns the slide-in animation class based on position.
+ * Top positions slide down, bottom positions slide up.
+ */
+const getSlideInClass = (position: NotifierPosition): string => {
+  return position.startsWith('top') ? 'animate-notify-slide-in-top' : 'animate-notify-slide-in';
+};
+
+/**
+ * Returns the slide-out animation class based on position.
+ */
+const getSlideOutClass = (position: NotifierPosition): string => {
+  return position.startsWith('top') ? 'animate-notify-slide-out-top' : 'animate-notify-slide-out';
+};
+
 /**
  * Applies the exit animation and removes the element after it finishes.
  */
-const dismissWithAnimation = (element: HTMLElement): void => {
-  element.classList.add('animate-notify-slide-out');
+const dismissWithAnimation = (element: HTMLElement, position: NotifierPosition): void => {
+  element.classList.add(getSlideOutClass(position));
 
   element.addEventListener('animationend', () => {
     element.remove();
@@ -15,37 +31,72 @@ const dismissWithAnimation = (element: HTMLElement): void => {
 };
 
 /**
- * Prepare wrapper for notifications
+ * Fades and scales the element out quickly (replacement case), then calls onDone.
+ */
+const swapOut = (element: HTMLElement, onDone: () => void): void => {
+  element.classList.add('animate-notify-swap-out');
+
+  element.addEventListener('animationend', () => {
+    element.remove();
+    onDone();
+  }, { once: true });
+};
+
+/**
+ * Prepare wrapper for notifications.
+ * If position changes, removes the old wrapper and creates a fresh one.
+ * @param {NotifierPosition} position - desired position
  * @returns {HTMLElement}
  */
-const prepare_ = (): HTMLElement => {
+const prepare_ = (position: NotifierPosition = DEFAULT_NOTIFIER_POSITION): HTMLElement => {
   const existingWrapper = document.querySelector('[data-blok-testid="notifier-container"]') as HTMLElement;
 
   if (existingWrapper) {
-    return existingWrapper;
+    // If position has changed, recreate the wrapper at the new location
+    if (existingWrapper.getAttribute('data-blok-position') !== position) {
+      existingWrapper.remove();
+    } else {
+      return existingWrapper;
+    }
   }
 
-  const wrapper = getWrapper();
+  const wrapper = getWrapper(position);
 
   document.body.appendChild(wrapper);
 
   return wrapper;
 };
 
+/**
+ * Appends the notification to the wrapper and starts its auto-dismiss timer.
+ */
+const appendNotify = (wrapper: HTMLElement, notify: HTMLElement, position: NotifierPosition, time: number): void => {
+  wrapper.appendChild(notify);
+  notify.classList.add(getSlideInClass(position));
+  notify.setAttribute('data-blok-bounce-in', 'true');
+
+  window.setTimeout(() => {
+    // Guard: element may have already been replaced
+    if (notify.isConnected) {
+      dismissWithAnimation(notify, position);
+    }
+  }, time);
+};
+
 /**
  * Show new notification
  * @param {NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions} options - notification options
+ * @param {NotifierPosition} position - notification container position
  */
-export const show = (options: NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions): void => {
+export const show = (options: NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions, position: NotifierPosition = DEFAULT_NOTIFIER_POSITION): void => {
   if (!options.message) {
     return;
   }
 
-  const wrapper = prepare_();
-
+  const wrapper = prepare_(position);
   const time = options.time || DEFAULT_TIME;
 
-  const notify: HTMLElement = (() => {
+  const buildNotify = (): HTMLElement => {
     const type = options.type;
 
     if (type === 'confirm') {
@@ -56,36 +107,24 @@ export const show = (options: NotifierOptions | ConfirmNotifierOptions | PromptN
       return prompt(options as PromptNotifierOptions);
     }
 
-    // type is 'alert' or undefined
-    const alertElement = alert(options);
-
-    // Add progress bar for auto-dismissing alerts
-    const progressBar = createProgressBar(options.style, time);
+    return alert(options);
+  };
 
-    alertElement.appendChild(progressBar);
+  const existing = wrapper.querySelector<HTMLElement>('[data-blok-testid]');
 
-    // Wire up the close button to use animated dismissal
-    const crossBtn = alertElement.querySelector('[data-blok-testid="notification-cross"]');
-
-    if (crossBtn) {
-      // Replace the basic remove handler with animated dismissal
-      const newCross = crossBtn.cloneNode(true) as HTMLElement;
-
-      crossBtn.replaceWith(newCross);
-      newCross.addEventListener('click', () => dismissWithAnimation(alertElement));
-    }
+  if (existing) {
+    // Cancel any in-progress swap-out on the existing element so we don't double-fire
+    existing.classList.remove('animate-notify-swap-out');
 
-    window.setTimeout(() => {
-      dismissWithAnimation(alertElement);
-    }, time);
+    swapOut(existing, () => {
+      const notify = buildNotify();
 
-    return alertElement;
-  })();
+      appendNotify(wrapper, notify, position, time);
+    });
+  } else {
+    const notify = buildNotify();
 
-  if (wrapper && notify) {
-    wrapper.appendChild(notify);
-    notify.className = `${notify.className} animate-notify-slide-in`;
-    notify.setAttribute('data-blok-bounce-in', 'true');
+    appendNotify(wrapper, notify, position, time);
   }
 };
 

package/src/components/utils/notifier/types.ts

@@ -1 +1,4 @@
 export type * from '@/types/configs/notifier';
+export type { NotifierPosition } from '@/types/configs/notifier';
+
+export const DEFAULT_NOTIFIER_POSITION = 'bottom-center' as const;

package/src/components/utils/notifier.ts

@@ -1,10 +1,11 @@
 /**
  * Use local module for notifications
  */
-import type { ConfirmNotifierOptions, NotifierOptions, PromptNotifierOptions } from './notifier/types';
+import type { ConfirmNotifierOptions, NotifierOptions, PromptNotifierOptions, NotifierPosition } from './notifier/types';
+import { DEFAULT_NOTIFIER_POSITION } from './notifier/types';
 
 type NotifierModule = {
-  show: (options: NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions) => void;
+  show: (options: NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions, position?: NotifierPosition) => void;
 };
 
 /**
@@ -21,6 +22,18 @@ export class Notifier {
    */
   private loadingPromise: Promise<NotifierModule> | null = null;
 
+  /**
+   * Default position for notifications
+   */
+  private position: NotifierPosition;
+
+  /**
+   * @param position - notification container position
+   */
+  constructor(position: NotifierPosition = DEFAULT_NOTIFIER_POSITION) {
+    this.position = position;
+  }
+
   /**
    * Lazily load notifier only when necessary.
    * @returns {Promise<NotifierModule>} loaded notifier module
@@ -60,7 +73,7 @@ export class Notifier {
   public show(options: NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions): void {
     void this.loadNotifierModule()
       .then((notifier) => {
-        notifier.show(options);
+        notifier.show(options, this.position);
       })
       .catch((error) => {
         console.error('[Blok] Failed to display notification. Reason:', error);
@@ -74,4 +87,4 @@ export class Notifier {
   private isNotifierModule(candidate: unknown): candidate is NotifierModule {
     return typeof candidate === 'object' && candidate !== null && 'show' in candidate && typeof (candidate as { show?: unknown }).show === 'function';
   }
-}
+}

package/src/components/utils/popover/popover-desktop.ts

@@ -321,12 +321,24 @@ export class PopoverDesktop extends PopoverAbstract {
    * Calculates position for the popover
    */
   private calculatePosition(): { top: number; left: number; openTop: boolean; openLeft: boolean } {
-    const rect = this.params.position ?? this.trigger?.getBoundingClientRect();
+    const explicitPosition = this.params.position;
+    const rect = explicitPosition ?? this.trigger?.getBoundingClientRect();
 
     if (!rect) {
       return { top: 0, left: 0, openTop: false, openLeft: false };
     }
 
+    // leftAlignElement forces horizontal alignment to a block-level content
+    // element (e.g. the whole table). When the caller supplies an explicit
+    // anchor rect via updatePosition(), that rect already reflects the
+    // intended position (a caret rect or a specific cell rect) and must NOT
+    // be overridden — otherwise the popover snaps to the block's left edge
+    // and drifts hundreds of pixels away from the caret in wide containers
+    // like multi-column tables.
+    const leftAlignRect = explicitPosition === undefined
+      ? this.leftAlignElement?.getBoundingClientRect()
+      : undefined;
+
     return resolvePosition({
       anchor: rect,
       popoverSize: this.size,
@@ -334,7 +346,7 @@ export class PopoverDesktop extends PopoverAbstract {
       viewportSize: { width: window.innerWidth, height: window.innerHeight },
       scrollOffset: { x: window.scrollX, y: window.scrollY },
       offset: 8,
-      leftAlignRect: this.leftAlignElement?.getBoundingClientRect(),
+      leftAlignRect,
     });
   }
 
@@ -350,6 +362,15 @@ export class PopoverDesktop extends PopoverAbstract {
     this.flipper?.deactivate();
 
     this.previouslyHoveredItem = null;
+
+    // Clear any externally-supplied anchor rect so the next show() falls back
+    // to the trigger element unless the caller explicitly sets a new one.
+    // Also clear inline position so a stale top/left from a previous open
+    // cannot render the popover at an unexpected location if it ever becomes
+    // visible before calculatePosition() runs again.
+    this.params.position = undefined;
+    this.nodes.popover.style.top = '';
+    this.nodes.popover.style.left = '';
   };
 
   /**

package/src/styles/main.css

@@ -528,6 +528,9 @@
   --animate-notify-bounce-in: notifyBounceIn 600ms 1;
   --animate-notify-slide-in: notifySlideIn 400ms cubic-bezier(0.16, 1, 0.3, 1) both;
   --animate-notify-slide-out: notifySlideOut 250ms cubic-bezier(0.4, 0, 1, 1) both;
+  --animate-notify-slide-in-top: notifySlideInTop 400ms cubic-bezier(0.16, 1, 0.3, 1) both;
+  --animate-notify-slide-out-top: notifySlideOutTop 250ms cubic-bezier(0.4, 0, 1, 1) both;
+  --animate-notify-swap-out: notifySwapOut 140ms cubic-bezier(0.4, 0, 1, 1) both;
   --animate-notify-progress: notifyProgress linear forwards;
 
   /* Keyframes */
@@ -587,6 +590,22 @@
     100% { opacity: 0; transform: translateY(8px); }
   }
 
+  @keyframes notifySlideInTop {
+    0% { opacity: 0; transform: translateY(-16px); }
+    70% { opacity: 1; transform: translateY(2px); }
+    100% { opacity: 1; transform: translateY(0); }
+  }
+
+  @keyframes notifySlideOutTop {
+    0% { opacity: 1; transform: translateY(0); }
+    100% { opacity: 0; transform: translateY(-8px); }
+  }
+
+  @keyframes notifySwapOut {
+    0% { opacity: 1; transform: scale(1); }
+    100% { opacity: 0; transform: scale(0.94); }
+  }
+
   @keyframes notifyProgress {
     0% { width: 100%; }
     100% { width: 0%; }

package/src/tools/callout/index.ts

@@ -66,6 +66,7 @@ export class CalloutTool implements BlockTool {
   private _dom: CalloutDOMRefs | null = null;
   private _emojiPicker: EmojiPicker | null = null;
   private _colorPicker: ColorPickerHandle | null = null;
+  private readonly _customEmojiPicker: ((onSelect: (emoji: string) => void) => void) | undefined;
   private blockId?: string;
   /**
    * Text captured from a source block during conversion (paragraph -> callout).
@@ -75,7 +76,7 @@ export class CalloutTool implements BlockTool {
    */
   private _pendingChildText: string | null = null;
 
-  constructor({ data, api, readOnly, block }: BlockToolConstructorOptions<CalloutData, CalloutConfig>) {
+  constructor({ data, api, readOnly, block, config }: BlockToolConstructorOptions<CalloutData, CalloutConfig>) {
     this.api = api;
     this.readOnly = readOnly;
 
@@ -92,6 +93,7 @@ export class CalloutTool implements BlockTool {
     if (block) {
       this.blockId = block.id;
     }
+    this._customEmojiPicker = config?.emojiPicker;
   }
 
   private normalizeData(data: Partial<CalloutData>): CalloutData {
@@ -378,6 +380,11 @@ export class CalloutTool implements BlockTool {
       return;
     }
 
+    if (this._customEmojiPicker !== undefined) {
+      this._customEmojiPicker((emoji: string) => this.setEmoji(emoji));
+      return;
+    }
+
     if (this._emojiPicker === null) {
       this._emojiPicker = new EmojiPicker({
         onSelect: (native: string) => this.setEmoji(native),

package/src/tools/callout/types.ts

@@ -8,4 +8,11 @@ export interface CalloutData extends BlockToolData {
   backgroundColor: string | null;
 }
 
-export interface CalloutConfig {}
+export interface CalloutConfig {
+  /**
+   * Custom emoji picker handler.
+   * When provided, replaces the built-in emoji picker.
+   * Call `onSelect` with the chosen emoji character, or "" to clear.
+   */
+  emojiPicker?: (onSelect: (emoji: string) => void) => void;
+}

package/types/configs/blok-config.d.ts

@@ -5,6 +5,7 @@ import {SanitizerConfig} from './sanitizer-config';
 import {I18nConfig} from './i18n-config';
 import { BlockMutationEvent } from '../events/block';
 import type { UserInfo } from './user-info';
+import type { NotifierPosition, NotifierOptions, ConfirmNotifierOptions, PromptNotifierOptions } from './notifier';
 
 /**
  * Data model format for input/output
@@ -220,4 +221,18 @@ export interface BlokConfig {
    * Return null/undefined for unknown users — Blok will fall back to showing only the date.
    */
   resolveUser?: (id: string) => UserInfo | Promise<UserInfo | null> | null;
+
+  /**
+   * Position of the notification (toast) container on screen.
+   * @default 'bottom-center' — see DEFAULT_NOTIFIER_POSITION
+   */
+  notifierPosition?: NotifierPosition;
+
+  /**
+   * Custom notifier handler.
+   * When provided, Blok calls this function instead of showing the built-in DOM notification.
+   * Your implementation receives the same options object that the built-in notifier accepts.
+   * @param options - notification options (message, style, type, time, etc.)
+   */
+  notifier?: (options: NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions) => void;
 }

package/types/configs/notifier.d.ts

@@ -1,3 +1,14 @@
+/**
+ * Position of the notification container on screen.
+ * - 'bottom-left' (default)
+ * - 'bottom-right'
+ * - 'bottom-center'
+ * - 'top-left'
+ * - 'top-right'
+ * - 'top-center'
+ */
+export type NotifierPosition = 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-left' | 'top-right' | 'top-center';
+
 /**
  * Base options interface for notifications
  */

package/dist/chunks/architecture-YZFGNWBL-aVO23UKm.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-7N4EOEYR-p-g3cKuX.mjs";
-export { e as createArchitectureServices };

package/dist/chunks/classDiagram-6PBFFD2Q-DXsClapu.mjs

@@ -1,30 +0,0 @@
-import "./chunk-5PVQY5BW-BP7ENjg7.mjs";
-import { h as e } from "./src-B3rrEIze.mjs";
-import "./chunk-ICPOFSXX-BOvOTlG6.mjs";
-import "./dist-X14EnMrO.mjs";
-import "./chunk-U2HBQHQK-DiQOEtQH.mjs";
-import "./chunk-FMBD7UC4-D_RQlBGX.mjs";
-import "./chunk-BSJP7CBP-DGU2WHwh.mjs";
-import "./chunk-ZZ45TVLE-D28EyJ6R.mjs";
-import "./chunk-YZCP3GAM-BV02tG_z.mjs";
-import "./chunk-55IACEB6-yyL3mncJ.mjs";
-import "./chunk-EDXVE4YY-B9_aGwkV.mjs";
-import "./chunk-X2U36JSP-Cznp5Jm-.mjs";
-import "./chunk-5FUZZQ4R-Dr4NE8rh.mjs";
-import "./chunk-ENJZ2VHE-23pY8ft5.mjs";
-import "./chunk-336JU56O-mJNxs0cr.mjs";
-import { i as t, n, r, t as i } from "./chunk-4TB4RGXK-DC963IrJ.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-6PBFFD2Q.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i();
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/classDiagram-v2-HSJHXN6E-B6TlQ_PM.mjs

@@ -1,30 +0,0 @@
-import "./chunk-5PVQY5BW-BP7ENjg7.mjs";
-import { h as e } from "./src-B3rrEIze.mjs";
-import "./chunk-ICPOFSXX-BOvOTlG6.mjs";
-import "./dist-X14EnMrO.mjs";
-import "./chunk-U2HBQHQK-DiQOEtQH.mjs";
-import "./chunk-FMBD7UC4-D_RQlBGX.mjs";
-import "./chunk-BSJP7CBP-DGU2WHwh.mjs";
-import "./chunk-ZZ45TVLE-D28EyJ6R.mjs";
-import "./chunk-YZCP3GAM-BV02tG_z.mjs";
-import "./chunk-55IACEB6-yyL3mncJ.mjs";
-import "./chunk-EDXVE4YY-B9_aGwkV.mjs";
-import "./chunk-X2U36JSP-Cznp5Jm-.mjs";
-import "./chunk-5FUZZQ4R-Dr4NE8rh.mjs";
-import "./chunk-ENJZ2VHE-23pY8ft5.mjs";
-import "./chunk-336JU56O-mJNxs0cr.mjs";
-import { i as t, n, r, t as i } from "./chunk-4TB4RGXK-DC963IrJ.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-HSJHXN6E.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i();
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/gitGraph-7Q5UKJZL-B3aq166w.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-67CJDMHE-Dbl-PjEf.mjs";
-export { e as createGitGraphServices };

package/dist/chunks/info-OMHHGYJF-SX91-Wub.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-KGLVRYIC-ngXT4XVA.mjs";
-export { e as createInfoServices };

package/dist/chunks/notifier-PpnFhM0m.mjs

@@ -1,96 +0,0 @@
-import { n as e, t } from "./tw-CqxBf-1Y.mjs";
-//#region src/components/utils/notifier/draw.ts
-var n = {
-	success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.25\"/><path d=\"M5.5 8.25l1.75 1.75 3.25-3.5\"/></svg>",
-	error: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.25\"/><path d=\"M8 5.25v3\"/><circle cx=\"8\" cy=\"10.75\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/></svg>",
-	default: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.25\"/><path d=\"M8 7.25v3.25\"/><circle cx=\"8\" cy=\"5.25\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/></svg>"
-}, r = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2l-6 6\"/></svg>", i = {
-	wrapper: t("fixed z-2 bottom-5 left-5", "font-[-apple-system,BlinkMacSystemFont,\"Segoe_UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira_Sans\",\"Droid_Sans\",\"Helvetica_Neue\",sans-serif]"),
-	notification: t("relative flex items-start gap-2.5 w-[230px] mt-[15px] py-[13px] px-4", "bg-white shadow-notify rounded-[6px]", "text-sm leading-[1.4em] wrap-break-word overflow-hidden", "before:content-[\"\"] before:absolute before:block before:top-0 before:left-0", "before:w-[3px] before:h-[calc(100%-6px)] before:m-[3px] before:rounded-[5px] before:bg-transparent"),
-	icon: "shrink-0 mt-px",
-	iconSuccess: "text-[#34c992]",
-	iconError: "text-[#fb5d5d]",
-	iconDefault: "text-[#9ca3af]",
-	messageWrapper: "flex-1 min-w-0",
-	crossBtn: t("absolute top-[7px] right-[7px] flex items-center justify-center", "w-6 h-6 rounded opacity-40 cursor-pointer", "transition-opacity duration-150", "hover:opacity-100"),
-	btnsWrapper: "flex flex-row flex-nowrap mt-[5px]",
-	btn: "border-none rounded-[3px] text-[13px] py-[5px] px-2.5 cursor-pointer outline-hidden last:ml-2.5",
-	okBtn: "bg-[#34c992] shadow-[0_1px_1px_0_rgba(18,49,35,0.05)] text-white hover:bg-[#2db583]",
-	cancelBtn: "bg-[#f2f5f7] shadow-[0_2px_1px_0_rgba(16,19,29,0)] text-[#656b7c] hover:bg-[#e9ecee]",
-	input: t("max-w-[130px] py-[5px] px-2.5 bg-[#f7f7f7] border-0 rounded-[3px]", "text-[13px] text-[#656b7c] outline-hidden", "placeholder:text-[#656b7c] focus:placeholder:text-[rgba(101,107,124,0.3)]"),
-	successNotification: t("bg-[#fafffe]!", "before:bg-[#41ffb1]!"),
-	errorNotification: t("bg-[#fffbfb]!", "before:bg-[#fb5d5d]!"),
-	progressBar: t("absolute bottom-0 left-0 h-[2px] rounded-b-[6px]", "animate-notify-progress"),
-	progressDefault: "bg-[#d1d5db]",
-	progressSuccess: "bg-[#41ffb1]",
-	progressError: "bg-[#fb5d5d]"
-}, a = (e) => {
-	var r;
-	let a = document.createElement("span"), o = e === "success" || e === "error" ? e : "default";
-	a.innerHTML = n[o], a.setAttribute("data-blok-testid", "notification-icon"), a.setAttribute("data-blok-style", o);
-	let s = (r = {
-		success: i.iconSuccess,
-		error: i.iconError,
-		default: i.iconDefault
-	}[o]) == null ? i.iconDefault : r;
-	return a.className = t(i.icon, s), a;
-}, o = () => {
-	let e = document.createElement("div");
-	return e.className = i.crossBtn, e.setAttribute("data-blok-testid", "notification-cross"), e.innerHTML = r, e;
-}, s = (e, n) => {
-	var r;
-	let a = document.createElement("div"), o = (r = {
-		success: i.progressSuccess,
-		error: i.progressError
-	}[e == null ? "" : e]) == null ? i.progressDefault : r;
-	return a.className = t(i.progressBar, o), a.setAttribute("data-blok-testid", "notification-progress"), a.style.animationDuration = `${n == null ? 8e3 : n}ms`, a;
-}, c = (t) => {
-	let n = document.createElement("DIV"), r = t.style;
-	n.className = e(i.notification, r === "success" ? i.successNotification : r === "error" ? i.errorNotification : ""), r ? n.setAttribute("data-blok-testid", `notification-${r}`) : n.setAttribute("data-blok-testid", "notification");
-	let s = a(r);
-	n.appendChild(s);
-	let c = document.createElement("div");
-	c.className = i.messageWrapper, c.setAttribute("data-blok-testid", "notification-message"), c.innerHTML = t.message, n.appendChild(c);
-	let l = o();
-	return l.addEventListener("click", () => n.remove()), n.appendChild(l), n;
-}, l = (e) => {
-	let n = c(e), r = n.querySelector("[data-blok-testid=\"notification-message\"]"), a = document.createElement("div"), o = document.createElement("button"), s = document.createElement("button"), l = n.querySelector("[data-blok-testid=\"notification-cross\"]"), u = e.cancelHandler, d = e.okHandler;
-	return a.className = i.btnsWrapper, a.setAttribute("data-blok-testid", "notification-buttons-wrapper"), o.innerHTML = e.okText || "Confirm", s.innerHTML = e.cancelText || "Cancel", o.className = t(i.btn, i.okBtn), s.className = t(i.btn, i.cancelBtn), o.setAttribute("data-blok-testid", "notification-confirm-button"), s.setAttribute("data-blok-testid", "notification-cancel-button"), u && typeof u == "function" && s.addEventListener("click", u), u && typeof u == "function" && l && l.addEventListener("click", u), d && typeof d == "function" && o.addEventListener("click", d), o.addEventListener("click", () => n.remove()), s.addEventListener("click", () => n.remove()), a.appendChild(o), a.appendChild(s), r ? r.appendChild(a) : n.appendChild(a), n;
-}, u = (e) => {
-	let n = c(e), r = n.querySelector("[data-blok-testid=\"notification-message\"]"), a = document.createElement("div"), o = document.createElement("button"), s = document.createElement("input"), l = n.querySelector("[data-blok-testid=\"notification-cross\"]"), u = e.cancelHandler, d = e.okHandler;
-	return a.className = i.btnsWrapper, o.innerHTML = e.okText || "Ok", o.className = t(i.btn, i.okBtn), s.className = i.input, s.setAttribute("data-blok-testid", "notification-input"), e.placeholder && s.setAttribute("placeholder", e.placeholder), e.default && (s.value = e.default), e.inputType && (s.type = e.inputType), u && typeof u == "function" && l && l.addEventListener("click", u), d && typeof d == "function" && o.addEventListener("click", () => {
-		d(s.value);
-	}), o.addEventListener("click", () => n.remove()), a.appendChild(s), a.appendChild(o), r ? r.appendChild(a) : n.appendChild(a), n;
-}, d = () => {
-	let e = document.createElement("DIV");
-	return e.className = i.wrapper, e.setAttribute("data-blok-testid", "notifier-container"), e;
-}, f = 8e3, p = (e) => {
-	e.classList.add("animate-notify-slide-out"), e.addEventListener("animationend", () => {
-		e.remove();
-	}, { once: !0 });
-}, m = () => {
-	let e = document.querySelector("[data-blok-testid=\"notifier-container\"]");
-	if (e) return e;
-	let t = d();
-	return document.body.appendChild(t), t;
-}, h = (e) => {
-	if (!e.message) return;
-	let t = m(), n = e.time || f, r = (() => {
-		let t = e.type;
-		if (t === "confirm") return l(e);
-		if (t === "prompt") return u(e);
-		let r = c(e), i = s(e.style, n);
-		r.appendChild(i);
-		let a = r.querySelector("[data-blok-testid=\"notification-cross\"]");
-		if (a) {
-			let e = a.cloneNode(!0);
-			a.replaceWith(e), e.addEventListener("click", () => p(r));
-		}
-		return window.setTimeout(() => {
-			p(r);
-		}, n), r;
-	})();
-	t && r && (t.appendChild(r), r.className = `${r.className} animate-notify-slide-in`, r.setAttribute("data-blok-bounce-in", "true"));
-}, g = { show: h };
-//#endregion
-export { g as Notifier, h as show };

package/dist/chunks/packet-4T2RLAQJ-suhU85JN.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-FOC6F5B3-CJfr-iwx.mjs";
-export { e as createPacketServices };

package/dist/chunks/pie-ZZUOXDRM-DF5e16CP.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-AA7GKIK3-Dt0Kr5Va.mjs";
-export { e as createPieServices };

package/dist/chunks/radar-PYXPWWZC-DgzodpRv.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-2KRD3SAO-mVfUZfox.mjs";
-export { e as createRadarServices };

package/dist/chunks/stateDiagram-v2-QKLJ7IA2-AoHzFiaI.mjs

@@ -1,28 +0,0 @@
-import "./chunk-5PVQY5BW-BP7ENjg7.mjs";
-import { h as e } from "./src-B3rrEIze.mjs";
-import "./chunk-ICPOFSXX-BOvOTlG6.mjs";
-import "./dist-X14EnMrO.mjs";
-import "./chunk-U2HBQHQK-DiQOEtQH.mjs";
-import "./chunk-BSJP7CBP-DGU2WHwh.mjs";
-import "./chunk-ZZ45TVLE-D28EyJ6R.mjs";
-import "./chunk-55IACEB6-yyL3mncJ.mjs";
-import "./chunk-EDXVE4YY-B9_aGwkV.mjs";
-import "./chunk-X2U36JSP-Cznp5Jm-.mjs";
-import "./chunk-5FUZZQ4R-Dr4NE8rh.mjs";
-import "./chunk-ENJZ2VHE-23pY8ft5.mjs";
-import "./chunk-336JU56O-mJNxs0cr.mjs";
-import { i as t, n, r, t as i } from "./chunk-OYMX7WX6-CKjTvqTg.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-QKLJ7IA2.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i(2);
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/treeView-SZITEDCU-C1mc9PWf.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-ORNJ4GCN-BPaghT45.mjs";
-export { e as createTreeViewServices };

package/dist/chunks/treemap-W4RFUUIX-ClV9Slyp.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-LIHQZDEY-CnP7bym1.mjs";
-export { e as createTreemapServices };

package/dist/chunks/wardley-RL74JXVD-Dj7t7jHR.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-CIAEETIT-BQ4crY5r.mjs";
-export { e as createWardleyServices };