{"version":3,"file":"index.cjs","names":["Mark","mergeAttributes"],"sources":["../../src/text-style/index.ts"],"sourcesContent":["import { Mark, mergeAttributes } from '@tiptap/core'\n\nimport type { TextStyleAttributes } from '../index.js'\n\nexport interface TextStyleOptions {\n /**\n * HTML attributes to add to the span element.\n * @default {}\n * @example { class: 'foo' }\n */\n HTMLAttributes: Record\n /**\n * When enabled, merges the styles of nested spans into the child span during HTML parsing.\n * This prioritizes the style of the child span.\n * Used when parsing content created in other editors.\n * (Fix for ProseMirror's default behavior.)\n * @default true\n */\n mergeNestedSpanStyles: boolean\n}\n\ndeclare module '@tiptap/core' {\n interface Commands {\n textStyle: {\n /**\n * Remove spans without inline style attributes.\n * @example editor.commands.removeEmptyTextStyle()\n */\n removeEmptyTextStyle: () => ReturnType\n /**\n * Toggle a text style\n * @param attributes The text style attributes\n * @example editor.commands.toggleTextStyle({ fontWeight: 'bold' })\n */\n toggleTextStyle: (attributes?: TextStyleAttributes) => ReturnType\n }\n }\n}\n\nconst MAX_FIND_CHILD_SPAN_DEPTH = 20\n\n/**\n * Returns all next child spans, either direct children or nested deeper\n * but won't traverse deeper into child spans found, will only go MAX_FIND_CHILD_SPAN_DEPTH levels deep (default: 20)\n */\nconst findChildSpans = (element: HTMLElement, depth = 0): HTMLElement[] => {\n const childSpans: HTMLElement[] = []\n\n if (!element.children.length || depth > MAX_FIND_CHILD_SPAN_DEPTH) {\n return childSpans\n }\n\n Array.from(element.children).forEach(child => {\n if (child.tagName === 'SPAN') {\n childSpans.push(child as HTMLElement)\n } else if (child.children.length) {\n childSpans.push(...findChildSpans(child as HTMLElement, depth + 1))\n }\n })\n\n return childSpans\n}\n\nconst mergeNestedSpanStyles = (element: HTMLElement) => {\n if (!element.children.length) {\n return\n }\n\n const childSpans = findChildSpans(element)\n\n if (!childSpans) {\n return\n }\n\n childSpans.forEach(childSpan => {\n const childStyle = childSpan.getAttribute('style')\n const closestParentSpanStyleOfChild = childSpan.parentElement\n ?.closest('span')\n ?.getAttribute('style')\n\n childSpan.setAttribute('style', `${closestParentSpanStyleOfChild};${childStyle}`)\n })\n}\n\n/**\n * This extension allows you to create text styles. It is required by default\n * for the `text-color` and `font-family` extensions.\n * @see https://www.tiptap.dev/api/marks/text-style\n */\nexport const TextStyle = Mark.create({\n name: 'textStyle',\n\n priority: 101,\n\n addOptions() {\n return {\n HTMLAttributes: {},\n mergeNestedSpanStyles: true,\n }\n },\n\n parseHTML() {\n return [\n {\n tag: 'span',\n consuming: false,\n getAttrs: element => {\n const hasStyles = (element as HTMLElement).hasAttribute('style')\n\n if (!hasStyles) {\n return false\n }\n\n if (this.options.mergeNestedSpanStyles) {\n mergeNestedSpanStyles(element)\n }\n\n return {}\n },\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['span', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n },\n\n addCommands() {\n return {\n toggleTextStyle:\n attributes =>\n ({ commands }) => {\n return commands.toggleMark(this.name, attributes)\n },\n removeEmptyTextStyle:\n () =>\n ({ tr }) => {\n const { selection } = tr\n\n // Gather all of the nodes within the selection range.\n // We would need to go through each node individually\n // to check if it has any inline style attributes.\n // Otherwise, calling commands.unsetMark(this.name)\n // removes everything from all the nodes\n // within the selection range.\n tr.doc.nodesBetween(selection.from, selection.to, (node, pos) => {\n // Skip non-inline nodes, the text style only applies to spans\n if (!node.isInline) {\n return true\n }\n\n // Check if the node has no inline style attributes.\n // Filter out non-`textStyle` marks.\n if (\n !node.marks\n .filter(mark => mark.type === this.type)\n .some(mark => Object.values(mark.attrs).some(value => !!value))\n ) {\n // Proceed with the removal of the `textStyle` mark for this node only\n tr.removeMark(pos, pos + node.nodeSize, this.type)\n }\n })\n\n return true\n },\n }\n },\n})\n"],"mappings":";;;AAuCA,MAAM,4BAA4B;;;;;AAMlC,MAAM,kBAAkB,SAAsB,QAAQ,MAAqB;CACzE,MAAM,aAA4B,CAAC;CAEnC,IAAI,CAAC,QAAQ,SAAS,UAAU,QAAQ,2BACtC,OAAO;CAGT,MAAM,KAAK,QAAQ,QAAQ,CAAC,CAAC,SAAQ,UAAS;EAC5C,IAAI,MAAM,YAAY,QACpB,WAAW,KAAK,KAAoB;OAC/B,IAAI,MAAM,SAAS,QACxB,WAAW,KAAK,GAAG,eAAe,OAAsB,QAAQ,CAAC,CAAC;CAEtE,CAAC;CAED,OAAO;AACT;AAEA,MAAM,yBAAyB,YAAyB;CACtD,IAAI,CAAC,QAAQ,SAAS,QACpB;CAGF,MAAM,aAAa,eAAe,OAAO;CAEzC,IAAI,CAAC,YACH;CAGF,WAAW,SAAQ,cAAa;;EAC9B,MAAM,aAAa,UAAU,aAAa,OAAO;EACjD,MAAM,iCAAA,wBAAgC,UAAU,mBAAA,QAAA,0BAAA,KAAA,MAAA,wBAAA,sBAC5C,QAAQ,MAAM,OAAA,QAAA,0BAAA,KAAA,IAAA,KAAA,IAAA,sBACd,aAAa,OAAO;EAExB,UAAU,aAAa,SAAS,GAAG,8BAA8B,GAAG,YAAY;CAClF,CAAC;AACH;;;;;;AAOA,MAAa,YAAYA,aAAAA,KAAK,OAAyB;CACrD,MAAM;CAEN,UAAU;CAEV,aAAa;EACX,OAAO;GACL,gBAAgB,CAAC;GACjB,uBAAuB;EACzB;CACF;CAEA,YAAY;EACV,OAAO,CACL;GACE,KAAK;GACL,WAAW;GACX,WAAU,YAAW;IAGnB,IAAI,CAFe,QAAwB,aAAa,OAE3C,GACX,OAAO;IAGT,IAAI,KAAK,QAAQ,uBACf,sBAAsB,OAAO;IAG/B,OAAO,CAAC;GACV;EACF,CACF;CACF;CAEA,WAAW,EAAE,kBAAkB;EAC7B,OAAO;GAAC;IAAQC,GAAAA,aAAAA,gBAAAA,CAAgB,KAAK,QAAQ,gBAAgB,cAAc;GAAG;EAAC;CACjF;CAEA,cAAc;EACZ,OAAO;GACL,kBACE,gBACC,EAAE,eAAe;IAChB,OAAO,SAAS,WAAW,KAAK,MAAM,UAAU;GAClD;GACF,6BAEG,EAAE,SAAS;IACV,MAAM,EAAE,cAAc;IAQtB,GAAG,IAAI,aAAa,UAAU,MAAM,UAAU,KAAK,MAAM,QAAQ;KAE/D,IAAI,CAAC,KAAK,UACR,OAAO;KAKT,IACE,CAAC,KAAK,MACH,QAAO,SAAQ,KAAK,SAAS,KAAK,IAAI,CAAC,CACvC,MAAK,SAAQ,OAAO,OAAO,KAAK,KAAK,CAAC,CAAC,MAAK,UAAS,CAAC,CAAC,KAAK,CAAC,GAGhE,GAAG,WAAW,KAAK,MAAM,KAAK,UAAU,KAAK,IAAI;IAErD,CAAC;IAED,OAAO;GACT;EACJ;CACF;AACF,CAAC"}