@nasser-sw/fabric 7.0.0-beta1

package/dist/src/shapes/Rect.mjs

@@ -0,0 +1,151 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { kRect } from '../constants.mjs';
+import { SHARED_ATTRIBUTES } from '../parser/attributes.mjs';
+import { parseAttributes } from '../parser/parseAttributes.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { FabricObject } from './Object/FabricObject.mjs';
+import { cacheProperties } from './Object/defaultValues.mjs';
+
+const rectDefaultValues = {
+  rx: 0,
+  ry: 0
+};
+const RECT_PROPS = ['rx', 'ry'];
+class Rect extends FabricObject {
+  static getDefaults() {
+    return {
+      ...super.getDefaults(),
+      ...Rect.ownDefaults
+    };
+  }
+
+  /**
+   * Constructor
+   * @param {Object} [options] Options object
+   */
+  constructor(options) {
+    super();
+    Object.assign(this, Rect.ownDefaults);
+    this.setOptions(options);
+    this._initRxRy();
+  }
+  /**
+   * Initializes rx/ry attributes
+   * @private
+   */
+  _initRxRy() {
+    const {
+      rx,
+      ry
+    } = this;
+    if (rx && !ry) {
+      this.ry = rx;
+    } else if (ry && !rx) {
+      this.rx = ry;
+    }
+  }
+
+  /**
+   * @private
+   * @param {CanvasRenderingContext2D} ctx Context to render on
+   */
+  _render(ctx) {
+    const {
+      width: w,
+      height: h
+    } = this;
+    const x = -w / 2;
+    const y = -h / 2;
+    const rx = this.rx ? Math.min(this.rx, w / 2) : 0;
+    const ry = this.ry ? Math.min(this.ry, h / 2) : 0;
+    const isRounded = rx !== 0 || ry !== 0;
+    ctx.beginPath();
+    ctx.moveTo(x + rx, y);
+    ctx.lineTo(x + w - rx, y);
+    isRounded && ctx.bezierCurveTo(x + w - kRect * rx, y, x + w, y + kRect * ry, x + w, y + ry);
+    ctx.lineTo(x + w, y + h - ry);
+    isRounded && ctx.bezierCurveTo(x + w, y + h - kRect * ry, x + w - kRect * rx, y + h, x + w - rx, y + h);
+    ctx.lineTo(x + rx, y + h);
+    isRounded && ctx.bezierCurveTo(x + kRect * rx, y + h, x, y + h - kRect * ry, x, y + h - ry);
+    ctx.lineTo(x, y + ry);
+    isRounded && ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y);
+    ctx.closePath();
+    this._renderPaintInOrder(ctx);
+  }
+
+  /**
+   * Returns object representation of an instance
+   * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
+   * @return {Object} object representation of an instance
+   */
+  toObject() {
+    let propertiesToInclude = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    return super.toObject([...RECT_PROPS, ...propertiesToInclude]);
+  }
+
+  /**
+   * Returns svg representation of an instance
+   * @return {Array} an array of strings with the specific svg representation
+   * of the instance
+   */
+  _toSVG() {
+    const {
+      width,
+      height,
+      rx,
+      ry
+    } = this;
+    return ['<rect ', 'COMMON_PARTS', `x="${-width / 2}" y="${-height / 2}" rx="${rx}" ry="${ry}" width="${width}" height="${height}" />\n`];
+  }
+
+  /**
+   * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`)
+   * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement
+   */
+
+  /* _FROM_SVG_START_ */
+
+  /**
+   * Returns {@link Rect} instance from an SVG element
+   * @param {HTMLElement} element Element to parse
+   * @param {Object} [options] Options object
+   */
+  static async fromElement(element, options, cssRules) {
+    const {
+      left = 0,
+      top = 0,
+      width = 0,
+      height = 0,
+      visible = true,
+      ...restOfparsedAttributes
+    } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);
+    return new this({
+      ...options,
+      ...restOfparsedAttributes,
+      left,
+      top,
+      width,
+      height,
+      visible: Boolean(visible && width && height)
+    });
+  }
+
+  /* _FROM_SVG_END_ */
+}
+/**
+ * Horizontal border radius
+ * @type Number
+ */
+/**
+ * Vertical border radius
+ * @type Number
+ */
+_defineProperty(Rect, "type", 'Rect');
+_defineProperty(Rect, "cacheProperties", [...cacheProperties, ...RECT_PROPS]);
+_defineProperty(Rect, "ownDefaults", rectDefaultValues);
+_defineProperty(Rect, "ATTRIBUTE_NAMES", [...SHARED_ATTRIBUTES, 'x', 'y', 'rx', 'ry', 'width', 'height']);
+classRegistry.setClass(Rect);
+classRegistry.setSVGClass(Rect);
+
+export { Rect, rectDefaultValues };
+//# sourceMappingURL=Rect.mjs.map

package/dist/src/shapes/Rect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.mjs","sources":["../../../src/shapes/Rect.ts"],"sourcesContent":["import { kRect } from '../constants';\nimport { SHARED_ATTRIBUTES } from '../parser/attributes';\nimport { parseAttributes } from '../parser/parseAttributes';\nimport type { Abortable, TClassProperties, TOptions } from '../typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { FabricObject, cacheProperties } from './Object/FabricObject';\nimport type { FabricObjectProps, SerializedObjectProps } from './Object/types';\nimport type { ObjectEvents } from '../EventTypeDefs';\nimport type { CSSRules } from '../parser/typedefs';\n\nexport const rectDefaultValues: Partial<TClassProperties<Rect>> = {\n  rx: 0,\n  ry: 0,\n};\n\ninterface UniqueRectProps {\n  rx: number;\n  ry: number;\n}\n\nexport interface SerializedRectProps\n  extends SerializedObjectProps,\n    UniqueRectProps {}\n\nexport interface RectProps extends FabricObjectProps, UniqueRectProps {}\n\nconst RECT_PROPS = ['rx', 'ry'] as const;\n\nexport class Rect<\n    Props extends TOptions<RectProps> = Partial<RectProps>,\n    SProps extends SerializedRectProps = SerializedRectProps,\n    EventSpec extends ObjectEvents = ObjectEvents,\n  >\n  extends FabricObject<Props, SProps, EventSpec>\n  implements RectProps\n{\n  /**\n   * Horizontal border radius\n   * @type Number\n   */\n  declare rx: number;\n\n  /**\n   * Vertical border radius\n   * @type Number\n   */\n  declare ry: number;\n\n  static type = 'Rect';\n\n  static cacheProperties = [...cacheProperties, ...RECT_PROPS];\n\n  static ownDefaults = rectDefaultValues;\n\n  static getDefaults(): Record<string, any> {\n    return {\n      ...super.getDefaults(),\n      ...Rect.ownDefaults,\n    };\n  }\n\n  /**\n   * Constructor\n   * @param {Object} [options] Options object\n   */\n  constructor(options?: Props) {\n    super();\n    Object.assign(this, Rect.ownDefaults);\n    this.setOptions(options);\n    this._initRxRy();\n  }\n  /**\n   * Initializes rx/ry attributes\n   * @private\n   */\n  _initRxRy() {\n    const { rx, ry } = this;\n    if (rx && !ry) {\n      this.ry = rx;\n    } else if (ry && !rx) {\n      this.rx = ry;\n    }\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _render(ctx: CanvasRenderingContext2D) {\n    const { width: w, height: h } = this;\n    const x = -w / 2;\n    const y = -h / 2;\n    const rx = this.rx ? Math.min(this.rx, w / 2) : 0;\n    const ry = this.ry ? Math.min(this.ry, h / 2) : 0;\n    const isRounded = rx !== 0 || ry !== 0;\n\n    ctx.beginPath();\n\n    ctx.moveTo(x + rx, y);\n\n    ctx.lineTo(x + w - rx, y);\n    isRounded &&\n      ctx.bezierCurveTo(\n        x + w - kRect * rx,\n        y,\n        x + w,\n        y + kRect * ry,\n        x + w,\n        y + ry,\n      );\n\n    ctx.lineTo(x + w, y + h - ry);\n    isRounded &&\n      ctx.bezierCurveTo(\n        x + w,\n        y + h - kRect * ry,\n        x + w - kRect * rx,\n        y + h,\n        x + w - rx,\n        y + h,\n      );\n\n    ctx.lineTo(x + rx, y + h);\n    isRounded &&\n      ctx.bezierCurveTo(\n        x + kRect * rx,\n        y + h,\n        x,\n        y + h - kRect * ry,\n        x,\n        y + h - ry,\n      );\n\n    ctx.lineTo(x, y + ry);\n    isRounded &&\n      ctx.bezierCurveTo(x, y + kRect * ry, x + kRect * rx, y, x + rx, y);\n\n    ctx.closePath();\n\n    this._renderPaintInOrder(ctx);\n  }\n\n  /**\n   * Returns object representation of an instance\n   * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\n   * @return {Object} object representation of an instance\n   */\n  toObject<\n    T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n    K extends keyof T = never,\n  >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n    return super.toObject([...RECT_PROPS, ...propertiesToInclude]);\n  }\n\n  /**\n   * Returns svg representation of an instance\n   * @return {Array} an array of strings with the specific svg representation\n   * of the instance\n   */\n  _toSVG() {\n    const { width, height, rx, ry } = this;\n    return [\n      '<rect ',\n      'COMMON_PARTS',\n      `x=\"${-width / 2}\" y=\"${\n        -height / 2\n      }\" rx=\"${rx}\" ry=\"${ry}\" width=\"${width}\" height=\"${height}\" />\\n`,\n    ];\n  }\n\n  /**\n   * List of attribute names to account for when parsing SVG element (used by `Rect.fromElement`)\n   * @see: http://www.w3.org/TR/SVG/shapes.html#RectElement\n   */\n  static ATTRIBUTE_NAMES = [\n    ...SHARED_ATTRIBUTES,\n    'x',\n    'y',\n    'rx',\n    'ry',\n    'width',\n    'height',\n  ];\n\n  /* _FROM_SVG_START_ */\n\n  /**\n   * Returns {@link Rect} instance from an SVG element\n   * @param {HTMLElement} element Element to parse\n   * @param {Object} [options] Options object\n   */\n  static async fromElement(\n    element: HTMLElement | SVGElement,\n    options?: Abortable,\n    cssRules?: CSSRules,\n  ) {\n    const {\n      left = 0,\n      top = 0,\n      width = 0,\n      height = 0,\n      visible = true,\n      ...restOfparsedAttributes\n    } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);\n\n    return new this({\n      ...options,\n      ...restOfparsedAttributes,\n      left,\n      top,\n      width,\n      height,\n      visible: Boolean(visible && width && height),\n    });\n  }\n\n  /* _FROM_SVG_END_ */\n}\n\nclassRegistry.setClass(Rect);\nclassRegistry.setSVGClass(Rect);\n"],"names":["rectDefaultValues","rx","ry","RECT_PROPS","Rect","FabricObject","getDefaults","ownDefaults","constructor","options","Object","assign","setOptions","_initRxRy","_render","ctx","width","w","height","h","x","y","Math","min","isRounded","beginPath","moveTo","lineTo","bezierCurveTo","kRect","closePath","_renderPaintInOrder","toObject","propertiesToInclude","arguments","length","undefined","_toSVG","fromElement","element","cssRules","left","top","visible","restOfparsedAttributes","parseAttributes","ATTRIBUTE_NAMES","Boolean","_defineProperty","cacheProperties","SHARED_ATTRIBUTES","classRegistry","setClass","setSVGClass"],"mappings":";;;;;;;;AAUO,MAAMA,iBAAkD,GAAG;AAChEC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE;AACN;AAaA,MAAMC,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU;AAEjC,MAAMC,IAAI,SAKPC,YAAY,CAEtB;EAmBE,OAAOC,WAAWA,GAAwB;IACxC,OAAO;AACL,MAAA,GAAG,KAAK,CAACA,WAAW,EAAE;AACtB,MAAA,GAAGF,IAAI,CAACG;KACT;AACH,EAAA;;AAEA;AACF;AACA;AACA;EACEC,WAAWA,CAACC,OAAe,EAAE;AAC3B,IAAA,KAAK,EAAE;IACPC,MAAM,CAACC,MAAM,CAAC,IAAI,EAAEP,IAAI,CAACG,WAAW,CAAC;AACrC,IAAA,IAAI,CAACK,UAAU,CAACH,OAAO,CAAC;IACxB,IAAI,CAACI,SAAS,EAAE;AAClB,EAAA;AACA;AACF;AACA;AACA;AACEA,EAAAA,SAASA,GAAG;IACV,MAAM;MAAEZ,EAAE;AAAEC,MAAAA;AAAG,KAAC,GAAG,IAAI;AACvB,IAAA,IAAID,EAAE,IAAI,CAACC,EAAE,EAAE;MACb,IAAI,CAACA,EAAE,GAAGD,EAAE;AACd,IAAA,CAAC,MAAM,IAAIC,EAAE,IAAI,CAACD,EAAE,EAAE;MACpB,IAAI,CAACA,EAAE,GAAGC,EAAE;AACd,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;EACEY,OAAOA,CAACC,GAA6B,EAAE;IACrC,MAAM;AAAEC,MAAAA,KAAK,EAAEC,CAAC;AAAEC,MAAAA,MAAM,EAAEC;AAAE,KAAC,GAAG,IAAI;AACpC,IAAA,MAAMC,CAAC,GAAG,CAACH,CAAC,GAAG,CAAC;AAChB,IAAA,MAAMI,CAAC,GAAG,CAACF,CAAC,GAAG,CAAC;AAChB,IAAA,MAAMlB,EAAE,GAAG,IAAI,CAACA,EAAE,GAAGqB,IAAI,CAACC,GAAG,CAAC,IAAI,CAACtB,EAAE,EAAEgB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACjD,IAAA,MAAMf,EAAE,GAAG,IAAI,CAACA,EAAE,GAAGoB,IAAI,CAACC,GAAG,CAAC,IAAI,CAACrB,EAAE,EAAEiB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IACjD,MAAMK,SAAS,GAAGvB,EAAE,KAAK,CAAC,IAAIC,EAAE,KAAK,CAAC;IAEtCa,GAAG,CAACU,SAAS,EAAE;IAEfV,GAAG,CAACW,MAAM,CAACN,CAAC,GAAGnB,EAAE,EAAEoB,CAAC,CAAC;IAErBN,GAAG,CAACY,MAAM,CAACP,CAAC,GAAGH,CAAC,GAAGhB,EAAE,EAAEoB,CAAC,CAAC;AACzBG,IAAAA,SAAS,IACPT,GAAG,CAACa,aAAa,CACfR,CAAC,GAAGH,CAAC,GAAGY,KAAK,GAAG5B,EAAE,EAClBoB,CAAC,EACDD,CAAC,GAAGH,CAAC,EACLI,CAAC,GAAGQ,KAAK,GAAG3B,EAAE,EACdkB,CAAC,GAAGH,CAAC,EACLI,CAAC,GAAGnB,EACN,CAAC;AAEHa,IAAAA,GAAG,CAACY,MAAM,CAACP,CAAC,GAAGH,CAAC,EAAEI,CAAC,GAAGF,CAAC,GAAGjB,EAAE,CAAC;AAC7BsB,IAAAA,SAAS,IACPT,GAAG,CAACa,aAAa,CACfR,CAAC,GAAGH,CAAC,EACLI,CAAC,GAAGF,CAAC,GAAGU,KAAK,GAAG3B,EAAE,EAClBkB,CAAC,GAAGH,CAAC,GAAGY,KAAK,GAAG5B,EAAE,EAClBoB,CAAC,GAAGF,CAAC,EACLC,CAAC,GAAGH,CAAC,GAAGhB,EAAE,EACVoB,CAAC,GAAGF,CACN,CAAC;IAEHJ,GAAG,CAACY,MAAM,CAACP,CAAC,GAAGnB,EAAE,EAAEoB,CAAC,GAAGF,CAAC,CAAC;AACzBK,IAAAA,SAAS,IACPT,GAAG,CAACa,aAAa,CACfR,CAAC,GAAGS,KAAK,GAAG5B,EAAE,EACdoB,CAAC,GAAGF,CAAC,EACLC,CAAC,EACDC,CAAC,GAAGF,CAAC,GAAGU,KAAK,GAAG3B,EAAE,EAClBkB,CAAC,EACDC,CAAC,GAAGF,CAAC,GAAGjB,EACV,CAAC;IAEHa,GAAG,CAACY,MAAM,CAACP,CAAC,EAAEC,CAAC,GAAGnB,EAAE,CAAC;IACrBsB,SAAS,IACPT,GAAG,CAACa,aAAa,CAACR,CAAC,EAAEC,CAAC,GAAGQ,KAAK,GAAG3B,EAAE,EAAEkB,CAAC,GAAGS,KAAK,GAAG5B,EAAE,EAAEoB,CAAC,EAAED,CAAC,GAAGnB,EAAE,EAAEoB,CAAC,CAAC;IAEpEN,GAAG,CAACe,SAAS,EAAE;AAEf,IAAA,IAAI,CAACC,mBAAmB,CAAChB,GAAG,CAAC;AAC/B,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACEiB,EAAAA,QAAQA,GAG8C;AAAA,IAAA,IAApDC,mBAAwB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;IAC7B,OAAO,KAAK,CAACF,QAAQ,CAAC,CAAC,GAAG7B,UAAU,EAAE,GAAG8B,mBAAmB,CAAC,CAAC;AAChE,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACEI,EAAAA,MAAMA,GAAG;IACP,MAAM;MAAErB,KAAK;MAAEE,MAAM;MAAEjB,EAAE;AAAEC,MAAAA;AAAG,KAAC,GAAG,IAAI;IACtC,OAAO,CACL,QAAQ,EACR,cAAc,EACd,MAAM,CAACc,KAAK,GAAG,CAAC,CAAA,KAAA,EACd,CAACE,MAAM,GAAG,CAAC,CAAA,MAAA,EACJjB,EAAE,CAAA,MAAA,EAASC,EAAE,YAAYc,KAAK,CAAA,UAAA,EAAaE,MAAM,CAAA,MAAA,CAAQ,CACnE;AACH,EAAA;;AAEA;AACF;AACA;AACA;;AAWE;;AAEA;AACF;AACA;AACA;AACA;AACE,EAAA,aAAaoB,WAAWA,CACtBC,OAAiC,EACjC9B,OAAmB,EACnB+B,QAAmB,EACnB;IACA,MAAM;AACJC,MAAAA,IAAI,GAAG,CAAC;AACRC,MAAAA,GAAG,GAAG,CAAC;AACP1B,MAAAA,KAAK,GAAG,CAAC;AACTE,MAAAA,MAAM,GAAG,CAAC;AACVyB,MAAAA,OAAO,GAAG,IAAI;MACd,GAAGC;KACJ,GAAGC,eAAe,CAACN,OAAO,EAAE,IAAI,CAACO,eAAe,EAAEN,QAAQ,CAAC;IAE5D,OAAO,IAAI,IAAI,CAAC;AACd,MAAA,GAAG/B,OAAO;AACV,MAAA,GAAGmC,sBAAsB;MACzBH,IAAI;MACJC,GAAG;MACH1B,KAAK;MACLE,MAAM;AACNyB,MAAAA,OAAO,EAAEI,OAAO,CAACJ,OAAO,IAAI3B,KAAK,IAAIE,MAAM;AAC7C,KAAC,CAAC;AACJ,EAAA;;AAEA;AACF;AArLE;AACF;AACA;AACA;AAGE;AACF;AACA;AACA;AAHE8B,eAAA,CAdW5C,IAAI,EAAA,MAAA,EAoBD,MAAM,CAAA;AAAA4C,eAAA,CApBT5C,IAAI,EAAA,iBAAA,EAsBU,CAAC,GAAG6C,eAAe,EAAE,GAAG9C,UAAU,CAAC,CAAA;AAAA6C,eAAA,CAtBjD5C,IAAI,EAAA,aAAA,EAwBMJ,iBAAiB,CAAA;AAAAgD,eAAA,CAxB3B5C,IAAI,EAAA,iBAAA,EAkJU,CACvB,GAAG8C,iBAAiB,EACpB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,CACT,CAAA;AAqCHC,aAAa,CAACC,QAAQ,CAAChD,IAAI,CAAC;AAC5B+C,aAAa,CAACE,WAAW,CAACjD,IAAI,CAAC;;;;"}

package/dist/src/shapes/Text/StyledText.d.ts

@@ -0,0 +1,126 @@
+import type { ObjectEvents } from '../../EventTypeDefs';
+import type { FabricObjectProps, SerializedObjectProps } from '../Object/types';
+import type { TOptions } from '../../typedefs';
+import { FabricObject } from '../Object/FabricObject';
+import type { StylePropertiesType } from './constants';
+import type { FabricText } from './Text';
+export type CompleteTextStyleDeclaration = Pick<FabricText, StylePropertiesType>;
+export type TextStyleDeclaration = Partial<CompleteTextStyleDeclaration>;
+export type TextStyle = {
+    [line: number | string]: {
+        [char: number | string]: TextStyleDeclaration;
+    };
+};
+export declare abstract class StyledText<Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>, SProps extends SerializedObjectProps = SerializedObjectProps, EventSpec extends ObjectEvents = ObjectEvents> extends FabricObject<Props, SProps, EventSpec> {
+    abstract styles: TextStyle;
+    protected abstract _textLines: string[][];
+    protected _forceClearCache: boolean;
+    static _styleProperties: Readonly<StylePropertiesType[]>;
+    abstract get2DCursorLocation(selectionStart: number, skipWrapping?: boolean): {
+        charIndex: number;
+        lineIndex: number;
+    };
+    /**
+     * Returns true if object has no styling or no styling in a line
+     * @param {Number} lineIndex , lineIndex is on wrapped lines.
+     * @return {Boolean}
+     */
+    isEmptyStyles(lineIndex?: number): boolean;
+    /**
+     * Returns true if object has a style property or has it ina specified line
+     * This function is used to detect if a text will use a particular property or not.
+     * @param {String} property to check for
+     * @param {Number} lineIndex to check the style on
+     * @return {Boolean}
+     */
+    styleHas(property: keyof TextStyleDeclaration, lineIndex?: number): boolean;
+    /**
+     * Check if characters in a text have a value for a property
+     * whose value matches the textbox's value for that property.  If so,
+     * the character-level property is deleted.  If the character
+     * has no other properties, then it is also deleted.  Finally,
+     * if the line containing that character has no other characters
+     * then it also is deleted.
+     */
+    cleanStyle(property: keyof TextStyleDeclaration): false | undefined;
+    /**
+     * Remove a style property or properties from all individual character styles
+     * in a text object.  Deletes the character style object if it contains no other style
+     * props.  Deletes a line style object if it contains no other character styles.
+     *
+     * @param {String} props The property to remove from character styles.
+     */
+    removeStyle(property: keyof TextStyleDeclaration): void;
+    private _extendStyles;
+    /**
+     * Gets style of a current selection/cursor (at the start position)
+     * @param {Number} startIndex Start index to get styles at
+     * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1
+     * @param {Boolean} [complete] get full style or not
+     * @return {Array} styles an array with one, zero or more Style objects
+     */
+    getSelectionStyles(startIndex: number, endIndex?: number, complete?: boolean): TextStyleDeclaration[];
+    /**
+     * Gets style of a current selection/cursor position
+     * @param {Number} position  to get styles at
+     * @param {Boolean} [complete] full style if true
+     * @return {Object} style Style object at a specified index
+     * @private
+     */
+    getStyleAtPosition(position: number, complete?: boolean): Partial<CompleteTextStyleDeclaration>;
+    /**
+     * Sets style of a current selection, if no selection exist, do not set anything.
+     * @param {Object} styles Styles object
+     * @param {Number} startIndex Start index to get styles at
+     * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1
+     */
+    setSelectionStyles(styles: object, startIndex: number, endIndex?: number): void;
+    /**
+     * Get a reference, not a clone, to the style object for a given character,
+     * if no style is set for a line or char, return a new empty object.
+     * This is tricky and confusing because when you get an empty object you can't
+     * determine if it is a reference or a new one.
+     * @TODO this should always return a reference or always a clone or undefined when necessary.
+     * @protected
+     * @param {Number} lineIndex
+     * @param {Number} charIndex
+     * @return {TextStyleDeclaration} a style object reference to the existing one or a new empty object when undefined
+     */
+    _getStyleDeclaration(lineIndex: number, charIndex: number): TextStyleDeclaration;
+    /**
+     * return a new object that contains all the style property for a character
+     * the object returned is newly created
+     * @param {Number} lineIndex of the line where the character is
+     * @param {Number} charIndex position of the character on the line
+     * @return {Object} style object
+     */
+    getCompleteStyleDeclaration(lineIndex: number, charIndex: number): CompleteTextStyleDeclaration;
+    /**
+     * @param {Number} lineIndex
+     * @param {Number} charIndex
+     * @param {Object} style
+     * @private
+     */
+    protected _setStyleDeclaration(lineIndex: number, charIndex: number, style: object): void;
+    /**
+     *
+     * @param {Number} lineIndex
+     * @param {Number} charIndex
+     * @private
+     */
+    protected _deleteStyleDeclaration(lineIndex: number, charIndex: number): void;
+    /**
+     * @param {Number} lineIndex
+     * @return {Boolean} if the line exists or not
+     * @private
+     */
+    protected _getLineStyle(lineIndex: number): boolean;
+    /**
+     * Set the line style to an empty object so that is initialized
+     * @param {Number} lineIndex
+     * @private
+     */
+    protected _setLineStyle(lineIndex: number): void;
+    protected _deleteLineStyle(lineIndex: number): void;
+}
+//# sourceMappingURL=StyledText.d.ts.map

package/dist/src/shapes/Text/StyledText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Text/StyledText.ts"],"names":[],"mappings":"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"}

package/dist/src/shapes/Text/StyledText.min.mjs

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{FabricObject as e}from"../Object/FabricObject.min.mjs";import{styleProperties as s}from"./constants.min.mjs";import"../../util/misc/vectors.min.mjs";import"../../Point.min.mjs";import"../../util/misc/projectStroke/StrokeLineJoinProjections.min.mjs";import"../../config.min.mjs";import"../Group.min.mjs";import{pickBy as i,pick as n}from"../../util/misc/pick.min.mjs";import"../../cache.min.mjs";import"../../parser/constants.min.mjs";import"../../util/animation/AnimationRegistry.min.mjs";class o extends e{isEmptyStyles(t){if(!this.styles)return!0;if(void 0!==t&&!this.styles[t])return!0;const e=void 0===t?this.styles:{line:this.styles[t]};for(const t in e)for(const s in e[t])for(const i in e[t][s])return!1;return!0}styleHas(t,e){if(!this.styles)return!1;if(void 0!==e&&!this.styles[e])return!1;const s=void 0===e?this.styles:{0:this.styles[e]};for(const e in s)for(const i in s[e])if(void 0!==s[e][i][t])return!0;return!1}cleanStyle(t){if(!this.styles)return!1;const e=this.styles;let s,i,n=0,o=!0,r=0;for(const r in e){s=0;for(const l in e[r]){const c=e[r][l]||{};n++,void 0!==c[t]?(i?c[t]!==i&&(o=!1):i=c[t],c[t]===this[t]&&delete c[t]):o=!1,0!==Object.keys(c).length?s++:delete e[r][l]}0===s&&delete e[r]}for(let t=0;t<this._textLines.length;t++)r+=this._textLines[t].length;o&&n===r&&(this[t]=i,this.removeStyle(t))}removeStyle(t){if(!this.styles)return;const e=this.styles;let s,i,n;for(i in e){for(n in s=e[i],s)delete s[n][t],0===Object.keys(s[n]).length&&delete s[n];0===Object.keys(s).length&&delete e[i]}}_extendStyles(t,e){const{lineIndex:s,charIndex:n}=this.get2DCursorLocation(t);this._getLineStyle(s)||this._setLineStyle(s);const o=i({...this._getStyleDeclaration(s,n),...e},t=>void 0!==t);this._setStyleDeclaration(s,n,o)}getSelectionStyles(t,e,s){const i=[];for(let n=t;n<(e||t);n++)i.push(this.getStyleAtPosition(n,s));return i}getStyleAtPosition(t,e){const{lineIndex:s,charIndex:i}=this.get2DCursorLocation(t);return e?this.getCompleteStyleDeclaration(s,i):this._getStyleDeclaration(s,i)}setSelectionStyles(t,e,s){for(let i=e;i<(s||e);i++)this._extendStyles(i,t);this._forceClearCache=!0}_getStyleDeclaration(t,e){var s;const i=this.styles&&this.styles[t];return i&&null!==(s=i[e])&&void 0!==s?s:{}}getCompleteStyleDeclaration(t,e){return{...n(this,this.constructor._styleProperties),...this._getStyleDeclaration(t,e)}}_setStyleDeclaration(t,e,s){this.styles[t][e]=s}_deleteStyleDeclaration(t,e){delete this.styles[t][e]}_getLineStyle(t){return!!this.styles[t]}_setLineStyle(t){this.styles[t]={}}_deleteLineStyle(t){delete this.styles[t]}}t(o,"_styleProperties",s);export{o as StyledText};
+//# sourceMappingURL=StyledText.min.mjs.map

package/dist/src/shapes/Text/StyledText.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledText.min.mjs","sources":["../../../../src/shapes/Text/StyledText.ts"],"sourcesContent":["import type { ObjectEvents } from '../../EventTypeDefs';\nimport type { FabricObjectProps, SerializedObjectProps } from '../Object/types';\nimport type { TOptions } from '../../typedefs';\nimport { FabricObject } from '../Object/FabricObject';\nimport { styleProperties } from './constants';\nimport type { StylePropertiesType } from './constants';\nimport type { FabricText } from './Text';\nimport { pick } from '../../util';\nimport { pickBy } from '../../util/misc/pick';\n\nexport type CompleteTextStyleDeclaration = Pick<\n  FabricText,\n  StylePropertiesType\n>;\n\nexport type TextStyleDeclaration = Partial<CompleteTextStyleDeclaration>;\n\nexport type TextStyle = {\n  [line: number | string]: { [char: number | string]: TextStyleDeclaration };\n};\n\nexport abstract class StyledText<\n  Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,\n  SProps extends SerializedObjectProps = SerializedObjectProps,\n  EventSpec extends ObjectEvents = ObjectEvents,\n> extends FabricObject<Props, SProps, EventSpec> {\n  declare abstract styles: TextStyle;\n  declare protected abstract _textLines: string[][];\n  declare protected _forceClearCache: boolean;\n  static _styleProperties: Readonly<StylePropertiesType[]> = styleProperties;\n  abstract get2DCursorLocation(\n    selectionStart: number,\n    skipWrapping?: boolean,\n  ): { charIndex: number; lineIndex: number };\n\n  /**\n   * Returns true if object has no styling or no styling in a line\n   * @param {Number} lineIndex , lineIndex is on wrapped lines.\n   * @return {Boolean}\n   */\n  isEmptyStyles(lineIndex?: number): boolean {\n    if (!this.styles) {\n      return true;\n    }\n    if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\n      return true;\n    }\n    const obj =\n      typeof lineIndex === 'undefined'\n        ? this.styles\n        : { line: this.styles[lineIndex] };\n    for (const p1 in obj) {\n      for (const p2 in obj[p1]) {\n        // eslint-disable-next-line no-unused-vars\n        for (const p3 in obj[p1][p2]) {\n          return false;\n        }\n      }\n    }\n    return true;\n  }\n\n  /**\n   * Returns true if object has a style property or has it ina specified line\n   * This function is used to detect if a text will use a particular property or not.\n   * @param {String} property to check for\n   * @param {Number} lineIndex to check the style on\n   * @return {Boolean}\n   */\n  styleHas(property: keyof TextStyleDeclaration, lineIndex?: number): boolean {\n    if (!this.styles) {\n      return false;\n    }\n    if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {\n      return false;\n    }\n    const obj =\n      typeof lineIndex === 'undefined'\n        ? this.styles\n        : { 0: this.styles[lineIndex] };\n    // eslint-disable-next-line\n    for (const p1 in obj) {\n      // eslint-disable-next-line\n      for (const p2 in obj[p1]) {\n        if (typeof obj[p1][p2][property] !== 'undefined') {\n          return true;\n        }\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Check if characters in a text have a value for a property\n   * whose value matches the textbox's value for that property.  If so,\n   * the character-level property is deleted.  If the character\n   * has no other properties, then it is also deleted.  Finally,\n   * if the line containing that character has no other characters\n   * then it also is deleted.\n   */\n  cleanStyle(property: keyof TextStyleDeclaration) {\n    if (!this.styles) {\n      return false;\n    }\n    const obj = this.styles;\n    let stylesCount = 0,\n      letterCount,\n      stylePropertyValue,\n      allStyleObjectPropertiesMatch = true,\n      graphemeCount = 0;\n    for (const p1 in obj) {\n      letterCount = 0;\n      for (const p2 in obj[p1]) {\n        const styleObject = obj[p1][p2] || {},\n          stylePropertyHasBeenSet = styleObject[property] !== undefined;\n\n        stylesCount++;\n\n        if (stylePropertyHasBeenSet) {\n          if (!stylePropertyValue) {\n            stylePropertyValue = styleObject[property];\n          } else if (styleObject[property] !== stylePropertyValue) {\n            allStyleObjectPropertiesMatch = false;\n          }\n\n          if (styleObject[property] === this[property as keyof this]) {\n            delete styleObject[property];\n          }\n        } else {\n          allStyleObjectPropertiesMatch = false;\n        }\n\n        if (Object.keys(styleObject).length !== 0) {\n          letterCount++;\n        } else {\n          delete obj[p1][p2];\n        }\n      }\n\n      if (letterCount === 0) {\n        delete obj[p1];\n      }\n    }\n    // if every grapheme has the same style set then\n    // delete those styles and set it on the parent\n    for (let i = 0; i < this._textLines.length; i++) {\n      graphemeCount += this._textLines[i].length;\n    }\n    if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) {\n      this[property as keyof this] = stylePropertyValue as any;\n      this.removeStyle(property);\n    }\n  }\n\n  /**\n   * Remove a style property or properties from all individual character styles\n   * in a text object.  Deletes the character style object if it contains no other style\n   * props.  Deletes a line style object if it contains no other character styles.\n   *\n   * @param {String} props The property to remove from character styles.\n   */\n  removeStyle(property: keyof TextStyleDeclaration) {\n    if (!this.styles) {\n      return;\n    }\n    const obj = this.styles;\n    let line, lineNum, charNum;\n    for (lineNum in obj) {\n      line = obj[lineNum];\n      for (charNum in line) {\n        delete line[charNum][property];\n        if (Object.keys(line[charNum]).length === 0) {\n          delete line[charNum];\n        }\n      }\n      if (Object.keys(line).length === 0) {\n        delete obj[lineNum];\n      }\n    }\n  }\n\n  private _extendStyles(index: number, style: TextStyleDeclaration): void {\n    const { lineIndex, charIndex } = this.get2DCursorLocation(index);\n\n    if (!this._getLineStyle(lineIndex)) {\n      this._setLineStyle(lineIndex);\n    }\n\n    const newStyle = pickBy(\n      {\n        // first create a new object that is a merge of existing and new\n        ...this._getStyleDeclaration(lineIndex, charIndex),\n        ...style,\n        // use the predicate to discard undefined values\n      },\n      (value) => value !== undefined,\n    );\n\n    // finally assign to the old position the new style\n    this._setStyleDeclaration(lineIndex, charIndex, newStyle);\n  }\n\n  /**\n   * Gets style of a current selection/cursor (at the start position)\n   * @param {Number} startIndex Start index to get styles at\n   * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1\n   * @param {Boolean} [complete] get full style or not\n   * @return {Array} styles an array with one, zero or more Style objects\n   */\n  getSelectionStyles(\n    startIndex: number,\n    endIndex?: number,\n    complete?: boolean,\n  ): TextStyleDeclaration[] {\n    const styles: TextStyleDeclaration[] = [];\n    for (let i = startIndex; i < (endIndex || startIndex); i++) {\n      styles.push(this.getStyleAtPosition(i, complete));\n    }\n    return styles;\n  }\n\n  /**\n   * Gets style of a current selection/cursor position\n   * @param {Number} position  to get styles at\n   * @param {Boolean} [complete] full style if true\n   * @return {Object} style Style object at a specified index\n   * @private\n   */\n  getStyleAtPosition(position: number, complete?: boolean) {\n    const { lineIndex, charIndex } = this.get2DCursorLocation(position);\n    return complete\n      ? this.getCompleteStyleDeclaration(lineIndex, charIndex)\n      : this._getStyleDeclaration(lineIndex, charIndex);\n  }\n\n  /**\n   * Sets style of a current selection, if no selection exist, do not set anything.\n   * @param {Object} styles Styles object\n   * @param {Number} startIndex Start index to get styles at\n   * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1\n   */\n  setSelectionStyles(styles: object, startIndex: number, endIndex?: number) {\n    for (let i = startIndex; i < (endIndex || startIndex); i++) {\n      this._extendStyles(i, styles);\n    }\n    /* not included in _extendStyles to avoid clearing cache more than once */\n    this._forceClearCache = true;\n  }\n\n  /**\n   * Get a reference, not a clone, to the style object for a given character,\n   * if no style is set for a line or char, return a new empty object.\n   * This is tricky and confusing because when you get an empty object you can't\n   * determine if it is a reference or a new one.\n   * @TODO this should always return a reference or always a clone or undefined when necessary.\n   * @protected\n   * @param {Number} lineIndex\n   * @param {Number} charIndex\n   * @return {TextStyleDeclaration} a style object reference to the existing one or a new empty object when undefined\n   */\n  _getStyleDeclaration(\n    lineIndex: number,\n    charIndex: number,\n  ): TextStyleDeclaration {\n    const lineStyle = this.styles && this.styles[lineIndex];\n    return lineStyle ? (lineStyle[charIndex] ?? {}) : {};\n  }\n\n  /**\n   * return a new object that contains all the style property for a character\n   * the object returned is newly created\n   * @param {Number} lineIndex of the line where the character is\n   * @param {Number} charIndex position of the character on the line\n   * @return {Object} style object\n   */\n  getCompleteStyleDeclaration(\n    lineIndex: number,\n    charIndex: number,\n  ): CompleteTextStyleDeclaration {\n    return {\n      ...pick(\n        this,\n        (this.constructor as typeof StyledText)\n          ._styleProperties as (keyof this)[],\n      ),\n      ...this._getStyleDeclaration(lineIndex, charIndex),\n    } as CompleteTextStyleDeclaration;\n  }\n\n  /**\n   * @param {Number} lineIndex\n   * @param {Number} charIndex\n   * @param {Object} style\n   * @private\n   */\n  protected _setStyleDeclaration(\n    lineIndex: number,\n    charIndex: number,\n    style: object,\n  ) {\n    this.styles[lineIndex][charIndex] = style;\n  }\n\n  /**\n   *\n   * @param {Number} lineIndex\n   * @param {Number} charIndex\n   * @private\n   */\n  protected _deleteStyleDeclaration(lineIndex: number, charIndex: number) {\n    delete this.styles[lineIndex][charIndex];\n  }\n\n  /**\n   * @param {Number} lineIndex\n   * @return {Boolean} if the line exists or not\n   * @private\n   */\n  protected _getLineStyle(lineIndex: number): boolean {\n    return !!this.styles[lineIndex];\n  }\n\n  /**\n   * Set the line style to an empty object so that is initialized\n   * @param {Number} lineIndex\n   * @private\n   */\n  protected _setLineStyle(lineIndex: number) {\n    this.styles[lineIndex] = {};\n  }\n\n  protected _deleteLineStyle(lineIndex: number) {\n    delete this.styles[lineIndex];\n  }\n}\n"],"names":["StyledText","FabricObject","isEmptyStyles","lineIndex","this","styles","obj","line","p1","p2","p3","styleHas","property","cleanStyle","letterCount","stylePropertyValue","stylesCount","allStyleObjectPropertiesMatch","graphemeCount","styleObject","undefined","Object","keys","length","i","_textLines","removeStyle","lineNum","charNum","_extendStyles","index","style","charIndex","get2DCursorLocation","_getLineStyle","_setLineStyle","newStyle","pickBy","_getStyleDeclaration","value","_setStyleDeclaration","getSelectionStyles","startIndex","endIndex","complete","push","getStyleAtPosition","position","getCompleteStyleDeclaration","setSelectionStyles","_forceClearCache","_lineStyle$charIndex","lineStyle","pick","constructor","_styleProperties","_deleteStyleDeclaration","_deleteLineStyle","_defineProperty","styleProperties"],"mappings":"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"}

package/dist/src/shapes/Text/StyledText.mjs

@@ -0,0 +1,291 @@
+import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { FabricObject } from '../Object/FabricObject.mjs';
+import { styleProperties } from './constants.mjs';
+import '../../util/misc/vectors.mjs';
+import '../../Point.mjs';
+import '../../util/misc/projectStroke/StrokeLineJoinProjections.mjs';
+import '../../config.mjs';
+import '../Group.mjs';
+import { pickBy, pick } from '../../util/misc/pick.mjs';
+import '../../cache.mjs';
+import '../../parser/constants.mjs';
+import '../../util/animation/AnimationRegistry.mjs';
+
+class StyledText extends FabricObject {
+  /**
+   * Returns true if object has no styling or no styling in a line
+   * @param {Number} lineIndex , lineIndex is on wrapped lines.
+   * @return {Boolean}
+   */
+  isEmptyStyles(lineIndex) {
+    if (!this.styles) {
+      return true;
+    }
+    if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {
+      return true;
+    }
+    const obj = typeof lineIndex === 'undefined' ? this.styles : {
+      line: this.styles[lineIndex]
+    };
+    for (const p1 in obj) {
+      for (const p2 in obj[p1]) {
+        // eslint-disable-next-line no-unused-vars
+        for (const p3 in obj[p1][p2]) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+
+  /**
+   * Returns true if object has a style property or has it ina specified line
+   * This function is used to detect if a text will use a particular property or not.
+   * @param {String} property to check for
+   * @param {Number} lineIndex to check the style on
+   * @return {Boolean}
+   */
+  styleHas(property, lineIndex) {
+    if (!this.styles) {
+      return false;
+    }
+    if (typeof lineIndex !== 'undefined' && !this.styles[lineIndex]) {
+      return false;
+    }
+    const obj = typeof lineIndex === 'undefined' ? this.styles : {
+      0: this.styles[lineIndex]
+    };
+    // eslint-disable-next-line
+    for (const p1 in obj) {
+      // eslint-disable-next-line
+      for (const p2 in obj[p1]) {
+        if (typeof obj[p1][p2][property] !== 'undefined') {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  /**
+   * Check if characters in a text have a value for a property
+   * whose value matches the textbox's value for that property.  If so,
+   * the character-level property is deleted.  If the character
+   * has no other properties, then it is also deleted.  Finally,
+   * if the line containing that character has no other characters
+   * then it also is deleted.
+   */
+  cleanStyle(property) {
+    if (!this.styles) {
+      return false;
+    }
+    const obj = this.styles;
+    let stylesCount = 0,
+      letterCount,
+      stylePropertyValue,
+      allStyleObjectPropertiesMatch = true,
+      graphemeCount = 0;
+    for (const p1 in obj) {
+      letterCount = 0;
+      for (const p2 in obj[p1]) {
+        const styleObject = obj[p1][p2] || {},
+          stylePropertyHasBeenSet = styleObject[property] !== undefined;
+        stylesCount++;
+        if (stylePropertyHasBeenSet) {
+          if (!stylePropertyValue) {
+            stylePropertyValue = styleObject[property];
+          } else if (styleObject[property] !== stylePropertyValue) {
+            allStyleObjectPropertiesMatch = false;
+          }
+          if (styleObject[property] === this[property]) {
+            delete styleObject[property];
+          }
+        } else {
+          allStyleObjectPropertiesMatch = false;
+        }
+        if (Object.keys(styleObject).length !== 0) {
+          letterCount++;
+        } else {
+          delete obj[p1][p2];
+        }
+      }
+      if (letterCount === 0) {
+        delete obj[p1];
+      }
+    }
+    // if every grapheme has the same style set then
+    // delete those styles and set it on the parent
+    for (let i = 0; i < this._textLines.length; i++) {
+      graphemeCount += this._textLines[i].length;
+    }
+    if (allStyleObjectPropertiesMatch && stylesCount === graphemeCount) {
+      this[property] = stylePropertyValue;
+      this.removeStyle(property);
+    }
+  }
+
+  /**
+   * Remove a style property or properties from all individual character styles
+   * in a text object.  Deletes the character style object if it contains no other style
+   * props.  Deletes a line style object if it contains no other character styles.
+   *
+   * @param {String} props The property to remove from character styles.
+   */
+  removeStyle(property) {
+    if (!this.styles) {
+      return;
+    }
+    const obj = this.styles;
+    let line, lineNum, charNum;
+    for (lineNum in obj) {
+      line = obj[lineNum];
+      for (charNum in line) {
+        delete line[charNum][property];
+        if (Object.keys(line[charNum]).length === 0) {
+          delete line[charNum];
+        }
+      }
+      if (Object.keys(line).length === 0) {
+        delete obj[lineNum];
+      }
+    }
+  }
+  _extendStyles(index, style) {
+    const {
+      lineIndex,
+      charIndex
+    } = this.get2DCursorLocation(index);
+    if (!this._getLineStyle(lineIndex)) {
+      this._setLineStyle(lineIndex);
+    }
+    const newStyle = pickBy({
+      // first create a new object that is a merge of existing and new
+      ...this._getStyleDeclaration(lineIndex, charIndex),
+      ...style
+      // use the predicate to discard undefined values
+    }, value => value !== undefined);
+
+    // finally assign to the old position the new style
+    this._setStyleDeclaration(lineIndex, charIndex, newStyle);
+  }
+
+  /**
+   * Gets style of a current selection/cursor (at the start position)
+   * @param {Number} startIndex Start index to get styles at
+   * @param {Number} endIndex End index to get styles at, if not specified startIndex + 1
+   * @param {Boolean} [complete] get full style or not
+   * @return {Array} styles an array with one, zero or more Style objects
+   */
+  getSelectionStyles(startIndex, endIndex, complete) {
+    const styles = [];
+    for (let i = startIndex; i < (endIndex || startIndex); i++) {
+      styles.push(this.getStyleAtPosition(i, complete));
+    }
+    return styles;
+  }
+
+  /**
+   * Gets style of a current selection/cursor position
+   * @param {Number} position  to get styles at
+   * @param {Boolean} [complete] full style if true
+   * @return {Object} style Style object at a specified index
+   * @private
+   */
+  getStyleAtPosition(position, complete) {
+    const {
+      lineIndex,
+      charIndex
+    } = this.get2DCursorLocation(position);
+    return complete ? this.getCompleteStyleDeclaration(lineIndex, charIndex) : this._getStyleDeclaration(lineIndex, charIndex);
+  }
+
+  /**
+   * Sets style of a current selection, if no selection exist, do not set anything.
+   * @param {Object} styles Styles object
+   * @param {Number} startIndex Start index to get styles at
+   * @param {Number} [endIndex] End index to get styles at, if not specified startIndex + 1
+   */
+  setSelectionStyles(styles, startIndex, endIndex) {
+    for (let i = startIndex; i < (endIndex || startIndex); i++) {
+      this._extendStyles(i, styles);
+    }
+    /* not included in _extendStyles to avoid clearing cache more than once */
+    this._forceClearCache = true;
+  }
+
+  /**
+   * Get a reference, not a clone, to the style object for a given character,
+   * if no style is set for a line or char, return a new empty object.
+   * This is tricky and confusing because when you get an empty object you can't
+   * determine if it is a reference or a new one.
+   * @TODO this should always return a reference or always a clone or undefined when necessary.
+   * @protected
+   * @param {Number} lineIndex
+   * @param {Number} charIndex
+   * @return {TextStyleDeclaration} a style object reference to the existing one or a new empty object when undefined
+   */
+  _getStyleDeclaration(lineIndex, charIndex) {
+    var _lineStyle$charIndex;
+    const lineStyle = this.styles && this.styles[lineIndex];
+    return lineStyle ? (_lineStyle$charIndex = lineStyle[charIndex]) !== null && _lineStyle$charIndex !== void 0 ? _lineStyle$charIndex : {} : {};
+  }
+
+  /**
+   * return a new object that contains all the style property for a character
+   * the object returned is newly created
+   * @param {Number} lineIndex of the line where the character is
+   * @param {Number} charIndex position of the character on the line
+   * @return {Object} style object
+   */
+  getCompleteStyleDeclaration(lineIndex, charIndex) {
+    return {
+      ...pick(this, this.constructor._styleProperties),
+      ...this._getStyleDeclaration(lineIndex, charIndex)
+    };
+  }
+
+  /**
+   * @param {Number} lineIndex
+   * @param {Number} charIndex
+   * @param {Object} style
+   * @private
+   */
+  _setStyleDeclaration(lineIndex, charIndex, style) {
+    this.styles[lineIndex][charIndex] = style;
+  }
+
+  /**
+   *
+   * @param {Number} lineIndex
+   * @param {Number} charIndex
+   * @private
+   */
+  _deleteStyleDeclaration(lineIndex, charIndex) {
+    delete this.styles[lineIndex][charIndex];
+  }
+
+  /**
+   * @param {Number} lineIndex
+   * @return {Boolean} if the line exists or not
+   * @private
+   */
+  _getLineStyle(lineIndex) {
+    return !!this.styles[lineIndex];
+  }
+
+  /**
+   * Set the line style to an empty object so that is initialized
+   * @param {Number} lineIndex
+   * @private
+   */
+  _setLineStyle(lineIndex) {
+    this.styles[lineIndex] = {};
+  }
+  _deleteLineStyle(lineIndex) {
+    delete this.styles[lineIndex];
+  }
+}
+_defineProperty(StyledText, "_styleProperties", styleProperties);
+
+export { StyledText };
+//# sourceMappingURL=StyledText.mjs.map