@procore/text-editor 0.0.3 → 0.2.0

package/dist/TextEditor/TextEditor.styles.js

@@ -18,7 +18,7 @@ export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-de
 });
 export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTextEditor",
-  componentId: "text-editor-0_0_3__sc-iim79x-0"
+  componentId: "text-editor-0_2_0__sc-iim79x-0"
 })(["", ""], function (_ref6) {
   var error = _ref6.error;
   return error && "\n      .ck-sticky-panel__content {\n        border-top-color: ".concat(colors.red50, " !important;\n        border-left-color: ").concat(colors.red50, " !important;\n        border-right-color: ").concat(colors.red50, " !important;\n      }\n\n      .ck-editor__editable {\n        border-left-color: ").concat(colors.red50, " !important;\n        border-right-color: ").concat(colors.red50, " !important;\n        border-bottom-color: ").concat(colors.red50, " !important;\n      }\n    ");

package/dist/TextEditor/TextEditor.types.d.ts

@@ -1,10 +1,10 @@
-import type { Locale } from '@procore/core-react';
-import type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5';
+import type { Locale } from '@procore/globalization-toolkit';
+import type { ClassicEditor, EventInfo } from 'ckeditor5';
 export interface TextEditorProps {
     /**
      * Unique identifier for the editor
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     id?: string;
     /**
@@ -12,74 +12,82 @@ export interface TextEditorProps {
      *
      * @deprecated `initialValue` has been deprecated and will be removed in a future version.
      * Please use the `value` prop instead
-     * @deprecatedSince 10.20.0
-     * @since 10.19.0
+     * @deprecatedSince 0.0.1
+     * @since 0.0.1
      */
     initialValue?: string;
     /**
      * The current value of the editor
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     value?: string;
     /**
      * Indicates if the editor is disabled
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     disabled?: boolean;
     /**
      * Indicates if the editor is in an error state
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     error?: boolean;
     /**
-     * Locale which will be used for localization. Can be passed directly or
-     * set by wrapping components in I18n provider.
-     * @since 10.19.0
+     * Indicates if the editor is in readonly mode.
+     * When true, renders the content using TextEditorOutput instead of the editable editor.
+     *
+     * @since 0.2.0
      */
-    locale?: Locale;
+    readonly?: boolean;
     /**
-     * Array of plugin names to add to the editor in addition to the defaults.
-     * This provides backward compatibility with the deprecated TinyMCE version of the editor.
-     * Supports plugin names like 'link', 'image', 'table', etc.
+     * Accessible label for the editor's editable area. This text will be
+     * announced by screen readers when the user focuses the editor. It should
+     * match or include the visible label associated with this editor field.
+     * If not provided, screen readers will announce a generic "Rich Text Editor" message.
      *
-     * @since 12.26.0
+     * @since 0.1.0
      */
-    plugins?: string[];
+    'aria-label'?: string;
     /**
-     * Configuration function for customizing the editor
+     * Accessible description for the editor's editable area.
+     * This text provides additional context to screen reader users. It will be
+     * announced after the label when the user focuses the editor.
      *
-     * @param defaultConfig - The default CKEditor configuration
-     * @returns Customized configuration object
-     * @since 12.26.0
+     * @since 0.1.0
      */
-    config?: (defaultConfig: EditorConfig) => EditorConfig;
+    'aria-description'?: string;
+    /**
+     * Locale which will be used for localization. Can be passed directly or
+     * set by wrapping components in I18n provider.
+     * @since 0.0.1
+     */
+    locale?: Locale;
     /**
      * Callback fired when the editor content changes
      *
      * @param value - The current content of the editor
      * @param isDirty - Whether the content differs from the initial value
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onChange?: (value: string, isDirty?: boolean) => void;
     /**
      * Callback fired when the editor gains focus
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onFocus?: (event: EventInfo, editor: ClassicEditor) => void;
     /**
      * Callback fired when the editor loses focus
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onBlur?: (event: EventInfo, editor: ClassicEditor) => void;
     /**
      * Callback fired when an error occurs in the editor
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onError?: (error: Error, details: {
         phase: 'initialization' | 'runtime';
@@ -88,19 +96,19 @@ export interface TextEditorProps {
     /**
      * Callback fired when the editor is ready
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onInit?: (editor: ClassicEditor) => void;
     /**
      * Callback fired after the editor instance is destroyed
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onAfterDestroy?: () => void;
     /**
      * Callback fired when the editor becomes dirty (content differs from initial value)
      *
-     * @since 12.26.0
+     * @since 0.0.1
      */
     onDirty?: () => void;
     /**
@@ -108,7 +116,7 @@ export interface TextEditorProps {
      *
      * @param event - The keyboard event
      * @param editor - The CKEditor instance
-     * @since 12.29.0
+     * @since 0.0.1
      */
     onKeyDown?: (event: KeyboardEvent, editor: ClassicEditor) => void;
 }

package/dist/TextEditor/TextEditor.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { Locale } from '@procore/core-react'\nimport type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5'\n\nexport interface TextEditorProps {\n  /**\n   * Unique identifier for the editor\n   *\n   * @since 10.19.0\n   */\n  id?: string\n\n  /**\n   * Initial value of the editor\n   *\n   * @deprecated `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * The current value of the editor\n   *\n   * @since 10.19.0\n   */\n  value?: string\n\n  /**\n   * Indicates if the editor is disabled\n   *\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * Locale which will be used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider.\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * Array of plugin names to add to the editor in addition to the defaults.\n   * This provides backward compatibility with the deprecated TinyMCE version of the editor.\n   * Supports plugin names like 'link', 'image', 'table', etc.\n   *\n   * @since 12.26.0\n   */\n  plugins?: string[]\n\n  /**\n   * Configuration function for customizing the editor\n   *\n   * @param defaultConfig - The default CKEditor configuration\n   * @returns Customized configuration object\n   * @since 12.26.0\n   */\n  config?: (defaultConfig: EditorConfig) => EditorConfig\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @param value - The current content of the editor\n   * @param isDirty - Whether the content differs from the initial value\n   * @since 10.19.0\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 10.19.0\n   */\n  onFocus?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 10.19.0\n   */\n  onBlur?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when an error occurs in the editor\n   *\n   * @since 10.19.0\n   */\n  onError?: (\n    error: Error,\n    details: {\n      phase: 'initialization' | 'runtime'\n      willEditorRestart?: boolean\n    }\n  ) => void\n\n  /**\n   * Callback fired when the editor is ready\n   *\n   * @since 10.19.0\n   */\n  onInit?: (editor: ClassicEditor) => void\n\n  /**\n   * Callback fired after the editor instance is destroyed\n   *\n   * @since 10.19.0\n   */\n  onAfterDestroy?: () => void\n\n  /**\n   * Callback fired when the editor becomes dirty (content differs from initial value)\n   *\n   * @since 12.26.0\n   */\n  onDirty?: () => void\n\n  /**\n   * Callback fired when a key is pressed in the editor\n   *\n   * @param event - The keyboard event\n   * @param editor - The CKEditor instance\n   * @since 12.29.0\n   */\n  onKeyDown?: (event: KeyboardEvent, editor: ClassicEditor) => void\n}\n\nexport type KeyDownListener = (\n  event: EventInfo,\n  data: { domEvent: Event }\n) => void\n"],"mappings":""}
+{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { Locale } from '@procore/globalization-toolkit'\nimport type { ClassicEditor, EventInfo } from 'ckeditor5'\n\nexport interface TextEditorProps {\n  /**\n   * Unique identifier for the editor\n   *\n   * @since 0.0.1\n   */\n  id?: string\n\n  /**\n   * Initial value of the editor\n   *\n   * @deprecated `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   * @deprecatedSince 0.0.1\n   * @since 0.0.1\n   */\n  initialValue?: string\n\n  /**\n   * The current value of the editor\n   *\n   * @since 0.0.1\n   */\n  value?: string\n\n  /**\n   * Indicates if the editor is disabled\n   *\n   * @since 0.0.1\n   */\n  disabled?: boolean\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 0.0.1\n   */\n  error?: boolean\n\n  /**\n   * Indicates if the editor is in readonly mode.\n   * When true, renders the content using TextEditorOutput instead of the editable editor.\n   *\n   * @since 0.2.0\n   */\n  readonly?: boolean\n\n  /**\n   * Accessible label for the editor's editable area. This text will be\n   * announced by screen readers when the user focuses the editor. It should\n   * match or include the visible label associated with this editor field.\n   * If not provided, screen readers will announce a generic \"Rich Text Editor\" message.\n   *\n   * @since 0.1.0\n   */\n  'aria-label'?: string\n\n  /**\n   * Accessible description for the editor's editable area.\n   * This text provides additional context to screen reader users. It will be\n   * announced after the label when the user focuses the editor.\n   *\n   * @since 0.1.0\n   */\n  'aria-description'?: string\n\n  /**\n   * Locale which will be used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider.\n   * @since 0.0.1\n   */\n  locale?: Locale\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @param value - The current content of the editor\n   * @param isDirty - Whether the content differs from the initial value\n   * @since 0.0.1\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 0.0.1\n   */\n  onFocus?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 0.0.1\n   */\n  onBlur?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when an error occurs in the editor\n   *\n   * @since 0.0.1\n   */\n  onError?: (\n    error: Error,\n    details: {\n      phase: 'initialization' | 'runtime'\n      willEditorRestart?: boolean\n    }\n  ) => void\n\n  /**\n   * Callback fired when the editor is ready\n   *\n   * @since 0.0.1\n   */\n  onInit?: (editor: ClassicEditor) => void\n\n  /**\n   * Callback fired after the editor instance is destroyed\n   *\n   * @since 0.0.1\n   */\n  onAfterDestroy?: () => void\n\n  /**\n   * Callback fired when the editor becomes dirty (content differs from initial value)\n   *\n   * @since 0.0.1\n   */\n  onDirty?: () => void\n\n  /**\n   * Callback fired when a key is pressed in the editor\n   *\n   * @param event - The keyboard event\n   * @param editor - The CKEditor instance\n   * @since 0.0.1\n   */\n  onKeyDown?: (event: KeyboardEvent, editor: ClassicEditor) => void\n}\n\nexport type KeyDownListener = (\n  event: EventInfo,\n  data: { domEvent: Event }\n) => void\n"],"mappings":""}

package/dist/TextEditor/textEditorTheming/textEditorTheming.styles.js

@@ -1,3 +1,4 @@
+import { colors, spacing } from '@procore/core-react';
 import { createGlobalStyle } from 'styled-components';
 import { alignCenterIcon, alignLeftIcon, alignRightIcon, bgColorIcon, boldIcon, checkmarkIcon, cutIcon, fontSizeIcon, imageIcon, indentIcon, italicIcon, linkIcon, orderedListIcon, outdentIcon, pasteAsTextIcon, pasteIcon, redoIcon, strikeThroughIcon, tableIcon, textColorIcon, underlineIcon, undoIcon, unorderedListIcon } from './icons';
 var getIconUrl = function getIconUrl(icon) {
@@ -6,5 +7,5 @@ var getIconUrl = function getIconUrl(icon) {
   }
   return "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(icon));
 };
-export var TextEditorTheme = /*#__PURE__*/createGlobalStyle([".ck-button:first-child .ck-icon:first-child{background-size:24px;background-repeat:no-repeat;background-position:center;}[data-cke-command=\"bold\"],[data-cke-command=\"italic\"],[data-cke-command=\"underline\"],[data-cke-command=\"strikethrough\"],[data-cke-command=\"alignment:left\"],[data-cke-command=\"alignment:center\"],[data-cke-command=\"alignment:right\"],[data-cke-command=\"bulletedList\"],[data-cke-command=\"numberedList\"],[data-cke-command=\"outdent\"],[data-cke-command=\"indent\"],[data-cke-command=\"cut\"],[data-cke-command=\"paste\"],[data-cke-command=\"pasteAsText\"],[data-cke-command=\"fontSize\"],[data-cke-command=\"fontColor\"],[data-cke-command=\"fontBackgroundColor\"],[data-cke-command=\"link\"],[data-cke-command=\"insertTable\"],[data-cke-command=\"insertImageViaUrl\"],[data-cke-command=\"undo\"],[data-cke-command=\"redo\"]{> .ck-icon:first-child > *,> .ck-button:first-child > .ck-icon:first-child > *,> .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > *{display:none;}> .ck-icon:first-child,> .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,> .ck-button > .ck-icon:first-child{width:24px !important;height:24px !important;}}[data-cke-command=\"bold\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"italic\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"underline\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"strikethrough\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:left\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:center\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:right\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"outdent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"indent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"cut\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"paste\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"pasteAsText\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');background-size:19px;}[data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"link\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"undo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"redo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] .ck-dropdown__panel{max-width:130px !important;.ck-list__item{min-width:128px !important;}.ck-list{.ck-button{padding:4px 12px !important;font-size:14px !important;line-height:24px !important;.ck-button__label{font-size:14px !important;font-weight:normal !important;font-family:inherit !important;line-height:24px !important;}&[data-cke-tooltip-text]{font-size:14px !important;.ck-button__label{font-size:14px !important;}}&.ck-on{position:relative;padding-right:32px !important;&::after{content:\"\";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px !important;height:24px !important;background-image:url('", "');background-size:24px 24px;background-repeat:no-repeat;background-position:center;line-height:1;}}}}.ck-list-item-button__check-holder{display:none !important;}}"], getIconUrl(boldIcon), getIconUrl(italicIcon), getIconUrl(underlineIcon), getIconUrl(strikeThroughIcon), getIconUrl(alignLeftIcon), getIconUrl(alignCenterIcon), getIconUrl(alignRightIcon), getIconUrl(unorderedListIcon), getIconUrl(orderedListIcon), getIconUrl(outdentIcon), getIconUrl(indentIcon), getIconUrl(cutIcon), getIconUrl(pasteIcon), getIconUrl(pasteAsTextIcon), getIconUrl(fontSizeIcon), getIconUrl(textColorIcon), getIconUrl(bgColorIcon), getIconUrl(linkIcon), getIconUrl(tableIcon), getIconUrl(imageIcon), getIconUrl(undoIcon), getIconUrl(redoIcon), getIconUrl(checkmarkIcon));
+export var TextEditorTheme = /*#__PURE__*/createGlobalStyle([".ck-button:first-child .ck-icon:first-child{background-size:24px;background-repeat:no-repeat;background-position:center;}.ck-link-form .ck-button-action{font-size:13px !important;line-height:", " !important;background:", " !important;color:", " !important;border-radius:", " !important;font-family:inherit !important;font-weight:600 !important;height:", " !important;justify-content:center !important;align-items:center !important;cursor:pointer !important;&:hover{background:", " !important;}}[data-cke-command=\"bold\"],[data-cke-command=\"italic\"],[data-cke-command=\"underline\"],[data-cke-command=\"strikethrough\"],[data-cke-command=\"alignment:left\"],[data-cke-command=\"alignment:center\"],[data-cke-command=\"alignment:right\"],[data-cke-command=\"bulletedList\"],[data-cke-command=\"numberedList\"],[data-cke-command=\"outdent\"],[data-cke-command=\"indent\"],[data-cke-command=\"cut\"],[data-cke-command=\"paste\"],[data-cke-command=\"pasteAsText\"],[data-cke-command=\"fontSize\"],[data-cke-command=\"fontColor\"],[data-cke-command=\"fontBackgroundColor\"],[data-cke-command=\"link\"],[data-cke-command=\"insertTable\"],[data-cke-command=\"insertImageViaUrl\"],[data-cke-command=\"undo\"],[data-cke-command=\"redo\"]{> .ck-icon:first-child > *,> .ck-button:first-child > .ck-icon:first-child > *,> .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > *{display:none;}> .ck-icon:first-child,> .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,> .ck-button > .ck-icon:first-child{width:24px !important;height:24px !important;}}[data-cke-command=\"bold\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"italic\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"underline\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"strikethrough\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:left\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:center\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:right\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"outdent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"indent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"cut\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"paste\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"pasteAsText\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');background-size:19px;}[data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"link\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"undo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"redo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] .ck-dropdown__panel{max-width:130px !important;.ck-list__item{min-width:128px !important;}.ck-list{.ck-button{padding:4px 12px !important;font-size:14px !important;line-height:24px !important;.ck-button__label{font-size:14px !important;font-weight:normal !important;font-family:inherit !important;line-height:24px !important;}&[data-cke-tooltip-text]{font-size:14px !important;.ck-button__label{font-size:14px !important;}}&.ck-on{position:relative;padding-right:32px !important;&::after{content:\"\";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px !important;height:24px !important;background-image:url('", "');background-size:24px 24px;background-repeat:no-repeat;background-position:center;line-height:1;}}}}.ck-list-item-button__check-holder{display:none !important;}}"], spacing.lg, colors.gray90, colors.gray15, spacing.xs, spacing.xl, colors.gray85, getIconUrl(boldIcon), getIconUrl(italicIcon), getIconUrl(underlineIcon), getIconUrl(strikeThroughIcon), getIconUrl(alignLeftIcon), getIconUrl(alignCenterIcon), getIconUrl(alignRightIcon), getIconUrl(unorderedListIcon), getIconUrl(orderedListIcon), getIconUrl(outdentIcon), getIconUrl(indentIcon), getIconUrl(cutIcon), getIconUrl(pasteIcon), getIconUrl(pasteAsTextIcon), getIconUrl(fontSizeIcon), getIconUrl(textColorIcon), getIconUrl(bgColorIcon), getIconUrl(linkIcon), getIconUrl(tableIcon), getIconUrl(imageIcon), getIconUrl(undoIcon), getIconUrl(redoIcon), getIconUrl(checkmarkIcon));
 //# sourceMappingURL=textEditorTheming.styles.js.map

package/dist/TextEditor/textEditorTheming/textEditorTheming.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"textEditorTheming.styles.js","names":["createGlobalStyle","alignCenterIcon","alignLeftIcon","alignRightIcon","bgColorIcon","boldIcon","checkmarkIcon","cutIcon","fontSizeIcon","imageIcon","indentIcon","italicIcon","linkIcon","orderedListIcon","outdentIcon","pasteAsTextIcon","pasteIcon","redoIcon","strikeThroughIcon","tableIcon","textColorIcon","underlineIcon","undoIcon","unorderedListIcon","getIconUrl","icon","startsWith","concat","encodeURIComponent","TextEditorTheme"],"sources":["../../../src/TextEditor/textEditorTheming/textEditorTheming.styles.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components'\nimport {\n  alignCenterIcon,\n  alignLeftIcon,\n  alignRightIcon,\n  bgColorIcon,\n  boldIcon,\n  checkmarkIcon,\n  cutIcon,\n  fontSizeIcon,\n  imageIcon,\n  indentIcon,\n  italicIcon,\n  linkIcon,\n  orderedListIcon,\n  outdentIcon,\n  pasteAsTextIcon,\n  pasteIcon,\n  redoIcon,\n  strikeThroughIcon,\n  tableIcon,\n  textColorIcon,\n  underlineIcon,\n  undoIcon,\n  unorderedListIcon,\n} from './icons'\n\nconst getIconUrl = (icon: string) => {\n  if (icon.startsWith('data:')) {\n    return icon\n  }\n  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(icon)}`\n}\n\nexport const TextEditorTheme = createGlobalStyle`\n  .ck-button:first-child .ck-icon:first-child {\n    background-size: 24px;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  [data-cke-command=\"bold\"],\n  [data-cke-command=\"italic\"],\n  [data-cke-command=\"underline\"],\n  [data-cke-command=\"strikethrough\"],\n  [data-cke-command=\"alignment:left\"],\n  [data-cke-command=\"alignment:center\"],\n  [data-cke-command=\"alignment:right\"],\n  [data-cke-command=\"bulletedList\"],\n  [data-cke-command=\"numberedList\"],\n  [data-cke-command=\"outdent\"],\n  [data-cke-command=\"indent\"],\n  [data-cke-command=\"cut\"],\n  [data-cke-command=\"paste\"],\n  [data-cke-command=\"pasteAsText\"],\n  [data-cke-command=\"fontSize\"],\n  [data-cke-command=\"fontColor\"],\n  [data-cke-command=\"fontBackgroundColor\"],\n  [data-cke-command=\"link\"],\n  [data-cke-command=\"insertTable\"],\n  [data-cke-command=\"insertImageViaUrl\"],\n  [data-cke-command=\"undo\"],\n  [data-cke-command=\"redo\"] {\n    > .ck-icon:first-child > *,\n    > .ck-button:first-child > .ck-icon:first-child > *,\n    > .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > * {\n      display: none;\n    }\n\n    > .ck-icon:first-child,\n    > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,\n    > .ck-button > .ck-icon:first-child {\n      width: 24px !important;\n      height: 24px !important;\n    }\n  }\n\n  [data-cke-command=\"bold\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(boldIcon)}');\n  }\n\n  [data-cke-command=\"italic\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(italicIcon)}');\n  }\n\n  [data-cke-command=\"underline\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(underlineIcon)}');\n  }\n\n  [data-cke-command=\"strikethrough\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(strikeThroughIcon)}');\n  }\n\n  [data-cke-command=\"alignment:left\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignLeftIcon)}');\n  }\n\n  [data-cke-command=\"alignment:center\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignCenterIcon)}');\n  }\n\n  [data-cke-command=\"alignment:right\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignRightIcon)}');\n  }\n\n  [data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(unorderedListIcon)}');\n  }\n\n  [data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(orderedListIcon)}');\n  }\n\n  [data-cke-command=\"outdent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(outdentIcon)}');\n  }\n\n  [data-cke-command=\"indent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(indentIcon)}');\n  }\n\n  [data-cke-command=\"cut\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(cutIcon)}');\n  }\n\n  [data-cke-command=\"paste\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteIcon)}');\n  }\n\n  [data-cke-command=\"pasteAsText\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteAsTextIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(fontSizeIcon)}');\n    background-size: 19px;\n  }\n\n  [data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(textColorIcon)}');\n  }\n\n  [data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(bgColorIcon)}');\n  }\n  [data-cke-command=\"link\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(linkIcon)}');\n  }\n\n  [data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(tableIcon)}');\n  }\n\n  [data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(imageIcon)}');\n  }\n\n  [data-cke-command=\"undo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(undoIcon)}');\n  }\n\n  [data-cke-command=\"redo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(redoIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] .ck-dropdown__panel {\n    max-width: 130px !important;\n\n    .ck-list__item {\n      min-width: 128px !important;\n    }\n\n    .ck-list {\n      .ck-button {\n        padding: 4px 12px !important;\n        font-size: 14px !important;\n        line-height: 24px !important;\n\n        .ck-button__label {\n          font-size: 14px !important;\n          font-weight: normal !important;\n          font-family: inherit !important;\n          line-height: 24px !important;\n        }\n\n        &[data-cke-tooltip-text] {\n          font-size: 14px !important;\n\n          .ck-button__label {\n            font-size: 14px !important;\n          }\n        }\n\n        &.ck-on {\n          position: relative;\n          padding-right: 32px !important;\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            right: 8px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px !important;\n            height: 24px !important;\n            background-image: url('${getIconUrl(checkmarkIcon)}');\n            background-size: 24px 24px;\n            background-repeat: no-repeat;\n            background-position: center;\n            line-height: 1;\n          }\n        }\n      }\n    }\n\n    .ck-list-item-button__check-holder {\n      display: none !important;\n    }\n  }\n`\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AACrD,SACEC,eAAe,EACfC,aAAa,EACbC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,SAAS,EACTC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,QACZ,SAAS;AAEhB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,IAAIA,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;IAC5B,OAAOD,IAAI;EACb;EACA,2CAAAE,MAAA,CAA2CC,kBAAkB,CAACH,IAAI,CAAC;AACrE,CAAC;AAED,OAAO,IAAMI,eAAe,gBAAG7B,iBAAiB,s/HA4CnBwB,UAAU,CAACnB,QAAQ,CAAC,EAIpBmB,UAAU,CAACb,UAAU,CAAC,EAItBa,UAAU,CAACH,aAAa,CAAC,EAIzBG,UAAU,CAACN,iBAAiB,CAAC,EAI7BM,UAAU,CAACtB,aAAa,CAAC,EAIzBsB,UAAU,CAACvB,eAAe,CAAC,EAI3BuB,UAAU,CAACrB,cAAc,CAAC,EAI1BqB,UAAU,CAACD,iBAAiB,CAAC,EAI7BC,UAAU,CAACX,eAAe,CAAC,EAI3BW,UAAU,CAACV,WAAW,CAAC,EAIvBU,UAAU,CAACd,UAAU,CAAC,EAItBc,UAAU,CAACjB,OAAO,CAAC,EAInBiB,UAAU,CAACR,SAAS,CAAC,EAIrBQ,UAAU,CAACT,eAAe,CAAC,EAI3BS,UAAU,CAAChB,YAAY,CAAC,EAKxBgB,UAAU,CAACJ,aAAa,CAAC,EAIzBI,UAAU,CAACpB,WAAW,CAAC,EAGvBoB,UAAU,CAACZ,QAAQ,CAAC,EAIpBY,UAAU,CAACL,SAAS,CAAC,EAIrBK,UAAU,CAACf,SAAS,CAAC,EAIrBe,UAAU,CAACF,QAAQ,CAAC,EAIpBE,UAAU,CAACP,QAAQ,CAAC,EA2CZO,UAAU,CAAClB,aAAa,CAAC,CAc7D"}
+{"version":3,"file":"textEditorTheming.styles.js","names":["colors","spacing","createGlobalStyle","alignCenterIcon","alignLeftIcon","alignRightIcon","bgColorIcon","boldIcon","checkmarkIcon","cutIcon","fontSizeIcon","imageIcon","indentIcon","italicIcon","linkIcon","orderedListIcon","outdentIcon","pasteAsTextIcon","pasteIcon","redoIcon","strikeThroughIcon","tableIcon","textColorIcon","underlineIcon","undoIcon","unorderedListIcon","getIconUrl","icon","startsWith","concat","encodeURIComponent","TextEditorTheme","lg","gray90","gray15","xs","xl","gray85"],"sources":["../../../src/TextEditor/textEditorTheming/textEditorTheming.styles.ts"],"sourcesContent":["import { colors, spacing } from '@procore/core-react'\nimport { createGlobalStyle } from 'styled-components'\nimport {\n  alignCenterIcon,\n  alignLeftIcon,\n  alignRightIcon,\n  bgColorIcon,\n  boldIcon,\n  checkmarkIcon,\n  cutIcon,\n  fontSizeIcon,\n  imageIcon,\n  indentIcon,\n  italicIcon,\n  linkIcon,\n  orderedListIcon,\n  outdentIcon,\n  pasteAsTextIcon,\n  pasteIcon,\n  redoIcon,\n  strikeThroughIcon,\n  tableIcon,\n  textColorIcon,\n  underlineIcon,\n  undoIcon,\n  unorderedListIcon,\n} from './icons'\n\nconst getIconUrl = (icon: string) => {\n  if (icon.startsWith('data:')) {\n    return icon\n  }\n  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(icon)}`\n}\n\nexport const TextEditorTheme = createGlobalStyle`\n  .ck-button:first-child .ck-icon:first-child {\n    background-size: 24px;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  .ck-link-form .ck-button-action {\n      font-size: 13px !important;\n      line-height: ${spacing.lg} !important;\n      background: ${colors.gray90} !important;\n      color: ${colors.gray15} !important;\n      border-radius: ${spacing.xs} !important;\n      font-family: inherit !important;\n      font-weight: 600 !important;\n      height: ${spacing.xl} !important;\n      justify-content: center !important;\n      align-items: center !important;\n      cursor: pointer !important;\n      \n      &:hover {\n          background: ${colors.gray85} !important;\n      }\n  }\n  \n  [data-cke-command=\"bold\"],\n  [data-cke-command=\"italic\"],\n  [data-cke-command=\"underline\"],\n  [data-cke-command=\"strikethrough\"],\n  [data-cke-command=\"alignment:left\"],\n  [data-cke-command=\"alignment:center\"],\n  [data-cke-command=\"alignment:right\"],\n  [data-cke-command=\"bulletedList\"],\n  [data-cke-command=\"numberedList\"],\n  [data-cke-command=\"outdent\"],\n  [data-cke-command=\"indent\"],\n  [data-cke-command=\"cut\"],\n  [data-cke-command=\"paste\"],\n  [data-cke-command=\"pasteAsText\"],\n  [data-cke-command=\"fontSize\"],\n  [data-cke-command=\"fontColor\"],\n  [data-cke-command=\"fontBackgroundColor\"],\n  [data-cke-command=\"link\"],\n  [data-cke-command=\"insertTable\"],\n  [data-cke-command=\"insertImageViaUrl\"],\n  [data-cke-command=\"undo\"],\n  [data-cke-command=\"redo\"] {\n    > .ck-icon:first-child > *,\n    > .ck-button:first-child > .ck-icon:first-child > *,\n    > .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > * {\n      display: none;\n    }\n\n    > .ck-icon:first-child,\n    > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,\n    > .ck-button > .ck-icon:first-child {\n      width: 24px !important;\n      height: 24px !important;\n    }\n  }\n\n  [data-cke-command=\"bold\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(boldIcon)}');\n  }\n\n  [data-cke-command=\"italic\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(italicIcon)}');\n  }\n\n  [data-cke-command=\"underline\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(underlineIcon)}');\n  }\n\n  [data-cke-command=\"strikethrough\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(strikeThroughIcon)}');\n  }\n\n  [data-cke-command=\"alignment:left\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignLeftIcon)}');\n  }\n\n  [data-cke-command=\"alignment:center\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignCenterIcon)}');\n  }\n\n  [data-cke-command=\"alignment:right\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignRightIcon)}');\n  }\n\n  [data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(unorderedListIcon)}');\n  }\n\n  [data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(orderedListIcon)}');\n  }\n\n  [data-cke-command=\"outdent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(outdentIcon)}');\n  }\n\n  [data-cke-command=\"indent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(indentIcon)}');\n  }\n\n  [data-cke-command=\"cut\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(cutIcon)}');\n  }\n\n  [data-cke-command=\"paste\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteIcon)}');\n  }\n\n  [data-cke-command=\"pasteAsText\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteAsTextIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(fontSizeIcon)}');\n    background-size: 19px;\n  }\n\n  [data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(textColorIcon)}');\n  }\n\n  [data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(bgColorIcon)}');\n  }\n  [data-cke-command=\"link\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(linkIcon)}');\n  }\n\n  [data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(tableIcon)}');\n  }\n\n  [data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(imageIcon)}');\n  }\n\n  [data-cke-command=\"undo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(undoIcon)}');\n  }\n\n  [data-cke-command=\"redo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(redoIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] .ck-dropdown__panel {\n    max-width: 130px !important;\n\n    .ck-list__item {\n      min-width: 128px !important;\n    }\n\n    .ck-list {\n      .ck-button {\n        padding: 4px 12px !important;\n        font-size: 14px !important;\n        line-height: 24px !important;\n\n        .ck-button__label {\n          font-size: 14px !important;\n          font-weight: normal !important;\n          font-family: inherit !important;\n          line-height: 24px !important;\n        }\n\n        &[data-cke-tooltip-text] {\n          font-size: 14px !important;\n\n          .ck-button__label {\n            font-size: 14px !important;\n          }\n        }\n\n        &.ck-on {\n          position: relative;\n          padding-right: 32px !important;\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            right: 8px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px !important;\n            height: 24px !important;\n            background-image: url('${getIconUrl(checkmarkIcon)}');\n            background-size: 24px 24px;\n            background-repeat: no-repeat;\n            background-position: center;\n            line-height: 1;\n          }\n        }\n      }\n    }\n\n    .ck-list-item-button__check-holder {\n      display: none !important;\n    }\n  }\n`\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,qBAAqB;AACrD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SACEC,eAAe,EACfC,aAAa,EACbC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,SAAS,EACTC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,QACZ,SAAS;AAEhB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,IAAIA,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;IAC5B,OAAOD,IAAI;EACb;EACA,2CAAAE,MAAA,CAA2CC,kBAAkB,CAACH,IAAI,CAAC;AACrE,CAAC;AAED,OAAO,IAAMI,eAAe,gBAAG7B,iBAAiB,22IAS3BD,OAAO,CAAC+B,EAAE,EACXhC,MAAM,CAACiC,MAAM,EAClBjC,MAAM,CAACkC,MAAM,EACLjC,OAAO,CAACkC,EAAE,EAGjBlC,OAAO,CAACmC,EAAE,EAMFpC,MAAM,CAACqC,MAAM,EAyCRX,UAAU,CAACnB,QAAQ,CAAC,EAIpBmB,UAAU,CAACb,UAAU,CAAC,EAItBa,UAAU,CAACH,aAAa,CAAC,EAIzBG,UAAU,CAACN,iBAAiB,CAAC,EAI7BM,UAAU,CAACtB,aAAa,CAAC,EAIzBsB,UAAU,CAACvB,eAAe,CAAC,EAI3BuB,UAAU,CAACrB,cAAc,CAAC,EAI1BqB,UAAU,CAACD,iBAAiB,CAAC,EAI7BC,UAAU,CAACX,eAAe,CAAC,EAI3BW,UAAU,CAACV,WAAW,CAAC,EAIvBU,UAAU,CAACd,UAAU,CAAC,EAItBc,UAAU,CAACjB,OAAO,CAAC,EAInBiB,UAAU,CAACR,SAAS,CAAC,EAIrBQ,UAAU,CAACT,eAAe,CAAC,EAI3BS,UAAU,CAAChB,YAAY,CAAC,EAKxBgB,UAAU,CAACJ,aAAa,CAAC,EAIzBI,UAAU,CAACpB,WAAW,CAAC,EAGvBoB,UAAU,CAACZ,QAAQ,CAAC,EAIpBY,UAAU,CAACL,SAAS,CAAC,EAIrBK,UAAU,CAACf,SAAS,CAAC,EAIrBe,UAAU,CAACF,QAAQ,CAAC,EAIpBE,UAAU,CAACP,QAAQ,CAAC,EA2CZO,UAAU,CAAClB,aAAa,CAAC,CAc7D"}

package/dist/TextEditor/utils/config.js

@@ -1,4 +1,4 @@
-import { Alignment, AutoLink, Bold, Clipboard, Essentials, FontBackgroundColor, FontColor, FontSize, GeneralHtmlSupport, Image, ImageInsert, ImageToolbar, Indent, IndentBlock, Italic, Link, List, ListProperties, Paragraph, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, Underline } from 'ckeditor5';
+import { Alignment, Autoformat, AutoLink, BlockQuote, Bold, Clipboard, CodeBlock, Essentials, FontBackgroundColor, FontColor, FontSize, GeneralHtmlSupport, Heading, HorizontalLine, Indent, IndentBlock, Italic, Link, List, ListProperties, Paragraph, RemoveFormat, SpecialCharacters, SpecialCharactersEssentials, Strikethrough, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, Underline } from 'ckeditor5';
 import { CK_EDITOR_LICENSE_KEY } from '../license_key';
 import { CutPlugin } from '../plugins/CutPlugin';
 import { IndentPaddingToMarginPlugin } from '../plugins/IndentPaddingToMarginPlugin';
@@ -57,10 +57,10 @@ export var getDefaultConfig = function getDefaultConfig() {
     licenseKey: CK_EDITOR_LICENSE_KEY,
     language: getValidEditorLocale(locale),
     translations: [getEditorTranslation(locale)],
-    plugins: [Alignment, AutoLink, Bold, Clipboard, Essentials, FontBackgroundColor, FontColor, FontSize, GeneralHtmlSupport, Indent, IndentBlock, Italic, Link, List, ListProperties, Paragraph, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, Underline, Image, ImageInsert, ImageToolbar, CutPlugin, PastePlugin, PasteAsTextPlugin, IndentPaddingToMarginPlugin, TabSpacesPlugin // TODO - delete
+    plugins: [Alignment, AutoLink, Bold, Clipboard, Essentials, FontBackgroundColor, FontColor, FontSize, GeneralHtmlSupport, Indent, IndentBlock, Italic, Link, List, ListProperties, Paragraph, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, Underline, CutPlugin, PastePlugin, PasteAsTextPlugin, IndentPaddingToMarginPlugin, BlockQuote, Heading, Autoformat, SpecialCharacters, SpecialCharactersEssentials, Subscript, Superscript, HorizontalLine, RemoveFormat, CodeBlock, TabSpacesPlugin // TODO - delete
     ],
 
-    toolbar: ['bold', 'italic', 'underline', 'strikethrough', '|', 'alignment:left', 'alignment:center', 'alignment:right', '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', '|', 'cut', 'paste', 'pasteAsText', '|', 'fontSize', '|', 'fontColor', 'fontBackgroundColor', '|', 'undo', 'redo'],
+    toolbar: ['bold', 'italic', 'underline', 'strikethrough', '|', 'alignment:left', 'alignment:center', 'alignment:right', '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', '|', 'cut', 'paste', 'pasteAsText', '|', 'fontSize', '|', 'fontColor', 'fontBackgroundColor', '|', 'insertTable', 'link', '|', 'blockquote', 'heading', '|', 'horizontalLine', 'removeFormat', 'specialCharacters', 'subscript', 'superscript', 'codeblock', '|', 'undo', 'redo'],
     fontSize: {
       options: [{
         title: '8pt',

package/dist/TextEditor/utils/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["Alignment","AutoLink","Bold","Clipboard","Essentials","FontBackgroundColor","FontColor","FontSize","GeneralHtmlSupport","Image","ImageInsert","ImageToolbar","Indent","IndentBlock","Italic","Link","List","ListProperties","Paragraph","Strikethrough","Table","TableCaption","TableCellProperties","TableColumnResize","TableProperties","TableToolbar","Underline","CK_EDITOR_LICENSE_KEY","CutPlugin","IndentPaddingToMarginPlugin","PasteAsTextPlugin","PastePlugin","TabSpacesPlugin","getEditorTranslation","getValidEditorLocale","TEXT_COLOR_PALETTE","color","getDefaultConfig","locale","arguments","length","undefined","licenseKey","language","translations","plugins","toolbar","fontSize","options","title","model","supportAllValues","fontColor","colors","fontBackgroundColor","indentBlock","offset","unit","htmlSupport","allow","name","styles","list","properties","useAttribute","startIndex","reversed","image","insert","integrations","table","contentToolbar","tableProperties","borderColors","backgroundColors","tableCellProperties","addButtonDataAttributes","editor","applyAttributes","toolbarElement","ui","view","element","toolbarChildren","Array","from","querySelectorAll","moreDropdownButtons","allToolbarElements","concat","toolbarItems","config","get","elementIndex","forEach","itemName","classList","contains","setAttribute","observer","MutationObserver","observe","childList","subtree","on","disconnect"],"sources":["../../../src/TextEditor/utils/config.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig } from 'ckeditor5'\nimport {\n  Alignment,\n  AutoLink,\n  Bold,\n  Clipboard,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontSize,\n  GeneralHtmlSupport,\n  Image,\n  ImageInsert,\n  ImageToolbar,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  List,\n  ListProperties,\n  Paragraph,\n  Strikethrough,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n} from 'ckeditor5'\n\nimport { CK_EDITOR_LICENSE_KEY } from '../license_key'\nimport { CutPlugin } from '../plugins/CutPlugin'\nimport { IndentPaddingToMarginPlugin } from '../plugins/IndentPaddingToMarginPlugin'\nimport { PasteAsTextPlugin } from '../plugins/PasteAsTextPlugin'\nimport { PastePlugin } from '../plugins/PastePlugin'\nimport { TabSpacesPlugin } from '../plugins/TabSpacesPlugin'\nimport { getEditorTranslation, getValidEditorLocale } from './locale'\n\nconst TEXT_COLOR_PALETTE = [\n  { color: '#BFEDD2' },\n  { color: '#FBEEB8' },\n  { color: '#F8CAC6' },\n  { color: '#ECCAFA' },\n  { color: '#C2E0F4' },\n  { color: '#2DC26B' },\n  { color: '#F1C40F' },\n  { color: '#E03E2D' },\n  { color: '#B96AD9' },\n  { color: '#3598DB' },\n  { color: '#169179' },\n  { color: '#E67E23' },\n  { color: '#BA372A' },\n  { color: '#843FA1' },\n  { color: '#236FA1' },\n  { color: '#ECF0F1' },\n  { color: '#CED4D9' },\n  { color: '#95A5A6' },\n  { color: '#7E8C8D' },\n  { color: '#34495E' },\n  { color: '#000000' },\n  { color: '#FFFFFF' },\n]\n\nexport const getDefaultConfig = (locale: string = 'en'): EditorConfig => ({\n  licenseKey: CK_EDITOR_LICENSE_KEY,\n  language: getValidEditorLocale(locale),\n  translations: [getEditorTranslation(locale)],\n  plugins: [\n    Alignment,\n    AutoLink,\n    Bold,\n    Clipboard,\n    Essentials,\n    FontBackgroundColor,\n    FontColor,\n    FontSize,\n    GeneralHtmlSupport,\n    Indent,\n    IndentBlock,\n    Italic,\n    Link,\n    List,\n    ListProperties,\n    Paragraph,\n    Strikethrough,\n    Table,\n    TableCaption,\n    TableCellProperties,\n    TableColumnResize,\n    TableProperties,\n    TableToolbar,\n    Underline,\n    Image,\n    ImageInsert,\n    ImageToolbar,\n    CutPlugin,\n    PastePlugin,\n    PasteAsTextPlugin,\n    IndentPaddingToMarginPlugin,\n    TabSpacesPlugin, // TODO - delete\n  ],\n  toolbar: [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough',\n    '|',\n    'alignment:left',\n    'alignment:center',\n    'alignment:right',\n    '|',\n    'bulletedList',\n    'numberedList',\n    '|',\n    'outdent',\n    'indent',\n    '|',\n    'cut',\n    'paste',\n    'pasteAsText',\n    '|',\n    'fontSize',\n    '|',\n    'fontColor',\n    'fontBackgroundColor',\n    '|',\n    'undo',\n    'redo',\n  ],\n  fontSize: {\n    options: [\n      { title: '8pt', model: '8px' },\n      { title: '10pt', model: '10px' },\n      { title: '12pt', model: '12px' },\n      { title: '14pt', model: '14px' },\n      { title: '18pt', model: '18px' },\n      { title: '24pt', model: '24px' },\n      { title: '36pt', model: '36px' },\n    ],\n    supportAllValues: true,\n  },\n  fontColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  fontBackgroundColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  indentBlock: {\n    offset: 40,\n    unit: 'px',\n  },\n  htmlSupport: {\n    allow: [\n      {\n        name: 'p',\n        styles: {\n          'margin-left': true,\n        },\n      },\n    ],\n  },\n  list: {\n    properties: {\n      styles: {\n        useAttribute: true,\n      },\n      startIndex: true,\n      reversed: true,\n    },\n  },\n  image: {\n    insert: {\n      integrations: ['insertImageViaUrl'],\n    },\n    toolbar: ['imageTextAlternative'],\n  },\n  table: {\n    contentToolbar: [\n      'tableColumn',\n      'tableRow',\n      'mergeTableCells',\n      'tableProperties',\n      'tableCellProperties',\n    ],\n    tableProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n    tableCellProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n  },\n})\n\n// Add stable data attributes to toolbar buttons for the styling (or testing) purposes\nexport const addButtonDataAttributes = (editor: ClassicEditor) => {\n  const applyAttributes = () => {\n    const toolbarElement = editor.ui.view.toolbar.element\n    if (!toolbarElement) {\n      return\n    }\n\n    // Get buttons in the main toolbar\n    const toolbarChildren = Array.from(\n      toolbarElement.querySelectorAll('.ck-toolbar__items > *')\n    )\n\n    // Get buttons hidden in \"more\" dropdown\n    const moreDropdownButtons = Array.from(\n      toolbarElement.querySelectorAll('.ck-dropdown__panel .ck-list .ck-button')\n    )\n\n    const allToolbarElements = [...toolbarChildren, ...moreDropdownButtons]\n\n    // Create mapping based on toolbar configuration order\n    const toolbarItems = (editor.config.get('toolbar') || []) as string[]\n    let elementIndex = 0\n\n    toolbarItems.forEach((itemName) => {\n      const element = allToolbarElements[elementIndex]\n      if (\n        itemName !== '|' &&\n        element &&\n        !element.classList.contains('ck-toolbar__separator')\n      ) {\n        // Use the toolbar item name as the stable identifier\n        element.setAttribute('data-cke-command', itemName)\n      }\n      elementIndex++\n    })\n  }\n\n  // Apply attributes initially\n  applyAttributes()\n\n  // Re-apply when dropdown menus are opened (buttons get created dynamically)\n  const toolbarElement = editor.ui.view.toolbar.element\n  if (toolbarElement) {\n    const observer = new MutationObserver(() => {\n      applyAttributes()\n    })\n    observer.observe(toolbarElement, {\n      childList: true,\n      subtree: true,\n    })\n    editor.on('destroy', () => {\n      observer.disconnect()\n    })\n  }\n}\n"],"mappings":"AACA,SACEA,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,mBAAmB,EACnBC,SAAS,EACTC,QAAQ,EACRC,kBAAkB,EAClBC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,MAAM,EACNC,WAAW,EACXC,MAAM,EACNC,IAAI,EACJC,IAAI,EACJC,cAAc,EACdC,SAAS,EACTC,aAAa,EACbC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,eAAe,EACfC,YAAY,EACZC,SAAS,QACJ,WAAW;AAElB,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,oBAAoB,EAAEC,oBAAoB,QAAQ,UAAU;AAErE,IAAMC,kBAAkB,GAAG,CACzB;EAAEC,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,CACrB;AAED,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,MAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,OAAoB;IACxEG,UAAU,EAAEf,qBAAqB;IACjCgB,QAAQ,EAAET,oBAAoB,CAACI,MAAM,CAAC;IACtCM,YAAY,EAAE,CAACX,oBAAoB,CAACK,MAAM,CAAC,CAAC;IAC5CO,OAAO,EAAE,CACP7C,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,mBAAmB,EACnBC,SAAS,EACTC,QAAQ,EACRC,kBAAkB,EAClBI,MAAM,EACNC,WAAW,EACXC,MAAM,EACNC,IAAI,EACJC,IAAI,EACJC,cAAc,EACdC,SAAS,EACTC,aAAa,EACbC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,eAAe,EACfC,YAAY,EACZC,SAAS,EACTjB,KAAK,EACLC,WAAW,EACXC,YAAY,EACZiB,SAAS,EACTG,WAAW,EACXD,iBAAiB,EACjBD,2BAA2B,EAC3BG,eAAe,CAAE;IAAA,CAClB;;IACDc,OAAO,EAAE,CACP,MAAM,EACN,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,EACH,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,EACH,cAAc,EACd,cAAc,EACd,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,EACH,KAAK,EACL,OAAO,EACP,aAAa,EACb,GAAG,EACH,UAAU,EACV,GAAG,EACH,WAAW,EACX,qBAAqB,EACrB,GAAG,EACH,MAAM,EACN,MAAM,CACP;IACDC,QAAQ,EAAE;MACRC,OAAO,EAAE,CACP;QAAEC,KAAK,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC,EAC9B;QAAED,KAAK,EAAE,MAAM;QAAEC,KAAK,EAAE;MAAO,CAAC,EAChC;QAAED,KAAK,EAAE,MAAM;QAAEC,KAAK,EAAE;MAAO,CAAC,EAChC;QAAED,KAAK,EAAE,MAAM;QAAEC,KAAK,EAAE;MAAO,CAAC,EAChC;QAAED,KAAK,EAAE,MAAM;QAAEC,KAAK,EAAE;MAAO,CAAC,EAChC;QAAED,KAAK,EAAE,MAAM;QAAEC,KAAK,EAAE;MAAO,CAAC,EAChC;QAAED,KAAK,EAAE,MAAM;QAAEC,KAAK,EAAE;MAAO,CAAC,CACjC;MACDC,gBAAgB,EAAE;IACpB,CAAC;IACDC,SAAS,EAAE;MACTC,MAAM,EAAElB;IACV,CAAC;IACDmB,mBAAmB,EAAE;MACnBD,MAAM,EAAElB;IACV,CAAC;IACDoB,WAAW,EAAE;MACXC,MAAM,EAAE,EAAE;MACVC,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAE;MACXC,KAAK,EAAE,CACL;QACEC,IAAI,EAAE,GAAG;QACTC,MAAM,EAAE;UACN,aAAa,EAAE;QACjB;MACF,CAAC;IAEL,CAAC;IACDC,IAAI,EAAE;MACJC,UAAU,EAAE;QACVF,MAAM,EAAE;UACNG,YAAY,EAAE;QAChB,CAAC;QACDC,UAAU,EAAE,IAAI;QAChBC,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE;QACNC,YAAY,EAAE,CAAC,mBAAmB;MACpC,CAAC;MACDvB,OAAO,EAAE,CAAC,sBAAsB;IAClC,CAAC;IACDwB,KAAK,EAAE;MACLC,cAAc,EAAE,CACd,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,CACtB;MACDC,eAAe,EAAE;QACfC,YAAY,EAAEtC,kBAAkB;QAChCuC,gBAAgB,EAAEvC;MACpB,CAAC;MACDwC,mBAAmB,EAAE;QACnBF,YAAY,EAAEtC,kBAAkB;QAChCuC,gBAAgB,EAAEvC;MACpB;IACF;EACF,CAAC;AAAA,CAAC;;AAEF;AACA,OAAO,IAAMyC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,MAAqB,EAAK;EAChE,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAMC,cAAc,GAAGF,MAAM,CAACG,EAAE,CAACC,IAAI,CAACnC,OAAO,CAACoC,OAAO;IACrD,IAAI,CAACH,cAAc,EAAE;MACnB;IACF;;IAEA;IACA,IAAMI,eAAe,GAAGC,KAAK,CAACC,IAAI,CAChCN,cAAc,CAACO,gBAAgB,CAAC,wBAAwB,CAC1D,CAAC;;IAED;IACA,IAAMC,mBAAmB,GAAGH,KAAK,CAACC,IAAI,CACpCN,cAAc,CAACO,gBAAgB,CAAC,yCAAyC,CAC3E,CAAC;IAED,IAAME,kBAAkB,MAAAC,MAAA,CAAON,eAAe,EAAKI,mBAAmB,CAAC;;IAEvE;IACA,IAAMG,YAAY,GAAIb,MAAM,CAACc,MAAM,CAACC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAe;IACrE,IAAIC,YAAY,GAAG,CAAC;IAEpBH,YAAY,CAACI,OAAO,CAAC,UAACC,QAAQ,EAAK;MACjC,IAAMb,OAAO,GAAGM,kBAAkB,CAACK,YAAY,CAAC;MAChD,IACEE,QAAQ,KAAK,GAAG,IAChBb,OAAO,IACP,CAACA,OAAO,CAACc,SAAS,CAACC,QAAQ,CAAC,uBAAuB,CAAC,EACpD;QACA;QACAf,OAAO,CAACgB,YAAY,CAAC,kBAAkB,EAAEH,QAAQ,CAAC;MACpD;MACAF,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC;;EAED;EACAf,eAAe,CAAC,CAAC;;EAEjB;EACA,IAAMC,cAAc,GAAGF,MAAM,CAACG,EAAE,CAACC,IAAI,CAACnC,OAAO,CAACoC,OAAO;EACrD,IAAIH,cAAc,EAAE;IAClB,IAAMoB,QAAQ,GAAG,IAAIC,gBAAgB,CAAC,YAAM;MAC1CtB,eAAe,CAAC,CAAC;IACnB,CAAC,CAAC;IACFqB,QAAQ,CAACE,OAAO,CAACtB,cAAc,EAAE;MAC/BuB,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,CAAC;IACF1B,MAAM,CAAC2B,EAAE,CAAC,SAAS,EAAE,YAAM;MACzBL,QAAQ,CAACM,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;EACJ;AACF,CAAC"}
+{"version":3,"file":"config.js","names":["Alignment","Autoformat","AutoLink","BlockQuote","Bold","Clipboard","CodeBlock","Essentials","FontBackgroundColor","FontColor","FontSize","GeneralHtmlSupport","Heading","HorizontalLine","Indent","IndentBlock","Italic","Link","List","ListProperties","Paragraph","RemoveFormat","SpecialCharacters","SpecialCharactersEssentials","Strikethrough","Subscript","Superscript","Table","TableCaption","TableCellProperties","TableColumnResize","TableProperties","TableToolbar","Underline","CK_EDITOR_LICENSE_KEY","CutPlugin","IndentPaddingToMarginPlugin","PasteAsTextPlugin","PastePlugin","TabSpacesPlugin","getEditorTranslation","getValidEditorLocale","TEXT_COLOR_PALETTE","color","getDefaultConfig","locale","arguments","length","undefined","licenseKey","language","translations","plugins","toolbar","fontSize","options","title","model","supportAllValues","fontColor","colors","fontBackgroundColor","indentBlock","offset","unit","htmlSupport","allow","name","styles","list","properties","useAttribute","startIndex","reversed","image","insert","integrations","table","contentToolbar","tableProperties","borderColors","backgroundColors","tableCellProperties","addButtonDataAttributes","editor","applyAttributes","toolbarElement","ui","view","element","toolbarChildren","Array","from","querySelectorAll","moreDropdownButtons","allToolbarElements","concat","toolbarItems","config","get","elementIndex","forEach","itemName","classList","contains","setAttribute","observer","MutationObserver","observe","childList","subtree","on","disconnect"],"sources":["../../../src/TextEditor/utils/config.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig } from 'ckeditor5'\nimport {\n  Alignment,\n  Autoformat,\n  AutoLink,\n  BlockQuote,\n  Bold,\n  Clipboard,\n  CodeBlock,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontSize,\n  GeneralHtmlSupport,\n  Heading,\n  HorizontalLine,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  List,\n  ListProperties,\n  Paragraph,\n  RemoveFormat,\n  SpecialCharacters,\n  SpecialCharactersEssentials,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n} from 'ckeditor5'\n\nimport { CK_EDITOR_LICENSE_KEY } from '../license_key'\nimport { CutPlugin } from '../plugins/CutPlugin'\nimport { IndentPaddingToMarginPlugin } from '../plugins/IndentPaddingToMarginPlugin'\nimport { PasteAsTextPlugin } from '../plugins/PasteAsTextPlugin'\nimport { PastePlugin } from '../plugins/PastePlugin'\nimport { TabSpacesPlugin } from '../plugins/TabSpacesPlugin'\nimport { getEditorTranslation, getValidEditorLocale } from './locale'\n\nconst TEXT_COLOR_PALETTE = [\n  { color: '#BFEDD2' },\n  { color: '#FBEEB8' },\n  { color: '#F8CAC6' },\n  { color: '#ECCAFA' },\n  { color: '#C2E0F4' },\n  { color: '#2DC26B' },\n  { color: '#F1C40F' },\n  { color: '#E03E2D' },\n  { color: '#B96AD9' },\n  { color: '#3598DB' },\n  { color: '#169179' },\n  { color: '#E67E23' },\n  { color: '#BA372A' },\n  { color: '#843FA1' },\n  { color: '#236FA1' },\n  { color: '#ECF0F1' },\n  { color: '#CED4D9' },\n  { color: '#95A5A6' },\n  { color: '#7E8C8D' },\n  { color: '#34495E' },\n  { color: '#000000' },\n  { color: '#FFFFFF' },\n]\n\nexport const getDefaultConfig = (locale: string = 'en'): EditorConfig => ({\n  licenseKey: CK_EDITOR_LICENSE_KEY,\n  language: getValidEditorLocale(locale),\n  translations: [getEditorTranslation(locale)],\n  plugins: [\n    Alignment,\n    AutoLink,\n    Bold,\n    Clipboard,\n    Essentials,\n    FontBackgroundColor,\n    FontColor,\n    FontSize,\n    GeneralHtmlSupport,\n    Indent,\n    IndentBlock,\n    Italic,\n    Link,\n    List,\n    ListProperties,\n    Paragraph,\n    Strikethrough,\n    Table,\n    TableCaption,\n    TableCellProperties,\n    TableColumnResize,\n    TableProperties,\n    TableToolbar,\n    Underline,\n    CutPlugin,\n    PastePlugin,\n    PasteAsTextPlugin,\n    IndentPaddingToMarginPlugin,\n    BlockQuote,\n    Heading,\n    Autoformat,\n    SpecialCharacters,\n    SpecialCharactersEssentials,\n    Subscript,\n    Superscript,\n    HorizontalLine,\n    RemoveFormat,\n    CodeBlock,\n    TabSpacesPlugin, // TODO - delete\n  ],\n  toolbar: [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough',\n    '|',\n    'alignment:left',\n    'alignment:center',\n    'alignment:right',\n    '|',\n    'bulletedList',\n    'numberedList',\n    '|',\n    'outdent',\n    'indent',\n    '|',\n    'cut',\n    'paste',\n    'pasteAsText',\n    '|',\n    'fontSize',\n    '|',\n    'fontColor',\n    'fontBackgroundColor',\n    '|',\n    'insertTable',\n    'link',\n    '|',\n    'blockquote',\n    'heading',\n    '|',\n    'horizontalLine',\n    'removeFormat',\n    'specialCharacters',\n    'subscript',\n    'superscript',\n    'codeblock',\n    '|',\n    'undo',\n    'redo',\n  ],\n  fontSize: {\n    options: [\n      { title: '8pt', model: '8px' },\n      { title: '10pt', model: '10px' },\n      { title: '12pt', model: '12px' },\n      { title: '14pt', model: '14px' },\n      { title: '18pt', model: '18px' },\n      { title: '24pt', model: '24px' },\n      { title: '36pt', model: '36px' },\n    ],\n    supportAllValues: true,\n  },\n  fontColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  fontBackgroundColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  indentBlock: {\n    offset: 40,\n    unit: 'px',\n  },\n  htmlSupport: {\n    allow: [\n      {\n        name: 'p',\n        styles: {\n          'margin-left': true,\n        },\n      },\n    ],\n  },\n  list: {\n    properties: {\n      styles: {\n        useAttribute: true,\n      },\n      startIndex: true,\n      reversed: true,\n    },\n  },\n  image: {\n    insert: {\n      integrations: ['insertImageViaUrl'],\n    },\n    toolbar: ['imageTextAlternative'],\n  },\n  table: {\n    contentToolbar: [\n      'tableColumn',\n      'tableRow',\n      'mergeTableCells',\n      'tableProperties',\n      'tableCellProperties',\n    ],\n    tableProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n    tableCellProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n  },\n})\n\n// Add stable data attributes to toolbar buttons for the styling (or testing) purposes\nexport const addButtonDataAttributes = (editor: ClassicEditor) => {\n  const applyAttributes = () => {\n    const toolbarElement = editor.ui.view.toolbar.element\n    if (!toolbarElement) {\n      return\n    }\n\n    // Get buttons in the main toolbar\n    const toolbarChildren = Array.from(\n      toolbarElement.querySelectorAll('.ck-toolbar__items > *')\n    )\n\n    // Get buttons hidden in \"more\" dropdown\n    const moreDropdownButtons = Array.from(\n      toolbarElement.querySelectorAll('.ck-dropdown__panel .ck-list .ck-button')\n    )\n\n    const allToolbarElements = [...toolbarChildren, ...moreDropdownButtons]\n\n    // Create mapping based on toolbar configuration order\n    const toolbarItems = (editor.config.get('toolbar') || []) as string[]\n    let elementIndex = 0\n\n    toolbarItems.forEach((itemName) => {\n      const element = allToolbarElements[elementIndex]\n      if (\n        itemName !== '|' &&\n        element &&\n        !element.classList.contains('ck-toolbar__separator')\n      ) {\n        // Use the toolbar item name as the stable identifier\n        element.setAttribute('data-cke-command', itemName)\n      }\n      elementIndex++\n    })\n  }\n\n  // Apply attributes initially\n  applyAttributes()\n\n  // Re-apply when dropdown menus are opened (buttons get created dynamically)\n  const toolbarElement = editor.ui.view.toolbar.element\n  if (toolbarElement) {\n    const observer = new MutationObserver(() => {\n      applyAttributes()\n    })\n    observer.observe(toolbarElement, {\n      childList: true,\n      subtree: true,\n    })\n    editor.on('destroy', () => {\n      observer.disconnect()\n    })\n  }\n}\n"],"mappings":"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"}

package/dist/TextEditor/utils/index.d.ts

@@ -1,2 +1 @@
 export { addButtonDataAttributes, getDefaultConfig } from './config';
-export { addPluginsFromStringArray } from './plugins';

package/dist/TextEditor/utils/index.js

@@ -1,3 +1,2 @@
 export { addButtonDataAttributes, getDefaultConfig } from './config';
-export { addPluginsFromStringArray } from './plugins';
 //# sourceMappingURL=index.js.map

package/dist/TextEditor/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["addButtonDataAttributes","getDefaultConfig","addPluginsFromStringArray"],"sources":["../../../src/TextEditor/utils/index.ts"],"sourcesContent":["export { addButtonDataAttributes, getDefaultConfig } from './config'\nexport { addPluginsFromStringArray } from './plugins'\n"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,gBAAgB,QAAQ,UAAU;AACpE,SAASC,yBAAyB,QAAQ,WAAW"}
+{"version":3,"file":"index.js","names":["addButtonDataAttributes","getDefaultConfig"],"sources":["../../../src/TextEditor/utils/index.ts"],"sourcesContent":["export { addButtonDataAttributes, getDefaultConfig } from './config'\n"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,gBAAgB,QAAQ,UAAU"}

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "text-editor-0_0_3__sc-1oujb2g-0"
+  componentId: "text-editor-0_2_0__sc-1oujb2g-0"
 })([".ck-editor__top{height:0 !important;}.ck-content{border:none !important;padding:0 !important;p{margin:0;}table,img{margin-left:auto;margin-right:auto;}img{display:block;}table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;th{text-align:left;}& > thead,& > tbody{& > tr > td,& > tr > th{border:1px solid #bfbfbf;min-width:2em;padding:0.4em;}& > tr > th{background:rgba(0,0,0,0.05);font-weight:700;}}}}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/_storyHelpers/constants.d.ts

@@ -6,6 +6,7 @@ export declare const exampleText: {
     long_ipsum: string;
     longest_ipsum: string;
     long_ipsum_one_line: string;
+    formatted_content: string;
 };
 export declare function Ipsum(lengthOrOptions: number | {
     length: number;

package/dist/_storyHelpers/constants.js

@@ -5,7 +5,8 @@ export var exampleText = {
   short_sentence: 'Did you think you have mastery over fire? Incredible!',
   long_ipsum: "Lorem ip sum dolor sit amet, consectetur adipiscing elit,\n    ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    Scelerisque eleifend donec pretium vulputate sapien nec sagittis.\n    Ultricies tristique nulla aliquet enim tortor at auctor urna nunc.\n    Vitae turpis massa sed elementum tempus egestas.\n    Nunc consequat interdum varius sit amet",
   longest_ipsum: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n    tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim\n    convallis aenean et. Facilisis volutpat est velit egestas dui id. In\n    nulla posuere sollicitudin aliquam ultrices. Lorem mollis aliquam ut\n    porttitor. Convallis aenean et tortor at risus viverra adipiscing at.\n    Euismod nisi porta lorem mollis aliquam ut porttitor. Hac habitasse\n    platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.\n    Viverra tellus in hac habitasse platea dictumst. Scelerisque viverra lawn\n    gnome in aliquam sem fringilla ut morbi tincidunt. Ullamcorper morbi tincidunt\n    ornare massa eget. Gravida cum sociis natoque penatibus. Leo vel fringilla est\n    ullamcorper eget nulla. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.\n    Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Id aliquet\n    lectus proin nibh troll condimentum id venenatis.",
-  long_ipsum_one_line: "Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet"
+  long_ipsum_one_line: "Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet",
+  formatted_content: "\n    <p><strong>Bold text</strong> and <em>italic text</em></p>\n    <ul>\n      <li>List item 1</li>\n      <li>List item 2</li>\n    </ul>\n    <p style=\"text-align: center;\">Centered text</p>\n  "
 };
 export function Ipsum(lengthOrOptions) {
   if (typeof lengthOrOptions === 'number') {

package/dist/_storyHelpers/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["exampleText","none","short_ipsum","short_sentence","long_ipsum","longest_ipsum","long_ipsum_one_line","Ipsum","lengthOrOptions","recursiveGrow","length","lettercase","trailingPeriod","longString","lastChar","includes","slice","replace","s","toUpperCase","arguments","undefined","out"],"sources":["../../src/_storyHelpers/constants.ts"],"sourcesContent":["export const exampleText = {\n  default: 'Click me!',\n  none: '',\n  short_ipsum: 'Lorum',\n  short_sentence: 'Did you think you have mastery over fire? Incredible!',\n  long_ipsum: `Lorem ip sum dolor sit amet, consectetur adipiscing elit,\n    ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    Scelerisque eleifend donec pretium vulputate sapien nec sagittis.\n    Ultricies tristique nulla aliquet enim tortor at auctor urna nunc.\n    Vitae turpis massa sed elementum tempus egestas.\n    Nunc consequat interdum varius sit amet`,\n  longest_ipsum: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n    tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim\n    convallis aenean et. Facilisis volutpat est velit egestas dui id. In\n    nulla posuere sollicitudin aliquam ultrices. Lorem mollis aliquam ut\n    porttitor. Convallis aenean et tortor at risus viverra adipiscing at.\n    Euismod nisi porta lorem mollis aliquam ut porttitor. Hac habitasse\n    platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.\n    Viverra tellus in hac habitasse platea dictumst. Scelerisque viverra lawn\n    gnome in aliquam sem fringilla ut morbi tincidunt. Ullamcorper morbi tincidunt\n    ornare massa eget. Gravida cum sociis natoque penatibus. Leo vel fringilla est\n    ullamcorper eget nulla. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.\n    Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Id aliquet\n    lectus proin nibh troll condimentum id venenatis.`,\n  long_ipsum_one_line: `Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet`,\n}\n\nexport function Ipsum(\n  lengthOrOptions:\n    | number\n    | {\n        length: number\n        lettercase?: 'sentence' | 'title'\n        trailingPeriod?: boolean\n      }\n) {\n  if (typeof lengthOrOptions === 'number') {\n    return recursiveGrow(lengthOrOptions)\n  }\n  const { length, lettercase, trailingPeriod } = lengthOrOptions\n  let longString = recursiveGrow(length)\n  const lastChar = longString[longString.length - 1]\n  if (!trailingPeriod && ['.', ','].includes(lastChar)) {\n    longString = longString.slice(0, -1)\n  }\n  if (lettercase === 'title') {\n    longString = longString.replace(/\\b\\w/g, (s) => s.toUpperCase())\n  }\n  return longString\n}\n\n/**\n * Creates a sentence case sentence.\n * @returns string\n */\nconst recursiveGrow = (length = 1, out = exampleText.longest_ipsum): string => {\n  if (!length) {\n    return ''\n  }\n  if (out.length < length) {\n    return recursiveGrow(length, out + exampleText.longest_ipsum)\n  }\n  if (out.length >= length) {\n    return out.slice(0, length - 1) + '.'\n  }\n  return 'Lorem ipsum grow failed.'\n}\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG;EACzB,WAAS,WAAW;EACpBC,IAAI,EAAE,EAAE;EACRC,WAAW,EAAE,OAAO;EACpBC,cAAc,EAAE,uDAAuD;EACvEC,UAAU,sXAKgC;EAC1CC,aAAa,o+BAYuC;EACpDC,mBAAmB;AACrB,CAAC;AAED,OAAO,SAASC,KAAKA,CACnBC,eAMK,EACL;EACA,IAAI,OAAOA,eAAe,KAAK,QAAQ,EAAE;IACvC,OAAOC,cAAa,CAACD,eAAe,CAAC;EACvC;EACA,IAAQE,MAAM,GAAiCF,eAAe,CAAtDE,MAAM;IAAEC,UAAU,GAAqBH,eAAe,CAA9CG,UAAU;IAAEC,cAAc,GAAKJ,eAAe,CAAlCI,cAAc;EAC1C,IAAIC,UAAU,GAAGJ,cAAa,CAACC,MAAM,CAAC;EACtC,IAAMI,QAAQ,GAAGD,UAAU,CAACA,UAAU,CAACH,MAAM,GAAG,CAAC,CAAC;EAClD,IAAI,CAACE,cAAc,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACD,QAAQ,CAAC,EAAE;IACpDD,UAAU,GAAGA,UAAU,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EACtC;EACA,IAAIL,UAAU,KAAK,OAAO,EAAE;IAC1BE,UAAU,GAAGA,UAAU,CAACI,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,WAAW,CAAC,CAAC;IAAA,EAAC;EAClE;EACA,OAAON,UAAU;AACnB;;AAEA;AACA;AACA;AACA;AACA,IAAMJ,cAAa,GAAG,SAAhBA,aAAaA,CAAA,EAA4D;EAAA,IAAxDC,MAAM,GAAAU,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC;EAAA,IAAEE,GAAG,GAAAF,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGpB,WAAW,CAACK,aAAa;EAChE,IAAI,CAACK,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EACA,IAAIY,GAAG,CAACZ,MAAM,GAAGA,MAAM,EAAE;IACvB,OAAOD,cAAa,CAACC,MAAM,EAAEY,GAAG,GAAGtB,WAAW,CAACK,aAAa,CAAC;EAC/D;EACA,IAAIiB,GAAG,CAACZ,MAAM,IAAIA,MAAM,EAAE;IACxB,OAAOY,GAAG,CAACN,KAAK,CAAC,CAAC,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG;EACvC;EACA,OAAO,0BAA0B;AACnC,CAAC"}
+{"version":3,"file":"constants.js","names":["exampleText","none","short_ipsum","short_sentence","long_ipsum","longest_ipsum","long_ipsum_one_line","formatted_content","Ipsum","lengthOrOptions","recursiveGrow","length","lettercase","trailingPeriod","longString","lastChar","includes","slice","replace","s","toUpperCase","arguments","undefined","out"],"sources":["../../src/_storyHelpers/constants.ts"],"sourcesContent":["export const exampleText = {\n  default: 'Click me!',\n  none: '',\n  short_ipsum: 'Lorum',\n  short_sentence: 'Did you think you have mastery over fire? Incredible!',\n  long_ipsum: `Lorem ip sum dolor sit amet, consectetur adipiscing elit,\n    ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    Scelerisque eleifend donec pretium vulputate sapien nec sagittis.\n    Ultricies tristique nulla aliquet enim tortor at auctor urna nunc.\n    Vitae turpis massa sed elementum tempus egestas.\n    Nunc consequat interdum varius sit amet`,\n  longest_ipsum: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n    tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim\n    convallis aenean et. Facilisis volutpat est velit egestas dui id. In\n    nulla posuere sollicitudin aliquam ultrices. Lorem mollis aliquam ut\n    porttitor. Convallis aenean et tortor at risus viverra adipiscing at.\n    Euismod nisi porta lorem mollis aliquam ut porttitor. Hac habitasse\n    platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.\n    Viverra tellus in hac habitasse platea dictumst. Scelerisque viverra lawn\n    gnome in aliquam sem fringilla ut morbi tincidunt. Ullamcorper morbi tincidunt\n    ornare massa eget. Gravida cum sociis natoque penatibus. Leo vel fringilla est\n    ullamcorper eget nulla. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.\n    Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Id aliquet\n    lectus proin nibh troll condimentum id venenatis.`,\n  long_ipsum_one_line: `Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet`,\n  formatted_content: `\n    <p><strong>Bold text</strong> and <em>italic text</em></p>\n    <ul>\n      <li>List item 1</li>\n      <li>List item 2</li>\n    </ul>\n    <p style=\"text-align: center;\">Centered text</p>\n  `,\n}\n\nexport function Ipsum(\n  lengthOrOptions:\n    | number\n    | {\n        length: number\n        lettercase?: 'sentence' | 'title'\n        trailingPeriod?: boolean\n      }\n) {\n  if (typeof lengthOrOptions === 'number') {\n    return recursiveGrow(lengthOrOptions)\n  }\n  const { length, lettercase, trailingPeriod } = lengthOrOptions\n  let longString = recursiveGrow(length)\n  const lastChar = longString[longString.length - 1]\n  if (!trailingPeriod && ['.', ','].includes(lastChar)) {\n    longString = longString.slice(0, -1)\n  }\n  if (lettercase === 'title') {\n    longString = longString.replace(/\\b\\w/g, (s) => s.toUpperCase())\n  }\n  return longString\n}\n\n/**\n * Creates a sentence case sentence.\n * @returns string\n */\nconst recursiveGrow = (length = 1, out = exampleText.longest_ipsum): string => {\n  if (!length) {\n    return ''\n  }\n  if (out.length < length) {\n    return recursiveGrow(length, out + exampleText.longest_ipsum)\n  }\n  if (out.length >= length) {\n    return out.slice(0, length - 1) + '.'\n  }\n  return 'Lorem ipsum grow failed.'\n}\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG;EACzB,WAAS,WAAW;EACpBC,IAAI,EAAE,EAAE;EACRC,WAAW,EAAE,OAAO;EACpBC,cAAc,EAAE,uDAAuD;EACvEC,UAAU,sXAKgC;EAC1CC,aAAa,o+BAYuC;EACpDC,mBAAmB,6VAA6V;EAChXC,iBAAiB;AAQnB,CAAC;AAED,OAAO,SAASC,KAAKA,CACnBC,eAMK,EACL;EACA,IAAI,OAAOA,eAAe,KAAK,QAAQ,EAAE;IACvC,OAAOC,cAAa,CAACD,eAAe,CAAC;EACvC;EACA,IAAQE,MAAM,GAAiCF,eAAe,CAAtDE,MAAM;IAAEC,UAAU,GAAqBH,eAAe,CAA9CG,UAAU;IAAEC,cAAc,GAAKJ,eAAe,CAAlCI,cAAc;EAC1C,IAAIC,UAAU,GAAGJ,cAAa,CAACC,MAAM,CAAC;EACtC,IAAMI,QAAQ,GAAGD,UAAU,CAACA,UAAU,CAACH,MAAM,GAAG,CAAC,CAAC;EAClD,IAAI,CAACE,cAAc,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACD,QAAQ,CAAC,EAAE;IACpDD,UAAU,GAAGA,UAAU,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EACtC;EACA,IAAIL,UAAU,KAAK,OAAO,EAAE;IAC1BE,UAAU,GAAGA,UAAU,CAACI,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,WAAW,CAAC,CAAC;IAAA,EAAC;EAClE;EACA,OAAON,UAAU;AACnB;;AAEA;AACA;AACA;AACA;AACA,IAAMJ,cAAa,GAAG,SAAhBA,aAAaA,CAAA,EAA4D;EAAA,IAAxDC,MAAM,GAAAU,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC;EAAA,IAAEE,GAAG,GAAAF,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGrB,WAAW,CAACK,aAAa;EAChE,IAAI,CAACM,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EACA,IAAIY,GAAG,CAACZ,MAAM,GAAGA,MAAM,EAAE;IACvB,OAAOD,cAAa,CAACC,MAAM,EAAEY,GAAG,GAAGvB,WAAW,CAACK,aAAa,CAAC;EAC/D;EACA,IAAIkB,GAAG,CAACZ,MAAM,IAAIA,MAAM,EAAE;IACxB,OAAOY,GAAG,CAACN,KAAK,CAAC,CAAC,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG;EACvC;EACA,OAAO,0BAA0B;AACnC,CAAC"}