npm - inline-style-editor - Versions diffs - 1.0.0 - Mend

inline-style-editor 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/.vscode/launch.json +14 -0
package/README.md +45 -0
package/dist/inline-style-editor.css +1 -0
package/dist/inline-style-editor.js +8 -0
package/dist/inline-style-editor.mjs +5626 -0
package/docs/index.html +353 -0
package/docs/inline-style-editor.css +1 -0
package/docs/inline-style-editor.js +8 -0
package/package.json +38 -0
package/rollup.config.js +40 -0
package/src/assets/index.scss +2 -0
package/src/assets/style.scss +144 -0
package/src/components/ColorPicker.svelte +52 -0
package/src/components/StyleEditor.svelte +379 -0
package/src/index.js +7 -0
package/src/util/boxesContour.js +82 -0
package/src/util/fonts.js +20 -0
package/src/util/path.js +47 -0
package/stats.html +4034 -0
package/stats.json +1 -0

package/.vscode/launch.json ADDED Viewed

@@ -0,0 +1,14 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "attach",
+            "name": "Attach",
+            "port": 5858
+    }
+    ]
+}

package/README.md ADDED Viewed

@@ -0,0 +1,45 @@
+# inline-style-editor
+Tool to graphically change CSS (on classes of inline) using a graphical interface.
+See demo.
+## Install
+## Usage
+Manual opening of editor:
+```js
+const editor = new InlineStyleEditor();
+document.body.addEventListener('click', (e) => {
+    const target = e.target;
+    editor.open(target, e.pageX, e.pageY);
+});
+```
+Or automatic (in which case it automatically listen to the <body> element for clicks):
+```js
+new InlineStyleEditor({
+  listenOnClick: true,
+});
+```
+### Options
+| option        | type           | Description  |
+| ------------- |:-------------:| -----:|
+| listenOnClick      | Boolean | Default to false. If true, click events will be listened on the <body> element, and the editor opened where clicked |
+| getAdditionalElems      | Function      |   A function called everytime the editor is opened. Should return a *list* of HTMLElement, that will be editable as well |
+### Suported css properties
+- border-radius
+- border-width
+- border-style
+- border-color
+- font-family
+- font-size
+- font-weight
+- color
+- stroke-width
+- stroke
+- fill
+- stroke-dasharray
+- background-color

package/dist/inline-style-editor.css ADDED Viewed

@@ -0,0 +1 @@

+ .picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}.layout_default.picker_wrapper{background:none;box-shadow:none;width:17em}.layout_default.picker_wrapper .picker_done{display:none}.layout_default.picker_wrapper .picker_slider,.layout_default.picker_wrapper .picker_selector{padding:.5em}.layout_default.picker_wrapper .picker_editor input{font-size:.7rem}.ise{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;z-index:9999999;position:absolute;background-color:#edf2f7;max-width:300px;border-radius:5px;box-shadow:0px 8px 17px 2px rgba(0,0,0,.4862745098)}.ise select{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:inherit;font-family:inherit;padding:.5rem;color:#212121;background:#fff;border:1px solid #d8dae1;border-radius:5px;box-shadow:none;max-width:100%;display:inline-block}.ise select:not([multiple]){background-image:linear-gradient(45deg, transparent 49%, #212121 51%),linear-gradient(135deg, #212121 51%, transparent 49%);background-position:calc(100% - 15px),calc(100% - 10px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding:5px 25px 5px 5px}.ise input[type=range]{width:100%}.ise .select-tab{display:flex;align-items:center;background-color:#edf2f7;padding:5px 0 5px 0;margin:0 10px 0 10px;border-bottom:1px solid #dee2e6}.ise .select-tab>span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:50px;padding:3px;text-align:center;color:#718096;cursor:pointer}.ise .select-tab>b{margin-right:5px;color:#5d5d5d}.ise .select-tab span.selected{border-radius:2px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);color:#0069d9;background-color:#fff}.ise .editor{padding:5px}.ise .editor .prop-section{display:flex;align-items:center;margin:5px 0}.ise .editor .prop-section>span{margin:0 5px}.ise .editor .prop-section :first-child{color:#5d5d5d;font-weight:bold}.ise .editor .btn{margin:0 5px;background-color:rgba(51,51,51,.0509803922);border-radius:4px;border:1px solid #d8dae1;color:#333;cursor:pointer;display:inline-block;padding:5px}.ise .editor .btn.active{background-color:#4d84bf}.ise .close-button{position:absolute;top:-7px;right:-7px;background-color:#dbdbdb;color:#818181;width:15px;height:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:3px}.ise-helper-wrapper{z-index:9999998;position:absolute;top:0;left:0;pointer-events:none}.ise-helper-wrapper .overlay-over{fill:rgba(0,0,0,.6274509804);clip-path:url(#overlay-clip);pointer-events:painted}

package/dist/inline-style-editor.js ADDED Viewed

@@ -0,0 +1,8 @@
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(t="undefined"!=typeof globalThis?globalThis:t||self).InlineStyleEditor=n()}(this,(function(){"use strict";function t(){}function n(t){return t()}function e(){return Object.create(null)}function r(t){t.forEach(n)}function o(t){return"function"==typeof t}function i(t,n){return t!=t?n==n:t!==n||t&&"object"==typeof t||"function"==typeof t}function l(t,n){t.appendChild(n)}function a(t,n,e){t.insertBefore(n,e||null)}function s(t){t.parentNode.removeChild(t)}function u(t,n){for(let e=0;e<t.length;e+=1)t[e]&&t[e].d(n)}function c(t){return document.createElement(t)}function f(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function h(t){return document.createTextNode(t)}function d(){return h(" ")}function p(t,n,e,r){return t.addEventListener(n,e,r),()=>t.removeEventListener(n,e,r)}function g(t,n,e){null==e?t.removeAttribute(n):t.getAttribute(n)!==e&&t.setAttribute(n,e)}function v(t,n){n=""+n,t.wholeText!==n&&(t.data=n)}function m(t,n,e){t.classList[e?"add":"remove"](n)}let y;function b(t){y=t}function _(){if(!y)throw new Error("Function called outside component initialization");return y}function w(t){_().$$.on_mount.push(t)}function S(t){_().$$.on_destroy.push(t)}const k=[],x=[],E=[],$=[],M=Promise.resolve();let C=!1;function L(t){E.push(t)}const T=new Set;let A=0;function N(){const t=y;do{for(;A<k.length;){const t=k[A];A++,b(t),O(t.$$)}for(b(null),k.length=0,A=0;x.length;)x.pop()();for(let t=0;t<E.length;t+=1){const n=E[t];T.has(n)||(T.add(n),n())}E.length=0}while(k.length);for(;$.length;)$.pop()();C=!1,T.clear(),b(t)}function O(t){if(null!==t.fragment){t.update(),r(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(L)}}const j=new Set;let H;function D(){H={r:0,c:[],p:H}}function P(){H.r||r(H.c),H=H.p}function R(t,n){t&&t.i&&(j.delete(t),t.i(n))}function B(t,n,e,r){if(t&&t.o){if(j.has(t))return;j.add(t),H.c.push((()=>{j.delete(t),r&&(e&&t.d(1),r())})),t.o(n)}else r&&r()}function I(t,e,i,l){const{fragment:a,on_mount:s,on_destroy:u,after_update:c}=t.$$;a&&a.m(e,i),l||L((()=>{const e=s.map(n).filter(o);u?u.push(...e):r(e),t.$$.on_mount=[]})),c.forEach(L)}function F(t,n){const e=t.$$;null!==e.fragment&&(r(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function z(t,n){-1===t.$$.dirty[0]&&(k.push(t),C||(C=!0,M.then(N)),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function q(n,o,i,l,a,u,c,f=[-1]){const h=y;b(n);const d=n.$$={fragment:null,ctx:null,props:u,update:t,not_equal:a,bound:e(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(o.context||(h?h.$$.context:[])),callbacks:e(),dirty:f,skip_bound:!1,root:o.target||h.$$.root};c&&c(d.root);let p=!1;if(d.ctx=i?i(n,o.props||{},((t,e,...r)=>{const o=r.length?r[0]:e;return d.ctx&&a(d.ctx[t],d.ctx[t]=o)&&(!d.skip_bound&&d.bound[t]&&d.bound[t](o),p&&z(n,t)),e})):[],d.update(),p=!0,r(d.before_update),d.fragment=!!l&&l(d.ctx),o.target){if(o.hydrate){const t=function(t){return Array.from(t.childNodes)}(o.target);d.fragment&&d.fragment.l(t),t.forEach(s)}else d.fragment&&d.fragment.c();o.intro&&R(n.$$.fragment),I(n,o.target,o.anchor,o.customElement),N()}b(h)}class G{$destroy(){F(this,1),this.$destroy=t}$on(t,n){const e=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return e.push(n),()=>{const t=e.indexOf(n);-1!==t&&e.splice(t,1)}}$set(t){var n;this.$$set&&(n=t,0!==Object.keys(n).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}var U="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},W=9007199254740991,Y="[object Arguments]",X="[object Function]",V="[object GeneratorFunction]",J="[object Symbol]",Z="object"==typeof U&&U&&U.Object===Object&&U,K="object"==typeof self&&self&&self.Object===Object&&self,Q=Z||K||Function("return this")();function tt(t,n,e){switch(e.length){case 0:return t.call(n);case 1:return t.call(n,e[0]);case 2:return t.call(n,e[0],e[1]);case 3:return t.call(n,e[0],e[1],e[2])}return t.apply(n,e)}function nt(t,n){for(var e=-1,r=n.length,o=t.length;++e<r;)t[o+e]=n[e];return t}var et=Object.prototype,rt=et.hasOwnProperty,ot=et.toString,it=Q.Symbol,lt=et.propertyIsEnumerable,at=it?it.isConcatSpreadable:void 0,st=Math.max;function ut(t,n,e,r,o){var i=-1,l=t.length;for(e||(e=ct),o||(o=[]);++i<l;){var a=t[i];n>0&&e(a)?n>1?ut(a,n-1,e,r,o):nt(o,a):r||(o[o.length]=a)}return o}function ct(t){return ht(t)||function(t){return function(t){return dt(t)&&function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=W}(t.length)&&!function(t){var n=function(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}(t)?ot.call(t):"";return n==X||n==V}(t)}(t)}(t)&&rt.call(t,"callee")&&(!lt.call(t,"callee")||ot.call(t)==Y)}(t)||!!(at&&t&&t[at])}function ft(t){if("string"==typeof t||function(t){return"symbol"==typeof t||dt(t)&&ot.call(t)==J}(t))return t;var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n}var ht=Array.isArray;function dt(t){return!!t&&"object"==typeof t}var pt,gt,vt=(pt=function(t,n){return null==t?{}:function(t,n){return function(t,n,e){for(var r=-1,o=n.length,i={};++r<o;){var l=n[r],a=t[l];e(a,l)&&(i[l]=a)}return i}(t=Object(t),n,(function(n,e){return e in t}))}(t,function(t,n){for(var e=-1,r=t?t.length:0,o=Array(r);++e<r;)o[e]=n(t[e],e,t);return o}(ut(n,1),ft))},gt=st(void 0===gt?pt.length-1:gt,0),function(){for(var t=arguments,n=-1,e=st(t.length-gt,0),r=Array(e);++n<e;)r[n]=t[gt+n];n=-1;for(var o=Array(gt+1);++n<gt;)o[n]=t[n];return o[gt]=r,tt(pt,this,o)}),mt=vt,yt=/^\s+|\s+$/g,bt=/^[-+]0x[0-9a-f]+$/i,_t=/^0b[01]+$/i,wt=/^0o[0-7]+$/i,St=parseInt,kt="object"==typeof U&&U&&U.Object===Object&&U,xt="object"==typeof self&&self&&self.Object===Object&&self,Et=kt||xt||Function("return this")(),$t=Object.prototype.toString,Mt=Math.max,Ct=Math.min,Lt=function(){return Et.Date.now()};function Tt(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function At(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==$t.call(t)}(t))return NaN;if(Tt(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=Tt(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(yt,"");var e=_t.test(t);return e||wt.test(t)?St(t.slice(2),e?2:8):bt.test(t)?NaN:+t}var Nt=function(t,n,e){var r,o,i,l,a,s,u=0,c=!1,f=!1,h=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function d(n){var e=r,i=o;return r=o=void 0,u=n,l=t.apply(i,e)}function p(t){return u=t,a=setTimeout(v,n),c?d(t):l}function g(t){var e=t-s;return void 0===s||e>=n||e<0||f&&t-u>=i}function v(){var t=Lt();if(g(t))return m(t);a=setTimeout(v,function(t){var e=n-(t-s);return f?Ct(e,i-(t-u)):e}(t))}function m(t){return a=void 0,h&&r?d(t):(r=o=void 0,l)}function y(){var t=Lt(),e=g(t);if(r=arguments,o=this,s=t,e){if(void 0===a)return p(s);if(f)return a=setTimeout(v,n),d(s)}return void 0===a&&(a=setTimeout(v,n)),l}return n=At(n)||0,Tt(e)&&(c=!!e.leading,i=(f="maxWait"in e)?Mt(At(e.maxWait)||0,n):i,h="trailing"in e?!!e.trailing:h),y.cancel=function(){void 0!==a&&clearTimeout(a),u=0,r=s=o=a=void 0},y.flush=function(){return void 0===a?l:m(Lt())},y};function Ot(t,n){return null==t||null==n?NaN:t<n?-1:t>n?1:t>=n?0:NaN}function jt(t,n){return null==t||null==n?NaN:n<t?-1:n>t?1:n>=t?0:NaN}function Ht(t){let n,e,r;function o(t,r,o=0,i=t.length){if(o<i){if(0!==n(r,r))return i;do{const n=o+i>>>1;e(t[n],r)<0?o=n+1:i=n}while(o<i)}return o}return 2!==t.length?(n=Ot,e=(n,e)=>Ot(t(n),e),r=(n,e)=>t(n)-e):(n=t===Ot||t===jt?t:Dt,e=t,r=t),{left:o,center:function(t,n,e=0,i=t.length){const l=o(t,n,e,i-1);return l>e&&r(t[l-1],n)>-r(t[l],n)?l-1:l},right:function(t,r,o=0,i=t.length){if(o<i){if(0!==n(r,r))return i;do{const n=o+i>>>1;e(t[n],r)<=0?o=n+1:i=n}while(o<i)}return o}}}function Dt(){return 0}Ht(Ot),Ht((function(t){return null===t?NaN:+t})).center;class Pt{constructor(){this._partials=new Float64Array(32),this._n=0}add(t){const n=this._partials;let e=0;for(let r=0;r<this._n&&r<32;r++){const o=n[r],i=t+o,l=Math.abs(t)<Math.abs(o)?t-(i-o):o-(i-t);l&&(n[e++]=l),t=i}return n[e]=t,this._n=e+1,this}valueOf(){const t=this._partials;let n,e,r,o=this._n,i=0;if(o>0){for(i=t[--o];o>0&&(n=i,e=t[--o],i=n+e,r=e-(i-n),!r););o>0&&(r<0&&t[o-1]<0||r>0&&t[o-1]>0)&&(e=2*r,n=i+e,e==n-i&&(i=n))}return i}}var Rt=Math.sqrt(50),Bt=Math.sqrt(10),It=Math.sqrt(2);function Ft(t,n,e){var r,o,i,l,a=-1;if(e=+e,(t=+t)===(n=+n)&&e>0)return[t];if((r=n<t)&&(o=t,t=n,n=o),0===(l=function(t,n,e){var r=(n-t)/Math.max(0,e),o=Math.floor(Math.log(r)/Math.LN10),i=r/Math.pow(10,o);return o>=0?(i>=Rt?10:i>=Bt?5:i>=It?2:1)*Math.pow(10,o):-Math.pow(10,-o)/(i>=Rt?10:i>=Bt?5:i>=It?2:1)}(t,n,e))||!isFinite(l))return[];if(l>0){let e=Math.round(t/l),r=Math.round(n/l);for(e*l<t&&++e,r*l>n&&--r,i=new Array(o=r-e+1);++a<o;)i[a]=(e+a)*l}else{l=-l;let e=Math.round(t*l),r=Math.round(n*l);for(e/l<t&&++e,r/l>n&&--r,i=new Array(o=r-e+1);++a<o;)i[a]=(e+a)/l}return r&&i.reverse(),i}function zt(t){return Math.ceil(Math.log(function(t,n){let e=0;if(void 0===n)for(let n of t)null!=n&&(n=+n)>=n&&++e;else{let r=-1;for(let o of t)null!=(o=n(o,++r,t))&&(o=+o)>=o&&++e}return e}(t))/Math.LN2)+1}var qt=Array.prototype.slice;function Gt(t,n){return t-n}var Ut=t=>()=>t;function Wt(t,n){for(var e,r=-1,o=n.length;++r<o;)if(e=Yt(t,n[r]))return e;return 0}function Yt(t,n){for(var e=n[0],r=n[1],o=-1,i=0,l=t.length,a=l-1;i<l;a=i++){var s=t[i],u=s[0],c=s[1],f=t[a],h=f[0],d=f[1];if(Xt(s,f,n))return 0;c>r!=d>r&&e<(h-u)*(r-c)/(d-c)+u&&(o=-o)}return o}function Xt(t,n,e){var r,o,i,l;return function(t,n,e){return(n[0]-t[0])*(e[1]-t[1])==(e[0]-t[0])*(n[1]-t[1])}(t,n,e)&&(o=t[r=+(t[0]===n[0])],i=e[r],l=n[r],o<=i&&i<=l||l<=i&&i<=o)}function Vt(){}var Jt=[[],[[[1,1.5],[.5,1]]],[[[1.5,1],[1,1.5]]],[[[1.5,1],[.5,1]]],[[[1,.5],[1.5,1]]],[[[1,1.5],[.5,1]],[[1,.5],[1.5,1]]],[[[1,.5],[1,1.5]]],[[[1,.5],[.5,1]]],[[[.5,1],[1,.5]]],[[[1,1.5],[1,.5]]],[[[.5,1],[1,.5]],[[1.5,1],[1,1.5]]],[[[1.5,1],[1,.5]]],[[[.5,1],[1.5,1]]],[[[1,1.5],[1.5,1]]],[[[.5,1],[1,1.5]]],[]];function Zt(){var t=1,n=1,e=zt,r=a;function o(t){var n=e(t);if(Array.isArray(n))n=n.slice().sort(Gt);else{const e=function(t,n){let e,r;if(void 0===n)for(const n of t)null!=n&&(void 0===e?n>=n&&(e=r=n):(e>n&&(e=n),r<n&&(r=n)));else{let o=-1;for(let i of t)null!=(i=n(i,++o,t))&&(void 0===e?i>=i&&(e=r=i):(e>i&&(e=i),r<i&&(r=i)))}return[e,r]}(t),r=function(t,n,e){var r=Math.abs(n-t)/Math.max(0,e),o=Math.pow(10,Math.floor(Math.log(r)/Math.LN10)),i=r/o;return i>=Rt?o*=10:i>=Bt?o*=5:i>=It&&(o*=2),n<t?-o:o}(e[0],e[1],n);n=Ft(Math.floor(e[0]/r)*r,Math.floor(e[1]/r-1)*r,n)}return n.map((n=>i(t,n)))}function i(e,o){var i=[],a=[];return function(e,r,o){var i,a,s,u,c,f,h=new Array,d=new Array;i=a=-1,u=e[0]>=r,Jt[u<<1].forEach(p);for(;++i<t-1;)s=u,u=e[i+1]>=r,Jt[s|u<<1].forEach(p);Jt[u<<0].forEach(p);for(;++a<n-1;){for(i=-1,u=e[a*t+t]>=r,c=e[a*t]>=r,Jt[u<<1|c<<2].forEach(p);++i<t-1;)s=u,u=e[a*t+t+i+1]>=r,f=c,c=e[a*t+i+1]>=r,Jt[s|u<<1|c<<2|f<<3].forEach(p);Jt[u|c<<3].forEach(p)}i=-1,c=e[a*t]>=r,Jt[c<<2].forEach(p);for(;++i<t-1;)f=c,c=e[a*t+i+1]>=r,Jt[c<<2|f<<3].forEach(p);function p(t){var n,e,r=[t[0][0]+i,t[0][1]+a],s=[t[1][0]+i,t[1][1]+a],u=l(r),c=l(s);(n=d[u])?(e=h[c])?(delete d[n.end],delete h[e.start],n===e?(n.ring.push(s),o(n.ring)):h[n.start]=d[e.end]={start:n.start,end:e.end,ring:n.ring.concat(e.ring)}):(delete d[n.end],n.ring.push(s),d[n.end=c]=n):(n=h[c])?(e=d[u])?(delete h[n.start],delete d[e.end],n===e?(n.ring.push(s),o(n.ring)):h[e.start]=d[n.end]={start:e.start,end:n.end,ring:e.ring.concat(n.ring)}):(delete h[n.start],n.ring.unshift(r),h[n.start=u]=n):h[u]=d[c]={start:u,end:c,ring:[r,s]}}Jt[c<<3].forEach(p)}(e,o,(function(t){r(t,e,o),function(t){for(var n=0,e=t.length,r=t[e-1][1]*t[0][0]-t[e-1][0]*t[0][1];++n<e;)r+=t[n-1][1]*t[n][0]-t[n-1][0]*t[n][1];return r}(t)>0?i.push([t]):a.push(t)})),a.forEach((function(t){for(var n,e=0,r=i.length;e<r;++e)if(-1!==Wt((n=i[e])[0],t))return void n.push(t)})),{type:"MultiPolygon",value:o,coordinates:i}}function l(n){return 2*n[0]+n[1]*(t+1)*4}function a(e,r,o){e.forEach((function(e){var i,l=e[0],a=e[1],s=0|l,u=0|a,c=r[u*t+s];l>0&&l<t&&s===l&&(i=r[u*t+s-1],e[0]=l+(o-i)/(c-i)-.5),a>0&&a<n&&u===a&&(i=r[(u-1)*t+s],e[1]=a+(o-i)/(c-i)-.5)}))}return o.contour=i,o.size=function(e){if(!arguments.length)return[t,n];var r=Math.floor(e[0]),i=Math.floor(e[1]);if(!(r>=0&&i>=0))throw new Error("invalid size");return t=r,n=i,o},o.thresholds=function(t){return arguments.length?(e="function"==typeof t?t:Array.isArray(t)?Ut(qt.call(t)):Ut(t),o):e},o.smooth=function(t){return arguments.length?(r=t?a:Vt,o):r===a},o}var Kt=1e-6,Qt=Math.PI,tn=2*Qt,nn=180/Qt,en=Qt/180,rn=Math.abs,on=Math.cos,ln=Math.sin,an=Math.sqrt;function sn(){}function un(t,n){t&&fn.hasOwnProperty(t.type)&&fn[t.type](t,n)}var cn={Feature:function(t,n){un(t.geometry,n)},FeatureCollection:function(t,n){for(var e=t.features,r=-1,o=e.length;++r<o;)un(e[r].geometry,n)}},fn={Sphere:function(t,n){n.sphere()},Point:function(t,n){t=t.coordinates,n.point(t[0],t[1],t[2])},MultiPoint:function(t,n){for(var e=t.coordinates,r=-1,o=e.length;++r<o;)t=e[r],n.point(t[0],t[1],t[2])},LineString:function(t,n){hn(t.coordinates,n,0)},MultiLineString:function(t,n){for(var e=t.coordinates,r=-1,o=e.length;++r<o;)hn(e[r],n,0)},Polygon:function(t,n){dn(t.coordinates,n)},MultiPolygon:function(t,n){for(var e=t.coordinates,r=-1,o=e.length;++r<o;)dn(e[r],n)},GeometryCollection:function(t,n){for(var e=t.geometries,r=-1,o=e.length;++r<o;)un(e[r],n)}};function hn(t,n,e){var r,o=-1,i=t.length-e;for(n.lineStart();++o<i;)r=t[o],n.point(r[0],r[1],r[2]);n.lineEnd()}function dn(t,n){var e=-1,r=t.length;for(n.polygonStart();++e<r;)hn(t[e],n,1);n.polygonEnd()}function pn(t,n){t&&cn.hasOwnProperty(t.type)?cn[t.type](t,n):un(t,n)}function gn(t,n){return[rn(t)>Qt?t+Math.round(-t/tn)*tn:t,n]}function vn(t,n,e,r){this.x=t,this.z=n,this.o=e,this.e=r,this.v=!1,this.n=this.p=null}function mn(t,n,e,r,o){var i,l,a=[],s=[];if(t.forEach((function(t){if(!((n=t.length-1)<=0)){var n,e,r,l,u=t[0],c=t[n];if(l=c,rn((r=u)[0]-l[0])<Kt&&rn(r[1]-l[1])<Kt){if(!u[2]&&!c[2]){for(o.lineStart(),i=0;i<n;++i)o.point((u=t[i])[0],u[1]);return void o.lineEnd()}c[0]+=2e-6}a.push(e=new vn(u,t,null,!0)),s.push(e.o=new vn(u,null,e,!1)),a.push(e=new vn(c,t,null,!1)),s.push(e.o=new vn(c,null,e,!0))}})),a.length){for(s.sort(n),yn(a),yn(s),i=0,l=s.length;i<l;++i)s[i].e=e=!e;for(var u,c,f=a[0];;){for(var h=f,d=!0;h.v;)if((h=h.n)===f)return;u=h.z,o.lineStart();do{if(h.v=h.o.v=!0,h.e){if(d)for(i=0,l=u.length;i<l;++i)o.point((c=u[i])[0],c[1]);else r(h.x,h.n.x,1,o);h=h.n}else{if(d)for(u=h.p.z,i=u.length-1;i>=0;--i)o.point((c=u[i])[0],c[1]);else r(h.x,h.p.x,-1,o);h=h.p}u=(h=h.o).z,d=!d}while(!h.v);o.lineEnd()}}}function yn(t){if(n=t.length){for(var n,e,r=0,o=t[0];++r<n;)o.n=e=t[r],e.p=o,o=e;o.n=e=t[0],e.p=o}}new Pt,new Pt,gn.invert=gn;var bn=1e9,_n=-bn;function wn(t,n,e,r){function o(o,i){return t<=o&&o<=e&&n<=i&&i<=r}function i(o,i,a,u){var c=0,f=0;if(null==o||(c=l(o,a))!==(f=l(i,a))||s(o,i)<0^a>0)do{u.point(0===c||3===c?t:e,c>1?r:n)}while((c=(c+a+4)%4)!==f);else u.point(i[0],i[1])}function l(r,o){return rn(r[0]-t)<Kt?o>0?0:3:rn(r[0]-e)<Kt?o>0?2:1:rn(r[1]-n)<Kt?o>0?1:0:o>0?3:2}function a(t,n){return s(t.x,n.x)}function s(t,n){var e=l(t,1),r=l(n,1);return e!==r?e-r:0===e?n[1]-t[1]:1===e?t[0]-n[0]:2===e?t[1]-n[1]:n[0]-t[0]}return function(l){var s,u,c,f,h,d,p,g,v,m,y,b,_,w=l,S=(_=[],{point:function(t,n,e){b.push([t,n,e])},lineStart:function(){_.push(b=[])},lineEnd:sn,rejoin:function(){_.length>1&&_.push(_.pop().concat(_.shift()))},result:function(){var t=_;return _=[],b=null,t}}),k={point:x,lineStart:function(){k.point=E,u&&u.push(c=[]);m=!0,v=!1,p=g=NaN},lineEnd:function(){s&&(E(f,h),d&&v&&S.rejoin(),s.push(S.result()));k.point=x,v&&w.lineEnd()},polygonStart:function(){w=S,s=[],u=[],y=!0},polygonEnd:function(){var n=function(){for(var n=0,e=0,o=u.length;e<o;++e)for(var i,l,a=u[e],s=1,c=a.length,f=a[0],h=f[0],d=f[1];s<c;++s)i=h,l=d,h=(f=a[s])[0],d=f[1],l<=r?d>r&&(h-i)*(r-l)>(d-l)*(t-i)&&++n:d<=r&&(h-i)*(r-l)<(d-l)*(t-i)&&--n;return n}(),e=y&&n,o=(f=s,s=Array.from(function*(t){for(const n of t)yield*n}(f))).length;var f;(e||o)&&(l.polygonStart(),e&&(l.lineStart(),i(null,null,1,l),l.lineEnd()),o&&mn(s,a,n,i,l),l.polygonEnd());w=l,s=u=c=null}};function x(t,n){o(t,n)&&w.point(t,n)}function E(i,l){var a=o(i,l);if(u&&c.push([i,l]),m)f=i,h=l,d=a,m=!1,a&&(w.lineStart(),w.point(i,l));else if(a&&v)w.point(i,l);else{var s=[p=Math.max(_n,Math.min(bn,p)),g=Math.max(_n,Math.min(bn,g))],b=[i=Math.max(_n,Math.min(bn,i)),l=Math.max(_n,Math.min(bn,l))];!function(t,n,e,r,o,i){var l,a=t[0],s=t[1],u=0,c=1,f=n[0]-a,h=n[1]-s;if(l=e-a,f||!(l>0)){if(l/=f,f<0){if(l<u)return;l<c&&(c=l)}else if(f>0){if(l>c)return;l>u&&(u=l)}if(l=o-a,f||!(l<0)){if(l/=f,f<0){if(l>c)return;l>u&&(u=l)}else if(f>0){if(l<u)return;l<c&&(c=l)}if(l=r-s,h||!(l>0)){if(l/=h,h<0){if(l<u)return;l<c&&(c=l)}else if(h>0){if(l>c)return;l>u&&(u=l)}if(l=i-s,h||!(l<0)){if(l/=h,h<0){if(l>c)return;l>u&&(u=l)}else if(h>0){if(l<u)return;l<c&&(c=l)}return u>0&&(t[0]=a+u*f,t[1]=s+u*h),c<1&&(n[0]=a+c*f,n[1]=s+c*h),!0}}}}}(s,b,t,n,e,r)?a&&(w.lineStart(),w.point(i,l),y=!1):(v||(w.lineStart(),w.point(s[0],s[1])),w.point(b[0],b[1]),a||w.lineEnd(),y=!1)}p=i,g=l,v=a}return k}}var Sn,kn,xn,En,$n=t=>t,Mn=new Pt,Cn=new Pt,Ln={point:sn,lineStart:sn,lineEnd:sn,polygonStart:function(){Ln.lineStart=Tn,Ln.lineEnd=On},polygonEnd:function(){Ln.lineStart=Ln.lineEnd=Ln.point=sn,Mn.add(rn(Cn)),Cn=new Pt},result:function(){var t=Mn/2;return Mn=new Pt,t}};function Tn(){Ln.point=An}function An(t,n){Ln.point=Nn,Sn=xn=t,kn=En=n}function Nn(t,n){Cn.add(En*t-xn*n),xn=t,En=n}function On(){Nn(Sn,kn)}var jn=1/0,Hn=jn,Dn=-jn,Pn=Dn,Rn={point:function(t,n){t<jn&&(jn=t);t>Dn&&(Dn=t);n<Hn&&(Hn=n);n>Pn&&(Pn=n)},lineStart:sn,lineEnd:sn,polygonStart:sn,polygonEnd:sn,result:function(){var t=[[jn,Hn],[Dn,Pn]];return Dn=Pn=-(Hn=jn=1/0),t}};var Bn,In,Fn,zn,qn=0,Gn=0,Un=0,Wn=0,Yn=0,Xn=0,Vn=0,Jn=0,Zn=0,Kn={point:Qn,lineStart:te,lineEnd:re,polygonStart:function(){Kn.lineStart=oe,Kn.lineEnd=ie},polygonEnd:function(){Kn.point=Qn,Kn.lineStart=te,Kn.lineEnd=re},result:function(){var t=Zn?[Vn/Zn,Jn/Zn]:Xn?[Wn/Xn,Yn/Xn]:Un?[qn/Un,Gn/Un]:[NaN,NaN];return qn=Gn=Un=Wn=Yn=Xn=Vn=Jn=Zn=0,t}};function Qn(t,n){qn+=t,Gn+=n,++Un}function te(){Kn.point=ne}function ne(t,n){Kn.point=ee,Qn(Fn=t,zn=n)}function ee(t,n){var e=t-Fn,r=n-zn,o=an(e*e+r*r);Wn+=o*(Fn+t)/2,Yn+=o*(zn+n)/2,Xn+=o,Qn(Fn=t,zn=n)}function re(){Kn.point=Qn}function oe(){Kn.point=le}function ie(){ae(Bn,In)}function le(t,n){Kn.point=ae,Qn(Bn=Fn=t,In=zn=n)}function ae(t,n){var e=t-Fn,r=n-zn,o=an(e*e+r*r);Wn+=o*(Fn+t)/2,Yn+=o*(zn+n)/2,Xn+=o,Vn+=(o=zn*t-Fn*n)*(Fn+t),Jn+=o*(zn+n),Zn+=3*o,Qn(Fn=t,zn=n)}function se(t){this._context=t}se.prototype={_radius:4.5,pointRadius:function(t){return this._radius=t,this},polygonStart:function(){this._line=0},polygonEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){0===this._line&&this._context.closePath(),this._point=NaN},point:function(t,n){switch(this._point){case 0:this._context.moveTo(t,n),this._point=1;break;case 1:this._context.lineTo(t,n);break;default:this._context.moveTo(t+this._radius,n),this._context.arc(t,n,this._radius,0,tn)}},result:sn};var ue,ce,fe,he,de,pe=new Pt,ge={point:sn,lineStart:function(){ge.point=ve},lineEnd:function(){ue&&me(ce,fe),ge.point=sn},polygonStart:function(){ue=!0},polygonEnd:function(){ue=null},result:function(){var t=+pe;return pe=new Pt,t}};function ve(t,n){ge.point=me,ce=he=t,fe=de=n}function me(t,n){he-=t,de-=n,pe.add(an(he*he+de*de)),he=t,de=n}function ye(){this._string=[]}function be(t){return"m0,"+t+"a"+t+","+t+" 0 1,1 0,"+-2*t+"a"+t+","+t+" 0 1,1 0,"+2*t+"z"}function _e(){}function we(t,n,e){var r=t.clipExtent&&t.clipExtent();return t.scale(150).translate([0,0]),null!=r&&t.clipExtent(null),pn(e,t.stream(Rn)),n(Rn.result()),null!=r&&t.clipExtent(r),t}function Se(t,n,e){return we(t,(function(e){var r=n[1][0]-n[0][0],o=n[1][1]-n[0][1],i=Math.min(r/(e[1][0]-e[0][0]),o/(e[1][1]-e[0][1])),l=+n[0][0]+(r-i*(e[1][0]+e[0][0]))/2,a=+n[0][1]+(o-i*(e[1][1]+e[0][1]))/2;t.scale(150*i).translate([l,a])}),e)}function ke(t,n){return[t,n]}function xe(){var t,n,e,r,o,i,l,a,s=1,u=0,c=0,f=1,h=1,d=0,p=null,g=1,v=1,m=(a={point:function(t,n){var e=_([t,n]);this.stream.point(e[0],e[1])}},function(t){var n=new _e;for(var e in a)n[e]=a[e];return n.stream=t,n}),y=$n;function b(){return g=s*f,v=s*h,i=l=null,_}function _(e){var r=e[0]*g,o=e[1]*v;if(d){var i=o*t-r*n;r=r*t+o*n,o=i}return[r+u,o+c]}return _.invert=function(e){var r=e[0]-u,o=e[1]-c;if(d){var i=o*t+r*n;r=r*t-o*n,o=i}return[r/g,o/v]},_.stream=function(t){return i&&l===t?i:i=m(y(l=t))},_.postclip=function(t){return arguments.length?(y=t,p=e=r=o=null,b()):y},_.clipExtent=function(t){return arguments.length?(y=null==t?(p=e=r=o=null,$n):wn(p=+t[0][0],e=+t[0][1],r=+t[1][0],o=+t[1][1]),b()):null==p?null:[[p,e],[r,o]]},_.scale=function(t){return arguments.length?(s=+t,b()):s},_.translate=function(t){return arguments.length?(u=+t[0],c=+t[1],b()):[u,c]},_.angle=function(e){return arguments.length?(n=ln(d=e%360*en),t=on(d),b()):d*nn},_.reflectX=function(t){return arguments.length?(f=t?-1:1,b()):f<0},_.reflectY=function(t){return arguments.length?(h=t?-1:1,b()):h<0},_.fitExtent=function(t,n){return Se(_,t,n)},_.fitSize=function(t,n){return function(t,n,e){return Se(t,[[0,0],n],e)}(_,t,n)},_.fitWidth=function(t,n){return function(t,n,e){return we(t,(function(e){var r=+n,o=r/(e[1][0]-e[0][0]),i=(r-o*(e[1][0]+e[0][0]))/2,l=-o*e[0][1];t.scale(150*o).translate([i,l])}),e)}(_,t,n)},_.fitHeight=function(t,n){return function(t,n,e){return we(t,(function(e){var r=+n,o=r/(e[1][1]-e[0][1]),i=-o*e[0][0],l=(r-o*(e[1][1]+e[0][1]))/2;t.scale(150*o).translate([i,l])}),e)}(_,t,n)},_}ye.prototype={_radius:4.5,_circle:be(4.5),pointRadius:function(t){return(t=+t)!==this._radius&&(this._radius=t,this._circle=null),this},polygonStart:function(){this._line=0},polygonEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){0===this._line&&this._string.push("Z"),this._point=NaN},point:function(t,n){switch(this._point){case 0:this._string.push("M",t,",",n),this._point=1;break;case 1:this._string.push("L",t,",",n);break;default:null==this._circle&&(this._circle=be(this._radius)),this._string.push("M",t,",",n,this._circle)}},result:function(){if(this._string.length){var t=this._string.join("");return this._string=[],t}return null}},_e.prototype={constructor:_e,point:function(t,n){this.stream.point(t,n)},sphere:function(){this.stream.sphere()},lineStart:function(){this.stream.lineStart()},lineEnd:function(){this.stream.lineEnd()},polygonStart:function(){this.stream.polygonStart()},polygonEnd:function(){this.stream.polygonEnd()}},ke.invert=ke;var Ee=function(t){var n=[];return t.replace(Me,(function(t,e,r){var o=e.toLowerCase();for(r=function(t){var n=t.match(Ce);return n?n.map(Number):[]}(r),"m"==o&&r.length>2&&(n.push([e].concat(r.splice(0,2))),o="l",e="m"==e?"l":"L");;){if(r.length==$e[o])return r.unshift(e),n.push(r);if(r.length<$e[o])throw new Error("malformed path data");n.push([e].concat(r.splice(0,$e[o])))}})),n},$e={a:7,c:6,h:1,l:2,m:2,q:4,s:4,t:2,v:1,z:0},Me=/([astvzqmhlc])([^astvzqmhlc]*)/gi;var Ce=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi;function Le(t){const n=Ee(t).map((t=>t.map(((t,n)=>n>0?Math.round(t):t)))),e=[];for(let t=0;t<n.length-1;++t){const r=n[t];let o=n[t+1];e.push(r);let i=r[1]===o[1],l=r[2]===o[2];if(i){for(;i;)t+=1,o=n[t+1],i="L"===o[0]&&r[1]===o[1];t-=1}if(l){for(;l;)t+=1,o=n[t+1],l="L"===o[0]&&r[2]===o[2];t-=1}}return e.push(n[n.length-1]),function(t){let n="";return t.forEach((t=>{for(let e=0;e<t.length;++e){let r=t[e];e>0&&(r=Math.round(r)),n+=r+(e===t.length-1?"":" ")}})),n}(e)}function Te(t,n){return!(t.x<n.left||t.x>n.right||t.y>n.bottom||t.y<n.top)}function Ae(t,n){for(const e of n)if(Te(t,e))return!0;return!1}function Ne({width:t,height:n,top:e=0,left:r=0}){return`M${r} ${e} h${t} v${n} h-${t}z`}function Oe(t,n){let e=function({width:t,height:n,top:e=0,left:r=0}){return`M${r} ${e} v${n} h${t} v-${n}z`}({width:n.width,height:n.height});if(t.length<10&&!function(t){for(let r=0;r<t.length-1;++r){const o=t[r];for(let i=r+1;i<t.length;++i)if(n=o,e=t[i],n.right>=e.left&&e.right>=n.left&&n.bottom>=e.top&&e.bottom>=n.top)return!0}var n,e;return!1}(t)){for(const n of t)e=`${e} ${Ne(n)}`;return e}const r=Math.min(...t.map((t=>t.left))),o=Math.min(...t.map((t=>t.top))),i=t.map((t=>(t.left=t.left-r,t.right=t.right-r,t.top=t.top-o,t.bottom=t.bottom-o,t)));i.sort(((t,n)=>t.left>n.left?1:t.left<n.left?-1:0));const l=Math.ceil(Math.max(...i.map((t=>t.right)))),a=Math.ceil(Math.max(...i.map((t=>t.bottom)))),s=l*a/2e4,u=Math.ceil(l/s),c=Math.ceil(a/s),f=new Array(u*c);for(let t=0,n=0;t<c;++t)for(let e=0;e<u;++e,++n)f[n]=Ae({x:e*s,y:t*s},i)?1:0;const h=Zt().size([u,c]).thresholds([1])(f),d=xe().fitExtent([[r,o],[r+l,o+a]],h[0]),p=function(t,n){var e,r,o=4.5;function i(t){return t&&("function"==typeof o&&r.pointRadius(+o.apply(this,arguments)),pn(t,e(r))),r.result()}return i.area=function(t){return pn(t,e(Ln)),Ln.result()},i.measure=function(t){return pn(t,e(ge)),ge.result()},i.bounds=function(t){return pn(t,e(Rn)),Rn.result()},i.centroid=function(t){return pn(t,e(Kn)),Kn.result()},i.projection=function(n){return arguments.length?(e=null==n?(t=null,$n):(t=n).stream,i):t},i.context=function(t){return arguments.length?(r=null==t?(n=null,new ye):new se(n=t),"function"!=typeof o&&r.pointRadius(o),i):n},i.pointRadius=function(t){return arguments.length?(o="function"==typeof t?t:(r.pointRadius(+t),+t),i):o},i.projection(t).context(n)}().projection(d);return`${e} ${Le(p(h[0]))}`}
+/*!
+     * vanilla-picker v2.12.1
+     * https://vanilla-picker.js.org
+     *
+     * Copyright 2017-2021 Andreas Borgen (https://github.com/Sphinxxxx), Adam Brooks (https://github.com/dissimulate)
+     * Released under the ISC license.
+     */var je=function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")},He=function(){function t(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(n,e,r){return e&&t(n.prototype,e),r&&t(n,r),n}}(),De=function(t,n){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,n){var e=[],r=!0,o=!1,i=void 0;try{for(var l,a=t[Symbol.iterator]();!(r=(l=a.next()).done)&&(e.push(l.value),!n||e.length!==n);r=!0);}catch(t){o=!0,i=t}finally{try{!r&&a.return&&a.return()}finally{if(o)throw i}}return e}(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")};String.prototype.startsWith=String.prototype.startsWith||function(t){return 0===this.indexOf(t)},String.prototype.padStart=String.prototype.padStart||function(t,n){for(var e=this;e.length<t;)e=n+e;return e};var Pe={cb:"0f8ff",tqw:"aebd7",q:"-ffff",qmrn:"7fffd4",zr:"0ffff",bg:"5f5dc",bsq:"e4c4",bck:"---",nch:"ebcd",b:"--ff",bvt:"8a2be2",brwn:"a52a2a",brw:"deb887",ctb:"5f9ea0",hrt:"7fff-",chcT:"d2691e",cr:"7f50",rnw:"6495ed",crns:"8dc",crms:"dc143c",cn:"-ffff",Db:"--8b",Dcn:"-8b8b",Dgnr:"b8860b",Dgr:"a9a9a9",Dgrn:"-64-",Dkhk:"bdb76b",Dmgn:"8b-8b",Dvgr:"556b2f",Drng:"8c-",Drch:"9932cc",Dr:"8b--",Dsmn:"e9967a",Dsgr:"8fbc8f",DsTb:"483d8b",DsTg:"2f4f4f",Dtrq:"-ced1",Dvt:"94-d3",ppnk:"1493",pskb:"-bfff",mgr:"696969",grb:"1e90ff",rbrc:"b22222",rwht:"af0",stg:"228b22",chs:"-ff",gnsb:"dcdcdc",st:"8f8ff",g:"d7-",gnr:"daa520",gr:"808080",grn:"-8-0",grnw:"adff2f",hnw:"0fff0",htpn:"69b4",nnr:"cd5c5c",ng:"4b-82",vr:"0",khk:"0e68c",vnr:"e6e6fa",nrb:"0f5",wngr:"7cfc-",mnch:"acd",Lb:"add8e6",Lcr:"08080",Lcn:"e0ffff",Lgnr:"afad2",Lgr:"d3d3d3",Lgrn:"90ee90",Lpnk:"b6c1",Lsmn:"a07a",Lsgr:"20b2aa",Lskb:"87cefa",LsTg:"778899",Lstb:"b0c4de",Lw:"e0",m:"-ff-",mgrn:"32cd32",nn:"af0e6",mgnt:"-ff",mrn:"8--0",mqm:"66cdaa",mmb:"--cd",mmrc:"ba55d3",mmpr:"9370db",msg:"3cb371",mmsT:"7b68ee","":"-fa9a",mtr:"48d1cc",mmvt:"c71585",mnLb:"191970",ntc:"5fffa",mstr:"e4e1",mccs:"e4b5",vjw:"dead",nv:"--80",c:"df5e6",v:"808-0",vrb:"6b8e23",rng:"a5-",rngr:"45-",rch:"da70d6",pgnr:"eee8aa",pgrn:"98fb98",ptrq:"afeeee",pvtr:"db7093",ppwh:"efd5",pchp:"dab9",pr:"cd853f",pnk:"c0cb",pm:"dda0dd",pwrb:"b0e0e6",prp:"8-080",cc:"663399",r:"--",sbr:"bc8f8f",rb:"4169e1",sbrw:"8b4513",smn:"a8072",nbr:"4a460",sgrn:"2e8b57",ssh:"5ee",snn:"a0522d",svr:"c0c0c0",skb:"87ceeb",sTb:"6a5acd",sTgr:"708090",snw:"afa",n:"-ff7f",stb:"4682b4",tn:"d2b48c",t:"-8080",thst:"d8bfd8",tmT:"6347",trqs:"40e0d0",vt:"ee82ee",whT:"5deb3",wht:"",hts:"5f5f5",w:"-",wgrn:"9acd32"};function Re(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,e=n>0?t.toFixed(n).replace(/0+$/,"").replace(/\.$/,""):t.toString();return e||"0"}var Be=function(){function t(n,e,r,o){je(this,t);var i=this;if(void 0===n);else if(Array.isArray(n))this.rgba=n;else if(void 0===r){var l=n&&""+n;l&&function(n){if(n.startsWith("hsl")){var e=n.match(/([\-\d\.e]+)/g).map(Number),r=De(e,4),o=r[0],l=r[1],a=r[2],s=r[3];void 0===s&&(s=1),o/=360,l/=100,a/=100,i.hsla=[o,l,a,s]}else if(n.startsWith("rgb")){var u=n.match(/([\-\d\.e]+)/g).map(Number),c=De(u,4),f=c[0],h=c[1],d=c[2],p=c[3];void 0===p&&(p=1),i.rgba=[f,h,d,p]}else n.startsWith("#")?i.rgba=t.hexToRgb(n):i.rgba=t.nameToRgb(n)||t.hexToRgb(n)}(l.toLowerCase())}else this.rgba=[n,e,r,void 0===o?1:o]}return He(t,[{key:"printRGB",value:function(t){var n=(t?this.rgba:this.rgba.slice(0,3)).map((function(t,n){return Re(t,3===n?3:0)}));return t?"rgba("+n+")":"rgb("+n+")"}},{key:"printHSL",value:function(t){var n=[360,100,100,1],e=["","%","%",""],r=(t?this.hsla:this.hsla.slice(0,3)).map((function(t,r){return Re(t*n[r],3===r?3:1)+e[r]}));return t?"hsla("+r+")":"hsl("+r+")"}},{key:"printHex",value:function(t){var n=this.hex;return t?n:n.substring(0,7)}},{key:"rgba",get:function(){if(this._rgba)return this._rgba;if(!this._hsla)throw new Error("No color is set");return this._rgba=t.hslToRgb(this._hsla)},set:function(t){3===t.length&&(t[3]=1),this._rgba=t,this._hsla=null}},{key:"rgbString",get:function(){return this.printRGB()}},{key:"rgbaString",get:function(){return this.printRGB(!0)}},{key:"hsla",get:function(){if(this._hsla)return this._hsla;if(!this._rgba)throw new Error("No color is set");return this._hsla=t.rgbToHsl(this._rgba)},set:function(t){3===t.length&&(t[3]=1),this._hsla=t,this._rgba=null}},{key:"hslString",get:function(){return this.printHSL()}},{key:"hslaString",get:function(){return this.printHSL(!0)}},{key:"hex",get:function(){return"#"+this.rgba.map((function(t,n){return n<3?t.toString(16):Math.round(255*t).toString(16)})).map((function(t){return t.padStart(2,"0")})).join("")},set:function(n){this.rgba=t.hexToRgb(n)}}],[{key:"hexToRgb",value:function(t){var n=(t.startsWith("#")?t.slice(1):t).replace(/^(\w{3})$/,"$1F").replace(/^(\w)(\w)(\w)(\w)$/,"$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/,"$1FF");if(!n.match(/^([0-9a-fA-F]{8})$/))throw new Error("Unknown hex color; "+t);var e=n.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map((function(t){return parseInt(t,16)}));return e[3]=e[3]/255,e}},{key:"nameToRgb",value:function(n){var e=n.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),r=Pe[e];return void 0===r?r:t.hexToRgb(r.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function(t){var n=De(t,4),e=n[0],r=n[1],o=n[2],i=n[3];e/=255,r/=255,o/=255;var l=Math.max(e,r,o),a=Math.min(e,r,o),s=void 0,u=void 0,c=(l+a)/2;if(l===a)s=u=0;else{var f=l-a;switch(u=c>.5?f/(2-l-a):f/(l+a),l){case e:s=(r-o)/f+(r<o?6:0);break;case r:s=(o-e)/f+2;break;case o:s=(e-r)/f+4}s/=6}return[s,u,c,i]}},{key:"hslToRgb",value:function(t){var n=De(t,4),e=n[0],r=n[1],o=n[2],i=n[3],l=void 0,a=void 0,s=void 0;if(0===r)l=a=s=o;else{var u=function(t,n,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?t+6*(n-t)*e:e<.5?n:e<2/3?t+(n-t)*(2/3-e)*6:t},c=o<.5?o*(1+r):o+r-o*r,f=2*o-c;l=u(f,c,e+1/3),a=u(f,c,e),s=u(f,c,e-1/3)}var h=[255*l,255*a,255*s].map(Math.round);return h[3]=i,h}}]),t}(),Ie=function(){function t(){je(this,t),this._events=[]}return He(t,[{key:"add",value:function(t,n,e){t.addEventListener(n,e,!1),this._events.push({target:t,type:n,handler:e})}},{key:"remove",value:function(n,e,r){this._events=this._events.filter((function(o){var i=!0;return n&&n!==o.target&&(i=!1),e&&e!==o.type&&(i=!1),r&&r!==o.handler&&(i=!1),i&&t._doRemove(o.target,o.type,o.handler),!i}))}},{key:"destroy",value:function(){this._events.forEach((function(n){return t._doRemove(n.target,n.type,n.handler)})),this._events=[]}}],[{key:"_doRemove",value:function(t,n,e){t.removeEventListener(n,e,!1)}}]),t}();function Fe(t,n,e){var r=!1;function o(t,n,e){return Math.max(n,Math.min(t,e))}function i(t,i,l){if(l&&(r=!0),r){t.preventDefault();var a=n.getBoundingClientRect(),s=a.width,u=a.height,c=i.clientX,f=i.clientY,h=o(c-a.left,0,s),d=o(f-a.top,0,u);e(h/s,d/u)}}function l(t,n){1===(void 0===t.buttons?t.which:t.buttons)?i(t,t,n):r=!1}function a(t,n){1===t.touches.length?i(t,t.touches[0],n):r=!1}t.add(n,"mousedown",(function(t){l(t,!0)})),t.add(n,"touchstart",(function(t){a(t,!0)})),t.add(window,"mousemove",l),t.add(n,"touchmove",a),t.add(window,"mouseup",(function(t){r=!1})),t.add(n,"touchend",(function(t){r=!1})),t.add(n,"touchcancel",(function(t){r=!1}))}var ze="keydown",qe="mousedown",Ge="focusin";function Ue(t,n){return(n||document).querySelector(t)}function We(t){t.preventDefault(),t.stopPropagation()}function Ye(t,n,e,r,o){t.add(n,ze,(function(t){e.indexOf(t.key)>=0&&(o&&We(t),r(t))}))}var Xe=function(){function t(n){je(this,t),this.settings={popup:"right",layout:"default",alpha:!0,editor:!0,editorFormat:"hex",cancelButton:!1,defaultColor:"#0cf"},this._events=new Ie,this.onChange=null,this.onDone=null,this.onOpen=null,this.onClose=null,this.setOptions(n)}return He(t,[{key:"setOptions",value:function(t){var n=this;if(t){var e=this.settings;if(t instanceof HTMLElement)e.parent=t;else{e.parent&&t.parent&&e.parent!==t.parent&&(this._events.remove(e.parent),this._popupInited=!1),function(t,n,e){for(var r in t)e&&e.indexOf(r)>=0||(n[r]=t[r])}(t,e),t.onChange&&(this.onChange=t.onChange),t.onDone&&(this.onDone=t.onDone),t.onOpen&&(this.onOpen=t.onOpen),t.onClose&&(this.onClose=t.onClose);var r=t.color||t.colour;r&&this._setColor(r)}var o=e.parent;if(o&&e.popup&&!this._popupInited){var i=function(t){return n.openHandler(t)};this._events.add(o,"click",i),Ye(this._events,o,[" ","Spacebar","Enter"],i),this._popupInited=!0}else t.parent&&!e.popup&&this.show()}}},{key:"openHandler",value:function(t){if(this.show()){t&&t.preventDefault(),this.settings.parent.style.pointerEvents="none";var n=t&&t.type===ze?this._domEdit:this.domElement;setTimeout((function(){return n.focus()}),100),this.onOpen&&this.onOpen(this.colour)}}},{key:"closeHandler",value:function(t){var n=t&&t.type,e=!1;if(t)if(n===qe||n===Ge){var r=(this.__containedEvent||0)+100;t.timeStamp>r&&(e=!0)}else We(t),e=!0;else e=!0;e&&this.hide()&&(this.settings.parent.style.pointerEvents="",n!==qe&&this.settings.parent.focus(),this.onClose&&this.onClose(this.colour))}},{key:"movePopup",value:function(t,n){this.closeHandler(),this.setOptions(t),n&&this.openHandler()}},{key:"setColor",value:function(t,n){this._setColor(t,{silent:n})}},{key:"_setColor",value:function(t,n){if("string"==typeof t&&(t=t.trim()),t){n=n||{};var e=void 0;try{e=new Be(t)}catch(t){if(n.failSilently)return;throw t}if(!this.settings.alpha){var r=e.hsla;r[3]=1,e.hsla=r}this.colour=this.color=e,this._setHSLA(null,null,null,null,n)}}},{key:"setColour",value:function(t,n){this.setColor(t,n)}},{key:"show",value:function(){if(!this.settings.parent)return!1;if(this.domElement){var t=this._toggleDOM(!0);return this._setPosition(),t}var n,e,r=this.settings.template||'<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>',o=(n=r,(e=document.createElement("div")).innerHTML=n,e.firstElementChild);return this.domElement=o,this._domH=Ue(".picker_hue",o),this._domSL=Ue(".picker_sl",o),this._domA=Ue(".picker_alpha",o),this._domEdit=Ue(".picker_editor input",o),this._domSample=Ue(".picker_sample",o),this._domOkay=Ue(".picker_done button",o),this._domCancel=Ue(".picker_cancel button",o),o.classList.add("layout_"+this.settings.layout),this.settings.alpha||o.classList.add("no_alpha"),this.settings.editor||o.classList.add("no_editor"),this.settings.cancelButton||o.classList.add("no_cancel"),this._ifPopup((function(){return o.classList.add("popup")})),this._setPosition(),this.colour?this._updateUI():this._setColor(this.settings.defaultColor),this._bindEvents(),!0}},{key:"hide",value:function(){return this._toggleDOM(!1)}},{key:"destroy",value:function(){this._events.destroy(),this.domElement&&this.settings.parent.removeChild(this.domElement)}},{key:"_bindEvents",value:function(){var t=this,n=this,e=this.domElement,r=this._events;function o(t,n,e){r.add(t,n,e)}o(e,"click",(function(t){return t.preventDefault()})),Fe(r,this._domH,(function(t,e){return n._setHSLA(t)})),Fe(r,this._domSL,(function(t,e){return n._setHSLA(null,t,1-e)})),this.settings.alpha&&Fe(r,this._domA,(function(t,e){return n._setHSLA(null,null,null,1-e)}));var i=this._domEdit;o(i,"input",(function(t){n._setColor(this.value,{fromEditor:!0,failSilently:!0})})),o(i,"focus",(function(t){var n=this;n.selectionStart===n.selectionEnd&&n.select()})),this._ifPopup((function(){var n=function(n){return t.closeHandler(n)};o(window,qe,n),o(window,Ge,n),Ye(r,e,["Esc","Escape"],n);var i=function(n){t.__containedEvent=n.timeStamp};o(e,qe,i),o(e,Ge,i),o(t._domCancel,"click",n)}));var l=function(n){t._ifPopup((function(){return t.closeHandler(n)})),t.onDone&&t.onDone(t.colour)};o(this._domOkay,"click",l),Ye(r,e,["Enter"],l)}},{key:"_setPosition",value:function(){var t=this.settings.parent,n=this.domElement;t!==n.parentNode&&t.appendChild(n),this._ifPopup((function(e){"static"===getComputedStyle(t).position&&(t.style.position="relative");var r=!0===e?"popup_right":"popup_"+e;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){t===r?n.classList.add(t):n.classList.remove(t)})),n.classList.add(r)}))}},{key:"_setHSLA",value:function(t,n,e,r,o){o=o||{};var i=this.colour,l=i.hsla;[t,n,e,r].forEach((function(t,n){(t||0===t)&&(l[n]=t)})),i.hsla=l,this._updateUI(o),this.onChange&&!o.silent&&this.onChange(i)}},{key:"_updateUI",value:function(t){if(this.domElement){t=t||{};var n=this.colour,e=n.hsla,r="hsl("+360*e[0]+", 100%, 50%)",o=n.hslString,i=n.hslaString,l=this._domH,a=this._domSL,s=this._domA,u=Ue(".picker_selector",l),c=Ue(".picker_selector",a),f=Ue(".picker_selector",s);y(0,u,e[0]),this._domSL.style.backgroundColor=this._domH.style.color=r,y(0,c,e[1]),b(0,c,1-e[2]),a.style.color=o,b(0,f,1-e[3]);var h=o,d=h.replace("hsl","hsla").replace(")",", 0)"),p="linear-gradient("+[h,d]+")";if(this._domA.style.background=p+", linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,\n                   linear-gradient(45deg, lightgrey 25%,       white 25%,       white 75%, lightgrey 75%) 1em 1em / 2em 2em",!t.fromEditor){var g=this.settings.editorFormat,v=this.settings.alpha,m=void 0;switch(g){case"rgb":m=n.printRGB(v);break;case"hsl":m=n.printHSL(v);break;default:m=n.printHex(v)}this._domEdit.value=m}this._domSample.style.color=i}function y(t,n,e){n.style.left=100*e+"%"}function b(t,n,e){n.style.top=100*e+"%"}}},{key:"_ifPopup",value:function(t,n){this.settings.parent&&this.settings.popup?t&&t(this.settings.popup):n&&n()}},{key:"_toggleDOM",value:function(t){var n=this.domElement;if(!n)return!1;var e=t?"":"none",r=n.style.display!==e;return r&&(n.style.display=e),r}}]),t}();function Ve(n){let e;return{c(){e=c("div")},m(t,r){a(t,e,r),n[6](e)},p:t,i:t,o:t,d(t){t&&s(e),n[6](null)}}}function Je(t,n,e){let r,o,{value:i="#AAAAAAFF"}=n,{options:l={}}=n,{onChange:a=(()=>{})}=n;function s(t){var n;(n=t.rgbaString)!==i&&(a(n,i),e(1,i=n))}return w((()=>{!function(t){if(!r)return;o&&o.destroy();t.onChange=s,e(5,o=new Xe({parent:r,color:i,popup:!1,...t})),o.show(),o.openHandler()}(l)})),S((()=>{o.destroy()})),t.$$set=t=>{"value"in t&&e(1,i=t.value),"options"in t&&e(2,l=t.options),"onChange"in t&&e(3,a=t.onChange)},t.$$.update=()=>{34&t.$$.dirty&&o&&o.setColor(i)},[r,i,l,a,function(t){o.setColor(t)},o,function(t){x[t?"unshift":"push"]((()=>{r=t,e(0,r)}))}]}var Ze=class extends G{constructor(t){super(),q(this,t,Je,Ve,i,{value:1,options:2,onChange:3,setColor:4})}get setColor(){return this.$$.ctx[4]}};const Ke=new Set(["Arial","Arial Black","Bahnschrift","Calibri","Cambria","Cambria Math","Candara","Comic Sans MS","Consolas","Constantia","Corbel","Courier New","Ebrima","Franklin Gothic Medium","Gabriola","Gadugi","Georgia","HoloLens MDL2 Assets","Impact","Ink Free","Javanese Text","Leelawadee UI","Lucida Console","Lucida Sans Unicode","Malgun Gothic","Marlett","Microsoft Himalaya","Microsoft JhengHei","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Sans Serif","Microsoft Tai Le","Microsoft YaHei","Microsoft Yi Baiti","MingLiU-ExtB","Mongolian Baiti","MS Gothic","MV Boli","Myanmar Text","Nirmala UI","Palatino Linotype","Segoe MDL2 Assets","Segoe Print","Segoe Script","Segoe UI","Segoe UI Historic","Segoe UI Emoji","Segoe UI Symbol","SimSun","Sitka","Sylfaen","Symbol","Tahoma","Times New Roman","Trebuchet MS","Verdana","Webdings","Wingdings","Yu Gothic","American Typewriter","Andale Mono","Arial","Arial Black","Arial Narrow","Arial Rounded MT Bold","Arial Unicode MS","Avenir","Avenir Next","Avenir Next Condensed","Baskerville","Big Caslon","Bodoni 72","Bodoni 72 Oldstyle","Bodoni 72 Smallcaps","Bradley Hand","Brush Script MT","Chalkboard","Chalkboard SE","Chalkduster","Charter","Cochin","Comic Sans MS","Copperplate","Courier","Courier New","Didot","DIN Alternate","DIN Condensed","Futura","Geneva","Georgia","Gill Sans","Helvetica","Helvetica Neue","Herculanum","Hoefler Text","Impact","Lucida Grande","Luminari","Marker Felt","Menlo","Microsoft Sans Serif","Monaco","Noteworthy","Optima","Palatino","Papyrus","Phosphate","Rockwell","Savoye LET","SignPainter","Skia","Snell Roundhand","Tahoma","Times","Times New Roman","Trattatello","Trebuchet MS","Verdana","Zapfino"].sort());function Qe(t,n,e){const r=t.slice();r[53]=n[e][0],r[54]=n[e][1],r[56]=n,r[57]=e;const o=r[54].props[r[54].selected];return r[55]=o,r}function tr(t,n,e){const r=t.slice();return r[58]=n[e],r}function nr(t,n,e){const r=t.slice();return r[61]=n[e],r[63]=e,r}function er(t,n,e){const r=t.slice();return r[64]=n[e],r[66]=e,r}function rr(t,n,e){const r=t.slice();return r[67]=n[e],r[69]=e,r}function or(t,n,e){const r=t.slice();return r[70]=n[e],r[72]=e,r}function ir(t){let n,e,r,o=t[1],i=[];for(let n=0;n<o.length;n+=1)i[n]=lr(or(t,o,n));return{c(){n=c("div"),e=c("b"),e.textContent="Elem",r=d();for(let t=0;t<i.length;t+=1)i[t].c();g(n,"class","select-tab")},m(t,o){a(t,n,o),l(n,e),l(n,r);for(let t=0;t<i.length;t+=1)i[t].m(n,null)},p(t,e){if(50&e[0]){let r;for(o=t[1],r=0;r<o.length;r+=1){const l=or(t,o,r);i[r]?i[r].p(l,e):(i[r]=lr(l),i[r].c(),i[r].m(n,null))}for(;r<i.length;r+=1)i[r].d(1);i.length=o.length}},d(t){t&&s(n),u(i,t)}}}function lr(t){let n,e,r,o,i,u;function f(){return t[27](t[72])}return{c(){n=c("span"),e=h("Elem "),r=h(t[72]),o=d(),m(n,"selected",t[4]===t[72])},m(t,s){a(t,n,s),l(n,e),l(n,r),l(n,o),i||(u=p(n,"click",f),i=!0)},p(e,r){t=e,16&r[0]&&m(n,"selected",t[4]===t[72])},d(t){t&&s(n),i=!1,u()}}}function ar(t){let n,e,r,o,i,u=t[67]+"";function f(){return t[28](t[69])}return{c(){n=c("span"),e=h(u),g(n,"title",r=t[67]),m(n,"selected",t[5]===t[69])},m(t,r){a(t,n,r),l(n,e),o||(i=p(n,"click",f),o=!0)},p(o,i){t=o,20&i[0]&&u!==(u=t[67]+"")&&v(e,u),20&i[0]&&r!==(r=t[67])&&g(n,"title",r),32&i[0]&&m(n,"selected",t[5]===t[69])},d(t){t&&s(n),o=!1,i()}}}function sr(t){let n,e,r,o,i,u=t[64]+"";function f(){return t[29](t[66])}return{c(){n=c("span"),e=h(u),r=d(),m(n,"selected",t[6]===t[66])},m(t,s){a(t,n,s),l(n,e),l(n,r),o||(i=p(n,"click",f),o=!0)},p(r,o){t=r,24&o[0]&&u!==(u=t[64]+"")&&v(e,u),64&o[0]&&m(n,"selected",t[6]===t[66])},d(t){t&&s(n),o=!1,i()}}}function ur(t){let n,e,r,o=Object.entries(t[13]),i=[];for(let n=0;n<o.length;n+=1)i[n]=mr(Qe(t,o,n));const f=t=>B(i[t],1,1,(()=>{i[t]=null}));let h="inline"===t[7]&&null!==t[15][t[4]]&&yr(t);return{c(){n=c("div");for(let t=0;t<i.length;t+=1)i[t].c();e=d(),h&&h.c(),g(n,"class","editor")},m(t,o){a(t,n,o);for(let t=0;t<i.length;t+=1)i[t].m(n,null);l(n,e),h&&h.m(n,null),r=!0},p(t,r){if(155648&r[0]){let l;for(o=Object.entries(t[13]),l=0;l<o.length;l+=1){const a=Qe(t,o,l);i[l]?(i[l].p(a,r),R(i[l],1)):(i[l]=mr(a),i[l].c(),R(i[l],1),i[l].m(n,e))}for(D(),l=o.length;l<i.length;l+=1)f(l);P()}"inline"===t[7]&&null!==t[15][t[4]]?h?h.p(t,r):(h=yr(t),h.c(),h.m(n,null)):h&&(h.d(1),h=null)},i(t){if(!r){for(let t=0;t<o.length;t+=1)R(i[t]);r=!0}},o(t){i=i.filter(Boolean);for(let t=0;t<i.length;t+=1)B(i[t]);r=!1},d(t){t&&s(n),u(i,t),h&&h.d()}}}function cr(t){let n,e,r=t[55]+"";return{c(){n=c("span"),e=h(r)},m(t,r){a(t,n,r),l(n,e)},p(t,n){8192&n[0]&&r!==(r=t[55]+"")&&v(e,r)},d(t){t&&s(n)}}}function fr(t){let n,e,r,o,i=t[54].props,f=[];for(let n=0;n<i.length;n+=1)f[n]=hr(nr(t,i,n));function h(...n){return t[30](t[54],t[56],t[57],...n)}return{c(){n=c("div"),e=c("select");for(let t=0;t<f.length;t+=1)f[t].c()},m(t,i){a(t,n,i),l(n,e);for(let t=0;t<f.length;t+=1)f[t].m(e,null);r||(o=p(e,"change",h),r=!0)},p(n,r){if(t=n,8192&r[0]){let n;for(i=t[54].props,n=0;n<i.length;n+=1){const o=nr(t,i,n);f[n]?f[n].p(o,r):(f[n]=hr(o),f[n].c(),f[n].m(e,null))}for(;n<f.length;n+=1)f[n].d(1);f.length=i.length}},d(t){t&&s(n),u(f,t),r=!1,o()}}}function hr(t){let n,e,r,o,i=t[61]+"";return{c(){n=c("option"),e=h(i),r=d(),n.selected=o=t[63]===t[54].selected,n.__value=t[63],n.value=n.__value},m(t,o){a(t,n,o),l(n,e),l(n,r)},p(t,r){8192&r[0]&&i!==(i=t[61]+"")&&v(e,i),8192&r[0]&&o!==(o=t[63]===t[54].selected)&&(n.selected=o)},d(t){t&&s(n)}}}function dr(t){let n,e;function r(...n){return t[33](t[55],...n)}return n=new Ze({props:{value:t[14][t[55]].value,onChange:r}}),{c(){var t;(t=n.$$.fragment)&&t.c()},m(t,r){I(n,t,r),e=!0},p(e,o){t=e;const i={};24576&o[0]&&(i.value=t[14][t[55]].value),8192&o[0]&&(i.onChange=r),n.$set(i)},i(t){e||(R(n.$$.fragment,t),e=!0)},o(t){B(n.$$.fragment,t),e=!1},d(t){F(n,t)}}}function pr(n){let e,r,o,i=n[14][n[55]].choices(),l=[];for(let t=0;t<i.length;t+=1)l[t]=vr(tr(n,i,t));function f(...t){return n[32](n[55],...t)}return{c(){e=c("select");for(let t=0;t<l.length;t+=1)l[t].c()},m(t,n){a(t,e,n);for(let t=0;t<l.length;t+=1)l[t].m(e,null);r||(o=p(e,"change",f),r=!0)},p(t,r){if(n=t,24576&r[0]){let t;for(i=n[14][n[55]].choices(),t=0;t<i.length;t+=1){const o=tr(n,i,t);l[t]?l[t].p(o,r):(l[t]=vr(o),l[t].c(),l[t].m(e,null))}for(;t<l.length;t+=1)l[t].d(1);l.length=i.length}},i:t,o:t,d(t){t&&s(e),u(l,t),r=!1,o()}}}function gr(n){let e,r,o,i,u,f,m,y,b,_=n[14][n[55]].displayed+"";function w(...t){return n[31](n[55],...t)}return{c(){e=c("input"),u=d(),f=c("span"),m=h(_),g(e,"type","range"),e.value=r=n[14][n[55]].value,g(e,"min",o=n[14][n[55]].min),g(e,"max",i=n[14][n[55]].max),g(f,"class","current-value")},m(t,n){a(t,e,n),a(t,u,n),a(t,f,n),l(f,m),y||(b=p(e,"change",w),y=!0)},p(t,l){n=t,24576&l[0]&&r!==(r=n[14][n[55]].value)&&(e.value=r),24576&l[0]&&o!==(o=n[14][n[55]].min)&&g(e,"min",o),24576&l[0]&&i!==(i=n[14][n[55]].max)&&g(e,"max",i),24576&l[0]&&_!==(_=n[14][n[55]].displayed+"")&&v(m,_)},i:t,o:t,d(t){t&&s(e),t&&s(u),t&&s(f),y=!1,b()}}}function vr(t){let n,e,r,o,i=t[58]+"";return{c(){n=c("option"),e=h(i),n.selected=r=t[58]==t[14][t[55]].value||null,n.__value=o=" "+t[58]+" ",n.value=n.__value},m(t,r){a(t,n,r),l(n,e)},p(t,l){24576&l[0]&&i!==(i=t[58]+"")&&v(e,i),24576&l[0]&&r!==(r=t[58]==t[14][t[55]].value||null)&&(n.selected=r),24576&l[0]&&o!==(o=" "+t[58]+" ")&&(n.__value=o,n.value=n.__value)},d(t){t&&s(n)}}}function mr(t){let n,e,r,o,i;function u(t,n){return t[54].props.length>1?fr:cr}let f=u(t),h=f(t);const p=[gr,pr,dr],v=[];function m(t,n){return"slider"===t[53]?0:"select"==t[53]?1:"color"==t[53]?2:-1}return~(r=m(t))&&(o=v[r]=p[r](t)),{c(){n=c("div"),h.c(),e=d(),o&&o.c(),g(n,"class","prop-section")},m(t,o){a(t,n,o),h.m(n,null),l(n,e),~r&&v[r].m(n,null),i=!0},p(t,i){f===(f=u(t))&&h?h.p(t,i):(h.d(1),h=f(t),h&&(h.c(),h.m(n,e)));let l=r;r=m(t),r===l?~r&&v[r].p(t,i):(o&&(D(),B(v[l],1,1,(()=>{v[l]=null})),P()),~r?(o=v[r],o?o.p(t,i):(o=v[r]=p[r](t),o.c()),R(o,1),o.m(n,null)):o=null)},i(t){i||(R(o),i=!0)},o(t){B(o),i=!1},d(t){t&&s(n),h.d(),~r&&v[r].d()}}}function yr(t){let n,e,r;return{c(){n=c("div"),n.textContent="Bring to front",g(n,"class","btn"),m(n,"active",!0===t[15][t[4]])},m(o,i){a(o,n,i),e||(r=p(n,"click",t[18]),e=!0)},p(t,e){32784&e[0]&&m(n,"active",!0===t[15][t[4]])},d(t){t&&s(n),e=!1,r()}}}function br(t){let n,e,o,i,h,v,m,y,b,_,w,S,k,x,E,$,M,C,L,T,A,N,O,j,H=t[1].length>1&&ir(t),I=xr(t[2][t[4]]),F=[];for(let n=0;n<I.length;n+=1)F[n]=ar(rr(t,I,n));let z=t[3][t[4]]||[],q=[];for(let n=0;n<z.length;n+=1)q[n]=sr(er(t,z,n));let G=t[3][t[4]]&&ur(t);return{c(){n=c("div"),e=d(),o=f("svg"),i=f("clipPath"),h=f("path"),v=f("rect"),b=d(),_=c("div"),w=c("div"),w.textContent="x",S=d(),H&&H.c(),k=d(),x=c("div"),E=c("b"),E.textContent="Rule:",$=d();for(let t=0;t<F.length;t+=1)F[t].c();M=d(),C=c("div"),L=c("b"),L.textContent="Property type:",T=d();for(let t=0;t<q.length;t+=1)q[t].c();var r,l,a,s;A=d(),G&&G.c(),r=n,l="position",null===(a="absolute")?r.style.removeProperty(l):r.style.setProperty(l,a,s?"important":""),g(h,"d",t[11]),g(i,"id","overlay-clip"),g(i,"clip-rule","evenodd"),g(v,"y","0"),g(v,"x","0"),g(v,"height","100%"),g(v,"width","100%"),g(v,"class","overlay-over"),g(o,"class","ise-helper-wrapper"),g(o,"version","1.1"),g(o,"xmlns","http://www.w3.org/2000/svg"),g(o,"xmlns:xlink","http://www.w3.org/1999/xlink"),g(o,"width",m=t[12].width),g(o,"height",y=t[12].height),g(w,"class","close-button"),g(x,"class","select-tab"),g(C,"class","select-tab"),g(_,"class","ise")},m(r,s){a(r,n,s),t[25](n),a(r,e,s),a(r,o,s),l(o,i),l(i,h),l(o,v),t[26](o),a(r,b,s),a(r,_,s),l(_,w),l(_,S),H&&H.m(_,null),l(_,k),l(_,x),l(x,E),l(x,$);for(let t=0;t<F.length;t+=1)F[t].m(x,null);l(_,M),l(_,C),l(C,L),l(C,T);for(let t=0;t<q.length;t+=1)q[t].m(C,null);l(_,A),G&&G.m(_,null),t[34](_),N=!0,O||(j=[p(o,"click",t[16]),p(w,"click",t[0])],O=!0)},p(t,n){if((!N||2048&n[0])&&g(h,"d",t[11]),(!N||4096&n[0]&&m!==(m=t[12].width))&&g(o,"width",m),(!N||4096&n[0]&&y!==(y=t[12].height))&&g(o,"height",y),t[1].length>1?H?H.p(t,n):(H=ir(t),H.c(),H.m(_,k)):H&&(H.d(1),H=null),52&n[0]){let e;for(I=xr(t[2][t[4]]),e=0;e<I.length;e+=1){const r=rr(t,I,e);F[e]?F[e].p(r,n):(F[e]=ar(r),F[e].c(),F[e].m(x,null))}for(;e<F.length;e+=1)F[e].d(1);F.length=I.length}if(88&n[0]){let e;for(z=t[3][t[4]]||[],e=0;e<z.length;e+=1){const r=er(t,z,e);q[e]?q[e].p(r,n):(q[e]=sr(r),q[e].c(),q[e].m(C,null))}for(;e<q.length;e+=1)q[e].d(1);q.length=z.length}t[3][t[4]]?G?(G.p(t,n),24&n[0]&&R(G,1)):(G=ur(t),G.c(),R(G,1),G.m(_,null)):G&&(D(),B(G,1,1,(()=>{G=null})),P())},i(t){N||(R(G),N=!0)},o(t){B(G),N=!1},d(i){i&&s(n),t[25](null),i&&s(e),i&&s(o),t[26](null),i&&s(b),i&&s(_),H&&H.d(),u(F,i),u(q,i),G&&G.d(),t[34](null),O=!1,r(j)}}}const _r="text",wr="border",Sr="stroke",kr="background";function xr(t){return t?t.map(((t,n)=>{if("inline"===t)return"inline";const e=t.selectorText;return`${t.parentStyleSheet.title||`${n}`}: ${e}`})):[]}function Er(t,n=0){const e=t.getBoundingClientRect();return{left:e.left+window.scrollX-n,top:e.top+window.scrollY-n,width:e.width+2*n,height:e.height+2*n,right:e.left+window.scrollX+e.width+n,bottom:e.top+window.scrollY+e.height+n}}function $r(t,n="number"){return"raw"==n?t:"number"==n&&/[0-9]+(px)|(em)|(rem)/.test(t)?parseInt(t):"rgb"!=n||!t.includes("rgb")&&"#"!=t[0]?t:function(t){const n=t.match(/[0-9\.]+/g).map((t=>parseFloat(t)));return 3===n.length&&n.push(1),n.reduce(((t,n,e)=>t+(3===e?Math.round(255*n).toString(16).padStart(2,"0"):n.toString(16).padStart(2,"0"))),"#")}(t)}function Mr(t,n,e){let r,o;const i=["altGlyph","circle","ellipse","line","path","polygon","polyline","rect","text","textPath","tref","tspan"],l={"border-radius":{type:"slider",min:0,max:30,suffix:"px"},"border-width":{type:"slider",min:0,max:30,suffix:"px"},"border-style":{type:"select",choices:()=>["none","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-color":{type:"color"},"font-family":{type:"select",choices:function(){return function(){const t=new Set;for(const n of Ke.values())document.fonts.check(`12px "${n}"`)&&t.add(n);return[...t.values()]}()}},"font-size":{type:"slider",min:0,max:30,suffix:"px"},"font-weight":{type:"slider",min:0,max:500},color:{type:"color"},"stroke-width":{type:"slider",min:0,max:30,suffix:"px"},stroke:{type:"color"},fill:{type:"color"},"stroke-dasharray":{type:"slider",min:0,max:30,suffix:"px"},"background-color":{type:"color"}},a={[_r]:["font-family","font-size","font-weight","color"],[wr]:["border-radius","border-width","border-color","border-style"],[Sr]:["stroke-width","stroke","stroke-dasharray","fill"],[kr]:["background-color"]};let s,u,c,f,h,{getAdditionalElems:d=(()=>[])}=n,{listenOnClick:p=!1}=n,g=null,v="",m={width:0,height:0},y=[],b=[],_=[],k=0,E=0,$=0,M={},C=[];w((()=>{N(),e(22,g=u.parentNode),document.body.appendChild(u),document.body.appendChild(c),document.body.appendChild(s),D(),window.addEventListener("resize",D)})),S((()=>{window.removeEventListener("resize",D),p&&g.removeEventListener("click",getTargetsAndRules)}));let L=new Set;function T(t){A(t.target,t.pageX,t.pageY)}function A(t,n,r){if(t.classList.contains("overlay-over"))return O();if(!u.contains(t))if(e(4,k=0),e(5,E=0),e(6,$=0),e(15,C=[]),e(3,_=[]),e(2,b=[]),e(1,y=[t,...d(t)]),e(3,_=y.reduce(((t,n)=>{const e=[];n.firstChild&&3===n.firstChild.nodeType&&e.push(_r);const r=n.tagName.toLowerCase();let o=!1;return i.includes(r)?(e.push(Sr),"g"===n.parentElement.tagName.toLowerCase()&&n.previousElementSibling&&n.previousElementSibling.tagName.toLowerCase()==r&&(o=!0)):(e.push(wr),e.push(kr)),o?C.push(!0):C.push(null),t.push(e),t}),[])),e(2,b=function(t){const n=document.styleSheets;return t.reduce(((t,e)=>{const r=["inline"];for(let t in n)try{const o=n[t].cssRules;for(let t in o){const n=o[t].selectorText;!n||o[t].selectorText.length>50||n.split(",").some((t=>"*"===t))||e.matches(n)&&r.push(o[t])}}catch(e){L.has(t)||(console.log("Style editor: Not able to access",n[t].ownerNode,"sheet. Try CORS loading the sheet if you want to edit it."),L.add(t))}return t.push(r),t}),[])}(y)),n&&r)j(n,r);else{const n=Er(t,15);j(n.left,n.top)}}function N(){e(9,u.style.display="none",u),e(10,c.style.display="none",c)}function O(){N()}function j(t,n){t=t+260>m.width?m.width-300:t+10,n=n+410>m.height?m.height-450:n+10,e(9,u.style.left=t+"px",u),e(9,u.style.top=n+"px",u),e(10,c.style.display="block",c),e(9,u.style.display="block",u)}const H=Nt((function(t,n,i){const l=i?n+i:n;if("inline"===o){r.style[t]=l}else o.style.setProperty(t,l);e(14,M[t].value=n,M),e(14,M[t].displayed=l,M),function(){if(!o)return;let t;if("inline"===o)t=[r];else{const n=o.selectorText.replace(/(:hover)|:focus/g,"");t=Array.from(document.querySelectorAll(n))}const n=t.map((t=>Er(t,10)));e(11,v=Oe(n,m))}()}),100);function D(){e(12,m={width:document.body.scrollWidth,height:document.body.scrollHeight})}function P(t,n,e="number"){let r=o?.style?.[n];if(!r){r=getComputedStyle(t)[n]}return $r(r,e)}return t.$$set=t=>{"getAdditionalElems"in t&&e(19,d=t.getAdditionalElems),"listenOnClick"in t&&e(20,p=t.listenOnClick)},t.$$.update=()=>{if(4194304&t.$$.dirty[0]&&null!==g&&p&&g.addEventListener("click",T),18&t.$$.dirty[0]&&e(24,r=y[k]),52&t.$$.dirty[0]&&e(7,o=b[k]?.[E]),8388696&t.$$.dirty[0]&&_[k]?.[$]!==h&&e(23,h=_[k]?.[$]),25165952&t.$$.dirty[0]&&h&&o){const t=mt(l,a[h]);Object.keys(t).forEach((n=>{t[n].displayed=P(r,n,"raw");const e=t[n].type;let o="number";"color"===e?o="rgb":"select"===e&&(o="raw"),t[n].value=P(r,n,o)})),e(13,f=Object.entries(t).reduce(((t,[n,e])=>{const r=e.type;return r in t?t[r].props.push(n):t[r]={selected:0,props:[n]},t}),{})),e(14,M=t)}},[N,y,b,_,k,E,$,o,s,u,c,v,m,f,M,C,O,H,function(){e(15,C[k]=!1,C),r.parentNode.appendChild(r)},d,p,A,g,h,r,function(t){x[t?"unshift":"push"]((()=>{s=t,e(8,s)}))},function(t){x[t?"unshift":"push"]((()=>{c=t,e(10,c)}))},t=>{e(4,k=t),e(5,E=0)},t=>{e(5,E=t)},t=>{e(6,$=t)},(t,n,r,o)=>e(13,n[r][1].selected=o.target.value,f),(t,n)=>H(t,n.target.value,M[t].suffix,n.target),(t,n)=>H(t,n.target.value),(t,n)=>H(t,n),function(t){x[t?"unshift":"push"]((()=>{u=t,e(9,u)}))}]}var Cr=class extends G{constructor(t){super(),q(this,t,Mr,br,i,{getAdditionalElems:19,listenOnClick:20,open:21,close:0},null,[-1,-1,-1])}get open(){return this.$$.ctx[21]}get close(){return this.$$.ctx[0]}};return class{constructor(t){return new Cr({target:document.body,props:t})}}}));