first commit

2026-10-17 12:09:36 -04:00
commit 56046a63fc
1149 changed files with 658055 additions and 0 deletions
@@ -0,0 +1,102 @@
+import type { ShapeConfig } from '../Shape.ts';
+import { Shape } from '../Shape.ts';
+import { Group } from '../Group.ts';
+import type { Context } from '../Context.ts';
+import type { ContainerConfig } from '../Container.ts';
+import type { GetSet } from '../types.ts';
+import { Text } from './Text.ts';
+export interface LabelConfig extends ContainerConfig {
+}
+declare const NONE = "none";
+/**
+ * Label constructor.&nbsp; Labels are groups that contain a Text and Tag shape
+ * @constructor
+ * @memberof Konva
+ * @param {Object} config
+ * @@nodeParams
+ * @example
+ * // create label
+ * var label = new Konva.Label({
+ *   x: 100,
+ *   y: 100,
+ *   draggable: true
+ * });
+ *
+ * // add a tag to the label
+ * label.add(new Konva.Tag({
+ *   fill: '#bbb',
+ *   stroke: '#333',
+ *   shadowColor: 'black',
+ *   shadowBlur: 10,
+ *   shadowOffset: { x: 10, y: 10 },
+ *   shadowOpacity: 0.2,
+ *   lineJoin: 'round',
+ *   pointerDirection: 'up',
+ *   pointerWidth: 20,
+ *   pointerHeight: 20,
+ *   cornerRadius: 5
+ * }));
+ *
+ * // add text to the label
+ * label.add(new Konva.Text({
+ *   text: 'Hello World!',
+ *   fontSize: 50,
+ *   lineHeight: 1.2,
+ *   padding: 10,
+ *   fill: 'green'
+ *  }));
+ */
+export declare class Label extends Group {
+    constructor(config?: LabelConfig);
+    /**
+     * get Text shape for the label.  You need to access the Text shape in order to update
+     * the text properties
+     * @name Konva.Label#getText
+     * @method
+     * @example
+     * label.getText().fill('red')
+     */
+    getText(): Text;
+    /**
+     * get Tag shape for the label.  You need to access the Tag shape in order to update
+     * the pointer properties and the corner radius
+     * @name Konva.Label#getTag
+     * @method
+     */
+    getTag(): Tag;
+    getWidth(): number;
+    getHeight(): number;
+    _sync(): void;
+}
+export interface TagConfig extends ShapeConfig {
+    pointerDirection?: string;
+    pointerWidth?: number;
+    pointerHeight?: number;
+    cornerRadius?: number | Array<number>;
+}
+/**
+ * Tag constructor.&nbsp; A Tag can be configured
+ *  to have a pointer element that points up, right, down, or left
+ * @constructor
+ * @memberof Konva
+ * @param {Object} config
+ * @param {String} [config.pointerDirection] can be up, right, down, left, or none; the default
+ *  is none.  When a pointer is present, the positioning of the label is relative to the tip of the pointer.
+ * @param {Number} [config.pointerWidth]
+ * @param {Number} [config.pointerHeight]
+ * @param {Number} [config.cornerRadius]
+ */
+export declare class Tag extends Shape<TagConfig> {
+    _sceneFunc(context: Context): void;
+    getSelfRect(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    pointerDirection: GetSet<'left' | 'up' | 'right' | 'down' | typeof NONE, this>;
+    pointerWidth: GetSet<number, this>;
+    pointerHeight: GetSet<number, this>;
+    cornerRadius: GetSet<number | number[], this>;
+}
+export {};