@progress/kendo-charts 2.7.2-dev.202502101310 → 2.7.2-develop.1

package/dist/es/chart/legend/legend-item.js

@@ -11,9 +11,9 @@ import MarkerLineArea from './legend-item-line-area';
 import LegendItemLine from './legend-item-line';
 import LegendItemSquare from './legend-item-square';
 
-var LegendItem = (function (BoxElement) {
-    function LegendItem(options) {
-        BoxElement.call(this, options);
+class LegendItem extends BoxElement {
+    constructor(options) {
+        super(options);
 
         this.createContainer();
         if (!options.rtl) {
@@ -28,16 +28,12 @@ var LegendItem = (function (BoxElement) {
         this.options.accessibility.ariaChecked = options.active;
     }
 
-    if ( BoxElement ) LegendItem.__proto__ = BoxElement;
-    LegendItem.prototype = Object.create( BoxElement && BoxElement.prototype );
-    LegendItem.prototype.constructor = LegendItem;
-
-    LegendItem.prototype.createContainer = function createContainer () {
+    createContainer() {
         this.container = new FloatElement({ vertical: false, wrap: false, align: CENTER, spacing: this.options.spacing });
         this.append(this.container);
-    };
+    }
 
-    LegendItem.prototype.createMarker = function createMarker () {
+    createMarker() {
         this.markerWrap = new BoxElement({ vertical: false, shrinkToFit: true, wrap: false, margin: 1, width: 22, height: 22 });
         this.container.append(this.markerWrap);
 
@@ -47,13 +43,12 @@ var LegendItem = (function (BoxElement) {
             this._marker = this._createMarker();
             this.markerWrap.append(this._marker);
         }
-    };
+    }
 
-    LegendItem.prototype.createMarkerArea = function createMarkerArea () {
-        var options = this.options;
-        var markerColor = options.markerColor;
-        var line = options.line; if ( line === void 0 ) line = {};
-        var lineOptions = {
+    createMarkerArea() {
+        const options = this.options;
+        const { markerColor, line = {} } = options;
+        const lineOptions = {
             border: {
                 color: line.color || markerColor,
                 opacity: line.opacity,
@@ -63,31 +58,30 @@ var LegendItem = (function (BoxElement) {
         return this._createLine(lineOptions) ||
             this._createMarkerLine(lineOptions, line) ||
             this._createSquare();
-    };
+    }
 
-    LegendItem.prototype.markerOptions = function markerOptions () {
-        var options = this.options;
-        var markers = options.markers; if ( markers === void 0 ) markers = {};
-        var markerColor = options.markerColor;
-        var border = markers.border; if ( border === void 0 ) border = {};
+    markerOptions() {
+        const options = this.options;
+        const { markers = {}, markerColor } = options;
+        const { border = {} } = markers;
         markers.zIndex = undefined;
 
         return deepExtend({}, markers, {
             border: { color: border.color || markerColor },
             highlight: options.highlight.markers
         });
-    };
+    }
 
-    LegendItem.prototype._highlightOptions = function _highlightOptions () {
-        var options = this.options;
+    _highlightOptions() {
+        const options = this.options;
         return deepExtend(
             { markers: { type: options.markers.type } },
             options.highlight
         );
-    };
+    }
 
-    LegendItem.prototype._createLine = function _createLine (lineOptions) {
-        var options = this.options;
+    _createLine(lineOptions) {
+        const options = this.options;
         if (options.type === LINE && !options.markers.visible) {
             this._line = new LegendItemLine(deepExtend({}, {
                 background: options.markerColor,
@@ -97,10 +91,10 @@ var LegendItem = (function (BoxElement) {
             this.markerWrap.append(this._line);
         }
         return this._line;
-    };
+    }
 
-    LegendItem.prototype._createMarkerLine = function _createMarkerLine (lineOptions, line) {
-        var options = this.options;
+    _createMarkerLine(lineOptions, line) {
+        const options = this.options;
         if (options.type === LINE) {
             this._markerLineArea = new MarkerLineArea(deepExtend({}, {
                 border: {
@@ -112,25 +106,23 @@ var LegendItem = (function (BoxElement) {
         }
 
         return this._markerLineArea;
-    };
-
-    LegendItem.prototype._reduceSize = function _reduceSize (object, prop, factor) {
-        if ( factor === void 0 ) factor = 0.6;
+    }
 
+    _reduceSize(object, prop, factor = 0.6) {
         if (typeof object[prop] === 'number') {
             object[prop] = object[prop] * factor;
         }
-    };
+    }
 
-    LegendItem.prototype._createSquare = function _createSquare () {
-        var options = this.options;
+    _createSquare() {
+        const options = this.options;
         if (options.type === AREA) {
-            var pattern = options.pattern || (options.series || {}).pattern;
+            let pattern = options.pattern || (options.series || {}).pattern;
             if (pattern) {
                 if (typeof pattern === 'function') {
                     pattern = pattern(options.series);
                 }
-                pattern = structuredClone(pattern);
+                pattern = Object.assign({}, pattern);
                 this._reduceSize(pattern, 'gap');
                 this._reduceSize(pattern, 'width');
                 this._reduceSize(pattern, 'radius');
@@ -145,75 +137,73 @@ var LegendItem = (function (BoxElement) {
             this.markerWrap.append(this._square);
         }
         return this._square;
-    };
+    }
 
-    LegendItem.prototype._createMarker = function _createMarker () {
+    _createMarker() {
         return new LegendItemMarker(this.markerOptions());
-    };
+    }
 
-    LegendItem.prototype._highlightMarkers = function _highlightMarkers () {
+    _highlightMarkers() {
         if (this.options.active) {
             this._toggleHighlight(true);
         }
-    };
+    }
 
-    LegendItem.prototype._restoreMarkers = function _restoreMarkers () {
+    _restoreMarkers() {
         this._toggleHighlight(false);
-    };
-
-    LegendItem.prototype._toggleHighlight = function _toggleHighlight (show) {
-        var this$1 = this;
+    }
 
+    _toggleHighlight(show) {
         if (!this.options.highlight.visible) {
             return;
         }
 
-        var element = this._marker || this._square || this._line;
+        const element = this._marker || this._square || this._line;
 
         if (element && element === this._line) {
             this._line.visual.visible(!show);
         }
 
         if (element) {
-            var highlight = element.highlight;
+            let highlight = element.highlight;
 
             if (!highlight) {
                 highlight = element.createHighlight();
-                highlight.forEach(function (h) { return h && this$1.markerWrap.appendVisual(h); });
+                highlight.forEach(h => h && this.markerWrap.appendVisual(h));
             }
 
-            highlight.forEach(function (h) { return h && h.visible(show); });
+            highlight.forEach(h => h && h.visible(show));
         }
-    };
+    }
 
-    LegendItem.prototype.createLabel = function createLabel () {
-        var options = this.options;
-        var labelOptions = deepExtend({}, options.labels);
+    createLabel() {
+        const options = this.options;
+        const labelOptions = deepExtend({}, options.labels);
 
         this.container.append(new TextBox(options.text, labelOptions));
-    };
+    }
 
-    LegendItem.prototype.getAriaLabelText = function getAriaLabelText () {
+    getAriaLabelText() {
         return this.options.text;
-    };
+    }
 
-    LegendItem.prototype.focusVisual = function focusVisual () {
+    focusVisual() {
         this.visual.options.set("id", this._id);
         this.toggleFocusHighlight(true);
         this._highlightMarkers();
-    };
+    }
 
-    LegendItem.prototype.clearFocusFromVisual = function clearFocusFromVisual () {
+    clearFocusFromVisual() {
         this.visual.options.set("id", "");
         this.toggleFocusHighlight(false);
         this._restoreMarkers();
-    };
+    }
 
-    LegendItem.prototype.renderComplete = function renderComplete () {
-        BoxElement.prototype.renderComplete.call(this);
+    renderComplete() {
+        super.renderComplete();
 
-        var cursor = this.options.cursor || {};
-        var eventSink = this._itemOverlay = draw.Path.fromRect(this.container.box.toRect(), {
+        const cursor = this.options.cursor || {};
+        const eventSink = this._itemOverlay = draw.Path.fromRect(this.container.box.toRect(), {
             fill: {
                 color: WHITE,
                 opacity: 0
@@ -223,18 +213,18 @@ var LegendItem = (function (BoxElement) {
         });
 
         this.appendVisual(eventSink);
-    };
+    }
 
-    LegendItem.prototype.click = function click (widget, e) {
-        var args = this.eventArgs(e);
+    click(widget, e) {
+        const args = this.eventArgs(e);
 
         if (!widget.trigger(LEGEND_ITEM_CLICK, args) && e && e.type === 'contextmenu') {
             e.preventDefault();
         }
-    };
+    }
 
-    LegendItem.prototype.over = function over (widget, e) {
-        var args = this.eventArgs(e);
+    over(widget, e) {
+        const args = this.eventArgs(e);
 
         if (!widget.trigger(LEGEND_ITEM_HOVER, args)) {
             widget._legendItemHover(args.seriesIndex, args.pointIndex);
@@ -243,17 +233,17 @@ var LegendItem = (function (BoxElement) {
 
         // Don't trigger point hover for legend items
         return true;
-    };
+    }
 
-    LegendItem.prototype.out = function out (widget, e) {
+    out(widget, e) {
         widget._unsetActivePoint();
         this._restoreMarkers();
 
         widget.trigger(LEGEND_ITEM_LEAVE, this.eventArgs(e));
-    };
+    }
 
-    LegendItem.prototype.eventArgs = function eventArgs (e) {
-        var options = this.options;
+    eventArgs(e) {
+        const options = this.options;
 
         return {
             element: eventElement(e),
@@ -262,26 +252,24 @@ var LegendItem = (function (BoxElement) {
             seriesIndex: options.series.index,
             pointIndex: options.pointIndex
         };
-    };
+    }
 
-    LegendItem.prototype.createVisual = function createVisual () {
-        BoxElement.prototype.createVisual.call(this);
-        var options = this.options;
+    createVisual() {
+        super.createVisual();
+        const options = this.options;
 
         if (this.options.visible) {
-            var accessibilityOptions = deepExtend({
+            const accessibilityOptions = deepExtend({
                 ariaLabel: options.accessibility.ariaLabel !== undefined ? options.accessibility.ariaLabel : options.text
             }, options.accessibility);
 
             addAccessibilityAttributesToVisual(this.visual, accessibilityOptions);
         }
-    };
-
-    LegendItem.prototype.renderVisual = function renderVisual () {
-        var this$1 = this;
+    }
 
-        var options = this.options;
-        var customVisual = options.visual;
+    renderVisual() {
+        const options = this.options;
+        const customVisual = options.visual;
 
         if (customVisual) {
             this.visual = customVisual({
@@ -296,14 +284,14 @@ var LegendItem = (function (BoxElement) {
                     markers: deepExtend({ background: this.options.markerColor }, this.markerOptions()),
                     labels: options.labels
                 },
-                createVisual: function () {
-                    this$1.createVisual();
-                    this$1.renderChildren();
-                    this$1.renderComplete();
+                createVisual: () => {
+                    this.createVisual();
+                    this.renderChildren();
+                    this.renderComplete();
 
-                    var defaultVisual = this$1.visual;
+                    const defaultVisual = this.visual;
 
-                    delete this$1.visual;
+                    delete this.visual;
 
                     return defaultVisual;
                 }
@@ -311,17 +299,15 @@ var LegendItem = (function (BoxElement) {
             this._marker = this._markerLineArea = this._square = this._line = null;
             this.addVisual();
         } else {
-            BoxElement.prototype.renderVisual.call(this);
+            super.renderVisual();
         }
-    };
+    }
 
-    LegendItem.prototype.createFocusHighlight = function createFocusHighlight (style) {
-        var borderWidth = style.stroke.width;
+    createFocusHighlight(style) {
+        const borderWidth = style.stroke.width;
         return draw.Path.fromRect(this.container.box.pad(borderWidth / 2).toRect(), style);
-    };
-
-    return LegendItem;
-}(BoxElement));
+    }
+}
 
 setDefaultOptions(LegendItem, {
     accessibility: {

package/dist/es/chart/legend/legend-layout.js

@@ -3,24 +3,19 @@ import { drawing as draw } from '@progress/kendo-drawing';
 import { ChartElement, Box, rectToBox } from '../../core';
 import { CENTER, HORIZONTAL, START, END, VERTICAL } from '../../common/constants';
 
-var alignItems = function (rtl) { return (rtl ? END : START); };
+const alignItems = rtl => (rtl ? END : START);
 
-var LegendLayout = (function (ChartElement) {
-    function LegendLayout(options, chartService) {
-        ChartElement.call(this, options);
+class LegendLayout extends ChartElement {
+
+    constructor(options, chartService) {
+        super(options);
 
         this.chartService = chartService;
     }
 
-    if ( ChartElement ) LegendLayout.__proto__ = ChartElement;
-    LegendLayout.prototype = Object.create( ChartElement && ChartElement.prototype );
-    LegendLayout.prototype.constructor = LegendLayout;
-
-    LegendLayout.prototype.render = function render () {
-        var ref = this;
-        var children = ref.children;
-        var options = ref.options;
-        var vertical = options.vertical;
+    render() {
+        const { children, options } = this;
+        const vertical = options.vertical;
 
         this.visual = new draw.Layout(null, {
             spacing: vertical ? 0 : options.spacing,
@@ -30,32 +25,30 @@ var LegendLayout = (function (ChartElement) {
             alignItems: vertical ? alignItems(options.rtl) : CENTER
         });
 
-        for (var idx = 0; idx < children.length; idx++) {
-            var legendItem = children[idx];
+        for (let idx = 0; idx < children.length; idx++) {
+            let legendItem = children[idx];
             legendItem.reflow(new Box());
             legendItem.renderVisual();
         }
-    };
+    }
 
-    LegendLayout.prototype.reflow = function reflow (box) {
+    reflow(box) {
         this.visual.rect(box.toRect());
         this.visual.reflow();
-        var bbox = this.visual.clippedBBox();
+        const bbox = this.visual.clippedBBox();
 
         if (bbox) {
             this.box = rectToBox(bbox);
         } else {
             this.box = new Box();
         }
-    };
+    }
 
-    LegendLayout.prototype.renderVisual = function renderVisual () {
+    renderVisual() {
         this.addVisual();
-    };
-
-    LegendLayout.prototype.createVisual = function createVisual () {};
+    }
 
-    return LegendLayout;
-}(ChartElement));
+    createVisual() {}
+}
 
 export default LegendLayout;