@cpfr/tootframes 1.0.18 → 1.0.20

package/README.md

@@ -18,6 +18,7 @@ The name *"Tootframes"* is derived from the sound an elephant does plus *"frames
 - Menu and MenuBar
 - Node Editor
 - Panels
+- TabPanels
 - TreeView
 - UndoHistory
 

package/dist/Color.d.ts

@@ -74,6 +74,7 @@ declare class Color {
     invert(): void;
     getInverted(): Color;
     getComplement(): Color;
+    getRgbBlended(other: Color, alpha: number): Color;
     getBlended(other: Color, alpha: number): Color;
 }
 export { Color, ColorModificationMode };

package/dist/NodeEditor.d.ts

@@ -110,12 +110,12 @@ declare class NodeEditor extends Widget {
     getNodes(): Node[];
     connect(output: NodePort, input: NodePort): void;
     disconnect(output: NodePort, input: NodePort): void;
-    onDragStart(mouseEvt: MouseEvent): boolean;
+    onDragStart(evt: MouseEvent | TouchEvent): boolean;
     onDragNodesStarted(): void;
     _scrollOutOfBounds(x: number, y: number): void;
-    _checkOutOfBoundsScroll(mouseEvent: MouseEvent): void;
+    _checkOutOfBoundsScroll(evt: MouseEvent | TouchEvent): void;
     onDragging(dragInfo: DragInfo): void;
-    onDragEnd(mouseEvt: MouseEvent): void;
+    onDragEnd(evt: MouseEvent | TouchEvent): void;
     intersection(rect1: DOMRect, rect2: DOMRect): boolean;
     deselectAllWithUndo(): void;
     selectAllWithUndo(): void;
@@ -177,9 +177,9 @@ declare class Node extends Widget {
     addOutput(name: string, canConnectCheck?: (other: NodePort) => boolean, allowMultipleConnections?: boolean): NodePort;
     addConnection(nodeConnection: NodeConnection): void;
     removeConnection(nodeConnection: NodeConnection, fromOutput: NodePort, toInput: NodePort): void;
-    onDragStart(mouseEvt: MouseEvent): boolean;
+    onDragStart(evt: MouseEvent | TouchEvent): boolean;
     onDragStarted(): void;
-    onDragEnd(mouseEvt: MouseEvent): void;
+    onDragEnd(evt: MouseEvent | TouchEvent): void;
     isSelected(): boolean;
     select(): void;
     deselect(): void;

package/dist/TabPanel.d.ts

@@ -0,0 +1,23 @@
+import { Widget } from './Widget';
+type Tab = {
+    title: string;
+    content: Widget;
+    canBeClosed: boolean;
+};
+declare class TabPanel extends Widget {
+    tabs: Tab[];
+    headers: HTMLDivElement[];
+    headerElement: HTMLDivElement;
+    contentElement: HTMLDivElement;
+    activeIndex: number;
+    constructor(tabs?: Tab[]);
+    getTabIndex(tab: Tab): number;
+    addTab(tab: Tab): void;
+    insertTab(index: number, tab: Tab): void;
+    removeTab(tab: Tab): void;
+    removeTabAtIndex(index: number): void;
+    setActiveTabIndex(index: number): void;
+    onAttached(): void;
+    onResize(): void;
+}
+export { TabPanel };

package/dist/Widget.d.ts

@@ -1,16 +1,16 @@
 import { DragInfo } from "./dragAndDrop";
 interface IDraggable {
     element: HTMLElement;
-    onDragStart(mouseEvt: MouseEvent): boolean;
-    onDragEnd(mouseEvt: MouseEvent): void;
+    onDragStart(mouseEvt: MouseEvent | TouchEvent): boolean;
+    onDragEnd(mouseEvt: MouseEvent | TouchEvent): void;
     onDragging(dragInfo: DragInfo): void;
 }
 declare class Widget implements IDraggable {
     element: HTMLElement;
     parentWidget?: Widget;
     constructor(element?: HTMLElement);
-    onDragStart(mouseEvt: MouseEvent): boolean;
-    onDragEnd(mouseEvt: MouseEvent): void;
+    onDragStart(evt: MouseEvent | TouchEvent): boolean;
+    onDragEnd(evt: MouseEvent | TouchEvent): void;
     onDragging(dragInfo: DragInfo): void;
     onAttached(): void;
     isAttached(): boolean;

package/dist/dragAndDrop.d.ts

@@ -1,17 +1,23 @@
 import { Vector2 } from './Math';
 import { IDraggable } from './Widget';
 type DragInfo = {
-    mouseEvent: MouseEvent;
+    mouseEvent?: MouseEvent;
+    touchEvent?: TouchEvent;
     rect: DOMRect;
     posWithOffsetToParentConsidered: Vector2;
     posRelativeToElement: Vector2;
     posRelativeToDragStart: Vector2;
+    movement: Vector2;
 };
 declare let currentMousePos: {
     x: number;
     y: number;
 };
-declare function getDragStart(draggable: IDraggable, dragStartMethod?: (draggable: IDraggable, evt: MouseEvent) => boolean): (evt: MouseEvent) => void;
+export declare function getClientPosFromEvent(evt: MouseEvent | TouchEvent): {
+    x: number;
+    y: number;
+};
+declare function getDragStart(draggable: IDraggable, dragStartMethod?: (draggable: IDraggable, evt: MouseEvent | TouchEvent) => boolean): (evt: MouseEvent | TouchEvent) => void;
 declare class Draggable implements IDraggable {
     element: HTMLElement;
     onDragStart: (mouseEvt: MouseEvent) => boolean;

package/dist/main.d.ts

@@ -4,6 +4,7 @@ export * from './Color';
 export * from './ColorPicker';
 export * from './Widget';
 export * from './Panel';
+export * from './TabPanel';
 export * from './Button';
 export * from './Dropdown';
 export * from './ListBox';
@@ -20,4 +21,4 @@ export * from './MessageDialog';
 export * from './NodeEditor';
 export * from './UndoHistory';
 export * from './FakeClipboard';
-export { currentMousePos } from './dragAndDrop';
+export { currentMousePos, Draggable, getDragStart } from './dragAndDrop';