@yoobic/yobi 8.7.4 → 8.7.6

package/dist/esm/yoo-pivot-table.entry.js

@@ -1,1022 +0,0 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { g as getRenderer } from './grid-renderers-433f99f9.js';
-import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
-import { a2 as debounce, c as cloneDeep, _ as assign, D as sortBy, f as isEqual } from './lodash-8307f78b.js';
-import { t as translate } from './index-1d968c40.js';
-import './index-a5602a7c.js';
-import './incentive-helpers-48997071.js';
-import './missions-helpers-2547b085.js';
-import './common-helpers-463dd600.js';
-import './form-helpers-a491a7aa.js';
-import './geolocation-helpers-c870e06d.js';
-
-var domToImage = createCommonjsModule(function (module) {
-(function (global) {
-    'use strict';
-
-    var util = newUtil();
-    var inliner = newInliner();
-    var fontFaces = newFontFaces();
-    var images = newImages();
-
-    // Default impl options
-    var defaultOptions = {
-        // Default is to fail on error, no placeholder
-        imagePlaceholder: undefined,
-        // Default cache bust is false, it will use the cache
-        cacheBust: false
-    };
-
-    var domtoimage = {
-        toSvg: toSvg,
-        toPng: toPng,
-        toJpeg: toJpeg,
-        toBlob: toBlob,
-        toPixelData: toPixelData,
-        impl: {
-            fontFaces: fontFaces,
-            images: images,
-            util: util,
-            inliner: inliner,
-            options: {}
-        }
-    };
-
-    if ('object' !== 'undefined')
-        module.exports = domtoimage;
-    else
-        global.domtoimage = domtoimage;
-
-
-    /**
-     * @param {Node} node - The DOM Node object to render
-     * @param {Object} options - Rendering options
-     * @param {Function} options.filter - Should return true if passed node should be included in the output
-     *          (excluding node means excluding it's children as well). Not called on the root node.
-     * @param {String} options.bgcolor - color for the background, any valid CSS color value.
-     * @param {Number} options.width - width to be applied to node before rendering.
-     * @param {Number} options.height - height to be applied to node before rendering.
-     * @param {Object} options.style - an object whose properties to be copied to node's style before rendering.
-     * @param {Number} options.quality - a Number between 0 and 1 indicating image quality (applicable to JPEG only),
-                defaults to 1.0.
-     * @param {String} options.imagePlaceholder - dataURL to use as a placeholder for failed images, default behaviour is to fail fast on images we can't fetch
-     * @param {Boolean} options.cacheBust - set to true to cache bust by appending the time to the request url
-     * @return {Promise} - A promise that is fulfilled with a SVG image data URL
-     * */
-    function toSvg(node, options) {
-        options = options || {};
-        copyOptions(options);
-        return Promise.resolve(node)
-            .then(function (node) {
-                return cloneNode(node, options.filter, true);
-            })
-            .then(embedFonts)
-            .then(inlineImages)
-            .then(applyOptions)
-            .then(function (clone) {
-                return makeSvgDataUri(clone,
-                    options.width || util.width(node),
-                    options.height || util.height(node)
-                );
-            });
-
-        function applyOptions(clone) {
-            if (options.bgcolor) clone.style.backgroundColor = options.bgcolor;
-
-            if (options.width) clone.style.width = options.width + 'px';
-            if (options.height) clone.style.height = options.height + 'px';
-
-            if (options.style)
-                Object.keys(options.style).forEach(function (property) {
-                    clone.style[property] = options.style[property];
-                });
-
-            return clone;
-        }
-    }
-
-    /**
-     * @param {Node} node - The DOM Node object to render
-     * @param {Object} options - Rendering options, @see {@link toSvg}
-     * @return {Promise} - A promise that is fulfilled with a Uint8Array containing RGBA pixel data.
-     * */
-    function toPixelData(node, options) {
-        return draw(node, options || {})
-            .then(function (canvas) {
-                return canvas.getContext('2d').getImageData(
-                    0,
-                    0,
-                    util.width(node),
-                    util.height(node)
-                ).data;
-            });
-    }
-
-    /**
-     * @param {Node} node - The DOM Node object to render
-     * @param {Object} options - Rendering options, @see {@link toSvg}
-     * @return {Promise} - A promise that is fulfilled with a PNG image data URL
-     * */
-    function toPng(node, options) {
-        return draw(node, options || {})
-            .then(function (canvas) {
-                return canvas.toDataURL();
-            });
-    }
-
-    /**
-     * @param {Node} node - The DOM Node object to render
-     * @param {Object} options - Rendering options, @see {@link toSvg}
-     * @return {Promise} - A promise that is fulfilled with a JPEG image data URL
-     * */
-    function toJpeg(node, options) {
-        options = options || {};
-        return draw(node, options)
-            .then(function (canvas) {
-                return canvas.toDataURL('image/jpeg', options.quality || 1.0);
-            });
-    }
-
-    /**
-     * @param {Node} node - The DOM Node object to render
-     * @param {Object} options - Rendering options, @see {@link toSvg}
-     * @return {Promise} - A promise that is fulfilled with a PNG image blob
-     * */
-    function toBlob(node, options) {
-        return draw(node, options || {})
-            .then(util.canvasToBlob);
-    }
-
-    function copyOptions(options) {
-        // Copy options to impl options for use in impl
-        if(typeof(options.imagePlaceholder) === 'undefined') {
-            domtoimage.impl.options.imagePlaceholder = defaultOptions.imagePlaceholder;
-        } else {
-            domtoimage.impl.options.imagePlaceholder = options.imagePlaceholder;
-        }
-
-        if(typeof(options.cacheBust) === 'undefined') {
-            domtoimage.impl.options.cacheBust = defaultOptions.cacheBust;
-        } else {
-            domtoimage.impl.options.cacheBust = options.cacheBust;
-        }
-    }
-
-    function draw(domNode, options) {
-        return toSvg(domNode, options)
-            .then(util.makeImage)
-            .then(util.delay(100))
-            .then(function (image) {
-                var canvas = newCanvas(domNode);
-                canvas.getContext('2d').drawImage(image, 0, 0);
-                return canvas;
-            });
-
-        function newCanvas(domNode) {
-            var canvas = document.createElement('canvas');
-            canvas.width = options.width || util.width(domNode);
-            canvas.height = options.height || util.height(domNode);
-
-            if (options.bgcolor) {
-                var ctx = canvas.getContext('2d');
-                ctx.fillStyle = options.bgcolor;
-                ctx.fillRect(0, 0, canvas.width, canvas.height);
-            }
-
-            return canvas;
-        }
-    }
-
-    function cloneNode(node, filter, root) {
-        if (!root && filter && !filter(node)) return Promise.resolve();
-
-        return Promise.resolve(node)
-            .then(makeNodeCopy)
-            .then(function (clone) {
-                return cloneChildren(node, clone, filter);
-            })
-            .then(function (clone) {
-                return processClone(node, clone);
-            });
-
-        function makeNodeCopy(node) {
-            if (node instanceof HTMLCanvasElement) return util.makeImage(node.toDataURL());
-            return node.cloneNode(false);
-        }
-
-        function cloneChildren(original, clone, filter) {
-            var children = original.childNodes;
-            if (children.length === 0) return Promise.resolve(clone);
-
-            return cloneChildrenInOrder(clone, util.asArray(children), filter)
-                .then(function () {
-                    return clone;
-                });
-
-            function cloneChildrenInOrder(parent, children, filter) {
-                var done = Promise.resolve();
-                children.forEach(function (child) {
-                    done = done
-                        .then(function () {
-                            return cloneNode(child, filter);
-                        })
-                        .then(function (childClone) {
-                            if (childClone) parent.appendChild(childClone);
-                        });
-                });
-                return done;
-            }
-        }
-
-        function processClone(original, clone) {
-            if (!(clone instanceof Element)) return clone;
-
-            return Promise.resolve()
-                .then(cloneStyle)
-                .then(clonePseudoElements)
-                .then(copyUserInput)
-                .then(fixSvg)
-                .then(function () {
-                    return clone;
-                });
-
-            function cloneStyle() {
-                copyStyle(window.getComputedStyle(original), clone.style);
-
-                function copyStyle(source, target) {
-                    if (source.cssText) target.cssText = source.cssText;
-                    else copyProperties(source, target);
-
-                    function copyProperties(source, target) {
-                        util.asArray(source).forEach(function (name) {
-                            target.setProperty(
-                                name,
-                                source.getPropertyValue(name),
-                                source.getPropertyPriority(name)
-                            );
-                        });
-                    }
-                }
-            }
-
-            function clonePseudoElements() {
-                [':before', ':after'].forEach(function (element) {
-                    clonePseudoElement(element);
-                });
-
-                function clonePseudoElement(element) {
-                    var style = window.getComputedStyle(original, element);
-                    var content = style.getPropertyValue('content');
-
-                    if (content === '' || content === 'none') return;
-
-                    var className = util.uid();
-                    clone.className = clone.className + ' ' + className;
-                    var styleElement = document.createElement('style');
-                    styleElement.appendChild(formatPseudoElementStyle(className, element, style));
-                    clone.appendChild(styleElement);
-
-                    function formatPseudoElementStyle(className, element, style) {
-                        var selector = '.' + className + ':' + element;
-                        var cssText = style.cssText ? formatCssText(style) : formatCssProperties(style);
-                        return document.createTextNode(selector + '{' + cssText + '}');
-
-                        function formatCssText(style) {
-                            var content = style.getPropertyValue('content');
-                            return style.cssText + ' content: ' + content + ';';
-                        }
-
-                        function formatCssProperties(style) {
-
-                            return util.asArray(style)
-                                .map(formatProperty)
-                                .join('; ') + ';';
-
-                            function formatProperty(name) {
-                                return name + ': ' +
-                                    style.getPropertyValue(name) +
-                                    (style.getPropertyPriority(name) ? ' !important' : '');
-                            }
-                        }
-                    }
-                }
-            }
-
-            function copyUserInput() {
-                if (original instanceof HTMLTextAreaElement) clone.innerHTML = original.value;
-                if (original instanceof HTMLInputElement) clone.setAttribute("value", original.value);
-            }
-
-            function fixSvg() {
-                if (!(clone instanceof SVGElement)) return;
-                clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-
-                if (!(clone instanceof SVGRectElement)) return;
-                ['width', 'height'].forEach(function (attribute) {
-                    var value = clone.getAttribute(attribute);
-                    if (!value) return;
-
-                    clone.style.setProperty(attribute, value);
-                });
-            }
-        }
-    }
-
-    function embedFonts(node) {
-        return fontFaces.resolveAll()
-            .then(function (cssText) {
-                var styleNode = document.createElement('style');
-                node.appendChild(styleNode);
-                styleNode.appendChild(document.createTextNode(cssText));
-                return node;
-            });
-    }
-
-    function inlineImages(node) {
-        return images.inlineAll(node)
-            .then(function () {
-                return node;
-            });
-    }
-
-    function makeSvgDataUri(node, width, height) {
-        return Promise.resolve(node)
-            .then(function (node) {
-                node.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
-                return new XMLSerializer().serializeToString(node);
-            })
-            .then(util.escapeXhtml)
-            .then(function (xhtml) {
-                return '<foreignObject x="0" y="0" width="100%" height="100%">' + xhtml + '</foreignObject>';
-            })
-            .then(function (foreignObject) {
-                return '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '">' +
-                    foreignObject + '</svg>';
-            })
-            .then(function (svg) {
-                return 'data:image/svg+xml;charset=utf-8,' + svg;
-            });
-    }
-
-    function newUtil() {
-        return {
-            escape: escape,
-            parseExtension: parseExtension,
-            mimeType: mimeType,
-            dataAsUrl: dataAsUrl,
-            isDataUrl: isDataUrl,
-            canvasToBlob: canvasToBlob,
-            resolveUrl: resolveUrl,
-            getAndEncode: getAndEncode,
-            uid: uid(),
-            delay: delay,
-            asArray: asArray,
-            escapeXhtml: escapeXhtml,
-            makeImage: makeImage,
-            width: width,
-            height: height
-        };
-
-        function mimes() {
-            /*
-             * Only WOFF and EOT mime types for fonts are 'real'
-             * see http://www.iana.org/assignments/media-types/media-types.xhtml
-             */
-            var WOFF = 'application/font-woff';
-            var JPEG = 'image/jpeg';
-
-            return {
-                'woff': WOFF,
-                'woff2': WOFF,
-                'ttf': 'application/font-truetype',
-                'eot': 'application/vnd.ms-fontobject',
-                'png': 'image/png',
-                'jpg': JPEG,
-                'jpeg': JPEG,
-                'gif': 'image/gif',
-                'tiff': 'image/tiff',
-                'svg': 'image/svg+xml'
-            };
-        }
-
-        function parseExtension(url) {
-            var match = /\.([^\.\/]*?)$/g.exec(url);
-            if (match) return match[1];
-            else return '';
-        }
-
-        function mimeType(url) {
-            var extension = parseExtension(url).toLowerCase();
-            return mimes()[extension] || '';
-        }
-
-        function isDataUrl(url) {
-            return url.search(/^(data:)/) !== -1;
-        }
-
-        function toBlob(canvas) {
-            return new Promise(function (resolve) {
-                var binaryString = window.atob(canvas.toDataURL().split(',')[1]);
-                var length = binaryString.length;
-                var binaryArray = new Uint8Array(length);
-
-                for (var i = 0; i < length; i++)
-                    binaryArray[i] = binaryString.charCodeAt(i);
-
-                resolve(new Blob([binaryArray], {
-                    type: 'image/png'
-                }));
-            });
-        }
-
-        function canvasToBlob(canvas) {
-            if (canvas.toBlob)
-                return new Promise(function (resolve) {
-                    canvas.toBlob(resolve);
-                });
-
-            return toBlob(canvas);
-        }
-
-        function resolveUrl(url, baseUrl) {
-            var doc = document.implementation.createHTMLDocument();
-            var base = doc.createElement('base');
-            doc.head.appendChild(base);
-            var a = doc.createElement('a');
-            doc.body.appendChild(a);
-            base.href = baseUrl;
-            a.href = url;
-            return a.href;
-        }
-
-        function uid() {
-            var index = 0;
-
-            return function () {
-                return 'u' + fourRandomChars() + index++;
-
-                function fourRandomChars() {
-                    /* see http://stackoverflow.com/a/6248722/2519373 */
-                    return ('0000' + (Math.random() * Math.pow(36, 4) << 0).toString(36)).slice(-4);
-                }
-            };
-        }
-
-        function makeImage(uri) {
-            return new Promise(function (resolve, reject) {
-                var image = new Image();
-                image.onload = function () {
-                    resolve(image);
-                };
-                image.onerror = reject;
-                image.src = uri;
-            });
-        }
-
-        function getAndEncode(url) {
-            var TIMEOUT = 30000;
-            if(domtoimage.impl.options.cacheBust) {
-                // Cache bypass so we dont have CORS issues with cached images
-                // Source: https://developer.mozilla.org/en/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache
-                url += ((/\?/).test(url) ? "&" : "?") + (new Date()).getTime();
-            }
-
-            return new Promise(function (resolve) {
-                var request = new XMLHttpRequest();
-
-                request.onreadystatechange = done;
-                request.ontimeout = timeout;
-                request.responseType = 'blob';
-                request.timeout = TIMEOUT;
-                request.open('GET', url, true);
-                request.send();
-
-                var placeholder;
-                if(domtoimage.impl.options.imagePlaceholder) {
-                    var split = domtoimage.impl.options.imagePlaceholder.split(/,/);
-                    if(split && split[1]) {
-                        placeholder = split[1];
-                    }
-                }
-
-                function done() {
-                    if (request.readyState !== 4) return;
-
-                    if (request.status !== 200) {
-                        if(placeholder) {
-                            resolve(placeholder);
-                        } else {
-                            fail('cannot fetch resource: ' + url + ', status: ' + request.status);
-                        }
-
-                        return;
-                    }
-
-                    var encoder = new FileReader();
-                    encoder.onloadend = function () {
-                        var content = encoder.result.split(/,/)[1];
-                        resolve(content);
-                    };
-                    encoder.readAsDataURL(request.response);
-                }
-
-                function timeout() {
-                    if(placeholder) {
-                        resolve(placeholder);
-                    } else {
-                        fail('timeout of ' + TIMEOUT + 'ms occured while fetching resource: ' + url);
-                    }
-                }
-
-                function fail(message) {
-                    console.error(message);
-                    resolve('');
-                }
-            });
-        }
-
-        function dataAsUrl(content, type) {
-            return 'data:' + type + ';base64,' + content;
-        }
-
-        function escape(string) {
-            return string.replace(/([.*+?^${}()|\[\]\/\\])/g, '\\$1');
-        }
-
-        function delay(ms) {
-            return function (arg) {
-                return new Promise(function (resolve) {
-                    setTimeout(function () {
-                        resolve(arg);
-                    }, ms);
-                });
-            };
-        }
-
-        function asArray(arrayLike) {
-            var array = [];
-            var length = arrayLike.length;
-            for (var i = 0; i < length; i++) array.push(arrayLike[i]);
-            return array;
-        }
-
-        function escapeXhtml(string) {
-            return string.replace(/#/g, '%23').replace(/\n/g, '%0A');
-        }
-
-        function width(node) {
-            var leftBorder = px(node, 'border-left-width');
-            var rightBorder = px(node, 'border-right-width');
-            return node.scrollWidth + leftBorder + rightBorder;
-        }
-
-        function height(node) {
-            var topBorder = px(node, 'border-top-width');
-            var bottomBorder = px(node, 'border-bottom-width');
-            return node.scrollHeight + topBorder + bottomBorder;
-        }
-
-        function px(node, styleProperty) {
-            var value = window.getComputedStyle(node).getPropertyValue(styleProperty);
-            return parseFloat(value.replace('px', ''));
-        }
-    }
-
-    function newInliner() {
-        var URL_REGEX = /url\(['"]?([^'"]+?)['"]?\)/g;
-
-        return {
-            inlineAll: inlineAll,
-            shouldProcess: shouldProcess,
-            impl: {
-                readUrls: readUrls,
-                inline: inline
-            }
-        };
-
-        function shouldProcess(string) {
-            return string.search(URL_REGEX) !== -1;
-        }
-
-        function readUrls(string) {
-            var result = [];
-            var match;
-            while ((match = URL_REGEX.exec(string)) !== null) {
-                result.push(match[1]);
-            }
-            return result.filter(function (url) {
-                return !util.isDataUrl(url);
-            });
-        }
-
-        function inline(string, url, baseUrl, get) {
-            return Promise.resolve(url)
-                .then(function (url) {
-                    return baseUrl ? util.resolveUrl(url, baseUrl) : url;
-                })
-                .then(get || util.getAndEncode)
-                .then(function (data) {
-                    return util.dataAsUrl(data, util.mimeType(url));
-                })
-                .then(function (dataUrl) {
-                    return string.replace(urlAsRegex(url), '$1' + dataUrl + '$3');
-                });
-
-            function urlAsRegex(url) {
-                return new RegExp('(url\\([\'"]?)(' + util.escape(url) + ')([\'"]?\\))', 'g');
-            }
-        }
-
-        function inlineAll(string, baseUrl, get) {
-            if (nothingToInline()) return Promise.resolve(string);
-
-            return Promise.resolve(string)
-                .then(readUrls)
-                .then(function (urls) {
-                    var done = Promise.resolve(string);
-                    urls.forEach(function (url) {
-                        done = done.then(function (string) {
-                            return inline(string, url, baseUrl, get);
-                        });
-                    });
-                    return done;
-                });
-
-            function nothingToInline() {
-                return !shouldProcess(string);
-            }
-        }
-    }
-
-    function newFontFaces() {
-        return {
-            resolveAll: resolveAll,
-            impl: {
-                readAll: readAll
-            }
-        };
-
-        function resolveAll() {
-            return readAll(document)
-                .then(function (webFonts) {
-                    return Promise.all(
-                        webFonts.map(function (webFont) {
-                            return webFont.resolve();
-                        })
-                    );
-                })
-                .then(function (cssStrings) {
-                    return cssStrings.join('\n');
-                });
-        }
-
-        function readAll() {
-            return Promise.resolve(util.asArray(document.styleSheets))
-                .then(getCssRules)
-                .then(selectWebFontRules)
-                .then(function (rules) {
-                    return rules.map(newWebFont);
-                });
-
-            function selectWebFontRules(cssRules) {
-                return cssRules
-                    .filter(function (rule) {
-                        return rule.type === CSSRule.FONT_FACE_RULE;
-                    })
-                    .filter(function (rule) {
-                        return inliner.shouldProcess(rule.style.getPropertyValue('src'));
-                    });
-            }
-
-            function getCssRules(styleSheets) {
-                var cssRules = [];
-                styleSheets.forEach(function (sheet) {
-                    try {
-                        util.asArray(sheet.cssRules || []).forEach(cssRules.push.bind(cssRules));
-                    } catch (e) {
-                        console.log('Error while reading CSS rules from ' + sheet.href, e.toString());
-                    }
-                });
-                return cssRules;
-            }
-
-            function newWebFont(webFontRule) {
-                return {
-                    resolve: function resolve() {
-                        var baseUrl = (webFontRule.parentStyleSheet || {}).href;
-                        return inliner.inlineAll(webFontRule.cssText, baseUrl);
-                    },
-                    src: function () {
-                        return webFontRule.style.getPropertyValue('src');
-                    }
-                };
-            }
-        }
-    }
-
-    function newImages() {
-        return {
-            inlineAll: inlineAll,
-            impl: {
-                newImage: newImage
-            }
-        };
-
-        function newImage(element) {
-            return {
-                inline: inline
-            };
-
-            function inline(get) {
-                if (util.isDataUrl(element.src)) return Promise.resolve();
-
-                return Promise.resolve(element.src)
-                    .then(get || util.getAndEncode)
-                    .then(function (data) {
-                        return util.dataAsUrl(data, util.mimeType(element.src));
-                    })
-                    .then(function (dataUrl) {
-                        return new Promise(function (resolve, reject) {
-                            element.onload = resolve;
-                            element.onerror = reject;
-                            element.src = dataUrl;
-                        });
-                    });
-            }
-        }
-
-        function inlineAll(node) {
-            if (!(node instanceof Element)) return Promise.resolve(node);
-
-            return inlineBackground(node)
-                .then(function () {
-                    if (node instanceof HTMLImageElement)
-                        return newImage(node).inline();
-                    else
-                        return Promise.all(
-                            util.asArray(node.childNodes).map(function (child) {
-                                return inlineAll(child);
-                            })
-                        );
-                });
-
-            function inlineBackground(node) {
-                var background = node.style.getPropertyValue('background');
-
-                if (!background) return Promise.resolve(node);
-
-                return inliner.inlineAll(background)
-                    .then(function (inlined) {
-                        node.style.setProperty(
-                            'background',
-                            inlined,
-                            node.style.getPropertyPriority('background')
-                        );
-                    })
-                    .then(function () {
-                        return node;
-                    });
-            }
-        }
-    }
-})(commonjsGlobal);
-});
-
-const pivotTableCss = "svg:not(:root){overflow:hidden}:host{display:block;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;width:100%;min-height:0}:host .container{width:100%;height:var(--height)}:host(.rounded){overflow:hidden;border-bottom-right-radius:var(--border-radius-08, 0.5rem);border-bottom-left-radius:var(--border-radius-08, 0.5rem)}";
-
-const YooPivotTableComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.edited = createEvent(this, "edited", 7);
-    this.rowClick = createEvent(this, "rowClick", 7);
-    this.rowDoubleClick = createEvent(this, "rowDoubleClick", 7);
-    this.onEditedDebounce = debounce(this.onEdited, 1000).bind(this);
-    this.hasRestored = false;
-    this.definition = undefined;
-    this.isFullScreen = undefined;
-    this.gridClass = undefined;
-    this.config = undefined;
-  }
-  async getSVG(width = 600, height = 400, x = 0, y = 0, margin = 0) {
-    return domToImage.toPng(this.host).then((data) => {
-      let svg = '<g transform="translate(' + (x + margin / 2) + ', ' + Math.round(y + margin / 2) + ')" >';
-      svg += '<rect x="0" y="0" width="' + width + '" height="' + height + '" stroke="' + '#ccc' + '" stroke-width="1" fill="white"/>';
-      svg += '<image preserveAspectRatio="xMidYMid meet" x="0" y="0" height="' + height + '" width="' + width + '" xlink:href="' + data + '">';
-      svg += '</g>';
-      return svg;
-    }, () => '');
-  }
-  async exportCSV(filename) {
-    if (this.agGrid) {
-      this.agGrid.exportCSV(filename);
-    }
-  }
-  async exportXLSX(filename) {
-    if (this.agGrid) {
-      this.agGrid.exportXLSX(filename);
-    }
-  }
-  async toogleToolsPanel() {
-    if (this.gridApi) {
-      this.gridApi.setSideBarVisible(!this.gridApi.isSideBarVisible());
-    }
-  }
-  componentWillLoad() {
-    this.updateConfig();
-  }
-  onConfigChange() {
-    this.updateConfig();
-  }
-  connectedCallback() {
-    this.hasRestored = false;
-  }
-  disconnectedCallback() {
-    this.hasRestored = false;
-  }
-  updateConfig() {
-    var _a, _b;
-    this.hasRestored = false;
-    this.options = cloneDeep(this.config);
-    delete this.options.filter;
-    if (this.definition.kpiType === 'CampaignsPivotTableKpi') {
-      if (((_b = (_a = this.definition) === null || _a === void 0 ? void 0 : _a.gridColumnOrder) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-        const groupingColumns = this.definition.gridColumnOrder.filter((c) => c.startsWith('ag-Grid-AutoColumn'));
-        const otherColumns = this.definition.gridColumnOrder.filter((c) => !c.startsWith('ag-Grid-AutoColumn'));
-        this.definition.gridColumnOrder = [...groupingColumns, ...otherColumns];
-      }
-      this.options.rowData = this.campaignsPivotTableKpiSortRows(this.options.rowData);
-      if (this.isFullScreen) {
-        this.options.columnDefs.unshift({
-          headerName: translate('YOOBICVIEW'),
-          colId: 'viewButton',
-          groupId: 'view',
-          width: 90,
-          headerClass: 'centered',
-          cellClass: 'overflow',
-          suppressExport: true,
-          sortable: false,
-          filter: false,
-          pinned: 'left',
-          menuTabs: ['filterMenuTab'],
-          cellRenderer: getRenderer('buttonRenderer'),
-          cellRendererParams: {
-            icon: 'eye',
-            color: 'dark',
-            text: translate('YOOBICVIEW')
-          },
-          onCellClicked: (params) => {
-            let keys;
-            if (params.data && params.data._id) {
-              keys = [params.data._id];
-            }
-            else if (params && params.node && params.node.allLeafChildren) {
-              keys = params.node.allLeafChildren.map((c) => c.data._id);
-            }
-            if (keys && keys.length > 0) {
-              // if (isWeb(this.host)) {
-              //    this.rowDoubleClick.emit(keys);
-              // } else {
-              this.rowClick.emit(keys);
-              // }
-            }
-            return false;
-          }
-        });
-      }
-      assign(this.options, {
-        pivotMode: this.definition.gridPivotMode,
-        gridPivotHeaderHeight: this.definition.gridPivotHeaderHeight,
-        onModelUpdated: () => this.onGridModelUpdated()
-      });
-    }
-    else {
-      this.options.rowHeight = 44;
-    }
-    this.options.onGridReady = (event) => {
-      this.gridApi = event.api;
-      this.columnApi = event.columnApi;
-      this.hasRestored = false;
-      this.onGridRestore(true);
-    };
-    this.options.onColumnResized = () => this.onGridModelUpdated();
-    this.options.onColumnMoved = () => this.onGridModelUpdated();
-    this.options.onColumnVisible = () => this.onGridModelUpdated();
-    this.options.onColumnPinned = () => this.onGridModelUpdated();
-  }
-  onGridRestore(setColumns) {
-    var _a;
-    if (this.definition.gridState && this.options && this.columnApi) {
-      if (this.isFullScreen) {
-        this.definition.gridState = this.definition.gridState || [];
-        this.definition.gridState = this.definition.gridState.filter((f) => f.colId !== 'viewButton');
-        this.definition.gridState.unshift({ colId: 'viewButton', hide: false });
-      }
-      this.columnApi.applyColumnState({ state: this.definition.gridState, applyOrder: true });
-    }
-    else if (setColumns && this.definition.kpiType === 'CampaignsPivotTableKpi') {
-      this.campaignsPivotTableKpiSetColumns();
-    }
-    if (this.definition.gridFilters && this.gridApi) {
-      this.gridApi.setFilterModel(this.definition.gridFilters);
-    }
-    if (((_a = this.definition.gridColumnOrder) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.columnApi.moveColumns(this.definition.gridColumnOrder, 0);
-    }
-    // if (this.definition.gridSorts && this.gridApi) {
-    //   this.gridApi.setSortModel(this.definition.gridSorts);
-    // }
-    this.hasRestored = true;
-  }
-  campaignsPivotTableKpiSortRows(rows) {
-    const sorts = [];
-    for (let i = 1; i <= 5; i++) {
-      const columnName = 'tagGroup' + i;
-      if (this.definition.kpiFormValues[columnName]) {
-        sorts.push(columnName);
-      }
-    }
-    if (sorts.length > 0) {
-      return sortBy(rows, sorts);
-    }
-    else {
-      return rows;
-    }
-  }
-  campaignsPivotTableKpiSetColumns() {
-    if (!this.options || !this.columnApi) {
-      return;
-    }
-    for (let i = 1; i <= 5; i++) {
-      const columnName = 'tagGroup' + i;
-      if (this.definition.kpiFormValues[columnName]) {
-        this.columnApi.addRowGroupColumn(columnName);
-      }
-    }
-    this.columnApi.addValueColumn('progress');
-    this.columnApi.addValueColumn('validationprogress');
-    this.columnApi.addValueColumn('conformityprogress');
-    this.columnApi.addValueColumn('conformityrelativeprogress');
-    let col = this.columnApi.getColumn('status');
-    if (col) {
-      this.columnApi.setColumnAggFunc(col, 'countValues');
-      this.columnApi.addValueColumn('status');
-    }
-    col = this.columnApi.getColumn('validated');
-    if (col) {
-      this.columnApi.setColumnAggFunc(col, 'countValues');
-      this.columnApi.addValueColumn('validated');
-    }
-    col = this.columnApi.getColumn('score');
-    if (col) {
-      this.columnApi.setColumnAggFunc(col, 'avg');
-      this.columnApi.addValueColumn('score');
-    }
-    this.columnApi.autoSizeAllColumns();
-  }
-  onGridModelUpdated() {
-    if (!this.gridApi || !this.hasRestored) {
-      return;
-    }
-    const gridState = this.columnApi.getColumnState();
-    const gridColumnOrder = this.columnApi.getAllDisplayedColumns().map((column) => column.getColId());
-    const pivotMode = this.columnApi.isPivotMode();
-    const filters = this.gridApi.getFilterModel();
-    if (!gridState) {
-      return;
-    }
-    const isStateChange = !isEqual(gridState.map((s) => {
-      if (!s.pinned) {
-        delete s.pinned;
-      }
-      return s;
-    }), (this.definition.gridState || []).map((s) => {
-      if (!s.pinned) {
-        delete s.pinned;
-      }
-      return s;
-    }));
-    const isFiltersChange = !isEqual(this.definition.gridFilters, filters);
-    const isPivotChange = this.definition.gridPivotMode !== pivotMode;
-    if (isStateChange || isPivotChange || isFiltersChange) {
-      this.definition.gridState = gridState;
-      this.definition.gridPivotMode = pivotMode;
-      this.definition.gridFilters = filters;
-      this.definition.gridColumnOrder = gridColumnOrder;
-      this.onEditedDebounce();
-    }
-  }
-  onEdited() {
-    this.edited.emit({ ...this.definition });
-  }
-  render() {
-    return this.options ? (h("div", { class: "flex container" }, h("yoo-ag-grid", { class: this.gridClass || '', gridClass: this.gridClass || '', ref: (el) => (this.agGrid = el), config: this.options }))) : null;
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "config": ["onConfigChange"]
-  }; }
-};
-YooPivotTableComponent.style = pivotTableCss;
-
-export { YooPivotTableComponent as yoo_pivot_table };