forked from CGM_Public/pretix_original
Visualize custom check-in rules (#2053)
This commit is contained in:
1
.gitattributes
vendored
1
.gitattributes
vendored
@@ -6,6 +6,7 @@ src/pretix/static/datetimepicker/* linguist-vendored
|
||||
src/pretix/static/colorpicker/* linguist-vendored
|
||||
src/pretix/static/fileupload/* linguist-vendored
|
||||
src/pretix/static/vuejs/* linguist-vendored
|
||||
src/pretix/static/d3/* linguist-vendored
|
||||
src/pretix/static/select2/* linguist-vendored
|
||||
src/pretix/static/charts/* linguist-vendored
|
||||
src/pretix/static/rrule/* linguist-vendored
|
||||
|
||||
@@ -66,7 +66,33 @@
|
||||
|
||||
<h3>{% trans "Custom check-in rule" %}</h3>
|
||||
<div id="rules-editor" class="form-inline">
|
||||
<checkin-rules-editor></checkin-rules-editor>
|
||||
<div>
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#rules-edit" role="tab" data-toggle="tab">
|
||||
<span class="fa fa-edit"></span>
|
||||
{% trans "Edit" %}
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation">
|
||||
<a href="#rules-viz" role="tab" data-toggle="tab">
|
||||
<span class="fa fa-eye"></span>
|
||||
{% trans "Visualize" %}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="rules-edit">
|
||||
<checkin-rules-editor></checkin-rules-editor>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane" id="rules-viz">
|
||||
<checkin-rules-visualization></checkin-rules-visualization>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="disabled-withoutjs sr-only">
|
||||
{{ form.rules }}
|
||||
@@ -79,8 +105,25 @@
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{% compress js %}
|
||||
<script type="text/javascript" src="{% static "vuejs/vue.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3.v6.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-color.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-dispatch.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-ease.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-interpolate.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-selection.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-timer.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-transition.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-drag.v2.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "d3/d3-zoom.v2.js" %}"></script>
|
||||
<script type="text/vue" src="{% static 'pretixcontrol/js/ui/checkinrules/datetimefield.vue' %}"></script>
|
||||
<script type="text/vue" src="{% static 'pretixcontrol/js/ui/checkinrules/lookup-select2.vue' %}"></script>
|
||||
<script type="text/vue" src="{% static 'pretixcontrol/js/ui/checkinrules/checkin-rule.vue' %}"></script>
|
||||
<script type="text/vue" src="{% static 'pretixcontrol/js/ui/checkinrules/checkin-rules-editor.vue' %}"></script>
|
||||
<script type="text/vue" src="{% static 'pretixcontrol/js/ui/checkinrules/viz-node.vue' %}"></script>
|
||||
<script type="text/vue" src="{% static 'pretixcontrol/js/ui/checkinrules/checkin-rules-visualization.vue' %}"></script>
|
||||
<script type="text/javascript" src="{% static "pretixcontrol/js/ui/checkinrules.js" %}"></script>
|
||||
{% endcompress %}
|
||||
{% endblock %}
|
||||
|
||||
27
src/pretix/static/d3/LICENSE
vendored
Normal file
27
src/pretix/static/d3/LICENSE
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
Copyright 2010-2020 Mike Bostock
|
||||
All rights reserved.
|
||||
|
||||
Redistribution and use in source and binary forms, with or without modification,
|
||||
are permitted provided that the following conditions are met:
|
||||
|
||||
* Redistributions of source code must retain the above copyright notice, this
|
||||
list of conditions and the following disclaimer.
|
||||
|
||||
* Redistributions in binary form must reproduce the above copyright notice,
|
||||
this list of conditions and the following disclaimer in the documentation
|
||||
and/or other materials provided with the distribution.
|
||||
|
||||
* Neither the name of the author nor the names of contributors may be used to
|
||||
endorse or promote products derived from this software without specific prior
|
||||
written permission.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
||||
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||||
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
|
||||
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||||
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||||
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
|
||||
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
||||
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
581
src/pretix/static/d3/d3-color.v2.js
vendored
Normal file
581
src/pretix/static/d3/d3-color.v2.js
vendored
Normal file
@@ -0,0 +1,581 @@
|
||||
// https://d3js.org/d3-color/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}));
|
||||
}(this, function (exports) { 'use strict';
|
||||
|
||||
function define(constructor, factory, prototype) {
|
||||
constructor.prototype = factory.prototype = prototype;
|
||||
prototype.constructor = constructor;
|
||||
}
|
||||
|
||||
function extend(parent, definition) {
|
||||
var prototype = Object.create(parent.prototype);
|
||||
for (var key in definition) prototype[key] = definition[key];
|
||||
return prototype;
|
||||
}
|
||||
|
||||
function Color() {}
|
||||
|
||||
var darker = 0.7;
|
||||
var brighter = 1 / darker;
|
||||
|
||||
var reI = "\\s*([+-]?\\d+)\\s*",
|
||||
reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",
|
||||
reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
|
||||
reHex = /^#([0-9a-f]{3,8})$/,
|
||||
reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$"),
|
||||
reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$"),
|
||||
reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$"),
|
||||
reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$"),
|
||||
reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$"),
|
||||
reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
|
||||
|
||||
var named = {
|
||||
aliceblue: 0xf0f8ff,
|
||||
antiquewhite: 0xfaebd7,
|
||||
aqua: 0x00ffff,
|
||||
aquamarine: 0x7fffd4,
|
||||
azure: 0xf0ffff,
|
||||
beige: 0xf5f5dc,
|
||||
bisque: 0xffe4c4,
|
||||
black: 0x000000,
|
||||
blanchedalmond: 0xffebcd,
|
||||
blue: 0x0000ff,
|
||||
blueviolet: 0x8a2be2,
|
||||
brown: 0xa52a2a,
|
||||
burlywood: 0xdeb887,
|
||||
cadetblue: 0x5f9ea0,
|
||||
chartreuse: 0x7fff00,
|
||||
chocolate: 0xd2691e,
|
||||
coral: 0xff7f50,
|
||||
cornflowerblue: 0x6495ed,
|
||||
cornsilk: 0xfff8dc,
|
||||
crimson: 0xdc143c,
|
||||
cyan: 0x00ffff,
|
||||
darkblue: 0x00008b,
|
||||
darkcyan: 0x008b8b,
|
||||
darkgoldenrod: 0xb8860b,
|
||||
darkgray: 0xa9a9a9,
|
||||
darkgreen: 0x006400,
|
||||
darkgrey: 0xa9a9a9,
|
||||
darkkhaki: 0xbdb76b,
|
||||
darkmagenta: 0x8b008b,
|
||||
darkolivegreen: 0x556b2f,
|
||||
darkorange: 0xff8c00,
|
||||
darkorchid: 0x9932cc,
|
||||
darkred: 0x8b0000,
|
||||
darksalmon: 0xe9967a,
|
||||
darkseagreen: 0x8fbc8f,
|
||||
darkslateblue: 0x483d8b,
|
||||
darkslategray: 0x2f4f4f,
|
||||
darkslategrey: 0x2f4f4f,
|
||||
darkturquoise: 0x00ced1,
|
||||
darkviolet: 0x9400d3,
|
||||
deeppink: 0xff1493,
|
||||
deepskyblue: 0x00bfff,
|
||||
dimgray: 0x696969,
|
||||
dimgrey: 0x696969,
|
||||
dodgerblue: 0x1e90ff,
|
||||
firebrick: 0xb22222,
|
||||
floralwhite: 0xfffaf0,
|
||||
forestgreen: 0x228b22,
|
||||
fuchsia: 0xff00ff,
|
||||
gainsboro: 0xdcdcdc,
|
||||
ghostwhite: 0xf8f8ff,
|
||||
gold: 0xffd700,
|
||||
goldenrod: 0xdaa520,
|
||||
gray: 0x808080,
|
||||
green: 0x008000,
|
||||
greenyellow: 0xadff2f,
|
||||
grey: 0x808080,
|
||||
honeydew: 0xf0fff0,
|
||||
hotpink: 0xff69b4,
|
||||
indianred: 0xcd5c5c,
|
||||
indigo: 0x4b0082,
|
||||
ivory: 0xfffff0,
|
||||
khaki: 0xf0e68c,
|
||||
lavender: 0xe6e6fa,
|
||||
lavenderblush: 0xfff0f5,
|
||||
lawngreen: 0x7cfc00,
|
||||
lemonchiffon: 0xfffacd,
|
||||
lightblue: 0xadd8e6,
|
||||
lightcoral: 0xf08080,
|
||||
lightcyan: 0xe0ffff,
|
||||
lightgoldenrodyellow: 0xfafad2,
|
||||
lightgray: 0xd3d3d3,
|
||||
lightgreen: 0x90ee90,
|
||||
lightgrey: 0xd3d3d3,
|
||||
lightpink: 0xffb6c1,
|
||||
lightsalmon: 0xffa07a,
|
||||
lightseagreen: 0x20b2aa,
|
||||
lightskyblue: 0x87cefa,
|
||||
lightslategray: 0x778899,
|
||||
lightslategrey: 0x778899,
|
||||
lightsteelblue: 0xb0c4de,
|
||||
lightyellow: 0xffffe0,
|
||||
lime: 0x00ff00,
|
||||
limegreen: 0x32cd32,
|
||||
linen: 0xfaf0e6,
|
||||
magenta: 0xff00ff,
|
||||
maroon: 0x800000,
|
||||
mediumaquamarine: 0x66cdaa,
|
||||
mediumblue: 0x0000cd,
|
||||
mediumorchid: 0xba55d3,
|
||||
mediumpurple: 0x9370db,
|
||||
mediumseagreen: 0x3cb371,
|
||||
mediumslateblue: 0x7b68ee,
|
||||
mediumspringgreen: 0x00fa9a,
|
||||
mediumturquoise: 0x48d1cc,
|
||||
mediumvioletred: 0xc71585,
|
||||
midnightblue: 0x191970,
|
||||
mintcream: 0xf5fffa,
|
||||
mistyrose: 0xffe4e1,
|
||||
moccasin: 0xffe4b5,
|
||||
navajowhite: 0xffdead,
|
||||
navy: 0x000080,
|
||||
oldlace: 0xfdf5e6,
|
||||
olive: 0x808000,
|
||||
olivedrab: 0x6b8e23,
|
||||
orange: 0xffa500,
|
||||
orangered: 0xff4500,
|
||||
orchid: 0xda70d6,
|
||||
palegoldenrod: 0xeee8aa,
|
||||
palegreen: 0x98fb98,
|
||||
paleturquoise: 0xafeeee,
|
||||
palevioletred: 0xdb7093,
|
||||
papayawhip: 0xffefd5,
|
||||
peachpuff: 0xffdab9,
|
||||
peru: 0xcd853f,
|
||||
pink: 0xffc0cb,
|
||||
plum: 0xdda0dd,
|
||||
powderblue: 0xb0e0e6,
|
||||
purple: 0x800080,
|
||||
rebeccapurple: 0x663399,
|
||||
red: 0xff0000,
|
||||
rosybrown: 0xbc8f8f,
|
||||
royalblue: 0x4169e1,
|
||||
saddlebrown: 0x8b4513,
|
||||
salmon: 0xfa8072,
|
||||
sandybrown: 0xf4a460,
|
||||
seagreen: 0x2e8b57,
|
||||
seashell: 0xfff5ee,
|
||||
sienna: 0xa0522d,
|
||||
silver: 0xc0c0c0,
|
||||
skyblue: 0x87ceeb,
|
||||
slateblue: 0x6a5acd,
|
||||
slategray: 0x708090,
|
||||
slategrey: 0x708090,
|
||||
snow: 0xfffafa,
|
||||
springgreen: 0x00ff7f,
|
||||
steelblue: 0x4682b4,
|
||||
tan: 0xd2b48c,
|
||||
teal: 0x008080,
|
||||
thistle: 0xd8bfd8,
|
||||
tomato: 0xff6347,
|
||||
turquoise: 0x40e0d0,
|
||||
violet: 0xee82ee,
|
||||
wheat: 0xf5deb3,
|
||||
white: 0xffffff,
|
||||
whitesmoke: 0xf5f5f5,
|
||||
yellow: 0xffff00,
|
||||
yellowgreen: 0x9acd32
|
||||
};
|
||||
|
||||
define(Color, color, {
|
||||
copy: function(channels) {
|
||||
return Object.assign(new this.constructor, this, channels);
|
||||
},
|
||||
displayable: function() {
|
||||
return this.rgb().displayable();
|
||||
},
|
||||
hex: color_formatHex, // Deprecated! Use color.formatHex.
|
||||
formatHex: color_formatHex,
|
||||
formatHsl: color_formatHsl,
|
||||
formatRgb: color_formatRgb,
|
||||
toString: color_formatRgb
|
||||
});
|
||||
|
||||
function color_formatHex() {
|
||||
return this.rgb().formatHex();
|
||||
}
|
||||
|
||||
function color_formatHsl() {
|
||||
return hslConvert(this).formatHsl();
|
||||
}
|
||||
|
||||
function color_formatRgb() {
|
||||
return this.rgb().formatRgb();
|
||||
}
|
||||
|
||||
function color(format) {
|
||||
var m, l;
|
||||
format = (format + "").trim().toLowerCase();
|
||||
return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) // #ff0000
|
||||
: l === 3 ? new Rgb((m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), ((m & 0xf) << 4) | (m & 0xf), 1) // #f00
|
||||
: l === 8 ? rgba(m >> 24 & 0xff, m >> 16 & 0xff, m >> 8 & 0xff, (m & 0xff) / 0xff) // #ff000000
|
||||
: l === 4 ? rgba((m >> 12 & 0xf) | (m >> 8 & 0xf0), (m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), (((m & 0xf) << 4) | (m & 0xf)) / 0xff) // #f000
|
||||
: null) // invalid hex
|
||||
: (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
|
||||
: (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
|
||||
: (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
|
||||
: (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
|
||||
: (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
|
||||
: (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
|
||||
: named.hasOwnProperty(format) ? rgbn(named[format]) // eslint-disable-line no-prototype-builtins
|
||||
: format === "transparent" ? new Rgb(NaN, NaN, NaN, 0)
|
||||
: null;
|
||||
}
|
||||
|
||||
function rgbn(n) {
|
||||
return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
|
||||
}
|
||||
|
||||
function rgba(r, g, b, a) {
|
||||
if (a <= 0) r = g = b = NaN;
|
||||
return new Rgb(r, g, b, a);
|
||||
}
|
||||
|
||||
function rgbConvert(o) {
|
||||
if (!(o instanceof Color)) o = color(o);
|
||||
if (!o) return new Rgb;
|
||||
o = o.rgb();
|
||||
return new Rgb(o.r, o.g, o.b, o.opacity);
|
||||
}
|
||||
|
||||
function rgb(r, g, b, opacity) {
|
||||
return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
|
||||
}
|
||||
|
||||
function Rgb(r, g, b, opacity) {
|
||||
this.r = +r;
|
||||
this.g = +g;
|
||||
this.b = +b;
|
||||
this.opacity = +opacity;
|
||||
}
|
||||
|
||||
define(Rgb, rgb, extend(Color, {
|
||||
brighter: function(k) {
|
||||
k = k == null ? brighter : Math.pow(brighter, k);
|
||||
return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
|
||||
},
|
||||
darker: function(k) {
|
||||
k = k == null ? darker : Math.pow(darker, k);
|
||||
return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
|
||||
},
|
||||
rgb: function() {
|
||||
return this;
|
||||
},
|
||||
displayable: function() {
|
||||
return (-0.5 <= this.r && this.r < 255.5)
|
||||
&& (-0.5 <= this.g && this.g < 255.5)
|
||||
&& (-0.5 <= this.b && this.b < 255.5)
|
||||
&& (0 <= this.opacity && this.opacity <= 1);
|
||||
},
|
||||
hex: rgb_formatHex, // Deprecated! Use color.formatHex.
|
||||
formatHex: rgb_formatHex,
|
||||
formatRgb: rgb_formatRgb,
|
||||
toString: rgb_formatRgb
|
||||
}));
|
||||
|
||||
function rgb_formatHex() {
|
||||
return "#" + hex(this.r) + hex(this.g) + hex(this.b);
|
||||
}
|
||||
|
||||
function rgb_formatRgb() {
|
||||
var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
|
||||
return (a === 1 ? "rgb(" : "rgba(")
|
||||
+ Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", "
|
||||
+ Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", "
|
||||
+ Math.max(0, Math.min(255, Math.round(this.b) || 0))
|
||||
+ (a === 1 ? ")" : ", " + a + ")");
|
||||
}
|
||||
|
||||
function hex(value) {
|
||||
value = Math.max(0, Math.min(255, Math.round(value) || 0));
|
||||
return (value < 16 ? "0" : "") + value.toString(16);
|
||||
}
|
||||
|
||||
function hsla(h, s, l, a) {
|
||||
if (a <= 0) h = s = l = NaN;
|
||||
else if (l <= 0 || l >= 1) h = s = NaN;
|
||||
else if (s <= 0) h = NaN;
|
||||
return new Hsl(h, s, l, a);
|
||||
}
|
||||
|
||||
function hslConvert(o) {
|
||||
if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
|
||||
if (!(o instanceof Color)) o = color(o);
|
||||
if (!o) return new Hsl;
|
||||
if (o instanceof Hsl) return o;
|
||||
o = o.rgb();
|
||||
var r = o.r / 255,
|
||||
g = o.g / 255,
|
||||
b = o.b / 255,
|
||||
min = Math.min(r, g, b),
|
||||
max = Math.max(r, g, b),
|
||||
h = NaN,
|
||||
s = max - min,
|
||||
l = (max + min) / 2;
|
||||
if (s) {
|
||||
if (r === max) h = (g - b) / s + (g < b) * 6;
|
||||
else if (g === max) h = (b - r) / s + 2;
|
||||
else h = (r - g) / s + 4;
|
||||
s /= l < 0.5 ? max + min : 2 - max - min;
|
||||
h *= 60;
|
||||
} else {
|
||||
s = l > 0 && l < 1 ? 0 : h;
|
||||
}
|
||||
return new Hsl(h, s, l, o.opacity);
|
||||
}
|
||||
|
||||
function hsl(h, s, l, opacity) {
|
||||
return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
|
||||
}
|
||||
|
||||
function Hsl(h, s, l, opacity) {
|
||||
this.h = +h;
|
||||
this.s = +s;
|
||||
this.l = +l;
|
||||
this.opacity = +opacity;
|
||||
}
|
||||
|
||||
define(Hsl, hsl, extend(Color, {
|
||||
brighter: function(k) {
|
||||
k = k == null ? brighter : Math.pow(brighter, k);
|
||||
return new Hsl(this.h, this.s, this.l * k, this.opacity);
|
||||
},
|
||||
darker: function(k) {
|
||||
k = k == null ? darker : Math.pow(darker, k);
|
||||
return new Hsl(this.h, this.s, this.l * k, this.opacity);
|
||||
},
|
||||
rgb: function() {
|
||||
var h = this.h % 360 + (this.h < 0) * 360,
|
||||
s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
|
||||
l = this.l,
|
||||
m2 = l + (l < 0.5 ? l : 1 - l) * s,
|
||||
m1 = 2 * l - m2;
|
||||
return new Rgb(
|
||||
hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
|
||||
hsl2rgb(h, m1, m2),
|
||||
hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
|
||||
this.opacity
|
||||
);
|
||||
},
|
||||
displayable: function() {
|
||||
return (0 <= this.s && this.s <= 1 || isNaN(this.s))
|
||||
&& (0 <= this.l && this.l <= 1)
|
||||
&& (0 <= this.opacity && this.opacity <= 1);
|
||||
},
|
||||
formatHsl: function() {
|
||||
var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
|
||||
return (a === 1 ? "hsl(" : "hsla(")
|
||||
+ (this.h || 0) + ", "
|
||||
+ (this.s || 0) * 100 + "%, "
|
||||
+ (this.l || 0) * 100 + "%"
|
||||
+ (a === 1 ? ")" : ", " + a + ")");
|
||||
}
|
||||
}));
|
||||
|
||||
/* From FvD 13.37, CSS Color Module Level 3 */
|
||||
function hsl2rgb(h, m1, m2) {
|
||||
return (h < 60 ? m1 + (m2 - m1) * h / 60
|
||||
: h < 180 ? m2
|
||||
: h < 240 ? m1 + (m2 - m1) * (240 - h) / 60
|
||||
: m1) * 255;
|
||||
}
|
||||
|
||||
const radians = Math.PI / 180;
|
||||
const degrees = 180 / Math.PI;
|
||||
|
||||
// https://observablehq.com/@mbostock/lab-and-rgb
|
||||
const K = 18,
|
||||
Xn = 0.96422,
|
||||
Yn = 1,
|
||||
Zn = 0.82521,
|
||||
t0 = 4 / 29,
|
||||
t1 = 6 / 29,
|
||||
t2 = 3 * t1 * t1,
|
||||
t3 = t1 * t1 * t1;
|
||||
|
||||
function labConvert(o) {
|
||||
if (o instanceof Lab) return new Lab(o.l, o.a, o.b, o.opacity);
|
||||
if (o instanceof Hcl) return hcl2lab(o);
|
||||
if (!(o instanceof Rgb)) o = rgbConvert(o);
|
||||
var r = rgb2lrgb(o.r),
|
||||
g = rgb2lrgb(o.g),
|
||||
b = rgb2lrgb(o.b),
|
||||
y = xyz2lab((0.2225045 * r + 0.7168786 * g + 0.0606169 * b) / Yn), x, z;
|
||||
if (r === g && g === b) x = z = y; else {
|
||||
x = xyz2lab((0.4360747 * r + 0.3850649 * g + 0.1430804 * b) / Xn);
|
||||
z = xyz2lab((0.0139322 * r + 0.0971045 * g + 0.7141733 * b) / Zn);
|
||||
}
|
||||
return new Lab(116 * y - 16, 500 * (x - y), 200 * (y - z), o.opacity);
|
||||
}
|
||||
|
||||
function gray(l, opacity) {
|
||||
return new Lab(l, 0, 0, opacity == null ? 1 : opacity);
|
||||
}
|
||||
|
||||
function lab(l, a, b, opacity) {
|
||||
return arguments.length === 1 ? labConvert(l) : new Lab(l, a, b, opacity == null ? 1 : opacity);
|
||||
}
|
||||
|
||||
function Lab(l, a, b, opacity) {
|
||||
this.l = +l;
|
||||
this.a = +a;
|
||||
this.b = +b;
|
||||
this.opacity = +opacity;
|
||||
}
|
||||
|
||||
define(Lab, lab, extend(Color, {
|
||||
brighter: function(k) {
|
||||
return new Lab(this.l + K * (k == null ? 1 : k), this.a, this.b, this.opacity);
|
||||
},
|
||||
darker: function(k) {
|
||||
return new Lab(this.l - K * (k == null ? 1 : k), this.a, this.b, this.opacity);
|
||||
},
|
||||
rgb: function() {
|
||||
var y = (this.l + 16) / 116,
|
||||
x = isNaN(this.a) ? y : y + this.a / 500,
|
||||
z = isNaN(this.b) ? y : y - this.b / 200;
|
||||
x = Xn * lab2xyz(x);
|
||||
y = Yn * lab2xyz(y);
|
||||
z = Zn * lab2xyz(z);
|
||||
return new Rgb(
|
||||
lrgb2rgb( 3.1338561 * x - 1.6168667 * y - 0.4906146 * z),
|
||||
lrgb2rgb(-0.9787684 * x + 1.9161415 * y + 0.0334540 * z),
|
||||
lrgb2rgb( 0.0719453 * x - 0.2289914 * y + 1.4052427 * z),
|
||||
this.opacity
|
||||
);
|
||||
}
|
||||
}));
|
||||
|
||||
function xyz2lab(t) {
|
||||
return t > t3 ? Math.pow(t, 1 / 3) : t / t2 + t0;
|
||||
}
|
||||
|
||||
function lab2xyz(t) {
|
||||
return t > t1 ? t * t * t : t2 * (t - t0);
|
||||
}
|
||||
|
||||
function lrgb2rgb(x) {
|
||||
return 255 * (x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055);
|
||||
}
|
||||
|
||||
function rgb2lrgb(x) {
|
||||
return (x /= 255) <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
|
||||
}
|
||||
|
||||
function hclConvert(o) {
|
||||
if (o instanceof Hcl) return new Hcl(o.h, o.c, o.l, o.opacity);
|
||||
if (!(o instanceof Lab)) o = labConvert(o);
|
||||
if (o.a === 0 && o.b === 0) return new Hcl(NaN, 0 < o.l && o.l < 100 ? 0 : NaN, o.l, o.opacity);
|
||||
var h = Math.atan2(o.b, o.a) * degrees;
|
||||
return new Hcl(h < 0 ? h + 360 : h, Math.sqrt(o.a * o.a + o.b * o.b), o.l, o.opacity);
|
||||
}
|
||||
|
||||
function lch(l, c, h, opacity) {
|
||||
return arguments.length === 1 ? hclConvert(l) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
|
||||
}
|
||||
|
||||
function hcl(h, c, l, opacity) {
|
||||
return arguments.length === 1 ? hclConvert(h) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
|
||||
}
|
||||
|
||||
function Hcl(h, c, l, opacity) {
|
||||
this.h = +h;
|
||||
this.c = +c;
|
||||
this.l = +l;
|
||||
this.opacity = +opacity;
|
||||
}
|
||||
|
||||
function hcl2lab(o) {
|
||||
if (isNaN(o.h)) return new Lab(o.l, 0, 0, o.opacity);
|
||||
var h = o.h * radians;
|
||||
return new Lab(o.l, Math.cos(h) * o.c, Math.sin(h) * o.c, o.opacity);
|
||||
}
|
||||
|
||||
define(Hcl, hcl, extend(Color, {
|
||||
brighter: function(k) {
|
||||
return new Hcl(this.h, this.c, this.l + K * (k == null ? 1 : k), this.opacity);
|
||||
},
|
||||
darker: function(k) {
|
||||
return new Hcl(this.h, this.c, this.l - K * (k == null ? 1 : k), this.opacity);
|
||||
},
|
||||
rgb: function() {
|
||||
return hcl2lab(this).rgb();
|
||||
}
|
||||
}));
|
||||
|
||||
var A = -0.14861,
|
||||
B = +1.78277,
|
||||
C = -0.29227,
|
||||
D = -0.90649,
|
||||
E = +1.97294,
|
||||
ED = E * D,
|
||||
EB = E * B,
|
||||
BC_DA = B * C - D * A;
|
||||
|
||||
function cubehelixConvert(o) {
|
||||
if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);
|
||||
if (!(o instanceof Rgb)) o = rgbConvert(o);
|
||||
var r = o.r / 255,
|
||||
g = o.g / 255,
|
||||
b = o.b / 255,
|
||||
l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),
|
||||
bl = b - l,
|
||||
k = (E * (g - l) - C * bl) / D,
|
||||
s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)), // NaN if l=0 or l=1
|
||||
h = s ? Math.atan2(k, bl) * degrees - 120 : NaN;
|
||||
return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);
|
||||
}
|
||||
|
||||
function cubehelix(h, s, l, opacity) {
|
||||
return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);
|
||||
}
|
||||
|
||||
function Cubehelix(h, s, l, opacity) {
|
||||
this.h = +h;
|
||||
this.s = +s;
|
||||
this.l = +l;
|
||||
this.opacity = +opacity;
|
||||
}
|
||||
|
||||
define(Cubehelix, cubehelix, extend(Color, {
|
||||
brighter: function(k) {
|
||||
k = k == null ? brighter : Math.pow(brighter, k);
|
||||
return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
|
||||
},
|
||||
darker: function(k) {
|
||||
k = k == null ? darker : Math.pow(darker, k);
|
||||
return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
|
||||
},
|
||||
rgb: function() {
|
||||
var h = isNaN(this.h) ? 0 : (this.h + 120) * radians,
|
||||
l = +this.l,
|
||||
a = isNaN(this.s) ? 0 : this.s * l * (1 - l),
|
||||
cosh = Math.cos(h),
|
||||
sinh = Math.sin(h);
|
||||
return new Rgb(
|
||||
255 * (l + a * (A * cosh + B * sinh)),
|
||||
255 * (l + a * (C * cosh + D * sinh)),
|
||||
255 * (l + a * (E * cosh)),
|
||||
this.opacity
|
||||
);
|
||||
}
|
||||
}));
|
||||
|
||||
exports.color = color;
|
||||
exports.cubehelix = cubehelix;
|
||||
exports.gray = gray;
|
||||
exports.hcl = hcl;
|
||||
exports.hsl = hsl;
|
||||
exports.lab = lab;
|
||||
exports.lch = lch;
|
||||
exports.rgb = rgb;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
2
src/pretix/static/d3/d3-color.v2.min.js
vendored
Normal file
2
src/pretix/static/d3/d3-color.v2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
95
src/pretix/static/d3/d3-dispatch.v2.js
vendored
Normal file
95
src/pretix/static/d3/d3-dispatch.v2.js
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
// https://d3js.org/d3-dispatch/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}));
|
||||
}(this, function (exports) { 'use strict';
|
||||
|
||||
var noop = {value: () => {}};
|
||||
|
||||
function dispatch() {
|
||||
for (var i = 0, n = arguments.length, _ = {}, t; i < n; ++i) {
|
||||
if (!(t = arguments[i] + "") || (t in _) || /[\s.]/.test(t)) throw new Error("illegal type: " + t);
|
||||
_[t] = [];
|
||||
}
|
||||
return new Dispatch(_);
|
||||
}
|
||||
|
||||
function Dispatch(_) {
|
||||
this._ = _;
|
||||
}
|
||||
|
||||
function parseTypenames(typenames, types) {
|
||||
return typenames.trim().split(/^|\s+/).map(function(t) {
|
||||
var name = "", i = t.indexOf(".");
|
||||
if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);
|
||||
if (t && !types.hasOwnProperty(t)) throw new Error("unknown type: " + t);
|
||||
return {type: t, name: name};
|
||||
});
|
||||
}
|
||||
|
||||
Dispatch.prototype = dispatch.prototype = {
|
||||
constructor: Dispatch,
|
||||
on: function(typename, callback) {
|
||||
var _ = this._,
|
||||
T = parseTypenames(typename + "", _),
|
||||
t,
|
||||
i = -1,
|
||||
n = T.length;
|
||||
|
||||
// If no callback was specified, return the callback of the given type and name.
|
||||
if (arguments.length < 2) {
|
||||
while (++i < n) if ((t = (typename = T[i]).type) && (t = get(_[t], typename.name))) return t;
|
||||
return;
|
||||
}
|
||||
|
||||
// If a type was specified, set the callback for the given type and name.
|
||||
// Otherwise, if a null callback was specified, remove callbacks of the given name.
|
||||
if (callback != null && typeof callback !== "function") throw new Error("invalid callback: " + callback);
|
||||
while (++i < n) {
|
||||
if (t = (typename = T[i]).type) _[t] = set(_[t], typename.name, callback);
|
||||
else if (callback == null) for (t in _) _[t] = set(_[t], typename.name, null);
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
copy: function() {
|
||||
var copy = {}, _ = this._;
|
||||
for (var t in _) copy[t] = _[t].slice();
|
||||
return new Dispatch(copy);
|
||||
},
|
||||
call: function(type, that) {
|
||||
if ((n = arguments.length - 2) > 0) for (var args = new Array(n), i = 0, n, t; i < n; ++i) args[i] = arguments[i + 2];
|
||||
if (!this._.hasOwnProperty(type)) throw new Error("unknown type: " + type);
|
||||
for (t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
|
||||
},
|
||||
apply: function(type, that, args) {
|
||||
if (!this._.hasOwnProperty(type)) throw new Error("unknown type: " + type);
|
||||
for (var t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);
|
||||
}
|
||||
};
|
||||
|
||||
function get(type, name) {
|
||||
for (var i = 0, n = type.length, c; i < n; ++i) {
|
||||
if ((c = type[i]).name === name) {
|
||||
return c.value;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function set(type, name, callback) {
|
||||
for (var i = 0, n = type.length; i < n; ++i) {
|
||||
if (type[i].name === name) {
|
||||
type[i] = noop, type = type.slice(0, i).concat(type.slice(i + 1));
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (callback != null) type.push({name: name, value: callback});
|
||||
return type;
|
||||
}
|
||||
|
||||
exports.dispatch = dispatch;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
266
src/pretix/static/d3/d3-drag.v2.js
vendored
Normal file
266
src/pretix/static/d3/d3-drag.v2.js
vendored
Normal file
@@ -0,0 +1,266 @@
|
||||
// https://d3js.org/d3-drag/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-dispatch'), require('d3-selection')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', 'd3-dispatch', 'd3-selection'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}, global.d3, global.d3));
|
||||
}(this, function (exports, d3Dispatch, d3Selection) { 'use strict';
|
||||
|
||||
function nopropagation(event) {
|
||||
event.stopImmediatePropagation();
|
||||
}
|
||||
|
||||
function noevent(event) {
|
||||
event.preventDefault();
|
||||
event.stopImmediatePropagation();
|
||||
}
|
||||
|
||||
function nodrag(view) {
|
||||
var root = view.document.documentElement,
|
||||
selection = d3Selection.select(view).on("dragstart.drag", noevent, true);
|
||||
if ("onselectstart" in root) {
|
||||
selection.on("selectstart.drag", noevent, true);
|
||||
} else {
|
||||
root.__noselect = root.style.MozUserSelect;
|
||||
root.style.MozUserSelect = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function yesdrag(view, noclick) {
|
||||
var root = view.document.documentElement,
|
||||
selection = d3Selection.select(view).on("dragstart.drag", null);
|
||||
if (noclick) {
|
||||
selection.on("click.drag", noevent, true);
|
||||
setTimeout(function() { selection.on("click.drag", null); }, 0);
|
||||
}
|
||||
if ("onselectstart" in root) {
|
||||
selection.on("selectstart.drag", null);
|
||||
} else {
|
||||
root.style.MozUserSelect = root.__noselect;
|
||||
delete root.__noselect;
|
||||
}
|
||||
}
|
||||
|
||||
var constant = x => () => x;
|
||||
|
||||
function DragEvent(type, {
|
||||
sourceEvent,
|
||||
subject,
|
||||
target,
|
||||
identifier,
|
||||
active,
|
||||
x, y, dx, dy,
|
||||
dispatch
|
||||
}) {
|
||||
Object.defineProperties(this, {
|
||||
type: {value: type, enumerable: true, configurable: true},
|
||||
sourceEvent: {value: sourceEvent, enumerable: true, configurable: true},
|
||||
subject: {value: subject, enumerable: true, configurable: true},
|
||||
target: {value: target, enumerable: true, configurable: true},
|
||||
identifier: {value: identifier, enumerable: true, configurable: true},
|
||||
active: {value: active, enumerable: true, configurable: true},
|
||||
x: {value: x, enumerable: true, configurable: true},
|
||||
y: {value: y, enumerable: true, configurable: true},
|
||||
dx: {value: dx, enumerable: true, configurable: true},
|
||||
dy: {value: dy, enumerable: true, configurable: true},
|
||||
_: {value: dispatch}
|
||||
});
|
||||
}
|
||||
|
||||
DragEvent.prototype.on = function() {
|
||||
var value = this._.on.apply(this._, arguments);
|
||||
return value === this._ ? this : value;
|
||||
};
|
||||
|
||||
// Ignore right-click, since that should open the context menu.
|
||||
function defaultFilter(event) {
|
||||
return !event.ctrlKey && !event.button;
|
||||
}
|
||||
|
||||
function defaultContainer() {
|
||||
return this.parentNode;
|
||||
}
|
||||
|
||||
function defaultSubject(event, d) {
|
||||
return d == null ? {x: event.x, y: event.y} : d;
|
||||
}
|
||||
|
||||
function defaultTouchable() {
|
||||
return navigator.maxTouchPoints || ("ontouchstart" in this);
|
||||
}
|
||||
|
||||
function drag() {
|
||||
var filter = defaultFilter,
|
||||
container = defaultContainer,
|
||||
subject = defaultSubject,
|
||||
touchable = defaultTouchable,
|
||||
gestures = {},
|
||||
listeners = d3Dispatch.dispatch("start", "drag", "end"),
|
||||
active = 0,
|
||||
mousedownx,
|
||||
mousedowny,
|
||||
mousemoving,
|
||||
touchending,
|
||||
clickDistance2 = 0;
|
||||
|
||||
function drag(selection) {
|
||||
selection
|
||||
.on("mousedown.drag", mousedowned)
|
||||
.filter(touchable)
|
||||
.on("touchstart.drag", touchstarted)
|
||||
.on("touchmove.drag", touchmoved)
|
||||
.on("touchend.drag touchcancel.drag", touchended)
|
||||
.style("touch-action", "none")
|
||||
.style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
|
||||
}
|
||||
|
||||
function mousedowned(event, d) {
|
||||
if (touchending || !filter.call(this, event, d)) return;
|
||||
var gesture = beforestart(this, container.call(this, event, d), event, d, "mouse");
|
||||
if (!gesture) return;
|
||||
d3Selection.select(event.view).on("mousemove.drag", mousemoved, true).on("mouseup.drag", mouseupped, true);
|
||||
nodrag(event.view);
|
||||
nopropagation(event);
|
||||
mousemoving = false;
|
||||
mousedownx = event.clientX;
|
||||
mousedowny = event.clientY;
|
||||
gesture("start", event);
|
||||
}
|
||||
|
||||
function mousemoved(event) {
|
||||
noevent(event);
|
||||
if (!mousemoving) {
|
||||
var dx = event.clientX - mousedownx, dy = event.clientY - mousedowny;
|
||||
mousemoving = dx * dx + dy * dy > clickDistance2;
|
||||
}
|
||||
gestures.mouse("drag", event);
|
||||
}
|
||||
|
||||
function mouseupped(event) {
|
||||
d3Selection.select(event.view).on("mousemove.drag mouseup.drag", null);
|
||||
yesdrag(event.view, mousemoving);
|
||||
noevent(event);
|
||||
gestures.mouse("end", event);
|
||||
}
|
||||
|
||||
function touchstarted(event, d) {
|
||||
if (!filter.call(this, event, d)) return;
|
||||
var touches = event.changedTouches,
|
||||
c = container.call(this, event, d),
|
||||
n = touches.length, i, gesture;
|
||||
|
||||
for (i = 0; i < n; ++i) {
|
||||
if (gesture = beforestart(this, c, event, d, touches[i].identifier, touches[i])) {
|
||||
nopropagation(event);
|
||||
gesture("start", event, touches[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function touchmoved(event) {
|
||||
var touches = event.changedTouches,
|
||||
n = touches.length, i, gesture;
|
||||
|
||||
for (i = 0; i < n; ++i) {
|
||||
if (gesture = gestures[touches[i].identifier]) {
|
||||
noevent(event);
|
||||
gesture("drag", event, touches[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function touchended(event) {
|
||||
var touches = event.changedTouches,
|
||||
n = touches.length, i, gesture;
|
||||
|
||||
if (touchending) clearTimeout(touchending);
|
||||
touchending = setTimeout(function() { touchending = null; }, 500); // Ghost clicks are delayed!
|
||||
for (i = 0; i < n; ++i) {
|
||||
if (gesture = gestures[touches[i].identifier]) {
|
||||
nopropagation(event);
|
||||
gesture("end", event, touches[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function beforestart(that, container, event, d, identifier, touch) {
|
||||
var dispatch = listeners.copy(),
|
||||
p = d3Selection.pointer(touch || event, container), dx, dy,
|
||||
s;
|
||||
|
||||
if ((s = subject.call(that, new DragEvent("beforestart", {
|
||||
sourceEvent: event,
|
||||
target: drag,
|
||||
identifier,
|
||||
active,
|
||||
x: p[0],
|
||||
y: p[1],
|
||||
dx: 0,
|
||||
dy: 0,
|
||||
dispatch
|
||||
}), d)) == null) return;
|
||||
|
||||
dx = s.x - p[0] || 0;
|
||||
dy = s.y - p[1] || 0;
|
||||
|
||||
return function gesture(type, event, touch) {
|
||||
var p0 = p, n;
|
||||
switch (type) {
|
||||
case "start": gestures[identifier] = gesture, n = active++; break;
|
||||
case "end": delete gestures[identifier], --active; // nobreak
|
||||
case "drag": p = d3Selection.pointer(touch || event, container), n = active; break;
|
||||
}
|
||||
dispatch.call(
|
||||
type,
|
||||
that,
|
||||
new DragEvent(type, {
|
||||
sourceEvent: event,
|
||||
subject: s,
|
||||
target: drag,
|
||||
identifier,
|
||||
active: n,
|
||||
x: p[0] + dx,
|
||||
y: p[1] + dy,
|
||||
dx: p[0] - p0[0],
|
||||
dy: p[1] - p0[1],
|
||||
dispatch
|
||||
}),
|
||||
d
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
drag.filter = function(_) {
|
||||
return arguments.length ? (filter = typeof _ === "function" ? _ : constant(!!_), drag) : filter;
|
||||
};
|
||||
|
||||
drag.container = function(_) {
|
||||
return arguments.length ? (container = typeof _ === "function" ? _ : constant(_), drag) : container;
|
||||
};
|
||||
|
||||
drag.subject = function(_) {
|
||||
return arguments.length ? (subject = typeof _ === "function" ? _ : constant(_), drag) : subject;
|
||||
};
|
||||
|
||||
drag.touchable = function(_) {
|
||||
return arguments.length ? (touchable = typeof _ === "function" ? _ : constant(!!_), drag) : touchable;
|
||||
};
|
||||
|
||||
drag.on = function() {
|
||||
var value = listeners.on.apply(listeners, arguments);
|
||||
return value === listeners ? drag : value;
|
||||
};
|
||||
|
||||
drag.clickDistance = function(_) {
|
||||
return arguments.length ? (clickDistance2 = (_ = +_) * _, drag) : Math.sqrt(clickDistance2);
|
||||
};
|
||||
|
||||
return drag;
|
||||
}
|
||||
|
||||
exports.drag = drag;
|
||||
exports.dragDisable = nodrag;
|
||||
exports.dragEnable = yesdrag;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
262
src/pretix/static/d3/d3-ease.v2.js
vendored
Normal file
262
src/pretix/static/d3/d3-ease.v2.js
vendored
Normal file
@@ -0,0 +1,262 @@
|
||||
// https://d3js.org/d3-ease/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}));
|
||||
}(this, function (exports) { 'use strict';
|
||||
|
||||
const linear = t => +t;
|
||||
|
||||
function quadIn(t) {
|
||||
return t * t;
|
||||
}
|
||||
|
||||
function quadOut(t) {
|
||||
return t * (2 - t);
|
||||
}
|
||||
|
||||
function quadInOut(t) {
|
||||
return ((t *= 2) <= 1 ? t * t : --t * (2 - t) + 1) / 2;
|
||||
}
|
||||
|
||||
function cubicIn(t) {
|
||||
return t * t * t;
|
||||
}
|
||||
|
||||
function cubicOut(t) {
|
||||
return --t * t * t + 1;
|
||||
}
|
||||
|
||||
function cubicInOut(t) {
|
||||
return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;
|
||||
}
|
||||
|
||||
var exponent = 3;
|
||||
|
||||
var polyIn = (function custom(e) {
|
||||
e = +e;
|
||||
|
||||
function polyIn(t) {
|
||||
return Math.pow(t, e);
|
||||
}
|
||||
|
||||
polyIn.exponent = custom;
|
||||
|
||||
return polyIn;
|
||||
})(exponent);
|
||||
|
||||
var polyOut = (function custom(e) {
|
||||
e = +e;
|
||||
|
||||
function polyOut(t) {
|
||||
return 1 - Math.pow(1 - t, e);
|
||||
}
|
||||
|
||||
polyOut.exponent = custom;
|
||||
|
||||
return polyOut;
|
||||
})(exponent);
|
||||
|
||||
var polyInOut = (function custom(e) {
|
||||
e = +e;
|
||||
|
||||
function polyInOut(t) {
|
||||
return ((t *= 2) <= 1 ? Math.pow(t, e) : 2 - Math.pow(2 - t, e)) / 2;
|
||||
}
|
||||
|
||||
polyInOut.exponent = custom;
|
||||
|
||||
return polyInOut;
|
||||
})(exponent);
|
||||
|
||||
var pi = Math.PI,
|
||||
halfPi = pi / 2;
|
||||
|
||||
function sinIn(t) {
|
||||
return (+t === 1) ? 1 : 1 - Math.cos(t * halfPi);
|
||||
}
|
||||
|
||||
function sinOut(t) {
|
||||
return Math.sin(t * halfPi);
|
||||
}
|
||||
|
||||
function sinInOut(t) {
|
||||
return (1 - Math.cos(pi * t)) / 2;
|
||||
}
|
||||
|
||||
// tpmt is two power minus ten times t scaled to [0,1]
|
||||
function tpmt(x) {
|
||||
return (Math.pow(2, -10 * x) - 0.0009765625) * 1.0009775171065494;
|
||||
}
|
||||
|
||||
function expIn(t) {
|
||||
return tpmt(1 - +t);
|
||||
}
|
||||
|
||||
function expOut(t) {
|
||||
return 1 - tpmt(t);
|
||||
}
|
||||
|
||||
function expInOut(t) {
|
||||
return ((t *= 2) <= 1 ? tpmt(1 - t) : 2 - tpmt(t - 1)) / 2;
|
||||
}
|
||||
|
||||
function circleIn(t) {
|
||||
return 1 - Math.sqrt(1 - t * t);
|
||||
}
|
||||
|
||||
function circleOut(t) {
|
||||
return Math.sqrt(1 - --t * t);
|
||||
}
|
||||
|
||||
function circleInOut(t) {
|
||||
return ((t *= 2) <= 1 ? 1 - Math.sqrt(1 - t * t) : Math.sqrt(1 - (t -= 2) * t) + 1) / 2;
|
||||
}
|
||||
|
||||
var b1 = 4 / 11,
|
||||
b2 = 6 / 11,
|
||||
b3 = 8 / 11,
|
||||
b4 = 3 / 4,
|
||||
b5 = 9 / 11,
|
||||
b6 = 10 / 11,
|
||||
b7 = 15 / 16,
|
||||
b8 = 21 / 22,
|
||||
b9 = 63 / 64,
|
||||
b0 = 1 / b1 / b1;
|
||||
|
||||
function bounceIn(t) {
|
||||
return 1 - bounceOut(1 - t);
|
||||
}
|
||||
|
||||
function bounceOut(t) {
|
||||
return (t = +t) < b1 ? b0 * t * t : t < b3 ? b0 * (t -= b2) * t + b4 : t < b6 ? b0 * (t -= b5) * t + b7 : b0 * (t -= b8) * t + b9;
|
||||
}
|
||||
|
||||
function bounceInOut(t) {
|
||||
return ((t *= 2) <= 1 ? 1 - bounceOut(1 - t) : bounceOut(t - 1) + 1) / 2;
|
||||
}
|
||||
|
||||
var overshoot = 1.70158;
|
||||
|
||||
var backIn = (function custom(s) {
|
||||
s = +s;
|
||||
|
||||
function backIn(t) {
|
||||
return (t = +t) * t * (s * (t - 1) + t);
|
||||
}
|
||||
|
||||
backIn.overshoot = custom;
|
||||
|
||||
return backIn;
|
||||
})(overshoot);
|
||||
|
||||
var backOut = (function custom(s) {
|
||||
s = +s;
|
||||
|
||||
function backOut(t) {
|
||||
return --t * t * ((t + 1) * s + t) + 1;
|
||||
}
|
||||
|
||||
backOut.overshoot = custom;
|
||||
|
||||
return backOut;
|
||||
})(overshoot);
|
||||
|
||||
var backInOut = (function custom(s) {
|
||||
s = +s;
|
||||
|
||||
function backInOut(t) {
|
||||
return ((t *= 2) < 1 ? t * t * ((s + 1) * t - s) : (t -= 2) * t * ((s + 1) * t + s) + 2) / 2;
|
||||
}
|
||||
|
||||
backInOut.overshoot = custom;
|
||||
|
||||
return backInOut;
|
||||
})(overshoot);
|
||||
|
||||
var tau = 2 * Math.PI,
|
||||
amplitude = 1,
|
||||
period = 0.3;
|
||||
|
||||
var elasticIn = (function custom(a, p) {
|
||||
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
|
||||
|
||||
function elasticIn(t) {
|
||||
return a * tpmt(-(--t)) * Math.sin((s - t) / p);
|
||||
}
|
||||
|
||||
elasticIn.amplitude = function(a) { return custom(a, p * tau); };
|
||||
elasticIn.period = function(p) { return custom(a, p); };
|
||||
|
||||
return elasticIn;
|
||||
})(amplitude, period);
|
||||
|
||||
var elasticOut = (function custom(a, p) {
|
||||
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
|
||||
|
||||
function elasticOut(t) {
|
||||
return 1 - a * tpmt(t = +t) * Math.sin((t + s) / p);
|
||||
}
|
||||
|
||||
elasticOut.amplitude = function(a) { return custom(a, p * tau); };
|
||||
elasticOut.period = function(p) { return custom(a, p); };
|
||||
|
||||
return elasticOut;
|
||||
})(amplitude, period);
|
||||
|
||||
var elasticInOut = (function custom(a, p) {
|
||||
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
|
||||
|
||||
function elasticInOut(t) {
|
||||
return ((t = t * 2 - 1) < 0
|
||||
? a * tpmt(-t) * Math.sin((s - t) / p)
|
||||
: 2 - a * tpmt(t) * Math.sin((s + t) / p)) / 2;
|
||||
}
|
||||
|
||||
elasticInOut.amplitude = function(a) { return custom(a, p * tau); };
|
||||
elasticInOut.period = function(p) { return custom(a, p); };
|
||||
|
||||
return elasticInOut;
|
||||
})(amplitude, period);
|
||||
|
||||
exports.easeBack = backInOut;
|
||||
exports.easeBackIn = backIn;
|
||||
exports.easeBackInOut = backInOut;
|
||||
exports.easeBackOut = backOut;
|
||||
exports.easeBounce = bounceOut;
|
||||
exports.easeBounceIn = bounceIn;
|
||||
exports.easeBounceInOut = bounceInOut;
|
||||
exports.easeBounceOut = bounceOut;
|
||||
exports.easeCircle = circleInOut;
|
||||
exports.easeCircleIn = circleIn;
|
||||
exports.easeCircleInOut = circleInOut;
|
||||
exports.easeCircleOut = circleOut;
|
||||
exports.easeCubic = cubicInOut;
|
||||
exports.easeCubicIn = cubicIn;
|
||||
exports.easeCubicInOut = cubicInOut;
|
||||
exports.easeCubicOut = cubicOut;
|
||||
exports.easeElastic = elasticOut;
|
||||
exports.easeElasticIn = elasticIn;
|
||||
exports.easeElasticInOut = elasticInOut;
|
||||
exports.easeElasticOut = elasticOut;
|
||||
exports.easeExp = expInOut;
|
||||
exports.easeExpIn = expIn;
|
||||
exports.easeExpInOut = expInOut;
|
||||
exports.easeExpOut = expOut;
|
||||
exports.easeLinear = linear;
|
||||
exports.easePoly = polyInOut;
|
||||
exports.easePolyIn = polyIn;
|
||||
exports.easePolyInOut = polyInOut;
|
||||
exports.easePolyOut = polyOut;
|
||||
exports.easeQuad = quadInOut;
|
||||
exports.easeQuadIn = quadIn;
|
||||
exports.easeQuadInOut = quadInOut;
|
||||
exports.easeQuadOut = quadOut;
|
||||
exports.easeSin = sinInOut;
|
||||
exports.easeSinIn = sinIn;
|
||||
exports.easeSinInOut = sinInOut;
|
||||
exports.easeSinOut = sinOut;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
590
src/pretix/static/d3/d3-interpolate.v2.js
vendored
Normal file
590
src/pretix/static/d3/d3-interpolate.v2.js
vendored
Normal file
@@ -0,0 +1,590 @@
|
||||
// https://d3js.org/d3-interpolate/ v2.0.1 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-color')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', 'd3-color'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}, global.d3));
|
||||
}(this, function (exports, d3Color) { 'use strict';
|
||||
|
||||
function basis(t1, v0, v1, v2, v3) {
|
||||
var t2 = t1 * t1, t3 = t2 * t1;
|
||||
return ((1 - 3 * t1 + 3 * t2 - t3) * v0
|
||||
+ (4 - 6 * t2 + 3 * t3) * v1
|
||||
+ (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2
|
||||
+ t3 * v3) / 6;
|
||||
}
|
||||
|
||||
function basis$1(values) {
|
||||
var n = values.length - 1;
|
||||
return function(t) {
|
||||
var i = t <= 0 ? (t = 0) : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n),
|
||||
v1 = values[i],
|
||||
v2 = values[i + 1],
|
||||
v0 = i > 0 ? values[i - 1] : 2 * v1 - v2,
|
||||
v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;
|
||||
return basis((t - i / n) * n, v0, v1, v2, v3);
|
||||
};
|
||||
}
|
||||
|
||||
function basisClosed(values) {
|
||||
var n = values.length;
|
||||
return function(t) {
|
||||
var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n),
|
||||
v0 = values[(i + n - 1) % n],
|
||||
v1 = values[i % n],
|
||||
v2 = values[(i + 1) % n],
|
||||
v3 = values[(i + 2) % n];
|
||||
return basis((t - i / n) * n, v0, v1, v2, v3);
|
||||
};
|
||||
}
|
||||
|
||||
var constant = x => () => x;
|
||||
|
||||
function linear(a, d) {
|
||||
return function(t) {
|
||||
return a + t * d;
|
||||
};
|
||||
}
|
||||
|
||||
function exponential(a, b, y) {
|
||||
return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {
|
||||
return Math.pow(a + t * b, y);
|
||||
};
|
||||
}
|
||||
|
||||
function hue(a, b) {
|
||||
var d = b - a;
|
||||
return d ? linear(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : constant(isNaN(a) ? b : a);
|
||||
}
|
||||
|
||||
function gamma(y) {
|
||||
return (y = +y) === 1 ? nogamma : function(a, b) {
|
||||
return b - a ? exponential(a, b, y) : constant(isNaN(a) ? b : a);
|
||||
};
|
||||
}
|
||||
|
||||
function nogamma(a, b) {
|
||||
var d = b - a;
|
||||
return d ? linear(a, d) : constant(isNaN(a) ? b : a);
|
||||
}
|
||||
|
||||
var rgb = (function rgbGamma(y) {
|
||||
var color = gamma(y);
|
||||
|
||||
function rgb(start, end) {
|
||||
var r = color((start = d3Color.rgb(start)).r, (end = d3Color.rgb(end)).r),
|
||||
g = color(start.g, end.g),
|
||||
b = color(start.b, end.b),
|
||||
opacity = nogamma(start.opacity, end.opacity);
|
||||
return function(t) {
|
||||
start.r = r(t);
|
||||
start.g = g(t);
|
||||
start.b = b(t);
|
||||
start.opacity = opacity(t);
|
||||
return start + "";
|
||||
};
|
||||
}
|
||||
|
||||
rgb.gamma = rgbGamma;
|
||||
|
||||
return rgb;
|
||||
})(1);
|
||||
|
||||
function rgbSpline(spline) {
|
||||
return function(colors) {
|
||||
var n = colors.length,
|
||||
r = new Array(n),
|
||||
g = new Array(n),
|
||||
b = new Array(n),
|
||||
i, color;
|
||||
for (i = 0; i < n; ++i) {
|
||||
color = d3Color.rgb(colors[i]);
|
||||
r[i] = color.r || 0;
|
||||
g[i] = color.g || 0;
|
||||
b[i] = color.b || 0;
|
||||
}
|
||||
r = spline(r);
|
||||
g = spline(g);
|
||||
b = spline(b);
|
||||
color.opacity = 1;
|
||||
return function(t) {
|
||||
color.r = r(t);
|
||||
color.g = g(t);
|
||||
color.b = b(t);
|
||||
return color + "";
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var rgbBasis = rgbSpline(basis$1);
|
||||
var rgbBasisClosed = rgbSpline(basisClosed);
|
||||
|
||||
function numberArray(a, b) {
|
||||
if (!b) b = [];
|
||||
var n = a ? Math.min(b.length, a.length) : 0,
|
||||
c = b.slice(),
|
||||
i;
|
||||
return function(t) {
|
||||
for (i = 0; i < n; ++i) c[i] = a[i] * (1 - t) + b[i] * t;
|
||||
return c;
|
||||
};
|
||||
}
|
||||
|
||||
function isNumberArray(x) {
|
||||
return ArrayBuffer.isView(x) && !(x instanceof DataView);
|
||||
}
|
||||
|
||||
function array(a, b) {
|
||||
return (isNumberArray(b) ? numberArray : genericArray)(a, b);
|
||||
}
|
||||
|
||||
function genericArray(a, b) {
|
||||
var nb = b ? b.length : 0,
|
||||
na = a ? Math.min(nb, a.length) : 0,
|
||||
x = new Array(na),
|
||||
c = new Array(nb),
|
||||
i;
|
||||
|
||||
for (i = 0; i < na; ++i) x[i] = value(a[i], b[i]);
|
||||
for (; i < nb; ++i) c[i] = b[i];
|
||||
|
||||
return function(t) {
|
||||
for (i = 0; i < na; ++i) c[i] = x[i](t);
|
||||
return c;
|
||||
};
|
||||
}
|
||||
|
||||
function date(a, b) {
|
||||
var d = new Date;
|
||||
return a = +a, b = +b, function(t) {
|
||||
return d.setTime(a * (1 - t) + b * t), d;
|
||||
};
|
||||
}
|
||||
|
||||
function number(a, b) {
|
||||
return a = +a, b = +b, function(t) {
|
||||
return a * (1 - t) + b * t;
|
||||
};
|
||||
}
|
||||
|
||||
function object(a, b) {
|
||||
var i = {},
|
||||
c = {},
|
||||
k;
|
||||
|
||||
if (a === null || typeof a !== "object") a = {};
|
||||
if (b === null || typeof b !== "object") b = {};
|
||||
|
||||
for (k in b) {
|
||||
if (k in a) {
|
||||
i[k] = value(a[k], b[k]);
|
||||
} else {
|
||||
c[k] = b[k];
|
||||
}
|
||||
}
|
||||
|
||||
return function(t) {
|
||||
for (k in i) c[k] = i[k](t);
|
||||
return c;
|
||||
};
|
||||
}
|
||||
|
||||
var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,
|
||||
reB = new RegExp(reA.source, "g");
|
||||
|
||||
function zero(b) {
|
||||
return function() {
|
||||
return b;
|
||||
};
|
||||
}
|
||||
|
||||
function one(b) {
|
||||
return function(t) {
|
||||
return b(t) + "";
|
||||
};
|
||||
}
|
||||
|
||||
function string(a, b) {
|
||||
var bi = reA.lastIndex = reB.lastIndex = 0, // scan index for next number in b
|
||||
am, // current match in a
|
||||
bm, // current match in b
|
||||
bs, // string preceding current number in b, if any
|
||||
i = -1, // index in s
|
||||
s = [], // string constants and placeholders
|
||||
q = []; // number interpolators
|
||||
|
||||
// Coerce inputs to strings.
|
||||
a = a + "", b = b + "";
|
||||
|
||||
// Interpolate pairs of numbers in a & b.
|
||||
while ((am = reA.exec(a))
|
||||
&& (bm = reB.exec(b))) {
|
||||
if ((bs = bm.index) > bi) { // a string precedes the next number in b
|
||||
bs = b.slice(bi, bs);
|
||||
if (s[i]) s[i] += bs; // coalesce with previous string
|
||||
else s[++i] = bs;
|
||||
}
|
||||
if ((am = am[0]) === (bm = bm[0])) { // numbers in a & b match
|
||||
if (s[i]) s[i] += bm; // coalesce with previous string
|
||||
else s[++i] = bm;
|
||||
} else { // interpolate non-matching numbers
|
||||
s[++i] = null;
|
||||
q.push({i: i, x: number(am, bm)});
|
||||
}
|
||||
bi = reB.lastIndex;
|
||||
}
|
||||
|
||||
// Add remains of b.
|
||||
if (bi < b.length) {
|
||||
bs = b.slice(bi);
|
||||
if (s[i]) s[i] += bs; // coalesce with previous string
|
||||
else s[++i] = bs;
|
||||
}
|
||||
|
||||
// Special optimization for only a single match.
|
||||
// Otherwise, interpolate each of the numbers and rejoin the string.
|
||||
return s.length < 2 ? (q[0]
|
||||
? one(q[0].x)
|
||||
: zero(b))
|
||||
: (b = q.length, function(t) {
|
||||
for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t);
|
||||
return s.join("");
|
||||
});
|
||||
}
|
||||
|
||||
function value(a, b) {
|
||||
var t = typeof b, c;
|
||||
return b == null || t === "boolean" ? constant(b)
|
||||
: (t === "number" ? number
|
||||
: t === "string" ? ((c = d3Color.color(b)) ? (b = c, rgb) : string)
|
||||
: b instanceof d3Color.color ? rgb
|
||||
: b instanceof Date ? date
|
||||
: isNumberArray(b) ? numberArray
|
||||
: Array.isArray(b) ? genericArray
|
||||
: typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? object
|
||||
: number)(a, b);
|
||||
}
|
||||
|
||||
function discrete(range) {
|
||||
var n = range.length;
|
||||
return function(t) {
|
||||
return range[Math.max(0, Math.min(n - 1, Math.floor(t * n)))];
|
||||
};
|
||||
}
|
||||
|
||||
function hue$1(a, b) {
|
||||
var i = hue(+a, +b);
|
||||
return function(t) {
|
||||
var x = i(t);
|
||||
return x - 360 * Math.floor(x / 360);
|
||||
};
|
||||
}
|
||||
|
||||
function round(a, b) {
|
||||
return a = +a, b = +b, function(t) {
|
||||
return Math.round(a * (1 - t) + b * t);
|
||||
};
|
||||
}
|
||||
|
||||
var degrees = 180 / Math.PI;
|
||||
|
||||
var identity = {
|
||||
translateX: 0,
|
||||
translateY: 0,
|
||||
rotate: 0,
|
||||
skewX: 0,
|
||||
scaleX: 1,
|
||||
scaleY: 1
|
||||
};
|
||||
|
||||
function decompose(a, b, c, d, e, f) {
|
||||
var scaleX, scaleY, skewX;
|
||||
if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;
|
||||
if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;
|
||||
if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;
|
||||
if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;
|
||||
return {
|
||||
translateX: e,
|
||||
translateY: f,
|
||||
rotate: Math.atan2(b, a) * degrees,
|
||||
skewX: Math.atan(skewX) * degrees,
|
||||
scaleX: scaleX,
|
||||
scaleY: scaleY
|
||||
};
|
||||
}
|
||||
|
||||
var svgNode;
|
||||
|
||||
/* eslint-disable no-undef */
|
||||
function parseCss(value) {
|
||||
const m = new (typeof DOMMatrix === "function" ? DOMMatrix : WebKitCSSMatrix)(value + "");
|
||||
return m.isIdentity ? identity : decompose(m.a, m.b, m.c, m.d, m.e, m.f);
|
||||
}
|
||||
|
||||
function parseSvg(value) {
|
||||
if (value == null) return identity;
|
||||
if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
|
||||
svgNode.setAttribute("transform", value);
|
||||
if (!(value = svgNode.transform.baseVal.consolidate())) return identity;
|
||||
value = value.matrix;
|
||||
return decompose(value.a, value.b, value.c, value.d, value.e, value.f);
|
||||
}
|
||||
|
||||
function interpolateTransform(parse, pxComma, pxParen, degParen) {
|
||||
|
||||
function pop(s) {
|
||||
return s.length ? s.pop() + " " : "";
|
||||
}
|
||||
|
||||
function translate(xa, ya, xb, yb, s, q) {
|
||||
if (xa !== xb || ya !== yb) {
|
||||
var i = s.push("translate(", null, pxComma, null, pxParen);
|
||||
q.push({i: i - 4, x: number(xa, xb)}, {i: i - 2, x: number(ya, yb)});
|
||||
} else if (xb || yb) {
|
||||
s.push("translate(" + xb + pxComma + yb + pxParen);
|
||||
}
|
||||
}
|
||||
|
||||
function rotate(a, b, s, q) {
|
||||
if (a !== b) {
|
||||
if (a - b > 180) b += 360; else if (b - a > 180) a += 360; // shortest path
|
||||
q.push({i: s.push(pop(s) + "rotate(", null, degParen) - 2, x: number(a, b)});
|
||||
} else if (b) {
|
||||
s.push(pop(s) + "rotate(" + b + degParen);
|
||||
}
|
||||
}
|
||||
|
||||
function skewX(a, b, s, q) {
|
||||
if (a !== b) {
|
||||
q.push({i: s.push(pop(s) + "skewX(", null, degParen) - 2, x: number(a, b)});
|
||||
} else if (b) {
|
||||
s.push(pop(s) + "skewX(" + b + degParen);
|
||||
}
|
||||
}
|
||||
|
||||
function scale(xa, ya, xb, yb, s, q) {
|
||||
if (xa !== xb || ya !== yb) {
|
||||
var i = s.push(pop(s) + "scale(", null, ",", null, ")");
|
||||
q.push({i: i - 4, x: number(xa, xb)}, {i: i - 2, x: number(ya, yb)});
|
||||
} else if (xb !== 1 || yb !== 1) {
|
||||
s.push(pop(s) + "scale(" + xb + "," + yb + ")");
|
||||
}
|
||||
}
|
||||
|
||||
return function(a, b) {
|
||||
var s = [], // string constants and placeholders
|
||||
q = []; // number interpolators
|
||||
a = parse(a), b = parse(b);
|
||||
translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q);
|
||||
rotate(a.rotate, b.rotate, s, q);
|
||||
skewX(a.skewX, b.skewX, s, q);
|
||||
scale(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q);
|
||||
a = b = null; // gc
|
||||
return function(t) {
|
||||
var i = -1, n = q.length, o;
|
||||
while (++i < n) s[(o = q[i]).i] = o.x(t);
|
||||
return s.join("");
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var interpolateTransformCss = interpolateTransform(parseCss, "px, ", "px)", "deg)");
|
||||
var interpolateTransformSvg = interpolateTransform(parseSvg, ", ", ")", ")");
|
||||
|
||||
var epsilon2 = 1e-12;
|
||||
|
||||
function cosh(x) {
|
||||
return ((x = Math.exp(x)) + 1 / x) / 2;
|
||||
}
|
||||
|
||||
function sinh(x) {
|
||||
return ((x = Math.exp(x)) - 1 / x) / 2;
|
||||
}
|
||||
|
||||
function tanh(x) {
|
||||
return ((x = Math.exp(2 * x)) - 1) / (x + 1);
|
||||
}
|
||||
|
||||
var zoom = (function zoomRho(rho, rho2, rho4) {
|
||||
|
||||
// p0 = [ux0, uy0, w0]
|
||||
// p1 = [ux1, uy1, w1]
|
||||
function zoom(p0, p1) {
|
||||
var ux0 = p0[0], uy0 = p0[1], w0 = p0[2],
|
||||
ux1 = p1[0], uy1 = p1[1], w1 = p1[2],
|
||||
dx = ux1 - ux0,
|
||||
dy = uy1 - uy0,
|
||||
d2 = dx * dx + dy * dy,
|
||||
i,
|
||||
S;
|
||||
|
||||
// Special case for u0 ≅ u1.
|
||||
if (d2 < epsilon2) {
|
||||
S = Math.log(w1 / w0) / rho;
|
||||
i = function(t) {
|
||||
return [
|
||||
ux0 + t * dx,
|
||||
uy0 + t * dy,
|
||||
w0 * Math.exp(rho * t * S)
|
||||
];
|
||||
};
|
||||
}
|
||||
|
||||
// General case.
|
||||
else {
|
||||
var d1 = Math.sqrt(d2),
|
||||
b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1),
|
||||
b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1),
|
||||
r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0),
|
||||
r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
|
||||
S = (r1 - r0) / rho;
|
||||
i = function(t) {
|
||||
var s = t * S,
|
||||
coshr0 = cosh(r0),
|
||||
u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
|
||||
return [
|
||||
ux0 + u * dx,
|
||||
uy0 + u * dy,
|
||||
w0 * coshr0 / cosh(rho * s + r0)
|
||||
];
|
||||
};
|
||||
}
|
||||
|
||||
i.duration = S * 1000 * rho / Math.SQRT2;
|
||||
|
||||
return i;
|
||||
}
|
||||
|
||||
zoom.rho = function(_) {
|
||||
var _1 = Math.max(1e-3, +_), _2 = _1 * _1, _4 = _2 * _2;
|
||||
return zoomRho(_1, _2, _4);
|
||||
};
|
||||
|
||||
return zoom;
|
||||
})(Math.SQRT2, 2, 4);
|
||||
|
||||
function hsl(hue) {
|
||||
return function(start, end) {
|
||||
var h = hue((start = d3Color.hsl(start)).h, (end = d3Color.hsl(end)).h),
|
||||
s = nogamma(start.s, end.s),
|
||||
l = nogamma(start.l, end.l),
|
||||
opacity = nogamma(start.opacity, end.opacity);
|
||||
return function(t) {
|
||||
start.h = h(t);
|
||||
start.s = s(t);
|
||||
start.l = l(t);
|
||||
start.opacity = opacity(t);
|
||||
return start + "";
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
var hsl$1 = hsl(hue);
|
||||
var hslLong = hsl(nogamma);
|
||||
|
||||
function lab(start, end) {
|
||||
var l = nogamma((start = d3Color.lab(start)).l, (end = d3Color.lab(end)).l),
|
||||
a = nogamma(start.a, end.a),
|
||||
b = nogamma(start.b, end.b),
|
||||
opacity = nogamma(start.opacity, end.opacity);
|
||||
return function(t) {
|
||||
start.l = l(t);
|
||||
start.a = a(t);
|
||||
start.b = b(t);
|
||||
start.opacity = opacity(t);
|
||||
return start + "";
|
||||
};
|
||||
}
|
||||
|
||||
function hcl(hue) {
|
||||
return function(start, end) {
|
||||
var h = hue((start = d3Color.hcl(start)).h, (end = d3Color.hcl(end)).h),
|
||||
c = nogamma(start.c, end.c),
|
||||
l = nogamma(start.l, end.l),
|
||||
opacity = nogamma(start.opacity, end.opacity);
|
||||
return function(t) {
|
||||
start.h = h(t);
|
||||
start.c = c(t);
|
||||
start.l = l(t);
|
||||
start.opacity = opacity(t);
|
||||
return start + "";
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
var hcl$1 = hcl(hue);
|
||||
var hclLong = hcl(nogamma);
|
||||
|
||||
function cubehelix(hue) {
|
||||
return (function cubehelixGamma(y) {
|
||||
y = +y;
|
||||
|
||||
function cubehelix(start, end) {
|
||||
var h = hue((start = d3Color.cubehelix(start)).h, (end = d3Color.cubehelix(end)).h),
|
||||
s = nogamma(start.s, end.s),
|
||||
l = nogamma(start.l, end.l),
|
||||
opacity = nogamma(start.opacity, end.opacity);
|
||||
return function(t) {
|
||||
start.h = h(t);
|
||||
start.s = s(t);
|
||||
start.l = l(Math.pow(t, y));
|
||||
start.opacity = opacity(t);
|
||||
return start + "";
|
||||
};
|
||||
}
|
||||
|
||||
cubehelix.gamma = cubehelixGamma;
|
||||
|
||||
return cubehelix;
|
||||
})(1);
|
||||
}
|
||||
|
||||
var cubehelix$1 = cubehelix(hue);
|
||||
var cubehelixLong = cubehelix(nogamma);
|
||||
|
||||
function piecewise(interpolate, values) {
|
||||
if (values === undefined) values = interpolate, interpolate = value;
|
||||
var i = 0, n = values.length - 1, v = values[0], I = new Array(n < 0 ? 0 : n);
|
||||
while (i < n) I[i] = interpolate(v, v = values[++i]);
|
||||
return function(t) {
|
||||
var i = Math.max(0, Math.min(n - 1, Math.floor(t *= n)));
|
||||
return I[i](t - i);
|
||||
};
|
||||
}
|
||||
|
||||
function quantize(interpolator, n) {
|
||||
var samples = new Array(n);
|
||||
for (var i = 0; i < n; ++i) samples[i] = interpolator(i / (n - 1));
|
||||
return samples;
|
||||
}
|
||||
|
||||
exports.interpolate = value;
|
||||
exports.interpolateArray = array;
|
||||
exports.interpolateBasis = basis$1;
|
||||
exports.interpolateBasisClosed = basisClosed;
|
||||
exports.interpolateCubehelix = cubehelix$1;
|
||||
exports.interpolateCubehelixLong = cubehelixLong;
|
||||
exports.interpolateDate = date;
|
||||
exports.interpolateDiscrete = discrete;
|
||||
exports.interpolateHcl = hcl$1;
|
||||
exports.interpolateHclLong = hclLong;
|
||||
exports.interpolateHsl = hsl$1;
|
||||
exports.interpolateHslLong = hslLong;
|
||||
exports.interpolateHue = hue$1;
|
||||
exports.interpolateLab = lab;
|
||||
exports.interpolateNumber = number;
|
||||
exports.interpolateNumberArray = numberArray;
|
||||
exports.interpolateObject = object;
|
||||
exports.interpolateRgb = rgb;
|
||||
exports.interpolateRgbBasis = rgbBasis;
|
||||
exports.interpolateRgbBasisClosed = rgbBasisClosed;
|
||||
exports.interpolateRound = round;
|
||||
exports.interpolateString = string;
|
||||
exports.interpolateTransformCss = interpolateTransformCss;
|
||||
exports.interpolateTransformSvg = interpolateTransformSvg;
|
||||
exports.interpolateZoom = zoom;
|
||||
exports.piecewise = piecewise;
|
||||
exports.quantize = quantize;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
999
src/pretix/static/d3/d3-selection.v2.js
vendored
Normal file
999
src/pretix/static/d3/d3-selection.v2.js
vendored
Normal file
@@ -0,0 +1,999 @@
|
||||
// https://d3js.org/d3-selection/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}));
|
||||
}(this, function (exports) { 'use strict';
|
||||
|
||||
var xhtml = "http://www.w3.org/1999/xhtml";
|
||||
|
||||
var namespaces = {
|
||||
svg: "http://www.w3.org/2000/svg",
|
||||
xhtml: xhtml,
|
||||
xlink: "http://www.w3.org/1999/xlink",
|
||||
xml: "http://www.w3.org/XML/1998/namespace",
|
||||
xmlns: "http://www.w3.org/2000/xmlns/"
|
||||
};
|
||||
|
||||
function namespace(name) {
|
||||
var prefix = name += "", i = prefix.indexOf(":");
|
||||
if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns") name = name.slice(i + 1);
|
||||
return namespaces.hasOwnProperty(prefix) ? {space: namespaces[prefix], local: name} : name; // eslint-disable-line no-prototype-builtins
|
||||
}
|
||||
|
||||
function creatorInherit(name) {
|
||||
return function() {
|
||||
var document = this.ownerDocument,
|
||||
uri = this.namespaceURI;
|
||||
return uri === xhtml && document.documentElement.namespaceURI === xhtml
|
||||
? document.createElement(name)
|
||||
: document.createElementNS(uri, name);
|
||||
};
|
||||
}
|
||||
|
||||
function creatorFixed(fullname) {
|
||||
return function() {
|
||||
return this.ownerDocument.createElementNS(fullname.space, fullname.local);
|
||||
};
|
||||
}
|
||||
|
||||
function creator(name) {
|
||||
var fullname = namespace(name);
|
||||
return (fullname.local
|
||||
? creatorFixed
|
||||
: creatorInherit)(fullname);
|
||||
}
|
||||
|
||||
function none() {}
|
||||
|
||||
function selector(selector) {
|
||||
return selector == null ? none : function() {
|
||||
return this.querySelector(selector);
|
||||
};
|
||||
}
|
||||
|
||||
function selection_select(select) {
|
||||
if (typeof select !== "function") select = selector(select);
|
||||
|
||||
for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {
|
||||
if ((node = group[i]) && (subnode = select.call(node, node.__data__, i, group))) {
|
||||
if ("__data__" in node) subnode.__data__ = node.__data__;
|
||||
subgroup[i] = subnode;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Selection(subgroups, this._parents);
|
||||
}
|
||||
|
||||
function array(x) {
|
||||
return typeof x === "object" && "length" in x
|
||||
? x // Array, TypedArray, NodeList, array-like
|
||||
: Array.from(x); // Map, Set, iterable, string, or anything else
|
||||
}
|
||||
|
||||
function empty() {
|
||||
return [];
|
||||
}
|
||||
|
||||
function selectorAll(selector) {
|
||||
return selector == null ? empty : function() {
|
||||
return this.querySelectorAll(selector);
|
||||
};
|
||||
}
|
||||
|
||||
function arrayAll(select) {
|
||||
return function() {
|
||||
var group = select.apply(this, arguments);
|
||||
return group == null ? [] : array(group);
|
||||
};
|
||||
}
|
||||
|
||||
function selection_selectAll(select) {
|
||||
if (typeof select === "function") select = arrayAll(select);
|
||||
else select = selectorAll(select);
|
||||
|
||||
for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
|
||||
if (node = group[i]) {
|
||||
subgroups.push(select.call(node, node.__data__, i, group));
|
||||
parents.push(node);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Selection(subgroups, parents);
|
||||
}
|
||||
|
||||
function matcher(selector) {
|
||||
return function() {
|
||||
return this.matches(selector);
|
||||
};
|
||||
}
|
||||
|
||||
function childMatcher(selector) {
|
||||
return function(node) {
|
||||
return node.matches(selector);
|
||||
};
|
||||
}
|
||||
|
||||
var find = Array.prototype.find;
|
||||
|
||||
function childFind(match) {
|
||||
return function() {
|
||||
return find.call(this.children, match);
|
||||
};
|
||||
}
|
||||
|
||||
function childFirst() {
|
||||
return this.firstElementChild;
|
||||
}
|
||||
|
||||
function selection_selectChild(match) {
|
||||
return this.select(match == null ? childFirst
|
||||
: childFind(typeof match === "function" ? match : childMatcher(match)));
|
||||
}
|
||||
|
||||
var filter = Array.prototype.filter;
|
||||
|
||||
function children() {
|
||||
return this.children;
|
||||
}
|
||||
|
||||
function childrenFilter(match) {
|
||||
return function() {
|
||||
return filter.call(this.children, match);
|
||||
};
|
||||
}
|
||||
|
||||
function selection_selectChildren(match) {
|
||||
return this.selectAll(match == null ? children
|
||||
: childrenFilter(typeof match === "function" ? match : childMatcher(match)));
|
||||
}
|
||||
|
||||
function selection_filter(match) {
|
||||
if (typeof match !== "function") match = matcher(match);
|
||||
|
||||
for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {
|
||||
if ((node = group[i]) && match.call(node, node.__data__, i, group)) {
|
||||
subgroup.push(node);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Selection(subgroups, this._parents);
|
||||
}
|
||||
|
||||
function sparse(update) {
|
||||
return new Array(update.length);
|
||||
}
|
||||
|
||||
function selection_enter() {
|
||||
return new Selection(this._enter || this._groups.map(sparse), this._parents);
|
||||
}
|
||||
|
||||
function EnterNode(parent, datum) {
|
||||
this.ownerDocument = parent.ownerDocument;
|
||||
this.namespaceURI = parent.namespaceURI;
|
||||
this._next = null;
|
||||
this._parent = parent;
|
||||
this.__data__ = datum;
|
||||
}
|
||||
|
||||
EnterNode.prototype = {
|
||||
constructor: EnterNode,
|
||||
appendChild: function(child) { return this._parent.insertBefore(child, this._next); },
|
||||
insertBefore: function(child, next) { return this._parent.insertBefore(child, next); },
|
||||
querySelector: function(selector) { return this._parent.querySelector(selector); },
|
||||
querySelectorAll: function(selector) { return this._parent.querySelectorAll(selector); }
|
||||
};
|
||||
|
||||
function constant(x) {
|
||||
return function() {
|
||||
return x;
|
||||
};
|
||||
}
|
||||
|
||||
function bindIndex(parent, group, enter, update, exit, data) {
|
||||
var i = 0,
|
||||
node,
|
||||
groupLength = group.length,
|
||||
dataLength = data.length;
|
||||
|
||||
// Put any non-null nodes that fit into update.
|
||||
// Put any null nodes into enter.
|
||||
// Put any remaining data into enter.
|
||||
for (; i < dataLength; ++i) {
|
||||
if (node = group[i]) {
|
||||
node.__data__ = data[i];
|
||||
update[i] = node;
|
||||
} else {
|
||||
enter[i] = new EnterNode(parent, data[i]);
|
||||
}
|
||||
}
|
||||
|
||||
// Put any non-null nodes that don’t fit into exit.
|
||||
for (; i < groupLength; ++i) {
|
||||
if (node = group[i]) {
|
||||
exit[i] = node;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function bindKey(parent, group, enter, update, exit, data, key) {
|
||||
var i,
|
||||
node,
|
||||
nodeByKeyValue = new Map,
|
||||
groupLength = group.length,
|
||||
dataLength = data.length,
|
||||
keyValues = new Array(groupLength),
|
||||
keyValue;
|
||||
|
||||
// Compute the key for each node.
|
||||
// If multiple nodes have the same key, the duplicates are added to exit.
|
||||
for (i = 0; i < groupLength; ++i) {
|
||||
if (node = group[i]) {
|
||||
keyValues[i] = keyValue = key.call(node, node.__data__, i, group) + "";
|
||||
if (nodeByKeyValue.has(keyValue)) {
|
||||
exit[i] = node;
|
||||
} else {
|
||||
nodeByKeyValue.set(keyValue, node);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Compute the key for each datum.
|
||||
// If there a node associated with this key, join and add it to update.
|
||||
// If there is not (or the key is a duplicate), add it to enter.
|
||||
for (i = 0; i < dataLength; ++i) {
|
||||
keyValue = key.call(parent, data[i], i, data) + "";
|
||||
if (node = nodeByKeyValue.get(keyValue)) {
|
||||
update[i] = node;
|
||||
node.__data__ = data[i];
|
||||
nodeByKeyValue.delete(keyValue);
|
||||
} else {
|
||||
enter[i] = new EnterNode(parent, data[i]);
|
||||
}
|
||||
}
|
||||
|
||||
// Add any remaining nodes that were not bound to data to exit.
|
||||
for (i = 0; i < groupLength; ++i) {
|
||||
if ((node = group[i]) && (nodeByKeyValue.get(keyValues[i]) === node)) {
|
||||
exit[i] = node;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function datum(node) {
|
||||
return node.__data__;
|
||||
}
|
||||
|
||||
function selection_data(value, key) {
|
||||
if (!arguments.length) return Array.from(this, datum);
|
||||
|
||||
var bind = key ? bindKey : bindIndex,
|
||||
parents = this._parents,
|
||||
groups = this._groups;
|
||||
|
||||
if (typeof value !== "function") value = constant(value);
|
||||
|
||||
for (var m = groups.length, update = new Array(m), enter = new Array(m), exit = new Array(m), j = 0; j < m; ++j) {
|
||||
var parent = parents[j],
|
||||
group = groups[j],
|
||||
groupLength = group.length,
|
||||
data = array(value.call(parent, parent && parent.__data__, j, parents)),
|
||||
dataLength = data.length,
|
||||
enterGroup = enter[j] = new Array(dataLength),
|
||||
updateGroup = update[j] = new Array(dataLength),
|
||||
exitGroup = exit[j] = new Array(groupLength);
|
||||
|
||||
bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);
|
||||
|
||||
// Now connect the enter nodes to their following update node, such that
|
||||
// appendChild can insert the materialized enter node before this node,
|
||||
// rather than at the end of the parent node.
|
||||
for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {
|
||||
if (previous = enterGroup[i0]) {
|
||||
if (i0 >= i1) i1 = i0 + 1;
|
||||
while (!(next = updateGroup[i1]) && ++i1 < dataLength);
|
||||
previous._next = next || null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
update = new Selection(update, parents);
|
||||
update._enter = enter;
|
||||
update._exit = exit;
|
||||
return update;
|
||||
}
|
||||
|
||||
function selection_exit() {
|
||||
return new Selection(this._exit || this._groups.map(sparse), this._parents);
|
||||
}
|
||||
|
||||
function selection_join(onenter, onupdate, onexit) {
|
||||
var enter = this.enter(), update = this, exit = this.exit();
|
||||
enter = typeof onenter === "function" ? onenter(enter) : enter.append(onenter + "");
|
||||
if (onupdate != null) update = onupdate(update);
|
||||
if (onexit == null) exit.remove(); else onexit(exit);
|
||||
return enter && update ? enter.merge(update).order() : update;
|
||||
}
|
||||
|
||||
function selection_merge(selection) {
|
||||
if (!(selection instanceof Selection)) throw new Error("invalid merge");
|
||||
|
||||
for (var groups0 = this._groups, groups1 = selection._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
|
||||
for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {
|
||||
if (node = group0[i] || group1[i]) {
|
||||
merge[i] = node;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for (; j < m0; ++j) {
|
||||
merges[j] = groups0[j];
|
||||
}
|
||||
|
||||
return new Selection(merges, this._parents);
|
||||
}
|
||||
|
||||
function selection_order() {
|
||||
|
||||
for (var groups = this._groups, j = -1, m = groups.length; ++j < m;) {
|
||||
for (var group = groups[j], i = group.length - 1, next = group[i], node; --i >= 0;) {
|
||||
if (node = group[i]) {
|
||||
if (next && node.compareDocumentPosition(next) ^ 4) next.parentNode.insertBefore(node, next);
|
||||
next = node;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
function selection_sort(compare) {
|
||||
if (!compare) compare = ascending;
|
||||
|
||||
function compareNode(a, b) {
|
||||
return a && b ? compare(a.__data__, b.__data__) : !a - !b;
|
||||
}
|
||||
|
||||
for (var groups = this._groups, m = groups.length, sortgroups = new Array(m), j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, sortgroup = sortgroups[j] = new Array(n), node, i = 0; i < n; ++i) {
|
||||
if (node = group[i]) {
|
||||
sortgroup[i] = node;
|
||||
}
|
||||
}
|
||||
sortgroup.sort(compareNode);
|
||||
}
|
||||
|
||||
return new Selection(sortgroups, this._parents).order();
|
||||
}
|
||||
|
||||
function ascending(a, b) {
|
||||
return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
|
||||
}
|
||||
|
||||
function selection_call() {
|
||||
var callback = arguments[0];
|
||||
arguments[0] = this;
|
||||
callback.apply(null, arguments);
|
||||
return this;
|
||||
}
|
||||
|
||||
function selection_nodes() {
|
||||
return Array.from(this);
|
||||
}
|
||||
|
||||
function selection_node() {
|
||||
|
||||
for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
|
||||
for (var group = groups[j], i = 0, n = group.length; i < n; ++i) {
|
||||
var node = group[i];
|
||||
if (node) return node;
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function selection_size() {
|
||||
let size = 0;
|
||||
for (const node of this) ++size; // eslint-disable-line no-unused-vars
|
||||
return size;
|
||||
}
|
||||
|
||||
function selection_empty() {
|
||||
return !this.node();
|
||||
}
|
||||
|
||||
function selection_each(callback) {
|
||||
|
||||
for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
|
||||
for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
|
||||
if (node = group[i]) callback.call(node, node.__data__, i, group);
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
function attrRemove(name) {
|
||||
return function() {
|
||||
this.removeAttribute(name);
|
||||
};
|
||||
}
|
||||
|
||||
function attrRemoveNS(fullname) {
|
||||
return function() {
|
||||
this.removeAttributeNS(fullname.space, fullname.local);
|
||||
};
|
||||
}
|
||||
|
||||
function attrConstant(name, value) {
|
||||
return function() {
|
||||
this.setAttribute(name, value);
|
||||
};
|
||||
}
|
||||
|
||||
function attrConstantNS(fullname, value) {
|
||||
return function() {
|
||||
this.setAttributeNS(fullname.space, fullname.local, value);
|
||||
};
|
||||
}
|
||||
|
||||
function attrFunction(name, value) {
|
||||
return function() {
|
||||
var v = value.apply(this, arguments);
|
||||
if (v == null) this.removeAttribute(name);
|
||||
else this.setAttribute(name, v);
|
||||
};
|
||||
}
|
||||
|
||||
function attrFunctionNS(fullname, value) {
|
||||
return function() {
|
||||
var v = value.apply(this, arguments);
|
||||
if (v == null) this.removeAttributeNS(fullname.space, fullname.local);
|
||||
else this.setAttributeNS(fullname.space, fullname.local, v);
|
||||
};
|
||||
}
|
||||
|
||||
function selection_attr(name, value) {
|
||||
var fullname = namespace(name);
|
||||
|
||||
if (arguments.length < 2) {
|
||||
var node = this.node();
|
||||
return fullname.local
|
||||
? node.getAttributeNS(fullname.space, fullname.local)
|
||||
: node.getAttribute(fullname);
|
||||
}
|
||||
|
||||
return this.each((value == null
|
||||
? (fullname.local ? attrRemoveNS : attrRemove) : (typeof value === "function"
|
||||
? (fullname.local ? attrFunctionNS : attrFunction)
|
||||
: (fullname.local ? attrConstantNS : attrConstant)))(fullname, value));
|
||||
}
|
||||
|
||||
function defaultView(node) {
|
||||
return (node.ownerDocument && node.ownerDocument.defaultView) // node is a Node
|
||||
|| (node.document && node) // node is a Window
|
||||
|| node.defaultView; // node is a Document
|
||||
}
|
||||
|
||||
function styleRemove(name) {
|
||||
return function() {
|
||||
this.style.removeProperty(name);
|
||||
};
|
||||
}
|
||||
|
||||
function styleConstant(name, value, priority) {
|
||||
return function() {
|
||||
this.style.setProperty(name, value, priority);
|
||||
};
|
||||
}
|
||||
|
||||
function styleFunction(name, value, priority) {
|
||||
return function() {
|
||||
var v = value.apply(this, arguments);
|
||||
if (v == null) this.style.removeProperty(name);
|
||||
else this.style.setProperty(name, v, priority);
|
||||
};
|
||||
}
|
||||
|
||||
function selection_style(name, value, priority) {
|
||||
return arguments.length > 1
|
||||
? this.each((value == null
|
||||
? styleRemove : typeof value === "function"
|
||||
? styleFunction
|
||||
: styleConstant)(name, value, priority == null ? "" : priority))
|
||||
: styleValue(this.node(), name);
|
||||
}
|
||||
|
||||
function styleValue(node, name) {
|
||||
return node.style.getPropertyValue(name)
|
||||
|| defaultView(node).getComputedStyle(node, null).getPropertyValue(name);
|
||||
}
|
||||
|
||||
function propertyRemove(name) {
|
||||
return function() {
|
||||
delete this[name];
|
||||
};
|
||||
}
|
||||
|
||||
function propertyConstant(name, value) {
|
||||
return function() {
|
||||
this[name] = value;
|
||||
};
|
||||
}
|
||||
|
||||
function propertyFunction(name, value) {
|
||||
return function() {
|
||||
var v = value.apply(this, arguments);
|
||||
if (v == null) delete this[name];
|
||||
else this[name] = v;
|
||||
};
|
||||
}
|
||||
|
||||
function selection_property(name, value) {
|
||||
return arguments.length > 1
|
||||
? this.each((value == null
|
||||
? propertyRemove : typeof value === "function"
|
||||
? propertyFunction
|
||||
: propertyConstant)(name, value))
|
||||
: this.node()[name];
|
||||
}
|
||||
|
||||
function classArray(string) {
|
||||
return string.trim().split(/^|\s+/);
|
||||
}
|
||||
|
||||
function classList(node) {
|
||||
return node.classList || new ClassList(node);
|
||||
}
|
||||
|
||||
function ClassList(node) {
|
||||
this._node = node;
|
||||
this._names = classArray(node.getAttribute("class") || "");
|
||||
}
|
||||
|
||||
ClassList.prototype = {
|
||||
add: function(name) {
|
||||
var i = this._names.indexOf(name);
|
||||
if (i < 0) {
|
||||
this._names.push(name);
|
||||
this._node.setAttribute("class", this._names.join(" "));
|
||||
}
|
||||
},
|
||||
remove: function(name) {
|
||||
var i = this._names.indexOf(name);
|
||||
if (i >= 0) {
|
||||
this._names.splice(i, 1);
|
||||
this._node.setAttribute("class", this._names.join(" "));
|
||||
}
|
||||
},
|
||||
contains: function(name) {
|
||||
return this._names.indexOf(name) >= 0;
|
||||
}
|
||||
};
|
||||
|
||||
function classedAdd(node, names) {
|
||||
var list = classList(node), i = -1, n = names.length;
|
||||
while (++i < n) list.add(names[i]);
|
||||
}
|
||||
|
||||
function classedRemove(node, names) {
|
||||
var list = classList(node), i = -1, n = names.length;
|
||||
while (++i < n) list.remove(names[i]);
|
||||
}
|
||||
|
||||
function classedTrue(names) {
|
||||
return function() {
|
||||
classedAdd(this, names);
|
||||
};
|
||||
}
|
||||
|
||||
function classedFalse(names) {
|
||||
return function() {
|
||||
classedRemove(this, names);
|
||||
};
|
||||
}
|
||||
|
||||
function classedFunction(names, value) {
|
||||
return function() {
|
||||
(value.apply(this, arguments) ? classedAdd : classedRemove)(this, names);
|
||||
};
|
||||
}
|
||||
|
||||
function selection_classed(name, value) {
|
||||
var names = classArray(name + "");
|
||||
|
||||
if (arguments.length < 2) {
|
||||
var list = classList(this.node()), i = -1, n = names.length;
|
||||
while (++i < n) if (!list.contains(names[i])) return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
return this.each((typeof value === "function"
|
||||
? classedFunction : value
|
||||
? classedTrue
|
||||
: classedFalse)(names, value));
|
||||
}
|
||||
|
||||
function textRemove() {
|
||||
this.textContent = "";
|
||||
}
|
||||
|
||||
function textConstant(value) {
|
||||
return function() {
|
||||
this.textContent = value;
|
||||
};
|
||||
}
|
||||
|
||||
function textFunction(value) {
|
||||
return function() {
|
||||
var v = value.apply(this, arguments);
|
||||
this.textContent = v == null ? "" : v;
|
||||
};
|
||||
}
|
||||
|
||||
function selection_text(value) {
|
||||
return arguments.length
|
||||
? this.each(value == null
|
||||
? textRemove : (typeof value === "function"
|
||||
? textFunction
|
||||
: textConstant)(value))
|
||||
: this.node().textContent;
|
||||
}
|
||||
|
||||
function htmlRemove() {
|
||||
this.innerHTML = "";
|
||||
}
|
||||
|
||||
function htmlConstant(value) {
|
||||
return function() {
|
||||
this.innerHTML = value;
|
||||
};
|
||||
}
|
||||
|
||||
function htmlFunction(value) {
|
||||
return function() {
|
||||
var v = value.apply(this, arguments);
|
||||
this.innerHTML = v == null ? "" : v;
|
||||
};
|
||||
}
|
||||
|
||||
function selection_html(value) {
|
||||
return arguments.length
|
||||
? this.each(value == null
|
||||
? htmlRemove : (typeof value === "function"
|
||||
? htmlFunction
|
||||
: htmlConstant)(value))
|
||||
: this.node().innerHTML;
|
||||
}
|
||||
|
||||
function raise() {
|
||||
if (this.nextSibling) this.parentNode.appendChild(this);
|
||||
}
|
||||
|
||||
function selection_raise() {
|
||||
return this.each(raise);
|
||||
}
|
||||
|
||||
function lower() {
|
||||
if (this.previousSibling) this.parentNode.insertBefore(this, this.parentNode.firstChild);
|
||||
}
|
||||
|
||||
function selection_lower() {
|
||||
return this.each(lower);
|
||||
}
|
||||
|
||||
function selection_append(name) {
|
||||
var create = typeof name === "function" ? name : creator(name);
|
||||
return this.select(function() {
|
||||
return this.appendChild(create.apply(this, arguments));
|
||||
});
|
||||
}
|
||||
|
||||
function constantNull() {
|
||||
return null;
|
||||
}
|
||||
|
||||
function selection_insert(name, before) {
|
||||
var create = typeof name === "function" ? name : creator(name),
|
||||
select = before == null ? constantNull : typeof before === "function" ? before : selector(before);
|
||||
return this.select(function() {
|
||||
return this.insertBefore(create.apply(this, arguments), select.apply(this, arguments) || null);
|
||||
});
|
||||
}
|
||||
|
||||
function remove() {
|
||||
var parent = this.parentNode;
|
||||
if (parent) parent.removeChild(this);
|
||||
}
|
||||
|
||||
function selection_remove() {
|
||||
return this.each(remove);
|
||||
}
|
||||
|
||||
function selection_cloneShallow() {
|
||||
var clone = this.cloneNode(false), parent = this.parentNode;
|
||||
return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
|
||||
}
|
||||
|
||||
function selection_cloneDeep() {
|
||||
var clone = this.cloneNode(true), parent = this.parentNode;
|
||||
return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
|
||||
}
|
||||
|
||||
function selection_clone(deep) {
|
||||
return this.select(deep ? selection_cloneDeep : selection_cloneShallow);
|
||||
}
|
||||
|
||||
function selection_datum(value) {
|
||||
return arguments.length
|
||||
? this.property("__data__", value)
|
||||
: this.node().__data__;
|
||||
}
|
||||
|
||||
function contextListener(listener) {
|
||||
return function(event) {
|
||||
listener.call(this, event, this.__data__);
|
||||
};
|
||||
}
|
||||
|
||||
function parseTypenames(typenames) {
|
||||
return typenames.trim().split(/^|\s+/).map(function(t) {
|
||||
var name = "", i = t.indexOf(".");
|
||||
if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);
|
||||
return {type: t, name: name};
|
||||
});
|
||||
}
|
||||
|
||||
function onRemove(typename) {
|
||||
return function() {
|
||||
var on = this.__on;
|
||||
if (!on) return;
|
||||
for (var j = 0, i = -1, m = on.length, o; j < m; ++j) {
|
||||
if (o = on[j], (!typename.type || o.type === typename.type) && o.name === typename.name) {
|
||||
this.removeEventListener(o.type, o.listener, o.options);
|
||||
} else {
|
||||
on[++i] = o;
|
||||
}
|
||||
}
|
||||
if (++i) on.length = i;
|
||||
else delete this.__on;
|
||||
};
|
||||
}
|
||||
|
||||
function onAdd(typename, value, options) {
|
||||
return function() {
|
||||
var on = this.__on, o, listener = contextListener(value);
|
||||
if (on) for (var j = 0, m = on.length; j < m; ++j) {
|
||||
if ((o = on[j]).type === typename.type && o.name === typename.name) {
|
||||
this.removeEventListener(o.type, o.listener, o.options);
|
||||
this.addEventListener(o.type, o.listener = listener, o.options = options);
|
||||
o.value = value;
|
||||
return;
|
||||
}
|
||||
}
|
||||
this.addEventListener(typename.type, listener, options);
|
||||
o = {type: typename.type, name: typename.name, value: value, listener: listener, options: options};
|
||||
if (!on) this.__on = [o];
|
||||
else on.push(o);
|
||||
};
|
||||
}
|
||||
|
||||
function selection_on(typename, value, options) {
|
||||
var typenames = parseTypenames(typename + ""), i, n = typenames.length, t;
|
||||
|
||||
if (arguments.length < 2) {
|
||||
var on = this.node().__on;
|
||||
if (on) for (var j = 0, m = on.length, o; j < m; ++j) {
|
||||
for (i = 0, o = on[j]; i < n; ++i) {
|
||||
if ((t = typenames[i]).type === o.type && t.name === o.name) {
|
||||
return o.value;
|
||||
}
|
||||
}
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
on = value ? onAdd : onRemove;
|
||||
for (i = 0; i < n; ++i) this.each(on(typenames[i], value, options));
|
||||
return this;
|
||||
}
|
||||
|
||||
function dispatchEvent(node, type, params) {
|
||||
var window = defaultView(node),
|
||||
event = window.CustomEvent;
|
||||
|
||||
if (typeof event === "function") {
|
||||
event = new event(type, params);
|
||||
} else {
|
||||
event = window.document.createEvent("Event");
|
||||
if (params) event.initEvent(type, params.bubbles, params.cancelable), event.detail = params.detail;
|
||||
else event.initEvent(type, false, false);
|
||||
}
|
||||
|
||||
node.dispatchEvent(event);
|
||||
}
|
||||
|
||||
function dispatchConstant(type, params) {
|
||||
return function() {
|
||||
return dispatchEvent(this, type, params);
|
||||
};
|
||||
}
|
||||
|
||||
function dispatchFunction(type, params) {
|
||||
return function() {
|
||||
return dispatchEvent(this, type, params.apply(this, arguments));
|
||||
};
|
||||
}
|
||||
|
||||
function selection_dispatch(type, params) {
|
||||
return this.each((typeof params === "function"
|
||||
? dispatchFunction
|
||||
: dispatchConstant)(type, params));
|
||||
}
|
||||
|
||||
function* selection_iterator() {
|
||||
for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
|
||||
for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
|
||||
if (node = group[i]) yield node;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var root = [null];
|
||||
|
||||
function Selection(groups, parents) {
|
||||
this._groups = groups;
|
||||
this._parents = parents;
|
||||
}
|
||||
|
||||
function selection() {
|
||||
return new Selection([[document.documentElement]], root);
|
||||
}
|
||||
|
||||
function selection_selection() {
|
||||
return this;
|
||||
}
|
||||
|
||||
Selection.prototype = selection.prototype = {
|
||||
constructor: Selection,
|
||||
select: selection_select,
|
||||
selectAll: selection_selectAll,
|
||||
selectChild: selection_selectChild,
|
||||
selectChildren: selection_selectChildren,
|
||||
filter: selection_filter,
|
||||
data: selection_data,
|
||||
enter: selection_enter,
|
||||
exit: selection_exit,
|
||||
join: selection_join,
|
||||
merge: selection_merge,
|
||||
selection: selection_selection,
|
||||
order: selection_order,
|
||||
sort: selection_sort,
|
||||
call: selection_call,
|
||||
nodes: selection_nodes,
|
||||
node: selection_node,
|
||||
size: selection_size,
|
||||
empty: selection_empty,
|
||||
each: selection_each,
|
||||
attr: selection_attr,
|
||||
style: selection_style,
|
||||
property: selection_property,
|
||||
classed: selection_classed,
|
||||
text: selection_text,
|
||||
html: selection_html,
|
||||
raise: selection_raise,
|
||||
lower: selection_lower,
|
||||
append: selection_append,
|
||||
insert: selection_insert,
|
||||
remove: selection_remove,
|
||||
clone: selection_clone,
|
||||
datum: selection_datum,
|
||||
on: selection_on,
|
||||
dispatch: selection_dispatch,
|
||||
[Symbol.iterator]: selection_iterator
|
||||
};
|
||||
|
||||
function select(selector) {
|
||||
return typeof selector === "string"
|
||||
? new Selection([[document.querySelector(selector)]], [document.documentElement])
|
||||
: new Selection([[selector]], root);
|
||||
}
|
||||
|
||||
function create(name) {
|
||||
return select(creator(name).call(document.documentElement));
|
||||
}
|
||||
|
||||
var nextId = 0;
|
||||
|
||||
function local() {
|
||||
return new Local;
|
||||
}
|
||||
|
||||
function Local() {
|
||||
this._ = "@" + (++nextId).toString(36);
|
||||
}
|
||||
|
||||
Local.prototype = local.prototype = {
|
||||
constructor: Local,
|
||||
get: function(node) {
|
||||
var id = this._;
|
||||
while (!(id in node)) if (!(node = node.parentNode)) return;
|
||||
return node[id];
|
||||
},
|
||||
set: function(node, value) {
|
||||
return node[this._] = value;
|
||||
},
|
||||
remove: function(node) {
|
||||
return this._ in node && delete node[this._];
|
||||
},
|
||||
toString: function() {
|
||||
return this._;
|
||||
}
|
||||
};
|
||||
|
||||
function sourceEvent(event) {
|
||||
let sourceEvent;
|
||||
while (sourceEvent = event.sourceEvent) event = sourceEvent;
|
||||
return event;
|
||||
}
|
||||
|
||||
function pointer(event, node) {
|
||||
event = sourceEvent(event);
|
||||
if (node === undefined) node = event.currentTarget;
|
||||
if (node) {
|
||||
var svg = node.ownerSVGElement || node;
|
||||
if (svg.createSVGPoint) {
|
||||
var point = svg.createSVGPoint();
|
||||
point.x = event.clientX, point.y = event.clientY;
|
||||
point = point.matrixTransform(node.getScreenCTM().inverse());
|
||||
return [point.x, point.y];
|
||||
}
|
||||
if (node.getBoundingClientRect) {
|
||||
var rect = node.getBoundingClientRect();
|
||||
return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
|
||||
}
|
||||
}
|
||||
return [event.pageX, event.pageY];
|
||||
}
|
||||
|
||||
function pointers(events, node) {
|
||||
if (events.target) { // i.e., instanceof Event, not TouchList or iterable
|
||||
events = sourceEvent(events);
|
||||
if (node === undefined) node = events.currentTarget;
|
||||
events = events.touches || [events];
|
||||
}
|
||||
return Array.from(events, event => pointer(event, node));
|
||||
}
|
||||
|
||||
function selectAll(selector) {
|
||||
return typeof selector === "string"
|
||||
? new Selection([document.querySelectorAll(selector)], [document.documentElement])
|
||||
: new Selection([selector == null ? [] : array(selector)], root);
|
||||
}
|
||||
|
||||
exports.create = create;
|
||||
exports.creator = creator;
|
||||
exports.local = local;
|
||||
exports.matcher = matcher;
|
||||
exports.namespace = namespace;
|
||||
exports.namespaces = namespaces;
|
||||
exports.pointer = pointer;
|
||||
exports.pointers = pointers;
|
||||
exports.select = select;
|
||||
exports.selectAll = selectAll;
|
||||
exports.selection = selection;
|
||||
exports.selector = selector;
|
||||
exports.selectorAll = selectorAll;
|
||||
exports.style = styleValue;
|
||||
exports.window = defaultView;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
153
src/pretix/static/d3/d3-timer.v2.js
vendored
Normal file
153
src/pretix/static/d3/d3-timer.v2.js
vendored
Normal file
@@ -0,0 +1,153 @@
|
||||
// https://d3js.org/d3-timer/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}));
|
||||
}(this, function (exports) { 'use strict';
|
||||
|
||||
var frame = 0, // is an animation frame pending?
|
||||
timeout = 0, // is a timeout pending?
|
||||
interval = 0, // are any timers active?
|
||||
pokeDelay = 1000, // how frequently we check for clock skew
|
||||
taskHead,
|
||||
taskTail,
|
||||
clockLast = 0,
|
||||
clockNow = 0,
|
||||
clockSkew = 0,
|
||||
clock = typeof performance === "object" && performance.now ? performance : Date,
|
||||
setFrame = typeof window === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f) { setTimeout(f, 17); };
|
||||
|
||||
function now() {
|
||||
return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
|
||||
}
|
||||
|
||||
function clearNow() {
|
||||
clockNow = 0;
|
||||
}
|
||||
|
||||
function Timer() {
|
||||
this._call =
|
||||
this._time =
|
||||
this._next = null;
|
||||
}
|
||||
|
||||
Timer.prototype = timer.prototype = {
|
||||
constructor: Timer,
|
||||
restart: function(callback, delay, time) {
|
||||
if (typeof callback !== "function") throw new TypeError("callback is not a function");
|
||||
time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
|
||||
if (!this._next && taskTail !== this) {
|
||||
if (taskTail) taskTail._next = this;
|
||||
else taskHead = this;
|
||||
taskTail = this;
|
||||
}
|
||||
this._call = callback;
|
||||
this._time = time;
|
||||
sleep();
|
||||
},
|
||||
stop: function() {
|
||||
if (this._call) {
|
||||
this._call = null;
|
||||
this._time = Infinity;
|
||||
sleep();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function timer(callback, delay, time) {
|
||||
var t = new Timer;
|
||||
t.restart(callback, delay, time);
|
||||
return t;
|
||||
}
|
||||
|
||||
function timerFlush() {
|
||||
now(); // Get the current time, if not already set.
|
||||
++frame; // Pretend we’ve set an alarm, if we haven’t already.
|
||||
var t = taskHead, e;
|
||||
while (t) {
|
||||
if ((e = clockNow - t._time) >= 0) t._call.call(null, e);
|
||||
t = t._next;
|
||||
}
|
||||
--frame;
|
||||
}
|
||||
|
||||
function wake() {
|
||||
clockNow = (clockLast = clock.now()) + clockSkew;
|
||||
frame = timeout = 0;
|
||||
try {
|
||||
timerFlush();
|
||||
} finally {
|
||||
frame = 0;
|
||||
nap();
|
||||
clockNow = 0;
|
||||
}
|
||||
}
|
||||
|
||||
function poke() {
|
||||
var now = clock.now(), delay = now - clockLast;
|
||||
if (delay > pokeDelay) clockSkew -= delay, clockLast = now;
|
||||
}
|
||||
|
||||
function nap() {
|
||||
var t0, t1 = taskHead, t2, time = Infinity;
|
||||
while (t1) {
|
||||
if (t1._call) {
|
||||
if (time > t1._time) time = t1._time;
|
||||
t0 = t1, t1 = t1._next;
|
||||
} else {
|
||||
t2 = t1._next, t1._next = null;
|
||||
t1 = t0 ? t0._next = t2 : taskHead = t2;
|
||||
}
|
||||
}
|
||||
taskTail = t0;
|
||||
sleep(time);
|
||||
}
|
||||
|
||||
function sleep(time) {
|
||||
if (frame) return; // Soonest alarm already set, or will be.
|
||||
if (timeout) timeout = clearTimeout(timeout);
|
||||
var delay = time - clockNow; // Strictly less than if we recomputed clockNow.
|
||||
if (delay > 24) {
|
||||
if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
|
||||
if (interval) interval = clearInterval(interval);
|
||||
} else {
|
||||
if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
|
||||
frame = 1, setFrame(wake);
|
||||
}
|
||||
}
|
||||
|
||||
function timeout$1(callback, delay, time) {
|
||||
var t = new Timer;
|
||||
delay = delay == null ? 0 : +delay;
|
||||
t.restart(elapsed => {
|
||||
t.stop();
|
||||
callback(elapsed + delay);
|
||||
}, delay, time);
|
||||
return t;
|
||||
}
|
||||
|
||||
function interval$1(callback, delay, time) {
|
||||
var t = new Timer, total = delay;
|
||||
if (delay == null) return t.restart(callback, delay, time), t;
|
||||
t._restart = t.restart;
|
||||
t.restart = function(callback, delay, time) {
|
||||
delay = +delay, time = time == null ? now() : +time;
|
||||
t._restart(function tick(elapsed) {
|
||||
elapsed += total;
|
||||
t._restart(tick, total += delay, time);
|
||||
callback(elapsed);
|
||||
}, delay, time);
|
||||
};
|
||||
t.restart(callback, delay, time);
|
||||
return t;
|
||||
}
|
||||
|
||||
exports.interval = interval$1;
|
||||
exports.now = now;
|
||||
exports.timeout = timeout$1;
|
||||
exports.timer = timer;
|
||||
exports.timerFlush = timerFlush;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
898
src/pretix/static/d3/d3-transition.v2.js
vendored
Normal file
898
src/pretix/static/d3/d3-transition.v2.js
vendored
Normal file
@@ -0,0 +1,898 @@
|
||||
// https://d3js.org/d3-transition/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-selection'), require('d3-dispatch'), require('d3-timer'), require('d3-interpolate'), require('d3-color'), require('d3-ease')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', 'd3-selection', 'd3-dispatch', 'd3-timer', 'd3-interpolate', 'd3-color', 'd3-ease'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}, global.d3, global.d3, global.d3, global.d3, global.d3, global.d3));
|
||||
}(this, function (exports, d3Selection, d3Dispatch, d3Timer, d3Interpolate, d3Color, d3Ease) { 'use strict';
|
||||
|
||||
var emptyOn = d3Dispatch.dispatch("start", "end", "cancel", "interrupt");
|
||||
var emptyTween = [];
|
||||
|
||||
var CREATED = 0;
|
||||
var SCHEDULED = 1;
|
||||
var STARTING = 2;
|
||||
var STARTED = 3;
|
||||
var RUNNING = 4;
|
||||
var ENDING = 5;
|
||||
var ENDED = 6;
|
||||
|
||||
function schedule(node, name, id, index, group, timing) {
|
||||
var schedules = node.__transition;
|
||||
if (!schedules) node.__transition = {};
|
||||
else if (id in schedules) return;
|
||||
create(node, id, {
|
||||
name: name,
|
||||
index: index, // For context during callback.
|
||||
group: group, // For context during callback.
|
||||
on: emptyOn,
|
||||
tween: emptyTween,
|
||||
time: timing.time,
|
||||
delay: timing.delay,
|
||||
duration: timing.duration,
|
||||
ease: timing.ease,
|
||||
timer: null,
|
||||
state: CREATED
|
||||
});
|
||||
}
|
||||
|
||||
function init(node, id) {
|
||||
var schedule = get(node, id);
|
||||
if (schedule.state > CREATED) throw new Error("too late; already scheduled");
|
||||
return schedule;
|
||||
}
|
||||
|
||||
function set(node, id) {
|
||||
var schedule = get(node, id);
|
||||
if (schedule.state > STARTED) throw new Error("too late; already running");
|
||||
return schedule;
|
||||
}
|
||||
|
||||
function get(node, id) {
|
||||
var schedule = node.__transition;
|
||||
if (!schedule || !(schedule = schedule[id])) throw new Error("transition not found");
|
||||
return schedule;
|
||||
}
|
||||
|
||||
function create(node, id, self) {
|
||||
var schedules = node.__transition,
|
||||
tween;
|
||||
|
||||
// Initialize the self timer when the transition is created.
|
||||
// Note the actual delay is not known until the first callback!
|
||||
schedules[id] = self;
|
||||
self.timer = d3Timer.timer(schedule, 0, self.time);
|
||||
|
||||
function schedule(elapsed) {
|
||||
self.state = SCHEDULED;
|
||||
self.timer.restart(start, self.delay, self.time);
|
||||
|
||||
// If the elapsed delay is less than our first sleep, start immediately.
|
||||
if (self.delay <= elapsed) start(elapsed - self.delay);
|
||||
}
|
||||
|
||||
function start(elapsed) {
|
||||
var i, j, n, o;
|
||||
|
||||
// If the state is not SCHEDULED, then we previously errored on start.
|
||||
if (self.state !== SCHEDULED) return stop();
|
||||
|
||||
for (i in schedules) {
|
||||
o = schedules[i];
|
||||
if (o.name !== self.name) continue;
|
||||
|
||||
// While this element already has a starting transition during this frame,
|
||||
// defer starting an interrupting transition until that transition has a
|
||||
// chance to tick (and possibly end); see d3/d3-transition#54!
|
||||
if (o.state === STARTED) return d3Timer.timeout(start);
|
||||
|
||||
// Interrupt the active transition, if any.
|
||||
if (o.state === RUNNING) {
|
||||
o.state = ENDED;
|
||||
o.timer.stop();
|
||||
o.on.call("interrupt", node, node.__data__, o.index, o.group);
|
||||
delete schedules[i];
|
||||
}
|
||||
|
||||
// Cancel any pre-empted transitions.
|
||||
else if (+i < id) {
|
||||
o.state = ENDED;
|
||||
o.timer.stop();
|
||||
o.on.call("cancel", node, node.__data__, o.index, o.group);
|
||||
delete schedules[i];
|
||||
}
|
||||
}
|
||||
|
||||
// Defer the first tick to end of the current frame; see d3/d3#1576.
|
||||
// Note the transition may be canceled after start and before the first tick!
|
||||
// Note this must be scheduled before the start event; see d3/d3-transition#16!
|
||||
// Assuming this is successful, subsequent callbacks go straight to tick.
|
||||
d3Timer.timeout(function() {
|
||||
if (self.state === STARTED) {
|
||||
self.state = RUNNING;
|
||||
self.timer.restart(tick, self.delay, self.time);
|
||||
tick(elapsed);
|
||||
}
|
||||
});
|
||||
|
||||
// Dispatch the start event.
|
||||
// Note this must be done before the tween are initialized.
|
||||
self.state = STARTING;
|
||||
self.on.call("start", node, node.__data__, self.index, self.group);
|
||||
if (self.state !== STARTING) return; // interrupted
|
||||
self.state = STARTED;
|
||||
|
||||
// Initialize the tween, deleting null tween.
|
||||
tween = new Array(n = self.tween.length);
|
||||
for (i = 0, j = -1; i < n; ++i) {
|
||||
if (o = self.tween[i].value.call(node, node.__data__, self.index, self.group)) {
|
||||
tween[++j] = o;
|
||||
}
|
||||
}
|
||||
tween.length = j + 1;
|
||||
}
|
||||
|
||||
function tick(elapsed) {
|
||||
var t = elapsed < self.duration ? self.ease.call(null, elapsed / self.duration) : (self.timer.restart(stop), self.state = ENDING, 1),
|
||||
i = -1,
|
||||
n = tween.length;
|
||||
|
||||
while (++i < n) {
|
||||
tween[i].call(node, t);
|
||||
}
|
||||
|
||||
// Dispatch the end event.
|
||||
if (self.state === ENDING) {
|
||||
self.on.call("end", node, node.__data__, self.index, self.group);
|
||||
stop();
|
||||
}
|
||||
}
|
||||
|
||||
function stop() {
|
||||
self.state = ENDED;
|
||||
self.timer.stop();
|
||||
delete schedules[id];
|
||||
for (var i in schedules) return; // eslint-disable-line no-unused-vars
|
||||
delete node.__transition;
|
||||
}
|
||||
}
|
||||
|
||||
function interrupt(node, name) {
|
||||
var schedules = node.__transition,
|
||||
schedule,
|
||||
active,
|
||||
empty = true,
|
||||
i;
|
||||
|
||||
if (!schedules) return;
|
||||
|
||||
name = name == null ? null : name + "";
|
||||
|
||||
for (i in schedules) {
|
||||
if ((schedule = schedules[i]).name !== name) { empty = false; continue; }
|
||||
active = schedule.state > STARTING && schedule.state < ENDING;
|
||||
schedule.state = ENDED;
|
||||
schedule.timer.stop();
|
||||
schedule.on.call(active ? "interrupt" : "cancel", node, node.__data__, schedule.index, schedule.group);
|
||||
delete schedules[i];
|
||||
}
|
||||
|
||||
if (empty) delete node.__transition;
|
||||
}
|
||||
|
||||
function selection_interrupt(name) {
|
||||
return this.each(function() {
|
||||
interrupt(this, name);
|
||||
});
|
||||
}
|
||||
|
||||
function tweenRemove(id, name) {
|
||||
var tween0, tween1;
|
||||
return function() {
|
||||
var schedule = set(this, id),
|
||||
tween = schedule.tween;
|
||||
|
||||
// If this node shared tween with the previous node,
|
||||
// just assign the updated shared tween and we’re done!
|
||||
// Otherwise, copy-on-write.
|
||||
if (tween !== tween0) {
|
||||
tween1 = tween0 = tween;
|
||||
for (var i = 0, n = tween1.length; i < n; ++i) {
|
||||
if (tween1[i].name === name) {
|
||||
tween1 = tween1.slice();
|
||||
tween1.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
schedule.tween = tween1;
|
||||
};
|
||||
}
|
||||
|
||||
function tweenFunction(id, name, value) {
|
||||
var tween0, tween1;
|
||||
if (typeof value !== "function") throw new Error;
|
||||
return function() {
|
||||
var schedule = set(this, id),
|
||||
tween = schedule.tween;
|
||||
|
||||
// If this node shared tween with the previous node,
|
||||
// just assign the updated shared tween and we’re done!
|
||||
// Otherwise, copy-on-write.
|
||||
if (tween !== tween0) {
|
||||
tween1 = (tween0 = tween).slice();
|
||||
for (var t = {name: name, value: value}, i = 0, n = tween1.length; i < n; ++i) {
|
||||
if (tween1[i].name === name) {
|
||||
tween1[i] = t;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (i === n) tween1.push(t);
|
||||
}
|
||||
|
||||
schedule.tween = tween1;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_tween(name, value) {
|
||||
var id = this._id;
|
||||
|
||||
name += "";
|
||||
|
||||
if (arguments.length < 2) {
|
||||
var tween = get(this.node(), id).tween;
|
||||
for (var i = 0, n = tween.length, t; i < n; ++i) {
|
||||
if ((t = tween[i]).name === name) {
|
||||
return t.value;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
return this.each((value == null ? tweenRemove : tweenFunction)(id, name, value));
|
||||
}
|
||||
|
||||
function tweenValue(transition, name, value) {
|
||||
var id = transition._id;
|
||||
|
||||
transition.each(function() {
|
||||
var schedule = set(this, id);
|
||||
(schedule.value || (schedule.value = {}))[name] = value.apply(this, arguments);
|
||||
});
|
||||
|
||||
return function(node) {
|
||||
return get(node, id).value[name];
|
||||
};
|
||||
}
|
||||
|
||||
function interpolate(a, b) {
|
||||
var c;
|
||||
return (typeof b === "number" ? d3Interpolate.interpolateNumber
|
||||
: b instanceof d3Color.color ? d3Interpolate.interpolateRgb
|
||||
: (c = d3Color.color(b)) ? (b = c, d3Interpolate.interpolateRgb)
|
||||
: d3Interpolate.interpolateString)(a, b);
|
||||
}
|
||||
|
||||
function attrRemove(name) {
|
||||
return function() {
|
||||
this.removeAttribute(name);
|
||||
};
|
||||
}
|
||||
|
||||
function attrRemoveNS(fullname) {
|
||||
return function() {
|
||||
this.removeAttributeNS(fullname.space, fullname.local);
|
||||
};
|
||||
}
|
||||
|
||||
function attrConstant(name, interpolate, value1) {
|
||||
var string00,
|
||||
string1 = value1 + "",
|
||||
interpolate0;
|
||||
return function() {
|
||||
var string0 = this.getAttribute(name);
|
||||
return string0 === string1 ? null
|
||||
: string0 === string00 ? interpolate0
|
||||
: interpolate0 = interpolate(string00 = string0, value1);
|
||||
};
|
||||
}
|
||||
|
||||
function attrConstantNS(fullname, interpolate, value1) {
|
||||
var string00,
|
||||
string1 = value1 + "",
|
||||
interpolate0;
|
||||
return function() {
|
||||
var string0 = this.getAttributeNS(fullname.space, fullname.local);
|
||||
return string0 === string1 ? null
|
||||
: string0 === string00 ? interpolate0
|
||||
: interpolate0 = interpolate(string00 = string0, value1);
|
||||
};
|
||||
}
|
||||
|
||||
function attrFunction(name, interpolate, value) {
|
||||
var string00,
|
||||
string10,
|
||||
interpolate0;
|
||||
return function() {
|
||||
var string0, value1 = value(this), string1;
|
||||
if (value1 == null) return void this.removeAttribute(name);
|
||||
string0 = this.getAttribute(name);
|
||||
string1 = value1 + "";
|
||||
return string0 === string1 ? null
|
||||
: string0 === string00 && string1 === string10 ? interpolate0
|
||||
: (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));
|
||||
};
|
||||
}
|
||||
|
||||
function attrFunctionNS(fullname, interpolate, value) {
|
||||
var string00,
|
||||
string10,
|
||||
interpolate0;
|
||||
return function() {
|
||||
var string0, value1 = value(this), string1;
|
||||
if (value1 == null) return void this.removeAttributeNS(fullname.space, fullname.local);
|
||||
string0 = this.getAttributeNS(fullname.space, fullname.local);
|
||||
string1 = value1 + "";
|
||||
return string0 === string1 ? null
|
||||
: string0 === string00 && string1 === string10 ? interpolate0
|
||||
: (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));
|
||||
};
|
||||
}
|
||||
|
||||
function transition_attr(name, value) {
|
||||
var fullname = d3Selection.namespace(name), i = fullname === "transform" ? d3Interpolate.interpolateTransformSvg : interpolate;
|
||||
return this.attrTween(name, typeof value === "function"
|
||||
? (fullname.local ? attrFunctionNS : attrFunction)(fullname, i, tweenValue(this, "attr." + name, value))
|
||||
: value == null ? (fullname.local ? attrRemoveNS : attrRemove)(fullname)
|
||||
: (fullname.local ? attrConstantNS : attrConstant)(fullname, i, value));
|
||||
}
|
||||
|
||||
function attrInterpolate(name, i) {
|
||||
return function(t) {
|
||||
this.setAttribute(name, i.call(this, t));
|
||||
};
|
||||
}
|
||||
|
||||
function attrInterpolateNS(fullname, i) {
|
||||
return function(t) {
|
||||
this.setAttributeNS(fullname.space, fullname.local, i.call(this, t));
|
||||
};
|
||||
}
|
||||
|
||||
function attrTweenNS(fullname, value) {
|
||||
var t0, i0;
|
||||
function tween() {
|
||||
var i = value.apply(this, arguments);
|
||||
if (i !== i0) t0 = (i0 = i) && attrInterpolateNS(fullname, i);
|
||||
return t0;
|
||||
}
|
||||
tween._value = value;
|
||||
return tween;
|
||||
}
|
||||
|
||||
function attrTween(name, value) {
|
||||
var t0, i0;
|
||||
function tween() {
|
||||
var i = value.apply(this, arguments);
|
||||
if (i !== i0) t0 = (i0 = i) && attrInterpolate(name, i);
|
||||
return t0;
|
||||
}
|
||||
tween._value = value;
|
||||
return tween;
|
||||
}
|
||||
|
||||
function transition_attrTween(name, value) {
|
||||
var key = "attr." + name;
|
||||
if (arguments.length < 2) return (key = this.tween(key)) && key._value;
|
||||
if (value == null) return this.tween(key, null);
|
||||
if (typeof value !== "function") throw new Error;
|
||||
var fullname = d3Selection.namespace(name);
|
||||
return this.tween(key, (fullname.local ? attrTweenNS : attrTween)(fullname, value));
|
||||
}
|
||||
|
||||
function delayFunction(id, value) {
|
||||
return function() {
|
||||
init(this, id).delay = +value.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
function delayConstant(id, value) {
|
||||
return value = +value, function() {
|
||||
init(this, id).delay = value;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_delay(value) {
|
||||
var id = this._id;
|
||||
|
||||
return arguments.length
|
||||
? this.each((typeof value === "function"
|
||||
? delayFunction
|
||||
: delayConstant)(id, value))
|
||||
: get(this.node(), id).delay;
|
||||
}
|
||||
|
||||
function durationFunction(id, value) {
|
||||
return function() {
|
||||
set(this, id).duration = +value.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
|
||||
function durationConstant(id, value) {
|
||||
return value = +value, function() {
|
||||
set(this, id).duration = value;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_duration(value) {
|
||||
var id = this._id;
|
||||
|
||||
return arguments.length
|
||||
? this.each((typeof value === "function"
|
||||
? durationFunction
|
||||
: durationConstant)(id, value))
|
||||
: get(this.node(), id).duration;
|
||||
}
|
||||
|
||||
function easeConstant(id, value) {
|
||||
if (typeof value !== "function") throw new Error;
|
||||
return function() {
|
||||
set(this, id).ease = value;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_ease(value) {
|
||||
var id = this._id;
|
||||
|
||||
return arguments.length
|
||||
? this.each(easeConstant(id, value))
|
||||
: get(this.node(), id).ease;
|
||||
}
|
||||
|
||||
function easeVarying(id, value) {
|
||||
return function() {
|
||||
var v = value.apply(this, arguments);
|
||||
if (typeof v !== "function") throw new Error;
|
||||
set(this, id).ease = v;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_easeVarying(value) {
|
||||
if (typeof value !== "function") throw new Error;
|
||||
return this.each(easeVarying(this._id, value));
|
||||
}
|
||||
|
||||
function transition_filter(match) {
|
||||
if (typeof match !== "function") match = d3Selection.matcher(match);
|
||||
|
||||
for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {
|
||||
if ((node = group[i]) && match.call(node, node.__data__, i, group)) {
|
||||
subgroup.push(node);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Transition(subgroups, this._parents, this._name, this._id);
|
||||
}
|
||||
|
||||
function transition_merge(transition) {
|
||||
if (transition._id !== this._id) throw new Error;
|
||||
|
||||
for (var groups0 = this._groups, groups1 = transition._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
|
||||
for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {
|
||||
if (node = group0[i] || group1[i]) {
|
||||
merge[i] = node;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for (; j < m0; ++j) {
|
||||
merges[j] = groups0[j];
|
||||
}
|
||||
|
||||
return new Transition(merges, this._parents, this._name, this._id);
|
||||
}
|
||||
|
||||
function start(name) {
|
||||
return (name + "").trim().split(/^|\s+/).every(function(t) {
|
||||
var i = t.indexOf(".");
|
||||
if (i >= 0) t = t.slice(0, i);
|
||||
return !t || t === "start";
|
||||
});
|
||||
}
|
||||
|
||||
function onFunction(id, name, listener) {
|
||||
var on0, on1, sit = start(name) ? init : set;
|
||||
return function() {
|
||||
var schedule = sit(this, id),
|
||||
on = schedule.on;
|
||||
|
||||
// If this node shared a dispatch with the previous node,
|
||||
// just assign the updated shared dispatch and we’re done!
|
||||
// Otherwise, copy-on-write.
|
||||
if (on !== on0) (on1 = (on0 = on).copy()).on(name, listener);
|
||||
|
||||
schedule.on = on1;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_on(name, listener) {
|
||||
var id = this._id;
|
||||
|
||||
return arguments.length < 2
|
||||
? get(this.node(), id).on.on(name)
|
||||
: this.each(onFunction(id, name, listener));
|
||||
}
|
||||
|
||||
function removeFunction(id) {
|
||||
return function() {
|
||||
var parent = this.parentNode;
|
||||
for (var i in this.__transition) if (+i !== id) return;
|
||||
if (parent) parent.removeChild(this);
|
||||
};
|
||||
}
|
||||
|
||||
function transition_remove() {
|
||||
return this.on("end.remove", removeFunction(this._id));
|
||||
}
|
||||
|
||||
function transition_select(select) {
|
||||
var name = this._name,
|
||||
id = this._id;
|
||||
|
||||
if (typeof select !== "function") select = d3Selection.selector(select);
|
||||
|
||||
for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {
|
||||
if ((node = group[i]) && (subnode = select.call(node, node.__data__, i, group))) {
|
||||
if ("__data__" in node) subnode.__data__ = node.__data__;
|
||||
subgroup[i] = subnode;
|
||||
schedule(subgroup[i], name, id, i, subgroup, get(node, id));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Transition(subgroups, this._parents, name, id);
|
||||
}
|
||||
|
||||
function transition_selectAll(select) {
|
||||
var name = this._name,
|
||||
id = this._id;
|
||||
|
||||
if (typeof select !== "function") select = d3Selection.selectorAll(select);
|
||||
|
||||
for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
|
||||
if (node = group[i]) {
|
||||
for (var children = select.call(node, node.__data__, i, group), child, inherit = get(node, id), k = 0, l = children.length; k < l; ++k) {
|
||||
if (child = children[k]) {
|
||||
schedule(child, name, id, k, children, inherit);
|
||||
}
|
||||
}
|
||||
subgroups.push(children);
|
||||
parents.push(node);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Transition(subgroups, parents, name, id);
|
||||
}
|
||||
|
||||
var Selection = d3Selection.selection.prototype.constructor;
|
||||
|
||||
function transition_selection() {
|
||||
return new Selection(this._groups, this._parents);
|
||||
}
|
||||
|
||||
function styleNull(name, interpolate) {
|
||||
var string00,
|
||||
string10,
|
||||
interpolate0;
|
||||
return function() {
|
||||
var string0 = d3Selection.style(this, name),
|
||||
string1 = (this.style.removeProperty(name), d3Selection.style(this, name));
|
||||
return string0 === string1 ? null
|
||||
: string0 === string00 && string1 === string10 ? interpolate0
|
||||
: interpolate0 = interpolate(string00 = string0, string10 = string1);
|
||||
};
|
||||
}
|
||||
|
||||
function styleRemove(name) {
|
||||
return function() {
|
||||
this.style.removeProperty(name);
|
||||
};
|
||||
}
|
||||
|
||||
function styleConstant(name, interpolate, value1) {
|
||||
var string00,
|
||||
string1 = value1 + "",
|
||||
interpolate0;
|
||||
return function() {
|
||||
var string0 = d3Selection.style(this, name);
|
||||
return string0 === string1 ? null
|
||||
: string0 === string00 ? interpolate0
|
||||
: interpolate0 = interpolate(string00 = string0, value1);
|
||||
};
|
||||
}
|
||||
|
||||
function styleFunction(name, interpolate, value) {
|
||||
var string00,
|
||||
string10,
|
||||
interpolate0;
|
||||
return function() {
|
||||
var string0 = d3Selection.style(this, name),
|
||||
value1 = value(this),
|
||||
string1 = value1 + "";
|
||||
if (value1 == null) string1 = value1 = (this.style.removeProperty(name), d3Selection.style(this, name));
|
||||
return string0 === string1 ? null
|
||||
: string0 === string00 && string1 === string10 ? interpolate0
|
||||
: (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));
|
||||
};
|
||||
}
|
||||
|
||||
function styleMaybeRemove(id, name) {
|
||||
var on0, on1, listener0, key = "style." + name, event = "end." + key, remove;
|
||||
return function() {
|
||||
var schedule = set(this, id),
|
||||
on = schedule.on,
|
||||
listener = schedule.value[key] == null ? remove || (remove = styleRemove(name)) : undefined;
|
||||
|
||||
// If this node shared a dispatch with the previous node,
|
||||
// just assign the updated shared dispatch and we’re done!
|
||||
// Otherwise, copy-on-write.
|
||||
if (on !== on0 || listener0 !== listener) (on1 = (on0 = on).copy()).on(event, listener0 = listener);
|
||||
|
||||
schedule.on = on1;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_style(name, value, priority) {
|
||||
var i = (name += "") === "transform" ? d3Interpolate.interpolateTransformCss : interpolate;
|
||||
return value == null ? this
|
||||
.styleTween(name, styleNull(name, i))
|
||||
.on("end.style." + name, styleRemove(name))
|
||||
: typeof value === "function" ? this
|
||||
.styleTween(name, styleFunction(name, i, tweenValue(this, "style." + name, value)))
|
||||
.each(styleMaybeRemove(this._id, name))
|
||||
: this
|
||||
.styleTween(name, styleConstant(name, i, value), priority)
|
||||
.on("end.style." + name, null);
|
||||
}
|
||||
|
||||
function styleInterpolate(name, i, priority) {
|
||||
return function(t) {
|
||||
this.style.setProperty(name, i.call(this, t), priority);
|
||||
};
|
||||
}
|
||||
|
||||
function styleTween(name, value, priority) {
|
||||
var t, i0;
|
||||
function tween() {
|
||||
var i = value.apply(this, arguments);
|
||||
if (i !== i0) t = (i0 = i) && styleInterpolate(name, i, priority);
|
||||
return t;
|
||||
}
|
||||
tween._value = value;
|
||||
return tween;
|
||||
}
|
||||
|
||||
function transition_styleTween(name, value, priority) {
|
||||
var key = "style." + (name += "");
|
||||
if (arguments.length < 2) return (key = this.tween(key)) && key._value;
|
||||
if (value == null) return this.tween(key, null);
|
||||
if (typeof value !== "function") throw new Error;
|
||||
return this.tween(key, styleTween(name, value, priority == null ? "" : priority));
|
||||
}
|
||||
|
||||
function textConstant(value) {
|
||||
return function() {
|
||||
this.textContent = value;
|
||||
};
|
||||
}
|
||||
|
||||
function textFunction(value) {
|
||||
return function() {
|
||||
var value1 = value(this);
|
||||
this.textContent = value1 == null ? "" : value1;
|
||||
};
|
||||
}
|
||||
|
||||
function transition_text(value) {
|
||||
return this.tween("text", typeof value === "function"
|
||||
? textFunction(tweenValue(this, "text", value))
|
||||
: textConstant(value == null ? "" : value + ""));
|
||||
}
|
||||
|
||||
function textInterpolate(i) {
|
||||
return function(t) {
|
||||
this.textContent = i.call(this, t);
|
||||
};
|
||||
}
|
||||
|
||||
function textTween(value) {
|
||||
var t0, i0;
|
||||
function tween() {
|
||||
var i = value.apply(this, arguments);
|
||||
if (i !== i0) t0 = (i0 = i) && textInterpolate(i);
|
||||
return t0;
|
||||
}
|
||||
tween._value = value;
|
||||
return tween;
|
||||
}
|
||||
|
||||
function transition_textTween(value) {
|
||||
var key = "text";
|
||||
if (arguments.length < 1) return (key = this.tween(key)) && key._value;
|
||||
if (value == null) return this.tween(key, null);
|
||||
if (typeof value !== "function") throw new Error;
|
||||
return this.tween(key, textTween(value));
|
||||
}
|
||||
|
||||
function transition_transition() {
|
||||
var name = this._name,
|
||||
id0 = this._id,
|
||||
id1 = newId();
|
||||
|
||||
for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
|
||||
if (node = group[i]) {
|
||||
var inherit = get(node, id0);
|
||||
schedule(node, name, id1, i, group, {
|
||||
time: inherit.time + inherit.delay + inherit.duration,
|
||||
delay: 0,
|
||||
duration: inherit.duration,
|
||||
ease: inherit.ease
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Transition(groups, this._parents, name, id1);
|
||||
}
|
||||
|
||||
function transition_end() {
|
||||
var on0, on1, that = this, id = that._id, size = that.size();
|
||||
return new Promise(function(resolve, reject) {
|
||||
var cancel = {value: reject},
|
||||
end = {value: function() { if (--size === 0) resolve(); }};
|
||||
|
||||
that.each(function() {
|
||||
var schedule = set(this, id),
|
||||
on = schedule.on;
|
||||
|
||||
// If this node shared a dispatch with the previous node,
|
||||
// just assign the updated shared dispatch and we’re done!
|
||||
// Otherwise, copy-on-write.
|
||||
if (on !== on0) {
|
||||
on1 = (on0 = on).copy();
|
||||
on1._.cancel.push(cancel);
|
||||
on1._.interrupt.push(cancel);
|
||||
on1._.end.push(end);
|
||||
}
|
||||
|
||||
schedule.on = on1;
|
||||
});
|
||||
|
||||
// The selection was empty, resolve end immediately
|
||||
if (size === 0) resolve();
|
||||
});
|
||||
}
|
||||
|
||||
var id = 0;
|
||||
|
||||
function Transition(groups, parents, name, id) {
|
||||
this._groups = groups;
|
||||
this._parents = parents;
|
||||
this._name = name;
|
||||
this._id = id;
|
||||
}
|
||||
|
||||
function transition(name) {
|
||||
return d3Selection.selection().transition(name);
|
||||
}
|
||||
|
||||
function newId() {
|
||||
return ++id;
|
||||
}
|
||||
|
||||
var selection_prototype = d3Selection.selection.prototype;
|
||||
|
||||
Transition.prototype = transition.prototype = {
|
||||
constructor: Transition,
|
||||
select: transition_select,
|
||||
selectAll: transition_selectAll,
|
||||
filter: transition_filter,
|
||||
merge: transition_merge,
|
||||
selection: transition_selection,
|
||||
transition: transition_transition,
|
||||
call: selection_prototype.call,
|
||||
nodes: selection_prototype.nodes,
|
||||
node: selection_prototype.node,
|
||||
size: selection_prototype.size,
|
||||
empty: selection_prototype.empty,
|
||||
each: selection_prototype.each,
|
||||
on: transition_on,
|
||||
attr: transition_attr,
|
||||
attrTween: transition_attrTween,
|
||||
style: transition_style,
|
||||
styleTween: transition_styleTween,
|
||||
text: transition_text,
|
||||
textTween: transition_textTween,
|
||||
remove: transition_remove,
|
||||
tween: transition_tween,
|
||||
delay: transition_delay,
|
||||
duration: transition_duration,
|
||||
ease: transition_ease,
|
||||
easeVarying: transition_easeVarying,
|
||||
end: transition_end,
|
||||
[Symbol.iterator]: selection_prototype[Symbol.iterator]
|
||||
};
|
||||
|
||||
var defaultTiming = {
|
||||
time: null, // Set on use.
|
||||
delay: 0,
|
||||
duration: 250,
|
||||
ease: d3Ease.easeCubicInOut
|
||||
};
|
||||
|
||||
function inherit(node, id) {
|
||||
var timing;
|
||||
while (!(timing = node.__transition) || !(timing = timing[id])) {
|
||||
if (!(node = node.parentNode)) {
|
||||
throw new Error(`transition ${id} not found`);
|
||||
}
|
||||
}
|
||||
return timing;
|
||||
}
|
||||
|
||||
function selection_transition(name) {
|
||||
var id,
|
||||
timing;
|
||||
|
||||
if (name instanceof Transition) {
|
||||
id = name._id, name = name._name;
|
||||
} else {
|
||||
id = newId(), (timing = defaultTiming).time = d3Timer.now(), name = name == null ? null : name + "";
|
||||
}
|
||||
|
||||
for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {
|
||||
for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
|
||||
if (node = group[i]) {
|
||||
schedule(node, name, id, i, group, timing || inherit(node, id));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new Transition(groups, this._parents, name, id);
|
||||
}
|
||||
|
||||
d3Selection.selection.prototype.interrupt = selection_interrupt;
|
||||
d3Selection.selection.prototype.transition = selection_transition;
|
||||
|
||||
var root = [null];
|
||||
|
||||
function active(node, name) {
|
||||
var schedules = node.__transition,
|
||||
schedule,
|
||||
i;
|
||||
|
||||
if (schedules) {
|
||||
name = name == null ? null : name + "";
|
||||
for (i in schedules) {
|
||||
if ((schedule = schedules[i]).state > SCHEDULED && schedule.name === name) {
|
||||
return new Transition([[node]], root, name, +i);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
exports.active = active;
|
||||
exports.interrupt = interrupt;
|
||||
exports.transition = transition;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
530
src/pretix/static/d3/d3-zoom.v2.js
vendored
Normal file
530
src/pretix/static/d3/d3-zoom.v2.js
vendored
Normal file
@@ -0,0 +1,530 @@
|
||||
// https://d3js.org/d3-zoom/ v2.0.0 Copyright 2020 Mike Bostock
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-dispatch'), require('d3-drag'), require('d3-interpolate'), require('d3-selection'), require('d3-transition')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', 'd3-dispatch', 'd3-drag', 'd3-interpolate', 'd3-selection', 'd3-transition'], factory) :
|
||||
(global = global || self, factory(global.d3 = global.d3 || {}, global.d3, global.d3, global.d3, global.d3, global.d3));
|
||||
}(this, (function (exports, d3Dispatch, d3Drag, d3Interpolate, d3Selection, d3Transition) { 'use strict';
|
||||
|
||||
var constant = x => () => x;
|
||||
|
||||
function ZoomEvent(type, {
|
||||
sourceEvent,
|
||||
target,
|
||||
transform,
|
||||
dispatch
|
||||
}) {
|
||||
Object.defineProperties(this, {
|
||||
type: {value: type, enumerable: true, configurable: true},
|
||||
sourceEvent: {value: sourceEvent, enumerable: true, configurable: true},
|
||||
target: {value: target, enumerable: true, configurable: true},
|
||||
transform: {value: transform, enumerable: true, configurable: true},
|
||||
_: {value: dispatch}
|
||||
});
|
||||
}
|
||||
|
||||
function Transform(k, x, y) {
|
||||
this.k = k;
|
||||
this.x = x;
|
||||
this.y = y;
|
||||
}
|
||||
|
||||
Transform.prototype = {
|
||||
constructor: Transform,
|
||||
scale: function(k) {
|
||||
return k === 1 ? this : new Transform(this.k * k, this.x, this.y);
|
||||
},
|
||||
translate: function(x, y) {
|
||||
return x === 0 & y === 0 ? this : new Transform(this.k, this.x + this.k * x, this.y + this.k * y);
|
||||
},
|
||||
apply: function(point) {
|
||||
return [point[0] * this.k + this.x, point[1] * this.k + this.y];
|
||||
},
|
||||
applyX: function(x) {
|
||||
return x * this.k + this.x;
|
||||
},
|
||||
applyY: function(y) {
|
||||
return y * this.k + this.y;
|
||||
},
|
||||
invert: function(location) {
|
||||
return [(location[0] - this.x) / this.k, (location[1] - this.y) / this.k];
|
||||
},
|
||||
invertX: function(x) {
|
||||
return (x - this.x) / this.k;
|
||||
},
|
||||
invertY: function(y) {
|
||||
return (y - this.y) / this.k;
|
||||
},
|
||||
rescaleX: function(x) {
|
||||
return x.copy().domain(x.range().map(this.invertX, this).map(x.invert, x));
|
||||
},
|
||||
rescaleY: function(y) {
|
||||
return y.copy().domain(y.range().map(this.invertY, this).map(y.invert, y));
|
||||
},
|
||||
toString: function() {
|
||||
return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
|
||||
}
|
||||
};
|
||||
|
||||
var identity = new Transform(1, 0, 0);
|
||||
|
||||
transform.prototype = Transform.prototype;
|
||||
|
||||
function transform(node) {
|
||||
while (!node.__zoom) if (!(node = node.parentNode)) return identity;
|
||||
return node.__zoom;
|
||||
}
|
||||
|
||||
function nopropagation(event) {
|
||||
event.stopImmediatePropagation();
|
||||
}
|
||||
|
||||
function noevent(event) {
|
||||
event.preventDefault();
|
||||
event.stopImmediatePropagation();
|
||||
}
|
||||
|
||||
// Ignore right-click, since that should open the context menu.
|
||||
// except for pinch-to-zoom, which is sent as a wheel+ctrlKey event
|
||||
function defaultFilter(event) {
|
||||
return (!event.ctrlKey || event.type === 'wheel') && !event.button;
|
||||
}
|
||||
|
||||
function defaultExtent() {
|
||||
var e = this;
|
||||
if (e instanceof SVGElement) {
|
||||
e = e.ownerSVGElement || e;
|
||||
if (e.hasAttribute("viewBox")) {
|
||||
e = e.viewBox.baseVal;
|
||||
return [[e.x, e.y], [e.x + e.width, e.y + e.height]];
|
||||
}
|
||||
return [[0, 0], [e.width.baseVal.value, e.height.baseVal.value]];
|
||||
}
|
||||
return [[0, 0], [e.clientWidth, e.clientHeight]];
|
||||
}
|
||||
|
||||
function defaultTransform() {
|
||||
return this.__zoom || identity;
|
||||
}
|
||||
|
||||
function defaultWheelDelta(event) {
|
||||
return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * (event.ctrlKey ? 10 : 1);
|
||||
}
|
||||
|
||||
function defaultTouchable() {
|
||||
return navigator.maxTouchPoints || ("ontouchstart" in this);
|
||||
}
|
||||
|
||||
function defaultConstrain(transform, extent, translateExtent) {
|
||||
var dx0 = transform.invertX(extent[0][0]) - translateExtent[0][0],
|
||||
dx1 = transform.invertX(extent[1][0]) - translateExtent[1][0],
|
||||
dy0 = transform.invertY(extent[0][1]) - translateExtent[0][1],
|
||||
dy1 = transform.invertY(extent[1][1]) - translateExtent[1][1];
|
||||
return transform.translate(
|
||||
dx1 > dx0 ? (dx0 + dx1) / 2 : Math.min(0, dx0) || Math.max(0, dx1),
|
||||
dy1 > dy0 ? (dy0 + dy1) / 2 : Math.min(0, dy0) || Math.max(0, dy1)
|
||||
);
|
||||
}
|
||||
|
||||
function zoom() {
|
||||
var filter = defaultFilter,
|
||||
extent = defaultExtent,
|
||||
constrain = defaultConstrain,
|
||||
wheelDelta = defaultWheelDelta,
|
||||
touchable = defaultTouchable,
|
||||
scaleExtent = [0, Infinity],
|
||||
translateExtent = [[-Infinity, -Infinity], [Infinity, Infinity]],
|
||||
duration = 250,
|
||||
interpolate = d3Interpolate.interpolateZoom,
|
||||
listeners = d3Dispatch.dispatch("start", "zoom", "end"),
|
||||
touchstarting,
|
||||
touchfirst,
|
||||
touchending,
|
||||
touchDelay = 500,
|
||||
wheelDelay = 150,
|
||||
clickDistance2 = 0,
|
||||
tapDistance = 10;
|
||||
|
||||
function zoom(selection) {
|
||||
selection
|
||||
.property("__zoom", defaultTransform)
|
||||
.on("wheel.zoom", wheeled)
|
||||
.on("mousedown.zoom", mousedowned)
|
||||
.on("dblclick.zoom", dblclicked)
|
||||
.filter(touchable)
|
||||
.on("touchstart.zoom", touchstarted)
|
||||
.on("touchmove.zoom", touchmoved)
|
||||
.on("touchend.zoom touchcancel.zoom", touchended)
|
||||
.style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
|
||||
}
|
||||
|
||||
zoom.transform = function(collection, transform, point, event) {
|
||||
var selection = collection.selection ? collection.selection() : collection;
|
||||
selection.property("__zoom", defaultTransform);
|
||||
if (collection !== selection) {
|
||||
schedule(collection, transform, point, event);
|
||||
} else {
|
||||
selection.interrupt().each(function() {
|
||||
gesture(this, arguments)
|
||||
.event(event)
|
||||
.start()
|
||||
.zoom(null, typeof transform === "function" ? transform.apply(this, arguments) : transform)
|
||||
.end();
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
zoom.scaleBy = function(selection, k, p, event) {
|
||||
zoom.scaleTo(selection, function() {
|
||||
var k0 = this.__zoom.k,
|
||||
k1 = typeof k === "function" ? k.apply(this, arguments) : k;
|
||||
return k0 * k1;
|
||||
}, p, event);
|
||||
};
|
||||
|
||||
zoom.scaleTo = function(selection, k, p, event) {
|
||||
zoom.transform(selection, function() {
|
||||
var e = extent.apply(this, arguments),
|
||||
t0 = this.__zoom,
|
||||
p0 = p == null ? centroid(e) : typeof p === "function" ? p.apply(this, arguments) : p,
|
||||
p1 = t0.invert(p0),
|
||||
k1 = typeof k === "function" ? k.apply(this, arguments) : k;
|
||||
return constrain(translate(scale(t0, k1), p0, p1), e, translateExtent);
|
||||
}, p, event);
|
||||
};
|
||||
|
||||
zoom.translateBy = function(selection, x, y, event) {
|
||||
zoom.transform(selection, function() {
|
||||
return constrain(this.__zoom.translate(
|
||||
typeof x === "function" ? x.apply(this, arguments) : x,
|
||||
typeof y === "function" ? y.apply(this, arguments) : y
|
||||
), extent.apply(this, arguments), translateExtent);
|
||||
}, null, event);
|
||||
};
|
||||
|
||||
zoom.translateTo = function(selection, x, y, p, event) {
|
||||
zoom.transform(selection, function() {
|
||||
var e = extent.apply(this, arguments),
|
||||
t = this.__zoom,
|
||||
p0 = p == null ? centroid(e) : typeof p === "function" ? p.apply(this, arguments) : p;
|
||||
return constrain(identity.translate(p0[0], p0[1]).scale(t.k).translate(
|
||||
typeof x === "function" ? -x.apply(this, arguments) : -x,
|
||||
typeof y === "function" ? -y.apply(this, arguments) : -y
|
||||
), e, translateExtent);
|
||||
}, p, event);
|
||||
};
|
||||
|
||||
function scale(transform, k) {
|
||||
k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], k));
|
||||
return k === transform.k ? transform : new Transform(k, transform.x, transform.y);
|
||||
}
|
||||
|
||||
function translate(transform, p0, p1) {
|
||||
var x = p0[0] - p1[0] * transform.k, y = p0[1] - p1[1] * transform.k;
|
||||
return x === transform.x && y === transform.y ? transform : new Transform(transform.k, x, y);
|
||||
}
|
||||
|
||||
function centroid(extent) {
|
||||
return [(+extent[0][0] + +extent[1][0]) / 2, (+extent[0][1] + +extent[1][1]) / 2];
|
||||
}
|
||||
|
||||
function schedule(transition, transform, point, event) {
|
||||
transition
|
||||
.on("start.zoom", function() { gesture(this, arguments).event(event).start(); })
|
||||
.on("interrupt.zoom end.zoom", function() { gesture(this, arguments).event(event).end(); })
|
||||
.tween("zoom", function() {
|
||||
var that = this,
|
||||
args = arguments,
|
||||
g = gesture(that, args).event(event),
|
||||
e = extent.apply(that, args),
|
||||
p = point == null ? centroid(e) : typeof point === "function" ? point.apply(that, args) : point,
|
||||
w = Math.max(e[1][0] - e[0][0], e[1][1] - e[0][1]),
|
||||
a = that.__zoom,
|
||||
b = typeof transform === "function" ? transform.apply(that, args) : transform,
|
||||
i = interpolate(a.invert(p).concat(w / a.k), b.invert(p).concat(w / b.k));
|
||||
return function(t) {
|
||||
if (t === 1) t = b; // Avoid rounding error on end.
|
||||
else { var l = i(t), k = w / l[2]; t = new Transform(k, p[0] - l[0] * k, p[1] - l[1] * k); }
|
||||
g.zoom(null, t);
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
function gesture(that, args, clean) {
|
||||
return (!clean && that.__zooming) || new Gesture(that, args);
|
||||
}
|
||||
|
||||
function Gesture(that, args) {
|
||||
this.that = that;
|
||||
this.args = args;
|
||||
this.active = 0;
|
||||
this.sourceEvent = null;
|
||||
this.extent = extent.apply(that, args);
|
||||
this.taps = 0;
|
||||
}
|
||||
|
||||
Gesture.prototype = {
|
||||
event: function(event) {
|
||||
if (event) this.sourceEvent = event;
|
||||
return this;
|
||||
},
|
||||
start: function() {
|
||||
if (++this.active === 1) {
|
||||
this.that.__zooming = this;
|
||||
this.emit("start");
|
||||
}
|
||||
return this;
|
||||
},
|
||||
zoom: function(key, transform) {
|
||||
if (this.mouse && key !== "mouse") this.mouse[1] = transform.invert(this.mouse[0]);
|
||||
if (this.touch0 && key !== "touch") this.touch0[1] = transform.invert(this.touch0[0]);
|
||||
if (this.touch1 && key !== "touch") this.touch1[1] = transform.invert(this.touch1[0]);
|
||||
this.that.__zoom = transform;
|
||||
this.emit("zoom");
|
||||
return this;
|
||||
},
|
||||
end: function() {
|
||||
if (--this.active === 0) {
|
||||
delete this.that.__zooming;
|
||||
this.emit("end");
|
||||
}
|
||||
return this;
|
||||
},
|
||||
emit: function(type) {
|
||||
var d = d3Selection.select(this.that).datum();
|
||||
listeners.call(
|
||||
type,
|
||||
this.that,
|
||||
new ZoomEvent(type, {
|
||||
sourceEvent: this.sourceEvent,
|
||||
target: zoom,
|
||||
type,
|
||||
transform: this.that.__zoom,
|
||||
dispatch: listeners
|
||||
}),
|
||||
d
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
function wheeled(event, ...args) {
|
||||
if (!filter.apply(this, arguments)) return;
|
||||
var g = gesture(this, args).event(event),
|
||||
t = this.__zoom,
|
||||
k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], t.k * Math.pow(2, wheelDelta.apply(this, arguments)))),
|
||||
p = d3Selection.pointer(event);
|
||||
|
||||
// If the mouse is in the same location as before, reuse it.
|
||||
// If there were recent wheel events, reset the wheel idle timeout.
|
||||
if (g.wheel) {
|
||||
if (g.mouse[0][0] !== p[0] || g.mouse[0][1] !== p[1]) {
|
||||
g.mouse[1] = t.invert(g.mouse[0] = p);
|
||||
}
|
||||
clearTimeout(g.wheel);
|
||||
}
|
||||
|
||||
// If this wheel event won’t trigger a transform change, ignore it.
|
||||
else if (t.k === k) return;
|
||||
|
||||
// Otherwise, capture the mouse point and location at the start.
|
||||
else {
|
||||
g.mouse = [p, t.invert(p)];
|
||||
d3Transition.interrupt(this);
|
||||
g.start();
|
||||
}
|
||||
|
||||
noevent(event);
|
||||
g.wheel = setTimeout(wheelidled, wheelDelay);
|
||||
g.zoom("mouse", constrain(translate(scale(t, k), g.mouse[0], g.mouse[1]), g.extent, translateExtent));
|
||||
|
||||
function wheelidled() {
|
||||
g.wheel = null;
|
||||
g.end();
|
||||
}
|
||||
}
|
||||
|
||||
function mousedowned(event, ...args) {
|
||||
if (touchending || !filter.apply(this, arguments)) return;
|
||||
var g = gesture(this, args, true).event(event),
|
||||
v = d3Selection.select(event.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true),
|
||||
p = d3Selection.pointer(event, currentTarget),
|
||||
currentTarget = event.currentTarget,
|
||||
x0 = event.clientX,
|
||||
y0 = event.clientY;
|
||||
|
||||
d3Drag.dragDisable(event.view);
|
||||
nopropagation(event);
|
||||
g.mouse = [p, this.__zoom.invert(p)];
|
||||
d3Transition.interrupt(this);
|
||||
g.start();
|
||||
|
||||
function mousemoved(event) {
|
||||
noevent(event);
|
||||
if (!g.moved) {
|
||||
var dx = event.clientX - x0, dy = event.clientY - y0;
|
||||
g.moved = dx * dx + dy * dy > clickDistance2;
|
||||
}
|
||||
g.event(event)
|
||||
.zoom("mouse", constrain(translate(g.that.__zoom, g.mouse[0] = d3Selection.pointer(event, currentTarget), g.mouse[1]), g.extent, translateExtent));
|
||||
}
|
||||
|
||||
function mouseupped(event) {
|
||||
v.on("mousemove.zoom mouseup.zoom", null);
|
||||
d3Drag.dragEnable(event.view, g.moved);
|
||||
noevent(event);
|
||||
g.event(event).end();
|
||||
}
|
||||
}
|
||||
|
||||
function dblclicked(event, ...args) {
|
||||
if (!filter.apply(this, arguments)) return;
|
||||
var t0 = this.__zoom,
|
||||
p0 = d3Selection.pointer(event.changedTouches ? event.changedTouches[0] : event, this),
|
||||
p1 = t0.invert(p0),
|
||||
k1 = t0.k * (event.shiftKey ? 0.5 : 2),
|
||||
t1 = constrain(translate(scale(t0, k1), p0, p1), extent.apply(this, args), translateExtent);
|
||||
|
||||
noevent(event);
|
||||
if (duration > 0) d3Selection.select(this).transition().duration(duration).call(schedule, t1, p0, event);
|
||||
else d3Selection.select(this).call(zoom.transform, t1, p0, event);
|
||||
}
|
||||
|
||||
function touchstarted(event, ...args) {
|
||||
if (!filter.apply(this, arguments)) return;
|
||||
var touches = event.touches,
|
||||
n = touches.length,
|
||||
g = gesture(this, args, event.changedTouches.length === n).event(event),
|
||||
started, i, t, p;
|
||||
|
||||
nopropagation(event);
|
||||
for (i = 0; i < n; ++i) {
|
||||
t = touches[i], p = d3Selection.pointer(t, this);
|
||||
p = [p, this.__zoom.invert(p), t.identifier];
|
||||
if (!g.touch0) g.touch0 = p, started = true, g.taps = 1 + !!touchstarting;
|
||||
else if (!g.touch1 && g.touch0[2] !== p[2]) g.touch1 = p, g.taps = 0;
|
||||
}
|
||||
|
||||
if (touchstarting) touchstarting = clearTimeout(touchstarting);
|
||||
|
||||
if (started) {
|
||||
if (g.taps < 2) touchfirst = p[0], touchstarting = setTimeout(function() { touchstarting = null; }, touchDelay);
|
||||
d3Transition.interrupt(this);
|
||||
g.start();
|
||||
}
|
||||
}
|
||||
|
||||
function touchmoved(event, ...args) {
|
||||
if (!this.__zooming) return;
|
||||
var g = gesture(this, args).event(event),
|
||||
touches = event.changedTouches,
|
||||
n = touches.length, i, t, p, l;
|
||||
|
||||
noevent(event);
|
||||
for (i = 0; i < n; ++i) {
|
||||
t = touches[i], p = d3Selection.pointer(t, this);
|
||||
if (g.touch0 && g.touch0[2] === t.identifier) g.touch0[0] = p;
|
||||
else if (g.touch1 && g.touch1[2] === t.identifier) g.touch1[0] = p;
|
||||
}
|
||||
t = g.that.__zoom;
|
||||
if (g.touch1) {
|
||||
var p0 = g.touch0[0], l0 = g.touch0[1],
|
||||
p1 = g.touch1[0], l1 = g.touch1[1],
|
||||
dp = (dp = p1[0] - p0[0]) * dp + (dp = p1[1] - p0[1]) * dp,
|
||||
dl = (dl = l1[0] - l0[0]) * dl + (dl = l1[1] - l0[1]) * dl;
|
||||
t = scale(t, Math.sqrt(dp / dl));
|
||||
p = [(p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2];
|
||||
l = [(l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2];
|
||||
}
|
||||
else if (g.touch0) p = g.touch0[0], l = g.touch0[1];
|
||||
else return;
|
||||
|
||||
g.zoom("touch", constrain(translate(t, p, l), g.extent, translateExtent));
|
||||
}
|
||||
|
||||
function touchended(event, ...args) {
|
||||
if (!this.__zooming) return;
|
||||
var g = gesture(this, args).event(event),
|
||||
touches = event.changedTouches,
|
||||
n = touches.length, i, t;
|
||||
|
||||
nopropagation(event);
|
||||
if (touchending) clearTimeout(touchending);
|
||||
touchending = setTimeout(function() { touchending = null; }, touchDelay);
|
||||
for (i = 0; i < n; ++i) {
|
||||
t = touches[i];
|
||||
if (g.touch0 && g.touch0[2] === t.identifier) delete g.touch0;
|
||||
else if (g.touch1 && g.touch1[2] === t.identifier) delete g.touch1;
|
||||
}
|
||||
if (g.touch1 && !g.touch0) g.touch0 = g.touch1, delete g.touch1;
|
||||
if (g.touch0) g.touch0[1] = this.__zoom.invert(g.touch0[0]);
|
||||
else {
|
||||
g.end();
|
||||
// If this was a dbltap, reroute to the (optional) dblclick.zoom handler.
|
||||
if (g.taps === 2) {
|
||||
t = d3Selection.pointer(t, this);
|
||||
if (Math.hypot(touchfirst[0] - t[0], touchfirst[1] - t[1]) < tapDistance) {
|
||||
var p = d3Selection.select(this).on("dblclick.zoom");
|
||||
if (p) p.apply(this, arguments);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
zoom.wheelDelta = function(_) {
|
||||
return arguments.length ? (wheelDelta = typeof _ === "function" ? _ : constant(+_), zoom) : wheelDelta;
|
||||
};
|
||||
|
||||
zoom.filter = function(_) {
|
||||
return arguments.length ? (filter = typeof _ === "function" ? _ : constant(!!_), zoom) : filter;
|
||||
};
|
||||
|
||||
zoom.touchable = function(_) {
|
||||
return arguments.length ? (touchable = typeof _ === "function" ? _ : constant(!!_), zoom) : touchable;
|
||||
};
|
||||
|
||||
zoom.extent = function(_) {
|
||||
return arguments.length ? (extent = typeof _ === "function" ? _ : constant([[+_[0][0], +_[0][1]], [+_[1][0], +_[1][1]]]), zoom) : extent;
|
||||
};
|
||||
|
||||
zoom.scaleExtent = function(_) {
|
||||
return arguments.length ? (scaleExtent[0] = +_[0], scaleExtent[1] = +_[1], zoom) : [scaleExtent[0], scaleExtent[1]];
|
||||
};
|
||||
|
||||
zoom.translateExtent = function(_) {
|
||||
return arguments.length ? (translateExtent[0][0] = +_[0][0], translateExtent[1][0] = +_[1][0], translateExtent[0][1] = +_[0][1], translateExtent[1][1] = +_[1][1], zoom) : [[translateExtent[0][0], translateExtent[0][1]], [translateExtent[1][0], translateExtent[1][1]]];
|
||||
};
|
||||
|
||||
zoom.constrain = function(_) {
|
||||
return arguments.length ? (constrain = _, zoom) : constrain;
|
||||
};
|
||||
|
||||
zoom.duration = function(_) {
|
||||
return arguments.length ? (duration = +_, zoom) : duration;
|
||||
};
|
||||
|
||||
zoom.interpolate = function(_) {
|
||||
return arguments.length ? (interpolate = _, zoom) : interpolate;
|
||||
};
|
||||
|
||||
zoom.on = function() {
|
||||
var value = listeners.on.apply(listeners, arguments);
|
||||
return value === listeners ? zoom : value;
|
||||
};
|
||||
|
||||
zoom.clickDistance = function(_) {
|
||||
return arguments.length ? (clickDistance2 = (_ = +_) * _, zoom) : Math.sqrt(clickDistance2);
|
||||
};
|
||||
|
||||
zoom.tapDistance = function(_) {
|
||||
return arguments.length ? (tapDistance = +_, zoom) : tapDistance;
|
||||
};
|
||||
|
||||
return zoom;
|
||||
}
|
||||
|
||||
exports.zoom = zoom;
|
||||
exports.zoomIdentity = identity;
|
||||
exports.zoomTransform = transform;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
})));
|
||||
19708
src/pretix/static/d3/d3.v6.js
vendored
Normal file
19708
src/pretix/static/d3/d3.v6.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,484 +1,122 @@
|
||||
$(document).ready(function () {
|
||||
var TYPEOPS = {
|
||||
// Every change to our supported JSON logic must be done
|
||||
// * in pretix.base.services.checkin
|
||||
// * in pretix.base.models.checkin
|
||||
// * in checkinrules.js
|
||||
// * in libpretixsync
|
||||
'product': {
|
||||
'inList': {
|
||||
'label': gettext('is one of'),
|
||||
'cardinality': 2,
|
||||
}
|
||||
},
|
||||
'variation': {
|
||||
'inList': {
|
||||
'label': gettext('is one of'),
|
||||
'cardinality': 2,
|
||||
}
|
||||
},
|
||||
'datetime': {
|
||||
'isBefore': {
|
||||
'label': gettext('is before'),
|
||||
'cardinality': 2,
|
||||
},
|
||||
'isAfter': {
|
||||
'label': gettext('is after'),
|
||||
'cardinality': 2,
|
||||
},
|
||||
},
|
||||
'int': {
|
||||
'<': {
|
||||
'label': '<',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'<=': {
|
||||
'label': '≤',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'>': {
|
||||
'label': '>',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'>=': {
|
||||
'label': '≥',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'==': {
|
||||
'label': '=',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'!=': {
|
||||
'label': '≠',
|
||||
'cardinality': 2,
|
||||
},
|
||||
},
|
||||
};
|
||||
var VARS = {
|
||||
'product': {
|
||||
'label': gettext('Product'),
|
||||
'type': 'product',
|
||||
},
|
||||
'variation': {
|
||||
'label': gettext('Product variation'),
|
||||
'type': 'variation',
|
||||
},
|
||||
'now': {
|
||||
'label': gettext('Current date and time'),
|
||||
'type': 'datetime',
|
||||
},
|
||||
'entries_number': {
|
||||
'label': gettext('Number of previous entries'),
|
||||
'type': 'int',
|
||||
},
|
||||
'entries_today': {
|
||||
'label': gettext('Number of previous entries since midnight'),
|
||||
'type': 'int',
|
||||
},
|
||||
'entries_days': {
|
||||
'label': gettext('Number of days with a previous entry'),
|
||||
'type': 'int',
|
||||
},
|
||||
};
|
||||
var TYPEOPS = {
|
||||
// Every change to our supported JSON logic must be done
|
||||
// * in pretix.base.services.checkin
|
||||
// * in pretix.base.models.checkin
|
||||
// * in checkinrules.js
|
||||
// * in libpretixsync
|
||||
'product': {
|
||||
'inList': {
|
||||
'label': gettext('is one of'),
|
||||
'cardinality': 2,
|
||||
}
|
||||
},
|
||||
'variation': {
|
||||
'inList': {
|
||||
'label': gettext('is one of'),
|
||||
'cardinality': 2,
|
||||
}
|
||||
},
|
||||
'datetime': {
|
||||
'isBefore': {
|
||||
'label': gettext('is before'),
|
||||
'cardinality': 2,
|
||||
},
|
||||
'isAfter': {
|
||||
'label': gettext('is after'),
|
||||
'cardinality': 2,
|
||||
},
|
||||
},
|
||||
'int': {
|
||||
'<': {
|
||||
'label': '<',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'<=': {
|
||||
'label': '≤',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'>': {
|
||||
'label': '>',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'>=': {
|
||||
'label': '≥',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'==': {
|
||||
'label': '=',
|
||||
'cardinality': 2,
|
||||
},
|
||||
'!=': {
|
||||
'label': '≠',
|
||||
'cardinality': 2,
|
||||
},
|
||||
},
|
||||
};
|
||||
var VARS = {
|
||||
'product': {
|
||||
'label': gettext('Product'),
|
||||
'type': 'product',
|
||||
},
|
||||
'variation': {
|
||||
'label': gettext('Product variation'),
|
||||
'type': 'variation',
|
||||
},
|
||||
'now': {
|
||||
'label': gettext('Current date and time'),
|
||||
'type': 'datetime',
|
||||
},
|
||||
'entries_number': {
|
||||
'label': gettext('Number of previous entries'),
|
||||
'type': 'int',
|
||||
},
|
||||
'entries_today': {
|
||||
'label': gettext('Number of previous entries since midnight'),
|
||||
'type': 'int',
|
||||
},
|
||||
'entries_days': {
|
||||
'label': gettext('Number of days with a previous entry'),
|
||||
'type': 'int',
|
||||
},
|
||||
};
|
||||
|
||||
Vue.component("datetimefield", {
|
||||
props: ["required", "value"],
|
||||
template: ('<input class="form-control">'),
|
||||
mounted: function () {
|
||||
var vm = this;
|
||||
var multiple = this.multiple;
|
||||
$(this.$el)
|
||||
.datetimepicker(this.opts())
|
||||
.trigger("change")
|
||||
.on("dp.change", function (e) {
|
||||
vm.$emit("input", $(this).data('DateTimePicker').date().toISOString());
|
||||
});
|
||||
if (!vm.value) {
|
||||
$(this.$el).data("DateTimePicker").viewDate(moment().hour(0).minute(0).second(0).millisecond(0));
|
||||
} else {
|
||||
$(this.$el).data("DateTimePicker").date(moment(vm.value));
|
||||
}
|
||||
Vue.component('checkin-rule', CheckinRule.default);
|
||||
var app = new Vue({
|
||||
el: '#rules-editor',
|
||||
components: {
|
||||
CheckinRulesEditor: CheckinRulesEditor.default,
|
||||
CheckinRulesVisualization: CheckinRulesVisualization.default,
|
||||
},
|
||||
data: function () {
|
||||
return {
|
||||
rules: {},
|
||||
TYPEOPS: TYPEOPS,
|
||||
VARS: VARS,
|
||||
texts: {
|
||||
and: gettext('All of the conditions below (AND)'),
|
||||
or: gettext('At least one of the conditions below (OR)'),
|
||||
date_from: gettext('Event start'),
|
||||
date_to: gettext('Event end'),
|
||||
date_admission: gettext('Event admission'),
|
||||
date_custom: gettext('custom time'),
|
||||
date_tolerance: gettext('Tolerance (minutes)'),
|
||||
condition_add: gettext('Add condition'),
|
||||
minutes: gettext('minutes'),
|
||||
},
|
||||
methods: {
|
||||
opts: function () {
|
||||
return {
|
||||
format: $("body").attr("data-datetimeformat"),
|
||||
locale: $("body").attr("data-datetimelocale"),
|
||||
useCurrent: false,
|
||||
showClear: this.required,
|
||||
icons: {
|
||||
time: 'fa fa-clock-o',
|
||||
date: 'fa fa-calendar',
|
||||
up: 'fa fa-chevron-up',
|
||||
down: 'fa fa-chevron-down',
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: function (val) {
|
||||
$(this.$el).data('DateTimePicker').date(moment(val));
|
||||
},
|
||||
},
|
||||
destroyed: function () {
|
||||
$(this.$el)
|
||||
.off()
|
||||
.datetimepicker("destroy");
|
||||
hasRules: false,
|
||||
};
|
||||
},
|
||||
created: function () {
|
||||
this.rules = JSON.parse($("#id_rules").val());
|
||||
},
|
||||
watch: {
|
||||
rules: {
|
||||
deep: true,
|
||||
handler: function (newval) {
|
||||
$("#id_rules").val(JSON.stringify(newval));
|
||||
}
|
||||
});
|
||||
|
||||
Vue.component("lookup-select2", {
|
||||
props: ["required", "value", "placeholder", "url", "multiple"],
|
||||
template: ('<select>\n' +
|
||||
' <slot></slot>\n' +
|
||||
' </select>'),
|
||||
mounted: function () {
|
||||
var vm = this;
|
||||
var multiple = this.multiple;
|
||||
$(this.$el)
|
||||
.select2(this.opts())
|
||||
.val(this.value)
|
||||
.trigger("change")
|
||||
// emit event on change.
|
||||
.on("change", function (e) {
|
||||
vm.$emit("input", $(this).select2('data'));
|
||||
});
|
||||
if (vm.value) {
|
||||
for (var i = 0; i < vm.value["objectList"].length; i++) {
|
||||
var option = new Option(vm.value["objectList"][i]["lookup"][2], vm.value["objectList"][i]["lookup"][1], true, true);
|
||||
$(vm.$el).append(option);
|
||||
}
|
||||
}
|
||||
$(vm.$el).trigger("change");
|
||||
},
|
||||
methods: {
|
||||
opts: function () {
|
||||
return {
|
||||
theme: "bootstrap",
|
||||
delay: 100,
|
||||
width: '100%',
|
||||
multiple: true,
|
||||
allowClear: this.required,
|
||||
language: $("body").attr("data-select2-locale"),
|
||||
ajax: {
|
||||
url: this.url,
|
||||
data: function (params) {
|
||||
return {
|
||||
query: params.term,
|
||||
page: params.page || 1
|
||||
}
|
||||
}
|
||||
},
|
||||
templateResult: function (res) {
|
||||
if (!res.id) {
|
||||
return res.text;
|
||||
}
|
||||
var $ret = $("<span>").append(
|
||||
$("<span>").addClass("primary").append($("<div>").text(res.text).html())
|
||||
);
|
||||
return $ret;
|
||||
},
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
placeholder: function (val) {
|
||||
$(this.$el).empty().select2(this.opts());
|
||||
this.build();
|
||||
},
|
||||
required: function (val) {
|
||||
$(this.$el).empty().select2(this.opts());
|
||||
this.build();
|
||||
},
|
||||
url: function (val) {
|
||||
$(this.$el).empty().select2(this.opts());
|
||||
this.build();
|
||||
},
|
||||
},
|
||||
destroyed: function () {
|
||||
$(this.$el)
|
||||
.off()
|
||||
.select2("destroy");
|
||||
}
|
||||
});
|
||||
|
||||
Vue.component('checkin-rule', {
|
||||
template: ('<div v-bind:class="classObject">'
|
||||
+ '<div class="btn-group pull-right">'
|
||||
+ '<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="wrapWithOR">OR</button>'
|
||||
+ '<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="wrapWithAND">AND</button> '
|
||||
+ '<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="cutOut" v-if="operands && operands.length == 1 && (operator === \'or\' || operator == \'and\')"><span class="fa fa-cut"></span></button>'
|
||||
+ '<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="remove" v-if="level > 0"><span class="fa fa-trash"></span></button>'
|
||||
+ '</div>'
|
||||
+ '<select v-bind:value="variable" v-on:input="setVariable" required class="form-control">'
|
||||
+ '<option value="and">' + gettext('All of the conditions below (AND)') + '</option>'
|
||||
+ '<option value="or">' + gettext('At least one of the conditions below (OR)') + '</option>'
|
||||
+ '<option v-for="(v, name) in vars" :value="name">{{ v.label }}</option>'
|
||||
+ '</select> '
|
||||
+ '<select v-bind:value="operator" v-on:input="setOperator" required class="form-control" v-if="operator !== \'or\' && operator !== \'and\'">'
|
||||
+ '<option></option>'
|
||||
+ '<option v-for="(v, name) in operators" :value="name">{{ v.label }}</option>'
|
||||
+ '</select> '
|
||||
+ '<select v-bind:value="timeType" v-on:input="setTimeType" required class="form-control" v-if="vartype == \'datetime\'">'
|
||||
+ '<option value="date_from">' + gettext('Event start') + '</option>'
|
||||
+ '<option value="date_to">' + gettext('Event end') + '</option>'
|
||||
+ '<option value="date_admission">' + gettext('Event admission') + '</option>'
|
||||
+ '<option value="custom">' + gettext('custom time') + '</option>'
|
||||
+ '</select> '
|
||||
+ '<datetimefield v-if="vartype == \'datetime\' && timeType == \'custom\'" :value="timeValue" v-on:input="setTimeValue"></datetimefield>'
|
||||
+ '<input class="form-control" required type="number" v-if="vartype == \'datetime\' && timeType && timeType != \'custom\'" v-bind:value="timeTolerance" v-on:input="setTimeTolerance" placeholder="' + gettext('Tolerance (minutes)') + '">'
|
||||
+ '<input class="form-control" required type="number" v-if="vartype == \'int\' && cardinality > 1" v-bind:value="rightoperand" v-on:input="setRightOperandNumber">'
|
||||
+ '<lookup-select2 required v-if="vartype == \'product\' && operator == \'inList\'" :multiple="true" :value="rightoperand" v-on:input="setRightOperandProductList" :url="productSelectURL"></lookup-select2>'
|
||||
+ '<lookup-select2 required v-if="vartype == \'variation\' && operator == \'inList\'" :multiple="true" :value="rightoperand" v-on:input="setRightOperandVariationList" :url="variationSelectURL"></lookup-select2>'
|
||||
+ '<div class="checkin-rule-childrules" v-if="operator === \'or\' || operator === \'and\'">'
|
||||
+ '<div v-for="(op, opi) in operands">'
|
||||
+ '<checkin-rule :rule="op" :index="opi" :level="level + 1" v-if="typeof op === \'object\'"></checkin-rule>'
|
||||
+ '</div>'
|
||||
+ '<button type="button" class="checkin-rule-addchild btn btn-xs btn-default" @click.prevent="addOperand"><span class="fa fa-plus-circle"></span> ' + gettext('Add condition') + '</button>'
|
||||
+ '</div>'
|
||||
+ '</div>'
|
||||
),
|
||||
computed: {
|
||||
variable: function () {
|
||||
var op = this.operator;
|
||||
if (op === "and" || op === "or") {
|
||||
return op;
|
||||
} else if (this.rule[op] && this.rule[op][0]) {
|
||||
return this.rule[op][0]["var"];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
rightoperand: function () {
|
||||
var op = this.operator;
|
||||
if (op === "and" || op === "or") {
|
||||
return null;
|
||||
} else if (this.rule[op] && typeof this.rule[op][1] !== "undefined") {
|
||||
return this.rule[op][1];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
operator: function () {
|
||||
return Object.keys(this.rule)[0];
|
||||
},
|
||||
operands: function () {
|
||||
return this.rule[this.operator];
|
||||
},
|
||||
classObject: function () {
|
||||
var c = {
|
||||
'checkin-rule': true
|
||||
};
|
||||
c['checkin-rule-' + this.variable] = true;
|
||||
return c;
|
||||
},
|
||||
vartype: function () {
|
||||
if (this.variable && VARS[this.variable]) {
|
||||
return VARS[this.variable]['type'];
|
||||
}
|
||||
},
|
||||
timeType: function () {
|
||||
if (this.rightoperand && this.rightoperand['buildTime']) {
|
||||
return this.rightoperand['buildTime'][0];
|
||||
}
|
||||
},
|
||||
timeTolerance: function () {
|
||||
var op = this.operator;
|
||||
if ((op === "isBefore" || op === "isAfter") && this.rule[op] && typeof this.rule[op][2] !== "undefined") {
|
||||
return this.rule[op][2];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
timeValue: function () {
|
||||
if (this.rightoperand && this.rightoperand['buildTime']) {
|
||||
return this.rightoperand['buildTime'][1];
|
||||
}
|
||||
},
|
||||
cardinality: function () {
|
||||
if (this.vartype && TYPEOPS[this.vartype] && TYPEOPS[this.vartype][this.operator]) {
|
||||
return TYPEOPS[this.vartype][this.operator]['cardinality'];
|
||||
}
|
||||
},
|
||||
operators: function () {
|
||||
return TYPEOPS[this.vartype];
|
||||
},
|
||||
productSelectURL: function () {
|
||||
return $("#product-select2").text();
|
||||
},
|
||||
variationSelectURL: function () {
|
||||
return $("#variations-select2").text();
|
||||
},
|
||||
vars: function () {
|
||||
return VARS;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
setVariable: function (event) {
|
||||
var current_op = Object.keys(this.rule)[0];
|
||||
var current_val = this.rule[current_op];
|
||||
|
||||
if (event.target.value === "and" || event.target.value === "or") {
|
||||
if (current_val[0] && current_val[0]["var"]) {
|
||||
current_val = [];
|
||||
}
|
||||
this.$set(this.rule, event.target.value, current_val);
|
||||
this.$delete(this.rule, current_op);
|
||||
} else {
|
||||
if (current_val !== "and" && current_val !== "or" && current_val[0] && VARS[event.target.value]['type'] === this.vartype) {
|
||||
this.$set(this.rule[current_op][0], "var", event.target.value);
|
||||
} else {
|
||||
this.$delete(this.rule, current_op);
|
||||
this.$set(this.rule, "!!", [{"var": event.target.value}]);
|
||||
}
|
||||
}
|
||||
},
|
||||
setOperator: function (event) {
|
||||
var current_op = Object.keys(this.rule)[0];
|
||||
var current_val = this.rule[current_op];
|
||||
this.$delete(this.rule, current_op);
|
||||
this.$set(this.rule, event.target.value, current_val);
|
||||
},
|
||||
setRightOperandNumber: function (event) {
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(parseInt(event.target.value));
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, parseInt(event.target.value));
|
||||
}
|
||||
},
|
||||
setTimeTolerance: function (event) {
|
||||
if (this.rule[this.operator].length === 2) {
|
||||
this.rule[this.operator].push(parseInt(event.target.value));
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 2, parseInt(event.target.value));
|
||||
}
|
||||
},
|
||||
setTimeType: function (event) {
|
||||
var time = {
|
||||
"buildTime": [event.target.value]
|
||||
};
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(time);
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, time);
|
||||
}
|
||||
if (event.target.value === "custom") {
|
||||
this.$set(this.rule[this.operator], 2, 0);
|
||||
}
|
||||
},
|
||||
setTimeValue: function (val) {
|
||||
console.log(val);
|
||||
this.$set(this.rule[this.operator][1]["buildTime"], 1, val);
|
||||
},
|
||||
setRightOperandProductList: function (val) {
|
||||
var products = {
|
||||
"objectList": []
|
||||
};
|
||||
for (var i = 0; i < val.length; i++) {
|
||||
products["objectList"].push({
|
||||
"lookup": [
|
||||
"product",
|
||||
val[i].id,
|
||||
val[i].text
|
||||
]
|
||||
});
|
||||
}
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(products);
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, products);
|
||||
}
|
||||
},
|
||||
setRightOperandVariationList: function (val) {
|
||||
var products = {
|
||||
"objectList": []
|
||||
};
|
||||
for (var i = 0; i < val.length; i++) {
|
||||
products["objectList"].push({
|
||||
"lookup": [
|
||||
"variation",
|
||||
val[i].id,
|
||||
val[i].text
|
||||
]
|
||||
});
|
||||
}
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(products);
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, products);
|
||||
}
|
||||
},
|
||||
addOperand: function () {
|
||||
this.rule[this.operator].push({"": []});
|
||||
},
|
||||
wrapWithOR: function () {
|
||||
var r = JSON.parse(JSON.stringify(this.rule));
|
||||
this.$delete(this.rule, this.operator);
|
||||
this.$set(this.rule, "or", [r]);
|
||||
},
|
||||
wrapWithAND: function () {
|
||||
var r = JSON.parse(JSON.stringify(this.rule));
|
||||
this.$delete(this.rule, this.operator);
|
||||
this.$set(this.rule, "and", [r]);
|
||||
},
|
||||
cutOut: function () {
|
||||
var cop = Object.keys(this.operands[0])[0];
|
||||
var r = this.operands[0][cop];
|
||||
this.$delete(this.rule, this.operator);
|
||||
this.$set(this.rule, cop, r);
|
||||
},
|
||||
remove: function () {
|
||||
this.$parent.rule[this.$parent.operator].splice(this.index, 1);
|
||||
},
|
||||
},
|
||||
props: {
|
||||
rule: Object,
|
||||
level: Number,
|
||||
index: Number,
|
||||
}
|
||||
});
|
||||
|
||||
Vue.component('checkin-rules-editor', {
|
||||
template: ('<div class="checkin-rules-editor">'
|
||||
+ '<checkin-rule :rule="this.$root.rules" :level="0" :index="0" v-if="hasRules"></checkin-rule>'
|
||||
+ '<button type="button" class="checkin-rule-addchild btn btn-xs btn-default" v-if="!hasRules" @click.prevent="addRule"><span class="fa fa-plus-circle"></span> ' + gettext('Add condition') + '</button>'
|
||||
+ '</div>'
|
||||
),
|
||||
computed: {
|
||||
hasRules: function () {
|
||||
return hasRules = !!Object.keys(this.$root.rules).length;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addRule: function () {
|
||||
this.$set(this.$root.rules, "and", []);
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
var app = new Vue({
|
||||
el: '#rules-editor',
|
||||
data: function () {
|
||||
return {
|
||||
rules: {},
|
||||
hasRules: false,
|
||||
};
|
||||
},
|
||||
created: function () {
|
||||
this.rules = JSON.parse($("#id_rules").val());
|
||||
},
|
||||
watch: {
|
||||
rules: {
|
||||
deep: true,
|
||||
handler: function (newval) {
|
||||
$("#id_rules").val(JSON.stringify(newval));
|
||||
}
|
||||
},
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
}
|
||||
})
|
||||
});
|
||||
@@ -0,0 +1,261 @@
|
||||
<template>
|
||||
<div v-bind:class="classObject">
|
||||
<div class="btn-group pull-right">
|
||||
<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="wrapWithOR">OR
|
||||
</button>
|
||||
<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="wrapWithAND">AND
|
||||
</button>
|
||||
<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="cutOut"
|
||||
v-if="operands && operands.length == 1 && (operator === 'or' || operator == 'and')"><span
|
||||
class="fa fa-cut"></span></button>
|
||||
<button type="button" class="checkin-rule-remove btn btn-xs btn-default" @click.prevent="remove"
|
||||
v-if="level > 0"><span class="fa fa-trash"></span></button>
|
||||
</div>
|
||||
<select v-bind:value="variable" v-on:input="setVariable" required class="form-control">
|
||||
<option value="and">{{texts.and}}</option>
|
||||
<option value="or">{{texts.or}}</option>
|
||||
<option v-for="(v, name) in vars" :value="name">{{ v.label }}</option>
|
||||
</select>
|
||||
<select v-bind:value="operator" v-on:input="setOperator" required class="form-control"
|
||||
v-if="operator !== 'or' && operator !== 'and'">
|
||||
<option></option>
|
||||
<option v-for="(v, name) in operators" :value="name">{{ v.label }}</option>
|
||||
</select>
|
||||
<select v-bind:value="timeType" v-on:input="setTimeType" required class="form-control"
|
||||
v-if="vartype == 'datetime'">
|
||||
<option value="date_from">{{texts.date_from}}</option>
|
||||
<option value="date_to">{{texts.date_to}}</option>
|
||||
<option value="date_admission">{{texts.date_admission}}</option>
|
||||
<option value="custom">{{texts.date_custom}}</option>
|
||||
</select>
|
||||
<datetimefield v-if="vartype == 'datetime' && timeType == 'custom'" :value="timeValue"
|
||||
v-on:input="setTimeValue"></datetimefield>
|
||||
<input class="form-control" required type="number"
|
||||
v-if="vartype == 'datetime' && timeType && timeType != 'custom'" v-bind:value="timeTolerance"
|
||||
v-on:input="setTimeTolerance" :placeholder="texts.date_tolerance">
|
||||
<input class="form-control" required type="number" v-if="vartype == 'int' && cardinality > 1"
|
||||
v-bind:value="rightoperand" v-on:input="setRightOperandNumber">
|
||||
<lookup-select2 required v-if="vartype == 'product' && operator == 'inList'" :multiple="true"
|
||||
:value="rightoperand" v-on:input="setRightOperandProductList"
|
||||
:url="productSelectURL"></lookup-select2>
|
||||
<lookup-select2 required v-if="vartype == 'variation' && operator == 'inList'" :multiple="true"
|
||||
:value="rightoperand" v-on:input="setRightOperandVariationList"
|
||||
:url="variationSelectURL"></lookup-select2>
|
||||
<div class="checkin-rule-childrules" v-if="operator === 'or' || operator === 'and'">
|
||||
<div v-for="(op, opi) in operands">
|
||||
<checkin-rule :rule="op" :index="opi" :level="level + 1" v-if="typeof op === 'object'"></checkin-rule>
|
||||
</div>
|
||||
<button type="button" class="checkin-rule-addchild btn btn-xs btn-default" @click.prevent="addOperand"><span
|
||||
class="fa fa-plus-circle"></span> {{ texts.condition_add }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
components: {
|
||||
LookupSelect2: LookupSelect2.default,
|
||||
Datetimefield: Datetimefield.default,
|
||||
},
|
||||
props: {
|
||||
rule: Object,
|
||||
level: Number,
|
||||
index: Number,
|
||||
},
|
||||
computed: {
|
||||
texts: function () {
|
||||
return this.$root.texts;
|
||||
},
|
||||
variable: function () {
|
||||
var op = this.operator;
|
||||
if (op === "and" || op === "or") {
|
||||
return op;
|
||||
} else if (this.rule[op] && this.rule[op][0]) {
|
||||
return this.rule[op][0]["var"];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
rightoperand: function () {
|
||||
var op = this.operator;
|
||||
if (op === "and" || op === "or") {
|
||||
return null;
|
||||
} else if (this.rule[op] && typeof this.rule[op][1] !== "undefined") {
|
||||
return this.rule[op][1];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
operator: function () {
|
||||
return Object.keys(this.rule)[0];
|
||||
},
|
||||
operands: function () {
|
||||
return this.rule[this.operator];
|
||||
},
|
||||
classObject: function () {
|
||||
var c = {
|
||||
'checkin-rule': true
|
||||
};
|
||||
c['checkin-rule-' + this.variable] = true;
|
||||
return c;
|
||||
},
|
||||
vartype: function () {
|
||||
if (this.variable && this.$root.VARS[this.variable]) {
|
||||
return this.$root.VARS[this.variable]['type'];
|
||||
}
|
||||
},
|
||||
timeType: function () {
|
||||
if (this.rightoperand && this.rightoperand['buildTime']) {
|
||||
return this.rightoperand['buildTime'][0];
|
||||
}
|
||||
},
|
||||
timeTolerance: function () {
|
||||
var op = this.operator;
|
||||
if ((op === "isBefore" || op === "isAfter") && this.rule[op] && typeof this.rule[op][2] !== "undefined") {
|
||||
return this.rule[op][2];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
timeValue: function () {
|
||||
if (this.rightoperand && this.rightoperand['buildTime']) {
|
||||
return this.rightoperand['buildTime'][1];
|
||||
}
|
||||
},
|
||||
cardinality: function () {
|
||||
if (this.vartype && this.$root.TYPEOPS[this.vartype] && this.$root.TYPEOPS[this.vartype][this.operator]) {
|
||||
return this.$root.TYPEOPS[this.vartype][this.operator]['cardinality'];
|
||||
}
|
||||
},
|
||||
operators: function () {
|
||||
return this.$root.TYPEOPS[this.vartype];
|
||||
},
|
||||
productSelectURL: function () {
|
||||
return $("#product-select2").text();
|
||||
},
|
||||
variationSelectURL: function () {
|
||||
return $("#variations-select2").text();
|
||||
},
|
||||
vars: function () {
|
||||
return this.$root.VARS;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
setVariable: function (event) {
|
||||
var current_op = Object.keys(this.rule)[0];
|
||||
var current_val = this.rule[current_op];
|
||||
|
||||
if (event.target.value === "and" || event.target.value === "or") {
|
||||
if (current_val[0] && current_val[0]["var"]) {
|
||||
current_val = [];
|
||||
}
|
||||
this.$set(this.rule, event.target.value, current_val);
|
||||
this.$delete(this.rule, current_op);
|
||||
} else {
|
||||
if (current_val !== "and" && current_val !== "or" && current_val[0] && this.$root.VARS[event.target.value]['type'] === this.vartype) {
|
||||
this.$set(this.rule[current_op][0], "var", event.target.value);
|
||||
} else {
|
||||
this.$delete(this.rule, current_op);
|
||||
this.$set(this.rule, "!!", [{"var": event.target.value}]);
|
||||
}
|
||||
}
|
||||
},
|
||||
setOperator: function (event) {
|
||||
var current_op = Object.keys(this.rule)[0];
|
||||
var current_val = this.rule[current_op];
|
||||
this.$delete(this.rule, current_op);
|
||||
this.$set(this.rule, event.target.value, current_val);
|
||||
},
|
||||
setRightOperandNumber: function (event) {
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(parseInt(event.target.value));
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, parseInt(event.target.value));
|
||||
}
|
||||
},
|
||||
setTimeTolerance: function (event) {
|
||||
if (this.rule[this.operator].length === 2) {
|
||||
this.rule[this.operator].push(parseInt(event.target.value));
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 2, parseInt(event.target.value));
|
||||
}
|
||||
},
|
||||
setTimeType: function (event) {
|
||||
var time = {
|
||||
"buildTime": [event.target.value]
|
||||
};
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(time);
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, time);
|
||||
}
|
||||
if (event.target.value === "custom") {
|
||||
this.$set(this.rule[this.operator], 2, 0);
|
||||
}
|
||||
},
|
||||
setTimeValue: function (val) {
|
||||
this.$set(this.rule[this.operator][1]["buildTime"], 1, val);
|
||||
},
|
||||
setRightOperandProductList: function (val) {
|
||||
var products = {
|
||||
"objectList": []
|
||||
};
|
||||
for (var i = 0; i < val.length; i++) {
|
||||
products["objectList"].push({
|
||||
"lookup": [
|
||||
"product",
|
||||
val[i].id,
|
||||
val[i].text
|
||||
]
|
||||
});
|
||||
}
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(products);
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, products);
|
||||
}
|
||||
},
|
||||
setRightOperandVariationList: function (val) {
|
||||
var products = {
|
||||
"objectList": []
|
||||
};
|
||||
for (var i = 0; i < val.length; i++) {
|
||||
products["objectList"].push({
|
||||
"lookup": [
|
||||
"variation",
|
||||
val[i].id,
|
||||
val[i].text
|
||||
]
|
||||
});
|
||||
}
|
||||
if (this.rule[this.operator].length === 1) {
|
||||
this.rule[this.operator].push(products);
|
||||
} else {
|
||||
this.$set(this.rule[this.operator], 1, products);
|
||||
}
|
||||
},
|
||||
addOperand: function () {
|
||||
this.rule[this.operator].push({"": []});
|
||||
},
|
||||
wrapWithOR: function () {
|
||||
var r = JSON.parse(JSON.stringify(this.rule));
|
||||
this.$delete(this.rule, this.operator);
|
||||
this.$set(this.rule, "or", [r]);
|
||||
},
|
||||
wrapWithAND: function () {
|
||||
var r = JSON.parse(JSON.stringify(this.rule));
|
||||
this.$delete(this.rule, this.operator);
|
||||
this.$set(this.rule, "and", [r]);
|
||||
},
|
||||
cutOut: function () {
|
||||
var cop = Object.keys(this.operands[0])[0];
|
||||
var r = this.operands[0][cop];
|
||||
this.$delete(this.rule, this.operator);
|
||||
this.$set(this.rule, cop, r);
|
||||
},
|
||||
remove: function () {
|
||||
this.$parent.rule[this.$parent.operator].splice(this.index, 1);
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<div class="checkin-rules-editor">
|
||||
<checkin-rule :rule="this.$root.rules" :level="0" :index="0" v-if="hasRules"></checkin-rule>
|
||||
<button type="button" class="checkin-rule-addchild btn btn-xs btn-default" v-if="!hasRules"
|
||||
@click.prevent="addRule"><span class="fa fa-plus-circle"></span> {{ this.$root.texts.condition_add }}
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
components: {
|
||||
CheckinRule: CheckinRule.default,
|
||||
},
|
||||
computed: {
|
||||
hasRules: function () {
|
||||
return !!Object.keys(this.$root.rules).length;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addRule: function () {
|
||||
this.$set(this.$root.rules, "and", []);
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,268 @@
|
||||
<template>
|
||||
<div :class="'checkin-rules-visualization ' + (maximized ? 'maximized' : '')">
|
||||
<div class="tools">
|
||||
<button v-if="maximized" class="btn btn-default" type="button" @click.prevent="maximized = false"><span class="fa fa-window-close"></span></button>
|
||||
<button v-if="!maximized" class="btn btn-default" type="button" @click.prevent="maximized = true"><span class="fa fa-window-maximize"></span></button>
|
||||
</div>
|
||||
<svg :width="graph.columns * (boxWidth + marginX) + 2 * paddingX" :height="graph.height * (boxHeight + marginY)"
|
||||
:viewBox="viewBox" ref="svg">
|
||||
<g :transform="zoomTransform.toString()">
|
||||
<viz-node v-for="(node, nodeid) in graph.nodes_by_id" :key="nodeid" :node="node"
|
||||
:children="node.children.map(n => graph.nodes_by_id[n])" :nodeid="nodeid"
|
||||
:boxWidth="boxWidth" :boxHeight="boxHeight" :marginX="marginX" :marginY="marginY"
|
||||
:paddingX="paddingX"></viz-node>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
components: {
|
||||
VizNode: VizNode.default,
|
||||
},
|
||||
computed: {
|
||||
boxWidth() {
|
||||
return 300
|
||||
},
|
||||
boxHeight() {
|
||||
return 62
|
||||
},
|
||||
paddingX() {
|
||||
return 50
|
||||
},
|
||||
marginX() {
|
||||
return 50
|
||||
},
|
||||
marginY() {
|
||||
return 20
|
||||
},
|
||||
contentWidth() {
|
||||
return this.graph.columns * (this.boxWidth + this.marginX) + 2 * this.paddingX
|
||||
},
|
||||
contentHeight() {
|
||||
return this.graph.height * (this.boxHeight + this.marginY)
|
||||
},
|
||||
viewBox() {
|
||||
return `0 0 ${this.contentWidth} ${this.contentHeight}`
|
||||
},
|
||||
graph() {
|
||||
/**
|
||||
* Converts a JSON logic rule into a "flow chart".
|
||||
*
|
||||
* A JSON logic rule has a structure like an operator tree:
|
||||
*
|
||||
* OR
|
||||
* |-- AND
|
||||
* |-- A
|
||||
* |-- B
|
||||
* |-- AND
|
||||
* |-- OR
|
||||
* |-- C
|
||||
* |-- D
|
||||
* |-- E
|
||||
*
|
||||
* For our visualization, we want to visualize that tree as a graph one can follow along to reach a
|
||||
* decision, which has the structure of a directed graph:
|
||||
*
|
||||
* --- A --- B --- OK!
|
||||
* /
|
||||
* /
|
||||
* /
|
||||
* --
|
||||
* \
|
||||
* \ --- C ---
|
||||
* \ / \
|
||||
* --- --- E --- OK!
|
||||
* \ /
|
||||
* --- D ---
|
||||
*/
|
||||
const graph = {
|
||||
nodes_by_id: {},
|
||||
children: [],
|
||||
columns: -1,
|
||||
}
|
||||
|
||||
// Step 1: Start building the graph by finding all nodes and edges
|
||||
let counter = 0;
|
||||
const _add_to_graph = (rule) => { // returns [heads, tails]
|
||||
if (typeof rule !== 'object' || rule === null) {
|
||||
const node_id = (counter++).toString()
|
||||
graph.nodes_by_id[node_id] = {
|
||||
rule: rule,
|
||||
column: -1,
|
||||
height: -1,
|
||||
children: [],
|
||||
}
|
||||
return [[node_id], [node_id]]
|
||||
}
|
||||
|
||||
const operator = Object.keys(rule)[0]
|
||||
const operands = rule[operator]
|
||||
|
||||
if (operator === "and") {
|
||||
let children = []
|
||||
let tails = null
|
||||
operands.reverse()
|
||||
for (let operand of operands) {
|
||||
let [new_children, new_tails] = _add_to_graph(operand)
|
||||
for (let new_child of new_tails) {
|
||||
graph.nodes_by_id[new_child].children.push(...children)
|
||||
}
|
||||
if (tails === null) {
|
||||
tails = new_tails
|
||||
}
|
||||
children = new_children
|
||||
}
|
||||
return [children, tails]
|
||||
} else if (operator === "or") {
|
||||
const children = []
|
||||
const tails = []
|
||||
for (let operand of operands) {
|
||||
let [new_children, new_tails] = _add_to_graph(operand)
|
||||
children.push(...new_children)
|
||||
tails.push(...new_tails)
|
||||
}
|
||||
return [children, tails]
|
||||
} else {
|
||||
const node_id = (counter++).toString()
|
||||
graph.nodes_by_id[node_id] = {
|
||||
rule: rule,
|
||||
column: -1,
|
||||
height: -1,
|
||||
children: [],
|
||||
}
|
||||
return [[node_id], [node_id]]
|
||||
}
|
||||
|
||||
}
|
||||
graph.children = _add_to_graph(JSON.parse(JSON.stringify(this.$root.rules)))[0]
|
||||
|
||||
// Step 2: We compute the "column" of every node, which is the maximum number of hops required to reach the
|
||||
// node from the root node
|
||||
const _set_column_to_min = (nodes, mincol) => {
|
||||
for (let node of nodes) {
|
||||
if (mincol > node.column) {
|
||||
node.column = mincol
|
||||
graph.columns = Math.max(mincol + 1, graph.columns)
|
||||
_set_column_to_min(node.children.map(nid => graph.nodes_by_id[nid]), mincol + 1)
|
||||
}
|
||||
}
|
||||
}
|
||||
_set_column_to_min(graph.children.map(nid => graph.nodes_by_id[nid]), 0)
|
||||
|
||||
// Step 3: We compute the "height" of every node, which is the maximum number of descendent nodes in
|
||||
// the same column
|
||||
const _get_all_descendents = (node) => {
|
||||
let result = [...node.children]
|
||||
for (let cid of node.children) {
|
||||
result.push(..._get_all_descendents(graph.nodes_by_id[cid]))
|
||||
}
|
||||
result = result.filter((v, idx, self) => self.indexOf(v) === idx) // ensure uniqueness
|
||||
return result
|
||||
}
|
||||
for (let node of [...Object.values(graph.nodes_by_id), graph]) {
|
||||
const descendents = _get_all_descendents(node)
|
||||
const descendents_by_column = {}
|
||||
for (let descid of descendents) {
|
||||
const col = graph.nodes_by_id[descid].column
|
||||
descendents_by_column[col] = (descendents_by_column[col] || 0) + 1
|
||||
}
|
||||
node.height = Math.max(1, ...Object.values(descendents_by_column))
|
||||
}
|
||||
|
||||
// Step 4: Align each node on a grid. The x position is already given by the column computed above, but we still
|
||||
// need the y position. This part of the algorithm is opinionated and probably not yet the nicest solution we
|
||||
// can use!
|
||||
const _set_y = (node, offset) => {
|
||||
if (typeof node.y === "undefined") {
|
||||
// We only take the first value we found for each node
|
||||
node.y = offset
|
||||
}
|
||||
|
||||
let used = 0
|
||||
for (let cid of node.children) {
|
||||
used += Math.max(0, _set_y(graph.nodes_by_id[cid], offset + used) - 1)
|
||||
used++
|
||||
}
|
||||
return used
|
||||
}
|
||||
_set_y(graph, 0)
|
||||
|
||||
return graph
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.createZoom()
|
||||
},
|
||||
created() {
|
||||
window.addEventListener('resize', this.createZoom)
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener('resize', this.createZoom)
|
||||
},
|
||||
watch: {
|
||||
maximized() {
|
||||
this.$nextTick(() => {
|
||||
this.createZoom()
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
createZoom() {
|
||||
if (!this.$refs.svg) return
|
||||
|
||||
const viewportHeight = this.$refs.svg.clientHeight
|
||||
const viewportWidth = this.$refs.svg.clientWidth
|
||||
this.defaultScale = 1
|
||||
|
||||
this.zoom = d3
|
||||
.zoom()
|
||||
.scaleExtent([Math.min(this.defaultScale * 0.5, 1), Math.max(5, this.contentHeight / viewportHeight, this.contentWidth / viewportWidth)])
|
||||
.extent([[0, 0], [viewportWidth, viewportHeight]])
|
||||
.filter(event => {
|
||||
const wheeled = event.type === 'wheel'
|
||||
const mouseDrag =
|
||||
event.type === 'mousedown' ||
|
||||
event.type === 'mouseup' ||
|
||||
event.type === 'mousemove'
|
||||
const touch =
|
||||
event.type === 'touchstart' ||
|
||||
event.type === 'touchmove' ||
|
||||
event.type === 'touchstop'
|
||||
return (wheeled || mouseDrag || touch) && this.maximized
|
||||
})
|
||||
.wheelDelta(event => {
|
||||
// In contrast to default implementation, do not use a factor 10 if ctrl is pressed
|
||||
return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002)
|
||||
})
|
||||
.on('zoom', (event) => {
|
||||
this.zoomTransform = event.transform
|
||||
})
|
||||
|
||||
const initTransform = d3.zoomIdentity
|
||||
.scale(this.defaultScale)
|
||||
.translate(
|
||||
0,
|
||||
0
|
||||
)
|
||||
this.zoomTransform = initTransform
|
||||
|
||||
// This sets correct d3 internal state for the initial centering
|
||||
d3.select(this.$refs.svg)
|
||||
.call(this.zoom.transform, initTransform)
|
||||
|
||||
const svg = d3.select(this.$refs.svg).call(this.zoom)
|
||||
svg.on('touchmove.zoom', null)
|
||||
// TODO touch support
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
maximized: false,
|
||||
zoom: null,
|
||||
defaultScale: 1,
|
||||
zoomTransform: d3.zoomTransform({k: 1, x: 0, y: 0}),
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,55 @@
|
||||
<template>
|
||||
<input class="form-control">
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: ["required", "value"],
|
||||
template: (''),
|
||||
mounted: function () {
|
||||
var vm = this;
|
||||
var multiple = this.multiple;
|
||||
$(this.$el)
|
||||
.datetimepicker(this.opts())
|
||||
.trigger("change")
|
||||
.on("dp.change", function (e) {
|
||||
vm.$emit("input", $(this).data('DateTimePicker').date().toISOString());
|
||||
});
|
||||
if (!vm.value) {
|
||||
$(this.$el).data("DateTimePicker").viewDate(moment().hour(0).minute(0).second(0).millisecond(0));
|
||||
} else {
|
||||
$(this.$el).data("DateTimePicker").date(moment(vm.value));
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
opts: function () {
|
||||
return {
|
||||
format: $("body").attr("data-datetimeformat"),
|
||||
locale: $("body").attr("data-datetimelocale"),
|
||||
useCurrent: false,
|
||||
showClear: this.required,
|
||||
icons: {
|
||||
time: 'fa fa-clock-o',
|
||||
date: 'fa fa-calendar',
|
||||
up: 'fa fa-chevron-up',
|
||||
down: 'fa fa-chevron-down',
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: function (val) {
|
||||
$(this.$el).data('DateTimePicker').date(moment(val));
|
||||
},
|
||||
},
|
||||
destroyed: function () {
|
||||
$(this.$el)
|
||||
.off()
|
||||
.datetimepicker("destroy");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,81 @@
|
||||
<template>
|
||||
<select>
|
||||
<slot></slot>
|
||||
</select>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: ["required", "value", "placeholder", "url", "multiple"],
|
||||
template: ('<select>\n' +
|
||||
' <slot></slot>\n' +
|
||||
' </select>'),
|
||||
mounted: function () {
|
||||
var vm = this;
|
||||
var multiple = this.multiple;
|
||||
$(this.$el)
|
||||
.select2(this.opts())
|
||||
.val(this.value)
|
||||
.trigger("change")
|
||||
// emit event on change.
|
||||
.on("change", function (e) {
|
||||
vm.$emit("input", $(this).select2('data'));
|
||||
});
|
||||
if (vm.value) {
|
||||
for (var i = 0; i < vm.value["objectList"].length; i++) {
|
||||
var option = new Option(vm.value["objectList"][i]["lookup"][2], vm.value["objectList"][i]["lookup"][1], true, true);
|
||||
$(vm.$el).append(option);
|
||||
}
|
||||
}
|
||||
$(vm.$el).trigger("change");
|
||||
},
|
||||
methods: {
|
||||
opts: function () {
|
||||
return {
|
||||
theme: "bootstrap",
|
||||
delay: 100,
|
||||
width: '100%',
|
||||
multiple: true,
|
||||
allowClear: this.required,
|
||||
language: $("body").attr("data-select2-locale"),
|
||||
ajax: {
|
||||
url: this.url,
|
||||
data: function (params) {
|
||||
return {
|
||||
query: params.term,
|
||||
page: params.page || 1
|
||||
}
|
||||
}
|
||||
},
|
||||
templateResult: function (res) {
|
||||
if (!res.id) {
|
||||
return res.text;
|
||||
}
|
||||
var $ret = $("<span>").append(
|
||||
$("<span>").addClass("primary").append($("<div>").text(res.text).html())
|
||||
);
|
||||
return $ret;
|
||||
},
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
placeholder: function (val) {
|
||||
$(this.$el).empty().select2(this.opts());
|
||||
this.build();
|
||||
},
|
||||
required: function (val) {
|
||||
$(this.$el).empty().select2(this.opts());
|
||||
this.build();
|
||||
},
|
||||
url: function (val) {
|
||||
$(this.$el).empty().select2(this.opts());
|
||||
this.build();
|
||||
},
|
||||
},
|
||||
destroyed: function () {
|
||||
$(this.$el)
|
||||
.off()
|
||||
.select2("destroy");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
145
src/pretix/static/pretixcontrol/js/ui/checkinrules/viz-node.vue
Normal file
145
src/pretix/static/pretixcontrol/js/ui/checkinrules/viz-node.vue
Normal file
@@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<g>
|
||||
<path v-for="e in edges" :d="e" class="edge"></path>
|
||||
<path v-if="rootEdge" :d="rootEdge" class="edge"></path>
|
||||
<path v-if="!node.children.length" :d="checkEdge" class="edge"></path>
|
||||
<rect :width="boxWidth" :height="boxHeight" :x="x" :y="y" class="node" rx="5">
|
||||
</rect>
|
||||
<foreignObject :width="boxWidth - 10" :height="boxHeight - 10" :x="x + 5" :y="y + 5">
|
||||
<div xmlns="http://www.w3.org/1999/xhtml" class="text">
|
||||
<span v-if="vardata.type === 'int'">
|
||||
<span v-if="variable.startsWith('entries_')" class="fa fa-sign-in"></span>
|
||||
{{ vardata.label }}
|
||||
<br>
|
||||
<strong>
|
||||
{{ op.label }} {{ rightoperand }}
|
||||
</strong>
|
||||
</span>
|
||||
<span v-else-if="variable === 'now'">
|
||||
<span class="fa fa-clock-o"></span> {{ vardata.label }}<br>
|
||||
<strong>
|
||||
{{ op.label }}<br>
|
||||
<span v-if="rightoperand.buildTime[0] === 'custom'">
|
||||
{{ df(rightoperand.buildTime[1]) }}
|
||||
</span>
|
||||
<span v-else>
|
||||
{{ this.$root.texts[rightoperand.buildTime[0]] }}
|
||||
</span>
|
||||
<span v-if="operands[2]">
|
||||
<span v-if="operator === 'isBefore'">+</span>
|
||||
<span v-else>-</span>
|
||||
{{ operands[2] }}
|
||||
{{ this.$root.texts.minutes }}
|
||||
</span>
|
||||
</strong>
|
||||
</span>
|
||||
<span v-else-if="operator === 'inList'">
|
||||
<span class="fa fa-ticket"></span> {{ vardata.label }}<br>
|
||||
<strong>
|
||||
{{ rightoperand.objectList.map((o) => o.lookup[2]).join(", ") }}
|
||||
</strong>
|
||||
</span>
|
||||
</div>
|
||||
</foreignObject>
|
||||
|
||||
<g v-if="!node.children.length" :transform="`translate(${x + boxWidth + 25}, ${y + boxHeight/2 - 15})`">
|
||||
<path d="m 25.078125,11.835938 c 0,-0.332032 -0.117188,-0.664063 -0.351563,-0.898438 L 22.949219,9.1796875 c -0.234375,-0.234375 -0.546875,-0.3710937 -0.878907,-0.3710937 -0.332031,0 -0.644531,0.1367187 -0.878906,0.3710937 L 13.222656,17.128906 8.8085938,12.714844 C 8.5742188,12.480469 8.2617188,12.34375 7.9296875,12.34375 c -0.3320313,0 -0.6445313,0.136719 -0.8789063,0.371094 l -1.7773437,1.757812 c -0.234375,0.234375 -0.3515625,0.566407 -0.3515625,0.898438 0,0.332031 0.1171875,0.644531 0.3515625,0.878906 l 7.0703125,7.070312 c 0.234375,0.234375 0.566406,0.371094 0.878906,0.371094 0.332032,0 0.664063,-0.136719 0.898438,-0.371094 L 24.726562,12.714844 c 0.234375,-0.234375 0.351563,-0.546875 0.351563,-0.878906 z M 30,15 C 30,23.28125 23.28125,30 15,30 6.71875,30 0,23.28125 0,15 0,6.71875 6.71875,0 15,0 23.28125,0 30,6.71875 30,15 Z"
|
||||
class="check"/>
|
||||
</g>
|
||||
</g>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
node: Object,
|
||||
nodeid: String,
|
||||
children: Array,
|
||||
boxWidth: Number,
|
||||
boxHeight: Number,
|
||||
marginX: Number,
|
||||
marginY: Number,
|
||||
paddingX: Number,
|
||||
},
|
||||
computed: {
|
||||
x() {
|
||||
return this.node.column * (this.boxWidth + this.marginX) + this.marginX / 2 + this.paddingX
|
||||
},
|
||||
y() {
|
||||
return this.node.y * (this.boxHeight + this.marginY) + this.marginY / 2
|
||||
},
|
||||
edges() {
|
||||
const startX = this.x + this.boxWidth + 1
|
||||
const startY = this.y + this.boxHeight / 2
|
||||
return this.children.map((c) => {
|
||||
const endX = (c.column * (this.boxWidth + this.marginX) + this.marginX / 2 + this.paddingX) - 1
|
||||
const endY = (c.y * (this.boxHeight + this.marginY) + this.marginY / 2) + this.boxHeight / 2
|
||||
|
||||
return `
|
||||
M ${startX} ${startY}
|
||||
L ${endX - 50} ${startY}
|
||||
C ${endX - 25} ${startY} ${endX - 25} ${startY} ${endX - 25} ${startY + 25 * Math.sign(endY - startY)}
|
||||
L ${endX - 25} ${endY - 25 * Math.sign(endY - startY)}
|
||||
C ${endX - 25} ${endY} ${endX - 25} ${endY} ${endX} ${endY}
|
||||
`
|
||||
})
|
||||
},
|
||||
checkEdge() {
|
||||
const startX = this.x + this.boxWidth + 1
|
||||
const startY = this.y + this.boxHeight / 2
|
||||
|
||||
return `M ${startX} ${startY} L ${startX + 25} ${startY}`
|
||||
},
|
||||
rootEdge() {
|
||||
if (this.node.column > 0) {
|
||||
return
|
||||
}
|
||||
const startX = 0
|
||||
const startY = this.boxHeight / 2 + this.marginY / 2
|
||||
const endX = this.x - 1
|
||||
const endY = this.y + this.boxHeight / 2
|
||||
|
||||
return `
|
||||
M ${startX} ${startY}
|
||||
L ${endX - 50} ${startY}
|
||||
C ${endX - 25} ${startY} ${endX - 25} ${startY} ${endX - 25} ${startY + 25 * Math.sign(endY - startY)}
|
||||
L ${endX - 25} ${endY - 25 * Math.sign(endY - startY)}
|
||||
C ${endX - 25} ${endY} ${endX - 25} ${endY} ${endX} ${endY}
|
||||
`
|
||||
},
|
||||
variable () {
|
||||
const op = this.operator;
|
||||
if (this.node.rule[op] && this.node.rule[op][0]) {
|
||||
return this.node.rule[op][0]["var"];
|
||||
} else {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
vardata () {
|
||||
return this.$root.VARS[this.variable];
|
||||
},
|
||||
rightoperand () {
|
||||
const op = this.operator;
|
||||
if (this.node.rule[op] && typeof this.node.rule[op][1] !== "undefined") {
|
||||
return this.node.rule[op][1];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
op: function () {
|
||||
return this.$root.TYPEOPS[this.vardata.type][this.operator]
|
||||
},
|
||||
operands: function () {
|
||||
return this.node.rule[this.operator]
|
||||
},
|
||||
operator: function () {
|
||||
return Object.keys(this.node.rule)[0];
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
df (val) {
|
||||
const format = $("body").attr("data-datetimeformat")
|
||||
return moment(val).format(format)
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -642,18 +642,81 @@ table td > .checkbox input[type="checkbox"] {
|
||||
|
||||
#rules-editor {
|
||||
.checkin-rule {
|
||||
border-left: 4px solid $brand-primary;
|
||||
border-left: 4px solid transparentize($brand-primary, .5);
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
padding: 5px 15px 5px 15px;
|
||||
margin: 5px 0;
|
||||
position: relative;
|
||||
&:hover {
|
||||
border-left-color: $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.checkin-rule-and {
|
||||
border-left: 4px solid $brand-danger;
|
||||
border-left: 4px solid transparentize($brand-danger, .5);
|
||||
&:hover {
|
||||
border-left-color: $brand-danger;
|
||||
}
|
||||
}
|
||||
.checkin-rule-or {
|
||||
border-left: 4px solid $brand-success;
|
||||
border-left: 4px solid transparentize($brand-success, .5);
|
||||
&:hover {
|
||||
border-left-color: $brand-success;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkin-rules-visualization {
|
||||
svg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
.node {
|
||||
stroke: $gray-light;
|
||||
stroke-width: 2px;
|
||||
fill: #fff;
|
||||
&:hover {
|
||||
stroke: $brand-primary;
|
||||
}
|
||||
}
|
||||
.edge {
|
||||
stroke: $gray-light;
|
||||
stroke-width: 2px;
|
||||
fill: none;
|
||||
}
|
||||
.check {
|
||||
fill: $brand-success;
|
||||
}
|
||||
.text {
|
||||
font-size: 12px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
cursor: default;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
position: relative;
|
||||
.tools {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
&.maximized {
|
||||
background: white;
|
||||
position: fixed;
|
||||
top: 51px;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
max-height: none;
|
||||
height: 100vh;
|
||||
height: calc(100vh - 51px);
|
||||
z-index: 90000;
|
||||
|
||||
svg {
|
||||
height: 100%
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user