microboard-temp 0.13.92 → 0.13.94

package/dist/types/HTMLRender/HTMLRender.d.ts

@@ -1,3 +1,6 @@
+import { DocumentFactory } from "../api/DocumentFactory";
+import { Path, Paths } from "../Items/Path";
+import { LinkTo } from "../Items/LinkTo/LinkTo";
 export declare function getTranslationFromHTML(el: HTMLElement): [number, number];
 export declare function getScaleFromHTML(el: HTMLElement): [number, number];
 export declare function translateElementBy(el: HTMLElement, x: number, y: number): HTMLElement;
@@ -5,3 +8,5 @@ export declare function scaleElementBy(el: HTMLElement, scaleX: number, scaleY:
 export declare function resetElementScale(el: HTMLElement): HTMLElement;
 export declare function positionRelatively(toPosition: HTMLElement, positionBy: HTMLElement, padding?: number): HTMLElement;
 export declare function positionAbsolutely(toPosition: HTMLElement, positionBy: HTMLElement): HTMLElement;
+export declare function renderPathToHTML(path: Path | Paths, documentFactory: DocumentFactory): SVGPathElement | SVGPathElement[];
+export declare function renderLinkToHTML(linkTo: LinkTo, documentFactory: DocumentFactory): HTMLElement;

package/dist/types/Items/AINode/AINode.d.ts

@@ -1,17 +1,14 @@
 import { Board } from "../../Board";
-import { DocumentFactory } from "../../api/DocumentFactory";
 import { Operation } from "../../Events/EventsOperations";
 import { AINodeData } from "./AINodeData";
 import { DrawingContext } from "../DrawingContext";
 import { GeometricNormal } from "../GeometricNormal";
 import { Line } from "../Line/Line";
-import { LinkTo } from "../LinkTo/LinkTo";
 import { Mbr } from "../Mbr/Mbr";
 import { Path } from "../Path/Path";
 import { Paths } from "../Path/Paths";
 import { Point } from "../Point/Point";
 import { RichText } from "../RichText/RichText";
-import { Transformation } from "../Transformation/Transformation";
 import { Subject } from "../../Subject";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
 export declare const CONTEXT_NODE_HIGHLIGHT_COLOR = "rgba(183, 138, 240, 1)";
@@ -20,9 +17,7 @@ export type ThreadDirection = typeof threadDirections[number];
 export declare class AINode extends BaseItem<AINode> {
     readonly itemType = "AINode";
     parent: string;
-    readonly transformation: Transformation;
     readonly text: RichText;
-    readonly linkTo: LinkTo;
     private path;
     readonly subject: Subject<AINode>;
     private parentNodeId?;
@@ -65,6 +60,5 @@ export declare class AINode extends BaseItem<AINode> {
     getLinkTo(): string | undefined;
     renderButton(context: DrawingContext): void;
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     getPrevMbr(): Mbr | null;
 }

package/dist/types/Items/Audio/Audio.d.ts

@@ -1,11 +1,8 @@
 import { Events, Operation } from "../../Events";
 import { Subject } from "../../Subject";
 import { DrawingContext } from "../DrawingContext";
-import { Transformation } from "../Transformation/Transformation";
 import { TransformationData } from "../Transformation/TransformationData";
 import { Board } from "../../Board";
-import { LinkTo } from "../LinkTo/LinkTo";
-import { DocumentFactory } from "../../api/DocumentFactory";
 import { Path } from "../Path/Path";
 import { Point } from "../Point/Point";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
@@ -21,8 +18,6 @@ export declare class AudioItem extends BaseItem<AudioItem> {
     private extension?;
     readonly itemType = "Audio";
     parent: string;
-    readonly transformation: Transformation;
-    readonly linkTo: LinkTo;
     readonly subject: Subject<AudioItem>;
     loadCallbacks: ((audio: AudioItem) => void)[];
     beforeLoadCallbacks: ((audio: AudioItem) => void)[];
@@ -33,19 +28,16 @@ export declare class AudioItem extends BaseItem<AudioItem> {
     constructor(board: Board, url?: string, events?: Events | undefined, id?: string, extension?: string | undefined);
     setCurrentTime(time: number): void;
     getCurrentTime(): number;
-    onTransform: () => void;
     doOnceBeforeOnLoad: (callback: (audio: AudioItem) => void) => void;
     doOnceOnLoad: (callback: (audio: AudioItem) => void) => void;
     setIsPlaying(isPlaying: boolean): void;
     getIsPlaying(): boolean;
-    setUrl(url: string): void;
     getStorageId(): string | undefined;
     getUrl(): string;
     onLoad: () => Promise<void>;
     onError: (_error: any) => void;
     updateMbr(): void;
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     serialize(): SerializedItemData<AudioItemData>;
     deserialize(data: SerializedItemData<AudioItemData> | AudioItemData): this;
     apply(op: Operation): void;

package/dist/types/Items/Audio/audioOps.d.ts

@@ -0,0 +1,5 @@
+import { AudioItem } from "./Audio";
+import { AudioOperation } from "./AudioOperation";
+export declare const audioOps: {
+    setUrl: (items: AudioItem[], url: string) => AudioOperation;
+};

package/dist/types/Items/BaseItem/BaseItem.d.ts

@@ -5,7 +5,6 @@ import { LinkTo } from "../LinkTo/LinkTo";
 import { Transformation } from "../Transformation/Transformation";
 import { Board } from "../../Board";
 import { DrawingContext } from "../DrawingContext";
-import { DocumentFactory } from "../../api/DocumentFactory";
 import type { Operation } from "../../Events/EventsOperations";
 import type { Command } from "../../Events/Command";
 import { TransformationData } from "../Transformation/TransformationData";
@@ -83,7 +82,7 @@ export declare class BaseItem<T extends BaseItem<any> = any> extends Mbr impleme
     getChildrenIds(): string[] | null;
     addChildItems(children: BaseItem[]): void;
     removeChildItems(children: BaseItem[] | BaseItem): void;
-    rotate(clockwise?: boolean): void;
+    rotate(degree: number): void;
     emitNesting(children: BaseItem[]): void;
     handleNesting(item: BaseItem | Mbr, options?: {
         onlyForOut?: boolean;
@@ -124,5 +123,4 @@ export declare class BaseItem<T extends BaseItem<any> = any> extends Mbr impleme
     clearHighlightMbr(): void;
     renderHoverHighlight(context: DrawingContext): void;
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

package/dist/types/Items/Comment/Comment.d.ts

@@ -1,7 +1,7 @@
 import { Subject } from "../../Subject";
 import { Events, Operation } from "../../Events";
 import { Point } from "../Point";
-import { Transformation, TransformationData } from "../Transformation";
+import { TransformationData } from "../Transformation";
 import { CommentOperation } from "./CommentOperation";
 import { Mbr } from "../Mbr";
 import { GeometricNormal } from "../GeometricNormal";
@@ -9,8 +9,6 @@ import { RichText } from "../RichText";
 import { DrawingContext } from "../DrawingContext";
 import { SerializedItemData } from "../BaseItem";
 import { Line } from "../Line";
-import { LinkTo } from "../LinkTo/LinkTo";
-import { DocumentFactory } from "../../api/DocumentFactory";
 import { BaseItem } from "../BaseItem/BaseItem";
 import { Board } from "../../Board";
 export interface Commentator {
@@ -40,14 +38,12 @@ export declare class Comment extends BaseItem<Comment> {
     private anchor;
     private events?;
     parent: string;
-    readonly transformation: Transformation;
     private commentators;
     private thread;
     private usersUnreadMarks;
     private resolved;
     private itemToFollow?;
     readonly subject: Subject<Comment>;
-    readonly linkTo: LinkTo;
     transformationRenderBlock?: boolean;
     resizeEnabled: boolean;
     constructor(board: Board, anchor?: Point, events?: Events | undefined, id?: string);
@@ -104,5 +100,4 @@ export declare class Comment extends BaseItem<Comment> {
     clearHighlightMbr(): void;
     renderHoverHighlight(_context: DrawingContext): void;
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

package/dist/types/Items/Connector/Connector.d.ts

@@ -11,15 +11,11 @@ import { Path } from '../Path/Path';
 import { Paths } from '../Path/Paths';
 import type { BorderStyle } from '../Path/Path';
 import { Point } from '../Point/Point';
-import { Transformation } from '../Transformation/Transformation';
 import { ConnectorData, ConnectorOperation } from './ConnectorOperations';
 import { BoardPoint, ControlPoint, ControlPointData, FindItemFn } from './ControlPoint';
 import { ConnectorPointerStyle, Pointer } from './Pointers/Pointers';
-import { LinkTo } from '../LinkTo/LinkTo';
-import { DocumentFactory } from '../../api/DocumentFactory';
 import { ConnectorAnchorColors } from './types';
-import { BaseItem } from "../BaseItem/BaseItem";
-import type { SerializedItemData } from "../BaseItem/BaseItem";
+import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
 import { ColorValue } from '../../..';
 import { ConnectionLineWidth, ConnectorLineStyle } from './ConnectorTypes';
 export declare const CONNECTOR_ANCHOR_COLOR: ConnectorAnchorColors;
@@ -32,11 +28,9 @@ export declare class Connector extends BaseItem<Connector> {
     private endPointerStyle;
     readonly itemType = "Connector";
     parent: string;
-    readonly transformation: Transformation;
     private middlePoint;
     private lineColor;
     private smartJump;
-    readonly linkTo: LinkTo;
     private lineWidth;
     borderStyle: BorderStyle;
     readonly subject: Subject<Connector>;
@@ -60,7 +54,6 @@ export declare class Connector extends BaseItem<Connector> {
     private smartJumpStartEdge;
     /** Mirror of smartJumpStartEdge for the end point. */
     private smartJumpEndEdge;
-    setSmartJump(value: boolean): void;
     private applySmartJump;
     getSmartJump(): boolean;
     clearObservedItems(): void;
@@ -71,25 +64,16 @@ export declare class Connector extends BaseItem<Connector> {
     getId(): string;
     apply(operation: Operation): void;
     complete(id: string): void;
-    setStartPoint(point: ControlPoint | ControlPointData, timestamp?: number): void;
-    applyStartPoint(pointData: ControlPointData, updatePath?: boolean): void;
-    setEndPoint(point: ControlPoint | ControlPointData, timestamp?: number): void;
-    applyEndPoint(pointData: ControlPointData, updatePath?: boolean): void;
-    applyMiddlePoint(pointData: ControlPointData | null, updatePath?: boolean): void;
+    protected applyStartPoint(pointData: ControlPointData, updatePath?: boolean): void;
+    protected applyEndPoint(pointData: ControlPointData, updatePath?: boolean): void;
+    protected applyMiddlePoint(pointData: ControlPointData | null, updatePath?: boolean): void;
     private applySwitchPointers;
     addMiddlePoint(point: BoardPoint): void;
-    setMiddlePoint(point: ControlPoint | ControlPointData, timestamp?: number): void;
-    setStartPointerStyle(style: ConnectorPointerStyle): void;
     private applyStartPointerStyle;
-    setEndPointerStyle(style: ConnectorPointerStyle): void;
     private applyEndPointerStyle;
-    setLineColor(color: ColorValue): void;
     private applyLineColor;
-    setLineStyle(style: ConnectorLineStyle): void;
     private applyLineStyle;
-    private setBorderStyle;
     private applyBorderStyle;
-    setLineWidth(width: ConnectionLineWidth): void;
     private applyLineWidth;
     getStartPoint(): ControlPoint;
     getEndPoint(): ControlPoint;
@@ -121,8 +105,6 @@ export declare class Connector extends BaseItem<Connector> {
     isConnectedOnePoint(): boolean;
     render(context: DrawingContext): void;
     clipText(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
-    private renderPathHTML;
     getPaths(): Path;
     copyPaths(): Path;
     isClosed(): boolean;

package/dist/types/Items/Connector/connectorOps.d.ts

@@ -0,0 +1,20 @@
+import { ColorValue } from "../../..";
+import { BorderStyle } from "../Path";
+import { Connector } from "./Connector";
+import { ControlPoint, ControlPointData } from "./ControlPoint";
+import { ConnectorOperation } from "./ConnectorOperations";
+import { ConnectionLineWidth, ConnectorLineStyle } from "./ConnectorTypes";
+import { ConnectorPointerStyle } from "./Pointers/Pointers";
+export declare const connectorOps: {
+    setStartPoint: (items: Connector[], point: ControlPoint | ControlPointData, timestamp?: number) => ConnectorOperation;
+    setEndPoint: (items: Connector[], point: ControlPoint | ControlPointData, timestamp?: number) => ConnectorOperation;
+    setMiddlePoint: (items: Connector[], point: ControlPoint | ControlPointData | null, timestamp?: number) => ConnectorOperation;
+    setStartPointerStyle: (items: Connector[], style: ConnectorPointerStyle) => ConnectorOperation;
+    setEndPointerStyle: (items: Connector[], style: ConnectorPointerStyle) => ConnectorOperation;
+    setLineStyle: (items: Connector[], style: ConnectorLineStyle) => ConnectorOperation;
+    setBorderStyle: (items: Connector[], borderStyle: BorderStyle) => ConnectorOperation;
+    setLineColor: (items: Connector[], color: ColorValue) => ConnectorOperation;
+    setLineWidth: (items: Connector[], width: ConnectionLineWidth) => ConnectorOperation;
+    switchPointers: (items: Connector[]) => ConnectorOperation;
+    setSmartJump: (items: Connector[], smartJump: boolean) => ConnectorOperation;
+};

package/dist/types/Items/Drawing/Drawing.d.ts

@@ -6,11 +6,8 @@ import { Mbr } from "../Mbr/Mbr";
 import { Path } from "../Path/Path";
 import type { BorderStyle, BorderWidth } from "../Path/Path";
 import { Point } from "../Point/Point";
-import { Transformation } from "../Transformation/Transformation";
 import { DrawingOperation } from "./DrawingOperation";
 import { TransformationData } from "../Transformation/TransformationData";
-import { LinkTo } from "../LinkTo/LinkTo";
-import { DocumentFactory } from "../../api/DocumentFactory";
 import { Board } from "../../Board";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
 import { ColorValue, ColorRole } from "../../..";
@@ -32,12 +29,10 @@ export declare class Drawing extends BaseItem<Drawing> {
     private events?;
     readonly itemType = "Drawing";
     parent: string;
-    readonly transformation: Transformation;
     private path2d;
     readonly subject: Subject<Drawing>;
     untransformedMbr: Mbr;
     private lines;
-    readonly linkTo: LinkTo;
     strokeWidth: BorderWidth;
     borderColor: ColorValue;
     borderStyle: BorderStyle;
@@ -57,7 +52,6 @@ export declare class Drawing extends BaseItem<Drawing> {
     setId(id: string): this;
     getId(): string;
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     private getPathData;
     getPath(): Path;
     getSnapAnchorPoints(): Point[];
@@ -66,17 +60,13 @@ export declare class Drawing extends BaseItem<Drawing> {
     isEnclosedOrCrossedBy(rect: Mbr): boolean;
     emit(operation: DrawingOperation): void;
     apply(op: Operation): void;
-    setStrokeOpacity(opacity: number): this;
     getStrokeOpacity(): number;
-    setBorderStyle(style: BorderStyle): this;
     getBorderStyle(): BorderStyle;
-    setStrokeColor(color: ColorValue): this;
     getStrokeColor(): ColorValue;
     setColorRole(role: ColorRole): this;
     getColorRole(): ColorRole;
-    setStrokeWidth(width: number): this;
     getLinkTo(): string | undefined;
-    getStrokeWidth(): number;
+    getStrokeWidth(): BorderWidth;
     getRichText(): null;
     isPointNearLine(point: Point, threshold?: number | undefined): boolean;
 }

package/dist/types/Items/Drawing/DrawingOperation.d.ts

@@ -1,4 +1,4 @@
-import { BorderStyle } from "../Path";
+import { BorderStyle, BorderWidth } from "../Path";
 import { ColorValue } from "../../..";
 interface DrawingSetStrokeColorOp {
     class: "Drawing";
@@ -10,8 +10,8 @@ interface DrawingSetStrokeWidthOp {
     class: "Drawing";
     method: "setStrokeWidth";
     item: string[];
-    width: number;
-    prevWidth: number;
+    width: BorderWidth;
+    prevWidth: BorderWidth;
 }
 interface DrawingSetStrokeOpacityOp {
     class: "Drawing";

package/dist/types/Items/Drawing/drawingOps.d.ts

@@ -0,0 +1,14 @@
+import { ColorValue } from "../../..";
+import { Operation } from "../../Events";
+import { BorderStyle, BorderWidth } from "../Path";
+interface ItemLike {
+    getId(): string;
+    getStrokeWidth(): BorderWidth;
+}
+export declare const drawingOps: {
+    setStrokeColor(items: ItemLike[], color: ColorValue): Operation;
+    setStrokeWidth(items: ItemLike[], width: BorderWidth): Operation;
+    setBorderStyle(items: ItemLike[], style: BorderStyle): Operation;
+    setStrokeOpacity(items: ItemLike[], opacity: number): Operation;
+};
+export {};

package/dist/types/Items/Drawing/index.d.ts

@@ -1 +1,3 @@
 export * from "./Drawing";
+export * from "./drawingOps";
+export * from "./DrawingOperation";

package/dist/types/Items/Examples/CardGame/Card/Card.d.ts

@@ -1,11 +1,9 @@
 import { BaseItem, BaseItemData, SerializedItemData } from "../../../BaseItem/BaseItem";
 import { Board } from "../../../../Board";
 import { DrawingContext } from "../../../DrawingContext";
-import { DocumentFactory } from "../../../../api/DocumentFactory";
 import { Path } from "../../../Path/Path";
 import { Subject } from "../../../../Subject";
 import { Paths } from "../../../Path/Paths";
-import { CardOperation } from "../../../Examples/CardGame/Card/CardOperation";
 export interface CardData extends BaseItemData {
     isOpen?: boolean;
     faceUrl?: string;
@@ -41,10 +39,9 @@ export declare class Card extends BaseItem<Card> {
     getImage(): HTMLImageElement | null;
     getIsRotatedPerpendicular(): boolean;
     render(context: DrawingContext, left?: number, top?: number): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     updateMbr(): void;
     getPath(): Path | Paths;
     deserialize(data: SerializedItemData): this;
     toggleIsOpen(cards: Card[]): void;
-    apply(op: CardOperation): void;
+    apply(op: any): void;
 }

package/dist/types/Items/Examples/CardGame/Card/CardOperation.d.ts

@@ -1,5 +1,6 @@
 import { BaseOperation } from "../../../../Events/EventsOperations";
-export type CardOperation = SetIsOpen | SetIsInDeck;
+import { TransformationOperation } from "../../../Transformation/TransformationOperations";
+export type CardOperation = SetIsOpen | SetIsInDeck | TransformationOperation;
 export interface SetIsOpen extends BaseOperation<{
     isOpen: boolean;
 }> {

package/dist/types/Items/Examples/CardGame/Deck/Deck.d.ts

@@ -3,9 +3,7 @@ import { Board } from "../../../../Board";
 import { Subject } from "../../../../Subject";
 import { Card } from "../../../Examples/CardGame/Card/Card";
 import { DrawingContext } from "../../../DrawingContext";
-import { DeckOperation } from "../../../Examples/CardGame/Deck/DeckOperation";
 import { Path } from "../../../Path";
-import { DocumentFactory } from "../../../../api/DocumentFactory";
 export declare const defaultDeckData: BaseItemData;
 export declare class Deck extends BaseItem<Deck> {
     readonly subject: Subject<Deck>;
@@ -28,14 +26,13 @@ export declare class Deck extends BaseItem<Deck> {
     getRandomCard(): Card | undefined;
     shuffleDeck(): void;
     flipDeck(): void;
-    apply(op: DeckOperation): void;
+    apply(op: any): void;
     updateMbr(): void;
     deserialize(data: SerializedItemData): this;
     render(context: DrawingContext): void;
     emitAnimation(): void;
     startAnimation(): void;
     stopAnimation(): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     private updateCache;
     getFirstCard(): Card | undefined;
 }

package/dist/types/Items/Examples/CardGame/Deck/DeckOperation.d.ts

@@ -1,5 +1,6 @@
 import { BaseOperation } from "../../../../Events/EventsOperations";
-export type DeckOperation = StartAnimation;
+import { TransformationOperation } from "../../../Transformation/TransformationOperations";
+export type DeckOperation = StartAnimation | TransformationOperation;
 export interface StartAnimation extends BaseOperation<{
     timeStamp?: number;
 }> {

package/dist/types/Items/Examples/CardGame/Dice/Dice.d.ts

@@ -1,9 +1,9 @@
 import { BaseItem, BaseItemData, SerializedItemData } from "../../../BaseItem/BaseItem";
+import { Operation } from "../../../../Events";
 import { BorderWidth, Path, BorderStyle } from "../../../../Items";
 import { Subject } from "../../../../Subject";
 import { Board } from "../../../../Board";
 import { DrawingContext } from "../../../../Items";
-import { DocumentFactory } from "../../../../api/DocumentFactory";
 import { DiceOperation } from "./DiceOperation";
 export type DiceType = "common" | "custom";
 export interface DiceData extends BaseItemData {
@@ -52,8 +52,7 @@ export declare class Dice extends BaseItem<Dice> {
     setValues(values: number[]): void;
     setValueIndex(valueIndex: number): void;
     throwDice(): void;
-    apply(op: DiceOperation): void;
+    apply(op: Operation | DiceOperation): void;
     startRotation(): void;
     stopRotation(): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

package/dist/types/Items/Examples/CardGame/Screen/Screen.d.ts

@@ -3,8 +3,6 @@ import { Board } from "../../../../Board";
 import { Subject } from "../../../../Subject";
 import { DrawingContext } from "../../../DrawingContext";
 import { BorderWidth, BorderStyle } from "../../../Path";
-import { ScreenOperation } from "./ScreenOperation";
-import { DocumentFactory } from "../../../../api/DocumentFactory";
 export interface ScreenData extends BaseItemData {
     ownerId?: string;
     backgroundUrl?: string;
@@ -21,7 +19,7 @@ export declare class Screen extends BaseItem<Screen> {
     backgroundImage: HTMLImageElement | null;
     ownerId: string;
     constructor(board: Board, id?: string, defaultItemData?: BaseItemData, isGroupItem?: boolean);
-    apply(op: ScreenOperation): void;
+    apply(op: any): void;
     getOwnerId(): string;
     getBackgroundColor(): string;
     getBorderStyle(): string;
@@ -41,5 +39,4 @@ export declare class Screen extends BaseItem<Screen> {
     deserialize(data: SerializedItemData): this;
     getRandomItem(): BaseItem | undefined;
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

package/dist/types/Items/Examples/Counter/Counter.d.ts

@@ -1,7 +1,6 @@
 import { BaseItem, BaseItemData, SerializedItemData } from "../../BaseItem/BaseItem";
 import { Board } from "../../../Board";
 import { DrawingContext } from "../../DrawingContext";
-import { DocumentFactory } from "../../../api/DocumentFactory";
 import { Path } from "../../Path/Path";
 import { Subject } from "../../../Subject";
 import { Paths } from "../../Path/Paths";
@@ -19,7 +18,6 @@ export declare class Counter extends BaseItem<Counter> {
     render(context: DrawingContext): void;
     updateMbr(): void;
     getPath(): Path | Paths;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     deserialize(data: SerializedItemData): this;
     getCount(): number;
     setCount(count: number): void;

package/dist/types/Items/Examples/Counter/CounterOperation.d.ts

@@ -1,5 +1,6 @@
 import { BaseOperation } from "../../../Events/EventsOperations";
-export type CounterOperation = UpdateCounter;
+import { TransformationOperation } from "../../Transformation/TransformationOperations";
+export type CounterOperation = UpdateCounter | TransformationOperation;
 export interface UpdateCounter extends BaseOperation<{
     count: number;
 }> {

package/dist/types/Items/Examples/Star/Star.d.ts

@@ -1,12 +1,10 @@
 import { BaseItem, BaseItemData, SerializedItemData } from "../../BaseItem/BaseItem";
 import { Board } from "../../../Board";
 import { DrawingContext } from "../../DrawingContext";
-import { DocumentFactory } from "../../../api/DocumentFactory";
 import { BorderStyle, BorderWidth, Path } from "../../Path/Path";
 import { Subject } from "../../../Subject";
 import { TransformationData } from "../../Transformation/TransformationData";
 import { Paths } from "../../Path/Paths";
-import { StarOperation } from "../../Examples/Star/StarOperation";
 export interface StarData {
     readonly itemType: "Star";
     backgroundColor: string;
@@ -30,9 +28,8 @@ export declare class Star extends BaseItem<Star> {
     render(context: DrawingContext): void;
     updateMbr(): void;
     getPath(): Path | Paths;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     deserialize(data: SerializedItemData): this;
     isClosed(): boolean;
     toggleIsShining(): void;
-    apply(op: StarOperation): void;
+    apply(op: any): void;
 }

package/dist/types/Items/Frame/Frame.d.ts

@@ -1,14 +1,12 @@
 import { Mbr } from "../Mbr/Mbr";
 import { Line } from "../Line/Line";
 import { Point } from "../Point/Point";
-import { Transformation } from "../Transformation/Transformation";
 import { Path } from "../Path/Path";
 import { Paths } from "../Path/Paths";
 import type { Item } from "../Item";
 import { RichText } from "../RichText/RichText";
 import { Matrix } from "../Transformation/Matrix";
-import type { SerializedItemData } from "../BaseItem/BaseItem";
-import { BaseItem } from "../BaseItem/BaseItem";
+import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
 import { Subject } from "../../Subject";
 import { DrawingContext } from "../DrawingContext";
 import { Operation } from "../../Events";
@@ -17,9 +15,7 @@ import { FrameType } from "./Basic";
 import { GeometricNormal } from "../GeometricNormal";
 import { Board } from "../../Board";
 import { SnapshotInfo } from "../../Tools/ExportSnapshot/exportBoardSnapshot";
-import { LinkTo } from "../LinkTo/LinkTo";
 import { FrameData } from "./FrameData";
-import { DocumentFactory } from "../../api/DocumentFactory";
 import { ResizeType } from "../../Selection/Transformer/TransformerHelpers/getResizeType";
 import { ColorValue } from "../../..";
 export declare class Frame extends BaseItem<Frame> {
@@ -34,12 +30,10 @@ export declare class Frame extends BaseItem<Frame> {
     borderWidth: number;
     readonly itemType = "Frame";
     parent: string;
-    readonly transformation: Transformation;
     readonly subject: Subject<Frame>;
     private textContainer;
     private path;
     private mbr;
-    readonly linkTo: LinkTo;
     readonly text: RichText;
     private canChangeRatio;
     canBeNested: boolean;
@@ -47,20 +41,9 @@ export declare class Frame extends BaseItem<Frame> {
     transformationRenderBlock?: boolean;
     constructor(board: Board, getItemById: (id: string) => Item | undefined, id?: string, name?: string, shapeType?: "Custom" | "A4" | "Letter" | "Frame16x9" | "Frame4x3" | "Frame1x1" | "Frame3x2" | "Frame9x18", backgroundColor?: ColorValue, backgroundOpacity?: number, borderColor?: ColorValue, borderOpacity?: number, borderStyle?: "solid" | "dot" | "dash" | "longDash" | "dotDash" | "tripleDotDash" | "looseDoubleDotDash", borderWidth?: number);
     setBoard(board: Board): this;
-    /** Sets parent of child and emits add child message */
-    /**
-     * Parent cant be child,
-     * Child cant be itself,
-     * frame cant be child
-     */
     addChildItems(children: BaseItem[]): void;
     removeChildItems(children: BaseItem[] | BaseItem): void;
     getLinkTo(): string | undefined;
-    /**
-     * Returns:
-     * true - if can be child of the frame
-     * false - if outside of the frame
-     */
     private initPath;
     private updateTextContainer;
     getPaths(): Path | Paths;
@@ -115,6 +98,5 @@ export declare class Frame extends BaseItem<Frame> {
     renderBorders(context: DrawingContext): void;
     renderPath(context: DrawingContext): void;
     renderNewShape(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     getRichText(): RichText;
 }

package/dist/types/Items/Group/Group.d.ts

@@ -6,12 +6,9 @@ import { Events, Operation } from "../../Events";
 import { Mbr } from "../Mbr/Mbr";
 import { Line } from "../Line/Line";
 import { Point } from "../Point/Point";
-import { Transformation } from "../Transformation/Transformation";
 import type { Item } from "../Item";
 import { Board } from "../../Board";
-import { LinkTo } from "../LinkTo/LinkTo";
 import { BaseItem, SerializedItemData } from "../BaseItem/BaseItem";
-import { DocumentFactory } from "../../api/DocumentFactory";
 export interface GroupData {
     readonly itemType: "Group";
     childIds: string[];
@@ -21,10 +18,8 @@ export interface GroupData {
 }
 export declare class Group extends BaseItem<Group> {
     private events?;
-    readonly linkTo: LinkTo;
     readonly itemType = "Group";
     parent: string;
-    readonly transformation: Transformation;
     readonly subject: Subject<Group>;
     transformationRenderBlock?: boolean;
     isLockedGroup: boolean;
@@ -44,5 +39,4 @@ export declare class Group extends BaseItem<Group> {
     getId(): string;
     getIntersectionPoints(segment: Line): Point[];
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }