global ctx.bemhtml.js

block('viewer-controls')(

    def()(function() {
        return applyNext({
            params: this.ctx.params
        });
    }),

    content()(function() {
        return [
            {
                block: 'viewer-carousel',
                params: this.params,
                js: { onlyPan: this.params.onlyPan }
            },
            this.params.customPanel,
            {
                elem: 'panel',
                elemMods: { error: 'yes' },
                content: {
                    elem: 'cell',
                    content: { elem: 'error' }
                }
            },
            {
                elem: 'panel',
                elemMods: { position: 'top' },
                content: [
                    this.params.topPaneContent,
                    { elem: 'close' }
                ]
            },
            {
                elem: 'panel',
                elemMods: { position: 'bottom' },
                content: [
                    {
                        elem: 'cell',
                        elemMods: { position: 'left' },
                        content:
                        {
                            elem: 'domain',
                            initialImage: this.params.initialImage
                        }
                    },
                    {
                    elem: 'cell',
                    elemMods: { position: 'right' },
                    content: [
                        this.params.bottomPaneContent,
                        {
                            elem: 'download',
                            initialImage: this.params.initialImage
                        }
                    ]
                }]
            }

        ];
    }))