define(["require", "exports", "tslib", "react", "@fluentui/react-charting", "@fluentui/react/lib/Styling"], function (require, exports, tslib_1, React, react_charting_1, Styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.LegendWrapLinesExample = void 0;
    var LegendWrapLinesExample = /** @class */ (function (_super) {
        tslib_1.__extends(LegendWrapLinesExample, _super);
        function LegendWrapLinesExample() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        LegendWrapLinesExample.prototype.render = function () {
            var legends = [
                {
                    title: 'Legend 1',
                    color: Styling_1.DefaultPalette.red,
                    action: function () {
                        alert('Legend1 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend1');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 2',
                    color: Styling_1.DefaultPalette.green,
                    action: function () {
                        alert('Legend2 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend2');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 3',
                    color: Styling_1.DefaultPalette.yellow,
                    action: function () {
                        alert('Legend3 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend3');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 4',
                    color: Styling_1.DefaultPalette.blue,
                    action: function () {
                        alert('Legend4 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend4');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 5',
                    color: Styling_1.DefaultPalette.purpleLight,
                    action: function () {
                        alert('Legend5 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend5');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 6',
                    color: Styling_1.DefaultPalette.orange,
                    action: function () {
                        alert('Legend6 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend6');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 7',
                    color: Styling_1.DefaultPalette.magenta,
                    action: function () {
                        alert('Legend7 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend7');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 8',
                    color: Styling_1.DefaultPalette.themeDark,
                    action: function () {
                        alert('Legend8 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend8');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 9',
                    color: Styling_1.DefaultPalette.redDark,
                    action: function () {
                        alert('Legend9 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend9');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 10',
                    color: Styling_1.DefaultPalette.blueMid,
                    action: function () {
                        alert('Legend10 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend10');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 11',
                    color: Styling_1.DefaultPalette.blackTranslucent40,
                    action: function () {
                        alert('Legend11 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend11');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 12',
                    color: Styling_1.DefaultPalette.greenDark,
                    action: function () {
                        alert('Legend12 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend12');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 13',
                    color: Styling_1.DefaultPalette.yellowLight,
                    action: function () {
                        alert('Legend13 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend13');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 14',
                    color: Styling_1.DefaultPalette.magentaLight,
                    action: function () {
                        alert('Legend14 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend14');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 15',
                    color: Styling_1.DefaultPalette.purpleDark,
                    action: function () {
                        alert('Legend15 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend15');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 16',
                    color: Styling_1.DefaultPalette.blueMid,
                    action: function () {
                        alert('Legend16 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend16');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
                {
                    title: 'Legend 17',
                    color: Styling_1.DefaultPalette.accent,
                    action: function () {
                        alert('Legend17 clicked');
                    },
                    hoverAction: function () {
                        console.log('Hover action for legend17');
                    },
                    onMouseOutAction: function () { return undefined; },
                },
            ];
            return React.createElement(react_charting_1.Legends, { legends: legends, enabledWrapLines: true });
        };
        return LegendWrapLinesExample;
    }(React.Component));
    exports.LegendWrapLinesExample = LegendWrapLinesExample;
});
//# sourceMappingURL=Legends.WrapLines.Example.js.map