add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / aria / sass / example / slicer.js

/*\r
 * This file is generated by Sencha Cmd and should NOT be edited. It will be replaced by\r
 * "sencha package upgrade".\r
 */\r
if (document.addEventListener) {\r
    document.addEventListener('DOMContentLoaded', function () {\r
        // This is very important for getting transparency on corners.\r
        document.body.style.backgroundColor = 'transparent';\r
    });\r
}\r
\r
// This variable is watched by the Slicer. Once it is set, the data is saved with the\r
// screenshot.\r
var slicerManifest;\r
\r
function generateSlicerManifest () {\r
    var elements = document.body.querySelectorAll('.x-slicer-target');\r
    var widgets = [];\r
    var slicesRe = /^'x-slicer\:(.+)'$/;\r
\r
    function getData (el) {\r
        var data = el.getAttribute('data-slicer');\r
        if (data) {\r
            return JSON.parse(data);\r
        }\r
        return null;\r
    }\r
\r
    function getSlices (slices, src) {\r
        var content = src && src.content;\r
        if (content) {\r
            var m = slicesRe.exec(content);\r
            if (m && m[1]) {\r
                slices.push(m[1]);\r
            }\r
        }\r
    }\r
\r
    function forEach (it, fn) {\r
        for (var i = 0; i < it.length; ++i) {\r
            fn(it[i]);\r
        }\r
    }\r
\r
    forEach(elements, function (el) {\r
        var view = el.ownerDocument.defaultView;\r
        var style = view.getComputedStyle(el, null);\r
        var bg = style['background-image'];\r
        var box = el.getBoundingClientRect();\r
\r
        var entry = {\r
            box: {\r
                x: window.scrollX + box.left,\r
                y: window.scrollY + box.top,\r
                w: box.right - box.left,\r
                h: box.bottom - box.top\r
            },\r
            radius: {\r
                tl: parseInt(style['border-top-left-radius'], 10) || 0,\r
                tr: parseInt(style['border-top-right-radius'], 10) || 0,\r
                br: parseInt(style['border-bottom-right-radius'], 10) || 0,\r
                bl: parseInt(style['border-bottom-left-radius'], 10) || 0\r
            },\r
            border: {\r
                t: parseInt(style['border-top-width'], 10) || 0,\r
                r: parseInt(style['border-right-width'], 10) || 0,\r
                b: parseInt(style['border-bottom-width'], 10) || 0,\r
                l: parseInt(style['border-left-width'], 10) || 0\r
            }\r
        };\r
\r
        if (el.id) {\r
            entry.id = el.id;\r
        }\r
\r
        if (bg.indexOf('-gradient') !== -1) {\r
            if (bg.indexOf('50% 0') !== -1 || bg.indexOf('top') !== -1 ||\r
                                              bg.indexOf('bottom') !== -1) {\r
                entry.gradient = 'top';\r
            } else {\r
                entry.gradient = 'left';\r
            }\r
        }\r
\r
        var slices = [];\r
        getSlices(slices, view.getComputedStyle(el, ':before'));\r
        getSlices(slices, view.getComputedStyle(el, ':after'));\r
\r
        if (slices.length) {\r
            entry.slices = slices.join(', ').split(', ');\r
        }\r
        var extra = getData(el);\r
        if (extra) {\r
            entry.extra = extra;\r
        }\r
\r
        widgets.push(entry);\r
    });\r
\r
    slicerManifest = getData(document.body) || {};\r
    slicerManifest.widgets = widgets;\r
    if (!slicerManifest.format) {\r
        // legacy support sets format to "1.0"\r
        slicerManifest.format = '2.0';\r
    }\r
}\r