roosterjs-content-model-plugins 9.43.0 → 9.44.0

package/lib-amd/edit/keyboardTab.d.ts

@@ -1,5 +1,6 @@
+import type { HandleTabOptions } from './EditOptions';
 import type { IEditor } from 'roosterjs-content-model-types';
 /**
  * @internal
  */
-export declare function keyboardTab(editor: IEditor, rawEvent: KeyboardEvent): true | undefined;
+export declare function keyboardTab(editor: IEditor, rawEvent: KeyboardEvent, options: Required<HandleTabOptions>): void;

package/lib-amd/edit/keyboardTab.js

@@ -5,29 +5,31 @@ define(["require", "exports", "./tabUtils/handleTabOnList", "./tabUtils/handleTa
     /**
      * @internal
      */
-    function keyboardTab(editor, rawEvent) {
+    function keyboardTab(editor, rawEvent, options) {
         var selection = editor.getDOMSelection();
         switch (selection === null || selection === void 0 ? void 0 : selection.type) {
             case 'range':
                 editor.formatContentModel(function (model, context) {
-                    return handleTab(model, rawEvent, context);
+                    return handleTab(model, rawEvent, context, options);
                 }, {
                     apiName: 'handleTabKey',
                     rawEvent: rawEvent,
                     changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
                     getChangeData: function () { return rawEvent.which; },
                 });
-                return true;
+                break;
             case 'table':
-                editor.formatContentModel(function (model) {
-                    return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
-                }, {
-                    apiName: 'handleTabKey',
-                    rawEvent: rawEvent,
-                    changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
-                    getChangeData: function () { return rawEvent.which; },
-                });
-                return true;
+                if (options.indentTable) {
+                    editor.formatContentModel(function (model) {
+                        return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
+                    }, {
+                        apiName: 'handleTabKey',
+                        rawEvent: rawEvent,
+                        changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+                        getChangeData: function () { return rawEvent.which; },
+                    });
+                }
+                break;
         }
     }
     exports.keyboardTab = keyboardTab;
@@ -38,22 +40,30 @@ define(["require", "exports", "./tabUtils/handleTabOnList", "./tabUtils/handleTa
      * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.
      * - If it is a list item, call handleTabOnList to handle the tab key.
      */
-    function handleTab(model, rawEvent, context) {
+    function handleTab(model, rawEvent, context, options) {
         var blocks = (0, roosterjs_content_model_dom_1.getOperationalBlocks)(model, ['ListItem', 'TableCell'], []);
         var block = blocks.length > 0 ? blocks[0].block : undefined;
         if (blocks.length > 1) {
-            (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
-            rawEvent.preventDefault();
-            return true;
+            if (options.indentMultipleBlocks) {
+                (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
+                rawEvent.preventDefault();
+                return true;
+            }
         }
         else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'TableCell')) {
-            return (0, handleTabOnTableCell_1.handleTabOnTableCell)(model, block, rawEvent);
+            if (options.appendTableRow) {
+                return (0, handleTabOnTableCell_1.handleTabOnTableCell)(model, block, rawEvent);
+            }
         }
         else if ((block === null || block === void 0 ? void 0 : block.blockType) === 'Paragraph') {
-            return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, block, rawEvent, context);
+            if (options.indentParagraph) {
+                return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, block, rawEvent, context);
+            }
         }
         else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'ListItem')) {
-            return (0, handleTabOnList_1.handleTabOnList)(model, block, rawEvent, context);
+            if (options.indentList) {
+                return (0, handleTabOnList_1.handleTabOnList)(model, block, rawEvent, context);
+            }
         }
         return false;
     }

package/lib-amd/edit/keyboardTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardTab.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardTab.ts"],"names":[],"mappings":";;;;IAkBA;;OAEG;IACH,SAAgB,WAAW,CAAC,MAAe,EAAE,QAAuB;QAChE,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;QAE3C,QAAQ,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE;YACrB,KAAK,OAAO;gBACR,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;oBACX,OAAO,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;gBAC/C,CAAC,EACD;oBACI,OAAO,EAAE,cAAc;oBACvB,QAAQ,UAAA;oBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;oBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;iBACtC,CACJ,CAAC;gBAEF,OAAO,IAAI,CAAC;YAChB,KAAK,OAAO;gBACR,MAAM,CAAC,kBAAkB,CACrB,UAAA,KAAK;oBACD,OAAO,IAAA,mCAAgB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAC7C,CAAC,EACD;oBACI,OAAO,EAAE,cAAc;oBACvB,QAAQ,UAAA;oBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;oBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;iBACtC,CACJ,CAAC;gBACF,OAAO,IAAI,CAAC;SACnB;IACL,CAAC;IAhCD,kCAgCC;IAED;;;;;;OAMG;IACH,SAAS,SAAS,CACd,KAAmC,EACnC,QAAuB,EACvB,OAAkC;QAElC,IAAM,MAAM,GAAG,IAAA,kDAAoB,EAC/B,KAAK,EACL,CAAC,UAAU,EAAE,WAAW,CAAC,EACzB,EAAE,CACL,CAAC;QACF,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAA,iDAAmB,EAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YACrE,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;SACf;aAAM,IAAI,IAAA,gDAAkB,EAAwB,KAAK,EAAE,WAAW,CAAC,EAAE;YACtE,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;SACvD;aAAM,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,MAAK,WAAW,EAAE;YACzC,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAChE;aAAM,IAAI,IAAA,gDAAkB,EAAuB,KAAK,EAAE,UAAU,CAAC,EAAE;YACpE,OAAO,IAAA,iCAAe,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAC3D;QACD,OAAO,KAAK,CAAC;IACjB,CAAC","sourcesContent":["import { handleTabOnList } from './tabUtils/handleTabOnList';\nimport { handleTabOnParagraph } from './tabUtils/handleTabOnParagraph';\nimport { handleTabOnTable } from './tabUtils/handleTabOnTable';\nimport { handleTabOnTableCell } from './tabUtils/handleTabOnTableCell';\nimport { setModelIndentation } from 'roosterjs-content-model-api';\nimport {\n    ChangeSource,\n    getOperationalBlocks,\n    isBlockGroupOfType,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelListItem,\n    ContentModelTableCell,\n    FormatContentModelContext,\n    IEditor,\n    ReadonlyContentModelDocument,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardTab(editor: IEditor, rawEvent: KeyboardEvent) {\n    const selection = editor.getDOMSelection();\n\n    switch (selection?.type) {\n        case 'range':\n            editor.formatContentModel(\n                (model, context) => {\n                    return handleTab(model, rawEvent, context);\n                },\n                {\n                    apiName: 'handleTabKey',\n                    rawEvent,\n                    changeSource: ChangeSource.Keyboard,\n                    getChangeData: () => rawEvent.which,\n                }\n            );\n\n            return true;\n        case 'table':\n            editor.formatContentModel(\n                model => {\n                    return handleTabOnTable(model, rawEvent);\n                },\n                {\n                    apiName: 'handleTabKey',\n                    rawEvent,\n                    changeSource: ChangeSource.Keyboard,\n                    getChangeData: () => rawEvent.which,\n                }\n            );\n            return true;\n    }\n}\n\n/**\n * If multiple blocks are selected, indent or outdent the selected blocks with setModelIndentation.\n * If only one block is selected:\n * - If it is a table cell, call handleTabOnTableCell to handle the tab key.\n * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.\n * - If it is a list item, call handleTabOnList to handle the tab key.\n */\nfunction handleTab(\n    model: ReadonlyContentModelDocument,\n    rawEvent: KeyboardEvent,\n    context: FormatContentModelContext\n) {\n    const blocks = getOperationalBlocks<ContentModelListItem | ContentModelTableCell>(\n        model,\n        ['ListItem', 'TableCell'],\n        []\n    );\n    const block = blocks.length > 0 ? blocks[0].block : undefined;\n\n    if (blocks.length > 1) {\n        setModelIndentation(model, rawEvent.shiftKey ? 'outdent' : 'indent');\n        rawEvent.preventDefault();\n        return true;\n    } else if (isBlockGroupOfType<ContentModelTableCell>(block, 'TableCell')) {\n        return handleTabOnTableCell(model, block, rawEvent);\n    } else if (block?.blockType === 'Paragraph') {\n        return handleTabOnParagraph(model, block, rawEvent, context);\n    } else if (isBlockGroupOfType<ContentModelListItem>(block, 'ListItem')) {\n        return handleTabOnList(model, block, rawEvent, context);\n    }\n    return false;\n}\n"]}
+{"version":3,"file":"keyboardTab.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardTab.ts"],"names":[],"mappings":";;;;IAmBA;;OAEG;IACH,SAAgB,WAAW,CACvB,MAAe,EACf,QAAuB,EACvB,OAAmC;QAEnC,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;QAE3C,QAAQ,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE;YACrB,KAAK,OAAO;gBACR,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;oBACX,OAAO,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBACxD,CAAC,EACD;oBACI,OAAO,EAAE,cAAc;oBACvB,QAAQ,UAAA;oBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;oBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;iBACtC,CACJ,CAAC;gBACF,MAAM;YAEV,KAAK,OAAO;gBACR,IAAI,OAAO,CAAC,WAAW,EAAE;oBACrB,MAAM,CAAC,kBAAkB,CACrB,UAAA,KAAK;wBACD,OAAO,IAAA,mCAAgB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBAC7C,CAAC,EACD;wBACI,OAAO,EAAE,cAAc;wBACvB,QAAQ,UAAA;wBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;wBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;qBACtC,CACJ,CAAC;iBACL;gBACD,MAAM;SACb;IACL,CAAC;IAtCD,kCAsCC;IAED;;;;;;OAMG;IACH,SAAS,SAAS,CACd,KAAmC,EACnC,QAAuB,EACvB,OAAkC,EAClC,OAAmC;QAEnC,IAAM,MAAM,GAAG,IAAA,kDAAoB,EAC/B,KAAK,EACL,CAAC,UAAU,EAAE,WAAW,CAAC,EACzB,EAAE,CACL,CAAC;QACF,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAI,OAAO,CAAC,oBAAoB,EAAE;gBAC9B,IAAA,iDAAmB,EAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;gBACrE,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAC1B,OAAO,IAAI,CAAC;aACf;SACJ;aAAM,IAAI,IAAA,gDAAkB,EAAwB,KAAK,EAAE,WAAW,CAAC,EAAE;YACtE,IAAI,OAAO,CAAC,cAAc,EAAE;gBACxB,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;aACvD;SACJ;aAAM,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,MAAK,WAAW,EAAE;YACzC,IAAI,OAAO,CAAC,eAAe,EAAE;gBACzB,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;aAChE;SACJ;aAAM,IAAI,IAAA,gDAAkB,EAAuB,KAAK,EAAE,UAAU,CAAC,EAAE;YACpE,IAAI,OAAO,CAAC,UAAU,EAAE;gBACpB,OAAO,IAAA,iCAAe,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;aAC3D;SACJ;QACD,OAAO,KAAK,CAAC;IACjB,CAAC","sourcesContent":["import { handleTabOnList } from './tabUtils/handleTabOnList';\nimport { handleTabOnParagraph } from './tabUtils/handleTabOnParagraph';\nimport { handleTabOnTable } from './tabUtils/handleTabOnTable';\nimport { handleTabOnTableCell } from './tabUtils/handleTabOnTableCell';\nimport { setModelIndentation } from 'roosterjs-content-model-api';\nimport type { HandleTabOptions } from './EditOptions';\nimport {\n    ChangeSource,\n    getOperationalBlocks,\n    isBlockGroupOfType,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelListItem,\n    ContentModelTableCell,\n    FormatContentModelContext,\n    IEditor,\n    ReadonlyContentModelDocument,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardTab(\n    editor: IEditor,\n    rawEvent: KeyboardEvent,\n    options: Required<HandleTabOptions>\n) {\n    const selection = editor.getDOMSelection();\n\n    switch (selection?.type) {\n        case 'range':\n            editor.formatContentModel(\n                (model, context) => {\n                    return handleTab(model, rawEvent, context, options);\n                },\n                {\n                    apiName: 'handleTabKey',\n                    rawEvent,\n                    changeSource: ChangeSource.Keyboard,\n                    getChangeData: () => rawEvent.which,\n                }\n            );\n            break;\n\n        case 'table':\n            if (options.indentTable) {\n                editor.formatContentModel(\n                    model => {\n                        return handleTabOnTable(model, rawEvent);\n                    },\n                    {\n                        apiName: 'handleTabKey',\n                        rawEvent,\n                        changeSource: ChangeSource.Keyboard,\n                        getChangeData: () => rawEvent.which,\n                    }\n                );\n            }\n            break;\n    }\n}\n\n/**\n * If multiple blocks are selected, indent or outdent the selected blocks with setModelIndentation.\n * If only one block is selected:\n * - If it is a table cell, call handleTabOnTableCell to handle the tab key.\n * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.\n * - If it is a list item, call handleTabOnList to handle the tab key.\n */\nfunction handleTab(\n    model: ReadonlyContentModelDocument,\n    rawEvent: KeyboardEvent,\n    context: FormatContentModelContext,\n    options: Required<HandleTabOptions>\n) {\n    const blocks = getOperationalBlocks<ContentModelListItem | ContentModelTableCell>(\n        model,\n        ['ListItem', 'TableCell'],\n        []\n    );\n    const block = blocks.length > 0 ? blocks[0].block : undefined;\n\n    if (blocks.length > 1) {\n        if (options.indentMultipleBlocks) {\n            setModelIndentation(model, rawEvent.shiftKey ? 'outdent' : 'indent');\n            rawEvent.preventDefault();\n            return true;\n        }\n    } else if (isBlockGroupOfType<ContentModelTableCell>(block, 'TableCell')) {\n        if (options.appendTableRow) {\n            return handleTabOnTableCell(model, block, rawEvent);\n        }\n    } else if (block?.blockType === 'Paragraph') {\n        if (options.indentParagraph) {\n            return handleTabOnParagraph(model, block, rawEvent, context);\n        }\n    } else if (isBlockGroupOfType<ContentModelListItem>(block, 'ListItem')) {\n        if (options.indentList) {\n            return handleTabOnList(model, block, rawEvent, context);\n        }\n    }\n    return false;\n}\n"]}

package/lib-amd/edit/tabUtils/handleTabOnList.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleTabOnList.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnList.ts"],"names":[],"mappings":";;;;IAQA;;;;OAIG;IACH,SAAgB,eAAe,CAC3B,KAAmC,EACnC,QAAsC,EACtC,QAAuB,EACvB,OAAmC;QAEnC,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QAC1D,IACI,CAAC,sBAAsB,CAAC,QAAQ,CAAC;YACjC,iBAAiB,CAAC,MAAM,IAAI,CAAC;YAC7B,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,WAAW,EAChD;YACE,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAC/E;aAAM;YACH,IAAA,iDAAmB,EACf,KAAK,EACL,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,SAAS,CAAC,UAAU,EACpB,OAAO,CACV,CAAC;YACF,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IAvBD,0CAuBC;IAED,SAAS,sBAAsB,CAAC,QAAsC;QAClE,OAAO,CACH,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,WAAW;YAC3C,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,iBAAiB,CAClE,CAAC;IACN,CAAC;IAED,SAAS,qBAAqB,CAAC,QAAsC;QACjE,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,CACzB,UAAA,KAAK;YACD,OAAA,KAAK,CAAC,SAAS,IAAI,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,UAAU,EAAlB,CAAkB,CAAC;QAApF,CAAoF,CAC3F,CAAC;IACN,CAAC","sourcesContent":["import { handleTabOnParagraph } from './handleTabOnParagraph';\nimport { setModelIndentation } from 'roosterjs-content-model-api';\nimport type {\n    FormatContentModelContext,\n    ReadonlyContentModelDocument,\n    ReadonlyContentModelListItem,\n} from 'roosterjs-content-model-types';\n\n/**\n * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.\n * 2. Otherwise call handleTabOnParagraph.\n * @internal\n */\nexport function handleTabOnList(\n    model: ReadonlyContentModelDocument,\n    listItem: ReadonlyContentModelListItem,\n    rawEvent: KeyboardEvent,\n    context?: FormatContentModelContext\n) {\n    const selectedParagraph = findSelectedParagraph(listItem);\n    if (\n        !isMarkerAtStartOfBlock(listItem) &&\n        selectedParagraph.length == 1 &&\n        selectedParagraph[0].blockType === 'Paragraph'\n    ) {\n        return handleTabOnParagraph(model, selectedParagraph[0], rawEvent, context);\n    } else {\n        setModelIndentation(\n            model,\n            rawEvent.shiftKey ? 'outdent' : 'indent',\n            undefined /*length*/,\n            context\n        );\n        rawEvent.preventDefault();\n        return true;\n    }\n}\n\nfunction isMarkerAtStartOfBlock(listItem: ReadonlyContentModelListItem) {\n    return (\n        listItem.blocks[0].blockType == 'Paragraph' &&\n        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker'\n    );\n}\n\nfunction findSelectedParagraph(listItem: ReadonlyContentModelListItem) {\n    return listItem.blocks.filter(\n        block =>\n            block.blockType == 'Paragraph' && block.segments.some(segment => segment.isSelected)\n    );\n}\n"]}
+{"version":3,"file":"handleTabOnList.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnList.ts"],"names":[],"mappings":";;;;IAQA;;;;OAIG;IACH,SAAgB,eAAe,CAC3B,KAAmC,EACnC,QAAsC,EACtC,QAAuB,EACvB,OAAmC;QAEnC,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QAC1D,IACI,CAAC,sBAAsB,CAAC,QAAQ,CAAC;YACjC,iBAAiB,CAAC,MAAM,IAAI,CAAC;YAC7B,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,WAAW,EAChD;YACE,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAC/E;aAAM;YACH,IAAA,iDAAmB,EACf,KAAK,EACL,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,SAAS,CAAC,UAAU,EACpB,OAAO,CACV,CAAC;YACF,QAAQ,CAAC,cAAc,EAAE,CAAC;YAE1B,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IAxBD,0CAwBC;IAED,SAAS,sBAAsB,CAAC,QAAsC;QAClE,OAAO,CACH,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,WAAW;YAC3C,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,iBAAiB,CAClE,CAAC;IACN,CAAC;IAED,SAAS,qBAAqB,CAAC,QAAsC;QACjE,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,CACzB,UAAA,KAAK;YACD,OAAA,KAAK,CAAC,SAAS,IAAI,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,UAAU,EAAlB,CAAkB,CAAC;QAApF,CAAoF,CAC3F,CAAC;IACN,CAAC","sourcesContent":["import { handleTabOnParagraph } from './handleTabOnParagraph';\nimport { setModelIndentation } from 'roosterjs-content-model-api';\nimport type {\n    FormatContentModelContext,\n    ReadonlyContentModelDocument,\n    ReadonlyContentModelListItem,\n} from 'roosterjs-content-model-types';\n\n/**\n * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.\n * 2. Otherwise call handleTabOnParagraph.\n * @internal\n */\nexport function handleTabOnList(\n    model: ReadonlyContentModelDocument,\n    listItem: ReadonlyContentModelListItem,\n    rawEvent: KeyboardEvent,\n    context?: FormatContentModelContext\n) {\n    const selectedParagraph = findSelectedParagraph(listItem);\n    if (\n        !isMarkerAtStartOfBlock(listItem) &&\n        selectedParagraph.length == 1 &&\n        selectedParagraph[0].blockType === 'Paragraph'\n    ) {\n        return handleTabOnParagraph(model, selectedParagraph[0], rawEvent, context);\n    } else {\n        setModelIndentation(\n            model,\n            rawEvent.shiftKey ? 'outdent' : 'indent',\n            undefined /*length*/,\n            context\n        );\n        rawEvent.preventDefault();\n\n        return true;\n    }\n}\n\nfunction isMarkerAtStartOfBlock(listItem: ReadonlyContentModelListItem) {\n    return (\n        listItem.blocks[0].blockType == 'Paragraph' &&\n        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker'\n    );\n}\n\nfunction findSelectedParagraph(listItem: ReadonlyContentModelListItem) {\n    return listItem.blocks.filter(\n        block =>\n            block.blockType == 'Paragraph' && block.segments.some(segment => segment.isSelected)\n    );\n}\n"]}

package/lib-amd/imageEdit/ImageEditPlugin.js

@@ -212,11 +212,10 @@ define(["require", "exports", "tslib", "./utils/applyChange", "./utils/canRegene
                 }
             }
         };
-        ImageEditPlugin.prototype.setContentHandler = function (editor) {
-            var selection = editor.getDOMSelection();
-            if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'image') {
+        ImageEditPlugin.prototype.setContentHandler = function () {
+            if (this.selectedImage) {
                 this.cleanInfo();
-                (0, roosterjs_content_model_dom_1.setImageState)(selection.image, '');
+                (0, roosterjs_content_model_dom_1.setImageState)(this.selectedImage, '');
                 this.isEditing = false;
                 this.isCropMode = false;
             }
@@ -231,7 +230,7 @@ define(["require", "exports", "tslib", "./utils/applyChange", "./utils/canRegene
         ImageEditPlugin.prototype.contentChangedHandler = function (editor, event) {
             switch (event.source) {
                 case roosterjs_content_model_dom_1.ChangeSource.SetContent:
-                    this.setContentHandler(editor);
+                    this.setContentHandler();
                     break;
                 case roosterjs_content_model_dom_1.ChangeSource.Format:
                     this.formatEventHandler(event);

package/lib-amd/imageEdit/ImageEditPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/ImageEditPlugin.ts"],"names":[],"mappings":";;;;IA+CA,IAAM,cAAc,GAA8B;QAC9C,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,KAAK;QACpB,iBAAiB,EAAE,KAAK;QACxB,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;KACtC,CAAC;IAEF,IAAM,gBAAgB,GAAG,CAAC,CAAC;IAC3B,IAAM,OAAO,GAAG,WAAW,CAAC;IAC5B,IAAM,gBAAgB,GAAG,WAAW,CAAC;IACrC,IAAM,sBAAsB,GAAG,qBAAqB,CAAC;IACrD,IAAM,uBAAuB,GAAG,gBAAgB,CAAC;IAEjD;;;;;;OAMG;IACH;QAoBI,yBAAY,OAA0B;YAnB5B,WAAM,GAAmB,IAAI,CAAC;YAChC,eAAU,GAA2B,IAAI,CAAC;YAC1C,kBAAa,GAA4B,IAAI,CAAC;YAC5C,YAAO,GAA2B,IAAI,CAAC;YACvC,kBAAa,GAA+B,IAAI,CAAC;YACnD,qBAAgB,GAA4B,IAAI,CAAC;YACjD,eAAU,GAAiD,EAAE,CAAC;YAC9D,gBAAW,GAA4B,IAAI,CAAC;YAC5C,YAAO,GAAkB,IAAI,CAAC;YAC9B,oBAAe,GAAY,KAAK,CAAC;YACjC,eAAU,GAAY,KAAK,CAAC;YAC5B,aAAQ,GAAqB,EAAE,CAAC;YAChC,aAAQ,GAAqB,EAAE,CAAC;YAChC,aAAQ,GAAqB,EAAE,CAAC;YAChC,cAAS,GAAW,CAAC,CAAC;YACtB,aAAQ,GAAwB,IAAI,CAAC;YACnC,cAAS,GAAG,KAAK,CAAC;YAIxB,IAAI,CAAC,OAAO,mDAAQ,cAAc,GAAK,OAAO,CAAE,CAAC;QACrD,CAAC;QAED;;WAEG;QACH,iCAAO,GAAP;YACI,OAAO,WAAW,CAAC;QACvB,CAAC;QAED;;;;;WAKG;QACH,oCAAU,GAAV,UAAW,MAAe;YAA1B,iBAmCC;YAlCG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC;gBAClC,IAAI,EAAE;oBACF,cAAc,EAAE;wBACZ,IAAI,KAAI,CAAC,SAAS,IAAI,KAAI,CAAC,MAAM,IAAI,CAAC,KAAI,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE;4BAC5D,KAAI,CAAC,2BAA2B,CAC5B,KAAI,CAAC,MAAM,EACX,KAAI,CAAC,UAAU,EACf,IAAI,CAAC,uBAAuB,CAC/B,CAAC;yBACL;oBACL,CAAC;iBACJ;gBACD,SAAS,EAAE;oBACP,cAAc,EAAE,UAAA,EAAE;wBACd,IAAI,KAAI,CAAC,MAAM,EAAE;4BACb,IAAM,MAAM,GAAG,EAAE,CAAC,MAAc,CAAC;4BACjC,IAAI,KAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;gCAC/B,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC;6BACnC;yBACJ;oBACL,CAAC;iBACJ;gBACD,OAAO,EAAE;oBACL,cAAc,EAAE,UAAA,EAAE;wBACd,IAAI,KAAI,CAAC,MAAM,EAAE;4BACb,IAAM,MAAM,GAAG,EAAE,CAAC,MAAc,CAAC;4BACjC,IAAI,KAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gCAC9D,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;6BACrD;yBACJ;oBACL,CAAC;iBACJ;aACJ,CAAC,CAAC;QACP,CAAC;QAED;;;;WAIG;QACH,iCAAO,GAAP;YACI,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;aACxB;YACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACvB,CAAC;QAED;;;;;WAKG;QACH,uCAAa,GAAb,UAAc,KAAkB;YAC5B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBACd,OAAO;aACV;YACD,QAAQ,KAAK,CAAC,SAAS,EAAE;gBACrB,KAAK,WAAW;oBACZ,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC1C,MAAM;gBACV,KAAK,SAAS;oBACV,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBACxC,MAAM;gBACV,KAAK,SAAS;oBACV,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBACxC,MAAM;gBACV,KAAK,gBAAgB;oBACjB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC/C,MAAM;gBACV,KAAK,uBAAuB;oBACxB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;oBAC1C,MAAM;gBACV,KAAK,yBAAyB;oBAC1B,IAAI,CAAC,6BAA6B,EAAE,CAAC;oBACrC,MAAM;aACb;QACL,CAAC;QAEO,uDAA6B,GAArC;YACI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE;gBAC5D,IAAI,CAAC,2BAA2B,CAC5B,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,UAAU,EACf,KAAK,CAAC,uBAAuB,CAChC,CAAC;gBACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;aACpB;QACL,CAAC;QAEO,4CAAkB,GAA1B,UAA2B,UAAuB;YAC9C,IAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAClD,MAAM,CAAC,OAAO,CAAC,UAAA,KAAK;gBAChB,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;oBAC3B,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;iBACpC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QAEO,0CAAgB,GAAxB,UAAyB,MAAY;YACjC,OAAO,CACH,IAAA,0CAAY,EAAC,MAAM,EAAE,cAAc,CAAC;gBACpC,CAAC,IAAA,6CAAe,EAAC,MAAM,EAAE,KAAK,CAAC;oBAC3B,CAAC,CAAC,CACE,IAAA,6CAAe,EAAC,MAAM,EAAE,MAAM,CAAC;wBAC/B,MAAM,CAAC,iBAAiB;wBACxB,IAAA,0CAAY,EAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC;wBACtD,IAAA,6CAAe,EAAC,MAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,CACnD,CAAC,CACT,CAAC;QACN,CAAC;QAEO,wCAAc,GAAtB,UAAuB,MAAe,EAAE,KAAmB;YACvD,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;YAC3C,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAC5D,IAAM,iBAAiB,GACnB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAc,CAAC;oBACpD,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,gBAAgB,CAAC;gBAC/C,IAAI,CAAC,2BAA2B,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;aAChF;QACL,CAAC;QAEO,0CAAgB,GAAxB,UAAyB,MAAe,EAAE,KAAqB;YAC3D,IACI,IAAI,CAAC,SAAS;gBACd,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAc,CAAC;gBACpD,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,gBAAgB;gBAC1C,CAAC,IAAI,CAAC,UAAU,EAClB;gBACE,IAAI,CAAC,2BAA2B,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;aAC7D;QACL,CAAC;QAEO,uCAAa,GAArB,UAAsB,MAAe;YACjC,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;YAC3C,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,OAAO,EAAE;gBAC5B,MAAM,CAAC,kBAAkB,CAAC,UAAA,KAAK;oBAC3B,IAAM,YAAY,GAAG,IAAA,mCAAgB,EAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;oBACjE,IAAM,YAAY,GAAG,IAAA,mCAAgB,EACjC,KAAK,EACL,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CACjD,CAAC;oBACF,IAAI,YAAY,IAAI,YAAY,EAAE;wBAC9B,IAAM,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CACxD,YAAY,CAAC,KAAK,CACrB,CAAC;wBACF,IAAA,yCAAW,EAAC,YAAY,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;wBACrE,IAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC;wBACnC,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC;wBACzC,IAAA,2CAAa,EAAC,SAAS,EAAE,OAAO,EAAE,UAAA,KAAK;4BACnC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;4BACxB,KAAK,CAAC,0BAA0B,GAAG,IAAI,CAAC;wBAC5C,CAAC,CAAC,CAAC;wBAEH,OAAO,IAAI,CAAC;qBACf;oBACD,OAAO,KAAK,CAAC;gBACjB,CAAC,CAAC,CAAC;aACN;QACL,CAAC;QAEO,wCAAc,GAAtB,UAAuB,MAAe,EAAE,KAAmB;YACvD,IAAI,IAAI,CAAC,SAAS,EAAE;gBAChB,IACI,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,QAAQ;oBAC/B,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,QAAQ;oBAC/B,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,WAAW,EACpC;oBACE,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,QAAQ,EAAE;wBACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;qBAC7B;oBACD,IAAI,CAAC,SAAS,EAAE,CAAC;iBACpB;qBAAM;oBACH,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE;wBAClD,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;qBACnC;oBACD,IAAI,CAAC,2BAA2B,CAC5B,MAAM,EACN,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,yBAAyB,EAC9B,KAAK,CAAC,oBAAoB,CAC7B,CAAC;iBACL;aACJ;QACL,CAAC;QAEO,2CAAiB,GAAzB,UAA0B,MAAe;YACrC,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;YAC3C,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,OAAO,EAAE;gBAC5B,IAAI,CAAC,SAAS,EAAE,CAAC;gBACjB,IAAA,2CAAa,EAAC,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACnC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aAC3B;QACL,CAAC;QAEO,4CAAkB,GAA1B,UAA2B,KAA0B;YACjD,IAAI,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,aAAa,KAAK,uBAAuB,EAAE;gBACnE,IAAI,CAAC,SAAS,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;aAC3B;QACL,CAAC;QAEO,+CAAqB,GAA7B,UAA8B,MAAe,EAAE,KAA0B;YACrE,QAAQ,KAAK,CAAC,MAAM,EAAE;gBAClB,KAAK,0CAAY,CAAC,UAAU;oBACxB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;oBAC/B,MAAM;gBACV,KAAK,0CAAY,CAAC,MAAM;oBACpB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC/B,MAAM;gBACV,KAAK,0CAAY,CAAC,IAAI;oBAClB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;oBAC3B,MAAM;aACb;QACL,CAAC;QAED;;WAEG;QACO,qDAA2B,GAArC,UACI,MAAe,EACf,UAAmB,EACnB,iBAA2B,EAC3B,cAAwB;YAJ5B,iBA8HC;YAxHG,IAAI,iBAAgD,CAAC;YACrD,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;YAC3C,IAAI,KAAK,GAAY,KAAK,CAAC;YAE3B,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;gBACX,IAAM,YAAY,GAAG,IAAA,mCAAgB,EAAC,KAAK,CAAC,CAAC;gBAC7C,IAAM,qBAAqB,GAAG,cAAc;oBACxC,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,IAAA,mCAAgB,EAAC,KAAK,CAAC,CAAC;gBAC9B,IAAI,MAAM,GAAG,KAAK,CAAC;gBAEnB,sFAAsF;gBACtF,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC;gBAErC,IACI,iBAAiB;oBACjB,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,KAAK,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA;oBACnD,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,KAAK,CAAC,MAAM,CAAC,UAAU,KAAI,iCAAc;oBAChE,cAAc,EAChB;oBACQ,IAAA,KAAyD,KAAI,EAA3D,SAAO,aAAA,EAAE,eAAa,mBAAA,EAAE,eAAa,mBAAA,EAAE,aAAW,iBAAS,CAAC;oBACpE,IACI,CAAC,KAAI,CAAC,SAAS,IAAI,cAAc,CAAC;wBAClC,qBAAqB;wBACrB,SAAO;wBACP,eAAa;wBACb,eAAa;wBACb,aAAW,EACb;wBACE,IAAA,2CAAa,EACT,qBAAqB,CAAC,SAAS,EAC/B,qBAAqB,CAAC,KAAK,EAC3B,UAAA,KAAK;4BACD,IAAM,WAAW,GAAG,IAAA,yBAAW,EAC3B,MAAM,EACN,eAAa,EACb,KAAK,EACL,eAAa,EACb,SAAO,EACP,KAAI,CAAC,eAAe,IAAI,KAAI,CAAC,UAAU,EACvC,aAAW,CACd,CAAC;4BAEF,IAAI,KAAI,CAAC,eAAe,IAAI,WAAW,IAAI,cAAc,EAAE;gCACvD,OAAO,CAAC,gBAAgB,GAAG,KAAK,CAAC;6BACpC;4BACD,IAAM,WAAW,GACb,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,KAAK,OAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA,CAAC;4BACzD,KAAK,CAAC,UAAU,GAAG,WAAW,IAAI,iBAAiB,CAAC;4BACpD,KAAK,CAAC,0BAA0B,GAAG,WAAW,IAAI,iBAAiB,CAAC;4BACpE,KAAK,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS,CAAC;4BAEpC,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE;gCAC1D,IAAM,kBAAkB,GAAG,IAAA,mDAAqB,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gCAC9D,IAAM,cAAc,GAAG,kBAAkB,CAAC,IAAI,CAAC,UAAA,SAAS;oCACpD,OAAA,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;gCAAlC,CAAkC,CACrC,CAAC;gCACF,IAAI,cAAc,EAAE;oCAChB,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;iCAC3B;6BACJ;wBACL,CAAC,CACJ,CAAC;wBAEF,IAAI,iBAAiB,EAAE;4BACnB,IAAA,iDAAuB,EAAC,qBAAqB,CAAC,CAAC;yBAClD;wBAED,KAAI,CAAC,SAAS,EAAE,CAAC;wBACjB,MAAM,GAAG,IAAI,CAAC;qBACjB;oBAED,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC;oBACvB,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;oBAExB,IACI,YAAY;wBACZ,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,OAAO;wBAC1B,CAAC,iBAAiB;wBAClB,CAAC,cAAc,EACjB;wBACE,KAAI,CAAC,SAAS,GAAG,IAAI,CAAC;wBACtB,KAAI,CAAC,UAAU,GAAG,UAAU,CAAC;wBAC7B,IAAA,2CAAa,EAAC,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,KAAK,EAAE,UAAA,KAAK;4BAC3D,iBAAiB,GAAG,KAAK,CAAC;4BAC1B,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC;4BACzD,KAAI,CAAC,aAAa,GAAG,IAAA,yCAAmB,EAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjE,KAAK,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC;wBAC1C,CAAC,CAAC,CAAC;wBAEH,MAAM,GAAG,IAAI,CAAC;qBACjB;iBACJ;gBAED,OAAO,MAAM,CAAC;YAClB,CAAC,EACD;gBACI,aAAa,EAAE,UAAC,KAAK,EAAE,IAAI;oBACvB,IACI,CAAC,cAAc;wBACf,iBAAiB;wBACjB,iBAAiB,IAAI,KAAK;wBAC1B,iBAAiB,CAAC,MAAM,CAAC,UAAU,IAAI,iCAAc;wBACrD,IAAA,0CAAY,EAAC,IAAI,EAAE,cAAc,CAAC;wBAClC,IAAA,6CAAe,EAAC,IAAI,EAAE,KAAK,CAAC,EAC9B;wBACE,IAAI,UAAU,EAAE;4BACZ,KAAI,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;yBAC3C;6BAAM;4BACH,KAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;yBAClD;qBACJ;gBACL,CAAC;gBACD,OAAO,EAAE,uBAAuB;aACnC,EACD;gBACI,eAAe,EAAE,IAAI;aACxB,CACJ,CAAC;QACN,CAAC;QAEO,sCAAY,GAApB,UACI,MAAe,EACf,KAAuB,EACvB,YAAkC;YAHtC,iBA4BC;YAvBG,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACrB,IAAI,CAAC,aAAa,GAAG,IAAA,8CAAwB,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;aAChE;YAED,IACI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,CAAC;gBACrE,CAAC,KAAK,CAAC,QAAQ,EACjB;gBACE,+EAA+E;gBAC/E,KAAK,CAAC,MAAM,GAAG;oBACX,KAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;oBACxC,KAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;oBACvD,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;oBACpB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;gBACzB,CAAC,CAAC;gBACF,KAAK,CAAC,OAAO,GAAG;oBACZ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;oBACpB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;gBACzB,CAAC,CAAC;aACL;iBAAM;gBACH,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;gBACxC,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;aAC1D;QACL,CAAC;QAEO,qDAA2B,GAAnC,UAAoC,KAAuB;;YACvD,IAAI,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,MAAK,CAAC,IAAI,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,QAAQ,MAAK,CAAC,EAAE;gBACzE,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;gBAC/C,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;aACpD;QACL,CAAC;QAEO,8CAAoB,GAA5B,UACI,MAAe,EACf,KAAuB,EACvB,YAAkC;YAElC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACrB,IAAI,CAAC,aAAa,GAAG,IAAA,8CAAwB,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;aAChE;YAED,IAAI,CAAC,gBAAgB,GAAG,IAAA,yCAAmB,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACtF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAEnC,IAAA,KAOF,IAAA,uCAAkB,EAClB,MAAM,EACN,KAAK,EACL,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,gBAAgB,EACrB,YAAY,CACf,EAbG,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAQX,CAAC;YACF,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,IAAA,uCAAsB,EAAC,KAAK,CAAC,CAAC;YACrD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,kBAAkB,EAAE,CAAC;YAE5D,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,+BAA+B,EAAE;gBACrE,kBAAgB,IAAA,+CAAiB,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,MAAG;aAC9D,CAAC,CAAC;YAEH,MAAM,CAAC,cAAc,CAAC,sBAAsB,EAAE,2BAA2B,CAAC,CAAC;QAC/E,CAAC;QAEM,8CAAoB,GAA3B,UAA4B,MAAe,EAAE,KAAuB,EAAE,KAAc;YAApF,iBAmGC;;YAlGG,IAAI,IAAI,CAAC,aAAa,EAAE;gBACpB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;gBACvD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE;oBAC9E,IAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,gBAAgB,CAAC;oBACnE,IAAI,CAAC,UAAU,iFACR,IAAA,6CAAqB,EACpB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,EACZ,6CAAqB,CAAC,YAAY,EAClC,wBAAO,EACP;wBACI,IACI,KAAI,CAAC,aAAa;4BAClB,KAAI,CAAC,aAAa;4BAClB,KAAI,CAAC,OAAO;4BACZ,KAAI,CAAC,WAAW,EAClB;4BACE,IAAA,6BAAa,EACT,KAAI,CAAC,aAAa,EAClB,KAAI,CAAC,OAAO,EACZ,KAAI,CAAC,aAAa,EAClB,KAAI,CAAC,WAAW,EAChB,KAAI,CAAC,OAAO,EACZ,KAAI,CAAC,QAAQ,EACb,SAAS,CAAC,cAAc,EACxB,KAAK,CACR,CAAC;4BACF,KAAI,CAAC,eAAe,GAAG,IAAI,CAAC;yBAC/B;oBACL,CAAC,EACD,IAAI,CAAC,SAAS,EACd,eAAe,CAClB,+BACE,IAAA,6CAAqB,EACpB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,EACZ,6CAAqB,CAAC,YAAY,EAClC,wBAAO,EACP;;wBACI,IACI,KAAI,CAAC,aAAa;4BAClB,KAAI,CAAC,aAAa;4BAClB,KAAI,CAAC,OAAO;4BACZ,KAAI,CAAC,WAAW,EAClB;4BACE,IAAA,6BAAa,EACT,KAAI,CAAC,aAAa,EAClB,KAAI,CAAC,OAAO,EACZ,KAAI,CAAC,aAAa,EAClB,KAAI,CAAC,WAAW,EAChB,KAAI,CAAC,OAAO,EACZ,SAAS,CAAC,cAAc,EACxB,SAAS,CAAC,cAAc,EACxB,KAAK,EACL,IAAI,CAAC,gBAAgB,CACxB,CAAC;4BACF,KAAI,CAAC,uBAAuB,CACxB,MAAM,EACN,KAAI,CAAC,aAAa,EAClB,KAAI,CAAC,OAAO,EACZ,KAAI,CAAC,QAAQ,EACb,MAAA,KAAI,CAAC,aAAa,0CAAE,QAAQ,EAC5B,CAAC,CAAC,CAAA,MAAA,KAAI,CAAC,OAAO,0CAAE,iBAAiB,CAAA,CACpC,CAAC;4BACF,KAAI,CAAC,2BAA2B,CAC5B,KAAI,CAAC,QAAQ,EACb,KAAI,CAAC,aAAa,CAAC,QAAQ,CAC9B,CAAC;yBACL;oBACL,CAAC,EACD,IAAI,CAAC,SAAS,EACd,eAAe,CAClB,SACJ,CAAC;oBAEF,IAAA,6BAAa,EACT,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,QAAQ,EACb,SAAS,CAAC,cAAc,EACxB,KAAK,CACR,CAAC;oBAEF,IAAI,CAAC,uBAAuB,CACxB,MAAM,EACN,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,QAAQ,EACb,MAAA,IAAI,CAAC,aAAa,0CAAE,QAAQ,EAC5B,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,iBAAiB,CAAA,CACpC,CAAC;iBACL;aACJ;QACL,CAAC;QAEO,qDAA2B,GAAnC,UAAoC,QAA0B,EAAE,QAA4B;YACxF,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,QAAQ,CAAC,CAAC;YAC1D,IAAI,QAAQ,KAAK,SAAS,EAAE;gBACxB,IAAA,uCAAkB,EAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;aAC/C;QACL,CAAC;QAEO,iDAAuB,GAA/B,UACI,MAAe,EACf,KAAuB,EACvB,OAAwB,EACxB,QAA0B,EAC1B,QAA4B,EAC5B,iBAA0B;YAE1B,IAAM,QAAQ,GAAG,MAAM,CAAC,kBAAkB,EAAE,CAAC;YAC7C,IAAM,UAAU,GAAG,IAAA,8BAAa,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YAC5D,IAAI,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7C,IAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC5B,IAAM,aAAa,GAAG,OAAO,CAAC,iBAAiB,CAAC;gBAChD,IACI,IAAA,0CAAY,EAAC,aAAa,EAAE,cAAc,CAAC;oBAC3C,IAAA,6CAAe,EAAC,aAAa,EAAE,KAAK,CAAC,EACvC;oBACE,IAAA,uCAAkB,EACd,QAAQ,EACR,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,EACb,OAAO,EACP,OAAO,EACP,aAAa,EACb,UAAU,EACV,iBAAiB,CACpB,CAAC;iBACL;aACJ;QACL,CAAC;QAEM,4CAAkB,GAAzB,UAA0B,SAA6B;YACnD,OAAO,CACH,SAAS,KAAK,QAAQ;gBACtB,SAAS,KAAK,QAAQ;gBACtB,SAAS,KAAK,MAAM;gBACpB,SAAS,KAAK,MAAM,CACvB,CAAC;QACN,CAAC;QAEM,4CAAkB,GAAzB,UAA0B,KAAuB;YAC7C,OAAO,IAAA,uCAAkB,EAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAEO,uCAAa,GAArB,UAAsB,MAAe,EAAE,KAAuB,EAAE,KAAc;YAA9E,iBA+CC;YA9CG,IAAI,IAAI,CAAC,aAAa,EAAE;gBACpB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;gBAC3C,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE;oBAC9E,IAAI,CAAC,UAAU,sDACR,IAAA,6CAAqB,EACpB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,EACZ,6CAAqB,CAAC,UAAU,EAChC,wBAAO,EACP;wBACI,IACI,KAAI,CAAC,aAAa;4BAClB,KAAI,CAAC,aAAa;4BAClB,KAAI,CAAC,OAAO;4BACZ,KAAI,CAAC,WAAW,EAClB;4BACE,IAAA,6BAAa,EACT,KAAI,CAAC,aAAa,EAClB,KAAI,CAAC,OAAO,EACZ,KAAI,CAAC,aAAa,EAClB,KAAI,CAAC,WAAW,EAChB,KAAI,CAAC,OAAO,EACZ,SAAS,CAAC,cAAc,EACxB,KAAI,CAAC,QAAQ,EACb,KAAK,CACR,CAAC;4BACF,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;yBAC1B;oBACL,CAAC,EACD,IAAI,CAAC,SAAS,EACd,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,gBAAgB,CAC7C,SACJ,CAAC;oBACF,IAAA,6BAAa,EACT,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,OAAO,EACZ,SAAS,CAAC,cAAc,EACxB,IAAI,CAAC,QAAQ,EACb,KAAK,CACR,CAAC;iBACL;aACJ;QACL,CAAC;QAEM,mCAAS,GAAhB;YACI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBACd,OAAO;aACV;YACD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE;gBACxC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,6FAA6F;aACrH;YACD,IAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;YAChD,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,OAAO,EAAE;gBAC5B,IAAI,CAAC,2BAA2B,CAC5B,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,gBAAgB,EACrB,KAAK,CAAC,uBAAuB,CAChC,CAAC;aACL;QACL,CAAC;QAEO,mCAAS,GAAjB,UACI,MAAe,EACf,KAAuB,EACvB,YAAkC,EAClC,SAAuD;YAEvD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;YAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBAClF,OAAO;aACV;YAED,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAE9B,IAAA,6BAAa,EACT,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,OAAO,CACf,CAAC;YAEF,IAAI,CAAC,2BAA2B,CAC5B,MAAM,EACN,KAAK,CAAC,YAAY,EAClB,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,oBAAoB,CAC5B,CAAC;QACN,CAAC;QAED;;WAEG;QACI,mCAAS,GAAhB;;YACI,MAAA,IAAI,CAAC,MAAM,0CAAE,cAAc,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;YACpD,MAAA,IAAI,CAAC,MAAM,0CAAE,cAAc,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;YAC1D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,OAAO,EAAE,EAAhB,CAAgB,CAAC,CAAC;YACpD,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACvB,CAAC;QAEO,4CAAkB,GAA1B;YACI,IAAI,KAAK,GAA4B,IAAI,CAAC;YAC1C,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;gBAClD,IACI,IAAI,CAAC,UAAU,CAAC,iBAAiB;oBACjC,IAAA,0CAAY,EAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC;oBAC/D,IAAA,6CAAe,EAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAC3D;oBACE,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;iBAC7C;gBACD,IAAA,oCAAM,EAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACxB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;aACvB;YAED,OAAO,KAAK,CAAC;QACjB,CAAC;QAEM,mCAAS,GAAhB,UAAiB,SAAoC;;YACjD,IAAM,SAAS,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,eAAe,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE;gBAC1D,OAAO;aACV;YACD,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;YAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,UAAA,aAAa;oBACtD,IAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,IAAI,CAAC,CAAC;oBAC7C,IAAM,mBAAmB,GACrB,CAAC,QAAQ,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;wBACzD,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;oBAChE,IAAI,mBAAmB,EAAE;wBACrB,IAAI,SAAS,KAAK,YAAY,EAAE;4BAC5B,aAAa,CAAC,eAAe,GAAG,CAAC,aAAa,CAAC,eAAe,CAAC;yBAClE;6BAAM;4BACH,aAAa,CAAC,iBAAiB,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC;yBACtE;qBACJ;yBAAM;wBACH,IAAI,SAAS,KAAK,UAAU,EAAE;4BAC1B,aAAa,CAAC,eAAe,GAAG,CAAC,aAAa,CAAC,eAAe,CAAC;yBAClE;6BAAM;4BACH,aAAa,CAAC,iBAAiB,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC;yBACtE;qBACJ;gBACL,CAAC,CAAC,CAAC;aACN;QACL,CAAC;QAEM,qCAAW,GAAlB,UAAmB,QAAgB;;YAC/B,IAAM,SAAS,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,eAAe,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE;gBAC1D,OAAO;aACV;YACD,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;YAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,UAAA,aAAa;oBAChD,aAAa,CAAC,QAAQ,GAAG,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,QAAQ,CAAC;gBACtE,CAAC,CAAC,CAAC;aACN;QACL,CAAC;QACL,sBAAC;IAAD,CAAC,AAhyBD,IAgyBC;IAhyBY,0CAAe","sourcesContent":["import { applyChange } from './utils/applyChange';\nimport { canRegenerateImage } from './utils/canRegenerateImage';\nimport { checkIfImageWasResized, isASmallImage } from './utils/imageEditUtils';\nimport { createImageWrapper } from './utils/createImageWrapper';\nimport { Cropper } from './Cropper/cropperContext';\nimport { EDITING_MARKER, findEditingImage } from './utils/findEditingImage';\nimport { filterInnerResizerHandles } from './utils/filterInnerResizerHandles';\nimport { getDropAndDragHelpers } from './utils/getDropAndDragHelpers';\nimport { getHTMLImageOptions } from './utils/getHTMLImageOptions';\nimport { getSelectedImage } from './utils/getSelectedImage';\nimport { getSelectedImageMetadata, updateImageEditInfo } from './utils/updateImageEditInfo';\nimport { ImageEditElementClass } from './types/ImageEditElementClass';\nimport { normalizeImageSelection } from './utils/normalizeImageSelection';\nimport { Resizer } from './Resizer/resizerContext';\nimport { Rotator } from './Rotator/rotatorContext';\nimport { updateHandleCursor } from './utils/updateHandleCursor';\nimport { updateRotateHandle } from './Rotator/updateRotateHandle';\nimport { updateWrapper } from './utils/updateWrapper';\nimport {\n    ChangeSource,\n    getSafeIdSelector,\n    getSelectedParagraphs,\n    isElementOfType,\n    isNodeOfType,\n    mutateBlock,\n    mutateSegment,\n    setImageState,\n    unwrap,\n} from 'roosterjs-content-model-dom';\nimport type { DragAndDropHelper } from '../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport type { DragAndDropContext } from './types/DragAndDropContext';\nimport type { ImageHtmlOptions } from './types/ImageHtmlOptions';\nimport type { ImageEditOptions } from './types/ImageEditOptions';\nimport type {\n    ContentChangedEvent,\n    ContentModelImage,\n    EditorPlugin,\n    IEditor,\n    ImageEditOperation,\n    ImageEditor,\n    ImageMetadataFormat,\n    KeyDownEvent,\n    MouseDownEvent,\n    MouseUpEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\nconst DefaultOptions: Partial<ImageEditOptions> = {\n    borderColor: '#DB626C',\n    minWidth: 10,\n    minHeight: 10,\n    preserveRatio: true,\n    disableRotate: false,\n    disableSideResize: false,\n    onSelectState: ['resize', 'rotate'],\n};\n\nconst MouseRightButton = 2;\nconst DRAG_ID = '_dragging';\nconst IMAGE_EDIT_CLASS = 'imageEdit';\nconst IMAGE_EDIT_CLASS_CARET = 'imageEditCaretColor';\nconst IMAGE_EDIT_FORMAT_EVENT = 'ImageEditEvent';\n\n/**\n * ImageEdit plugin handles the following image editing features:\n * - Resize image\n * - Crop image\n * - Rotate image\n * - Flip image\n */\nexport class ImageEditPlugin implements ImageEditor, EditorPlugin {\n    protected editor: IEditor | null = null;\n    private shadowSpan: HTMLSpanElement | null = null;\n    private selectedImage: HTMLImageElement | null = null;\n    protected wrapper: HTMLSpanElement | null = null;\n    protected imageEditInfo: ImageMetadataFormat | null = null;\n    private imageHTMLOptions: ImageHtmlOptions | null = null;\n    private dndHelpers: DragAndDropHelper<DragAndDropContext, any>[] = [];\n    private clonedImage: HTMLImageElement | null = null;\n    private lastSrc: string | null = null;\n    private wasImageResized: boolean = false;\n    private isCropMode: boolean = false;\n    private resizers: HTMLDivElement[] = [];\n    private rotators: HTMLDivElement[] = [];\n    private croppers: HTMLDivElement[] = [];\n    private zoomScale: number = 1;\n    private disposer: (() => void) | null = null;\n    protected isEditing = false;\n    protected options: ImageEditOptions;\n\n    constructor(options?: ImageEditOptions) {\n        this.options = { ...DefaultOptions, ...options };\n    }\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'ImageEdit';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n        this.disposer = editor.attachDomEvent({\n            blur: {\n                beforeDispatch: () => {\n                    if (this.isEditing && this.editor && !this.editor.isDisposed()) {\n                        this.applyFormatWithContentModel(\n                            this.editor,\n                            this.isCropMode,\n                            true /* shouldSelectImage */\n                        );\n                    }\n                },\n            },\n            dragstart: {\n                beforeDispatch: ev => {\n                    if (this.editor) {\n                        const target = ev.target as Node;\n                        if (this.isImageSelection(target)) {\n                            target.id = target.id + DRAG_ID;\n                        }\n                    }\n                },\n            },\n            dragend: {\n                beforeDispatch: ev => {\n                    if (this.editor) {\n                        const target = ev.target as Node;\n                        if (this.isImageSelection(target) && target.id.includes(DRAG_ID)) {\n                            target.id = target.id.replace(DRAG_ID, '').trim();\n                        }\n                    }\n                },\n            },\n        });\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        if (this.disposer) {\n            this.disposer();\n            this.disposer = null;\n        }\n        this.isEditing = false;\n        this.cleanInfo();\n        this.editor = null;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (!this.editor) {\n            return;\n        }\n        switch (event.eventType) {\n            case 'mouseDown':\n                this.mouseDownHandler(this.editor, event);\n                break;\n            case 'mouseUp':\n                this.mouseUpHandler(this.editor, event);\n                break;\n            case 'keyDown':\n                this.keyDownHandler(this.editor, event);\n                break;\n            case 'contentChanged':\n                this.contentChangedHandler(this.editor, event);\n                break;\n            case 'extractContentWithDom':\n                this.removeImageEditing(event.clonedRoot);\n                break;\n            case 'beforeLogicalRootChange':\n                this.handleBeforeLogicalRootChange();\n                break;\n        }\n    }\n\n    private handleBeforeLogicalRootChange() {\n        if (this.isEditing && this.editor && !this.editor.isDisposed()) {\n            this.applyFormatWithContentModel(\n                this.editor,\n                this.isCropMode,\n                false /* shouldSelectImage */\n            );\n            this.removeImageWrapper();\n            this.cleanInfo();\n        }\n    }\n\n    private removeImageEditing(clonedRoot: HTMLElement) {\n        const images = clonedRoot.querySelectorAll('img');\n        images.forEach(image => {\n            if (image.dataset.editingInfo) {\n                delete image.dataset.editingInfo;\n            }\n        });\n    }\n\n    private isImageSelection(target: Node): target is HTMLElement {\n        return (\n            isNodeOfType(target, 'ELEMENT_NODE') &&\n            (isElementOfType(target, 'img') ||\n                !!(\n                    isElementOfType(target, 'span') &&\n                    target.firstElementChild &&\n                    isNodeOfType(target.firstElementChild, 'ELEMENT_NODE') &&\n                    isElementOfType(target.firstElementChild, 'img')\n                ))\n        );\n    }\n\n    private mouseUpHandler(editor: IEditor, event: MouseUpEvent) {\n        const selection = editor.getDOMSelection();\n        if ((selection && selection.type == 'image') || this.isEditing) {\n            const shouldSelectImage =\n                this.isImageSelection(event.rawEvent.target as Node) &&\n                event.rawEvent.button === MouseRightButton;\n            this.applyFormatWithContentModel(editor, this.isCropMode, shouldSelectImage);\n        }\n    }\n\n    private mouseDownHandler(editor: IEditor, event: MouseDownEvent) {\n        if (\n            this.isEditing &&\n            this.isImageSelection(event.rawEvent.target as Node) &&\n            event.rawEvent.button !== MouseRightButton &&\n            !this.isCropMode\n        ) {\n            this.applyFormatWithContentModel(editor, this.isCropMode);\n        }\n    }\n\n    private onDropHandler(editor: IEditor) {\n        const selection = editor.getDOMSelection();\n        if (selection?.type == 'image') {\n            editor.formatContentModel(model => {\n                const imageDragged = findEditingImage(model, selection.image.id);\n                const imageDropped = findEditingImage(\n                    model,\n                    selection.image.id.replace(DRAG_ID, '').trim()\n                );\n                if (imageDragged && imageDropped) {\n                    const draggedIndex = imageDragged.paragraph.segments.indexOf(\n                        imageDragged.image\n                    );\n                    mutateBlock(imageDragged.paragraph).segments.splice(draggedIndex, 1);\n                    const segment = imageDropped.image;\n                    const paragraph = imageDropped.paragraph;\n                    mutateSegment(paragraph, segment, image => {\n                        image.isSelected = true;\n                        image.isSelectedAsImageSelection = true;\n                    });\n\n                    return true;\n                }\n                return false;\n            });\n        }\n    }\n\n    private keyDownHandler(editor: IEditor, event: KeyDownEvent) {\n        if (this.isEditing) {\n            if (\n                event.rawEvent.key === 'Escape' ||\n                event.rawEvent.key === 'Delete' ||\n                event.rawEvent.key === 'Backspace'\n            ) {\n                if (event.rawEvent.key === 'Escape') {\n                    this.removeImageWrapper();\n                }\n                this.cleanInfo();\n            } else {\n                if (event.rawEvent.key == 'Enter' && this.isCropMode) {\n                    event.rawEvent.preventDefault();\n                }\n                this.applyFormatWithContentModel(\n                    editor,\n                    this.isCropMode,\n                    true /** should selectImage */,\n                    false /* isApiOperation */\n                );\n            }\n        }\n    }\n\n    private setContentHandler(editor: IEditor) {\n        const selection = editor.getDOMSelection();\n        if (selection?.type == 'image') {\n            this.cleanInfo();\n            setImageState(selection.image, '');\n            this.isEditing = false;\n            this.isCropMode = false;\n        }\n    }\n\n    private formatEventHandler(event: ContentChangedEvent) {\n        if (this.isEditing && event.formatApiName !== IMAGE_EDIT_FORMAT_EVENT) {\n            this.cleanInfo();\n            this.isEditing = false;\n            this.isCropMode = false;\n        }\n    }\n\n    private contentChangedHandler(editor: IEditor, event: ContentChangedEvent) {\n        switch (event.source) {\n            case ChangeSource.SetContent:\n                this.setContentHandler(editor);\n                break;\n            case ChangeSource.Format:\n                this.formatEventHandler(event);\n                break;\n            case ChangeSource.Drop:\n                this.onDropHandler(editor);\n                break;\n        }\n    }\n\n    /**\n     * EXPOSED FOR TESTING PURPOSE ONLY\n     */\n    protected applyFormatWithContentModel(\n        editor: IEditor,\n        isCropMode: boolean,\n        shouldSelectImage?: boolean,\n        isApiOperation?: boolean\n    ) {\n        let editingImageModel: ContentModelImage | undefined;\n        const selection = editor.getDOMSelection();\n        let isRTL: boolean = false;\n\n        editor.formatContentModel(\n            (model, context) => {\n                const editingImage = getSelectedImage(model);\n                const previousSelectedImage = isApiOperation\n                    ? editingImage\n                    : findEditingImage(model);\n                let result = false;\n\n                // Skip adding undo snapshot for now. If we detect any changes later, we will reset it\n                context.skipUndoSnapshot = 'SkipAll';\n\n                if (\n                    shouldSelectImage ||\n                    previousSelectedImage?.image != editingImage?.image ||\n                    previousSelectedImage?.image.format.imageState == EDITING_MARKER ||\n                    isApiOperation\n                ) {\n                    const { lastSrc, selectedImage, imageEditInfo, clonedImage } = this;\n                    if (\n                        (this.isEditing || isApiOperation) &&\n                        previousSelectedImage &&\n                        lastSrc &&\n                        selectedImage &&\n                        imageEditInfo &&\n                        clonedImage\n                    ) {\n                        mutateSegment(\n                            previousSelectedImage.paragraph,\n                            previousSelectedImage.image,\n                            image => {\n                                const changeState = applyChange(\n                                    editor,\n                                    selectedImage,\n                                    image,\n                                    imageEditInfo,\n                                    lastSrc,\n                                    this.wasImageResized || this.isCropMode,\n                                    clonedImage\n                                );\n\n                                if (this.wasImageResized || changeState == 'FullyChanged') {\n                                    context.skipUndoSnapshot = false;\n                                }\n                                const isSameImage =\n                                    previousSelectedImage?.image === editingImage?.image;\n                                image.isSelected = isSameImage || shouldSelectImage;\n                                image.isSelectedAsImageSelection = isSameImage || shouldSelectImage;\n                                image.format.imageState = undefined;\n\n                                if (selection?.type == 'range' && !selection.range.collapsed) {\n                                    const selectedParagraphs = getSelectedParagraphs(model, true);\n                                    const isImageInRange = selectedParagraphs.some(paragraph =>\n                                        paragraph.segments.includes(image)\n                                    );\n                                    if (isImageInRange) {\n                                        image.isSelected = true;\n                                    }\n                                }\n                            }\n                        );\n\n                        if (shouldSelectImage) {\n                            normalizeImageSelection(previousSelectedImage);\n                        }\n\n                        this.cleanInfo();\n                        result = true;\n                    }\n\n                    this.isEditing = false;\n                    this.isCropMode = false;\n\n                    if (\n                        editingImage &&\n                        selection?.type == 'image' &&\n                        !shouldSelectImage &&\n                        !isApiOperation\n                    ) {\n                        this.isEditing = true;\n                        this.isCropMode = isCropMode;\n                        mutateSegment(editingImage.paragraph, editingImage.image, image => {\n                            editingImageModel = image;\n                            isRTL = editingImage.paragraph.format.direction == 'rtl';\n                            this.imageEditInfo = updateImageEditInfo(image, selection.image);\n                            image.format.imageState = 'isEditing';\n                        });\n\n                        result = true;\n                    }\n                }\n\n                return result;\n            },\n            {\n                onNodeCreated: (model, node) => {\n                    if (\n                        !isApiOperation &&\n                        editingImageModel &&\n                        editingImageModel == model &&\n                        editingImageModel.format.imageState == EDITING_MARKER &&\n                        isNodeOfType(node, 'ELEMENT_NODE') &&\n                        isElementOfType(node, 'img')\n                    ) {\n                        if (isCropMode) {\n                            this.startCropMode(editor, node, isRTL);\n                        } else {\n                            this.startRotateAndResize(editor, node, isRTL);\n                        }\n                    }\n                },\n                apiName: IMAGE_EDIT_FORMAT_EVENT,\n            },\n            {\n                tryGetFromCache: true,\n            }\n        );\n    }\n\n    private startEditing(\n        editor: IEditor,\n        image: HTMLImageElement,\n        apiOperation: ImageEditOperation[]\n    ) {\n        if (!this.imageEditInfo) {\n            this.imageEditInfo = getSelectedImageMetadata(editor, image);\n        }\n\n        if (\n            (this.imageEditInfo.widthPx == 0 || this.imageEditInfo.heightPx == 0) &&\n            !image.complete\n        ) {\n            // Image dimensions are zero and loading is incomplete, wait for image to load.\n            image.onload = () => {\n                this.updateImageDimensionsIfZero(image);\n                this.startEditingInternal(editor, image, apiOperation);\n                image.onload = null;\n                image.onerror = null;\n            };\n            image.onerror = () => {\n                image.onload = null;\n                image.onerror = null;\n            };\n        } else {\n            this.updateImageDimensionsIfZero(image);\n            this.startEditingInternal(editor, image, apiOperation);\n        }\n    }\n\n    private updateImageDimensionsIfZero(image: HTMLImageElement) {\n        if (this.imageEditInfo?.widthPx === 0 || this.imageEditInfo?.heightPx === 0) {\n            this.imageEditInfo.widthPx = image.clientWidth;\n            this.imageEditInfo.heightPx = image.clientHeight;\n        }\n    }\n\n    private startEditingInternal(\n        editor: IEditor,\n        image: HTMLImageElement,\n        apiOperation: ImageEditOperation[]\n    ) {\n        if (!this.imageEditInfo) {\n            this.imageEditInfo = getSelectedImageMetadata(editor, image);\n        }\n\n        this.imageHTMLOptions = getHTMLImageOptions(editor, this.options, this.imageEditInfo);\n        this.lastSrc = image.getAttribute('src');\n\n        const {\n            resizers,\n            rotators,\n            wrapper,\n            shadowSpan,\n            imageClone,\n            croppers,\n        } = createImageWrapper(\n            editor,\n            image,\n            this.options,\n            this.imageEditInfo,\n            this.imageHTMLOptions,\n            apiOperation\n        );\n        this.shadowSpan = shadowSpan;\n        this.selectedImage = image;\n        this.wrapper = wrapper;\n        this.clonedImage = imageClone;\n        this.wasImageResized = checkIfImageWasResized(image);\n        this.resizers = resizers;\n        this.rotators = rotators;\n        this.croppers = croppers;\n        this.zoomScale = editor.getDOMHelper().calculateZoomScale();\n\n        editor.setEditorStyle(IMAGE_EDIT_CLASS, `outline-style:none!important;`, [\n            `span:has(>img${getSafeIdSelector(this.selectedImage.id)})`,\n        ]);\n\n        editor.setEditorStyle(IMAGE_EDIT_CLASS_CARET, `caret-color: transparent;`);\n    }\n\n    public startRotateAndResize(editor: IEditor, image: HTMLImageElement, isRTL: boolean) {\n        if (this.imageEditInfo) {\n            this.startEditing(editor, image, ['resize', 'rotate']);\n            if (this.selectedImage && this.imageEditInfo && this.wrapper && this.clonedImage) {\n                const isMobileOrTable = !!editor.getEnvironment().isMobileOrTablet;\n                this.dndHelpers = [\n                    ...getDropAndDragHelpers(\n                        this.wrapper,\n                        this.imageEditInfo,\n                        this.options,\n                        ImageEditElementClass.ResizeHandle,\n                        Resizer,\n                        () => {\n                            if (\n                                this.imageEditInfo &&\n                                this.selectedImage &&\n                                this.wrapper &&\n                                this.clonedImage\n                            ) {\n                                updateWrapper(\n                                    this.imageEditInfo,\n                                    this.options,\n                                    this.selectedImage,\n                                    this.clonedImage,\n                                    this.wrapper,\n                                    this.resizers,\n                                    undefined /* croppers */,\n                                    isRTL\n                                );\n                                this.wasImageResized = true;\n                            }\n                        },\n                        this.zoomScale,\n                        isMobileOrTable\n                    ),\n                    ...getDropAndDragHelpers(\n                        this.wrapper,\n                        this.imageEditInfo,\n                        this.options,\n                        ImageEditElementClass.RotateHandle,\n                        Rotator,\n                        () => {\n                            if (\n                                this.imageEditInfo &&\n                                this.selectedImage &&\n                                this.wrapper &&\n                                this.clonedImage\n                            ) {\n                                updateWrapper(\n                                    this.imageEditInfo,\n                                    this.options,\n                                    this.selectedImage,\n                                    this.clonedImage,\n                                    this.wrapper,\n                                    undefined /* resizers */,\n                                    undefined /* croppers */,\n                                    isRTL,\n                                    true /* isRotating */\n                                );\n                                this.updateRotateHandleState(\n                                    editor,\n                                    this.selectedImage,\n                                    this.wrapper,\n                                    this.rotators,\n                                    this.imageEditInfo?.angleRad,\n                                    !!this.options?.disableSideResize\n                                );\n                                this.updateResizeHandleDirection(\n                                    this.resizers,\n                                    this.imageEditInfo.angleRad\n                                );\n                            }\n                        },\n                        this.zoomScale,\n                        isMobileOrTable\n                    ),\n                ];\n\n                updateWrapper(\n                    this.imageEditInfo,\n                    this.options,\n                    this.selectedImage,\n                    this.clonedImage,\n                    this.wrapper,\n                    this.resizers,\n                    undefined /* croppers */,\n                    isRTL\n                );\n\n                this.updateRotateHandleState(\n                    editor,\n                    this.selectedImage,\n                    this.wrapper,\n                    this.rotators,\n                    this.imageEditInfo?.angleRad,\n                    !!this.options?.disableSideResize\n                );\n            }\n        }\n    }\n\n    private updateResizeHandleDirection(resizers: HTMLDivElement[], angleRad: number | undefined) {\n        const resizeHandles = filterInnerResizerHandles(resizers);\n        if (angleRad !== undefined) {\n            updateHandleCursor(resizeHandles, angleRad);\n        }\n    }\n\n    private updateRotateHandleState(\n        editor: IEditor,\n        image: HTMLImageElement,\n        wrapper: HTMLSpanElement,\n        rotators: HTMLDivElement[],\n        angleRad: number | undefined,\n        disableSideResize: boolean\n    ) {\n        const viewport = editor.getVisibleViewport();\n        const smallImage = isASmallImage(image.width, image.height);\n        if (viewport && rotators && rotators.length > 0) {\n            const rotator = rotators[0];\n            const rotatorHandle = rotator.firstElementChild;\n            if (\n                isNodeOfType(rotatorHandle, 'ELEMENT_NODE') &&\n                isElementOfType(rotatorHandle, 'div')\n            ) {\n                updateRotateHandle(\n                    viewport,\n                    angleRad ?? 0,\n                    wrapper,\n                    rotator,\n                    rotatorHandle,\n                    smallImage,\n                    disableSideResize\n                );\n            }\n        }\n    }\n\n    public isOperationAllowed(operation: ImageEditOperation): boolean {\n        return (\n            operation === 'resize' ||\n            operation === 'rotate' ||\n            operation === 'flip' ||\n            operation === 'crop'\n        );\n    }\n\n    public canRegenerateImage(image: HTMLImageElement): boolean {\n        return canRegenerateImage(image);\n    }\n\n    private startCropMode(editor: IEditor, image: HTMLImageElement, isRTL: boolean) {\n        if (this.imageEditInfo) {\n            this.startEditing(editor, image, ['crop']);\n            if (this.imageEditInfo && this.selectedImage && this.wrapper && this.clonedImage) {\n                this.dndHelpers = [\n                    ...getDropAndDragHelpers(\n                        this.wrapper,\n                        this.imageEditInfo,\n                        this.options,\n                        ImageEditElementClass.CropHandle,\n                        Cropper,\n                        () => {\n                            if (\n                                this.imageEditInfo &&\n                                this.selectedImage &&\n                                this.wrapper &&\n                                this.clonedImage\n                            ) {\n                                updateWrapper(\n                                    this.imageEditInfo,\n                                    this.options,\n                                    this.selectedImage,\n                                    this.clonedImage,\n                                    this.wrapper,\n                                    undefined /* resizers */,\n                                    this.croppers,\n                                    isRTL\n                                );\n                                this.isCropMode = true;\n                            }\n                        },\n                        this.zoomScale,\n                        !!editor.getEnvironment().isMobileOrTablet\n                    ),\n                ];\n                updateWrapper(\n                    this.imageEditInfo,\n                    this.options,\n                    this.selectedImage,\n                    this.clonedImage,\n                    this.wrapper,\n                    undefined /* resizers */,\n                    this.croppers,\n                    isRTL\n                );\n            }\n        }\n    }\n\n    public cropImage() {\n        if (!this.editor) {\n            return;\n        }\n        if (!this.editor.getEnvironment().isSafari) {\n            this.editor.focus(); // Safari will keep the selection when click crop, then the focus() call should not be called\n        }\n        const selection = this.editor.getDOMSelection();\n        if (selection?.type == 'image') {\n            this.applyFormatWithContentModel(\n                this.editor,\n                true /* isCropMode */,\n                false /* shouldSelectImage */\n            );\n        }\n    }\n\n    private editImage(\n        editor: IEditor,\n        image: HTMLImageElement,\n        apiOperation: ImageEditOperation[],\n        operation: (imageEditInfo: ImageMetadataFormat) => void\n    ) {\n        this.startEditing(editor, image, apiOperation);\n        if (!this.selectedImage || !this.imageEditInfo || !this.wrapper || !this.clonedImage) {\n            return;\n        }\n\n        operation(this.imageEditInfo);\n\n        updateWrapper(\n            this.imageEditInfo,\n            this.options,\n            this.selectedImage,\n            this.clonedImage,\n            this.wrapper\n        );\n\n        this.applyFormatWithContentModel(\n            editor,\n            false /* isCrop */,\n            true /* shouldSelect*/,\n            true /* isApiOperation */\n        );\n    }\n\n    /**\n     * Exported for testing purpose only\n     */\n    public cleanInfo() {\n        this.editor?.setEditorStyle(IMAGE_EDIT_CLASS, null);\n        this.editor?.setEditorStyle(IMAGE_EDIT_CLASS_CARET, null);\n        this.selectedImage = null;\n        this.shadowSpan = null;\n        this.wrapper = null;\n        this.imageEditInfo = null;\n        this.imageHTMLOptions = null;\n        this.dndHelpers.forEach(helper => helper.dispose());\n        this.dndHelpers = [];\n        this.clonedImage = null;\n        this.lastSrc = null;\n        this.wasImageResized = false;\n        this.isCropMode = false;\n        this.resizers = [];\n        this.rotators = [];\n        this.croppers = [];\n    }\n\n    private removeImageWrapper() {\n        let image: HTMLImageElement | null = null;\n        if (this.shadowSpan && this.shadowSpan.parentElement) {\n            if (\n                this.shadowSpan.firstElementChild &&\n                isNodeOfType(this.shadowSpan.firstElementChild, 'ELEMENT_NODE') &&\n                isElementOfType(this.shadowSpan.firstElementChild, 'img')\n            ) {\n                image = this.shadowSpan.firstElementChild;\n            }\n            unwrap(this.shadowSpan);\n            this.shadowSpan = null;\n            this.wrapper = null;\n        }\n\n        return image;\n    }\n\n    public flipImage(direction: 'horizontal' | 'vertical') {\n        const selection = this.editor?.getDOMSelection();\n        if (!this.editor || !selection || selection.type !== 'image') {\n            return;\n        }\n        const image = selection.image;\n        if (this.editor) {\n            this.editImage(this.editor, image, ['flip'], imageEditInfo => {\n                const angleRad = imageEditInfo.angleRad || 0;\n                const isInVerticalPostion =\n                    (angleRad >= Math.PI / 2 && angleRad < (3 * Math.PI) / 4) ||\n                    (angleRad <= -Math.PI / 2 && angleRad > (-3 * Math.PI) / 4);\n                if (isInVerticalPostion) {\n                    if (direction === 'horizontal') {\n                        imageEditInfo.flippedVertical = !imageEditInfo.flippedVertical;\n                    } else {\n                        imageEditInfo.flippedHorizontal = !imageEditInfo.flippedHorizontal;\n                    }\n                } else {\n                    if (direction === 'vertical') {\n                        imageEditInfo.flippedVertical = !imageEditInfo.flippedVertical;\n                    } else {\n                        imageEditInfo.flippedHorizontal = !imageEditInfo.flippedHorizontal;\n                    }\n                }\n            });\n        }\n    }\n\n    public rotateImage(angleRad: number) {\n        const selection = this.editor?.getDOMSelection();\n        if (!this.editor || !selection || selection.type !== 'image') {\n            return;\n        }\n        const image = selection.image;\n        if (this.editor) {\n            this.editImage(this.editor, image, [], imageEditInfo => {\n                imageEditInfo.angleRad = (imageEditInfo.angleRad || 0) + angleRad;\n            });\n        }\n    }\n}\n"]}
+{"version":3,"file":"ImageEditPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/ImageEditPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { applyChange } from './utils/applyChange';\nimport { canRegenerateImage } from './utils/canRegenerateImage';\nimport { checkIfImageWasResized, isASmallImage } from './utils/imageEditUtils';\nimport { createImageWrapper } from './utils/createImageWrapper';\nimport { Cropper } from './Cropper/cropperContext';\nimport { EDITING_MARKER, findEditingImage } from './utils/findEditingImage';\nimport { filterInnerResizerHandles } from './utils/filterInnerResizerHandles';\nimport { getDropAndDragHelpers } from './utils/getDropAndDragHelpers';\nimport { getHTMLImageOptions } from './utils/getHTMLImageOptions';\nimport { getSelectedImage } from './utils/getSelectedImage';\nimport { getSelectedImageMetadata, updateImageEditInfo } from './utils/updateImageEditInfo';\nimport { ImageEditElementClass } from './types/ImageEditElementClass';\nimport { normalizeImageSelection } from './utils/normalizeImageSelection';\nimport { Resizer } from './Resizer/resizerContext';\nimport { Rotator } from './Rotator/rotatorContext';\nimport { updateHandleCursor } from './utils/updateHandleCursor';\nimport { updateRotateHandle } from './Rotator/updateRotateHandle';\nimport { updateWrapper } from './utils/updateWrapper';\nimport {\n    ChangeSource,\n    getSafeIdSelector,\n    getSelectedParagraphs,\n    isElementOfType,\n    isNodeOfType,\n    mutateBlock,\n    mutateSegment,\n    setImageState,\n    unwrap,\n} from 'roosterjs-content-model-dom';\nimport type { DragAndDropHelper } from '../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport type { DragAndDropContext } from './types/DragAndDropContext';\nimport type { ImageHtmlOptions } from './types/ImageHtmlOptions';\nimport type { ImageEditOptions } from './types/ImageEditOptions';\nimport type {\n    ContentChangedEvent,\n    ContentModelImage,\n    EditorPlugin,\n    IEditor,\n    ImageEditOperation,\n    ImageEditor,\n    ImageMetadataFormat,\n    KeyDownEvent,\n    MouseDownEvent,\n    MouseUpEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\nconst DefaultOptions: Partial<ImageEditOptions> = {\n    borderColor: '#DB626C',\n    minWidth: 10,\n    minHeight: 10,\n    preserveRatio: true,\n    disableRotate: false,\n    disableSideResize: false,\n    onSelectState: ['resize', 'rotate'],\n};\n\nconst MouseRightButton = 2;\nconst DRAG_ID = '_dragging';\nconst IMAGE_EDIT_CLASS = 'imageEdit';\nconst IMAGE_EDIT_CLASS_CARET = 'imageEditCaretColor';\nconst IMAGE_EDIT_FORMAT_EVENT = 'ImageEditEvent';\n\n/**\n * ImageEdit plugin handles the following image editing features:\n * - Resize image\n * - Crop image\n * - Rotate image\n * - Flip image\n */\nexport class ImageEditPlugin implements ImageEditor, EditorPlugin {\n    protected editor: IEditor | null = null;\n    private shadowSpan: HTMLSpanElement | null = null;\n    private selectedImage: HTMLImageElement | null = null;\n    protected wrapper: HTMLSpanElement | null = null;\n    protected imageEditInfo: ImageMetadataFormat | null = null;\n    private imageHTMLOptions: ImageHtmlOptions | null = null;\n    private dndHelpers: DragAndDropHelper<DragAndDropContext, any>[] = [];\n    private clonedImage: HTMLImageElement | null = null;\n    private lastSrc: string | null = null;\n    private wasImageResized: boolean = false;\n    private isCropMode: boolean = false;\n    private resizers: HTMLDivElement[] = [];\n    private rotators: HTMLDivElement[] = [];\n    private croppers: HTMLDivElement[] = [];\n    private zoomScale: number = 1;\n    private disposer: (() => void) | null = null;\n    protected isEditing = false;\n    protected options: ImageEditOptions;\n\n    constructor(options?: ImageEditOptions) {\n        this.options = { ...DefaultOptions, ...options };\n    }\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'ImageEdit';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor;\n        this.disposer = editor.attachDomEvent({\n            blur: {\n                beforeDispatch: () => {\n                    if (this.isEditing && this.editor && !this.editor.isDisposed()) {\n                        this.applyFormatWithContentModel(\n                            this.editor,\n                            this.isCropMode,\n                            true /* shouldSelectImage */\n                        );\n                    }\n                },\n            },\n            dragstart: {\n                beforeDispatch: ev => {\n                    if (this.editor) {\n                        const target = ev.target as Node;\n                        if (this.isImageSelection(target)) {\n                            target.id = target.id + DRAG_ID;\n                        }\n                    }\n                },\n            },\n            dragend: {\n                beforeDispatch: ev => {\n                    if (this.editor) {\n                        const target = ev.target as Node;\n                        if (this.isImageSelection(target) && target.id.includes(DRAG_ID)) {\n                            target.id = target.id.replace(DRAG_ID, '').trim();\n                        }\n                    }\n                },\n            },\n        });\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        if (this.disposer) {\n            this.disposer();\n            this.disposer = null;\n        }\n        this.isEditing = false;\n        this.cleanInfo();\n        this.editor = null;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (!this.editor) {\n            return;\n        }\n        switch (event.eventType) {\n            case 'mouseDown':\n                this.mouseDownHandler(this.editor, event);\n                break;\n            case 'mouseUp':\n                this.mouseUpHandler(this.editor, event);\n                break;\n            case 'keyDown':\n                this.keyDownHandler(this.editor, event);\n                break;\n            case 'contentChanged':\n                this.contentChangedHandler(this.editor, event);\n                break;\n            case 'extractContentWithDom':\n                this.removeImageEditing(event.clonedRoot);\n                break;\n            case 'beforeLogicalRootChange':\n                this.handleBeforeLogicalRootChange();\n                break;\n        }\n    }\n\n    private handleBeforeLogicalRootChange() {\n        if (this.isEditing && this.editor && !this.editor.isDisposed()) {\n            this.applyFormatWithContentModel(\n                this.editor,\n                this.isCropMode,\n                false /* shouldSelectImage */\n            );\n            this.removeImageWrapper();\n            this.cleanInfo();\n        }\n    }\n\n    private removeImageEditing(clonedRoot: HTMLElement) {\n        const images = clonedRoot.querySelectorAll('img');\n        images.forEach(image => {\n            if (image.dataset.editingInfo) {\n                delete image.dataset.editingInfo;\n            }\n        });\n    }\n\n    private isImageSelection(target: Node): target is HTMLElement {\n        return (\n            isNodeOfType(target, 'ELEMENT_NODE') &&\n            (isElementOfType(target, 'img') ||\n                !!(\n                    isElementOfType(target, 'span') &&\n                    target.firstElementChild &&\n                    isNodeOfType(target.firstElementChild, 'ELEMENT_NODE') &&\n                    isElementOfType(target.firstElementChild, 'img')\n                ))\n        );\n    }\n\n    private mouseUpHandler(editor: IEditor, event: MouseUpEvent) {\n        const selection = editor.getDOMSelection();\n        if ((selection && selection.type == 'image') || this.isEditing) {\n            const shouldSelectImage =\n                this.isImageSelection(event.rawEvent.target as Node) &&\n                event.rawEvent.button === MouseRightButton;\n            this.applyFormatWithContentModel(editor, this.isCropMode, shouldSelectImage);\n        }\n    }\n\n    private mouseDownHandler(editor: IEditor, event: MouseDownEvent) {\n        if (\n            this.isEditing &&\n            this.isImageSelection(event.rawEvent.target as Node) &&\n            event.rawEvent.button !== MouseRightButton &&\n            !this.isCropMode\n        ) {\n            this.applyFormatWithContentModel(editor, this.isCropMode);\n        }\n    }\n\n    private onDropHandler(editor: IEditor) {\n        const selection = editor.getDOMSelection();\n        if (selection?.type == 'image') {\n            editor.formatContentModel(model => {\n                const imageDragged = findEditingImage(model, selection.image.id);\n                const imageDropped = findEditingImage(\n                    model,\n                    selection.image.id.replace(DRAG_ID, '').trim()\n                );\n                if (imageDragged && imageDropped) {\n                    const draggedIndex = imageDragged.paragraph.segments.indexOf(\n                        imageDragged.image\n                    );\n                    mutateBlock(imageDragged.paragraph).segments.splice(draggedIndex, 1);\n                    const segment = imageDropped.image;\n                    const paragraph = imageDropped.paragraph;\n                    mutateSegment(paragraph, segment, image => {\n                        image.isSelected = true;\n                        image.isSelectedAsImageSelection = true;\n                    });\n\n                    return true;\n                }\n                return false;\n            });\n        }\n    }\n\n    private keyDownHandler(editor: IEditor, event: KeyDownEvent) {\n        if (this.isEditing) {\n            if (\n                event.rawEvent.key === 'Escape' ||\n                event.rawEvent.key === 'Delete' ||\n                event.rawEvent.key === 'Backspace'\n            ) {\n                if (event.rawEvent.key === 'Escape') {\n                    this.removeImageWrapper();\n                }\n                this.cleanInfo();\n            } else {\n                if (event.rawEvent.key == 'Enter' && this.isCropMode) {\n                    event.rawEvent.preventDefault();\n                }\n                this.applyFormatWithContentModel(\n                    editor,\n                    this.isCropMode,\n                    true /** should selectImage */,\n                    false /* isApiOperation */\n                );\n            }\n        }\n    }\n\n    private setContentHandler() {\n        if (this.selectedImage) {\n            this.cleanInfo();\n            setImageState(this.selectedImage, '');\n            this.isEditing = false;\n            this.isCropMode = false;\n        }\n    }\n\n    private formatEventHandler(event: ContentChangedEvent) {\n        if (this.isEditing && event.formatApiName !== IMAGE_EDIT_FORMAT_EVENT) {\n            this.cleanInfo();\n            this.isEditing = false;\n            this.isCropMode = false;\n        }\n    }\n\n    private contentChangedHandler(editor: IEditor, event: ContentChangedEvent) {\n        switch (event.source) {\n            case ChangeSource.SetContent:\n                this.setContentHandler();\n                break;\n            case ChangeSource.Format:\n                this.formatEventHandler(event);\n                break;\n            case ChangeSource.Drop:\n                this.onDropHandler(editor);\n                break;\n        }\n    }\n\n    /**\n     * EXPOSED FOR TESTING PURPOSE ONLY\n     */\n    protected applyFormatWithContentModel(\n        editor: IEditor,\n        isCropMode: boolean,\n        shouldSelectImage?: boolean,\n        isApiOperation?: boolean\n    ) {\n        let editingImageModel: ContentModelImage | undefined;\n        const selection = editor.getDOMSelection();\n        let isRTL: boolean = false;\n\n        editor.formatContentModel(\n            (model, context) => {\n                const editingImage = getSelectedImage(model);\n                const previousSelectedImage = isApiOperation\n                    ? editingImage\n                    : findEditingImage(model);\n                let result = false;\n\n                // Skip adding undo snapshot for now. If we detect any changes later, we will reset it\n                context.skipUndoSnapshot = 'SkipAll';\n\n                if (\n                    shouldSelectImage ||\n                    previousSelectedImage?.image != editingImage?.image ||\n                    previousSelectedImage?.image.format.imageState == EDITING_MARKER ||\n                    isApiOperation\n                ) {\n                    const { lastSrc, selectedImage, imageEditInfo, clonedImage } = this;\n                    if (\n                        (this.isEditing || isApiOperation) &&\n                        previousSelectedImage &&\n                        lastSrc &&\n                        selectedImage &&\n                        imageEditInfo &&\n                        clonedImage\n                    ) {\n                        mutateSegment(\n                            previousSelectedImage.paragraph,\n                            previousSelectedImage.image,\n                            image => {\n                                const changeState = applyChange(\n                                    editor,\n                                    selectedImage,\n                                    image,\n                                    imageEditInfo,\n                                    lastSrc,\n                                    this.wasImageResized || this.isCropMode,\n                                    clonedImage\n                                );\n\n                                if (this.wasImageResized || changeState == 'FullyChanged') {\n                                    context.skipUndoSnapshot = false;\n                                }\n                                const isSameImage =\n                                    previousSelectedImage?.image === editingImage?.image;\n                                image.isSelected = isSameImage || shouldSelectImage;\n                                image.isSelectedAsImageSelection = isSameImage || shouldSelectImage;\n                                image.format.imageState = undefined;\n\n                                if (selection?.type == 'range' && !selection.range.collapsed) {\n                                    const selectedParagraphs = getSelectedParagraphs(model, true);\n                                    const isImageInRange = selectedParagraphs.some(paragraph =>\n                                        paragraph.segments.includes(image)\n                                    );\n                                    if (isImageInRange) {\n                                        image.isSelected = true;\n                                    }\n                                }\n                            }\n                        );\n\n                        if (shouldSelectImage) {\n                            normalizeImageSelection(previousSelectedImage);\n                        }\n\n                        this.cleanInfo();\n                        result = true;\n                    }\n\n                    this.isEditing = false;\n                    this.isCropMode = false;\n\n                    if (\n                        editingImage &&\n                        selection?.type == 'image' &&\n                        !shouldSelectImage &&\n                        !isApiOperation\n                    ) {\n                        this.isEditing = true;\n                        this.isCropMode = isCropMode;\n                        mutateSegment(editingImage.paragraph, editingImage.image, image => {\n                            editingImageModel = image;\n                            isRTL = editingImage.paragraph.format.direction == 'rtl';\n                            this.imageEditInfo = updateImageEditInfo(image, selection.image);\n                            image.format.imageState = 'isEditing';\n                        });\n\n                        result = true;\n                    }\n                }\n\n                return result;\n            },\n            {\n                onNodeCreated: (model, node) => {\n                    if (\n                        !isApiOperation &&\n                        editingImageModel &&\n                        editingImageModel == model &&\n                        editingImageModel.format.imageState == EDITING_MARKER &&\n                        isNodeOfType(node, 'ELEMENT_NODE') &&\n                        isElementOfType(node, 'img')\n                    ) {\n                        if (isCropMode) {\n                            this.startCropMode(editor, node, isRTL);\n                        } else {\n                            this.startRotateAndResize(editor, node, isRTL);\n                        }\n                    }\n                },\n                apiName: IMAGE_EDIT_FORMAT_EVENT,\n            },\n            {\n                tryGetFromCache: true,\n            }\n        );\n    }\n\n    private startEditing(\n        editor: IEditor,\n        image: HTMLImageElement,\n        apiOperation: ImageEditOperation[]\n    ) {\n        if (!this.imageEditInfo) {\n            this.imageEditInfo = getSelectedImageMetadata(editor, image);\n        }\n\n        if (\n            (this.imageEditInfo.widthPx == 0 || this.imageEditInfo.heightPx == 0) &&\n            !image.complete\n        ) {\n            // Image dimensions are zero and loading is incomplete, wait for image to load.\n            image.onload = () => {\n                this.updateImageDimensionsIfZero(image);\n                this.startEditingInternal(editor, image, apiOperation);\n                image.onload = null;\n                image.onerror = null;\n            };\n            image.onerror = () => {\n                image.onload = null;\n                image.onerror = null;\n            };\n        } else {\n            this.updateImageDimensionsIfZero(image);\n            this.startEditingInternal(editor, image, apiOperation);\n        }\n    }\n\n    private updateImageDimensionsIfZero(image: HTMLImageElement) {\n        if (this.imageEditInfo?.widthPx === 0 || this.imageEditInfo?.heightPx === 0) {\n            this.imageEditInfo.widthPx = image.clientWidth;\n            this.imageEditInfo.heightPx = image.clientHeight;\n        }\n    }\n\n    private startEditingInternal(\n        editor: IEditor,\n        image: HTMLImageElement,\n        apiOperation: ImageEditOperation[]\n    ) {\n        if (!this.imageEditInfo) {\n            this.imageEditInfo = getSelectedImageMetadata(editor, image);\n        }\n\n        this.imageHTMLOptions = getHTMLImageOptions(editor, this.options, this.imageEditInfo);\n        this.lastSrc = image.getAttribute('src');\n\n        const {\n            resizers,\n            rotators,\n            wrapper,\n            shadowSpan,\n            imageClone,\n            croppers,\n        } = createImageWrapper(\n            editor,\n            image,\n            this.options,\n            this.imageEditInfo,\n            this.imageHTMLOptions,\n            apiOperation\n        );\n        this.shadowSpan = shadowSpan;\n        this.selectedImage = image;\n        this.wrapper = wrapper;\n        this.clonedImage = imageClone;\n        this.wasImageResized = checkIfImageWasResized(image);\n        this.resizers = resizers;\n        this.rotators = rotators;\n        this.croppers = croppers;\n        this.zoomScale = editor.getDOMHelper().calculateZoomScale();\n\n        editor.setEditorStyle(IMAGE_EDIT_CLASS, `outline-style:none!important;`, [\n            `span:has(>img${getSafeIdSelector(this.selectedImage.id)})`,\n        ]);\n\n        editor.setEditorStyle(IMAGE_EDIT_CLASS_CARET, `caret-color: transparent;`);\n    }\n\n    public startRotateAndResize(editor: IEditor, image: HTMLImageElement, isRTL: boolean) {\n        if (this.imageEditInfo) {\n            this.startEditing(editor, image, ['resize', 'rotate']);\n            if (this.selectedImage && this.imageEditInfo && this.wrapper && this.clonedImage) {\n                const isMobileOrTable = !!editor.getEnvironment().isMobileOrTablet;\n                this.dndHelpers = [\n                    ...getDropAndDragHelpers(\n                        this.wrapper,\n                        this.imageEditInfo,\n                        this.options,\n                        ImageEditElementClass.ResizeHandle,\n                        Resizer,\n                        () => {\n                            if (\n                                this.imageEditInfo &&\n                                this.selectedImage &&\n                                this.wrapper &&\n                                this.clonedImage\n                            ) {\n                                updateWrapper(\n                                    this.imageEditInfo,\n                                    this.options,\n                                    this.selectedImage,\n                                    this.clonedImage,\n                                    this.wrapper,\n                                    this.resizers,\n                                    undefined /* croppers */,\n                                    isRTL\n                                );\n                                this.wasImageResized = true;\n                            }\n                        },\n                        this.zoomScale,\n                        isMobileOrTable\n                    ),\n                    ...getDropAndDragHelpers(\n                        this.wrapper,\n                        this.imageEditInfo,\n                        this.options,\n                        ImageEditElementClass.RotateHandle,\n                        Rotator,\n                        () => {\n                            if (\n                                this.imageEditInfo &&\n                                this.selectedImage &&\n                                this.wrapper &&\n                                this.clonedImage\n                            ) {\n                                updateWrapper(\n                                    this.imageEditInfo,\n                                    this.options,\n                                    this.selectedImage,\n                                    this.clonedImage,\n                                    this.wrapper,\n                                    undefined /* resizers */,\n                                    undefined /* croppers */,\n                                    isRTL,\n                                    true /* isRotating */\n                                );\n                                this.updateRotateHandleState(\n                                    editor,\n                                    this.selectedImage,\n                                    this.wrapper,\n                                    this.rotators,\n                                    this.imageEditInfo?.angleRad,\n                                    !!this.options?.disableSideResize\n                                );\n                                this.updateResizeHandleDirection(\n                                    this.resizers,\n                                    this.imageEditInfo.angleRad\n                                );\n                            }\n                        },\n                        this.zoomScale,\n                        isMobileOrTable\n                    ),\n                ];\n\n                updateWrapper(\n                    this.imageEditInfo,\n                    this.options,\n                    this.selectedImage,\n                    this.clonedImage,\n                    this.wrapper,\n                    this.resizers,\n                    undefined /* croppers */,\n                    isRTL\n                );\n\n                this.updateRotateHandleState(\n                    editor,\n                    this.selectedImage,\n                    this.wrapper,\n                    this.rotators,\n                    this.imageEditInfo?.angleRad,\n                    !!this.options?.disableSideResize\n                );\n            }\n        }\n    }\n\n    private updateResizeHandleDirection(resizers: HTMLDivElement[], angleRad: number | undefined) {\n        const resizeHandles = filterInnerResizerHandles(resizers);\n        if (angleRad !== undefined) {\n            updateHandleCursor(resizeHandles, angleRad);\n        }\n    }\n\n    private updateRotateHandleState(\n        editor: IEditor,\n        image: HTMLImageElement,\n        wrapper: HTMLSpanElement,\n        rotators: HTMLDivElement[],\n        angleRad: number | undefined,\n        disableSideResize: boolean\n    ) {\n        const viewport = editor.getVisibleViewport();\n        const smallImage = isASmallImage(image.width, image.height);\n        if (viewport && rotators && rotators.length > 0) {\n            const rotator = rotators[0];\n            const rotatorHandle = rotator.firstElementChild;\n            if (\n                isNodeOfType(rotatorHandle, 'ELEMENT_NODE') &&\n                isElementOfType(rotatorHandle, 'div')\n            ) {\n                updateRotateHandle(\n                    viewport,\n                    angleRad ?? 0,\n                    wrapper,\n                    rotator,\n                    rotatorHandle,\n                    smallImage,\n                    disableSideResize\n                );\n            }\n        }\n    }\n\n    public isOperationAllowed(operation: ImageEditOperation): boolean {\n        return (\n            operation === 'resize' ||\n            operation === 'rotate' ||\n            operation === 'flip' ||\n            operation === 'crop'\n        );\n    }\n\n    public canRegenerateImage(image: HTMLImageElement): boolean {\n        return canRegenerateImage(image);\n    }\n\n    private startCropMode(editor: IEditor, image: HTMLImageElement, isRTL: boolean) {\n        if (this.imageEditInfo) {\n            this.startEditing(editor, image, ['crop']);\n            if (this.imageEditInfo && this.selectedImage && this.wrapper && this.clonedImage) {\n                this.dndHelpers = [\n                    ...getDropAndDragHelpers(\n                        this.wrapper,\n                        this.imageEditInfo,\n                        this.options,\n                        ImageEditElementClass.CropHandle,\n                        Cropper,\n                        () => {\n                            if (\n                                this.imageEditInfo &&\n                                this.selectedImage &&\n                                this.wrapper &&\n                                this.clonedImage\n                            ) {\n                                updateWrapper(\n                                    this.imageEditInfo,\n                                    this.options,\n                                    this.selectedImage,\n                                    this.clonedImage,\n                                    this.wrapper,\n                                    undefined /* resizers */,\n                                    this.croppers,\n                                    isRTL\n                                );\n                                this.isCropMode = true;\n                            }\n                        },\n                        this.zoomScale,\n                        !!editor.getEnvironment().isMobileOrTablet\n                    ),\n                ];\n                updateWrapper(\n                    this.imageEditInfo,\n                    this.options,\n                    this.selectedImage,\n                    this.clonedImage,\n                    this.wrapper,\n                    undefined /* resizers */,\n                    this.croppers,\n                    isRTL\n                );\n            }\n        }\n    }\n\n    public cropImage() {\n        if (!this.editor) {\n            return;\n        }\n        if (!this.editor.getEnvironment().isSafari) {\n            this.editor.focus(); // Safari will keep the selection when click crop, then the focus() call should not be called\n        }\n        const selection = this.editor.getDOMSelection();\n        if (selection?.type == 'image') {\n            this.applyFormatWithContentModel(\n                this.editor,\n                true /* isCropMode */,\n                false /* shouldSelectImage */\n            );\n        }\n    }\n\n    private editImage(\n        editor: IEditor,\n        image: HTMLImageElement,\n        apiOperation: ImageEditOperation[],\n        operation: (imageEditInfo: ImageMetadataFormat) => void\n    ) {\n        this.startEditing(editor, image, apiOperation);\n        if (!this.selectedImage || !this.imageEditInfo || !this.wrapper || !this.clonedImage) {\n            return;\n        }\n\n        operation(this.imageEditInfo);\n\n        updateWrapper(\n            this.imageEditInfo,\n            this.options,\n            this.selectedImage,\n            this.clonedImage,\n            this.wrapper\n        );\n\n        this.applyFormatWithContentModel(\n            editor,\n            false /* isCrop */,\n            true /* shouldSelect*/,\n            true /* isApiOperation */\n        );\n    }\n\n    /**\n     * Exported for testing purpose only\n     */\n    public cleanInfo() {\n        this.editor?.setEditorStyle(IMAGE_EDIT_CLASS, null);\n        this.editor?.setEditorStyle(IMAGE_EDIT_CLASS_CARET, null);\n        this.selectedImage = null;\n        this.shadowSpan = null;\n        this.wrapper = null;\n        this.imageEditInfo = null;\n        this.imageHTMLOptions = null;\n        this.dndHelpers.forEach(helper => helper.dispose());\n        this.dndHelpers = [];\n        this.clonedImage = null;\n        this.lastSrc = null;\n        this.wasImageResized = false;\n        this.isCropMode = false;\n        this.resizers = [];\n        this.rotators = [];\n        this.croppers = [];\n    }\n\n    private removeImageWrapper() {\n        let image: HTMLImageElement | null = null;\n        if (this.shadowSpan && this.shadowSpan.parentElement) {\n            if (\n                this.shadowSpan.firstElementChild &&\n                isNodeOfType(this.shadowSpan.firstElementChild, 'ELEMENT_NODE') &&\n                isElementOfType(this.shadowSpan.firstElementChild, 'img')\n            ) {\n                image = this.shadowSpan.firstElementChild;\n            }\n            unwrap(this.shadowSpan);\n            this.shadowSpan = null;\n            this.wrapper = null;\n        }\n\n        return image;\n    }\n\n    public flipImage(direction: 'horizontal' | 'vertical') {\n        const selection = this.editor?.getDOMSelection();\n        if (!this.editor || !selection || selection.type !== 'image') {\n            return;\n        }\n        const image = selection.image;\n        if (this.editor) {\n            this.editImage(this.editor, image, ['flip'], imageEditInfo => {\n                const angleRad = imageEditInfo.angleRad || 0;\n                const isInVerticalPostion =\n                    (angleRad >= Math.PI / 2 && angleRad < (3 * Math.PI) / 4) ||\n                    (angleRad <= -Math.PI / 2 && angleRad > (-3 * Math.PI) / 4);\n                if (isInVerticalPostion) {\n                    if (direction === 'horizontal') {\n                        imageEditInfo.flippedVertical = !imageEditInfo.flippedVertical;\n                    } else {\n                        imageEditInfo.flippedHorizontal = !imageEditInfo.flippedHorizontal;\n                    }\n                } else {\n                    if (direction === 'vertical') {\n                        imageEditInfo.flippedVertical = !imageEditInfo.flippedVertical;\n                    } else {\n                        imageEditInfo.flippedHorizontal = !imageEditInfo.flippedHorizontal;\n                    }\n                }\n            });\n        }\n    }\n\n    public rotateImage(angleRad: number) {\n        const selection = this.editor?.getDOMSelection();\n        if (!this.editor || !selection || selection.type !== 'image') {\n            return;\n        }\n        const image = selection.image;\n        if (this.editor) {\n            this.editImage(this.editor, image, [], imageEditInfo => {\n                imageEditInfo.angleRad = (imageEditInfo.angleRad || 0) + angleRad;\n            });\n        }\n    }\n}\n"]}

package/lib-amd/imageEdit/utils/generateDataURL.js

@@ -37,14 +37,19 @@ define(["require", "exports", "./generateImageSize"], function (require, exports
         canvas.width = targetWidth * devicePixelRatio;
         canvas.height = targetHeight * devicePixelRatio;
         var context = canvas.getContext('2d');
-        if (context) {
-            context.scale(devicePixelRatio, devicePixelRatio);
-            context.translate(targetWidth / 2, targetHeight / 2);
-            context.rotate(angle);
-            context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);
-            context.drawImage(image, nWidth * left, nHeight * top, imageWidth, imageHeight, -width / 2, -height / 2, width, height);
+        try {
+            if (context) {
+                context.scale(devicePixelRatio, devicePixelRatio);
+                context.translate(targetWidth / 2, targetHeight / 2);
+                context.rotate(angle);
+                context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);
+                context.drawImage(image, nWidth * left, nHeight * top, imageWidth, imageHeight, -width / 2, -height / 2, width, height);
+            }
+            return canvas.toDataURL('image/png', 1.0);
+        }
+        catch (_a) {
+            return image.src;
         }
-        return canvas.toDataURL('image/png', 1.0);
     }
     exports.generateDataURL = generateDataURL;
 });

package/lib-amd/imageEdit/utils/generateDataURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateDataURL.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateDataURL.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;;;;OAUG;IACH,SAAgB,eAAe,CAAC,KAAuB,EAAE,QAA6B;QAClF,IAAM,kBAAkB,GAAG,IAAA,yCAAqB,EAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,kBAAkB,EAAE;YACrB,OAAO,EAAE,CAAC;SACb;QAGG,IAAA,QAAQ,GASR,QAAQ,SATA,EACR,OAAO,GAQP,QAAQ,QARD,EACP,QAAQ,GAOR,QAAQ,SAPA,EACR,aAAa,GAMb,QAAQ,cANK,EACb,WAAW,GAKX,QAAQ,YALG,EACX,YAAY,GAIZ,QAAQ,aAJI,EACZ,UAAU,GAGV,QAAQ,WAHE,EACV,YAAY,GAEZ,QAAQ,aAFI,EACZ,aAAa,GACb,QAAQ,cADK,CACJ;QACb,IAAM,KAAK,GAAG,QAAQ,IAAI,CAAC,CAAC;QAC5B,IAAM,IAAI,GAAG,WAAW,IAAI,CAAC,CAAC;QAC9B,IAAM,KAAK,GAAG,YAAY,IAAI,CAAC,CAAC;QAChC,IAAM,GAAG,GAAG,UAAU,IAAI,CAAC,CAAC;QAC5B,IAAM,MAAM,GAAG,aAAa,IAAI,CAAC,CAAC;QAClC,IAAM,OAAO,GAAG,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC;QACrD,IAAM,MAAM,GAAG,YAAY,IAAI,KAAK,CAAC,aAAa,CAAC;QACnD,IAAM,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC;QAC3C,IAAM,MAAM,GAAG,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC;QAE9C,IAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;QAC/C,IAAM,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;QAEjD,iEAAiE;QACjE,IAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC;QACtD,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxC,IAAA,WAAW,GAAmB,kBAAkB,YAArC,EAAE,YAAY,GAAK,kBAAkB,aAAvB,CAAwB;QACzD,MAAM,CAAC,KAAK,GAAG,WAAW,GAAG,gBAAgB,CAAC;QAC9C,MAAM,CAAC,MAAM,GAAG,YAAY,GAAG,gBAAgB,CAAC;QAEhD,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;YAClD,OAAO,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;YACrD,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtF,OAAO,CAAC,SAAS,CACb,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,GAAG,EACb,UAAU,EACV,WAAW,EACX,CAAC,KAAK,GAAG,CAAC,EACV,CAAC,MAAM,GAAG,CAAC,EACX,KAAK,EACL,MAAM,CACT,CAAC;SACL;QAED,OAAO,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAC9C,CAAC;IAzDD,0CAyDC","sourcesContent":["import { getGeneratedImageSize } from './generateImageSize';\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Generate new dataURL from an image and edit info\n * @param image The image to generate data URL from. It is supposed to have original src loaded\n * @param editInfo Edit info of the image\n * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.\n * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.\n * It is possible to throw exception since the original image may not be able to read its content from\n * the code, so better check canRegenerateImage() of the image first.\n * @throws Exception when fail to generate dataURL from canvas\n */\nexport function generateDataURL(image: HTMLImageElement, editInfo: ImageMetadataFormat): string {\n    const generatedImageSize = getGeneratedImageSize(editInfo);\n    if (!generatedImageSize) {\n        return '';\n    }\n\n    const {\n        angleRad,\n        widthPx,\n        heightPx,\n        bottomPercent,\n        leftPercent,\n        rightPercent,\n        topPercent,\n        naturalWidth,\n        naturalHeight,\n    } = editInfo;\n    const angle = angleRad || 0;\n    const left = leftPercent || 0;\n    const right = rightPercent || 0;\n    const top = topPercent || 0;\n    const bottom = bottomPercent || 0;\n    const nHeight = naturalHeight || image.naturalHeight;\n    const nWidth = naturalWidth || image.naturalHeight;\n    const width = widthPx || image.clientWidth;\n    const height = heightPx || image.clientHeight;\n\n    const imageWidth = nWidth * (1 - left - right);\n    const imageHeight = nHeight * (1 - top - bottom);\n\n    // Adjust the canvas size and scaling for high display resolution\n    const devicePixelRatio = window.devicePixelRatio || 1;\n    const canvas = document.createElement('canvas');\n    const { targetWidth, targetHeight } = generatedImageSize;\n    canvas.width = targetWidth * devicePixelRatio;\n    canvas.height = targetHeight * devicePixelRatio;\n\n    const context = canvas.getContext('2d');\n    if (context) {\n        context.scale(devicePixelRatio, devicePixelRatio);\n        context.translate(targetWidth / 2, targetHeight / 2);\n        context.rotate(angle);\n        context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);\n        context.drawImage(\n            image,\n            nWidth * left,\n            nHeight * top,\n            imageWidth,\n            imageHeight,\n            -width / 2,\n            -height / 2,\n            width,\n            height\n        );\n    }\n\n    return canvas.toDataURL('image/png', 1.0);\n}\n"]}
+{"version":3,"file":"generateDataURL.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/imageEdit/utils/generateDataURL.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;;;;OAUG;IACH,SAAgB,eAAe,CAAC,KAAuB,EAAE,QAA6B;QAClF,IAAM,kBAAkB,GAAG,IAAA,yCAAqB,EAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,kBAAkB,EAAE;YACrB,OAAO,EAAE,CAAC;SACb;QAGG,IAAA,QAAQ,GASR,QAAQ,SATA,EACR,OAAO,GAQP,QAAQ,QARD,EACP,QAAQ,GAOR,QAAQ,SAPA,EACR,aAAa,GAMb,QAAQ,cANK,EACb,WAAW,GAKX,QAAQ,YALG,EACX,YAAY,GAIZ,QAAQ,aAJI,EACZ,UAAU,GAGV,QAAQ,WAHE,EACV,YAAY,GAEZ,QAAQ,aAFI,EACZ,aAAa,GACb,QAAQ,cADK,CACJ;QACb,IAAM,KAAK,GAAG,QAAQ,IAAI,CAAC,CAAC;QAC5B,IAAM,IAAI,GAAG,WAAW,IAAI,CAAC,CAAC;QAC9B,IAAM,KAAK,GAAG,YAAY,IAAI,CAAC,CAAC;QAChC,IAAM,GAAG,GAAG,UAAU,IAAI,CAAC,CAAC;QAC5B,IAAM,MAAM,GAAG,aAAa,IAAI,CAAC,CAAC;QAClC,IAAM,OAAO,GAAG,aAAa,IAAI,KAAK,CAAC,aAAa,CAAC;QACrD,IAAM,MAAM,GAAG,YAAY,IAAI,KAAK,CAAC,aAAa,CAAC;QACnD,IAAM,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC;QAC3C,IAAM,MAAM,GAAG,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC;QAE9C,IAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;QAC/C,IAAM,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;QAEjD,iEAAiE;QACjE,IAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC;QACtD,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxC,IAAA,WAAW,GAAmB,kBAAkB,YAArC,EAAE,YAAY,GAAK,kBAAkB,aAAvB,CAAwB;QACzD,MAAM,CAAC,KAAK,GAAG,WAAW,GAAG,gBAAgB,CAAC;QAC9C,MAAM,CAAC,MAAM,GAAG,YAAY,GAAG,gBAAgB,CAAC;QAEhD,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAExC,IAAI;YACA,IAAI,OAAO,EAAE;gBACT,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;gBAClD,OAAO,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;gBACrD,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACtB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACtF,OAAO,CAAC,SAAS,CACb,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,GAAG,EACb,UAAU,EACV,WAAW,EACX,CAAC,KAAK,GAAG,CAAC,EACV,CAAC,MAAM,GAAG,CAAC,EACX,KAAK,EACL,MAAM,CACT,CAAC;aACL;YACD,OAAO,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;SAC7C;QAAC,WAAM;YACJ,OAAO,KAAK,CAAC,GAAG,CAAC;SACpB;IACL,CAAC;IA7DD,0CA6DC","sourcesContent":["import { getGeneratedImageSize } from './generateImageSize';\nimport type { ImageMetadataFormat } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Generate new dataURL from an image and edit info\n * @param image The image to generate data URL from. It is supposed to have original src loaded\n * @param editInfo Edit info of the image\n * @returns A BASE64 encoded string with image prefix that represents the content of the generated image.\n * If there are rotate/crop/resize info in the edit info, the generated image will also reflect the result.\n * It is possible to throw exception since the original image may not be able to read its content from\n * the code, so better check canRegenerateImage() of the image first.\n * @throws Exception when fail to generate dataURL from canvas\n */\nexport function generateDataURL(image: HTMLImageElement, editInfo: ImageMetadataFormat): string {\n    const generatedImageSize = getGeneratedImageSize(editInfo);\n    if (!generatedImageSize) {\n        return '';\n    }\n\n    const {\n        angleRad,\n        widthPx,\n        heightPx,\n        bottomPercent,\n        leftPercent,\n        rightPercent,\n        topPercent,\n        naturalWidth,\n        naturalHeight,\n    } = editInfo;\n    const angle = angleRad || 0;\n    const left = leftPercent || 0;\n    const right = rightPercent || 0;\n    const top = topPercent || 0;\n    const bottom = bottomPercent || 0;\n    const nHeight = naturalHeight || image.naturalHeight;\n    const nWidth = naturalWidth || image.naturalHeight;\n    const width = widthPx || image.clientWidth;\n    const height = heightPx || image.clientHeight;\n\n    const imageWidth = nWidth * (1 - left - right);\n    const imageHeight = nHeight * (1 - top - bottom);\n\n    // Adjust the canvas size and scaling for high display resolution\n    const devicePixelRatio = window.devicePixelRatio || 1;\n    const canvas = document.createElement('canvas');\n    const { targetWidth, targetHeight } = generatedImageSize;\n    canvas.width = targetWidth * devicePixelRatio;\n    canvas.height = targetHeight * devicePixelRatio;\n\n    const context = canvas.getContext('2d');\n\n    try {\n        if (context) {\n            context.scale(devicePixelRatio, devicePixelRatio);\n            context.translate(targetWidth / 2, targetHeight / 2);\n            context.rotate(angle);\n            context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);\n            context.drawImage(\n                image,\n                nWidth * left,\n                nHeight * top,\n                imageWidth,\n                imageHeight,\n                -width / 2,\n                -height / 2,\n                width,\n                height\n            );\n        }\n        return canvas.toDataURL('image/png', 1.0);\n    } catch {\n        return image.src;\n    }\n}\n"]}

package/lib-amd/index.d.ts

@@ -5,7 +5,7 @@ export { TableWithRoot } from './tableEdit/TableWithRoot';
 export { PastePlugin } from './paste/PastePlugin';
 export { DefaultSanitizers } from './paste/DefaultSanitizers';
 export { EditPlugin } from './edit/EditPlugin';
-export { EditOptions } from './edit/EditOptions';
+export { EditOptions, HandleTabOptions } from './edit/EditOptions';
 export { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';
 export { AutoFormatOptions } from './autoFormat/interface/AutoFormatOptions';
 export { ShortcutBold, ShortcutItalic, ShortcutUnderline, ShortcutClearFormat, ShortcutUndo, ShortcutUndo2, ShortcutRedo, ShortcutRedoAlt, ShortcutRedoMacOS, ShortcutBullet, ShortcutNumbering, ShortcutIncreaseFont, ShortcutDecreaseFont, ShortcutIndentList, ShortcutOutdentList, } from './shortcut/shortcuts';

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/roosterjs-content-model-plugins/lib/index.ts"],"names":[],"mappings":";;;;IAAS,kHAAA,eAAe,OAAA;IAIf,0GAAA,WAAW,OAAA;IACX,sHAAA,iBAAiB,OAAA;IACjB,wGAAA,UAAU,OAAA;IAEV,oHAAA,gBAAgB,OAAA;IAIrB,yGAAA,YAAY,OAAA;IACZ,2GAAA,cAAc,OAAA;IACd,8GAAA,iBAAiB,OAAA;IACjB,gHAAA,mBAAmB,OAAA;IACnB,yGAAA,YAAY,OAAA;IACZ,0GAAA,aAAa,OAAA;IACb,yGAAA,YAAY,OAAA;IACZ,4GAAA,eAAe,OAAA;IACf,8GAAA,iBAAiB,OAAA;IACjB,2GAAA,cAAc,OAAA;IACd,8GAAA,iBAAiB,OAAA;IACjB,iHAAA,oBAAoB,OAAA;IACpB,iHAAA,oBAAoB,OAAA;IACpB,+GAAA,kBAAkB,OAAA;IAClB,gHAAA,mBAAmB,OAAA;IAEd,gHAAA,cAAc,OAAA;IAEd,8HAAA,qBAAqB,OAAA;IACrB,kHAAA,eAAe,OAAA;IAEf,oHAAA,gBAAgB,OAAA;IAChB,gHAAA,cAAc,OAAA;IACd,kHAAA,eAAe,OAAA;IAEf,4GAAA,YAAY,OAAA;IAGZ,0HAAA,mBAAmB,OAAA;IACnB,kHAAA,eAAe,OAAA;IAEf,4HAAA,oBAAoB,OAAA;IAEpB,0GAAA,WAAW,OAAA;IACX,sHAAA,iBAAiB,OAAA;IACjB,oIAAA,wBAAwB,OAAA;IACxB,4FAAA,IAAI,OAAA;IACJ,kGAAA,OAAO,OAAA;IACP,8GAAA,aAAa,OAAA;IAIb,gHAAA,cAAc,OAAA","sourcesContent":["export { TableEditPlugin } from './tableEdit/TableEditPlugin';\nexport { OnTableEditorCreatedCallback } from './tableEdit/OnTableEditorCreatedCallback';\nexport { TableEditFeatureName } from './tableEdit/editors/features/TableEditFeatureName';\nexport { TableWithRoot } from './tableEdit/TableWithRoot';\nexport { PastePlugin } from './paste/PastePlugin';\nexport { DefaultSanitizers } from './paste/DefaultSanitizers';\nexport { EditPlugin } from './edit/EditPlugin';\nexport { EditOptions } from './edit/EditOptions';\nexport { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';\nexport { AutoFormatOptions } from './autoFormat/interface/AutoFormatOptions';\n\nexport {\n    ShortcutBold,\n    ShortcutItalic,\n    ShortcutUnderline,\n    ShortcutClearFormat,\n    ShortcutUndo,\n    ShortcutUndo2,\n    ShortcutRedo,\n    ShortcutRedoAlt,\n    ShortcutRedoMacOS,\n    ShortcutBullet,\n    ShortcutNumbering,\n    ShortcutIncreaseFont,\n    ShortcutDecreaseFont,\n    ShortcutIndentList,\n    ShortcutOutdentList,\n} from './shortcut/shortcuts';\nexport { ShortcutPlugin } from './shortcut/ShortcutPlugin';\nexport { ShortcutKeyDefinition, ShortcutCommand } from './shortcut/ShortcutCommand';\nexport { ContextMenuPluginBase, ContextMenuOptions } from './contextMenuBase/ContextMenuPluginBase';\nexport { WatermarkPlugin } from './watermark/WatermarkPlugin';\nexport { WatermarkFormat } from './watermark/WatermarkFormat';\nexport { isModelEmptyFast } from './watermark/isModelEmptyFast';\nexport { MarkdownPlugin, MarkdownOptions } from './markdown/MarkdownPlugin';\nexport { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';\nexport { HyperlinkToolTip } from './hyperlink/HyperlinkToolTip';\nexport { PickerPlugin } from './picker/PickerPlugin';\nexport { PickerHelper } from './picker/PickerHelper';\nexport { PickerSelectionChangMode, PickerDirection, PickerHandler } from './picker/PickerHandler';\nexport { CustomReplacePlugin, CustomReplace } from './customReplace/CustomReplacePlugin';\nexport { ImageEditPlugin } from './imageEdit/ImageEditPlugin';\nexport { ImageEditOptions } from './imageEdit/types/ImageEditOptions';\nexport { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';\nexport { HiddenPropertyOptions } from './hiddenProperty/HiddenPropertyOptions';\nexport { TouchPlugin } from './touch/TouchPlugin';\nexport { FindReplacePlugin } from './findReplace/FindReplacePlugin';\nexport { createFindReplaceContext } from './findReplace/createFindReplaceContext';\nexport { find } from './findReplace/find';\nexport { replace } from './findReplace/replace';\nexport { moveHighlight } from './findReplace/moveHighlight';\nexport { FindReplaceContext } from './findReplace/types/FindReplaceContext';\nexport { HighlightHelper } from './findReplace/types/HighlightHelper';\nexport { FindReplaceHighlightOptions } from './findReplace/types/FindReplaceHighlightOptions';\nexport { AnnouncePlugin } from './announce/AnnouncePlugin';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/roosterjs-content-model-plugins/lib/index.ts"],"names":[],"mappings":";;;;IAAS,kHAAA,eAAe,OAAA;IAIf,0GAAA,WAAW,OAAA;IACX,sHAAA,iBAAiB,OAAA;IACjB,wGAAA,UAAU,OAAA;IAEV,oHAAA,gBAAgB,OAAA;IAIrB,yGAAA,YAAY,OAAA;IACZ,2GAAA,cAAc,OAAA;IACd,8GAAA,iBAAiB,OAAA;IACjB,gHAAA,mBAAmB,OAAA;IACnB,yGAAA,YAAY,OAAA;IACZ,0GAAA,aAAa,OAAA;IACb,yGAAA,YAAY,OAAA;IACZ,4GAAA,eAAe,OAAA;IACf,8GAAA,iBAAiB,OAAA;IACjB,2GAAA,cAAc,OAAA;IACd,8GAAA,iBAAiB,OAAA;IACjB,iHAAA,oBAAoB,OAAA;IACpB,iHAAA,oBAAoB,OAAA;IACpB,+GAAA,kBAAkB,OAAA;IAClB,gHAAA,mBAAmB,OAAA;IAEd,gHAAA,cAAc,OAAA;IAEd,8HAAA,qBAAqB,OAAA;IACrB,kHAAA,eAAe,OAAA;IAEf,oHAAA,gBAAgB,OAAA;IAChB,gHAAA,cAAc,OAAA;IACd,kHAAA,eAAe,OAAA;IAEf,4GAAA,YAAY,OAAA;IAGZ,0HAAA,mBAAmB,OAAA;IACnB,kHAAA,eAAe,OAAA;IAEf,4HAAA,oBAAoB,OAAA;IAEpB,0GAAA,WAAW,OAAA;IACX,sHAAA,iBAAiB,OAAA;IACjB,oIAAA,wBAAwB,OAAA;IACxB,4FAAA,IAAI,OAAA;IACJ,kGAAA,OAAO,OAAA;IACP,8GAAA,aAAa,OAAA;IAIb,gHAAA,cAAc,OAAA","sourcesContent":["export { TableEditPlugin } from './tableEdit/TableEditPlugin';\nexport { OnTableEditorCreatedCallback } from './tableEdit/OnTableEditorCreatedCallback';\nexport { TableEditFeatureName } from './tableEdit/editors/features/TableEditFeatureName';\nexport { TableWithRoot } from './tableEdit/TableWithRoot';\nexport { PastePlugin } from './paste/PastePlugin';\nexport { DefaultSanitizers } from './paste/DefaultSanitizers';\nexport { EditPlugin } from './edit/EditPlugin';\nexport { EditOptions, HandleTabOptions } from './edit/EditOptions';\nexport { AutoFormatPlugin } from './autoFormat/AutoFormatPlugin';\nexport { AutoFormatOptions } from './autoFormat/interface/AutoFormatOptions';\n\nexport {\n    ShortcutBold,\n    ShortcutItalic,\n    ShortcutUnderline,\n    ShortcutClearFormat,\n    ShortcutUndo,\n    ShortcutUndo2,\n    ShortcutRedo,\n    ShortcutRedoAlt,\n    ShortcutRedoMacOS,\n    ShortcutBullet,\n    ShortcutNumbering,\n    ShortcutIncreaseFont,\n    ShortcutDecreaseFont,\n    ShortcutIndentList,\n    ShortcutOutdentList,\n} from './shortcut/shortcuts';\nexport { ShortcutPlugin } from './shortcut/ShortcutPlugin';\nexport { ShortcutKeyDefinition, ShortcutCommand } from './shortcut/ShortcutCommand';\nexport { ContextMenuPluginBase, ContextMenuOptions } from './contextMenuBase/ContextMenuPluginBase';\nexport { WatermarkPlugin } from './watermark/WatermarkPlugin';\nexport { WatermarkFormat } from './watermark/WatermarkFormat';\nexport { isModelEmptyFast } from './watermark/isModelEmptyFast';\nexport { MarkdownPlugin, MarkdownOptions } from './markdown/MarkdownPlugin';\nexport { HyperlinkPlugin } from './hyperlink/HyperlinkPlugin';\nexport { HyperlinkToolTip } from './hyperlink/HyperlinkToolTip';\nexport { PickerPlugin } from './picker/PickerPlugin';\nexport { PickerHelper } from './picker/PickerHelper';\nexport { PickerSelectionChangMode, PickerDirection, PickerHandler } from './picker/PickerHandler';\nexport { CustomReplacePlugin, CustomReplace } from './customReplace/CustomReplacePlugin';\nexport { ImageEditPlugin } from './imageEdit/ImageEditPlugin';\nexport { ImageEditOptions } from './imageEdit/types/ImageEditOptions';\nexport { HiddenPropertyPlugin } from './hiddenProperty/HiddenPropertyPlugin';\nexport { HiddenPropertyOptions } from './hiddenProperty/HiddenPropertyOptions';\nexport { TouchPlugin } from './touch/TouchPlugin';\nexport { FindReplacePlugin } from './findReplace/FindReplacePlugin';\nexport { createFindReplaceContext } from './findReplace/createFindReplaceContext';\nexport { find } from './findReplace/find';\nexport { replace } from './findReplace/replace';\nexport { moveHighlight } from './findReplace/moveHighlight';\nexport { FindReplaceContext } from './findReplace/types/FindReplaceContext';\nexport { HighlightHelper } from './findReplace/types/HighlightHelper';\nexport { FindReplaceHighlightOptions } from './findReplace/types/FindReplaceHighlightOptions';\nexport { AnnouncePlugin } from './announce/AnnouncePlugin';\n"]}

package/lib-amd/paste/PastePlugin.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "./utils/addParser", "./parsers/blockElementParser", "./utils/chainSanitizerCallback", "./DefaultSanitizers", "./parsers/deprecatedColorParser", "roosterjs-content-model-dom", "./pasteSourceValidations/getPasteSource", "./parsers/imageSizeParser", "./parsers/linkParser", "./processors/pasteButtonProcessor", "./pasteSourceValidations/constants", "./Excel/processPastedContentFromExcel", "./oneNote/processPastedContentFromOneNote", "./PowerPoint/processPastedContentFromPowerPoint", "./WordDesktop/processPastedContentFromWordDesktop", "./WacComponents/processPastedContentWacComponents", "./utils/setProcessor", "./parsers/tableBorderParser"], function (require, exports, tslib_1, addParser_1, blockElementParser_1, chainSanitizerCallback_1, DefaultSanitizers_1, deprecatedColorParser_1, roosterjs_content_model_dom_1, getPasteSource_1, imageSizeParser_1, linkParser_1, pasteButtonProcessor_1, constants_1, processPastedContentFromExcel_1, processPastedContentFromOneNote_1, processPastedContentFromPowerPoint_1, processPastedContentFromWordDesktop_1, processPastedContentWacComponents_1, setProcessor_1, tableBorderParser_1) {
+define(["require", "exports", "tslib", "./utils/addParser", "./parsers/blockElementParser", "./utils/chainSanitizerCallback", "./DefaultSanitizers", "./parsers/deprecatedColorParser", "./pasteSourceValidations/getDocumentSource", "roosterjs-content-model-dom", "./parsers/imageSizeParser", "./parsers/linkParser", "./processors/pasteButtonProcessor", "./pasteSourceValidations/constants", "./Excel/processPastedContentFromExcel", "./oneNote/processPastedContentFromOneNote", "./PowerPoint/processPastedContentFromPowerPoint", "./WordDesktop/processPastedContentFromWordDesktop", "./WacComponents/processPastedContentWacComponents", "./utils/setProcessor", "./parsers/tableBorderParser"], function (require, exports, tslib_1, addParser_1, blockElementParser_1, chainSanitizerCallback_1, DefaultSanitizers_1, deprecatedColorParser_1, getDocumentSource_1, roosterjs_content_model_dom_1, imageSizeParser_1, linkParser_1, pasteButtonProcessor_1, constants_1, processPastedContentFromExcel_1, processPastedContentFromOneNote_1, processPastedContentFromPowerPoint_1, processPastedContentFromWordDesktop_1, processPastedContentWacComponents_1, setProcessor_1, tableBorderParser_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PastePlugin = void 0;
@@ -62,11 +62,19 @@ define(["require", "exports", "tslib", "./utils/addParser", "./parsers/blockElem
             if (!event.domToModelOption) {
                 return;
             }
-            var pasteSource = (0, getPasteSource_1.getPasteSource)(event, false /* shouldConvertSingleImage */, this.editor.getEnvironment());
+            var htmlAttributes = event.htmlAttributes, clipboardData = event.clipboardData, fragment = event.fragment;
+            var pasteSource = (0, getDocumentSource_1.getDocumentSource)({
+                htmlAttributes: htmlAttributes,
+                fragment: fragment,
+                clipboardItemTypes: clipboardData.types,
+                htmlFirstLevelChildTags: clipboardData.htmlFirstLevelChildTags,
+                environment: this.editor.getEnvironment(),
+                rawHtml: clipboardData.rawHtml,
+            });
             var pasteType = event.pasteType;
             switch (pasteSource) {
                 case 'wordDesktop':
-                    (0, processPastedContentFromWordDesktop_1.processPastedContentFromWordDesktop)(event);
+                    (0, processPastedContentFromWordDesktop_1.processPastedContentFromWordDesktop)(event.domToModelOption, event.htmlBefore || event.clipboardData.rawHtml || '');
                     break;
                 case 'wacComponents':
                     (0, processPastedContentWacComponents_1.processPastedContentWacComponents)(event);