define(["require", "exports", "office-ui-fabric-react/lib/utilities/keytips/index"], function (require, exports, index_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var btnExecute = function (el) {
        el.click();
    };
    // Setup keytips
    var keytipConfig = {
        keytips: [
            // Button example
            {
                id: 'Button',
                content: '1A',
                optionalProps: {
                    onExecute: btnExecute
                }
            },
            {
                id: 'ButtonOffset',
                content: '00',
                optionalProps: {
                    onExecute: btnExecute,
                    offset: { x: 10, y: 10 }
                }
            },
            {
                id: 'CompoundButton',
                content: '1B',
                optionalProps: {
                    onExecute: btnExecute
                }
            },
            {
                id: 'ButtonWithMenu',
                content: '2A',
                optionalProps: {
                    onExecute: btnExecute
                },
                children: [
                    {
                        id: 'ButtonMenuItem1',
                        content: 'E'
                    },
                    {
                        id: 'ButtonMenuItem2',
                        content: '8'
                    }
                ]
            },
            {
                id: 'SplitButton',
                content: '2B',
                optionalProps: {
                    onExecute: btnExecute
                },
                children: [
                    {
                        id: 'SplitButtonMenuItem1',
                        content: 'C'
                    },
                    {
                        id: 'SplitButtonMenuItem2',
                        content: 'WW'
                    }
                ]
            },
            {
                id: 'DisabledButton',
                content: '01',
                optionalProps: {
                    onExecute: btnExecute
                }
            },
            // Command Bar example
            {
                id: 'CommandButton1Keytip',
                content: 'J',
                optionalProps: {
                    onExecute: btnExecute
                }
            },
            {
                id: 'CommandButton2Keytip',
                content: 'M',
                optionalProps: {
                    onExecute: btnExecute
                }
            },
            {
                id: 'CommandButton3Keytip',
                content: 'LK',
                optionalProps: {
                    onExecute: btnExecute
                },
                children: [
                    {
                        id: 'SubmenuKeytip1',
                        content: 'M',
                        optionalProps: {
                            offset: { x: 17, y: 19 },
                            onExecute: btnExecute
                        }
                    },
                    {
                        id: 'SubmenuKeytip2',
                        content: 'P',
                        optionalProps: {
                            offset: { x: 17, y: 19 },
                            onExecute: btnExecute
                        },
                        children: [
                            {
                                id: 'SubmenuKeytip3',
                                content: 'O',
                                optionalProps: {
                                    onExecute: btnExecute
                                }
                            },
                            {
                                id: 'SubmenuKeytip4',
                                content: 'DD',
                                optionalProps: {
                                    onExecute: btnExecute
                                }
                            }
                        ]
                    },
                    {
                        id: 'SubmenuKeytip5',
                        content: 'R',
                        optionalProps: {
                            offset: { x: 17, y: 19 },
                            onExecute: btnExecute
                        }
                    }
                ]
            },
            // Overflow Well example
            {
                id: 'OverflowButton1',
                content: 'Q'
            },
            {
                id: 'OverflowButton2',
                content: 'W'
            },
            {
                id: 'OverflowButton3',
                content: 'E'
            },
            {
                id: 'OverflowButton4',
                content: 'R',
                optionalProps: {
                    onExecute: btnExecute
                }
            },
            {
                id: 'OverflowButton5',
                content: 'T'
            },
            {
                id: 'OverflowButton6',
                content: 'Y',
                children: [
                    {
                        id: 'OverflowSubMenuButton1',
                        content: 'H'
                    }
                ]
            },
            // Full Keytips example
            {
                id: 'Pivot1Keytip',
                content: 'A',
                optionalProps: {
                    hasDynamicChildren: true,
                    onExecute: btnExecute
                },
                children: [
                    {
                        id: 'ToggleKeytip',
                        content: '1',
                        optionalProps: {
                            onExecute: btnExecute
                        }
                    },
                    {
                        id: 'LinkKeytip',
                        content: '2',
                        optionalProps: {
                            onExecute: btnExecute
                        }
                    },
                    {
                        id: 'SpinButtonKeytip',
                        content: '3',
                        optionalProps: {
                            onExecute: function (el) {
                                el.focus();
                            }
                        }
                    }
                ]
            },
            {
                id: 'Pivot2Keytip',
                content: 'B',
                optionalProps: {
                    hasDynamicChildren: true,
                    onExecute: btnExecute
                },
                children: [
                    {
                        id: 'CheckboxKeytip',
                        content: '1',
                        optionalProps: {
                            onExecute: btnExecute
                        }
                    },
                    {
                        id: 'DropdownKeytip',
                        content: '2',
                        optionalProps: {
                            onExecute: function (el) {
                                el.focus();
                            }
                        }
                    }
                ]
            },
            {
                id: 'Pivot3Keytip',
                content: 'C',
                optionalProps: {
                    hasDynamicChildren: true,
                    onExecute: btnExecute
                },
                children: [
                    {
                        id: 'ComboBoxKeytip',
                        content: '1',
                        optionalProps: {
                            onExecute: function (el) {
                                el.focus();
                            }
                        }
                    }
                ]
            }
        ]
    };
    exports.keytipMap = index_1.buildKeytipConfigMap(keytipConfig);
});
//# sourceMappingURL=KeytipSetup.js.map