@chenyomi/leafer-htmltext-editor 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 chenyomi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,177 @@
+# Leafer HTMLText Editor
+
+一个用于 Leafer UI 的富文本编辑器插件，集成了 Quill 编辑器，支持 HTML 文本编辑和样式控制。
+
+## 特性
+
+- ✅ 基于 Quill 的富文本编辑
+- ✅ 支持多种字体和样式
+- ✅ 文本对齐、列表、上下标等功能
+- ✅ 完全独立，无外部项目依赖
+- ✅ TypeScript 支持
+- ✅ 轻量级，无 Vue/React 等框架依赖
+
+## 安装
+
+```bash
+npm install leafer-htmltext-editor
+```
+
+或使用 yarn:
+
+```bash
+yarn add leafer-htmltext-editor
+```
+
+## 使用方法
+
+### 基本使用
+
+```typescript
+import { initTextEditorQuill, TextEditor } from 'leafer-htmltext-editor';
+import { App } from '@leafer-ui/core';
+import { Editor } from '@leafer-in/editor';
+
+// 1. 初始化 Quill 编辑器
+const quill = initTextEditorQuill();
+
+// 2. 创建 Leafer 应用
+const app = new App({
+  view: window,
+  tree: {},
+  editor: {}
+});
+
+// 3. 创建编辑器
+const editor = new Editor({ app });
+
+// 现在可以使用文本编辑功能了
+```
+
+### 字体管理
+
+```typescript
+import { fontManager, defaultFonts } from 'leafer-htmltext-editor';
+
+// 获取所有可用字体
+const fonts = fontManager.getFontList();
+console.log('Available fonts:', fonts);
+
+// 获取默认字体列表
+console.log('Default fonts:', defaultFonts);
+```
+
+### 文本样式更新
+
+```typescript
+import { updataHtmlText, setHTMLText } from 'leafer-htmltext-editor';
+
+// 更新文本样式
+updataHtmlText(textElement);
+
+// 设置特定属性
+setHTMLText('fontSize', 20, null, editor, true);
+setHTMLText('align', 'center', null, editor, true);
+```
+
+## API 文档
+
+### initTextEditorQuill(container?: HTMLElement)
+
+初始化 Quill 文本编辑器。
+
+**参数:**
+- `container` (可选): 容器元素
+
+**返回:**
+- Quill 实例
+
+### TextEditor
+
+文本编辑器类，继承自 `InnerEditor`。
+
+**静态属性:**
+- `TextEditor.quill`: 全局 Quill 实例
+
+### updataHtmlText(e?, base64font?, fontObj?)
+
+更新文本元素的 HTML 样式。
+
+**参数:**
+- `e`: 文本元素
+- `base64font` (可选): Base64 编码的字体
+- `fontObj` (可选): 字体对象
+
+### setHTMLText(key, value?, base64font?, editor?, isInnerEditor?)
+
+设置 HTML 文本的属性。
+
+**参数:**
+- `key`: 属性键（如 'fontSize', 'font', 'color' 等）
+- `value` (可选): 属性值
+- `base64font` (可选): Base64 编码的字体
+- `editor` (可选): 编辑器实例
+- `isInnerEditor` (可选): 是否为内部编辑器
+
+### FontManager
+
+字体管理类。
+
+**方法:**
+- `getFontList()`: 获取字体列表
+- `getSkipLoadFonts()`: 获取跳过加载的字体
+- `getLoadFonts()`: 获取需要加载的字体
+
+## 依赖
+
+本包依赖以下 peer dependencies：
+
+- `@leafer-ui/core` >= 1.0.0
+- `@leafer-in/editor` >= 1.0.0
+- `@leafer-in/interface` >= 1.0.0
+- `@leafer-in/html` >= 1.0.0
+- `leafer-ui` >= 1.0.0
+- `quill` >= 2.0.0
+
+请确保在你的项目中安装了这些依赖。
+
+## 支持的字体
+
+默认支持以下字体：
+
+- Roboto, Roboto Mono
+- Inter, Open Sans, Montserrat
+- Lato, Poppins, Arimo
+- Merriweather, Playfair Display
+- Noto Sans (多语言支持)
+- 中文字体（简体、繁体）
+- 日文、韩文字体
+
+## 开发
+
+```bash
+# 克隆仓库
+git clone https://github.com/yourusername/leafer-htmltext-editor.git
+
+# 安装依赖
+npm install
+
+# 构建
+npm run build
+```
+
+## 许可证
+
+MIT
+
+## 作者
+
+chenyomi
+
+## 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+## 变更日志
+
+查看 [CHANGELOG.md](CHANGELOG.md) 了解版本更新信息。

package/dist/TextEditTool/index.d.ts

@@ -0,0 +1,17 @@
+import { EditTool } from '@leafer-in/editor';
+export declare class TextEditTool extends EditTool {
+    get tag(): string;
+    quill: any;
+    private _dragRAF;
+    private updateBoxDebounced;
+    constructor(editor: any);
+    addEvent(): void;
+    onLoad(): void;
+    private isUpdatingPoints;
+    private curveAmount;
+    updateChangeBoxBound(text: any): void;
+    onUpdate(): void;
+    onUnload(): void;
+    onDestroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/TextEditTool/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextEditTool/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAA+D,MAAM,mBAAmB,CAAC;AAa1G,qBACa,YAAa,SAAQ,QAAQ;IACxC,IAAW,GAAG,WAEb;IAEM,KAAK,EAAE,GAAG,CAAQ;IACzB,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,kBAAkB,CAAsB;gBAEpC,MAAM,EAAE,GAAG;IAQhB,QAAQ,IAAI,IAAI;IAqChB,MAAM,IAAI,IAAI;IAqCrB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,WAAW,CAAK;IAEjB,oBAAoB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IASrC,QAAQ,IAAI,IAAI;IAchB,QAAQ,IAAI,IAAI;IAIhB,SAAS,IAAI,IAAI;CACzB"}

package/dist/TextEditTool/index.js

@@ -0,0 +1,138 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextEditTool = void 0;
+const leafer_ui_1 = require("leafer-ui");
+const editor_1 = require("@leafer-in/editor");
+const utils_1 = require("../utils");
+const TextEditor_1 = require("../TextEditor");
+function debounce(func, wait) {
+    let timeout = null;
+    return function (...args) {
+        if (timeout)
+            clearTimeout(timeout);
+        timeout = setTimeout(() => func.apply(this, args), wait);
+    };
+}
+let TextEditTool = class TextEditTool extends editor_1.EditTool {
+    get tag() {
+        return 'TextEditTool';
+    }
+    constructor(editor) {
+        super(editor);
+        this.quill = null;
+        this._dragRAF = null;
+        this.isUpdatingPoints = false;
+        this.curveAmount = 0;
+        this.eventIds = [];
+        this.updateBoxDebounced = debounce((text) => {
+            (0, utils_1.updataHtmlText)(text);
+        }, 300);
+    }
+    addEvent() {
+        if (!this.editor?.element)
+            return;
+        const text = this.editor.element.findOne('HTMLText');
+        if (!text)
+            return;
+        const { scaleX, scaleY } = text.worldTransform;
+        const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
+        const div = document.querySelector('#textInnerEditor');
+        if (!div)
+            return;
+        const { style } = div;
+        this.eventIds = [
+            this.editor.on_(editor_1.EditorScaleEvent.SCALE, (e) => {
+                if (!text.data)
+                    text.data = {};
+                if (!text.data.canChangeBox) {
+                    text.data.canChangeBox = true;
+                }
+                if (text.data.canChangeBox && text.parent) {
+                    const parentWidth = text.parent.width;
+                    if (parentWidth !== undefined) {
+                        style.width = parentWidth * zoomScale + 'px';
+                        style.height = 'auto';
+                    }
+                }
+                this.updateBoxDebounced(text);
+            }),
+            this.editor.on_(leafer_ui_1.PointerEvent.DOUBLE_TAP, () => {
+                if (!text.parent?.locked) {
+                    this.editor.openInnerEditor(text, true);
+                }
+            })
+        ];
+    }
+    onLoad() {
+        if (!this.editor?.element)
+            return;
+        const text = this.editor.element.findOne('HTMLText');
+        if (!text)
+            return;
+        const { scaleX, scaleY } = text.worldTransform;
+        const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
+        this.addEvent();
+        this.editBox.add(this.view);
+        this.quill = TextEditor_1.TextEditor.quill;
+        if (this.quill && text.text) {
+            this.quill.clipboard.dangerouslyPasteHTML(text.text);
+        }
+        const div = document.querySelector('#textInnerEditor');
+        if (!div)
+            return;
+        const { style } = div;
+        if (text.data?.canChangeBox && text.parent) {
+            const parentWidth = text.parent.width;
+            const parentHeight = text.parent.height;
+            if (parentWidth !== undefined) {
+                style.width = parentWidth * zoomScale + 'px';
+            }
+            if (parentHeight !== undefined) {
+                style.height = parentHeight * zoomScale + 'px';
+            }
+        }
+        else {
+            style.width = 'auto';
+            style.height = 'auto';
+        }
+    }
+    updateChangeBoxBound(text) {
+        if (text && text.__layout?.boxBounds) {
+            text.set({
+                width: text.__layout.boxBounds.width,
+                height: text.__layout.boxBounds.height
+            });
+        }
+    }
+    onUpdate() {
+        if (!this.editor?.element)
+            return;
+        const text = this.editor.element.findOne('HTMLText');
+        if (!text)
+            return;
+        const el = this.editor.element;
+        console.log('文本bound更新');
+        if (this.curveAmount === text.curveAmount)
+            return;
+        if (this.isUpdatingPoints)
+            return;
+    }
+    onUnload() {
+        this.editor.off_(this.eventIds);
+    }
+    onDestroy() { }
+};
+exports.TextEditTool = TextEditTool;
+exports.TextEditTool = TextEditTool = __decorate([
+    (0, editor_1.registerEditTool)(),
+    __metadata("design:paramtypes", [Object])
+], TextEditTool);

package/dist/TextEditTool/utils.d.ts

@@ -0,0 +1,8 @@
+export declare function getArcRadius(fontSize: number, curveAmount: number): number;
+export declare const handleShowCurve: (element: any, op: boolean) => void;
+export declare function toSuperscript(input: string): string;
+export declare function toSubscript(input: string): string;
+export declare const superscriptMapVal: string[];
+export declare const subscriptMapVal: string[];
+export declare function toNormal(input: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/TextEditTool/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/TextEditTool/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,GAAG,EAAE,IAAI,OAAO,SAsExD,CAAA;AAmFD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMnD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAGD,eAAO,MAAM,iBAAiB,UAAgC,CAAA;AAE9D,eAAO,MAAM,eAAe,UAA8B,CAAA;AA0B1D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9C"}

package/dist/TextEditTool/utils.js

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscriptMapVal = exports.superscriptMapVal = exports.handleShowCurve = void 0;
+exports.getArcRadius = getArcRadius;
+exports.toSuperscript = toSuperscript;
+exports.toSubscript = toSubscript;
+exports.toNormal = toNormal;
+const leafer_ui_1 = require("leafer-ui");
+const html_1 = require("@leafer-in/html");
+function getArcRadius(fontSize, curveAmount) {
+    if (curveAmount === 0)
+        return Infinity;
+    const theta = (330 * fontSize * 72) / 96;
+    const radius = theta / Math.abs(curveAmount);
+    return radius;
+}
+const handleShowCurve = (element, op) => {
+    const box = element.findOne('Box');
+    box && element.remove(box);
+    const text = element.findOne('HTMLText');
+    const { boxBounds, x, y } = text;
+    const { width } = boxBounds;
+    if (!text.curveAmount) {
+        text.opacity = 1;
+        text.visible = true;
+        return;
+    }
+    text.text = text.text.replace(/\u200B/g, '').replace(/<br\s*\/?>/gi, '\n');
+    text.opacity = 0;
+    const radius = getArcRadius(text.fontSize, text.curveAmount);
+    const C = 2 * Math.PI * radius;
+    const dis = text.text.length + 2;
+    const tW = width / dis;
+    let startW = 0;
+    if (C > tW * text.text.length) {
+        startW = (C - tW * text.text.length) / 2;
+    }
+    const startWPr = (startW * 360) / C;
+    const group = new leafer_ui_1.Box({
+        x: 0,
+        y: 0,
+        editable: false,
+        resizeChildren: true
+    });
+    let path;
+    const offsetK = text.fontSize * text.lineHeight.value || 0;
+    const offsetY = text.curveAmount > 0 ? radius + offsetK : -radius;
+    if (text.curveAmount > 0) {
+        path = `G ${x + width / 2} ${offsetY} ${radius} ${radius} 90 ${startWPr} ${360 - startWPr} 0`;
+    }
+    else {
+        const a = 180 - startWPr;
+        path = `G ${x + width / 2} ${offsetY} ${radius} ${radius} 90 ${a} ${-a} 1`;
+    }
+    const pathLine = new leafer_ui_1.Path({
+        x: 0,
+        y: 0,
+        motionPath: true,
+        editable: false,
+        path: path
+    });
+    group.add(pathLine);
+    group.set({
+        opacity: op ? 0.2 : 1
+    });
+    Array.from(text.text).forEach((ch, i) => {
+        const str = new html_1.HTMLText({
+            text: ch,
+            around: text.curveAmount > 0 ? 'bottom' : 'top',
+            fontSize: text.fontSize,
+            fontFamily: text.fontFamily,
+            fontWeight: text.fontWeight,
+            motion: i * tW + tW / 2,
+            textDecoration: text.textDecoration,
+            textCase: text.textCase,
+            textAlign: text.textAlign,
+            motionRotation: text.curveAmount > 0 ? 3 : -2,
+            fill: text.fill
+        });
+        group.add(str);
+    });
+    element.add(group);
+};
+exports.handleShowCurve = handleShowCurve;
+const baseSuperscript = {
+    '0': '⁰', '1': '¹', '2': '²', '3': '³', '4': '⁴', '5': '⁵', '6': '⁶', '7': '⁷', '8': '⁸', '9': '⁹',
+    a: 'ᵃ', b: 'ᵇ', c: 'ᶜ', d: 'ᵈ', e: 'ᵉ', f: 'ᶠ', g: 'ᵍ', h: 'ʰ', i: 'ⁱ', j: 'ʲ', k: 'ᵏ',
+    l: 'ˡ', m: 'ᵐ', n: 'ⁿ', o: 'ᵒ', p: 'ᵖ', r: 'ʳ', s: 'ˢ', t: 'ᵗ', u: 'ᵘ', v: 'ᵛ', w: 'ʷ',
+    x: 'ˣ', y: 'ʸ', z: 'ᶻ',
+    A: 'ᴬ', B: 'ᴮ', D: 'ᴰ', E: 'ᴱ', G: 'ᴳ', H: 'ᴴ', I: 'ᴵ', J: 'ᴶ', K: 'ᴷ', L: 'ᴸ', M: 'ᴹ',
+    N: 'ᴺ', O: 'ᴼ', P: 'ᴾ', R: 'ᴿ', T: 'ᵀ', U: 'ᵁ', W: 'ᵂ',
+    '+': '⁺', '-': '⁻', '=': '⁼', '(': '⁽', ')': '⁾'
+};
+const baseSubscript = {
+    '0': '₀', '1': '₁', '2': '₂', '3': '₃', '4': '₄', '5': '₅', '6': '₆', '7': '₇', '8': '₈', '9': '₉',
+    a: 'ₐ', e: 'ₑ', h: 'ₕ', i: 'ᵢ', j: 'ⱼ', k: 'ₖ', l: 'ₗ', m: 'ₘ', n: 'ₙ', o: 'ₒ', p: 'ₚ',
+    r: 'ᵣ', s: 'ₛ', t: 'ₜ', u: 'ᵤ', v: 'ᵥ', x: 'ₓ',
+    '+': '₊', '-': '₋', '=': '₌', '(': '₍', ')': '₎',
+    'β': 'ᵦ', 'γ': 'ᵧ', 'ρ': 'ᵨ', 'φ': 'ᵩ', 'χ': 'ᵪ'
+};
+function invertMap(map) {
+    const inv = {};
+    for (const k in map) {
+        inv[map[k]] = map[k];
+    }
+    return inv;
+}
+const knownSupers = invertMap(baseSuperscript);
+const knownSubs = invertMap(baseSubscript);
+function buildSuperscriptMap(baseSup, baseSub) {
+    const out = {};
+    for (const k in baseSup)
+        out[k] = baseSup[k];
+    for (const base in baseSub) {
+        const subChar = baseSub[base];
+        if (base in baseSup)
+            out[subChar] = baseSup[base];
+    }
+    for (const supChar in knownSupers)
+        out[supChar] = supChar;
+    return out;
+}
+function buildSubscriptMap(baseSup, baseSub) {
+    const out = {};
+    for (const k in baseSub)
+        out[k] = baseSub[k];
+    for (const base in baseSup) {
+        const supChar = baseSup[base];
+        if (base in baseSub)
+            out[supChar] = baseSub[base];
+    }
+    for (const subChar in knownSubs)
+        out[subChar] = subChar;
+    return out;
+}
+const superscriptMap = buildSuperscriptMap(baseSuperscript, baseSubscript);
+const subscriptMap = buildSubscriptMap(baseSuperscript, baseSubscript);
+function toSuperscript(input) {
+    let out = '';
+    for (const ch of input) {
+        out += superscriptMap[ch] ?? ch;
+    }
+    return out;
+}
+function toSubscript(input) {
+    let out = '';
+    for (const ch of input) {
+        out += subscriptMap[ch] ?? ch;
+    }
+    return out;
+}
+exports.superscriptMapVal = Object.values(superscriptMap);
+exports.subscriptMapVal = Object.values(subscriptMap);
+function buildNormalMap(baseSup, baseSub) {
+    const normal = {};
+    for (const base in baseSup) {
+        const supChar = baseSup[base];
+        normal[supChar] = base;
+    }
+    for (const base in baseSub) {
+        const subChar = baseSub[base];
+        normal[subChar] = base;
+    }
+    return normal;
+}
+const normalMap = buildNormalMap(baseSuperscript, baseSubscript);
+function toNormal(input) {
+    let out = '';
+    for (const ch of input) {
+        out += normalMap[ch] ?? ch;
+    }
+    return out;
+}

package/dist/TextEditor.d.ts

@@ -0,0 +1,27 @@
+import { IText, IEventListenerId } from "@leafer-in/interface";
+import { InnerEditor } from "@leafer-in/editor";
+export declare class TextEditor extends InnerEditor {
+    static quill: any;
+    get tag(): string;
+    quill: any;
+    editTarget: IText;
+    editDom: HTMLDivElement | undefined;
+    config: {
+        selectAll: boolean;
+    };
+    eventIds: IEventListenerId[];
+    protected selectText: {
+        start: number;
+        end: number;
+        text: string;
+    } | undefined;
+    protected inBody: boolean | undefined;
+    protected isHTMLText: boolean | undefined;
+    onLoad(): void;
+    private onSelectionChange;
+    private onInput;
+    onUpdate(): void;
+    private isUpdatingPoints;
+    onUnload(): void;
+}
+//# sourceMappingURL=TextEditor.d.ts.map

package/dist/TextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../src/TextEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAMrE,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAc,KAAK,EAAE,GAAG,CAAC;IAEzB,IAAW,GAAG,WAEb;IAEM,KAAK,EAAE,GAAG,CAAC;IACH,UAAU,EAAE,KAAK,CAAC;IAE1B,OAAO,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC,MAAM;;MAEX;IAEK,QAAQ,EAAE,gBAAgB,EAAE,CAAM;IAEzC,SAAS,CAAC,UAAU,EAChB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC5C,SAAS,CAAC;IACd,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAEnC,MAAM,IAAI,IAAI;IAoGrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,OAAO,CAGb;IAEK,QAAQ;IAkCf,OAAO,CAAC,gBAAgB,CAAS;IAE1B,QAAQ,IAAI,IAAI;CAsBxB"}