@next2d/text 1.18.12 → 2.0.0

package/src/TextFormat/service/TextFormatGenerateFontStyleService.d.ts

@@ -0,0 +1,11 @@
+import type { TextFormat } from "../../TextFormat";
+/**
+ * @description テキストフォーマットからフォントスタイルを生成
+ *              Generate font style from text format
+ *
+ * @param  {TextFormat} text_frmat
+ * @return {string}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_frmat: TextFormat) => string;

package/src/TextFormat/service/TextFormatGenerateFontStyleService.js

@@ -0,0 +1,19 @@
+/**
+ * @description テキストフォーマットからフォントスタイルを生成
+ *              Generate font style from text format
+ *
+ * @param  {TextFormat} text_frmat
+ * @return {string}
+ * @method
+ * @protected
+ */
+export const execute = (text_frmat) => {
+    let fontStyle = "";
+    if (text_frmat.italic) {
+        fontStyle = "italic ";
+    }
+    if (text_frmat.bold) {
+        fontStyle += "bold ";
+    }
+    return `${fontStyle}${text_frmat.size}px '${text_frmat.font}',sans-serif`;
+};

package/src/TextFormat/service/TextFormatGetWidthMarginService.d.ts

@@ -0,0 +1,11 @@
+import type { TextFormat } from "../../TextFormat";
+/**
+ * @description テキストフォーマットから幅のマージンを取得
+ *              Get width margin from text format
+ *
+ * @param  {TextFormat} text_format
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_format: TextFormat) => number;

package/src/TextFormat/service/TextFormatGetWidthMarginService.js

@@ -0,0 +1,19 @@
+/**
+ * @description テキストフォーマットから幅のマージンを取得
+ *              Get width margin from text format
+ *
+ * @param  {TextFormat} text_format
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const execute = (text_format) => {
+    let width = 0;
+    if (text_format.leftMargin) {
+        width += text_format.leftMargin;
+    }
+    if (text_format.rightMargin) {
+        width += text_format.rightMargin;
+    }
+    return width;
+};

package/src/TextFormat/service/TextFormatHtmlTextGenerateStyleService.d.ts

@@ -0,0 +1,11 @@
+import type { TextFormat } from "../../TextFormat";
+/**
+ * @description テキストフォーマットをHTMLのstyle属性に変換します。
+ *              Converts text format to the style attribute of HTML.
+ *
+ * @param  {TextFormat} text_format
+ * @return {string}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_format: TextFormat) => string;

package/src/TextFormat/service/TextFormatHtmlTextGenerateStyleService.js

@@ -0,0 +1,51 @@
+import { $intToRGBA, $toColorInt } from "../../TextUtil";
+/**
+ * @description テキストフォーマットをHTMLのstyle属性に変換します。
+ *              Converts text format to the style attribute of HTML.
+ *
+ * @param  {TextFormat} text_format
+ * @return {string}
+ * @method
+ * @protected
+ */
+export const execute = (text_format) => {
+    let style = "";
+    if (text_format.font) {
+        style += `font-family: ${text_format.font};`;
+    }
+    if (text_format.size) {
+        style += `font-size: ${text_format.size}px;`;
+    }
+    if (text_format.color) {
+        const color = $intToRGBA($toColorInt(text_format.color));
+        const R = color.R.toString(16).padStart(2, "0");
+        const G = color.G.toString(16).padStart(2, "0");
+        const B = color.B.toString(16).padStart(2, "0");
+        style += `color: #${R}${G}${B};`;
+    }
+    if (text_format.bold) {
+        style += "font-weight: bold;";
+    }
+    if (text_format.italic) {
+        style += "font-style: italic;";
+    }
+    if (text_format.underline) {
+        style += "text-decoration: underline;";
+    }
+    if (text_format.align) {
+        style += `text-align: ${text_format.align};`;
+    }
+    if (text_format.leftMargin) {
+        style += `margin-left: ${text_format.leftMargin}px;`;
+    }
+    if (text_format.rightMargin) {
+        style += `margin-right: ${text_format.rightMargin}px;`;
+    }
+    if (text_format.leading) {
+        style += `margin-bottom: ${text_format.leading}px;`;
+    }
+    if (text_format.letterSpacing) {
+        style += `letter-spacing: ${text_format.letterSpacing}px;`;
+    }
+    return style;
+};

package/src/TextFormat/service/TextFormatIsSameService.d.ts

@@ -0,0 +1,12 @@
+import type { TextFormat } from "../../TextFormat";
+/**
+ * @description TextFormat の比較
+ *              TextFormat comparison
+ *
+ * @param  {TextFormat} source
+ * @param  {TextFormat} destination
+ * @return {boolean}
+ * @method
+ * @protected
+ */
+export declare const execute: (source: TextFormat, destination: TextFormat) => boolean;

package/src/TextFormat/service/TextFormatIsSameService.js

@@ -0,0 +1,28 @@
+/**
+ * @description TextFormat の比較
+ *              TextFormat comparison
+ *
+ * @param  {TextFormat} source
+ * @param  {TextFormat} destination
+ * @return {boolean}
+ * @method
+ * @protected
+ */
+export const execute = (source, destination) => {
+    switch (true) {
+        case source.font !== destination.font:
+        case source.size !== destination.size:
+        case source.color !== destination.color:
+        case source.bold !== destination.bold:
+        case source.italic !== destination.italic:
+        case source.underline !== destination.underline:
+        case source.align !== destination.align:
+        case source.leftMargin !== destination.leftMargin:
+        case source.rightMargin !== destination.rightMargin:
+        case source.leading !== destination.leading:
+        case source.letterSpacing !== destination.letterSpacing:
+            return false;
+        default:
+            return true;
+    }
+};

package/src/TextFormat/service/TextFormatSetDefaultService.d.ts

@@ -0,0 +1,11 @@
+import type { TextFormat } from "../../TextFormat";
+/**
+ * @description TextFormat のデフォルト設定を行います
+ *              Set the default settings for TextFormat
+ *
+ * @param  {TextFormat} text_format
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_format: TextFormat) => void;

package/src/TextFormat/service/TextFormatSetDefaultService.js

@@ -0,0 +1,22 @@
+/**
+ * @description TextFormat のデフォルト設定を行います
+ *              Set the default settings for TextFormat
+ *
+ * @param  {TextFormat} text_format
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_format) => {
+    text_format.align = "left";
+    text_format.bold = false;
+    text_format.color = 0;
+    text_format.font = "Times New Roman";
+    text_format.italic = false;
+    text_format.leading = 0;
+    text_format.leftMargin = 0;
+    text_format.letterSpacing = 0;
+    text_format.rightMargin = 0;
+    text_format.size = 12;
+    text_format.underline = false;
+};

package/{dist → src}/TextFormat.d.ts

@@ -1,82 +1,16 @@
-import { TextFormatAlignImpl } from "@next2d/interface";
+import type { ITextFormatAlign } from "./interface/ITextFormatAlign";
+import type { ITextFormatObject } from "./interface/ITextFormatObject";
 /**
- * TextFormat クラスは、文字フォーマット情報を表します。
- * TextFormat クラスを使用して、テキストフィールドに特定のテキストフォーマットを作成します。
+ * @description TextFormat クラスは、文字フォーマット情報を表します。
+ *              TextFormat クラスを使用して、テキストフィールドに特定のテキストフォーマットを作成します。
  *
- * The TextFormat class represents character formatting information.
- * Use the TextFormat class to create specific text formatting for text fields.
+ *              The TextFormat class represents character formatting information.
+ *              Use the TextFormat class to create specific text formatting for text fields.
  *
  * @class
  * @memberOf next2d.text
  */
 export declare class TextFormat {
-    private _$font;
-    private _$size;
-    private _$color;
-    private _$bold;
-    private _$italic;
-    private _$underline;
-    private _$align;
-    private _$leftMargin;
-    private _$rightMargin;
-    private _$leading;
-    private _$letterSpacing;
-    /**
-     * @param {string}  [font=null]
-     * @param {number}  [size=null]
-     * @param {number}  [color=null]
-     * @param {boolean} [bold=null]
-     * @param {boolean} [italic=null]
-     * @param {boolean} [underline=null]
-     * @param {string}  [align=null]
-     * @param {number}  [left_margin=null]
-     * @param {number}  [right_margin=null]
-     * @param {number}  [leading=null]
-     *
-     * @constructor
-     * @public
-     */
-    constructor(font?: string | null, size?: number | null, color?: number | null, bold?: boolean | null, italic?: boolean | null, underline?: boolean | null, align?: TextFormatAlignImpl | null, left_margin?: number | null, right_margin?: number | null, leading?: number | null);
-    /**
-     * @description 指定されたクラスのストリングを返します。
-     *              Returns the string representation of the specified class.
-     *
-     * @return  {string}
-     * @default [class TextFormat]
-     * @method
-     * @static
-     */
-    static toString(): string;
-    /**
-     * @description 指定されたクラスの空間名を返します。
-     *              Returns the space name of the specified class.
-     *
-     * @return  {string}
-     * @default next2d.text.TextFormat
-     * @const
-     * @static
-     */
-    static get namespace(): string;
-    /**
-     * @description 指定されたオブジェクトのストリングを返します。
-     *              Returns the string representation of the specified object.
-     *
-     * @return  {string}
-     * @default [object TextFormat]
-     * @method
-     * @public
-     */
-    toString(): string;
-    /**
-     * @description 指定されたオブジェクトの空間名を返します。
-     *              Returns the space name of the specified object.
-     *
-     * @return  {string}
-     * @default next2d.text.TextFormat
-     * @const
-     * @public
-     */
-    get namespace(): string;
     /**
      * @description 段落の行揃えの設定を示します。
      *              Indicates the alignment of the paragraph.
@@ -85,8 +19,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get align(): TextFormatAlignImpl | null;
-    set align(align: TextFormatAlignImpl | null);
+    align: ITextFormatAlign | null;
     /**
      * @description テキストをボールドにするかどうかを指定します。
      *              Specifies whether the text is boldface.
@@ -95,8 +28,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get bold(): boolean | null;
-    set bold(bold: boolean | null);
+    bold: boolean | null;
     /**
      * @description テキストの色を示します。
      *              Indicates the color of the text.
@@ -105,8 +37,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get color(): number | null;
-    set color(color: number | null);
+    color: number | null;
     /**
      * @description このテキストフォーマットでのテキストフォント名を示すストリングです。
      *              The name of the font for text in this text format, as a string.
@@ -115,8 +46,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get font(): string | null;
-    set font(font: string | null);
+    font: string | null;
     /**
      * @description このテキストフォーマットのテキストをイタリックにするかどうかを示します。
      *              Indicates whether text in this text format is italicized.
@@ -125,8 +55,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get italic(): boolean | null;
-    set italic(italic: boolean | null);
+    italic: boolean | null;
     /**
      * @description 行間の垂直の行送りを示す整数です。
      *              An integer representing the amount
@@ -136,8 +65,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get leading(): number | null;
-    set leading(leading: number | null);
+    leading: number | null;
     /**
      * @description 段落の左インデントをピクセル単位で示します。
      *              The left margin of the paragraph, in pixels.
@@ -146,8 +74,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get leftMargin(): number | null;
-    set leftMargin(left_margin: number | null);
+    leftMargin: number | null;
     /**
      * @description すべての文字の間に均等に配分されるスペースの量を表す数値です。
      *              A object representing the amount
@@ -157,8 +84,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get letterSpacing(): number | null;
-    set letterSpacing(letter_spacing: number | null);
+    letterSpacing: number | null;
     /**
      * @description 段落の右インデントをピクセル単位で示します。
      *              The right margin of the paragraph, in pixels.
@@ -167,8 +93,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get rightMargin(): number | null;
-    set rightMargin(right_margin: number | null);
+    rightMargin: number | null;
     /**
      * @description このテキストフォーマットのテキストのサイズ（ピクセル単位）です。
      *              The size in pixels of text in this text format.
@@ -177,8 +102,7 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get size(): number | null;
-    set size(size: number | null);
+    size: number | null;
     /**
      * @description このテキストフォーマットを使用するテキストに
      *              アンダーラインを表示する（true）か、表示しない（false）かを示します。
@@ -189,49 +113,39 @@ export declare class TextFormat {
      * @default null
      * @public
      */
-    get underline(): boolean | null;
-    set underline(underline: boolean | null);
+    underline: boolean | null;
     /**
-     * @return {string}
-     * @method
-     * @private
-     */
-    _$toStyleString(): string;
-    /**
-     * @return {boolean}
-     * @method
-     * @private
+     * @param {string}  [font=null]
+     * @param {number}  [size=null]
+     * @param {number}  [color=null]
+     * @param {boolean} [bold=null]
+     * @param {boolean} [italic=null]
+     * @param {boolean} [underline=null]
+     * @param {string}  [align=null]
+     * @param {number}  [left_margin=null]
+     * @param {number}  [right_margin=null]
+     * @param {number}  [leading=null]
+     *
+     * @constructor
+     * @public
      */
-    _$isSame(text_format: TextFormat): boolean;
+    constructor(font?: string | null, size?: number | null, color?: number | null, bold?: boolean | null, italic?: boolean | null, underline?: boolean | null, align?: ITextFormatAlign | null, left_margin?: number | null, right_margin?: number | null, leading?: number | null, letter_Spacing?: number | null);
     /**
+     * @description この TextFormat オブジェクトのコピーを作成して返します。
+     *             Creates a copy of the TextFormat object and returns it.
+     *
      * @return {next2d.text.TextFormat}
      * @method
-     * @private
-     */
-    _$clone(): TextFormat;
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$setDefault(): void;
-    /**
-     * @param  {TextFormat} text_format
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$merge(text_format: TextFormat): void;
-    /**
-     * @return {number}
-     * @method
-     * @private
+     * @public
      */
-    _$widthMargin(): number;
+    clone(): TextFormat;
     /**
-     * @return {string}
+     * @description この TextFormat オブジェクトのプロパティをオブジェクトに変換します。
+     *              Converts the properties of this TextFormat object to an object.
+     *
+     * @return {ITextFormatObject}
      * @method
-     * @private
+     * @public
      */
-    _$generateFontStyle(): string;
+    toObject(): ITextFormatObject;
 }