@ckeditor/ckeditor5-ui 39.0.1 → 40.0.0

package/src/colorgrid/colortileview.d.ts

@@ -1,28 +1,28 @@
-/**
- * @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 ui/colorgrid/colortileview
- */
-import ButtonView from '../button/buttonview';
-import type { Locale } from '@ckeditor/ckeditor5-utils';
-/**
- * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.
- */
-export default class ColorTileView extends ButtonView {
-    /**
-     * String representing a color shown as tile's background.
-     */
-    color: string | undefined;
-    /**
-     * A flag that toggles a special CSS class responsible for displaying
-     * a border around the button.
-     */
-    hasBorder: boolean;
-    constructor(locale?: Locale);
-    /**
-     * @inheritDoc
-     */
-    render(): 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 ui/colorgrid/colortileview
+ */
+import ButtonView from '../button/buttonview';
+import type { Locale } from '@ckeditor/ckeditor5-utils';
+/**
+ * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.
+ */
+export default class ColorTileView extends ButtonView {
+    /**
+     * String representing a color shown as tile's background.
+     */
+    color: string | undefined;
+    /**
+     * A flag that toggles a special CSS class responsible for displaying
+     * a border around the button.
+     */
+    hasBorder: boolean;
+    constructor(locale?: Locale);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+}

package/src/colorgrid/colortileview.js

@@ -1,40 +1,40 @@
-/**
- * @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 ui/colorgrid/colortileview
- */
-import ButtonView from '../button/buttonview';
-import checkIcon from '../../theme/icons/color-tile-check.svg';
-/**
- * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.
- */
-export default class ColorTileView extends ButtonView {
-    constructor(locale) {
-        super(locale);
-        const bind = this.bindTemplate;
-        this.set('color', undefined);
-        this.set('hasBorder', false);
-        this.icon = checkIcon;
-        this.extendTemplate({
-            attributes: {
-                style: {
-                    backgroundColor: bind.to('color')
-                },
-                class: [
-                    'ck',
-                    'ck-color-grid__tile',
-                    bind.if('hasBorder', 'ck-color-selector__color-tile_bordered')
-                ]
-            }
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        this.iconView.fillColor = 'hsl(0, 0%, 100%)';
-    }
-}
+/**
+ * @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 ui/colorgrid/colortileview
+ */
+import ButtonView from '../button/buttonview';
+import checkIcon from '../../theme/icons/color-tile-check.svg';
+/**
+ * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.
+ */
+export default class ColorTileView extends ButtonView {
+    constructor(locale) {
+        super(locale);
+        const bind = this.bindTemplate;
+        this.set('color', undefined);
+        this.set('hasBorder', false);
+        this.icon = checkIcon;
+        this.extendTemplate({
+            attributes: {
+                style: {
+                    backgroundColor: bind.to('color')
+                },
+                class: [
+                    'ck',
+                    'ck-color-grid__tile',
+                    bind.if('hasBorder', 'ck-color-selector__color-tile_bordered')
+                ]
+            }
+        });
+    }
+    /**
+     * @inheritDoc
+     */
+    render() {
+        super.render();
+        this.iconView.fillColor = 'hsl(0, 0%, 100%)';
+    }
+}

package/src/colorgrid/utils.d.ts

@@ -1,47 +1,47 @@
-/**
- * @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 ui/colorgrid/utils
- */
-import type { Locale } from '@ckeditor/ckeditor5-utils';
-export type ColorOption = string | {
-    color: string;
-    label?: string;
-    hasBorder?: boolean;
-};
-export interface NormalizedColorOption {
-    model: string;
-    label: string;
-    hasBorder: boolean;
-    view: {
-        name: string;
-        styles: {
-            color: string;
-        };
-    };
-}
-/**
- * Returns color configuration options as defined in `editor.config.(fontColor|fontBackgroundColor).colors` or
- * `editor.config.table.(tableProperties|tableCellProperties).(background|border).colors
- * but processed to account for editor localization in the correct language.
- *
- * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}
- * when the user configuration is defined because the editor does not exist yet.
- *
- * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
- */
-export declare function getLocalizedColorOptions(locale: Locale, options: Array<NormalizedColorOption>): Array<NormalizedColorOption>;
-/**
- * Creates a unified color definition object from color configuration options.
- * The object contains the information necessary to both render the UI and initialize the conversion.
- */
-export declare function normalizeColorOptions(options: Array<ColorOption>): Array<NormalizedColorOption>;
-/**
- * Creates a normalized color definition from the user-defined configuration.
- * The "normalization" means it will create full
- * {@link module:ui/colorgrid/colorgridview~ColorDefinition `ColorDefinition-like`}
- * object for string values, and add a `view` property, for each definition.
- */
-export declare function normalizeSingleColorDefinition(color: ColorOption): NormalizedColorOption;
+/**
+ * @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 ui/colorgrid/utils
+ */
+import type { Locale } from '@ckeditor/ckeditor5-utils';
+export type ColorOption = string | {
+    color: string;
+    label?: string;
+    hasBorder?: boolean;
+};
+export interface NormalizedColorOption {
+    model: string;
+    label: string;
+    hasBorder: boolean;
+    view: {
+        name: string;
+        styles: {
+            color: string;
+        };
+    };
+}
+/**
+ * Returns color configuration options as defined in `editor.config.(fontColor|fontBackgroundColor).colors` or
+ * `editor.config.table.(tableProperties|tableCellProperties).(background|border).colors
+ * but processed to account for editor localization in the correct language.
+ *
+ * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}
+ * when the user configuration is defined because the editor does not exist yet.
+ *
+ * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
+ */
+export declare function getLocalizedColorOptions(locale: Locale, options: Array<NormalizedColorOption>): Array<NormalizedColorOption>;
+/**
+ * Creates a unified color definition object from color configuration options.
+ * The object contains the information necessary to both render the UI and initialize the conversion.
+ */
+export declare function normalizeColorOptions(options: Array<ColorOption>): Array<NormalizedColorOption>;
+/**
+ * Creates a normalized color definition from the user-defined configuration.
+ * The "normalization" means it will create full
+ * {@link module:ui/colorgrid/colorgridview~ColorDefinition `ColorDefinition-like`}
+ * object for string values, and add a `view` property, for each definition.
+ */
+export declare function normalizeSingleColorDefinition(color: ColorOption): NormalizedColorOption;

package/src/colorgrid/utils.js

@@ -1,84 +1,84 @@
-/**
- * @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
- */
-/**
- * Returns color configuration options as defined in `editor.config.(fontColor|fontBackgroundColor).colors` or
- * `editor.config.table.(tableProperties|tableCellProperties).(background|border).colors
- * but processed to account for editor localization in the correct language.
- *
- * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}
- * when the user configuration is defined because the editor does not exist yet.
- *
- * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
- */
-export function getLocalizedColorOptions(locale, options) {
-    const t = locale.t;
-    const localizedColorNames = {
-        Black: t('Black'),
-        'Dim grey': t('Dim grey'),
-        Grey: t('Grey'),
-        'Light grey': t('Light grey'),
-        White: t('White'),
-        Red: t('Red'),
-        Orange: t('Orange'),
-        Yellow: t('Yellow'),
-        'Light green': t('Light green'),
-        Green: t('Green'),
-        Aquamarine: t('Aquamarine'),
-        Turquoise: t('Turquoise'),
-        'Light blue': t('Light blue'),
-        Blue: t('Blue'),
-        Purple: t('Purple')
-    };
-    return options.map(colorOption => {
-        const label = localizedColorNames[colorOption.label];
-        if (label && label != colorOption.label) {
-            colorOption.label = label;
-        }
-        return colorOption;
-    });
-}
-/**
- * Creates a unified color definition object from color configuration options.
- * The object contains the information necessary to both render the UI and initialize the conversion.
- */
-export function normalizeColorOptions(options) {
-    return options
-        .map(normalizeSingleColorDefinition)
-        .filter(option => !!option);
-}
-/**
- * Creates a normalized color definition from the user-defined configuration.
- * The "normalization" means it will create full
- * {@link module:ui/colorgrid/colorgridview~ColorDefinition `ColorDefinition-like`}
- * object for string values, and add a `view` property, for each definition.
- */
-export function normalizeSingleColorDefinition(color) {
-    if (typeof color === 'string') {
-        return {
-            model: color,
-            label: color,
-            hasBorder: false,
-            view: {
-                name: 'span',
-                styles: {
-                    color
-                }
-            }
-        };
-    }
-    else {
-        return {
-            model: color.color,
-            label: color.label || color.color,
-            hasBorder: color.hasBorder === undefined ? false : color.hasBorder,
-            view: {
-                name: 'span',
-                styles: {
-                    color: `${color.color}`
-                }
-            }
-        };
-    }
-}
+/**
+ * @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
+ */
+/**
+ * Returns color configuration options as defined in `editor.config.(fontColor|fontBackgroundColor).colors` or
+ * `editor.config.table.(tableProperties|tableCellProperties).(background|border).colors
+ * but processed to account for editor localization in the correct language.
+ *
+ * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}
+ * when the user configuration is defined because the editor does not exist yet.
+ *
+ * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
+ */
+export function getLocalizedColorOptions(locale, options) {
+    const t = locale.t;
+    const localizedColorNames = {
+        Black: t('Black'),
+        'Dim grey': t('Dim grey'),
+        Grey: t('Grey'),
+        'Light grey': t('Light grey'),
+        White: t('White'),
+        Red: t('Red'),
+        Orange: t('Orange'),
+        Yellow: t('Yellow'),
+        'Light green': t('Light green'),
+        Green: t('Green'),
+        Aquamarine: t('Aquamarine'),
+        Turquoise: t('Turquoise'),
+        'Light blue': t('Light blue'),
+        Blue: t('Blue'),
+        Purple: t('Purple')
+    };
+    return options.map(colorOption => {
+        const label = localizedColorNames[colorOption.label];
+        if (label && label != colorOption.label) {
+            colorOption.label = label;
+        }
+        return colorOption;
+    });
+}
+/**
+ * Creates a unified color definition object from color configuration options.
+ * The object contains the information necessary to both render the UI and initialize the conversion.
+ */
+export function normalizeColorOptions(options) {
+    return options
+        .map(normalizeSingleColorDefinition)
+        .filter(option => !!option);
+}
+/**
+ * Creates a normalized color definition from the user-defined configuration.
+ * The "normalization" means it will create full
+ * {@link module:ui/colorgrid/colorgridview~ColorDefinition `ColorDefinition-like`}
+ * object for string values, and add a `view` property, for each definition.
+ */
+export function normalizeSingleColorDefinition(color) {
+    if (typeof color === 'string') {
+        return {
+            model: color,
+            label: color,
+            hasBorder: false,
+            view: {
+                name: 'span',
+                styles: {
+                    color
+                }
+            }
+        };
+    }
+    else {
+        return {
+            model: color.color,
+            label: color.label || color.color,
+            hasBorder: color.hasBorder === undefined ? false : color.hasBorder,
+            view: {
+                name: 'span',
+                styles: {
+                    color: `${color.color}`
+                }
+            }
+        };
+    }
+}