inline-style-editor 1.1.2 → 1.2.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 (15) hide show
  1. package/dist/inline-style-editor.css +1 -1
  2. package/dist/inline-style-editor.js +2 -2
  3. package/dist/inline-style-editor.js.map +1 -1
  4. package/dist/inline-style-editor.mjs +217 -153
  5. package/dist/inline-style-editor.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/assets/style.scss +6 -0
  8. package/src/components/ColorPicker.svelte +1 -1
  9. package/src/components/InlineStyleEditor.svelte +60 -43
  10. package/src/util/fonts.js +21 -1
  11. package/src/util/path.js +0 -1
  12. package/src/util/util.js +0 -2
  13. package/stats.html +1 -1
  14. package/test.html +14 -19
  15. package/.vscode/launch.json +0 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "inline-style-editor",
3
- "version": "1.1.2",
3
+ "version": "1.2.0",
4
4
  "description": "Update CSS rules or add inline style to elements visualy",
5
5
  "scripts": {
6
6
  "build": "rollup --config",
package/src/assets/style.scss CHANGED
@@ -32,6 +32,11 @@
32
32
  }
33
33
  input[type="range"] {
34
34
  width: 100%;
35
+ margin: auto;
36
+ }
37
+ .delete {
38
+ cursor: pointer;
39
+ font-size: 20px;
35
40
  }
36
41
  .select-tab {
37
42
  display: flex;
@@ -70,6 +75,7 @@
70
75
  display: flex;
71
76
  align-items: center;
72
77
  margin: 5px 0;
78
+ align-items: baseline;
73
79
  }
74
80
 
75
81
  .editor .prop-section>span {
package/src/components/ColorPicker.svelte CHANGED
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  function _onChange(color) {
26
- setValue(color.rgbaString);
26
+ setValue(color.hex);
27
27
  }
28
28
 
29
29
  onMount( () => {
package/src/components/InlineStyleEditor.svelte CHANGED
@@ -18,8 +18,8 @@
18
18
  "border-style": {type: 'select', choices: () => ["none", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset",]},
19
19
  "border-color": {type: "color"},
20
20
  "font-family": { type: 'select', choices: getFontFamilies},
21
- "font-size": {type: "slider", min: 0, max: 30, suffix: 'px'},
22
- "font-weight": {type: "slider", min: 0, max: 500},
21
+ "font-size": {type: "slider", min: 0, max: 40, suffix: 'px'},
22
+ "font-weight": {type: "slider", min: 0, max: 800},
23
23
  "color": {type: "color"},
24
24
  "stroke-width": {type: "slider", min: 0, max: 20, step: 0.5, suffix: 'px'},
25
25
  'stroke': {type: "color"},
@@ -79,35 +79,7 @@
79
79
  }
80
80
  $: {
81
81
  if (curType && currentRule) {
82
- const allProps = {...cssPropByType, ...customProps};
83
- const _allCurrentPropDefs = pick(allProps, propByType[curType]);
84
- Object.keys(_allCurrentPropDefs).forEach(key => {
85
- const propSelectType = _allCurrentPropDefs[key].type;
86
- let retrieveType = 'number';
87
- if (propSelectType === 'color') retrieveType = 'rgb';
88
- else if (propSelectType === 'select') retrieveType = 'raw';
89
- if (_allCurrentPropDefs[key].getter) {
90
- const val = _allCurrentPropDefs[key].getter(currentElement);
91
- if (val === null) {
92
- delete _allCurrentPropDefs[key];
93
- return;
94
- }
95
- _allCurrentPropDefs[key].value = val;
96
- _allCurrentPropDefs[key].displayed = val;
97
- }
98
- else {
99
- _allCurrentPropDefs[key].displayed = getComputedPropValue(currentElement, key, 'raw');
100
- _allCurrentPropDefs[key].value = getComputedPropValue(currentElement, key, retrieveType);
101
- }
102
- });
103
-
104
- propsByType = Object.entries(_allCurrentPropDefs).reduce((byType, [propName, selectorDef]) => {
105
- const selectorType = selectorDef.type;
106
- if (!(selectorType in byType)) byType[selectorType] = {selected: 0, props: [propName]};
107
- else byType[selectorType].props.push(propName);
108
- return byType;
109
- }, {});
110
- allCurrentPropDefs = _allCurrentPropDefs;
82
+ initAndGroup();
111
83
  }
112
84
  }
113
85
 
@@ -134,6 +106,39 @@
134
106
  return getFonts();
135
107
  }
136
108
 
109
+ function initAndGroup(){
110
+ const allProps = {...cssPropByType, ...customProps};
111
+ const _allCurrentPropDefs = pick(allProps, propByType[curType]);
112
+ Object.keys(_allCurrentPropDefs).forEach(key => {
113
+ const propSelectType = _allCurrentPropDefs[key].type;
114
+ let retrieveType = 'number';
115
+ if (propSelectType === 'color') retrieveType = 'rgb';
116
+ else if (propSelectType === 'select') retrieveType = 'raw';
117
+ if (_allCurrentPropDefs[key].getter) {
118
+ const val = _allCurrentPropDefs[key].getter(currentElement);
119
+ if (val === null) {
120
+ delete _allCurrentPropDefs[key];
121
+ return;
122
+ }
123
+ _allCurrentPropDefs[key].value = val;
124
+ _allCurrentPropDefs[key].displayed = val;
125
+ }
126
+ else {
127
+ _allCurrentPropDefs[key].displayed = getComputedPropValue(currentElement, key, 'raw');
128
+ _allCurrentPropDefs[key].value = getComputedPropValue(currentElement, key, retrieveType);
129
+ }
130
+ });
131
+
132
+ propsByType = Object.entries(_allCurrentPropDefs).reduce((byType, [propName, selectorDef]) => {
133
+ const selectorType = selectorDef.type;
134
+ if (!(selectorType in byType)) byType[selectorType] = {selected: 0, props: [propName]};
135
+ else byType[selectorType].props.push(propName);
136
+ return byType;
137
+ }, {});
138
+ allCurrentPropDefs = _allCurrentPropDefs;
139
+ updateHelpers();
140
+ }
141
+
137
142
  function getRuleNames(rules) {
138
143
  if (!rules) return [];
139
144
  return rules.map((rule, i) => {
@@ -153,11 +158,10 @@
153
158
  try {
154
159
  const rules = sheets[i].cssRules;
155
160
  for (let r in rules) {
156
- const selectorText = rules[r].selectorText;
157
- if (!selectorText || rules[r].selectorText.length > 50)
158
- continue; // skip selectors too long
159
- if (selectorText.split(',').some(selector => selector === '*'))
160
- continue; // skip * selector
161
+ let selectorText = rules[r].selectorText;
162
+ if (!selectorText || rules[r].selectorText.length > 50) continue; // skip selectors too long
163
+ if (selectorText.split(',').some(selector => selector === '*')) continue; // skip * selector
164
+ if (selectorText.endsWith(':hover')) selectorText = selectorText.substring(0, selectorText.length - ':hover'.length);
161
165
  if (el.matches(selectorText)) {
162
166
  matchedRules.push(rules[r]);
163
167
  }
@@ -260,7 +264,8 @@
260
264
  self.style.display = "block";
261
265
  }
262
266
 
263
- function updateHelpers() {
267
+ async function updateHelpers() {
268
+ await tick();
264
269
  if (!currentRule) return;
265
270
  let matching;
266
271
  if (currentRule === 'inline') matching = [currentElement];
@@ -347,6 +352,16 @@
347
352
  bringableToFront[selectedElemIndex] = false;
348
353
  currentElement.parentNode.appendChild(currentElement);
349
354
  }
355
+
356
+ function deleteProp(propName) {
357
+ if (currentRule === 'inline') {
358
+ currentElement.style.removeProperty(propName)
359
+ }
360
+ else {
361
+ currentRule.style.removeProperty(propName);
362
+ }
363
+ initAndGroup();
364
+ }
350
365
 
351
366
  function selectRule(ruleIndex) {
352
367
  const newRule = allRules[selectedElemIndex]?.[ruleIndex];
@@ -412,13 +427,15 @@ on:click={overlayClicked}>
412
427
  {:else}
413
428
  <span> { selectedName } </span>
414
429
  {/if}
430
+ <span class="delete" on:click={() => deleteProp(selectedName)}>✕</span>
415
431
  {#if propType === 'slider'}
416
- <input type=range
417
- min={allCurrentPropDefs[selectedName].min}
418
- max={allCurrentPropDefs[selectedName].max}
419
- step={allCurrentPropDefs[selectedName].step || 1}
420
- value={allCurrentPropDefs[selectedName].value}
421
- on:change={(e) => updateProp(selectedName, e.target.value, allCurrentPropDefs[selectedName].suffix, e.target)}/>
432
+ <input type=range
433
+ min={allCurrentPropDefs[selectedName].min}
434
+ max={allCurrentPropDefs[selectedName].max}
435
+ step={allCurrentPropDefs[selectedName].step || 1}
436
+ value={allCurrentPropDefs[selectedName].value}
437
+ on:change={(e) => updateProp(selectedName, e.target.value, allCurrentPropDefs[selectedName].suffix, e.target)}
438
+ />
422
439
  <span class="current-value"> { allCurrentPropDefs[selectedName].displayed } </span>
423
440
  {:else if propType == 'select'}
424
441
  <select on:change={(e) => updateProp(selectedName, e.target.value)}>
package/src/util/fonts.js CHANGED
@@ -14,7 +14,27 @@ function getFonts() {
14
14
  }
15
15
  }
16
16
 
17
- return [...availableFonts.values()]
17
+ return [...listFonts(), ...availableFonts.values()]
18
+ }
19
+
20
+ function listFonts() {
21
+ let { fonts } = document;
22
+ const it = fonts.entries();
23
+
24
+ let arr = [];
25
+ let done = false;
26
+
27
+ while (!done) {
28
+ const font = it.next();
29
+ if (!font.done) {
30
+ arr.push(font.value[0].family);
31
+ } else {
32
+ done = font.done;
33
+ }
34
+ }
35
+
36
+ // converted to set then arr to filter repetitive values
37
+ return [...new Set(arr)];
18
38
  }
19
39
 
20
40
  export { getFonts };
package/src/util/path.js CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  import parsePath from 'parse-svg-path';
3
2
 
4
3
  export function simplifyLinesPath(path) {
package/src/util/util.js CHANGED
@@ -1,5 +1,3 @@
1
-
2
-
3
1
  function pick(obj, keys) {
4
2
  return keys.reduce((picked, curKey) => {
5
3
  picked[curKey] = obj[curKey];
package/stats.html CHANGED
@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
4014
4014
  </script>
4015
4015
  <script>
4016
4016
  /*<!--*/
4017
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"inline-style-editor.js","children":[{"name":"node_modules","children":[{"name":"svelte/internal/index.mjs","uid":"de02-106"},{"name":"d3-array/src","children":[{"uid":"de02-110","name":"ascending.js"},{"uid":"de02-112","name":"descending.js"},{"uid":"de02-114","name":"bisector.js"},{"uid":"de02-116","name":"number.js"},{"uid":"de02-118","name":"bisect.js"},{"uid":"de02-120","name":"count.js"},{"uid":"de02-122","name":"extent.js"},{"uid":"de02-124","name":"ticks.js"},{"name":"threshold/sturges.js","uid":"de02-126"}]},{"name":"d3-contour/src","children":[{"uid":"de02-128","name":"array.js"},{"uid":"de02-130","name":"ascending.js"},{"uid":"de02-132","name":"area.js"},{"uid":"de02-134","name":"constant.js"},{"uid":"de02-136","name":"contains.js"},{"uid":"de02-138","name":"noop.js"},{"uid":"de02-140","name":"contours.js"}]},{"name":"vanilla-picker/dist/vanilla-picker.csp.mjs","uid":"de02-144"}]},{"name":"src","children":[{"name":"util","children":[{"uid":"de02-108","name":"util.js"},{"uid":"de02-142","name":"boxesContour.js"},{"uid":"de02-148","name":"fonts.js"}]},{"name":"components","children":[{"uid":"de02-146","name":"ColorPicker.svelte"},{"uid":"de02-150","name":"InlineStyleEditor.svelte"}]},{"uid":"de02-152","name":"index.js"}]}]}],"isRoot":true},"nodeParts":{"de02-106":{"renderedLength":12388,"gzipLength":0,"brotliLength":0,"mainUid":"de02-105"},"de02-108":{"renderedLength":674,"gzipLength":0,"brotliLength":0,"mainUid":"de02-107"},"de02-110":{"renderedLength":125,"gzipLength":0,"brotliLength":0,"mainUid":"de02-109"},"de02-112":{"renderedLength":156,"gzipLength":0,"brotliLength":0,"mainUid":"de02-111"},"de02-114":{"renderedLength":1664,"gzipLength":0,"brotliLength":0,"mainUid":"de02-113"},"de02-116":{"renderedLength":66,"gzipLength":0,"brotliLength":0,"mainUid":"de02-115"},"de02-118":{"renderedLength":55,"gzipLength":0,"brotliLength":0,"mainUid":"de02-117"},"de02-120":{"renderedLength":480,"gzipLength":0,"brotliLength":0,"mainUid":"de02-119"},"de02-122":{"renderedLength":823,"gzipLength":0,"brotliLength":0,"mainUid":"de02-121"},"de02-124":{"renderedLength":1901,"gzipLength":0,"brotliLength":0,"mainUid":"de02-123"},"de02-126":{"renderedLength":109,"gzipLength":0,"brotliLength":0,"mainUid":"de02-125"},"de02-128":{"renderedLength":62,"gzipLength":0,"brotliLength":0,"mainUid":"de02-127"},"de02-130":{"renderedLength":56,"gzipLength":0,"brotliLength":0,"mainUid":"de02-129"},"de02-132":{"renderedLength":239,"gzipLength":0,"brotliLength":0,"mainUid":"de02-131"},"de02-134":{"renderedLength":32,"gzipLength":0,"brotliLength":0,"mainUid":"de02-133"},"de02-136":{"renderedLength":956,"gzipLength":0,"brotliLength":0,"mainUid":"de02-135"},"de02-138":{"renderedLength":22,"gzipLength":0,"brotliLength":0,"mainUid":"de02-137"},"de02-140":{"renderedLength":6572,"gzipLength":0,"brotliLength":0,"mainUid":"de02-139"},"de02-142":{"renderedLength":3648,"gzipLength":0,"brotliLength":0,"mainUid":"de02-141"},"de02-144":{"renderedLength":34619,"gzipLength":0,"brotliLength":0,"mainUid":"de02-143"},"de02-146":{"renderedLength":2504,"gzipLength":0,"brotliLength":0,"mainUid":"de02-145"},"de02-148":{"renderedLength":2194,"gzipLength":0,"brotliLength":0,"mainUid":"de02-147"},"de02-150":{"renderedLength":52138,"gzipLength":0,"brotliLength":0,"mainUid":"de02-149"},"de02-152":{"renderedLength":153,"gzipLength":0,"brotliLength":0,"mainUid":"de02-151"}},"nodeMetas":{"de02-105":{"id":"/node_modules/svelte/internal/index.mjs","moduleParts":{"inline-style-editor.js":"de02-106"},"imported":[],"importedBy":[{"uid":"de02-149"},{"uid":"de02-153"},{"uid":"de02-145"}]},"de02-107":{"id":"/src/util/util.js","moduleParts":{"inline-style-editor.js":"de02-108"},"imported":[],"importedBy":[{"uid":"de02-149"}]},"de02-109":{"id":"/node_modules/d3-array/src/ascending.js","moduleParts":{"inline-style-editor.js":"de02-110"},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-117"},{"uid":"de02-113"},{"uid":"de02-164"},{"uid":"de02-182"},{"uid":"de02-183"},{"uid":"de02-184"},{"uid":"de02-185"},{"uid":"de02-186"},{"uid":"de02-199"}]},"de02-111":{"id":"/node_modules/d3-array/src/descending.js","moduleParts":{"inline-style-editor.js":"de02-112"},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-113"}]},"de02-113":{"id":"/node_modules/d3-array/src/bisector.js","moduleParts":{"inline-style-editor.js":"de02-114"},"imported":[{"uid":"de02-109"},{"uid":"de02-111"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-117"}]},"de02-115":{"id":"/node_modules/d3-array/src/number.js","moduleParts":{"inline-style-editor.js":"de02-116"},"imported":[],"importedBy":[{"uid":"de02-117"},{"uid":"de02-179"}]},"de02-117":{"id":"/node_modules/d3-array/src/bisect.js","moduleParts":{"inline-style-editor.js":"de02-118"},"imported":[{"uid":"de02-109"},{"uid":"de02-113"},{"uid":"de02-115"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-165"}]},"de02-119":{"id":"/node_modules/d3-array/src/count.js","moduleParts":{"inline-style-editor.js":"de02-120"},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-166"},{"uid":"de02-167"},{"uid":"de02-125"}]},"de02-121":{"id":"/node_modules/d3-array/src/extent.js","moduleParts":{"inline-style-editor.js":"de02-122"},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-165"}]},"de02-123":{"id":"/node_modules/d3-array/src/ticks.js","moduleParts":{"inline-style-editor.js":"de02-124"},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-165"},{"uid":"de02-176"}]},"de02-125":{"id":"/node_modules/d3-array/src/threshold/sturges.js","moduleParts":{"inline-style-editor.js":"de02-126"},"imported":[{"uid":"de02-119"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-165"}]},"de02-127":{"id":"/node_modules/d3-contour/src/array.js","moduleParts":{"inline-style-editor.js":"de02-128"},"imported":[],"importedBy":[{"uid":"de02-139"},{"uid":"de02-156"}]},"de02-129":{"id":"/node_modules/d3-contour/src/ascending.js","moduleParts":{"inline-style-editor.js":"de02-130"},"imported":[],"importedBy":[{"uid":"de02-139"}]},"de02-131":{"id":"/node_modules/d3-contour/src/area.js","moduleParts":{"inline-style-editor.js":"de02-132"},"imported":[],"importedBy":[{"uid":"de02-139"}]},"de02-133":{"id":"/node_modules/d3-contour/src/constant.js","moduleParts":{"inline-style-editor.js":"de02-134"},"imported":[],"importedBy":[{"uid":"de02-139"},{"uid":"de02-156"}]},"de02-135":{"id":"/node_modules/d3-contour/src/contains.js","moduleParts":{"inline-style-editor.js":"de02-136"},"imported":[],"importedBy":[{"uid":"de02-139"}]},"de02-137":{"id":"/node_modules/d3-contour/src/noop.js","moduleParts":{"inline-style-editor.js":"de02-138"},"imported":[],"importedBy":[{"uid":"de02-139"}]},"de02-139":{"id":"/node_modules/d3-contour/src/contours.js","moduleParts":{"inline-style-editor.js":"de02-140"},"imported":[{"uid":"de02-157"},{"uid":"de02-127"},{"uid":"de02-129"},{"uid":"de02-131"},{"uid":"de02-133"},{"uid":"de02-135"},{"uid":"de02-137"}],"importedBy":[{"uid":"de02-155"},{"uid":"de02-156"}]},"de02-141":{"id":"/src/util/boxesContour.js","moduleParts":{"inline-style-editor.js":"de02-142"},"imported":[{"uid":"de02-155"}],"importedBy":[{"uid":"de02-149"}]},"de02-143":{"id":"/node_modules/vanilla-picker/dist/vanilla-picker.csp.mjs","moduleParts":{"inline-style-editor.js":"de02-144"},"imported":[],"importedBy":[{"uid":"de02-145"}]},"de02-145":{"id":"/src/components/ColorPicker.svelte","moduleParts":{"inline-style-editor.js":"de02-146"},"imported":[{"uid":"de02-105"},{"uid":"de02-143"},{"uid":"de02-153"}],"importedBy":[{"uid":"de02-149"}]},"de02-147":{"id":"/src/util/fonts.js","moduleParts":{"inline-style-editor.js":"de02-148"},"imported":[],"importedBy":[{"uid":"de02-149"}]},"de02-149":{"id":"/src/components/InlineStyleEditor.svelte","moduleParts":{"inline-style-editor.js":"de02-150"},"imported":[{"uid":"de02-105"},{"uid":"de02-153"},{"uid":"de02-154"},{"uid":"de02-107"},{"uid":"de02-141"},{"uid":"de02-145"},{"uid":"de02-147"}],"importedBy":[{"uid":"de02-151"}]},"de02-151":{"id":"/src/index.js","moduleParts":{"inline-style-editor.js":"de02-152"},"imported":[{"uid":"de02-149"}],"importedBy":[],"isEntry":true},"de02-153":{"id":"/node_modules/svelte/index.mjs","moduleParts":{},"imported":[{"uid":"de02-105"}],"importedBy":[{"uid":"de02-149"},{"uid":"de02-145"}]},"de02-154":{"id":"/src/assets/index.scss","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-149"}]},"de02-155":{"id":"/node_modules/d3-contour/src/index.js","moduleParts":{},"imported":[{"uid":"de02-139"},{"uid":"de02-156"}],"importedBy":[{"uid":"de02-141"}]},"de02-156":{"id":"/node_modules/d3-contour/src/density.js","moduleParts":{},"imported":[{"uid":"de02-157"},{"uid":"de02-127"},{"uid":"de02-133"},{"uid":"de02-139"}],"importedBy":[{"uid":"de02-155"}]},"de02-157":{"id":"/node_modules/d3-array/src/index.js","moduleParts":{},"imported":[{"uid":"de02-117"},{"uid":"de02-109"},{"uid":"de02-113"},{"uid":"de02-158"},{"uid":"de02-119"},{"uid":"de02-159"},{"uid":"de02-160"},{"uid":"de02-111"},{"uid":"de02-161"},{"uid":"de02-121"},{"uid":"de02-162"},{"uid":"de02-163"},{"uid":"de02-164"},{"uid":"de02-165"},{"uid":"de02-166"},{"uid":"de02-167"},{"uid":"de02-125"},{"uid":"de02-168"},{"uid":"de02-169"},{"uid":"de02-170"},{"uid":"de02-171"},{"uid":"de02-172"},{"uid":"de02-173"},{"uid":"de02-174"},{"uid":"de02-175"},{"uid":"de02-176"},{"uid":"de02-177"},{"uid":"de02-178"},{"uid":"de02-179"},{"uid":"de02-180"},{"uid":"de02-181"},{"uid":"de02-182"},{"uid":"de02-183"},{"uid":"de02-184"},{"uid":"de02-185"},{"uid":"de02-186"},{"uid":"de02-187"},{"uid":"de02-188"},{"uid":"de02-189"},{"uid":"de02-123"},{"uid":"de02-190"},{"uid":"de02-191"},{"uid":"de02-192"},{"uid":"de02-193"},{"uid":"de02-194"},{"uid":"de02-195"},{"uid":"de02-196"},{"uid":"de02-197"},{"uid":"de02-198"},{"uid":"de02-199"},{"uid":"de02-200"},{"uid":"de02-201"},{"uid":"de02-202"},{"uid":"de02-203"},{"uid":"de02-204"},{"uid":"de02-205"},{"uid":"de02-206"}],"importedBy":[{"uid":"de02-139"},{"uid":"de02-156"}]},"de02-158":{"id":"/node_modules/d3-array/src/blur.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-159":{"id":"/node_modules/d3-array/src/cross.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-160":{"id":"/node_modules/d3-array/src/cumsum.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-161":{"id":"/node_modules/d3-array/src/deviation.js","moduleParts":{},"imported":[{"uid":"de02-191"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-167"}]},"de02-162":{"id":"/node_modules/d3-array/src/fsum.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-163":{"id":"/node_modules/d3-array/src/group.js","moduleParts":{},"imported":[{"uid":"de02-206"},{"uid":"de02-207"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-164"}]},"de02-164":{"id":"/node_modules/d3-array/src/groupSort.js","moduleParts":{},"imported":[{"uid":"de02-109"},{"uid":"de02-163"},{"uid":"de02-199"}],"importedBy":[{"uid":"de02-157"}]},"de02-165":{"id":"/node_modules/d3-array/src/bin.js","moduleParts":{},"imported":[{"uid":"de02-208"},{"uid":"de02-117"},{"uid":"de02-209"},{"uid":"de02-121"},{"uid":"de02-207"},{"uid":"de02-176"},{"uid":"de02-123"},{"uid":"de02-125"}],"importedBy":[{"uid":"de02-157"}]},"de02-166":{"id":"/node_modules/d3-array/src/threshold/freedmanDiaconis.js","moduleParts":{},"imported":[{"uid":"de02-119"},{"uid":"de02-179"}],"importedBy":[{"uid":"de02-157"}]},"de02-167":{"id":"/node_modules/d3-array/src/threshold/scott.js","moduleParts":{},"imported":[{"uid":"de02-119"},{"uid":"de02-161"}],"importedBy":[{"uid":"de02-157"}]},"de02-168":{"id":"/node_modules/d3-array/src/max.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-179"}]},"de02-169":{"id":"/node_modules/d3-array/src/maxIndex.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-179"},{"uid":"de02-186"}]},"de02-170":{"id":"/node_modules/d3-array/src/mean.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-171":{"id":"/node_modules/d3-array/src/median.js","moduleParts":{},"imported":[{"uid":"de02-179"}],"importedBy":[{"uid":"de02-157"}]},"de02-172":{"id":"/node_modules/d3-array/src/merge.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-173":{"id":"/node_modules/d3-array/src/min.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-179"},{"uid":"de02-190"}]},"de02-174":{"id":"/node_modules/d3-array/src/minIndex.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-179"},{"uid":"de02-184"}]},"de02-175":{"id":"/node_modules/d3-array/src/mode.js","moduleParts":{},"imported":[{"uid":"de02-206"}],"importedBy":[{"uid":"de02-157"}]},"de02-176":{"id":"/node_modules/d3-array/src/nice.js","moduleParts":{},"imported":[{"uid":"de02-123"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-165"}]},"de02-177":{"id":"/node_modules/d3-array/src/pairs.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-178":{"id":"/node_modules/d3-array/src/permute.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-199"}]},"de02-179":{"id":"/node_modules/d3-array/src/quantile.js","moduleParts":{},"imported":[{"uid":"de02-168"},{"uid":"de02-169"},{"uid":"de02-173"},{"uid":"de02-174"},{"uid":"de02-180"},{"uid":"de02-115"},{"uid":"de02-199"},{"uid":"de02-185"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-166"},{"uid":"de02-171"}]},"de02-180":{"id":"/node_modules/d3-array/src/quickselect.js","moduleParts":{},"imported":[{"uid":"de02-199"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-179"}]},"de02-181":{"id":"/node_modules/d3-array/src/range.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-182":{"id":"/node_modules/d3-array/src/rank.js","moduleParts":{},"imported":[{"uid":"de02-109"},{"uid":"de02-199"}],"importedBy":[{"uid":"de02-157"}]},"de02-183":{"id":"/node_modules/d3-array/src/least.js","moduleParts":{},"imported":[{"uid":"de02-109"}],"importedBy":[{"uid":"de02-157"}]},"de02-184":{"id":"/node_modules/d3-array/src/leastIndex.js","moduleParts":{},"imported":[{"uid":"de02-109"},{"uid":"de02-174"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-187"}]},"de02-185":{"id":"/node_modules/d3-array/src/greatest.js","moduleParts":{},"imported":[{"uid":"de02-109"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-179"}]},"de02-186":{"id":"/node_modules/d3-array/src/greatestIndex.js","moduleParts":{},"imported":[{"uid":"de02-109"},{"uid":"de02-169"}],"importedBy":[{"uid":"de02-157"}]},"de02-187":{"id":"/node_modules/d3-array/src/scan.js","moduleParts":{},"imported":[{"uid":"de02-184"}],"importedBy":[{"uid":"de02-157"}]},"de02-188":{"id":"/node_modules/d3-array/src/shuffle.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-189":{"id":"/node_modules/d3-array/src/sum.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-190":{"id":"/node_modules/d3-array/src/transpose.js","moduleParts":{},"imported":[{"uid":"de02-173"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-192"}]},"de02-191":{"id":"/node_modules/d3-array/src/variance.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-161"}]},"de02-192":{"id":"/node_modules/d3-array/src/zip.js","moduleParts":{},"imported":[{"uid":"de02-190"}],"importedBy":[{"uid":"de02-157"}]},"de02-193":{"id":"/node_modules/d3-array/src/every.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-194":{"id":"/node_modules/d3-array/src/some.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-195":{"id":"/node_modules/d3-array/src/filter.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-196":{"id":"/node_modules/d3-array/src/map.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-197":{"id":"/node_modules/d3-array/src/reduce.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-198":{"id":"/node_modules/d3-array/src/reverse.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"}]},"de02-199":{"id":"/node_modules/d3-array/src/sort.js","moduleParts":{},"imported":[{"uid":"de02-109"},{"uid":"de02-178"}],"importedBy":[{"uid":"de02-157"},{"uid":"de02-164"},{"uid":"de02-179"},{"uid":"de02-180"},{"uid":"de02-182"}]},"de02-200":{"id":"/node_modules/d3-array/src/difference.js","moduleParts":{},"imported":[{"uid":"de02-206"}],"importedBy":[{"uid":"de02-157"}]},"de02-201":{"id":"/node_modules/d3-array/src/disjoint.js","moduleParts":{},"imported":[{"uid":"de02-206"}],"importedBy":[{"uid":"de02-157"}]},"de02-202":{"id":"/node_modules/d3-array/src/intersection.js","moduleParts":{},"imported":[{"uid":"de02-206"}],"importedBy":[{"uid":"de02-157"}]},"de02-203":{"id":"/node_modules/d3-array/src/subset.js","moduleParts":{},"imported":[{"uid":"de02-204"}],"importedBy":[{"uid":"de02-157"}]},"de02-204":{"id":"/node_modules/d3-array/src/superset.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-203"}]},"de02-205":{"id":"/node_modules/d3-array/src/union.js","moduleParts":{},"imported":[{"uid":"de02-206"}],"importedBy":[{"uid":"de02-157"}]},"de02-206":{"id":"/node_modules/internmap/src/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-157"},{"uid":"de02-163"},{"uid":"de02-175"},{"uid":"de02-200"},{"uid":"de02-201"},{"uid":"de02-202"},{"uid":"de02-205"}]},"de02-207":{"id":"/node_modules/d3-array/src/identity.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-163"},{"uid":"de02-165"}]},"de02-208":{"id":"/node_modules/d3-array/src/array.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-165"}]},"de02-209":{"id":"/node_modules/d3-array/src/constant.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"de02-165"}]}},"env":{"rollup":"2.78.1"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
4017
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"inline-style-editor.js","children":[{"name":"node_modules","children":[{"name":"svelte/internal/index.mjs","uid":"6b67-106"},{"name":"d3-array/src","children":[{"uid":"6b67-110","name":"ascending.js"},{"uid":"6b67-112","name":"descending.js"},{"uid":"6b67-114","name":"bisector.js"},{"uid":"6b67-116","name":"number.js"},{"uid":"6b67-118","name":"bisect.js"},{"uid":"6b67-120","name":"count.js"},{"uid":"6b67-122","name":"extent.js"},{"uid":"6b67-124","name":"ticks.js"},{"name":"threshold/sturges.js","uid":"6b67-126"}]},{"name":"d3-contour/src","children":[{"uid":"6b67-128","name":"array.js"},{"uid":"6b67-130","name":"ascending.js"},{"uid":"6b67-132","name":"area.js"},{"uid":"6b67-134","name":"constant.js"},{"uid":"6b67-136","name":"contains.js"},{"uid":"6b67-138","name":"noop.js"},{"uid":"6b67-140","name":"contours.js"}]},{"name":"vanilla-picker/dist/vanilla-picker.csp.mjs","uid":"6b67-144"}]},{"name":"src","children":[{"name":"util","children":[{"uid":"6b67-108","name":"util.js"},{"uid":"6b67-142","name":"boxesContour.js"},{"uid":"6b67-148","name":"fonts.js"}]},{"name":"components","children":[{"uid":"6b67-146","name":"ColorPicker.svelte"},{"uid":"6b67-150","name":"InlineStyleEditor.svelte"}]},{"uid":"6b67-152","name":"index.js"}]}]}],"isRoot":true},"nodeParts":{"6b67-106":{"renderedLength":12388,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-105"},"6b67-108":{"renderedLength":674,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-107"},"6b67-110":{"renderedLength":125,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-109"},"6b67-112":{"renderedLength":156,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-111"},"6b67-114":{"renderedLength":1664,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-113"},"6b67-116":{"renderedLength":66,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-115"},"6b67-118":{"renderedLength":55,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-117"},"6b67-120":{"renderedLength":480,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-119"},"6b67-122":{"renderedLength":823,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-121"},"6b67-124":{"renderedLength":1901,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-123"},"6b67-126":{"renderedLength":109,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-125"},"6b67-128":{"renderedLength":62,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-127"},"6b67-130":{"renderedLength":56,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-129"},"6b67-132":{"renderedLength":239,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-131"},"6b67-134":{"renderedLength":32,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-133"},"6b67-136":{"renderedLength":956,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-135"},"6b67-138":{"renderedLength":22,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-137"},"6b67-140":{"renderedLength":6572,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-139"},"6b67-142":{"renderedLength":3648,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-141"},"6b67-144":{"renderedLength":34619,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-143"},"6b67-146":{"renderedLength":2497,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-145"},"6b67-148":{"renderedLength":2681,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-147"},"6b67-150":{"renderedLength":53123,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-149"},"6b67-152":{"renderedLength":153,"gzipLength":0,"brotliLength":0,"mainUid":"6b67-151"}},"nodeMetas":{"6b67-105":{"id":"/node_modules/svelte/internal/index.mjs","moduleParts":{"inline-style-editor.js":"6b67-106"},"imported":[],"importedBy":[{"uid":"6b67-149"},{"uid":"6b67-153"},{"uid":"6b67-145"}]},"6b67-107":{"id":"/src/util/util.js","moduleParts":{"inline-style-editor.js":"6b67-108"},"imported":[],"importedBy":[{"uid":"6b67-149"}]},"6b67-109":{"id":"/node_modules/d3-array/src/ascending.js","moduleParts":{"inline-style-editor.js":"6b67-110"},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-117"},{"uid":"6b67-113"},{"uid":"6b67-164"},{"uid":"6b67-182"},{"uid":"6b67-183"},{"uid":"6b67-184"},{"uid":"6b67-185"},{"uid":"6b67-186"},{"uid":"6b67-199"}]},"6b67-111":{"id":"/node_modules/d3-array/src/descending.js","moduleParts":{"inline-style-editor.js":"6b67-112"},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-113"}]},"6b67-113":{"id":"/node_modules/d3-array/src/bisector.js","moduleParts":{"inline-style-editor.js":"6b67-114"},"imported":[{"uid":"6b67-109"},{"uid":"6b67-111"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-117"}]},"6b67-115":{"id":"/node_modules/d3-array/src/number.js","moduleParts":{"inline-style-editor.js":"6b67-116"},"imported":[],"importedBy":[{"uid":"6b67-117"},{"uid":"6b67-179"}]},"6b67-117":{"id":"/node_modules/d3-array/src/bisect.js","moduleParts":{"inline-style-editor.js":"6b67-118"},"imported":[{"uid":"6b67-109"},{"uid":"6b67-113"},{"uid":"6b67-115"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-165"}]},"6b67-119":{"id":"/node_modules/d3-array/src/count.js","moduleParts":{"inline-style-editor.js":"6b67-120"},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-166"},{"uid":"6b67-167"},{"uid":"6b67-125"}]},"6b67-121":{"id":"/node_modules/d3-array/src/extent.js","moduleParts":{"inline-style-editor.js":"6b67-122"},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-165"}]},"6b67-123":{"id":"/node_modules/d3-array/src/ticks.js","moduleParts":{"inline-style-editor.js":"6b67-124"},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-165"},{"uid":"6b67-176"}]},"6b67-125":{"id":"/node_modules/d3-array/src/threshold/sturges.js","moduleParts":{"inline-style-editor.js":"6b67-126"},"imported":[{"uid":"6b67-119"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-165"}]},"6b67-127":{"id":"/node_modules/d3-contour/src/array.js","moduleParts":{"inline-style-editor.js":"6b67-128"},"imported":[],"importedBy":[{"uid":"6b67-139"},{"uid":"6b67-156"}]},"6b67-129":{"id":"/node_modules/d3-contour/src/ascending.js","moduleParts":{"inline-style-editor.js":"6b67-130"},"imported":[],"importedBy":[{"uid":"6b67-139"}]},"6b67-131":{"id":"/node_modules/d3-contour/src/area.js","moduleParts":{"inline-style-editor.js":"6b67-132"},"imported":[],"importedBy":[{"uid":"6b67-139"}]},"6b67-133":{"id":"/node_modules/d3-contour/src/constant.js","moduleParts":{"inline-style-editor.js":"6b67-134"},"imported":[],"importedBy":[{"uid":"6b67-139"},{"uid":"6b67-156"}]},"6b67-135":{"id":"/node_modules/d3-contour/src/contains.js","moduleParts":{"inline-style-editor.js":"6b67-136"},"imported":[],"importedBy":[{"uid":"6b67-139"}]},"6b67-137":{"id":"/node_modules/d3-contour/src/noop.js","moduleParts":{"inline-style-editor.js":"6b67-138"},"imported":[],"importedBy":[{"uid":"6b67-139"}]},"6b67-139":{"id":"/node_modules/d3-contour/src/contours.js","moduleParts":{"inline-style-editor.js":"6b67-140"},"imported":[{"uid":"6b67-157"},{"uid":"6b67-127"},{"uid":"6b67-129"},{"uid":"6b67-131"},{"uid":"6b67-133"},{"uid":"6b67-135"},{"uid":"6b67-137"}],"importedBy":[{"uid":"6b67-155"},{"uid":"6b67-156"}]},"6b67-141":{"id":"/src/util/boxesContour.js","moduleParts":{"inline-style-editor.js":"6b67-142"},"imported":[{"uid":"6b67-155"}],"importedBy":[{"uid":"6b67-149"}]},"6b67-143":{"id":"/node_modules/vanilla-picker/dist/vanilla-picker.csp.mjs","moduleParts":{"inline-style-editor.js":"6b67-144"},"imported":[],"importedBy":[{"uid":"6b67-145"}]},"6b67-145":{"id":"/src/components/ColorPicker.svelte","moduleParts":{"inline-style-editor.js":"6b67-146"},"imported":[{"uid":"6b67-105"},{"uid":"6b67-143"},{"uid":"6b67-153"}],"importedBy":[{"uid":"6b67-149"}]},"6b67-147":{"id":"/src/util/fonts.js","moduleParts":{"inline-style-editor.js":"6b67-148"},"imported":[],"importedBy":[{"uid":"6b67-149"}]},"6b67-149":{"id":"/src/components/InlineStyleEditor.svelte","moduleParts":{"inline-style-editor.js":"6b67-150"},"imported":[{"uid":"6b67-105"},{"uid":"6b67-153"},{"uid":"6b67-154"},{"uid":"6b67-107"},{"uid":"6b67-141"},{"uid":"6b67-145"},{"uid":"6b67-147"}],"importedBy":[{"uid":"6b67-151"}]},"6b67-151":{"id":"/src/index.js","moduleParts":{"inline-style-editor.js":"6b67-152"},"imported":[{"uid":"6b67-149"}],"importedBy":[],"isEntry":true},"6b67-153":{"id":"/node_modules/svelte/index.mjs","moduleParts":{},"imported":[{"uid":"6b67-105"}],"importedBy":[{"uid":"6b67-149"},{"uid":"6b67-145"}]},"6b67-154":{"id":"/src/assets/index.scss","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-149"}]},"6b67-155":{"id":"/node_modules/d3-contour/src/index.js","moduleParts":{},"imported":[{"uid":"6b67-139"},{"uid":"6b67-156"}],"importedBy":[{"uid":"6b67-141"}]},"6b67-156":{"id":"/node_modules/d3-contour/src/density.js","moduleParts":{},"imported":[{"uid":"6b67-157"},{"uid":"6b67-127"},{"uid":"6b67-133"},{"uid":"6b67-139"}],"importedBy":[{"uid":"6b67-155"}]},"6b67-157":{"id":"/node_modules/d3-array/src/index.js","moduleParts":{},"imported":[{"uid":"6b67-117"},{"uid":"6b67-109"},{"uid":"6b67-113"},{"uid":"6b67-158"},{"uid":"6b67-119"},{"uid":"6b67-159"},{"uid":"6b67-160"},{"uid":"6b67-111"},{"uid":"6b67-161"},{"uid":"6b67-121"},{"uid":"6b67-162"},{"uid":"6b67-163"},{"uid":"6b67-164"},{"uid":"6b67-165"},{"uid":"6b67-166"},{"uid":"6b67-167"},{"uid":"6b67-125"},{"uid":"6b67-168"},{"uid":"6b67-169"},{"uid":"6b67-170"},{"uid":"6b67-171"},{"uid":"6b67-172"},{"uid":"6b67-173"},{"uid":"6b67-174"},{"uid":"6b67-175"},{"uid":"6b67-176"},{"uid":"6b67-177"},{"uid":"6b67-178"},{"uid":"6b67-179"},{"uid":"6b67-180"},{"uid":"6b67-181"},{"uid":"6b67-182"},{"uid":"6b67-183"},{"uid":"6b67-184"},{"uid":"6b67-185"},{"uid":"6b67-186"},{"uid":"6b67-187"},{"uid":"6b67-188"},{"uid":"6b67-189"},{"uid":"6b67-123"},{"uid":"6b67-190"},{"uid":"6b67-191"},{"uid":"6b67-192"},{"uid":"6b67-193"},{"uid":"6b67-194"},{"uid":"6b67-195"},{"uid":"6b67-196"},{"uid":"6b67-197"},{"uid":"6b67-198"},{"uid":"6b67-199"},{"uid":"6b67-200"},{"uid":"6b67-201"},{"uid":"6b67-202"},{"uid":"6b67-203"},{"uid":"6b67-204"},{"uid":"6b67-205"},{"uid":"6b67-206"}],"importedBy":[{"uid":"6b67-139"},{"uid":"6b67-156"}]},"6b67-158":{"id":"/node_modules/d3-array/src/blur.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-159":{"id":"/node_modules/d3-array/src/cross.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-160":{"id":"/node_modules/d3-array/src/cumsum.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-161":{"id":"/node_modules/d3-array/src/deviation.js","moduleParts":{},"imported":[{"uid":"6b67-191"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-167"}]},"6b67-162":{"id":"/node_modules/d3-array/src/fsum.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-163":{"id":"/node_modules/d3-array/src/group.js","moduleParts":{},"imported":[{"uid":"6b67-206"},{"uid":"6b67-207"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-164"}]},"6b67-164":{"id":"/node_modules/d3-array/src/groupSort.js","moduleParts":{},"imported":[{"uid":"6b67-109"},{"uid":"6b67-163"},{"uid":"6b67-199"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-165":{"id":"/node_modules/d3-array/src/bin.js","moduleParts":{},"imported":[{"uid":"6b67-208"},{"uid":"6b67-117"},{"uid":"6b67-209"},{"uid":"6b67-121"},{"uid":"6b67-207"},{"uid":"6b67-176"},{"uid":"6b67-123"},{"uid":"6b67-125"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-166":{"id":"/node_modules/d3-array/src/threshold/freedmanDiaconis.js","moduleParts":{},"imported":[{"uid":"6b67-119"},{"uid":"6b67-179"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-167":{"id":"/node_modules/d3-array/src/threshold/scott.js","moduleParts":{},"imported":[{"uid":"6b67-119"},{"uid":"6b67-161"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-168":{"id":"/node_modules/d3-array/src/max.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-179"}]},"6b67-169":{"id":"/node_modules/d3-array/src/maxIndex.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-179"},{"uid":"6b67-186"}]},"6b67-170":{"id":"/node_modules/d3-array/src/mean.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-171":{"id":"/node_modules/d3-array/src/median.js","moduleParts":{},"imported":[{"uid":"6b67-179"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-172":{"id":"/node_modules/d3-array/src/merge.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-173":{"id":"/node_modules/d3-array/src/min.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-179"},{"uid":"6b67-190"}]},"6b67-174":{"id":"/node_modules/d3-array/src/minIndex.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-179"},{"uid":"6b67-184"}]},"6b67-175":{"id":"/node_modules/d3-array/src/mode.js","moduleParts":{},"imported":[{"uid":"6b67-206"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-176":{"id":"/node_modules/d3-array/src/nice.js","moduleParts":{},"imported":[{"uid":"6b67-123"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-165"}]},"6b67-177":{"id":"/node_modules/d3-array/src/pairs.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-178":{"id":"/node_modules/d3-array/src/permute.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-199"}]},"6b67-179":{"id":"/node_modules/d3-array/src/quantile.js","moduleParts":{},"imported":[{"uid":"6b67-168"},{"uid":"6b67-169"},{"uid":"6b67-173"},{"uid":"6b67-174"},{"uid":"6b67-180"},{"uid":"6b67-115"},{"uid":"6b67-199"},{"uid":"6b67-185"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-166"},{"uid":"6b67-171"}]},"6b67-180":{"id":"/node_modules/d3-array/src/quickselect.js","moduleParts":{},"imported":[{"uid":"6b67-199"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-179"}]},"6b67-181":{"id":"/node_modules/d3-array/src/range.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-182":{"id":"/node_modules/d3-array/src/rank.js","moduleParts":{},"imported":[{"uid":"6b67-109"},{"uid":"6b67-199"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-183":{"id":"/node_modules/d3-array/src/least.js","moduleParts":{},"imported":[{"uid":"6b67-109"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-184":{"id":"/node_modules/d3-array/src/leastIndex.js","moduleParts":{},"imported":[{"uid":"6b67-109"},{"uid":"6b67-174"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-187"}]},"6b67-185":{"id":"/node_modules/d3-array/src/greatest.js","moduleParts":{},"imported":[{"uid":"6b67-109"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-179"}]},"6b67-186":{"id":"/node_modules/d3-array/src/greatestIndex.js","moduleParts":{},"imported":[{"uid":"6b67-109"},{"uid":"6b67-169"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-187":{"id":"/node_modules/d3-array/src/scan.js","moduleParts":{},"imported":[{"uid":"6b67-184"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-188":{"id":"/node_modules/d3-array/src/shuffle.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-189":{"id":"/node_modules/d3-array/src/sum.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-190":{"id":"/node_modules/d3-array/src/transpose.js","moduleParts":{},"imported":[{"uid":"6b67-173"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-192"}]},"6b67-191":{"id":"/node_modules/d3-array/src/variance.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-161"}]},"6b67-192":{"id":"/node_modules/d3-array/src/zip.js","moduleParts":{},"imported":[{"uid":"6b67-190"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-193":{"id":"/node_modules/d3-array/src/every.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-194":{"id":"/node_modules/d3-array/src/some.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-195":{"id":"/node_modules/d3-array/src/filter.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-196":{"id":"/node_modules/d3-array/src/map.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-197":{"id":"/node_modules/d3-array/src/reduce.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-198":{"id":"/node_modules/d3-array/src/reverse.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"}]},"6b67-199":{"id":"/node_modules/d3-array/src/sort.js","moduleParts":{},"imported":[{"uid":"6b67-109"},{"uid":"6b67-178"}],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-164"},{"uid":"6b67-179"},{"uid":"6b67-180"},{"uid":"6b67-182"}]},"6b67-200":{"id":"/node_modules/d3-array/src/difference.js","moduleParts":{},"imported":[{"uid":"6b67-206"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-201":{"id":"/node_modules/d3-array/src/disjoint.js","moduleParts":{},"imported":[{"uid":"6b67-206"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-202":{"id":"/node_modules/d3-array/src/intersection.js","moduleParts":{},"imported":[{"uid":"6b67-206"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-203":{"id":"/node_modules/d3-array/src/subset.js","moduleParts":{},"imported":[{"uid":"6b67-204"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-204":{"id":"/node_modules/d3-array/src/superset.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-203"}]},"6b67-205":{"id":"/node_modules/d3-array/src/union.js","moduleParts":{},"imported":[{"uid":"6b67-206"}],"importedBy":[{"uid":"6b67-157"}]},"6b67-206":{"id":"/node_modules/internmap/src/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-157"},{"uid":"6b67-163"},{"uid":"6b67-175"},{"uid":"6b67-200"},{"uid":"6b67-201"},{"uid":"6b67-202"},{"uid":"6b67-205"}]},"6b67-207":{"id":"/node_modules/d3-array/src/identity.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-163"},{"uid":"6b67-165"}]},"6b67-208":{"id":"/node_modules/d3-array/src/array.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-165"}]},"6b67-209":{"id":"/node_modules/d3-array/src/constant.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"6b67-165"}]}},"env":{"rollup":"2.78.1"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
4018
4018
 
4019
4019
  const run = () => {
4020
4020
  const width = window.innerWidth;
package/test.html CHANGED
@@ -70,6 +70,15 @@
70
70
  fill: rgba(251, 188, 0, 0.137);
71
71
  }
72
72
 
73
+ @font-face {
74
+ font-family: 'Tangerine';
75
+ font-style: normal;
76
+ font-weight: 400;
77
+ src: url(https://fonts.gstatic.com/s/tangerine/v17/IurY6Y5j_oScZZow4VOxCZZM.woff2) format('woff2');
78
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
79
+ }
80
+
81
+
73
82
  </style>
74
83
  </head>
75
84
 
@@ -85,7 +94,6 @@
85
94
  L 172.55 152.45
86
95
  A 30 50 -45 0 1 215.1 109.9
87
96
  L 315 10" stroke="black" fill="green" stroke-width="2" />
88
- <text x="40" y="40"> This is a test</text>
89
97
  </svg>
90
98
  <svg class="test" width="190" height="160" xmlns="http://www.w3.org/2000/svg">
91
99
  <path class="my-path" d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="blue" fill="orange" />
@@ -332,8 +340,6 @@
332
340
  <!-- <script src="index.js"></script> -->
333
341
  <script src="dist/inline-style-editor.js"></script>
334
342
  <script>
335
- // const editor = new InlineStyleEditor(
336
-
337
343
  const editor = new InlineStyleEditor(
338
344
  {
339
345
  getAdditionalElems: (el) => {
@@ -348,25 +354,13 @@
348
354
  console.log(target, eventType, cssProp, value);
349
355
  },
350
356
  customProps: {
351
- 'pathLength': {
352
- type: 'slider', min: 1, max: 500, step: 1,
353
- getter: (el) => {
354
- if (!el.getTotalLength) return null;
355
- const pathLength = el.getAttribute('pathLength');
356
- if (!pathLength) return Math.round(el.getTotalLength());
357
- return parseInt(pathLength);
358
- },
359
- setter: (el, val) => {
360
- el.setAttribute('pathLength', val);
361
- }
362
- },
363
357
  'scale': {
364
358
  type: 'slider', min: 0.5, max: 5, step: 0.1,
365
359
  getter: (el) => {
366
360
  const transform = el.getAttribute('transform');
367
361
  if (!transform) return 1;
368
362
  else {
369
- let scaleValue = transform.match(/scale\(([0-9\.]+)\)/);
363
+ let scaleValue = transformStr.match(/scale\(([0-9\.]+)\)/);
370
364
  if (scaleValue.length > 1) return parseFloat(scaleValue[1]);
371
365
  }
372
366
  return 1;
@@ -385,13 +379,14 @@
385
379
  el.setAttribute("transform", newAttr);
386
380
  }
387
381
  }
388
- },
382
+ }
389
383
  }
390
- });
384
+ }
385
+ );
391
386
  document.body.addEventListener('click', (e) => {
392
387
  const target = e.target;
393
388
  editor.open(target, e.pageX, e.pageY);
394
- });
389
+ });
395
390
  </script>
396
391
  </body>
397
392
 
package/.vscode/launch.json DELETED
@@ -1,14 +0,0 @@
1
- {
2
- // Use IntelliSense to learn about possible attributes.
3
- // Hover to view descriptions of existing attributes.
4
- // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
5
- "version": "0.2.0",
6
- "configurations": [
7
- {
8
- "type": "node",
9
- "request": "attach",
10
- "name": "Attach",
11
- "port": 5858
12
- }
13
- ]
14
- }