@ckeditor/ckeditor5-ui 38.0.1 → 38.1.0

package/lang/translations/it.po

@@ -114,4 +114,4 @@ msgstr "Barra degli strumenti contestuale dell'editor"
 
 msgctxt "Label of an input field for typing colors in the HEX color format."
 msgid "HEX"
-msgstr ""
+msgstr "HEX"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ui",
-  "version": "38.0.1",
+  "version": "38.1.0",
   "description": "The UI framework and standard UI library of CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -11,38 +11,13 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "^38.0.1",
-    "@ckeditor/ckeditor5-utils": "^38.0.1",
+    "@ckeditor/ckeditor5-core": "38.1.0",
+    "@ckeditor/ckeditor5-utils": "38.1.0",
     "color-convert": "2.0.1",
     "color-parse": "1.4.2",
     "lodash-es": "^4.17.15",
     "vanilla-colorful": "0.7.2"
   },
-  "devDependencies": {
-    "@ckeditor/ckeditor5-basic-styles": "^38.0.1",
-    "@ckeditor/ckeditor5-block-quote": "^38.0.1",
-    "@ckeditor/ckeditor5-editor-balloon": "^38.0.1",
-    "@ckeditor/ckeditor5-editor-classic": "^38.0.1",
-    "@ckeditor/ckeditor5-engine": "^38.0.1",
-    "@ckeditor/ckeditor5-enter": "^38.0.1",
-    "@ckeditor/ckeditor5-essentials": "^38.0.1",
-    "@ckeditor/ckeditor5-find-and-replace": "^38.0.1",
-    "@ckeditor/ckeditor5-font": "^38.0.1",
-    "@ckeditor/ckeditor5-heading": "^38.0.1",
-    "@ckeditor/ckeditor5-horizontal-line": "^38.0.1",
-    "@ckeditor/ckeditor5-image": "^38.0.1",
-    "@ckeditor/ckeditor5-link": "^38.0.1",
-    "@ckeditor/ckeditor5-list": "^38.0.1",
-    "@ckeditor/ckeditor5-mention": "^38.0.1",
-    "@ckeditor/ckeditor5-paragraph": "^38.0.1",
-    "@ckeditor/ckeditor5-source-editing": "^38.0.1",
-    "@ckeditor/ckeditor5-table": "^38.0.1",
-    "@ckeditor/ckeditor5-typing": "^38.0.1",
-    "@types/color-convert": "2.0.0",
-    "typescript": "^4.8.4",
-    "webpack": "^5.58.1",
-    "webpack-cli": "^4.9.0"
-  },
   "engines": {
     "node": ">=16.0.0",
     "npm": ">=5.7.1"
@@ -64,9 +39,5 @@
     "ckeditor5-metadata.json",
     "CHANGELOG.md"
   ],
-  "scripts": {
-    "build": "tsc -p ./tsconfig.json",
-    "postversion": "npm run build"
-  },
   "types": "src/index.d.ts"
 }

package/src/colorpicker/colorpickerview.js

@@ -51,7 +51,10 @@ export default class ColorPickerView extends View {
             this._hexColor = convertColorToCommonHexFormat(this.color);
         });
         this.on('change:_hexColor', () => {
-            this.picker.setAttribute('color', this._hexColor);
+            // Should update color in color picker when its not focused
+            if (document.activeElement !== this.picker) {
+                this.picker.setAttribute('color', this._hexColor);
+            }
             // There has to be two way binding between properties.
             // Extra precaution has to be taken to trigger change back only when the color really changes.
             if (convertColorToCommonHexFormat(this.color) != convertColorToCommonHexFormat(this._hexColor)) {

package/src/editorui/bodycollection.d.ts

@@ -38,6 +38,10 @@ export default class BodyCollection extends ViewCollection {
      * @param initialItems The initial items of the collection.
      */
     constructor(locale: Locale, initialItems?: Iterable<View>);
+    /**
+     * The element holding elements of the body region.
+     */
+    get bodyCollectionContainer(): HTMLElement | undefined;
     /**
      * Attaches the body collection to the DOM body element. You need to execute this method to render the content of
      * the body collection.

package/src/editorui/bodycollection.js

@@ -36,6 +36,12 @@ export default class BodyCollection extends ViewCollection {
         super(initialItems);
         this.locale = locale;
     }
+    /**
+     * The element holding elements of the body region.
+     */
+    get bodyCollectionContainer() {
+        return this._bodyCollectionContainer;
+    }
     /**
      * Attaches the body collection to the DOM body element. You need to execute this method to render the content of
      * the body collection.

package/src/editorui/editorui.d.ts

@@ -211,6 +211,14 @@ export default abstract class EditorUI extends EditorUI_base {
      * @returns `true` when the toolbar candidate was focused. `false` otherwise.
      */
     private _focusFocusableCandidateToolbar;
+    /**
+     * Provides an integration between {@link #viewportOffset} and {@link module:utils/dom/scroll~scrollViewportToShowTarget}.
+     * It allows the UI-agnostic engine method to consider user-configured viewport offsets specific for the integration.
+     *
+     * @param evt The `scrollToTheSelection` event info.
+     * @param data The payload carried by the `scrollToTheSelection` event.
+     */
+    private _handleScrollToTheSelection;
 }
 /**
  * Fired when the editor UI is ready.

package/src/editorui/editorui.js

@@ -36,6 +36,7 @@ export default class EditorUI extends ObservableMixin() {
          * All available & focusable toolbars.
          */
         this._focusableToolbarDefinitions = [];
+        const editingView = editor.editing.view;
         this.editor = editor;
         this.componentFactory = new ComponentFactory(editor);
         this.focusTracker = new FocusTracker();
@@ -46,7 +47,8 @@ export default class EditorUI extends ObservableMixin() {
             this.isReady = true;
         });
         // Informs UI components that should be refreshed after layout change.
-        this.listenTo(editor.editing.view.document, 'layoutChanged', () => this.update());
+        this.listenTo(editingView.document, 'layoutChanged', this.update.bind(this));
+        this.listenTo(editingView, 'scrollToTheSelection', this._handleScrollToTheSelection.bind(this));
         this._initFocusTracking();
     }
     /**
@@ -364,6 +366,26 @@ export default class EditorUI extends ObservableMixin() {
         toolbarView.focus();
         return true;
     }
+    /**
+     * Provides an integration between {@link #viewportOffset} and {@link module:utils/dom/scroll~scrollViewportToShowTarget}.
+     * It allows the UI-agnostic engine method to consider user-configured viewport offsets specific for the integration.
+     *
+     * @param evt The `scrollToTheSelection` event info.
+     * @param data The payload carried by the `scrollToTheSelection` event.
+     */
+    _handleScrollToTheSelection(evt, data) {
+        const configuredViewportOffset = {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0,
+            ...this.viewportOffset
+        };
+        data.viewportOffset.top += configuredViewportOffset.top;
+        data.viewportOffset.bottom += configuredViewportOffset.bottom;
+        data.viewportOffset.left += configuredViewportOffset.left;
+        data.viewportOffset.right += configuredViewportOffset.right;
+    }
 }
 /**
  * Returns a number (weight) for a toolbar definition. Visible toolbars have a higher priority and so do

package/src/editorui/poweredby.d.ts

@@ -8,12 +8,7 @@
 import type { Editor } from '@ckeditor/ckeditor5-core';
 declare const PoweredBy_base: {
     new (): import("@ckeditor/ckeditor5-utils").DomEmitter;
-    prototype: import("@ckeditor/ckeditor5-utils").DomEmitter; /**
-     * Creates a "powered by" helper for a given editor. The feature is initialized on Editor#ready
-     * event.
-     *
-     * @param editor
-     */
+    prototype: import("@ckeditor/ckeditor5-utils").DomEmitter;
 };
 /**
  * A helper that enables the "powered by" feature in the editor and renders a link to the project's

package/src/editorui/poweredby.js

@@ -10,6 +10,8 @@ import { throttle } from 'lodash-es';
 import poweredByIcon from '../../theme/icons/project-logo.svg';
 const ICON_WIDTH = 53;
 const ICON_HEIGHT = 10;
+// ⚠ Note, whenever changing the threshold, make sure to update the docs/support/managing-ckeditor-logo.md docs
+// as this information is also mentioned there ⚠.
 const NARROW_ROOT_HEIGHT_THRESHOLD = 50;
 const NARROW_ROOT_WIDTH_THRESHOLD = 350;
 const DEFAULT_LABEL = 'Powered by';
@@ -61,8 +63,9 @@ export default class PoweredBy extends DomEmitterMixin() {
      */
     _handleEditorReady() {
         const editor = this.editor;
+        const forceVisible = !!editor.config.get('ui.poweredBy.forceVisible');
         /* istanbul ignore next -- @preserve */
-        if (verifyLicense(editor.config.get('licenseKey')) === 'VALID') {
+        if (!forceVisible && verifyLicense(editor.config.get('licenseKey')) === 'VALID') {
             return;
         }
         // No view means no body collection to append the powered by balloon to.

package/src/index.d.ts

@@ -49,6 +49,7 @@ export { default as StickyPanelView } from './panel/sticky/stickypanelview';
 export { default as TooltipManager } from './tooltipmanager';
 export { default as Template, type TemplateDefinition } from './template';
 export { default as ToolbarView } from './toolbar/toolbarview';
+export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview';
 export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
 export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
 export { default as BalloonToolbar, type BalloonToolbarShowEvent } from './toolbar/balloon/balloontoolbar';

package/src/index.js

@@ -47,6 +47,7 @@ export { default as StickyPanelView } from './panel/sticky/stickypanelview';
 export { default as TooltipManager } from './tooltipmanager';
 export { default as Template } from './template';
 export { default as ToolbarView } from './toolbar/toolbarview';
+export { default as ToolbarLineBreakView } from './toolbar/toolbarlinebreakview';
 export { default as ToolbarSeparatorView } from './toolbar/toolbarseparatorview';
 export { default as normalizeToolbarConfig } from './toolbar/normalizetoolbarconfig';
 export { default as BalloonToolbar } from './toolbar/balloon/balloontoolbar';

package/src/notification/notification.d.ts

@@ -20,7 +20,7 @@ export default class Notification extends ContextPlugin {
     /**
      * @inheritDoc
      */
-    static get pluginName(): 'Notification';
+    static get pluginName(): "Notification";
     /**
      * @inheritDoc
      */

package/src/panel/balloon/contextualballoon.d.ts

@@ -106,7 +106,7 @@ export default class ContextualBalloon extends Plugin {
     /**
      * @inheritDoc
      */
-    static get pluginName(): 'ContextualBalloon';
+    static get pluginName(): "ContextualBalloon";
     /**
      * @inheritDoc
      */

package/src/toolbar/balloon/balloontoolbar.d.ts

@@ -55,7 +55,7 @@ export default class BalloonToolbar extends Plugin {
     /**
      * @inheritDoc
      */
-    static get pluginName(): 'BalloonToolbar';
+    static get pluginName(): "BalloonToolbar";
     /**
      * @inheritDoc
      */

package/src/toolbar/block/blocktoolbar.d.ts

@@ -86,7 +86,7 @@ export default class BlockToolbar extends Plugin {
     /**
      * @inheritDoc
      */
-    static get pluginName(): 'BlockToolbar';
+    static get pluginName(): "BlockToolbar";
     /**
      * @inheritDoc
      */
@@ -131,6 +131,10 @@ export default class BlockToolbar extends Plugin {
      * If the toolbar is already visible, then it simply repositions it.
      */
     private _showPanel;
+    /**
+     * Returns currently selected editable, based on the model selection.
+     */
+    private _getSelectedEditableElement;
     /**
      * Hides the {@link #toolbarView}.
      *
@@ -144,8 +148,12 @@ export default class BlockToolbar extends Plugin {
      */
     private _attachButtonToElement;
     /**
-     * Gets the {@link #toolbarView} max-width, based on
-     * editable width plus distance between farthest edge of the {@link #buttonView} and the editable.
+     * Creates a resize observer that observes selected editable and resizes the toolbar panel accordingly.
+     */
+    private _setupToolbarResize;
+    /**
+     * Gets the {@link #toolbarView} max-width, based on given `editableElement` width plus the distance between the farthest
+     * edge of the {@link #buttonView} and the editable.
      *
      * @returns A maximum width that toolbar can have, in pixels.
      */

package/src/toolbar/block/blocktoolbar.js

@@ -136,22 +136,11 @@ export default class BlockToolbar extends Plugin {
      * **Note:** This needs to be done after all plugins are ready.
      */
     afterInit() {
-        const factory = this.editor.ui.componentFactory;
-        const config = this._blockToolbarConfig;
-        this.toolbarView.fillFromConfig(config, factory);
+        this.toolbarView.fillFromConfig(this._blockToolbarConfig, this.editor.ui.componentFactory);
         // Hide panel before executing each button in the panel.
         for (const item of this.toolbarView.items) {
             item.on('execute', () => this._hidePanel(true), { priority: 'high' });
         }
-        if (!config.shouldNotGroupWhenFull) {
-            this.listenTo(this.editor, 'ready', () => {
-                const editableElement = this.editor.ui.view.editable.element;
-                // Set #toolbarView's max-width just after the initialization and update it on the editable resize.
-                this._resizeObserver = new ResizeObserver(editableElement, () => {
-                    this.toolbarView.maxWidth = this._getToolbarMaxWidth();
-                });
-            });
-        }
     }
     /**
      * @inheritDoc
@@ -253,6 +242,8 @@ export default class BlockToolbar extends Plugin {
         const domTarget = view.domConverter.mapViewToDom(editor.editing.mapper.toViewElement(modelTarget));
         // Show block button.
         this.buttonView.isVisible = true;
+        // Make sure that the block toolbar panel is resized properly.
+        this._setupToolbarResize();
         // Attach block button to target DOM element.
         this._attachButtonToElement(domTarget);
         // When panel is opened then refresh it position to be properly aligned with block button.
@@ -303,15 +294,23 @@ export default class BlockToolbar extends Plugin {
         //
         // https://github.com/ckeditor/ckeditor5/issues/6449, https://github.com/ckeditor/ckeditor5/issues/6575
         this.panelView.show();
-        this.toolbarView.maxWidth = this._getToolbarMaxWidth();
+        const editableElement = this._getSelectedEditableElement();
+        this.toolbarView.maxWidth = this._getToolbarMaxWidth(editableElement);
         this.panelView.pin({
             target: this.buttonView.element,
-            limiter: this.editor.ui.getEditableElement()
+            limiter: editableElement
         });
         if (!wasVisible) {
             this.toolbarView.items.get(0).focus();
         }
     }
+    /**
+     * Returns currently selected editable, based on the model selection.
+     */
+    _getSelectedEditableElement() {
+        const selectedModelRootName = this.editor.model.document.selection.getFirstRange().root.rootName;
+        return this.editor.ui.getEditableElement(selectedModelRootName);
+    }
     /**
      * Hides the {@link #toolbarView}.
      *
@@ -330,9 +329,9 @@ export default class BlockToolbar extends Plugin {
      */
     _attachButtonToElement(targetElement) {
         const contentStyles = window.getComputedStyle(targetElement);
-        const editableRect = new Rect(this.editor.ui.getEditableElement());
+        const editableRect = new Rect(this._getSelectedEditableElement());
         const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
-        // When line height is not an integer then thread it as "normal".
+        // When line height is not an integer then treat it as "normal".
         // MDN says that 'normal' == ~1.2 on desktop browsers.
         const contentLineHeight = parseInt(contentStyles.lineHeight, 10) || parseInt(contentStyles.fontSize, 10) * 1.2;
         const position = getOptimalPosition({
@@ -358,13 +357,31 @@ export default class BlockToolbar extends Plugin {
         this.buttonView.left = position.left;
     }
     /**
-     * Gets the {@link #toolbarView} max-width, based on
-     * editable width plus distance between farthest edge of the {@link #buttonView} and the editable.
+     * Creates a resize observer that observes selected editable and resizes the toolbar panel accordingly.
+     */
+    _setupToolbarResize() {
+        const editableElement = this._getSelectedEditableElement();
+        // Do this only if the automatic grouping is turned on.
+        if (!this._blockToolbarConfig.shouldNotGroupWhenFull) {
+            // If resize observer is attached to a different editable than currently selected editable, re-attach it.
+            if (this._resizeObserver && this._resizeObserver.element !== editableElement) {
+                this._resizeObserver.destroy();
+                this._resizeObserver = null;
+            }
+            if (!this._resizeObserver) {
+                this._resizeObserver = new ResizeObserver(editableElement, () => {
+                    this.toolbarView.maxWidth = this._getToolbarMaxWidth(editableElement);
+                });
+            }
+        }
+    }
+    /**
+     * Gets the {@link #toolbarView} max-width, based on given `editableElement` width plus the distance between the farthest
+     * edge of the {@link #buttonView} and the editable.
      *
      * @returns A maximum width that toolbar can have, in pixels.
      */
-    _getToolbarMaxWidth() {
-        const editableElement = this.editor.ui.view.editable.element;
+    _getToolbarMaxWidth(editableElement) {
         const editableRect = new Rect(editableElement);
         const buttonRect = new Rect(this.buttonView.element);
         const isRTL = this.editor.locale.uiLanguageDirection === 'rtl';

package/theme/components/colorpicker/colorpicker.css

@@ -3,12 +3,12 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-.ck.ck-input {
-	min-width: unset;
-}
-
 .color-picker-hex-input {
 	width: max-content;
+
+	& .ck.ck-input {
+		min-width: unset;
+	}
 }
 
 .ck.ck-color-picker__row {

package/theme/globals/_poweredby.css

@@ -16,10 +16,10 @@
 .ck.ck-balloon-panel.ck-powered-by-balloon {
 	--ck-border-radius: var(--ck-powered-by-border-radius);
 
-	border: 0;
 	box-shadow: none;
 	background: var(--ck-powered-by-background);
 	min-height: unset;
+	z-index: calc( var(--ck-z-modal) - 1 );
 
 	& .ck.ck-powered-by {
 		line-height: var(--ck-powered-by-line-height);
@@ -60,6 +60,10 @@
 		}
 	}
 
+	&[class*="position_inside"] {
+		border-color: transparent;
+	}
+
 	&[class*="position_border"] {
 		border: var(--ck-focus-ring);
 		border-color: var(--ck-powered-by-border-color);

package/theme/icons/project-logo.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="53" height="10" viewBox="0 0 53 10"><g clip-path="url(#a)"><path fill="#1C2331" d="M31.724 1.492a15.139 15.139 0 0 0 .045 1.16 2.434 2.434 0 0 0-.687-.34 3.68 3.68 0 0 0-1.103-.166 2.332 2.332 0 0 0-1.14.255 1.549 1.549 0 0 0-.686.87c-.15.41-.225.98-.225 1.712 0 .939.148 1.659.444 2.161.297.503.792.754 1.487.754.452.015.9-.094 1.294-.316.296-.174.557-.4.771-.669l.14.852h1.282V.007h-1.623v1.485ZM31 6.496a1.77 1.77 0 0 1-.494.061.964.964 0 0 1-.521-.127.758.758 0 0 1-.296-.466 3.984 3.984 0 0 1-.093-.992 4.208 4.208 0 0 1 .098-1.052.753.753 0 0 1 .307-.477 1.08 1.08 0 0 1 .55-.122c.233-.004.466.026.69.089l.483.144v2.553c-.11.076-.213.143-.307.2a1.73 1.73 0 0 1-.417.189ZM35.68 0l-.702.004c-.322.002-.482.168-.48.497l.004.581c.002.33.164.493.486.49l.702-.004c.322-.002.481-.167.48-.496L36.165.49c-.002-.33-.164-.493-.486-.491ZM36.145 2.313l-1.612.01.034 5.482 1.613-.01-.035-5.482ZM39.623.79 37.989.8 38 2.306l-.946.056.006 1.009.949-.006.024 2.983c.003.476.143.844.419 1.106.275.26.658.39 1.148.387.132 0 .293-.01.483-.03.19-.02.38-.046.57-.08.163-.028.324-.068.482-.119l-.183-1.095-.702.004a.664.664 0 0 1-.456-.123.553.553 0 0 1-.14-.422l-.016-2.621 1.513-.01-.006-1.064-1.514.01-.01-1.503ZM46.226 2.388c-.41-.184-.956-.274-1.636-.27-.673.004-1.215.101-1.627.29-.402.179-.72.505-.888.91-.18.419-.268.979-.264 1.68.004.688.1 1.24.285 1.655.172.404.495.724.9.894.414.18.957.268 1.63.264.68-.004 1.224-.099 1.632-.284.4-.176.714-.501.878-.905.176-.418.263-.971.258-1.658-.004-.702-.097-1.261-.28-1.677a1.696 1.696 0 0 0-.888-.9Zm-.613 3.607a.77.77 0 0 1-.337.501 1.649 1.649 0 0 1-1.317.009.776.776 0 0 1-.343-.497 4.066 4.066 0 0 1-.105-1.02 4.136 4.136 0 0 1 .092-1.03.786.786 0 0 1 .337-.507 1.59 1.59 0 0 1 1.316-.008.79.79 0 0 1 .344.502c.078.337.113.683.105 1.03.012.343-.019.685-.092 1.02ZM52.114 2.07a2.67 2.67 0 0 0-1.128.278c-.39.191-.752.437-1.072.73l-.157-.846-1.273.008.036 5.572 1.623-.01-.024-3.78c.35-.124.646-.22.887-.286.26-.075.53-.114.8-.118l.45-.003.144-1.546-.286.001ZM22.083 7.426l-1.576-2.532a2.137 2.137 0 0 0-.172-.253 1.95 1.95 0 0 0-.304-.29.138.138 0 0 1 .042-.04 1.7 1.7 0 0 0 .328-.374l1.75-2.71c.01-.015.025-.028.024-.048-.01-.01-.021-.007-.031-.007L20.49 1.17a.078.078 0 0 0-.075.045l-.868 1.384c-.23.366-.46.732-.688 1.099a.108.108 0 0 1-.112.06c-.098-.005-.196-.001-.294-.002-.018 0-.038.006-.055-.007.002-.02.002-.039.005-.058a4.6 4.6 0 0 0 .046-.701V1.203c0-.02-.009-.032-.03-.03h-.033L16.93 1.17c-.084 0-.073-.01-.073.076v6.491c-.001.018.006.028.025.027h1.494c.083 0 .072.007.072-.071v-2.19c0-.055-.003-.11-.004-.166a3.366 3.366 0 0 0-.05-.417h.06c.104 0 .209.002.313-.002a.082.082 0 0 1 .084.05c.535.913 1.07 1.824 1.607 2.736a.104.104 0 0 0 .103.062c.554-.003 1.107-.002 1.66-.002l.069-.003-.019-.032-.188-.304ZM27.112 6.555c-.005-.08-.004-.08-.082-.08h-2.414c-.053 0-.106-.003-.159-.011a.279.279 0 0 1-.246-.209.558.558 0 0 1-.022-.15c0-.382 0-.762-.002-1.143 0-.032.007-.049.042-.044h2.504c.029.003.037-.012.034-.038V3.814c0-.089.013-.078-.076-.078h-2.44c-.07 0-.062.003-.062-.06v-.837c0-.047.004-.093.013-.14a.283.283 0 0 1 .241-.246.717.717 0 0 1 .146-.011h2.484c.024.002.035-.009.036-.033l.003-.038.03-.496c.01-.183.024-.365.034-.548.005-.085.003-.087-.082-.094-.218-.018-.437-.038-.655-.05a17.845 17.845 0 0 0-.657-.026 72.994 72.994 0 0 0-1.756-.016 1.7 1.7 0 0 0-.471.064 1.286 1.286 0 0 0-.817.655c-.099.196-.149.413-.145.633v3.875c0 .072.003.144.011.216a1.27 1.27 0 0 0 .711 1.029c.228.113.48.167.734.158.757-.005 1.515.002 2.272-.042.274-.016.548-.034.82-.053.03-.002.043-.008.04-.041-.008-.104-.012-.208-.019-.312a69.964 69.964 0 0 1-.05-.768ZM16.14 7.415l-.127-1.075c-.004-.03-.014-.04-.044-.037a13.125 13.125 0 0 1-.998.073c-.336.01-.672.02-1.008.016-.116-.001-.233-.014-.347-.039a.746.746 0 0 1-.45-.262c-.075-.1-.132-.211-.167-.33a3.324 3.324 0 0 1-.126-.773 9.113 9.113 0 0 1-.015-.749c0-.285.022-.57.065-.852.023-.158.066-.312.127-.46a.728.728 0 0 1 .518-.443 1.64 1.64 0 0 1 .397-.048c.628-.001 1.255.003 1.882.05.022.001.033-.006.036-.026l.003-.031.06-.55c.019-.177.036-.355.057-.532.004-.034-.005-.046-.04-.056a5.595 5.595 0 0 0-1.213-.21 10.783 10.783 0 0 0-.708-.02c-.24-.003-.48.01-.719.041a3.477 3.477 0 0 0-.625.14 1.912 1.912 0 0 0-.807.497c-.185.2-.33.433-.424.688a4.311 4.311 0 0 0-.24 1.096c-.031.286-.045.572-.042.86-.006.43.024.86.091 1.286.04.25.104.497.193.734.098.279.26.53.473.734.214.205.473.358.756.446.344.11.702.17 1.063.177a8.505 8.505 0 0 0 1.578-.083 6.11 6.11 0 0 0 .766-.18c.03-.008.047-.023.037-.057a.157.157 0 0 1-.003-.025Z"/><path fill="#AFE229" d="M6.016 6.69a1.592 1.592 0 0 0-.614.21c-.23.132-.422.32-.56.546-.044.072-.287.539-.287.539l-.836 1.528.009.006c.038.025.08.046.123.063.127.046.26.07.395.073.505.023 1.011-.007 1.517-.003.29.009.58.002.869-.022a.886.886 0 0 0 .395-.116.962.962 0 0 0 .312-.286c.056-.083.114-.163.164-.249.24-.408.48-.816.718-1.226.075-.128.148-.257.222-.386l.112-.192a1.07 1.07 0 0 0 .153-.518l-1.304.023s-1.258-.005-1.388.01Z"/><path fill="#771BFF" d="m2.848 9.044.76-1.39.184-.352c-.124-.067-.245-.14-.367-.21-.346-.204-.706-.384-1.045-.6a.984.984 0 0 1-.244-.207c-.108-.134-.136-.294-.144-.46-.021-.409-.002-.818-.009-1.227-.003-.195 0-.39.003-.585.004-.322.153-.553.427-.713l.833-.488c.22-.13.44-.257.662-.385.05-.029.105-.052.158-.077.272-.128.519-.047.76.085l.044.028c.123.06.242.125.358.196.318.178.635.357.952.537.095.056.187.117.275.184.194.144.254.35.266.578.016.284.007.569.006.853-.001.28.004.558 0 .838.592-.003 1.259 0 1.259 0l.723-.013c-.003-.292-.007-.584-.007-.876 0-.524.015-1.048-.016-1.571-.024-.42-.135-.8-.492-1.067a5.02 5.02 0 0 0-.506-.339A400.52 400.52 0 0 0 5.94.787C5.722.664 5.513.524 5.282.423 5.255.406 5.228.388 5.2.373 4.758.126 4.305-.026 3.807.21c-.097.046-.197.087-.29.14A699.896 699.896 0 0 0 .783 1.948c-.501.294-.773.717-.778 1.31-.004.36-.009.718-.001 1.077.016.754-.017 1.508.024 2.261.016.304.07.6.269.848.127.15.279.28.448.382.622.4 1.283.734 1.92 1.11l.183.109Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h52.4v10H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="53" height="10" viewBox="0 0 53 10"><path fill="#1C2331" d="M31.724 1.492a15.139 15.139 0 0 0 .045 1.16 2.434 2.434 0 0 0-.687-.34 3.68 3.68 0 0 0-1.103-.166 2.332 2.332 0 0 0-1.14.255 1.549 1.549 0 0 0-.686.87c-.15.41-.225.98-.225 1.712 0 .939.148 1.659.444 2.161.297.503.792.754 1.487.754.452.015.9-.094 1.294-.316.296-.174.557-.4.771-.669l.14.852h1.282V.007h-1.623v1.485ZM31 6.496a1.77 1.77 0 0 1-.494.061.964.964 0 0 1-.521-.127.758.758 0 0 1-.296-.466 3.984 3.984 0 0 1-.093-.992 4.208 4.208 0 0 1 .098-1.052.753.753 0 0 1 .307-.477 1.08 1.08 0 0 1 .55-.122c.233-.004.466.026.69.089l.483.144v2.553c-.11.076-.213.143-.307.2a1.73 1.73 0 0 1-.417.189ZM35.68 0l-.702.004c-.322.002-.482.168-.48.497l.004.581c.002.33.164.493.486.49l.702-.004c.322-.002.481-.167.48-.496L36.165.49c-.002-.33-.164-.493-.486-.491ZM36.145 2.313l-1.612.01.034 5.482 1.613-.01-.035-5.482ZM39.623.79 37.989.8 38 2.306l-.946.056.006 1.009.949-.006.024 2.983c.003.476.143.844.419 1.106.275.26.658.39 1.148.387.132 0 .293-.01.483-.03.19-.02.38-.046.57-.08.163-.028.324-.068.482-.119l-.183-1.095-.702.004a.664.664 0 0 1-.456-.123.553.553 0 0 1-.14-.422l-.016-2.621 1.513-.01-.006-1.064-1.514.01-.01-1.503ZM46.226 2.388c-.41-.184-.956-.274-1.636-.27-.673.004-1.215.101-1.627.29-.402.179-.72.505-.888.91-.18.419-.268.979-.264 1.68.004.688.1 1.24.285 1.655.172.404.495.724.9.894.414.18.957.268 1.63.264.68-.004 1.224-.099 1.632-.284.4-.176.714-.501.878-.905.176-.418.263-.971.258-1.658-.004-.702-.097-1.261-.28-1.677a1.696 1.696 0 0 0-.888-.9Zm-.613 3.607a.77.77 0 0 1-.337.501 1.649 1.649 0 0 1-1.317.009.776.776 0 0 1-.343-.497 4.066 4.066 0 0 1-.105-1.02 4.136 4.136 0 0 1 .092-1.03.786.786 0 0 1 .337-.507 1.59 1.59 0 0 1 1.316-.008.79.79 0 0 1 .344.502c.078.337.113.683.105 1.03.012.343-.019.685-.092 1.02ZM52.114 2.07a2.67 2.67 0 0 0-1.128.278c-.39.191-.752.437-1.072.73l-.157-.846-1.273.008.036 5.572 1.623-.01-.024-3.78c.35-.124.646-.22.887-.286.26-.075.53-.114.8-.118l.45-.003.144-1.546-.286.001ZM22.083 7.426l-1.576-2.532a2.137 2.137 0 0 0-.172-.253 1.95 1.95 0 0 0-.304-.29.138.138 0 0 1 .042-.04 1.7 1.7 0 0 0 .328-.374l1.75-2.71c.01-.015.025-.028.024-.048-.01-.01-.021-.007-.031-.007L20.49 1.17a.078.078 0 0 0-.075.045l-.868 1.384c-.23.366-.46.732-.688 1.099a.108.108 0 0 1-.112.06c-.098-.005-.196-.001-.294-.002-.018 0-.038.006-.055-.007.002-.02.002-.039.005-.058a4.6 4.6 0 0 0 .046-.701V1.203c0-.02-.009-.032-.03-.03h-.033L16.93 1.17c-.084 0-.073-.01-.073.076v6.491c-.001.018.006.028.025.027h1.494c.083 0 .072.007.072-.071v-2.19c0-.055-.003-.11-.004-.166a3.366 3.366 0 0 0-.05-.417h.06c.104 0 .209.002.313-.002a.082.082 0 0 1 .084.05c.535.913 1.07 1.824 1.607 2.736a.104.104 0 0 0 .103.062c.554-.003 1.107-.002 1.66-.002l.069-.003-.019-.032-.188-.304ZM27.112 6.555c-.005-.08-.004-.08-.082-.08h-2.414c-.053 0-.106-.003-.159-.011a.279.279 0 0 1-.246-.209.558.558 0 0 1-.022-.15c0-.382 0-.762-.002-1.143 0-.032.007-.049.042-.044h2.504c.029.003.037-.012.034-.038V3.814c0-.089.013-.078-.076-.078h-2.44c-.07 0-.062.003-.062-.06v-.837c0-.047.004-.093.013-.14a.283.283 0 0 1 .241-.246.717.717 0 0 1 .146-.011h2.484c.024.002.035-.009.036-.033l.003-.038.03-.496c.01-.183.024-.365.034-.548.005-.085.003-.087-.082-.094-.218-.018-.437-.038-.655-.05a17.845 17.845 0 0 0-.657-.026 72.994 72.994 0 0 0-1.756-.016 1.7 1.7 0 0 0-.471.064 1.286 1.286 0 0 0-.817.655c-.099.196-.149.413-.145.633v3.875c0 .072.003.144.011.216a1.27 1.27 0 0 0 .711 1.029c.228.113.48.167.734.158.757-.005 1.515.002 2.272-.042.274-.016.548-.034.82-.053.03-.002.043-.008.04-.041-.008-.104-.012-.208-.019-.312a69.964 69.964 0 0 1-.05-.768ZM16.14 7.415l-.127-1.075c-.004-.03-.014-.04-.044-.037a13.125 13.125 0 0 1-.998.073c-.336.01-.672.02-1.008.016-.116-.001-.233-.014-.347-.039a.746.746 0 0 1-.45-.262c-.075-.1-.132-.211-.167-.33a3.324 3.324 0 0 1-.126-.773 9.113 9.113 0 0 1-.015-.749c0-.285.022-.57.065-.852.023-.158.066-.312.127-.46a.728.728 0 0 1 .518-.443 1.64 1.64 0 0 1 .397-.048c.628-.001 1.255.003 1.882.05.022.001.033-.006.036-.026l.003-.031.06-.55c.019-.177.036-.355.057-.532.004-.034-.005-.046-.04-.056a5.595 5.595 0 0 0-1.213-.21 10.783 10.783 0 0 0-.708-.02c-.24-.003-.48.01-.719.041a3.477 3.477 0 0 0-.625.14 1.912 1.912 0 0 0-.807.497c-.185.2-.33.433-.424.688a4.311 4.311 0 0 0-.24 1.096c-.031.286-.045.572-.042.86-.006.43.024.86.091 1.286.04.25.104.497.193.734.098.279.26.53.473.734.214.205.473.358.756.446.344.11.702.17 1.063.177a8.505 8.505 0 0 0 1.578-.083 6.11 6.11 0 0 0 .766-.18c.03-.008.047-.023.037-.057a.157.157 0 0 1-.003-.025Z"/><path fill="#AFE229" d="M6.016 6.69a1.592 1.592 0 0 0-.614.21c-.23.132-.422.32-.56.546-.044.072-.287.539-.287.539l-.836 1.528.009.006c.038.025.08.046.123.063.127.046.26.07.395.073.505.023 1.011-.007 1.517-.003.29.009.58.002.869-.022a.886.886 0 0 0 .395-.116.962.962 0 0 0 .312-.286c.056-.083.114-.163.164-.249.24-.408.48-.816.718-1.226.075-.128.148-.257.222-.386l.112-.192a1.07 1.07 0 0 0 .153-.518l-1.304.023s-1.258-.005-1.388.01Z"/><path fill="#771BFF" d="m2.848 9.044.76-1.39.184-.352c-.124-.067-.245-.14-.367-.21-.346-.204-.706-.384-1.045-.6a.984.984 0 0 1-.244-.207c-.108-.134-.136-.294-.144-.46-.021-.409-.002-.818-.009-1.227-.003-.195 0-.39.003-.585.004-.322.153-.553.427-.713l.833-.488c.22-.13.44-.257.662-.385.05-.029.105-.052.158-.077.272-.128.519-.047.76.085l.044.028c.123.06.242.125.358.196.318.178.635.357.952.537.095.056.187.117.275.184.194.144.254.35.266.578.016.284.007.569.006.853-.001.28.004.558 0 .838.592-.003 1.259 0 1.259 0l.723-.013c-.003-.292-.007-.584-.007-.876 0-.524.015-1.048-.016-1.571-.024-.42-.135-.8-.492-1.067a5.02 5.02 0 0 0-.506-.339A400.52 400.52 0 0 0 5.94.787C5.722.664 5.513.524 5.282.423 5.255.406 5.228.388 5.2.373 4.758.126 4.305-.026 3.807.21c-.097.046-.197.087-.29.14A699.896 699.896 0 0 0 .783 1.948c-.501.294-.773.717-.778 1.31-.004.36-.009.718-.001 1.077.016.754-.017 1.508.024 2.261.016.304.07.6.269.848.127.15.279.28.448.382.622.4 1.283.734 1.92 1.11l.183.109Z"/></svg>