kritzel-stencil 0.4.24 → 0.4.26

package/dist/types/components.d.ts

@@ -1538,18 +1538,6 @@ export namespace Components {
          */
         "sizes": number[];
     }
-    interface KritzelSyncIndicator {
-        /**
-          * The text displayed next to the spinner.
-          * @default 'Syncing...'
-         */
-        "text": string;
-        /**
-          * Whether the indicator is visible.
-          * @default false
-         */
-        "visible": boolean;
-    }
     interface KritzelToolConfig {
         "engine": HTMLElement;
         /**
@@ -2036,7 +2024,6 @@ declare global {
         "notificationsChange": KritzelNotification;
         "contextMenuStateChange": KritzelContextMenuState;
         "loadingChange": boolean;
-        "syncingChange": boolean;
     }
     interface HTMLKritzelEngineElement extends Components.KritzelEngine, HTMLStencilElement {
         addEventListener<K extends keyof HTMLKritzelEngineElementEventMap>(type: K, listener: (this: HTMLKritzelEngineElement, ev: KritzelEngineCustomEvent<HTMLKritzelEngineElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2458,12 +2445,6 @@ declare global {
         prototype: HTMLKritzelStrokeSizeElement;
         new (): HTMLKritzelStrokeSizeElement;
     };
-    interface HTMLKritzelSyncIndicatorElement extends Components.KritzelSyncIndicator, HTMLStencilElement {
-    }
-    var HTMLKritzelSyncIndicatorElement: {
-        prototype: HTMLKritzelSyncIndicatorElement;
-        new (): HTMLKritzelSyncIndicatorElement;
-    };
     interface HTMLKritzelToolConfigElementEventMap {
         "toolChange": ConfigurableTool;
         "displayValuesChange": ToolDisplayValues;
@@ -2610,7 +2591,6 @@ declare global {
         "kritzel-slide-toggle": HTMLKritzelSlideToggleElement;
         "kritzel-split-button": HTMLKritzelSplitButtonElement;
         "kritzel-stroke-size": HTMLKritzelStrokeSizeElement;
-        "kritzel-sync-indicator": HTMLKritzelSyncIndicatorElement;
         "kritzel-tool-config": HTMLKritzelToolConfigElement;
         "kritzel-tooltip": HTMLKritzelTooltipElement;
         "kritzel-utility-panel": HTMLKritzelUtilityPanelElement;
@@ -3184,10 +3164,6 @@ declare namespace LocalJSX {
           * Emitted when one or more objects are updated on the canvas.
          */
         "onObjectsUpdated"?: (event: KritzelEngineCustomEvent<ObjectsUpdatedEvent>) => void;
-        /**
-          * Emitted when remote workspace synchronization is in progress.
-         */
-        "onSyncingChange"?: (event: KritzelEngineCustomEvent<boolean>) => void;
         /**
           * Emitted when the undo/redo state changes, providing current undo availability.
          */
@@ -3716,18 +3692,6 @@ declare namespace LocalJSX {
          */
         "sizes"?: number[];
     }
-    interface KritzelSyncIndicator {
-        /**
-          * The text displayed next to the spinner.
-          * @default 'Syncing...'
-         */
-        "text"?: string;
-        /**
-          * Whether the indicator is visible.
-          * @default false
-         */
-        "visible"?: boolean;
-    }
     interface KritzelToolConfig {
         "engine"?: HTMLElement;
         /**
@@ -4037,10 +4001,6 @@ declare namespace LocalJSX {
     interface KritzelStrokeSizeAttributes {
         "selectedSize": number | null;
     }
-    interface KritzelSyncIndicatorAttributes {
-        "visible": boolean;
-        "text": string;
-    }
     interface KritzelToolConfigAttributes {
         "isExpanded": boolean;
         "theme": ThemeName;
@@ -4103,7 +4063,6 @@ declare namespace LocalJSX {
         "kritzel-slide-toggle": Omit<KritzelSlideToggle, keyof KritzelSlideToggleAttributes> & { [K in keyof KritzelSlideToggle & keyof KritzelSlideToggleAttributes]?: KritzelSlideToggle[K] } & { [K in keyof KritzelSlideToggle & keyof KritzelSlideToggleAttributes as `attr:${K}`]?: KritzelSlideToggleAttributes[K] } & { [K in keyof KritzelSlideToggle & keyof KritzelSlideToggleAttributes as `prop:${K}`]?: KritzelSlideToggle[K] };
         "kritzel-split-button": Omit<KritzelSplitButton, keyof KritzelSplitButtonAttributes> & { [K in keyof KritzelSplitButton & keyof KritzelSplitButtonAttributes]?: KritzelSplitButton[K] } & { [K in keyof KritzelSplitButton & keyof KritzelSplitButtonAttributes as `attr:${K}`]?: KritzelSplitButtonAttributes[K] } & { [K in keyof KritzelSplitButton & keyof KritzelSplitButtonAttributes as `prop:${K}`]?: KritzelSplitButton[K] };
         "kritzel-stroke-size": Omit<KritzelStrokeSize, keyof KritzelStrokeSizeAttributes> & { [K in keyof KritzelStrokeSize & keyof KritzelStrokeSizeAttributes]?: KritzelStrokeSize[K] } & { [K in keyof KritzelStrokeSize & keyof KritzelStrokeSizeAttributes as `attr:${K}`]?: KritzelStrokeSizeAttributes[K] } & { [K in keyof KritzelStrokeSize & keyof KritzelStrokeSizeAttributes as `prop:${K}`]?: KritzelStrokeSize[K] };
-        "kritzel-sync-indicator": Omit<KritzelSyncIndicator, keyof KritzelSyncIndicatorAttributes> & { [K in keyof KritzelSyncIndicator & keyof KritzelSyncIndicatorAttributes]?: KritzelSyncIndicator[K] } & { [K in keyof KritzelSyncIndicator & keyof KritzelSyncIndicatorAttributes as `attr:${K}`]?: KritzelSyncIndicatorAttributes[K] } & { [K in keyof KritzelSyncIndicator & keyof KritzelSyncIndicatorAttributes as `prop:${K}`]?: KritzelSyncIndicator[K] };
         "kritzel-tool-config": Omit<KritzelToolConfig, keyof KritzelToolConfigAttributes> & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes]?: KritzelToolConfig[K] } & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes as `attr:${K}`]?: KritzelToolConfigAttributes[K] } & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes as `prop:${K}`]?: KritzelToolConfig[K] };
         "kritzel-tooltip": Omit<KritzelTooltip, keyof KritzelTooltipAttributes> & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes]?: KritzelTooltip[K] } & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes as `attr:${K}`]?: KritzelTooltipAttributes[K] } & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes as `prop:${K}`]?: KritzelTooltip[K] };
         "kritzel-utility-panel": KritzelUtilityPanel;
@@ -4167,7 +4126,6 @@ declare module "@stencil/core" {
             "kritzel-slide-toggle": LocalJSX.IntrinsicElements["kritzel-slide-toggle"] & JSXBase.HTMLAttributes<HTMLKritzelSlideToggleElement>;
             "kritzel-split-button": LocalJSX.IntrinsicElements["kritzel-split-button"] & JSXBase.HTMLAttributes<HTMLKritzelSplitButtonElement>;
             "kritzel-stroke-size": LocalJSX.IntrinsicElements["kritzel-stroke-size"] & JSXBase.HTMLAttributes<HTMLKritzelStrokeSizeElement>;
-            "kritzel-sync-indicator": LocalJSX.IntrinsicElements["kritzel-sync-indicator"] & JSXBase.HTMLAttributes<HTMLKritzelSyncIndicatorElement>;
             "kritzel-tool-config": LocalJSX.IntrinsicElements["kritzel-tool-config"] & JSXBase.HTMLAttributes<HTMLKritzelToolConfigElement>;
             "kritzel-tooltip": LocalJSX.IntrinsicElements["kritzel-tooltip"] & JSXBase.HTMLAttributes<HTMLKritzelTooltipElement>;
             "kritzel-utility-panel": LocalJSX.IntrinsicElements["kritzel-utility-panel"] & JSXBase.HTMLAttributes<HTMLKritzelUtilityPanelElement>;

package/dist/types/constants/version.d.ts

@@ -3,4 +3,4 @@
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-export declare const KRITZEL_VERSION = "0.4.24";
+export declare const KRITZEL_VERSION = "0.4.26";

package/dist/types/interfaces/sync-provider.interface.d.ts

@@ -22,6 +22,13 @@ export interface ISyncProvider {
      * local-only providers (IndexedDB, BroadcastChannel) return null or undefined.
      */
     readonly awareness?: Awareness | null;
+    /**
+     * The underlying third-party provider instance (e.g. `WebsocketProvider`, `HocuspocusProvider`)
+     * used as the Yjs transaction origin for updates it applies. Exposed so callers can
+     * distinguish genuine remote-origin transactions from local-only providers (IndexedDB,
+     * BroadcastChannel), which don't tag their transactions with a recognizable origin.
+     */
+    readonly rawProvider?: unknown;
     /**
      * Initialize and connect the provider
      */

package/dist/types/stencil-public-runtime.d.ts

@@ -1008,7 +1008,6 @@ export declare namespace JSXBase {
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
-        closedby?: 'any' | 'closerequest' | 'none';
     }
     interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1046,8 +1045,6 @@ export declare namespace JSXBase {
         allowtransparency?: string | boolean;
         frameBorder?: number | string;
         frameborder?: number | string;
-        fetchPriority?: 'high' | 'low' | 'auto';
-        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1070,8 +1067,6 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
-        fetchPriority?: 'high' | 'low' | 'auto';
-        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1171,8 +1166,6 @@ export declare namespace JSXBase {
     }
     interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
         as?: string;
-        fetchPriority?: 'high' | 'low' | 'auto';
-        fetchpriority?: 'high' | 'low' | 'auto';
         href?: string;
         hrefLang?: string;
         hreflang?: string;
@@ -1296,8 +1289,6 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         defer?: boolean;
-        fetchPriority?: 'high' | 'low' | 'auto';
-        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         integrity?: string;
         nonce?: string;
@@ -1413,10 +1404,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
-        translate?: 'yes' | 'no' | (string & {});
         popover?: string | null;
-        focusgroup?: string;
-        focusgroupstart?: boolean;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/loader/index.d.ts

@@ -8,7 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
 /**
  * @deprecated
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kritzel-stencil",
-  "version": "0.4.24",
+  "version": "0.4.26",
   "homepage": "https://kritzel.io/",
   "description": "Kritzel helps you build infinite whiteboard experiences.",
   "keywords": [

package/readme.md

@@ -1,11 +1,11 @@
-# Kritzel Stencil Core
-
-This package contains the shared Stencil-based core that powers Kritzel's framework-specific variants.
-
-It is not intended as the primary entry point for application integration. Instead, use the framework wrapper that matches your stack:
-
-- [Kritzel for Angular](https://kritzel.io/docs/angular/quick-start)
-- [Kritzel for React](https://kritzel.io/docs/react/quick-start)
-- [Kritzel for Vue](https://kritzel.io/docs/vue/quick-start)
-
+# Kritzel Stencil Core
+
+This package contains the shared Stencil-based core that powers Kritzel's framework-specific variants.
+
+It is not intended as the primary entry point for application integration. Instead, use the framework wrapper that matches your stack:
+
+- [Kritzel for Angular](https://kritzel.io/docs/angular/quick-start)
+- [Kritzel for React](https://kritzel.io/docs/react/quick-start)
+- [Kritzel for Vue](https://kritzel.io/docs/vue/quick-start)
+
 For licensing details, see the [Kritzel License](https://kritzel.io/license).

package/dist/collection/components/shared/kritzel-sync-indicator/kritzel-sync-indicator.css

@@ -1,50 +0,0 @@
-:host {
-  display: contents;
-}
-
-.indicator {
-  position: absolute;
-  top: 12px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: var(--kritzel-editor-sync-indicator-z-index, 10001);
-  pointer-events: none;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 10px;
-  border-radius: 999px;
-  background: var(--kritzel-editor-sync-indicator-background, rgba(255, 255, 255, 0.92));
-  color: var(--kritzel-editor-sync-indicator-color, #334155);
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
-  font-family: var(--kritzel-font-family, sans-serif);
-  font-size: 12px;
-  line-height: 1;
-  font-weight: 500;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.indicator.visible {
-  opacity: 1;
-  visibility: visible;
-}
-
-.spinner {
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  border: 2px solid var(--kritzel-editor-sync-indicator-spinner-track, rgba(148, 163, 184, 0.35));
-  border-top-color: var(--kritzel-editor-sync-indicator-spinner-color, #2563eb);
-  animation: kritzel-sync-indicator-spin 0.8s linear infinite;
-}
-
-@keyframes kritzel-sync-indicator-spin {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}

package/dist/collection/components/shared/kritzel-sync-indicator/kritzel-sync-indicator.js

@@ -1,66 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class KritzelSyncIndicator {
-    /** Whether the indicator is visible. */
-    visible = false;
-    /** The text displayed next to the spinner. */
-    text = 'Syncing...';
-    render() {
-        return (h(Host, { key: '2622544751cd377f172115f5f73e21e0f0995185' }, h("div", { key: '0cf49cbfbfa4ed0625eeff443ba1e2996a26562e', class: { indicator: true, visible: this.visible }, role: "status", "aria-live": "polite", "aria-label": "Synchronizing workspace" }, h("span", { key: '053ddc85e9ad2210822d3100ecf5d54d7170d470', class: "spinner", "aria-hidden": "true" }), h("span", { key: '94ea7f6be206688e9065d02b1d5c753e3598e9df' }, this.text))));
-    }
-    static get is() { return "kritzel-sync-indicator"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["kritzel-sync-indicator.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["kritzel-sync-indicator.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "visible": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the indicator is visible."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "visible",
-                "defaultValue": "false"
-            },
-            "text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The text displayed next to the spinner."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "text",
-                "defaultValue": "'Syncing...'"
-            }
-        };
-    }
-}

package/dist/components/kritzel-sync-indicator.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface KritzelSyncIndicator extends Components.KritzelSyncIndicator, HTMLElement {}
-export const KritzelSyncIndicator: {
-    prototype: KritzelSyncIndicator;
-    new (): KritzelSyncIndicator;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/kritzel-sync-indicator.js

@@ -1,6 +0,0 @@
-import { K as KritzelSyncIndicator$1, d as defineCustomElement$1 } from './p-Bxi-Bm49.js';
-
-const KritzelSyncIndicator = KritzelSyncIndicator$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KritzelSyncIndicator, defineCustomElement };

package/dist/components/p-Bxi-Bm49.js

@@ -1,39 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host, t as transformTag } from './p-C9_yBEoX.js';
-
-const kritzelSyncIndicatorCss = () => `:host{display:contents}.indicator{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:var(--kritzel-editor-sync-indicator-z-index, 10001);pointer-events:none;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--kritzel-editor-sync-indicator-background, rgba(255, 255, 255, 0.92));color:var(--kritzel-editor-sync-indicator-color, #334155);box-shadow:0 2px 10px rgba(0, 0, 0, 0.12);font-family:var(--kritzel-font-family, sans-serif);font-size:12px;line-height:1;font-weight:500;opacity:0;visibility:hidden}.indicator.visible{opacity:1;visibility:visible}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--kritzel-editor-sync-indicator-spinner-track, rgba(148, 163, 184, 0.35));border-top-color:var(--kritzel-editor-sync-indicator-spinner-color, #2563eb);animation:kritzel-sync-indicator-spin 0.8s linear infinite}@keyframes kritzel-sync-indicator-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;
-
-const KritzelSyncIndicator = /*@__PURE__*/ proxyCustomElement(class KritzelSyncIndicator extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    /** Whether the indicator is visible. */
-    visible = false;
-    /** The text displayed next to the spinner. */
-    text = 'Syncing...';
-    render() {
-        return (h(Host, { key: '2622544751cd377f172115f5f73e21e0f0995185' }, h("div", { key: '0cf49cbfbfa4ed0625eeff443ba1e2996a26562e', class: { indicator: true, visible: this.visible }, role: "status", "aria-live": "polite", "aria-label": "Synchronizing workspace" }, h("span", { key: '053ddc85e9ad2210822d3100ecf5d54d7170d470', class: "spinner", "aria-hidden": "true" }), h("span", { key: '94ea7f6be206688e9065d02b1d5c753e3598e9df' }, this.text))));
-    }
-    static get style() { return kritzelSyncIndicatorCss(); }
-}, [513, "kritzel-sync-indicator", {
-        "visible": [4],
-        "text": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kritzel-sync-indicator"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kritzel-sync-indicator":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), KritzelSyncIndicator);
-            }
-            break;
-    } });
-}
-
-export { KritzelSyncIndicator as K, defineCustomElement as d };

package/dist/types/components/shared/kritzel-sync-indicator/kritzel-sync-indicator.d.ts

@@ -1,7 +0,0 @@
-export declare class KritzelSyncIndicator {
-    /** Whether the indicator is visible. */
-    visible: boolean;
-    /** The text displayed next to the spinner. */
-    text: string;
-    render(): any;
-}