@pezkuwi/vue-identicon 3.16.6

package/build/bundle-pezkuwi-vue-identicon.js

@@ -0,0 +1,887 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@pezkuwi/util'), require('@pezkuwi/util-crypto')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'vue', '@pezkuwi/util', '@pezkuwi/util-crypto'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.pezkuwiVueIdenticon = {}, global.Vue, global.pezkuwiUtil, global.pezkuwiUtilCrypto));
+})(this, (function (exports, vue, util, utilCrypto) { 'use strict';
+
+    const global = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : window;
+
+    var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+    const COLORS = [
+        '#ffe119', '#4363d8', '#f58231', '#fabebe', '#e6beff', '#800000', '#000075', '#a9a9a9', '#ffffff', '#000000'
+    ];
+    const SHAPE_COUNT = 5;
+
+    const SVG_NS = 'http://www.w3.org/2000/svg';
+    function svg(type) {
+        return document.createElementNS(SVG_NS, type);
+    }
+
+    function circle$1(r, cx, cy) {
+        const elem = svg('circle');
+        elem.setAttributeNS('', 'cx', `${cx}`);
+        elem.setAttributeNS('', 'cy', `${cy}`);
+        elem.setAttributeNS('', 'r', `${r}`);
+        return elem;
+    }
+
+    function circle(seeder, fill, diameter, count) {
+        const center = diameter / 2;
+        const angle = seeder() * 360;
+        const radius = (((SHAPE_COUNT - count) / SHAPE_COUNT) * (diameter / 2)) + ((diameter / 8) * seeder());
+        const offset = (diameter / 4) * (seeder() + ((count + 1) / SHAPE_COUNT));
+        const cx = (offset * Math.sin(angle)) + center;
+        const cy = (offset * Math.cos(angle)) + center;
+        const svg = circle$1(radius, cx, cy);
+        svg.setAttributeNS('', 'fill', fill);
+        return svg;
+    }
+
+    function element(size, type = 'svg', x = 0, y = 0) {
+        const elem = svg(type);
+        elem.setAttributeNS('', 'x', `${x}`);
+        elem.setAttributeNS('', 'y', `${y}`);
+        elem.setAttributeNS('', 'width', `${size}`);
+        elem.setAttributeNS('', 'height', `${size}`);
+        return elem;
+    }
+
+    var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return "string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return (r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return {r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return {r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return {h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return {r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return {h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return {h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e;},c=function(r){return {h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u;},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return {h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n<t.length;n++){var e=t[n][0](r);if(e)return [e,t[n][1]]}return [null,void 0]},x=function(r){return "string"==typeof r?N(r.trim(),y.string):"object"==typeof r&&null!==r?N(r,y.object):[null,void 0]},M=function(r,t){var n=c(r);return {h:n.h,s:e(n.s+100*t,0,100),l:n.l,a:n.a}},H=function(r){return (299*r.r+587*r.g+114*r.b)/1e3/255},$=function(r,t){var n=c(r);return {h:n.h,s:n.s,l:e(n.l+100*t,0,100),a:n.a}},j=function(){function r(r){this.parsed=x(r)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1};}return r.prototype.isValid=function(){return null!==this.parsed},r.prototype.brightness=function(){return n(H(this.rgba),2)},r.prototype.isDark=function(){return H(this.rgba)<.5},r.prototype.isLight=function(){return H(this.rgba)>=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i;},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u;},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u;},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r;},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r;},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return "number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t;},r.prototype.hue=function(r){var t=c(this.rgba);return "number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)};
+
+    const WOBBLE = 30;
+    function colors(seeder) {
+        const amount = (seeder() * WOBBLE) - (WOBBLE / 2);
+        const all = COLORS.map((hex) => w(hex).rotate(amount));
+        return (alpha = 1) => {
+            const index = Math.floor(all.length * seeder());
+            return all.splice(index, 1)[0]
+                .alpha(alpha)
+                .toHslString();
+        };
+    }
+
+    function container(diameter, background = 'white', className = '', _style = {}) {
+        const element = document.createElement('div');
+        const style = Object.assign({
+            background,
+            borderRadius: `${diameter / 2}px`,
+            display: 'inline-block',
+            height: `${diameter}px`,
+            margin: '0px',
+            overflow: 'hidden',
+            padding: '0px',
+            width: `${diameter}px`
+        }, _style);
+        element.className = className;
+        element.style.background = background;
+        Object.keys(style).forEach((key) => {
+            element.style[key] = style[key];
+        });
+        return element;
+    }
+
+    const DIVISOR = 256 * 256;
+    function seeder(_seed = new Uint8Array(32)) {
+        const seed = util.isU8a(_seed)
+            ? _seed
+            : util.stringToU8a(_seed);
+        let index = (seed[Math.floor(seed.length / 2)] % seed.length) - 1;
+        const next = () => {
+            index += 1;
+            if (index === seed.length) {
+                index = 0;
+            }
+            return seed[index];
+        };
+        return () => {
+            return ((next() * 256) + next()) / DIVISOR;
+        };
+    }
+
+    function beachballIcon(seed, { size = 256 }, className = '', style) {
+        const seeder$1 = seeder(seed);
+        const colorGen = colors(seeder$1);
+        const outer = container(size, 'white', className, style);
+        const container$1 = container(size, colorGen());
+        const svg = element(size);
+        outer.appendChild(container$1);
+        container$1.appendChild(svg);
+        for (let count = 0; count < SHAPE_COUNT; count++) {
+            const fill = colorGen();
+            const shape = circle(seeder$1, fill, size, count);
+            svg.appendChild(shape);
+        }
+        return outer;
+    }
+
+    const S = 64;
+    const C = S / 2;
+    const Z = S / 64 * 5;
+    const SCHEMES = [
+         { colors: [0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 1], freq: 1 },
+         { colors: [0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 5], freq: 20 },
+         { colors: [1, 2, 3, 1, 2, 4, 5, 5, 4, 1, 2, 3, 1, 2, 4, 5, 5, 4, 0], freq: 16 },
+         { colors: [0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 3], freq: 32 },
+         { colors: [0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 6], freq: 32 },
+         { colors: [0, 1, 2, 3, 4, 5, 3, 4, 2, 0, 1, 6, 7, 8, 9, 7, 8, 6, 10], freq: 128 },
+         { colors: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 8, 6, 7, 5, 3, 4, 2, 11], freq: 128 }
+    ];
+    const SCHEMES_TOTAL = SCHEMES
+        .map((s) => s.freq)
+        .reduce((a, b) => a + b);
+    const OUTER_CIRCLE = {
+        cx: C,
+        cy: C,
+        fill: '#eee',
+        r: C
+    };
+    let zeroHash = new Uint8Array();
+    function getRotation(isSixPoint) {
+        const r = isSixPoint
+            ? (C / 8 * 5)
+            : (C / 4 * 3);
+        const rroot3o2 = r * Math.sqrt(3) / 2;
+        const ro2 = r / 2;
+        const rroot3o4 = r * Math.sqrt(3) / 4;
+        const ro4 = r / 4;
+        const r3o4 = r * 3 / 4;
+        return { r, r3o4, ro2, ro4, rroot3o2, rroot3o4 };
+    }
+    function getCircleXY(isSixPoint = false) {
+        const { r, r3o4, ro2, ro4, rroot3o2, rroot3o4 } = getRotation(isSixPoint);
+        return [
+            [C, C - r],
+            [C, C - ro2],
+            [C - rroot3o4, C - r3o4],
+            [C - rroot3o2, C - ro2],
+            [C - rroot3o4, C - ro4],
+            [C - rroot3o2, C],
+            [C - rroot3o2, C + ro2],
+            [C - rroot3o4, C + ro4],
+            [C - rroot3o4, C + r3o4],
+            [C, C + r],
+            [C, C + ro2],
+            [C + rroot3o4, C + r3o4],
+            [C + rroot3o2, C + ro2],
+            [C + rroot3o4, C + ro4],
+            [C + rroot3o2, C],
+            [C + rroot3o2, C - ro2],
+            [C + rroot3o4, C - ro4],
+            [C + rroot3o4, C - r3o4],
+            [C, C]
+        ];
+    }
+    function findScheme(d) {
+        let cum = 0;
+        const schema = SCHEMES.find((schema) => {
+            cum += schema.freq;
+            return d < cum;
+        });
+        if (!schema) {
+            throw new Error('Unable to find schema');
+        }
+        return schema;
+    }
+    function addressToId(address) {
+        if (!zeroHash.length) {
+            zeroHash = utilCrypto.blake2AsU8a(new Uint8Array(32), 512);
+        }
+        return utilCrypto.blake2AsU8a(utilCrypto.decodeAddress(address), 512).map((x, i) => (x + 256 - zeroHash[i]) % 256);
+    }
+    function getColors(address) {
+        const id = addressToId(address);
+        const d = Math.floor((id[30] + id[31] * 256) % SCHEMES_TOTAL);
+        const rot = (id[28] % 6) * 3;
+        const sat = (Math.floor(id[29] * 70 / 256 + 26) % 80) + 30;
+        const scheme = findScheme(d);
+        const palette = Array.from(id).map((x, i) => {
+            const b = (x + i % 28 * 58) % 256;
+            if (b === 0) {
+                return '#444';
+            }
+            else if (b === 255) {
+                return 'transparent';
+            }
+            const h = Math.floor(b % 64 * 360 / 64);
+            const l = [53, 15, 35, 75][Math.floor(b / 64)];
+            return `hsl(${h}, ${sat}%, ${l}%)`;
+        });
+        return scheme.colors.map((_, i) => palette[scheme.colors[i < 18 ? (i + rot) % 18 : 18]]);
+    }
+    function polkadotIcon(address, { isAlternative }) {
+        const xy = getCircleXY(isAlternative);
+        let colors;
+        try {
+            colors = getColors(address);
+        }
+        catch {
+            colors = new Array(xy.length).fill('#ddd');
+        }
+        return [OUTER_CIRCLE].concat(xy.map(([cx, cy], index) => ({
+            cx, cy, fill: colors[index], r: Z
+        })));
+    }
+
+    const Beachball = vue.defineComponent({
+        props: ['address', 'size', 'isAlternative'],
+        render() {
+            const { address, isAlternative, size } = this.$props;
+            return vue.h({
+                template: beachballIcon(address, {
+                    isAlternative,
+                    size
+                }).outerHTML
+            });
+        }
+    });
+
+    const Empty = vue.defineComponent({
+        props: ['size'],
+        template: `
+    <svg :height="size" :width="size" viewBox="0 0 64 64">
+      <circle cx="50%" cy="50%" fill="#eee" r="50%" />
+    </svg>
+  `
+    });
+
+    function parseHex(hash, startPosition, octets) {
+        return parseInt(hash.substr(startPosition, octets), 16);
+    }
+    function decToHex(v) {
+        v |= 0;
+        return v < 0 ? "00" :
+            v < 16 ? "0" + v.toString(16) :
+            v < 256 ? v.toString(16) :
+            "ff";
+    }
+    function hueToRgb(m1, m2, h) {
+        h = h < 0 ? h + 6 : h > 6 ? h - 6 : h;
+        return decToHex(255 * (
+            h < 1 ? m1 + (m2 - m1) * h :
+            h < 3 ? m2 :
+            h < 4 ? m1 + (m2 - m1) * (4 - h) :
+            m1));
+    }
+    function parseColor(color) {
+        if (/^#[0-9a-f]{3,8}$/i.test(color)) {
+            let result;
+            const colorLength = color.length;
+            if (colorLength < 6) {
+                const r = color[1],
+                      g = color[2],
+                      b = color[3],
+                      a = color[4] || "";
+                result = "#" + r + r + g + g + b + b + a + a;
+            }
+            if (colorLength == 7 || colorLength > 8) {
+                result = color;
+            }
+            return result;
+        }
+    }
+    function hsl(hue, saturation, lightness) {
+        let result;
+        if (saturation == 0) {
+            const partialHex = decToHex(lightness * 255);
+            result = partialHex + partialHex + partialHex;
+        }
+        else {
+            const m2 = lightness <= 0.5 ? lightness * (saturation + 1) : lightness + saturation - lightness * saturation,
+                  m1 = lightness * 2 - m2;
+            result =
+                hueToRgb(m1, m2, hue * 6 + 2) +
+                hueToRgb(m1, m2, hue * 6) +
+                hueToRgb(m1, m2, hue * 6 - 2);
+        }
+        return "#" + result;
+    }
+    function correctedHsl(hue, saturation, lightness) {
+        const correctors = [ 0.55, 0.5, 0.5, 0.46, 0.6, 0.55, 0.55 ],
+              corrector = correctors[(hue * 6 + 0.5) | 0];
+        lightness = lightness < 0.5 ? lightness * corrector * 2 : corrector + (lightness - 0.5) * (1 - corrector) * 2;
+        return hsl(hue, saturation, lightness);
+    }
+    const GLOBAL =
+        typeof window !== "undefined" ? window :
+        typeof self !== "undefined" ? self :
+        typeof global !== "undefined" ? global :
+        {};
+    const CONFIG_PROPERTIES = {
+        V: "jdenticon_config",
+        n: "config",
+    };
+    var rootConfigurationHolder = {};
+    function getConfiguration(paddingOrLocalConfig, defaultPadding) {
+        const configObject =
+                rootConfigurationHolder[CONFIG_PROPERTIES.n] ||
+                GLOBAL[CONFIG_PROPERTIES.V] ||
+                { },
+            lightnessConfig = configObject["lightness"] || { },
+            saturation = configObject["saturation"] || { },
+            colorSaturation = "color" in saturation ? saturation["color"] : saturation,
+            grayscaleSaturation = saturation["grayscale"],
+            backColor = configObject["backColor"],
+            padding = configObject["padding"];
+        function lightness(configName, defaultRange) {
+            let range = lightnessConfig[configName];
+            if (!(range && range.length > 1)) {
+                range = defaultRange;
+            }
+            return function (value) {
+                value = range[0] + value * (range[1] - range[0]);
+                return value < 0 ? 0 : value > 1 ? 1 : value;
+            };
+        }
+        function hueFunction(originalHue) {
+            const hueConfig = configObject["hues"];
+            let hue;
+            if (hueConfig && hueConfig.length > 0) {
+                hue = hueConfig[0 | (0.999 * originalHue * hueConfig.length)];
+            }
+            return typeof hue == "number" ?
+                ((((hue / 360) % 1) + 1) % 1) :
+                originalHue;
+        }
+        return {
+            W: hueFunction,
+            o: typeof colorSaturation == "number" ? colorSaturation : 0.5,
+            D: typeof grayscaleSaturation == "number" ? grayscaleSaturation : 0,
+            p: lightness("color", [0.4, 0.8]),
+            F: lightness("grayscale", [0.3, 0.9]),
+            G: parseColor(backColor),
+            X:
+                typeof padding == "number" ? padding :
+                defaultPadding
+        }
+    }
+    class Point {
+        constructor(x, y) {
+            this.x = x;
+            this.y = y;
+        }
+    }
+    class Transform {
+        constructor(x, y, size, rotation) {
+            this.q = x;
+            this.t = y;
+            this.H = size;
+            this.Y = rotation;
+        }
+        I(x, y, w, h) {
+            const right = this.q + this.H,
+                  bottom = this.t + this.H,
+                  rotation = this.Y;
+            return rotation === 1 ? new Point(right - y - (h || 0), this.t + x) :
+                   rotation === 2 ? new Point(right - x - (w || 0), bottom - y - (h || 0)) :
+                   rotation === 3 ? new Point(this.q + y, bottom - x - (w || 0)) :
+                   new Point(this.q + x, this.t + y);
+        }
+    }
+    const NO_TRANSFORM = new Transform(0, 0, 0, 0);
+    class Graphics {
+        constructor(renderer) {
+            this.J = renderer;
+            this.u = NO_TRANSFORM;
+        }
+        g(points, invert) {
+            const di = invert ? -2 : 2,
+                  transformedPoints = [];
+            for (let i = invert ? points.length - 2 : 0; i < points.length && i >= 0; i += di) {
+                transformedPoints.push(this.u.I(points[i], points[i + 1]));
+            }
+            this.J.g(transformedPoints);
+        }
+        h(x, y, size, invert) {
+            const p = this.u.I(x, y, size, size);
+            this.J.h(p, size, invert);
+        }
+        i(x, y, w, h, invert) {
+            this.g([
+                x, y,
+                x + w, y,
+                x + w, y + h,
+                x, y + h
+            ], invert);
+        }
+        j(x, y, w, h, r, invert) {
+            const points = [
+                x + w, y,
+                x + w, y + h,
+                x, y + h,
+                x, y
+            ];
+            points.splice(((r || 0) % 4) * 2, 2);
+            this.g(points, invert);
+        }
+        K(x, y, w, h, invert) {
+            this.g([
+                x + w / 2, y,
+                x + w, y + h / 2,
+                x + w / 2, y + h,
+                x, y + h / 2
+            ], invert);
+        }
+    }
+    function centerShape(index, g, cell, positionIndex) {
+        index = index % 14;
+        let k, m, w, h, inner, outer;
+        !index ? (
+            k = cell * 0.42,
+            g.g([
+                0, 0,
+                cell, 0,
+                cell, cell - k * 2,
+                cell - k, cell,
+                0, cell
+            ])) :
+        index == 1 ? (
+            w = 0 | (cell * 0.5),
+            h = 0 | (cell * 0.8),
+            g.j(cell - w, 0, w, h, 2)) :
+        index == 2 ? (
+            w = 0 | (cell / 3),
+            g.i(w, w, cell - w, cell - w)) :
+        index == 3 ? (
+            inner = cell * 0.1,
+            outer =
+                cell < 6 ? 1 :
+                cell < 8 ? 2 :
+                (0 | (cell * 0.25)),
+            inner =
+                inner > 1 ? (0 | inner) :
+                inner > 0.5 ? 1 :
+                inner,
+            g.i(outer, outer, cell - inner - outer, cell - inner - outer)) :
+        index == 4 ? (
+            m = 0 | (cell * 0.15),
+            w = 0 | (cell * 0.5),
+            g.h(cell - w - m, cell - w - m, w)) :
+        index == 5 ? (
+            inner = cell * 0.1,
+            outer = inner * 4,
+            outer > 3 && (outer = 0 | outer),
+            g.i(0, 0, cell, cell),
+            g.g([
+                outer, outer,
+                cell - inner, outer,
+                outer + (cell - outer - inner) / 2, cell - inner
+            ], true)) :
+        index == 6 ?
+            g.g([
+                0, 0,
+                cell, 0,
+                cell, cell * 0.7,
+                cell * 0.4, cell * 0.4,
+                cell * 0.7, cell,
+                0, cell
+            ]) :
+        index == 7 ?
+            g.j(cell / 2, cell / 2, cell / 2, cell / 2, 3) :
+        index == 8 ? (
+            g.i(0, 0, cell, cell / 2),
+            g.i(0, cell / 2, cell / 2, cell / 2),
+            g.j(cell / 2, cell / 2, cell / 2, cell / 2, 1)) :
+        index == 9 ? (
+            inner = cell * 0.14,
+            outer =
+                cell < 4 ? 1 :
+                cell < 6 ? 2 :
+                (0 | (cell * 0.35)),
+            inner =
+                cell < 8 ? inner :
+                (0 | inner),
+            g.i(0, 0, cell, cell),
+            g.i(outer, outer, cell - outer - inner, cell - outer - inner, true)) :
+        index == 10 ? (
+            inner = cell * 0.12,
+            outer = inner * 3,
+            g.i(0, 0, cell, cell),
+            g.h(outer, outer, cell - inner - outer, true)) :
+        index == 11 ?
+            g.j(cell / 2, cell / 2, cell / 2, cell / 2, 3) :
+        index == 12 ? (
+            m = cell * 0.25,
+            g.i(0, 0, cell, cell),
+            g.K(m, m, cell - m, cell - m, true)) :
+        (
+            !positionIndex && (
+                m = cell * 0.4, w = cell * 1.2,
+                g.h(m, m, w)
+            )
+        );
+    }
+    function outerShape(index, g, cell) {
+        index = index % 4;
+        let m;
+        !index ?
+            g.j(0, 0, cell, cell, 0) :
+        index == 1 ?
+            g.j(0, cell / 2, cell, cell / 2, 0) :
+        index == 2 ?
+            g.K(0, 0, cell, cell) :
+        (
+            m = cell / 6,
+            g.h(m, m, cell - 2 * m)
+        );
+    }
+    function colorTheme(hue, config) {
+        hue = config.W(hue);
+        return [
+            correctedHsl(hue, config.D, config.F(0)),
+            correctedHsl(hue, config.o, config.p(0.5)),
+            correctedHsl(hue, config.D, config.F(1)),
+            correctedHsl(hue, config.o, config.p(1)),
+            correctedHsl(hue, config.o, config.p(0))
+        ];
+    }
+    function iconGenerator(renderer, hash, config) {
+        const parsedConfig = getConfiguration(config, 0.08);
+        if (parsedConfig.G) {
+            renderer.m(parsedConfig.G);
+        }
+        let size = renderer.k;
+        const padding = (0.5 + size * parsedConfig.X) | 0;
+        size -= padding * 2;
+        const graphics = new Graphics(renderer);
+        const cell = 0 | (size / 4);
+        const x = 0 | (padding + size / 2 - cell * 2);
+        const y = 0 | (padding + size / 2 - cell * 2);
+        function renderShape(colorIndex, shapes, index, rotationIndex, positions) {
+            const shapeIndex = parseHex(hash, index, 1);
+            let r = rotationIndex ? parseHex(hash, rotationIndex, 1) : 0;
+            renderer.L(availableColors[selectedColorIndexes[colorIndex]]);
+            for (let i = 0; i < positions.length; i++) {
+                graphics.u = new Transform(x + positions[i][0] * cell, y + positions[i][1] * cell, cell, r++ % 4);
+                shapes(shapeIndex, graphics, cell, i);
+            }
+            renderer.M();
+        }
+        const hue = parseHex(hash, -7) / 0xfffffff,
+              availableColors = colorTheme(hue, parsedConfig),
+              selectedColorIndexes = [];
+        let index;
+        function isDuplicate(values) {
+            if (values.indexOf(index) >= 0) {
+                for (let i = 0; i < values.length; i++) {
+                    if (selectedColorIndexes.indexOf(values[i]) >= 0) {
+                        return true;
+                    }
+                }
+            }
+        }
+        for (let i = 0; i < 3; i++) {
+            index = parseHex(hash, 8 + i, 1) % availableColors.length;
+            if (isDuplicate([0, 4]) ||
+                isDuplicate([2, 3])) {
+                index = 1;
+            }
+            selectedColorIndexes.push(index);
+        }
+        renderShape(0, outerShape, 2, 3, [[1, 0], [2, 0], [2, 3], [1, 3], [0, 1], [3, 1], [3, 2], [0, 2]]);
+        renderShape(1, outerShape, 4, 5, [[0, 0], [3, 0], [3, 3], [0, 3]]);
+        renderShape(2, centerShape, 1, null, [[1, 1], [2, 1], [2, 2], [1, 2]]);
+        renderer.finish();
+    }
+    function sha1(message) {
+        const HASH_SIZE_HALF_BYTES = 40;
+        const BLOCK_SIZE_WORDS = 16;
+        var i = 0,
+            f = 0,
+            urlEncodedMessage = encodeURI(message) + "%80",
+            data = [],
+            dataSize,
+            hashBuffer = [],
+            a = 0x67452301,
+            b = 0xefcdab89,
+            c = ~a,
+            d = ~b,
+            e = 0xc3d2e1f0,
+            hash = [a, b, c, d, e],
+            blockStartIndex = 0,
+            hexHash = "";
+        function rotl(value, shift) {
+            return (value << shift) | (value >>> (32 - shift));
+        }
+        for ( ; i < urlEncodedMessage.length; f++) {
+            data[f >> 2] = data[f >> 2] |
+                (
+                    (
+                        urlEncodedMessage[i] == "%"
+                            ? parseInt(urlEncodedMessage.substring(i + 1, i += 3), 16)
+                            : urlEncodedMessage.charCodeAt(i++)
+                    )
+                    << ((3 - (f & 3)) * 8)
+                );
+        }
+        dataSize = (((f + 7) >> 6) + 1) * BLOCK_SIZE_WORDS;
+        data[dataSize - 1] = f * 8 - 8;
+        for ( ; blockStartIndex < dataSize; blockStartIndex += BLOCK_SIZE_WORDS) {
+            for (i = 0; i < 80; i++) {
+                f = rotl(a, 5) + e + (
+                        i < 20 ? ((b & c) ^ ((~b) & d)) + 0x5a827999 :
+                        i < 40 ? (b ^ c ^ d) + 0x6ed9eba1 :
+                        i < 60 ? ((b & c) ^ (b & d) ^ (c & d)) + 0x8f1bbcdc :
+                        (b ^ c ^ d) + 0xca62c1d6
+                    ) + (
+                        hashBuffer[i] = i < BLOCK_SIZE_WORDS
+                            ? (data[blockStartIndex + i] | 0)
+                            : rotl(hashBuffer[i - 3] ^ hashBuffer[i - 8] ^ hashBuffer[i - 14] ^ hashBuffer[i - 16], 1)
+                    );
+                e = d;
+                d = c;
+                c = rotl(b, 30);
+                b = a;
+                a = f;
+            }
+            hash[0] = a = ((hash[0] + a) | 0);
+            hash[1] = b = ((hash[1] + b) | 0);
+            hash[2] = c = ((hash[2] + c) | 0);
+            hash[3] = d = ((hash[3] + d) | 0);
+            hash[4] = e = ((hash[4] + e) | 0);
+        }
+        for (i = 0; i < HASH_SIZE_HALF_BYTES; i++) {
+            hexHash += (
+                (
+                    hash[i >> 3] >>>
+                    ((7 - (i & 7)) * 4)
+                )
+                & 0xf
+            ).toString(16);
+        }
+        return hexHash;
+    }
+    function isValidHash(hashCandidate) {
+        return /^[0-9a-f]{11,}$/i.test(hashCandidate) && hashCandidate;
+    }
+    function computeHash(value) {
+        return sha1(value == null ? "" : "" + value);
+    }
+    function svgValue(value) {
+        return ((value * 10 + 0.5) | 0) / 10;
+    }
+    class SvgPath {
+        constructor() {
+            this.v = "";
+        }
+        g(points) {
+            let dataString = "";
+            for (let i = 0; i < points.length; i++) {
+                dataString += (i ? "L" : "M") + svgValue(points[i].x) + " " + svgValue(points[i].y);
+            }
+            this.v += dataString + "Z";
+        }
+        h(point, diameter, counterClockwise) {
+            const sweepFlag = counterClockwise ? 0 : 1,
+                  svgRadius = svgValue(diameter / 2),
+                  svgDiameter = svgValue(diameter),
+                  svgArc = "a" + svgRadius + "," + svgRadius + " 0 1," + sweepFlag + " ";
+            this.v +=
+                "M" + svgValue(point.x) + " " + svgValue(point.y + diameter / 2) +
+                svgArc + svgDiameter + ",0" +
+                svgArc + (-svgDiameter) + ",0";
+        }
+    }
+    class SvgRenderer {
+        constructor(target) {
+            this.A;
+            this.B = { };
+            this.N = target;
+            this.k = target.k;
+        }
+        m(fillColor) {
+            const match = /^(#......)(..)?/.exec(fillColor),
+                  opacity = match[2] ? parseHex(match[2], 0) / 255 : 1;
+            this.N.m(match[1], opacity);
+        }
+        L(color) {
+            this.A = this.B[color] || (this.B[color] = new SvgPath());
+        }
+        M() { }
+        g(points) {
+            this.A.g(points);
+        }
+        h(point, diameter, counterClockwise) {
+            this.A.h(point, diameter, counterClockwise);
+        }
+        finish() {
+            const pathsByColor = this.B;
+            for (let color in pathsByColor) {
+                if (pathsByColor.hasOwnProperty(color)) {
+                    this.N.O(color, pathsByColor[color].v);
+                }
+            }
+        }
+    }
+    const SVG_CONSTANTS = {
+        P: "http://www.w3.org/2000/svg",
+        R: "width",
+        S: "height",
+    };
+    class SvgWriter {
+        constructor(iconSize) {
+            this.k = iconSize;
+            this.C =
+                '<svg xmlns="' + SVG_CONSTANTS.P + '" width="' +
+                iconSize + '" height="' + iconSize + '" viewBox="0 0 ' +
+                iconSize + ' ' + iconSize + '">';
+        }
+        m(fillColor, opacity) {
+            if (opacity) {
+                this.C += '<rect width="100%" height="100%" fill="' +
+                    fillColor + '" opacity="' + opacity.toFixed(2) + '"/>';
+            }
+        }
+        O(color, dataString) {
+            this.C += '<path fill="' + color + '" d="' + dataString + '"/>';
+        }
+        toString() {
+            return this.C + "</svg>";
+        }
+    }
+    function toSvg(hashOrValue, size, config) {
+        const writer = new SvgWriter(size);
+        iconGenerator(new SvgRenderer(writer),
+            isValidHash(hashOrValue) || computeHash(hashOrValue),
+            config);
+        return writer.toString();
+    }
+    (
+        typeof document !== "undefined" && document.querySelectorAll.bind(document));
+
+    const Jdenticon = vue.defineComponent({
+        props: ['publicKey', 'size'],
+        render() {
+            const { publicKey, size } = this.$props;
+            return vue.h({
+                template: toSvg(publicKey.substring(2), size)
+            });
+        }
+    });
+
+    const isV3 = vue.version.startsWith('3.');
+    function adaptVNodeAttrs(data) {
+        return isV3
+            ? data
+            : { attrs: data };
+    }
+
+    const Polkadot = vue.defineComponent({
+        props: ['address', 'isAlternative', 'size'],
+        render() {
+            const { address, isAlternative, size } = this.$props;
+            const circles = polkadotIcon(address, { isAlternative }).map(({ cx, cy, fill, r }) => vue.h('circle', { ...adaptVNodeAttrs({ cx, cy, fill, r }) }, []));
+            return vue.h('svg', {
+                ...adaptVNodeAttrs({
+                    height: size,
+                    viewBox: '0 0 64 64',
+                    width: size
+                })
+            }, circles);
+        }
+    });
+
+    const DEFAULT_SIZE = 64;
+    function resolvePublicKey(value, prefix) {
+        if (util.isHex(value) && utilCrypto.isEthereumAddress(value)) {
+            return value.padEnd(66, '0');
+        }
+        return util.isU8a(value) || util.isHex(value)
+            ? utilCrypto.encodeAddress(value, prefix)
+            : value;
+    }
+    function encodeAccount(value, prefix) {
+        try {
+            const address = resolvePublicKey(value, prefix);
+            const publicKey = util.u8aToHex(utilCrypto.decodeAddress(address, false, prefix));
+            return { address, publicKey };
+        }
+        catch {
+            return { address: '', publicKey: '0x' };
+        }
+    }
+    const Identicon = vue.defineComponent({
+        components: {
+            Beachball,
+            Empty,
+            Jdenticon,
+            Polkadot
+        },
+        created: function () {
+            this.createData();
+        },
+        data: function () {
+            return {
+                address: '',
+                iconSize: DEFAULT_SIZE,
+                isAlternativeIcon: false,
+                publicKey: '0x',
+                type: 'empty'
+            };
+        },
+        methods: {
+            createData: function () {
+                this.iconSize = this.size || DEFAULT_SIZE;
+                this.type = this.theme;
+                this.isAlternativeIcon = this.isAlternative || false;
+                this.recodeAddress();
+            },
+            recodeAddress: function () {
+                const { address, publicKey } = encodeAccount(this.value);
+                this.address = address;
+                this.publicKey = publicKey;
+            }
+        },
+        props: ['prefix', 'isAlternative', 'size', 'theme', 'value'],
+        render() {
+            const { address, iconSize, isAlternativeIcon, publicKey, type } = this.$data;
+            if (type === 'empty') {
+                return vue.h(Empty, {
+                    ...adaptVNodeAttrs({
+                        key: address,
+                        size: iconSize
+                    })
+                }, []);
+            }
+            else if (type === 'jdenticon') {
+                return vue.h(Jdenticon, {
+                    ...adaptVNodeAttrs({
+                        key: address,
+                        publicKey,
+                        size: iconSize
+                    })
+                }, []);
+            }
+            else if (type === 'substrate') {
+                throw new Error('substrate type is not supported');
+            }
+            const cmp = type.charAt(0).toUpperCase() + type.slice(1);
+            if (['Beachball', 'Polkadot'].includes(cmp)) {
+                const component = cmp === 'Beachball'
+                    ? Beachball
+                    : Polkadot;
+                return vue.h(component, {
+                    ...adaptVNodeAttrs({
+                        address,
+                        isAlternative: isAlternativeIcon,
+                        key: address,
+                        size: iconSize
+                    })
+                }, []);
+            }
+            else {
+                return vue.h(cmp, {}, []);
+            }
+        },
+        watch: {
+            value: function () {
+                this.recodeAddress();
+            }
+        }
+    });
+
+    const packageInfo = { name: '@pezkuwi/vue-identicon', path: (({ url: (typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href)) }) && (typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))) ? new URL((typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))).pathname.substring(0, new URL((typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))).pathname.lastIndexOf('/') + 1) : 'auto', type: 'esm', version: '3.16.6' };
+
+    exports.Identicon = Identicon;
+    exports.packageInfo = packageInfo;
+
+}));