@ckeditor/ckeditor5-style 40.0.0 → 40.2.0

package/src/styleediting.js

@@ -1,46 +1,46 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module style/styleediting
- */
-import { Plugin } from 'ckeditor5/src/core';
-import StyleCommand from './stylecommand';
-import StyleUtils from './styleutils';
-import DocumentListStyleSupport from './integrations/documentlist';
-import TableStyleSupport from './integrations/table';
-import LinkStyleSupport from './integrations/link';
-/**
- * The style engine feature.
- *
- * It configures the {@glink features/html/general-html-support General HTML Support feature} based on
- * {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the
- * {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.
- */
-export default class StyleEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'StyleEditing';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return ['GeneralHtmlSupport', StyleUtils, DocumentListStyleSupport, TableStyleSupport, LinkStyleSupport];
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const dataSchema = editor.plugins.get('DataSchema');
-        const styleUtils = editor.plugins.get('StyleUtils');
-        const styleDefinitions = editor.config.get('style.definitions');
-        const normalizedStyleDefinitions = styleUtils.normalizeConfig(dataSchema, styleDefinitions);
-        editor.commands.add('style', new StyleCommand(editor, normalizedStyleDefinitions));
-        styleUtils.configureGHSDataFilter(normalizedStyleDefinitions);
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module style/styleediting
+ */
+import { Plugin } from 'ckeditor5/src/core';
+import StyleCommand from './stylecommand';
+import StyleUtils from './styleutils';
+import DocumentListStyleSupport from './integrations/documentlist';
+import TableStyleSupport from './integrations/table';
+import LinkStyleSupport from './integrations/link';
+/**
+ * The style engine feature.
+ *
+ * It configures the {@glink features/html/general-html-support General HTML Support feature} based on
+ * {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the
+ * {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.
+ */
+export default class StyleEditing extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'StyleEditing';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return ['GeneralHtmlSupport', StyleUtils, DocumentListStyleSupport, TableStyleSupport, LinkStyleSupport];
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        const dataSchema = editor.plugins.get('DataSchema');
+        const styleUtils = editor.plugins.get('StyleUtils');
+        const styleDefinitions = editor.config.get('style.definitions');
+        const normalizedStyleDefinitions = styleUtils.normalizeConfig(dataSchema, styleDefinitions);
+        editor.commands.add('style', new StyleCommand(editor, normalizedStyleDefinitions));
+        styleUtils.configureGHSDataFilter(normalizedStyleDefinitions);
+    }
+}

package/src/styleui.d.ts

@@ -1,30 +1,30 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module style/styleui
- */
-import { Plugin } from 'ckeditor5/src/core';
-import StyleUtils from './styleutils';
-import '../theme/style.css';
-/**
- * The UI plugin of the style feature .
- *
- * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
- * that displays a grid of styles and allows changing styles of the content.
- */
-export default class StyleUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "StyleUI";
-    /**
-     * @inheritDoc
-     */
-    static get requires(): readonly [typeof StyleUtils];
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module style/styleui
+ */
+import { Plugin } from 'ckeditor5/src/core';
+import StyleUtils from './styleutils';
+import '../theme/style.css';
+/**
+ * The UI plugin of the style feature .
+ *
+ * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
+ * that displays a grid of styles and allows changing styles of the content.
+ */
+export default class StyleUI extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "StyleUI";
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof StyleUtils];
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+}

package/src/styleui.js

@@ -1,94 +1,94 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module style/styleui
- */
-import { Plugin } from 'ckeditor5/src/core';
-import { createDropdown } from 'ckeditor5/src/ui';
-import StylePanelView from './ui/stylepanelview';
-import StyleUtils from './styleutils';
-import '../theme/style.css';
-/**
- * The UI plugin of the style feature .
- *
- * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
- * that displays a grid of styles and allows changing styles of the content.
- */
-export default class StyleUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'StyleUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [StyleUtils];
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const dataSchema = editor.plugins.get('DataSchema');
-        const styleUtils = editor.plugins.get('StyleUtils');
-        const styleDefinitions = editor.config.get('style.definitions');
-        const normalizedStyleDefinitions = styleUtils.normalizeConfig(dataSchema, styleDefinitions);
-        // Add the dropdown to the component factory.
-        editor.ui.componentFactory.add('style', locale => {
-            const t = locale.t;
-            const dropdown = createDropdown(locale);
-            const styleCommand = editor.commands.get('style');
-            dropdown.once('change:isOpen', () => {
-                const panelView = new StylePanelView(locale, normalizedStyleDefinitions);
-                // Put the styles panel is the dropdown.
-                dropdown.panelView.children.add(panelView);
-                // Close the dropdown when a style is selected in the styles panel.
-                panelView.delegate('execute').to(dropdown);
-                // Bind the state of the styles panel to the command.
-                panelView.bind('activeStyles').to(styleCommand, 'value');
-                panelView.bind('enabledStyles').to(styleCommand, 'enabledStyles');
-            });
-            // The entire dropdown will be disabled together with the command (e.g. when the editor goes read-only).
-            dropdown.bind('isEnabled').to(styleCommand);
-            // This dropdown has no icon. It displays text label depending on the selection.
-            dropdown.buttonView.withText = true;
-            // The label of the dropdown is dynamic and depends on how many styles are active at a time.
-            dropdown.buttonView.bind('label').to(styleCommand, 'value', value => {
-                if (value.length > 1) {
-                    return t('Multiple styles');
-                }
-                else if (value.length === 1) {
-                    return value[0];
-                }
-                else {
-                    return t('Styles');
-                }
-            });
-            // The dropdown has a static CSS class for easy customization. There's another CSS class
-            // that gets displayed when multiple styles are active at a time allowing visual customization of
-            // the label.
-            dropdown.bind('class').to(styleCommand, 'value', value => {
-                const classes = [
-                    'ck-style-dropdown'
-                ];
-                if (value.length > 1) {
-                    classes.push('ck-style-dropdown_multiple-active');
-                }
-                return classes.join(' ');
-            });
-            // Execute the command when a style is selected in the styles panel.
-            // Also focus the editable after executing the command.
-            // It overrides a default behaviour where the focus is moved to the dropdown button (#12125).
-            dropdown.on('execute', evt => {
-                editor.execute('style', { styleName: evt.source.styleDefinition.name });
-                editor.editing.view.focus();
-            });
-            return dropdown;
-        });
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module style/styleui
+ */
+import { Plugin } from 'ckeditor5/src/core';
+import { createDropdown } from 'ckeditor5/src/ui';
+import StylePanelView from './ui/stylepanelview';
+import StyleUtils from './styleutils';
+import '../theme/style.css';
+/**
+ * The UI plugin of the style feature .
+ *
+ * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
+ * that displays a grid of styles and allows changing styles of the content.
+ */
+export default class StyleUI extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'StyleUI';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [StyleUtils];
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        const dataSchema = editor.plugins.get('DataSchema');
+        const styleUtils = editor.plugins.get('StyleUtils');
+        const styleDefinitions = editor.config.get('style.definitions');
+        const normalizedStyleDefinitions = styleUtils.normalizeConfig(dataSchema, styleDefinitions);
+        // Add the dropdown to the component factory.
+        editor.ui.componentFactory.add('style', locale => {
+            const t = locale.t;
+            const dropdown = createDropdown(locale);
+            const styleCommand = editor.commands.get('style');
+            dropdown.once('change:isOpen', () => {
+                const panelView = new StylePanelView(locale, normalizedStyleDefinitions);
+                // Put the styles panel is the dropdown.
+                dropdown.panelView.children.add(panelView);
+                // Close the dropdown when a style is selected in the styles panel.
+                panelView.delegate('execute').to(dropdown);
+                // Bind the state of the styles panel to the command.
+                panelView.bind('activeStyles').to(styleCommand, 'value');
+                panelView.bind('enabledStyles').to(styleCommand, 'enabledStyles');
+            });
+            // The entire dropdown will be disabled together with the command (e.g. when the editor goes read-only).
+            dropdown.bind('isEnabled').to(styleCommand);
+            // This dropdown has no icon. It displays text label depending on the selection.
+            dropdown.buttonView.withText = true;
+            // The label of the dropdown is dynamic and depends on how many styles are active at a time.
+            dropdown.buttonView.bind('label').to(styleCommand, 'value', value => {
+                if (value.length > 1) {
+                    return t('Multiple styles');
+                }
+                else if (value.length === 1) {
+                    return value[0];
+                }
+                else {
+                    return t('Styles');
+                }
+            });
+            // The dropdown has a static CSS class for easy customization. There's another CSS class
+            // that gets displayed when multiple styles are active at a time allowing visual customization of
+            // the label.
+            dropdown.bind('class').to(styleCommand, 'value', value => {
+                const classes = [
+                    'ck-style-dropdown'
+                ];
+                if (value.length > 1) {
+                    classes.push('ck-style-dropdown_multiple-active');
+                }
+                return classes.join(' ');
+            });
+            // Execute the command when a style is selected in the styles panel.
+            // Also focus the editable after executing the command.
+            // It overrides a default behaviour where the focus is moved to the dropdown button (#12125).
+            dropdown.on('execute', evt => {
+                editor.execute('style', { styleName: evt.source.styleDefinition.name });
+                editor.editing.view.focus();
+            });
+            return dropdown;
+        });
+    }
+}

package/src/styleutils.d.ts

@@ -1,138 +1,138 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module style/styleutils
- */
-import { Plugin, type Editor } from 'ckeditor5/src/core';
-import type { Element, DocumentSelection, Selectable } from 'ckeditor5/src/engine';
-import type { DecoratedMethodEvent } from 'ckeditor5/src/utils';
-import type { TemplateDefinition } from 'ckeditor5/src/ui';
-import type { DataSchema } from '@ckeditor/ckeditor5-html-support';
-import type { StyleDefinition } from './styleconfig';
-export default class StyleUtils extends Plugin {
-    private _htmlSupport;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "StyleUtils";
-    /**
-     * @inheritDoc
-     */
-    constructor(editor: Editor);
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-    /**
-     * Normalizes {@link module:style/styleconfig~StyleConfig#definitions} in the configuration of the styles feature.
-     * The structure of normalized styles looks as follows:
-     *
-     * ```ts
-     * {
-     * 	block: [
-     * 		<module:style/style~StyleDefinition>,
-     * 		<module:style/style~StyleDefinition>,
-     * 		...
-     * 	],
-     * 	inline: [
-     * 		<module:style/style~StyleDefinition>,
-     * 		<module:style/style~StyleDefinition>,
-     * 		...
-     * 	]
-     * }
-     * ```
-     *
-     * @returns An object with normalized style definitions grouped into `block` and `inline` categories (arrays).
-     */
-    normalizeConfig(dataSchema: DataSchema, styleDefinitions?: Array<StyleDefinition>): NormalizedStyleDefinitions;
-    /**
-     * Verifies if the given style is applicable to the provided block element.
-     *
-     * @internal
-     */
-    isStyleEnabledForBlock(definition: BlockStyleDefinition, block: Element): boolean;
-    /**
-     * Returns true if the given style is applied to the specified block element.
-     *
-     * @internal
-     */
-    isStyleActiveForBlock(definition: BlockStyleDefinition, block: Element): boolean;
-    /**
-     * Returns an array of block elements that style should be applied to.
-     *
-     * @internal
-     */
-    getAffectedBlocks(definition: BlockStyleDefinition, block: Element): Array<Element> | null;
-    /**
-     * Verifies if the given style is applicable to the provided document selection.
-     *
-     * @internal
-     */
-    isStyleEnabledForInlineSelection(definition: InlineStyleDefinition, selection: DocumentSelection): boolean;
-    /**
-     * Returns true if the given style is applied to the specified document selection.
-     *
-     * @internal
-     */
-    isStyleActiveForInlineSelection(definition: InlineStyleDefinition, selection: DocumentSelection): boolean;
-    /**
-     * Returns a selectable that given style should be applied to.
-     *
-     * @internal
-     */
-    getAffectedInlineSelectable(definition: InlineStyleDefinition, selection: DocumentSelection): Selectable;
-    /**
-     * Returns the `TemplateDefinition` used by styles dropdown to render style preview.
-     *
-     * @internal
-     */
-    getStylePreview(definition: StyleDefinition, children: Iterable<TemplateDefinition>): TemplateDefinition;
-    /**
-     * Verifies if all classes are present in the given GHS attribute.
-     *
-     * @internal
-     */
-    hasAllClasses(ghsAttributeValue: unknown, classes: Array<string>): boolean;
-    /**
-     * This is where the styles feature configures the GHS feature. This method translates normalized
-     * {@link module:style/styleconfig~StyleDefinition style definitions} to
-     * {@link module:engine/view/matcher~MatcherObjectPattern matcher patterns} and feeds them to the GHS
-     * {@link module:html-support/datafilter~DataFilter} plugin.
-     *
-     * @internal
-     */
-    configureGHSDataFilter({ block, inline }: NormalizedStyleDefinitions): void;
-    /**
-     * Checks the attribute value of the first node in the selection that allows the attribute.
-     * For the collapsed selection, returns the selection attribute.
-     *
-     * @param selection The document selection.
-     * @param attributeName Name of the GHS attribute.
-     * @returns The attribute value.
-     */
-    private _getValueFromFirstAllowedNode;
-}
-export interface NormalizedStyleDefinitions {
-    block: Array<BlockStyleDefinition>;
-    inline: Array<InlineStyleDefinition>;
-}
-export interface BlockStyleDefinition extends StyleDefinition {
-    isBlock: true;
-    modelElements: Array<string>;
-    previewTemplate: TemplateDefinition;
-}
-export interface InlineStyleDefinition extends StyleDefinition {
-    ghsAttributes: Array<string>;
-    previewTemplate: TemplateDefinition;
-}
-export type NormalizedStyleDefinition = BlockStyleDefinition | InlineStyleDefinition;
-export type StyleUtilsIsEnabledForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForBlock'>;
-export type StyleUtilsIsActiveForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForBlock'>;
-export type StyleUtilsGetAffectedBlocksEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedBlocks'>;
-export type StyleUtilsIsStyleEnabledForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForInlineSelection'>;
-export type StyleUtilsIsStyleActiveForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForInlineSelection'>;
-export type StyleUtilsGetAffectedInlineSelectableEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedInlineSelectable'>;
-export type StyleUtilsGetStylePreviewEvent = DecoratedMethodEvent<StyleUtils, 'getStylePreview'>;
-export type StyleUtilsConfigureGHSDataFilterEvent = DecoratedMethodEvent<StyleUtils, 'configureGHSDataFilter'>;
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module style/styleutils
+ */
+import { Plugin, type Editor } from 'ckeditor5/src/core';
+import type { Element, DocumentSelection, Selectable } from 'ckeditor5/src/engine';
+import type { DecoratedMethodEvent } from 'ckeditor5/src/utils';
+import type { TemplateDefinition } from 'ckeditor5/src/ui';
+import type { DataSchema } from '@ckeditor/ckeditor5-html-support';
+import type { StyleDefinition } from './styleconfig';
+export default class StyleUtils extends Plugin {
+    private _htmlSupport;
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "StyleUtils";
+    /**
+     * @inheritDoc
+     */
+    constructor(editor: Editor);
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+    /**
+     * Normalizes {@link module:style/styleconfig~StyleConfig#definitions} in the configuration of the styles feature.
+     * The structure of normalized styles looks as follows:
+     *
+     * ```ts
+     * {
+     * 	block: [
+     * 		<module:style/style~StyleDefinition>,
+     * 		<module:style/style~StyleDefinition>,
+     * 		...
+     * 	],
+     * 	inline: [
+     * 		<module:style/style~StyleDefinition>,
+     * 		<module:style/style~StyleDefinition>,
+     * 		...
+     * 	]
+     * }
+     * ```
+     *
+     * @returns An object with normalized style definitions grouped into `block` and `inline` categories (arrays).
+     */
+    normalizeConfig(dataSchema: DataSchema, styleDefinitions?: Array<StyleDefinition>): NormalizedStyleDefinitions;
+    /**
+     * Verifies if the given style is applicable to the provided block element.
+     *
+     * @internal
+     */
+    isStyleEnabledForBlock(definition: BlockStyleDefinition, block: Element): boolean;
+    /**
+     * Returns true if the given style is applied to the specified block element.
+     *
+     * @internal
+     */
+    isStyleActiveForBlock(definition: BlockStyleDefinition, block: Element): boolean;
+    /**
+     * Returns an array of block elements that style should be applied to.
+     *
+     * @internal
+     */
+    getAffectedBlocks(definition: BlockStyleDefinition, block: Element): Array<Element> | null;
+    /**
+     * Verifies if the given style is applicable to the provided document selection.
+     *
+     * @internal
+     */
+    isStyleEnabledForInlineSelection(definition: InlineStyleDefinition, selection: DocumentSelection): boolean;
+    /**
+     * Returns true if the given style is applied to the specified document selection.
+     *
+     * @internal
+     */
+    isStyleActiveForInlineSelection(definition: InlineStyleDefinition, selection: DocumentSelection): boolean;
+    /**
+     * Returns a selectable that given style should be applied to.
+     *
+     * @internal
+     */
+    getAffectedInlineSelectable(definition: InlineStyleDefinition, selection: DocumentSelection): Selectable;
+    /**
+     * Returns the `TemplateDefinition` used by styles dropdown to render style preview.
+     *
+     * @internal
+     */
+    getStylePreview(definition: StyleDefinition, children: Iterable<TemplateDefinition>): TemplateDefinition;
+    /**
+     * Verifies if all classes are present in the given GHS attribute.
+     *
+     * @internal
+     */
+    hasAllClasses(ghsAttributeValue: unknown, classes: Array<string>): boolean;
+    /**
+     * This is where the styles feature configures the GHS feature. This method translates normalized
+     * {@link module:style/styleconfig~StyleDefinition style definitions} to
+     * {@link module:engine/view/matcher~MatcherObjectPattern matcher patterns} and feeds them to the GHS
+     * {@link module:html-support/datafilter~DataFilter} plugin.
+     *
+     * @internal
+     */
+    configureGHSDataFilter({ block, inline }: NormalizedStyleDefinitions): void;
+    /**
+     * Checks the attribute value of the first node in the selection that allows the attribute.
+     * For the collapsed selection, returns the selection attribute.
+     *
+     * @param selection The document selection.
+     * @param attributeName Name of the GHS attribute.
+     * @returns The attribute value.
+     */
+    private _getValueFromFirstAllowedNode;
+}
+export interface NormalizedStyleDefinitions {
+    block: Array<BlockStyleDefinition>;
+    inline: Array<InlineStyleDefinition>;
+}
+export interface BlockStyleDefinition extends StyleDefinition {
+    isBlock: true;
+    modelElements: Array<string>;
+    previewTemplate: TemplateDefinition;
+}
+export interface InlineStyleDefinition extends StyleDefinition {
+    ghsAttributes: Array<string>;
+    previewTemplate: TemplateDefinition;
+}
+export type NormalizedStyleDefinition = BlockStyleDefinition | InlineStyleDefinition;
+export type StyleUtilsIsEnabledForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForBlock'>;
+export type StyleUtilsIsActiveForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForBlock'>;
+export type StyleUtilsGetAffectedBlocksEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedBlocks'>;
+export type StyleUtilsIsStyleEnabledForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForInlineSelection'>;
+export type StyleUtilsIsStyleActiveForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForInlineSelection'>;
+export type StyleUtilsGetAffectedInlineSelectableEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedInlineSelectable'>;
+export type StyleUtilsGetStylePreviewEvent = DecoratedMethodEvent<StyleUtils, 'getStylePreview'>;
+export type StyleUtilsConfigureGHSDataFilterEvent = DecoratedMethodEvent<StyleUtils, 'configureGHSDataFilter'>;