forked from Edikoyo/EdikoyoWiki
18800 lines
2.5 MiB
JavaScript
18800 lines
2.5 MiB
JavaScript
|
'use strict';
|
|||
|
|
|
|||
|
|
var obsidian = require('obsidian');
|
|||
|
|
var state = require('@codemirror/state');
|
|||
|
|
var view = require('@codemirror/view');
|
|||
|
|
var language = require('@codemirror/language');
|
|||
|
|
|
|||
|
|
function noop$1() { }
|
|||
|
|
// Adapted from https://github.com/then/is-promise/blob/master/index.js
|
|||
|
|
// Distributed under MIT License https://github.com/then/is-promise/blob/master/LICENSE
|
|||
|
|
function is_promise(value) {
|
|||
|
|
return !!value && (typeof value === 'object' || typeof value === 'function') && typeof value.then === 'function';
|
|||
|
|
}
|
|||
|
|
function run(fn) {
|
|||
|
|
return fn();
|
|||
|
|
}
|
|||
|
|
function blank_object() {
|
|||
|
|
return Object.create(null);
|
|||
|
|
}
|
|||
|
|
function run_all(fns) {
|
|||
|
|
fns.forEach(run);
|
|||
|
|
}
|
|||
|
|
function is_function(thing) {
|
|||
|
|
return typeof thing === 'function';
|
|||
|
|
}
|
|||
|
|
function safe_not_equal(a, b) {
|
|||
|
|
return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
|
|||
|
|
}
|
|||
|
|
function is_empty(obj) {
|
|||
|
|
return Object.keys(obj).length === 0;
|
|||
|
|
}
|
|||
|
|
function append(target, node) {
|
|||
|
|
target.appendChild(node);
|
|||
|
|
}
|
|||
|
|
function insert(target, node, anchor) {
|
|||
|
|
target.insertBefore(node, anchor || null);
|
|||
|
|
}
|
|||
|
|
function detach(node) {
|
|||
|
|
if (node.parentNode) {
|
|||
|
|
node.parentNode.removeChild(node);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function destroy_each(iterations, detaching) {
|
|||
|
|
for (let i = 0; i < iterations.length; i += 1) {
|
|||
|
|
if (iterations[i])
|
|||
|
|
iterations[i].d(detaching);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function element(name) {
|
|||
|
|
return document.createElement(name);
|
|||
|
|
}
|
|||
|
|
function text(data) {
|
|||
|
|
return document.createTextNode(data);
|
|||
|
|
}
|
|||
|
|
function space() {
|
|||
|
|
return text(' ');
|
|||
|
|
}
|
|||
|
|
function listen(node, event, handler, options) {
|
|||
|
|
node.addEventListener(event, handler, options);
|
|||
|
|
return () => node.removeEventListener(event, handler, options);
|
|||
|
|
}
|
|||
|
|
function attr(node, attribute, value) {
|
|||
|
|
if (value == null)
|
|||
|
|
node.removeAttribute(attribute);
|
|||
|
|
else if (node.getAttribute(attribute) !== value)
|
|||
|
|
node.setAttribute(attribute, value);
|
|||
|
|
}
|
|||
|
|
function children(element) {
|
|||
|
|
return Array.from(element.childNodes);
|
|||
|
|
}
|
|||
|
|
function set_data(text, data) {
|
|||
|
|
data = '' + data;
|
|||
|
|
if (text.data === data)
|
|||
|
|
return;
|
|||
|
|
text.data = data;
|
|||
|
|
}
|
|||
|
|
function set_style(node, key, value, important) {
|
|||
|
|
if (value == null) {
|
|||
|
|
node.style.removeProperty(key);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
node.style.setProperty(key, value, important ? 'important' : '');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function select_option(select, value, mounting) {
|
|||
|
|
for (let i = 0; i < select.options.length; i += 1) {
|
|||
|
|
const option = select.options[i];
|
|||
|
|
if (option.__value === value) {
|
|||
|
|
option.selected = true;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!mounting || value !== undefined) {
|
|||
|
|
select.selectedIndex = -1; // no option should be selected
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let current_component;
|
|||
|
|
function set_current_component(component) {
|
|||
|
|
current_component = component;
|
|||
|
|
}
|
|||
|
|
function get_current_component() {
|
|||
|
|
if (!current_component)
|
|||
|
|
throw new Error('Function called outside component initialization');
|
|||
|
|
return current_component;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const dirty_components = [];
|
|||
|
|
const binding_callbacks = [];
|
|||
|
|
let render_callbacks = [];
|
|||
|
|
const flush_callbacks = [];
|
|||
|
|
const resolved_promise = /* @__PURE__ */ Promise.resolve();
|
|||
|
|
let update_scheduled = false;
|
|||
|
|
function schedule_update() {
|
|||
|
|
if (!update_scheduled) {
|
|||
|
|
update_scheduled = true;
|
|||
|
|
resolved_promise.then(flush);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function add_render_callback(fn) {
|
|||
|
|
render_callbacks.push(fn);
|
|||
|
|
}
|
|||
|
|
// flush() calls callbacks in this order:
|
|||
|
|
// 1. All beforeUpdate callbacks, in order: parents before children
|
|||
|
|
// 2. All bind:this callbacks, in reverse order: children before parents.
|
|||
|
|
// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
|
|||
|
|
// for afterUpdates called during the initial onMount, which are called in
|
|||
|
|
// reverse order: children before parents.
|
|||
|
|
// Since callbacks might update component values, which could trigger another
|
|||
|
|
// call to flush(), the following steps guard against this:
|
|||
|
|
// 1. During beforeUpdate, any updated components will be added to the
|
|||
|
|
// dirty_components array and will cause a reentrant call to flush(). Because
|
|||
|
|
// the flush index is kept outside the function, the reentrant call will pick
|
|||
|
|
// up where the earlier call left off and go through all dirty components. The
|
|||
|
|
// current_component value is saved and restored so that the reentrant call will
|
|||
|
|
// not interfere with the "parent" flush() call.
|
|||
|
|
// 2. bind:this callbacks cannot trigger new flush() calls.
|
|||
|
|
// 3. During afterUpdate, any updated components will NOT have their afterUpdate
|
|||
|
|
// callback called a second time; the seen_callbacks set, outside the flush()
|
|||
|
|
// function, guarantees this behavior.
|
|||
|
|
const seen_callbacks = new Set();
|
|||
|
|
let flushidx = 0; // Do *not* move this inside the flush() function
|
|||
|
|
function flush() {
|
|||
|
|
// Do not reenter flush while dirty components are updated, as this can
|
|||
|
|
// result in an infinite loop. Instead, let the inner flush handle it.
|
|||
|
|
// Reentrancy is ok afterwards for bindings etc.
|
|||
|
|
if (flushidx !== 0) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const saved_component = current_component;
|
|||
|
|
do {
|
|||
|
|
// first, call beforeUpdate functions
|
|||
|
|
// and update components
|
|||
|
|
try {
|
|||
|
|
while (flushidx < dirty_components.length) {
|
|||
|
|
const component = dirty_components[flushidx];
|
|||
|
|
flushidx++;
|
|||
|
|
set_current_component(component);
|
|||
|
|
update(component.$$);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
catch (e) {
|
|||
|
|
// reset dirty state to not end up in a deadlocked state and then rethrow
|
|||
|
|
dirty_components.length = 0;
|
|||
|
|
flushidx = 0;
|
|||
|
|
throw e;
|
|||
|
|
}
|
|||
|
|
set_current_component(null);
|
|||
|
|
dirty_components.length = 0;
|
|||
|
|
flushidx = 0;
|
|||
|
|
while (binding_callbacks.length)
|
|||
|
|
binding_callbacks.pop()();
|
|||
|
|
// then, once components are updated, call
|
|||
|
|
// afterUpdate functions. This may cause
|
|||
|
|
// subsequent updates...
|
|||
|
|
for (let i = 0; i < render_callbacks.length; i += 1) {
|
|||
|
|
const callback = render_callbacks[i];
|
|||
|
|
if (!seen_callbacks.has(callback)) {
|
|||
|
|
// ...so guard against infinite loops
|
|||
|
|
seen_callbacks.add(callback);
|
|||
|
|
callback();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
render_callbacks.length = 0;
|
|||
|
|
} while (dirty_components.length);
|
|||
|
|
while (flush_callbacks.length) {
|
|||
|
|
flush_callbacks.pop()();
|
|||
|
|
}
|
|||
|
|
update_scheduled = false;
|
|||
|
|
seen_callbacks.clear();
|
|||
|
|
set_current_component(saved_component);
|
|||
|
|
}
|
|||
|
|
function update($$) {
|
|||
|
|
if ($$.fragment !== null) {
|
|||
|
|
$$.update();
|
|||
|
|
run_all($$.before_update);
|
|||
|
|
const dirty = $$.dirty;
|
|||
|
|
$$.dirty = [-1];
|
|||
|
|
$$.fragment && $$.fragment.p($$.ctx, dirty);
|
|||
|
|
$$.after_update.forEach(add_render_callback);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
|
|||
|
|
*/
|
|||
|
|
function flush_render_callbacks(fns) {
|
|||
|
|
const filtered = [];
|
|||
|
|
const targets = [];
|
|||
|
|
render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
|
|||
|
|
targets.forEach((c) => c());
|
|||
|
|
render_callbacks = filtered;
|
|||
|
|
}
|
|||
|
|
const outroing = new Set();
|
|||
|
|
let outros;
|
|||
|
|
function group_outros() {
|
|||
|
|
outros = {
|
|||
|
|
r: 0,
|
|||
|
|
c: [],
|
|||
|
|
p: outros // parent group
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function check_outros() {
|
|||
|
|
if (!outros.r) {
|
|||
|
|
run_all(outros.c);
|
|||
|
|
}
|
|||
|
|
outros = outros.p;
|
|||
|
|
}
|
|||
|
|
function transition_in(block, local) {
|
|||
|
|
if (block && block.i) {
|
|||
|
|
outroing.delete(block);
|
|||
|
|
block.i(local);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function transition_out(block, local, detach, callback) {
|
|||
|
|
if (block && block.o) {
|
|||
|
|
if (outroing.has(block))
|
|||
|
|
return;
|
|||
|
|
outroing.add(block);
|
|||
|
|
outros.c.push(() => {
|
|||
|
|
outroing.delete(block);
|
|||
|
|
if (callback) {
|
|||
|
|
if (detach)
|
|||
|
|
block.d(1);
|
|||
|
|
callback();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
block.o(local);
|
|||
|
|
}
|
|||
|
|
else if (callback) {
|
|||
|
|
callback();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function handle_promise(promise, info) {
|
|||
|
|
const token = info.token = {};
|
|||
|
|
function update(type, index, key, value) {
|
|||
|
|
if (info.token !== token)
|
|||
|
|
return;
|
|||
|
|
info.resolved = value;
|
|||
|
|
let child_ctx = info.ctx;
|
|||
|
|
if (key !== undefined) {
|
|||
|
|
child_ctx = child_ctx.slice();
|
|||
|
|
child_ctx[key] = value;
|
|||
|
|
}
|
|||
|
|
const block = type && (info.current = type)(child_ctx);
|
|||
|
|
let needs_flush = false;
|
|||
|
|
if (info.block) {
|
|||
|
|
if (info.blocks) {
|
|||
|
|
info.blocks.forEach((block, i) => {
|
|||
|
|
if (i !== index && block) {
|
|||
|
|
group_outros();
|
|||
|
|
transition_out(block, 1, 1, () => {
|
|||
|
|
if (info.blocks[i] === block) {
|
|||
|
|
info.blocks[i] = null;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
check_outros();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
info.block.d(1);
|
|||
|
|
}
|
|||
|
|
block.c();
|
|||
|
|
transition_in(block, 1);
|
|||
|
|
block.m(info.mount(), info.anchor);
|
|||
|
|
needs_flush = true;
|
|||
|
|
}
|
|||
|
|
info.block = block;
|
|||
|
|
if (info.blocks)
|
|||
|
|
info.blocks[index] = block;
|
|||
|
|
if (needs_flush) {
|
|||
|
|
flush();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (is_promise(promise)) {
|
|||
|
|
const current_component = get_current_component();
|
|||
|
|
promise.then(value => {
|
|||
|
|
set_current_component(current_component);
|
|||
|
|
update(info.then, 1, info.value, value);
|
|||
|
|
set_current_component(null);
|
|||
|
|
}, error => {
|
|||
|
|
set_current_component(current_component);
|
|||
|
|
update(info.catch, 2, info.error, error);
|
|||
|
|
set_current_component(null);
|
|||
|
|
if (!info.hasCatch) {
|
|||
|
|
throw error;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
// if we previously had a then/catch block, destroy it
|
|||
|
|
if (info.current !== info.pending) {
|
|||
|
|
update(info.pending, 0);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
if (info.current !== info.then) {
|
|||
|
|
update(info.then, 1, info.value, promise);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
info.resolved = promise;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function update_await_block_branch(info, ctx, dirty) {
|
|||
|
|
const child_ctx = ctx.slice();
|
|||
|
|
const { resolved } = info;
|
|||
|
|
if (info.current === info.then) {
|
|||
|
|
child_ctx[info.value] = resolved;
|
|||
|
|
}
|
|||
|
|
if (info.current === info.catch) {
|
|||
|
|
child_ctx[info.error] = resolved;
|
|||
|
|
}
|
|||
|
|
info.block.p(child_ctx, dirty);
|
|||
|
|
}
|
|||
|
|
function mount_component(component, target, anchor, customElement) {
|
|||
|
|
const { fragment, after_update } = component.$$;
|
|||
|
|
fragment && fragment.m(target, anchor);
|
|||
|
|
if (!customElement) {
|
|||
|
|
// onMount happens before the initial afterUpdate
|
|||
|
|
add_render_callback(() => {
|
|||
|
|
const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
|
|||
|
|
// if the component was destroyed immediately
|
|||
|
|
// it will update the `$$.on_destroy` reference to `null`.
|
|||
|
|
// the destructured on_destroy may still reference to the old array
|
|||
|
|
if (component.$$.on_destroy) {
|
|||
|
|
component.$$.on_destroy.push(...new_on_destroy);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
// Edge case - component was destroyed immediately,
|
|||
|
|
// most likely as a result of a binding initialising
|
|||
|
|
run_all(new_on_destroy);
|
|||
|
|
}
|
|||
|
|
component.$$.on_mount = [];
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
after_update.forEach(add_render_callback);
|
|||
|
|
}
|
|||
|
|
function destroy_component(component, detaching) {
|
|||
|
|
const $$ = component.$$;
|
|||
|
|
if ($$.fragment !== null) {
|
|||
|
|
flush_render_callbacks($$.after_update);
|
|||
|
|
run_all($$.on_destroy);
|
|||
|
|
$$.fragment && $$.fragment.d(detaching);
|
|||
|
|
// TODO null out other refs, including component.$$ (but need to
|
|||
|
|
// preserve final state?)
|
|||
|
|
$$.on_destroy = $$.fragment = null;
|
|||
|
|
$$.ctx = [];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function make_dirty(component, i) {
|
|||
|
|
if (component.$$.dirty[0] === -1) {
|
|||
|
|
dirty_components.push(component);
|
|||
|
|
schedule_update();
|
|||
|
|
component.$$.dirty.fill(0);
|
|||
|
|
}
|
|||
|
|
component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
|
|||
|
|
}
|
|||
|
|
function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
|
|||
|
|
const parent_component = current_component;
|
|||
|
|
set_current_component(component);
|
|||
|
|
const $$ = component.$$ = {
|
|||
|
|
fragment: null,
|
|||
|
|
ctx: [],
|
|||
|
|
// state
|
|||
|
|
props,
|
|||
|
|
update: noop$1,
|
|||
|
|
not_equal,
|
|||
|
|
bound: blank_object(),
|
|||
|
|
// lifecycle
|
|||
|
|
on_mount: [],
|
|||
|
|
on_destroy: [],
|
|||
|
|
on_disconnect: [],
|
|||
|
|
before_update: [],
|
|||
|
|
after_update: [],
|
|||
|
|
context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
|
|||
|
|
// everything else
|
|||
|
|
callbacks: blank_object(),
|
|||
|
|
dirty,
|
|||
|
|
skip_bound: false,
|
|||
|
|
root: options.target || parent_component.$$.root
|
|||
|
|
};
|
|||
|
|
append_styles && append_styles($$.root);
|
|||
|
|
let ready = false;
|
|||
|
|
$$.ctx = instance
|
|||
|
|
? instance(component, options.props || {}, (i, ret, ...rest) => {
|
|||
|
|
const value = rest.length ? rest[0] : ret;
|
|||
|
|
if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
|
|||
|
|
if (!$$.skip_bound && $$.bound[i])
|
|||
|
|
$$.bound[i](value);
|
|||
|
|
if (ready)
|
|||
|
|
make_dirty(component, i);
|
|||
|
|
}
|
|||
|
|
return ret;
|
|||
|
|
})
|
|||
|
|
: [];
|
|||
|
|
$$.update();
|
|||
|
|
ready = true;
|
|||
|
|
run_all($$.before_update);
|
|||
|
|
// `false` as a special case of no DOM component
|
|||
|
|
$$.fragment = create_fragment ? create_fragment($$.ctx) : false;
|
|||
|
|
if (options.target) {
|
|||
|
|
if (options.hydrate) {
|
|||
|
|
const nodes = children(options.target);
|
|||
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|||
|
|
$$.fragment && $$.fragment.l(nodes);
|
|||
|
|
nodes.forEach(detach);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|||
|
|
$$.fragment && $$.fragment.c();
|
|||
|
|
}
|
|||
|
|
if (options.intro)
|
|||
|
|
transition_in(component.$$.fragment);
|
|||
|
|
mount_component(component, options.target, options.anchor, options.customElement);
|
|||
|
|
flush();
|
|||
|
|
}
|
|||
|
|
set_current_component(parent_component);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Base class for Svelte components. Used when dev=false.
|
|||
|
|
*/
|
|||
|
|
class SvelteComponent {
|
|||
|
|
$destroy() {
|
|||
|
|
destroy_component(this, 1);
|
|||
|
|
this.$destroy = noop$1;
|
|||
|
|
}
|
|||
|
|
$on(type, callback) {
|
|||
|
|
if (!is_function(callback)) {
|
|||
|
|
return noop$1;
|
|||
|
|
}
|
|||
|
|
const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
|
|||
|
|
callbacks.push(callback);
|
|||
|
|
return () => {
|
|||
|
|
const index = callbacks.indexOf(callback);
|
|||
|
|
if (index !== -1)
|
|||
|
|
callbacks.splice(index, 1);
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
$set($$props) {
|
|||
|
|
if (this.$$set && !is_empty($$props)) {
|
|||
|
|
this.$$.skip_bound = true;
|
|||
|
|
this.$$set($$props);
|
|||
|
|
this.$$.skip_bound = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var MetricCounter;
|
|||
|
|
(function (MetricCounter) {
|
|||
|
|
MetricCounter[MetricCounter["words"] = 0] = "words";
|
|||
|
|
MetricCounter[MetricCounter["characters"] = 1] = "characters";
|
|||
|
|
MetricCounter[MetricCounter["sentences"] = 2] = "sentences";
|
|||
|
|
MetricCounter[MetricCounter["footnotes"] = 3] = "footnotes";
|
|||
|
|
MetricCounter[MetricCounter["citations"] = 4] = "citations";
|
|||
|
|
MetricCounter[MetricCounter["pages"] = 5] = "pages";
|
|||
|
|
MetricCounter[MetricCounter["files"] = 6] = "files";
|
|||
|
|
})(MetricCounter || (MetricCounter = {}));
|
|||
|
|
var MetricType;
|
|||
|
|
(function (MetricType) {
|
|||
|
|
MetricType[MetricType["file"] = 0] = "file";
|
|||
|
|
MetricType[MetricType["daily"] = 1] = "daily";
|
|||
|
|
MetricType[MetricType["total"] = 2] = "total";
|
|||
|
|
MetricType[MetricType["folder"] = 3] = "folder";
|
|||
|
|
})(MetricType || (MetricType = {}));
|
|||
|
|
const BLANK_SB_ITEM = {
|
|||
|
|
prefix: "",
|
|||
|
|
suffix: "",
|
|||
|
|
metric: {
|
|||
|
|
type: null,
|
|||
|
|
counter: null,
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
const DEFAULT_SETTINGS = {
|
|||
|
|
statusBar: [
|
|||
|
|
{
|
|||
|
|
prefix: "",
|
|||
|
|
suffix: " words",
|
|||
|
|
metric: {
|
|||
|
|
type: MetricType.file,
|
|||
|
|
counter: MetricCounter.words,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
prefix: " ",
|
|||
|
|
suffix: " characters",
|
|||
|
|
metric: {
|
|||
|
|
type: MetricType.file,
|
|||
|
|
counter: MetricCounter.characters,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
altBar: [
|
|||
|
|
{
|
|||
|
|
prefix: "",
|
|||
|
|
suffix: " files",
|
|||
|
|
metric: {
|
|||
|
|
type: MetricType.total,
|
|||
|
|
counter: MetricCounter.files,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
countComments: false,
|
|||
|
|
collectStats: false,
|
|||
|
|
displaySectionCounts: false,
|
|||
|
|
pageWords: 300,
|
|||
|
|
statsPath: ".obsidian/vault-stats.json",
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/* src/settings/StatusBarSettings.svelte generated by Svelte v3.59.2 */
|
|||
|
|
|
|||
|
|
function get_each_context(ctx, list, i) {
|
|||
|
|
const child_ctx = ctx.slice();
|
|||
|
|
child_ctx[25] = list[i];
|
|||
|
|
child_ctx[26] = list;
|
|||
|
|
child_ctx[27] = i;
|
|||
|
|
return child_ctx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function get_each_context_1(ctx, list, i) {
|
|||
|
|
const child_ctx = ctx.slice();
|
|||
|
|
child_ctx[25] = list[i];
|
|||
|
|
child_ctx[28] = list;
|
|||
|
|
child_ctx[27] = i;
|
|||
|
|
return child_ctx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (140:10) {#if i !== 0}
|
|||
|
|
function create_if_block_3(ctx) {
|
|||
|
|
let button;
|
|||
|
|
let mounted;
|
|||
|
|
let dispose;
|
|||
|
|
|
|||
|
|
function click_handler_2() {
|
|||
|
|
return /*click_handler_2*/ ctx[8](/*i*/ ctx[27]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
button = element("button");
|
|||
|
|
button.textContent = "↑";
|
|||
|
|
attr(button, "aria-label", "Move Status Bar Item Up");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, button, anchor);
|
|||
|
|
|
|||
|
|
if (!mounted) {
|
|||
|
|
dispose = listen(button, "click", click_handler_2);
|
|||
|
|
mounted = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
p(new_ctx, dirty) {
|
|||
|
|
ctx = new_ctx;
|
|||
|
|
},
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(button);
|
|||
|
|
mounted = false;
|
|||
|
|
dispose();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (151:10) {#if i !== statusItems.length - 1}
|
|||
|
|
function create_if_block_2(ctx) {
|
|||
|
|
let button;
|
|||
|
|
let mounted;
|
|||
|
|
let dispose;
|
|||
|
|
|
|||
|
|
function click_handler_3() {
|
|||
|
|
return /*click_handler_3*/ ctx[9](/*i*/ ctx[27]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
button = element("button");
|
|||
|
|
button.textContent = "↓";
|
|||
|
|
attr(button, "aria-label", "Move Status Bar Item Down");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, button, anchor);
|
|||
|
|
|
|||
|
|
if (!mounted) {
|
|||
|
|
dispose = listen(button, "click", click_handler_3);
|
|||
|
|
mounted = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
p(new_ctx, dirty) {
|
|||
|
|
ctx = new_ctx;
|
|||
|
|
},
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(button);
|
|||
|
|
mounted = false;
|
|||
|
|
dispose();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (133:2) {#each statusItems as item, i}
|
|||
|
|
function create_each_block_1(ctx) {
|
|||
|
|
let details;
|
|||
|
|
let summary;
|
|||
|
|
let span0;
|
|||
|
|
let t0_value = /*metricToString*/ ctx[3](/*item*/ ctx[25].metric) + "";
|
|||
|
|
let t0;
|
|||
|
|
let t1;
|
|||
|
|
let span1;
|
|||
|
|
let t2;
|
|||
|
|
let t3;
|
|||
|
|
let button;
|
|||
|
|
let t5;
|
|||
|
|
let div4;
|
|||
|
|
let div2;
|
|||
|
|
let t9;
|
|||
|
|
let div3;
|
|||
|
|
let select0;
|
|||
|
|
let option0;
|
|||
|
|
let option1;
|
|||
|
|
let t11;
|
|||
|
|
let option2;
|
|||
|
|
let t12;
|
|||
|
|
let option3;
|
|||
|
|
let t13;
|
|||
|
|
let option4;
|
|||
|
|
let t14;
|
|||
|
|
let option5;
|
|||
|
|
let t15;
|
|||
|
|
let option6;
|
|||
|
|
let t16;
|
|||
|
|
let option7;
|
|||
|
|
let t17;
|
|||
|
|
let select0_value_value;
|
|||
|
|
let t18;
|
|||
|
|
let div9;
|
|||
|
|
let div7;
|
|||
|
|
let t22;
|
|||
|
|
let div8;
|
|||
|
|
let select1;
|
|||
|
|
let option8;
|
|||
|
|
let option9;
|
|||
|
|
let t24;
|
|||
|
|
let option10;
|
|||
|
|
let t25;
|
|||
|
|
let option11;
|
|||
|
|
let t26;
|
|||
|
|
let select1_value_value;
|
|||
|
|
let t27;
|
|||
|
|
let div14;
|
|||
|
|
let div12;
|
|||
|
|
let t31;
|
|||
|
|
let div13;
|
|||
|
|
let input0;
|
|||
|
|
let input0_value_value;
|
|||
|
|
let t32;
|
|||
|
|
let div19;
|
|||
|
|
let div17;
|
|||
|
|
let t36;
|
|||
|
|
let div18;
|
|||
|
|
let input1;
|
|||
|
|
let input1_value_value;
|
|||
|
|
let mounted;
|
|||
|
|
let dispose;
|
|||
|
|
let if_block0 = /*i*/ ctx[27] !== 0 && create_if_block_3(ctx);
|
|||
|
|
let if_block1 = /*i*/ ctx[27] !== /*statusItems*/ ctx[1].length - 1 && create_if_block_2(ctx);
|
|||
|
|
|
|||
|
|
function click_handler_4() {
|
|||
|
|
return /*click_handler_4*/ ctx[10](/*i*/ ctx[27]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler(...args) {
|
|||
|
|
return /*change_handler*/ ctx[11](/*item*/ ctx[25], /*each_value_1*/ ctx[28], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler_1(...args) {
|
|||
|
|
return /*change_handler_1*/ ctx[12](/*item*/ ctx[25], /*each_value_1*/ ctx[28], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler_2(...args) {
|
|||
|
|
return /*change_handler_2*/ ctx[13](/*item*/ ctx[25], /*each_value_1*/ ctx[28], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler_3(...args) {
|
|||
|
|
return /*change_handler_3*/ ctx[14](/*item*/ ctx[25], /*each_value_1*/ ctx[28], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
details = element("details");
|
|||
|
|
summary = element("summary");
|
|||
|
|
span0 = element("span");
|
|||
|
|
t0 = text(t0_value);
|
|||
|
|
t1 = space();
|
|||
|
|
span1 = element("span");
|
|||
|
|
if (if_block0) if_block0.c();
|
|||
|
|
t2 = space();
|
|||
|
|
if (if_block1) if_block1.c();
|
|||
|
|
t3 = space();
|
|||
|
|
button = element("button");
|
|||
|
|
button.textContent = "X";
|
|||
|
|
t5 = space();
|
|||
|
|
div4 = element("div");
|
|||
|
|
div2 = element("div");
|
|||
|
|
|
|||
|
|
div2.innerHTML = `<div class="setting-item-name">Metric Counter</div>
|
|||
|
|
<div class="setting-item-description">Select the counter to display, e.g. words, characters.</div>`;
|
|||
|
|
|
|||
|
|
t9 = space();
|
|||
|
|
div3 = element("div");
|
|||
|
|
select0 = element("select");
|
|||
|
|
option0 = element("option");
|
|||
|
|
option0.textContent = "Select Option";
|
|||
|
|
option1 = element("option");
|
|||
|
|
t11 = text("Words");
|
|||
|
|
option2 = element("option");
|
|||
|
|
t12 = text("Characters");
|
|||
|
|
option3 = element("option");
|
|||
|
|
t13 = text("Sentences");
|
|||
|
|
option4 = element("option");
|
|||
|
|
t14 = text("Footnotes");
|
|||
|
|
option5 = element("option");
|
|||
|
|
t15 = text("Citations");
|
|||
|
|
option6 = element("option");
|
|||
|
|
t16 = text("Pages");
|
|||
|
|
option7 = element("option");
|
|||
|
|
t17 = text("Files");
|
|||
|
|
t18 = space();
|
|||
|
|
div9 = element("div");
|
|||
|
|
div7 = element("div");
|
|||
|
|
|
|||
|
|
div7.innerHTML = `<div class="setting-item-name">Metric Type</div>
|
|||
|
|
<div class="setting-item-description">Select the type of metric that you want displayed.</div>`;
|
|||
|
|
|
|||
|
|
t22 = space();
|
|||
|
|
div8 = element("div");
|
|||
|
|
select1 = element("select");
|
|||
|
|
option8 = element("option");
|
|||
|
|
option8.textContent = "Select Option";
|
|||
|
|
option9 = element("option");
|
|||
|
|
t24 = text("Current Note");
|
|||
|
|
option10 = element("option");
|
|||
|
|
t25 = text("Daily Metric");
|
|||
|
|
option11 = element("option");
|
|||
|
|
t26 = text("Total in Vault");
|
|||
|
|
t27 = space();
|
|||
|
|
div14 = element("div");
|
|||
|
|
div12 = element("div");
|
|||
|
|
|
|||
|
|
div12.innerHTML = `<div class="setting-item-name">Prefix Text</div>
|
|||
|
|
<div class="setting-item-description">This is the text that is placed before the count.</div>`;
|
|||
|
|
|
|||
|
|
t31 = space();
|
|||
|
|
div13 = element("div");
|
|||
|
|
input0 = element("input");
|
|||
|
|
t32 = space();
|
|||
|
|
div19 = element("div");
|
|||
|
|
div17 = element("div");
|
|||
|
|
|
|||
|
|
div17.innerHTML = `<div class="setting-item-name">Suffix Text</div>
|
|||
|
|
<div class="setting-item-description">This is the text that is placed after the count.</div>`;
|
|||
|
|
|
|||
|
|
t36 = space();
|
|||
|
|
div18 = element("div");
|
|||
|
|
input1 = element("input");
|
|||
|
|
attr(span0, "class", "bwc-sb-item-text");
|
|||
|
|
attr(button, "aria-label", "Remove Status Bar Item");
|
|||
|
|
attr(span1, "class", "bwc-sb-buttons");
|
|||
|
|
attr(div2, "class", "setting-item-info");
|
|||
|
|
option0.__value = "";
|
|||
|
|
option0.value = option0.__value;
|
|||
|
|
option1.__value = MetricCounter.words;
|
|||
|
|
option1.value = option1.__value;
|
|||
|
|
option2.__value = MetricCounter.characters;
|
|||
|
|
option2.value = option2.__value;
|
|||
|
|
option3.__value = MetricCounter.sentences;
|
|||
|
|
option3.value = option3.__value;
|
|||
|
|
option4.__value = MetricCounter.footnotes;
|
|||
|
|
option4.value = option4.__value;
|
|||
|
|
option5.__value = MetricCounter.citations;
|
|||
|
|
option5.value = option5.__value;
|
|||
|
|
option6.__value = MetricCounter.pages;
|
|||
|
|
option6.value = option6.__value;
|
|||
|
|
option7.__value = MetricCounter.files;
|
|||
|
|
option7.value = option7.__value;
|
|||
|
|
attr(select0, "class", "dropdown");
|
|||
|
|
attr(div3, "class", "setting-item-control");
|
|||
|
|
attr(div4, "class", "setting-item");
|
|||
|
|
attr(div7, "class", "setting-item-info");
|
|||
|
|
option8.__value = "";
|
|||
|
|
option8.value = option8.__value;
|
|||
|
|
option9.__value = MetricType.file;
|
|||
|
|
option9.value = option9.__value;
|
|||
|
|
option10.__value = MetricType.daily;
|
|||
|
|
option10.value = option10.__value;
|
|||
|
|
option11.__value = MetricType.total;
|
|||
|
|
option11.value = option11.__value;
|
|||
|
|
attr(select1, "class", "dropdown");
|
|||
|
|
attr(div8, "class", "setting-item-control");
|
|||
|
|
attr(div9, "class", "setting-item");
|
|||
|
|
attr(div12, "class", "setting-item-info");
|
|||
|
|
attr(input0, "type", "text");
|
|||
|
|
attr(input0, "name", "prefix");
|
|||
|
|
input0.value = input0_value_value = /*item*/ ctx[25].prefix;
|
|||
|
|
attr(div13, "class", "setting-item-control");
|
|||
|
|
attr(div14, "class", "setting-item");
|
|||
|
|
attr(div17, "class", "setting-item-info");
|
|||
|
|
attr(input1, "type", "text");
|
|||
|
|
attr(input1, "name", "suffix");
|
|||
|
|
input1.value = input1_value_value = /*item*/ ctx[25].suffix;
|
|||
|
|
attr(div18, "class", "setting-item-control");
|
|||
|
|
attr(div19, "class", "setting-item");
|
|||
|
|
attr(details, "class", "bwc-sb-item-setting");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, details, anchor);
|
|||
|
|
append(details, summary);
|
|||
|
|
append(summary, span0);
|
|||
|
|
append(span0, t0);
|
|||
|
|
append(summary, t1);
|
|||
|
|
append(summary, span1);
|
|||
|
|
if (if_block0) if_block0.m(span1, null);
|
|||
|
|
append(span1, t2);
|
|||
|
|
if (if_block1) if_block1.m(span1, null);
|
|||
|
|
append(span1, t3);
|
|||
|
|
append(span1, button);
|
|||
|
|
append(details, t5);
|
|||
|
|
append(details, div4);
|
|||
|
|
append(div4, div2);
|
|||
|
|
append(div4, t9);
|
|||
|
|
append(div4, div3);
|
|||
|
|
append(div3, select0);
|
|||
|
|
append(select0, option0);
|
|||
|
|
append(select0, option1);
|
|||
|
|
append(option1, t11);
|
|||
|
|
append(select0, option2);
|
|||
|
|
append(option2, t12);
|
|||
|
|
append(select0, option3);
|
|||
|
|
append(option3, t13);
|
|||
|
|
append(select0, option4);
|
|||
|
|
append(option4, t14);
|
|||
|
|
append(select0, option5);
|
|||
|
|
append(option5, t15);
|
|||
|
|
append(select0, option6);
|
|||
|
|
append(option6, t16);
|
|||
|
|
append(select0, option7);
|
|||
|
|
append(option7, t17);
|
|||
|
|
select_option(select0, /*item*/ ctx[25].metric.counter);
|
|||
|
|
append(details, t18);
|
|||
|
|
append(details, div9);
|
|||
|
|
append(div9, div7);
|
|||
|
|
append(div9, t22);
|
|||
|
|
append(div9, div8);
|
|||
|
|
append(div8, select1);
|
|||
|
|
append(select1, option8);
|
|||
|
|
append(select1, option9);
|
|||
|
|
append(option9, t24);
|
|||
|
|
append(select1, option10);
|
|||
|
|
append(option10, t25);
|
|||
|
|
append(select1, option11);
|
|||
|
|
append(option11, t26);
|
|||
|
|
select_option(select1, /*item*/ ctx[25].metric.type);
|
|||
|
|
append(details, t27);
|
|||
|
|
append(details, div14);
|
|||
|
|
append(div14, div12);
|
|||
|
|
append(div14, t31);
|
|||
|
|
append(div14, div13);
|
|||
|
|
append(div13, input0);
|
|||
|
|
append(details, t32);
|
|||
|
|
append(details, div19);
|
|||
|
|
append(div19, div17);
|
|||
|
|
append(div19, t36);
|
|||
|
|
append(div19, div18);
|
|||
|
|
append(div18, input1);
|
|||
|
|
|
|||
|
|
if (!mounted) {
|
|||
|
|
dispose = [
|
|||
|
|
listen(button, "click", click_handler_4),
|
|||
|
|
listen(select0, "change", change_handler),
|
|||
|
|
listen(select1, "change", change_handler_1),
|
|||
|
|
listen(input0, "change", change_handler_2),
|
|||
|
|
listen(input1, "change", change_handler_3)
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
mounted = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
p(new_ctx, dirty) {
|
|||
|
|
ctx = new_ctx;
|
|||
|
|
if (dirty & /*statusItems*/ 2 && t0_value !== (t0_value = /*metricToString*/ ctx[3](/*item*/ ctx[25].metric) + "")) set_data(t0, t0_value);
|
|||
|
|
if (/*i*/ ctx[27] !== 0) if_block0.p(ctx, dirty);
|
|||
|
|
|
|||
|
|
if (/*i*/ ctx[27] !== /*statusItems*/ ctx[1].length - 1) {
|
|||
|
|
if (if_block1) {
|
|||
|
|
if_block1.p(ctx, dirty);
|
|||
|
|
} else {
|
|||
|
|
if_block1 = create_if_block_2(ctx);
|
|||
|
|
if_block1.c();
|
|||
|
|
if_block1.m(span1, t3);
|
|||
|
|
}
|
|||
|
|
} else if (if_block1) {
|
|||
|
|
if_block1.d(1);
|
|||
|
|
if_block1 = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*statusItems, MetricCounter*/ 2 && select0_value_value !== (select0_value_value = /*item*/ ctx[25].metric.counter)) {
|
|||
|
|
select_option(select0, /*item*/ ctx[25].metric.counter);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*statusItems, MetricCounter*/ 2 && select1_value_value !== (select1_value_value = /*item*/ ctx[25].metric.type)) {
|
|||
|
|
select_option(select1, /*item*/ ctx[25].metric.type);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*statusItems, MetricCounter*/ 2 && input0_value_value !== (input0_value_value = /*item*/ ctx[25].prefix) && input0.value !== input0_value_value) {
|
|||
|
|
input0.value = input0_value_value;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*statusItems, MetricCounter*/ 2 && input1_value_value !== (input1_value_value = /*item*/ ctx[25].suffix) && input1.value !== input1_value_value) {
|
|||
|
|
input1.value = input1_value_value;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(details);
|
|||
|
|
if (if_block0) if_block0.d();
|
|||
|
|
if (if_block1) if_block1.d();
|
|||
|
|
mounted = false;
|
|||
|
|
run_all(dispose);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (310:10) {#if i !== 0}
|
|||
|
|
function create_if_block_1(ctx) {
|
|||
|
|
let button;
|
|||
|
|
let mounted;
|
|||
|
|
let dispose;
|
|||
|
|
|
|||
|
|
function click_handler_7() {
|
|||
|
|
return /*click_handler_7*/ ctx[17](/*i*/ ctx[27]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
button = element("button");
|
|||
|
|
button.textContent = "↑";
|
|||
|
|
attr(button, "aria-label", "Move Status Bar Item Up");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, button, anchor);
|
|||
|
|
|
|||
|
|
if (!mounted) {
|
|||
|
|
dispose = listen(button, "click", click_handler_7);
|
|||
|
|
mounted = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
p(new_ctx, dirty) {
|
|||
|
|
ctx = new_ctx;
|
|||
|
|
},
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(button);
|
|||
|
|
mounted = false;
|
|||
|
|
dispose();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (321:10) {#if i !== altSItems.length - 1}
|
|||
|
|
function create_if_block(ctx) {
|
|||
|
|
let button;
|
|||
|
|
let mounted;
|
|||
|
|
let dispose;
|
|||
|
|
|
|||
|
|
function click_handler_8() {
|
|||
|
|
return /*click_handler_8*/ ctx[18](/*i*/ ctx[27]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
button = element("button");
|
|||
|
|
button.textContent = "↓";
|
|||
|
|
attr(button, "aria-label", "Move Status Bar Item Down");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, button, anchor);
|
|||
|
|
|
|||
|
|
if (!mounted) {
|
|||
|
|
dispose = listen(button, "click", click_handler_8);
|
|||
|
|
mounted = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
p(new_ctx, dirty) {
|
|||
|
|
ctx = new_ctx;
|
|||
|
|
},
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(button);
|
|||
|
|
mounted = false;
|
|||
|
|
dispose();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (303:2) {#each altSItems as item, i}
|
|||
|
|
function create_each_block(ctx) {
|
|||
|
|
let details;
|
|||
|
|
let summary;
|
|||
|
|
let span0;
|
|||
|
|
let t0_value = /*metricToString*/ ctx[3](/*item*/ ctx[25].metric) + "";
|
|||
|
|
let t0;
|
|||
|
|
let t1;
|
|||
|
|
let span1;
|
|||
|
|
let t2;
|
|||
|
|
let t3;
|
|||
|
|
let button;
|
|||
|
|
let t5;
|
|||
|
|
let div4;
|
|||
|
|
let div2;
|
|||
|
|
let t9;
|
|||
|
|
let div3;
|
|||
|
|
let select0;
|
|||
|
|
let option0;
|
|||
|
|
let option1;
|
|||
|
|
let t11;
|
|||
|
|
let option2;
|
|||
|
|
let t12;
|
|||
|
|
let option3;
|
|||
|
|
let t13;
|
|||
|
|
let option4;
|
|||
|
|
let t14;
|
|||
|
|
let option5;
|
|||
|
|
let t15;
|
|||
|
|
let option6;
|
|||
|
|
let t16;
|
|||
|
|
let option7;
|
|||
|
|
let t17;
|
|||
|
|
let select0_value_value;
|
|||
|
|
let t18;
|
|||
|
|
let div9;
|
|||
|
|
let div7;
|
|||
|
|
let t22;
|
|||
|
|
let div8;
|
|||
|
|
let select1;
|
|||
|
|
let option8;
|
|||
|
|
let option9;
|
|||
|
|
let t24;
|
|||
|
|
let option10;
|
|||
|
|
let t25;
|
|||
|
|
let option11;
|
|||
|
|
let t26;
|
|||
|
|
let select1_value_value;
|
|||
|
|
let t27;
|
|||
|
|
let div14;
|
|||
|
|
let div12;
|
|||
|
|
let t31;
|
|||
|
|
let div13;
|
|||
|
|
let input0;
|
|||
|
|
let input0_value_value;
|
|||
|
|
let t32;
|
|||
|
|
let div19;
|
|||
|
|
let div17;
|
|||
|
|
let t36;
|
|||
|
|
let div18;
|
|||
|
|
let input1;
|
|||
|
|
let input1_value_value;
|
|||
|
|
let t37;
|
|||
|
|
let mounted;
|
|||
|
|
let dispose;
|
|||
|
|
let if_block0 = /*i*/ ctx[27] !== 0 && create_if_block_1(ctx);
|
|||
|
|
let if_block1 = /*i*/ ctx[27] !== /*altSItems*/ ctx[2].length - 1 && create_if_block(ctx);
|
|||
|
|
|
|||
|
|
function click_handler_9() {
|
|||
|
|
return /*click_handler_9*/ ctx[19](/*i*/ ctx[27]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler_4(...args) {
|
|||
|
|
return /*change_handler_4*/ ctx[20](/*item*/ ctx[25], /*each_value*/ ctx[26], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler_5(...args) {
|
|||
|
|
return /*change_handler_5*/ ctx[21](/*item*/ ctx[25], /*each_value*/ ctx[26], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler_6(...args) {
|
|||
|
|
return /*change_handler_6*/ ctx[22](/*item*/ ctx[25], /*each_value*/ ctx[26], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function change_handler_7(...args) {
|
|||
|
|
return /*change_handler_7*/ ctx[23](/*item*/ ctx[25], /*each_value*/ ctx[26], /*i*/ ctx[27], ...args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
details = element("details");
|
|||
|
|
summary = element("summary");
|
|||
|
|
span0 = element("span");
|
|||
|
|
t0 = text(t0_value);
|
|||
|
|
t1 = space();
|
|||
|
|
span1 = element("span");
|
|||
|
|
if (if_block0) if_block0.c();
|
|||
|
|
t2 = space();
|
|||
|
|
if (if_block1) if_block1.c();
|
|||
|
|
t3 = space();
|
|||
|
|
button = element("button");
|
|||
|
|
button.textContent = "X";
|
|||
|
|
t5 = space();
|
|||
|
|
div4 = element("div");
|
|||
|
|
div2 = element("div");
|
|||
|
|
|
|||
|
|
div2.innerHTML = `<div class="setting-item-name">Metric Counter</div>
|
|||
|
|
<div class="setting-item-description">Select the counter to display, e.g. words, characters.</div>`;
|
|||
|
|
|
|||
|
|
t9 = space();
|
|||
|
|
div3 = element("div");
|
|||
|
|
select0 = element("select");
|
|||
|
|
option0 = element("option");
|
|||
|
|
option0.textContent = "Select Option";
|
|||
|
|
option1 = element("option");
|
|||
|
|
t11 = text("Words");
|
|||
|
|
option2 = element("option");
|
|||
|
|
t12 = text("Characters");
|
|||
|
|
option3 = element("option");
|
|||
|
|
t13 = text("Sentences");
|
|||
|
|
option4 = element("option");
|
|||
|
|
t14 = text("Footnotes");
|
|||
|
|
option5 = element("option");
|
|||
|
|
t15 = text("Citations");
|
|||
|
|
option6 = element("option");
|
|||
|
|
t16 = text("Pages");
|
|||
|
|
option7 = element("option");
|
|||
|
|
t17 = text("Files");
|
|||
|
|
t18 = space();
|
|||
|
|
div9 = element("div");
|
|||
|
|
div7 = element("div");
|
|||
|
|
|
|||
|
|
div7.innerHTML = `<div class="setting-item-name">Metric Type</div>
|
|||
|
|
<div class="setting-item-description">Select the type of metric that you want displayed.</div>`;
|
|||
|
|
|
|||
|
|
t22 = space();
|
|||
|
|
div8 = element("div");
|
|||
|
|
select1 = element("select");
|
|||
|
|
option8 = element("option");
|
|||
|
|
option8.textContent = "Select Option";
|
|||
|
|
option9 = element("option");
|
|||
|
|
t24 = text("Current Note");
|
|||
|
|
option10 = element("option");
|
|||
|
|
t25 = text("Daily Metric");
|
|||
|
|
option11 = element("option");
|
|||
|
|
t26 = text("Total in Vault");
|
|||
|
|
t27 = space();
|
|||
|
|
div14 = element("div");
|
|||
|
|
div12 = element("div");
|
|||
|
|
|
|||
|
|
div12.innerHTML = `<div class="setting-item-name">Prefix Text</div>
|
|||
|
|
<div class="setting-item-description">This is the text that is placed before the count.</div>`;
|
|||
|
|
|
|||
|
|
t31 = space();
|
|||
|
|
div13 = element("div");
|
|||
|
|
input0 = element("input");
|
|||
|
|
t32 = space();
|
|||
|
|
div19 = element("div");
|
|||
|
|
div17 = element("div");
|
|||
|
|
|
|||
|
|
div17.innerHTML = `<div class="setting-item-name">Suffix Text</div>
|
|||
|
|
<div class="setting-item-description">This is the text that is placed after the count.</div>`;
|
|||
|
|
|
|||
|
|
t36 = space();
|
|||
|
|
div18 = element("div");
|
|||
|
|
input1 = element("input");
|
|||
|
|
t37 = space();
|
|||
|
|
attr(span0, "class", "bwc-sb-item-text");
|
|||
|
|
attr(button, "aria-label", "Remove Status Bar Item");
|
|||
|
|
attr(span1, "class", "bwc-sb-buttons");
|
|||
|
|
attr(div2, "class", "setting-item-info");
|
|||
|
|
option0.__value = "";
|
|||
|
|
option0.value = option0.__value;
|
|||
|
|
option1.__value = MetricCounter.words;
|
|||
|
|
option1.value = option1.__value;
|
|||
|
|
option2.__value = MetricCounter.characters;
|
|||
|
|
option2.value = option2.__value;
|
|||
|
|
option3.__value = MetricCounter.sentences;
|
|||
|
|
option3.value = option3.__value;
|
|||
|
|
option4.__value = MetricCounter.footnotes;
|
|||
|
|
option4.value = option4.__value;
|
|||
|
|
option5.__value = MetricCounter.citations;
|
|||
|
|
option5.value = option5.__value;
|
|||
|
|
option6.__value = MetricCounter.pages;
|
|||
|
|
option6.value = option6.__value;
|
|||
|
|
option7.__value = MetricCounter.files;
|
|||
|
|
option7.value = option7.__value;
|
|||
|
|
attr(select0, "class", "dropdown");
|
|||
|
|
attr(div3, "class", "setting-item-control");
|
|||
|
|
attr(div4, "class", "setting-item");
|
|||
|
|
attr(div7, "class", "setting-item-info");
|
|||
|
|
option8.__value = "";
|
|||
|
|
option8.value = option8.__value;
|
|||
|
|
option9.__value = MetricType.file;
|
|||
|
|
option9.value = option9.__value;
|
|||
|
|
option10.__value = MetricType.daily;
|
|||
|
|
option10.value = option10.__value;
|
|||
|
|
option11.__value = MetricType.total;
|
|||
|
|
option11.value = option11.__value;
|
|||
|
|
attr(select1, "class", "dropdown");
|
|||
|
|
attr(div8, "class", "setting-item-control");
|
|||
|
|
attr(div9, "class", "setting-item");
|
|||
|
|
attr(div12, "class", "setting-item-info");
|
|||
|
|
attr(input0, "type", "text");
|
|||
|
|
attr(input0, "name", "prefix");
|
|||
|
|
input0.value = input0_value_value = /*item*/ ctx[25].prefix;
|
|||
|
|
attr(div13, "class", "setting-item-control");
|
|||
|
|
attr(div14, "class", "setting-item");
|
|||
|
|
attr(div17, "class", "setting-item-info");
|
|||
|
|
attr(input1, "type", "text");
|
|||
|
|
attr(input1, "name", "suffix");
|
|||
|
|
input1.value = input1_value_value = /*item*/ ctx[25].suffix;
|
|||
|
|
attr(div18, "class", "setting-item-control");
|
|||
|
|
attr(div19, "class", "setting-item");
|
|||
|
|
attr(details, "class", "bwc-sb-item-setting");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, details, anchor);
|
|||
|
|
append(details, summary);
|
|||
|
|
append(summary, span0);
|
|||
|
|
append(span0, t0);
|
|||
|
|
append(summary, t1);
|
|||
|
|
append(summary, span1);
|
|||
|
|
if (if_block0) if_block0.m(span1, null);
|
|||
|
|
append(span1, t2);
|
|||
|
|
if (if_block1) if_block1.m(span1, null);
|
|||
|
|
append(span1, t3);
|
|||
|
|
append(span1, button);
|
|||
|
|
append(details, t5);
|
|||
|
|
append(details, div4);
|
|||
|
|
append(div4, div2);
|
|||
|
|
append(div4, t9);
|
|||
|
|
append(div4, div3);
|
|||
|
|
append(div3, select0);
|
|||
|
|
append(select0, option0);
|
|||
|
|
append(select0, option1);
|
|||
|
|
append(option1, t11);
|
|||
|
|
append(select0, option2);
|
|||
|
|
append(option2, t12);
|
|||
|
|
append(select0, option3);
|
|||
|
|
append(option3, t13);
|
|||
|
|
append(select0, option4);
|
|||
|
|
append(option4, t14);
|
|||
|
|
append(select0, option5);
|
|||
|
|
append(option5, t15);
|
|||
|
|
append(select0, option6);
|
|||
|
|
append(option6, t16);
|
|||
|
|
append(select0, option7);
|
|||
|
|
append(option7, t17);
|
|||
|
|
select_option(select0, /*item*/ ctx[25].metric.counter);
|
|||
|
|
append(details, t18);
|
|||
|
|
append(details, div9);
|
|||
|
|
append(div9, div7);
|
|||
|
|
append(div9, t22);
|
|||
|
|
append(div9, div8);
|
|||
|
|
append(div8, select1);
|
|||
|
|
append(select1, option8);
|
|||
|
|
append(select1, option9);
|
|||
|
|
append(option9, t24);
|
|||
|
|
append(select1, option10);
|
|||
|
|
append(option10, t25);
|
|||
|
|
append(select1, option11);
|
|||
|
|
append(option11, t26);
|
|||
|
|
select_option(select1, /*item*/ ctx[25].metric.type);
|
|||
|
|
append(details, t27);
|
|||
|
|
append(details, div14);
|
|||
|
|
append(div14, div12);
|
|||
|
|
append(div14, t31);
|
|||
|
|
append(div14, div13);
|
|||
|
|
append(div13, input0);
|
|||
|
|
append(details, t32);
|
|||
|
|
append(details, div19);
|
|||
|
|
append(div19, div17);
|
|||
|
|
append(div19, t36);
|
|||
|
|
append(div19, div18);
|
|||
|
|
append(div18, input1);
|
|||
|
|
append(details, t37);
|
|||
|
|
|
|||
|
|
if (!mounted) {
|
|||
|
|
dispose = [
|
|||
|
|
listen(button, "click", click_handler_9),
|
|||
|
|
listen(select0, "change", change_handler_4),
|
|||
|
|
listen(select1, "change", change_handler_5),
|
|||
|
|
listen(input0, "change", change_handler_6),
|
|||
|
|
listen(input1, "change", change_handler_7)
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
mounted = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
p(new_ctx, dirty) {
|
|||
|
|
ctx = new_ctx;
|
|||
|
|
if (dirty & /*altSItems*/ 4 && t0_value !== (t0_value = /*metricToString*/ ctx[3](/*item*/ ctx[25].metric) + "")) set_data(t0, t0_value);
|
|||
|
|
if (/*i*/ ctx[27] !== 0) if_block0.p(ctx, dirty);
|
|||
|
|
|
|||
|
|
if (/*i*/ ctx[27] !== /*altSItems*/ ctx[2].length - 1) {
|
|||
|
|
if (if_block1) {
|
|||
|
|
if_block1.p(ctx, dirty);
|
|||
|
|
} else {
|
|||
|
|
if_block1 = create_if_block(ctx);
|
|||
|
|
if_block1.c();
|
|||
|
|
if_block1.m(span1, t3);
|
|||
|
|
}
|
|||
|
|
} else if (if_block1) {
|
|||
|
|
if_block1.d(1);
|
|||
|
|
if_block1 = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*altSItems, MetricCounter*/ 4 && select0_value_value !== (select0_value_value = /*item*/ ctx[25].metric.counter)) {
|
|||
|
|
select_option(select0, /*item*/ ctx[25].metric.counter);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*altSItems, MetricCounter*/ 4 && select1_value_value !== (select1_value_value = /*item*/ ctx[25].metric.type)) {
|
|||
|
|
select_option(select1, /*item*/ ctx[25].metric.type);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*altSItems, MetricCounter*/ 4 && input0_value_value !== (input0_value_value = /*item*/ ctx[25].prefix) && input0.value !== input0_value_value) {
|
|||
|
|
input0.value = input0_value_value;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*altSItems, MetricCounter*/ 4 && input1_value_value !== (input1_value_value = /*item*/ ctx[25].suffix) && input1.value !== input1_value_value) {
|
|||
|
|
input1.value = input1_value_value;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(details);
|
|||
|
|
if (if_block0) if_block0.d();
|
|||
|
|
if (if_block1) if_block1.d();
|
|||
|
|
mounted = false;
|
|||
|
|
run_all(dispose);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function create_fragment$1(ctx) {
|
|||
|
|
let div6;
|
|||
|
|
let h40;
|
|||
|
|
let t1;
|
|||
|
|
let p0;
|
|||
|
|
let t3;
|
|||
|
|
let div2;
|
|||
|
|
let button0;
|
|||
|
|
let t5;
|
|||
|
|
let button1;
|
|||
|
|
let t7;
|
|||
|
|
let t8;
|
|||
|
|
let h41;
|
|||
|
|
let t10;
|
|||
|
|
let p1;
|
|||
|
|
let t12;
|
|||
|
|
let div5;
|
|||
|
|
let button2;
|
|||
|
|
let t14;
|
|||
|
|
let button3;
|
|||
|
|
let t16;
|
|||
|
|
let mounted;
|
|||
|
|
let dispose;
|
|||
|
|
let each_value_1 = /*statusItems*/ ctx[1];
|
|||
|
|
let each_blocks_1 = [];
|
|||
|
|
|
|||
|
|
for (let i = 0; i < each_value_1.length; i += 1) {
|
|||
|
|
each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let each_value = /*altSItems*/ ctx[2];
|
|||
|
|
let each_blocks = [];
|
|||
|
|
|
|||
|
|
for (let i = 0; i < each_value.length; i += 1) {
|
|||
|
|
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
div6 = element("div");
|
|||
|
|
h40 = element("h4");
|
|||
|
|
h40.textContent = "Markdown Status Bar";
|
|||
|
|
t1 = space();
|
|||
|
|
p0 = element("p");
|
|||
|
|
p0.textContent = "Here you can customize what statistics are displayed on the status bar when editing a markdown note.";
|
|||
|
|
t3 = space();
|
|||
|
|
div2 = element("div");
|
|||
|
|
button0 = element("button");
|
|||
|
|
button0.innerHTML = `<div class="icon">Add Item</div>`;
|
|||
|
|
t5 = space();
|
|||
|
|
button1 = element("button");
|
|||
|
|
button1.innerHTML = `<div class="icon">Reset</div>`;
|
|||
|
|
t7 = space();
|
|||
|
|
|
|||
|
|
for (let i = 0; i < each_blocks_1.length; i += 1) {
|
|||
|
|
each_blocks_1[i].c();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
t8 = space();
|
|||
|
|
h41 = element("h4");
|
|||
|
|
h41.textContent = "Alternative Status Bar";
|
|||
|
|
t10 = space();
|
|||
|
|
p1 = element("p");
|
|||
|
|
p1.textContent = "Here you can customize what statistics are displayed on the status bar when not editing a markdown file.";
|
|||
|
|
t12 = space();
|
|||
|
|
div5 = element("div");
|
|||
|
|
button2 = element("button");
|
|||
|
|
button2.innerHTML = `<div class="icon">Add Item</div>`;
|
|||
|
|
t14 = space();
|
|||
|
|
button3 = element("button");
|
|||
|
|
button3.innerHTML = `<div class="icon">Reset</div>`;
|
|||
|
|
t16 = space();
|
|||
|
|
|
|||
|
|
for (let i = 0; i < each_blocks.length; i += 1) {
|
|||
|
|
each_blocks[i].c();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
attr(button0, "aria-label", "Add New Status Bar Item");
|
|||
|
|
attr(button1, "aria-label", "Reset Status Bar to Default");
|
|||
|
|
attr(div2, "class", "bwc-sb-buttons");
|
|||
|
|
attr(button2, "aria-label", "Add New Status Bar Item");
|
|||
|
|
attr(button3, "aria-label", "Reset Status Bar to Default");
|
|||
|
|
attr(div5, "class", "bwc-sb-buttons");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, div6, anchor);
|
|||
|
|
append(div6, h40);
|
|||
|
|
append(div6, t1);
|
|||
|
|
append(div6, p0);
|
|||
|
|
append(div6, t3);
|
|||
|
|
append(div6, div2);
|
|||
|
|
append(div2, button0);
|
|||
|
|
append(div2, t5);
|
|||
|
|
append(div2, button1);
|
|||
|
|
append(div6, t7);
|
|||
|
|
|
|||
|
|
for (let i = 0; i < each_blocks_1.length; i += 1) {
|
|||
|
|
if (each_blocks_1[i]) {
|
|||
|
|
each_blocks_1[i].m(div6, null);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
append(div6, t8);
|
|||
|
|
append(div6, h41);
|
|||
|
|
append(div6, t10);
|
|||
|
|
append(div6, p1);
|
|||
|
|
append(div6, t12);
|
|||
|
|
append(div6, div5);
|
|||
|
|
append(div5, button2);
|
|||
|
|
append(div5, t14);
|
|||
|
|
append(div5, button3);
|
|||
|
|
append(div6, t16);
|
|||
|
|
|
|||
|
|
for (let i = 0; i < each_blocks.length; i += 1) {
|
|||
|
|
if (each_blocks[i]) {
|
|||
|
|
each_blocks[i].m(div6, null);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!mounted) {
|
|||
|
|
dispose = [
|
|||
|
|
listen(button0, "click", /*click_handler*/ ctx[6]),
|
|||
|
|
listen(button1, "click", /*click_handler_1*/ ctx[7]),
|
|||
|
|
listen(button2, "click", /*click_handler_5*/ ctx[15]),
|
|||
|
|
listen(button3, "click", /*click_handler_6*/ ctx[16])
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
mounted = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
p(ctx, [dirty]) {
|
|||
|
|
if (dirty & /*statusItems, update, plugin, MetricType, MetricCounter, swapStatusBarItems, metricToString*/ 27) {
|
|||
|
|
each_value_1 = /*statusItems*/ ctx[1];
|
|||
|
|
let i;
|
|||
|
|
|
|||
|
|
for (i = 0; i < each_value_1.length; i += 1) {
|
|||
|
|
const child_ctx = get_each_context_1(ctx, each_value_1, i);
|
|||
|
|
|
|||
|
|
if (each_blocks_1[i]) {
|
|||
|
|
each_blocks_1[i].p(child_ctx, dirty);
|
|||
|
|
} else {
|
|||
|
|
each_blocks_1[i] = create_each_block_1(child_ctx);
|
|||
|
|
each_blocks_1[i].c();
|
|||
|
|
each_blocks_1[i].m(div6, t8);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (; i < each_blocks_1.length; i += 1) {
|
|||
|
|
each_blocks_1[i].d(1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
each_blocks_1.length = each_value_1.length;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dirty & /*altSItems, updateAlt, plugin, MetricType, MetricCounter, swapStatusBarItems, metricToString*/ 45) {
|
|||
|
|
each_value = /*altSItems*/ ctx[2];
|
|||
|
|
let i;
|
|||
|
|
|
|||
|
|
for (i = 0; i < each_value.length; i += 1) {
|
|||
|
|
const child_ctx = get_each_context(ctx, each_value, i);
|
|||
|
|
|
|||
|
|
if (each_blocks[i]) {
|
|||
|
|
each_blocks[i].p(child_ctx, dirty);
|
|||
|
|
} else {
|
|||
|
|
each_blocks[i] = create_each_block(child_ctx);
|
|||
|
|
each_blocks[i].c();
|
|||
|
|
each_blocks[i].m(div6, null);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (; i < each_blocks.length; i += 1) {
|
|||
|
|
each_blocks[i].d(1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
each_blocks.length = each_value.length;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
i: noop$1,
|
|||
|
|
o: noop$1,
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(div6);
|
|||
|
|
destroy_each(each_blocks_1, detaching);
|
|||
|
|
destroy_each(each_blocks, detaching);
|
|||
|
|
mounted = false;
|
|||
|
|
run_all(dispose);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function swapStatusBarItems(i, j, arr) {
|
|||
|
|
const max = arr.length - 1;
|
|||
|
|
if (i < 0 || i > max || j < 0 || j > max) return arr;
|
|||
|
|
const tmp = arr[i];
|
|||
|
|
arr[i] = arr[j];
|
|||
|
|
arr[j] = tmp;
|
|||
|
|
return arr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function instance$1($$self, $$props, $$invalidate) {
|
|||
|
|
let { plugin } = $$props;
|
|||
|
|
let statusItems = [...plugin.settings.statusBar];
|
|||
|
|
let altSItems = [...plugin.settings.altBar];
|
|||
|
|
|
|||
|
|
function metricToString(metric) {
|
|||
|
|
if (metric.type === MetricType.file) {
|
|||
|
|
switch (metric.counter) {
|
|||
|
|
case MetricCounter.words:
|
|||
|
|
return "Words in Note";
|
|||
|
|
case MetricCounter.characters:
|
|||
|
|
return "Chars in Note";
|
|||
|
|
case MetricCounter.sentences:
|
|||
|
|
return "Sentences in Note";
|
|||
|
|
case MetricCounter.footnotes:
|
|||
|
|
return "Footnotes in Note";
|
|||
|
|
case MetricCounter.citations:
|
|||
|
|
return "Citations in Note";
|
|||
|
|
case MetricCounter.pages:
|
|||
|
|
return "Pages in Note";
|
|||
|
|
case MetricCounter.files:
|
|||
|
|
return "Total Notes";
|
|||
|
|
}
|
|||
|
|
} else if (metric.type === MetricType.daily) {
|
|||
|
|
switch (metric.counter) {
|
|||
|
|
case MetricCounter.words:
|
|||
|
|
return "Daily Words";
|
|||
|
|
case MetricCounter.characters:
|
|||
|
|
return "Daily Chars";
|
|||
|
|
case MetricCounter.sentences:
|
|||
|
|
return "Daily Sentences";
|
|||
|
|
case MetricCounter.footnotes:
|
|||
|
|
return "Daily Footnotes";
|
|||
|
|
case MetricCounter.citations:
|
|||
|
|
return "Daily Citations";
|
|||
|
|
case MetricCounter.pages:
|
|||
|
|
return "Daily Pages";
|
|||
|
|
case MetricCounter.files:
|
|||
|
|
return "Total Notes";
|
|||
|
|
}
|
|||
|
|
} else if (metric.type === MetricType.total) {
|
|||
|
|
switch (metric.counter) {
|
|||
|
|
case MetricCounter.words:
|
|||
|
|
return "Total Words";
|
|||
|
|
case MetricCounter.characters:
|
|||
|
|
return "Total Chars";
|
|||
|
|
case MetricCounter.sentences:
|
|||
|
|
return "Total Sentences";
|
|||
|
|
case MetricCounter.footnotes:
|
|||
|
|
return "Total Footnotes";
|
|||
|
|
case MetricCounter.citations:
|
|||
|
|
return "Total Citations";
|
|||
|
|
case MetricCounter.pages:
|
|||
|
|
return "Total Pages";
|
|||
|
|
case MetricCounter.files:
|
|||
|
|
return "Total Notes";
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
return "Select Options";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function update(statusItems) {
|
|||
|
|
$$invalidate(
|
|||
|
|
0,
|
|||
|
|
plugin.settings.statusBar = statusItems.filter(item => {
|
|||
|
|
if (metricToString(item.metric) !== "Select Options") {
|
|||
|
|
return item;
|
|||
|
|
}
|
|||
|
|
}),
|
|||
|
|
plugin
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function updateAlt(altSItems) {
|
|||
|
|
$$invalidate(
|
|||
|
|
0,
|
|||
|
|
plugin.settings.altBar = altSItems.filter(item => {
|
|||
|
|
if (metricToString(item.metric) !== "Select Options") {
|
|||
|
|
return item;
|
|||
|
|
}
|
|||
|
|
}),
|
|||
|
|
plugin
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const click_handler = async () => $$invalidate(1, statusItems = [...statusItems, JSON.parse(JSON.stringify(BLANK_SB_ITEM))]);
|
|||
|
|
|
|||
|
|
const click_handler_1 = async () => {
|
|||
|
|
$$invalidate(1, statusItems = [
|
|||
|
|
{
|
|||
|
|
prefix: "",
|
|||
|
|
suffix: " words",
|
|||
|
|
metric: {
|
|||
|
|
type: MetricType.file,
|
|||
|
|
counter: MetricCounter.words
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
prefix: " ",
|
|||
|
|
suffix: " characters",
|
|||
|
|
metric: {
|
|||
|
|
type: MetricType.file,
|
|||
|
|
counter: MetricCounter.characters
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
]);
|
|||
|
|
|
|||
|
|
await update(statusItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const click_handler_2 = async i => {
|
|||
|
|
$$invalidate(1, statusItems = swapStatusBarItems(i, i - 1, statusItems));
|
|||
|
|
await update(statusItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const click_handler_3 = async i => {
|
|||
|
|
$$invalidate(1, statusItems = swapStatusBarItems(i, i + 1, statusItems));
|
|||
|
|
await update(statusItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const click_handler_4 = async i => {
|
|||
|
|
$$invalidate(1, statusItems = statusItems.filter((item, j) => i !== j));
|
|||
|
|
await update(statusItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler = async (item, each_value_1, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(1, each_value_1[i].metric.counter = MetricCounter[MetricCounter[value]], statusItems);
|
|||
|
|
await update(statusItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler_1 = async (item, each_value_1, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(1, each_value_1[i].metric.type = MetricType[MetricType[value]], statusItems);
|
|||
|
|
await update(statusItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler_2 = async (item, each_value_1, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(1, each_value_1[i].prefix = value, statusItems);
|
|||
|
|
await update(statusItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler_3 = async (item, each_value_1, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(1, each_value_1[i].suffix = value, statusItems);
|
|||
|
|
await update(statusItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const click_handler_5 = async () => $$invalidate(2, altSItems = [...altSItems, JSON.parse(JSON.stringify(BLANK_SB_ITEM))]);
|
|||
|
|
|
|||
|
|
const click_handler_6 = async () => {
|
|||
|
|
$$invalidate(2, altSItems = [
|
|||
|
|
{
|
|||
|
|
prefix: "",
|
|||
|
|
suffix: " files",
|
|||
|
|
metric: {
|
|||
|
|
type: MetricType.total,
|
|||
|
|
counter: MetricCounter.files
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
]);
|
|||
|
|
|
|||
|
|
await update(statusItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const click_handler_7 = async i => {
|
|||
|
|
$$invalidate(2, altSItems = swapStatusBarItems(i, i - 1, altSItems));
|
|||
|
|
await updateAlt(altSItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const click_handler_8 = async i => {
|
|||
|
|
$$invalidate(2, altSItems = swapStatusBarItems(i, i + 1, altSItems));
|
|||
|
|
await updateAlt(altSItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const click_handler_9 = async i => {
|
|||
|
|
$$invalidate(2, altSItems = altSItems.filter((item, j) => i !== j));
|
|||
|
|
await updateAlt(altSItems);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler_4 = async (item, each_value, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(2, each_value[i].metric.counter = MetricCounter[MetricCounter[value]], altSItems);
|
|||
|
|
await updateAlt(altSItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler_5 = async (item, each_value, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(2, each_value[i].metric.type = MetricType[MetricType[value]], altSItems);
|
|||
|
|
await updateAlt(altSItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler_6 = async (item, each_value, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(2, each_value[i].prefix = value, altSItems);
|
|||
|
|
await updateAlt(altSItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const change_handler_7 = async (item, each_value, i, e) => {
|
|||
|
|
const { value } = e.target;
|
|||
|
|
$$invalidate(2, each_value[i].suffix = value, altSItems);
|
|||
|
|
await updateAlt(altSItems);
|
|||
|
|
await plugin.saveSettings();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$$self.$$set = $$props => {
|
|||
|
|
if ('plugin' in $$props) $$invalidate(0, plugin = $$props.plugin);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return [
|
|||
|
|
plugin,
|
|||
|
|
statusItems,
|
|||
|
|
altSItems,
|
|||
|
|
metricToString,
|
|||
|
|
update,
|
|||
|
|
updateAlt,
|
|||
|
|
click_handler,
|
|||
|
|
click_handler_1,
|
|||
|
|
click_handler_2,
|
|||
|
|
click_handler_3,
|
|||
|
|
click_handler_4,
|
|||
|
|
change_handler,
|
|||
|
|
change_handler_1,
|
|||
|
|
change_handler_2,
|
|||
|
|
change_handler_3,
|
|||
|
|
click_handler_5,
|
|||
|
|
click_handler_6,
|
|||
|
|
click_handler_7,
|
|||
|
|
click_handler_8,
|
|||
|
|
click_handler_9,
|
|||
|
|
change_handler_4,
|
|||
|
|
change_handler_5,
|
|||
|
|
change_handler_6,
|
|||
|
|
change_handler_7
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class StatusBarSettings extends SvelteComponent {
|
|||
|
|
constructor(options) {
|
|||
|
|
super();
|
|||
|
|
init(this, options, instance$1, create_fragment$1, safe_not_equal, { plugin: 0 });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addStatusBarSettings(plugin, containerEl) {
|
|||
|
|
const statusItemsEl = containerEl.createEl("div");
|
|||
|
|
new StatusBarSettings({
|
|||
|
|
target: statusItemsEl,
|
|||
|
|
props: { plugin },
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class BetterWordCountSettingsTab extends obsidian.PluginSettingTab {
|
|||
|
|
constructor(app, plugin) {
|
|||
|
|
super(app, plugin);
|
|||
|
|
this.plugin = plugin;
|
|||
|
|
}
|
|||
|
|
display() {
|
|||
|
|
let { containerEl } = this;
|
|||
|
|
containerEl.empty();
|
|||
|
|
containerEl.createEl("h3", { text: "Better Word Count Settings" });
|
|||
|
|
// General Settings
|
|||
|
|
containerEl.createEl("h4", { text: "General Settings" });
|
|||
|
|
new obsidian.Setting(containerEl)
|
|||
|
|
.setName("Collect Statistics")
|
|||
|
|
.setDesc("Reload required for change to take effect. Turn on to start collecting daily statistics of your writing. Stored in the path specified below. This is required for counts of the day as well as total counts.")
|
|||
|
|
.addToggle((cb) => {
|
|||
|
|
cb.setValue(this.plugin.settings.collectStats);
|
|||
|
|
cb.onChange(async (value) => {
|
|||
|
|
this.plugin.settings.collectStats = value;
|
|||
|
|
await this.plugin.saveSettings();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
new obsidian.Setting(containerEl)
|
|||
|
|
.setName("Don't Count Comments")
|
|||
|
|
.setDesc("Turn on if you don't want markdown comments to be counted.")
|
|||
|
|
.addToggle((cb) => {
|
|||
|
|
cb.setValue(this.plugin.settings.countComments);
|
|||
|
|
cb.onChange(async (value) => {
|
|||
|
|
this.plugin.settings.countComments = value;
|
|||
|
|
await this.plugin.saveSettings();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
new obsidian.Setting(containerEl)
|
|||
|
|
.setName("Display Section Word Count")
|
|||
|
|
.setDesc("Turn on if you want to display section word counts next to headings.")
|
|||
|
|
.addToggle((cb) => {
|
|||
|
|
cb.setValue(this.plugin.settings.displaySectionCounts);
|
|||
|
|
cb.onChange(async (value) => {
|
|||
|
|
this.plugin.settings.displaySectionCounts = value;
|
|||
|
|
this.plugin.onDisplaySectionCountsChange();
|
|||
|
|
await this.plugin.saveSettings();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
new obsidian.Setting(containerEl)
|
|||
|
|
.setName("Page Word Count")
|
|||
|
|
.setDesc("Set how many words count as one \"page\"")
|
|||
|
|
.addText((text) => {
|
|||
|
|
text.inputEl.type = "number";
|
|||
|
|
text.setPlaceholder("300");
|
|||
|
|
text.setValue(this.plugin.settings.pageWords.toString());
|
|||
|
|
text.onChange(async (value) => {
|
|||
|
|
this.plugin.settings.pageWords = parseInt(value);
|
|||
|
|
await this.plugin.saveSettings();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
// Advanced Settings
|
|||
|
|
containerEl.createEl("h4", { text: "Advanced Settings" });
|
|||
|
|
new obsidian.Setting(containerEl)
|
|||
|
|
.setName("Vault Stats File Path")
|
|||
|
|
.setDesc("Reload required for change to take effect. The location of the vault statistics file, relative to the vault root.")
|
|||
|
|
.addText((text) => {
|
|||
|
|
text.setPlaceholder(".obsidian/vault-stats.json");
|
|||
|
|
text.setValue(this.plugin.settings.statsPath.toString());
|
|||
|
|
text.onChange(async (value) => {
|
|||
|
|
this.plugin.settings.statsPath = value;
|
|||
|
|
await this.plugin.saveSettings();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
// Status Bar Settings
|
|||
|
|
addStatusBarSettings(this.plugin, containerEl);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|||
|
|
|
|||
|
|
function createCommonjsModule(fn, basedir, module) {
|
|||
|
|
return module = {
|
|||
|
|
path: basedir,
|
|||
|
|
exports: {},
|
|||
|
|
require: function (path, base) {
|
|||
|
|
return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
|
|||
|
|
}
|
|||
|
|
}, fn(module, module.exports), module.exports;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function commonjsRequire () {
|
|||
|
|
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var moment = createCommonjsModule(function (module, exports) {
|
|||
|
|
(function (global, factory) {
|
|||
|
|
module.exports = factory() ;
|
|||
|
|
}(commonjsGlobal, (function () {
|
|||
|
|
var hookCallback;
|
|||
|
|
|
|||
|
|
function hooks() {
|
|||
|
|
return hookCallback.apply(null, arguments);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// This is done to register the method called with moment()
|
|||
|
|
// without creating circular dependencies.
|
|||
|
|
function setHookCallback(callback) {
|
|||
|
|
hookCallback = callback;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isArray(input) {
|
|||
|
|
return (
|
|||
|
|
input instanceof Array ||
|
|||
|
|
Object.prototype.toString.call(input) === '[object Array]'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isObject(input) {
|
|||
|
|
// IE8 will treat undefined and null as object if it wasn't for
|
|||
|
|
// input != null
|
|||
|
|
return (
|
|||
|
|
input != null &&
|
|||
|
|
Object.prototype.toString.call(input) === '[object Object]'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hasOwnProp(a, b) {
|
|||
|
|
return Object.prototype.hasOwnProperty.call(a, b);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isObjectEmpty(obj) {
|
|||
|
|
if (Object.getOwnPropertyNames) {
|
|||
|
|
return Object.getOwnPropertyNames(obj).length === 0;
|
|||
|
|
} else {
|
|||
|
|
var k;
|
|||
|
|
for (k in obj) {
|
|||
|
|
if (hasOwnProp(obj, k)) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isUndefined(input) {
|
|||
|
|
return input === void 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isNumber(input) {
|
|||
|
|
return (
|
|||
|
|
typeof input === 'number' ||
|
|||
|
|
Object.prototype.toString.call(input) === '[object Number]'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isDate(input) {
|
|||
|
|
return (
|
|||
|
|
input instanceof Date ||
|
|||
|
|
Object.prototype.toString.call(input) === '[object Date]'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function map(arr, fn) {
|
|||
|
|
var res = [],
|
|||
|
|
i,
|
|||
|
|
arrLen = arr.length;
|
|||
|
|
for (i = 0; i < arrLen; ++i) {
|
|||
|
|
res.push(fn(arr[i], i));
|
|||
|
|
}
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function extend(a, b) {
|
|||
|
|
for (var i in b) {
|
|||
|
|
if (hasOwnProp(b, i)) {
|
|||
|
|
a[i] = b[i];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (hasOwnProp(b, 'toString')) {
|
|||
|
|
a.toString = b.toString;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (hasOwnProp(b, 'valueOf')) {
|
|||
|
|
a.valueOf = b.valueOf;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return a;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createUTC(input, format, locale, strict) {
|
|||
|
|
return createLocalOrUTC(input, format, locale, strict, true).utc();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function defaultParsingFlags() {
|
|||
|
|
// We need to deep clone this object.
|
|||
|
|
return {
|
|||
|
|
empty: false,
|
|||
|
|
unusedTokens: [],
|
|||
|
|
unusedInput: [],
|
|||
|
|
overflow: -2,
|
|||
|
|
charsLeftOver: 0,
|
|||
|
|
nullInput: false,
|
|||
|
|
invalidEra: null,
|
|||
|
|
invalidMonth: null,
|
|||
|
|
invalidFormat: false,
|
|||
|
|
userInvalidated: false,
|
|||
|
|
iso: false,
|
|||
|
|
parsedDateParts: [],
|
|||
|
|
era: null,
|
|||
|
|
meridiem: null,
|
|||
|
|
rfc2822: false,
|
|||
|
|
weekdayMismatch: false,
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getParsingFlags(m) {
|
|||
|
|
if (m._pf == null) {
|
|||
|
|
m._pf = defaultParsingFlags();
|
|||
|
|
}
|
|||
|
|
return m._pf;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var some;
|
|||
|
|
if (Array.prototype.some) {
|
|||
|
|
some = Array.prototype.some;
|
|||
|
|
} else {
|
|||
|
|
some = function (fun) {
|
|||
|
|
var t = Object(this),
|
|||
|
|
len = t.length >>> 0,
|
|||
|
|
i;
|
|||
|
|
|
|||
|
|
for (i = 0; i < len; i++) {
|
|||
|
|
if (i in t && fun.call(this, t[i], i, t)) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return false;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isValid(m) {
|
|||
|
|
if (m._isValid == null) {
|
|||
|
|
var flags = getParsingFlags(m),
|
|||
|
|
parsedParts = some.call(flags.parsedDateParts, function (i) {
|
|||
|
|
return i != null;
|
|||
|
|
}),
|
|||
|
|
isNowValid =
|
|||
|
|
!isNaN(m._d.getTime()) &&
|
|||
|
|
flags.overflow < 0 &&
|
|||
|
|
!flags.empty &&
|
|||
|
|
!flags.invalidEra &&
|
|||
|
|
!flags.invalidMonth &&
|
|||
|
|
!flags.invalidWeekday &&
|
|||
|
|
!flags.weekdayMismatch &&
|
|||
|
|
!flags.nullInput &&
|
|||
|
|
!flags.invalidFormat &&
|
|||
|
|
!flags.userInvalidated &&
|
|||
|
|
(!flags.meridiem || (flags.meridiem && parsedParts));
|
|||
|
|
|
|||
|
|
if (m._strict) {
|
|||
|
|
isNowValid =
|
|||
|
|
isNowValid &&
|
|||
|
|
flags.charsLeftOver === 0 &&
|
|||
|
|
flags.unusedTokens.length === 0 &&
|
|||
|
|
flags.bigHour === undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (Object.isFrozen == null || !Object.isFrozen(m)) {
|
|||
|
|
m._isValid = isNowValid;
|
|||
|
|
} else {
|
|||
|
|
return isNowValid;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return m._isValid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createInvalid(flags) {
|
|||
|
|
var m = createUTC(NaN);
|
|||
|
|
if (flags != null) {
|
|||
|
|
extend(getParsingFlags(m), flags);
|
|||
|
|
} else {
|
|||
|
|
getParsingFlags(m).userInvalidated = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return m;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Plugins that add properties should also add the key here (null value),
|
|||
|
|
// so we can properly clone ourselves.
|
|||
|
|
var momentProperties = (hooks.momentProperties = []),
|
|||
|
|
updateInProgress = false;
|
|||
|
|
|
|||
|
|
function copyConfig(to, from) {
|
|||
|
|
var i,
|
|||
|
|
prop,
|
|||
|
|
val,
|
|||
|
|
momentPropertiesLen = momentProperties.length;
|
|||
|
|
|
|||
|
|
if (!isUndefined(from._isAMomentObject)) {
|
|||
|
|
to._isAMomentObject = from._isAMomentObject;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._i)) {
|
|||
|
|
to._i = from._i;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._f)) {
|
|||
|
|
to._f = from._f;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._l)) {
|
|||
|
|
to._l = from._l;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._strict)) {
|
|||
|
|
to._strict = from._strict;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._tzm)) {
|
|||
|
|
to._tzm = from._tzm;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._isUTC)) {
|
|||
|
|
to._isUTC = from._isUTC;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._offset)) {
|
|||
|
|
to._offset = from._offset;
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._pf)) {
|
|||
|
|
to._pf = getParsingFlags(from);
|
|||
|
|
}
|
|||
|
|
if (!isUndefined(from._locale)) {
|
|||
|
|
to._locale = from._locale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (momentPropertiesLen > 0) {
|
|||
|
|
for (i = 0; i < momentPropertiesLen; i++) {
|
|||
|
|
prop = momentProperties[i];
|
|||
|
|
val = from[prop];
|
|||
|
|
if (!isUndefined(val)) {
|
|||
|
|
to[prop] = val;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return to;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Moment prototype object
|
|||
|
|
function Moment(config) {
|
|||
|
|
copyConfig(this, config);
|
|||
|
|
this._d = new Date(config._d != null ? config._d.getTime() : NaN);
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
this._d = new Date(NaN);
|
|||
|
|
}
|
|||
|
|
// Prevent infinite loop in case updateOffset creates new moment
|
|||
|
|
// objects.
|
|||
|
|
if (updateInProgress === false) {
|
|||
|
|
updateInProgress = true;
|
|||
|
|
hooks.updateOffset(this);
|
|||
|
|
updateInProgress = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isMoment(obj) {
|
|||
|
|
return (
|
|||
|
|
obj instanceof Moment || (obj != null && obj._isAMomentObject != null)
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function warn(msg) {
|
|||
|
|
if (
|
|||
|
|
hooks.suppressDeprecationWarnings === false &&
|
|||
|
|
typeof console !== 'undefined' &&
|
|||
|
|
console.warn
|
|||
|
|
) {
|
|||
|
|
console.warn('Deprecation warning: ' + msg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function deprecate(msg, fn) {
|
|||
|
|
var firstTime = true;
|
|||
|
|
|
|||
|
|
return extend(function () {
|
|||
|
|
if (hooks.deprecationHandler != null) {
|
|||
|
|
hooks.deprecationHandler(null, msg);
|
|||
|
|
}
|
|||
|
|
if (firstTime) {
|
|||
|
|
var args = [],
|
|||
|
|
arg,
|
|||
|
|
i,
|
|||
|
|
key,
|
|||
|
|
argLen = arguments.length;
|
|||
|
|
for (i = 0; i < argLen; i++) {
|
|||
|
|
arg = '';
|
|||
|
|
if (typeof arguments[i] === 'object') {
|
|||
|
|
arg += '\n[' + i + '] ';
|
|||
|
|
for (key in arguments[0]) {
|
|||
|
|
if (hasOwnProp(arguments[0], key)) {
|
|||
|
|
arg += key + ': ' + arguments[0][key] + ', ';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
arg = arg.slice(0, -2); // Remove trailing comma and space
|
|||
|
|
} else {
|
|||
|
|
arg = arguments[i];
|
|||
|
|
}
|
|||
|
|
args.push(arg);
|
|||
|
|
}
|
|||
|
|
warn(
|
|||
|
|
msg +
|
|||
|
|
'\nArguments: ' +
|
|||
|
|
Array.prototype.slice.call(args).join('') +
|
|||
|
|
'\n' +
|
|||
|
|
new Error().stack
|
|||
|
|
);
|
|||
|
|
firstTime = false;
|
|||
|
|
}
|
|||
|
|
return fn.apply(this, arguments);
|
|||
|
|
}, fn);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var deprecations = {};
|
|||
|
|
|
|||
|
|
function deprecateSimple(name, msg) {
|
|||
|
|
if (hooks.deprecationHandler != null) {
|
|||
|
|
hooks.deprecationHandler(name, msg);
|
|||
|
|
}
|
|||
|
|
if (!deprecations[name]) {
|
|||
|
|
warn(msg);
|
|||
|
|
deprecations[name] = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
hooks.suppressDeprecationWarnings = false;
|
|||
|
|
hooks.deprecationHandler = null;
|
|||
|
|
|
|||
|
|
function isFunction(input) {
|
|||
|
|
return (
|
|||
|
|
(typeof Function !== 'undefined' && input instanceof Function) ||
|
|||
|
|
Object.prototype.toString.call(input) === '[object Function]'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function set(config) {
|
|||
|
|
var prop, i;
|
|||
|
|
for (i in config) {
|
|||
|
|
if (hasOwnProp(config, i)) {
|
|||
|
|
prop = config[i];
|
|||
|
|
if (isFunction(prop)) {
|
|||
|
|
this[i] = prop;
|
|||
|
|
} else {
|
|||
|
|
this['_' + i] = prop;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this._config = config;
|
|||
|
|
// Lenient ordinal parsing accepts just a number in addition to
|
|||
|
|
// number + (possibly) stuff coming from _dayOfMonthOrdinalParse.
|
|||
|
|
// TODO: Remove "ordinalParse" fallback in next major release.
|
|||
|
|
this._dayOfMonthOrdinalParseLenient = new RegExp(
|
|||
|
|
(this._dayOfMonthOrdinalParse.source || this._ordinalParse.source) +
|
|||
|
|
'|' +
|
|||
|
|
/\d{1,2}/.source
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function mergeConfigs(parentConfig, childConfig) {
|
|||
|
|
var res = extend({}, parentConfig),
|
|||
|
|
prop;
|
|||
|
|
for (prop in childConfig) {
|
|||
|
|
if (hasOwnProp(childConfig, prop)) {
|
|||
|
|
if (isObject(parentConfig[prop]) && isObject(childConfig[prop])) {
|
|||
|
|
res[prop] = {};
|
|||
|
|
extend(res[prop], parentConfig[prop]);
|
|||
|
|
extend(res[prop], childConfig[prop]);
|
|||
|
|
} else if (childConfig[prop] != null) {
|
|||
|
|
res[prop] = childConfig[prop];
|
|||
|
|
} else {
|
|||
|
|
delete res[prop];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
for (prop in parentConfig) {
|
|||
|
|
if (
|
|||
|
|
hasOwnProp(parentConfig, prop) &&
|
|||
|
|
!hasOwnProp(childConfig, prop) &&
|
|||
|
|
isObject(parentConfig[prop])
|
|||
|
|
) {
|
|||
|
|
// make sure changes to properties don't modify parent config
|
|||
|
|
res[prop] = extend({}, res[prop]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function Locale(config) {
|
|||
|
|
if (config != null) {
|
|||
|
|
this.set(config);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var keys;
|
|||
|
|
|
|||
|
|
if (Object.keys) {
|
|||
|
|
keys = Object.keys;
|
|||
|
|
} else {
|
|||
|
|
keys = function (obj) {
|
|||
|
|
var i,
|
|||
|
|
res = [];
|
|||
|
|
for (i in obj) {
|
|||
|
|
if (hasOwnProp(obj, i)) {
|
|||
|
|
res.push(i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return res;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultCalendar = {
|
|||
|
|
sameDay: '[Today at] LT',
|
|||
|
|
nextDay: '[Tomorrow at] LT',
|
|||
|
|
nextWeek: 'dddd [at] LT',
|
|||
|
|
lastDay: '[Yesterday at] LT',
|
|||
|
|
lastWeek: '[Last] dddd [at] LT',
|
|||
|
|
sameElse: 'L',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function calendar(key, mom, now) {
|
|||
|
|
var output = this._calendar[key] || this._calendar['sameElse'];
|
|||
|
|
return isFunction(output) ? output.call(mom, now) : output;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function zeroFill(number, targetLength, forceSign) {
|
|||
|
|
var absNumber = '' + Math.abs(number),
|
|||
|
|
zerosToFill = targetLength - absNumber.length,
|
|||
|
|
sign = number >= 0;
|
|||
|
|
return (
|
|||
|
|
(sign ? (forceSign ? '+' : '') : '-') +
|
|||
|
|
Math.pow(10, Math.max(0, zerosToFill)).toString().substr(1) +
|
|||
|
|
absNumber
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var formattingTokens =
|
|||
|
|
/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,
|
|||
|
|
localFormattingTokens = /(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,
|
|||
|
|
formatFunctions = {},
|
|||
|
|
formatTokenFunctions = {};
|
|||
|
|
|
|||
|
|
// token: 'M'
|
|||
|
|
// padded: ['MM', 2]
|
|||
|
|
// ordinal: 'Mo'
|
|||
|
|
// callback: function () { this.month() + 1 }
|
|||
|
|
function addFormatToken(token, padded, ordinal, callback) {
|
|||
|
|
var func = callback;
|
|||
|
|
if (typeof callback === 'string') {
|
|||
|
|
func = function () {
|
|||
|
|
return this[callback]();
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if (token) {
|
|||
|
|
formatTokenFunctions[token] = func;
|
|||
|
|
}
|
|||
|
|
if (padded) {
|
|||
|
|
formatTokenFunctions[padded[0]] = function () {
|
|||
|
|
return zeroFill(func.apply(this, arguments), padded[1], padded[2]);
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if (ordinal) {
|
|||
|
|
formatTokenFunctions[ordinal] = function () {
|
|||
|
|
return this.localeData().ordinal(
|
|||
|
|
func.apply(this, arguments),
|
|||
|
|
token
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function removeFormattingTokens(input) {
|
|||
|
|
if (input.match(/\[[\s\S]/)) {
|
|||
|
|
return input.replace(/^\[|\]$/g, '');
|
|||
|
|
}
|
|||
|
|
return input.replace(/\\/g, '');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function makeFormatFunction(format) {
|
|||
|
|
var array = format.match(formattingTokens),
|
|||
|
|
i,
|
|||
|
|
length;
|
|||
|
|
|
|||
|
|
for (i = 0, length = array.length; i < length; i++) {
|
|||
|
|
if (formatTokenFunctions[array[i]]) {
|
|||
|
|
array[i] = formatTokenFunctions[array[i]];
|
|||
|
|
} else {
|
|||
|
|
array[i] = removeFormattingTokens(array[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return function (mom) {
|
|||
|
|
var output = '',
|
|||
|
|
i;
|
|||
|
|
for (i = 0; i < length; i++) {
|
|||
|
|
output += isFunction(array[i])
|
|||
|
|
? array[i].call(mom, format)
|
|||
|
|
: array[i];
|
|||
|
|
}
|
|||
|
|
return output;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// format date using native date object
|
|||
|
|
function formatMoment(m, format) {
|
|||
|
|
if (!m.isValid()) {
|
|||
|
|
return m.localeData().invalidDate();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
format = expandFormat(format, m.localeData());
|
|||
|
|
formatFunctions[format] =
|
|||
|
|
formatFunctions[format] || makeFormatFunction(format);
|
|||
|
|
|
|||
|
|
return formatFunctions[format](m);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function expandFormat(format, locale) {
|
|||
|
|
var i = 5;
|
|||
|
|
|
|||
|
|
function replaceLongDateFormatTokens(input) {
|
|||
|
|
return locale.longDateFormat(input) || input;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
localFormattingTokens.lastIndex = 0;
|
|||
|
|
while (i >= 0 && localFormattingTokens.test(format)) {
|
|||
|
|
format = format.replace(
|
|||
|
|
localFormattingTokens,
|
|||
|
|
replaceLongDateFormatTokens
|
|||
|
|
);
|
|||
|
|
localFormattingTokens.lastIndex = 0;
|
|||
|
|
i -= 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return format;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultLongDateFormat = {
|
|||
|
|
LTS: 'h:mm:ss A',
|
|||
|
|
LT: 'h:mm A',
|
|||
|
|
L: 'MM/DD/YYYY',
|
|||
|
|
LL: 'MMMM D, YYYY',
|
|||
|
|
LLL: 'MMMM D, YYYY h:mm A',
|
|||
|
|
LLLL: 'dddd, MMMM D, YYYY h:mm A',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function longDateFormat(key) {
|
|||
|
|
var format = this._longDateFormat[key],
|
|||
|
|
formatUpper = this._longDateFormat[key.toUpperCase()];
|
|||
|
|
|
|||
|
|
if (format || !formatUpper) {
|
|||
|
|
return format;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this._longDateFormat[key] = formatUpper
|
|||
|
|
.match(formattingTokens)
|
|||
|
|
.map(function (tok) {
|
|||
|
|
if (
|
|||
|
|
tok === 'MMMM' ||
|
|||
|
|
tok === 'MM' ||
|
|||
|
|
tok === 'DD' ||
|
|||
|
|
tok === 'dddd'
|
|||
|
|
) {
|
|||
|
|
return tok.slice(1);
|
|||
|
|
}
|
|||
|
|
return tok;
|
|||
|
|
})
|
|||
|
|
.join('');
|
|||
|
|
|
|||
|
|
return this._longDateFormat[key];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultInvalidDate = 'Invalid date';
|
|||
|
|
|
|||
|
|
function invalidDate() {
|
|||
|
|
return this._invalidDate;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultOrdinal = '%d',
|
|||
|
|
defaultDayOfMonthOrdinalParse = /\d{1,2}/;
|
|||
|
|
|
|||
|
|
function ordinal(number) {
|
|||
|
|
return this._ordinal.replace('%d', number);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultRelativeTime = {
|
|||
|
|
future: 'in %s',
|
|||
|
|
past: '%s ago',
|
|||
|
|
s: 'a few seconds',
|
|||
|
|
ss: '%d seconds',
|
|||
|
|
m: 'a minute',
|
|||
|
|
mm: '%d minutes',
|
|||
|
|
h: 'an hour',
|
|||
|
|
hh: '%d hours',
|
|||
|
|
d: 'a day',
|
|||
|
|
dd: '%d days',
|
|||
|
|
w: 'a week',
|
|||
|
|
ww: '%d weeks',
|
|||
|
|
M: 'a month',
|
|||
|
|
MM: '%d months',
|
|||
|
|
y: 'a year',
|
|||
|
|
yy: '%d years',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function relativeTime(number, withoutSuffix, string, isFuture) {
|
|||
|
|
var output = this._relativeTime[string];
|
|||
|
|
return isFunction(output)
|
|||
|
|
? output(number, withoutSuffix, string, isFuture)
|
|||
|
|
: output.replace(/%d/i, number);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function pastFuture(diff, output) {
|
|||
|
|
var format = this._relativeTime[diff > 0 ? 'future' : 'past'];
|
|||
|
|
return isFunction(format) ? format(output) : format.replace(/%s/i, output);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var aliases = {};
|
|||
|
|
|
|||
|
|
function addUnitAlias(unit, shorthand) {
|
|||
|
|
var lowerCase = unit.toLowerCase();
|
|||
|
|
aliases[lowerCase] = aliases[lowerCase + 's'] = aliases[shorthand] = unit;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function normalizeUnits(units) {
|
|||
|
|
return typeof units === 'string'
|
|||
|
|
? aliases[units] || aliases[units.toLowerCase()]
|
|||
|
|
: undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function normalizeObjectUnits(inputObject) {
|
|||
|
|
var normalizedInput = {},
|
|||
|
|
normalizedProp,
|
|||
|
|
prop;
|
|||
|
|
|
|||
|
|
for (prop in inputObject) {
|
|||
|
|
if (hasOwnProp(inputObject, prop)) {
|
|||
|
|
normalizedProp = normalizeUnits(prop);
|
|||
|
|
if (normalizedProp) {
|
|||
|
|
normalizedInput[normalizedProp] = inputObject[prop];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return normalizedInput;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var priorities = {};
|
|||
|
|
|
|||
|
|
function addUnitPriority(unit, priority) {
|
|||
|
|
priorities[unit] = priority;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getPrioritizedUnits(unitsObj) {
|
|||
|
|
var units = [],
|
|||
|
|
u;
|
|||
|
|
for (u in unitsObj) {
|
|||
|
|
if (hasOwnProp(unitsObj, u)) {
|
|||
|
|
units.push({ unit: u, priority: priorities[u] });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
units.sort(function (a, b) {
|
|||
|
|
return a.priority - b.priority;
|
|||
|
|
});
|
|||
|
|
return units;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isLeapYear(year) {
|
|||
|
|
return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function absFloor(number) {
|
|||
|
|
if (number < 0) {
|
|||
|
|
// -0 -> 0
|
|||
|
|
return Math.ceil(number) || 0;
|
|||
|
|
} else {
|
|||
|
|
return Math.floor(number);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toInt(argumentForCoercion) {
|
|||
|
|
var coercedNumber = +argumentForCoercion,
|
|||
|
|
value = 0;
|
|||
|
|
|
|||
|
|
if (coercedNumber !== 0 && isFinite(coercedNumber)) {
|
|||
|
|
value = absFloor(coercedNumber);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function makeGetSet(unit, keepTime) {
|
|||
|
|
return function (value) {
|
|||
|
|
if (value != null) {
|
|||
|
|
set$1(this, unit, value);
|
|||
|
|
hooks.updateOffset(this, keepTime);
|
|||
|
|
return this;
|
|||
|
|
} else {
|
|||
|
|
return get(this, unit);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function get(mom, unit) {
|
|||
|
|
return mom.isValid()
|
|||
|
|
? mom._d['get' + (mom._isUTC ? 'UTC' : '') + unit]()
|
|||
|
|
: NaN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function set$1(mom, unit, value) {
|
|||
|
|
if (mom.isValid() && !isNaN(value)) {
|
|||
|
|
if (
|
|||
|
|
unit === 'FullYear' &&
|
|||
|
|
isLeapYear(mom.year()) &&
|
|||
|
|
mom.month() === 1 &&
|
|||
|
|
mom.date() === 29
|
|||
|
|
) {
|
|||
|
|
value = toInt(value);
|
|||
|
|
mom._d['set' + (mom._isUTC ? 'UTC' : '') + unit](
|
|||
|
|
value,
|
|||
|
|
mom.month(),
|
|||
|
|
daysInMonth(value, mom.month())
|
|||
|
|
);
|
|||
|
|
} else {
|
|||
|
|
mom._d['set' + (mom._isUTC ? 'UTC' : '') + unit](value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function stringGet(units) {
|
|||
|
|
units = normalizeUnits(units);
|
|||
|
|
if (isFunction(this[units])) {
|
|||
|
|
return this[units]();
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function stringSet(units, value) {
|
|||
|
|
if (typeof units === 'object') {
|
|||
|
|
units = normalizeObjectUnits(units);
|
|||
|
|
var prioritized = getPrioritizedUnits(units),
|
|||
|
|
i,
|
|||
|
|
prioritizedLen = prioritized.length;
|
|||
|
|
for (i = 0; i < prioritizedLen; i++) {
|
|||
|
|
this[prioritized[i].unit](units[prioritized[i].unit]);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
units = normalizeUnits(units);
|
|||
|
|
if (isFunction(this[units])) {
|
|||
|
|
return this[units](value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var match1 = /\d/, // 0 - 9
|
|||
|
|
match2 = /\d\d/, // 00 - 99
|
|||
|
|
match3 = /\d{3}/, // 000 - 999
|
|||
|
|
match4 = /\d{4}/, // 0000 - 9999
|
|||
|
|
match6 = /[+-]?\d{6}/, // -999999 - 999999
|
|||
|
|
match1to2 = /\d\d?/, // 0 - 99
|
|||
|
|
match3to4 = /\d\d\d\d?/, // 999 - 9999
|
|||
|
|
match5to6 = /\d\d\d\d\d\d?/, // 99999 - 999999
|
|||
|
|
match1to3 = /\d{1,3}/, // 0 - 999
|
|||
|
|
match1to4 = /\d{1,4}/, // 0 - 9999
|
|||
|
|
match1to6 = /[+-]?\d{1,6}/, // -999999 - 999999
|
|||
|
|
matchUnsigned = /\d+/, // 0 - inf
|
|||
|
|
matchSigned = /[+-]?\d+/, // -inf - inf
|
|||
|
|
matchOffset = /Z|[+-]\d\d:?\d\d/gi, // +00:00 -00:00 +0000 -0000 or Z
|
|||
|
|
matchShortOffset = /Z|[+-]\d\d(?::?\d\d)?/gi, // +00 -00 +00:00 -00:00 +0000 -0000 or Z
|
|||
|
|
matchTimestamp = /[+-]?\d+(\.\d{1,3})?/, // 123456789 123456789.123
|
|||
|
|
// any word (or two) characters or numbers including two/three word month in arabic.
|
|||
|
|
// includes scottish gaelic two word and hyphenated months
|
|||
|
|
matchWord =
|
|||
|
|
/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,
|
|||
|
|
regexes;
|
|||
|
|
|
|||
|
|
regexes = {};
|
|||
|
|
|
|||
|
|
function addRegexToken(token, regex, strictRegex) {
|
|||
|
|
regexes[token] = isFunction(regex)
|
|||
|
|
? regex
|
|||
|
|
: function (isStrict, localeData) {
|
|||
|
|
return isStrict && strictRegex ? strictRegex : regex;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getParseRegexForToken(token, config) {
|
|||
|
|
if (!hasOwnProp(regexes, token)) {
|
|||
|
|
return new RegExp(unescapeFormat(token));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return regexes[token](config._strict, config._locale);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Code from http://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript
|
|||
|
|
function unescapeFormat(s) {
|
|||
|
|
return regexEscape(
|
|||
|
|
s
|
|||
|
|
.replace('\\', '')
|
|||
|
|
.replace(
|
|||
|
|
/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,
|
|||
|
|
function (matched, p1, p2, p3, p4) {
|
|||
|
|
return p1 || p2 || p3 || p4;
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function regexEscape(s) {
|
|||
|
|
return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var tokens = {};
|
|||
|
|
|
|||
|
|
function addParseToken(token, callback) {
|
|||
|
|
var i,
|
|||
|
|
func = callback,
|
|||
|
|
tokenLen;
|
|||
|
|
if (typeof token === 'string') {
|
|||
|
|
token = [token];
|
|||
|
|
}
|
|||
|
|
if (isNumber(callback)) {
|
|||
|
|
func = function (input, array) {
|
|||
|
|
array[callback] = toInt(input);
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
tokenLen = token.length;
|
|||
|
|
for (i = 0; i < tokenLen; i++) {
|
|||
|
|
tokens[token[i]] = func;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addWeekParseToken(token, callback) {
|
|||
|
|
addParseToken(token, function (input, array, config, token) {
|
|||
|
|
config._w = config._w || {};
|
|||
|
|
callback(input, config._w, config, token);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addTimeToArrayFromToken(token, input, config) {
|
|||
|
|
if (input != null && hasOwnProp(tokens, token)) {
|
|||
|
|
tokens[token](input, config._a, config, token);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var YEAR = 0,
|
|||
|
|
MONTH = 1,
|
|||
|
|
DATE = 2,
|
|||
|
|
HOUR = 3,
|
|||
|
|
MINUTE = 4,
|
|||
|
|
SECOND = 5,
|
|||
|
|
MILLISECOND = 6,
|
|||
|
|
WEEK = 7,
|
|||
|
|
WEEKDAY = 8;
|
|||
|
|
|
|||
|
|
function mod(n, x) {
|
|||
|
|
return ((n % x) + x) % x;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var indexOf;
|
|||
|
|
|
|||
|
|
if (Array.prototype.indexOf) {
|
|||
|
|
indexOf = Array.prototype.indexOf;
|
|||
|
|
} else {
|
|||
|
|
indexOf = function (o) {
|
|||
|
|
// I know
|
|||
|
|
var i;
|
|||
|
|
for (i = 0; i < this.length; ++i) {
|
|||
|
|
if (this[i] === o) {
|
|||
|
|
return i;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return -1;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function daysInMonth(year, month) {
|
|||
|
|
if (isNaN(year) || isNaN(month)) {
|
|||
|
|
return NaN;
|
|||
|
|
}
|
|||
|
|
var modMonth = mod(month, 12);
|
|||
|
|
year += (month - modMonth) / 12;
|
|||
|
|
return modMonth === 1
|
|||
|
|
? isLeapYear(year)
|
|||
|
|
? 29
|
|||
|
|
: 28
|
|||
|
|
: 31 - ((modMonth % 7) % 2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('M', ['MM', 2], 'Mo', function () {
|
|||
|
|
return this.month() + 1;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('MMM', 0, 0, function (format) {
|
|||
|
|
return this.localeData().monthsShort(this, format);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('MMMM', 0, 0, function (format) {
|
|||
|
|
return this.localeData().months(this, format);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('month', 'M');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
|
|||
|
|
addUnitPriority('month', 8);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('M', match1to2);
|
|||
|
|
addRegexToken('MM', match1to2, match2);
|
|||
|
|
addRegexToken('MMM', function (isStrict, locale) {
|
|||
|
|
return locale.monthsShortRegex(isStrict);
|
|||
|
|
});
|
|||
|
|
addRegexToken('MMMM', function (isStrict, locale) {
|
|||
|
|
return locale.monthsRegex(isStrict);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addParseToken(['M', 'MM'], function (input, array) {
|
|||
|
|
array[MONTH] = toInt(input) - 1;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addParseToken(['MMM', 'MMMM'], function (input, array, config, token) {
|
|||
|
|
var month = config._locale.monthsParse(input, token, config._strict);
|
|||
|
|
// if we didn't find a month name, mark the date as invalid.
|
|||
|
|
if (month != null) {
|
|||
|
|
array[MONTH] = month;
|
|||
|
|
} else {
|
|||
|
|
getParsingFlags(config).invalidMonth = input;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// LOCALES
|
|||
|
|
|
|||
|
|
var defaultLocaleMonths =
|
|||
|
|
'January_February_March_April_May_June_July_August_September_October_November_December'.split(
|
|||
|
|
'_'
|
|||
|
|
),
|
|||
|
|
defaultLocaleMonthsShort =
|
|||
|
|
'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
|
|||
|
|
MONTHS_IN_FORMAT = /D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,
|
|||
|
|
defaultMonthsShortRegex = matchWord,
|
|||
|
|
defaultMonthsRegex = matchWord;
|
|||
|
|
|
|||
|
|
function localeMonths(m, format) {
|
|||
|
|
if (!m) {
|
|||
|
|
return isArray(this._months)
|
|||
|
|
? this._months
|
|||
|
|
: this._months['standalone'];
|
|||
|
|
}
|
|||
|
|
return isArray(this._months)
|
|||
|
|
? this._months[m.month()]
|
|||
|
|
: this._months[
|
|||
|
|
(this._months.isFormat || MONTHS_IN_FORMAT).test(format)
|
|||
|
|
? 'format'
|
|||
|
|
: 'standalone'
|
|||
|
|
][m.month()];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeMonthsShort(m, format) {
|
|||
|
|
if (!m) {
|
|||
|
|
return isArray(this._monthsShort)
|
|||
|
|
? this._monthsShort
|
|||
|
|
: this._monthsShort['standalone'];
|
|||
|
|
}
|
|||
|
|
return isArray(this._monthsShort)
|
|||
|
|
? this._monthsShort[m.month()]
|
|||
|
|
: this._monthsShort[
|
|||
|
|
MONTHS_IN_FORMAT.test(format) ? 'format' : 'standalone'
|
|||
|
|
][m.month()];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function handleStrictParse(monthName, format, strict) {
|
|||
|
|
var i,
|
|||
|
|
ii,
|
|||
|
|
mom,
|
|||
|
|
llc = monthName.toLocaleLowerCase();
|
|||
|
|
if (!this._monthsParse) {
|
|||
|
|
// this is not used
|
|||
|
|
this._monthsParse = [];
|
|||
|
|
this._longMonthsParse = [];
|
|||
|
|
this._shortMonthsParse = [];
|
|||
|
|
for (i = 0; i < 12; ++i) {
|
|||
|
|
mom = createUTC([2000, i]);
|
|||
|
|
this._shortMonthsParse[i] = this.monthsShort(
|
|||
|
|
mom,
|
|||
|
|
''
|
|||
|
|
).toLocaleLowerCase();
|
|||
|
|
this._longMonthsParse[i] = this.months(mom, '').toLocaleLowerCase();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (strict) {
|
|||
|
|
if (format === 'MMM') {
|
|||
|
|
ii = indexOf.call(this._shortMonthsParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
} else {
|
|||
|
|
ii = indexOf.call(this._longMonthsParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (format === 'MMM') {
|
|||
|
|
ii = indexOf.call(this._shortMonthsParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._longMonthsParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
} else {
|
|||
|
|
ii = indexOf.call(this._longMonthsParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._shortMonthsParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeMonthsParse(monthName, format, strict) {
|
|||
|
|
var i, mom, regex;
|
|||
|
|
|
|||
|
|
if (this._monthsParseExact) {
|
|||
|
|
return handleStrictParse.call(this, monthName, format, strict);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!this._monthsParse) {
|
|||
|
|
this._monthsParse = [];
|
|||
|
|
this._longMonthsParse = [];
|
|||
|
|
this._shortMonthsParse = [];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// TODO: add sorting
|
|||
|
|
// Sorting makes sure if one month (or abbr) is a prefix of another
|
|||
|
|
// see sorting in computeMonthsParse
|
|||
|
|
for (i = 0; i < 12; i++) {
|
|||
|
|
// make the regex if we don't have it already
|
|||
|
|
mom = createUTC([2000, i]);
|
|||
|
|
if (strict && !this._longMonthsParse[i]) {
|
|||
|
|
this._longMonthsParse[i] = new RegExp(
|
|||
|
|
'^' + this.months(mom, '').replace('.', '') + '$',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
this._shortMonthsParse[i] = new RegExp(
|
|||
|
|
'^' + this.monthsShort(mom, '').replace('.', '') + '$',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
if (!strict && !this._monthsParse[i]) {
|
|||
|
|
regex =
|
|||
|
|
'^' + this.months(mom, '') + '|^' + this.monthsShort(mom, '');
|
|||
|
|
this._monthsParse[i] = new RegExp(regex.replace('.', ''), 'i');
|
|||
|
|
}
|
|||
|
|
// test the regex
|
|||
|
|
if (
|
|||
|
|
strict &&
|
|||
|
|
format === 'MMMM' &&
|
|||
|
|
this._longMonthsParse[i].test(monthName)
|
|||
|
|
) {
|
|||
|
|
return i;
|
|||
|
|
} else if (
|
|||
|
|
strict &&
|
|||
|
|
format === 'MMM' &&
|
|||
|
|
this._shortMonthsParse[i].test(monthName)
|
|||
|
|
) {
|
|||
|
|
return i;
|
|||
|
|
} else if (!strict && this._monthsParse[i].test(monthName)) {
|
|||
|
|
return i;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function setMonth(mom, value) {
|
|||
|
|
var dayOfMonth;
|
|||
|
|
|
|||
|
|
if (!mom.isValid()) {
|
|||
|
|
// No op
|
|||
|
|
return mom;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (typeof value === 'string') {
|
|||
|
|
if (/^\d+$/.test(value)) {
|
|||
|
|
value = toInt(value);
|
|||
|
|
} else {
|
|||
|
|
value = mom.localeData().monthsParse(value);
|
|||
|
|
// TODO: Another silent failure?
|
|||
|
|
if (!isNumber(value)) {
|
|||
|
|
return mom;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
dayOfMonth = Math.min(mom.date(), daysInMonth(mom.year(), value));
|
|||
|
|
mom._d['set' + (mom._isUTC ? 'UTC' : '') + 'Month'](value, dayOfMonth);
|
|||
|
|
return mom;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSetMonth(value) {
|
|||
|
|
if (value != null) {
|
|||
|
|
setMonth(this, value);
|
|||
|
|
hooks.updateOffset(this, true);
|
|||
|
|
return this;
|
|||
|
|
} else {
|
|||
|
|
return get(this, 'Month');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getDaysInMonth() {
|
|||
|
|
return daysInMonth(this.year(), this.month());
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function monthsShortRegex(isStrict) {
|
|||
|
|
if (this._monthsParseExact) {
|
|||
|
|
if (!hasOwnProp(this, '_monthsRegex')) {
|
|||
|
|
computeMonthsParse.call(this);
|
|||
|
|
}
|
|||
|
|
if (isStrict) {
|
|||
|
|
return this._monthsShortStrictRegex;
|
|||
|
|
} else {
|
|||
|
|
return this._monthsShortRegex;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (!hasOwnProp(this, '_monthsShortRegex')) {
|
|||
|
|
this._monthsShortRegex = defaultMonthsShortRegex;
|
|||
|
|
}
|
|||
|
|
return this._monthsShortStrictRegex && isStrict
|
|||
|
|
? this._monthsShortStrictRegex
|
|||
|
|
: this._monthsShortRegex;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function monthsRegex(isStrict) {
|
|||
|
|
if (this._monthsParseExact) {
|
|||
|
|
if (!hasOwnProp(this, '_monthsRegex')) {
|
|||
|
|
computeMonthsParse.call(this);
|
|||
|
|
}
|
|||
|
|
if (isStrict) {
|
|||
|
|
return this._monthsStrictRegex;
|
|||
|
|
} else {
|
|||
|
|
return this._monthsRegex;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (!hasOwnProp(this, '_monthsRegex')) {
|
|||
|
|
this._monthsRegex = defaultMonthsRegex;
|
|||
|
|
}
|
|||
|
|
return this._monthsStrictRegex && isStrict
|
|||
|
|
? this._monthsStrictRegex
|
|||
|
|
: this._monthsRegex;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function computeMonthsParse() {
|
|||
|
|
function cmpLenRev(a, b) {
|
|||
|
|
return b.length - a.length;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var shortPieces = [],
|
|||
|
|
longPieces = [],
|
|||
|
|
mixedPieces = [],
|
|||
|
|
i,
|
|||
|
|
mom;
|
|||
|
|
for (i = 0; i < 12; i++) {
|
|||
|
|
// make the regex if we don't have it already
|
|||
|
|
mom = createUTC([2000, i]);
|
|||
|
|
shortPieces.push(this.monthsShort(mom, ''));
|
|||
|
|
longPieces.push(this.months(mom, ''));
|
|||
|
|
mixedPieces.push(this.months(mom, ''));
|
|||
|
|
mixedPieces.push(this.monthsShort(mom, ''));
|
|||
|
|
}
|
|||
|
|
// Sorting makes sure if one month (or abbr) is a prefix of another it
|
|||
|
|
// will match the longer piece.
|
|||
|
|
shortPieces.sort(cmpLenRev);
|
|||
|
|
longPieces.sort(cmpLenRev);
|
|||
|
|
mixedPieces.sort(cmpLenRev);
|
|||
|
|
for (i = 0; i < 12; i++) {
|
|||
|
|
shortPieces[i] = regexEscape(shortPieces[i]);
|
|||
|
|
longPieces[i] = regexEscape(longPieces[i]);
|
|||
|
|
}
|
|||
|
|
for (i = 0; i < 24; i++) {
|
|||
|
|
mixedPieces[i] = regexEscape(mixedPieces[i]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this._monthsRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');
|
|||
|
|
this._monthsShortRegex = this._monthsRegex;
|
|||
|
|
this._monthsStrictRegex = new RegExp(
|
|||
|
|
'^(' + longPieces.join('|') + ')',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
this._monthsShortStrictRegex = new RegExp(
|
|||
|
|
'^(' + shortPieces.join('|') + ')',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('Y', 0, 0, function () {
|
|||
|
|
var y = this.year();
|
|||
|
|
return y <= 9999 ? zeroFill(y, 4) : '+' + y;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken(0, ['YY', 2], 0, function () {
|
|||
|
|
return this.year() % 100;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken(0, ['YYYY', 4], 0, 'year');
|
|||
|
|
addFormatToken(0, ['YYYYY', 5], 0, 'year');
|
|||
|
|
addFormatToken(0, ['YYYYYY', 6, true], 0, 'year');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('year', 'y');
|
|||
|
|
|
|||
|
|
// PRIORITIES
|
|||
|
|
|
|||
|
|
addUnitPriority('year', 1);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('Y', matchSigned);
|
|||
|
|
addRegexToken('YY', match1to2, match2);
|
|||
|
|
addRegexToken('YYYY', match1to4, match4);
|
|||
|
|
addRegexToken('YYYYY', match1to6, match6);
|
|||
|
|
addRegexToken('YYYYYY', match1to6, match6);
|
|||
|
|
|
|||
|
|
addParseToken(['YYYYY', 'YYYYYY'], YEAR);
|
|||
|
|
addParseToken('YYYY', function (input, array) {
|
|||
|
|
array[YEAR] =
|
|||
|
|
input.length === 2 ? hooks.parseTwoDigitYear(input) : toInt(input);
|
|||
|
|
});
|
|||
|
|
addParseToken('YY', function (input, array) {
|
|||
|
|
array[YEAR] = hooks.parseTwoDigitYear(input);
|
|||
|
|
});
|
|||
|
|
addParseToken('Y', function (input, array) {
|
|||
|
|
array[YEAR] = parseInt(input, 10);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// HELPERS
|
|||
|
|
|
|||
|
|
function daysInYear(year) {
|
|||
|
|
return isLeapYear(year) ? 366 : 365;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// HOOKS
|
|||
|
|
|
|||
|
|
hooks.parseTwoDigitYear = function (input) {
|
|||
|
|
return toInt(input) + (toInt(input) > 68 ? 1900 : 2000);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
var getSetYear = makeGetSet('FullYear', true);
|
|||
|
|
|
|||
|
|
function getIsLeapYear() {
|
|||
|
|
return isLeapYear(this.year());
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createDate(y, m, d, h, M, s, ms) {
|
|||
|
|
// can't just apply() to create a date:
|
|||
|
|
// https://stackoverflow.com/q/181348
|
|||
|
|
var date;
|
|||
|
|
// the date constructor remaps years 0-99 to 1900-1999
|
|||
|
|
if (y < 100 && y >= 0) {
|
|||
|
|
// preserve leap years using a full 400 year cycle, then reset
|
|||
|
|
date = new Date(y + 400, m, d, h, M, s, ms);
|
|||
|
|
if (isFinite(date.getFullYear())) {
|
|||
|
|
date.setFullYear(y);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
date = new Date(y, m, d, h, M, s, ms);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return date;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createUTCDate(y) {
|
|||
|
|
var date, args;
|
|||
|
|
// the Date.UTC function remaps years 0-99 to 1900-1999
|
|||
|
|
if (y < 100 && y >= 0) {
|
|||
|
|
args = Array.prototype.slice.call(arguments);
|
|||
|
|
// preserve leap years using a full 400 year cycle, then reset
|
|||
|
|
args[0] = y + 400;
|
|||
|
|
date = new Date(Date.UTC.apply(null, args));
|
|||
|
|
if (isFinite(date.getUTCFullYear())) {
|
|||
|
|
date.setUTCFullYear(y);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
date = new Date(Date.UTC.apply(null, arguments));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return date;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// start-of-first-week - start-of-year
|
|||
|
|
function firstWeekOffset(year, dow, doy) {
|
|||
|
|
var // first-week day -- which january is always in the first week (4 for iso, 1 for other)
|
|||
|
|
fwd = 7 + dow - doy,
|
|||
|
|
// first-week day local weekday -- which local weekday is fwd
|
|||
|
|
fwdlw = (7 + createUTCDate(year, 0, fwd).getUTCDay() - dow) % 7;
|
|||
|
|
|
|||
|
|
return -fwdlw + fwd - 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// https://en.wikipedia.org/wiki/ISO_week_date#Calculating_a_date_given_the_year.2C_week_number_and_weekday
|
|||
|
|
function dayOfYearFromWeeks(year, week, weekday, dow, doy) {
|
|||
|
|
var localWeekday = (7 + weekday - dow) % 7,
|
|||
|
|
weekOffset = firstWeekOffset(year, dow, doy),
|
|||
|
|
dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset,
|
|||
|
|
resYear,
|
|||
|
|
resDayOfYear;
|
|||
|
|
|
|||
|
|
if (dayOfYear <= 0) {
|
|||
|
|
resYear = year - 1;
|
|||
|
|
resDayOfYear = daysInYear(resYear) + dayOfYear;
|
|||
|
|
} else if (dayOfYear > daysInYear(year)) {
|
|||
|
|
resYear = year + 1;
|
|||
|
|
resDayOfYear = dayOfYear - daysInYear(year);
|
|||
|
|
} else {
|
|||
|
|
resYear = year;
|
|||
|
|
resDayOfYear = dayOfYear;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
year: resYear,
|
|||
|
|
dayOfYear: resDayOfYear,
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function weekOfYear(mom, dow, doy) {
|
|||
|
|
var weekOffset = firstWeekOffset(mom.year(), dow, doy),
|
|||
|
|
week = Math.floor((mom.dayOfYear() - weekOffset - 1) / 7) + 1,
|
|||
|
|
resWeek,
|
|||
|
|
resYear;
|
|||
|
|
|
|||
|
|
if (week < 1) {
|
|||
|
|
resYear = mom.year() - 1;
|
|||
|
|
resWeek = week + weeksInYear(resYear, dow, doy);
|
|||
|
|
} else if (week > weeksInYear(mom.year(), dow, doy)) {
|
|||
|
|
resWeek = week - weeksInYear(mom.year(), dow, doy);
|
|||
|
|
resYear = mom.year() + 1;
|
|||
|
|
} else {
|
|||
|
|
resYear = mom.year();
|
|||
|
|
resWeek = week;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
week: resWeek,
|
|||
|
|
year: resYear,
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function weeksInYear(year, dow, doy) {
|
|||
|
|
var weekOffset = firstWeekOffset(year, dow, doy),
|
|||
|
|
weekOffsetNext = firstWeekOffset(year + 1, dow, doy);
|
|||
|
|
return (daysInYear(year) - weekOffset + weekOffsetNext) / 7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('w', ['ww', 2], 'wo', 'week');
|
|||
|
|
addFormatToken('W', ['WW', 2], 'Wo', 'isoWeek');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('week', 'w');
|
|||
|
|
addUnitAlias('isoWeek', 'W');
|
|||
|
|
|
|||
|
|
// PRIORITIES
|
|||
|
|
|
|||
|
|
addUnitPriority('week', 5);
|
|||
|
|
addUnitPriority('isoWeek', 5);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('w', match1to2);
|
|||
|
|
addRegexToken('ww', match1to2, match2);
|
|||
|
|
addRegexToken('W', match1to2);
|
|||
|
|
addRegexToken('WW', match1to2, match2);
|
|||
|
|
|
|||
|
|
addWeekParseToken(
|
|||
|
|
['w', 'ww', 'W', 'WW'],
|
|||
|
|
function (input, week, config, token) {
|
|||
|
|
week[token.substr(0, 1)] = toInt(input);
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// HELPERS
|
|||
|
|
|
|||
|
|
// LOCALES
|
|||
|
|
|
|||
|
|
function localeWeek(mom) {
|
|||
|
|
return weekOfYear(mom, this._week.dow, this._week.doy).week;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultLocaleWeek = {
|
|||
|
|
dow: 0, // Sunday is the first day of the week.
|
|||
|
|
doy: 6, // The week that contains Jan 6th is the first week of the year.
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function localeFirstDayOfWeek() {
|
|||
|
|
return this._week.dow;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeFirstDayOfYear() {
|
|||
|
|
return this._week.doy;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function getSetWeek(input) {
|
|||
|
|
var week = this.localeData().week(this);
|
|||
|
|
return input == null ? week : this.add((input - week) * 7, 'd');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSetISOWeek(input) {
|
|||
|
|
var week = weekOfYear(this, 1, 4).week;
|
|||
|
|
return input == null ? week : this.add((input - week) * 7, 'd');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('d', 0, 'do', 'day');
|
|||
|
|
|
|||
|
|
addFormatToken('dd', 0, 0, function (format) {
|
|||
|
|
return this.localeData().weekdaysMin(this, format);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('ddd', 0, 0, function (format) {
|
|||
|
|
return this.localeData().weekdaysShort(this, format);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('dddd', 0, 0, function (format) {
|
|||
|
|
return this.localeData().weekdays(this, format);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('e', 0, 0, 'weekday');
|
|||
|
|
addFormatToken('E', 0, 0, 'isoWeekday');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('day', 'd');
|
|||
|
|
addUnitAlias('weekday', 'e');
|
|||
|
|
addUnitAlias('isoWeekday', 'E');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
addUnitPriority('day', 11);
|
|||
|
|
addUnitPriority('weekday', 11);
|
|||
|
|
addUnitPriority('isoWeekday', 11);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('d', match1to2);
|
|||
|
|
addRegexToken('e', match1to2);
|
|||
|
|
addRegexToken('E', match1to2);
|
|||
|
|
addRegexToken('dd', function (isStrict, locale) {
|
|||
|
|
return locale.weekdaysMinRegex(isStrict);
|
|||
|
|
});
|
|||
|
|
addRegexToken('ddd', function (isStrict, locale) {
|
|||
|
|
return locale.weekdaysShortRegex(isStrict);
|
|||
|
|
});
|
|||
|
|
addRegexToken('dddd', function (isStrict, locale) {
|
|||
|
|
return locale.weekdaysRegex(isStrict);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addWeekParseToken(['dd', 'ddd', 'dddd'], function (input, week, config, token) {
|
|||
|
|
var weekday = config._locale.weekdaysParse(input, token, config._strict);
|
|||
|
|
// if we didn't get a weekday name, mark the date as invalid
|
|||
|
|
if (weekday != null) {
|
|||
|
|
week.d = weekday;
|
|||
|
|
} else {
|
|||
|
|
getParsingFlags(config).invalidWeekday = input;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addWeekParseToken(['d', 'e', 'E'], function (input, week, config, token) {
|
|||
|
|
week[token] = toInt(input);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// HELPERS
|
|||
|
|
|
|||
|
|
function parseWeekday(input, locale) {
|
|||
|
|
if (typeof input !== 'string') {
|
|||
|
|
return input;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!isNaN(input)) {
|
|||
|
|
return parseInt(input, 10);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input = locale.weekdaysParse(input);
|
|||
|
|
if (typeof input === 'number') {
|
|||
|
|
return input;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function parseIsoWeekday(input, locale) {
|
|||
|
|
if (typeof input === 'string') {
|
|||
|
|
return locale.weekdaysParse(input) % 7 || 7;
|
|||
|
|
}
|
|||
|
|
return isNaN(input) ? null : input;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// LOCALES
|
|||
|
|
function shiftWeekdays(ws, n) {
|
|||
|
|
return ws.slice(n, 7).concat(ws.slice(0, n));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultLocaleWeekdays =
|
|||
|
|
'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
|
|||
|
|
defaultLocaleWeekdaysShort = 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
|
|||
|
|
defaultLocaleWeekdaysMin = 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
|
|||
|
|
defaultWeekdaysRegex = matchWord,
|
|||
|
|
defaultWeekdaysShortRegex = matchWord,
|
|||
|
|
defaultWeekdaysMinRegex = matchWord;
|
|||
|
|
|
|||
|
|
function localeWeekdays(m, format) {
|
|||
|
|
var weekdays = isArray(this._weekdays)
|
|||
|
|
? this._weekdays
|
|||
|
|
: this._weekdays[
|
|||
|
|
m && m !== true && this._weekdays.isFormat.test(format)
|
|||
|
|
? 'format'
|
|||
|
|
: 'standalone'
|
|||
|
|
];
|
|||
|
|
return m === true
|
|||
|
|
? shiftWeekdays(weekdays, this._week.dow)
|
|||
|
|
: m
|
|||
|
|
? weekdays[m.day()]
|
|||
|
|
: weekdays;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeWeekdaysShort(m) {
|
|||
|
|
return m === true
|
|||
|
|
? shiftWeekdays(this._weekdaysShort, this._week.dow)
|
|||
|
|
: m
|
|||
|
|
? this._weekdaysShort[m.day()]
|
|||
|
|
: this._weekdaysShort;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeWeekdaysMin(m) {
|
|||
|
|
return m === true
|
|||
|
|
? shiftWeekdays(this._weekdaysMin, this._week.dow)
|
|||
|
|
: m
|
|||
|
|
? this._weekdaysMin[m.day()]
|
|||
|
|
: this._weekdaysMin;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function handleStrictParse$1(weekdayName, format, strict) {
|
|||
|
|
var i,
|
|||
|
|
ii,
|
|||
|
|
mom,
|
|||
|
|
llc = weekdayName.toLocaleLowerCase();
|
|||
|
|
if (!this._weekdaysParse) {
|
|||
|
|
this._weekdaysParse = [];
|
|||
|
|
this._shortWeekdaysParse = [];
|
|||
|
|
this._minWeekdaysParse = [];
|
|||
|
|
|
|||
|
|
for (i = 0; i < 7; ++i) {
|
|||
|
|
mom = createUTC([2000, 1]).day(i);
|
|||
|
|
this._minWeekdaysParse[i] = this.weekdaysMin(
|
|||
|
|
mom,
|
|||
|
|
''
|
|||
|
|
).toLocaleLowerCase();
|
|||
|
|
this._shortWeekdaysParse[i] = this.weekdaysShort(
|
|||
|
|
mom,
|
|||
|
|
''
|
|||
|
|
).toLocaleLowerCase();
|
|||
|
|
this._weekdaysParse[i] = this.weekdays(mom, '').toLocaleLowerCase();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (strict) {
|
|||
|
|
if (format === 'dddd') {
|
|||
|
|
ii = indexOf.call(this._weekdaysParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
} else if (format === 'ddd') {
|
|||
|
|
ii = indexOf.call(this._shortWeekdaysParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
} else {
|
|||
|
|
ii = indexOf.call(this._minWeekdaysParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (format === 'dddd') {
|
|||
|
|
ii = indexOf.call(this._weekdaysParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._shortWeekdaysParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._minWeekdaysParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
} else if (format === 'ddd') {
|
|||
|
|
ii = indexOf.call(this._shortWeekdaysParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._weekdaysParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._minWeekdaysParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
} else {
|
|||
|
|
ii = indexOf.call(this._minWeekdaysParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._weekdaysParse, llc);
|
|||
|
|
if (ii !== -1) {
|
|||
|
|
return ii;
|
|||
|
|
}
|
|||
|
|
ii = indexOf.call(this._shortWeekdaysParse, llc);
|
|||
|
|
return ii !== -1 ? ii : null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeWeekdaysParse(weekdayName, format, strict) {
|
|||
|
|
var i, mom, regex;
|
|||
|
|
|
|||
|
|
if (this._weekdaysParseExact) {
|
|||
|
|
return handleStrictParse$1.call(this, weekdayName, format, strict);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!this._weekdaysParse) {
|
|||
|
|
this._weekdaysParse = [];
|
|||
|
|
this._minWeekdaysParse = [];
|
|||
|
|
this._shortWeekdaysParse = [];
|
|||
|
|
this._fullWeekdaysParse = [];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (i = 0; i < 7; i++) {
|
|||
|
|
// make the regex if we don't have it already
|
|||
|
|
|
|||
|
|
mom = createUTC([2000, 1]).day(i);
|
|||
|
|
if (strict && !this._fullWeekdaysParse[i]) {
|
|||
|
|
this._fullWeekdaysParse[i] = new RegExp(
|
|||
|
|
'^' + this.weekdays(mom, '').replace('.', '\\.?') + '$',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
this._shortWeekdaysParse[i] = new RegExp(
|
|||
|
|
'^' + this.weekdaysShort(mom, '').replace('.', '\\.?') + '$',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
this._minWeekdaysParse[i] = new RegExp(
|
|||
|
|
'^' + this.weekdaysMin(mom, '').replace('.', '\\.?') + '$',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
if (!this._weekdaysParse[i]) {
|
|||
|
|
regex =
|
|||
|
|
'^' +
|
|||
|
|
this.weekdays(mom, '') +
|
|||
|
|
'|^' +
|
|||
|
|
this.weekdaysShort(mom, '') +
|
|||
|
|
'|^' +
|
|||
|
|
this.weekdaysMin(mom, '');
|
|||
|
|
this._weekdaysParse[i] = new RegExp(regex.replace('.', ''), 'i');
|
|||
|
|
}
|
|||
|
|
// test the regex
|
|||
|
|
if (
|
|||
|
|
strict &&
|
|||
|
|
format === 'dddd' &&
|
|||
|
|
this._fullWeekdaysParse[i].test(weekdayName)
|
|||
|
|
) {
|
|||
|
|
return i;
|
|||
|
|
} else if (
|
|||
|
|
strict &&
|
|||
|
|
format === 'ddd' &&
|
|||
|
|
this._shortWeekdaysParse[i].test(weekdayName)
|
|||
|
|
) {
|
|||
|
|
return i;
|
|||
|
|
} else if (
|
|||
|
|
strict &&
|
|||
|
|
format === 'dd' &&
|
|||
|
|
this._minWeekdaysParse[i].test(weekdayName)
|
|||
|
|
) {
|
|||
|
|
return i;
|
|||
|
|
} else if (!strict && this._weekdaysParse[i].test(weekdayName)) {
|
|||
|
|
return i;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function getSetDayOfWeek(input) {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return input != null ? this : NaN;
|
|||
|
|
}
|
|||
|
|
var day = this._isUTC ? this._d.getUTCDay() : this._d.getDay();
|
|||
|
|
if (input != null) {
|
|||
|
|
input = parseWeekday(input, this.localeData());
|
|||
|
|
return this.add(input - day, 'd');
|
|||
|
|
} else {
|
|||
|
|
return day;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSetLocaleDayOfWeek(input) {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return input != null ? this : NaN;
|
|||
|
|
}
|
|||
|
|
var weekday = (this.day() + 7 - this.localeData()._week.dow) % 7;
|
|||
|
|
return input == null ? weekday : this.add(input - weekday, 'd');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSetISODayOfWeek(input) {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return input != null ? this : NaN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// behaves the same as moment#day except
|
|||
|
|
// as a getter, returns 7 instead of 0 (1-7 range instead of 0-6)
|
|||
|
|
// as a setter, sunday should belong to the previous week.
|
|||
|
|
|
|||
|
|
if (input != null) {
|
|||
|
|
var weekday = parseIsoWeekday(input, this.localeData());
|
|||
|
|
return this.day(this.day() % 7 ? weekday : weekday - 7);
|
|||
|
|
} else {
|
|||
|
|
return this.day() || 7;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function weekdaysRegex(isStrict) {
|
|||
|
|
if (this._weekdaysParseExact) {
|
|||
|
|
if (!hasOwnProp(this, '_weekdaysRegex')) {
|
|||
|
|
computeWeekdaysParse.call(this);
|
|||
|
|
}
|
|||
|
|
if (isStrict) {
|
|||
|
|
return this._weekdaysStrictRegex;
|
|||
|
|
} else {
|
|||
|
|
return this._weekdaysRegex;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (!hasOwnProp(this, '_weekdaysRegex')) {
|
|||
|
|
this._weekdaysRegex = defaultWeekdaysRegex;
|
|||
|
|
}
|
|||
|
|
return this._weekdaysStrictRegex && isStrict
|
|||
|
|
? this._weekdaysStrictRegex
|
|||
|
|
: this._weekdaysRegex;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function weekdaysShortRegex(isStrict) {
|
|||
|
|
if (this._weekdaysParseExact) {
|
|||
|
|
if (!hasOwnProp(this, '_weekdaysRegex')) {
|
|||
|
|
computeWeekdaysParse.call(this);
|
|||
|
|
}
|
|||
|
|
if (isStrict) {
|
|||
|
|
return this._weekdaysShortStrictRegex;
|
|||
|
|
} else {
|
|||
|
|
return this._weekdaysShortRegex;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (!hasOwnProp(this, '_weekdaysShortRegex')) {
|
|||
|
|
this._weekdaysShortRegex = defaultWeekdaysShortRegex;
|
|||
|
|
}
|
|||
|
|
return this._weekdaysShortStrictRegex && isStrict
|
|||
|
|
? this._weekdaysShortStrictRegex
|
|||
|
|
: this._weekdaysShortRegex;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function weekdaysMinRegex(isStrict) {
|
|||
|
|
if (this._weekdaysParseExact) {
|
|||
|
|
if (!hasOwnProp(this, '_weekdaysRegex')) {
|
|||
|
|
computeWeekdaysParse.call(this);
|
|||
|
|
}
|
|||
|
|
if (isStrict) {
|
|||
|
|
return this._weekdaysMinStrictRegex;
|
|||
|
|
} else {
|
|||
|
|
return this._weekdaysMinRegex;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (!hasOwnProp(this, '_weekdaysMinRegex')) {
|
|||
|
|
this._weekdaysMinRegex = defaultWeekdaysMinRegex;
|
|||
|
|
}
|
|||
|
|
return this._weekdaysMinStrictRegex && isStrict
|
|||
|
|
? this._weekdaysMinStrictRegex
|
|||
|
|
: this._weekdaysMinRegex;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function computeWeekdaysParse() {
|
|||
|
|
function cmpLenRev(a, b) {
|
|||
|
|
return b.length - a.length;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var minPieces = [],
|
|||
|
|
shortPieces = [],
|
|||
|
|
longPieces = [],
|
|||
|
|
mixedPieces = [],
|
|||
|
|
i,
|
|||
|
|
mom,
|
|||
|
|
minp,
|
|||
|
|
shortp,
|
|||
|
|
longp;
|
|||
|
|
for (i = 0; i < 7; i++) {
|
|||
|
|
// make the regex if we don't have it already
|
|||
|
|
mom = createUTC([2000, 1]).day(i);
|
|||
|
|
minp = regexEscape(this.weekdaysMin(mom, ''));
|
|||
|
|
shortp = regexEscape(this.weekdaysShort(mom, ''));
|
|||
|
|
longp = regexEscape(this.weekdays(mom, ''));
|
|||
|
|
minPieces.push(minp);
|
|||
|
|
shortPieces.push(shortp);
|
|||
|
|
longPieces.push(longp);
|
|||
|
|
mixedPieces.push(minp);
|
|||
|
|
mixedPieces.push(shortp);
|
|||
|
|
mixedPieces.push(longp);
|
|||
|
|
}
|
|||
|
|
// Sorting makes sure if one weekday (or abbr) is a prefix of another it
|
|||
|
|
// will match the longer piece.
|
|||
|
|
minPieces.sort(cmpLenRev);
|
|||
|
|
shortPieces.sort(cmpLenRev);
|
|||
|
|
longPieces.sort(cmpLenRev);
|
|||
|
|
mixedPieces.sort(cmpLenRev);
|
|||
|
|
|
|||
|
|
this._weekdaysRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');
|
|||
|
|
this._weekdaysShortRegex = this._weekdaysRegex;
|
|||
|
|
this._weekdaysMinRegex = this._weekdaysRegex;
|
|||
|
|
|
|||
|
|
this._weekdaysStrictRegex = new RegExp(
|
|||
|
|
'^(' + longPieces.join('|') + ')',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
this._weekdaysShortStrictRegex = new RegExp(
|
|||
|
|
'^(' + shortPieces.join('|') + ')',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
this._weekdaysMinStrictRegex = new RegExp(
|
|||
|
|
'^(' + minPieces.join('|') + ')',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
function hFormat() {
|
|||
|
|
return this.hours() % 12 || 12;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function kFormat() {
|
|||
|
|
return this.hours() || 24;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
addFormatToken('H', ['HH', 2], 0, 'hour');
|
|||
|
|
addFormatToken('h', ['hh', 2], 0, hFormat);
|
|||
|
|
addFormatToken('k', ['kk', 2], 0, kFormat);
|
|||
|
|
|
|||
|
|
addFormatToken('hmm', 0, 0, function () {
|
|||
|
|
return '' + hFormat.apply(this) + zeroFill(this.minutes(), 2);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('hmmss', 0, 0, function () {
|
|||
|
|
return (
|
|||
|
|
'' +
|
|||
|
|
hFormat.apply(this) +
|
|||
|
|
zeroFill(this.minutes(), 2) +
|
|||
|
|
zeroFill(this.seconds(), 2)
|
|||
|
|
);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('Hmm', 0, 0, function () {
|
|||
|
|
return '' + this.hours() + zeroFill(this.minutes(), 2);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken('Hmmss', 0, 0, function () {
|
|||
|
|
return (
|
|||
|
|
'' +
|
|||
|
|
this.hours() +
|
|||
|
|
zeroFill(this.minutes(), 2) +
|
|||
|
|
zeroFill(this.seconds(), 2)
|
|||
|
|
);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function meridiem(token, lowercase) {
|
|||
|
|
addFormatToken(token, 0, 0, function () {
|
|||
|
|
return this.localeData().meridiem(
|
|||
|
|
this.hours(),
|
|||
|
|
this.minutes(),
|
|||
|
|
lowercase
|
|||
|
|
);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
meridiem('a', true);
|
|||
|
|
meridiem('A', false);
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('hour', 'h');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
addUnitPriority('hour', 13);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
function matchMeridiem(isStrict, locale) {
|
|||
|
|
return locale._meridiemParse;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
addRegexToken('a', matchMeridiem);
|
|||
|
|
addRegexToken('A', matchMeridiem);
|
|||
|
|
addRegexToken('H', match1to2);
|
|||
|
|
addRegexToken('h', match1to2);
|
|||
|
|
addRegexToken('k', match1to2);
|
|||
|
|
addRegexToken('HH', match1to2, match2);
|
|||
|
|
addRegexToken('hh', match1to2, match2);
|
|||
|
|
addRegexToken('kk', match1to2, match2);
|
|||
|
|
|
|||
|
|
addRegexToken('hmm', match3to4);
|
|||
|
|
addRegexToken('hmmss', match5to6);
|
|||
|
|
addRegexToken('Hmm', match3to4);
|
|||
|
|
addRegexToken('Hmmss', match5to6);
|
|||
|
|
|
|||
|
|
addParseToken(['H', 'HH'], HOUR);
|
|||
|
|
addParseToken(['k', 'kk'], function (input, array, config) {
|
|||
|
|
var kInput = toInt(input);
|
|||
|
|
array[HOUR] = kInput === 24 ? 0 : kInput;
|
|||
|
|
});
|
|||
|
|
addParseToken(['a', 'A'], function (input, array, config) {
|
|||
|
|
config._isPm = config._locale.isPM(input);
|
|||
|
|
config._meridiem = input;
|
|||
|
|
});
|
|||
|
|
addParseToken(['h', 'hh'], function (input, array, config) {
|
|||
|
|
array[HOUR] = toInt(input);
|
|||
|
|
getParsingFlags(config).bigHour = true;
|
|||
|
|
});
|
|||
|
|
addParseToken('hmm', function (input, array, config) {
|
|||
|
|
var pos = input.length - 2;
|
|||
|
|
array[HOUR] = toInt(input.substr(0, pos));
|
|||
|
|
array[MINUTE] = toInt(input.substr(pos));
|
|||
|
|
getParsingFlags(config).bigHour = true;
|
|||
|
|
});
|
|||
|
|
addParseToken('hmmss', function (input, array, config) {
|
|||
|
|
var pos1 = input.length - 4,
|
|||
|
|
pos2 = input.length - 2;
|
|||
|
|
array[HOUR] = toInt(input.substr(0, pos1));
|
|||
|
|
array[MINUTE] = toInt(input.substr(pos1, 2));
|
|||
|
|
array[SECOND] = toInt(input.substr(pos2));
|
|||
|
|
getParsingFlags(config).bigHour = true;
|
|||
|
|
});
|
|||
|
|
addParseToken('Hmm', function (input, array, config) {
|
|||
|
|
var pos = input.length - 2;
|
|||
|
|
array[HOUR] = toInt(input.substr(0, pos));
|
|||
|
|
array[MINUTE] = toInt(input.substr(pos));
|
|||
|
|
});
|
|||
|
|
addParseToken('Hmmss', function (input, array, config) {
|
|||
|
|
var pos1 = input.length - 4,
|
|||
|
|
pos2 = input.length - 2;
|
|||
|
|
array[HOUR] = toInt(input.substr(0, pos1));
|
|||
|
|
array[MINUTE] = toInt(input.substr(pos1, 2));
|
|||
|
|
array[SECOND] = toInt(input.substr(pos2));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// LOCALES
|
|||
|
|
|
|||
|
|
function localeIsPM(input) {
|
|||
|
|
// IE8 Quirks Mode & IE7 Standards Mode do not allow accessing strings like arrays
|
|||
|
|
// Using charAt should be more compatible.
|
|||
|
|
return (input + '').toLowerCase().charAt(0) === 'p';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var defaultLocaleMeridiemParse = /[ap]\.?m?\.?/i,
|
|||
|
|
// Setting the hour should keep the time, because the user explicitly
|
|||
|
|
// specified which hour they want. So trying to maintain the same hour (in
|
|||
|
|
// a new timezone) makes sense. Adding/subtracting hours does not follow
|
|||
|
|
// this rule.
|
|||
|
|
getSetHour = makeGetSet('Hours', true);
|
|||
|
|
|
|||
|
|
function localeMeridiem(hours, minutes, isLower) {
|
|||
|
|
if (hours > 11) {
|
|||
|
|
return isLower ? 'pm' : 'PM';
|
|||
|
|
} else {
|
|||
|
|
return isLower ? 'am' : 'AM';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var baseConfig = {
|
|||
|
|
calendar: defaultCalendar,
|
|||
|
|
longDateFormat: defaultLongDateFormat,
|
|||
|
|
invalidDate: defaultInvalidDate,
|
|||
|
|
ordinal: defaultOrdinal,
|
|||
|
|
dayOfMonthOrdinalParse: defaultDayOfMonthOrdinalParse,
|
|||
|
|
relativeTime: defaultRelativeTime,
|
|||
|
|
|
|||
|
|
months: defaultLocaleMonths,
|
|||
|
|
monthsShort: defaultLocaleMonthsShort,
|
|||
|
|
|
|||
|
|
week: defaultLocaleWeek,
|
|||
|
|
|
|||
|
|
weekdays: defaultLocaleWeekdays,
|
|||
|
|
weekdaysMin: defaultLocaleWeekdaysMin,
|
|||
|
|
weekdaysShort: defaultLocaleWeekdaysShort,
|
|||
|
|
|
|||
|
|
meridiemParse: defaultLocaleMeridiemParse,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// internal storage for locale config files
|
|||
|
|
var locales = {},
|
|||
|
|
localeFamilies = {},
|
|||
|
|
globalLocale;
|
|||
|
|
|
|||
|
|
function commonPrefix(arr1, arr2) {
|
|||
|
|
var i,
|
|||
|
|
minl = Math.min(arr1.length, arr2.length);
|
|||
|
|
for (i = 0; i < minl; i += 1) {
|
|||
|
|
if (arr1[i] !== arr2[i]) {
|
|||
|
|
return i;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return minl;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function normalizeLocale(key) {
|
|||
|
|
return key ? key.toLowerCase().replace('_', '-') : key;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// pick the locale from the array
|
|||
|
|
// try ['en-au', 'en-gb'] as 'en-au', 'en-gb', 'en', as in move through the list trying each
|
|||
|
|
// substring from most specific to least, but move to the next array item if it's a more specific variant than the current root
|
|||
|
|
function chooseLocale(names) {
|
|||
|
|
var i = 0,
|
|||
|
|
j,
|
|||
|
|
next,
|
|||
|
|
locale,
|
|||
|
|
split;
|
|||
|
|
|
|||
|
|
while (i < names.length) {
|
|||
|
|
split = normalizeLocale(names[i]).split('-');
|
|||
|
|
j = split.length;
|
|||
|
|
next = normalizeLocale(names[i + 1]);
|
|||
|
|
next = next ? next.split('-') : null;
|
|||
|
|
while (j > 0) {
|
|||
|
|
locale = loadLocale(split.slice(0, j).join('-'));
|
|||
|
|
if (locale) {
|
|||
|
|
return locale;
|
|||
|
|
}
|
|||
|
|
if (
|
|||
|
|
next &&
|
|||
|
|
next.length >= j &&
|
|||
|
|
commonPrefix(split, next) >= j - 1
|
|||
|
|
) {
|
|||
|
|
//the next array item is better than a shallower substring of this one
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
j--;
|
|||
|
|
}
|
|||
|
|
i++;
|
|||
|
|
}
|
|||
|
|
return globalLocale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isLocaleNameSane(name) {
|
|||
|
|
// Prevent names that look like filesystem paths, i.e contain '/' or '\'
|
|||
|
|
return name.match('^[^/\\\\]*$') != null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function loadLocale(name) {
|
|||
|
|
var oldLocale = null,
|
|||
|
|
aliasedRequire;
|
|||
|
|
// TODO: Find a better way to register and load all the locales in Node
|
|||
|
|
if (
|
|||
|
|
locales[name] === undefined &&
|
|||
|
|
'object' !== 'undefined' &&
|
|||
|
|
module &&
|
|||
|
|
module.exports &&
|
|||
|
|
isLocaleNameSane(name)
|
|||
|
|
) {
|
|||
|
|
try {
|
|||
|
|
oldLocale = globalLocale._abbr;
|
|||
|
|
aliasedRequire = commonjsRequire;
|
|||
|
|
aliasedRequire('./locale/' + name);
|
|||
|
|
getSetGlobalLocale(oldLocale);
|
|||
|
|
} catch (e) {
|
|||
|
|
// mark as not found to avoid repeating expensive file require call causing high CPU
|
|||
|
|
// when trying to find en-US, en_US, en-us for every format call
|
|||
|
|
locales[name] = null; // null means not found
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return locales[name];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// This function will load locale and then set the global locale. If
|
|||
|
|
// no arguments are passed in, it will simply return the current global
|
|||
|
|
// locale key.
|
|||
|
|
function getSetGlobalLocale(key, values) {
|
|||
|
|
var data;
|
|||
|
|
if (key) {
|
|||
|
|
if (isUndefined(values)) {
|
|||
|
|
data = getLocale(key);
|
|||
|
|
} else {
|
|||
|
|
data = defineLocale(key, values);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (data) {
|
|||
|
|
// moment.duration._locale = moment._locale = data;
|
|||
|
|
globalLocale = data;
|
|||
|
|
} else {
|
|||
|
|
if (typeof console !== 'undefined' && console.warn) {
|
|||
|
|
//warn user if arguments are passed but the locale could not be set
|
|||
|
|
console.warn(
|
|||
|
|
'Locale ' + key + ' not found. Did you forget to load it?'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return globalLocale._abbr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function defineLocale(name, config) {
|
|||
|
|
if (config !== null) {
|
|||
|
|
var locale,
|
|||
|
|
parentConfig = baseConfig;
|
|||
|
|
config.abbr = name;
|
|||
|
|
if (locales[name] != null) {
|
|||
|
|
deprecateSimple(
|
|||
|
|
'defineLocaleOverride',
|
|||
|
|
'use moment.updateLocale(localeName, config) to change ' +
|
|||
|
|
'an existing locale. moment.defineLocale(localeName, ' +
|
|||
|
|
'config) should only be used for creating a new locale ' +
|
|||
|
|
'See http://momentjs.com/guides/#/warnings/define-locale/ for more info.'
|
|||
|
|
);
|
|||
|
|
parentConfig = locales[name]._config;
|
|||
|
|
} else if (config.parentLocale != null) {
|
|||
|
|
if (locales[config.parentLocale] != null) {
|
|||
|
|
parentConfig = locales[config.parentLocale]._config;
|
|||
|
|
} else {
|
|||
|
|
locale = loadLocale(config.parentLocale);
|
|||
|
|
if (locale != null) {
|
|||
|
|
parentConfig = locale._config;
|
|||
|
|
} else {
|
|||
|
|
if (!localeFamilies[config.parentLocale]) {
|
|||
|
|
localeFamilies[config.parentLocale] = [];
|
|||
|
|
}
|
|||
|
|
localeFamilies[config.parentLocale].push({
|
|||
|
|
name: name,
|
|||
|
|
config: config,
|
|||
|
|
});
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
locales[name] = new Locale(mergeConfigs(parentConfig, config));
|
|||
|
|
|
|||
|
|
if (localeFamilies[name]) {
|
|||
|
|
localeFamilies[name].forEach(function (x) {
|
|||
|
|
defineLocale(x.name, x.config);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// backwards compat for now: also set the locale
|
|||
|
|
// make sure we set the locale AFTER all child locales have been
|
|||
|
|
// created, so we won't end up with the child locale set.
|
|||
|
|
getSetGlobalLocale(name);
|
|||
|
|
|
|||
|
|
return locales[name];
|
|||
|
|
} else {
|
|||
|
|
// useful for testing
|
|||
|
|
delete locales[name];
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function updateLocale(name, config) {
|
|||
|
|
if (config != null) {
|
|||
|
|
var locale,
|
|||
|
|
tmpLocale,
|
|||
|
|
parentConfig = baseConfig;
|
|||
|
|
|
|||
|
|
if (locales[name] != null && locales[name].parentLocale != null) {
|
|||
|
|
// Update existing child locale in-place to avoid memory-leaks
|
|||
|
|
locales[name].set(mergeConfigs(locales[name]._config, config));
|
|||
|
|
} else {
|
|||
|
|
// MERGE
|
|||
|
|
tmpLocale = loadLocale(name);
|
|||
|
|
if (tmpLocale != null) {
|
|||
|
|
parentConfig = tmpLocale._config;
|
|||
|
|
}
|
|||
|
|
config = mergeConfigs(parentConfig, config);
|
|||
|
|
if (tmpLocale == null) {
|
|||
|
|
// updateLocale is called for creating a new locale
|
|||
|
|
// Set abbr so it will have a name (getters return
|
|||
|
|
// undefined otherwise).
|
|||
|
|
config.abbr = name;
|
|||
|
|
}
|
|||
|
|
locale = new Locale(config);
|
|||
|
|
locale.parentLocale = locales[name];
|
|||
|
|
locales[name] = locale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// backwards compat for now: also set the locale
|
|||
|
|
getSetGlobalLocale(name);
|
|||
|
|
} else {
|
|||
|
|
// pass null for config to unupdate, useful for tests
|
|||
|
|
if (locales[name] != null) {
|
|||
|
|
if (locales[name].parentLocale != null) {
|
|||
|
|
locales[name] = locales[name].parentLocale;
|
|||
|
|
if (name === getSetGlobalLocale()) {
|
|||
|
|
getSetGlobalLocale(name);
|
|||
|
|
}
|
|||
|
|
} else if (locales[name] != null) {
|
|||
|
|
delete locales[name];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return locales[name];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// returns locale data
|
|||
|
|
function getLocale(key) {
|
|||
|
|
var locale;
|
|||
|
|
|
|||
|
|
if (key && key._locale && key._locale._abbr) {
|
|||
|
|
key = key._locale._abbr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!key) {
|
|||
|
|
return globalLocale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!isArray(key)) {
|
|||
|
|
//short-circuit everything else
|
|||
|
|
locale = loadLocale(key);
|
|||
|
|
if (locale) {
|
|||
|
|
return locale;
|
|||
|
|
}
|
|||
|
|
key = [key];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return chooseLocale(key);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listLocales() {
|
|||
|
|
return keys(locales);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function checkOverflow(m) {
|
|||
|
|
var overflow,
|
|||
|
|
a = m._a;
|
|||
|
|
|
|||
|
|
if (a && getParsingFlags(m).overflow === -2) {
|
|||
|
|
overflow =
|
|||
|
|
a[MONTH] < 0 || a[MONTH] > 11
|
|||
|
|
? MONTH
|
|||
|
|
: a[DATE] < 1 || a[DATE] > daysInMonth(a[YEAR], a[MONTH])
|
|||
|
|
? DATE
|
|||
|
|
: a[HOUR] < 0 ||
|
|||
|
|
a[HOUR] > 24 ||
|
|||
|
|
(a[HOUR] === 24 &&
|
|||
|
|
(a[MINUTE] !== 0 ||
|
|||
|
|
a[SECOND] !== 0 ||
|
|||
|
|
a[MILLISECOND] !== 0))
|
|||
|
|
? HOUR
|
|||
|
|
: a[MINUTE] < 0 || a[MINUTE] > 59
|
|||
|
|
? MINUTE
|
|||
|
|
: a[SECOND] < 0 || a[SECOND] > 59
|
|||
|
|
? SECOND
|
|||
|
|
: a[MILLISECOND] < 0 || a[MILLISECOND] > 999
|
|||
|
|
? MILLISECOND
|
|||
|
|
: -1;
|
|||
|
|
|
|||
|
|
if (
|
|||
|
|
getParsingFlags(m)._overflowDayOfYear &&
|
|||
|
|
(overflow < YEAR || overflow > DATE)
|
|||
|
|
) {
|
|||
|
|
overflow = DATE;
|
|||
|
|
}
|
|||
|
|
if (getParsingFlags(m)._overflowWeeks && overflow === -1) {
|
|||
|
|
overflow = WEEK;
|
|||
|
|
}
|
|||
|
|
if (getParsingFlags(m)._overflowWeekday && overflow === -1) {
|
|||
|
|
overflow = WEEKDAY;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getParsingFlags(m).overflow = overflow;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return m;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// iso 8601 regex
|
|||
|
|
// 0000-00-00 0000-W00 or 0000-W00-0 + T + 00 or 00:00 or 00:00:00 or 00:00:00.000 + +00:00 or +0000 or +00)
|
|||
|
|
var extendedIsoRegex =
|
|||
|
|
/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,
|
|||
|
|
basicIsoRegex =
|
|||
|
|
/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,
|
|||
|
|
tzRegex = /Z|[+-]\d\d(?::?\d\d)?/,
|
|||
|
|
isoDates = [
|
|||
|
|
['YYYYYY-MM-DD', /[+-]\d{6}-\d\d-\d\d/],
|
|||
|
|
['YYYY-MM-DD', /\d{4}-\d\d-\d\d/],
|
|||
|
|
['GGGG-[W]WW-E', /\d{4}-W\d\d-\d/],
|
|||
|
|
['GGGG-[W]WW', /\d{4}-W\d\d/, false],
|
|||
|
|
['YYYY-DDD', /\d{4}-\d{3}/],
|
|||
|
|
['YYYY-MM', /\d{4}-\d\d/, false],
|
|||
|
|
['YYYYYYMMDD', /[+-]\d{10}/],
|
|||
|
|
['YYYYMMDD', /\d{8}/],
|
|||
|
|
['GGGG[W]WWE', /\d{4}W\d{3}/],
|
|||
|
|
['GGGG[W]WW', /\d{4}W\d{2}/, false],
|
|||
|
|
['YYYYDDD', /\d{7}/],
|
|||
|
|
['YYYYMM', /\d{6}/, false],
|
|||
|
|
['YYYY', /\d{4}/, false],
|
|||
|
|
],
|
|||
|
|
// iso time formats and regexes
|
|||
|
|
isoTimes = [
|
|||
|
|
['HH:mm:ss.SSSS', /\d\d:\d\d:\d\d\.\d+/],
|
|||
|
|
['HH:mm:ss,SSSS', /\d\d:\d\d:\d\d,\d+/],
|
|||
|
|
['HH:mm:ss', /\d\d:\d\d:\d\d/],
|
|||
|
|
['HH:mm', /\d\d:\d\d/],
|
|||
|
|
['HHmmss.SSSS', /\d\d\d\d\d\d\.\d+/],
|
|||
|
|
['HHmmss,SSSS', /\d\d\d\d\d\d,\d+/],
|
|||
|
|
['HHmmss', /\d\d\d\d\d\d/],
|
|||
|
|
['HHmm', /\d\d\d\d/],
|
|||
|
|
['HH', /\d\d/],
|
|||
|
|
],
|
|||
|
|
aspNetJsonRegex = /^\/?Date\((-?\d+)/i,
|
|||
|
|
// RFC 2822 regex: For details see https://tools.ietf.org/html/rfc2822#section-3.3
|
|||
|
|
rfc2822 =
|
|||
|
|
/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,
|
|||
|
|
obsOffsets = {
|
|||
|
|
UT: 0,
|
|||
|
|
GMT: 0,
|
|||
|
|
EDT: -4 * 60,
|
|||
|
|
EST: -5 * 60,
|
|||
|
|
CDT: -5 * 60,
|
|||
|
|
CST: -6 * 60,
|
|||
|
|
MDT: -6 * 60,
|
|||
|
|
MST: -7 * 60,
|
|||
|
|
PDT: -7 * 60,
|
|||
|
|
PST: -8 * 60,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// date from iso format
|
|||
|
|
function configFromISO(config) {
|
|||
|
|
var i,
|
|||
|
|
l,
|
|||
|
|
string = config._i,
|
|||
|
|
match = extendedIsoRegex.exec(string) || basicIsoRegex.exec(string),
|
|||
|
|
allowTime,
|
|||
|
|
dateFormat,
|
|||
|
|
timeFormat,
|
|||
|
|
tzFormat,
|
|||
|
|
isoDatesLen = isoDates.length,
|
|||
|
|
isoTimesLen = isoTimes.length;
|
|||
|
|
|
|||
|
|
if (match) {
|
|||
|
|
getParsingFlags(config).iso = true;
|
|||
|
|
for (i = 0, l = isoDatesLen; i < l; i++) {
|
|||
|
|
if (isoDates[i][1].exec(match[1])) {
|
|||
|
|
dateFormat = isoDates[i][0];
|
|||
|
|
allowTime = isoDates[i][2] !== false;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (dateFormat == null) {
|
|||
|
|
config._isValid = false;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (match[3]) {
|
|||
|
|
for (i = 0, l = isoTimesLen; i < l; i++) {
|
|||
|
|
if (isoTimes[i][1].exec(match[3])) {
|
|||
|
|
// match[2] should be 'T' or space
|
|||
|
|
timeFormat = (match[2] || ' ') + isoTimes[i][0];
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (timeFormat == null) {
|
|||
|
|
config._isValid = false;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!allowTime && timeFormat != null) {
|
|||
|
|
config._isValid = false;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (match[4]) {
|
|||
|
|
if (tzRegex.exec(match[4])) {
|
|||
|
|
tzFormat = 'Z';
|
|||
|
|
} else {
|
|||
|
|
config._isValid = false;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
config._f = dateFormat + (timeFormat || '') + (tzFormat || '');
|
|||
|
|
configFromStringAndFormat(config);
|
|||
|
|
} else {
|
|||
|
|
config._isValid = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function extractFromRFC2822Strings(
|
|||
|
|
yearStr,
|
|||
|
|
monthStr,
|
|||
|
|
dayStr,
|
|||
|
|
hourStr,
|
|||
|
|
minuteStr,
|
|||
|
|
secondStr
|
|||
|
|
) {
|
|||
|
|
var result = [
|
|||
|
|
untruncateYear(yearStr),
|
|||
|
|
defaultLocaleMonthsShort.indexOf(monthStr),
|
|||
|
|
parseInt(dayStr, 10),
|
|||
|
|
parseInt(hourStr, 10),
|
|||
|
|
parseInt(minuteStr, 10),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
if (secondStr) {
|
|||
|
|
result.push(parseInt(secondStr, 10));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function untruncateYear(yearStr) {
|
|||
|
|
var year = parseInt(yearStr, 10);
|
|||
|
|
if (year <= 49) {
|
|||
|
|
return 2000 + year;
|
|||
|
|
} else if (year <= 999) {
|
|||
|
|
return 1900 + year;
|
|||
|
|
}
|
|||
|
|
return year;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function preprocessRFC2822(s) {
|
|||
|
|
// Remove comments and folding whitespace and replace multiple-spaces with a single space
|
|||
|
|
return s
|
|||
|
|
.replace(/\([^()]*\)|[\n\t]/g, ' ')
|
|||
|
|
.replace(/(\s\s+)/g, ' ')
|
|||
|
|
.replace(/^\s\s*/, '')
|
|||
|
|
.replace(/\s\s*$/, '');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function checkWeekday(weekdayStr, parsedInput, config) {
|
|||
|
|
if (weekdayStr) {
|
|||
|
|
// TODO: Replace the vanilla JS Date object with an independent day-of-week check.
|
|||
|
|
var weekdayProvided = defaultLocaleWeekdaysShort.indexOf(weekdayStr),
|
|||
|
|
weekdayActual = new Date(
|
|||
|
|
parsedInput[0],
|
|||
|
|
parsedInput[1],
|
|||
|
|
parsedInput[2]
|
|||
|
|
).getDay();
|
|||
|
|
if (weekdayProvided !== weekdayActual) {
|
|||
|
|
getParsingFlags(config).weekdayMismatch = true;
|
|||
|
|
config._isValid = false;
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function calculateOffset(obsOffset, militaryOffset, numOffset) {
|
|||
|
|
if (obsOffset) {
|
|||
|
|
return obsOffsets[obsOffset];
|
|||
|
|
} else if (militaryOffset) {
|
|||
|
|
// the only allowed military tz is Z
|
|||
|
|
return 0;
|
|||
|
|
} else {
|
|||
|
|
var hm = parseInt(numOffset, 10),
|
|||
|
|
m = hm % 100,
|
|||
|
|
h = (hm - m) / 100;
|
|||
|
|
return h * 60 + m;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// date and time from ref 2822 format
|
|||
|
|
function configFromRFC2822(config) {
|
|||
|
|
var match = rfc2822.exec(preprocessRFC2822(config._i)),
|
|||
|
|
parsedArray;
|
|||
|
|
if (match) {
|
|||
|
|
parsedArray = extractFromRFC2822Strings(
|
|||
|
|
match[4],
|
|||
|
|
match[3],
|
|||
|
|
match[2],
|
|||
|
|
match[5],
|
|||
|
|
match[6],
|
|||
|
|
match[7]
|
|||
|
|
);
|
|||
|
|
if (!checkWeekday(match[1], parsedArray, config)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
config._a = parsedArray;
|
|||
|
|
config._tzm = calculateOffset(match[8], match[9], match[10]);
|
|||
|
|
|
|||
|
|
config._d = createUTCDate.apply(null, config._a);
|
|||
|
|
config._d.setUTCMinutes(config._d.getUTCMinutes() - config._tzm);
|
|||
|
|
|
|||
|
|
getParsingFlags(config).rfc2822 = true;
|
|||
|
|
} else {
|
|||
|
|
config._isValid = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// date from 1) ASP.NET, 2) ISO, 3) RFC 2822 formats, or 4) optional fallback if parsing isn't strict
|
|||
|
|
function configFromString(config) {
|
|||
|
|
var matched = aspNetJsonRegex.exec(config._i);
|
|||
|
|
if (matched !== null) {
|
|||
|
|
config._d = new Date(+matched[1]);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
configFromISO(config);
|
|||
|
|
if (config._isValid === false) {
|
|||
|
|
delete config._isValid;
|
|||
|
|
} else {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
configFromRFC2822(config);
|
|||
|
|
if (config._isValid === false) {
|
|||
|
|
delete config._isValid;
|
|||
|
|
} else {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (config._strict) {
|
|||
|
|
config._isValid = false;
|
|||
|
|
} else {
|
|||
|
|
// Final attempt, use Input Fallback
|
|||
|
|
hooks.createFromInputFallback(config);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
hooks.createFromInputFallback = deprecate(
|
|||
|
|
'value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), ' +
|
|||
|
|
'which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are ' +
|
|||
|
|
'discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.',
|
|||
|
|
function (config) {
|
|||
|
|
config._d = new Date(config._i + (config._useUTC ? ' UTC' : ''));
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// Pick the first defined of two or three arguments.
|
|||
|
|
function defaults(a, b, c) {
|
|||
|
|
if (a != null) {
|
|||
|
|
return a;
|
|||
|
|
}
|
|||
|
|
if (b != null) {
|
|||
|
|
return b;
|
|||
|
|
}
|
|||
|
|
return c;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function currentDateArray(config) {
|
|||
|
|
// hooks is actually the exported moment object
|
|||
|
|
var nowValue = new Date(hooks.now());
|
|||
|
|
if (config._useUTC) {
|
|||
|
|
return [
|
|||
|
|
nowValue.getUTCFullYear(),
|
|||
|
|
nowValue.getUTCMonth(),
|
|||
|
|
nowValue.getUTCDate(),
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
return [nowValue.getFullYear(), nowValue.getMonth(), nowValue.getDate()];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// convert an array to a date.
|
|||
|
|
// the array should mirror the parameters below
|
|||
|
|
// note: all values past the year are optional and will default to the lowest possible value.
|
|||
|
|
// [year, month, day , hour, minute, second, millisecond]
|
|||
|
|
function configFromArray(config) {
|
|||
|
|
var i,
|
|||
|
|
date,
|
|||
|
|
input = [],
|
|||
|
|
currentDate,
|
|||
|
|
expectedWeekday,
|
|||
|
|
yearToUse;
|
|||
|
|
|
|||
|
|
if (config._d) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
currentDate = currentDateArray(config);
|
|||
|
|
|
|||
|
|
//compute day of the year from weeks and weekdays
|
|||
|
|
if (config._w && config._a[DATE] == null && config._a[MONTH] == null) {
|
|||
|
|
dayOfYearFromWeekInfo(config);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//if the day of the year is set, figure out what it is
|
|||
|
|
if (config._dayOfYear != null) {
|
|||
|
|
yearToUse = defaults(config._a[YEAR], currentDate[YEAR]);
|
|||
|
|
|
|||
|
|
if (
|
|||
|
|
config._dayOfYear > daysInYear(yearToUse) ||
|
|||
|
|
config._dayOfYear === 0
|
|||
|
|
) {
|
|||
|
|
getParsingFlags(config)._overflowDayOfYear = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
date = createUTCDate(yearToUse, 0, config._dayOfYear);
|
|||
|
|
config._a[MONTH] = date.getUTCMonth();
|
|||
|
|
config._a[DATE] = date.getUTCDate();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Default to current date.
|
|||
|
|
// * if no year, month, day of month are given, default to today
|
|||
|
|
// * if day of month is given, default month and year
|
|||
|
|
// * if month is given, default only year
|
|||
|
|
// * if year is given, don't default anything
|
|||
|
|
for (i = 0; i < 3 && config._a[i] == null; ++i) {
|
|||
|
|
config._a[i] = input[i] = currentDate[i];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Zero out whatever was not defaulted, including time
|
|||
|
|
for (; i < 7; i++) {
|
|||
|
|
config._a[i] = input[i] =
|
|||
|
|
config._a[i] == null ? (i === 2 ? 1 : 0) : config._a[i];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Check for 24:00:00.000
|
|||
|
|
if (
|
|||
|
|
config._a[HOUR] === 24 &&
|
|||
|
|
config._a[MINUTE] === 0 &&
|
|||
|
|
config._a[SECOND] === 0 &&
|
|||
|
|
config._a[MILLISECOND] === 0
|
|||
|
|
) {
|
|||
|
|
config._nextDay = true;
|
|||
|
|
config._a[HOUR] = 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
config._d = (config._useUTC ? createUTCDate : createDate).apply(
|
|||
|
|
null,
|
|||
|
|
input
|
|||
|
|
);
|
|||
|
|
expectedWeekday = config._useUTC
|
|||
|
|
? config._d.getUTCDay()
|
|||
|
|
: config._d.getDay();
|
|||
|
|
|
|||
|
|
// Apply timezone offset from input. The actual utcOffset can be changed
|
|||
|
|
// with parseZone.
|
|||
|
|
if (config._tzm != null) {
|
|||
|
|
config._d.setUTCMinutes(config._d.getUTCMinutes() - config._tzm);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (config._nextDay) {
|
|||
|
|
config._a[HOUR] = 24;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// check for mismatching day of week
|
|||
|
|
if (
|
|||
|
|
config._w &&
|
|||
|
|
typeof config._w.d !== 'undefined' &&
|
|||
|
|
config._w.d !== expectedWeekday
|
|||
|
|
) {
|
|||
|
|
getParsingFlags(config).weekdayMismatch = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function dayOfYearFromWeekInfo(config) {
|
|||
|
|
var w, weekYear, week, weekday, dow, doy, temp, weekdayOverflow, curWeek;
|
|||
|
|
|
|||
|
|
w = config._w;
|
|||
|
|
if (w.GG != null || w.W != null || w.E != null) {
|
|||
|
|
dow = 1;
|
|||
|
|
doy = 4;
|
|||
|
|
|
|||
|
|
// TODO: We need to take the current isoWeekYear, but that depends on
|
|||
|
|
// how we interpret now (local, utc, fixed offset). So create
|
|||
|
|
// a now version of current config (take local/utc/offset flags, and
|
|||
|
|
// create now).
|
|||
|
|
weekYear = defaults(
|
|||
|
|
w.GG,
|
|||
|
|
config._a[YEAR],
|
|||
|
|
weekOfYear(createLocal(), 1, 4).year
|
|||
|
|
);
|
|||
|
|
week = defaults(w.W, 1);
|
|||
|
|
weekday = defaults(w.E, 1);
|
|||
|
|
if (weekday < 1 || weekday > 7) {
|
|||
|
|
weekdayOverflow = true;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
dow = config._locale._week.dow;
|
|||
|
|
doy = config._locale._week.doy;
|
|||
|
|
|
|||
|
|
curWeek = weekOfYear(createLocal(), dow, doy);
|
|||
|
|
|
|||
|
|
weekYear = defaults(w.gg, config._a[YEAR], curWeek.year);
|
|||
|
|
|
|||
|
|
// Default to current week.
|
|||
|
|
week = defaults(w.w, curWeek.week);
|
|||
|
|
|
|||
|
|
if (w.d != null) {
|
|||
|
|
// weekday -- low day numbers are considered next week
|
|||
|
|
weekday = w.d;
|
|||
|
|
if (weekday < 0 || weekday > 6) {
|
|||
|
|
weekdayOverflow = true;
|
|||
|
|
}
|
|||
|
|
} else if (w.e != null) {
|
|||
|
|
// local weekday -- counting starts from beginning of week
|
|||
|
|
weekday = w.e + dow;
|
|||
|
|
if (w.e < 0 || w.e > 6) {
|
|||
|
|
weekdayOverflow = true;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// default to beginning of week
|
|||
|
|
weekday = dow;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (week < 1 || week > weeksInYear(weekYear, dow, doy)) {
|
|||
|
|
getParsingFlags(config)._overflowWeeks = true;
|
|||
|
|
} else if (weekdayOverflow != null) {
|
|||
|
|
getParsingFlags(config)._overflowWeekday = true;
|
|||
|
|
} else {
|
|||
|
|
temp = dayOfYearFromWeeks(weekYear, week, weekday, dow, doy);
|
|||
|
|
config._a[YEAR] = temp.year;
|
|||
|
|
config._dayOfYear = temp.dayOfYear;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// constant that refers to the ISO standard
|
|||
|
|
hooks.ISO_8601 = function () {};
|
|||
|
|
|
|||
|
|
// constant that refers to the RFC 2822 form
|
|||
|
|
hooks.RFC_2822 = function () {};
|
|||
|
|
|
|||
|
|
// date from string and format string
|
|||
|
|
function configFromStringAndFormat(config) {
|
|||
|
|
// TODO: Move this to another part of the creation flow to prevent circular deps
|
|||
|
|
if (config._f === hooks.ISO_8601) {
|
|||
|
|
configFromISO(config);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (config._f === hooks.RFC_2822) {
|
|||
|
|
configFromRFC2822(config);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
config._a = [];
|
|||
|
|
getParsingFlags(config).empty = true;
|
|||
|
|
|
|||
|
|
// This array is used to make a Date, either with `new Date` or `Date.UTC`
|
|||
|
|
var string = '' + config._i,
|
|||
|
|
i,
|
|||
|
|
parsedInput,
|
|||
|
|
tokens,
|
|||
|
|
token,
|
|||
|
|
skipped,
|
|||
|
|
stringLength = string.length,
|
|||
|
|
totalParsedInputLength = 0,
|
|||
|
|
era,
|
|||
|
|
tokenLen;
|
|||
|
|
|
|||
|
|
tokens =
|
|||
|
|
expandFormat(config._f, config._locale).match(formattingTokens) || [];
|
|||
|
|
tokenLen = tokens.length;
|
|||
|
|
for (i = 0; i < tokenLen; i++) {
|
|||
|
|
token = tokens[i];
|
|||
|
|
parsedInput = (string.match(getParseRegexForToken(token, config)) ||
|
|||
|
|
[])[0];
|
|||
|
|
if (parsedInput) {
|
|||
|
|
skipped = string.substr(0, string.indexOf(parsedInput));
|
|||
|
|
if (skipped.length > 0) {
|
|||
|
|
getParsingFlags(config).unusedInput.push(skipped);
|
|||
|
|
}
|
|||
|
|
string = string.slice(
|
|||
|
|
string.indexOf(parsedInput) + parsedInput.length
|
|||
|
|
);
|
|||
|
|
totalParsedInputLength += parsedInput.length;
|
|||
|
|
}
|
|||
|
|
// don't parse if it's not a known token
|
|||
|
|
if (formatTokenFunctions[token]) {
|
|||
|
|
if (parsedInput) {
|
|||
|
|
getParsingFlags(config).empty = false;
|
|||
|
|
} else {
|
|||
|
|
getParsingFlags(config).unusedTokens.push(token);
|
|||
|
|
}
|
|||
|
|
addTimeToArrayFromToken(token, parsedInput, config);
|
|||
|
|
} else if (config._strict && !parsedInput) {
|
|||
|
|
getParsingFlags(config).unusedTokens.push(token);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// add remaining unparsed input length to the string
|
|||
|
|
getParsingFlags(config).charsLeftOver =
|
|||
|
|
stringLength - totalParsedInputLength;
|
|||
|
|
if (string.length > 0) {
|
|||
|
|
getParsingFlags(config).unusedInput.push(string);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// clear _12h flag if hour is <= 12
|
|||
|
|
if (
|
|||
|
|
config._a[HOUR] <= 12 &&
|
|||
|
|
getParsingFlags(config).bigHour === true &&
|
|||
|
|
config._a[HOUR] > 0
|
|||
|
|
) {
|
|||
|
|
getParsingFlags(config).bigHour = undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getParsingFlags(config).parsedDateParts = config._a.slice(0);
|
|||
|
|
getParsingFlags(config).meridiem = config._meridiem;
|
|||
|
|
// handle meridiem
|
|||
|
|
config._a[HOUR] = meridiemFixWrap(
|
|||
|
|
config._locale,
|
|||
|
|
config._a[HOUR],
|
|||
|
|
config._meridiem
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// handle era
|
|||
|
|
era = getParsingFlags(config).era;
|
|||
|
|
if (era !== null) {
|
|||
|
|
config._a[YEAR] = config._locale.erasConvertYear(era, config._a[YEAR]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
configFromArray(config);
|
|||
|
|
checkOverflow(config);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function meridiemFixWrap(locale, hour, meridiem) {
|
|||
|
|
var isPm;
|
|||
|
|
|
|||
|
|
if (meridiem == null) {
|
|||
|
|
// nothing to do
|
|||
|
|
return hour;
|
|||
|
|
}
|
|||
|
|
if (locale.meridiemHour != null) {
|
|||
|
|
return locale.meridiemHour(hour, meridiem);
|
|||
|
|
} else if (locale.isPM != null) {
|
|||
|
|
// Fallback
|
|||
|
|
isPm = locale.isPM(meridiem);
|
|||
|
|
if (isPm && hour < 12) {
|
|||
|
|
hour += 12;
|
|||
|
|
}
|
|||
|
|
if (!isPm && hour === 12) {
|
|||
|
|
hour = 0;
|
|||
|
|
}
|
|||
|
|
return hour;
|
|||
|
|
} else {
|
|||
|
|
// this is not supposed to happen
|
|||
|
|
return hour;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// date from string and array of format strings
|
|||
|
|
function configFromStringAndArray(config) {
|
|||
|
|
var tempConfig,
|
|||
|
|
bestMoment,
|
|||
|
|
scoreToBeat,
|
|||
|
|
i,
|
|||
|
|
currentScore,
|
|||
|
|
validFormatFound,
|
|||
|
|
bestFormatIsValid = false,
|
|||
|
|
configfLen = config._f.length;
|
|||
|
|
|
|||
|
|
if (configfLen === 0) {
|
|||
|
|
getParsingFlags(config).invalidFormat = true;
|
|||
|
|
config._d = new Date(NaN);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (i = 0; i < configfLen; i++) {
|
|||
|
|
currentScore = 0;
|
|||
|
|
validFormatFound = false;
|
|||
|
|
tempConfig = copyConfig({}, config);
|
|||
|
|
if (config._useUTC != null) {
|
|||
|
|
tempConfig._useUTC = config._useUTC;
|
|||
|
|
}
|
|||
|
|
tempConfig._f = config._f[i];
|
|||
|
|
configFromStringAndFormat(tempConfig);
|
|||
|
|
|
|||
|
|
if (isValid(tempConfig)) {
|
|||
|
|
validFormatFound = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// if there is any input that was not parsed add a penalty for that format
|
|||
|
|
currentScore += getParsingFlags(tempConfig).charsLeftOver;
|
|||
|
|
|
|||
|
|
//or tokens
|
|||
|
|
currentScore += getParsingFlags(tempConfig).unusedTokens.length * 10;
|
|||
|
|
|
|||
|
|
getParsingFlags(tempConfig).score = currentScore;
|
|||
|
|
|
|||
|
|
if (!bestFormatIsValid) {
|
|||
|
|
if (
|
|||
|
|
scoreToBeat == null ||
|
|||
|
|
currentScore < scoreToBeat ||
|
|||
|
|
validFormatFound
|
|||
|
|
) {
|
|||
|
|
scoreToBeat = currentScore;
|
|||
|
|
bestMoment = tempConfig;
|
|||
|
|
if (validFormatFound) {
|
|||
|
|
bestFormatIsValid = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (currentScore < scoreToBeat) {
|
|||
|
|
scoreToBeat = currentScore;
|
|||
|
|
bestMoment = tempConfig;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
extend(config, bestMoment || tempConfig);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function configFromObject(config) {
|
|||
|
|
if (config._d) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var i = normalizeObjectUnits(config._i),
|
|||
|
|
dayOrDate = i.day === undefined ? i.date : i.day;
|
|||
|
|
config._a = map(
|
|||
|
|
[i.year, i.month, dayOrDate, i.hour, i.minute, i.second, i.millisecond],
|
|||
|
|
function (obj) {
|
|||
|
|
return obj && parseInt(obj, 10);
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
configFromArray(config);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createFromConfig(config) {
|
|||
|
|
var res = new Moment(checkOverflow(prepareConfig(config)));
|
|||
|
|
if (res._nextDay) {
|
|||
|
|
// Adding is smart enough around DST
|
|||
|
|
res.add(1, 'd');
|
|||
|
|
res._nextDay = undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function prepareConfig(config) {
|
|||
|
|
var input = config._i,
|
|||
|
|
format = config._f;
|
|||
|
|
|
|||
|
|
config._locale = config._locale || getLocale(config._l);
|
|||
|
|
|
|||
|
|
if (input === null || (format === undefined && input === '')) {
|
|||
|
|
return createInvalid({ nullInput: true });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (typeof input === 'string') {
|
|||
|
|
config._i = input = config._locale.preparse(input);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (isMoment(input)) {
|
|||
|
|
return new Moment(checkOverflow(input));
|
|||
|
|
} else if (isDate(input)) {
|
|||
|
|
config._d = input;
|
|||
|
|
} else if (isArray(format)) {
|
|||
|
|
configFromStringAndArray(config);
|
|||
|
|
} else if (format) {
|
|||
|
|
configFromStringAndFormat(config);
|
|||
|
|
} else {
|
|||
|
|
configFromInput(config);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!isValid(config)) {
|
|||
|
|
config._d = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return config;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function configFromInput(config) {
|
|||
|
|
var input = config._i;
|
|||
|
|
if (isUndefined(input)) {
|
|||
|
|
config._d = new Date(hooks.now());
|
|||
|
|
} else if (isDate(input)) {
|
|||
|
|
config._d = new Date(input.valueOf());
|
|||
|
|
} else if (typeof input === 'string') {
|
|||
|
|
configFromString(config);
|
|||
|
|
} else if (isArray(input)) {
|
|||
|
|
config._a = map(input.slice(0), function (obj) {
|
|||
|
|
return parseInt(obj, 10);
|
|||
|
|
});
|
|||
|
|
configFromArray(config);
|
|||
|
|
} else if (isObject(input)) {
|
|||
|
|
configFromObject(config);
|
|||
|
|
} else if (isNumber(input)) {
|
|||
|
|
// from milliseconds
|
|||
|
|
config._d = new Date(input);
|
|||
|
|
} else {
|
|||
|
|
hooks.createFromInputFallback(config);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createLocalOrUTC(input, format, locale, strict, isUTC) {
|
|||
|
|
var c = {};
|
|||
|
|
|
|||
|
|
if (format === true || format === false) {
|
|||
|
|
strict = format;
|
|||
|
|
format = undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (locale === true || locale === false) {
|
|||
|
|
strict = locale;
|
|||
|
|
locale = undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (
|
|||
|
|
(isObject(input) && isObjectEmpty(input)) ||
|
|||
|
|
(isArray(input) && input.length === 0)
|
|||
|
|
) {
|
|||
|
|
input = undefined;
|
|||
|
|
}
|
|||
|
|
// object construction must be done this way.
|
|||
|
|
// https://github.com/moment/moment/issues/1423
|
|||
|
|
c._isAMomentObject = true;
|
|||
|
|
c._useUTC = c._isUTC = isUTC;
|
|||
|
|
c._l = locale;
|
|||
|
|
c._i = input;
|
|||
|
|
c._f = format;
|
|||
|
|
c._strict = strict;
|
|||
|
|
|
|||
|
|
return createFromConfig(c);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createLocal(input, format, locale, strict) {
|
|||
|
|
return createLocalOrUTC(input, format, locale, strict, false);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var prototypeMin = deprecate(
|
|||
|
|
'moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/',
|
|||
|
|
function () {
|
|||
|
|
var other = createLocal.apply(null, arguments);
|
|||
|
|
if (this.isValid() && other.isValid()) {
|
|||
|
|
return other < this ? this : other;
|
|||
|
|
} else {
|
|||
|
|
return createInvalid();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
),
|
|||
|
|
prototypeMax = deprecate(
|
|||
|
|
'moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/',
|
|||
|
|
function () {
|
|||
|
|
var other = createLocal.apply(null, arguments);
|
|||
|
|
if (this.isValid() && other.isValid()) {
|
|||
|
|
return other > this ? this : other;
|
|||
|
|
} else {
|
|||
|
|
return createInvalid();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// Pick a moment m from moments so that m[fn](other) is true for all
|
|||
|
|
// other. This relies on the function fn to be transitive.
|
|||
|
|
//
|
|||
|
|
// moments should either be an array of moment objects or an array, whose
|
|||
|
|
// first element is an array of moment objects.
|
|||
|
|
function pickBy(fn, moments) {
|
|||
|
|
var res, i;
|
|||
|
|
if (moments.length === 1 && isArray(moments[0])) {
|
|||
|
|
moments = moments[0];
|
|||
|
|
}
|
|||
|
|
if (!moments.length) {
|
|||
|
|
return createLocal();
|
|||
|
|
}
|
|||
|
|
res = moments[0];
|
|||
|
|
for (i = 1; i < moments.length; ++i) {
|
|||
|
|
if (!moments[i].isValid() || moments[i][fn](res)) {
|
|||
|
|
res = moments[i];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// TODO: Use [].sort instead?
|
|||
|
|
function min() {
|
|||
|
|
var args = [].slice.call(arguments, 0);
|
|||
|
|
|
|||
|
|
return pickBy('isBefore', args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function max() {
|
|||
|
|
var args = [].slice.call(arguments, 0);
|
|||
|
|
|
|||
|
|
return pickBy('isAfter', args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var now = function () {
|
|||
|
|
return Date.now ? Date.now() : +new Date();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var ordering = [
|
|||
|
|
'year',
|
|||
|
|
'quarter',
|
|||
|
|
'month',
|
|||
|
|
'week',
|
|||
|
|
'day',
|
|||
|
|
'hour',
|
|||
|
|
'minute',
|
|||
|
|
'second',
|
|||
|
|
'millisecond',
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
function isDurationValid(m) {
|
|||
|
|
var key,
|
|||
|
|
unitHasDecimal = false,
|
|||
|
|
i,
|
|||
|
|
orderLen = ordering.length;
|
|||
|
|
for (key in m) {
|
|||
|
|
if (
|
|||
|
|
hasOwnProp(m, key) &&
|
|||
|
|
!(
|
|||
|
|
indexOf.call(ordering, key) !== -1 &&
|
|||
|
|
(m[key] == null || !isNaN(m[key]))
|
|||
|
|
)
|
|||
|
|
) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (i = 0; i < orderLen; ++i) {
|
|||
|
|
if (m[ordering[i]]) {
|
|||
|
|
if (unitHasDecimal) {
|
|||
|
|
return false; // only allow non-integers for smallest unit
|
|||
|
|
}
|
|||
|
|
if (parseFloat(m[ordering[i]]) !== toInt(m[ordering[i]])) {
|
|||
|
|
unitHasDecimal = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isValid$1() {
|
|||
|
|
return this._isValid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createInvalid$1() {
|
|||
|
|
return createDuration(NaN);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function Duration(duration) {
|
|||
|
|
var normalizedInput = normalizeObjectUnits(duration),
|
|||
|
|
years = normalizedInput.year || 0,
|
|||
|
|
quarters = normalizedInput.quarter || 0,
|
|||
|
|
months = normalizedInput.month || 0,
|
|||
|
|
weeks = normalizedInput.week || normalizedInput.isoWeek || 0,
|
|||
|
|
days = normalizedInput.day || 0,
|
|||
|
|
hours = normalizedInput.hour || 0,
|
|||
|
|
minutes = normalizedInput.minute || 0,
|
|||
|
|
seconds = normalizedInput.second || 0,
|
|||
|
|
milliseconds = normalizedInput.millisecond || 0;
|
|||
|
|
|
|||
|
|
this._isValid = isDurationValid(normalizedInput);
|
|||
|
|
|
|||
|
|
// representation for dateAddRemove
|
|||
|
|
this._milliseconds =
|
|||
|
|
+milliseconds +
|
|||
|
|
seconds * 1e3 + // 1000
|
|||
|
|
minutes * 6e4 + // 1000 * 60
|
|||
|
|
hours * 1000 * 60 * 60; //using 1000 * 60 * 60 instead of 36e5 to avoid floating point rounding errors https://github.com/moment/moment/issues/2978
|
|||
|
|
// Because of dateAddRemove treats 24 hours as different from a
|
|||
|
|
// day when working around DST, we need to store them separately
|
|||
|
|
this._days = +days + weeks * 7;
|
|||
|
|
// It is impossible to translate months into days without knowing
|
|||
|
|
// which months you are are talking about, so we have to store
|
|||
|
|
// it separately.
|
|||
|
|
this._months = +months + quarters * 3 + years * 12;
|
|||
|
|
|
|||
|
|
this._data = {};
|
|||
|
|
|
|||
|
|
this._locale = getLocale();
|
|||
|
|
|
|||
|
|
this._bubble();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isDuration(obj) {
|
|||
|
|
return obj instanceof Duration;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function absRound(number) {
|
|||
|
|
if (number < 0) {
|
|||
|
|
return Math.round(-1 * number) * -1;
|
|||
|
|
} else {
|
|||
|
|
return Math.round(number);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// compare two arrays, return the number of differences
|
|||
|
|
function compareArrays(array1, array2, dontConvert) {
|
|||
|
|
var len = Math.min(array1.length, array2.length),
|
|||
|
|
lengthDiff = Math.abs(array1.length - array2.length),
|
|||
|
|
diffs = 0,
|
|||
|
|
i;
|
|||
|
|
for (i = 0; i < len; i++) {
|
|||
|
|
if (
|
|||
|
|
(dontConvert && array1[i] !== array2[i]) ||
|
|||
|
|
(!dontConvert && toInt(array1[i]) !== toInt(array2[i]))
|
|||
|
|
) {
|
|||
|
|
diffs++;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return diffs + lengthDiff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
function offset(token, separator) {
|
|||
|
|
addFormatToken(token, 0, 0, function () {
|
|||
|
|
var offset = this.utcOffset(),
|
|||
|
|
sign = '+';
|
|||
|
|
if (offset < 0) {
|
|||
|
|
offset = -offset;
|
|||
|
|
sign = '-';
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
sign +
|
|||
|
|
zeroFill(~~(offset / 60), 2) +
|
|||
|
|
separator +
|
|||
|
|
zeroFill(~~offset % 60, 2)
|
|||
|
|
);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
offset('Z', ':');
|
|||
|
|
offset('ZZ', '');
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('Z', matchShortOffset);
|
|||
|
|
addRegexToken('ZZ', matchShortOffset);
|
|||
|
|
addParseToken(['Z', 'ZZ'], function (input, array, config) {
|
|||
|
|
config._useUTC = true;
|
|||
|
|
config._tzm = offsetFromString(matchShortOffset, input);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// HELPERS
|
|||
|
|
|
|||
|
|
// timezone chunker
|
|||
|
|
// '+10:00' > ['10', '00']
|
|||
|
|
// '-1530' > ['-15', '30']
|
|||
|
|
var chunkOffset = /([\+\-]|\d\d)/gi;
|
|||
|
|
|
|||
|
|
function offsetFromString(matcher, string) {
|
|||
|
|
var matches = (string || '').match(matcher),
|
|||
|
|
chunk,
|
|||
|
|
parts,
|
|||
|
|
minutes;
|
|||
|
|
|
|||
|
|
if (matches === null) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
chunk = matches[matches.length - 1] || [];
|
|||
|
|
parts = (chunk + '').match(chunkOffset) || ['-', 0, 0];
|
|||
|
|
minutes = +(parts[1] * 60) + toInt(parts[2]);
|
|||
|
|
|
|||
|
|
return minutes === 0 ? 0 : parts[0] === '+' ? minutes : -minutes;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Return a moment from input, that is local/utc/zone equivalent to model.
|
|||
|
|
function cloneWithOffset(input, model) {
|
|||
|
|
var res, diff;
|
|||
|
|
if (model._isUTC) {
|
|||
|
|
res = model.clone();
|
|||
|
|
diff =
|
|||
|
|
(isMoment(input) || isDate(input)
|
|||
|
|
? input.valueOf()
|
|||
|
|
: createLocal(input).valueOf()) - res.valueOf();
|
|||
|
|
// Use low-level api, because this fn is low-level api.
|
|||
|
|
res._d.setTime(res._d.valueOf() + diff);
|
|||
|
|
hooks.updateOffset(res, false);
|
|||
|
|
return res;
|
|||
|
|
} else {
|
|||
|
|
return createLocal(input).local();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getDateOffset(m) {
|
|||
|
|
// On Firefox.24 Date#getTimezoneOffset returns a floating point.
|
|||
|
|
// https://github.com/moment/moment/pull/1871
|
|||
|
|
return -Math.round(m._d.getTimezoneOffset());
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// HOOKS
|
|||
|
|
|
|||
|
|
// This function will be called whenever a moment is mutated.
|
|||
|
|
// It is intended to keep the offset in sync with the timezone.
|
|||
|
|
hooks.updateOffset = function () {};
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
// keepLocalTime = true means only change the timezone, without
|
|||
|
|
// affecting the local hour. So 5:31:26 +0300 --[utcOffset(2, true)]-->
|
|||
|
|
// 5:31:26 +0200 It is possible that 5:31:26 doesn't exist with offset
|
|||
|
|
// +0200, so we adjust the time as needed, to be valid.
|
|||
|
|
//
|
|||
|
|
// Keeping the time actually adds/subtracts (one hour)
|
|||
|
|
// from the actual represented time. That is why we call updateOffset
|
|||
|
|
// a second time. In case it wants us to change the offset again
|
|||
|
|
// _changeInProgress == true case, then we have to adjust, because
|
|||
|
|
// there is no such time in the given timezone.
|
|||
|
|
function getSetOffset(input, keepLocalTime, keepMinutes) {
|
|||
|
|
var offset = this._offset || 0,
|
|||
|
|
localAdjust;
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return input != null ? this : NaN;
|
|||
|
|
}
|
|||
|
|
if (input != null) {
|
|||
|
|
if (typeof input === 'string') {
|
|||
|
|
input = offsetFromString(matchShortOffset, input);
|
|||
|
|
if (input === null) {
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
} else if (Math.abs(input) < 16 && !keepMinutes) {
|
|||
|
|
input = input * 60;
|
|||
|
|
}
|
|||
|
|
if (!this._isUTC && keepLocalTime) {
|
|||
|
|
localAdjust = getDateOffset(this);
|
|||
|
|
}
|
|||
|
|
this._offset = input;
|
|||
|
|
this._isUTC = true;
|
|||
|
|
if (localAdjust != null) {
|
|||
|
|
this.add(localAdjust, 'm');
|
|||
|
|
}
|
|||
|
|
if (offset !== input) {
|
|||
|
|
if (!keepLocalTime || this._changeInProgress) {
|
|||
|
|
addSubtract(
|
|||
|
|
this,
|
|||
|
|
createDuration(input - offset, 'm'),
|
|||
|
|
1,
|
|||
|
|
false
|
|||
|
|
);
|
|||
|
|
} else if (!this._changeInProgress) {
|
|||
|
|
this._changeInProgress = true;
|
|||
|
|
hooks.updateOffset(this, true);
|
|||
|
|
this._changeInProgress = null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
} else {
|
|||
|
|
return this._isUTC ? offset : getDateOffset(this);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSetZone(input, keepLocalTime) {
|
|||
|
|
if (input != null) {
|
|||
|
|
if (typeof input !== 'string') {
|
|||
|
|
input = -input;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.utcOffset(input, keepLocalTime);
|
|||
|
|
|
|||
|
|
return this;
|
|||
|
|
} else {
|
|||
|
|
return -this.utcOffset();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setOffsetToUTC(keepLocalTime) {
|
|||
|
|
return this.utcOffset(0, keepLocalTime);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setOffsetToLocal(keepLocalTime) {
|
|||
|
|
if (this._isUTC) {
|
|||
|
|
this.utcOffset(0, keepLocalTime);
|
|||
|
|
this._isUTC = false;
|
|||
|
|
|
|||
|
|
if (keepLocalTime) {
|
|||
|
|
this.subtract(getDateOffset(this), 'm');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setOffsetToParsedOffset() {
|
|||
|
|
if (this._tzm != null) {
|
|||
|
|
this.utcOffset(this._tzm, false, true);
|
|||
|
|
} else if (typeof this._i === 'string') {
|
|||
|
|
var tZone = offsetFromString(matchOffset, this._i);
|
|||
|
|
if (tZone != null) {
|
|||
|
|
this.utcOffset(tZone);
|
|||
|
|
} else {
|
|||
|
|
this.utcOffset(0, true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function hasAlignedHourOffset(input) {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
input = input ? createLocal(input).utcOffset() : 0;
|
|||
|
|
|
|||
|
|
return (this.utcOffset() - input) % 60 === 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isDaylightSavingTime() {
|
|||
|
|
return (
|
|||
|
|
this.utcOffset() > this.clone().month(0).utcOffset() ||
|
|||
|
|
this.utcOffset() > this.clone().month(5).utcOffset()
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isDaylightSavingTimeShifted() {
|
|||
|
|
if (!isUndefined(this._isDSTShifted)) {
|
|||
|
|
return this._isDSTShifted;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var c = {},
|
|||
|
|
other;
|
|||
|
|
|
|||
|
|
copyConfig(c, this);
|
|||
|
|
c = prepareConfig(c);
|
|||
|
|
|
|||
|
|
if (c._a) {
|
|||
|
|
other = c._isUTC ? createUTC(c._a) : createLocal(c._a);
|
|||
|
|
this._isDSTShifted =
|
|||
|
|
this.isValid() && compareArrays(c._a, other.toArray()) > 0;
|
|||
|
|
} else {
|
|||
|
|
this._isDSTShifted = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return this._isDSTShifted;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isLocal() {
|
|||
|
|
return this.isValid() ? !this._isUTC : false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isUtcOffset() {
|
|||
|
|
return this.isValid() ? this._isUTC : false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isUtc() {
|
|||
|
|
return this.isValid() ? this._isUTC && this._offset === 0 : false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ASP.NET json date format regex
|
|||
|
|
var aspNetRegex = /^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/,
|
|||
|
|
// from http://docs.closure-library.googlecode.com/git/closure_goog_date_date.js.source.html
|
|||
|
|
// somewhat more in line with 4.4.3.2 2004 spec, but allows decimal anywhere
|
|||
|
|
// and further modified to allow for strings containing both week and day
|
|||
|
|
isoRegex =
|
|||
|
|
/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;
|
|||
|
|
|
|||
|
|
function createDuration(input, key) {
|
|||
|
|
var duration = input,
|
|||
|
|
// matching against regexp is expensive, do it on demand
|
|||
|
|
match = null,
|
|||
|
|
sign,
|
|||
|
|
ret,
|
|||
|
|
diffRes;
|
|||
|
|
|
|||
|
|
if (isDuration(input)) {
|
|||
|
|
duration = {
|
|||
|
|
ms: input._milliseconds,
|
|||
|
|
d: input._days,
|
|||
|
|
M: input._months,
|
|||
|
|
};
|
|||
|
|
} else if (isNumber(input) || !isNaN(+input)) {
|
|||
|
|
duration = {};
|
|||
|
|
if (key) {
|
|||
|
|
duration[key] = +input;
|
|||
|
|
} else {
|
|||
|
|
duration.milliseconds = +input;
|
|||
|
|
}
|
|||
|
|
} else if ((match = aspNetRegex.exec(input))) {
|
|||
|
|
sign = match[1] === '-' ? -1 : 1;
|
|||
|
|
duration = {
|
|||
|
|
y: 0,
|
|||
|
|
d: toInt(match[DATE]) * sign,
|
|||
|
|
h: toInt(match[HOUR]) * sign,
|
|||
|
|
m: toInt(match[MINUTE]) * sign,
|
|||
|
|
s: toInt(match[SECOND]) * sign,
|
|||
|
|
ms: toInt(absRound(match[MILLISECOND] * 1000)) * sign, // the millisecond decimal point is included in the match
|
|||
|
|
};
|
|||
|
|
} else if ((match = isoRegex.exec(input))) {
|
|||
|
|
sign = match[1] === '-' ? -1 : 1;
|
|||
|
|
duration = {
|
|||
|
|
y: parseIso(match[2], sign),
|
|||
|
|
M: parseIso(match[3], sign),
|
|||
|
|
w: parseIso(match[4], sign),
|
|||
|
|
d: parseIso(match[5], sign),
|
|||
|
|
h: parseIso(match[6], sign),
|
|||
|
|
m: parseIso(match[7], sign),
|
|||
|
|
s: parseIso(match[8], sign),
|
|||
|
|
};
|
|||
|
|
} else if (duration == null) {
|
|||
|
|
// checks for null or undefined
|
|||
|
|
duration = {};
|
|||
|
|
} else if (
|
|||
|
|
typeof duration === 'object' &&
|
|||
|
|
('from' in duration || 'to' in duration)
|
|||
|
|
) {
|
|||
|
|
diffRes = momentsDifference(
|
|||
|
|
createLocal(duration.from),
|
|||
|
|
createLocal(duration.to)
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
duration = {};
|
|||
|
|
duration.ms = diffRes.milliseconds;
|
|||
|
|
duration.M = diffRes.months;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ret = new Duration(duration);
|
|||
|
|
|
|||
|
|
if (isDuration(input) && hasOwnProp(input, '_locale')) {
|
|||
|
|
ret._locale = input._locale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (isDuration(input) && hasOwnProp(input, '_isValid')) {
|
|||
|
|
ret._isValid = input._isValid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return ret;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
createDuration.fn = Duration.prototype;
|
|||
|
|
createDuration.invalid = createInvalid$1;
|
|||
|
|
|
|||
|
|
function parseIso(inp, sign) {
|
|||
|
|
// We'd normally use ~~inp for this, but unfortunately it also
|
|||
|
|
// converts floats to ints.
|
|||
|
|
// inp may be undefined, so careful calling replace on it.
|
|||
|
|
var res = inp && parseFloat(inp.replace(',', '.'));
|
|||
|
|
// apply sign while we're at it
|
|||
|
|
return (isNaN(res) ? 0 : res) * sign;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function positiveMomentsDifference(base, other) {
|
|||
|
|
var res = {};
|
|||
|
|
|
|||
|
|
res.months =
|
|||
|
|
other.month() - base.month() + (other.year() - base.year()) * 12;
|
|||
|
|
if (base.clone().add(res.months, 'M').isAfter(other)) {
|
|||
|
|
--res.months;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
res.milliseconds = +other - +base.clone().add(res.months, 'M');
|
|||
|
|
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function momentsDifference(base, other) {
|
|||
|
|
var res;
|
|||
|
|
if (!(base.isValid() && other.isValid())) {
|
|||
|
|
return { milliseconds: 0, months: 0 };
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
other = cloneWithOffset(other, base);
|
|||
|
|
if (base.isBefore(other)) {
|
|||
|
|
res = positiveMomentsDifference(base, other);
|
|||
|
|
} else {
|
|||
|
|
res = positiveMomentsDifference(other, base);
|
|||
|
|
res.milliseconds = -res.milliseconds;
|
|||
|
|
res.months = -res.months;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// TODO: remove 'name' arg after deprecation is removed
|
|||
|
|
function createAdder(direction, name) {
|
|||
|
|
return function (val, period) {
|
|||
|
|
var dur, tmp;
|
|||
|
|
//invert the arguments, but complain about it
|
|||
|
|
if (period !== null && !isNaN(+period)) {
|
|||
|
|
deprecateSimple(
|
|||
|
|
name,
|
|||
|
|
'moment().' +
|
|||
|
|
name +
|
|||
|
|
'(period, number) is deprecated. Please use moment().' +
|
|||
|
|
name +
|
|||
|
|
'(number, period). ' +
|
|||
|
|
'See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info.'
|
|||
|
|
);
|
|||
|
|
tmp = val;
|
|||
|
|
val = period;
|
|||
|
|
period = tmp;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
dur = createDuration(val, period);
|
|||
|
|
addSubtract(this, dur, direction);
|
|||
|
|
return this;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addSubtract(mom, duration, isAdding, updateOffset) {
|
|||
|
|
var milliseconds = duration._milliseconds,
|
|||
|
|
days = absRound(duration._days),
|
|||
|
|
months = absRound(duration._months);
|
|||
|
|
|
|||
|
|
if (!mom.isValid()) {
|
|||
|
|
// No op
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
updateOffset = updateOffset == null ? true : updateOffset;
|
|||
|
|
|
|||
|
|
if (months) {
|
|||
|
|
setMonth(mom, get(mom, 'Month') + months * isAdding);
|
|||
|
|
}
|
|||
|
|
if (days) {
|
|||
|
|
set$1(mom, 'Date', get(mom, 'Date') + days * isAdding);
|
|||
|
|
}
|
|||
|
|
if (milliseconds) {
|
|||
|
|
mom._d.setTime(mom._d.valueOf() + milliseconds * isAdding);
|
|||
|
|
}
|
|||
|
|
if (updateOffset) {
|
|||
|
|
hooks.updateOffset(mom, days || months);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var add = createAdder(1, 'add'),
|
|||
|
|
subtract = createAdder(-1, 'subtract');
|
|||
|
|
|
|||
|
|
function isString(input) {
|
|||
|
|
return typeof input === 'string' || input instanceof String;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// type MomentInput = Moment | Date | string | number | (number | string)[] | MomentInputObject | void; // null | undefined
|
|||
|
|
function isMomentInput(input) {
|
|||
|
|
return (
|
|||
|
|
isMoment(input) ||
|
|||
|
|
isDate(input) ||
|
|||
|
|
isString(input) ||
|
|||
|
|
isNumber(input) ||
|
|||
|
|
isNumberOrStringArray(input) ||
|
|||
|
|
isMomentInputObject(input) ||
|
|||
|
|
input === null ||
|
|||
|
|
input === undefined
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isMomentInputObject(input) {
|
|||
|
|
var objectTest = isObject(input) && !isObjectEmpty(input),
|
|||
|
|
propertyTest = false,
|
|||
|
|
properties = [
|
|||
|
|
'years',
|
|||
|
|
'year',
|
|||
|
|
'y',
|
|||
|
|
'months',
|
|||
|
|
'month',
|
|||
|
|
'M',
|
|||
|
|
'days',
|
|||
|
|
'day',
|
|||
|
|
'd',
|
|||
|
|
'dates',
|
|||
|
|
'date',
|
|||
|
|
'D',
|
|||
|
|
'hours',
|
|||
|
|
'hour',
|
|||
|
|
'h',
|
|||
|
|
'minutes',
|
|||
|
|
'minute',
|
|||
|
|
'm',
|
|||
|
|
'seconds',
|
|||
|
|
'second',
|
|||
|
|
's',
|
|||
|
|
'milliseconds',
|
|||
|
|
'millisecond',
|
|||
|
|
'ms',
|
|||
|
|
],
|
|||
|
|
i,
|
|||
|
|
property,
|
|||
|
|
propertyLen = properties.length;
|
|||
|
|
|
|||
|
|
for (i = 0; i < propertyLen; i += 1) {
|
|||
|
|
property = properties[i];
|
|||
|
|
propertyTest = propertyTest || hasOwnProp(input, property);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return objectTest && propertyTest;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isNumberOrStringArray(input) {
|
|||
|
|
var arrayTest = isArray(input),
|
|||
|
|
dataTypeTest = false;
|
|||
|
|
if (arrayTest) {
|
|||
|
|
dataTypeTest =
|
|||
|
|
input.filter(function (item) {
|
|||
|
|
return !isNumber(item) && isString(input);
|
|||
|
|
}).length === 0;
|
|||
|
|
}
|
|||
|
|
return arrayTest && dataTypeTest;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isCalendarSpec(input) {
|
|||
|
|
var objectTest = isObject(input) && !isObjectEmpty(input),
|
|||
|
|
propertyTest = false,
|
|||
|
|
properties = [
|
|||
|
|
'sameDay',
|
|||
|
|
'nextDay',
|
|||
|
|
'lastDay',
|
|||
|
|
'nextWeek',
|
|||
|
|
'lastWeek',
|
|||
|
|
'sameElse',
|
|||
|
|
],
|
|||
|
|
i,
|
|||
|
|
property;
|
|||
|
|
|
|||
|
|
for (i = 0; i < properties.length; i += 1) {
|
|||
|
|
property = properties[i];
|
|||
|
|
propertyTest = propertyTest || hasOwnProp(input, property);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return objectTest && propertyTest;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getCalendarFormat(myMoment, now) {
|
|||
|
|
var diff = myMoment.diff(now, 'days', true);
|
|||
|
|
return diff < -6
|
|||
|
|
? 'sameElse'
|
|||
|
|
: diff < -1
|
|||
|
|
? 'lastWeek'
|
|||
|
|
: diff < 0
|
|||
|
|
? 'lastDay'
|
|||
|
|
: diff < 1
|
|||
|
|
? 'sameDay'
|
|||
|
|
: diff < 2
|
|||
|
|
? 'nextDay'
|
|||
|
|
: diff < 7
|
|||
|
|
? 'nextWeek'
|
|||
|
|
: 'sameElse';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function calendar$1(time, formats) {
|
|||
|
|
// Support for single parameter, formats only overload to the calendar function
|
|||
|
|
if (arguments.length === 1) {
|
|||
|
|
if (!arguments[0]) {
|
|||
|
|
time = undefined;
|
|||
|
|
formats = undefined;
|
|||
|
|
} else if (isMomentInput(arguments[0])) {
|
|||
|
|
time = arguments[0];
|
|||
|
|
formats = undefined;
|
|||
|
|
} else if (isCalendarSpec(arguments[0])) {
|
|||
|
|
formats = arguments[0];
|
|||
|
|
time = undefined;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// We want to compare the start of today, vs this.
|
|||
|
|
// Getting start-of-today depends on whether we're local/utc/offset or not.
|
|||
|
|
var now = time || createLocal(),
|
|||
|
|
sod = cloneWithOffset(now, this).startOf('day'),
|
|||
|
|
format = hooks.calendarFormat(this, sod) || 'sameElse',
|
|||
|
|
output =
|
|||
|
|
formats &&
|
|||
|
|
(isFunction(formats[format])
|
|||
|
|
? formats[format].call(this, now)
|
|||
|
|
: formats[format]);
|
|||
|
|
|
|||
|
|
return this.format(
|
|||
|
|
output || this.localeData().calendar(format, this, createLocal(now))
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clone() {
|
|||
|
|
return new Moment(this);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isAfter(input, units) {
|
|||
|
|
var localInput = isMoment(input) ? input : createLocal(input);
|
|||
|
|
if (!(this.isValid() && localInput.isValid())) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
units = normalizeUnits(units) || 'millisecond';
|
|||
|
|
if (units === 'millisecond') {
|
|||
|
|
return this.valueOf() > localInput.valueOf();
|
|||
|
|
} else {
|
|||
|
|
return localInput.valueOf() < this.clone().startOf(units).valueOf();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isBefore(input, units) {
|
|||
|
|
var localInput = isMoment(input) ? input : createLocal(input);
|
|||
|
|
if (!(this.isValid() && localInput.isValid())) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
units = normalizeUnits(units) || 'millisecond';
|
|||
|
|
if (units === 'millisecond') {
|
|||
|
|
return this.valueOf() < localInput.valueOf();
|
|||
|
|
} else {
|
|||
|
|
return this.clone().endOf(units).valueOf() < localInput.valueOf();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isBetween(from, to, units, inclusivity) {
|
|||
|
|
var localFrom = isMoment(from) ? from : createLocal(from),
|
|||
|
|
localTo = isMoment(to) ? to : createLocal(to);
|
|||
|
|
if (!(this.isValid() && localFrom.isValid() && localTo.isValid())) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
inclusivity = inclusivity || '()';
|
|||
|
|
return (
|
|||
|
|
(inclusivity[0] === '('
|
|||
|
|
? this.isAfter(localFrom, units)
|
|||
|
|
: !this.isBefore(localFrom, units)) &&
|
|||
|
|
(inclusivity[1] === ')'
|
|||
|
|
? this.isBefore(localTo, units)
|
|||
|
|
: !this.isAfter(localTo, units))
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isSame(input, units) {
|
|||
|
|
var localInput = isMoment(input) ? input : createLocal(input),
|
|||
|
|
inputMs;
|
|||
|
|
if (!(this.isValid() && localInput.isValid())) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
units = normalizeUnits(units) || 'millisecond';
|
|||
|
|
if (units === 'millisecond') {
|
|||
|
|
return this.valueOf() === localInput.valueOf();
|
|||
|
|
} else {
|
|||
|
|
inputMs = localInput.valueOf();
|
|||
|
|
return (
|
|||
|
|
this.clone().startOf(units).valueOf() <= inputMs &&
|
|||
|
|
inputMs <= this.clone().endOf(units).valueOf()
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isSameOrAfter(input, units) {
|
|||
|
|
return this.isSame(input, units) || this.isAfter(input, units);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isSameOrBefore(input, units) {
|
|||
|
|
return this.isSame(input, units) || this.isBefore(input, units);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function diff(input, units, asFloat) {
|
|||
|
|
var that, zoneDelta, output;
|
|||
|
|
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return NaN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
that = cloneWithOffset(input, this);
|
|||
|
|
|
|||
|
|
if (!that.isValid()) {
|
|||
|
|
return NaN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
zoneDelta = (that.utcOffset() - this.utcOffset()) * 6e4;
|
|||
|
|
|
|||
|
|
units = normalizeUnits(units);
|
|||
|
|
|
|||
|
|
switch (units) {
|
|||
|
|
case 'year':
|
|||
|
|
output = monthDiff(this, that) / 12;
|
|||
|
|
break;
|
|||
|
|
case 'month':
|
|||
|
|
output = monthDiff(this, that);
|
|||
|
|
break;
|
|||
|
|
case 'quarter':
|
|||
|
|
output = monthDiff(this, that) / 3;
|
|||
|
|
break;
|
|||
|
|
case 'second':
|
|||
|
|
output = (this - that) / 1e3;
|
|||
|
|
break; // 1000
|
|||
|
|
case 'minute':
|
|||
|
|
output = (this - that) / 6e4;
|
|||
|
|
break; // 1000 * 60
|
|||
|
|
case 'hour':
|
|||
|
|
output = (this - that) / 36e5;
|
|||
|
|
break; // 1000 * 60 * 60
|
|||
|
|
case 'day':
|
|||
|
|
output = (this - that - zoneDelta) / 864e5;
|
|||
|
|
break; // 1000 * 60 * 60 * 24, negate dst
|
|||
|
|
case 'week':
|
|||
|
|
output = (this - that - zoneDelta) / 6048e5;
|
|||
|
|
break; // 1000 * 60 * 60 * 24 * 7, negate dst
|
|||
|
|
default:
|
|||
|
|
output = this - that;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return asFloat ? output : absFloor(output);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function monthDiff(a, b) {
|
|||
|
|
if (a.date() < b.date()) {
|
|||
|
|
// end-of-month calculations work correct when the start month has more
|
|||
|
|
// days than the end month.
|
|||
|
|
return -monthDiff(b, a);
|
|||
|
|
}
|
|||
|
|
// difference in months
|
|||
|
|
var wholeMonthDiff = (b.year() - a.year()) * 12 + (b.month() - a.month()),
|
|||
|
|
// b is in (anchor - 1 month, anchor + 1 month)
|
|||
|
|
anchor = a.clone().add(wholeMonthDiff, 'months'),
|
|||
|
|
anchor2,
|
|||
|
|
adjust;
|
|||
|
|
|
|||
|
|
if (b - anchor < 0) {
|
|||
|
|
anchor2 = a.clone().add(wholeMonthDiff - 1, 'months');
|
|||
|
|
// linear across the month
|
|||
|
|
adjust = (b - anchor) / (anchor - anchor2);
|
|||
|
|
} else {
|
|||
|
|
anchor2 = a.clone().add(wholeMonthDiff + 1, 'months');
|
|||
|
|
// linear across the month
|
|||
|
|
adjust = (b - anchor) / (anchor2 - anchor);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//check for negative zero, return zero if negative zero
|
|||
|
|
return -(wholeMonthDiff + adjust) || 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
hooks.defaultFormat = 'YYYY-MM-DDTHH:mm:ssZ';
|
|||
|
|
hooks.defaultFormatUtc = 'YYYY-MM-DDTHH:mm:ss[Z]';
|
|||
|
|
|
|||
|
|
function toString() {
|
|||
|
|
return this.clone().locale('en').format('ddd MMM DD YYYY HH:mm:ss [GMT]ZZ');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toISOString(keepOffset) {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
var utc = keepOffset !== true,
|
|||
|
|
m = utc ? this.clone().utc() : this;
|
|||
|
|
if (m.year() < 0 || m.year() > 9999) {
|
|||
|
|
return formatMoment(
|
|||
|
|
m,
|
|||
|
|
utc
|
|||
|
|
? 'YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]'
|
|||
|
|
: 'YYYYYY-MM-DD[T]HH:mm:ss.SSSZ'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
if (isFunction(Date.prototype.toISOString)) {
|
|||
|
|
// native implementation is ~50x faster, use it when we can
|
|||
|
|
if (utc) {
|
|||
|
|
return this.toDate().toISOString();
|
|||
|
|
} else {
|
|||
|
|
return new Date(this.valueOf() + this.utcOffset() * 60 * 1000)
|
|||
|
|
.toISOString()
|
|||
|
|
.replace('Z', formatMoment(m, 'Z'));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return formatMoment(
|
|||
|
|
m,
|
|||
|
|
utc ? 'YYYY-MM-DD[T]HH:mm:ss.SSS[Z]' : 'YYYY-MM-DD[T]HH:mm:ss.SSSZ'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Return a human readable representation of a moment that can
|
|||
|
|
* also be evaluated to get a new moment which is the same
|
|||
|
|
*
|
|||
|
|
* @link https://nodejs.org/dist/latest/docs/api/util.html#util_custom_inspect_function_on_objects
|
|||
|
|
*/
|
|||
|
|
function inspect() {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return 'moment.invalid(/* ' + this._i + ' */)';
|
|||
|
|
}
|
|||
|
|
var func = 'moment',
|
|||
|
|
zone = '',
|
|||
|
|
prefix,
|
|||
|
|
year,
|
|||
|
|
datetime,
|
|||
|
|
suffix;
|
|||
|
|
if (!this.isLocal()) {
|
|||
|
|
func = this.utcOffset() === 0 ? 'moment.utc' : 'moment.parseZone';
|
|||
|
|
zone = 'Z';
|
|||
|
|
}
|
|||
|
|
prefix = '[' + func + '("]';
|
|||
|
|
year = 0 <= this.year() && this.year() <= 9999 ? 'YYYY' : 'YYYYYY';
|
|||
|
|
datetime = '-MM-DD[T]HH:mm:ss.SSS';
|
|||
|
|
suffix = zone + '[")]';
|
|||
|
|
|
|||
|
|
return this.format(prefix + year + datetime + suffix);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function format(inputString) {
|
|||
|
|
if (!inputString) {
|
|||
|
|
inputString = this.isUtc()
|
|||
|
|
? hooks.defaultFormatUtc
|
|||
|
|
: hooks.defaultFormat;
|
|||
|
|
}
|
|||
|
|
var output = formatMoment(this, inputString);
|
|||
|
|
return this.localeData().postformat(output);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function from(time, withoutSuffix) {
|
|||
|
|
if (
|
|||
|
|
this.isValid() &&
|
|||
|
|
((isMoment(time) && time.isValid()) || createLocal(time).isValid())
|
|||
|
|
) {
|
|||
|
|
return createDuration({ to: this, from: time })
|
|||
|
|
.locale(this.locale())
|
|||
|
|
.humanize(!withoutSuffix);
|
|||
|
|
} else {
|
|||
|
|
return this.localeData().invalidDate();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function fromNow(withoutSuffix) {
|
|||
|
|
return this.from(createLocal(), withoutSuffix);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function to(time, withoutSuffix) {
|
|||
|
|
if (
|
|||
|
|
this.isValid() &&
|
|||
|
|
((isMoment(time) && time.isValid()) || createLocal(time).isValid())
|
|||
|
|
) {
|
|||
|
|
return createDuration({ from: this, to: time })
|
|||
|
|
.locale(this.locale())
|
|||
|
|
.humanize(!withoutSuffix);
|
|||
|
|
} else {
|
|||
|
|
return this.localeData().invalidDate();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toNow(withoutSuffix) {
|
|||
|
|
return this.to(createLocal(), withoutSuffix);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// If passed a locale key, it will set the locale for this
|
|||
|
|
// instance. Otherwise, it will return the locale configuration
|
|||
|
|
// variables for this instance.
|
|||
|
|
function locale(key) {
|
|||
|
|
var newLocaleData;
|
|||
|
|
|
|||
|
|
if (key === undefined) {
|
|||
|
|
return this._locale._abbr;
|
|||
|
|
} else {
|
|||
|
|
newLocaleData = getLocale(key);
|
|||
|
|
if (newLocaleData != null) {
|
|||
|
|
this._locale = newLocaleData;
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var lang = deprecate(
|
|||
|
|
'moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.',
|
|||
|
|
function (key) {
|
|||
|
|
if (key === undefined) {
|
|||
|
|
return this.localeData();
|
|||
|
|
} else {
|
|||
|
|
return this.locale(key);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
function localeData() {
|
|||
|
|
return this._locale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var MS_PER_SECOND = 1000,
|
|||
|
|
MS_PER_MINUTE = 60 * MS_PER_SECOND,
|
|||
|
|
MS_PER_HOUR = 60 * MS_PER_MINUTE,
|
|||
|
|
MS_PER_400_YEARS = (365 * 400 + 97) * 24 * MS_PER_HOUR;
|
|||
|
|
|
|||
|
|
// actual modulo - handles negative numbers (for dates before 1970):
|
|||
|
|
function mod$1(dividend, divisor) {
|
|||
|
|
return ((dividend % divisor) + divisor) % divisor;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localStartOfDate(y, m, d) {
|
|||
|
|
// the date constructor remaps years 0-99 to 1900-1999
|
|||
|
|
if (y < 100 && y >= 0) {
|
|||
|
|
// preserve leap years using a full 400 year cycle, then reset
|
|||
|
|
return new Date(y + 400, m, d) - MS_PER_400_YEARS;
|
|||
|
|
} else {
|
|||
|
|
return new Date(y, m, d).valueOf();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function utcStartOfDate(y, m, d) {
|
|||
|
|
// Date.UTC remaps years 0-99 to 1900-1999
|
|||
|
|
if (y < 100 && y >= 0) {
|
|||
|
|
// preserve leap years using a full 400 year cycle, then reset
|
|||
|
|
return Date.UTC(y + 400, m, d) - MS_PER_400_YEARS;
|
|||
|
|
} else {
|
|||
|
|
return Date.UTC(y, m, d);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function startOf(units) {
|
|||
|
|
var time, startOfDate;
|
|||
|
|
units = normalizeUnits(units);
|
|||
|
|
if (units === undefined || units === 'millisecond' || !this.isValid()) {
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
startOfDate = this._isUTC ? utcStartOfDate : localStartOfDate;
|
|||
|
|
|
|||
|
|
switch (units) {
|
|||
|
|
case 'year':
|
|||
|
|
time = startOfDate(this.year(), 0, 1);
|
|||
|
|
break;
|
|||
|
|
case 'quarter':
|
|||
|
|
time = startOfDate(
|
|||
|
|
this.year(),
|
|||
|
|
this.month() - (this.month() % 3),
|
|||
|
|
1
|
|||
|
|
);
|
|||
|
|
break;
|
|||
|
|
case 'month':
|
|||
|
|
time = startOfDate(this.year(), this.month(), 1);
|
|||
|
|
break;
|
|||
|
|
case 'week':
|
|||
|
|
time = startOfDate(
|
|||
|
|
this.year(),
|
|||
|
|
this.month(),
|
|||
|
|
this.date() - this.weekday()
|
|||
|
|
);
|
|||
|
|
break;
|
|||
|
|
case 'isoWeek':
|
|||
|
|
time = startOfDate(
|
|||
|
|
this.year(),
|
|||
|
|
this.month(),
|
|||
|
|
this.date() - (this.isoWeekday() - 1)
|
|||
|
|
);
|
|||
|
|
break;
|
|||
|
|
case 'day':
|
|||
|
|
case 'date':
|
|||
|
|
time = startOfDate(this.year(), this.month(), this.date());
|
|||
|
|
break;
|
|||
|
|
case 'hour':
|
|||
|
|
time = this._d.valueOf();
|
|||
|
|
time -= mod$1(
|
|||
|
|
time + (this._isUTC ? 0 : this.utcOffset() * MS_PER_MINUTE),
|
|||
|
|
MS_PER_HOUR
|
|||
|
|
);
|
|||
|
|
break;
|
|||
|
|
case 'minute':
|
|||
|
|
time = this._d.valueOf();
|
|||
|
|
time -= mod$1(time, MS_PER_MINUTE);
|
|||
|
|
break;
|
|||
|
|
case 'second':
|
|||
|
|
time = this._d.valueOf();
|
|||
|
|
time -= mod$1(time, MS_PER_SECOND);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this._d.setTime(time);
|
|||
|
|
hooks.updateOffset(this, true);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function endOf(units) {
|
|||
|
|
var time, startOfDate;
|
|||
|
|
units = normalizeUnits(units);
|
|||
|
|
if (units === undefined || units === 'millisecond' || !this.isValid()) {
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
startOfDate = this._isUTC ? utcStartOfDate : localStartOfDate;
|
|||
|
|
|
|||
|
|
switch (units) {
|
|||
|
|
case 'year':
|
|||
|
|
time = startOfDate(this.year() + 1, 0, 1) - 1;
|
|||
|
|
break;
|
|||
|
|
case 'quarter':
|
|||
|
|
time =
|
|||
|
|
startOfDate(
|
|||
|
|
this.year(),
|
|||
|
|
this.month() - (this.month() % 3) + 3,
|
|||
|
|
1
|
|||
|
|
) - 1;
|
|||
|
|
break;
|
|||
|
|
case 'month':
|
|||
|
|
time = startOfDate(this.year(), this.month() + 1, 1) - 1;
|
|||
|
|
break;
|
|||
|
|
case 'week':
|
|||
|
|
time =
|
|||
|
|
startOfDate(
|
|||
|
|
this.year(),
|
|||
|
|
this.month(),
|
|||
|
|
this.date() - this.weekday() + 7
|
|||
|
|
) - 1;
|
|||
|
|
break;
|
|||
|
|
case 'isoWeek':
|
|||
|
|
time =
|
|||
|
|
startOfDate(
|
|||
|
|
this.year(),
|
|||
|
|
this.month(),
|
|||
|
|
this.date() - (this.isoWeekday() - 1) + 7
|
|||
|
|
) - 1;
|
|||
|
|
break;
|
|||
|
|
case 'day':
|
|||
|
|
case 'date':
|
|||
|
|
time = startOfDate(this.year(), this.month(), this.date() + 1) - 1;
|
|||
|
|
break;
|
|||
|
|
case 'hour':
|
|||
|
|
time = this._d.valueOf();
|
|||
|
|
time +=
|
|||
|
|
MS_PER_HOUR -
|
|||
|
|
mod$1(
|
|||
|
|
time + (this._isUTC ? 0 : this.utcOffset() * MS_PER_MINUTE),
|
|||
|
|
MS_PER_HOUR
|
|||
|
|
) -
|
|||
|
|
1;
|
|||
|
|
break;
|
|||
|
|
case 'minute':
|
|||
|
|
time = this._d.valueOf();
|
|||
|
|
time += MS_PER_MINUTE - mod$1(time, MS_PER_MINUTE) - 1;
|
|||
|
|
break;
|
|||
|
|
case 'second':
|
|||
|
|
time = this._d.valueOf();
|
|||
|
|
time += MS_PER_SECOND - mod$1(time, MS_PER_SECOND) - 1;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this._d.setTime(time);
|
|||
|
|
hooks.updateOffset(this, true);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function valueOf() {
|
|||
|
|
return this._d.valueOf() - (this._offset || 0) * 60000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function unix() {
|
|||
|
|
return Math.floor(this.valueOf() / 1000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toDate() {
|
|||
|
|
return new Date(this.valueOf());
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toArray() {
|
|||
|
|
var m = this;
|
|||
|
|
return [
|
|||
|
|
m.year(),
|
|||
|
|
m.month(),
|
|||
|
|
m.date(),
|
|||
|
|
m.hour(),
|
|||
|
|
m.minute(),
|
|||
|
|
m.second(),
|
|||
|
|
m.millisecond(),
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toObject() {
|
|||
|
|
var m = this;
|
|||
|
|
return {
|
|||
|
|
years: m.year(),
|
|||
|
|
months: m.month(),
|
|||
|
|
date: m.date(),
|
|||
|
|
hours: m.hours(),
|
|||
|
|
minutes: m.minutes(),
|
|||
|
|
seconds: m.seconds(),
|
|||
|
|
milliseconds: m.milliseconds(),
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toJSON() {
|
|||
|
|
// new Date(NaN).toJSON() === null
|
|||
|
|
return this.isValid() ? this.toISOString() : null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isValid$2() {
|
|||
|
|
return isValid(this);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function parsingFlags() {
|
|||
|
|
return extend({}, getParsingFlags(this));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function invalidAt() {
|
|||
|
|
return getParsingFlags(this).overflow;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function creationData() {
|
|||
|
|
return {
|
|||
|
|
input: this._i,
|
|||
|
|
format: this._f,
|
|||
|
|
locale: this._locale,
|
|||
|
|
isUTC: this._isUTC,
|
|||
|
|
strict: this._strict,
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
addFormatToken('N', 0, 0, 'eraAbbr');
|
|||
|
|
addFormatToken('NN', 0, 0, 'eraAbbr');
|
|||
|
|
addFormatToken('NNN', 0, 0, 'eraAbbr');
|
|||
|
|
addFormatToken('NNNN', 0, 0, 'eraName');
|
|||
|
|
addFormatToken('NNNNN', 0, 0, 'eraNarrow');
|
|||
|
|
|
|||
|
|
addFormatToken('y', ['y', 1], 'yo', 'eraYear');
|
|||
|
|
addFormatToken('y', ['yy', 2], 0, 'eraYear');
|
|||
|
|
addFormatToken('y', ['yyy', 3], 0, 'eraYear');
|
|||
|
|
addFormatToken('y', ['yyyy', 4], 0, 'eraYear');
|
|||
|
|
|
|||
|
|
addRegexToken('N', matchEraAbbr);
|
|||
|
|
addRegexToken('NN', matchEraAbbr);
|
|||
|
|
addRegexToken('NNN', matchEraAbbr);
|
|||
|
|
addRegexToken('NNNN', matchEraName);
|
|||
|
|
addRegexToken('NNNNN', matchEraNarrow);
|
|||
|
|
|
|||
|
|
addParseToken(
|
|||
|
|
['N', 'NN', 'NNN', 'NNNN', 'NNNNN'],
|
|||
|
|
function (input, array, config, token) {
|
|||
|
|
var era = config._locale.erasParse(input, token, config._strict);
|
|||
|
|
if (era) {
|
|||
|
|
getParsingFlags(config).era = era;
|
|||
|
|
} else {
|
|||
|
|
getParsingFlags(config).invalidEra = input;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
addRegexToken('y', matchUnsigned);
|
|||
|
|
addRegexToken('yy', matchUnsigned);
|
|||
|
|
addRegexToken('yyy', matchUnsigned);
|
|||
|
|
addRegexToken('yyyy', matchUnsigned);
|
|||
|
|
addRegexToken('yo', matchEraYearOrdinal);
|
|||
|
|
|
|||
|
|
addParseToken(['y', 'yy', 'yyy', 'yyyy'], YEAR);
|
|||
|
|
addParseToken(['yo'], function (input, array, config, token) {
|
|||
|
|
var match;
|
|||
|
|
if (config._locale._eraYearOrdinalRegex) {
|
|||
|
|
match = input.match(config._locale._eraYearOrdinalRegex);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (config._locale.eraYearOrdinalParse) {
|
|||
|
|
array[YEAR] = config._locale.eraYearOrdinalParse(input, match);
|
|||
|
|
} else {
|
|||
|
|
array[YEAR] = parseInt(input, 10);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function localeEras(m, format) {
|
|||
|
|
var i,
|
|||
|
|
l,
|
|||
|
|
date,
|
|||
|
|
eras = this._eras || getLocale('en')._eras;
|
|||
|
|
for (i = 0, l = eras.length; i < l; ++i) {
|
|||
|
|
switch (typeof eras[i].since) {
|
|||
|
|
case 'string':
|
|||
|
|
// truncate time
|
|||
|
|
date = hooks(eras[i].since).startOf('day');
|
|||
|
|
eras[i].since = date.valueOf();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
switch (typeof eras[i].until) {
|
|||
|
|
case 'undefined':
|
|||
|
|
eras[i].until = +Infinity;
|
|||
|
|
break;
|
|||
|
|
case 'string':
|
|||
|
|
// truncate time
|
|||
|
|
date = hooks(eras[i].until).startOf('day').valueOf();
|
|||
|
|
eras[i].until = date.valueOf();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return eras;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeErasParse(eraName, format, strict) {
|
|||
|
|
var i,
|
|||
|
|
l,
|
|||
|
|
eras = this.eras(),
|
|||
|
|
name,
|
|||
|
|
abbr,
|
|||
|
|
narrow;
|
|||
|
|
eraName = eraName.toUpperCase();
|
|||
|
|
|
|||
|
|
for (i = 0, l = eras.length; i < l; ++i) {
|
|||
|
|
name = eras[i].name.toUpperCase();
|
|||
|
|
abbr = eras[i].abbr.toUpperCase();
|
|||
|
|
narrow = eras[i].narrow.toUpperCase();
|
|||
|
|
|
|||
|
|
if (strict) {
|
|||
|
|
switch (format) {
|
|||
|
|
case 'N':
|
|||
|
|
case 'NN':
|
|||
|
|
case 'NNN':
|
|||
|
|
if (abbr === eraName) {
|
|||
|
|
return eras[i];
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
case 'NNNN':
|
|||
|
|
if (name === eraName) {
|
|||
|
|
return eras[i];
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
case 'NNNNN':
|
|||
|
|
if (narrow === eraName) {
|
|||
|
|
return eras[i];
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
} else if ([name, abbr, narrow].indexOf(eraName) >= 0) {
|
|||
|
|
return eras[i];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function localeErasConvertYear(era, year) {
|
|||
|
|
var dir = era.since <= era.until ? +1 : -1;
|
|||
|
|
if (year === undefined) {
|
|||
|
|
return hooks(era.since).year();
|
|||
|
|
} else {
|
|||
|
|
return hooks(era.since).year() + (year - era.offset) * dir;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getEraName() {
|
|||
|
|
var i,
|
|||
|
|
l,
|
|||
|
|
val,
|
|||
|
|
eras = this.localeData().eras();
|
|||
|
|
for (i = 0, l = eras.length; i < l; ++i) {
|
|||
|
|
// truncate time
|
|||
|
|
val = this.clone().startOf('day').valueOf();
|
|||
|
|
|
|||
|
|
if (eras[i].since <= val && val <= eras[i].until) {
|
|||
|
|
return eras[i].name;
|
|||
|
|
}
|
|||
|
|
if (eras[i].until <= val && val <= eras[i].since) {
|
|||
|
|
return eras[i].name;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getEraNarrow() {
|
|||
|
|
var i,
|
|||
|
|
l,
|
|||
|
|
val,
|
|||
|
|
eras = this.localeData().eras();
|
|||
|
|
for (i = 0, l = eras.length; i < l; ++i) {
|
|||
|
|
// truncate time
|
|||
|
|
val = this.clone().startOf('day').valueOf();
|
|||
|
|
|
|||
|
|
if (eras[i].since <= val && val <= eras[i].until) {
|
|||
|
|
return eras[i].narrow;
|
|||
|
|
}
|
|||
|
|
if (eras[i].until <= val && val <= eras[i].since) {
|
|||
|
|
return eras[i].narrow;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getEraAbbr() {
|
|||
|
|
var i,
|
|||
|
|
l,
|
|||
|
|
val,
|
|||
|
|
eras = this.localeData().eras();
|
|||
|
|
for (i = 0, l = eras.length; i < l; ++i) {
|
|||
|
|
// truncate time
|
|||
|
|
val = this.clone().startOf('day').valueOf();
|
|||
|
|
|
|||
|
|
if (eras[i].since <= val && val <= eras[i].until) {
|
|||
|
|
return eras[i].abbr;
|
|||
|
|
}
|
|||
|
|
if (eras[i].until <= val && val <= eras[i].since) {
|
|||
|
|
return eras[i].abbr;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getEraYear() {
|
|||
|
|
var i,
|
|||
|
|
l,
|
|||
|
|
dir,
|
|||
|
|
val,
|
|||
|
|
eras = this.localeData().eras();
|
|||
|
|
for (i = 0, l = eras.length; i < l; ++i) {
|
|||
|
|
dir = eras[i].since <= eras[i].until ? +1 : -1;
|
|||
|
|
|
|||
|
|
// truncate time
|
|||
|
|
val = this.clone().startOf('day').valueOf();
|
|||
|
|
|
|||
|
|
if (
|
|||
|
|
(eras[i].since <= val && val <= eras[i].until) ||
|
|||
|
|
(eras[i].until <= val && val <= eras[i].since)
|
|||
|
|
) {
|
|||
|
|
return (
|
|||
|
|
(this.year() - hooks(eras[i].since).year()) * dir +
|
|||
|
|
eras[i].offset
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return this.year();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function erasNameRegex(isStrict) {
|
|||
|
|
if (!hasOwnProp(this, '_erasNameRegex')) {
|
|||
|
|
computeErasParse.call(this);
|
|||
|
|
}
|
|||
|
|
return isStrict ? this._erasNameRegex : this._erasRegex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function erasAbbrRegex(isStrict) {
|
|||
|
|
if (!hasOwnProp(this, '_erasAbbrRegex')) {
|
|||
|
|
computeErasParse.call(this);
|
|||
|
|
}
|
|||
|
|
return isStrict ? this._erasAbbrRegex : this._erasRegex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function erasNarrowRegex(isStrict) {
|
|||
|
|
if (!hasOwnProp(this, '_erasNarrowRegex')) {
|
|||
|
|
computeErasParse.call(this);
|
|||
|
|
}
|
|||
|
|
return isStrict ? this._erasNarrowRegex : this._erasRegex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function matchEraAbbr(isStrict, locale) {
|
|||
|
|
return locale.erasAbbrRegex(isStrict);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function matchEraName(isStrict, locale) {
|
|||
|
|
return locale.erasNameRegex(isStrict);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function matchEraNarrow(isStrict, locale) {
|
|||
|
|
return locale.erasNarrowRegex(isStrict);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function matchEraYearOrdinal(isStrict, locale) {
|
|||
|
|
return locale._eraYearOrdinalRegex || matchUnsigned;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function computeErasParse() {
|
|||
|
|
var abbrPieces = [],
|
|||
|
|
namePieces = [],
|
|||
|
|
narrowPieces = [],
|
|||
|
|
mixedPieces = [],
|
|||
|
|
i,
|
|||
|
|
l,
|
|||
|
|
eras = this.eras();
|
|||
|
|
|
|||
|
|
for (i = 0, l = eras.length; i < l; ++i) {
|
|||
|
|
namePieces.push(regexEscape(eras[i].name));
|
|||
|
|
abbrPieces.push(regexEscape(eras[i].abbr));
|
|||
|
|
narrowPieces.push(regexEscape(eras[i].narrow));
|
|||
|
|
|
|||
|
|
mixedPieces.push(regexEscape(eras[i].name));
|
|||
|
|
mixedPieces.push(regexEscape(eras[i].abbr));
|
|||
|
|
mixedPieces.push(regexEscape(eras[i].narrow));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this._erasRegex = new RegExp('^(' + mixedPieces.join('|') + ')', 'i');
|
|||
|
|
this._erasNameRegex = new RegExp('^(' + namePieces.join('|') + ')', 'i');
|
|||
|
|
this._erasAbbrRegex = new RegExp('^(' + abbrPieces.join('|') + ')', 'i');
|
|||
|
|
this._erasNarrowRegex = new RegExp(
|
|||
|
|
'^(' + narrowPieces.join('|') + ')',
|
|||
|
|
'i'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken(0, ['gg', 2], 0, function () {
|
|||
|
|
return this.weekYear() % 100;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken(0, ['GG', 2], 0, function () {
|
|||
|
|
return this.isoWeekYear() % 100;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function addWeekYearFormatToken(token, getter) {
|
|||
|
|
addFormatToken(0, [token, token.length], 0, getter);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
addWeekYearFormatToken('gggg', 'weekYear');
|
|||
|
|
addWeekYearFormatToken('ggggg', 'weekYear');
|
|||
|
|
addWeekYearFormatToken('GGGG', 'isoWeekYear');
|
|||
|
|
addWeekYearFormatToken('GGGGG', 'isoWeekYear');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('weekYear', 'gg');
|
|||
|
|
addUnitAlias('isoWeekYear', 'GG');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
|
|||
|
|
addUnitPriority('weekYear', 1);
|
|||
|
|
addUnitPriority('isoWeekYear', 1);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('G', matchSigned);
|
|||
|
|
addRegexToken('g', matchSigned);
|
|||
|
|
addRegexToken('GG', match1to2, match2);
|
|||
|
|
addRegexToken('gg', match1to2, match2);
|
|||
|
|
addRegexToken('GGGG', match1to4, match4);
|
|||
|
|
addRegexToken('gggg', match1to4, match4);
|
|||
|
|
addRegexToken('GGGGG', match1to6, match6);
|
|||
|
|
addRegexToken('ggggg', match1to6, match6);
|
|||
|
|
|
|||
|
|
addWeekParseToken(
|
|||
|
|
['gggg', 'ggggg', 'GGGG', 'GGGGG'],
|
|||
|
|
function (input, week, config, token) {
|
|||
|
|
week[token.substr(0, 2)] = toInt(input);
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
addWeekParseToken(['gg', 'GG'], function (input, week, config, token) {
|
|||
|
|
week[token] = hooks.parseTwoDigitYear(input);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function getSetWeekYear(input) {
|
|||
|
|
return getSetWeekYearHelper.call(
|
|||
|
|
this,
|
|||
|
|
input,
|
|||
|
|
this.week(),
|
|||
|
|
this.weekday(),
|
|||
|
|
this.localeData()._week.dow,
|
|||
|
|
this.localeData()._week.doy
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSetISOWeekYear(input) {
|
|||
|
|
return getSetWeekYearHelper.call(
|
|||
|
|
this,
|
|||
|
|
input,
|
|||
|
|
this.isoWeek(),
|
|||
|
|
this.isoWeekday(),
|
|||
|
|
1,
|
|||
|
|
4
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getISOWeeksInYear() {
|
|||
|
|
return weeksInYear(this.year(), 1, 4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getISOWeeksInISOWeekYear() {
|
|||
|
|
return weeksInYear(this.isoWeekYear(), 1, 4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getWeeksInYear() {
|
|||
|
|
var weekInfo = this.localeData()._week;
|
|||
|
|
return weeksInYear(this.year(), weekInfo.dow, weekInfo.doy);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getWeeksInWeekYear() {
|
|||
|
|
var weekInfo = this.localeData()._week;
|
|||
|
|
return weeksInYear(this.weekYear(), weekInfo.dow, weekInfo.doy);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSetWeekYearHelper(input, week, weekday, dow, doy) {
|
|||
|
|
var weeksTarget;
|
|||
|
|
if (input == null) {
|
|||
|
|
return weekOfYear(this, dow, doy).year;
|
|||
|
|
} else {
|
|||
|
|
weeksTarget = weeksInYear(input, dow, doy);
|
|||
|
|
if (week > weeksTarget) {
|
|||
|
|
week = weeksTarget;
|
|||
|
|
}
|
|||
|
|
return setWeekAll.call(this, input, week, weekday, dow, doy);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setWeekAll(weekYear, week, weekday, dow, doy) {
|
|||
|
|
var dayOfYearData = dayOfYearFromWeeks(weekYear, week, weekday, dow, doy),
|
|||
|
|
date = createUTCDate(dayOfYearData.year, 0, dayOfYearData.dayOfYear);
|
|||
|
|
|
|||
|
|
this.year(date.getUTCFullYear());
|
|||
|
|
this.month(date.getUTCMonth());
|
|||
|
|
this.date(date.getUTCDate());
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('Q', 0, 'Qo', 'quarter');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('quarter', 'Q');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
|
|||
|
|
addUnitPriority('quarter', 7);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('Q', match1);
|
|||
|
|
addParseToken('Q', function (input, array) {
|
|||
|
|
array[MONTH] = (toInt(input) - 1) * 3;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function getSetQuarter(input) {
|
|||
|
|
return input == null
|
|||
|
|
? Math.ceil((this.month() + 1) / 3)
|
|||
|
|
: this.month((input - 1) * 3 + (this.month() % 3));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('D', ['DD', 2], 'Do', 'date');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('date', 'D');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
addUnitPriority('date', 9);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('D', match1to2);
|
|||
|
|
addRegexToken('DD', match1to2, match2);
|
|||
|
|
addRegexToken('Do', function (isStrict, locale) {
|
|||
|
|
// TODO: Remove "ordinalParse" fallback in next major release.
|
|||
|
|
return isStrict
|
|||
|
|
? locale._dayOfMonthOrdinalParse || locale._ordinalParse
|
|||
|
|
: locale._dayOfMonthOrdinalParseLenient;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addParseToken(['D', 'DD'], DATE);
|
|||
|
|
addParseToken('Do', function (input, array) {
|
|||
|
|
array[DATE] = toInt(input.match(match1to2)[0]);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
var getSetDayOfMonth = makeGetSet('Date', true);
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('DDD', ['DDDD', 3], 'DDDo', 'dayOfYear');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('dayOfYear', 'DDD');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
addUnitPriority('dayOfYear', 4);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('DDD', match1to3);
|
|||
|
|
addRegexToken('DDDD', match3);
|
|||
|
|
addParseToken(['DDD', 'DDDD'], function (input, array, config) {
|
|||
|
|
config._dayOfYear = toInt(input);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// HELPERS
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function getSetDayOfYear(input) {
|
|||
|
|
var dayOfYear =
|
|||
|
|
Math.round(
|
|||
|
|
(this.clone().startOf('day') - this.clone().startOf('year')) / 864e5
|
|||
|
|
) + 1;
|
|||
|
|
return input == null ? dayOfYear : this.add(input - dayOfYear, 'd');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('m', ['mm', 2], 0, 'minute');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('minute', 'm');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
|
|||
|
|
addUnitPriority('minute', 14);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('m', match1to2);
|
|||
|
|
addRegexToken('mm', match1to2, match2);
|
|||
|
|
addParseToken(['m', 'mm'], MINUTE);
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
var getSetMinute = makeGetSet('Minutes', false);
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('s', ['ss', 2], 0, 'second');
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('second', 's');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
|
|||
|
|
addUnitPriority('second', 15);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('s', match1to2);
|
|||
|
|
addRegexToken('ss', match1to2, match2);
|
|||
|
|
addParseToken(['s', 'ss'], SECOND);
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
var getSetSecond = makeGetSet('Seconds', false);
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('S', 0, 0, function () {
|
|||
|
|
return ~~(this.millisecond() / 100);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken(0, ['SS', 2], 0, function () {
|
|||
|
|
return ~~(this.millisecond() / 10);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
addFormatToken(0, ['SSS', 3], 0, 'millisecond');
|
|||
|
|
addFormatToken(0, ['SSSS', 4], 0, function () {
|
|||
|
|
return this.millisecond() * 10;
|
|||
|
|
});
|
|||
|
|
addFormatToken(0, ['SSSSS', 5], 0, function () {
|
|||
|
|
return this.millisecond() * 100;
|
|||
|
|
});
|
|||
|
|
addFormatToken(0, ['SSSSSS', 6], 0, function () {
|
|||
|
|
return this.millisecond() * 1000;
|
|||
|
|
});
|
|||
|
|
addFormatToken(0, ['SSSSSSS', 7], 0, function () {
|
|||
|
|
return this.millisecond() * 10000;
|
|||
|
|
});
|
|||
|
|
addFormatToken(0, ['SSSSSSSS', 8], 0, function () {
|
|||
|
|
return this.millisecond() * 100000;
|
|||
|
|
});
|
|||
|
|
addFormatToken(0, ['SSSSSSSSS', 9], 0, function () {
|
|||
|
|
return this.millisecond() * 1000000;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// ALIASES
|
|||
|
|
|
|||
|
|
addUnitAlias('millisecond', 'ms');
|
|||
|
|
|
|||
|
|
// PRIORITY
|
|||
|
|
|
|||
|
|
addUnitPriority('millisecond', 16);
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('S', match1to3, match1);
|
|||
|
|
addRegexToken('SS', match1to3, match2);
|
|||
|
|
addRegexToken('SSS', match1to3, match3);
|
|||
|
|
|
|||
|
|
var token, getSetMillisecond;
|
|||
|
|
for (token = 'SSSS'; token.length <= 9; token += 'S') {
|
|||
|
|
addRegexToken(token, matchUnsigned);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function parseMs(input, array) {
|
|||
|
|
array[MILLISECOND] = toInt(('0.' + input) * 1000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (token = 'S'; token.length <= 9; token += 'S') {
|
|||
|
|
addParseToken(token, parseMs);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getSetMillisecond = makeGetSet('Milliseconds', false);
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('z', 0, 0, 'zoneAbbr');
|
|||
|
|
addFormatToken('zz', 0, 0, 'zoneName');
|
|||
|
|
|
|||
|
|
// MOMENTS
|
|||
|
|
|
|||
|
|
function getZoneAbbr() {
|
|||
|
|
return this._isUTC ? 'UTC' : '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getZoneName() {
|
|||
|
|
return this._isUTC ? 'Coordinated Universal Time' : '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var proto = Moment.prototype;
|
|||
|
|
|
|||
|
|
proto.add = add;
|
|||
|
|
proto.calendar = calendar$1;
|
|||
|
|
proto.clone = clone;
|
|||
|
|
proto.diff = diff;
|
|||
|
|
proto.endOf = endOf;
|
|||
|
|
proto.format = format;
|
|||
|
|
proto.from = from;
|
|||
|
|
proto.fromNow = fromNow;
|
|||
|
|
proto.to = to;
|
|||
|
|
proto.toNow = toNow;
|
|||
|
|
proto.get = stringGet;
|
|||
|
|
proto.invalidAt = invalidAt;
|
|||
|
|
proto.isAfter = isAfter;
|
|||
|
|
proto.isBefore = isBefore;
|
|||
|
|
proto.isBetween = isBetween;
|
|||
|
|
proto.isSame = isSame;
|
|||
|
|
proto.isSameOrAfter = isSameOrAfter;
|
|||
|
|
proto.isSameOrBefore = isSameOrBefore;
|
|||
|
|
proto.isValid = isValid$2;
|
|||
|
|
proto.lang = lang;
|
|||
|
|
proto.locale = locale;
|
|||
|
|
proto.localeData = localeData;
|
|||
|
|
proto.max = prototypeMax;
|
|||
|
|
proto.min = prototypeMin;
|
|||
|
|
proto.parsingFlags = parsingFlags;
|
|||
|
|
proto.set = stringSet;
|
|||
|
|
proto.startOf = startOf;
|
|||
|
|
proto.subtract = subtract;
|
|||
|
|
proto.toArray = toArray;
|
|||
|
|
proto.toObject = toObject;
|
|||
|
|
proto.toDate = toDate;
|
|||
|
|
proto.toISOString = toISOString;
|
|||
|
|
proto.inspect = inspect;
|
|||
|
|
if (typeof Symbol !== 'undefined' && Symbol.for != null) {
|
|||
|
|
proto[Symbol.for('nodejs.util.inspect.custom')] = function () {
|
|||
|
|
return 'Moment<' + this.format() + '>';
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
proto.toJSON = toJSON;
|
|||
|
|
proto.toString = toString;
|
|||
|
|
proto.unix = unix;
|
|||
|
|
proto.valueOf = valueOf;
|
|||
|
|
proto.creationData = creationData;
|
|||
|
|
proto.eraName = getEraName;
|
|||
|
|
proto.eraNarrow = getEraNarrow;
|
|||
|
|
proto.eraAbbr = getEraAbbr;
|
|||
|
|
proto.eraYear = getEraYear;
|
|||
|
|
proto.year = getSetYear;
|
|||
|
|
proto.isLeapYear = getIsLeapYear;
|
|||
|
|
proto.weekYear = getSetWeekYear;
|
|||
|
|
proto.isoWeekYear = getSetISOWeekYear;
|
|||
|
|
proto.quarter = proto.quarters = getSetQuarter;
|
|||
|
|
proto.month = getSetMonth;
|
|||
|
|
proto.daysInMonth = getDaysInMonth;
|
|||
|
|
proto.week = proto.weeks = getSetWeek;
|
|||
|
|
proto.isoWeek = proto.isoWeeks = getSetISOWeek;
|
|||
|
|
proto.weeksInYear = getWeeksInYear;
|
|||
|
|
proto.weeksInWeekYear = getWeeksInWeekYear;
|
|||
|
|
proto.isoWeeksInYear = getISOWeeksInYear;
|
|||
|
|
proto.isoWeeksInISOWeekYear = getISOWeeksInISOWeekYear;
|
|||
|
|
proto.date = getSetDayOfMonth;
|
|||
|
|
proto.day = proto.days = getSetDayOfWeek;
|
|||
|
|
proto.weekday = getSetLocaleDayOfWeek;
|
|||
|
|
proto.isoWeekday = getSetISODayOfWeek;
|
|||
|
|
proto.dayOfYear = getSetDayOfYear;
|
|||
|
|
proto.hour = proto.hours = getSetHour;
|
|||
|
|
proto.minute = proto.minutes = getSetMinute;
|
|||
|
|
proto.second = proto.seconds = getSetSecond;
|
|||
|
|
proto.millisecond = proto.milliseconds = getSetMillisecond;
|
|||
|
|
proto.utcOffset = getSetOffset;
|
|||
|
|
proto.utc = setOffsetToUTC;
|
|||
|
|
proto.local = setOffsetToLocal;
|
|||
|
|
proto.parseZone = setOffsetToParsedOffset;
|
|||
|
|
proto.hasAlignedHourOffset = hasAlignedHourOffset;
|
|||
|
|
proto.isDST = isDaylightSavingTime;
|
|||
|
|
proto.isLocal = isLocal;
|
|||
|
|
proto.isUtcOffset = isUtcOffset;
|
|||
|
|
proto.isUtc = isUtc;
|
|||
|
|
proto.isUTC = isUtc;
|
|||
|
|
proto.zoneAbbr = getZoneAbbr;
|
|||
|
|
proto.zoneName = getZoneName;
|
|||
|
|
proto.dates = deprecate(
|
|||
|
|
'dates accessor is deprecated. Use date instead.',
|
|||
|
|
getSetDayOfMonth
|
|||
|
|
);
|
|||
|
|
proto.months = deprecate(
|
|||
|
|
'months accessor is deprecated. Use month instead',
|
|||
|
|
getSetMonth
|
|||
|
|
);
|
|||
|
|
proto.years = deprecate(
|
|||
|
|
'years accessor is deprecated. Use year instead',
|
|||
|
|
getSetYear
|
|||
|
|
);
|
|||
|
|
proto.zone = deprecate(
|
|||
|
|
'moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/',
|
|||
|
|
getSetZone
|
|||
|
|
);
|
|||
|
|
proto.isDSTShifted = deprecate(
|
|||
|
|
'isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information',
|
|||
|
|
isDaylightSavingTimeShifted
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
function createUnix(input) {
|
|||
|
|
return createLocal(input * 1000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createInZone() {
|
|||
|
|
return createLocal.apply(null, arguments).parseZone();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function preParsePostFormat(string) {
|
|||
|
|
return string;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var proto$1 = Locale.prototype;
|
|||
|
|
|
|||
|
|
proto$1.calendar = calendar;
|
|||
|
|
proto$1.longDateFormat = longDateFormat;
|
|||
|
|
proto$1.invalidDate = invalidDate;
|
|||
|
|
proto$1.ordinal = ordinal;
|
|||
|
|
proto$1.preparse = preParsePostFormat;
|
|||
|
|
proto$1.postformat = preParsePostFormat;
|
|||
|
|
proto$1.relativeTime = relativeTime;
|
|||
|
|
proto$1.pastFuture = pastFuture;
|
|||
|
|
proto$1.set = set;
|
|||
|
|
proto$1.eras = localeEras;
|
|||
|
|
proto$1.erasParse = localeErasParse;
|
|||
|
|
proto$1.erasConvertYear = localeErasConvertYear;
|
|||
|
|
proto$1.erasAbbrRegex = erasAbbrRegex;
|
|||
|
|
proto$1.erasNameRegex = erasNameRegex;
|
|||
|
|
proto$1.erasNarrowRegex = erasNarrowRegex;
|
|||
|
|
|
|||
|
|
proto$1.months = localeMonths;
|
|||
|
|
proto$1.monthsShort = localeMonthsShort;
|
|||
|
|
proto$1.monthsParse = localeMonthsParse;
|
|||
|
|
proto$1.monthsRegex = monthsRegex;
|
|||
|
|
proto$1.monthsShortRegex = monthsShortRegex;
|
|||
|
|
proto$1.week = localeWeek;
|
|||
|
|
proto$1.firstDayOfYear = localeFirstDayOfYear;
|
|||
|
|
proto$1.firstDayOfWeek = localeFirstDayOfWeek;
|
|||
|
|
|
|||
|
|
proto$1.weekdays = localeWeekdays;
|
|||
|
|
proto$1.weekdaysMin = localeWeekdaysMin;
|
|||
|
|
proto$1.weekdaysShort = localeWeekdaysShort;
|
|||
|
|
proto$1.weekdaysParse = localeWeekdaysParse;
|
|||
|
|
|
|||
|
|
proto$1.weekdaysRegex = weekdaysRegex;
|
|||
|
|
proto$1.weekdaysShortRegex = weekdaysShortRegex;
|
|||
|
|
proto$1.weekdaysMinRegex = weekdaysMinRegex;
|
|||
|
|
|
|||
|
|
proto$1.isPM = localeIsPM;
|
|||
|
|
proto$1.meridiem = localeMeridiem;
|
|||
|
|
|
|||
|
|
function get$1(format, index, field, setter) {
|
|||
|
|
var locale = getLocale(),
|
|||
|
|
utc = createUTC().set(setter, index);
|
|||
|
|
return locale[field](utc, format);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listMonthsImpl(format, index, field) {
|
|||
|
|
if (isNumber(format)) {
|
|||
|
|
index = format;
|
|||
|
|
format = undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
format = format || '';
|
|||
|
|
|
|||
|
|
if (index != null) {
|
|||
|
|
return get$1(format, index, field, 'month');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var i,
|
|||
|
|
out = [];
|
|||
|
|
for (i = 0; i < 12; i++) {
|
|||
|
|
out[i] = get$1(format, i, field, 'month');
|
|||
|
|
}
|
|||
|
|
return out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ()
|
|||
|
|
// (5)
|
|||
|
|
// (fmt, 5)
|
|||
|
|
// (fmt)
|
|||
|
|
// (true)
|
|||
|
|
// (true, 5)
|
|||
|
|
// (true, fmt, 5)
|
|||
|
|
// (true, fmt)
|
|||
|
|
function listWeekdaysImpl(localeSorted, format, index, field) {
|
|||
|
|
if (typeof localeSorted === 'boolean') {
|
|||
|
|
if (isNumber(format)) {
|
|||
|
|
index = format;
|
|||
|
|
format = undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
format = format || '';
|
|||
|
|
} else {
|
|||
|
|
format = localeSorted;
|
|||
|
|
index = format;
|
|||
|
|
localeSorted = false;
|
|||
|
|
|
|||
|
|
if (isNumber(format)) {
|
|||
|
|
index = format;
|
|||
|
|
format = undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
format = format || '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var locale = getLocale(),
|
|||
|
|
shift = localeSorted ? locale._week.dow : 0,
|
|||
|
|
i,
|
|||
|
|
out = [];
|
|||
|
|
|
|||
|
|
if (index != null) {
|
|||
|
|
return get$1(format, (index + shift) % 7, field, 'day');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (i = 0; i < 7; i++) {
|
|||
|
|
out[i] = get$1(format, (i + shift) % 7, field, 'day');
|
|||
|
|
}
|
|||
|
|
return out;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listMonths(format, index) {
|
|||
|
|
return listMonthsImpl(format, index, 'months');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listMonthsShort(format, index) {
|
|||
|
|
return listMonthsImpl(format, index, 'monthsShort');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listWeekdays(localeSorted, format, index) {
|
|||
|
|
return listWeekdaysImpl(localeSorted, format, index, 'weekdays');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listWeekdaysShort(localeSorted, format, index) {
|
|||
|
|
return listWeekdaysImpl(localeSorted, format, index, 'weekdaysShort');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listWeekdaysMin(localeSorted, format, index) {
|
|||
|
|
return listWeekdaysImpl(localeSorted, format, index, 'weekdaysMin');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getSetGlobalLocale('en', {
|
|||
|
|
eras: [
|
|||
|
|
{
|
|||
|
|
since: '0001-01-01',
|
|||
|
|
until: +Infinity,
|
|||
|
|
offset: 1,
|
|||
|
|
name: 'Anno Domini',
|
|||
|
|
narrow: 'AD',
|
|||
|
|
abbr: 'AD',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
since: '0000-12-31',
|
|||
|
|
until: -Infinity,
|
|||
|
|
offset: 1,
|
|||
|
|
name: 'Before Christ',
|
|||
|
|
narrow: 'BC',
|
|||
|
|
abbr: 'BC',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
dayOfMonthOrdinalParse: /\d{1,2}(th|st|nd|rd)/,
|
|||
|
|
ordinal: function (number) {
|
|||
|
|
var b = number % 10,
|
|||
|
|
output =
|
|||
|
|
toInt((number % 100) / 10) === 1
|
|||
|
|
? 'th'
|
|||
|
|
: b === 1
|
|||
|
|
? 'st'
|
|||
|
|
: b === 2
|
|||
|
|
? 'nd'
|
|||
|
|
: b === 3
|
|||
|
|
? 'rd'
|
|||
|
|
: 'th';
|
|||
|
|
return number + output;
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Side effect imports
|
|||
|
|
|
|||
|
|
hooks.lang = deprecate(
|
|||
|
|
'moment.lang is deprecated. Use moment.locale instead.',
|
|||
|
|
getSetGlobalLocale
|
|||
|
|
);
|
|||
|
|
hooks.langData = deprecate(
|
|||
|
|
'moment.langData is deprecated. Use moment.localeData instead.',
|
|||
|
|
getLocale
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
var mathAbs = Math.abs;
|
|||
|
|
|
|||
|
|
function abs() {
|
|||
|
|
var data = this._data;
|
|||
|
|
|
|||
|
|
this._milliseconds = mathAbs(this._milliseconds);
|
|||
|
|
this._days = mathAbs(this._days);
|
|||
|
|
this._months = mathAbs(this._months);
|
|||
|
|
|
|||
|
|
data.milliseconds = mathAbs(data.milliseconds);
|
|||
|
|
data.seconds = mathAbs(data.seconds);
|
|||
|
|
data.minutes = mathAbs(data.minutes);
|
|||
|
|
data.hours = mathAbs(data.hours);
|
|||
|
|
data.months = mathAbs(data.months);
|
|||
|
|
data.years = mathAbs(data.years);
|
|||
|
|
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addSubtract$1(duration, input, value, direction) {
|
|||
|
|
var other = createDuration(input, value);
|
|||
|
|
|
|||
|
|
duration._milliseconds += direction * other._milliseconds;
|
|||
|
|
duration._days += direction * other._days;
|
|||
|
|
duration._months += direction * other._months;
|
|||
|
|
|
|||
|
|
return duration._bubble();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// supports only 2.0-style add(1, 's') or add(duration)
|
|||
|
|
function add$1(input, value) {
|
|||
|
|
return addSubtract$1(this, input, value, 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// supports only 2.0-style subtract(1, 's') or subtract(duration)
|
|||
|
|
function subtract$1(input, value) {
|
|||
|
|
return addSubtract$1(this, input, value, -1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function absCeil(number) {
|
|||
|
|
if (number < 0) {
|
|||
|
|
return Math.floor(number);
|
|||
|
|
} else {
|
|||
|
|
return Math.ceil(number);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function bubble() {
|
|||
|
|
var milliseconds = this._milliseconds,
|
|||
|
|
days = this._days,
|
|||
|
|
months = this._months,
|
|||
|
|
data = this._data,
|
|||
|
|
seconds,
|
|||
|
|
minutes,
|
|||
|
|
hours,
|
|||
|
|
years,
|
|||
|
|
monthsFromDays;
|
|||
|
|
|
|||
|
|
// if we have a mix of positive and negative values, bubble down first
|
|||
|
|
// check: https://github.com/moment/moment/issues/2166
|
|||
|
|
if (
|
|||
|
|
!(
|
|||
|
|
(milliseconds >= 0 && days >= 0 && months >= 0) ||
|
|||
|
|
(milliseconds <= 0 && days <= 0 && months <= 0)
|
|||
|
|
)
|
|||
|
|
) {
|
|||
|
|
milliseconds += absCeil(monthsToDays(months) + days) * 864e5;
|
|||
|
|
days = 0;
|
|||
|
|
months = 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// The following code bubbles up values, see the tests for
|
|||
|
|
// examples of what that means.
|
|||
|
|
data.milliseconds = milliseconds % 1000;
|
|||
|
|
|
|||
|
|
seconds = absFloor(milliseconds / 1000);
|
|||
|
|
data.seconds = seconds % 60;
|
|||
|
|
|
|||
|
|
minutes = absFloor(seconds / 60);
|
|||
|
|
data.minutes = minutes % 60;
|
|||
|
|
|
|||
|
|
hours = absFloor(minutes / 60);
|
|||
|
|
data.hours = hours % 24;
|
|||
|
|
|
|||
|
|
days += absFloor(hours / 24);
|
|||
|
|
|
|||
|
|
// convert days to months
|
|||
|
|
monthsFromDays = absFloor(daysToMonths(days));
|
|||
|
|
months += monthsFromDays;
|
|||
|
|
days -= absCeil(monthsToDays(monthsFromDays));
|
|||
|
|
|
|||
|
|
// 12 months -> 1 year
|
|||
|
|
years = absFloor(months / 12);
|
|||
|
|
months %= 12;
|
|||
|
|
|
|||
|
|
data.days = days;
|
|||
|
|
data.months = months;
|
|||
|
|
data.years = years;
|
|||
|
|
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function daysToMonths(days) {
|
|||
|
|
// 400 years have 146097 days (taking into account leap year rules)
|
|||
|
|
// 400 years have 12 months === 4800
|
|||
|
|
return (days * 4800) / 146097;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function monthsToDays(months) {
|
|||
|
|
// the reverse of daysToMonths
|
|||
|
|
return (months * 146097) / 4800;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function as(units) {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return NaN;
|
|||
|
|
}
|
|||
|
|
var days,
|
|||
|
|
months,
|
|||
|
|
milliseconds = this._milliseconds;
|
|||
|
|
|
|||
|
|
units = normalizeUnits(units);
|
|||
|
|
|
|||
|
|
if (units === 'month' || units === 'quarter' || units === 'year') {
|
|||
|
|
days = this._days + milliseconds / 864e5;
|
|||
|
|
months = this._months + daysToMonths(days);
|
|||
|
|
switch (units) {
|
|||
|
|
case 'month':
|
|||
|
|
return months;
|
|||
|
|
case 'quarter':
|
|||
|
|
return months / 3;
|
|||
|
|
case 'year':
|
|||
|
|
return months / 12;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// handle milliseconds separately because of floating point math errors (issue #1867)
|
|||
|
|
days = this._days + Math.round(monthsToDays(this._months));
|
|||
|
|
switch (units) {
|
|||
|
|
case 'week':
|
|||
|
|
return days / 7 + milliseconds / 6048e5;
|
|||
|
|
case 'day':
|
|||
|
|
return days + milliseconds / 864e5;
|
|||
|
|
case 'hour':
|
|||
|
|
return days * 24 + milliseconds / 36e5;
|
|||
|
|
case 'minute':
|
|||
|
|
return days * 1440 + milliseconds / 6e4;
|
|||
|
|
case 'second':
|
|||
|
|
return days * 86400 + milliseconds / 1000;
|
|||
|
|
// Math.floor prevents floating point math errors here
|
|||
|
|
case 'millisecond':
|
|||
|
|
return Math.floor(days * 864e5) + milliseconds;
|
|||
|
|
default:
|
|||
|
|
throw new Error('Unknown unit ' + units);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// TODO: Use this.as('ms')?
|
|||
|
|
function valueOf$1() {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return NaN;
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
this._milliseconds +
|
|||
|
|
this._days * 864e5 +
|
|||
|
|
(this._months % 12) * 2592e6 +
|
|||
|
|
toInt(this._months / 12) * 31536e6
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function makeAs(alias) {
|
|||
|
|
return function () {
|
|||
|
|
return this.as(alias);
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var asMilliseconds = makeAs('ms'),
|
|||
|
|
asSeconds = makeAs('s'),
|
|||
|
|
asMinutes = makeAs('m'),
|
|||
|
|
asHours = makeAs('h'),
|
|||
|
|
asDays = makeAs('d'),
|
|||
|
|
asWeeks = makeAs('w'),
|
|||
|
|
asMonths = makeAs('M'),
|
|||
|
|
asQuarters = makeAs('Q'),
|
|||
|
|
asYears = makeAs('y');
|
|||
|
|
|
|||
|
|
function clone$1() {
|
|||
|
|
return createDuration(this);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function get$2(units) {
|
|||
|
|
units = normalizeUnits(units);
|
|||
|
|
return this.isValid() ? this[units + 's']() : NaN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function makeGetter(name) {
|
|||
|
|
return function () {
|
|||
|
|
return this.isValid() ? this._data[name] : NaN;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var milliseconds = makeGetter('milliseconds'),
|
|||
|
|
seconds = makeGetter('seconds'),
|
|||
|
|
minutes = makeGetter('minutes'),
|
|||
|
|
hours = makeGetter('hours'),
|
|||
|
|
days = makeGetter('days'),
|
|||
|
|
months = makeGetter('months'),
|
|||
|
|
years = makeGetter('years');
|
|||
|
|
|
|||
|
|
function weeks() {
|
|||
|
|
return absFloor(this.days() / 7);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var round = Math.round,
|
|||
|
|
thresholds = {
|
|||
|
|
ss: 44, // a few seconds to seconds
|
|||
|
|
s: 45, // seconds to minute
|
|||
|
|
m: 45, // minutes to hour
|
|||
|
|
h: 22, // hours to day
|
|||
|
|
d: 26, // days to month/week
|
|||
|
|
w: null, // weeks to month
|
|||
|
|
M: 11, // months to year
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// helper function for moment.fn.from, moment.fn.fromNow, and moment.duration.fn.humanize
|
|||
|
|
function substituteTimeAgo(string, number, withoutSuffix, isFuture, locale) {
|
|||
|
|
return locale.relativeTime(number || 1, !!withoutSuffix, string, isFuture);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function relativeTime$1(posNegDuration, withoutSuffix, thresholds, locale) {
|
|||
|
|
var duration = createDuration(posNegDuration).abs(),
|
|||
|
|
seconds = round(duration.as('s')),
|
|||
|
|
minutes = round(duration.as('m')),
|
|||
|
|
hours = round(duration.as('h')),
|
|||
|
|
days = round(duration.as('d')),
|
|||
|
|
months = round(duration.as('M')),
|
|||
|
|
weeks = round(duration.as('w')),
|
|||
|
|
years = round(duration.as('y')),
|
|||
|
|
a =
|
|||
|
|
(seconds <= thresholds.ss && ['s', seconds]) ||
|
|||
|
|
(seconds < thresholds.s && ['ss', seconds]) ||
|
|||
|
|
(minutes <= 1 && ['m']) ||
|
|||
|
|
(minutes < thresholds.m && ['mm', minutes]) ||
|
|||
|
|
(hours <= 1 && ['h']) ||
|
|||
|
|
(hours < thresholds.h && ['hh', hours]) ||
|
|||
|
|
(days <= 1 && ['d']) ||
|
|||
|
|
(days < thresholds.d && ['dd', days]);
|
|||
|
|
|
|||
|
|
if (thresholds.w != null) {
|
|||
|
|
a =
|
|||
|
|
a ||
|
|||
|
|
(weeks <= 1 && ['w']) ||
|
|||
|
|
(weeks < thresholds.w && ['ww', weeks]);
|
|||
|
|
}
|
|||
|
|
a = a ||
|
|||
|
|
(months <= 1 && ['M']) ||
|
|||
|
|
(months < thresholds.M && ['MM', months]) ||
|
|||
|
|
(years <= 1 && ['y']) || ['yy', years];
|
|||
|
|
|
|||
|
|
a[2] = withoutSuffix;
|
|||
|
|
a[3] = +posNegDuration > 0;
|
|||
|
|
a[4] = locale;
|
|||
|
|
return substituteTimeAgo.apply(null, a);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// This function allows you to set the rounding function for relative time strings
|
|||
|
|
function getSetRelativeTimeRounding(roundingFunction) {
|
|||
|
|
if (roundingFunction === undefined) {
|
|||
|
|
return round;
|
|||
|
|
}
|
|||
|
|
if (typeof roundingFunction === 'function') {
|
|||
|
|
round = roundingFunction;
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// This function allows you to set a threshold for relative time strings
|
|||
|
|
function getSetRelativeTimeThreshold(threshold, limit) {
|
|||
|
|
if (thresholds[threshold] === undefined) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (limit === undefined) {
|
|||
|
|
return thresholds[threshold];
|
|||
|
|
}
|
|||
|
|
thresholds[threshold] = limit;
|
|||
|
|
if (threshold === 's') {
|
|||
|
|
thresholds.ss = limit - 1;
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function humanize(argWithSuffix, argThresholds) {
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return this.localeData().invalidDate();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var withSuffix = false,
|
|||
|
|
th = thresholds,
|
|||
|
|
locale,
|
|||
|
|
output;
|
|||
|
|
|
|||
|
|
if (typeof argWithSuffix === 'object') {
|
|||
|
|
argThresholds = argWithSuffix;
|
|||
|
|
argWithSuffix = false;
|
|||
|
|
}
|
|||
|
|
if (typeof argWithSuffix === 'boolean') {
|
|||
|
|
withSuffix = argWithSuffix;
|
|||
|
|
}
|
|||
|
|
if (typeof argThresholds === 'object') {
|
|||
|
|
th = Object.assign({}, thresholds, argThresholds);
|
|||
|
|
if (argThresholds.s != null && argThresholds.ss == null) {
|
|||
|
|
th.ss = argThresholds.s - 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
locale = this.localeData();
|
|||
|
|
output = relativeTime$1(this, !withSuffix, th, locale);
|
|||
|
|
|
|||
|
|
if (withSuffix) {
|
|||
|
|
output = locale.pastFuture(+this, output);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return locale.postformat(output);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var abs$1 = Math.abs;
|
|||
|
|
|
|||
|
|
function sign(x) {
|
|||
|
|
return (x > 0) - (x < 0) || +x;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toISOString$1() {
|
|||
|
|
// for ISO strings we do not use the normal bubbling rules:
|
|||
|
|
// * milliseconds bubble up until they become hours
|
|||
|
|
// * days do not bubble at all
|
|||
|
|
// * months bubble up until they become years
|
|||
|
|
// This is because there is no context-free conversion between hours and days
|
|||
|
|
// (think of clock changes)
|
|||
|
|
// and also not between days and months (28-31 days per month)
|
|||
|
|
if (!this.isValid()) {
|
|||
|
|
return this.localeData().invalidDate();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var seconds = abs$1(this._milliseconds) / 1000,
|
|||
|
|
days = abs$1(this._days),
|
|||
|
|
months = abs$1(this._months),
|
|||
|
|
minutes,
|
|||
|
|
hours,
|
|||
|
|
years,
|
|||
|
|
s,
|
|||
|
|
total = this.asSeconds(),
|
|||
|
|
totalSign,
|
|||
|
|
ymSign,
|
|||
|
|
daysSign,
|
|||
|
|
hmsSign;
|
|||
|
|
|
|||
|
|
if (!total) {
|
|||
|
|
// this is the same as C#'s (Noda) and python (isodate)...
|
|||
|
|
// but not other JS (goog.date)
|
|||
|
|
return 'P0D';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 3600 seconds -> 60 minutes -> 1 hour
|
|||
|
|
minutes = absFloor(seconds / 60);
|
|||
|
|
hours = absFloor(minutes / 60);
|
|||
|
|
seconds %= 60;
|
|||
|
|
minutes %= 60;
|
|||
|
|
|
|||
|
|
// 12 months -> 1 year
|
|||
|
|
years = absFloor(months / 12);
|
|||
|
|
months %= 12;
|
|||
|
|
|
|||
|
|
// inspired by https://github.com/dordille/moment-isoduration/blob/master/moment.isoduration.js
|
|||
|
|
s = seconds ? seconds.toFixed(3).replace(/\.?0+$/, '') : '';
|
|||
|
|
|
|||
|
|
totalSign = total < 0 ? '-' : '';
|
|||
|
|
ymSign = sign(this._months) !== sign(total) ? '-' : '';
|
|||
|
|
daysSign = sign(this._days) !== sign(total) ? '-' : '';
|
|||
|
|
hmsSign = sign(this._milliseconds) !== sign(total) ? '-' : '';
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
totalSign +
|
|||
|
|
'P' +
|
|||
|
|
(years ? ymSign + years + 'Y' : '') +
|
|||
|
|
(months ? ymSign + months + 'M' : '') +
|
|||
|
|
(days ? daysSign + days + 'D' : '') +
|
|||
|
|
(hours || minutes || seconds ? 'T' : '') +
|
|||
|
|
(hours ? hmsSign + hours + 'H' : '') +
|
|||
|
|
(minutes ? hmsSign + minutes + 'M' : '') +
|
|||
|
|
(seconds ? hmsSign + s + 'S' : '')
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var proto$2 = Duration.prototype;
|
|||
|
|
|
|||
|
|
proto$2.isValid = isValid$1;
|
|||
|
|
proto$2.abs = abs;
|
|||
|
|
proto$2.add = add$1;
|
|||
|
|
proto$2.subtract = subtract$1;
|
|||
|
|
proto$2.as = as;
|
|||
|
|
proto$2.asMilliseconds = asMilliseconds;
|
|||
|
|
proto$2.asSeconds = asSeconds;
|
|||
|
|
proto$2.asMinutes = asMinutes;
|
|||
|
|
proto$2.asHours = asHours;
|
|||
|
|
proto$2.asDays = asDays;
|
|||
|
|
proto$2.asWeeks = asWeeks;
|
|||
|
|
proto$2.asMonths = asMonths;
|
|||
|
|
proto$2.asQuarters = asQuarters;
|
|||
|
|
proto$2.asYears = asYears;
|
|||
|
|
proto$2.valueOf = valueOf$1;
|
|||
|
|
proto$2._bubble = bubble;
|
|||
|
|
proto$2.clone = clone$1;
|
|||
|
|
proto$2.get = get$2;
|
|||
|
|
proto$2.milliseconds = milliseconds;
|
|||
|
|
proto$2.seconds = seconds;
|
|||
|
|
proto$2.minutes = minutes;
|
|||
|
|
proto$2.hours = hours;
|
|||
|
|
proto$2.days = days;
|
|||
|
|
proto$2.weeks = weeks;
|
|||
|
|
proto$2.months = months;
|
|||
|
|
proto$2.years = years;
|
|||
|
|
proto$2.humanize = humanize;
|
|||
|
|
proto$2.toISOString = toISOString$1;
|
|||
|
|
proto$2.toString = toISOString$1;
|
|||
|
|
proto$2.toJSON = toISOString$1;
|
|||
|
|
proto$2.locale = locale;
|
|||
|
|
proto$2.localeData = localeData;
|
|||
|
|
|
|||
|
|
proto$2.toIsoString = deprecate(
|
|||
|
|
'toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)',
|
|||
|
|
toISOString$1
|
|||
|
|
);
|
|||
|
|
proto$2.lang = lang;
|
|||
|
|
|
|||
|
|
// FORMATTING
|
|||
|
|
|
|||
|
|
addFormatToken('X', 0, 0, 'unix');
|
|||
|
|
addFormatToken('x', 0, 0, 'valueOf');
|
|||
|
|
|
|||
|
|
// PARSING
|
|||
|
|
|
|||
|
|
addRegexToken('x', matchSigned);
|
|||
|
|
addRegexToken('X', matchTimestamp);
|
|||
|
|
addParseToken('X', function (input, array, config) {
|
|||
|
|
config._d = new Date(parseFloat(input) * 1000);
|
|||
|
|
});
|
|||
|
|
addParseToken('x', function (input, array, config) {
|
|||
|
|
config._d = new Date(toInt(input));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//! moment.js
|
|||
|
|
|
|||
|
|
hooks.version = '2.29.4';
|
|||
|
|
|
|||
|
|
setHookCallback(createLocal);
|
|||
|
|
|
|||
|
|
hooks.fn = proto;
|
|||
|
|
hooks.min = min;
|
|||
|
|
hooks.max = max;
|
|||
|
|
hooks.now = now;
|
|||
|
|
hooks.utc = createUTC;
|
|||
|
|
hooks.unix = createUnix;
|
|||
|
|
hooks.months = listMonths;
|
|||
|
|
hooks.isDate = isDate;
|
|||
|
|
hooks.locale = getSetGlobalLocale;
|
|||
|
|
hooks.invalid = createInvalid;
|
|||
|
|
hooks.duration = createDuration;
|
|||
|
|
hooks.isMoment = isMoment;
|
|||
|
|
hooks.weekdays = listWeekdays;
|
|||
|
|
hooks.parseZone = createInZone;
|
|||
|
|
hooks.localeData = getLocale;
|
|||
|
|
hooks.isDuration = isDuration;
|
|||
|
|
hooks.monthsShort = listMonthsShort;
|
|||
|
|
hooks.weekdaysMin = listWeekdaysMin;
|
|||
|
|
hooks.defineLocale = defineLocale;
|
|||
|
|
hooks.updateLocale = updateLocale;
|
|||
|
|
hooks.locales = listLocales;
|
|||
|
|
hooks.weekdaysShort = listWeekdaysShort;
|
|||
|
|
hooks.normalizeUnits = normalizeUnits;
|
|||
|
|
hooks.relativeTimeRounding = getSetRelativeTimeRounding;
|
|||
|
|
hooks.relativeTimeThreshold = getSetRelativeTimeThreshold;
|
|||
|
|
hooks.calendarFormat = getCalendarFormat;
|
|||
|
|
hooks.prototype = proto;
|
|||
|
|
|
|||
|
|
// currently HTML5 input type only supports 24-hour formats
|
|||
|
|
hooks.HTML5_FMT = {
|
|||
|
|
DATETIME_LOCAL: 'YYYY-MM-DDTHH:mm', // <input type="datetime-local" />
|
|||
|
|
DATETIME_LOCAL_SECONDS: 'YYYY-MM-DDTHH:mm:ss', // <input type="datetime-local" step="1" />
|
|||
|
|
DATETIME_LOCAL_MS: 'YYYY-MM-DDTHH:mm:ss.SSS', // <input type="datetime-local" step="0.001" />
|
|||
|
|
DATE: 'YYYY-MM-DD', // <input type="date" />
|
|||
|
|
TIME: 'HH:mm', // <input type="time" />
|
|||
|
|
TIME_SECONDS: 'HH:mm:ss', // <input type="time" step="1" />
|
|||
|
|
TIME_MS: 'HH:mm:ss.SSS', // <input type="time" step="0.001" />
|
|||
|
|
WEEK: 'GGGG-[W]WW', // <input type="week" />
|
|||
|
|
MONTH: 'YYYY-MM', // <input type="month" />
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return hooks;
|
|||
|
|
|
|||
|
|
})));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const MATCH_HTML_COMMENT = new RegExp("<!--[\\s\\S]*?(?:-->)?" +
|
|||
|
|
"<!---+>?" +
|
|||
|
|
"|<!(?![dD][oO][cC][tT][yY][pP][eE]|\\[CDATA\\[)[^>]*>?" +
|
|||
|
|
"|<[?][^>]*>?", "g");
|
|||
|
|
const MATCH_COMMENT = new RegExp("%%[\\s\\S]*?(?!%%)[\\s\\S]+?%%", "g");
|
|||
|
|
|
|||
|
|
function getWordCount(text) {
|
|||
|
|
const spaceDelimitedChars = /'’A-Za-z\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0-\u08B4\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AD\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFD
|
|||
|
|
.source;
|
|||
|
|
const nonSpaceDelimitedWords = /\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u4E00-\u9FD5/.source;
|
|||
|
|
const nonSpaceDelimitedWordsOther = /[\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u4E00-\u9FD5]{1}/
|
|||
|
|
.source;
|
|||
|
|
const pattern = new RegExp([
|
|||
|
|
`(?:[0-9]+(?:(?:,|\\.)[0-9]+)*|[\\-${spaceDelimitedChars}])+`,
|
|||
|
|
nonSpaceDelimitedWords,
|
|||
|
|
nonSpaceDelimitedWordsOther,
|
|||
|
|
].join("|"), "g");
|
|||
|
|
return (text.match(pattern) || []).length;
|
|||
|
|
}
|
|||
|
|
function getCharacterCount(text) {
|
|||
|
|
return text.length;
|
|||
|
|
}
|
|||
|
|
function getFootnoteCount(text) {
|
|||
|
|
const regularFn = text.match(/\[\^\S+](?!:)/g);
|
|||
|
|
const inlineFn = text.match(/\^\[[^^].+?]/g);
|
|||
|
|
let overallFn = 0;
|
|||
|
|
if (regularFn)
|
|||
|
|
overallFn += regularFn.length;
|
|||
|
|
if (inlineFn)
|
|||
|
|
overallFn += inlineFn.length;
|
|||
|
|
return overallFn;
|
|||
|
|
}
|
|||
|
|
function getCitationCount(text) {
|
|||
|
|
const pandocCitations = text.match(/@[A-Za-z0-9-]+[,;\]](?!\()/gi);
|
|||
|
|
if (!pandocCitations)
|
|||
|
|
return 0;
|
|||
|
|
const uniqueCitations = [...new Set(pandocCitations)].length;
|
|||
|
|
return uniqueCitations;
|
|||
|
|
}
|
|||
|
|
function getSentenceCount(text) {
|
|||
|
|
const sentences = ((text || "").match(/[^.!?\s][^.!?]*(?:[.!?](?!['"]?\s|$)[^.!?]*)*[.!?]?['"]?(?=\s|$)/gm) || []).length;
|
|||
|
|
return sentences;
|
|||
|
|
}
|
|||
|
|
function getPageCount(text, pageWords) {
|
|||
|
|
return parseFloat((getWordCount(text) / pageWords).toFixed(1));
|
|||
|
|
}
|
|||
|
|
function cleanComments(text) {
|
|||
|
|
return text.replace(MATCH_COMMENT, "").replace(MATCH_HTML_COMMENT, "");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class StatsManager {
|
|||
|
|
constructor(vault, workspace, plugin) {
|
|||
|
|
this.vault = vault;
|
|||
|
|
this.workspace = workspace;
|
|||
|
|
this.plugin = plugin;
|
|||
|
|
this.debounceChange = obsidian.debounce((text) => this.change(text), 50, false);
|
|||
|
|
this.vault.on("rename", (new_name, old_path) => {
|
|||
|
|
if (this.vaultStats.modifiedFiles.hasOwnProperty(old_path)) {
|
|||
|
|
const content = this.vaultStats.modifiedFiles[old_path];
|
|||
|
|
delete this.vaultStats.modifiedFiles[old_path];
|
|||
|
|
this.vaultStats.modifiedFiles[new_name.path] = content;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.vault.on("delete", (deleted_file) => {
|
|||
|
|
if (this.vaultStats.modifiedFiles.hasOwnProperty(deleted_file.path)) {
|
|||
|
|
delete this.vaultStats.modifiedFiles[deleted_file.path];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.vault.adapter.exists(this.plugin.settings.statsPath).then(async (exists) => {
|
|||
|
|
if (!exists) {
|
|||
|
|
const vaultSt = {
|
|||
|
|
history: {},
|
|||
|
|
modifiedFiles: {},
|
|||
|
|
};
|
|||
|
|
await this.vault.adapter.write(this.plugin.settings.statsPath, JSON.stringify(vaultSt));
|
|||
|
|
this.vaultStats = JSON.parse(await this.vault.adapter.read(this.plugin.settings.statsPath));
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
this.vaultStats = JSON.parse(await this.vault.adapter.read(this.plugin.settings.statsPath));
|
|||
|
|
if (!this.vaultStats.hasOwnProperty("history")) {
|
|||
|
|
const vaultSt = {
|
|||
|
|
history: {},
|
|||
|
|
modifiedFiles: {},
|
|||
|
|
};
|
|||
|
|
await this.vault.adapter.write(this.plugin.settings.statsPath, JSON.stringify(vaultSt));
|
|||
|
|
}
|
|||
|
|
this.vaultStats = JSON.parse(await this.vault.adapter.read(this.plugin.settings.statsPath));
|
|||
|
|
}
|
|||
|
|
await this.updateToday();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
async update() {
|
|||
|
|
this.vault.adapter.write(this.plugin.settings.statsPath, JSON.stringify(this.vaultStats));
|
|||
|
|
}
|
|||
|
|
async updateToday() {
|
|||
|
|
if (this.vaultStats.history.hasOwnProperty(moment().format("YYYY-MM-DD"))) {
|
|||
|
|
this.today = moment().format("YYYY-MM-DD");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.today = moment().format("YYYY-MM-DD");
|
|||
|
|
const totalWords = await this.calcTotalWords();
|
|||
|
|
const totalCharacters = await this.calcTotalCharacters();
|
|||
|
|
const totalSentences = await this.calcTotalSentences();
|
|||
|
|
const totalFootnotes = await this.calcTotalFootnotes();
|
|||
|
|
const totalCitations = await this.calcTotalCitations();
|
|||
|
|
const totalPages = await this.calcTotalPages();
|
|||
|
|
const newDay = {
|
|||
|
|
words: 0,
|
|||
|
|
characters: 0,
|
|||
|
|
sentences: 0,
|
|||
|
|
pages: 0,
|
|||
|
|
files: 0,
|
|||
|
|
footnotes: 0,
|
|||
|
|
citations: 0,
|
|||
|
|
totalWords: totalWords,
|
|||
|
|
totalCharacters: totalCharacters,
|
|||
|
|
totalSentences: totalSentences,
|
|||
|
|
totalFootnotes: totalFootnotes,
|
|||
|
|
totalCitations: totalCitations,
|
|||
|
|
totalPages: totalPages,
|
|||
|
|
};
|
|||
|
|
this.vaultStats.modifiedFiles = {};
|
|||
|
|
this.vaultStats.history[this.today] = newDay;
|
|||
|
|
await this.update();
|
|||
|
|
}
|
|||
|
|
async change(text) {
|
|||
|
|
if (this.plugin.settings.countComments) {
|
|||
|
|
text = cleanComments(text);
|
|||
|
|
}
|
|||
|
|
const fileName = this.workspace.getActiveFile().path;
|
|||
|
|
const currentWords = getWordCount(text);
|
|||
|
|
const currentCharacters = getCharacterCount(text);
|
|||
|
|
const currentSentences = getSentenceCount(text);
|
|||
|
|
const currentCitations = getCitationCount(text);
|
|||
|
|
const currentFootnotes = getFootnoteCount(text);
|
|||
|
|
const currentPages = getPageCount(text, this.plugin.settings.pageWords);
|
|||
|
|
if (this.vaultStats.history.hasOwnProperty(this.today) &&
|
|||
|
|
this.today === moment().format("YYYY-MM-DD")) {
|
|||
|
|
let modFiles = this.vaultStats.modifiedFiles;
|
|||
|
|
if (modFiles.hasOwnProperty(fileName)) {
|
|||
|
|
this.vaultStats.history[this.today].totalWords +=
|
|||
|
|
currentWords - modFiles[fileName].words.current;
|
|||
|
|
this.vaultStats.history[this.today].totalCharacters +=
|
|||
|
|
currentCharacters - modFiles[fileName].characters.current;
|
|||
|
|
this.vaultStats.history[this.today].totalSentences +=
|
|||
|
|
currentSentences - modFiles[fileName].sentences.current;
|
|||
|
|
this.vaultStats.history[this.today].totalFootnotes +=
|
|||
|
|
currentSentences - modFiles[fileName].footnotes.current;
|
|||
|
|
this.vaultStats.history[this.today].totalCitations +=
|
|||
|
|
currentSentences - modFiles[fileName].citations.current;
|
|||
|
|
this.vaultStats.history[this.today].totalPages +=
|
|||
|
|
currentPages - modFiles[fileName].pages.current;
|
|||
|
|
modFiles[fileName].words.current = currentWords;
|
|||
|
|
modFiles[fileName].characters.current = currentCharacters;
|
|||
|
|
modFiles[fileName].sentences.current = currentSentences;
|
|||
|
|
modFiles[fileName].footnotes.current = currentFootnotes;
|
|||
|
|
modFiles[fileName].citations.current = currentCitations;
|
|||
|
|
modFiles[fileName].pages.current = currentPages;
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
modFiles[fileName] = {
|
|||
|
|
words: {
|
|||
|
|
initial: currentWords,
|
|||
|
|
current: currentWords,
|
|||
|
|
},
|
|||
|
|
characters: {
|
|||
|
|
initial: currentCharacters,
|
|||
|
|
current: currentCharacters,
|
|||
|
|
},
|
|||
|
|
sentences: {
|
|||
|
|
initial: currentSentences,
|
|||
|
|
current: currentSentences,
|
|||
|
|
},
|
|||
|
|
footnotes: {
|
|||
|
|
initial: currentFootnotes,
|
|||
|
|
current: currentFootnotes,
|
|||
|
|
},
|
|||
|
|
citations: {
|
|||
|
|
initial: currentCitations,
|
|||
|
|
current: currentCitations,
|
|||
|
|
},
|
|||
|
|
pages: {
|
|||
|
|
initial: currentPages,
|
|||
|
|
current: currentPages,
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
const words = Object.values(modFiles)
|
|||
|
|
.map((counts) => Math.max(0, counts.words.current - counts.words.initial))
|
|||
|
|
.reduce((a, b) => a + b, 0);
|
|||
|
|
const characters = Object.values(modFiles)
|
|||
|
|
.map((counts) => Math.max(0, counts.characters.current - counts.characters.initial))
|
|||
|
|
.reduce((a, b) => a + b, 0);
|
|||
|
|
const sentences = Object.values(modFiles)
|
|||
|
|
.map((counts) => Math.max(0, counts.sentences.current - counts.sentences.initial))
|
|||
|
|
.reduce((a, b) => a + b, 0);
|
|||
|
|
const footnotes = Object.values(modFiles)
|
|||
|
|
.map((counts) => Math.max(0, counts.footnotes.current - counts.footnotes.initial))
|
|||
|
|
.reduce((a, b) => a + b, 0);
|
|||
|
|
const citations = Object.values(modFiles)
|
|||
|
|
.map((counts) => Math.max(0, counts.citations.current - counts.citations.initial)).reduce((a, b) => a + b, 0);
|
|||
|
|
const pages = Object.values(modFiles)
|
|||
|
|
.map((counts) => Math.max(0, counts.pages.current - counts.pages.initial))
|
|||
|
|
.reduce((a, b) => a + b, 0);
|
|||
|
|
this.vaultStats.history[this.today].words = words;
|
|||
|
|
this.vaultStats.history[this.today].characters = characters;
|
|||
|
|
this.vaultStats.history[this.today].sentences = sentences;
|
|||
|
|
this.vaultStats.history[this.today].footnotes = footnotes;
|
|||
|
|
this.vaultStats.history[this.today].citations = citations;
|
|||
|
|
this.vaultStats.history[this.today].pages = pages;
|
|||
|
|
this.vaultStats.history[this.today].files = this.getTotalFiles();
|
|||
|
|
await this.update();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
this.updateToday();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
async recalcTotals() {
|
|||
|
|
if (!this.vaultStats)
|
|||
|
|
return;
|
|||
|
|
if (this.vaultStats.history.hasOwnProperty(this.today) &&
|
|||
|
|
this.today === moment().format("YYYY-MM-DD")) {
|
|||
|
|
const todayHist = this.vaultStats.history[this.today];
|
|||
|
|
todayHist.totalWords = await this.calcTotalWords();
|
|||
|
|
todayHist.totalCharacters = await this.calcTotalCharacters();
|
|||
|
|
todayHist.totalSentences = await this.calcTotalSentences();
|
|||
|
|
todayHist.totalFootnotes = await this.calcTotalFootnotes();
|
|||
|
|
todayHist.totalCitations = await this.calcTotalCitations();
|
|||
|
|
todayHist.totalPages = await this.calcTotalPages();
|
|||
|
|
this.update();
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
this.updateToday();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
async calcTotalWords() {
|
|||
|
|
let words = 0;
|
|||
|
|
const files = this.vault.getFiles();
|
|||
|
|
for (const i in files) {
|
|||
|
|
const file = files[i];
|
|||
|
|
if (file.extension === "md") {
|
|||
|
|
words += getWordCount(await this.vault.cachedRead(file));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return words;
|
|||
|
|
}
|
|||
|
|
async calcTotalCharacters() {
|
|||
|
|
let characters = 0;
|
|||
|
|
const files = this.vault.getFiles();
|
|||
|
|
for (const i in files) {
|
|||
|
|
const file = files[i];
|
|||
|
|
if (file.extension === "md") {
|
|||
|
|
characters += getCharacterCount(await this.vault.cachedRead(file));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return characters;
|
|||
|
|
}
|
|||
|
|
async calcTotalSentences() {
|
|||
|
|
let sentence = 0;
|
|||
|
|
const files = this.vault.getFiles();
|
|||
|
|
for (const i in files) {
|
|||
|
|
const file = files[i];
|
|||
|
|
if (file.extension === "md") {
|
|||
|
|
sentence += getSentenceCount(await this.vault.cachedRead(file));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return sentence;
|
|||
|
|
}
|
|||
|
|
async calcTotalPages() {
|
|||
|
|
let pages = 0;
|
|||
|
|
const files = this.vault.getFiles();
|
|||
|
|
for (const i in files) {
|
|||
|
|
const file = files[i];
|
|||
|
|
if (file.extension === "md") {
|
|||
|
|
pages += getPageCount(await this.vault.cachedRead(file), this.plugin.settings.pageWords);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return pages;
|
|||
|
|
}
|
|||
|
|
async calcTotalFootnotes() {
|
|||
|
|
let footnotes = 0;
|
|||
|
|
const files = this.vault.getFiles();
|
|||
|
|
for (const i in files) {
|
|||
|
|
const file = files[i];
|
|||
|
|
if (file.extension === "md") {
|
|||
|
|
footnotes += getFootnoteCount(await this.vault.cachedRead(file));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return footnotes;
|
|||
|
|
}
|
|||
|
|
async calcTotalCitations() {
|
|||
|
|
let citations = 0;
|
|||
|
|
const files = this.vault.getFiles();
|
|||
|
|
for (const i in files) {
|
|||
|
|
const file = files[i];
|
|||
|
|
if (file.extension === "md") {
|
|||
|
|
citations += getCitationCount(await this.vault.cachedRead(file));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return citations;
|
|||
|
|
}
|
|||
|
|
getDailyWords() {
|
|||
|
|
return this.vaultStats.history[this.today].words;
|
|||
|
|
}
|
|||
|
|
getDailyCharacters() {
|
|||
|
|
return this.vaultStats.history[this.today].characters;
|
|||
|
|
}
|
|||
|
|
getDailySentences() {
|
|||
|
|
return this.vaultStats.history[this.today].sentences;
|
|||
|
|
}
|
|||
|
|
getDailyFootnotes() {
|
|||
|
|
return this.vaultStats.history[this.today].footnotes;
|
|||
|
|
}
|
|||
|
|
getDailyCitations() {
|
|||
|
|
return this.vaultStats.history[this.today].citations;
|
|||
|
|
}
|
|||
|
|
getDailyPages() {
|
|||
|
|
return this.vaultStats.history[this.today].pages;
|
|||
|
|
}
|
|||
|
|
getTotalFiles() {
|
|||
|
|
return this.vault.getMarkdownFiles().length;
|
|||
|
|
}
|
|||
|
|
async getTotalWords() {
|
|||
|
|
if (!this.vaultStats)
|
|||
|
|
return await this.calcTotalWords();
|
|||
|
|
return this.vaultStats.history[this.today].totalWords;
|
|||
|
|
}
|
|||
|
|
async getTotalCharacters() {
|
|||
|
|
if (!this.vaultStats)
|
|||
|
|
return await this.calcTotalCharacters();
|
|||
|
|
return this.vaultStats.history[this.today].totalCharacters;
|
|||
|
|
}
|
|||
|
|
async getTotalSentences() {
|
|||
|
|
if (!this.vaultStats)
|
|||
|
|
return await this.calcTotalSentences();
|
|||
|
|
return this.vaultStats.history[this.today].totalSentences;
|
|||
|
|
}
|
|||
|
|
async getTotalFootnotes() {
|
|||
|
|
if (!this.vaultStats)
|
|||
|
|
return await this.calcTotalFootnotes();
|
|||
|
|
return this.vaultStats.history[this.today].totalFootnotes;
|
|||
|
|
}
|
|||
|
|
async getTotalCitations() {
|
|||
|
|
if (!this.vaultStats)
|
|||
|
|
return await this.calcTotalCitations();
|
|||
|
|
return this.vaultStats.history[this.today].totalCitations;
|
|||
|
|
}
|
|||
|
|
async getTotalPages() {
|
|||
|
|
if (!this.vaultStats)
|
|||
|
|
return await this.calcTotalPages();
|
|||
|
|
return this.vaultStats.history[this.today].totalPages;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class StatusBar {
|
|||
|
|
constructor(statusBarEl, plugin) {
|
|||
|
|
this.statusBarEl = statusBarEl;
|
|||
|
|
this.plugin = plugin;
|
|||
|
|
this.debounceStatusBarUpdate = obsidian.debounce((text) => this.updateStatusBar(text), 20, false);
|
|||
|
|
this.statusBarEl.classList.add("mod-clickable");
|
|||
|
|
this.statusBarEl.setAttribute("aria-label", "!!!");
|
|||
|
|
this.statusBarEl.setAttribute("aria-label-position", "top");
|
|||
|
|
this.statusBarEl.addEventListener("click", (ev) => this.onClick(ev));
|
|||
|
|
}
|
|||
|
|
onClick(ev) {
|
|||
|
|
}
|
|||
|
|
displayText(text) {
|
|||
|
|
this.statusBarEl.setText(text);
|
|||
|
|
}
|
|||
|
|
async updateStatusBar(text) {
|
|||
|
|
const sb = this.plugin.settings.statusBar;
|
|||
|
|
let display = "";
|
|||
|
|
if (this.plugin.settings.countComments) {
|
|||
|
|
text = cleanComments(text);
|
|||
|
|
}
|
|||
|
|
for (let i = 0; i < sb.length; i++) {
|
|||
|
|
const sbItem = sb[i];
|
|||
|
|
display = display + sbItem.prefix;
|
|||
|
|
const metric = sbItem.metric;
|
|||
|
|
if (metric.counter === MetricCounter.words) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + getWordCount(text);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyWords()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalWords()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.characters) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + getCharacterCount(text);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyCharacters()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalCharacters()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.sentences) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + getSentenceCount(text);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailySentences()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalSentences()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.footnotes) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + getFootnoteCount(text);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyFootnotes()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFootnotes()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.citations) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + getCitationCount(text);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyCitations()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalCitations()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.pages) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + getPageCount(text, this.plugin.settings.pageWords);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyPages()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalPages()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.files) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFiles()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFiles()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFiles()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
display = display + sbItem.suffix;
|
|||
|
|
}
|
|||
|
|
this.displayText(display);
|
|||
|
|
}
|
|||
|
|
async updateAltBar() {
|
|||
|
|
const ab = this.plugin.settings.altBar;
|
|||
|
|
let display = "";
|
|||
|
|
for (let i = 0; i < ab.length; i++) {
|
|||
|
|
const sbItem = ab[i];
|
|||
|
|
display = display + sbItem.prefix;
|
|||
|
|
const metric = sbItem.metric;
|
|||
|
|
if (metric.counter === MetricCounter.words) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + 0;
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyWords()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalWords()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.characters) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + 0;
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyCharacters()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalCharacters()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.sentences) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + 0;
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailySentences()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalSentences()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.footnotes) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + 0;
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyFootnotes()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFootnotes()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.citations) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + 0;
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyCitations()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalCitations()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.pages) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display = display + 0;
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getDailyPages()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(await (this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalPages()
|
|||
|
|
: 0));
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (metric.counter === MetricCounter.files) {
|
|||
|
|
switch (metric.type) {
|
|||
|
|
case MetricType.file:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFiles()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.daily:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFiles()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
case MetricType.total:
|
|||
|
|
display =
|
|||
|
|
display +
|
|||
|
|
(this.plugin.settings.collectStats
|
|||
|
|
? this.plugin.statsManager.getTotalFiles()
|
|||
|
|
: 0);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
display = display + sbItem.suffix;
|
|||
|
|
}
|
|||
|
|
this.displayText(display);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const pluginField = state.StateField.define({
|
|||
|
|
create() {
|
|||
|
|
return null;
|
|||
|
|
},
|
|||
|
|
update(state) {
|
|||
|
|
return state;
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
class StatusBarEditorPlugin {
|
|||
|
|
constructor(view) {
|
|||
|
|
this.view = view;
|
|||
|
|
}
|
|||
|
|
update(update) {
|
|||
|
|
const tr = update.transactions[0];
|
|||
|
|
if (!tr) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const plugin = update.view.state.field(pluginField);
|
|||
|
|
// When selecting text with Shift+Home the userEventType is undefined.
|
|||
|
|
// This is probably a bug in codemirror, for the time being doing an explict check
|
|||
|
|
// for the type allows us to update the stats for the selection.
|
|||
|
|
const userEventTypeUndefined = tr.annotation(state.Transaction.userEvent) === undefined;
|
|||
|
|
if ((tr.isUserEvent("select") || userEventTypeUndefined) &&
|
|||
|
|
tr.newSelection.ranges[0].from !== tr.newSelection.ranges[0].to) {
|
|||
|
|
let text = "";
|
|||
|
|
const selection = tr.newSelection.main;
|
|||
|
|
const textIter = tr.newDoc.iterRange(selection.from, selection.to);
|
|||
|
|
while (!textIter.done) {
|
|||
|
|
text = text + textIter.next().value;
|
|||
|
|
}
|
|||
|
|
plugin.statusBar.debounceStatusBarUpdate(text);
|
|||
|
|
}
|
|||
|
|
else if (tr.isUserEvent("input") ||
|
|||
|
|
tr.isUserEvent("delete") ||
|
|||
|
|
tr.isUserEvent("move") ||
|
|||
|
|
tr.isUserEvent("undo") ||
|
|||
|
|
tr.isUserEvent("redo") ||
|
|||
|
|
tr.isUserEvent("select")) {
|
|||
|
|
const textIter = tr.newDoc.iter();
|
|||
|
|
let text = "";
|
|||
|
|
while (!textIter.done) {
|
|||
|
|
text = text + textIter.next().value;
|
|||
|
|
}
|
|||
|
|
if (tr.docChanged && plugin.statsManager) {
|
|||
|
|
plugin.statsManager.debounceChange(text);
|
|||
|
|
}
|
|||
|
|
plugin.statusBar.debounceStatusBarUpdate(text);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
destroy() { }
|
|||
|
|
}
|
|||
|
|
const statusBarEditorPlugin = view.ViewPlugin.fromClass(StatusBarEditorPlugin);
|
|||
|
|
class SectionWidget extends view.WidgetType {
|
|||
|
|
constructor(data) {
|
|||
|
|
super();
|
|||
|
|
this.data = data;
|
|||
|
|
}
|
|||
|
|
eq(widget) {
|
|||
|
|
const { pos, self, total } = this.data;
|
|||
|
|
return pos === widget.data.pos && self === widget.data.self && total === widget.data.total;
|
|||
|
|
}
|
|||
|
|
getDisplayText() {
|
|||
|
|
const { self, total } = this.data;
|
|||
|
|
if (self && self !== total) {
|
|||
|
|
return `${self} / ${total}`;
|
|||
|
|
}
|
|||
|
|
return total.toString();
|
|||
|
|
}
|
|||
|
|
toDOM() {
|
|||
|
|
return createSpan({ cls: "bwc-section-count", text: this.getDisplayText() });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
class SectionWordCountEditorPlugin {
|
|||
|
|
constructor(view$1) {
|
|||
|
|
this.lineCounts = [];
|
|||
|
|
const plugin = view$1.state.field(pluginField);
|
|||
|
|
if (!plugin.settings.displaySectionCounts) {
|
|||
|
|
this.decorations = view.Decoration.none;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.calculateLineCounts(view$1.state, plugin);
|
|||
|
|
this.decorations = this.mkDeco(view$1);
|
|||
|
|
}
|
|||
|
|
calculateLineCounts(state$1, plugin) {
|
|||
|
|
const stripComments = plugin.settings.countComments;
|
|||
|
|
let docStr = state$1.doc.toString();
|
|||
|
|
if (stripComments) {
|
|||
|
|
// Strip out comments, but preserve new lines for accurate positioning data
|
|||
|
|
const preserveNl = (match, offset, str) => {
|
|||
|
|
let output = '';
|
|||
|
|
for (let i = offset, len = offset + match.length; i < len; i++) {
|
|||
|
|
if (/[\r\n]/.test(str[i])) {
|
|||
|
|
output += str[i];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return output;
|
|||
|
|
};
|
|||
|
|
docStr = docStr.replace(MATCH_COMMENT, preserveNl).replace(MATCH_HTML_COMMENT, preserveNl);
|
|||
|
|
}
|
|||
|
|
const lines = docStr.split(state$1.facet(state.EditorState.lineSeparator) || /\r\n?|\n/);
|
|||
|
|
for (let i = 0, len = lines.length; i < len; i++) {
|
|||
|
|
let line = lines[i];
|
|||
|
|
this.lineCounts.push(getWordCount(line));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
update(update) {
|
|||
|
|
const plugin = update.view.state.field(pluginField);
|
|||
|
|
const { displaySectionCounts, countComments: stripComments } = plugin.settings;
|
|||
|
|
let didSettingsChange = false;
|
|||
|
|
if (this.lineCounts.length && !displaySectionCounts) {
|
|||
|
|
this.lineCounts = [];
|
|||
|
|
this.decorations = view.Decoration.none;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
else if (!this.lineCounts.length && displaySectionCounts) {
|
|||
|
|
didSettingsChange = true;
|
|||
|
|
this.calculateLineCounts(update.startState, plugin);
|
|||
|
|
}
|
|||
|
|
if (update.docChanged) {
|
|||
|
|
const startDoc = update.startState.doc;
|
|||
|
|
let tempDoc = startDoc;
|
|||
|
|
let editStartLine = Infinity;
|
|||
|
|
let editEndLine = -Infinity;
|
|||
|
|
update.changes.iterChanges((fromA, toA, fromB, toB, text) => {
|
|||
|
|
const from = fromB;
|
|||
|
|
const to = fromB + (toA - fromA);
|
|||
|
|
const nextTo = from + text.length;
|
|||
|
|
const fromLine = tempDoc.lineAt(from);
|
|||
|
|
const toLine = tempDoc.lineAt(to);
|
|||
|
|
tempDoc = tempDoc.replace(fromB, fromB + (toA - fromA), text);
|
|||
|
|
const nextFromLine = tempDoc.lineAt(from);
|
|||
|
|
const nextToLine = tempDoc.lineAt(nextTo);
|
|||
|
|
const lines = [];
|
|||
|
|
for (let i = nextFromLine.number; i <= nextToLine.number; i++) {
|
|||
|
|
lines.push(getWordCount(tempDoc.line(i).text));
|
|||
|
|
}
|
|||
|
|
const spliceStart = fromLine.number - 1;
|
|||
|
|
const spliceLen = toLine.number - fromLine.number + 1;
|
|||
|
|
editStartLine = Math.min(editStartLine, spliceStart);
|
|||
|
|
editEndLine = Math.max(editEndLine, spliceStart + (nextToLine.number - nextFromLine.number + 1));
|
|||
|
|
this.lineCounts.splice(spliceStart, spliceLen, ...lines);
|
|||
|
|
});
|
|||
|
|
// Filter out any counts associated with comments in the lines that were edited
|
|||
|
|
if (stripComments) {
|
|||
|
|
const tree = language.syntaxTree(update.state);
|
|||
|
|
for (let i = editStartLine; i < editEndLine; i++) {
|
|||
|
|
const line = update.state.doc.line(i + 1);
|
|||
|
|
let newLine = '';
|
|||
|
|
let pos = 0;
|
|||
|
|
let foundComment = false;
|
|||
|
|
tree.iterate({
|
|||
|
|
enter(node) {
|
|||
|
|
if (node.name && /comment/.test(node.name)) {
|
|||
|
|
foundComment = true;
|
|||
|
|
newLine += line.text.substring(pos, node.from - line.from);
|
|||
|
|
pos = node.to - line.from;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
from: line.from,
|
|||
|
|
to: line.to,
|
|||
|
|
});
|
|||
|
|
if (foundComment) {
|
|||
|
|
newLine += line.text.substring(pos);
|
|||
|
|
this.lineCounts[i] = getWordCount(newLine);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (update.docChanged || update.viewportChanged || didSettingsChange) {
|
|||
|
|
this.decorations = this.mkDeco(update.view);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
mkDeco(view$1) {
|
|||
|
|
const plugin = view$1.state.field(pluginField);
|
|||
|
|
const b = new state.RangeSetBuilder();
|
|||
|
|
if (!plugin.settings.displaySectionCounts)
|
|||
|
|
return b.finish();
|
|||
|
|
const tree = language.syntaxTree(view$1.state);
|
|||
|
|
const getHeaderLevel = (line) => {
|
|||
|
|
var _a;
|
|||
|
|
const token = tree.resolve(line.from, 1);
|
|||
|
|
if (/code-?block|math/.test((_a = token === null || token === void 0 ? void 0 : token.type) === null || _a === void 0 ? void 0 : _a.name))
|
|||
|
|
return null;
|
|||
|
|
const match = line.text.match(/^(#+)[ \t]/);
|
|||
|
|
return match ? match[1].length : null;
|
|||
|
|
};
|
|||
|
|
if (!view$1.visibleRanges.length)
|
|||
|
|
return b.finish();
|
|||
|
|
// Start processing from the beginning of the first visible range
|
|||
|
|
const { from } = view$1.visibleRanges[0];
|
|||
|
|
const doc = view$1.state.doc;
|
|||
|
|
const lineStart = doc.lineAt(from);
|
|||
|
|
const lineCount = doc.lines;
|
|||
|
|
const sectionCounts = [];
|
|||
|
|
const nested = [];
|
|||
|
|
for (let i = lineStart.number; i <= lineCount; i++) {
|
|||
|
|
let line;
|
|||
|
|
if (i === lineStart.number)
|
|||
|
|
line = lineStart;
|
|||
|
|
else
|
|||
|
|
line = doc.line(i);
|
|||
|
|
const level = getHeaderLevel(line);
|
|||
|
|
const prevHeading = nested.last();
|
|||
|
|
if (level) {
|
|||
|
|
if (!prevHeading || level > prevHeading.level) {
|
|||
|
|
// The first heading or moving to a higher level eg. ## -> ###
|
|||
|
|
nested.push({
|
|||
|
|
line: i,
|
|||
|
|
level,
|
|||
|
|
self: 0,
|
|||
|
|
total: 0,
|
|||
|
|
pos: line.to,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else if (prevHeading.level === level) {
|
|||
|
|
// Same level as the previous heading
|
|||
|
|
const nestedHeading = nested.pop();
|
|||
|
|
sectionCounts.push(nestedHeading);
|
|||
|
|
nested.push({
|
|||
|
|
line: i,
|
|||
|
|
level,
|
|||
|
|
self: 0,
|
|||
|
|
total: 0,
|
|||
|
|
pos: line.to,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else if (prevHeading.level > level) {
|
|||
|
|
// Traversing to lower level heading (eg. ### -> ##)
|
|||
|
|
for (let j = nested.length - 1; j >= 0; j--) {
|
|||
|
|
const nestedHeading = nested[j];
|
|||
|
|
if (level < nestedHeading.level) {
|
|||
|
|
// Continue traversing to lower level heading
|
|||
|
|
const nestedHeading = nested.pop();
|
|||
|
|
sectionCounts.push(nestedHeading);
|
|||
|
|
if (j === 0) {
|
|||
|
|
nested.push({
|
|||
|
|
line: i,
|
|||
|
|
level,
|
|||
|
|
self: 0,
|
|||
|
|
total: 0,
|
|||
|
|
pos: line.to,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
if (level === nestedHeading.level) {
|
|||
|
|
// Stop because we found an equal level heading
|
|||
|
|
const nestedHeading = nested.pop();
|
|||
|
|
sectionCounts.push(nestedHeading);
|
|||
|
|
nested.push({
|
|||
|
|
line: i,
|
|||
|
|
level,
|
|||
|
|
self: 0,
|
|||
|
|
total: 0,
|
|||
|
|
pos: line.to,
|
|||
|
|
});
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
if (level > nestedHeading.level) {
|
|||
|
|
// Stop because we found an higher level heading
|
|||
|
|
nested.push({
|
|||
|
|
line: i,
|
|||
|
|
level,
|
|||
|
|
self: 0,
|
|||
|
|
total: 0,
|
|||
|
|
pos: line.to,
|
|||
|
|
});
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (nested.length) {
|
|||
|
|
// Not in a heading, so add the word count of the line to the headings containing this line
|
|||
|
|
const count = this.lineCounts[i - 1];
|
|||
|
|
for (const heading of nested) {
|
|||
|
|
if (heading === prevHeading) {
|
|||
|
|
heading.self += count;
|
|||
|
|
}
|
|||
|
|
heading.total += count;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (nested.length)
|
|||
|
|
sectionCounts.push(...nested);
|
|||
|
|
sectionCounts.sort((a, b) => a.line - b.line);
|
|||
|
|
for (const data of sectionCounts) {
|
|||
|
|
b.add(data.pos, data.pos, view.Decoration.widget({
|
|||
|
|
side: 1,
|
|||
|
|
widget: new SectionWidget(data),
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
return b.finish();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const settingsChanged = state.StateEffect.define();
|
|||
|
|
const sectionWordCountEditorPlugin = view.ViewPlugin.fromClass(SectionWordCountEditorPlugin, {
|
|||
|
|
decorations: (v) => v.decorations,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
class BetterWordCountApi {
|
|||
|
|
constructor(plugin) {
|
|||
|
|
this.plugin = plugin;
|
|||
|
|
}
|
|||
|
|
// plain utility functions
|
|||
|
|
getWordCount(text) {
|
|||
|
|
return getWordCount(text);
|
|||
|
|
}
|
|||
|
|
getCharacterCount(text) {
|
|||
|
|
return getCharacterCount(text);
|
|||
|
|
}
|
|||
|
|
getFootnoteCount(text) {
|
|||
|
|
return getFootnoteCount(text);
|
|||
|
|
}
|
|||
|
|
getCitationCount(text) {
|
|||
|
|
return getCitationCount(text);
|
|||
|
|
}
|
|||
|
|
getSentenceCount(text) {
|
|||
|
|
return getSentenceCount(text);
|
|||
|
|
}
|
|||
|
|
getPageCount(text, pageWords = this.plugin.settings.pageWords) {
|
|||
|
|
return getPageCount(text, pageWords);
|
|||
|
|
}
|
|||
|
|
// Functions using page paths e.g. for use with dataviewjs
|
|||
|
|
async countPagePath(path, countFunc) {
|
|||
|
|
const normalizedPath = obsidian.normalizePath(path);
|
|||
|
|
const file = this.plugin.app.vault.getAbstractFileByPath(normalizedPath);
|
|||
|
|
// Check if it exists and is of the correct type
|
|||
|
|
if (file instanceof obsidian.TFile) {
|
|||
|
|
const text = await this.plugin.app.vault.cachedRead(file);
|
|||
|
|
return countFunc(text);
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
async getWordCountPagePath(path) {
|
|||
|
|
return this.countPagePath(path, getWordCount);
|
|||
|
|
}
|
|||
|
|
getCharacterCountPagePath(path) {
|
|||
|
|
return this.countPagePath(path, getCharacterCount);
|
|||
|
|
}
|
|||
|
|
getFootnoteCountPagePath(path) {
|
|||
|
|
return this.countPagePath(path, getFootnoteCount);
|
|||
|
|
}
|
|||
|
|
getCitationCountPagePath(path) {
|
|||
|
|
return this.countPagePath(path, getCitationCount);
|
|||
|
|
}
|
|||
|
|
getSentenceCountPagePath(path) {
|
|||
|
|
return this.countPagePath(path, getSentenceCount);
|
|||
|
|
}
|
|||
|
|
getPageCountPagePath(path, pageWords = this.plugin.settings.pageWords) {
|
|||
|
|
return this.countPagePath(path, (text) => getPageCount(text, pageWords));
|
|||
|
|
}
|
|||
|
|
// Functions for accessing stats
|
|||
|
|
getDailyWords() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getDailyWords();
|
|||
|
|
}
|
|||
|
|
getDailyCharacters() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getDailyCharacters();
|
|||
|
|
}
|
|||
|
|
getDailySentences() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getDailySentences();
|
|||
|
|
}
|
|||
|
|
getDailyFootnotes() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getDailyFootnotes();
|
|||
|
|
}
|
|||
|
|
getDailyCitations() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getDailyCitations();
|
|||
|
|
}
|
|||
|
|
getDailyPages() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getDailyPages();
|
|||
|
|
}
|
|||
|
|
getTotalFiles() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getTotalFiles();
|
|||
|
|
}
|
|||
|
|
async getTotalWords() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getTotalWords();
|
|||
|
|
}
|
|||
|
|
async getTotalCharacters() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getTotalCharacters();
|
|||
|
|
}
|
|||
|
|
async getTotalSentences() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getTotalSentences();
|
|||
|
|
}
|
|||
|
|
async getTotalFootnotes() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getTotalFootnotes();
|
|||
|
|
}
|
|||
|
|
async getTotalCitations() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getTotalCitations();
|
|||
|
|
}
|
|||
|
|
async getTotalPages() {
|
|||
|
|
if (!this.plugin.statsManager)
|
|||
|
|
return null;
|
|||
|
|
return this.plugin.statsManager.getTotalPages();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// get all Markdown files in a folder and all subfolders
|
|||
|
|
function getAllFilesInFolder(plugin, path) {
|
|||
|
|
// get all files and filter them by the start of the path
|
|||
|
|
return plugin.app.vault
|
|||
|
|
.getMarkdownFiles()
|
|||
|
|
.filter((tFolder) => tFolder.path.startsWith(path));
|
|||
|
|
}
|
|||
|
|
// Function to convert a list of Files to a list of file contents
|
|||
|
|
async function getAllFileContentInFolder(files) {
|
|||
|
|
// Create a promise to read the file content for each file
|
|||
|
|
const readPromise = files.map((file) => {
|
|||
|
|
return file.vault.cachedRead(file);
|
|||
|
|
});
|
|||
|
|
// resolve all promises and return the array
|
|||
|
|
return (await Promise.all(readPromise));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*!
|
|||
|
|
* @kurkle/color v0.3.2
|
|||
|
|
* https://github.com/kurkle/color#readme
|
|||
|
|
* (c) 2023 Jukka Kurkela
|
|||
|
|
* Released under the MIT License
|
|||
|
|
*/
|
|||
|
|
function round(v) {
|
|||
|
|
return v + 0.5 | 0;
|
|||
|
|
}
|
|||
|
|
const lim = (v, l, h) => Math.max(Math.min(v, h), l);
|
|||
|
|
function p2b(v) {
|
|||
|
|
return lim(round(v * 2.55), 0, 255);
|
|||
|
|
}
|
|||
|
|
function n2b(v) {
|
|||
|
|
return lim(round(v * 255), 0, 255);
|
|||
|
|
}
|
|||
|
|
function b2n(v) {
|
|||
|
|
return lim(round(v / 2.55) / 100, 0, 1);
|
|||
|
|
}
|
|||
|
|
function n2p(v) {
|
|||
|
|
return lim(round(v * 100), 0, 100);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const map$1 = {0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, A: 10, B: 11, C: 12, D: 13, E: 14, F: 15, a: 10, b: 11, c: 12, d: 13, e: 14, f: 15};
|
|||
|
|
const hex = [...'0123456789ABCDEF'];
|
|||
|
|
const h1 = b => hex[b & 0xF];
|
|||
|
|
const h2 = b => hex[(b & 0xF0) >> 4] + hex[b & 0xF];
|
|||
|
|
const eq = b => ((b & 0xF0) >> 4) === (b & 0xF);
|
|||
|
|
const isShort = v => eq(v.r) && eq(v.g) && eq(v.b) && eq(v.a);
|
|||
|
|
function hexParse(str) {
|
|||
|
|
var len = str.length;
|
|||
|
|
var ret;
|
|||
|
|
if (str[0] === '#') {
|
|||
|
|
if (len === 4 || len === 5) {
|
|||
|
|
ret = {
|
|||
|
|
r: 255 & map$1[str[1]] * 17,
|
|||
|
|
g: 255 & map$1[str[2]] * 17,
|
|||
|
|
b: 255 & map$1[str[3]] * 17,
|
|||
|
|
a: len === 5 ? map$1[str[4]] * 17 : 255
|
|||
|
|
};
|
|||
|
|
} else if (len === 7 || len === 9) {
|
|||
|
|
ret = {
|
|||
|
|
r: map$1[str[1]] << 4 | map$1[str[2]],
|
|||
|
|
g: map$1[str[3]] << 4 | map$1[str[4]],
|
|||
|
|
b: map$1[str[5]] << 4 | map$1[str[6]],
|
|||
|
|
a: len === 9 ? (map$1[str[7]] << 4 | map$1[str[8]]) : 255
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return ret;
|
|||
|
|
}
|
|||
|
|
const alpha = (a, f) => a < 255 ? f(a) : '';
|
|||
|
|
function hexString(v) {
|
|||
|
|
var f = isShort(v) ? h1 : h2;
|
|||
|
|
return v
|
|||
|
|
? '#' + f(v.r) + f(v.g) + f(v.b) + alpha(v.a, f)
|
|||
|
|
: undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const HUE_RE = /^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;
|
|||
|
|
function hsl2rgbn(h, s, l) {
|
|||
|
|
const a = s * Math.min(l, 1 - l);
|
|||
|
|
const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
|
|||
|
|
return [f(0), f(8), f(4)];
|
|||
|
|
}
|
|||
|
|
function hsv2rgbn(h, s, v) {
|
|||
|
|
const f = (n, k = (n + h / 60) % 6) => v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
|
|||
|
|
return [f(5), f(3), f(1)];
|
|||
|
|
}
|
|||
|
|
function hwb2rgbn(h, w, b) {
|
|||
|
|
const rgb = hsl2rgbn(h, 1, 0.5);
|
|||
|
|
let i;
|
|||
|
|
if (w + b > 1) {
|
|||
|
|
i = 1 / (w + b);
|
|||
|
|
w *= i;
|
|||
|
|
b *= i;
|
|||
|
|
}
|
|||
|
|
for (i = 0; i < 3; i++) {
|
|||
|
|
rgb[i] *= 1 - w - b;
|
|||
|
|
rgb[i] += w;
|
|||
|
|
}
|
|||
|
|
return rgb;
|
|||
|
|
}
|
|||
|
|
function hueValue(r, g, b, d, max) {
|
|||
|
|
if (r === max) {
|
|||
|
|
return ((g - b) / d) + (g < b ? 6 : 0);
|
|||
|
|
}
|
|||
|
|
if (g === max) {
|
|||
|
|
return (b - r) / d + 2;
|
|||
|
|
}
|
|||
|
|
return (r - g) / d + 4;
|
|||
|
|
}
|
|||
|
|
function rgb2hsl(v) {
|
|||
|
|
const range = 255;
|
|||
|
|
const r = v.r / range;
|
|||
|
|
const g = v.g / range;
|
|||
|
|
const b = v.b / range;
|
|||
|
|
const max = Math.max(r, g, b);
|
|||
|
|
const min = Math.min(r, g, b);
|
|||
|
|
const l = (max + min) / 2;
|
|||
|
|
let h, s, d;
|
|||
|
|
if (max !== min) {
|
|||
|
|
d = max - min;
|
|||
|
|
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|||
|
|
h = hueValue(r, g, b, d, max);
|
|||
|
|
h = h * 60 + 0.5;
|
|||
|
|
}
|
|||
|
|
return [h | 0, s || 0, l];
|
|||
|
|
}
|
|||
|
|
function calln(f, a, b, c) {
|
|||
|
|
return (
|
|||
|
|
Array.isArray(a)
|
|||
|
|
? f(a[0], a[1], a[2])
|
|||
|
|
: f(a, b, c)
|
|||
|
|
).map(n2b);
|
|||
|
|
}
|
|||
|
|
function hsl2rgb(h, s, l) {
|
|||
|
|
return calln(hsl2rgbn, h, s, l);
|
|||
|
|
}
|
|||
|
|
function hwb2rgb(h, w, b) {
|
|||
|
|
return calln(hwb2rgbn, h, w, b);
|
|||
|
|
}
|
|||
|
|
function hsv2rgb(h, s, v) {
|
|||
|
|
return calln(hsv2rgbn, h, s, v);
|
|||
|
|
}
|
|||
|
|
function hue(h) {
|
|||
|
|
return (h % 360 + 360) % 360;
|
|||
|
|
}
|
|||
|
|
function hueParse(str) {
|
|||
|
|
const m = HUE_RE.exec(str);
|
|||
|
|
let a = 255;
|
|||
|
|
let v;
|
|||
|
|
if (!m) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (m[5] !== v) {
|
|||
|
|
a = m[6] ? p2b(+m[5]) : n2b(+m[5]);
|
|||
|
|
}
|
|||
|
|
const h = hue(+m[2]);
|
|||
|
|
const p1 = +m[3] / 100;
|
|||
|
|
const p2 = +m[4] / 100;
|
|||
|
|
if (m[1] === 'hwb') {
|
|||
|
|
v = hwb2rgb(h, p1, p2);
|
|||
|
|
} else if (m[1] === 'hsv') {
|
|||
|
|
v = hsv2rgb(h, p1, p2);
|
|||
|
|
} else {
|
|||
|
|
v = hsl2rgb(h, p1, p2);
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
r: v[0],
|
|||
|
|
g: v[1],
|
|||
|
|
b: v[2],
|
|||
|
|
a: a
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function rotate(v, deg) {
|
|||
|
|
var h = rgb2hsl(v);
|
|||
|
|
h[0] = hue(h[0] + deg);
|
|||
|
|
h = hsl2rgb(h);
|
|||
|
|
v.r = h[0];
|
|||
|
|
v.g = h[1];
|
|||
|
|
v.b = h[2];
|
|||
|
|
}
|
|||
|
|
function hslString(v) {
|
|||
|
|
if (!v) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const a = rgb2hsl(v);
|
|||
|
|
const h = a[0];
|
|||
|
|
const s = n2p(a[1]);
|
|||
|
|
const l = n2p(a[2]);
|
|||
|
|
return v.a < 255
|
|||
|
|
? `hsla(${h}, ${s}%, ${l}%, ${b2n(v.a)})`
|
|||
|
|
: `hsl(${h}, ${s}%, ${l}%)`;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const map = {
|
|||
|
|
x: 'dark',
|
|||
|
|
Z: 'light',
|
|||
|
|
Y: 're',
|
|||
|
|
X: 'blu',
|
|||
|
|
W: 'gr',
|
|||
|
|
V: 'medium',
|
|||
|
|
U: 'slate',
|
|||
|
|
A: 'ee',
|
|||
|
|
T: 'ol',
|
|||
|
|
S: 'or',
|
|||
|
|
B: 'ra',
|
|||
|
|
C: 'lateg',
|
|||
|
|
D: 'ights',
|
|||
|
|
R: 'in',
|
|||
|
|
Q: 'turquois',
|
|||
|
|
E: 'hi',
|
|||
|
|
P: 'ro',
|
|||
|
|
O: 'al',
|
|||
|
|
N: 'le',
|
|||
|
|
M: 'de',
|
|||
|
|
L: 'yello',
|
|||
|
|
F: 'en',
|
|||
|
|
K: 'ch',
|
|||
|
|
G: 'arks',
|
|||
|
|
H: 'ea',
|
|||
|
|
I: 'ightg',
|
|||
|
|
J: 'wh'
|
|||
|
|
};
|
|||
|
|
const names$1 = {
|
|||
|
|
OiceXe: 'f0f8ff',
|
|||
|
|
antiquewEte: 'faebd7',
|
|||
|
|
aqua: 'ffff',
|
|||
|
|
aquamarRe: '7fffd4',
|
|||
|
|
azuY: 'f0ffff',
|
|||
|
|
beige: 'f5f5dc',
|
|||
|
|
bisque: 'ffe4c4',
|
|||
|
|
black: '0',
|
|||
|
|
blanKedOmond: 'ffebcd',
|
|||
|
|
Xe: 'ff',
|
|||
|
|
XeviTet: '8a2be2',
|
|||
|
|
bPwn: 'a52a2a',
|
|||
|
|
burlywood: 'deb887',
|
|||
|
|
caMtXe: '5f9ea0',
|
|||
|
|
KartYuse: '7fff00',
|
|||
|
|
KocTate: 'd2691e',
|
|||
|
|
cSO: 'ff7f50',
|
|||
|
|
cSnflowerXe: '6495ed',
|
|||
|
|
cSnsilk: 'fff8dc',
|
|||
|
|
crimson: 'dc143c',
|
|||
|
|
cyan: 'ffff',
|
|||
|
|
xXe: '8b',
|
|||
|
|
xcyan: '8b8b',
|
|||
|
|
xgTMnPd: 'b8860b',
|
|||
|
|
xWay: 'a9a9a9',
|
|||
|
|
xgYF: '6400',
|
|||
|
|
xgYy: 'a9a9a9',
|
|||
|
|
xkhaki: 'bdb76b',
|
|||
|
|
xmagFta: '8b008b',
|
|||
|
|
xTivegYF: '556b2f',
|
|||
|
|
xSange: 'ff8c00',
|
|||
|
|
xScEd: '9932cc',
|
|||
|
|
xYd: '8b0000',
|
|||
|
|
xsOmon: 'e9967a',
|
|||
|
|
xsHgYF: '8fbc8f',
|
|||
|
|
xUXe: '483d8b',
|
|||
|
|
xUWay: '2f4f4f',
|
|||
|
|
xUgYy: '2f4f4f',
|
|||
|
|
xQe: 'ced1',
|
|||
|
|
xviTet: '9400d3',
|
|||
|
|
dAppRk: 'ff1493',
|
|||
|
|
dApskyXe: 'bfff',
|
|||
|
|
dimWay: '696969',
|
|||
|
|
dimgYy: '696969',
|
|||
|
|
dodgerXe: '1e90ff',
|
|||
|
|
fiYbrick: 'b22222',
|
|||
|
|
flSOwEte: 'fffaf0',
|
|||
|
|
foYstWAn: '228b22',
|
|||
|
|
fuKsia: 'ff00ff',
|
|||
|
|
gaRsbSo: 'dcdcdc',
|
|||
|
|
ghostwEte: 'f8f8ff',
|
|||
|
|
gTd: 'ffd700',
|
|||
|
|
gTMnPd: 'daa520',
|
|||
|
|
Way: '808080',
|
|||
|
|
gYF: '8000',
|
|||
|
|
gYFLw: 'adff2f',
|
|||
|
|
gYy: '808080',
|
|||
|
|
honeyMw: 'f0fff0',
|
|||
|
|
hotpRk: 'ff69b4',
|
|||
|
|
RdianYd: 'cd5c5c',
|
|||
|
|
Rdigo: '4b0082',
|
|||
|
|
ivSy: 'fffff0',
|
|||
|
|
khaki: 'f0e68c',
|
|||
|
|
lavFMr: 'e6e6fa',
|
|||
|
|
lavFMrXsh: 'fff0f5',
|
|||
|
|
lawngYF: '7cfc00',
|
|||
|
|
NmoncEffon: 'fffacd',
|
|||
|
|
ZXe: 'add8e6',
|
|||
|
|
ZcSO: 'f08080',
|
|||
|
|
Zcyan: 'e0ffff',
|
|||
|
|
ZgTMnPdLw: 'fafad2',
|
|||
|
|
ZWay: 'd3d3d3',
|
|||
|
|
ZgYF: '90ee90',
|
|||
|
|
ZgYy: 'd3d3d3',
|
|||
|
|
ZpRk: 'ffb6c1',
|
|||
|
|
ZsOmon: 'ffa07a',
|
|||
|
|
ZsHgYF: '20b2aa',
|
|||
|
|
ZskyXe: '87cefa',
|
|||
|
|
ZUWay: '778899',
|
|||
|
|
ZUgYy: '778899',
|
|||
|
|
ZstAlXe: 'b0c4de',
|
|||
|
|
ZLw: 'ffffe0',
|
|||
|
|
lime: 'ff00',
|
|||
|
|
limegYF: '32cd32',
|
|||
|
|
lRF: 'faf0e6',
|
|||
|
|
magFta: 'ff00ff',
|
|||
|
|
maPon: '800000',
|
|||
|
|
VaquamarRe: '66cdaa',
|
|||
|
|
VXe: 'cd',
|
|||
|
|
VScEd: 'ba55d3',
|
|||
|
|
VpurpN: '9370db',
|
|||
|
|
VsHgYF: '3cb371',
|
|||
|
|
VUXe: '7b68ee',
|
|||
|
|
VsprRggYF: 'fa9a',
|
|||
|
|
VQe: '48d1cc',
|
|||
|
|
VviTetYd: 'c71585',
|
|||
|
|
midnightXe: '191970',
|
|||
|
|
mRtcYam: 'f5fffa',
|
|||
|
|
mistyPse: 'ffe4e1',
|
|||
|
|
moccasR: 'ffe4b5',
|
|||
|
|
navajowEte: 'ffdead',
|
|||
|
|
navy: '80',
|
|||
|
|
Tdlace: 'fdf5e6',
|
|||
|
|
Tive: '808000',
|
|||
|
|
TivedBb: '6b8e23',
|
|||
|
|
Sange: 'ffa500',
|
|||
|
|
SangeYd: 'ff4500',
|
|||
|
|
ScEd: 'da70d6',
|
|||
|
|
pOegTMnPd: 'eee8aa',
|
|||
|
|
pOegYF: '98fb98',
|
|||
|
|
pOeQe: 'afeeee',
|
|||
|
|
pOeviTetYd: 'db7093',
|
|||
|
|
papayawEp: 'ffefd5',
|
|||
|
|
pHKpuff: 'ffdab9',
|
|||
|
|
peru: 'cd853f',
|
|||
|
|
pRk: 'ffc0cb',
|
|||
|
|
plum: 'dda0dd',
|
|||
|
|
powMrXe: 'b0e0e6',
|
|||
|
|
purpN: '800080',
|
|||
|
|
YbeccapurpN: '663399',
|
|||
|
|
Yd: 'ff0000',
|
|||
|
|
Psybrown: 'bc8f8f',
|
|||
|
|
PyOXe: '4169e1',
|
|||
|
|
saddNbPwn: '8b4513',
|
|||
|
|
sOmon: 'fa8072',
|
|||
|
|
sandybPwn: 'f4a460',
|
|||
|
|
sHgYF: '2e8b57',
|
|||
|
|
sHshell: 'fff5ee',
|
|||
|
|
siFna: 'a0522d',
|
|||
|
|
silver: 'c0c0c0',
|
|||
|
|
skyXe: '87ceeb',
|
|||
|
|
UXe: '6a5acd',
|
|||
|
|
UWay: '708090',
|
|||
|
|
UgYy: '708090',
|
|||
|
|
snow: 'fffafa',
|
|||
|
|
sprRggYF: 'ff7f',
|
|||
|
|
stAlXe: '4682b4',
|
|||
|
|
tan: 'd2b48c',
|
|||
|
|
teO: '8080',
|
|||
|
|
tEstN: 'd8bfd8',
|
|||
|
|
tomato: 'ff6347',
|
|||
|
|
Qe: '40e0d0',
|
|||
|
|
viTet: 'ee82ee',
|
|||
|
|
JHt: 'f5deb3',
|
|||
|
|
wEte: 'ffffff',
|
|||
|
|
wEtesmoke: 'f5f5f5',
|
|||
|
|
Lw: 'ffff00',
|
|||
|
|
LwgYF: '9acd32'
|
|||
|
|
};
|
|||
|
|
function unpack() {
|
|||
|
|
const unpacked = {};
|
|||
|
|
const keys = Object.keys(names$1);
|
|||
|
|
const tkeys = Object.keys(map);
|
|||
|
|
let i, j, k, ok, nk;
|
|||
|
|
for (i = 0; i < keys.length; i++) {
|
|||
|
|
ok = nk = keys[i];
|
|||
|
|
for (j = 0; j < tkeys.length; j++) {
|
|||
|
|
k = tkeys[j];
|
|||
|
|
nk = nk.replace(k, map[k]);
|
|||
|
|
}
|
|||
|
|
k = parseInt(names$1[ok], 16);
|
|||
|
|
unpacked[nk] = [k >> 16 & 0xFF, k >> 8 & 0xFF, k & 0xFF];
|
|||
|
|
}
|
|||
|
|
return unpacked;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let names;
|
|||
|
|
function nameParse(str) {
|
|||
|
|
if (!names) {
|
|||
|
|
names = unpack();
|
|||
|
|
names.transparent = [0, 0, 0, 0];
|
|||
|
|
}
|
|||
|
|
const a = names[str.toLowerCase()];
|
|||
|
|
return a && {
|
|||
|
|
r: a[0],
|
|||
|
|
g: a[1],
|
|||
|
|
b: a[2],
|
|||
|
|
a: a.length === 4 ? a[3] : 255
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const RGB_RE = /^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;
|
|||
|
|
function rgbParse(str) {
|
|||
|
|
const m = RGB_RE.exec(str);
|
|||
|
|
let a = 255;
|
|||
|
|
let r, g, b;
|
|||
|
|
if (!m) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (m[7] !== r) {
|
|||
|
|
const v = +m[7];
|
|||
|
|
a = m[8] ? p2b(v) : lim(v * 255, 0, 255);
|
|||
|
|
}
|
|||
|
|
r = +m[1];
|
|||
|
|
g = +m[3];
|
|||
|
|
b = +m[5];
|
|||
|
|
r = 255 & (m[2] ? p2b(r) : lim(r, 0, 255));
|
|||
|
|
g = 255 & (m[4] ? p2b(g) : lim(g, 0, 255));
|
|||
|
|
b = 255 & (m[6] ? p2b(b) : lim(b, 0, 255));
|
|||
|
|
return {
|
|||
|
|
r: r,
|
|||
|
|
g: g,
|
|||
|
|
b: b,
|
|||
|
|
a: a
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function rgbString(v) {
|
|||
|
|
return v && (
|
|||
|
|
v.a < 255
|
|||
|
|
? `rgba(${v.r}, ${v.g}, ${v.b}, ${b2n(v.a)})`
|
|||
|
|
: `rgb(${v.r}, ${v.g}, ${v.b})`
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const to = v => v <= 0.0031308 ? v * 12.92 : Math.pow(v, 1.0 / 2.4) * 1.055 - 0.055;
|
|||
|
|
const from = v => v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
|
|||
|
|
function interpolate$1(rgb1, rgb2, t) {
|
|||
|
|
const r = from(b2n(rgb1.r));
|
|||
|
|
const g = from(b2n(rgb1.g));
|
|||
|
|
const b = from(b2n(rgb1.b));
|
|||
|
|
return {
|
|||
|
|
r: n2b(to(r + t * (from(b2n(rgb2.r)) - r))),
|
|||
|
|
g: n2b(to(g + t * (from(b2n(rgb2.g)) - g))),
|
|||
|
|
b: n2b(to(b + t * (from(b2n(rgb2.b)) - b))),
|
|||
|
|
a: rgb1.a + t * (rgb2.a - rgb1.a)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function modHSL(v, i, ratio) {
|
|||
|
|
if (v) {
|
|||
|
|
let tmp = rgb2hsl(v);
|
|||
|
|
tmp[i] = Math.max(0, Math.min(tmp[i] + tmp[i] * ratio, i === 0 ? 360 : 1));
|
|||
|
|
tmp = hsl2rgb(tmp);
|
|||
|
|
v.r = tmp[0];
|
|||
|
|
v.g = tmp[1];
|
|||
|
|
v.b = tmp[2];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function clone$1(v, proto) {
|
|||
|
|
return v ? Object.assign(proto || {}, v) : v;
|
|||
|
|
}
|
|||
|
|
function fromObject(input) {
|
|||
|
|
var v = {r: 0, g: 0, b: 0, a: 255};
|
|||
|
|
if (Array.isArray(input)) {
|
|||
|
|
if (input.length >= 3) {
|
|||
|
|
v = {r: input[0], g: input[1], b: input[2], a: 255};
|
|||
|
|
if (input.length > 3) {
|
|||
|
|
v.a = n2b(input[3]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
v = clone$1(input, {r: 0, g: 0, b: 0, a: 1});
|
|||
|
|
v.a = n2b(v.a);
|
|||
|
|
}
|
|||
|
|
return v;
|
|||
|
|
}
|
|||
|
|
function functionParse(str) {
|
|||
|
|
if (str.charAt(0) === 'r') {
|
|||
|
|
return rgbParse(str);
|
|||
|
|
}
|
|||
|
|
return hueParse(str);
|
|||
|
|
}
|
|||
|
|
class Color {
|
|||
|
|
constructor(input) {
|
|||
|
|
if (input instanceof Color) {
|
|||
|
|
return input;
|
|||
|
|
}
|
|||
|
|
const type = typeof input;
|
|||
|
|
let v;
|
|||
|
|
if (type === 'object') {
|
|||
|
|
v = fromObject(input);
|
|||
|
|
} else if (type === 'string') {
|
|||
|
|
v = hexParse(input) || nameParse(input) || functionParse(input);
|
|||
|
|
}
|
|||
|
|
this._rgb = v;
|
|||
|
|
this._valid = !!v;
|
|||
|
|
}
|
|||
|
|
get valid() {
|
|||
|
|
return this._valid;
|
|||
|
|
}
|
|||
|
|
get rgb() {
|
|||
|
|
var v = clone$1(this._rgb);
|
|||
|
|
if (v) {
|
|||
|
|
v.a = b2n(v.a);
|
|||
|
|
}
|
|||
|
|
return v;
|
|||
|
|
}
|
|||
|
|
set rgb(obj) {
|
|||
|
|
this._rgb = fromObject(obj);
|
|||
|
|
}
|
|||
|
|
rgbString() {
|
|||
|
|
return this._valid ? rgbString(this._rgb) : undefined;
|
|||
|
|
}
|
|||
|
|
hexString() {
|
|||
|
|
return this._valid ? hexString(this._rgb) : undefined;
|
|||
|
|
}
|
|||
|
|
hslString() {
|
|||
|
|
return this._valid ? hslString(this._rgb) : undefined;
|
|||
|
|
}
|
|||
|
|
mix(color, weight) {
|
|||
|
|
if (color) {
|
|||
|
|
const c1 = this.rgb;
|
|||
|
|
const c2 = color.rgb;
|
|||
|
|
let w2;
|
|||
|
|
const p = weight === w2 ? 0.5 : weight;
|
|||
|
|
const w = 2 * p - 1;
|
|||
|
|
const a = c1.a - c2.a;
|
|||
|
|
const w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2.0;
|
|||
|
|
w2 = 1 - w1;
|
|||
|
|
c1.r = 0xFF & w1 * c1.r + w2 * c2.r + 0.5;
|
|||
|
|
c1.g = 0xFF & w1 * c1.g + w2 * c2.g + 0.5;
|
|||
|
|
c1.b = 0xFF & w1 * c1.b + w2 * c2.b + 0.5;
|
|||
|
|
c1.a = p * c1.a + (1 - p) * c2.a;
|
|||
|
|
this.rgb = c1;
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
interpolate(color, t) {
|
|||
|
|
if (color) {
|
|||
|
|
this._rgb = interpolate$1(this._rgb, color._rgb, t);
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
clone() {
|
|||
|
|
return new Color(this.rgb);
|
|||
|
|
}
|
|||
|
|
alpha(a) {
|
|||
|
|
this._rgb.a = n2b(a);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
clearer(ratio) {
|
|||
|
|
const rgb = this._rgb;
|
|||
|
|
rgb.a *= 1 - ratio;
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
greyscale() {
|
|||
|
|
const rgb = this._rgb;
|
|||
|
|
const val = round(rgb.r * 0.3 + rgb.g * 0.59 + rgb.b * 0.11);
|
|||
|
|
rgb.r = rgb.g = rgb.b = val;
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
opaquer(ratio) {
|
|||
|
|
const rgb = this._rgb;
|
|||
|
|
rgb.a *= 1 + ratio;
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
negate() {
|
|||
|
|
const v = this._rgb;
|
|||
|
|
v.r = 255 - v.r;
|
|||
|
|
v.g = 255 - v.g;
|
|||
|
|
v.b = 255 - v.b;
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
lighten(ratio) {
|
|||
|
|
modHSL(this._rgb, 2, ratio);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
darken(ratio) {
|
|||
|
|
modHSL(this._rgb, 2, -ratio);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
saturate(ratio) {
|
|||
|
|
modHSL(this._rgb, 1, ratio);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
desaturate(ratio) {
|
|||
|
|
modHSL(this._rgb, 1, -ratio);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
rotate(deg) {
|
|||
|
|
rotate(this._rgb, deg);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*!
|
|||
|
|
* Chart.js v4.4.1
|
|||
|
|
* https://www.chartjs.org
|
|||
|
|
* (c) 2023 Chart.js Contributors
|
|||
|
|
* Released under the MIT License
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @namespace Chart.helpers
|
|||
|
|
*/ /**
|
|||
|
|
* An empty function that can be used, for example, for optional callback.
|
|||
|
|
*/ function noop() {
|
|||
|
|
/* noop */ }
|
|||
|
|
/**
|
|||
|
|
* Returns a unique id, sequentially generated from a global variable.
|
|||
|
|
*/ const uid = (()=>{
|
|||
|
|
let id = 0;
|
|||
|
|
return ()=>id++;
|
|||
|
|
})();
|
|||
|
|
/**
|
|||
|
|
* Returns true if `value` is neither null nor undefined, else returns false.
|
|||
|
|
* @param value - The value to test.
|
|||
|
|
* @since 2.7.0
|
|||
|
|
*/ function isNullOrUndef(value) {
|
|||
|
|
return value === null || typeof value === 'undefined';
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns true if `value` is an array (including typed arrays), else returns false.
|
|||
|
|
* @param value - The value to test.
|
|||
|
|
* @function
|
|||
|
|
*/ function isArray(value) {
|
|||
|
|
if (Array.isArray && Array.isArray(value)) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
const type = Object.prototype.toString.call(value);
|
|||
|
|
if (type.slice(0, 7) === '[object' && type.slice(-6) === 'Array]') {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns true if `value` is an object (excluding null), else returns false.
|
|||
|
|
* @param value - The value to test.
|
|||
|
|
* @since 2.7.0
|
|||
|
|
*/ function isObject(value) {
|
|||
|
|
return value !== null && Object.prototype.toString.call(value) === '[object Object]';
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns true if `value` is a finite number, else returns false
|
|||
|
|
* @param value - The value to test.
|
|||
|
|
*/ function isNumberFinite(value) {
|
|||
|
|
return (typeof value === 'number' || value instanceof Number) && isFinite(+value);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns `value` if finite, else returns `defaultValue`.
|
|||
|
|
* @param value - The value to return if defined.
|
|||
|
|
* @param defaultValue - The value to return if `value` is not finite.
|
|||
|
|
*/ function finiteOrDefault(value, defaultValue) {
|
|||
|
|
return isNumberFinite(value) ? value : defaultValue;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns `value` if defined, else returns `defaultValue`.
|
|||
|
|
* @param value - The value to return if defined.
|
|||
|
|
* @param defaultValue - The value to return if `value` is undefined.
|
|||
|
|
*/ function valueOrDefault(value, defaultValue) {
|
|||
|
|
return typeof value === 'undefined' ? defaultValue : value;
|
|||
|
|
}
|
|||
|
|
const toPercentage = (value, dimension)=>typeof value === 'string' && value.endsWith('%') ? parseFloat(value) / 100 : +value / dimension;
|
|||
|
|
const toDimension = (value, dimension)=>typeof value === 'string' && value.endsWith('%') ? parseFloat(value) / 100 * dimension : +value;
|
|||
|
|
/**
|
|||
|
|
* Calls `fn` with the given `args` in the scope defined by `thisArg` and returns the
|
|||
|
|
* value returned by `fn`. If `fn` is not a function, this method returns undefined.
|
|||
|
|
* @param fn - The function to call.
|
|||
|
|
* @param args - The arguments with which `fn` should be called.
|
|||
|
|
* @param [thisArg] - The value of `this` provided for the call to `fn`.
|
|||
|
|
*/ function callback(fn, args, thisArg) {
|
|||
|
|
if (fn && typeof fn.call === 'function') {
|
|||
|
|
return fn.apply(thisArg, args);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function each(loopable, fn, thisArg, reverse) {
|
|||
|
|
let i, len, keys;
|
|||
|
|
if (isArray(loopable)) {
|
|||
|
|
len = loopable.length;
|
|||
|
|
if (reverse) {
|
|||
|
|
for(i = len - 1; i >= 0; i--){
|
|||
|
|
fn.call(thisArg, loopable[i], i);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
for(i = 0; i < len; i++){
|
|||
|
|
fn.call(thisArg, loopable[i], i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else if (isObject(loopable)) {
|
|||
|
|
keys = Object.keys(loopable);
|
|||
|
|
len = keys.length;
|
|||
|
|
for(i = 0; i < len; i++){
|
|||
|
|
fn.call(thisArg, loopable[keys[i]], keys[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns true if the `a0` and `a1` arrays have the same content, else returns false.
|
|||
|
|
* @param a0 - The array to compare
|
|||
|
|
* @param a1 - The array to compare
|
|||
|
|
* @private
|
|||
|
|
*/ function _elementsEqual(a0, a1) {
|
|||
|
|
let i, ilen, v0, v1;
|
|||
|
|
if (!a0 || !a1 || a0.length !== a1.length) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
for(i = 0, ilen = a0.length; i < ilen; ++i){
|
|||
|
|
v0 = a0[i];
|
|||
|
|
v1 = a1[i];
|
|||
|
|
if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns a deep copy of `source` without keeping references on objects and arrays.
|
|||
|
|
* @param source - The value to clone.
|
|||
|
|
*/ function clone(source) {
|
|||
|
|
if (isArray(source)) {
|
|||
|
|
return source.map(clone);
|
|||
|
|
}
|
|||
|
|
if (isObject(source)) {
|
|||
|
|
const target = Object.create(null);
|
|||
|
|
const keys = Object.keys(source);
|
|||
|
|
const klen = keys.length;
|
|||
|
|
let k = 0;
|
|||
|
|
for(; k < klen; ++k){
|
|||
|
|
target[keys[k]] = clone(source[keys[k]]);
|
|||
|
|
}
|
|||
|
|
return target;
|
|||
|
|
}
|
|||
|
|
return source;
|
|||
|
|
}
|
|||
|
|
function isValidKey(key) {
|
|||
|
|
return [
|
|||
|
|
'__proto__',
|
|||
|
|
'prototype',
|
|||
|
|
'constructor'
|
|||
|
|
].indexOf(key) === -1;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* The default merger when Chart.helpers.merge is called without merger option.
|
|||
|
|
* Note(SB): also used by mergeConfig and mergeScaleConfig as fallback.
|
|||
|
|
* @private
|
|||
|
|
*/ function _merger(key, target, source, options) {
|
|||
|
|
if (!isValidKey(key)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const tval = target[key];
|
|||
|
|
const sval = source[key];
|
|||
|
|
if (isObject(tval) && isObject(sval)) {
|
|||
|
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|||
|
|
merge(tval, sval, options);
|
|||
|
|
} else {
|
|||
|
|
target[key] = clone(sval);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function merge(target, source, options) {
|
|||
|
|
const sources = isArray(source) ? source : [
|
|||
|
|
source
|
|||
|
|
];
|
|||
|
|
const ilen = sources.length;
|
|||
|
|
if (!isObject(target)) {
|
|||
|
|
return target;
|
|||
|
|
}
|
|||
|
|
options = options || {};
|
|||
|
|
const merger = options.merger || _merger;
|
|||
|
|
let current;
|
|||
|
|
for(let i = 0; i < ilen; ++i){
|
|||
|
|
current = sources[i];
|
|||
|
|
if (!isObject(current)) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
const keys = Object.keys(current);
|
|||
|
|
for(let k = 0, klen = keys.length; k < klen; ++k){
|
|||
|
|
merger(keys[k], target, current, options);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return target;
|
|||
|
|
}
|
|||
|
|
function mergeIf(target, source) {
|
|||
|
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|||
|
|
return merge(target, source, {
|
|||
|
|
merger: _mergerIf
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Merges source[key] in target[key] only if target[key] is undefined.
|
|||
|
|
* @private
|
|||
|
|
*/ function _mergerIf(key, target, source) {
|
|||
|
|
if (!isValidKey(key)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const tval = target[key];
|
|||
|
|
const sval = source[key];
|
|||
|
|
if (isObject(tval) && isObject(sval)) {
|
|||
|
|
mergeIf(tval, sval);
|
|||
|
|
} else if (!Object.prototype.hasOwnProperty.call(target, key)) {
|
|||
|
|
target[key] = clone(sval);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// resolveObjectKey resolver cache
|
|||
|
|
const keyResolvers = {
|
|||
|
|
// Chart.helpers.core resolveObjectKey should resolve empty key to root object
|
|||
|
|
'': (v)=>v,
|
|||
|
|
// default resolvers
|
|||
|
|
x: (o)=>o.x,
|
|||
|
|
y: (o)=>o.y
|
|||
|
|
};
|
|||
|
|
/**
|
|||
|
|
* @private
|
|||
|
|
*/ function _splitKey(key) {
|
|||
|
|
const parts = key.split('.');
|
|||
|
|
const keys = [];
|
|||
|
|
let tmp = '';
|
|||
|
|
for (const part of parts){
|
|||
|
|
tmp += part;
|
|||
|
|
if (tmp.endsWith('\\')) {
|
|||
|
|
tmp = tmp.slice(0, -1) + '.';
|
|||
|
|
} else {
|
|||
|
|
keys.push(tmp);
|
|||
|
|
tmp = '';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return keys;
|
|||
|
|
}
|
|||
|
|
function _getKeyResolver(key) {
|
|||
|
|
const keys = _splitKey(key);
|
|||
|
|
return (obj)=>{
|
|||
|
|
for (const k of keys){
|
|||
|
|
if (k === '') {
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
obj = obj && obj[k];
|
|||
|
|
}
|
|||
|
|
return obj;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function resolveObjectKey(obj, key) {
|
|||
|
|
const resolver = keyResolvers[key] || (keyResolvers[key] = _getKeyResolver(key));
|
|||
|
|
return resolver(obj);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @private
|
|||
|
|
*/ function _capitalize(str) {
|
|||
|
|
return str.charAt(0).toUpperCase() + str.slice(1);
|
|||
|
|
}
|
|||
|
|
const defined = (value)=>typeof value !== 'undefined';
|
|||
|
|
const isFunction = (value)=>typeof value === 'function';
|
|||
|
|
// Adapted from https://stackoverflow.com/questions/31128855/comparing-ecma6-sets-for-equality#31129384
|
|||
|
|
const setsEqual = (a, b)=>{
|
|||
|
|
if (a.size !== b.size) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
for (const item of a){
|
|||
|
|
if (!b.has(item)) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
};
|
|||
|
|
/**
|
|||
|
|
* @param e - The event
|
|||
|
|
* @private
|
|||
|
|
*/ function _isClickEvent(e) {
|
|||
|
|
return e.type === 'mouseup' || e.type === 'click' || e.type === 'contextmenu';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @alias Chart.helpers.math
|
|||
|
|
* @namespace
|
|||
|
|
*/ const PI = Math.PI;
|
|||
|
|
const TAU = 2 * PI;
|
|||
|
|
const INFINITY = Number.POSITIVE_INFINITY;
|
|||
|
|
const RAD_PER_DEG = PI / 180;
|
|||
|
|
const HALF_PI = PI / 2;
|
|||
|
|
const QUARTER_PI = PI / 4;
|
|||
|
|
const TWO_THIRDS_PI = PI * 2 / 3;
|
|||
|
|
const log10 = Math.log10;
|
|||
|
|
const sign = Math.sign;
|
|||
|
|
/**
|
|||
|
|
* Returns an array of factors sorted from 1 to sqrt(value)
|
|||
|
|
* @private
|
|||
|
|
*/ function _factorize(value) {
|
|||
|
|
const result = [];
|
|||
|
|
const sqrt = Math.sqrt(value);
|
|||
|
|
let i;
|
|||
|
|
for(i = 1; i < sqrt; i++){
|
|||
|
|
if (value % i === 0) {
|
|||
|
|
result.push(i);
|
|||
|
|
result.push(value / i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (sqrt === (sqrt | 0)) {
|
|||
|
|
result.push(sqrt);
|
|||
|
|
}
|
|||
|
|
result.sort((a, b)=>a - b).pop();
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
function isNumber(n) {
|
|||
|
|
return !isNaN(parseFloat(n)) && isFinite(n);
|
|||
|
|
}
|
|||
|
|
function toRadians(degrees) {
|
|||
|
|
return degrees * (PI / 180);
|
|||
|
|
}
|
|||
|
|
function toDegrees(radians) {
|
|||
|
|
return radians * (180 / PI);
|
|||
|
|
}
|
|||
|
|
// Gets the angle from vertical upright to the point about a centre.
|
|||
|
|
function getAngleFromPoint(centrePoint, anglePoint) {
|
|||
|
|
const distanceFromXCenter = anglePoint.x - centrePoint.x;
|
|||
|
|
const distanceFromYCenter = anglePoint.y - centrePoint.y;
|
|||
|
|
const radialDistanceFromCenter = Math.sqrt(distanceFromXCenter * distanceFromXCenter + distanceFromYCenter * distanceFromYCenter);
|
|||
|
|
let angle = Math.atan2(distanceFromYCenter, distanceFromXCenter);
|
|||
|
|
if (angle < -0.5 * PI) {
|
|||
|
|
angle += TAU; // make sure the returned angle is in the range of (-PI/2, 3PI/2]
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
angle,
|
|||
|
|
distance: radialDistanceFromCenter
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function distanceBetweenPoints(pt1, pt2) {
|
|||
|
|
return Math.sqrt(Math.pow(pt2.x - pt1.x, 2) + Math.pow(pt2.y - pt1.y, 2));
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Normalize angle to be between 0 and 2*PI
|
|||
|
|
* @private
|
|||
|
|
*/ function _normalizeAngle(a) {
|
|||
|
|
return (a % TAU + TAU) % TAU;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @private
|
|||
|
|
*/ function _angleBetween(angle, start, end, sameAngleIsFullCircle) {
|
|||
|
|
const a = _normalizeAngle(angle);
|
|||
|
|
const s = _normalizeAngle(start);
|
|||
|
|
const e = _normalizeAngle(end);
|
|||
|
|
const angleToStart = _normalizeAngle(s - a);
|
|||
|
|
const angleToEnd = _normalizeAngle(e - a);
|
|||
|
|
const startToAngle = _normalizeAngle(a - s);
|
|||
|
|
const endToAngle = _normalizeAngle(a - e);
|
|||
|
|
return a === s || a === e || sameAngleIsFullCircle && s === e || angleToStart > angleToEnd && startToAngle < endToAngle;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Limit `value` between `min` and `max`
|
|||
|
|
* @param value
|
|||
|
|
* @param min
|
|||
|
|
* @param max
|
|||
|
|
* @private
|
|||
|
|
*/ function _limitValue(value, min, max) {
|
|||
|
|
return Math.max(min, Math.min(max, value));
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param {number} value
|
|||
|
|
* @private
|
|||
|
|
*/ function _int16Range(value) {
|
|||
|
|
return _limitValue(value, -32768, 32767);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param value
|
|||
|
|
* @param start
|
|||
|
|
* @param end
|
|||
|
|
* @param [epsilon]
|
|||
|
|
* @private
|
|||
|
|
*/ function _isBetween(value, start, end, epsilon = 1e-6) {
|
|||
|
|
return value >= Math.min(start, end) - epsilon && value <= Math.max(start, end) + epsilon;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function _lookup(table, value, cmp) {
|
|||
|
|
cmp = cmp || ((index)=>table[index] < value);
|
|||
|
|
let hi = table.length - 1;
|
|||
|
|
let lo = 0;
|
|||
|
|
let mid;
|
|||
|
|
while(hi - lo > 1){
|
|||
|
|
mid = lo + hi >> 1;
|
|||
|
|
if (cmp(mid)) {
|
|||
|
|
lo = mid;
|
|||
|
|
} else {
|
|||
|
|
hi = mid;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
lo,
|
|||
|
|
hi
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Binary search
|
|||
|
|
* @param table - the table search. must be sorted!
|
|||
|
|
* @param key - property name for the value in each entry
|
|||
|
|
* @param value - value to find
|
|||
|
|
* @param last - lookup last index
|
|||
|
|
* @private
|
|||
|
|
*/ const _lookupByKey = (table, key, value, last)=>_lookup(table, value, last ? (index)=>{
|
|||
|
|
const ti = table[index][key];
|
|||
|
|
return ti < value || ti === value && table[index + 1][key] === value;
|
|||
|
|
} : (index)=>table[index][key] < value);
|
|||
|
|
/**
|
|||
|
|
* Reverse binary search
|
|||
|
|
* @param table - the table search. must be sorted!
|
|||
|
|
* @param key - property name for the value in each entry
|
|||
|
|
* @param value - value to find
|
|||
|
|
* @private
|
|||
|
|
*/ const _rlookupByKey = (table, key, value)=>_lookup(table, value, (index)=>table[index][key] >= value);
|
|||
|
|
/**
|
|||
|
|
* Return subset of `values` between `min` and `max` inclusive.
|
|||
|
|
* Values are assumed to be in sorted order.
|
|||
|
|
* @param values - sorted array of values
|
|||
|
|
* @param min - min value
|
|||
|
|
* @param max - max value
|
|||
|
|
*/ function _filterBetween(values, min, max) {
|
|||
|
|
let start = 0;
|
|||
|
|
let end = values.length;
|
|||
|
|
while(start < end && values[start] < min){
|
|||
|
|
start++;
|
|||
|
|
}
|
|||
|
|
while(end > start && values[end - 1] > max){
|
|||
|
|
end--;
|
|||
|
|
}
|
|||
|
|
return start > 0 || end < values.length ? values.slice(start, end) : values;
|
|||
|
|
}
|
|||
|
|
const arrayEvents = [
|
|||
|
|
'push',
|
|||
|
|
'pop',
|
|||
|
|
'shift',
|
|||
|
|
'splice',
|
|||
|
|
'unshift'
|
|||
|
|
];
|
|||
|
|
function listenArrayEvents(array, listener) {
|
|||
|
|
if (array._chartjs) {
|
|||
|
|
array._chartjs.listeners.push(listener);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
Object.defineProperty(array, '_chartjs', {
|
|||
|
|
configurable: true,
|
|||
|
|
enumerable: false,
|
|||
|
|
value: {
|
|||
|
|
listeners: [
|
|||
|
|
listener
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
arrayEvents.forEach((key)=>{
|
|||
|
|
const method = '_onData' + _capitalize(key);
|
|||
|
|
const base = array[key];
|
|||
|
|
Object.defineProperty(array, key, {
|
|||
|
|
configurable: true,
|
|||
|
|
enumerable: false,
|
|||
|
|
value (...args) {
|
|||
|
|
const res = base.apply(this, args);
|
|||
|
|
array._chartjs.listeners.forEach((object)=>{
|
|||
|
|
if (typeof object[method] === 'function') {
|
|||
|
|
object[method](...args);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function unlistenArrayEvents(array, listener) {
|
|||
|
|
const stub = array._chartjs;
|
|||
|
|
if (!stub) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const listeners = stub.listeners;
|
|||
|
|
const index = listeners.indexOf(listener);
|
|||
|
|
if (index !== -1) {
|
|||
|
|
listeners.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
if (listeners.length > 0) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
arrayEvents.forEach((key)=>{
|
|||
|
|
delete array[key];
|
|||
|
|
});
|
|||
|
|
delete array._chartjs;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param items
|
|||
|
|
*/ function _arrayUnique(items) {
|
|||
|
|
const set = new Set(items);
|
|||
|
|
if (set.size === items.length) {
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
return Array.from(set);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Request animation polyfill
|
|||
|
|
*/ const requestAnimFrame = function() {
|
|||
|
|
if (typeof window === 'undefined') {
|
|||
|
|
return function(callback) {
|
|||
|
|
return callback();
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return window.requestAnimationFrame;
|
|||
|
|
}();
|
|||
|
|
/**
|
|||
|
|
* Throttles calling `fn` once per animation frame
|
|||
|
|
* Latest arguments are used on the actual call
|
|||
|
|
*/ function throttled(fn, thisArg) {
|
|||
|
|
let argsToUse = [];
|
|||
|
|
let ticking = false;
|
|||
|
|
return function(...args) {
|
|||
|
|
// Save the args for use later
|
|||
|
|
argsToUse = args;
|
|||
|
|
if (!ticking) {
|
|||
|
|
ticking = true;
|
|||
|
|
requestAnimFrame.call(window, ()=>{
|
|||
|
|
ticking = false;
|
|||
|
|
fn.apply(thisArg, argsToUse);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Debounces calling `fn` for `delay` ms
|
|||
|
|
*/ function debounce(fn, delay) {
|
|||
|
|
let timeout;
|
|||
|
|
return function(...args) {
|
|||
|
|
if (delay) {
|
|||
|
|
clearTimeout(timeout);
|
|||
|
|
timeout = setTimeout(fn, delay, args);
|
|||
|
|
} else {
|
|||
|
|
fn.apply(this, args);
|
|||
|
|
}
|
|||
|
|
return delay;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Converts 'start' to 'left', 'end' to 'right' and others to 'center'
|
|||
|
|
* @private
|
|||
|
|
*/ const _toLeftRightCenter = (align)=>align === 'start' ? 'left' : align === 'end' ? 'right' : 'center';
|
|||
|
|
/**
|
|||
|
|
* Returns `start`, `end` or `(start + end) / 2` depending on `align`. Defaults to `center`
|
|||
|
|
* @private
|
|||
|
|
*/ const _alignStartEnd = (align, start, end)=>align === 'start' ? start : align === 'end' ? end : (start + end) / 2;
|
|||
|
|
|
|||
|
|
const atEdge = (t)=>t === 0 || t === 1;
|
|||
|
|
const elasticIn = (t, s, p)=>-(Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * TAU / p));
|
|||
|
|
const elasticOut = (t, s, p)=>Math.pow(2, -10 * t) * Math.sin((t - s) * TAU / p) + 1;
|
|||
|
|
/**
|
|||
|
|
* Easing functions adapted from Robert Penner's easing equations.
|
|||
|
|
* @namespace Chart.helpers.easing.effects
|
|||
|
|
* @see http://www.robertpenner.com/easing/
|
|||
|
|
*/ const effects = {
|
|||
|
|
linear: (t)=>t,
|
|||
|
|
easeInQuad: (t)=>t * t,
|
|||
|
|
easeOutQuad: (t)=>-t * (t - 2),
|
|||
|
|
easeInOutQuad: (t)=>(t /= 0.5) < 1 ? 0.5 * t * t : -0.5 * (--t * (t - 2) - 1),
|
|||
|
|
easeInCubic: (t)=>t * t * t,
|
|||
|
|
easeOutCubic: (t)=>(t -= 1) * t * t + 1,
|
|||
|
|
easeInOutCubic: (t)=>(t /= 0.5) < 1 ? 0.5 * t * t * t : 0.5 * ((t -= 2) * t * t + 2),
|
|||
|
|
easeInQuart: (t)=>t * t * t * t,
|
|||
|
|
easeOutQuart: (t)=>-((t -= 1) * t * t * t - 1),
|
|||
|
|
easeInOutQuart: (t)=>(t /= 0.5) < 1 ? 0.5 * t * t * t * t : -0.5 * ((t -= 2) * t * t * t - 2),
|
|||
|
|
easeInQuint: (t)=>t * t * t * t * t,
|
|||
|
|
easeOutQuint: (t)=>(t -= 1) * t * t * t * t + 1,
|
|||
|
|
easeInOutQuint: (t)=>(t /= 0.5) < 1 ? 0.5 * t * t * t * t * t : 0.5 * ((t -= 2) * t * t * t * t + 2),
|
|||
|
|
easeInSine: (t)=>-Math.cos(t * HALF_PI) + 1,
|
|||
|
|
easeOutSine: (t)=>Math.sin(t * HALF_PI),
|
|||
|
|
easeInOutSine: (t)=>-0.5 * (Math.cos(PI * t) - 1),
|
|||
|
|
easeInExpo: (t)=>t === 0 ? 0 : Math.pow(2, 10 * (t - 1)),
|
|||
|
|
easeOutExpo: (t)=>t === 1 ? 1 : -Math.pow(2, -10 * t) + 1,
|
|||
|
|
easeInOutExpo: (t)=>atEdge(t) ? t : t < 0.5 ? 0.5 * Math.pow(2, 10 * (t * 2 - 1)) : 0.5 * (-Math.pow(2, -10 * (t * 2 - 1)) + 2),
|
|||
|
|
easeInCirc: (t)=>t >= 1 ? t : -(Math.sqrt(1 - t * t) - 1),
|
|||
|
|
easeOutCirc: (t)=>Math.sqrt(1 - (t -= 1) * t),
|
|||
|
|
easeInOutCirc: (t)=>(t /= 0.5) < 1 ? -0.5 * (Math.sqrt(1 - t * t) - 1) : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1),
|
|||
|
|
easeInElastic: (t)=>atEdge(t) ? t : elasticIn(t, 0.075, 0.3),
|
|||
|
|
easeOutElastic: (t)=>atEdge(t) ? t : elasticOut(t, 0.075, 0.3),
|
|||
|
|
easeInOutElastic (t) {
|
|||
|
|
const s = 0.1125;
|
|||
|
|
const p = 0.45;
|
|||
|
|
return atEdge(t) ? t : t < 0.5 ? 0.5 * elasticIn(t * 2, s, p) : 0.5 + 0.5 * elasticOut(t * 2 - 1, s, p);
|
|||
|
|
},
|
|||
|
|
easeInBack (t) {
|
|||
|
|
const s = 1.70158;
|
|||
|
|
return t * t * ((s + 1) * t - s);
|
|||
|
|
},
|
|||
|
|
easeOutBack (t) {
|
|||
|
|
const s = 1.70158;
|
|||
|
|
return (t -= 1) * t * ((s + 1) * t + s) + 1;
|
|||
|
|
},
|
|||
|
|
easeInOutBack (t) {
|
|||
|
|
let s = 1.70158;
|
|||
|
|
if ((t /= 0.5) < 1) {
|
|||
|
|
return 0.5 * (t * t * (((s *= 1.525) + 1) * t - s));
|
|||
|
|
}
|
|||
|
|
return 0.5 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2);
|
|||
|
|
},
|
|||
|
|
easeInBounce: (t)=>1 - effects.easeOutBounce(1 - t),
|
|||
|
|
easeOutBounce (t) {
|
|||
|
|
const m = 7.5625;
|
|||
|
|
const d = 2.75;
|
|||
|
|
if (t < 1 / d) {
|
|||
|
|
return m * t * t;
|
|||
|
|
}
|
|||
|
|
if (t < 2 / d) {
|
|||
|
|
return m * (t -= 1.5 / d) * t + 0.75;
|
|||
|
|
}
|
|||
|
|
if (t < 2.5 / d) {
|
|||
|
|
return m * (t -= 2.25 / d) * t + 0.9375;
|
|||
|
|
}
|
|||
|
|
return m * (t -= 2.625 / d) * t + 0.984375;
|
|||
|
|
},
|
|||
|
|
easeInOutBounce: (t)=>t < 0.5 ? effects.easeInBounce(t * 2) * 0.5 : effects.easeOutBounce(t * 2 - 1) * 0.5 + 0.5
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function isPatternOrGradient(value) {
|
|||
|
|
if (value && typeof value === 'object') {
|
|||
|
|
const type = value.toString();
|
|||
|
|
return type === '[object CanvasPattern]' || type === '[object CanvasGradient]';
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
function color(value) {
|
|||
|
|
return isPatternOrGradient(value) ? value : new Color(value);
|
|||
|
|
}
|
|||
|
|
function getHoverColor(value) {
|
|||
|
|
return isPatternOrGradient(value) ? value : new Color(value).saturate(0.5).darken(0.1).hexString();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const numbers = [
|
|||
|
|
'x',
|
|||
|
|
'y',
|
|||
|
|
'borderWidth',
|
|||
|
|
'radius',
|
|||
|
|
'tension'
|
|||
|
|
];
|
|||
|
|
const colors = [
|
|||
|
|
'color',
|
|||
|
|
'borderColor',
|
|||
|
|
'backgroundColor'
|
|||
|
|
];
|
|||
|
|
function applyAnimationsDefaults(defaults) {
|
|||
|
|
defaults.set('animation', {
|
|||
|
|
delay: undefined,
|
|||
|
|
duration: 1000,
|
|||
|
|
easing: 'easeOutQuart',
|
|||
|
|
fn: undefined,
|
|||
|
|
from: undefined,
|
|||
|
|
loop: undefined,
|
|||
|
|
to: undefined,
|
|||
|
|
type: undefined
|
|||
|
|
});
|
|||
|
|
defaults.describe('animation', {
|
|||
|
|
_fallback: false,
|
|||
|
|
_indexable: false,
|
|||
|
|
_scriptable: (name)=>name !== 'onProgress' && name !== 'onComplete' && name !== 'fn'
|
|||
|
|
});
|
|||
|
|
defaults.set('animations', {
|
|||
|
|
colors: {
|
|||
|
|
type: 'color',
|
|||
|
|
properties: colors
|
|||
|
|
},
|
|||
|
|
numbers: {
|
|||
|
|
type: 'number',
|
|||
|
|
properties: numbers
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
defaults.describe('animations', {
|
|||
|
|
_fallback: 'animation'
|
|||
|
|
});
|
|||
|
|
defaults.set('transitions', {
|
|||
|
|
active: {
|
|||
|
|
animation: {
|
|||
|
|
duration: 400
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
resize: {
|
|||
|
|
animation: {
|
|||
|
|
duration: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
show: {
|
|||
|
|
animations: {
|
|||
|
|
colors: {
|
|||
|
|
from: 'transparent'
|
|||
|
|
},
|
|||
|
|
visible: {
|
|||
|
|
type: 'boolean',
|
|||
|
|
duration: 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
hide: {
|
|||
|
|
animations: {
|
|||
|
|
colors: {
|
|||
|
|
to: 'transparent'
|
|||
|
|
},
|
|||
|
|
visible: {
|
|||
|
|
type: 'boolean',
|
|||
|
|
easing: 'linear',
|
|||
|
|
fn: (v)=>v | 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function applyLayoutsDefaults(defaults) {
|
|||
|
|
defaults.set('layout', {
|
|||
|
|
autoPadding: true,
|
|||
|
|
padding: {
|
|||
|
|
top: 0,
|
|||
|
|
right: 0,
|
|||
|
|
bottom: 0,
|
|||
|
|
left: 0
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const intlCache = new Map();
|
|||
|
|
function getNumberFormat(locale, options) {
|
|||
|
|
options = options || {};
|
|||
|
|
const cacheKey = locale + JSON.stringify(options);
|
|||
|
|
let formatter = intlCache.get(cacheKey);
|
|||
|
|
if (!formatter) {
|
|||
|
|
formatter = new Intl.NumberFormat(locale, options);
|
|||
|
|
intlCache.set(cacheKey, formatter);
|
|||
|
|
}
|
|||
|
|
return formatter;
|
|||
|
|
}
|
|||
|
|
function formatNumber(num, locale, options) {
|
|||
|
|
return getNumberFormat(locale, options).format(num);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const formatters = {
|
|||
|
|
values (value) {
|
|||
|
|
return isArray(value) ? value : '' + value;
|
|||
|
|
},
|
|||
|
|
numeric (tickValue, index, ticks) {
|
|||
|
|
if (tickValue === 0) {
|
|||
|
|
return '0';
|
|||
|
|
}
|
|||
|
|
const locale = this.chart.options.locale;
|
|||
|
|
let notation;
|
|||
|
|
let delta = tickValue;
|
|||
|
|
if (ticks.length > 1) {
|
|||
|
|
const maxTick = Math.max(Math.abs(ticks[0].value), Math.abs(ticks[ticks.length - 1].value));
|
|||
|
|
if (maxTick < 1e-4 || maxTick > 1e+15) {
|
|||
|
|
notation = 'scientific';
|
|||
|
|
}
|
|||
|
|
delta = calculateDelta(tickValue, ticks);
|
|||
|
|
}
|
|||
|
|
const logDelta = log10(Math.abs(delta));
|
|||
|
|
const numDecimal = isNaN(logDelta) ? 1 : Math.max(Math.min(-1 * Math.floor(logDelta), 20), 0);
|
|||
|
|
const options = {
|
|||
|
|
notation,
|
|||
|
|
minimumFractionDigits: numDecimal,
|
|||
|
|
maximumFractionDigits: numDecimal
|
|||
|
|
};
|
|||
|
|
Object.assign(options, this.options.ticks.format);
|
|||
|
|
return formatNumber(tickValue, locale, options);
|
|||
|
|
},
|
|||
|
|
logarithmic (tickValue, index, ticks) {
|
|||
|
|
if (tickValue === 0) {
|
|||
|
|
return '0';
|
|||
|
|
}
|
|||
|
|
const remain = ticks[index].significand || tickValue / Math.pow(10, Math.floor(log10(tickValue)));
|
|||
|
|
if ([
|
|||
|
|
1,
|
|||
|
|
2,
|
|||
|
|
3,
|
|||
|
|
5,
|
|||
|
|
10,
|
|||
|
|
15
|
|||
|
|
].includes(remain) || index > 0.8 * ticks.length) {
|
|||
|
|
return formatters.numeric.call(this, tickValue, index, ticks);
|
|||
|
|
}
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
function calculateDelta(tickValue, ticks) {
|
|||
|
|
let delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;
|
|||
|
|
if (Math.abs(delta) >= 1 && tickValue !== Math.floor(tickValue)) {
|
|||
|
|
delta = tickValue - Math.floor(tickValue);
|
|||
|
|
}
|
|||
|
|
return delta;
|
|||
|
|
}
|
|||
|
|
var Ticks = {
|
|||
|
|
formatters
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function applyScaleDefaults(defaults) {
|
|||
|
|
defaults.set('scale', {
|
|||
|
|
display: true,
|
|||
|
|
offset: false,
|
|||
|
|
reverse: false,
|
|||
|
|
beginAtZero: false,
|
|||
|
|
bounds: 'ticks',
|
|||
|
|
clip: true,
|
|||
|
|
grace: 0,
|
|||
|
|
grid: {
|
|||
|
|
display: true,
|
|||
|
|
lineWidth: 1,
|
|||
|
|
drawOnChartArea: true,
|
|||
|
|
drawTicks: true,
|
|||
|
|
tickLength: 8,
|
|||
|
|
tickWidth: (_ctx, options)=>options.lineWidth,
|
|||
|
|
tickColor: (_ctx, options)=>options.color,
|
|||
|
|
offset: false
|
|||
|
|
},
|
|||
|
|
border: {
|
|||
|
|
display: true,
|
|||
|
|
dash: [],
|
|||
|
|
dashOffset: 0.0,
|
|||
|
|
width: 1
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
display: false,
|
|||
|
|
text: '',
|
|||
|
|
padding: {
|
|||
|
|
top: 4,
|
|||
|
|
bottom: 4
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
ticks: {
|
|||
|
|
minRotation: 0,
|
|||
|
|
maxRotation: 50,
|
|||
|
|
mirror: false,
|
|||
|
|
textStrokeWidth: 0,
|
|||
|
|
textStrokeColor: '',
|
|||
|
|
padding: 3,
|
|||
|
|
display: true,
|
|||
|
|
autoSkip: true,
|
|||
|
|
autoSkipPadding: 3,
|
|||
|
|
labelOffset: 0,
|
|||
|
|
callback: Ticks.formatters.values,
|
|||
|
|
minor: {},
|
|||
|
|
major: {},
|
|||
|
|
align: 'center',
|
|||
|
|
crossAlign: 'near',
|
|||
|
|
showLabelBackdrop: false,
|
|||
|
|
backdropColor: 'rgba(255, 255, 255, 0.75)',
|
|||
|
|
backdropPadding: 2
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
defaults.route('scale.ticks', 'color', '', 'color');
|
|||
|
|
defaults.route('scale.grid', 'color', '', 'borderColor');
|
|||
|
|
defaults.route('scale.border', 'color', '', 'borderColor');
|
|||
|
|
defaults.route('scale.title', 'color', '', 'color');
|
|||
|
|
defaults.describe('scale', {
|
|||
|
|
_fallback: false,
|
|||
|
|
_scriptable: (name)=>!name.startsWith('before') && !name.startsWith('after') && name !== 'callback' && name !== 'parser',
|
|||
|
|
_indexable: (name)=>name !== 'borderDash' && name !== 'tickBorderDash' && name !== 'dash'
|
|||
|
|
});
|
|||
|
|
defaults.describe('scales', {
|
|||
|
|
_fallback: 'scale'
|
|||
|
|
});
|
|||
|
|
defaults.describe('scale.ticks', {
|
|||
|
|
_scriptable: (name)=>name !== 'backdropPadding' && name !== 'callback',
|
|||
|
|
_indexable: (name)=>name !== 'backdropPadding'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const overrides = Object.create(null);
|
|||
|
|
const descriptors = Object.create(null);
|
|||
|
|
function getScope$1(node, key) {
|
|||
|
|
if (!key) {
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
const keys = key.split('.');
|
|||
|
|
for(let i = 0, n = keys.length; i < n; ++i){
|
|||
|
|
const k = keys[i];
|
|||
|
|
node = node[k] || (node[k] = Object.create(null));
|
|||
|
|
}
|
|||
|
|
return node;
|
|||
|
|
}
|
|||
|
|
function set(root, scope, values) {
|
|||
|
|
if (typeof scope === 'string') {
|
|||
|
|
return merge(getScope$1(root, scope), values);
|
|||
|
|
}
|
|||
|
|
return merge(getScope$1(root, ''), scope);
|
|||
|
|
}
|
|||
|
|
class Defaults {
|
|||
|
|
constructor(_descriptors, _appliers){
|
|||
|
|
this.animation = undefined;
|
|||
|
|
this.backgroundColor = 'rgba(0,0,0,0.1)';
|
|||
|
|
this.borderColor = 'rgba(0,0,0,0.1)';
|
|||
|
|
this.color = '#666';
|
|||
|
|
this.datasets = {};
|
|||
|
|
this.devicePixelRatio = (context)=>context.chart.platform.getDevicePixelRatio();
|
|||
|
|
this.elements = {};
|
|||
|
|
this.events = [
|
|||
|
|
'mousemove',
|
|||
|
|
'mouseout',
|
|||
|
|
'click',
|
|||
|
|
'touchstart',
|
|||
|
|
'touchmove'
|
|||
|
|
];
|
|||
|
|
this.font = {
|
|||
|
|
family: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
|||
|
|
size: 12,
|
|||
|
|
style: 'normal',
|
|||
|
|
lineHeight: 1.2,
|
|||
|
|
weight: null
|
|||
|
|
};
|
|||
|
|
this.hover = {};
|
|||
|
|
this.hoverBackgroundColor = (ctx, options)=>getHoverColor(options.backgroundColor);
|
|||
|
|
this.hoverBorderColor = (ctx, options)=>getHoverColor(options.borderColor);
|
|||
|
|
this.hoverColor = (ctx, options)=>getHoverColor(options.color);
|
|||
|
|
this.indexAxis = 'x';
|
|||
|
|
this.interaction = {
|
|||
|
|
mode: 'nearest',
|
|||
|
|
intersect: true,
|
|||
|
|
includeInvisible: false
|
|||
|
|
};
|
|||
|
|
this.maintainAspectRatio = true;
|
|||
|
|
this.onHover = null;
|
|||
|
|
this.onClick = null;
|
|||
|
|
this.parsing = true;
|
|||
|
|
this.plugins = {};
|
|||
|
|
this.responsive = true;
|
|||
|
|
this.scale = undefined;
|
|||
|
|
this.scales = {};
|
|||
|
|
this.showLine = true;
|
|||
|
|
this.drawActiveElementsOnTop = true;
|
|||
|
|
this.describe(_descriptors);
|
|||
|
|
this.apply(_appliers);
|
|||
|
|
}
|
|||
|
|
set(scope, values) {
|
|||
|
|
return set(this, scope, values);
|
|||
|
|
}
|
|||
|
|
get(scope) {
|
|||
|
|
return getScope$1(this, scope);
|
|||
|
|
}
|
|||
|
|
describe(scope, values) {
|
|||
|
|
return set(descriptors, scope, values);
|
|||
|
|
}
|
|||
|
|
override(scope, values) {
|
|||
|
|
return set(overrides, scope, values);
|
|||
|
|
}
|
|||
|
|
route(scope, name, targetScope, targetName) {
|
|||
|
|
const scopeObject = getScope$1(this, scope);
|
|||
|
|
const targetScopeObject = getScope$1(this, targetScope);
|
|||
|
|
const privateName = '_' + name;
|
|||
|
|
Object.defineProperties(scopeObject, {
|
|||
|
|
[privateName]: {
|
|||
|
|
value: scopeObject[name],
|
|||
|
|
writable: true
|
|||
|
|
},
|
|||
|
|
[name]: {
|
|||
|
|
enumerable: true,
|
|||
|
|
get () {
|
|||
|
|
const local = this[privateName];
|
|||
|
|
const target = targetScopeObject[targetName];
|
|||
|
|
if (isObject(local)) {
|
|||
|
|
return Object.assign({}, target, local);
|
|||
|
|
}
|
|||
|
|
return valueOrDefault(local, target);
|
|||
|
|
},
|
|||
|
|
set (value) {
|
|||
|
|
this[privateName] = value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
apply(appliers) {
|
|||
|
|
appliers.forEach((apply)=>apply(this));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var defaults = /* #__PURE__ */ new Defaults({
|
|||
|
|
_scriptable: (name)=>!name.startsWith('on'),
|
|||
|
|
_indexable: (name)=>name !== 'events',
|
|||
|
|
hover: {
|
|||
|
|
_fallback: 'interaction'
|
|||
|
|
},
|
|||
|
|
interaction: {
|
|||
|
|
_scriptable: false,
|
|||
|
|
_indexable: false
|
|||
|
|
}
|
|||
|
|
}, [
|
|||
|
|
applyAnimationsDefaults,
|
|||
|
|
applyLayoutsDefaults,
|
|||
|
|
applyScaleDefaults
|
|||
|
|
]);
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Converts the given font object into a CSS font string.
|
|||
|
|
* @param font - A font object.
|
|||
|
|
* @return The CSS font string. See https://developer.mozilla.org/en-US/docs/Web/CSS/font
|
|||
|
|
* @private
|
|||
|
|
*/ function toFontString(font) {
|
|||
|
|
if (!font || isNullOrUndef(font.size) || isNullOrUndef(font.family)) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
return (font.style ? font.style + ' ' : '') + (font.weight ? font.weight + ' ' : '') + font.size + 'px ' + font.family;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @private
|
|||
|
|
*/ function _measureText(ctx, data, gc, longest, string) {
|
|||
|
|
let textWidth = data[string];
|
|||
|
|
if (!textWidth) {
|
|||
|
|
textWidth = data[string] = ctx.measureText(string).width;
|
|||
|
|
gc.push(string);
|
|||
|
|
}
|
|||
|
|
if (textWidth > longest) {
|
|||
|
|
longest = textWidth;
|
|||
|
|
}
|
|||
|
|
return longest;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns the aligned pixel value to avoid anti-aliasing blur
|
|||
|
|
* @param chart - The chart instance.
|
|||
|
|
* @param pixel - A pixel value.
|
|||
|
|
* @param width - The width of the element.
|
|||
|
|
* @returns The aligned pixel value.
|
|||
|
|
* @private
|
|||
|
|
*/ function _alignPixel(chart, pixel, width) {
|
|||
|
|
const devicePixelRatio = chart.currentDevicePixelRatio;
|
|||
|
|
const halfWidth = width !== 0 ? Math.max(width / 2, 0.5) : 0;
|
|||
|
|
return Math.round((pixel - halfWidth) * devicePixelRatio) / devicePixelRatio + halfWidth;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Clears the entire canvas.
|
|||
|
|
*/ function clearCanvas(canvas, ctx) {
|
|||
|
|
ctx = ctx || canvas.getContext('2d');
|
|||
|
|
ctx.save();
|
|||
|
|
// canvas.width and canvas.height do not consider the canvas transform,
|
|||
|
|
// while clearRect does
|
|||
|
|
ctx.resetTransform();
|
|||
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|||
|
|
ctx.restore();
|
|||
|
|
}
|
|||
|
|
function drawPoint(ctx, options, x, y) {
|
|||
|
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|||
|
|
drawPointLegend(ctx, options, x, y, null);
|
|||
|
|
}
|
|||
|
|
// eslint-disable-next-line complexity
|
|||
|
|
function drawPointLegend(ctx, options, x, y, w) {
|
|||
|
|
let type, xOffset, yOffset, size, cornerRadius, width, xOffsetW, yOffsetW;
|
|||
|
|
const style = options.pointStyle;
|
|||
|
|
const rotation = options.rotation;
|
|||
|
|
const radius = options.radius;
|
|||
|
|
let rad = (rotation || 0) * RAD_PER_DEG;
|
|||
|
|
if (style && typeof style === 'object') {
|
|||
|
|
type = style.toString();
|
|||
|
|
if (type === '[object HTMLImageElement]' || type === '[object HTMLCanvasElement]') {
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.translate(x, y);
|
|||
|
|
ctx.rotate(rad);
|
|||
|
|
ctx.drawImage(style, -style.width / 2, -style.height / 2, style.width, style.height);
|
|||
|
|
ctx.restore();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (isNaN(radius) || radius <= 0) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
ctx.beginPath();
|
|||
|
|
switch(style){
|
|||
|
|
// Default includes circle
|
|||
|
|
default:
|
|||
|
|
if (w) {
|
|||
|
|
ctx.ellipse(x, y, w / 2, radius, 0, 0, TAU);
|
|||
|
|
} else {
|
|||
|
|
ctx.arc(x, y, radius, 0, TAU);
|
|||
|
|
}
|
|||
|
|
ctx.closePath();
|
|||
|
|
break;
|
|||
|
|
case 'triangle':
|
|||
|
|
width = w ? w / 2 : radius;
|
|||
|
|
ctx.moveTo(x + Math.sin(rad) * width, y - Math.cos(rad) * radius);
|
|||
|
|
rad += TWO_THIRDS_PI;
|
|||
|
|
ctx.lineTo(x + Math.sin(rad) * width, y - Math.cos(rad) * radius);
|
|||
|
|
rad += TWO_THIRDS_PI;
|
|||
|
|
ctx.lineTo(x + Math.sin(rad) * width, y - Math.cos(rad) * radius);
|
|||
|
|
ctx.closePath();
|
|||
|
|
break;
|
|||
|
|
case 'rectRounded':
|
|||
|
|
// NOTE: the rounded rect implementation changed to use `arc` instead of
|
|||
|
|
// `quadraticCurveTo` since it generates better results when rect is
|
|||
|
|
// almost a circle. 0.516 (instead of 0.5) produces results with visually
|
|||
|
|
// closer proportion to the previous impl and it is inscribed in the
|
|||
|
|
// circle with `radius`. For more details, see the following PRs:
|
|||
|
|
// https://github.com/chartjs/Chart.js/issues/5597
|
|||
|
|
// https://github.com/chartjs/Chart.js/issues/5858
|
|||
|
|
cornerRadius = radius * 0.516;
|
|||
|
|
size = radius - cornerRadius;
|
|||
|
|
xOffset = Math.cos(rad + QUARTER_PI) * size;
|
|||
|
|
xOffsetW = Math.cos(rad + QUARTER_PI) * (w ? w / 2 - cornerRadius : size);
|
|||
|
|
yOffset = Math.sin(rad + QUARTER_PI) * size;
|
|||
|
|
yOffsetW = Math.sin(rad + QUARTER_PI) * (w ? w / 2 - cornerRadius : size);
|
|||
|
|
ctx.arc(x - xOffsetW, y - yOffset, cornerRadius, rad - PI, rad - HALF_PI);
|
|||
|
|
ctx.arc(x + yOffsetW, y - xOffset, cornerRadius, rad - HALF_PI, rad);
|
|||
|
|
ctx.arc(x + xOffsetW, y + yOffset, cornerRadius, rad, rad + HALF_PI);
|
|||
|
|
ctx.arc(x - yOffsetW, y + xOffset, cornerRadius, rad + HALF_PI, rad + PI);
|
|||
|
|
ctx.closePath();
|
|||
|
|
break;
|
|||
|
|
case 'rect':
|
|||
|
|
if (!rotation) {
|
|||
|
|
size = Math.SQRT1_2 * radius;
|
|||
|
|
width = w ? w / 2 : size;
|
|||
|
|
ctx.rect(x - width, y - size, 2 * width, 2 * size);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
rad += QUARTER_PI;
|
|||
|
|
/* falls through */ case 'rectRot':
|
|||
|
|
xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
|
|||
|
|
xOffset = Math.cos(rad) * radius;
|
|||
|
|
yOffset = Math.sin(rad) * radius;
|
|||
|
|
yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
|
|||
|
|
ctx.moveTo(x - xOffsetW, y - yOffset);
|
|||
|
|
ctx.lineTo(x + yOffsetW, y - xOffset);
|
|||
|
|
ctx.lineTo(x + xOffsetW, y + yOffset);
|
|||
|
|
ctx.lineTo(x - yOffsetW, y + xOffset);
|
|||
|
|
ctx.closePath();
|
|||
|
|
break;
|
|||
|
|
case 'crossRot':
|
|||
|
|
rad += QUARTER_PI;
|
|||
|
|
/* falls through */ case 'cross':
|
|||
|
|
xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
|
|||
|
|
xOffset = Math.cos(rad) * radius;
|
|||
|
|
yOffset = Math.sin(rad) * radius;
|
|||
|
|
yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
|
|||
|
|
ctx.moveTo(x - xOffsetW, y - yOffset);
|
|||
|
|
ctx.lineTo(x + xOffsetW, y + yOffset);
|
|||
|
|
ctx.moveTo(x + yOffsetW, y - xOffset);
|
|||
|
|
ctx.lineTo(x - yOffsetW, y + xOffset);
|
|||
|
|
break;
|
|||
|
|
case 'star':
|
|||
|
|
xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
|
|||
|
|
xOffset = Math.cos(rad) * radius;
|
|||
|
|
yOffset = Math.sin(rad) * radius;
|
|||
|
|
yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
|
|||
|
|
ctx.moveTo(x - xOffsetW, y - yOffset);
|
|||
|
|
ctx.lineTo(x + xOffsetW, y + yOffset);
|
|||
|
|
ctx.moveTo(x + yOffsetW, y - xOffset);
|
|||
|
|
ctx.lineTo(x - yOffsetW, y + xOffset);
|
|||
|
|
rad += QUARTER_PI;
|
|||
|
|
xOffsetW = Math.cos(rad) * (w ? w / 2 : radius);
|
|||
|
|
xOffset = Math.cos(rad) * radius;
|
|||
|
|
yOffset = Math.sin(rad) * radius;
|
|||
|
|
yOffsetW = Math.sin(rad) * (w ? w / 2 : radius);
|
|||
|
|
ctx.moveTo(x - xOffsetW, y - yOffset);
|
|||
|
|
ctx.lineTo(x + xOffsetW, y + yOffset);
|
|||
|
|
ctx.moveTo(x + yOffsetW, y - xOffset);
|
|||
|
|
ctx.lineTo(x - yOffsetW, y + xOffset);
|
|||
|
|
break;
|
|||
|
|
case 'line':
|
|||
|
|
xOffset = w ? w / 2 : Math.cos(rad) * radius;
|
|||
|
|
yOffset = Math.sin(rad) * radius;
|
|||
|
|
ctx.moveTo(x - xOffset, y - yOffset);
|
|||
|
|
ctx.lineTo(x + xOffset, y + yOffset);
|
|||
|
|
break;
|
|||
|
|
case 'dash':
|
|||
|
|
ctx.moveTo(x, y);
|
|||
|
|
ctx.lineTo(x + Math.cos(rad) * (w ? w / 2 : radius), y + Math.sin(rad) * radius);
|
|||
|
|
break;
|
|||
|
|
case false:
|
|||
|
|
ctx.closePath();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
ctx.fill();
|
|||
|
|
if (options.borderWidth > 0) {
|
|||
|
|
ctx.stroke();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns true if the point is inside the rectangle
|
|||
|
|
* @param point - The point to test
|
|||
|
|
* @param area - The rectangle
|
|||
|
|
* @param margin - allowed margin
|
|||
|
|
* @private
|
|||
|
|
*/ function _isPointInArea(point, area, margin) {
|
|||
|
|
margin = margin || 0.5; // margin - default is to match rounded decimals
|
|||
|
|
return !area || point && point.x > area.left - margin && point.x < area.right + margin && point.y > area.top - margin && point.y < area.bottom + margin;
|
|||
|
|
}
|
|||
|
|
function clipArea(ctx, area) {
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.beginPath();
|
|||
|
|
ctx.rect(area.left, area.top, area.right - area.left, area.bottom - area.top);
|
|||
|
|
ctx.clip();
|
|||
|
|
}
|
|||
|
|
function unclipArea(ctx) {
|
|||
|
|
ctx.restore();
|
|||
|
|
}
|
|||
|
|
function setRenderOpts(ctx, opts) {
|
|||
|
|
if (opts.translation) {
|
|||
|
|
ctx.translate(opts.translation[0], opts.translation[1]);
|
|||
|
|
}
|
|||
|
|
if (!isNullOrUndef(opts.rotation)) {
|
|||
|
|
ctx.rotate(opts.rotation);
|
|||
|
|
}
|
|||
|
|
if (opts.color) {
|
|||
|
|
ctx.fillStyle = opts.color;
|
|||
|
|
}
|
|||
|
|
if (opts.textAlign) {
|
|||
|
|
ctx.textAlign = opts.textAlign;
|
|||
|
|
}
|
|||
|
|
if (opts.textBaseline) {
|
|||
|
|
ctx.textBaseline = opts.textBaseline;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function decorateText(ctx, x, y, line, opts) {
|
|||
|
|
if (opts.strikethrough || opts.underline) {
|
|||
|
|
/**
|
|||
|
|
* Now that IE11 support has been dropped, we can use more
|
|||
|
|
* of the TextMetrics object. The actual bounding boxes
|
|||
|
|
* are unflagged in Chrome, Firefox, Edge, and Safari so they
|
|||
|
|
* can be safely used.
|
|||
|
|
* See https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics#Browser_compatibility
|
|||
|
|
*/ const metrics = ctx.measureText(line);
|
|||
|
|
const left = x - metrics.actualBoundingBoxLeft;
|
|||
|
|
const right = x + metrics.actualBoundingBoxRight;
|
|||
|
|
const top = y - metrics.actualBoundingBoxAscent;
|
|||
|
|
const bottom = y + metrics.actualBoundingBoxDescent;
|
|||
|
|
const yDecoration = opts.strikethrough ? (top + bottom) / 2 : bottom;
|
|||
|
|
ctx.strokeStyle = ctx.fillStyle;
|
|||
|
|
ctx.beginPath();
|
|||
|
|
ctx.lineWidth = opts.decorationWidth || 2;
|
|||
|
|
ctx.moveTo(left, yDecoration);
|
|||
|
|
ctx.lineTo(right, yDecoration);
|
|||
|
|
ctx.stroke();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function drawBackdrop(ctx, opts) {
|
|||
|
|
const oldColor = ctx.fillStyle;
|
|||
|
|
ctx.fillStyle = opts.color;
|
|||
|
|
ctx.fillRect(opts.left, opts.top, opts.width, opts.height);
|
|||
|
|
ctx.fillStyle = oldColor;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Render text onto the canvas
|
|||
|
|
*/ function renderText(ctx, text, x, y, font, opts = {}) {
|
|||
|
|
const lines = isArray(text) ? text : [
|
|||
|
|
text
|
|||
|
|
];
|
|||
|
|
const stroke = opts.strokeWidth > 0 && opts.strokeColor !== '';
|
|||
|
|
let i, line;
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.font = font.string;
|
|||
|
|
setRenderOpts(ctx, opts);
|
|||
|
|
for(i = 0; i < lines.length; ++i){
|
|||
|
|
line = lines[i];
|
|||
|
|
if (opts.backdrop) {
|
|||
|
|
drawBackdrop(ctx, opts.backdrop);
|
|||
|
|
}
|
|||
|
|
if (stroke) {
|
|||
|
|
if (opts.strokeColor) {
|
|||
|
|
ctx.strokeStyle = opts.strokeColor;
|
|||
|
|
}
|
|||
|
|
if (!isNullOrUndef(opts.strokeWidth)) {
|
|||
|
|
ctx.lineWidth = opts.strokeWidth;
|
|||
|
|
}
|
|||
|
|
ctx.strokeText(line, x, y, opts.maxWidth);
|
|||
|
|
}
|
|||
|
|
ctx.fillText(line, x, y, opts.maxWidth);
|
|||
|
|
decorateText(ctx, x, y, line, opts);
|
|||
|
|
y += Number(font.lineHeight);
|
|||
|
|
}
|
|||
|
|
ctx.restore();
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Add a path of a rectangle with rounded corners to the current sub-path
|
|||
|
|
* @param ctx - Context
|
|||
|
|
* @param rect - Bounding rect
|
|||
|
|
*/ function addRoundedRectPath(ctx, rect) {
|
|||
|
|
const { x , y , w , h , radius } = rect;
|
|||
|
|
// top left arc
|
|||
|
|
ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, 1.5 * PI, PI, true);
|
|||
|
|
// line from top left to bottom left
|
|||
|
|
ctx.lineTo(x, y + h - radius.bottomLeft);
|
|||
|
|
// bottom left arc
|
|||
|
|
ctx.arc(x + radius.bottomLeft, y + h - radius.bottomLeft, radius.bottomLeft, PI, HALF_PI, true);
|
|||
|
|
// line from bottom left to bottom right
|
|||
|
|
ctx.lineTo(x + w - radius.bottomRight, y + h);
|
|||
|
|
// bottom right arc
|
|||
|
|
ctx.arc(x + w - radius.bottomRight, y + h - radius.bottomRight, radius.bottomRight, HALF_PI, 0, true);
|
|||
|
|
// line from bottom right to top right
|
|||
|
|
ctx.lineTo(x + w, y + radius.topRight);
|
|||
|
|
// top right arc
|
|||
|
|
ctx.arc(x + w - radius.topRight, y + radius.topRight, radius.topRight, 0, -HALF_PI, true);
|
|||
|
|
// line from top right to top left
|
|||
|
|
ctx.lineTo(x + radius.topLeft, y);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const LINE_HEIGHT = /^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/;
|
|||
|
|
const FONT_STYLE = /^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;
|
|||
|
|
/**
|
|||
|
|
* @alias Chart.helpers.options
|
|||
|
|
* @namespace
|
|||
|
|
*/ /**
|
|||
|
|
* Converts the given line height `value` in pixels for a specific font `size`.
|
|||
|
|
* @param value - The lineHeight to parse (eg. 1.6, '14px', '75%', '1.6em').
|
|||
|
|
* @param size - The font size (in pixels) used to resolve relative `value`.
|
|||
|
|
* @returns The effective line height in pixels (size * 1.2 if value is invalid).
|
|||
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/line-height
|
|||
|
|
* @since 2.7.0
|
|||
|
|
*/ function toLineHeight(value, size) {
|
|||
|
|
const matches = ('' + value).match(LINE_HEIGHT);
|
|||
|
|
if (!matches || matches[1] === 'normal') {
|
|||
|
|
return size * 1.2;
|
|||
|
|
}
|
|||
|
|
value = +matches[2];
|
|||
|
|
switch(matches[3]){
|
|||
|
|
case 'px':
|
|||
|
|
return value;
|
|||
|
|
case '%':
|
|||
|
|
value /= 100;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
return size * value;
|
|||
|
|
}
|
|||
|
|
const numberOrZero = (v)=>+v || 0;
|
|||
|
|
function _readValueToProps(value, props) {
|
|||
|
|
const ret = {};
|
|||
|
|
const objProps = isObject(props);
|
|||
|
|
const keys = objProps ? Object.keys(props) : props;
|
|||
|
|
const read = isObject(value) ? objProps ? (prop)=>valueOrDefault(value[prop], value[props[prop]]) : (prop)=>value[prop] : ()=>value;
|
|||
|
|
for (const prop of keys){
|
|||
|
|
ret[prop] = numberOrZero(read(prop));
|
|||
|
|
}
|
|||
|
|
return ret;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Converts the given value into a TRBL object.
|
|||
|
|
* @param value - If a number, set the value to all TRBL component,
|
|||
|
|
* else, if an object, use defined properties and sets undefined ones to 0.
|
|||
|
|
* x / y are shorthands for same value for left/right and top/bottom.
|
|||
|
|
* @returns The padding values (top, right, bottom, left)
|
|||
|
|
* @since 3.0.0
|
|||
|
|
*/ function toTRBL(value) {
|
|||
|
|
return _readValueToProps(value, {
|
|||
|
|
top: 'y',
|
|||
|
|
right: 'x',
|
|||
|
|
bottom: 'y',
|
|||
|
|
left: 'x'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Converts the given value into a TRBL corners object (similar with css border-radius).
|
|||
|
|
* @param value - If a number, set the value to all TRBL corner components,
|
|||
|
|
* else, if an object, use defined properties and sets undefined ones to 0.
|
|||
|
|
* @returns The TRBL corner values (topLeft, topRight, bottomLeft, bottomRight)
|
|||
|
|
* @since 3.0.0
|
|||
|
|
*/ function toTRBLCorners(value) {
|
|||
|
|
return _readValueToProps(value, [
|
|||
|
|
'topLeft',
|
|||
|
|
'topRight',
|
|||
|
|
'bottomLeft',
|
|||
|
|
'bottomRight'
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Converts the given value into a padding object with pre-computed width/height.
|
|||
|
|
* @param value - If a number, set the value to all TRBL component,
|
|||
|
|
* else, if an object, use defined properties and sets undefined ones to 0.
|
|||
|
|
* x / y are shorthands for same value for left/right and top/bottom.
|
|||
|
|
* @returns The padding values (top, right, bottom, left, width, height)
|
|||
|
|
* @since 2.7.0
|
|||
|
|
*/ function toPadding(value) {
|
|||
|
|
const obj = toTRBL(value);
|
|||
|
|
obj.width = obj.left + obj.right;
|
|||
|
|
obj.height = obj.top + obj.bottom;
|
|||
|
|
return obj;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Parses font options and returns the font object.
|
|||
|
|
* @param options - A object that contains font options to be parsed.
|
|||
|
|
* @param fallback - A object that contains fallback font options.
|
|||
|
|
* @return The font object.
|
|||
|
|
* @private
|
|||
|
|
*/ function toFont(options, fallback) {
|
|||
|
|
options = options || {};
|
|||
|
|
fallback = fallback || defaults.font;
|
|||
|
|
let size = valueOrDefault(options.size, fallback.size);
|
|||
|
|
if (typeof size === 'string') {
|
|||
|
|
size = parseInt(size, 10);
|
|||
|
|
}
|
|||
|
|
let style = valueOrDefault(options.style, fallback.style);
|
|||
|
|
if (style && !('' + style).match(FONT_STYLE)) {
|
|||
|
|
console.warn('Invalid font style specified: "' + style + '"');
|
|||
|
|
style = undefined;
|
|||
|
|
}
|
|||
|
|
const font = {
|
|||
|
|
family: valueOrDefault(options.family, fallback.family),
|
|||
|
|
lineHeight: toLineHeight(valueOrDefault(options.lineHeight, fallback.lineHeight), size),
|
|||
|
|
size,
|
|||
|
|
style,
|
|||
|
|
weight: valueOrDefault(options.weight, fallback.weight),
|
|||
|
|
string: ''
|
|||
|
|
};
|
|||
|
|
font.string = toFontString(font);
|
|||
|
|
return font;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Evaluates the given `inputs` sequentially and returns the first defined value.
|
|||
|
|
* @param inputs - An array of values, falling back to the last value.
|
|||
|
|
* @param context - If defined and the current value is a function, the value
|
|||
|
|
* is called with `context` as first argument and the result becomes the new input.
|
|||
|
|
* @param index - If defined and the current value is an array, the value
|
|||
|
|
* at `index` become the new input.
|
|||
|
|
* @param info - object to return information about resolution in
|
|||
|
|
* @param info.cacheable - Will be set to `false` if option is not cacheable.
|
|||
|
|
* @since 2.7.0
|
|||
|
|
*/ function resolve(inputs, context, index, info) {
|
|||
|
|
let cacheable = true;
|
|||
|
|
let i, ilen, value;
|
|||
|
|
for(i = 0, ilen = inputs.length; i < ilen; ++i){
|
|||
|
|
value = inputs[i];
|
|||
|
|
if (value === undefined) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
if (context !== undefined && typeof value === 'function') {
|
|||
|
|
value = value(context);
|
|||
|
|
cacheable = false;
|
|||
|
|
}
|
|||
|
|
if (index !== undefined && isArray(value)) {
|
|||
|
|
value = value[index % value.length];
|
|||
|
|
cacheable = false;
|
|||
|
|
}
|
|||
|
|
if (value !== undefined) {
|
|||
|
|
if (info && !cacheable) {
|
|||
|
|
info.cacheable = false;
|
|||
|
|
}
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param minmax
|
|||
|
|
* @param grace
|
|||
|
|
* @param beginAtZero
|
|||
|
|
* @private
|
|||
|
|
*/ function _addGrace(minmax, grace, beginAtZero) {
|
|||
|
|
const { min , max } = minmax;
|
|||
|
|
const change = toDimension(grace, (max - min) / 2);
|
|||
|
|
const keepZero = (value, add)=>beginAtZero && value === 0 ? 0 : value + add;
|
|||
|
|
return {
|
|||
|
|
min: keepZero(min, -Math.abs(change)),
|
|||
|
|
max: keepZero(max, change)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function createContext(parentContext, context) {
|
|||
|
|
return Object.assign(Object.create(parentContext), context);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Creates a Proxy for resolving raw values for options.
|
|||
|
|
* @param scopes - The option scopes to look for values, in resolution order
|
|||
|
|
* @param prefixes - The prefixes for values, in resolution order.
|
|||
|
|
* @param rootScopes - The root option scopes
|
|||
|
|
* @param fallback - Parent scopes fallback
|
|||
|
|
* @param getTarget - callback for getting the target for changed values
|
|||
|
|
* @returns Proxy
|
|||
|
|
* @private
|
|||
|
|
*/ function _createResolver(scopes, prefixes = [
|
|||
|
|
''
|
|||
|
|
], rootScopes, fallback, getTarget = ()=>scopes[0]) {
|
|||
|
|
const finalRootScopes = rootScopes || scopes;
|
|||
|
|
if (typeof fallback === 'undefined') {
|
|||
|
|
fallback = _resolve('_fallback', scopes);
|
|||
|
|
}
|
|||
|
|
const cache = {
|
|||
|
|
[Symbol.toStringTag]: 'Object',
|
|||
|
|
_cacheable: true,
|
|||
|
|
_scopes: scopes,
|
|||
|
|
_rootScopes: finalRootScopes,
|
|||
|
|
_fallback: fallback,
|
|||
|
|
_getTarget: getTarget,
|
|||
|
|
override: (scope)=>_createResolver([
|
|||
|
|
scope,
|
|||
|
|
...scopes
|
|||
|
|
], prefixes, finalRootScopes, fallback)
|
|||
|
|
};
|
|||
|
|
return new Proxy(cache, {
|
|||
|
|
/**
|
|||
|
|
* A trap for the delete operator.
|
|||
|
|
*/ deleteProperty (target, prop) {
|
|||
|
|
delete target[prop]; // remove from cache
|
|||
|
|
delete target._keys; // remove cached keys
|
|||
|
|
delete scopes[0][prop]; // remove from top level scope
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for getting property values.
|
|||
|
|
*/ get (target, prop) {
|
|||
|
|
return _cached(target, prop, ()=>_resolveWithPrefixes(prop, prefixes, scopes, target));
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for Object.getOwnPropertyDescriptor.
|
|||
|
|
* Also used by Object.hasOwnProperty.
|
|||
|
|
*/ getOwnPropertyDescriptor (target, prop) {
|
|||
|
|
return Reflect.getOwnPropertyDescriptor(target._scopes[0], prop);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for Object.getPrototypeOf.
|
|||
|
|
*/ getPrototypeOf () {
|
|||
|
|
return Reflect.getPrototypeOf(scopes[0]);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for the in operator.
|
|||
|
|
*/ has (target, prop) {
|
|||
|
|
return getKeysFromAllScopes(target).includes(prop);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for Object.getOwnPropertyNames and Object.getOwnPropertySymbols.
|
|||
|
|
*/ ownKeys (target) {
|
|||
|
|
return getKeysFromAllScopes(target);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for setting property values.
|
|||
|
|
*/ set (target, prop, value) {
|
|||
|
|
const storage = target._storage || (target._storage = getTarget());
|
|||
|
|
target[prop] = storage[prop] = value; // set to top level scope + cache
|
|||
|
|
delete target._keys; // remove cached keys
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Returns an Proxy for resolving option values with context.
|
|||
|
|
* @param proxy - The Proxy returned by `_createResolver`
|
|||
|
|
* @param context - Context object for scriptable/indexable options
|
|||
|
|
* @param subProxy - The proxy provided for scriptable options
|
|||
|
|
* @param descriptorDefaults - Defaults for descriptors
|
|||
|
|
* @private
|
|||
|
|
*/ function _attachContext(proxy, context, subProxy, descriptorDefaults) {
|
|||
|
|
const cache = {
|
|||
|
|
_cacheable: false,
|
|||
|
|
_proxy: proxy,
|
|||
|
|
_context: context,
|
|||
|
|
_subProxy: subProxy,
|
|||
|
|
_stack: new Set(),
|
|||
|
|
_descriptors: _descriptors(proxy, descriptorDefaults),
|
|||
|
|
setContext: (ctx)=>_attachContext(proxy, ctx, subProxy, descriptorDefaults),
|
|||
|
|
override: (scope)=>_attachContext(proxy.override(scope), context, subProxy, descriptorDefaults)
|
|||
|
|
};
|
|||
|
|
return new Proxy(cache, {
|
|||
|
|
/**
|
|||
|
|
* A trap for the delete operator.
|
|||
|
|
*/ deleteProperty (target, prop) {
|
|||
|
|
delete target[prop]; // remove from cache
|
|||
|
|
delete proxy[prop]; // remove from proxy
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for getting property values.
|
|||
|
|
*/ get (target, prop, receiver) {
|
|||
|
|
return _cached(target, prop, ()=>_resolveWithContext(target, prop, receiver));
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for Object.getOwnPropertyDescriptor.
|
|||
|
|
* Also used by Object.hasOwnProperty.
|
|||
|
|
*/ getOwnPropertyDescriptor (target, prop) {
|
|||
|
|
return target._descriptors.allKeys ? Reflect.has(proxy, prop) ? {
|
|||
|
|
enumerable: true,
|
|||
|
|
configurable: true
|
|||
|
|
} : undefined : Reflect.getOwnPropertyDescriptor(proxy, prop);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for Object.getPrototypeOf.
|
|||
|
|
*/ getPrototypeOf () {
|
|||
|
|
return Reflect.getPrototypeOf(proxy);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for the in operator.
|
|||
|
|
*/ has (target, prop) {
|
|||
|
|
return Reflect.has(proxy, prop);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for Object.getOwnPropertyNames and Object.getOwnPropertySymbols.
|
|||
|
|
*/ ownKeys () {
|
|||
|
|
return Reflect.ownKeys(proxy);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* A trap for setting property values.
|
|||
|
|
*/ set (target, prop, value) {
|
|||
|
|
proxy[prop] = value; // set to proxy
|
|||
|
|
delete target[prop]; // remove from cache
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @private
|
|||
|
|
*/ function _descriptors(proxy, defaults = {
|
|||
|
|
scriptable: true,
|
|||
|
|
indexable: true
|
|||
|
|
}) {
|
|||
|
|
const { _scriptable =defaults.scriptable , _indexable =defaults.indexable , _allKeys =defaults.allKeys } = proxy;
|
|||
|
|
return {
|
|||
|
|
allKeys: _allKeys,
|
|||
|
|
scriptable: _scriptable,
|
|||
|
|
indexable: _indexable,
|
|||
|
|
isScriptable: isFunction(_scriptable) ? _scriptable : ()=>_scriptable,
|
|||
|
|
isIndexable: isFunction(_indexable) ? _indexable : ()=>_indexable
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
const readKey = (prefix, name)=>prefix ? prefix + _capitalize(name) : name;
|
|||
|
|
const needsSubResolver = (prop, value)=>isObject(value) && prop !== 'adapters' && (Object.getPrototypeOf(value) === null || value.constructor === Object);
|
|||
|
|
function _cached(target, prop, resolve) {
|
|||
|
|
if (Object.prototype.hasOwnProperty.call(target, prop)) {
|
|||
|
|
return target[prop];
|
|||
|
|
}
|
|||
|
|
const value = resolve();
|
|||
|
|
// cache the resolved value
|
|||
|
|
target[prop] = value;
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
function _resolveWithContext(target, prop, receiver) {
|
|||
|
|
const { _proxy , _context , _subProxy , _descriptors: descriptors } = target;
|
|||
|
|
let value = _proxy[prop]; // resolve from proxy
|
|||
|
|
// resolve with context
|
|||
|
|
if (isFunction(value) && descriptors.isScriptable(prop)) {
|
|||
|
|
value = _resolveScriptable(prop, value, target, receiver);
|
|||
|
|
}
|
|||
|
|
if (isArray(value) && value.length) {
|
|||
|
|
value = _resolveArray(prop, value, target, descriptors.isIndexable);
|
|||
|
|
}
|
|||
|
|
if (needsSubResolver(prop, value)) {
|
|||
|
|
// if the resolved value is an object, create a sub resolver for it
|
|||
|
|
value = _attachContext(value, _context, _subProxy && _subProxy[prop], descriptors);
|
|||
|
|
}
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
function _resolveScriptable(prop, getValue, target, receiver) {
|
|||
|
|
const { _proxy , _context , _subProxy , _stack } = target;
|
|||
|
|
if (_stack.has(prop)) {
|
|||
|
|
throw new Error('Recursion detected: ' + Array.from(_stack).join('->') + '->' + prop);
|
|||
|
|
}
|
|||
|
|
_stack.add(prop);
|
|||
|
|
let value = getValue(_context, _subProxy || receiver);
|
|||
|
|
_stack.delete(prop);
|
|||
|
|
if (needsSubResolver(prop, value)) {
|
|||
|
|
// When scriptable option returns an object, create a resolver on that.
|
|||
|
|
value = createSubResolver(_proxy._scopes, _proxy, prop, value);
|
|||
|
|
}
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
function _resolveArray(prop, value, target, isIndexable) {
|
|||
|
|
const { _proxy , _context , _subProxy , _descriptors: descriptors } = target;
|
|||
|
|
if (typeof _context.index !== 'undefined' && isIndexable(prop)) {
|
|||
|
|
return value[_context.index % value.length];
|
|||
|
|
} else if (isObject(value[0])) {
|
|||
|
|
// Array of objects, return array or resolvers
|
|||
|
|
const arr = value;
|
|||
|
|
const scopes = _proxy._scopes.filter((s)=>s !== arr);
|
|||
|
|
value = [];
|
|||
|
|
for (const item of arr){
|
|||
|
|
const resolver = createSubResolver(scopes, _proxy, prop, item);
|
|||
|
|
value.push(_attachContext(resolver, _context, _subProxy && _subProxy[prop], descriptors));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
function resolveFallback(fallback, prop, value) {
|
|||
|
|
return isFunction(fallback) ? fallback(prop, value) : fallback;
|
|||
|
|
}
|
|||
|
|
const getScope = (key, parent)=>key === true ? parent : typeof key === 'string' ? resolveObjectKey(parent, key) : undefined;
|
|||
|
|
function addScopes(set, parentScopes, key, parentFallback, value) {
|
|||
|
|
for (const parent of parentScopes){
|
|||
|
|
const scope = getScope(key, parent);
|
|||
|
|
if (scope) {
|
|||
|
|
set.add(scope);
|
|||
|
|
const fallback = resolveFallback(scope._fallback, key, value);
|
|||
|
|
if (typeof fallback !== 'undefined' && fallback !== key && fallback !== parentFallback) {
|
|||
|
|
// When we reach the descriptor that defines a new _fallback, return that.
|
|||
|
|
// The fallback will resume to that new scope.
|
|||
|
|
return fallback;
|
|||
|
|
}
|
|||
|
|
} else if (scope === false && typeof parentFallback !== 'undefined' && key !== parentFallback) {
|
|||
|
|
// Fallback to `false` results to `false`, when falling back to different key.
|
|||
|
|
// For example `interaction` from `hover` or `plugins.tooltip` and `animation` from `animations`
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
function createSubResolver(parentScopes, resolver, prop, value) {
|
|||
|
|
const rootScopes = resolver._rootScopes;
|
|||
|
|
const fallback = resolveFallback(resolver._fallback, prop, value);
|
|||
|
|
const allScopes = [
|
|||
|
|
...parentScopes,
|
|||
|
|
...rootScopes
|
|||
|
|
];
|
|||
|
|
const set = new Set();
|
|||
|
|
set.add(value);
|
|||
|
|
let key = addScopesFromKey(set, allScopes, prop, fallback || prop, value);
|
|||
|
|
if (key === null) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (typeof fallback !== 'undefined' && fallback !== prop) {
|
|||
|
|
key = addScopesFromKey(set, allScopes, fallback, key, value);
|
|||
|
|
if (key === null) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return _createResolver(Array.from(set), [
|
|||
|
|
''
|
|||
|
|
], rootScopes, fallback, ()=>subGetTarget(resolver, prop, value));
|
|||
|
|
}
|
|||
|
|
function addScopesFromKey(set, allScopes, key, fallback, item) {
|
|||
|
|
while(key){
|
|||
|
|
key = addScopes(set, allScopes, key, fallback, item);
|
|||
|
|
}
|
|||
|
|
return key;
|
|||
|
|
}
|
|||
|
|
function subGetTarget(resolver, prop, value) {
|
|||
|
|
const parent = resolver._getTarget();
|
|||
|
|
if (!(prop in parent)) {
|
|||
|
|
parent[prop] = {};
|
|||
|
|
}
|
|||
|
|
const target = parent[prop];
|
|||
|
|
if (isArray(target) && isObject(value)) {
|
|||
|
|
// For array of objects, the object is used to store updated values
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
return target || {};
|
|||
|
|
}
|
|||
|
|
function _resolveWithPrefixes(prop, prefixes, scopes, proxy) {
|
|||
|
|
let value;
|
|||
|
|
for (const prefix of prefixes){
|
|||
|
|
value = _resolve(readKey(prefix, prop), scopes);
|
|||
|
|
if (typeof value !== 'undefined') {
|
|||
|
|
return needsSubResolver(prop, value) ? createSubResolver(scopes, proxy, prop, value) : value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function _resolve(key, scopes) {
|
|||
|
|
for (const scope of scopes){
|
|||
|
|
if (!scope) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
const value = scope[key];
|
|||
|
|
if (typeof value !== 'undefined') {
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function getKeysFromAllScopes(target) {
|
|||
|
|
let keys = target._keys;
|
|||
|
|
if (!keys) {
|
|||
|
|
keys = target._keys = resolveKeysFromAllScopes(target._scopes);
|
|||
|
|
}
|
|||
|
|
return keys;
|
|||
|
|
}
|
|||
|
|
function resolveKeysFromAllScopes(scopes) {
|
|||
|
|
const set = new Set();
|
|||
|
|
for (const scope of scopes){
|
|||
|
|
for (const key of Object.keys(scope).filter((k)=>!k.startsWith('_'))){
|
|||
|
|
set.add(key);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return Array.from(set);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Note: typedefs are auto-exported, so use a made-up `dom` namespace where
|
|||
|
|
* necessary to avoid duplicates with `export * from './helpers`; see
|
|||
|
|
* https://github.com/microsoft/TypeScript/issues/46011
|
|||
|
|
* @typedef { import('../core/core.controller.js').default } dom.Chart
|
|||
|
|
* @typedef { import('../../types').ChartEvent } ChartEvent
|
|||
|
|
*/ /**
|
|||
|
|
* @private
|
|||
|
|
*/ function _isDomSupported() {
|
|||
|
|
return typeof window !== 'undefined' && typeof document !== 'undefined';
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @private
|
|||
|
|
*/ function _getParentNode(domNode) {
|
|||
|
|
let parent = domNode.parentNode;
|
|||
|
|
if (parent && parent.toString() === '[object ShadowRoot]') {
|
|||
|
|
parent = parent.host;
|
|||
|
|
}
|
|||
|
|
return parent;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* convert max-width/max-height values that may be percentages into a number
|
|||
|
|
* @private
|
|||
|
|
*/ function parseMaxStyle(styleValue, node, parentProperty) {
|
|||
|
|
let valueInPixels;
|
|||
|
|
if (typeof styleValue === 'string') {
|
|||
|
|
valueInPixels = parseInt(styleValue, 10);
|
|||
|
|
if (styleValue.indexOf('%') !== -1) {
|
|||
|
|
// percentage * size in dimension
|
|||
|
|
valueInPixels = valueInPixels / 100 * node.parentNode[parentProperty];
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
valueInPixels = styleValue;
|
|||
|
|
}
|
|||
|
|
return valueInPixels;
|
|||
|
|
}
|
|||
|
|
const getComputedStyle = (element)=>element.ownerDocument.defaultView.getComputedStyle(element, null);
|
|||
|
|
function getStyle(el, property) {
|
|||
|
|
return getComputedStyle(el).getPropertyValue(property);
|
|||
|
|
}
|
|||
|
|
const positions = [
|
|||
|
|
'top',
|
|||
|
|
'right',
|
|||
|
|
'bottom',
|
|||
|
|
'left'
|
|||
|
|
];
|
|||
|
|
function getPositionedStyle(styles, style, suffix) {
|
|||
|
|
const result = {};
|
|||
|
|
suffix = suffix ? '-' + suffix : '';
|
|||
|
|
for(let i = 0; i < 4; i++){
|
|||
|
|
const pos = positions[i];
|
|||
|
|
result[pos] = parseFloat(styles[style + '-' + pos + suffix]) || 0;
|
|||
|
|
}
|
|||
|
|
result.width = result.left + result.right;
|
|||
|
|
result.height = result.top + result.bottom;
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
const useOffsetPos = (x, y, target)=>(x > 0 || y > 0) && (!target || !target.shadowRoot);
|
|||
|
|
/**
|
|||
|
|
* @param e
|
|||
|
|
* @param canvas
|
|||
|
|
* @returns Canvas position
|
|||
|
|
*/ function getCanvasPosition(e, canvas) {
|
|||
|
|
const touches = e.touches;
|
|||
|
|
const source = touches && touches.length ? touches[0] : e;
|
|||
|
|
const { offsetX , offsetY } = source;
|
|||
|
|
let box = false;
|
|||
|
|
let x, y;
|
|||
|
|
if (useOffsetPos(offsetX, offsetY, e.target)) {
|
|||
|
|
x = offsetX;
|
|||
|
|
y = offsetY;
|
|||
|
|
} else {
|
|||
|
|
const rect = canvas.getBoundingClientRect();
|
|||
|
|
x = source.clientX - rect.left;
|
|||
|
|
y = source.clientY - rect.top;
|
|||
|
|
box = true;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
x,
|
|||
|
|
y,
|
|||
|
|
box
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Gets an event's x, y coordinates, relative to the chart area
|
|||
|
|
* @param event
|
|||
|
|
* @param chart
|
|||
|
|
* @returns x and y coordinates of the event
|
|||
|
|
*/ function getRelativePosition(event, chart) {
|
|||
|
|
if ('native' in event) {
|
|||
|
|
return event;
|
|||
|
|
}
|
|||
|
|
const { canvas , currentDevicePixelRatio } = chart;
|
|||
|
|
const style = getComputedStyle(canvas);
|
|||
|
|
const borderBox = style.boxSizing === 'border-box';
|
|||
|
|
const paddings = getPositionedStyle(style, 'padding');
|
|||
|
|
const borders = getPositionedStyle(style, 'border', 'width');
|
|||
|
|
const { x , y , box } = getCanvasPosition(event, canvas);
|
|||
|
|
const xOffset = paddings.left + (box && borders.left);
|
|||
|
|
const yOffset = paddings.top + (box && borders.top);
|
|||
|
|
let { width , height } = chart;
|
|||
|
|
if (borderBox) {
|
|||
|
|
width -= paddings.width + borders.width;
|
|||
|
|
height -= paddings.height + borders.height;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
x: Math.round((x - xOffset) / width * canvas.width / currentDevicePixelRatio),
|
|||
|
|
y: Math.round((y - yOffset) / height * canvas.height / currentDevicePixelRatio)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getContainerSize(canvas, width, height) {
|
|||
|
|
let maxWidth, maxHeight;
|
|||
|
|
if (width === undefined || height === undefined) {
|
|||
|
|
const container = _getParentNode(canvas);
|
|||
|
|
if (!container) {
|
|||
|
|
width = canvas.clientWidth;
|
|||
|
|
height = canvas.clientHeight;
|
|||
|
|
} else {
|
|||
|
|
const rect = container.getBoundingClientRect(); // this is the border box of the container
|
|||
|
|
const containerStyle = getComputedStyle(container);
|
|||
|
|
const containerBorder = getPositionedStyle(containerStyle, 'border', 'width');
|
|||
|
|
const containerPadding = getPositionedStyle(containerStyle, 'padding');
|
|||
|
|
width = rect.width - containerPadding.width - containerBorder.width;
|
|||
|
|
height = rect.height - containerPadding.height - containerBorder.height;
|
|||
|
|
maxWidth = parseMaxStyle(containerStyle.maxWidth, container, 'clientWidth');
|
|||
|
|
maxHeight = parseMaxStyle(containerStyle.maxHeight, container, 'clientHeight');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
width,
|
|||
|
|
height,
|
|||
|
|
maxWidth: maxWidth || INFINITY,
|
|||
|
|
maxHeight: maxHeight || INFINITY
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
const round1 = (v)=>Math.round(v * 10) / 10;
|
|||
|
|
// eslint-disable-next-line complexity
|
|||
|
|
function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
|
|||
|
|
const style = getComputedStyle(canvas);
|
|||
|
|
const margins = getPositionedStyle(style, 'margin');
|
|||
|
|
const maxWidth = parseMaxStyle(style.maxWidth, canvas, 'clientWidth') || INFINITY;
|
|||
|
|
const maxHeight = parseMaxStyle(style.maxHeight, canvas, 'clientHeight') || INFINITY;
|
|||
|
|
const containerSize = getContainerSize(canvas, bbWidth, bbHeight);
|
|||
|
|
let { width , height } = containerSize;
|
|||
|
|
if (style.boxSizing === 'content-box') {
|
|||
|
|
const borders = getPositionedStyle(style, 'border', 'width');
|
|||
|
|
const paddings = getPositionedStyle(style, 'padding');
|
|||
|
|
width -= paddings.width + borders.width;
|
|||
|
|
height -= paddings.height + borders.height;
|
|||
|
|
}
|
|||
|
|
width = Math.max(0, width - margins.width);
|
|||
|
|
height = Math.max(0, aspectRatio ? width / aspectRatio : height - margins.height);
|
|||
|
|
width = round1(Math.min(width, maxWidth, containerSize.maxWidth));
|
|||
|
|
height = round1(Math.min(height, maxHeight, containerSize.maxHeight));
|
|||
|
|
if (width && !height) {
|
|||
|
|
// https://github.com/chartjs/Chart.js/issues/4659
|
|||
|
|
// If the canvas has width, but no height, default to aspectRatio of 2 (canvas default)
|
|||
|
|
height = round1(width / 2);
|
|||
|
|
}
|
|||
|
|
const maintainHeight = bbWidth !== undefined || bbHeight !== undefined;
|
|||
|
|
if (maintainHeight && aspectRatio && containerSize.height && height > containerSize.height) {
|
|||
|
|
height = containerSize.height;
|
|||
|
|
width = round1(Math.floor(height * aspectRatio));
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
width,
|
|||
|
|
height
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param chart
|
|||
|
|
* @param forceRatio
|
|||
|
|
* @param forceStyle
|
|||
|
|
* @returns True if the canvas context size or transformation has changed.
|
|||
|
|
*/ function retinaScale(chart, forceRatio, forceStyle) {
|
|||
|
|
const pixelRatio = forceRatio || 1;
|
|||
|
|
const deviceHeight = Math.floor(chart.height * pixelRatio);
|
|||
|
|
const deviceWidth = Math.floor(chart.width * pixelRatio);
|
|||
|
|
chart.height = Math.floor(chart.height);
|
|||
|
|
chart.width = Math.floor(chart.width);
|
|||
|
|
const canvas = chart.canvas;
|
|||
|
|
// If no style has been set on the canvas, the render size is used as display size,
|
|||
|
|
// making the chart visually bigger, so let's enforce it to the "correct" values.
|
|||
|
|
// See https://github.com/chartjs/Chart.js/issues/3575
|
|||
|
|
if (canvas.style && (forceStyle || !canvas.style.height && !canvas.style.width)) {
|
|||
|
|
canvas.style.height = `${chart.height}px`;
|
|||
|
|
canvas.style.width = `${chart.width}px`;
|
|||
|
|
}
|
|||
|
|
if (chart.currentDevicePixelRatio !== pixelRatio || canvas.height !== deviceHeight || canvas.width !== deviceWidth) {
|
|||
|
|
chart.currentDevicePixelRatio = pixelRatio;
|
|||
|
|
canvas.height = deviceHeight;
|
|||
|
|
canvas.width = deviceWidth;
|
|||
|
|
chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Detects support for options object argument in addEventListener.
|
|||
|
|
* https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support
|
|||
|
|
* @private
|
|||
|
|
*/ const supportsEventListenerOptions = function() {
|
|||
|
|
let passiveSupported = false;
|
|||
|
|
try {
|
|||
|
|
const options = {
|
|||
|
|
get passive () {
|
|||
|
|
passiveSupported = true;
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
if (_isDomSupported()) {
|
|||
|
|
window.addEventListener('test', null, options);
|
|||
|
|
window.removeEventListener('test', null, options);
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
// continue regardless of error
|
|||
|
|
}
|
|||
|
|
return passiveSupported;
|
|||
|
|
}();
|
|||
|
|
/**
|
|||
|
|
* The "used" size is the final value of a dimension property after all calculations have
|
|||
|
|
* been performed. This method uses the computed style of `element` but returns undefined
|
|||
|
|
* if the computed style is not expressed in pixels. That can happen in some cases where
|
|||
|
|
* `element` has a size relative to its parent and this last one is not yet displayed,
|
|||
|
|
* for example because of `display: none` on a parent node.
|
|||
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
|
|||
|
|
* @returns Size in pixels or undefined if unknown.
|
|||
|
|
*/ function readUsedSize(element, property) {
|
|||
|
|
const value = getStyle(element, property);
|
|||
|
|
const matches = value && value.match(/^(\d+)(\.\d+)?px$/);
|
|||
|
|
return matches ? +matches[1] : undefined;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const getRightToLeftAdapter = function(rectX, width) {
|
|||
|
|
return {
|
|||
|
|
x (x) {
|
|||
|
|
return rectX + rectX + width - x;
|
|||
|
|
},
|
|||
|
|
setWidth (w) {
|
|||
|
|
width = w;
|
|||
|
|
},
|
|||
|
|
textAlign (align) {
|
|||
|
|
if (align === 'center') {
|
|||
|
|
return align;
|
|||
|
|
}
|
|||
|
|
return align === 'right' ? 'left' : 'right';
|
|||
|
|
},
|
|||
|
|
xPlus (x, value) {
|
|||
|
|
return x - value;
|
|||
|
|
},
|
|||
|
|
leftForLtr (x, itemWidth) {
|
|||
|
|
return x - itemWidth;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
const getLeftToRightAdapter = function() {
|
|||
|
|
return {
|
|||
|
|
x (x) {
|
|||
|
|
return x;
|
|||
|
|
},
|
|||
|
|
setWidth (w) {},
|
|||
|
|
textAlign (align) {
|
|||
|
|
return align;
|
|||
|
|
},
|
|||
|
|
xPlus (x, value) {
|
|||
|
|
return x + value;
|
|||
|
|
},
|
|||
|
|
leftForLtr (x, _itemWidth) {
|
|||
|
|
return x;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
function getRtlAdapter(rtl, rectX, width) {
|
|||
|
|
return rtl ? getRightToLeftAdapter(rectX, width) : getLeftToRightAdapter();
|
|||
|
|
}
|
|||
|
|
function overrideTextDirection(ctx, direction) {
|
|||
|
|
let style, original;
|
|||
|
|
if (direction === 'ltr' || direction === 'rtl') {
|
|||
|
|
style = ctx.canvas.style;
|
|||
|
|
original = [
|
|||
|
|
style.getPropertyValue('direction'),
|
|||
|
|
style.getPropertyPriority('direction')
|
|||
|
|
];
|
|||
|
|
style.setProperty('direction', direction, 'important');
|
|||
|
|
ctx.prevTextDirection = original;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function restoreTextDirection(ctx, original) {
|
|||
|
|
if (original !== undefined) {
|
|||
|
|
delete ctx.prevTextDirection;
|
|||
|
|
ctx.canvas.style.setProperty('direction', original[0], original[1]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*!
|
|||
|
|
* Chart.js v4.4.1
|
|||
|
|
* https://www.chartjs.org
|
|||
|
|
* (c) 2023 Chart.js Contributors
|
|||
|
|
* Released under the MIT License
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
class Animator {
|
|||
|
|
constructor(){
|
|||
|
|
this._request = null;
|
|||
|
|
this._charts = new Map();
|
|||
|
|
this._running = false;
|
|||
|
|
this._lastDate = undefined;
|
|||
|
|
}
|
|||
|
|
_notify(chart, anims, date, type) {
|
|||
|
|
const callbacks = anims.listeners[type];
|
|||
|
|
const numSteps = anims.duration;
|
|||
|
|
callbacks.forEach((fn)=>fn({
|
|||
|
|
chart,
|
|||
|
|
initial: anims.initial,
|
|||
|
|
numSteps,
|
|||
|
|
currentStep: Math.min(date - anims.start, numSteps)
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
_refresh() {
|
|||
|
|
if (this._request) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this._running = true;
|
|||
|
|
this._request = requestAnimFrame.call(window, ()=>{
|
|||
|
|
this._update();
|
|||
|
|
this._request = null;
|
|||
|
|
if (this._running) {
|
|||
|
|
this._refresh();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
_update(date = Date.now()) {
|
|||
|
|
let remaining = 0;
|
|||
|
|
this._charts.forEach((anims, chart)=>{
|
|||
|
|
if (!anims.running || !anims.items.length) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const items = anims.items;
|
|||
|
|
let i = items.length - 1;
|
|||
|
|
let draw = false;
|
|||
|
|
let item;
|
|||
|
|
for(; i >= 0; --i){
|
|||
|
|
item = items[i];
|
|||
|
|
if (item._active) {
|
|||
|
|
if (item._total > anims.duration) {
|
|||
|
|
anims.duration = item._total;
|
|||
|
|
}
|
|||
|
|
item.tick(date);
|
|||
|
|
draw = true;
|
|||
|
|
} else {
|
|||
|
|
items[i] = items[items.length - 1];
|
|||
|
|
items.pop();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (draw) {
|
|||
|
|
chart.draw();
|
|||
|
|
this._notify(chart, anims, date, 'progress');
|
|||
|
|
}
|
|||
|
|
if (!items.length) {
|
|||
|
|
anims.running = false;
|
|||
|
|
this._notify(chart, anims, date, 'complete');
|
|||
|
|
anims.initial = false;
|
|||
|
|
}
|
|||
|
|
remaining += items.length;
|
|||
|
|
});
|
|||
|
|
this._lastDate = date;
|
|||
|
|
if (remaining === 0) {
|
|||
|
|
this._running = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_getAnims(chart) {
|
|||
|
|
const charts = this._charts;
|
|||
|
|
let anims = charts.get(chart);
|
|||
|
|
if (!anims) {
|
|||
|
|
anims = {
|
|||
|
|
running: false,
|
|||
|
|
initial: true,
|
|||
|
|
items: [],
|
|||
|
|
listeners: {
|
|||
|
|
complete: [],
|
|||
|
|
progress: []
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
charts.set(chart, anims);
|
|||
|
|
}
|
|||
|
|
return anims;
|
|||
|
|
}
|
|||
|
|
listen(chart, event, cb) {
|
|||
|
|
this._getAnims(chart).listeners[event].push(cb);
|
|||
|
|
}
|
|||
|
|
add(chart, items) {
|
|||
|
|
if (!items || !items.length) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this._getAnims(chart).items.push(...items);
|
|||
|
|
}
|
|||
|
|
has(chart) {
|
|||
|
|
return this._getAnims(chart).items.length > 0;
|
|||
|
|
}
|
|||
|
|
start(chart) {
|
|||
|
|
const anims = this._charts.get(chart);
|
|||
|
|
if (!anims) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
anims.running = true;
|
|||
|
|
anims.start = Date.now();
|
|||
|
|
anims.duration = anims.items.reduce((acc, cur)=>Math.max(acc, cur._duration), 0);
|
|||
|
|
this._refresh();
|
|||
|
|
}
|
|||
|
|
running(chart) {
|
|||
|
|
if (!this._running) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
const anims = this._charts.get(chart);
|
|||
|
|
if (!anims || !anims.running || !anims.items.length) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
stop(chart) {
|
|||
|
|
const anims = this._charts.get(chart);
|
|||
|
|
if (!anims || !anims.items.length) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const items = anims.items;
|
|||
|
|
let i = items.length - 1;
|
|||
|
|
for(; i >= 0; --i){
|
|||
|
|
items[i].cancel();
|
|||
|
|
}
|
|||
|
|
anims.items = [];
|
|||
|
|
this._notify(chart, anims, Date.now(), 'complete');
|
|||
|
|
}
|
|||
|
|
remove(chart) {
|
|||
|
|
return this._charts.delete(chart);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var animator = /* #__PURE__ */ new Animator();
|
|||
|
|
|
|||
|
|
const transparent = 'transparent';
|
|||
|
|
const interpolators = {
|
|||
|
|
boolean (from, to, factor) {
|
|||
|
|
return factor > 0.5 ? to : from;
|
|||
|
|
},
|
|||
|
|
color (from, to, factor) {
|
|||
|
|
const c0 = color(from || transparent);
|
|||
|
|
const c1 = c0.valid && color(to || transparent);
|
|||
|
|
return c1 && c1.valid ? c1.mix(c0, factor).hexString() : to;
|
|||
|
|
},
|
|||
|
|
number (from, to, factor) {
|
|||
|
|
return from + (to - from) * factor;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
class Animation {
|
|||
|
|
constructor(cfg, target, prop, to){
|
|||
|
|
const currentValue = target[prop];
|
|||
|
|
to = resolve([
|
|||
|
|
cfg.to,
|
|||
|
|
to,
|
|||
|
|
currentValue,
|
|||
|
|
cfg.from
|
|||
|
|
]);
|
|||
|
|
const from = resolve([
|
|||
|
|
cfg.from,
|
|||
|
|
currentValue,
|
|||
|
|
to
|
|||
|
|
]);
|
|||
|
|
this._active = true;
|
|||
|
|
this._fn = cfg.fn || interpolators[cfg.type || typeof from];
|
|||
|
|
this._easing = effects[cfg.easing] || effects.linear;
|
|||
|
|
this._start = Math.floor(Date.now() + (cfg.delay || 0));
|
|||
|
|
this._duration = this._total = Math.floor(cfg.duration);
|
|||
|
|
this._loop = !!cfg.loop;
|
|||
|
|
this._target = target;
|
|||
|
|
this._prop = prop;
|
|||
|
|
this._from = from;
|
|||
|
|
this._to = to;
|
|||
|
|
this._promises = undefined;
|
|||
|
|
}
|
|||
|
|
active() {
|
|||
|
|
return this._active;
|
|||
|
|
}
|
|||
|
|
update(cfg, to, date) {
|
|||
|
|
if (this._active) {
|
|||
|
|
this._notify(false);
|
|||
|
|
const currentValue = this._target[this._prop];
|
|||
|
|
const elapsed = date - this._start;
|
|||
|
|
const remain = this._duration - elapsed;
|
|||
|
|
this._start = date;
|
|||
|
|
this._duration = Math.floor(Math.max(remain, cfg.duration));
|
|||
|
|
this._total += elapsed;
|
|||
|
|
this._loop = !!cfg.loop;
|
|||
|
|
this._to = resolve([
|
|||
|
|
cfg.to,
|
|||
|
|
to,
|
|||
|
|
currentValue,
|
|||
|
|
cfg.from
|
|||
|
|
]);
|
|||
|
|
this._from = resolve([
|
|||
|
|
cfg.from,
|
|||
|
|
currentValue,
|
|||
|
|
to
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
cancel() {
|
|||
|
|
if (this._active) {
|
|||
|
|
this.tick(Date.now());
|
|||
|
|
this._active = false;
|
|||
|
|
this._notify(false);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
tick(date) {
|
|||
|
|
const elapsed = date - this._start;
|
|||
|
|
const duration = this._duration;
|
|||
|
|
const prop = this._prop;
|
|||
|
|
const from = this._from;
|
|||
|
|
const loop = this._loop;
|
|||
|
|
const to = this._to;
|
|||
|
|
let factor;
|
|||
|
|
this._active = from !== to && (loop || elapsed < duration);
|
|||
|
|
if (!this._active) {
|
|||
|
|
this._target[prop] = to;
|
|||
|
|
this._notify(true);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (elapsed < 0) {
|
|||
|
|
this._target[prop] = from;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
factor = elapsed / duration % 2;
|
|||
|
|
factor = loop && factor > 1 ? 2 - factor : factor;
|
|||
|
|
factor = this._easing(Math.min(1, Math.max(0, factor)));
|
|||
|
|
this._target[prop] = this._fn(from, to, factor);
|
|||
|
|
}
|
|||
|
|
wait() {
|
|||
|
|
const promises = this._promises || (this._promises = []);
|
|||
|
|
return new Promise((res, rej)=>{
|
|||
|
|
promises.push({
|
|||
|
|
res,
|
|||
|
|
rej
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
_notify(resolved) {
|
|||
|
|
const method = resolved ? 'res' : 'rej';
|
|||
|
|
const promises = this._promises || [];
|
|||
|
|
for(let i = 0; i < promises.length; i++){
|
|||
|
|
promises[i][method]();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class Animations {
|
|||
|
|
constructor(chart, config){
|
|||
|
|
this._chart = chart;
|
|||
|
|
this._properties = new Map();
|
|||
|
|
this.configure(config);
|
|||
|
|
}
|
|||
|
|
configure(config) {
|
|||
|
|
if (!isObject(config)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const animationOptions = Object.keys(defaults.animation);
|
|||
|
|
const animatedProps = this._properties;
|
|||
|
|
Object.getOwnPropertyNames(config).forEach((key)=>{
|
|||
|
|
const cfg = config[key];
|
|||
|
|
if (!isObject(cfg)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const resolved = {};
|
|||
|
|
for (const option of animationOptions){
|
|||
|
|
resolved[option] = cfg[option];
|
|||
|
|
}
|
|||
|
|
(isArray(cfg.properties) && cfg.properties || [
|
|||
|
|
key
|
|||
|
|
]).forEach((prop)=>{
|
|||
|
|
if (prop === key || !animatedProps.has(prop)) {
|
|||
|
|
animatedProps.set(prop, resolved);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
_animateOptions(target, values) {
|
|||
|
|
const newOptions = values.options;
|
|||
|
|
const options = resolveTargetOptions(target, newOptions);
|
|||
|
|
if (!options) {
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
const animations = this._createAnimations(options, newOptions);
|
|||
|
|
if (newOptions.$shared) {
|
|||
|
|
awaitAll(target.options.$animations, newOptions).then(()=>{
|
|||
|
|
target.options = newOptions;
|
|||
|
|
}, ()=>{
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return animations;
|
|||
|
|
}
|
|||
|
|
_createAnimations(target, values) {
|
|||
|
|
const animatedProps = this._properties;
|
|||
|
|
const animations = [];
|
|||
|
|
const running = target.$animations || (target.$animations = {});
|
|||
|
|
const props = Object.keys(values);
|
|||
|
|
const date = Date.now();
|
|||
|
|
let i;
|
|||
|
|
for(i = props.length - 1; i >= 0; --i){
|
|||
|
|
const prop = props[i];
|
|||
|
|
if (prop.charAt(0) === '$') {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
if (prop === 'options') {
|
|||
|
|
animations.push(...this._animateOptions(target, values));
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
const value = values[prop];
|
|||
|
|
let animation = running[prop];
|
|||
|
|
const cfg = animatedProps.get(prop);
|
|||
|
|
if (animation) {
|
|||
|
|
if (cfg && animation.active()) {
|
|||
|
|
animation.update(cfg, value, date);
|
|||
|
|
continue;
|
|||
|
|
} else {
|
|||
|
|
animation.cancel();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!cfg || !cfg.duration) {
|
|||
|
|
target[prop] = value;
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
running[prop] = animation = new Animation(cfg, target, prop, value);
|
|||
|
|
animations.push(animation);
|
|||
|
|
}
|
|||
|
|
return animations;
|
|||
|
|
}
|
|||
|
|
update(target, values) {
|
|||
|
|
if (this._properties.size === 0) {
|
|||
|
|
Object.assign(target, values);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const animations = this._createAnimations(target, values);
|
|||
|
|
if (animations.length) {
|
|||
|
|
animator.add(this._chart, animations);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function awaitAll(animations, properties) {
|
|||
|
|
const running = [];
|
|||
|
|
const keys = Object.keys(properties);
|
|||
|
|
for(let i = 0; i < keys.length; i++){
|
|||
|
|
const anim = animations[keys[i]];
|
|||
|
|
if (anim && anim.active()) {
|
|||
|
|
running.push(anim.wait());
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return Promise.all(running);
|
|||
|
|
}
|
|||
|
|
function resolveTargetOptions(target, newOptions) {
|
|||
|
|
if (!newOptions) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
let options = target.options;
|
|||
|
|
if (!options) {
|
|||
|
|
target.options = newOptions;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (options.$shared) {
|
|||
|
|
target.options = options = Object.assign({}, options, {
|
|||
|
|
$shared: false,
|
|||
|
|
$animations: {}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return options;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function scaleClip(scale, allowedOverflow) {
|
|||
|
|
const opts = scale && scale.options || {};
|
|||
|
|
const reverse = opts.reverse;
|
|||
|
|
const min = opts.min === undefined ? allowedOverflow : 0;
|
|||
|
|
const max = opts.max === undefined ? allowedOverflow : 0;
|
|||
|
|
return {
|
|||
|
|
start: reverse ? max : min,
|
|||
|
|
end: reverse ? min : max
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function defaultClip(xScale, yScale, allowedOverflow) {
|
|||
|
|
if (allowedOverflow === false) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
const x = scaleClip(xScale, allowedOverflow);
|
|||
|
|
const y = scaleClip(yScale, allowedOverflow);
|
|||
|
|
return {
|
|||
|
|
top: y.end,
|
|||
|
|
right: x.end,
|
|||
|
|
bottom: y.start,
|
|||
|
|
left: x.start
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function toClip(value) {
|
|||
|
|
let t, r, b, l;
|
|||
|
|
if (isObject(value)) {
|
|||
|
|
t = value.top;
|
|||
|
|
r = value.right;
|
|||
|
|
b = value.bottom;
|
|||
|
|
l = value.left;
|
|||
|
|
} else {
|
|||
|
|
t = r = b = l = value;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
top: t,
|
|||
|
|
right: r,
|
|||
|
|
bottom: b,
|
|||
|
|
left: l,
|
|||
|
|
disabled: value === false
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getSortedDatasetIndices(chart, filterVisible) {
|
|||
|
|
const keys = [];
|
|||
|
|
const metasets = chart._getSortedDatasetMetas(filterVisible);
|
|||
|
|
let i, ilen;
|
|||
|
|
for(i = 0, ilen = metasets.length; i < ilen; ++i){
|
|||
|
|
keys.push(metasets[i].index);
|
|||
|
|
}
|
|||
|
|
return keys;
|
|||
|
|
}
|
|||
|
|
function applyStack(stack, value, dsIndex, options = {}) {
|
|||
|
|
const keys = stack.keys;
|
|||
|
|
const singleMode = options.mode === 'single';
|
|||
|
|
let i, ilen, datasetIndex, otherValue;
|
|||
|
|
if (value === null) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
for(i = 0, ilen = keys.length; i < ilen; ++i){
|
|||
|
|
datasetIndex = +keys[i];
|
|||
|
|
if (datasetIndex === dsIndex) {
|
|||
|
|
if (options.all) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
otherValue = stack.values[datasetIndex];
|
|||
|
|
if (isNumberFinite(otherValue) && (singleMode || value === 0 || sign(value) === sign(otherValue))) {
|
|||
|
|
value += otherValue;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
function convertObjectDataToArray(data) {
|
|||
|
|
const keys = Object.keys(data);
|
|||
|
|
const adata = new Array(keys.length);
|
|||
|
|
let i, ilen, key;
|
|||
|
|
for(i = 0, ilen = keys.length; i < ilen; ++i){
|
|||
|
|
key = keys[i];
|
|||
|
|
adata[i] = {
|
|||
|
|
x: key,
|
|||
|
|
y: data[key]
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return adata;
|
|||
|
|
}
|
|||
|
|
function isStacked(scale, meta) {
|
|||
|
|
const stacked = scale && scale.options.stacked;
|
|||
|
|
return stacked || stacked === undefined && meta.stack !== undefined;
|
|||
|
|
}
|
|||
|
|
function getStackKey(indexScale, valueScale, meta) {
|
|||
|
|
return `${indexScale.id}.${valueScale.id}.${meta.stack || meta.type}`;
|
|||
|
|
}
|
|||
|
|
function getUserBounds(scale) {
|
|||
|
|
const { min , max , minDefined , maxDefined } = scale.getUserBounds();
|
|||
|
|
return {
|
|||
|
|
min: minDefined ? min : Number.NEGATIVE_INFINITY,
|
|||
|
|
max: maxDefined ? max : Number.POSITIVE_INFINITY
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getOrCreateStack(stacks, stackKey, indexValue) {
|
|||
|
|
const subStack = stacks[stackKey] || (stacks[stackKey] = {});
|
|||
|
|
return subStack[indexValue] || (subStack[indexValue] = {});
|
|||
|
|
}
|
|||
|
|
function getLastIndexInStack(stack, vScale, positive, type) {
|
|||
|
|
for (const meta of vScale.getMatchingVisibleMetas(type).reverse()){
|
|||
|
|
const value = stack[meta.index];
|
|||
|
|
if (positive && value > 0 || !positive && value < 0) {
|
|||
|
|
return meta.index;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
function updateStacks(controller, parsed) {
|
|||
|
|
const { chart , _cachedMeta: meta } = controller;
|
|||
|
|
const stacks = chart._stacks || (chart._stacks = {});
|
|||
|
|
const { iScale , vScale , index: datasetIndex } = meta;
|
|||
|
|
const iAxis = iScale.axis;
|
|||
|
|
const vAxis = vScale.axis;
|
|||
|
|
const key = getStackKey(iScale, vScale, meta);
|
|||
|
|
const ilen = parsed.length;
|
|||
|
|
let stack;
|
|||
|
|
for(let i = 0; i < ilen; ++i){
|
|||
|
|
const item = parsed[i];
|
|||
|
|
const { [iAxis]: index , [vAxis]: value } = item;
|
|||
|
|
const itemStacks = item._stacks || (item._stacks = {});
|
|||
|
|
stack = itemStacks[vAxis] = getOrCreateStack(stacks, key, index);
|
|||
|
|
stack[datasetIndex] = value;
|
|||
|
|
stack._top = getLastIndexInStack(stack, vScale, true, meta.type);
|
|||
|
|
stack._bottom = getLastIndexInStack(stack, vScale, false, meta.type);
|
|||
|
|
const visualValues = stack._visualValues || (stack._visualValues = {});
|
|||
|
|
visualValues[datasetIndex] = value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function getFirstScaleId(chart, axis) {
|
|||
|
|
const scales = chart.scales;
|
|||
|
|
return Object.keys(scales).filter((key)=>scales[key].axis === axis).shift();
|
|||
|
|
}
|
|||
|
|
function createDatasetContext(parent, index) {
|
|||
|
|
return createContext(parent, {
|
|||
|
|
active: false,
|
|||
|
|
dataset: undefined,
|
|||
|
|
datasetIndex: index,
|
|||
|
|
index,
|
|||
|
|
mode: 'default',
|
|||
|
|
type: 'dataset'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function createDataContext(parent, index, element) {
|
|||
|
|
return createContext(parent, {
|
|||
|
|
active: false,
|
|||
|
|
dataIndex: index,
|
|||
|
|
parsed: undefined,
|
|||
|
|
raw: undefined,
|
|||
|
|
element,
|
|||
|
|
index,
|
|||
|
|
mode: 'default',
|
|||
|
|
type: 'data'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function clearStacks(meta, items) {
|
|||
|
|
const datasetIndex = meta.controller.index;
|
|||
|
|
const axis = meta.vScale && meta.vScale.axis;
|
|||
|
|
if (!axis) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
items = items || meta._parsed;
|
|||
|
|
for (const parsed of items){
|
|||
|
|
const stacks = parsed._stacks;
|
|||
|
|
if (!stacks || stacks[axis] === undefined || stacks[axis][datasetIndex] === undefined) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
delete stacks[axis][datasetIndex];
|
|||
|
|
if (stacks[axis]._visualValues !== undefined && stacks[axis]._visualValues[datasetIndex] !== undefined) {
|
|||
|
|
delete stacks[axis]._visualValues[datasetIndex];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const isDirectUpdateMode = (mode)=>mode === 'reset' || mode === 'none';
|
|||
|
|
const cloneIfNotShared = (cached, shared)=>shared ? cached : Object.assign({}, cached);
|
|||
|
|
const createStack = (canStack, meta, chart)=>canStack && !meta.hidden && meta._stacked && {
|
|||
|
|
keys: getSortedDatasetIndices(chart, true),
|
|||
|
|
values: null
|
|||
|
|
};
|
|||
|
|
class DatasetController {
|
|||
|
|
static defaults = {};
|
|||
|
|
static datasetElementType = null;
|
|||
|
|
static dataElementType = null;
|
|||
|
|
constructor(chart, datasetIndex){
|
|||
|
|
this.chart = chart;
|
|||
|
|
this._ctx = chart.ctx;
|
|||
|
|
this.index = datasetIndex;
|
|||
|
|
this._cachedDataOpts = {};
|
|||
|
|
this._cachedMeta = this.getMeta();
|
|||
|
|
this._type = this._cachedMeta.type;
|
|||
|
|
this.options = undefined;
|
|||
|
|
this._parsing = false;
|
|||
|
|
this._data = undefined;
|
|||
|
|
this._objectData = undefined;
|
|||
|
|
this._sharedOptions = undefined;
|
|||
|
|
this._drawStart = undefined;
|
|||
|
|
this._drawCount = undefined;
|
|||
|
|
this.enableOptionSharing = false;
|
|||
|
|
this.supportsDecimation = false;
|
|||
|
|
this.$context = undefined;
|
|||
|
|
this._syncList = [];
|
|||
|
|
this.datasetElementType = new.target.datasetElementType;
|
|||
|
|
this.dataElementType = new.target.dataElementType;
|
|||
|
|
this.initialize();
|
|||
|
|
}
|
|||
|
|
initialize() {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
this.configure();
|
|||
|
|
this.linkScales();
|
|||
|
|
meta._stacked = isStacked(meta.vScale, meta);
|
|||
|
|
this.addElements();
|
|||
|
|
if (this.options.fill && !this.chart.isPluginEnabled('filler')) {
|
|||
|
|
console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
updateIndex(datasetIndex) {
|
|||
|
|
if (this.index !== datasetIndex) {
|
|||
|
|
clearStacks(this._cachedMeta);
|
|||
|
|
}
|
|||
|
|
this.index = datasetIndex;
|
|||
|
|
}
|
|||
|
|
linkScales() {
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const dataset = this.getDataset();
|
|||
|
|
const chooseId = (axis, x, y, r)=>axis === 'x' ? x : axis === 'r' ? r : y;
|
|||
|
|
const xid = meta.xAxisID = valueOrDefault(dataset.xAxisID, getFirstScaleId(chart, 'x'));
|
|||
|
|
const yid = meta.yAxisID = valueOrDefault(dataset.yAxisID, getFirstScaleId(chart, 'y'));
|
|||
|
|
const rid = meta.rAxisID = valueOrDefault(dataset.rAxisID, getFirstScaleId(chart, 'r'));
|
|||
|
|
const indexAxis = meta.indexAxis;
|
|||
|
|
const iid = meta.iAxisID = chooseId(indexAxis, xid, yid, rid);
|
|||
|
|
const vid = meta.vAxisID = chooseId(indexAxis, yid, xid, rid);
|
|||
|
|
meta.xScale = this.getScaleForId(xid);
|
|||
|
|
meta.yScale = this.getScaleForId(yid);
|
|||
|
|
meta.rScale = this.getScaleForId(rid);
|
|||
|
|
meta.iScale = this.getScaleForId(iid);
|
|||
|
|
meta.vScale = this.getScaleForId(vid);
|
|||
|
|
}
|
|||
|
|
getDataset() {
|
|||
|
|
return this.chart.data.datasets[this.index];
|
|||
|
|
}
|
|||
|
|
getMeta() {
|
|||
|
|
return this.chart.getDatasetMeta(this.index);
|
|||
|
|
}
|
|||
|
|
getScaleForId(scaleID) {
|
|||
|
|
return this.chart.scales[scaleID];
|
|||
|
|
}
|
|||
|
|
_getOtherScale(scale) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
return scale === meta.iScale ? meta.vScale : meta.iScale;
|
|||
|
|
}
|
|||
|
|
reset() {
|
|||
|
|
this._update('reset');
|
|||
|
|
}
|
|||
|
|
_destroy() {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
if (this._data) {
|
|||
|
|
unlistenArrayEvents(this._data, this);
|
|||
|
|
}
|
|||
|
|
if (meta._stacked) {
|
|||
|
|
clearStacks(meta);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_dataCheck() {
|
|||
|
|
const dataset = this.getDataset();
|
|||
|
|
const data = dataset.data || (dataset.data = []);
|
|||
|
|
const _data = this._data;
|
|||
|
|
if (isObject(data)) {
|
|||
|
|
this._data = convertObjectDataToArray(data);
|
|||
|
|
} else if (_data !== data) {
|
|||
|
|
if (_data) {
|
|||
|
|
unlistenArrayEvents(_data, this);
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
clearStacks(meta);
|
|||
|
|
meta._parsed = [];
|
|||
|
|
}
|
|||
|
|
if (data && Object.isExtensible(data)) {
|
|||
|
|
listenArrayEvents(data, this);
|
|||
|
|
}
|
|||
|
|
this._syncList = [];
|
|||
|
|
this._data = data;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
addElements() {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
this._dataCheck();
|
|||
|
|
if (this.datasetElementType) {
|
|||
|
|
meta.dataset = new this.datasetElementType();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
buildOrUpdateElements(resetNewElements) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const dataset = this.getDataset();
|
|||
|
|
let stackChanged = false;
|
|||
|
|
this._dataCheck();
|
|||
|
|
const oldStacked = meta._stacked;
|
|||
|
|
meta._stacked = isStacked(meta.vScale, meta);
|
|||
|
|
if (meta.stack !== dataset.stack) {
|
|||
|
|
stackChanged = true;
|
|||
|
|
clearStacks(meta);
|
|||
|
|
meta.stack = dataset.stack;
|
|||
|
|
}
|
|||
|
|
this._resyncElements(resetNewElements);
|
|||
|
|
if (stackChanged || oldStacked !== meta._stacked) {
|
|||
|
|
updateStacks(this, meta._parsed);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
configure() {
|
|||
|
|
const config = this.chart.config;
|
|||
|
|
const scopeKeys = config.datasetScopeKeys(this._type);
|
|||
|
|
const scopes = config.getOptionScopes(this.getDataset(), scopeKeys, true);
|
|||
|
|
this.options = config.createResolver(scopes, this.getContext());
|
|||
|
|
this._parsing = this.options.parsing;
|
|||
|
|
this._cachedDataOpts = {};
|
|||
|
|
}
|
|||
|
|
parse(start, count) {
|
|||
|
|
const { _cachedMeta: meta , _data: data } = this;
|
|||
|
|
const { iScale , _stacked } = meta;
|
|||
|
|
const iAxis = iScale.axis;
|
|||
|
|
let sorted = start === 0 && count === data.length ? true : meta._sorted;
|
|||
|
|
let prev = start > 0 && meta._parsed[start - 1];
|
|||
|
|
let i, cur, parsed;
|
|||
|
|
if (this._parsing === false) {
|
|||
|
|
meta._parsed = data;
|
|||
|
|
meta._sorted = true;
|
|||
|
|
parsed = data;
|
|||
|
|
} else {
|
|||
|
|
if (isArray(data[start])) {
|
|||
|
|
parsed = this.parseArrayData(meta, data, start, count);
|
|||
|
|
} else if (isObject(data[start])) {
|
|||
|
|
parsed = this.parseObjectData(meta, data, start, count);
|
|||
|
|
} else {
|
|||
|
|
parsed = this.parsePrimitiveData(meta, data, start, count);
|
|||
|
|
}
|
|||
|
|
const isNotInOrderComparedToPrev = ()=>cur[iAxis] === null || prev && cur[iAxis] < prev[iAxis];
|
|||
|
|
for(i = 0; i < count; ++i){
|
|||
|
|
meta._parsed[i + start] = cur = parsed[i];
|
|||
|
|
if (sorted) {
|
|||
|
|
if (isNotInOrderComparedToPrev()) {
|
|||
|
|
sorted = false;
|
|||
|
|
}
|
|||
|
|
prev = cur;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
meta._sorted = sorted;
|
|||
|
|
}
|
|||
|
|
if (_stacked) {
|
|||
|
|
updateStacks(this, parsed);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
parsePrimitiveData(meta, data, start, count) {
|
|||
|
|
const { iScale , vScale } = meta;
|
|||
|
|
const iAxis = iScale.axis;
|
|||
|
|
const vAxis = vScale.axis;
|
|||
|
|
const labels = iScale.getLabels();
|
|||
|
|
const singleScale = iScale === vScale;
|
|||
|
|
const parsed = new Array(count);
|
|||
|
|
let i, ilen, index;
|
|||
|
|
for(i = 0, ilen = count; i < ilen; ++i){
|
|||
|
|
index = i + start;
|
|||
|
|
parsed[i] = {
|
|||
|
|
[iAxis]: singleScale || iScale.parse(labels[index], index),
|
|||
|
|
[vAxis]: vScale.parse(data[index], index)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return parsed;
|
|||
|
|
}
|
|||
|
|
parseArrayData(meta, data, start, count) {
|
|||
|
|
const { xScale , yScale } = meta;
|
|||
|
|
const parsed = new Array(count);
|
|||
|
|
let i, ilen, index, item;
|
|||
|
|
for(i = 0, ilen = count; i < ilen; ++i){
|
|||
|
|
index = i + start;
|
|||
|
|
item = data[index];
|
|||
|
|
parsed[i] = {
|
|||
|
|
x: xScale.parse(item[0], index),
|
|||
|
|
y: yScale.parse(item[1], index)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return parsed;
|
|||
|
|
}
|
|||
|
|
parseObjectData(meta, data, start, count) {
|
|||
|
|
const { xScale , yScale } = meta;
|
|||
|
|
const { xAxisKey ='x' , yAxisKey ='y' } = this._parsing;
|
|||
|
|
const parsed = new Array(count);
|
|||
|
|
let i, ilen, index, item;
|
|||
|
|
for(i = 0, ilen = count; i < ilen; ++i){
|
|||
|
|
index = i + start;
|
|||
|
|
item = data[index];
|
|||
|
|
parsed[i] = {
|
|||
|
|
x: xScale.parse(resolveObjectKey(item, xAxisKey), index),
|
|||
|
|
y: yScale.parse(resolveObjectKey(item, yAxisKey), index)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return parsed;
|
|||
|
|
}
|
|||
|
|
getParsed(index) {
|
|||
|
|
return this._cachedMeta._parsed[index];
|
|||
|
|
}
|
|||
|
|
getDataElement(index) {
|
|||
|
|
return this._cachedMeta.data[index];
|
|||
|
|
}
|
|||
|
|
applyStack(scale, parsed, mode) {
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const value = parsed[scale.axis];
|
|||
|
|
const stack = {
|
|||
|
|
keys: getSortedDatasetIndices(chart, true),
|
|||
|
|
values: parsed._stacks[scale.axis]._visualValues
|
|||
|
|
};
|
|||
|
|
return applyStack(stack, value, meta.index, {
|
|||
|
|
mode
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
updateRangeFromParsed(range, scale, parsed, stack) {
|
|||
|
|
const parsedValue = parsed[scale.axis];
|
|||
|
|
let value = parsedValue === null ? NaN : parsedValue;
|
|||
|
|
const values = stack && parsed._stacks[scale.axis];
|
|||
|
|
if (stack && values) {
|
|||
|
|
stack.values = values;
|
|||
|
|
value = applyStack(stack, parsedValue, this._cachedMeta.index);
|
|||
|
|
}
|
|||
|
|
range.min = Math.min(range.min, value);
|
|||
|
|
range.max = Math.max(range.max, value);
|
|||
|
|
}
|
|||
|
|
getMinMax(scale, canStack) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const _parsed = meta._parsed;
|
|||
|
|
const sorted = meta._sorted && scale === meta.iScale;
|
|||
|
|
const ilen = _parsed.length;
|
|||
|
|
const otherScale = this._getOtherScale(scale);
|
|||
|
|
const stack = createStack(canStack, meta, this.chart);
|
|||
|
|
const range = {
|
|||
|
|
min: Number.POSITIVE_INFINITY,
|
|||
|
|
max: Number.NEGATIVE_INFINITY
|
|||
|
|
};
|
|||
|
|
const { min: otherMin , max: otherMax } = getUserBounds(otherScale);
|
|||
|
|
let i, parsed;
|
|||
|
|
function _skip() {
|
|||
|
|
parsed = _parsed[i];
|
|||
|
|
const otherValue = parsed[otherScale.axis];
|
|||
|
|
return !isNumberFinite(parsed[scale.axis]) || otherMin > otherValue || otherMax < otherValue;
|
|||
|
|
}
|
|||
|
|
for(i = 0; i < ilen; ++i){
|
|||
|
|
if (_skip()) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
this.updateRangeFromParsed(range, scale, parsed, stack);
|
|||
|
|
if (sorted) {
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (sorted) {
|
|||
|
|
for(i = ilen - 1; i >= 0; --i){
|
|||
|
|
if (_skip()) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
this.updateRangeFromParsed(range, scale, parsed, stack);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return range;
|
|||
|
|
}
|
|||
|
|
getAllParsedValues(scale) {
|
|||
|
|
const parsed = this._cachedMeta._parsed;
|
|||
|
|
const values = [];
|
|||
|
|
let i, ilen, value;
|
|||
|
|
for(i = 0, ilen = parsed.length; i < ilen; ++i){
|
|||
|
|
value = parsed[i][scale.axis];
|
|||
|
|
if (isNumberFinite(value)) {
|
|||
|
|
values.push(value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return values;
|
|||
|
|
}
|
|||
|
|
getMaxOverflow() {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
getLabelAndValue(index) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const iScale = meta.iScale;
|
|||
|
|
const vScale = meta.vScale;
|
|||
|
|
const parsed = this.getParsed(index);
|
|||
|
|
return {
|
|||
|
|
label: iScale ? '' + iScale.getLabelForValue(parsed[iScale.axis]) : '',
|
|||
|
|
value: vScale ? '' + vScale.getLabelForValue(parsed[vScale.axis]) : ''
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
_update(mode) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
this.update(mode || 'default');
|
|||
|
|
meta._clip = toClip(valueOrDefault(this.options.clip, defaultClip(meta.xScale, meta.yScale, this.getMaxOverflow())));
|
|||
|
|
}
|
|||
|
|
update(mode) {}
|
|||
|
|
draw() {
|
|||
|
|
const ctx = this._ctx;
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const elements = meta.data || [];
|
|||
|
|
const area = chart.chartArea;
|
|||
|
|
const active = [];
|
|||
|
|
const start = this._drawStart || 0;
|
|||
|
|
const count = this._drawCount || elements.length - start;
|
|||
|
|
const drawActiveElementsOnTop = this.options.drawActiveElementsOnTop;
|
|||
|
|
let i;
|
|||
|
|
if (meta.dataset) {
|
|||
|
|
meta.dataset.draw(ctx, area, start, count);
|
|||
|
|
}
|
|||
|
|
for(i = start; i < start + count; ++i){
|
|||
|
|
const element = elements[i];
|
|||
|
|
if (element.hidden) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
if (element.active && drawActiveElementsOnTop) {
|
|||
|
|
active.push(element);
|
|||
|
|
} else {
|
|||
|
|
element.draw(ctx, area);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
for(i = 0; i < active.length; ++i){
|
|||
|
|
active[i].draw(ctx, area);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
getStyle(index, active) {
|
|||
|
|
const mode = active ? 'active' : 'default';
|
|||
|
|
return index === undefined && this._cachedMeta.dataset ? this.resolveDatasetElementOptions(mode) : this.resolveDataElementOptions(index || 0, mode);
|
|||
|
|
}
|
|||
|
|
getContext(index, active, mode) {
|
|||
|
|
const dataset = this.getDataset();
|
|||
|
|
let context;
|
|||
|
|
if (index >= 0 && index < this._cachedMeta.data.length) {
|
|||
|
|
const element = this._cachedMeta.data[index];
|
|||
|
|
context = element.$context || (element.$context = createDataContext(this.getContext(), index, element));
|
|||
|
|
context.parsed = this.getParsed(index);
|
|||
|
|
context.raw = dataset.data[index];
|
|||
|
|
context.index = context.dataIndex = index;
|
|||
|
|
} else {
|
|||
|
|
context = this.$context || (this.$context = createDatasetContext(this.chart.getContext(), this.index));
|
|||
|
|
context.dataset = dataset;
|
|||
|
|
context.index = context.datasetIndex = this.index;
|
|||
|
|
}
|
|||
|
|
context.active = !!active;
|
|||
|
|
context.mode = mode;
|
|||
|
|
return context;
|
|||
|
|
}
|
|||
|
|
resolveDatasetElementOptions(mode) {
|
|||
|
|
return this._resolveElementOptions(this.datasetElementType.id, mode);
|
|||
|
|
}
|
|||
|
|
resolveDataElementOptions(index, mode) {
|
|||
|
|
return this._resolveElementOptions(this.dataElementType.id, mode, index);
|
|||
|
|
}
|
|||
|
|
_resolveElementOptions(elementType, mode = 'default', index) {
|
|||
|
|
const active = mode === 'active';
|
|||
|
|
const cache = this._cachedDataOpts;
|
|||
|
|
const cacheKey = elementType + '-' + mode;
|
|||
|
|
const cached = cache[cacheKey];
|
|||
|
|
const sharing = this.enableOptionSharing && defined(index);
|
|||
|
|
if (cached) {
|
|||
|
|
return cloneIfNotShared(cached, sharing);
|
|||
|
|
}
|
|||
|
|
const config = this.chart.config;
|
|||
|
|
const scopeKeys = config.datasetElementScopeKeys(this._type, elementType);
|
|||
|
|
const prefixes = active ? [
|
|||
|
|
`${elementType}Hover`,
|
|||
|
|
'hover',
|
|||
|
|
elementType,
|
|||
|
|
''
|
|||
|
|
] : [
|
|||
|
|
elementType,
|
|||
|
|
''
|
|||
|
|
];
|
|||
|
|
const scopes = config.getOptionScopes(this.getDataset(), scopeKeys);
|
|||
|
|
const names = Object.keys(defaults.elements[elementType]);
|
|||
|
|
const context = ()=>this.getContext(index, active, mode);
|
|||
|
|
const values = config.resolveNamedOptions(scopes, names, context, prefixes);
|
|||
|
|
if (values.$shared) {
|
|||
|
|
values.$shared = sharing;
|
|||
|
|
cache[cacheKey] = Object.freeze(cloneIfNotShared(values, sharing));
|
|||
|
|
}
|
|||
|
|
return values;
|
|||
|
|
}
|
|||
|
|
_resolveAnimations(index, transition, active) {
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const cache = this._cachedDataOpts;
|
|||
|
|
const cacheKey = `animation-${transition}`;
|
|||
|
|
const cached = cache[cacheKey];
|
|||
|
|
if (cached) {
|
|||
|
|
return cached;
|
|||
|
|
}
|
|||
|
|
let options;
|
|||
|
|
if (chart.options.animation !== false) {
|
|||
|
|
const config = this.chart.config;
|
|||
|
|
const scopeKeys = config.datasetAnimationScopeKeys(this._type, transition);
|
|||
|
|
const scopes = config.getOptionScopes(this.getDataset(), scopeKeys);
|
|||
|
|
options = config.createResolver(scopes, this.getContext(index, active, transition));
|
|||
|
|
}
|
|||
|
|
const animations = new Animations(chart, options && options.animations);
|
|||
|
|
if (options && options._cacheable) {
|
|||
|
|
cache[cacheKey] = Object.freeze(animations);
|
|||
|
|
}
|
|||
|
|
return animations;
|
|||
|
|
}
|
|||
|
|
getSharedOptions(options) {
|
|||
|
|
if (!options.$shared) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
return this._sharedOptions || (this._sharedOptions = Object.assign({}, options));
|
|||
|
|
}
|
|||
|
|
includeOptions(mode, sharedOptions) {
|
|||
|
|
return !sharedOptions || isDirectUpdateMode(mode) || this.chart._animationsDisabled;
|
|||
|
|
}
|
|||
|
|
_getSharedOptions(start, mode) {
|
|||
|
|
const firstOpts = this.resolveDataElementOptions(start, mode);
|
|||
|
|
const previouslySharedOptions = this._sharedOptions;
|
|||
|
|
const sharedOptions = this.getSharedOptions(firstOpts);
|
|||
|
|
const includeOptions = this.includeOptions(mode, sharedOptions) || sharedOptions !== previouslySharedOptions;
|
|||
|
|
this.updateSharedOptions(sharedOptions, mode, firstOpts);
|
|||
|
|
return {
|
|||
|
|
sharedOptions,
|
|||
|
|
includeOptions
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
updateElement(element, index, properties, mode) {
|
|||
|
|
if (isDirectUpdateMode(mode)) {
|
|||
|
|
Object.assign(element, properties);
|
|||
|
|
} else {
|
|||
|
|
this._resolveAnimations(index, mode).update(element, properties);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
updateSharedOptions(sharedOptions, mode, newOptions) {
|
|||
|
|
if (sharedOptions && !isDirectUpdateMode(mode)) {
|
|||
|
|
this._resolveAnimations(undefined, mode).update(sharedOptions, newOptions);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_setStyle(element, index, mode, active) {
|
|||
|
|
element.active = active;
|
|||
|
|
const options = this.getStyle(index, active);
|
|||
|
|
this._resolveAnimations(index, mode, active).update(element, {
|
|||
|
|
options: !active && this.getSharedOptions(options) || options
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
removeHoverStyle(element, datasetIndex, index) {
|
|||
|
|
this._setStyle(element, index, 'active', false);
|
|||
|
|
}
|
|||
|
|
setHoverStyle(element, datasetIndex, index) {
|
|||
|
|
this._setStyle(element, index, 'active', true);
|
|||
|
|
}
|
|||
|
|
_removeDatasetHoverStyle() {
|
|||
|
|
const element = this._cachedMeta.dataset;
|
|||
|
|
if (element) {
|
|||
|
|
this._setStyle(element, undefined, 'active', false);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_setDatasetHoverStyle() {
|
|||
|
|
const element = this._cachedMeta.dataset;
|
|||
|
|
if (element) {
|
|||
|
|
this._setStyle(element, undefined, 'active', true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_resyncElements(resetNewElements) {
|
|||
|
|
const data = this._data;
|
|||
|
|
const elements = this._cachedMeta.data;
|
|||
|
|
for (const [method, arg1, arg2] of this._syncList){
|
|||
|
|
this[method](arg1, arg2);
|
|||
|
|
}
|
|||
|
|
this._syncList = [];
|
|||
|
|
const numMeta = elements.length;
|
|||
|
|
const numData = data.length;
|
|||
|
|
const count = Math.min(numData, numMeta);
|
|||
|
|
if (count) {
|
|||
|
|
this.parse(0, count);
|
|||
|
|
}
|
|||
|
|
if (numData > numMeta) {
|
|||
|
|
this._insertElements(numMeta, numData - numMeta, resetNewElements);
|
|||
|
|
} else if (numData < numMeta) {
|
|||
|
|
this._removeElements(numData, numMeta - numData);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_insertElements(start, count, resetNewElements = true) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const data = meta.data;
|
|||
|
|
const end = start + count;
|
|||
|
|
let i;
|
|||
|
|
const move = (arr)=>{
|
|||
|
|
arr.length += count;
|
|||
|
|
for(i = arr.length - 1; i >= end; i--){
|
|||
|
|
arr[i] = arr[i - count];
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
move(data);
|
|||
|
|
for(i = start; i < end; ++i){
|
|||
|
|
data[i] = new this.dataElementType();
|
|||
|
|
}
|
|||
|
|
if (this._parsing) {
|
|||
|
|
move(meta._parsed);
|
|||
|
|
}
|
|||
|
|
this.parse(start, count);
|
|||
|
|
if (resetNewElements) {
|
|||
|
|
this.updateElements(data, start, count, 'reset');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
updateElements(element, start, count, mode) {}
|
|||
|
|
_removeElements(start, count) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
if (this._parsing) {
|
|||
|
|
const removed = meta._parsed.splice(start, count);
|
|||
|
|
if (meta._stacked) {
|
|||
|
|
clearStacks(meta, removed);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
meta.data.splice(start, count);
|
|||
|
|
}
|
|||
|
|
_sync(args) {
|
|||
|
|
if (this._parsing) {
|
|||
|
|
this._syncList.push(args);
|
|||
|
|
} else {
|
|||
|
|
const [method, arg1, arg2] = args;
|
|||
|
|
this[method](arg1, arg2);
|
|||
|
|
}
|
|||
|
|
this.chart._dataChanges.push([
|
|||
|
|
this.index,
|
|||
|
|
...args
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
_onDataPush() {
|
|||
|
|
const count = arguments.length;
|
|||
|
|
this._sync([
|
|||
|
|
'_insertElements',
|
|||
|
|
this.getDataset().data.length - count,
|
|||
|
|
count
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
_onDataPop() {
|
|||
|
|
this._sync([
|
|||
|
|
'_removeElements',
|
|||
|
|
this._cachedMeta.data.length - 1,
|
|||
|
|
1
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
_onDataShift() {
|
|||
|
|
this._sync([
|
|||
|
|
'_removeElements',
|
|||
|
|
0,
|
|||
|
|
1
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
_onDataSplice(start, count) {
|
|||
|
|
if (count) {
|
|||
|
|
this._sync([
|
|||
|
|
'_removeElements',
|
|||
|
|
start,
|
|||
|
|
count
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
const newCount = arguments.length - 2;
|
|||
|
|
if (newCount) {
|
|||
|
|
this._sync([
|
|||
|
|
'_insertElements',
|
|||
|
|
start,
|
|||
|
|
newCount
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_onDataUnshift() {
|
|||
|
|
this._sync([
|
|||
|
|
'_insertElements',
|
|||
|
|
0,
|
|||
|
|
arguments.length
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getRatioAndOffset(rotation, circumference, cutout) {
|
|||
|
|
let ratioX = 1;
|
|||
|
|
let ratioY = 1;
|
|||
|
|
let offsetX = 0;
|
|||
|
|
let offsetY = 0;
|
|||
|
|
if (circumference < TAU) {
|
|||
|
|
const startAngle = rotation;
|
|||
|
|
const endAngle = startAngle + circumference;
|
|||
|
|
const startX = Math.cos(startAngle);
|
|||
|
|
const startY = Math.sin(startAngle);
|
|||
|
|
const endX = Math.cos(endAngle);
|
|||
|
|
const endY = Math.sin(endAngle);
|
|||
|
|
const calcMax = (angle, a, b)=>_angleBetween(angle, startAngle, endAngle, true) ? 1 : Math.max(a, a * cutout, b, b * cutout);
|
|||
|
|
const calcMin = (angle, a, b)=>_angleBetween(angle, startAngle, endAngle, true) ? -1 : Math.min(a, a * cutout, b, b * cutout);
|
|||
|
|
const maxX = calcMax(0, startX, endX);
|
|||
|
|
const maxY = calcMax(HALF_PI, startY, endY);
|
|||
|
|
const minX = calcMin(PI, startX, endX);
|
|||
|
|
const minY = calcMin(PI + HALF_PI, startY, endY);
|
|||
|
|
ratioX = (maxX - minX) / 2;
|
|||
|
|
ratioY = (maxY - minY) / 2;
|
|||
|
|
offsetX = -(maxX + minX) / 2;
|
|||
|
|
offsetY = -(maxY + minY) / 2;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
ratioX,
|
|||
|
|
ratioY,
|
|||
|
|
offsetX,
|
|||
|
|
offsetY
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
class DoughnutController extends DatasetController {
|
|||
|
|
static id = 'doughnut';
|
|||
|
|
static defaults = {
|
|||
|
|
datasetElementType: false,
|
|||
|
|
dataElementType: 'arc',
|
|||
|
|
animation: {
|
|||
|
|
animateRotate: true,
|
|||
|
|
animateScale: false
|
|||
|
|
},
|
|||
|
|
animations: {
|
|||
|
|
numbers: {
|
|||
|
|
type: 'number',
|
|||
|
|
properties: [
|
|||
|
|
'circumference',
|
|||
|
|
'endAngle',
|
|||
|
|
'innerRadius',
|
|||
|
|
'outerRadius',
|
|||
|
|
'startAngle',
|
|||
|
|
'x',
|
|||
|
|
'y',
|
|||
|
|
'offset',
|
|||
|
|
'borderWidth',
|
|||
|
|
'spacing'
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
cutout: '50%',
|
|||
|
|
rotation: 0,
|
|||
|
|
circumference: 360,
|
|||
|
|
radius: '100%',
|
|||
|
|
spacing: 0,
|
|||
|
|
indexAxis: 'r'
|
|||
|
|
};
|
|||
|
|
static descriptors = {
|
|||
|
|
_scriptable: (name)=>name !== 'spacing',
|
|||
|
|
_indexable: (name)=>name !== 'spacing' && !name.startsWith('borderDash') && !name.startsWith('hoverBorderDash')
|
|||
|
|
};
|
|||
|
|
static overrides = {
|
|||
|
|
aspectRatio: 1,
|
|||
|
|
plugins: {
|
|||
|
|
legend: {
|
|||
|
|
labels: {
|
|||
|
|
generateLabels (chart) {
|
|||
|
|
const data = chart.data;
|
|||
|
|
if (data.labels.length && data.datasets.length) {
|
|||
|
|
const { labels: { pointStyle , color } } = chart.legend.options;
|
|||
|
|
return data.labels.map((label, i)=>{
|
|||
|
|
const meta = chart.getDatasetMeta(0);
|
|||
|
|
const style = meta.controller.getStyle(i);
|
|||
|
|
return {
|
|||
|
|
text: label,
|
|||
|
|
fillStyle: style.backgroundColor,
|
|||
|
|
strokeStyle: style.borderColor,
|
|||
|
|
fontColor: color,
|
|||
|
|
lineWidth: style.borderWidth,
|
|||
|
|
pointStyle: pointStyle,
|
|||
|
|
hidden: !chart.getDataVisibility(i),
|
|||
|
|
index: i
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onClick (e, legendItem, legend) {
|
|||
|
|
legend.chart.toggleDataVisibility(legendItem.index);
|
|||
|
|
legend.chart.update();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
constructor(chart, datasetIndex){
|
|||
|
|
super(chart, datasetIndex);
|
|||
|
|
this.enableOptionSharing = true;
|
|||
|
|
this.innerRadius = undefined;
|
|||
|
|
this.outerRadius = undefined;
|
|||
|
|
this.offsetX = undefined;
|
|||
|
|
this.offsetY = undefined;
|
|||
|
|
}
|
|||
|
|
linkScales() {}
|
|||
|
|
parse(start, count) {
|
|||
|
|
const data = this.getDataset().data;
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
if (this._parsing === false) {
|
|||
|
|
meta._parsed = data;
|
|||
|
|
} else {
|
|||
|
|
let getter = (i)=>+data[i];
|
|||
|
|
if (isObject(data[start])) {
|
|||
|
|
const { key ='value' } = this._parsing;
|
|||
|
|
getter = (i)=>+resolveObjectKey(data[i], key);
|
|||
|
|
}
|
|||
|
|
let i, ilen;
|
|||
|
|
for(i = start, ilen = start + count; i < ilen; ++i){
|
|||
|
|
meta._parsed[i] = getter(i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_getRotation() {
|
|||
|
|
return toRadians(this.options.rotation - 90);
|
|||
|
|
}
|
|||
|
|
_getCircumference() {
|
|||
|
|
return toRadians(this.options.circumference);
|
|||
|
|
}
|
|||
|
|
_getRotationExtents() {
|
|||
|
|
let min = TAU;
|
|||
|
|
let max = -TAU;
|
|||
|
|
for(let i = 0; i < this.chart.data.datasets.length; ++i){
|
|||
|
|
if (this.chart.isDatasetVisible(i) && this.chart.getDatasetMeta(i).type === this._type) {
|
|||
|
|
const controller = this.chart.getDatasetMeta(i).controller;
|
|||
|
|
const rotation = controller._getRotation();
|
|||
|
|
const circumference = controller._getCircumference();
|
|||
|
|
min = Math.min(min, rotation);
|
|||
|
|
max = Math.max(max, rotation + circumference);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
rotation: min,
|
|||
|
|
circumference: max - min
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
update(mode) {
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const { chartArea } = chart;
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const arcs = meta.data;
|
|||
|
|
const spacing = this.getMaxBorderWidth() + this.getMaxOffset(arcs) + this.options.spacing;
|
|||
|
|
const maxSize = Math.max((Math.min(chartArea.width, chartArea.height) - spacing) / 2, 0);
|
|||
|
|
const cutout = Math.min(toPercentage(this.options.cutout, maxSize), 1);
|
|||
|
|
const chartWeight = this._getRingWeight(this.index);
|
|||
|
|
const { circumference , rotation } = this._getRotationExtents();
|
|||
|
|
const { ratioX , ratioY , offsetX , offsetY } = getRatioAndOffset(rotation, circumference, cutout);
|
|||
|
|
const maxWidth = (chartArea.width - spacing) / ratioX;
|
|||
|
|
const maxHeight = (chartArea.height - spacing) / ratioY;
|
|||
|
|
const maxRadius = Math.max(Math.min(maxWidth, maxHeight) / 2, 0);
|
|||
|
|
const outerRadius = toDimension(this.options.radius, maxRadius);
|
|||
|
|
const innerRadius = Math.max(outerRadius * cutout, 0);
|
|||
|
|
const radiusLength = (outerRadius - innerRadius) / this._getVisibleDatasetWeightTotal();
|
|||
|
|
this.offsetX = offsetX * outerRadius;
|
|||
|
|
this.offsetY = offsetY * outerRadius;
|
|||
|
|
meta.total = this.calculateTotal();
|
|||
|
|
this.outerRadius = outerRadius - radiusLength * this._getRingWeightOffset(this.index);
|
|||
|
|
this.innerRadius = Math.max(this.outerRadius - radiusLength * chartWeight, 0);
|
|||
|
|
this.updateElements(arcs, 0, arcs.length, mode);
|
|||
|
|
}
|
|||
|
|
_circumference(i, reset) {
|
|||
|
|
const opts = this.options;
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const circumference = this._getCircumference();
|
|||
|
|
if (reset && opts.animation.animateRotate || !this.chart.getDataVisibility(i) || meta._parsed[i] === null || meta.data[i].hidden) {
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
return this.calculateCircumference(meta._parsed[i] * circumference / TAU);
|
|||
|
|
}
|
|||
|
|
updateElements(arcs, start, count, mode) {
|
|||
|
|
const reset = mode === 'reset';
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const chartArea = chart.chartArea;
|
|||
|
|
const opts = chart.options;
|
|||
|
|
const animationOpts = opts.animation;
|
|||
|
|
const centerX = (chartArea.left + chartArea.right) / 2;
|
|||
|
|
const centerY = (chartArea.top + chartArea.bottom) / 2;
|
|||
|
|
const animateScale = reset && animationOpts.animateScale;
|
|||
|
|
const innerRadius = animateScale ? 0 : this.innerRadius;
|
|||
|
|
const outerRadius = animateScale ? 0 : this.outerRadius;
|
|||
|
|
const { sharedOptions , includeOptions } = this._getSharedOptions(start, mode);
|
|||
|
|
let startAngle = this._getRotation();
|
|||
|
|
let i;
|
|||
|
|
for(i = 0; i < start; ++i){
|
|||
|
|
startAngle += this._circumference(i, reset);
|
|||
|
|
}
|
|||
|
|
for(i = start; i < start + count; ++i){
|
|||
|
|
const circumference = this._circumference(i, reset);
|
|||
|
|
const arc = arcs[i];
|
|||
|
|
const properties = {
|
|||
|
|
x: centerX + this.offsetX,
|
|||
|
|
y: centerY + this.offsetY,
|
|||
|
|
startAngle,
|
|||
|
|
endAngle: startAngle + circumference,
|
|||
|
|
circumference,
|
|||
|
|
outerRadius,
|
|||
|
|
innerRadius
|
|||
|
|
};
|
|||
|
|
if (includeOptions) {
|
|||
|
|
properties.options = sharedOptions || this.resolveDataElementOptions(i, arc.active ? 'active' : mode);
|
|||
|
|
}
|
|||
|
|
startAngle += circumference;
|
|||
|
|
this.updateElement(arc, i, properties, mode);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
calculateTotal() {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const metaData = meta.data;
|
|||
|
|
let total = 0;
|
|||
|
|
let i;
|
|||
|
|
for(i = 0; i < metaData.length; i++){
|
|||
|
|
const value = meta._parsed[i];
|
|||
|
|
if (value !== null && !isNaN(value) && this.chart.getDataVisibility(i) && !metaData[i].hidden) {
|
|||
|
|
total += Math.abs(value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return total;
|
|||
|
|
}
|
|||
|
|
calculateCircumference(value) {
|
|||
|
|
const total = this._cachedMeta.total;
|
|||
|
|
if (total > 0 && !isNaN(value)) {
|
|||
|
|
return TAU * (Math.abs(value) / total);
|
|||
|
|
}
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
getLabelAndValue(index) {
|
|||
|
|
const meta = this._cachedMeta;
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const labels = chart.data.labels || [];
|
|||
|
|
const value = formatNumber(meta._parsed[index], chart.options.locale);
|
|||
|
|
return {
|
|||
|
|
label: labels[index] || '',
|
|||
|
|
value
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
getMaxBorderWidth(arcs) {
|
|||
|
|
let max = 0;
|
|||
|
|
const chart = this.chart;
|
|||
|
|
let i, ilen, meta, controller, options;
|
|||
|
|
if (!arcs) {
|
|||
|
|
for(i = 0, ilen = chart.data.datasets.length; i < ilen; ++i){
|
|||
|
|
if (chart.isDatasetVisible(i)) {
|
|||
|
|
meta = chart.getDatasetMeta(i);
|
|||
|
|
arcs = meta.data;
|
|||
|
|
controller = meta.controller;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!arcs) {
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
for(i = 0, ilen = arcs.length; i < ilen; ++i){
|
|||
|
|
options = controller.resolveDataElementOptions(i);
|
|||
|
|
if (options.borderAlign !== 'inner') {
|
|||
|
|
max = Math.max(max, options.borderWidth || 0, options.hoverBorderWidth || 0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return max;
|
|||
|
|
}
|
|||
|
|
getMaxOffset(arcs) {
|
|||
|
|
let max = 0;
|
|||
|
|
for(let i = 0, ilen = arcs.length; i < ilen; ++i){
|
|||
|
|
const options = this.resolveDataElementOptions(i);
|
|||
|
|
max = Math.max(max, options.offset || 0, options.hoverOffset || 0);
|
|||
|
|
}
|
|||
|
|
return max;
|
|||
|
|
}
|
|||
|
|
_getRingWeightOffset(datasetIndex) {
|
|||
|
|
let ringWeightOffset = 0;
|
|||
|
|
for(let i = 0; i < datasetIndex; ++i){
|
|||
|
|
if (this.chart.isDatasetVisible(i)) {
|
|||
|
|
ringWeightOffset += this._getRingWeight(i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return ringWeightOffset;
|
|||
|
|
}
|
|||
|
|
_getRingWeight(datasetIndex) {
|
|||
|
|
return Math.max(valueOrDefault(this.chart.data.datasets[datasetIndex].weight, 1), 0);
|
|||
|
|
}
|
|||
|
|
_getVisibleDatasetWeightTotal() {
|
|||
|
|
return this._getRingWeightOffset(this.chart.data.datasets.length) || 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class PieController extends DoughnutController {
|
|||
|
|
static id = 'pie';
|
|||
|
|
static defaults = {
|
|||
|
|
cutout: 0,
|
|||
|
|
rotation: 0,
|
|||
|
|
circumference: 360,
|
|||
|
|
radius: '100%'
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @namespace Chart._adapters
|
|||
|
|
* @since 2.8.0
|
|||
|
|
* @private
|
|||
|
|
*/ function abstract() {
|
|||
|
|
throw new Error('This method is not implemented: Check that a complete date adapter is provided.');
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Date adapter (current used by the time scale)
|
|||
|
|
* @namespace Chart._adapters._date
|
|||
|
|
* @memberof Chart._adapters
|
|||
|
|
* @private
|
|||
|
|
*/ class DateAdapterBase {
|
|||
|
|
/**
|
|||
|
|
* Override default date adapter methods.
|
|||
|
|
* Accepts type parameter to define options type.
|
|||
|
|
* @example
|
|||
|
|
* Chart._adapters._date.override<{myAdapterOption: string}>({
|
|||
|
|
* init() {
|
|||
|
|
* console.log(this.options.myAdapterOption);
|
|||
|
|
* }
|
|||
|
|
* })
|
|||
|
|
*/ static override(members) {
|
|||
|
|
Object.assign(DateAdapterBase.prototype, members);
|
|||
|
|
}
|
|||
|
|
options;
|
|||
|
|
constructor(options){
|
|||
|
|
this.options = options || {};
|
|||
|
|
}
|
|||
|
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|||
|
|
init() {}
|
|||
|
|
formats() {
|
|||
|
|
return abstract();
|
|||
|
|
}
|
|||
|
|
parse() {
|
|||
|
|
return abstract();
|
|||
|
|
}
|
|||
|
|
format() {
|
|||
|
|
return abstract();
|
|||
|
|
}
|
|||
|
|
add() {
|
|||
|
|
return abstract();
|
|||
|
|
}
|
|||
|
|
diff() {
|
|||
|
|
return abstract();
|
|||
|
|
}
|
|||
|
|
startOf() {
|
|||
|
|
return abstract();
|
|||
|
|
}
|
|||
|
|
endOf() {
|
|||
|
|
return abstract();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var adapters = {
|
|||
|
|
_date: DateAdapterBase
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function binarySearch(metaset, axis, value, intersect) {
|
|||
|
|
const { controller , data , _sorted } = metaset;
|
|||
|
|
const iScale = controller._cachedMeta.iScale;
|
|||
|
|
if (iScale && axis === iScale.axis && axis !== 'r' && _sorted && data.length) {
|
|||
|
|
const lookupMethod = iScale._reversePixels ? _rlookupByKey : _lookupByKey;
|
|||
|
|
if (!intersect) {
|
|||
|
|
return lookupMethod(data, axis, value);
|
|||
|
|
} else if (controller._sharedOptions) {
|
|||
|
|
const el = data[0];
|
|||
|
|
const range = typeof el.getRange === 'function' && el.getRange(axis);
|
|||
|
|
if (range) {
|
|||
|
|
const start = lookupMethod(data, axis, value - range);
|
|||
|
|
const end = lookupMethod(data, axis, value + range);
|
|||
|
|
return {
|
|||
|
|
lo: start.lo,
|
|||
|
|
hi: end.hi
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
lo: 0,
|
|||
|
|
hi: data.length - 1
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function evaluateInteractionItems(chart, axis, position, handler, intersect) {
|
|||
|
|
const metasets = chart.getSortedVisibleDatasetMetas();
|
|||
|
|
const value = position[axis];
|
|||
|
|
for(let i = 0, ilen = metasets.length; i < ilen; ++i){
|
|||
|
|
const { index , data } = metasets[i];
|
|||
|
|
const { lo , hi } = binarySearch(metasets[i], axis, value, intersect);
|
|||
|
|
for(let j = lo; j <= hi; ++j){
|
|||
|
|
const element = data[j];
|
|||
|
|
if (!element.skip) {
|
|||
|
|
handler(element, index, j);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function getDistanceMetricForAxis(axis) {
|
|||
|
|
const useX = axis.indexOf('x') !== -1;
|
|||
|
|
const useY = axis.indexOf('y') !== -1;
|
|||
|
|
return function(pt1, pt2) {
|
|||
|
|
const deltaX = useX ? Math.abs(pt1.x - pt2.x) : 0;
|
|||
|
|
const deltaY = useY ? Math.abs(pt1.y - pt2.y) : 0;
|
|||
|
|
return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) {
|
|||
|
|
const items = [];
|
|||
|
|
if (!includeInvisible && !chart.isPointInArea(position)) {
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
const evaluationFunc = function(element, datasetIndex, index) {
|
|||
|
|
if (!includeInvisible && !_isPointInArea(element, chart.chartArea, 0)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (element.inRange(position.x, position.y, useFinalPosition)) {
|
|||
|
|
items.push({
|
|||
|
|
element,
|
|||
|
|
datasetIndex,
|
|||
|
|
index
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
evaluateInteractionItems(chart, axis, position, evaluationFunc, true);
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
function getNearestRadialItems(chart, position, axis, useFinalPosition) {
|
|||
|
|
let items = [];
|
|||
|
|
function evaluationFunc(element, datasetIndex, index) {
|
|||
|
|
const { startAngle , endAngle } = element.getProps([
|
|||
|
|
'startAngle',
|
|||
|
|
'endAngle'
|
|||
|
|
], useFinalPosition);
|
|||
|
|
const { angle } = getAngleFromPoint(element, {
|
|||
|
|
x: position.x,
|
|||
|
|
y: position.y
|
|||
|
|
});
|
|||
|
|
if (_angleBetween(angle, startAngle, endAngle)) {
|
|||
|
|
items.push({
|
|||
|
|
element,
|
|||
|
|
datasetIndex,
|
|||
|
|
index
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
evaluateInteractionItems(chart, axis, position, evaluationFunc);
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
function getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition, includeInvisible) {
|
|||
|
|
let items = [];
|
|||
|
|
const distanceMetric = getDistanceMetricForAxis(axis);
|
|||
|
|
let minDistance = Number.POSITIVE_INFINITY;
|
|||
|
|
function evaluationFunc(element, datasetIndex, index) {
|
|||
|
|
const inRange = element.inRange(position.x, position.y, useFinalPosition);
|
|||
|
|
if (intersect && !inRange) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const center = element.getCenterPoint(useFinalPosition);
|
|||
|
|
const pointInArea = !!includeInvisible || chart.isPointInArea(center);
|
|||
|
|
if (!pointInArea && !inRange) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const distance = distanceMetric(position, center);
|
|||
|
|
if (distance < minDistance) {
|
|||
|
|
items = [
|
|||
|
|
{
|
|||
|
|
element,
|
|||
|
|
datasetIndex,
|
|||
|
|
index
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
minDistance = distance;
|
|||
|
|
} else if (distance === minDistance) {
|
|||
|
|
items.push({
|
|||
|
|
element,
|
|||
|
|
datasetIndex,
|
|||
|
|
index
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
evaluateInteractionItems(chart, axis, position, evaluationFunc);
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
function getNearestItems(chart, position, axis, intersect, useFinalPosition, includeInvisible) {
|
|||
|
|
if (!includeInvisible && !chart.isPointInArea(position)) {
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
return axis === 'r' && !intersect ? getNearestRadialItems(chart, position, axis, useFinalPosition) : getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition, includeInvisible);
|
|||
|
|
}
|
|||
|
|
function getAxisItems(chart, position, axis, intersect, useFinalPosition) {
|
|||
|
|
const items = [];
|
|||
|
|
const rangeMethod = axis === 'x' ? 'inXRange' : 'inYRange';
|
|||
|
|
let intersectsItem = false;
|
|||
|
|
evaluateInteractionItems(chart, axis, position, (element, datasetIndex, index)=>{
|
|||
|
|
if (element[rangeMethod](position[axis], useFinalPosition)) {
|
|||
|
|
items.push({
|
|||
|
|
element,
|
|||
|
|
datasetIndex,
|
|||
|
|
index
|
|||
|
|
});
|
|||
|
|
intersectsItem = intersectsItem || element.inRange(position.x, position.y, useFinalPosition);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (intersect && !intersectsItem) {
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
var Interaction = {
|
|||
|
|
evaluateInteractionItems,
|
|||
|
|
modes: {
|
|||
|
|
index (chart, e, options, useFinalPosition) {
|
|||
|
|
const position = getRelativePosition(e, chart);
|
|||
|
|
const axis = options.axis || 'x';
|
|||
|
|
const includeInvisible = options.includeInvisible || false;
|
|||
|
|
const items = options.intersect ? getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) : getNearestItems(chart, position, axis, false, useFinalPosition, includeInvisible);
|
|||
|
|
const elements = [];
|
|||
|
|
if (!items.length) {
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
chart.getSortedVisibleDatasetMetas().forEach((meta)=>{
|
|||
|
|
const index = items[0].index;
|
|||
|
|
const element = meta.data[index];
|
|||
|
|
if (element && !element.skip) {
|
|||
|
|
elements.push({
|
|||
|
|
element,
|
|||
|
|
datasetIndex: meta.index,
|
|||
|
|
index
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return elements;
|
|||
|
|
},
|
|||
|
|
dataset (chart, e, options, useFinalPosition) {
|
|||
|
|
const position = getRelativePosition(e, chart);
|
|||
|
|
const axis = options.axis || 'xy';
|
|||
|
|
const includeInvisible = options.includeInvisible || false;
|
|||
|
|
let items = options.intersect ? getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible) : getNearestItems(chart, position, axis, false, useFinalPosition, includeInvisible);
|
|||
|
|
if (items.length > 0) {
|
|||
|
|
const datasetIndex = items[0].datasetIndex;
|
|||
|
|
const data = chart.getDatasetMeta(datasetIndex).data;
|
|||
|
|
items = [];
|
|||
|
|
for(let i = 0; i < data.length; ++i){
|
|||
|
|
items.push({
|
|||
|
|
element: data[i],
|
|||
|
|
datasetIndex,
|
|||
|
|
index: i
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return items;
|
|||
|
|
},
|
|||
|
|
point (chart, e, options, useFinalPosition) {
|
|||
|
|
const position = getRelativePosition(e, chart);
|
|||
|
|
const axis = options.axis || 'xy';
|
|||
|
|
const includeInvisible = options.includeInvisible || false;
|
|||
|
|
return getIntersectItems(chart, position, axis, useFinalPosition, includeInvisible);
|
|||
|
|
},
|
|||
|
|
nearest (chart, e, options, useFinalPosition) {
|
|||
|
|
const position = getRelativePosition(e, chart);
|
|||
|
|
const axis = options.axis || 'xy';
|
|||
|
|
const includeInvisible = options.includeInvisible || false;
|
|||
|
|
return getNearestItems(chart, position, axis, options.intersect, useFinalPosition, includeInvisible);
|
|||
|
|
},
|
|||
|
|
x (chart, e, options, useFinalPosition) {
|
|||
|
|
const position = getRelativePosition(e, chart);
|
|||
|
|
return getAxisItems(chart, position, 'x', options.intersect, useFinalPosition);
|
|||
|
|
},
|
|||
|
|
y (chart, e, options, useFinalPosition) {
|
|||
|
|
const position = getRelativePosition(e, chart);
|
|||
|
|
return getAxisItems(chart, position, 'y', options.intersect, useFinalPosition);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const STATIC_POSITIONS = [
|
|||
|
|
'left',
|
|||
|
|
'top',
|
|||
|
|
'right',
|
|||
|
|
'bottom'
|
|||
|
|
];
|
|||
|
|
function filterByPosition(array, position) {
|
|||
|
|
return array.filter((v)=>v.pos === position);
|
|||
|
|
}
|
|||
|
|
function filterDynamicPositionByAxis(array, axis) {
|
|||
|
|
return array.filter((v)=>STATIC_POSITIONS.indexOf(v.pos) === -1 && v.box.axis === axis);
|
|||
|
|
}
|
|||
|
|
function sortByWeight(array, reverse) {
|
|||
|
|
return array.sort((a, b)=>{
|
|||
|
|
const v0 = reverse ? b : a;
|
|||
|
|
const v1 = reverse ? a : b;
|
|||
|
|
return v0.weight === v1.weight ? v0.index - v1.index : v0.weight - v1.weight;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function wrapBoxes(boxes) {
|
|||
|
|
const layoutBoxes = [];
|
|||
|
|
let i, ilen, box, pos, stack, stackWeight;
|
|||
|
|
for(i = 0, ilen = (boxes || []).length; i < ilen; ++i){
|
|||
|
|
box = boxes[i];
|
|||
|
|
({ position: pos , options: { stack , stackWeight =1 } } = box);
|
|||
|
|
layoutBoxes.push({
|
|||
|
|
index: i,
|
|||
|
|
box,
|
|||
|
|
pos,
|
|||
|
|
horizontal: box.isHorizontal(),
|
|||
|
|
weight: box.weight,
|
|||
|
|
stack: stack && pos + stack,
|
|||
|
|
stackWeight
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return layoutBoxes;
|
|||
|
|
}
|
|||
|
|
function buildStacks(layouts) {
|
|||
|
|
const stacks = {};
|
|||
|
|
for (const wrap of layouts){
|
|||
|
|
const { stack , pos , stackWeight } = wrap;
|
|||
|
|
if (!stack || !STATIC_POSITIONS.includes(pos)) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
const _stack = stacks[stack] || (stacks[stack] = {
|
|||
|
|
count: 0,
|
|||
|
|
placed: 0,
|
|||
|
|
weight: 0,
|
|||
|
|
size: 0
|
|||
|
|
});
|
|||
|
|
_stack.count++;
|
|||
|
|
_stack.weight += stackWeight;
|
|||
|
|
}
|
|||
|
|
return stacks;
|
|||
|
|
}
|
|||
|
|
function setLayoutDims(layouts, params) {
|
|||
|
|
const stacks = buildStacks(layouts);
|
|||
|
|
const { vBoxMaxWidth , hBoxMaxHeight } = params;
|
|||
|
|
let i, ilen, layout;
|
|||
|
|
for(i = 0, ilen = layouts.length; i < ilen; ++i){
|
|||
|
|
layout = layouts[i];
|
|||
|
|
const { fullSize } = layout.box;
|
|||
|
|
const stack = stacks[layout.stack];
|
|||
|
|
const factor = stack && layout.stackWeight / stack.weight;
|
|||
|
|
if (layout.horizontal) {
|
|||
|
|
layout.width = factor ? factor * vBoxMaxWidth : fullSize && params.availableWidth;
|
|||
|
|
layout.height = hBoxMaxHeight;
|
|||
|
|
} else {
|
|||
|
|
layout.width = vBoxMaxWidth;
|
|||
|
|
layout.height = factor ? factor * hBoxMaxHeight : fullSize && params.availableHeight;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return stacks;
|
|||
|
|
}
|
|||
|
|
function buildLayoutBoxes(boxes) {
|
|||
|
|
const layoutBoxes = wrapBoxes(boxes);
|
|||
|
|
const fullSize = sortByWeight(layoutBoxes.filter((wrap)=>wrap.box.fullSize), true);
|
|||
|
|
const left = sortByWeight(filterByPosition(layoutBoxes, 'left'), true);
|
|||
|
|
const right = sortByWeight(filterByPosition(layoutBoxes, 'right'));
|
|||
|
|
const top = sortByWeight(filterByPosition(layoutBoxes, 'top'), true);
|
|||
|
|
const bottom = sortByWeight(filterByPosition(layoutBoxes, 'bottom'));
|
|||
|
|
const centerHorizontal = filterDynamicPositionByAxis(layoutBoxes, 'x');
|
|||
|
|
const centerVertical = filterDynamicPositionByAxis(layoutBoxes, 'y');
|
|||
|
|
return {
|
|||
|
|
fullSize,
|
|||
|
|
leftAndTop: left.concat(top),
|
|||
|
|
rightAndBottom: right.concat(centerVertical).concat(bottom).concat(centerHorizontal),
|
|||
|
|
chartArea: filterByPosition(layoutBoxes, 'chartArea'),
|
|||
|
|
vertical: left.concat(right).concat(centerVertical),
|
|||
|
|
horizontal: top.concat(bottom).concat(centerHorizontal)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getCombinedMax(maxPadding, chartArea, a, b) {
|
|||
|
|
return Math.max(maxPadding[a], chartArea[a]) + Math.max(maxPadding[b], chartArea[b]);
|
|||
|
|
}
|
|||
|
|
function updateMaxPadding(maxPadding, boxPadding) {
|
|||
|
|
maxPadding.top = Math.max(maxPadding.top, boxPadding.top);
|
|||
|
|
maxPadding.left = Math.max(maxPadding.left, boxPadding.left);
|
|||
|
|
maxPadding.bottom = Math.max(maxPadding.bottom, boxPadding.bottom);
|
|||
|
|
maxPadding.right = Math.max(maxPadding.right, boxPadding.right);
|
|||
|
|
}
|
|||
|
|
function updateDims(chartArea, params, layout, stacks) {
|
|||
|
|
const { pos , box } = layout;
|
|||
|
|
const maxPadding = chartArea.maxPadding;
|
|||
|
|
if (!isObject(pos)) {
|
|||
|
|
if (layout.size) {
|
|||
|
|
chartArea[pos] -= layout.size;
|
|||
|
|
}
|
|||
|
|
const stack = stacks[layout.stack] || {
|
|||
|
|
size: 0,
|
|||
|
|
count: 1
|
|||
|
|
};
|
|||
|
|
stack.size = Math.max(stack.size, layout.horizontal ? box.height : box.width);
|
|||
|
|
layout.size = stack.size / stack.count;
|
|||
|
|
chartArea[pos] += layout.size;
|
|||
|
|
}
|
|||
|
|
if (box.getPadding) {
|
|||
|
|
updateMaxPadding(maxPadding, box.getPadding());
|
|||
|
|
}
|
|||
|
|
const newWidth = Math.max(0, params.outerWidth - getCombinedMax(maxPadding, chartArea, 'left', 'right'));
|
|||
|
|
const newHeight = Math.max(0, params.outerHeight - getCombinedMax(maxPadding, chartArea, 'top', 'bottom'));
|
|||
|
|
const widthChanged = newWidth !== chartArea.w;
|
|||
|
|
const heightChanged = newHeight !== chartArea.h;
|
|||
|
|
chartArea.w = newWidth;
|
|||
|
|
chartArea.h = newHeight;
|
|||
|
|
return layout.horizontal ? {
|
|||
|
|
same: widthChanged,
|
|||
|
|
other: heightChanged
|
|||
|
|
} : {
|
|||
|
|
same: heightChanged,
|
|||
|
|
other: widthChanged
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function handleMaxPadding(chartArea) {
|
|||
|
|
const maxPadding = chartArea.maxPadding;
|
|||
|
|
function updatePos(pos) {
|
|||
|
|
const change = Math.max(maxPadding[pos] - chartArea[pos], 0);
|
|||
|
|
chartArea[pos] += change;
|
|||
|
|
return change;
|
|||
|
|
}
|
|||
|
|
chartArea.y += updatePos('top');
|
|||
|
|
chartArea.x += updatePos('left');
|
|||
|
|
updatePos('right');
|
|||
|
|
updatePos('bottom');
|
|||
|
|
}
|
|||
|
|
function getMargins(horizontal, chartArea) {
|
|||
|
|
const maxPadding = chartArea.maxPadding;
|
|||
|
|
function marginForPositions(positions) {
|
|||
|
|
const margin = {
|
|||
|
|
left: 0,
|
|||
|
|
top: 0,
|
|||
|
|
right: 0,
|
|||
|
|
bottom: 0
|
|||
|
|
};
|
|||
|
|
positions.forEach((pos)=>{
|
|||
|
|
margin[pos] = Math.max(chartArea[pos], maxPadding[pos]);
|
|||
|
|
});
|
|||
|
|
return margin;
|
|||
|
|
}
|
|||
|
|
return horizontal ? marginForPositions([
|
|||
|
|
'left',
|
|||
|
|
'right'
|
|||
|
|
]) : marginForPositions([
|
|||
|
|
'top',
|
|||
|
|
'bottom'
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
function fitBoxes(boxes, chartArea, params, stacks) {
|
|||
|
|
const refitBoxes = [];
|
|||
|
|
let i, ilen, layout, box, refit, changed;
|
|||
|
|
for(i = 0, ilen = boxes.length, refit = 0; i < ilen; ++i){
|
|||
|
|
layout = boxes[i];
|
|||
|
|
box = layout.box;
|
|||
|
|
box.update(layout.width || chartArea.w, layout.height || chartArea.h, getMargins(layout.horizontal, chartArea));
|
|||
|
|
const { same , other } = updateDims(chartArea, params, layout, stacks);
|
|||
|
|
refit |= same && refitBoxes.length;
|
|||
|
|
changed = changed || other;
|
|||
|
|
if (!box.fullSize) {
|
|||
|
|
refitBoxes.push(layout);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return refit && fitBoxes(refitBoxes, chartArea, params, stacks) || changed;
|
|||
|
|
}
|
|||
|
|
function setBoxDims(box, left, top, width, height) {
|
|||
|
|
box.top = top;
|
|||
|
|
box.left = left;
|
|||
|
|
box.right = left + width;
|
|||
|
|
box.bottom = top + height;
|
|||
|
|
box.width = width;
|
|||
|
|
box.height = height;
|
|||
|
|
}
|
|||
|
|
function placeBoxes(boxes, chartArea, params, stacks) {
|
|||
|
|
const userPadding = params.padding;
|
|||
|
|
let { x , y } = chartArea;
|
|||
|
|
for (const layout of boxes){
|
|||
|
|
const box = layout.box;
|
|||
|
|
const stack = stacks[layout.stack] || {
|
|||
|
|
count: 1,
|
|||
|
|
placed: 0,
|
|||
|
|
weight: 1
|
|||
|
|
};
|
|||
|
|
const weight = layout.stackWeight / stack.weight || 1;
|
|||
|
|
if (layout.horizontal) {
|
|||
|
|
const width = chartArea.w * weight;
|
|||
|
|
const height = stack.size || box.height;
|
|||
|
|
if (defined(stack.start)) {
|
|||
|
|
y = stack.start;
|
|||
|
|
}
|
|||
|
|
if (box.fullSize) {
|
|||
|
|
setBoxDims(box, userPadding.left, y, params.outerWidth - userPadding.right - userPadding.left, height);
|
|||
|
|
} else {
|
|||
|
|
setBoxDims(box, chartArea.left + stack.placed, y, width, height);
|
|||
|
|
}
|
|||
|
|
stack.start = y;
|
|||
|
|
stack.placed += width;
|
|||
|
|
y = box.bottom;
|
|||
|
|
} else {
|
|||
|
|
const height = chartArea.h * weight;
|
|||
|
|
const width = stack.size || box.width;
|
|||
|
|
if (defined(stack.start)) {
|
|||
|
|
x = stack.start;
|
|||
|
|
}
|
|||
|
|
if (box.fullSize) {
|
|||
|
|
setBoxDims(box, x, userPadding.top, width, params.outerHeight - userPadding.bottom - userPadding.top);
|
|||
|
|
} else {
|
|||
|
|
setBoxDims(box, x, chartArea.top + stack.placed, width, height);
|
|||
|
|
}
|
|||
|
|
stack.start = x;
|
|||
|
|
stack.placed += height;
|
|||
|
|
x = box.right;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
chartArea.x = x;
|
|||
|
|
chartArea.y = y;
|
|||
|
|
}
|
|||
|
|
var layouts = {
|
|||
|
|
addBox (chart, item) {
|
|||
|
|
if (!chart.boxes) {
|
|||
|
|
chart.boxes = [];
|
|||
|
|
}
|
|||
|
|
item.fullSize = item.fullSize || false;
|
|||
|
|
item.position = item.position || 'top';
|
|||
|
|
item.weight = item.weight || 0;
|
|||
|
|
item._layers = item._layers || function() {
|
|||
|
|
return [
|
|||
|
|
{
|
|||
|
|
z: 0,
|
|||
|
|
draw (chartArea) {
|
|||
|
|
item.draw(chartArea);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
};
|
|||
|
|
chart.boxes.push(item);
|
|||
|
|
},
|
|||
|
|
removeBox (chart, layoutItem) {
|
|||
|
|
const index = chart.boxes ? chart.boxes.indexOf(layoutItem) : -1;
|
|||
|
|
if (index !== -1) {
|
|||
|
|
chart.boxes.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
configure (chart, item, options) {
|
|||
|
|
item.fullSize = options.fullSize;
|
|||
|
|
item.position = options.position;
|
|||
|
|
item.weight = options.weight;
|
|||
|
|
},
|
|||
|
|
update (chart, width, height, minPadding) {
|
|||
|
|
if (!chart) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const padding = toPadding(chart.options.layout.padding);
|
|||
|
|
const availableWidth = Math.max(width - padding.width, 0);
|
|||
|
|
const availableHeight = Math.max(height - padding.height, 0);
|
|||
|
|
const boxes = buildLayoutBoxes(chart.boxes);
|
|||
|
|
const verticalBoxes = boxes.vertical;
|
|||
|
|
const horizontalBoxes = boxes.horizontal;
|
|||
|
|
each(chart.boxes, (box)=>{
|
|||
|
|
if (typeof box.beforeLayout === 'function') {
|
|||
|
|
box.beforeLayout();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
const visibleVerticalBoxCount = verticalBoxes.reduce((total, wrap)=>wrap.box.options && wrap.box.options.display === false ? total : total + 1, 0) || 1;
|
|||
|
|
const params = Object.freeze({
|
|||
|
|
outerWidth: width,
|
|||
|
|
outerHeight: height,
|
|||
|
|
padding,
|
|||
|
|
availableWidth,
|
|||
|
|
availableHeight,
|
|||
|
|
vBoxMaxWidth: availableWidth / 2 / visibleVerticalBoxCount,
|
|||
|
|
hBoxMaxHeight: availableHeight / 2
|
|||
|
|
});
|
|||
|
|
const maxPadding = Object.assign({}, padding);
|
|||
|
|
updateMaxPadding(maxPadding, toPadding(minPadding));
|
|||
|
|
const chartArea = Object.assign({
|
|||
|
|
maxPadding,
|
|||
|
|
w: availableWidth,
|
|||
|
|
h: availableHeight,
|
|||
|
|
x: padding.left,
|
|||
|
|
y: padding.top
|
|||
|
|
}, padding);
|
|||
|
|
const stacks = setLayoutDims(verticalBoxes.concat(horizontalBoxes), params);
|
|||
|
|
fitBoxes(boxes.fullSize, chartArea, params, stacks);
|
|||
|
|
fitBoxes(verticalBoxes, chartArea, params, stacks);
|
|||
|
|
if (fitBoxes(horizontalBoxes, chartArea, params, stacks)) {
|
|||
|
|
fitBoxes(verticalBoxes, chartArea, params, stacks);
|
|||
|
|
}
|
|||
|
|
handleMaxPadding(chartArea);
|
|||
|
|
placeBoxes(boxes.leftAndTop, chartArea, params, stacks);
|
|||
|
|
chartArea.x += chartArea.w;
|
|||
|
|
chartArea.y += chartArea.h;
|
|||
|
|
placeBoxes(boxes.rightAndBottom, chartArea, params, stacks);
|
|||
|
|
chart.chartArea = {
|
|||
|
|
left: chartArea.left,
|
|||
|
|
top: chartArea.top,
|
|||
|
|
right: chartArea.left + chartArea.w,
|
|||
|
|
bottom: chartArea.top + chartArea.h,
|
|||
|
|
height: chartArea.h,
|
|||
|
|
width: chartArea.w
|
|||
|
|
};
|
|||
|
|
each(boxes.chartArea, (layout)=>{
|
|||
|
|
const box = layout.box;
|
|||
|
|
Object.assign(box, chart.chartArea);
|
|||
|
|
box.update(chartArea.w, chartArea.h, {
|
|||
|
|
left: 0,
|
|||
|
|
top: 0,
|
|||
|
|
right: 0,
|
|||
|
|
bottom: 0
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
class BasePlatform {
|
|||
|
|
acquireContext(canvas, aspectRatio) {}
|
|||
|
|
releaseContext(context) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
addEventListener(chart, type, listener) {}
|
|||
|
|
removeEventListener(chart, type, listener) {}
|
|||
|
|
getDevicePixelRatio() {
|
|||
|
|
return 1;
|
|||
|
|
}
|
|||
|
|
getMaximumSize(element, width, height, aspectRatio) {
|
|||
|
|
width = Math.max(0, width || element.width);
|
|||
|
|
height = height || element.height;
|
|||
|
|
return {
|
|||
|
|
width,
|
|||
|
|
height: Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
isAttached(canvas) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
updateConfig(config) {
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class BasicPlatform extends BasePlatform {
|
|||
|
|
acquireContext(item) {
|
|||
|
|
return item && item.getContext && item.getContext('2d') || null;
|
|||
|
|
}
|
|||
|
|
updateConfig(config) {
|
|||
|
|
config.options.animation = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const EXPANDO_KEY = '$chartjs';
|
|||
|
|
const EVENT_TYPES = {
|
|||
|
|
touchstart: 'mousedown',
|
|||
|
|
touchmove: 'mousemove',
|
|||
|
|
touchend: 'mouseup',
|
|||
|
|
pointerenter: 'mouseenter',
|
|||
|
|
pointerdown: 'mousedown',
|
|||
|
|
pointermove: 'mousemove',
|
|||
|
|
pointerup: 'mouseup',
|
|||
|
|
pointerleave: 'mouseout',
|
|||
|
|
pointerout: 'mouseout'
|
|||
|
|
};
|
|||
|
|
const isNullOrEmpty = (value)=>value === null || value === '';
|
|||
|
|
function initCanvas(canvas, aspectRatio) {
|
|||
|
|
const style = canvas.style;
|
|||
|
|
const renderHeight = canvas.getAttribute('height');
|
|||
|
|
const renderWidth = canvas.getAttribute('width');
|
|||
|
|
canvas[EXPANDO_KEY] = {
|
|||
|
|
initial: {
|
|||
|
|
height: renderHeight,
|
|||
|
|
width: renderWidth,
|
|||
|
|
style: {
|
|||
|
|
display: style.display,
|
|||
|
|
height: style.height,
|
|||
|
|
width: style.width
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
style.display = style.display || 'block';
|
|||
|
|
style.boxSizing = style.boxSizing || 'border-box';
|
|||
|
|
if (isNullOrEmpty(renderWidth)) {
|
|||
|
|
const displayWidth = readUsedSize(canvas, 'width');
|
|||
|
|
if (displayWidth !== undefined) {
|
|||
|
|
canvas.width = displayWidth;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (isNullOrEmpty(renderHeight)) {
|
|||
|
|
if (canvas.style.height === '') {
|
|||
|
|
canvas.height = canvas.width / (aspectRatio || 2);
|
|||
|
|
} else {
|
|||
|
|
const displayHeight = readUsedSize(canvas, 'height');
|
|||
|
|
if (displayHeight !== undefined) {
|
|||
|
|
canvas.height = displayHeight;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return canvas;
|
|||
|
|
}
|
|||
|
|
const eventListenerOptions = supportsEventListenerOptions ? {
|
|||
|
|
passive: true
|
|||
|
|
} : false;
|
|||
|
|
function addListener(node, type, listener) {
|
|||
|
|
node.addEventListener(type, listener, eventListenerOptions);
|
|||
|
|
}
|
|||
|
|
function removeListener(chart, type, listener) {
|
|||
|
|
chart.canvas.removeEventListener(type, listener, eventListenerOptions);
|
|||
|
|
}
|
|||
|
|
function fromNativeEvent(event, chart) {
|
|||
|
|
const type = EVENT_TYPES[event.type] || event.type;
|
|||
|
|
const { x , y } = getRelativePosition(event, chart);
|
|||
|
|
return {
|
|||
|
|
type,
|
|||
|
|
chart,
|
|||
|
|
native: event,
|
|||
|
|
x: x !== undefined ? x : null,
|
|||
|
|
y: y !== undefined ? y : null
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function nodeListContains(nodeList, canvas) {
|
|||
|
|
for (const node of nodeList){
|
|||
|
|
if (node === canvas || node.contains(canvas)) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function createAttachObserver(chart, type, listener) {
|
|||
|
|
const canvas = chart.canvas;
|
|||
|
|
const observer = new MutationObserver((entries)=>{
|
|||
|
|
let trigger = false;
|
|||
|
|
for (const entry of entries){
|
|||
|
|
trigger = trigger || nodeListContains(entry.addedNodes, canvas);
|
|||
|
|
trigger = trigger && !nodeListContains(entry.removedNodes, canvas);
|
|||
|
|
}
|
|||
|
|
if (trigger) {
|
|||
|
|
listener();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
observer.observe(document, {
|
|||
|
|
childList: true,
|
|||
|
|
subtree: true
|
|||
|
|
});
|
|||
|
|
return observer;
|
|||
|
|
}
|
|||
|
|
function createDetachObserver(chart, type, listener) {
|
|||
|
|
const canvas = chart.canvas;
|
|||
|
|
const observer = new MutationObserver((entries)=>{
|
|||
|
|
let trigger = false;
|
|||
|
|
for (const entry of entries){
|
|||
|
|
trigger = trigger || nodeListContains(entry.removedNodes, canvas);
|
|||
|
|
trigger = trigger && !nodeListContains(entry.addedNodes, canvas);
|
|||
|
|
}
|
|||
|
|
if (trigger) {
|
|||
|
|
listener();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
observer.observe(document, {
|
|||
|
|
childList: true,
|
|||
|
|
subtree: true
|
|||
|
|
});
|
|||
|
|
return observer;
|
|||
|
|
}
|
|||
|
|
const drpListeningCharts = new Map();
|
|||
|
|
let oldDevicePixelRatio = 0;
|
|||
|
|
function onWindowResize() {
|
|||
|
|
const dpr = window.devicePixelRatio;
|
|||
|
|
if (dpr === oldDevicePixelRatio) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
oldDevicePixelRatio = dpr;
|
|||
|
|
drpListeningCharts.forEach((resize, chart)=>{
|
|||
|
|
if (chart.currentDevicePixelRatio !== dpr) {
|
|||
|
|
resize();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function listenDevicePixelRatioChanges(chart, resize) {
|
|||
|
|
if (!drpListeningCharts.size) {
|
|||
|
|
window.addEventListener('resize', onWindowResize);
|
|||
|
|
}
|
|||
|
|
drpListeningCharts.set(chart, resize);
|
|||
|
|
}
|
|||
|
|
function unlistenDevicePixelRatioChanges(chart) {
|
|||
|
|
drpListeningCharts.delete(chart);
|
|||
|
|
if (!drpListeningCharts.size) {
|
|||
|
|
window.removeEventListener('resize', onWindowResize);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function createResizeObserver(chart, type, listener) {
|
|||
|
|
const canvas = chart.canvas;
|
|||
|
|
const container = canvas && _getParentNode(canvas);
|
|||
|
|
if (!container) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const resize = throttled((width, height)=>{
|
|||
|
|
const w = container.clientWidth;
|
|||
|
|
listener(width, height);
|
|||
|
|
if (w < container.clientWidth) {
|
|||
|
|
listener();
|
|||
|
|
}
|
|||
|
|
}, window);
|
|||
|
|
const observer = new ResizeObserver((entries)=>{
|
|||
|
|
const entry = entries[0];
|
|||
|
|
const width = entry.contentRect.width;
|
|||
|
|
const height = entry.contentRect.height;
|
|||
|
|
if (width === 0 && height === 0) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
resize(width, height);
|
|||
|
|
});
|
|||
|
|
observer.observe(container);
|
|||
|
|
listenDevicePixelRatioChanges(chart, resize);
|
|||
|
|
return observer;
|
|||
|
|
}
|
|||
|
|
function releaseObserver(chart, type, observer) {
|
|||
|
|
if (observer) {
|
|||
|
|
observer.disconnect();
|
|||
|
|
}
|
|||
|
|
if (type === 'resize') {
|
|||
|
|
unlistenDevicePixelRatioChanges(chart);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function createProxyAndListen(chart, type, listener) {
|
|||
|
|
const canvas = chart.canvas;
|
|||
|
|
const proxy = throttled((event)=>{
|
|||
|
|
if (chart.ctx !== null) {
|
|||
|
|
listener(fromNativeEvent(event, chart));
|
|||
|
|
}
|
|||
|
|
}, chart);
|
|||
|
|
addListener(canvas, type, proxy);
|
|||
|
|
return proxy;
|
|||
|
|
}
|
|||
|
|
class DomPlatform extends BasePlatform {
|
|||
|
|
acquireContext(canvas, aspectRatio) {
|
|||
|
|
const context = canvas && canvas.getContext && canvas.getContext('2d');
|
|||
|
|
if (context && context.canvas === canvas) {
|
|||
|
|
initCanvas(canvas, aspectRatio);
|
|||
|
|
return context;
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
releaseContext(context) {
|
|||
|
|
const canvas = context.canvas;
|
|||
|
|
if (!canvas[EXPANDO_KEY]) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
const initial = canvas[EXPANDO_KEY].initial;
|
|||
|
|
[
|
|||
|
|
'height',
|
|||
|
|
'width'
|
|||
|
|
].forEach((prop)=>{
|
|||
|
|
const value = initial[prop];
|
|||
|
|
if (isNullOrUndef(value)) {
|
|||
|
|
canvas.removeAttribute(prop);
|
|||
|
|
} else {
|
|||
|
|
canvas.setAttribute(prop, value);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
const style = initial.style || {};
|
|||
|
|
Object.keys(style).forEach((key)=>{
|
|||
|
|
canvas.style[key] = style[key];
|
|||
|
|
});
|
|||
|
|
canvas.width = canvas.width;
|
|||
|
|
delete canvas[EXPANDO_KEY];
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
addEventListener(chart, type, listener) {
|
|||
|
|
this.removeEventListener(chart, type);
|
|||
|
|
const proxies = chart.$proxies || (chart.$proxies = {});
|
|||
|
|
const handlers = {
|
|||
|
|
attach: createAttachObserver,
|
|||
|
|
detach: createDetachObserver,
|
|||
|
|
resize: createResizeObserver
|
|||
|
|
};
|
|||
|
|
const handler = handlers[type] || createProxyAndListen;
|
|||
|
|
proxies[type] = handler(chart, type, listener);
|
|||
|
|
}
|
|||
|
|
removeEventListener(chart, type) {
|
|||
|
|
const proxies = chart.$proxies || (chart.$proxies = {});
|
|||
|
|
const proxy = proxies[type];
|
|||
|
|
if (!proxy) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const handlers = {
|
|||
|
|
attach: releaseObserver,
|
|||
|
|
detach: releaseObserver,
|
|||
|
|
resize: releaseObserver
|
|||
|
|
};
|
|||
|
|
const handler = handlers[type] || removeListener;
|
|||
|
|
handler(chart, type, proxy);
|
|||
|
|
proxies[type] = undefined;
|
|||
|
|
}
|
|||
|
|
getDevicePixelRatio() {
|
|||
|
|
return window.devicePixelRatio;
|
|||
|
|
}
|
|||
|
|
getMaximumSize(canvas, width, height, aspectRatio) {
|
|||
|
|
return getMaximumSize(canvas, width, height, aspectRatio);
|
|||
|
|
}
|
|||
|
|
isAttached(canvas) {
|
|||
|
|
const container = _getParentNode(canvas);
|
|||
|
|
return !!(container && container.isConnected);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function _detectPlatform(canvas) {
|
|||
|
|
if (!_isDomSupported() || typeof OffscreenCanvas !== 'undefined' && canvas instanceof OffscreenCanvas) {
|
|||
|
|
return BasicPlatform;
|
|||
|
|
}
|
|||
|
|
return DomPlatform;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class Element {
|
|||
|
|
static defaults = {};
|
|||
|
|
static defaultRoutes = undefined;
|
|||
|
|
x;
|
|||
|
|
y;
|
|||
|
|
active = false;
|
|||
|
|
options;
|
|||
|
|
$animations;
|
|||
|
|
tooltipPosition(useFinalPosition) {
|
|||
|
|
const { x , y } = this.getProps([
|
|||
|
|
'x',
|
|||
|
|
'y'
|
|||
|
|
], useFinalPosition);
|
|||
|
|
return {
|
|||
|
|
x,
|
|||
|
|
y
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
hasValue() {
|
|||
|
|
return isNumber(this.x) && isNumber(this.y);
|
|||
|
|
}
|
|||
|
|
getProps(props, final) {
|
|||
|
|
const anims = this.$animations;
|
|||
|
|
if (!final || !anims) {
|
|||
|
|
// let's not create an object, if not needed
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
const ret = {};
|
|||
|
|
props.forEach((prop)=>{
|
|||
|
|
ret[prop] = anims[prop] && anims[prop].active() ? anims[prop]._to : this[prop];
|
|||
|
|
});
|
|||
|
|
return ret;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function autoSkip(scale, ticks) {
|
|||
|
|
const tickOpts = scale.options.ticks;
|
|||
|
|
const determinedMaxTicks = determineMaxTicks(scale);
|
|||
|
|
const ticksLimit = Math.min(tickOpts.maxTicksLimit || determinedMaxTicks, determinedMaxTicks);
|
|||
|
|
const majorIndices = tickOpts.major.enabled ? getMajorIndices(ticks) : [];
|
|||
|
|
const numMajorIndices = majorIndices.length;
|
|||
|
|
const first = majorIndices[0];
|
|||
|
|
const last = majorIndices[numMajorIndices - 1];
|
|||
|
|
const newTicks = [];
|
|||
|
|
if (numMajorIndices > ticksLimit) {
|
|||
|
|
skipMajors(ticks, newTicks, majorIndices, numMajorIndices / ticksLimit);
|
|||
|
|
return newTicks;
|
|||
|
|
}
|
|||
|
|
const spacing = calculateSpacing(majorIndices, ticks, ticksLimit);
|
|||
|
|
if (numMajorIndices > 0) {
|
|||
|
|
let i, ilen;
|
|||
|
|
const avgMajorSpacing = numMajorIndices > 1 ? Math.round((last - first) / (numMajorIndices - 1)) : null;
|
|||
|
|
skip(ticks, newTicks, spacing, isNullOrUndef(avgMajorSpacing) ? 0 : first - avgMajorSpacing, first);
|
|||
|
|
for(i = 0, ilen = numMajorIndices - 1; i < ilen; i++){
|
|||
|
|
skip(ticks, newTicks, spacing, majorIndices[i], majorIndices[i + 1]);
|
|||
|
|
}
|
|||
|
|
skip(ticks, newTicks, spacing, last, isNullOrUndef(avgMajorSpacing) ? ticks.length : last + avgMajorSpacing);
|
|||
|
|
return newTicks;
|
|||
|
|
}
|
|||
|
|
skip(ticks, newTicks, spacing);
|
|||
|
|
return newTicks;
|
|||
|
|
}
|
|||
|
|
function determineMaxTicks(scale) {
|
|||
|
|
const offset = scale.options.offset;
|
|||
|
|
const tickLength = scale._tickSize();
|
|||
|
|
const maxScale = scale._length / tickLength + (offset ? 0 : 1);
|
|||
|
|
const maxChart = scale._maxLength / tickLength;
|
|||
|
|
return Math.floor(Math.min(maxScale, maxChart));
|
|||
|
|
}
|
|||
|
|
function calculateSpacing(majorIndices, ticks, ticksLimit) {
|
|||
|
|
const evenMajorSpacing = getEvenSpacing(majorIndices);
|
|||
|
|
const spacing = ticks.length / ticksLimit;
|
|||
|
|
if (!evenMajorSpacing) {
|
|||
|
|
return Math.max(spacing, 1);
|
|||
|
|
}
|
|||
|
|
const factors = _factorize(evenMajorSpacing);
|
|||
|
|
for(let i = 0, ilen = factors.length - 1; i < ilen; i++){
|
|||
|
|
const factor = factors[i];
|
|||
|
|
if (factor > spacing) {
|
|||
|
|
return factor;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return Math.max(spacing, 1);
|
|||
|
|
}
|
|||
|
|
function getMajorIndices(ticks) {
|
|||
|
|
const result = [];
|
|||
|
|
let i, ilen;
|
|||
|
|
for(i = 0, ilen = ticks.length; i < ilen; i++){
|
|||
|
|
if (ticks[i].major) {
|
|||
|
|
result.push(i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
function skipMajors(ticks, newTicks, majorIndices, spacing) {
|
|||
|
|
let count = 0;
|
|||
|
|
let next = majorIndices[0];
|
|||
|
|
let i;
|
|||
|
|
spacing = Math.ceil(spacing);
|
|||
|
|
for(i = 0; i < ticks.length; i++){
|
|||
|
|
if (i === next) {
|
|||
|
|
newTicks.push(ticks[i]);
|
|||
|
|
count++;
|
|||
|
|
next = majorIndices[count * spacing];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function skip(ticks, newTicks, spacing, majorStart, majorEnd) {
|
|||
|
|
const start = valueOrDefault(majorStart, 0);
|
|||
|
|
const end = Math.min(valueOrDefault(majorEnd, ticks.length), ticks.length);
|
|||
|
|
let count = 0;
|
|||
|
|
let length, i, next;
|
|||
|
|
spacing = Math.ceil(spacing);
|
|||
|
|
if (majorEnd) {
|
|||
|
|
length = majorEnd - majorStart;
|
|||
|
|
spacing = length / Math.floor(length / spacing);
|
|||
|
|
}
|
|||
|
|
next = start;
|
|||
|
|
while(next < 0){
|
|||
|
|
count++;
|
|||
|
|
next = Math.round(start + count * spacing);
|
|||
|
|
}
|
|||
|
|
for(i = Math.max(start, 0); i < end; i++){
|
|||
|
|
if (i === next) {
|
|||
|
|
newTicks.push(ticks[i]);
|
|||
|
|
count++;
|
|||
|
|
next = Math.round(start + count * spacing);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function getEvenSpacing(arr) {
|
|||
|
|
const len = arr.length;
|
|||
|
|
let i, diff;
|
|||
|
|
if (len < 2) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
for(diff = arr[0], i = 1; i < len; ++i){
|
|||
|
|
if (arr[i] - arr[i - 1] !== diff) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return diff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const reverseAlign = (align)=>align === 'left' ? 'right' : align === 'right' ? 'left' : align;
|
|||
|
|
const offsetFromEdge = (scale, edge, offset)=>edge === 'top' || edge === 'left' ? scale[edge] + offset : scale[edge] - offset;
|
|||
|
|
const getTicksLimit = (ticksLength, maxTicksLimit)=>Math.min(maxTicksLimit || ticksLength, ticksLength);
|
|||
|
|
function sample(arr, numItems) {
|
|||
|
|
const result = [];
|
|||
|
|
const increment = arr.length / numItems;
|
|||
|
|
const len = arr.length;
|
|||
|
|
let i = 0;
|
|||
|
|
for(; i < len; i += increment){
|
|||
|
|
result.push(arr[Math.floor(i)]);
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
function getPixelForGridLine(scale, index, offsetGridLines) {
|
|||
|
|
const length = scale.ticks.length;
|
|||
|
|
const validIndex = Math.min(index, length - 1);
|
|||
|
|
const start = scale._startPixel;
|
|||
|
|
const end = scale._endPixel;
|
|||
|
|
const epsilon = 1e-6;
|
|||
|
|
let lineValue = scale.getPixelForTick(validIndex);
|
|||
|
|
let offset;
|
|||
|
|
if (offsetGridLines) {
|
|||
|
|
if (length === 1) {
|
|||
|
|
offset = Math.max(lineValue - start, end - lineValue);
|
|||
|
|
} else if (index === 0) {
|
|||
|
|
offset = (scale.getPixelForTick(1) - lineValue) / 2;
|
|||
|
|
} else {
|
|||
|
|
offset = (lineValue - scale.getPixelForTick(validIndex - 1)) / 2;
|
|||
|
|
}
|
|||
|
|
lineValue += validIndex < index ? offset : -offset;
|
|||
|
|
if (lineValue < start - epsilon || lineValue > end + epsilon) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return lineValue;
|
|||
|
|
}
|
|||
|
|
function garbageCollect(caches, length) {
|
|||
|
|
each(caches, (cache)=>{
|
|||
|
|
const gc = cache.gc;
|
|||
|
|
const gcLen = gc.length / 2;
|
|||
|
|
let i;
|
|||
|
|
if (gcLen > length) {
|
|||
|
|
for(i = 0; i < gcLen; ++i){
|
|||
|
|
delete cache.data[gc[i]];
|
|||
|
|
}
|
|||
|
|
gc.splice(0, gcLen);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function getTickMarkLength(options) {
|
|||
|
|
return options.drawTicks ? options.tickLength : 0;
|
|||
|
|
}
|
|||
|
|
function getTitleHeight(options, fallback) {
|
|||
|
|
if (!options.display) {
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
const font = toFont(options.font, fallback);
|
|||
|
|
const padding = toPadding(options.padding);
|
|||
|
|
const lines = isArray(options.text) ? options.text.length : 1;
|
|||
|
|
return lines * font.lineHeight + padding.height;
|
|||
|
|
}
|
|||
|
|
function createScaleContext(parent, scale) {
|
|||
|
|
return createContext(parent, {
|
|||
|
|
scale,
|
|||
|
|
type: 'scale'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function createTickContext(parent, index, tick) {
|
|||
|
|
return createContext(parent, {
|
|||
|
|
tick,
|
|||
|
|
index,
|
|||
|
|
type: 'tick'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function titleAlign(align, position, reverse) {
|
|||
|
|
let ret = _toLeftRightCenter(align);
|
|||
|
|
if (reverse && position !== 'right' || !reverse && position === 'right') {
|
|||
|
|
ret = reverseAlign(ret);
|
|||
|
|
}
|
|||
|
|
return ret;
|
|||
|
|
}
|
|||
|
|
function titleArgs(scale, offset, position, align) {
|
|||
|
|
const { top , left , bottom , right , chart } = scale;
|
|||
|
|
const { chartArea , scales } = chart;
|
|||
|
|
let rotation = 0;
|
|||
|
|
let maxWidth, titleX, titleY;
|
|||
|
|
const height = bottom - top;
|
|||
|
|
const width = right - left;
|
|||
|
|
if (scale.isHorizontal()) {
|
|||
|
|
titleX = _alignStartEnd(align, left, right);
|
|||
|
|
if (isObject(position)) {
|
|||
|
|
const positionAxisID = Object.keys(position)[0];
|
|||
|
|
const value = position[positionAxisID];
|
|||
|
|
titleY = scales[positionAxisID].getPixelForValue(value) + height - offset;
|
|||
|
|
} else if (position === 'center') {
|
|||
|
|
titleY = (chartArea.bottom + chartArea.top) / 2 + height - offset;
|
|||
|
|
} else {
|
|||
|
|
titleY = offsetFromEdge(scale, position, offset);
|
|||
|
|
}
|
|||
|
|
maxWidth = right - left;
|
|||
|
|
} else {
|
|||
|
|
if (isObject(position)) {
|
|||
|
|
const positionAxisID = Object.keys(position)[0];
|
|||
|
|
const value = position[positionAxisID];
|
|||
|
|
titleX = scales[positionAxisID].getPixelForValue(value) - width + offset;
|
|||
|
|
} else if (position === 'center') {
|
|||
|
|
titleX = (chartArea.left + chartArea.right) / 2 - width + offset;
|
|||
|
|
} else {
|
|||
|
|
titleX = offsetFromEdge(scale, position, offset);
|
|||
|
|
}
|
|||
|
|
titleY = _alignStartEnd(align, bottom, top);
|
|||
|
|
rotation = position === 'left' ? -HALF_PI : HALF_PI;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
titleX,
|
|||
|
|
titleY,
|
|||
|
|
maxWidth,
|
|||
|
|
rotation
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
class Scale extends Element {
|
|||
|
|
constructor(cfg){
|
|||
|
|
super();
|
|||
|
|
this.id = cfg.id;
|
|||
|
|
this.type = cfg.type;
|
|||
|
|
this.options = undefined;
|
|||
|
|
this.ctx = cfg.ctx;
|
|||
|
|
this.chart = cfg.chart;
|
|||
|
|
this.top = undefined;
|
|||
|
|
this.bottom = undefined;
|
|||
|
|
this.left = undefined;
|
|||
|
|
this.right = undefined;
|
|||
|
|
this.width = undefined;
|
|||
|
|
this.height = undefined;
|
|||
|
|
this._margins = {
|
|||
|
|
left: 0,
|
|||
|
|
right: 0,
|
|||
|
|
top: 0,
|
|||
|
|
bottom: 0
|
|||
|
|
};
|
|||
|
|
this.maxWidth = undefined;
|
|||
|
|
this.maxHeight = undefined;
|
|||
|
|
this.paddingTop = undefined;
|
|||
|
|
this.paddingBottom = undefined;
|
|||
|
|
this.paddingLeft = undefined;
|
|||
|
|
this.paddingRight = undefined;
|
|||
|
|
this.axis = undefined;
|
|||
|
|
this.labelRotation = undefined;
|
|||
|
|
this.min = undefined;
|
|||
|
|
this.max = undefined;
|
|||
|
|
this._range = undefined;
|
|||
|
|
this.ticks = [];
|
|||
|
|
this._gridLineItems = null;
|
|||
|
|
this._labelItems = null;
|
|||
|
|
this._labelSizes = null;
|
|||
|
|
this._length = 0;
|
|||
|
|
this._maxLength = 0;
|
|||
|
|
this._longestTextCache = {};
|
|||
|
|
this._startPixel = undefined;
|
|||
|
|
this._endPixel = undefined;
|
|||
|
|
this._reversePixels = false;
|
|||
|
|
this._userMax = undefined;
|
|||
|
|
this._userMin = undefined;
|
|||
|
|
this._suggestedMax = undefined;
|
|||
|
|
this._suggestedMin = undefined;
|
|||
|
|
this._ticksLength = 0;
|
|||
|
|
this._borderValue = 0;
|
|||
|
|
this._cache = {};
|
|||
|
|
this._dataLimitsCached = false;
|
|||
|
|
this.$context = undefined;
|
|||
|
|
}
|
|||
|
|
init(options) {
|
|||
|
|
this.options = options.setContext(this.getContext());
|
|||
|
|
this.axis = options.axis;
|
|||
|
|
this._userMin = this.parse(options.min);
|
|||
|
|
this._userMax = this.parse(options.max);
|
|||
|
|
this._suggestedMin = this.parse(options.suggestedMin);
|
|||
|
|
this._suggestedMax = this.parse(options.suggestedMax);
|
|||
|
|
}
|
|||
|
|
parse(raw, index) {
|
|||
|
|
return raw;
|
|||
|
|
}
|
|||
|
|
getUserBounds() {
|
|||
|
|
let { _userMin , _userMax , _suggestedMin , _suggestedMax } = this;
|
|||
|
|
_userMin = finiteOrDefault(_userMin, Number.POSITIVE_INFINITY);
|
|||
|
|
_userMax = finiteOrDefault(_userMax, Number.NEGATIVE_INFINITY);
|
|||
|
|
_suggestedMin = finiteOrDefault(_suggestedMin, Number.POSITIVE_INFINITY);
|
|||
|
|
_suggestedMax = finiteOrDefault(_suggestedMax, Number.NEGATIVE_INFINITY);
|
|||
|
|
return {
|
|||
|
|
min: finiteOrDefault(_userMin, _suggestedMin),
|
|||
|
|
max: finiteOrDefault(_userMax, _suggestedMax),
|
|||
|
|
minDefined: isNumberFinite(_userMin),
|
|||
|
|
maxDefined: isNumberFinite(_userMax)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
getMinMax(canStack) {
|
|||
|
|
let { min , max , minDefined , maxDefined } = this.getUserBounds();
|
|||
|
|
let range;
|
|||
|
|
if (minDefined && maxDefined) {
|
|||
|
|
return {
|
|||
|
|
min,
|
|||
|
|
max
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
const metas = this.getMatchingVisibleMetas();
|
|||
|
|
for(let i = 0, ilen = metas.length; i < ilen; ++i){
|
|||
|
|
range = metas[i].controller.getMinMax(this, canStack);
|
|||
|
|
if (!minDefined) {
|
|||
|
|
min = Math.min(min, range.min);
|
|||
|
|
}
|
|||
|
|
if (!maxDefined) {
|
|||
|
|
max = Math.max(max, range.max);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
min = maxDefined && min > max ? max : min;
|
|||
|
|
max = minDefined && min > max ? min : max;
|
|||
|
|
return {
|
|||
|
|
min: finiteOrDefault(min, finiteOrDefault(max, min)),
|
|||
|
|
max: finiteOrDefault(max, finiteOrDefault(min, max))
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
getPadding() {
|
|||
|
|
return {
|
|||
|
|
left: this.paddingLeft || 0,
|
|||
|
|
top: this.paddingTop || 0,
|
|||
|
|
right: this.paddingRight || 0,
|
|||
|
|
bottom: this.paddingBottom || 0
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
getTicks() {
|
|||
|
|
return this.ticks;
|
|||
|
|
}
|
|||
|
|
getLabels() {
|
|||
|
|
const data = this.chart.data;
|
|||
|
|
return this.options.labels || (this.isHorizontal() ? data.xLabels : data.yLabels) || data.labels || [];
|
|||
|
|
}
|
|||
|
|
getLabelItems(chartArea = this.chart.chartArea) {
|
|||
|
|
const items = this._labelItems || (this._labelItems = this._computeLabelItems(chartArea));
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
beforeLayout() {
|
|||
|
|
this._cache = {};
|
|||
|
|
this._dataLimitsCached = false;
|
|||
|
|
}
|
|||
|
|
beforeUpdate() {
|
|||
|
|
callback(this.options.beforeUpdate, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
update(maxWidth, maxHeight, margins) {
|
|||
|
|
const { beginAtZero , grace , ticks: tickOpts } = this.options;
|
|||
|
|
const sampleSize = tickOpts.sampleSize;
|
|||
|
|
this.beforeUpdate();
|
|||
|
|
this.maxWidth = maxWidth;
|
|||
|
|
this.maxHeight = maxHeight;
|
|||
|
|
this._margins = margins = Object.assign({
|
|||
|
|
left: 0,
|
|||
|
|
right: 0,
|
|||
|
|
top: 0,
|
|||
|
|
bottom: 0
|
|||
|
|
}, margins);
|
|||
|
|
this.ticks = null;
|
|||
|
|
this._labelSizes = null;
|
|||
|
|
this._gridLineItems = null;
|
|||
|
|
this._labelItems = null;
|
|||
|
|
this.beforeSetDimensions();
|
|||
|
|
this.setDimensions();
|
|||
|
|
this.afterSetDimensions();
|
|||
|
|
this._maxLength = this.isHorizontal() ? this.width + margins.left + margins.right : this.height + margins.top + margins.bottom;
|
|||
|
|
if (!this._dataLimitsCached) {
|
|||
|
|
this.beforeDataLimits();
|
|||
|
|
this.determineDataLimits();
|
|||
|
|
this.afterDataLimits();
|
|||
|
|
this._range = _addGrace(this, grace, beginAtZero);
|
|||
|
|
this._dataLimitsCached = true;
|
|||
|
|
}
|
|||
|
|
this.beforeBuildTicks();
|
|||
|
|
this.ticks = this.buildTicks() || [];
|
|||
|
|
this.afterBuildTicks();
|
|||
|
|
const samplingEnabled = sampleSize < this.ticks.length;
|
|||
|
|
this._convertTicksToLabels(samplingEnabled ? sample(this.ticks, sampleSize) : this.ticks);
|
|||
|
|
this.configure();
|
|||
|
|
this.beforeCalculateLabelRotation();
|
|||
|
|
this.calculateLabelRotation();
|
|||
|
|
this.afterCalculateLabelRotation();
|
|||
|
|
if (tickOpts.display && (tickOpts.autoSkip || tickOpts.source === 'auto')) {
|
|||
|
|
this.ticks = autoSkip(this, this.ticks);
|
|||
|
|
this._labelSizes = null;
|
|||
|
|
this.afterAutoSkip();
|
|||
|
|
}
|
|||
|
|
if (samplingEnabled) {
|
|||
|
|
this._convertTicksToLabels(this.ticks);
|
|||
|
|
}
|
|||
|
|
this.beforeFit();
|
|||
|
|
this.fit();
|
|||
|
|
this.afterFit();
|
|||
|
|
this.afterUpdate();
|
|||
|
|
}
|
|||
|
|
configure() {
|
|||
|
|
let reversePixels = this.options.reverse;
|
|||
|
|
let startPixel, endPixel;
|
|||
|
|
if (this.isHorizontal()) {
|
|||
|
|
startPixel = this.left;
|
|||
|
|
endPixel = this.right;
|
|||
|
|
} else {
|
|||
|
|
startPixel = this.top;
|
|||
|
|
endPixel = this.bottom;
|
|||
|
|
reversePixels = !reversePixels;
|
|||
|
|
}
|
|||
|
|
this._startPixel = startPixel;
|
|||
|
|
this._endPixel = endPixel;
|
|||
|
|
this._reversePixels = reversePixels;
|
|||
|
|
this._length = endPixel - startPixel;
|
|||
|
|
this._alignToPixels = this.options.alignToPixels;
|
|||
|
|
}
|
|||
|
|
afterUpdate() {
|
|||
|
|
callback(this.options.afterUpdate, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
beforeSetDimensions() {
|
|||
|
|
callback(this.options.beforeSetDimensions, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
setDimensions() {
|
|||
|
|
if (this.isHorizontal()) {
|
|||
|
|
this.width = this.maxWidth;
|
|||
|
|
this.left = 0;
|
|||
|
|
this.right = this.width;
|
|||
|
|
} else {
|
|||
|
|
this.height = this.maxHeight;
|
|||
|
|
this.top = 0;
|
|||
|
|
this.bottom = this.height;
|
|||
|
|
}
|
|||
|
|
this.paddingLeft = 0;
|
|||
|
|
this.paddingTop = 0;
|
|||
|
|
this.paddingRight = 0;
|
|||
|
|
this.paddingBottom = 0;
|
|||
|
|
}
|
|||
|
|
afterSetDimensions() {
|
|||
|
|
callback(this.options.afterSetDimensions, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
_callHooks(name) {
|
|||
|
|
this.chart.notifyPlugins(name, this.getContext());
|
|||
|
|
callback(this.options[name], [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
beforeDataLimits() {
|
|||
|
|
this._callHooks('beforeDataLimits');
|
|||
|
|
}
|
|||
|
|
determineDataLimits() {}
|
|||
|
|
afterDataLimits() {
|
|||
|
|
this._callHooks('afterDataLimits');
|
|||
|
|
}
|
|||
|
|
beforeBuildTicks() {
|
|||
|
|
this._callHooks('beforeBuildTicks');
|
|||
|
|
}
|
|||
|
|
buildTicks() {
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
afterBuildTicks() {
|
|||
|
|
this._callHooks('afterBuildTicks');
|
|||
|
|
}
|
|||
|
|
beforeTickToLabelConversion() {
|
|||
|
|
callback(this.options.beforeTickToLabelConversion, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
generateTickLabels(ticks) {
|
|||
|
|
const tickOpts = this.options.ticks;
|
|||
|
|
let i, ilen, tick;
|
|||
|
|
for(i = 0, ilen = ticks.length; i < ilen; i++){
|
|||
|
|
tick = ticks[i];
|
|||
|
|
tick.label = callback(tickOpts.callback, [
|
|||
|
|
tick.value,
|
|||
|
|
i,
|
|||
|
|
ticks
|
|||
|
|
], this);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
afterTickToLabelConversion() {
|
|||
|
|
callback(this.options.afterTickToLabelConversion, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
beforeCalculateLabelRotation() {
|
|||
|
|
callback(this.options.beforeCalculateLabelRotation, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
calculateLabelRotation() {
|
|||
|
|
const options = this.options;
|
|||
|
|
const tickOpts = options.ticks;
|
|||
|
|
const numTicks = getTicksLimit(this.ticks.length, options.ticks.maxTicksLimit);
|
|||
|
|
const minRotation = tickOpts.minRotation || 0;
|
|||
|
|
const maxRotation = tickOpts.maxRotation;
|
|||
|
|
let labelRotation = minRotation;
|
|||
|
|
let tickWidth, maxHeight, maxLabelDiagonal;
|
|||
|
|
if (!this._isVisible() || !tickOpts.display || minRotation >= maxRotation || numTicks <= 1 || !this.isHorizontal()) {
|
|||
|
|
this.labelRotation = minRotation;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const labelSizes = this._getLabelSizes();
|
|||
|
|
const maxLabelWidth = labelSizes.widest.width;
|
|||
|
|
const maxLabelHeight = labelSizes.highest.height;
|
|||
|
|
const maxWidth = _limitValue(this.chart.width - maxLabelWidth, 0, this.maxWidth);
|
|||
|
|
tickWidth = options.offset ? this.maxWidth / numTicks : maxWidth / (numTicks - 1);
|
|||
|
|
if (maxLabelWidth + 6 > tickWidth) {
|
|||
|
|
tickWidth = maxWidth / (numTicks - (options.offset ? 0.5 : 1));
|
|||
|
|
maxHeight = this.maxHeight - getTickMarkLength(options.grid) - tickOpts.padding - getTitleHeight(options.title, this.chart.options.font);
|
|||
|
|
maxLabelDiagonal = Math.sqrt(maxLabelWidth * maxLabelWidth + maxLabelHeight * maxLabelHeight);
|
|||
|
|
labelRotation = toDegrees(Math.min(Math.asin(_limitValue((labelSizes.highest.height + 6) / tickWidth, -1, 1)), Math.asin(_limitValue(maxHeight / maxLabelDiagonal, -1, 1)) - Math.asin(_limitValue(maxLabelHeight / maxLabelDiagonal, -1, 1))));
|
|||
|
|
labelRotation = Math.max(minRotation, Math.min(maxRotation, labelRotation));
|
|||
|
|
}
|
|||
|
|
this.labelRotation = labelRotation;
|
|||
|
|
}
|
|||
|
|
afterCalculateLabelRotation() {
|
|||
|
|
callback(this.options.afterCalculateLabelRotation, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
afterAutoSkip() {}
|
|||
|
|
beforeFit() {
|
|||
|
|
callback(this.options.beforeFit, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
fit() {
|
|||
|
|
const minSize = {
|
|||
|
|
width: 0,
|
|||
|
|
height: 0
|
|||
|
|
};
|
|||
|
|
const { chart , options: { ticks: tickOpts , title: titleOpts , grid: gridOpts } } = this;
|
|||
|
|
const display = this._isVisible();
|
|||
|
|
const isHorizontal = this.isHorizontal();
|
|||
|
|
if (display) {
|
|||
|
|
const titleHeight = getTitleHeight(titleOpts, chart.options.font);
|
|||
|
|
if (isHorizontal) {
|
|||
|
|
minSize.width = this.maxWidth;
|
|||
|
|
minSize.height = getTickMarkLength(gridOpts) + titleHeight;
|
|||
|
|
} else {
|
|||
|
|
minSize.height = this.maxHeight;
|
|||
|
|
minSize.width = getTickMarkLength(gridOpts) + titleHeight;
|
|||
|
|
}
|
|||
|
|
if (tickOpts.display && this.ticks.length) {
|
|||
|
|
const { first , last , widest , highest } = this._getLabelSizes();
|
|||
|
|
const tickPadding = tickOpts.padding * 2;
|
|||
|
|
const angleRadians = toRadians(this.labelRotation);
|
|||
|
|
const cos = Math.cos(angleRadians);
|
|||
|
|
const sin = Math.sin(angleRadians);
|
|||
|
|
if (isHorizontal) {
|
|||
|
|
const labelHeight = tickOpts.mirror ? 0 : sin * widest.width + cos * highest.height;
|
|||
|
|
minSize.height = Math.min(this.maxHeight, minSize.height + labelHeight + tickPadding);
|
|||
|
|
} else {
|
|||
|
|
const labelWidth = tickOpts.mirror ? 0 : cos * widest.width + sin * highest.height;
|
|||
|
|
minSize.width = Math.min(this.maxWidth, minSize.width + labelWidth + tickPadding);
|
|||
|
|
}
|
|||
|
|
this._calculatePadding(first, last, sin, cos);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this._handleMargins();
|
|||
|
|
if (isHorizontal) {
|
|||
|
|
this.width = this._length = chart.width - this._margins.left - this._margins.right;
|
|||
|
|
this.height = minSize.height;
|
|||
|
|
} else {
|
|||
|
|
this.width = minSize.width;
|
|||
|
|
this.height = this._length = chart.height - this._margins.top - this._margins.bottom;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_calculatePadding(first, last, sin, cos) {
|
|||
|
|
const { ticks: { align , padding } , position } = this.options;
|
|||
|
|
const isRotated = this.labelRotation !== 0;
|
|||
|
|
const labelsBelowTicks = position !== 'top' && this.axis === 'x';
|
|||
|
|
if (this.isHorizontal()) {
|
|||
|
|
const offsetLeft = this.getPixelForTick(0) - this.left;
|
|||
|
|
const offsetRight = this.right - this.getPixelForTick(this.ticks.length - 1);
|
|||
|
|
let paddingLeft = 0;
|
|||
|
|
let paddingRight = 0;
|
|||
|
|
if (isRotated) {
|
|||
|
|
if (labelsBelowTicks) {
|
|||
|
|
paddingLeft = cos * first.width;
|
|||
|
|
paddingRight = sin * last.height;
|
|||
|
|
} else {
|
|||
|
|
paddingLeft = sin * first.height;
|
|||
|
|
paddingRight = cos * last.width;
|
|||
|
|
}
|
|||
|
|
} else if (align === 'start') {
|
|||
|
|
paddingRight = last.width;
|
|||
|
|
} else if (align === 'end') {
|
|||
|
|
paddingLeft = first.width;
|
|||
|
|
} else if (align !== 'inner') {
|
|||
|
|
paddingLeft = first.width / 2;
|
|||
|
|
paddingRight = last.width / 2;
|
|||
|
|
}
|
|||
|
|
this.paddingLeft = Math.max((paddingLeft - offsetLeft + padding) * this.width / (this.width - offsetLeft), 0);
|
|||
|
|
this.paddingRight = Math.max((paddingRight - offsetRight + padding) * this.width / (this.width - offsetRight), 0);
|
|||
|
|
} else {
|
|||
|
|
let paddingTop = last.height / 2;
|
|||
|
|
let paddingBottom = first.height / 2;
|
|||
|
|
if (align === 'start') {
|
|||
|
|
paddingTop = 0;
|
|||
|
|
paddingBottom = first.height;
|
|||
|
|
} else if (align === 'end') {
|
|||
|
|
paddingTop = last.height;
|
|||
|
|
paddingBottom = 0;
|
|||
|
|
}
|
|||
|
|
this.paddingTop = paddingTop + padding;
|
|||
|
|
this.paddingBottom = paddingBottom + padding;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_handleMargins() {
|
|||
|
|
if (this._margins) {
|
|||
|
|
this._margins.left = Math.max(this.paddingLeft, this._margins.left);
|
|||
|
|
this._margins.top = Math.max(this.paddingTop, this._margins.top);
|
|||
|
|
this._margins.right = Math.max(this.paddingRight, this._margins.right);
|
|||
|
|
this._margins.bottom = Math.max(this.paddingBottom, this._margins.bottom);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
afterFit() {
|
|||
|
|
callback(this.options.afterFit, [
|
|||
|
|
this
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
isHorizontal() {
|
|||
|
|
const { axis , position } = this.options;
|
|||
|
|
return position === 'top' || position === 'bottom' || axis === 'x';
|
|||
|
|
}
|
|||
|
|
isFullSize() {
|
|||
|
|
return this.options.fullSize;
|
|||
|
|
}
|
|||
|
|
_convertTicksToLabels(ticks) {
|
|||
|
|
this.beforeTickToLabelConversion();
|
|||
|
|
this.generateTickLabels(ticks);
|
|||
|
|
let i, ilen;
|
|||
|
|
for(i = 0, ilen = ticks.length; i < ilen; i++){
|
|||
|
|
if (isNullOrUndef(ticks[i].label)) {
|
|||
|
|
ticks.splice(i, 1);
|
|||
|
|
ilen--;
|
|||
|
|
i--;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.afterTickToLabelConversion();
|
|||
|
|
}
|
|||
|
|
_getLabelSizes() {
|
|||
|
|
let labelSizes = this._labelSizes;
|
|||
|
|
if (!labelSizes) {
|
|||
|
|
const sampleSize = this.options.ticks.sampleSize;
|
|||
|
|
let ticks = this.ticks;
|
|||
|
|
if (sampleSize < ticks.length) {
|
|||
|
|
ticks = sample(ticks, sampleSize);
|
|||
|
|
}
|
|||
|
|
this._labelSizes = labelSizes = this._computeLabelSizes(ticks, ticks.length, this.options.ticks.maxTicksLimit);
|
|||
|
|
}
|
|||
|
|
return labelSizes;
|
|||
|
|
}
|
|||
|
|
_computeLabelSizes(ticks, length, maxTicksLimit) {
|
|||
|
|
const { ctx , _longestTextCache: caches } = this;
|
|||
|
|
const widths = [];
|
|||
|
|
const heights = [];
|
|||
|
|
const increment = Math.floor(length / getTicksLimit(length, maxTicksLimit));
|
|||
|
|
let widestLabelSize = 0;
|
|||
|
|
let highestLabelSize = 0;
|
|||
|
|
let i, j, jlen, label, tickFont, fontString, cache, lineHeight, width, height, nestedLabel;
|
|||
|
|
for(i = 0; i < length; i += increment){
|
|||
|
|
label = ticks[i].label;
|
|||
|
|
tickFont = this._resolveTickFontOptions(i);
|
|||
|
|
ctx.font = fontString = tickFont.string;
|
|||
|
|
cache = caches[fontString] = caches[fontString] || {
|
|||
|
|
data: {},
|
|||
|
|
gc: []
|
|||
|
|
};
|
|||
|
|
lineHeight = tickFont.lineHeight;
|
|||
|
|
width = height = 0;
|
|||
|
|
if (!isNullOrUndef(label) && !isArray(label)) {
|
|||
|
|
width = _measureText(ctx, cache.data, cache.gc, width, label);
|
|||
|
|
height = lineHeight;
|
|||
|
|
} else if (isArray(label)) {
|
|||
|
|
for(j = 0, jlen = label.length; j < jlen; ++j){
|
|||
|
|
nestedLabel = label[j];
|
|||
|
|
if (!isNullOrUndef(nestedLabel) && !isArray(nestedLabel)) {
|
|||
|
|
width = _measureText(ctx, cache.data, cache.gc, width, nestedLabel);
|
|||
|
|
height += lineHeight;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
widths.push(width);
|
|||
|
|
heights.push(height);
|
|||
|
|
widestLabelSize = Math.max(width, widestLabelSize);
|
|||
|
|
highestLabelSize = Math.max(height, highestLabelSize);
|
|||
|
|
}
|
|||
|
|
garbageCollect(caches, length);
|
|||
|
|
const widest = widths.indexOf(widestLabelSize);
|
|||
|
|
const highest = heights.indexOf(highestLabelSize);
|
|||
|
|
const valueAt = (idx)=>({
|
|||
|
|
width: widths[idx] || 0,
|
|||
|
|
height: heights[idx] || 0
|
|||
|
|
});
|
|||
|
|
return {
|
|||
|
|
first: valueAt(0),
|
|||
|
|
last: valueAt(length - 1),
|
|||
|
|
widest: valueAt(widest),
|
|||
|
|
highest: valueAt(highest),
|
|||
|
|
widths,
|
|||
|
|
heights
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
getLabelForValue(value) {
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
getPixelForValue(value, index) {
|
|||
|
|
return NaN;
|
|||
|
|
}
|
|||
|
|
getValueForPixel(pixel) {}
|
|||
|
|
getPixelForTick(index) {
|
|||
|
|
const ticks = this.ticks;
|
|||
|
|
if (index < 0 || index > ticks.length - 1) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
return this.getPixelForValue(ticks[index].value);
|
|||
|
|
}
|
|||
|
|
getPixelForDecimal(decimal) {
|
|||
|
|
if (this._reversePixels) {
|
|||
|
|
decimal = 1 - decimal;
|
|||
|
|
}
|
|||
|
|
const pixel = this._startPixel + decimal * this._length;
|
|||
|
|
return _int16Range(this._alignToPixels ? _alignPixel(this.chart, pixel, 0) : pixel);
|
|||
|
|
}
|
|||
|
|
getDecimalForPixel(pixel) {
|
|||
|
|
const decimal = (pixel - this._startPixel) / this._length;
|
|||
|
|
return this._reversePixels ? 1 - decimal : decimal;
|
|||
|
|
}
|
|||
|
|
getBasePixel() {
|
|||
|
|
return this.getPixelForValue(this.getBaseValue());
|
|||
|
|
}
|
|||
|
|
getBaseValue() {
|
|||
|
|
const { min , max } = this;
|
|||
|
|
return min < 0 && max < 0 ? max : min > 0 && max > 0 ? min : 0;
|
|||
|
|
}
|
|||
|
|
getContext(index) {
|
|||
|
|
const ticks = this.ticks || [];
|
|||
|
|
if (index >= 0 && index < ticks.length) {
|
|||
|
|
const tick = ticks[index];
|
|||
|
|
return tick.$context || (tick.$context = createTickContext(this.getContext(), index, tick));
|
|||
|
|
}
|
|||
|
|
return this.$context || (this.$context = createScaleContext(this.chart.getContext(), this));
|
|||
|
|
}
|
|||
|
|
_tickSize() {
|
|||
|
|
const optionTicks = this.options.ticks;
|
|||
|
|
const rot = toRadians(this.labelRotation);
|
|||
|
|
const cos = Math.abs(Math.cos(rot));
|
|||
|
|
const sin = Math.abs(Math.sin(rot));
|
|||
|
|
const labelSizes = this._getLabelSizes();
|
|||
|
|
const padding = optionTicks.autoSkipPadding || 0;
|
|||
|
|
const w = labelSizes ? labelSizes.widest.width + padding : 0;
|
|||
|
|
const h = labelSizes ? labelSizes.highest.height + padding : 0;
|
|||
|
|
return this.isHorizontal() ? h * cos > w * sin ? w / cos : h / sin : h * sin < w * cos ? h / cos : w / sin;
|
|||
|
|
}
|
|||
|
|
_isVisible() {
|
|||
|
|
const display = this.options.display;
|
|||
|
|
if (display !== 'auto') {
|
|||
|
|
return !!display;
|
|||
|
|
}
|
|||
|
|
return this.getMatchingVisibleMetas().length > 0;
|
|||
|
|
}
|
|||
|
|
_computeGridLineItems(chartArea) {
|
|||
|
|
const axis = this.axis;
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const options = this.options;
|
|||
|
|
const { grid , position , border } = options;
|
|||
|
|
const offset = grid.offset;
|
|||
|
|
const isHorizontal = this.isHorizontal();
|
|||
|
|
const ticks = this.ticks;
|
|||
|
|
const ticksLength = ticks.length + (offset ? 1 : 0);
|
|||
|
|
const tl = getTickMarkLength(grid);
|
|||
|
|
const items = [];
|
|||
|
|
const borderOpts = border.setContext(this.getContext());
|
|||
|
|
const axisWidth = borderOpts.display ? borderOpts.width : 0;
|
|||
|
|
const axisHalfWidth = axisWidth / 2;
|
|||
|
|
const alignBorderValue = function(pixel) {
|
|||
|
|
return _alignPixel(chart, pixel, axisWidth);
|
|||
|
|
};
|
|||
|
|
let borderValue, i, lineValue, alignedLineValue;
|
|||
|
|
let tx1, ty1, tx2, ty2, x1, y1, x2, y2;
|
|||
|
|
if (position === 'top') {
|
|||
|
|
borderValue = alignBorderValue(this.bottom);
|
|||
|
|
ty1 = this.bottom - tl;
|
|||
|
|
ty2 = borderValue - axisHalfWidth;
|
|||
|
|
y1 = alignBorderValue(chartArea.top) + axisHalfWidth;
|
|||
|
|
y2 = chartArea.bottom;
|
|||
|
|
} else if (position === 'bottom') {
|
|||
|
|
borderValue = alignBorderValue(this.top);
|
|||
|
|
y1 = chartArea.top;
|
|||
|
|
y2 = alignBorderValue(chartArea.bottom) - axisHalfWidth;
|
|||
|
|
ty1 = borderValue + axisHalfWidth;
|
|||
|
|
ty2 = this.top + tl;
|
|||
|
|
} else if (position === 'left') {
|
|||
|
|
borderValue = alignBorderValue(this.right);
|
|||
|
|
tx1 = this.right - tl;
|
|||
|
|
tx2 = borderValue - axisHalfWidth;
|
|||
|
|
x1 = alignBorderValue(chartArea.left) + axisHalfWidth;
|
|||
|
|
x2 = chartArea.right;
|
|||
|
|
} else if (position === 'right') {
|
|||
|
|
borderValue = alignBorderValue(this.left);
|
|||
|
|
x1 = chartArea.left;
|
|||
|
|
x2 = alignBorderValue(chartArea.right) - axisHalfWidth;
|
|||
|
|
tx1 = borderValue + axisHalfWidth;
|
|||
|
|
tx2 = this.left + tl;
|
|||
|
|
} else if (axis === 'x') {
|
|||
|
|
if (position === 'center') {
|
|||
|
|
borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + 0.5);
|
|||
|
|
} else if (isObject(position)) {
|
|||
|
|
const positionAxisID = Object.keys(position)[0];
|
|||
|
|
const value = position[positionAxisID];
|
|||
|
|
borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
|
|||
|
|
}
|
|||
|
|
y1 = chartArea.top;
|
|||
|
|
y2 = chartArea.bottom;
|
|||
|
|
ty1 = borderValue + axisHalfWidth;
|
|||
|
|
ty2 = ty1 + tl;
|
|||
|
|
} else if (axis === 'y') {
|
|||
|
|
if (position === 'center') {
|
|||
|
|
borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);
|
|||
|
|
} else if (isObject(position)) {
|
|||
|
|
const positionAxisID = Object.keys(position)[0];
|
|||
|
|
const value = position[positionAxisID];
|
|||
|
|
borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
|
|||
|
|
}
|
|||
|
|
tx1 = borderValue - axisHalfWidth;
|
|||
|
|
tx2 = tx1 - tl;
|
|||
|
|
x1 = chartArea.left;
|
|||
|
|
x2 = chartArea.right;
|
|||
|
|
}
|
|||
|
|
const limit = valueOrDefault(options.ticks.maxTicksLimit, ticksLength);
|
|||
|
|
const step = Math.max(1, Math.ceil(ticksLength / limit));
|
|||
|
|
for(i = 0; i < ticksLength; i += step){
|
|||
|
|
const context = this.getContext(i);
|
|||
|
|
const optsAtIndex = grid.setContext(context);
|
|||
|
|
const optsAtIndexBorder = border.setContext(context);
|
|||
|
|
const lineWidth = optsAtIndex.lineWidth;
|
|||
|
|
const lineColor = optsAtIndex.color;
|
|||
|
|
const borderDash = optsAtIndexBorder.dash || [];
|
|||
|
|
const borderDashOffset = optsAtIndexBorder.dashOffset;
|
|||
|
|
const tickWidth = optsAtIndex.tickWidth;
|
|||
|
|
const tickColor = optsAtIndex.tickColor;
|
|||
|
|
const tickBorderDash = optsAtIndex.tickBorderDash || [];
|
|||
|
|
const tickBorderDashOffset = optsAtIndex.tickBorderDashOffset;
|
|||
|
|
lineValue = getPixelForGridLine(this, i, offset);
|
|||
|
|
if (lineValue === undefined) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
alignedLineValue = _alignPixel(chart, lineValue, lineWidth);
|
|||
|
|
if (isHorizontal) {
|
|||
|
|
tx1 = tx2 = x1 = x2 = alignedLineValue;
|
|||
|
|
} else {
|
|||
|
|
ty1 = ty2 = y1 = y2 = alignedLineValue;
|
|||
|
|
}
|
|||
|
|
items.push({
|
|||
|
|
tx1,
|
|||
|
|
ty1,
|
|||
|
|
tx2,
|
|||
|
|
ty2,
|
|||
|
|
x1,
|
|||
|
|
y1,
|
|||
|
|
x2,
|
|||
|
|
y2,
|
|||
|
|
width: lineWidth,
|
|||
|
|
color: lineColor,
|
|||
|
|
borderDash,
|
|||
|
|
borderDashOffset,
|
|||
|
|
tickWidth,
|
|||
|
|
tickColor,
|
|||
|
|
tickBorderDash,
|
|||
|
|
tickBorderDashOffset
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
this._ticksLength = ticksLength;
|
|||
|
|
this._borderValue = borderValue;
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
_computeLabelItems(chartArea) {
|
|||
|
|
const axis = this.axis;
|
|||
|
|
const options = this.options;
|
|||
|
|
const { position , ticks: optionTicks } = options;
|
|||
|
|
const isHorizontal = this.isHorizontal();
|
|||
|
|
const ticks = this.ticks;
|
|||
|
|
const { align , crossAlign , padding , mirror } = optionTicks;
|
|||
|
|
const tl = getTickMarkLength(options.grid);
|
|||
|
|
const tickAndPadding = tl + padding;
|
|||
|
|
const hTickAndPadding = mirror ? -padding : tickAndPadding;
|
|||
|
|
const rotation = -toRadians(this.labelRotation);
|
|||
|
|
const items = [];
|
|||
|
|
let i, ilen, tick, label, x, y, textAlign, pixel, font, lineHeight, lineCount, textOffset;
|
|||
|
|
let textBaseline = 'middle';
|
|||
|
|
if (position === 'top') {
|
|||
|
|
y = this.bottom - hTickAndPadding;
|
|||
|
|
textAlign = this._getXAxisLabelAlignment();
|
|||
|
|
} else if (position === 'bottom') {
|
|||
|
|
y = this.top + hTickAndPadding;
|
|||
|
|
textAlign = this._getXAxisLabelAlignment();
|
|||
|
|
} else if (position === 'left') {
|
|||
|
|
const ret = this._getYAxisLabelAlignment(tl);
|
|||
|
|
textAlign = ret.textAlign;
|
|||
|
|
x = ret.x;
|
|||
|
|
} else if (position === 'right') {
|
|||
|
|
const ret = this._getYAxisLabelAlignment(tl);
|
|||
|
|
textAlign = ret.textAlign;
|
|||
|
|
x = ret.x;
|
|||
|
|
} else if (axis === 'x') {
|
|||
|
|
if (position === 'center') {
|
|||
|
|
y = (chartArea.top + chartArea.bottom) / 2 + tickAndPadding;
|
|||
|
|
} else if (isObject(position)) {
|
|||
|
|
const positionAxisID = Object.keys(position)[0];
|
|||
|
|
const value = position[positionAxisID];
|
|||
|
|
y = this.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;
|
|||
|
|
}
|
|||
|
|
textAlign = this._getXAxisLabelAlignment();
|
|||
|
|
} else if (axis === 'y') {
|
|||
|
|
if (position === 'center') {
|
|||
|
|
x = (chartArea.left + chartArea.right) / 2 - tickAndPadding;
|
|||
|
|
} else if (isObject(position)) {
|
|||
|
|
const positionAxisID = Object.keys(position)[0];
|
|||
|
|
const value = position[positionAxisID];
|
|||
|
|
x = this.chart.scales[positionAxisID].getPixelForValue(value);
|
|||
|
|
}
|
|||
|
|
textAlign = this._getYAxisLabelAlignment(tl).textAlign;
|
|||
|
|
}
|
|||
|
|
if (axis === 'y') {
|
|||
|
|
if (align === 'start') {
|
|||
|
|
textBaseline = 'top';
|
|||
|
|
} else if (align === 'end') {
|
|||
|
|
textBaseline = 'bottom';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const labelSizes = this._getLabelSizes();
|
|||
|
|
for(i = 0, ilen = ticks.length; i < ilen; ++i){
|
|||
|
|
tick = ticks[i];
|
|||
|
|
label = tick.label;
|
|||
|
|
const optsAtIndex = optionTicks.setContext(this.getContext(i));
|
|||
|
|
pixel = this.getPixelForTick(i) + optionTicks.labelOffset;
|
|||
|
|
font = this._resolveTickFontOptions(i);
|
|||
|
|
lineHeight = font.lineHeight;
|
|||
|
|
lineCount = isArray(label) ? label.length : 1;
|
|||
|
|
const halfCount = lineCount / 2;
|
|||
|
|
const color = optsAtIndex.color;
|
|||
|
|
const strokeColor = optsAtIndex.textStrokeColor;
|
|||
|
|
const strokeWidth = optsAtIndex.textStrokeWidth;
|
|||
|
|
let tickTextAlign = textAlign;
|
|||
|
|
if (isHorizontal) {
|
|||
|
|
x = pixel;
|
|||
|
|
if (textAlign === 'inner') {
|
|||
|
|
if (i === ilen - 1) {
|
|||
|
|
tickTextAlign = !this.options.reverse ? 'right' : 'left';
|
|||
|
|
} else if (i === 0) {
|
|||
|
|
tickTextAlign = !this.options.reverse ? 'left' : 'right';
|
|||
|
|
} else {
|
|||
|
|
tickTextAlign = 'center';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (position === 'top') {
|
|||
|
|
if (crossAlign === 'near' || rotation !== 0) {
|
|||
|
|
textOffset = -lineCount * lineHeight + lineHeight / 2;
|
|||
|
|
} else if (crossAlign === 'center') {
|
|||
|
|
textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
|
|||
|
|
} else {
|
|||
|
|
textOffset = -labelSizes.highest.height + lineHeight / 2;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (crossAlign === 'near' || rotation !== 0) {
|
|||
|
|
textOffset = lineHeight / 2;
|
|||
|
|
} else if (crossAlign === 'center') {
|
|||
|
|
textOffset = labelSizes.highest.height / 2 - halfCount * lineHeight;
|
|||
|
|
} else {
|
|||
|
|
textOffset = labelSizes.highest.height - lineCount * lineHeight;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (mirror) {
|
|||
|
|
textOffset *= -1;
|
|||
|
|
}
|
|||
|
|
if (rotation !== 0 && !optsAtIndex.showLabelBackdrop) {
|
|||
|
|
x += lineHeight / 2 * Math.sin(rotation);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
y = pixel;
|
|||
|
|
textOffset = (1 - lineCount) * lineHeight / 2;
|
|||
|
|
}
|
|||
|
|
let backdrop;
|
|||
|
|
if (optsAtIndex.showLabelBackdrop) {
|
|||
|
|
const labelPadding = toPadding(optsAtIndex.backdropPadding);
|
|||
|
|
const height = labelSizes.heights[i];
|
|||
|
|
const width = labelSizes.widths[i];
|
|||
|
|
let top = textOffset - labelPadding.top;
|
|||
|
|
let left = 0 - labelPadding.left;
|
|||
|
|
switch(textBaseline){
|
|||
|
|
case 'middle':
|
|||
|
|
top -= height / 2;
|
|||
|
|
break;
|
|||
|
|
case 'bottom':
|
|||
|
|
top -= height;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
switch(textAlign){
|
|||
|
|
case 'center':
|
|||
|
|
left -= width / 2;
|
|||
|
|
break;
|
|||
|
|
case 'right':
|
|||
|
|
left -= width;
|
|||
|
|
break;
|
|||
|
|
case 'inner':
|
|||
|
|
if (i === ilen - 1) {
|
|||
|
|
left -= width;
|
|||
|
|
} else if (i > 0) {
|
|||
|
|
left -= width / 2;
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
backdrop = {
|
|||
|
|
left,
|
|||
|
|
top,
|
|||
|
|
width: width + labelPadding.width,
|
|||
|
|
height: height + labelPadding.height,
|
|||
|
|
color: optsAtIndex.backdropColor
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
items.push({
|
|||
|
|
label,
|
|||
|
|
font,
|
|||
|
|
textOffset,
|
|||
|
|
options: {
|
|||
|
|
rotation,
|
|||
|
|
color,
|
|||
|
|
strokeColor,
|
|||
|
|
strokeWidth,
|
|||
|
|
textAlign: tickTextAlign,
|
|||
|
|
textBaseline,
|
|||
|
|
translation: [
|
|||
|
|
x,
|
|||
|
|
y
|
|||
|
|
],
|
|||
|
|
backdrop
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return items;
|
|||
|
|
}
|
|||
|
|
_getXAxisLabelAlignment() {
|
|||
|
|
const { position , ticks } = this.options;
|
|||
|
|
const rotation = -toRadians(this.labelRotation);
|
|||
|
|
if (rotation) {
|
|||
|
|
return position === 'top' ? 'left' : 'right';
|
|||
|
|
}
|
|||
|
|
let align = 'center';
|
|||
|
|
if (ticks.align === 'start') {
|
|||
|
|
align = 'left';
|
|||
|
|
} else if (ticks.align === 'end') {
|
|||
|
|
align = 'right';
|
|||
|
|
} else if (ticks.align === 'inner') {
|
|||
|
|
align = 'inner';
|
|||
|
|
}
|
|||
|
|
return align;
|
|||
|
|
}
|
|||
|
|
_getYAxisLabelAlignment(tl) {
|
|||
|
|
const { position , ticks: { crossAlign , mirror , padding } } = this.options;
|
|||
|
|
const labelSizes = this._getLabelSizes();
|
|||
|
|
const tickAndPadding = tl + padding;
|
|||
|
|
const widest = labelSizes.widest.width;
|
|||
|
|
let textAlign;
|
|||
|
|
let x;
|
|||
|
|
if (position === 'left') {
|
|||
|
|
if (mirror) {
|
|||
|
|
x = this.right + padding;
|
|||
|
|
if (crossAlign === 'near') {
|
|||
|
|
textAlign = 'left';
|
|||
|
|
} else if (crossAlign === 'center') {
|
|||
|
|
textAlign = 'center';
|
|||
|
|
x += widest / 2;
|
|||
|
|
} else {
|
|||
|
|
textAlign = 'right';
|
|||
|
|
x += widest;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
x = this.right - tickAndPadding;
|
|||
|
|
if (crossAlign === 'near') {
|
|||
|
|
textAlign = 'right';
|
|||
|
|
} else if (crossAlign === 'center') {
|
|||
|
|
textAlign = 'center';
|
|||
|
|
x -= widest / 2;
|
|||
|
|
} else {
|
|||
|
|
textAlign = 'left';
|
|||
|
|
x = this.left;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else if (position === 'right') {
|
|||
|
|
if (mirror) {
|
|||
|
|
x = this.left + padding;
|
|||
|
|
if (crossAlign === 'near') {
|
|||
|
|
textAlign = 'right';
|
|||
|
|
} else if (crossAlign === 'center') {
|
|||
|
|
textAlign = 'center';
|
|||
|
|
x -= widest / 2;
|
|||
|
|
} else {
|
|||
|
|
textAlign = 'left';
|
|||
|
|
x -= widest;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
x = this.left + tickAndPadding;
|
|||
|
|
if (crossAlign === 'near') {
|
|||
|
|
textAlign = 'left';
|
|||
|
|
} else if (crossAlign === 'center') {
|
|||
|
|
textAlign = 'center';
|
|||
|
|
x += widest / 2;
|
|||
|
|
} else {
|
|||
|
|
textAlign = 'right';
|
|||
|
|
x = this.right;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
textAlign = 'right';
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
textAlign,
|
|||
|
|
x
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
_computeLabelArea() {
|
|||
|
|
if (this.options.ticks.mirror) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const position = this.options.position;
|
|||
|
|
if (position === 'left' || position === 'right') {
|
|||
|
|
return {
|
|||
|
|
top: 0,
|
|||
|
|
left: this.left,
|
|||
|
|
bottom: chart.height,
|
|||
|
|
right: this.right
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if (position === 'top' || position === 'bottom') {
|
|||
|
|
return {
|
|||
|
|
top: this.top,
|
|||
|
|
left: 0,
|
|||
|
|
bottom: this.bottom,
|
|||
|
|
right: chart.width
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
drawBackground() {
|
|||
|
|
const { ctx , options: { backgroundColor } , left , top , width , height } = this;
|
|||
|
|
if (backgroundColor) {
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.fillStyle = backgroundColor;
|
|||
|
|
ctx.fillRect(left, top, width, height);
|
|||
|
|
ctx.restore();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
getLineWidthForValue(value) {
|
|||
|
|
const grid = this.options.grid;
|
|||
|
|
if (!this._isVisible() || !grid.display) {
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
const ticks = this.ticks;
|
|||
|
|
const index = ticks.findIndex((t)=>t.value === value);
|
|||
|
|
if (index >= 0) {
|
|||
|
|
const opts = grid.setContext(this.getContext(index));
|
|||
|
|
return opts.lineWidth;
|
|||
|
|
}
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
drawGrid(chartArea) {
|
|||
|
|
const grid = this.options.grid;
|
|||
|
|
const ctx = this.ctx;
|
|||
|
|
const items = this._gridLineItems || (this._gridLineItems = this._computeGridLineItems(chartArea));
|
|||
|
|
let i, ilen;
|
|||
|
|
const drawLine = (p1, p2, style)=>{
|
|||
|
|
if (!style.width || !style.color) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.lineWidth = style.width;
|
|||
|
|
ctx.strokeStyle = style.color;
|
|||
|
|
ctx.setLineDash(style.borderDash || []);
|
|||
|
|
ctx.lineDashOffset = style.borderDashOffset;
|
|||
|
|
ctx.beginPath();
|
|||
|
|
ctx.moveTo(p1.x, p1.y);
|
|||
|
|
ctx.lineTo(p2.x, p2.y);
|
|||
|
|
ctx.stroke();
|
|||
|
|
ctx.restore();
|
|||
|
|
};
|
|||
|
|
if (grid.display) {
|
|||
|
|
for(i = 0, ilen = items.length; i < ilen; ++i){
|
|||
|
|
const item = items[i];
|
|||
|
|
if (grid.drawOnChartArea) {
|
|||
|
|
drawLine({
|
|||
|
|
x: item.x1,
|
|||
|
|
y: item.y1
|
|||
|
|
}, {
|
|||
|
|
x: item.x2,
|
|||
|
|
y: item.y2
|
|||
|
|
}, item);
|
|||
|
|
}
|
|||
|
|
if (grid.drawTicks) {
|
|||
|
|
drawLine({
|
|||
|
|
x: item.tx1,
|
|||
|
|
y: item.ty1
|
|||
|
|
}, {
|
|||
|
|
x: item.tx2,
|
|||
|
|
y: item.ty2
|
|||
|
|
}, {
|
|||
|
|
color: item.tickColor,
|
|||
|
|
width: item.tickWidth,
|
|||
|
|
borderDash: item.tickBorderDash,
|
|||
|
|
borderDashOffset: item.tickBorderDashOffset
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
drawBorder() {
|
|||
|
|
const { chart , ctx , options: { border , grid } } = this;
|
|||
|
|
const borderOpts = border.setContext(this.getContext());
|
|||
|
|
const axisWidth = border.display ? borderOpts.width : 0;
|
|||
|
|
if (!axisWidth) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const lastLineWidth = grid.setContext(this.getContext(0)).lineWidth;
|
|||
|
|
const borderValue = this._borderValue;
|
|||
|
|
let x1, x2, y1, y2;
|
|||
|
|
if (this.isHorizontal()) {
|
|||
|
|
x1 = _alignPixel(chart, this.left, axisWidth) - axisWidth / 2;
|
|||
|
|
x2 = _alignPixel(chart, this.right, lastLineWidth) + lastLineWidth / 2;
|
|||
|
|
y1 = y2 = borderValue;
|
|||
|
|
} else {
|
|||
|
|
y1 = _alignPixel(chart, this.top, axisWidth) - axisWidth / 2;
|
|||
|
|
y2 = _alignPixel(chart, this.bottom, lastLineWidth) + lastLineWidth / 2;
|
|||
|
|
x1 = x2 = borderValue;
|
|||
|
|
}
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.lineWidth = borderOpts.width;
|
|||
|
|
ctx.strokeStyle = borderOpts.color;
|
|||
|
|
ctx.beginPath();
|
|||
|
|
ctx.moveTo(x1, y1);
|
|||
|
|
ctx.lineTo(x2, y2);
|
|||
|
|
ctx.stroke();
|
|||
|
|
ctx.restore();
|
|||
|
|
}
|
|||
|
|
drawLabels(chartArea) {
|
|||
|
|
const optionTicks = this.options.ticks;
|
|||
|
|
if (!optionTicks.display) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const ctx = this.ctx;
|
|||
|
|
const area = this._computeLabelArea();
|
|||
|
|
if (area) {
|
|||
|
|
clipArea(ctx, area);
|
|||
|
|
}
|
|||
|
|
const items = this.getLabelItems(chartArea);
|
|||
|
|
for (const item of items){
|
|||
|
|
const renderTextOptions = item.options;
|
|||
|
|
const tickFont = item.font;
|
|||
|
|
const label = item.label;
|
|||
|
|
const y = item.textOffset;
|
|||
|
|
renderText(ctx, label, 0, y, tickFont, renderTextOptions);
|
|||
|
|
}
|
|||
|
|
if (area) {
|
|||
|
|
unclipArea(ctx);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
drawTitle() {
|
|||
|
|
const { ctx , options: { position , title , reverse } } = this;
|
|||
|
|
if (!title.display) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const font = toFont(title.font);
|
|||
|
|
const padding = toPadding(title.padding);
|
|||
|
|
const align = title.align;
|
|||
|
|
let offset = font.lineHeight / 2;
|
|||
|
|
if (position === 'bottom' || position === 'center' || isObject(position)) {
|
|||
|
|
offset += padding.bottom;
|
|||
|
|
if (isArray(title.text)) {
|
|||
|
|
offset += font.lineHeight * (title.text.length - 1);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
offset += padding.top;
|
|||
|
|
}
|
|||
|
|
const { titleX , titleY , maxWidth , rotation } = titleArgs(this, offset, position, align);
|
|||
|
|
renderText(ctx, title.text, 0, 0, font, {
|
|||
|
|
color: title.color,
|
|||
|
|
maxWidth,
|
|||
|
|
rotation,
|
|||
|
|
textAlign: titleAlign(align, position, reverse),
|
|||
|
|
textBaseline: 'middle',
|
|||
|
|
translation: [
|
|||
|
|
titleX,
|
|||
|
|
titleY
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
draw(chartArea) {
|
|||
|
|
if (!this._isVisible()) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.drawBackground();
|
|||
|
|
this.drawGrid(chartArea);
|
|||
|
|
this.drawBorder();
|
|||
|
|
this.drawTitle();
|
|||
|
|
this.drawLabels(chartArea);
|
|||
|
|
}
|
|||
|
|
_layers() {
|
|||
|
|
const opts = this.options;
|
|||
|
|
const tz = opts.ticks && opts.ticks.z || 0;
|
|||
|
|
const gz = valueOrDefault(opts.grid && opts.grid.z, -1);
|
|||
|
|
const bz = valueOrDefault(opts.border && opts.border.z, 0);
|
|||
|
|
if (!this._isVisible() || this.draw !== Scale.prototype.draw) {
|
|||
|
|
return [
|
|||
|
|
{
|
|||
|
|
z: tz,
|
|||
|
|
draw: (chartArea)=>{
|
|||
|
|
this.draw(chartArea);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
return [
|
|||
|
|
{
|
|||
|
|
z: gz,
|
|||
|
|
draw: (chartArea)=>{
|
|||
|
|
this.drawBackground();
|
|||
|
|
this.drawGrid(chartArea);
|
|||
|
|
this.drawTitle();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
z: bz,
|
|||
|
|
draw: ()=>{
|
|||
|
|
this.drawBorder();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
z: tz,
|
|||
|
|
draw: (chartArea)=>{
|
|||
|
|
this.drawLabels(chartArea);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
getMatchingVisibleMetas(type) {
|
|||
|
|
const metas = this.chart.getSortedVisibleDatasetMetas();
|
|||
|
|
const axisID = this.axis + 'AxisID';
|
|||
|
|
const result = [];
|
|||
|
|
let i, ilen;
|
|||
|
|
for(i = 0, ilen = metas.length; i < ilen; ++i){
|
|||
|
|
const meta = metas[i];
|
|||
|
|
if (meta[axisID] === this.id && (!type || meta.type === type)) {
|
|||
|
|
result.push(meta);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
_resolveTickFontOptions(index) {
|
|||
|
|
const opts = this.options.ticks.setContext(this.getContext(index));
|
|||
|
|
return toFont(opts.font);
|
|||
|
|
}
|
|||
|
|
_maxDigits() {
|
|||
|
|
const fontSize = this._resolveTickFontOptions(0).lineHeight;
|
|||
|
|
return (this.isHorizontal() ? this.width : this.height) / fontSize;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class TypedRegistry {
|
|||
|
|
constructor(type, scope, override){
|
|||
|
|
this.type = type;
|
|||
|
|
this.scope = scope;
|
|||
|
|
this.override = override;
|
|||
|
|
this.items = Object.create(null);
|
|||
|
|
}
|
|||
|
|
isForType(type) {
|
|||
|
|
return Object.prototype.isPrototypeOf.call(this.type.prototype, type.prototype);
|
|||
|
|
}
|
|||
|
|
register(item) {
|
|||
|
|
const proto = Object.getPrototypeOf(item);
|
|||
|
|
let parentScope;
|
|||
|
|
if (isIChartComponent(proto)) {
|
|||
|
|
parentScope = this.register(proto);
|
|||
|
|
}
|
|||
|
|
const items = this.items;
|
|||
|
|
const id = item.id;
|
|||
|
|
const scope = this.scope + '.' + id;
|
|||
|
|
if (!id) {
|
|||
|
|
throw new Error('class does not have id: ' + item);
|
|||
|
|
}
|
|||
|
|
if (id in items) {
|
|||
|
|
return scope;
|
|||
|
|
}
|
|||
|
|
items[id] = item;
|
|||
|
|
registerDefaults(item, scope, parentScope);
|
|||
|
|
if (this.override) {
|
|||
|
|
defaults.override(item.id, item.overrides);
|
|||
|
|
}
|
|||
|
|
return scope;
|
|||
|
|
}
|
|||
|
|
get(id) {
|
|||
|
|
return this.items[id];
|
|||
|
|
}
|
|||
|
|
unregister(item) {
|
|||
|
|
const items = this.items;
|
|||
|
|
const id = item.id;
|
|||
|
|
const scope = this.scope;
|
|||
|
|
if (id in items) {
|
|||
|
|
delete items[id];
|
|||
|
|
}
|
|||
|
|
if (scope && id in defaults[scope]) {
|
|||
|
|
delete defaults[scope][id];
|
|||
|
|
if (this.override) {
|
|||
|
|
delete overrides[id];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function registerDefaults(item, scope, parentScope) {
|
|||
|
|
const itemDefaults = merge(Object.create(null), [
|
|||
|
|
parentScope ? defaults.get(parentScope) : {},
|
|||
|
|
defaults.get(scope),
|
|||
|
|
item.defaults
|
|||
|
|
]);
|
|||
|
|
defaults.set(scope, itemDefaults);
|
|||
|
|
if (item.defaultRoutes) {
|
|||
|
|
routeDefaults(scope, item.defaultRoutes);
|
|||
|
|
}
|
|||
|
|
if (item.descriptors) {
|
|||
|
|
defaults.describe(scope, item.descriptors);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function routeDefaults(scope, routes) {
|
|||
|
|
Object.keys(routes).forEach((property)=>{
|
|||
|
|
const propertyParts = property.split('.');
|
|||
|
|
const sourceName = propertyParts.pop();
|
|||
|
|
const sourceScope = [
|
|||
|
|
scope
|
|||
|
|
].concat(propertyParts).join('.');
|
|||
|
|
const parts = routes[property].split('.');
|
|||
|
|
const targetName = parts.pop();
|
|||
|
|
const targetScope = parts.join('.');
|
|||
|
|
defaults.route(sourceScope, sourceName, targetScope, targetName);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function isIChartComponent(proto) {
|
|||
|
|
return 'id' in proto && 'defaults' in proto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class Registry {
|
|||
|
|
constructor(){
|
|||
|
|
this.controllers = new TypedRegistry(DatasetController, 'datasets', true);
|
|||
|
|
this.elements = new TypedRegistry(Element, 'elements');
|
|||
|
|
this.plugins = new TypedRegistry(Object, 'plugins');
|
|||
|
|
this.scales = new TypedRegistry(Scale, 'scales');
|
|||
|
|
this._typedRegistries = [
|
|||
|
|
this.controllers,
|
|||
|
|
this.scales,
|
|||
|
|
this.elements
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
add(...args) {
|
|||
|
|
this._each('register', args);
|
|||
|
|
}
|
|||
|
|
remove(...args) {
|
|||
|
|
this._each('unregister', args);
|
|||
|
|
}
|
|||
|
|
addControllers(...args) {
|
|||
|
|
this._each('register', args, this.controllers);
|
|||
|
|
}
|
|||
|
|
addElements(...args) {
|
|||
|
|
this._each('register', args, this.elements);
|
|||
|
|
}
|
|||
|
|
addPlugins(...args) {
|
|||
|
|
this._each('register', args, this.plugins);
|
|||
|
|
}
|
|||
|
|
addScales(...args) {
|
|||
|
|
this._each('register', args, this.scales);
|
|||
|
|
}
|
|||
|
|
getController(id) {
|
|||
|
|
return this._get(id, this.controllers, 'controller');
|
|||
|
|
}
|
|||
|
|
getElement(id) {
|
|||
|
|
return this._get(id, this.elements, 'element');
|
|||
|
|
}
|
|||
|
|
getPlugin(id) {
|
|||
|
|
return this._get(id, this.plugins, 'plugin');
|
|||
|
|
}
|
|||
|
|
getScale(id) {
|
|||
|
|
return this._get(id, this.scales, 'scale');
|
|||
|
|
}
|
|||
|
|
removeControllers(...args) {
|
|||
|
|
this._each('unregister', args, this.controllers);
|
|||
|
|
}
|
|||
|
|
removeElements(...args) {
|
|||
|
|
this._each('unregister', args, this.elements);
|
|||
|
|
}
|
|||
|
|
removePlugins(...args) {
|
|||
|
|
this._each('unregister', args, this.plugins);
|
|||
|
|
}
|
|||
|
|
removeScales(...args) {
|
|||
|
|
this._each('unregister', args, this.scales);
|
|||
|
|
}
|
|||
|
|
_each(method, args, typedRegistry) {
|
|||
|
|
[
|
|||
|
|
...args
|
|||
|
|
].forEach((arg)=>{
|
|||
|
|
const reg = typedRegistry || this._getRegistryForType(arg);
|
|||
|
|
if (typedRegistry || reg.isForType(arg) || reg === this.plugins && arg.id) {
|
|||
|
|
this._exec(method, reg, arg);
|
|||
|
|
} else {
|
|||
|
|
each(arg, (item)=>{
|
|||
|
|
const itemReg = typedRegistry || this._getRegistryForType(item);
|
|||
|
|
this._exec(method, itemReg, item);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
_exec(method, registry, component) {
|
|||
|
|
const camelMethod = _capitalize(method);
|
|||
|
|
callback(component['before' + camelMethod], [], component);
|
|||
|
|
registry[method](component);
|
|||
|
|
callback(component['after' + camelMethod], [], component);
|
|||
|
|
}
|
|||
|
|
_getRegistryForType(type) {
|
|||
|
|
for(let i = 0; i < this._typedRegistries.length; i++){
|
|||
|
|
const reg = this._typedRegistries[i];
|
|||
|
|
if (reg.isForType(type)) {
|
|||
|
|
return reg;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return this.plugins;
|
|||
|
|
}
|
|||
|
|
_get(id, typedRegistry, type) {
|
|||
|
|
const item = typedRegistry.get(id);
|
|||
|
|
if (item === undefined) {
|
|||
|
|
throw new Error('"' + id + '" is not a registered ' + type + '.');
|
|||
|
|
}
|
|||
|
|
return item;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var registry = /* #__PURE__ */ new Registry();
|
|||
|
|
|
|||
|
|
class PluginService {
|
|||
|
|
constructor(){
|
|||
|
|
this._init = [];
|
|||
|
|
}
|
|||
|
|
notify(chart, hook, args, filter) {
|
|||
|
|
if (hook === 'beforeInit') {
|
|||
|
|
this._init = this._createDescriptors(chart, true);
|
|||
|
|
this._notify(this._init, chart, 'install');
|
|||
|
|
}
|
|||
|
|
const descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);
|
|||
|
|
const result = this._notify(descriptors, chart, hook, args);
|
|||
|
|
if (hook === 'afterDestroy') {
|
|||
|
|
this._notify(descriptors, chart, 'stop');
|
|||
|
|
this._notify(this._init, chart, 'uninstall');
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
_notify(descriptors, chart, hook, args) {
|
|||
|
|
args = args || {};
|
|||
|
|
for (const descriptor of descriptors){
|
|||
|
|
const plugin = descriptor.plugin;
|
|||
|
|
const method = plugin[hook];
|
|||
|
|
const params = [
|
|||
|
|
chart,
|
|||
|
|
args,
|
|||
|
|
descriptor.options
|
|||
|
|
];
|
|||
|
|
if (callback(method, params, plugin) === false && args.cancelable) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
invalidate() {
|
|||
|
|
if (!isNullOrUndef(this._cache)) {
|
|||
|
|
this._oldCache = this._cache;
|
|||
|
|
this._cache = undefined;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_descriptors(chart) {
|
|||
|
|
if (this._cache) {
|
|||
|
|
return this._cache;
|
|||
|
|
}
|
|||
|
|
const descriptors = this._cache = this._createDescriptors(chart);
|
|||
|
|
this._notifyStateChanges(chart);
|
|||
|
|
return descriptors;
|
|||
|
|
}
|
|||
|
|
_createDescriptors(chart, all) {
|
|||
|
|
const config = chart && chart.config;
|
|||
|
|
const options = valueOrDefault(config.options && config.options.plugins, {});
|
|||
|
|
const plugins = allPlugins(config);
|
|||
|
|
return options === false && !all ? [] : createDescriptors(chart, plugins, options, all);
|
|||
|
|
}
|
|||
|
|
_notifyStateChanges(chart) {
|
|||
|
|
const previousDescriptors = this._oldCache || [];
|
|||
|
|
const descriptors = this._cache;
|
|||
|
|
const diff = (a, b)=>a.filter((x)=>!b.some((y)=>x.plugin.id === y.plugin.id));
|
|||
|
|
this._notify(diff(previousDescriptors, descriptors), chart, 'stop');
|
|||
|
|
this._notify(diff(descriptors, previousDescriptors), chart, 'start');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function allPlugins(config) {
|
|||
|
|
const localIds = {};
|
|||
|
|
const plugins = [];
|
|||
|
|
const keys = Object.keys(registry.plugins.items);
|
|||
|
|
for(let i = 0; i < keys.length; i++){
|
|||
|
|
plugins.push(registry.getPlugin(keys[i]));
|
|||
|
|
}
|
|||
|
|
const local = config.plugins || [];
|
|||
|
|
for(let i = 0; i < local.length; i++){
|
|||
|
|
const plugin = local[i];
|
|||
|
|
if (plugins.indexOf(plugin) === -1) {
|
|||
|
|
plugins.push(plugin);
|
|||
|
|
localIds[plugin.id] = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
plugins,
|
|||
|
|
localIds
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getOpts(options, all) {
|
|||
|
|
if (!all && options === false) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
if (options === true) {
|
|||
|
|
return {};
|
|||
|
|
}
|
|||
|
|
return options;
|
|||
|
|
}
|
|||
|
|
function createDescriptors(chart, { plugins , localIds }, options, all) {
|
|||
|
|
const result = [];
|
|||
|
|
const context = chart.getContext();
|
|||
|
|
for (const plugin of plugins){
|
|||
|
|
const id = plugin.id;
|
|||
|
|
const opts = getOpts(options[id], all);
|
|||
|
|
if (opts === null) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
result.push({
|
|||
|
|
plugin,
|
|||
|
|
options: pluginOpts(chart.config, {
|
|||
|
|
plugin,
|
|||
|
|
local: localIds[id]
|
|||
|
|
}, opts, context)
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
function pluginOpts(config, { plugin , local }, opts, context) {
|
|||
|
|
const keys = config.pluginScopeKeys(plugin);
|
|||
|
|
const scopes = config.getOptionScopes(opts, keys);
|
|||
|
|
if (local && plugin.defaults) {
|
|||
|
|
scopes.push(plugin.defaults);
|
|||
|
|
}
|
|||
|
|
return config.createResolver(scopes, context, [
|
|||
|
|
''
|
|||
|
|
], {
|
|||
|
|
scriptable: false,
|
|||
|
|
indexable: false,
|
|||
|
|
allKeys: true
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getIndexAxis(type, options) {
|
|||
|
|
const datasetDefaults = defaults.datasets[type] || {};
|
|||
|
|
const datasetOptions = (options.datasets || {})[type] || {};
|
|||
|
|
return datasetOptions.indexAxis || options.indexAxis || datasetDefaults.indexAxis || 'x';
|
|||
|
|
}
|
|||
|
|
function getAxisFromDefaultScaleID(id, indexAxis) {
|
|||
|
|
let axis = id;
|
|||
|
|
if (id === '_index_') {
|
|||
|
|
axis = indexAxis;
|
|||
|
|
} else if (id === '_value_') {
|
|||
|
|
axis = indexAxis === 'x' ? 'y' : 'x';
|
|||
|
|
}
|
|||
|
|
return axis;
|
|||
|
|
}
|
|||
|
|
function getDefaultScaleIDFromAxis(axis, indexAxis) {
|
|||
|
|
return axis === indexAxis ? '_index_' : '_value_';
|
|||
|
|
}
|
|||
|
|
function idMatchesAxis(id) {
|
|||
|
|
if (id === 'x' || id === 'y' || id === 'r') {
|
|||
|
|
return id;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function axisFromPosition(position) {
|
|||
|
|
if (position === 'top' || position === 'bottom') {
|
|||
|
|
return 'x';
|
|||
|
|
}
|
|||
|
|
if (position === 'left' || position === 'right') {
|
|||
|
|
return 'y';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function determineAxis(id, ...scaleOptions) {
|
|||
|
|
if (idMatchesAxis(id)) {
|
|||
|
|
return id;
|
|||
|
|
}
|
|||
|
|
for (const opts of scaleOptions){
|
|||
|
|
const axis = opts.axis || axisFromPosition(opts.position) || id.length > 1 && idMatchesAxis(id[0].toLowerCase());
|
|||
|
|
if (axis) {
|
|||
|
|
return axis;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
throw new Error(`Cannot determine type of '${id}' axis. Please provide 'axis' or 'position' option.`);
|
|||
|
|
}
|
|||
|
|
function getAxisFromDataset(id, axis, dataset) {
|
|||
|
|
if (dataset[axis + 'AxisID'] === id) {
|
|||
|
|
return {
|
|||
|
|
axis
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function retrieveAxisFromDatasets(id, config) {
|
|||
|
|
if (config.data && config.data.datasets) {
|
|||
|
|
const boundDs = config.data.datasets.filter((d)=>d.xAxisID === id || d.yAxisID === id);
|
|||
|
|
if (boundDs.length) {
|
|||
|
|
return getAxisFromDataset(id, 'x', boundDs[0]) || getAxisFromDataset(id, 'y', boundDs[0]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {};
|
|||
|
|
}
|
|||
|
|
function mergeScaleConfig(config, options) {
|
|||
|
|
const chartDefaults = overrides[config.type] || {
|
|||
|
|
scales: {}
|
|||
|
|
};
|
|||
|
|
const configScales = options.scales || {};
|
|||
|
|
const chartIndexAxis = getIndexAxis(config.type, options);
|
|||
|
|
const scales = Object.create(null);
|
|||
|
|
Object.keys(configScales).forEach((id)=>{
|
|||
|
|
const scaleConf = configScales[id];
|
|||
|
|
if (!isObject(scaleConf)) {
|
|||
|
|
return console.error(`Invalid scale configuration for scale: ${id}`);
|
|||
|
|
}
|
|||
|
|
if (scaleConf._proxy) {
|
|||
|
|
return console.warn(`Ignoring resolver passed as options for scale: ${id}`);
|
|||
|
|
}
|
|||
|
|
const axis = determineAxis(id, scaleConf, retrieveAxisFromDatasets(id, config), defaults.scales[scaleConf.type]);
|
|||
|
|
const defaultId = getDefaultScaleIDFromAxis(axis, chartIndexAxis);
|
|||
|
|
const defaultScaleOptions = chartDefaults.scales || {};
|
|||
|
|
scales[id] = mergeIf(Object.create(null), [
|
|||
|
|
{
|
|||
|
|
axis
|
|||
|
|
},
|
|||
|
|
scaleConf,
|
|||
|
|
defaultScaleOptions[axis],
|
|||
|
|
defaultScaleOptions[defaultId]
|
|||
|
|
]);
|
|||
|
|
});
|
|||
|
|
config.data.datasets.forEach((dataset)=>{
|
|||
|
|
const type = dataset.type || config.type;
|
|||
|
|
const indexAxis = dataset.indexAxis || getIndexAxis(type, options);
|
|||
|
|
const datasetDefaults = overrides[type] || {};
|
|||
|
|
const defaultScaleOptions = datasetDefaults.scales || {};
|
|||
|
|
Object.keys(defaultScaleOptions).forEach((defaultID)=>{
|
|||
|
|
const axis = getAxisFromDefaultScaleID(defaultID, indexAxis);
|
|||
|
|
const id = dataset[axis + 'AxisID'] || axis;
|
|||
|
|
scales[id] = scales[id] || Object.create(null);
|
|||
|
|
mergeIf(scales[id], [
|
|||
|
|
{
|
|||
|
|
axis
|
|||
|
|
},
|
|||
|
|
configScales[id],
|
|||
|
|
defaultScaleOptions[defaultID]
|
|||
|
|
]);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
Object.keys(scales).forEach((key)=>{
|
|||
|
|
const scale = scales[key];
|
|||
|
|
mergeIf(scale, [
|
|||
|
|
defaults.scales[scale.type],
|
|||
|
|
defaults.scale
|
|||
|
|
]);
|
|||
|
|
});
|
|||
|
|
return scales;
|
|||
|
|
}
|
|||
|
|
function initOptions(config) {
|
|||
|
|
const options = config.options || (config.options = {});
|
|||
|
|
options.plugins = valueOrDefault(options.plugins, {});
|
|||
|
|
options.scales = mergeScaleConfig(config, options);
|
|||
|
|
}
|
|||
|
|
function initData(data) {
|
|||
|
|
data = data || {};
|
|||
|
|
data.datasets = data.datasets || [];
|
|||
|
|
data.labels = data.labels || [];
|
|||
|
|
return data;
|
|||
|
|
}
|
|||
|
|
function initConfig(config) {
|
|||
|
|
config = config || {};
|
|||
|
|
config.data = initData(config.data);
|
|||
|
|
initOptions(config);
|
|||
|
|
return config;
|
|||
|
|
}
|
|||
|
|
const keyCache = new Map();
|
|||
|
|
const keysCached = new Set();
|
|||
|
|
function cachedKeys(cacheKey, generate) {
|
|||
|
|
let keys = keyCache.get(cacheKey);
|
|||
|
|
if (!keys) {
|
|||
|
|
keys = generate();
|
|||
|
|
keyCache.set(cacheKey, keys);
|
|||
|
|
keysCached.add(keys);
|
|||
|
|
}
|
|||
|
|
return keys;
|
|||
|
|
}
|
|||
|
|
const addIfFound = (set, obj, key)=>{
|
|||
|
|
const opts = resolveObjectKey(obj, key);
|
|||
|
|
if (opts !== undefined) {
|
|||
|
|
set.add(opts);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
class Config {
|
|||
|
|
constructor(config){
|
|||
|
|
this._config = initConfig(config);
|
|||
|
|
this._scopeCache = new Map();
|
|||
|
|
this._resolverCache = new Map();
|
|||
|
|
}
|
|||
|
|
get platform() {
|
|||
|
|
return this._config.platform;
|
|||
|
|
}
|
|||
|
|
get type() {
|
|||
|
|
return this._config.type;
|
|||
|
|
}
|
|||
|
|
set type(type) {
|
|||
|
|
this._config.type = type;
|
|||
|
|
}
|
|||
|
|
get data() {
|
|||
|
|
return this._config.data;
|
|||
|
|
}
|
|||
|
|
set data(data) {
|
|||
|
|
this._config.data = initData(data);
|
|||
|
|
}
|
|||
|
|
get options() {
|
|||
|
|
return this._config.options;
|
|||
|
|
}
|
|||
|
|
set options(options) {
|
|||
|
|
this._config.options = options;
|
|||
|
|
}
|
|||
|
|
get plugins() {
|
|||
|
|
return this._config.plugins;
|
|||
|
|
}
|
|||
|
|
update() {
|
|||
|
|
const config = this._config;
|
|||
|
|
this.clearCache();
|
|||
|
|
initOptions(config);
|
|||
|
|
}
|
|||
|
|
clearCache() {
|
|||
|
|
this._scopeCache.clear();
|
|||
|
|
this._resolverCache.clear();
|
|||
|
|
}
|
|||
|
|
datasetScopeKeys(datasetType) {
|
|||
|
|
return cachedKeys(datasetType, ()=>[
|
|||
|
|
[
|
|||
|
|
`datasets.${datasetType}`,
|
|||
|
|
''
|
|||
|
|
]
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
datasetAnimationScopeKeys(datasetType, transition) {
|
|||
|
|
return cachedKeys(`${datasetType}.transition.${transition}`, ()=>[
|
|||
|
|
[
|
|||
|
|
`datasets.${datasetType}.transitions.${transition}`,
|
|||
|
|
`transitions.${transition}`
|
|||
|
|
],
|
|||
|
|
[
|
|||
|
|
`datasets.${datasetType}`,
|
|||
|
|
''
|
|||
|
|
]
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
datasetElementScopeKeys(datasetType, elementType) {
|
|||
|
|
return cachedKeys(`${datasetType}-${elementType}`, ()=>[
|
|||
|
|
[
|
|||
|
|
`datasets.${datasetType}.elements.${elementType}`,
|
|||
|
|
`datasets.${datasetType}`,
|
|||
|
|
`elements.${elementType}`,
|
|||
|
|
''
|
|||
|
|
]
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
pluginScopeKeys(plugin) {
|
|||
|
|
const id = plugin.id;
|
|||
|
|
const type = this.type;
|
|||
|
|
return cachedKeys(`${type}-plugin-${id}`, ()=>[
|
|||
|
|
[
|
|||
|
|
`plugins.${id}`,
|
|||
|
|
...plugin.additionalOptionScopes || []
|
|||
|
|
]
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
_cachedScopes(mainScope, resetCache) {
|
|||
|
|
const _scopeCache = this._scopeCache;
|
|||
|
|
let cache = _scopeCache.get(mainScope);
|
|||
|
|
if (!cache || resetCache) {
|
|||
|
|
cache = new Map();
|
|||
|
|
_scopeCache.set(mainScope, cache);
|
|||
|
|
}
|
|||
|
|
return cache;
|
|||
|
|
}
|
|||
|
|
getOptionScopes(mainScope, keyLists, resetCache) {
|
|||
|
|
const { options , type } = this;
|
|||
|
|
const cache = this._cachedScopes(mainScope, resetCache);
|
|||
|
|
const cached = cache.get(keyLists);
|
|||
|
|
if (cached) {
|
|||
|
|
return cached;
|
|||
|
|
}
|
|||
|
|
const scopes = new Set();
|
|||
|
|
keyLists.forEach((keys)=>{
|
|||
|
|
if (mainScope) {
|
|||
|
|
scopes.add(mainScope);
|
|||
|
|
keys.forEach((key)=>addIfFound(scopes, mainScope, key));
|
|||
|
|
}
|
|||
|
|
keys.forEach((key)=>addIfFound(scopes, options, key));
|
|||
|
|
keys.forEach((key)=>addIfFound(scopes, overrides[type] || {}, key));
|
|||
|
|
keys.forEach((key)=>addIfFound(scopes, defaults, key));
|
|||
|
|
keys.forEach((key)=>addIfFound(scopes, descriptors, key));
|
|||
|
|
});
|
|||
|
|
const array = Array.from(scopes);
|
|||
|
|
if (array.length === 0) {
|
|||
|
|
array.push(Object.create(null));
|
|||
|
|
}
|
|||
|
|
if (keysCached.has(keyLists)) {
|
|||
|
|
cache.set(keyLists, array);
|
|||
|
|
}
|
|||
|
|
return array;
|
|||
|
|
}
|
|||
|
|
chartOptionScopes() {
|
|||
|
|
const { options , type } = this;
|
|||
|
|
return [
|
|||
|
|
options,
|
|||
|
|
overrides[type] || {},
|
|||
|
|
defaults.datasets[type] || {},
|
|||
|
|
{
|
|||
|
|
type
|
|||
|
|
},
|
|||
|
|
defaults,
|
|||
|
|
descriptors
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
resolveNamedOptions(scopes, names, context, prefixes = [
|
|||
|
|
''
|
|||
|
|
]) {
|
|||
|
|
const result = {
|
|||
|
|
$shared: true
|
|||
|
|
};
|
|||
|
|
const { resolver , subPrefixes } = getResolver(this._resolverCache, scopes, prefixes);
|
|||
|
|
let options = resolver;
|
|||
|
|
if (needContext(resolver, names)) {
|
|||
|
|
result.$shared = false;
|
|||
|
|
context = isFunction(context) ? context() : context;
|
|||
|
|
const subResolver = this.createResolver(scopes, context, subPrefixes);
|
|||
|
|
options = _attachContext(resolver, context, subResolver);
|
|||
|
|
}
|
|||
|
|
for (const prop of names){
|
|||
|
|
result[prop] = options[prop];
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
createResolver(scopes, context, prefixes = [
|
|||
|
|
''
|
|||
|
|
], descriptorDefaults) {
|
|||
|
|
const { resolver } = getResolver(this._resolverCache, scopes, prefixes);
|
|||
|
|
return isObject(context) ? _attachContext(resolver, context, undefined, descriptorDefaults) : resolver;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function getResolver(resolverCache, scopes, prefixes) {
|
|||
|
|
let cache = resolverCache.get(scopes);
|
|||
|
|
if (!cache) {
|
|||
|
|
cache = new Map();
|
|||
|
|
resolverCache.set(scopes, cache);
|
|||
|
|
}
|
|||
|
|
const cacheKey = prefixes.join();
|
|||
|
|
let cached = cache.get(cacheKey);
|
|||
|
|
if (!cached) {
|
|||
|
|
const resolver = _createResolver(scopes, prefixes);
|
|||
|
|
cached = {
|
|||
|
|
resolver,
|
|||
|
|
subPrefixes: prefixes.filter((p)=>!p.toLowerCase().includes('hover'))
|
|||
|
|
};
|
|||
|
|
cache.set(cacheKey, cached);
|
|||
|
|
}
|
|||
|
|
return cached;
|
|||
|
|
}
|
|||
|
|
const hasFunction = (value)=>isObject(value) && Object.getOwnPropertyNames(value).some((key)=>isFunction(value[key]));
|
|||
|
|
function needContext(proxy, names) {
|
|||
|
|
const { isScriptable , isIndexable } = _descriptors(proxy);
|
|||
|
|
for (const prop of names){
|
|||
|
|
const scriptable = isScriptable(prop);
|
|||
|
|
const indexable = isIndexable(prop);
|
|||
|
|
const value = (indexable || scriptable) && proxy[prop];
|
|||
|
|
if (scriptable && (isFunction(value) || hasFunction(value)) || indexable && isArray(value)) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var version = "4.4.1";
|
|||
|
|
|
|||
|
|
const KNOWN_POSITIONS = [
|
|||
|
|
'top',
|
|||
|
|
'bottom',
|
|||
|
|
'left',
|
|||
|
|
'right',
|
|||
|
|
'chartArea'
|
|||
|
|
];
|
|||
|
|
function positionIsHorizontal(position, axis) {
|
|||
|
|
return position === 'top' || position === 'bottom' || KNOWN_POSITIONS.indexOf(position) === -1 && axis === 'x';
|
|||
|
|
}
|
|||
|
|
function compare2Level(l1, l2) {
|
|||
|
|
return function(a, b) {
|
|||
|
|
return a[l1] === b[l1] ? a[l2] - b[l2] : a[l1] - b[l1];
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function onAnimationsComplete(context) {
|
|||
|
|
const chart = context.chart;
|
|||
|
|
const animationOptions = chart.options.animation;
|
|||
|
|
chart.notifyPlugins('afterRender');
|
|||
|
|
callback(animationOptions && animationOptions.onComplete, [
|
|||
|
|
context
|
|||
|
|
], chart);
|
|||
|
|
}
|
|||
|
|
function onAnimationProgress(context) {
|
|||
|
|
const chart = context.chart;
|
|||
|
|
const animationOptions = chart.options.animation;
|
|||
|
|
callback(animationOptions && animationOptions.onProgress, [
|
|||
|
|
context
|
|||
|
|
], chart);
|
|||
|
|
}
|
|||
|
|
function getCanvas(item) {
|
|||
|
|
if (_isDomSupported() && typeof item === 'string') {
|
|||
|
|
item = document.getElementById(item);
|
|||
|
|
} else if (item && item.length) {
|
|||
|
|
item = item[0];
|
|||
|
|
}
|
|||
|
|
if (item && item.canvas) {
|
|||
|
|
item = item.canvas;
|
|||
|
|
}
|
|||
|
|
return item;
|
|||
|
|
}
|
|||
|
|
const instances = {};
|
|||
|
|
const getChart = (key)=>{
|
|||
|
|
const canvas = getCanvas(key);
|
|||
|
|
return Object.values(instances).filter((c)=>c.canvas === canvas).pop();
|
|||
|
|
};
|
|||
|
|
function moveNumericKeys(obj, start, move) {
|
|||
|
|
const keys = Object.keys(obj);
|
|||
|
|
for (const key of keys){
|
|||
|
|
const intKey = +key;
|
|||
|
|
if (intKey >= start) {
|
|||
|
|
const value = obj[key];
|
|||
|
|
delete obj[key];
|
|||
|
|
if (move > 0 || intKey > start) {
|
|||
|
|
obj[intKey + move] = value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function determineLastEvent(e, lastEvent, inChartArea, isClick) {
|
|||
|
|
if (!inChartArea || e.type === 'mouseout') {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
if (isClick) {
|
|||
|
|
return lastEvent;
|
|||
|
|
}
|
|||
|
|
return e;
|
|||
|
|
}
|
|||
|
|
function getSizeForArea(scale, chartArea, field) {
|
|||
|
|
return scale.options.clip ? scale[field] : chartArea[field];
|
|||
|
|
}
|
|||
|
|
function getDatasetArea(meta, chartArea) {
|
|||
|
|
const { xScale , yScale } = meta;
|
|||
|
|
if (xScale && yScale) {
|
|||
|
|
return {
|
|||
|
|
left: getSizeForArea(xScale, chartArea, 'left'),
|
|||
|
|
right: getSizeForArea(xScale, chartArea, 'right'),
|
|||
|
|
top: getSizeForArea(yScale, chartArea, 'top'),
|
|||
|
|
bottom: getSizeForArea(yScale, chartArea, 'bottom')
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return chartArea;
|
|||
|
|
}
|
|||
|
|
class Chart {
|
|||
|
|
static defaults = defaults;
|
|||
|
|
static instances = instances;
|
|||
|
|
static overrides = overrides;
|
|||
|
|
static registry = registry;
|
|||
|
|
static version = version;
|
|||
|
|
static getChart = getChart;
|
|||
|
|
static register(...items) {
|
|||
|
|
registry.add(...items);
|
|||
|
|
invalidatePlugins();
|
|||
|
|
}
|
|||
|
|
static unregister(...items) {
|
|||
|
|
registry.remove(...items);
|
|||
|
|
invalidatePlugins();
|
|||
|
|
}
|
|||
|
|
constructor(item, userConfig){
|
|||
|
|
const config = this.config = new Config(userConfig);
|
|||
|
|
const initialCanvas = getCanvas(item);
|
|||
|
|
const existingChart = getChart(initialCanvas);
|
|||
|
|
if (existingChart) {
|
|||
|
|
throw new Error('Canvas is already in use. Chart with ID \'' + existingChart.id + '\'' + ' must be destroyed before the canvas with ID \'' + existingChart.canvas.id + '\' can be reused.');
|
|||
|
|
}
|
|||
|
|
const options = config.createResolver(config.chartOptionScopes(), this.getContext());
|
|||
|
|
this.platform = new (config.platform || _detectPlatform(initialCanvas))();
|
|||
|
|
this.platform.updateConfig(config);
|
|||
|
|
const context = this.platform.acquireContext(initialCanvas, options.aspectRatio);
|
|||
|
|
const canvas = context && context.canvas;
|
|||
|
|
const height = canvas && canvas.height;
|
|||
|
|
const width = canvas && canvas.width;
|
|||
|
|
this.id = uid();
|
|||
|
|
this.ctx = context;
|
|||
|
|
this.canvas = canvas;
|
|||
|
|
this.width = width;
|
|||
|
|
this.height = height;
|
|||
|
|
this._options = options;
|
|||
|
|
this._aspectRatio = this.aspectRatio;
|
|||
|
|
this._layers = [];
|
|||
|
|
this._metasets = [];
|
|||
|
|
this._stacks = undefined;
|
|||
|
|
this.boxes = [];
|
|||
|
|
this.currentDevicePixelRatio = undefined;
|
|||
|
|
this.chartArea = undefined;
|
|||
|
|
this._active = [];
|
|||
|
|
this._lastEvent = undefined;
|
|||
|
|
this._listeners = {};
|
|||
|
|
this._responsiveListeners = undefined;
|
|||
|
|
this._sortedMetasets = [];
|
|||
|
|
this.scales = {};
|
|||
|
|
this._plugins = new PluginService();
|
|||
|
|
this.$proxies = {};
|
|||
|
|
this._hiddenIndices = {};
|
|||
|
|
this.attached = false;
|
|||
|
|
this._animationsDisabled = undefined;
|
|||
|
|
this.$context = undefined;
|
|||
|
|
this._doResize = debounce((mode)=>this.update(mode), options.resizeDelay || 0);
|
|||
|
|
this._dataChanges = [];
|
|||
|
|
instances[this.id] = this;
|
|||
|
|
if (!context || !canvas) {
|
|||
|
|
console.error("Failed to create chart: can't acquire context from the given item");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
animator.listen(this, 'complete', onAnimationsComplete);
|
|||
|
|
animator.listen(this, 'progress', onAnimationProgress);
|
|||
|
|
this._initialize();
|
|||
|
|
if (this.attached) {
|
|||
|
|
this.update();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
get aspectRatio() {
|
|||
|
|
const { options: { aspectRatio , maintainAspectRatio } , width , height , _aspectRatio } = this;
|
|||
|
|
if (!isNullOrUndef(aspectRatio)) {
|
|||
|
|
return aspectRatio;
|
|||
|
|
}
|
|||
|
|
if (maintainAspectRatio && _aspectRatio) {
|
|||
|
|
return _aspectRatio;
|
|||
|
|
}
|
|||
|
|
return height ? width / height : null;
|
|||
|
|
}
|
|||
|
|
get data() {
|
|||
|
|
return this.config.data;
|
|||
|
|
}
|
|||
|
|
set data(data) {
|
|||
|
|
this.config.data = data;
|
|||
|
|
}
|
|||
|
|
get options() {
|
|||
|
|
return this._options;
|
|||
|
|
}
|
|||
|
|
set options(options) {
|
|||
|
|
this.config.options = options;
|
|||
|
|
}
|
|||
|
|
get registry() {
|
|||
|
|
return registry;
|
|||
|
|
}
|
|||
|
|
_initialize() {
|
|||
|
|
this.notifyPlugins('beforeInit');
|
|||
|
|
if (this.options.responsive) {
|
|||
|
|
this.resize();
|
|||
|
|
} else {
|
|||
|
|
retinaScale(this, this.options.devicePixelRatio);
|
|||
|
|
}
|
|||
|
|
this.bindEvents();
|
|||
|
|
this.notifyPlugins('afterInit');
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
clear() {
|
|||
|
|
clearCanvas(this.canvas, this.ctx);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
stop() {
|
|||
|
|
animator.stop(this);
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
resize(width, height) {
|
|||
|
|
if (!animator.running(this)) {
|
|||
|
|
this._resize(width, height);
|
|||
|
|
} else {
|
|||
|
|
this._resizeBeforeDraw = {
|
|||
|
|
width,
|
|||
|
|
height
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_resize(width, height) {
|
|||
|
|
const options = this.options;
|
|||
|
|
const canvas = this.canvas;
|
|||
|
|
const aspectRatio = options.maintainAspectRatio && this.aspectRatio;
|
|||
|
|
const newSize = this.platform.getMaximumSize(canvas, width, height, aspectRatio);
|
|||
|
|
const newRatio = options.devicePixelRatio || this.platform.getDevicePixelRatio();
|
|||
|
|
const mode = this.width ? 'resize' : 'attach';
|
|||
|
|
this.width = newSize.width;
|
|||
|
|
this.height = newSize.height;
|
|||
|
|
this._aspectRatio = this.aspectRatio;
|
|||
|
|
if (!retinaScale(this, newRatio, true)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.notifyPlugins('resize', {
|
|||
|
|
size: newSize
|
|||
|
|
});
|
|||
|
|
callback(options.onResize, [
|
|||
|
|
this,
|
|||
|
|
newSize
|
|||
|
|
], this);
|
|||
|
|
if (this.attached) {
|
|||
|
|
if (this._doResize(mode)) {
|
|||
|
|
this.render();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
ensureScalesHaveIDs() {
|
|||
|
|
const options = this.options;
|
|||
|
|
const scalesOptions = options.scales || {};
|
|||
|
|
each(scalesOptions, (axisOptions, axisID)=>{
|
|||
|
|
axisOptions.id = axisID;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
buildOrUpdateScales() {
|
|||
|
|
const options = this.options;
|
|||
|
|
const scaleOpts = options.scales;
|
|||
|
|
const scales = this.scales;
|
|||
|
|
const updated = Object.keys(scales).reduce((obj, id)=>{
|
|||
|
|
obj[id] = false;
|
|||
|
|
return obj;
|
|||
|
|
}, {});
|
|||
|
|
let items = [];
|
|||
|
|
if (scaleOpts) {
|
|||
|
|
items = items.concat(Object.keys(scaleOpts).map((id)=>{
|
|||
|
|
const scaleOptions = scaleOpts[id];
|
|||
|
|
const axis = determineAxis(id, scaleOptions);
|
|||
|
|
const isRadial = axis === 'r';
|
|||
|
|
const isHorizontal = axis === 'x';
|
|||
|
|
return {
|
|||
|
|
options: scaleOptions,
|
|||
|
|
dposition: isRadial ? 'chartArea' : isHorizontal ? 'bottom' : 'left',
|
|||
|
|
dtype: isRadial ? 'radialLinear' : isHorizontal ? 'category' : 'linear'
|
|||
|
|
};
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
each(items, (item)=>{
|
|||
|
|
const scaleOptions = item.options;
|
|||
|
|
const id = scaleOptions.id;
|
|||
|
|
const axis = determineAxis(id, scaleOptions);
|
|||
|
|
const scaleType = valueOrDefault(scaleOptions.type, item.dtype);
|
|||
|
|
if (scaleOptions.position === undefined || positionIsHorizontal(scaleOptions.position, axis) !== positionIsHorizontal(item.dposition)) {
|
|||
|
|
scaleOptions.position = item.dposition;
|
|||
|
|
}
|
|||
|
|
updated[id] = true;
|
|||
|
|
let scale = null;
|
|||
|
|
if (id in scales && scales[id].type === scaleType) {
|
|||
|
|
scale = scales[id];
|
|||
|
|
} else {
|
|||
|
|
const scaleClass = registry.getScale(scaleType);
|
|||
|
|
scale = new scaleClass({
|
|||
|
|
id,
|
|||
|
|
type: scaleType,
|
|||
|
|
ctx: this.ctx,
|
|||
|
|
chart: this
|
|||
|
|
});
|
|||
|
|
scales[scale.id] = scale;
|
|||
|
|
}
|
|||
|
|
scale.init(scaleOptions, options);
|
|||
|
|
});
|
|||
|
|
each(updated, (hasUpdated, id)=>{
|
|||
|
|
if (!hasUpdated) {
|
|||
|
|
delete scales[id];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
each(scales, (scale)=>{
|
|||
|
|
layouts.configure(this, scale, scale.options);
|
|||
|
|
layouts.addBox(this, scale);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
_updateMetasets() {
|
|||
|
|
const metasets = this._metasets;
|
|||
|
|
const numData = this.data.datasets.length;
|
|||
|
|
const numMeta = metasets.length;
|
|||
|
|
metasets.sort((a, b)=>a.index - b.index);
|
|||
|
|
if (numMeta > numData) {
|
|||
|
|
for(let i = numData; i < numMeta; ++i){
|
|||
|
|
this._destroyDatasetMeta(i);
|
|||
|
|
}
|
|||
|
|
metasets.splice(numData, numMeta - numData);
|
|||
|
|
}
|
|||
|
|
this._sortedMetasets = metasets.slice(0).sort(compare2Level('order', 'index'));
|
|||
|
|
}
|
|||
|
|
_removeUnreferencedMetasets() {
|
|||
|
|
const { _metasets: metasets , data: { datasets } } = this;
|
|||
|
|
if (metasets.length > datasets.length) {
|
|||
|
|
delete this._stacks;
|
|||
|
|
}
|
|||
|
|
metasets.forEach((meta, index)=>{
|
|||
|
|
if (datasets.filter((x)=>x === meta._dataset).length === 0) {
|
|||
|
|
this._destroyDatasetMeta(index);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
buildOrUpdateControllers() {
|
|||
|
|
const newControllers = [];
|
|||
|
|
const datasets = this.data.datasets;
|
|||
|
|
let i, ilen;
|
|||
|
|
this._removeUnreferencedMetasets();
|
|||
|
|
for(i = 0, ilen = datasets.length; i < ilen; i++){
|
|||
|
|
const dataset = datasets[i];
|
|||
|
|
let meta = this.getDatasetMeta(i);
|
|||
|
|
const type = dataset.type || this.config.type;
|
|||
|
|
if (meta.type && meta.type !== type) {
|
|||
|
|
this._destroyDatasetMeta(i);
|
|||
|
|
meta = this.getDatasetMeta(i);
|
|||
|
|
}
|
|||
|
|
meta.type = type;
|
|||
|
|
meta.indexAxis = dataset.indexAxis || getIndexAxis(type, this.options);
|
|||
|
|
meta.order = dataset.order || 0;
|
|||
|
|
meta.index = i;
|
|||
|
|
meta.label = '' + dataset.label;
|
|||
|
|
meta.visible = this.isDatasetVisible(i);
|
|||
|
|
if (meta.controller) {
|
|||
|
|
meta.controller.updateIndex(i);
|
|||
|
|
meta.controller.linkScales();
|
|||
|
|
} else {
|
|||
|
|
const ControllerClass = registry.getController(type);
|
|||
|
|
const { datasetElementType , dataElementType } = defaults.datasets[type];
|
|||
|
|
Object.assign(ControllerClass, {
|
|||
|
|
dataElementType: registry.getElement(dataElementType),
|
|||
|
|
datasetElementType: datasetElementType && registry.getElement(datasetElementType)
|
|||
|
|
});
|
|||
|
|
meta.controller = new ControllerClass(this, i);
|
|||
|
|
newControllers.push(meta.controller);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this._updateMetasets();
|
|||
|
|
return newControllers;
|
|||
|
|
}
|
|||
|
|
_resetElements() {
|
|||
|
|
each(this.data.datasets, (dataset, datasetIndex)=>{
|
|||
|
|
this.getDatasetMeta(datasetIndex).controller.reset();
|
|||
|
|
}, this);
|
|||
|
|
}
|
|||
|
|
reset() {
|
|||
|
|
this._resetElements();
|
|||
|
|
this.notifyPlugins('reset');
|
|||
|
|
}
|
|||
|
|
update(mode) {
|
|||
|
|
const config = this.config;
|
|||
|
|
config.update();
|
|||
|
|
const options = this._options = config.createResolver(config.chartOptionScopes(), this.getContext());
|
|||
|
|
const animsDisabled = this._animationsDisabled = !options.animation;
|
|||
|
|
this._updateScales();
|
|||
|
|
this._checkEventBindings();
|
|||
|
|
this._updateHiddenIndices();
|
|||
|
|
this._plugins.invalidate();
|
|||
|
|
if (this.notifyPlugins('beforeUpdate', {
|
|||
|
|
mode,
|
|||
|
|
cancelable: true
|
|||
|
|
}) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const newControllers = this.buildOrUpdateControllers();
|
|||
|
|
this.notifyPlugins('beforeElementsUpdate');
|
|||
|
|
let minPadding = 0;
|
|||
|
|
for(let i = 0, ilen = this.data.datasets.length; i < ilen; i++){
|
|||
|
|
const { controller } = this.getDatasetMeta(i);
|
|||
|
|
const reset = !animsDisabled && newControllers.indexOf(controller) === -1;
|
|||
|
|
controller.buildOrUpdateElements(reset);
|
|||
|
|
minPadding = Math.max(+controller.getMaxOverflow(), minPadding);
|
|||
|
|
}
|
|||
|
|
minPadding = this._minPadding = options.layout.autoPadding ? minPadding : 0;
|
|||
|
|
this._updateLayout(minPadding);
|
|||
|
|
if (!animsDisabled) {
|
|||
|
|
each(newControllers, (controller)=>{
|
|||
|
|
controller.reset();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
this._updateDatasets(mode);
|
|||
|
|
this.notifyPlugins('afterUpdate', {
|
|||
|
|
mode
|
|||
|
|
});
|
|||
|
|
this._layers.sort(compare2Level('z', '_idx'));
|
|||
|
|
const { _active , _lastEvent } = this;
|
|||
|
|
if (_lastEvent) {
|
|||
|
|
this._eventHandler(_lastEvent, true);
|
|||
|
|
} else if (_active.length) {
|
|||
|
|
this._updateHoverStyles(_active, _active, true);
|
|||
|
|
}
|
|||
|
|
this.render();
|
|||
|
|
}
|
|||
|
|
_updateScales() {
|
|||
|
|
each(this.scales, (scale)=>{
|
|||
|
|
layouts.removeBox(this, scale);
|
|||
|
|
});
|
|||
|
|
this.ensureScalesHaveIDs();
|
|||
|
|
this.buildOrUpdateScales();
|
|||
|
|
}
|
|||
|
|
_checkEventBindings() {
|
|||
|
|
const options = this.options;
|
|||
|
|
const existingEvents = new Set(Object.keys(this._listeners));
|
|||
|
|
const newEvents = new Set(options.events);
|
|||
|
|
if (!setsEqual(existingEvents, newEvents) || !!this._responsiveListeners !== options.responsive) {
|
|||
|
|
this.unbindEvents();
|
|||
|
|
this.bindEvents();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_updateHiddenIndices() {
|
|||
|
|
const { _hiddenIndices } = this;
|
|||
|
|
const changes = this._getUniformDataChanges() || [];
|
|||
|
|
for (const { method , start , count } of changes){
|
|||
|
|
const move = method === '_removeElements' ? -count : count;
|
|||
|
|
moveNumericKeys(_hiddenIndices, start, move);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_getUniformDataChanges() {
|
|||
|
|
const _dataChanges = this._dataChanges;
|
|||
|
|
if (!_dataChanges || !_dataChanges.length) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this._dataChanges = [];
|
|||
|
|
const datasetCount = this.data.datasets.length;
|
|||
|
|
const makeSet = (idx)=>new Set(_dataChanges.filter((c)=>c[0] === idx).map((c, i)=>i + ',' + c.splice(1).join(',')));
|
|||
|
|
const changeSet = makeSet(0);
|
|||
|
|
for(let i = 1; i < datasetCount; i++){
|
|||
|
|
if (!setsEqual(changeSet, makeSet(i))) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return Array.from(changeSet).map((c)=>c.split(',')).map((a)=>({
|
|||
|
|
method: a[1],
|
|||
|
|
start: +a[2],
|
|||
|
|
count: +a[3]
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
_updateLayout(minPadding) {
|
|||
|
|
if (this.notifyPlugins('beforeLayout', {
|
|||
|
|
cancelable: true
|
|||
|
|
}) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
layouts.update(this, this.width, this.height, minPadding);
|
|||
|
|
const area = this.chartArea;
|
|||
|
|
const noArea = area.width <= 0 || area.height <= 0;
|
|||
|
|
this._layers = [];
|
|||
|
|
each(this.boxes, (box)=>{
|
|||
|
|
if (noArea && box.position === 'chartArea') {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (box.configure) {
|
|||
|
|
box.configure();
|
|||
|
|
}
|
|||
|
|
this._layers.push(...box._layers());
|
|||
|
|
}, this);
|
|||
|
|
this._layers.forEach((item, index)=>{
|
|||
|
|
item._idx = index;
|
|||
|
|
});
|
|||
|
|
this.notifyPlugins('afterLayout');
|
|||
|
|
}
|
|||
|
|
_updateDatasets(mode) {
|
|||
|
|
if (this.notifyPlugins('beforeDatasetsUpdate', {
|
|||
|
|
mode,
|
|||
|
|
cancelable: true
|
|||
|
|
}) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
for(let i = 0, ilen = this.data.datasets.length; i < ilen; ++i){
|
|||
|
|
this.getDatasetMeta(i).controller.configure();
|
|||
|
|
}
|
|||
|
|
for(let i = 0, ilen = this.data.datasets.length; i < ilen; ++i){
|
|||
|
|
this._updateDataset(i, isFunction(mode) ? mode({
|
|||
|
|
datasetIndex: i
|
|||
|
|
}) : mode);
|
|||
|
|
}
|
|||
|
|
this.notifyPlugins('afterDatasetsUpdate', {
|
|||
|
|
mode
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
_updateDataset(index, mode) {
|
|||
|
|
const meta = this.getDatasetMeta(index);
|
|||
|
|
const args = {
|
|||
|
|
meta,
|
|||
|
|
index,
|
|||
|
|
mode,
|
|||
|
|
cancelable: true
|
|||
|
|
};
|
|||
|
|
if (this.notifyPlugins('beforeDatasetUpdate', args) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
meta.controller._update(mode);
|
|||
|
|
args.cancelable = false;
|
|||
|
|
this.notifyPlugins('afterDatasetUpdate', args);
|
|||
|
|
}
|
|||
|
|
render() {
|
|||
|
|
if (this.notifyPlugins('beforeRender', {
|
|||
|
|
cancelable: true
|
|||
|
|
}) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (animator.has(this)) {
|
|||
|
|
if (this.attached && !animator.running(this)) {
|
|||
|
|
animator.start(this);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
this.draw();
|
|||
|
|
onAnimationsComplete({
|
|||
|
|
chart: this
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
draw() {
|
|||
|
|
let i;
|
|||
|
|
if (this._resizeBeforeDraw) {
|
|||
|
|
const { width , height } = this._resizeBeforeDraw;
|
|||
|
|
this._resize(width, height);
|
|||
|
|
this._resizeBeforeDraw = null;
|
|||
|
|
}
|
|||
|
|
this.clear();
|
|||
|
|
if (this.width <= 0 || this.height <= 0) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (this.notifyPlugins('beforeDraw', {
|
|||
|
|
cancelable: true
|
|||
|
|
}) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const layers = this._layers;
|
|||
|
|
for(i = 0; i < layers.length && layers[i].z <= 0; ++i){
|
|||
|
|
layers[i].draw(this.chartArea);
|
|||
|
|
}
|
|||
|
|
this._drawDatasets();
|
|||
|
|
for(; i < layers.length; ++i){
|
|||
|
|
layers[i].draw(this.chartArea);
|
|||
|
|
}
|
|||
|
|
this.notifyPlugins('afterDraw');
|
|||
|
|
}
|
|||
|
|
_getSortedDatasetMetas(filterVisible) {
|
|||
|
|
const metasets = this._sortedMetasets;
|
|||
|
|
const result = [];
|
|||
|
|
let i, ilen;
|
|||
|
|
for(i = 0, ilen = metasets.length; i < ilen; ++i){
|
|||
|
|
const meta = metasets[i];
|
|||
|
|
if (!filterVisible || meta.visible) {
|
|||
|
|
result.push(meta);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
getSortedVisibleDatasetMetas() {
|
|||
|
|
return this._getSortedDatasetMetas(true);
|
|||
|
|
}
|
|||
|
|
_drawDatasets() {
|
|||
|
|
if (this.notifyPlugins('beforeDatasetsDraw', {
|
|||
|
|
cancelable: true
|
|||
|
|
}) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const metasets = this.getSortedVisibleDatasetMetas();
|
|||
|
|
for(let i = metasets.length - 1; i >= 0; --i){
|
|||
|
|
this._drawDataset(metasets[i]);
|
|||
|
|
}
|
|||
|
|
this.notifyPlugins('afterDatasetsDraw');
|
|||
|
|
}
|
|||
|
|
_drawDataset(meta) {
|
|||
|
|
const ctx = this.ctx;
|
|||
|
|
const clip = meta._clip;
|
|||
|
|
const useClip = !clip.disabled;
|
|||
|
|
const area = getDatasetArea(meta, this.chartArea);
|
|||
|
|
const args = {
|
|||
|
|
meta,
|
|||
|
|
index: meta.index,
|
|||
|
|
cancelable: true
|
|||
|
|
};
|
|||
|
|
if (this.notifyPlugins('beforeDatasetDraw', args) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (useClip) {
|
|||
|
|
clipArea(ctx, {
|
|||
|
|
left: clip.left === false ? 0 : area.left - clip.left,
|
|||
|
|
right: clip.right === false ? this.width : area.right + clip.right,
|
|||
|
|
top: clip.top === false ? 0 : area.top - clip.top,
|
|||
|
|
bottom: clip.bottom === false ? this.height : area.bottom + clip.bottom
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
meta.controller.draw();
|
|||
|
|
if (useClip) {
|
|||
|
|
unclipArea(ctx);
|
|||
|
|
}
|
|||
|
|
args.cancelable = false;
|
|||
|
|
this.notifyPlugins('afterDatasetDraw', args);
|
|||
|
|
}
|
|||
|
|
isPointInArea(point) {
|
|||
|
|
return _isPointInArea(point, this.chartArea, this._minPadding);
|
|||
|
|
}
|
|||
|
|
getElementsAtEventForMode(e, mode, options, useFinalPosition) {
|
|||
|
|
const method = Interaction.modes[mode];
|
|||
|
|
if (typeof method === 'function') {
|
|||
|
|
return method(this, e, options, useFinalPosition);
|
|||
|
|
}
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
getDatasetMeta(datasetIndex) {
|
|||
|
|
const dataset = this.data.datasets[datasetIndex];
|
|||
|
|
const metasets = this._metasets;
|
|||
|
|
let meta = metasets.filter((x)=>x && x._dataset === dataset).pop();
|
|||
|
|
if (!meta) {
|
|||
|
|
meta = {
|
|||
|
|
type: null,
|
|||
|
|
data: [],
|
|||
|
|
dataset: null,
|
|||
|
|
controller: null,
|
|||
|
|
hidden: null,
|
|||
|
|
xAxisID: null,
|
|||
|
|
yAxisID: null,
|
|||
|
|
order: dataset && dataset.order || 0,
|
|||
|
|
index: datasetIndex,
|
|||
|
|
_dataset: dataset,
|
|||
|
|
_parsed: [],
|
|||
|
|
_sorted: false
|
|||
|
|
};
|
|||
|
|
metasets.push(meta);
|
|||
|
|
}
|
|||
|
|
return meta;
|
|||
|
|
}
|
|||
|
|
getContext() {
|
|||
|
|
return this.$context || (this.$context = createContext(null, {
|
|||
|
|
chart: this,
|
|||
|
|
type: 'chart'
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
getVisibleDatasetCount() {
|
|||
|
|
return this.getSortedVisibleDatasetMetas().length;
|
|||
|
|
}
|
|||
|
|
isDatasetVisible(datasetIndex) {
|
|||
|
|
const dataset = this.data.datasets[datasetIndex];
|
|||
|
|
if (!dataset) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
const meta = this.getDatasetMeta(datasetIndex);
|
|||
|
|
return typeof meta.hidden === 'boolean' ? !meta.hidden : !dataset.hidden;
|
|||
|
|
}
|
|||
|
|
setDatasetVisibility(datasetIndex, visible) {
|
|||
|
|
const meta = this.getDatasetMeta(datasetIndex);
|
|||
|
|
meta.hidden = !visible;
|
|||
|
|
}
|
|||
|
|
toggleDataVisibility(index) {
|
|||
|
|
this._hiddenIndices[index] = !this._hiddenIndices[index];
|
|||
|
|
}
|
|||
|
|
getDataVisibility(index) {
|
|||
|
|
return !this._hiddenIndices[index];
|
|||
|
|
}
|
|||
|
|
_updateVisibility(datasetIndex, dataIndex, visible) {
|
|||
|
|
const mode = visible ? 'show' : 'hide';
|
|||
|
|
const meta = this.getDatasetMeta(datasetIndex);
|
|||
|
|
const anims = meta.controller._resolveAnimations(undefined, mode);
|
|||
|
|
if (defined(dataIndex)) {
|
|||
|
|
meta.data[dataIndex].hidden = !visible;
|
|||
|
|
this.update();
|
|||
|
|
} else {
|
|||
|
|
this.setDatasetVisibility(datasetIndex, visible);
|
|||
|
|
anims.update(meta, {
|
|||
|
|
visible
|
|||
|
|
});
|
|||
|
|
this.update((ctx)=>ctx.datasetIndex === datasetIndex ? mode : undefined);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
hide(datasetIndex, dataIndex) {
|
|||
|
|
this._updateVisibility(datasetIndex, dataIndex, false);
|
|||
|
|
}
|
|||
|
|
show(datasetIndex, dataIndex) {
|
|||
|
|
this._updateVisibility(datasetIndex, dataIndex, true);
|
|||
|
|
}
|
|||
|
|
_destroyDatasetMeta(datasetIndex) {
|
|||
|
|
const meta = this._metasets[datasetIndex];
|
|||
|
|
if (meta && meta.controller) {
|
|||
|
|
meta.controller._destroy();
|
|||
|
|
}
|
|||
|
|
delete this._metasets[datasetIndex];
|
|||
|
|
}
|
|||
|
|
_stop() {
|
|||
|
|
let i, ilen;
|
|||
|
|
this.stop();
|
|||
|
|
animator.remove(this);
|
|||
|
|
for(i = 0, ilen = this.data.datasets.length; i < ilen; ++i){
|
|||
|
|
this._destroyDatasetMeta(i);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
destroy() {
|
|||
|
|
this.notifyPlugins('beforeDestroy');
|
|||
|
|
const { canvas , ctx } = this;
|
|||
|
|
this._stop();
|
|||
|
|
this.config.clearCache();
|
|||
|
|
if (canvas) {
|
|||
|
|
this.unbindEvents();
|
|||
|
|
clearCanvas(canvas, ctx);
|
|||
|
|
this.platform.releaseContext(ctx);
|
|||
|
|
this.canvas = null;
|
|||
|
|
this.ctx = null;
|
|||
|
|
}
|
|||
|
|
delete instances[this.id];
|
|||
|
|
this.notifyPlugins('afterDestroy');
|
|||
|
|
}
|
|||
|
|
toBase64Image(...args) {
|
|||
|
|
return this.canvas.toDataURL(...args);
|
|||
|
|
}
|
|||
|
|
bindEvents() {
|
|||
|
|
this.bindUserEvents();
|
|||
|
|
if (this.options.responsive) {
|
|||
|
|
this.bindResponsiveEvents();
|
|||
|
|
} else {
|
|||
|
|
this.attached = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
bindUserEvents() {
|
|||
|
|
const listeners = this._listeners;
|
|||
|
|
const platform = this.platform;
|
|||
|
|
const _add = (type, listener)=>{
|
|||
|
|
platform.addEventListener(this, type, listener);
|
|||
|
|
listeners[type] = listener;
|
|||
|
|
};
|
|||
|
|
const listener = (e, x, y)=>{
|
|||
|
|
e.offsetX = x;
|
|||
|
|
e.offsetY = y;
|
|||
|
|
this._eventHandler(e);
|
|||
|
|
};
|
|||
|
|
each(this.options.events, (type)=>_add(type, listener));
|
|||
|
|
}
|
|||
|
|
bindResponsiveEvents() {
|
|||
|
|
if (!this._responsiveListeners) {
|
|||
|
|
this._responsiveListeners = {};
|
|||
|
|
}
|
|||
|
|
const listeners = this._responsiveListeners;
|
|||
|
|
const platform = this.platform;
|
|||
|
|
const _add = (type, listener)=>{
|
|||
|
|
platform.addEventListener(this, type, listener);
|
|||
|
|
listeners[type] = listener;
|
|||
|
|
};
|
|||
|
|
const _remove = (type, listener)=>{
|
|||
|
|
if (listeners[type]) {
|
|||
|
|
platform.removeEventListener(this, type, listener);
|
|||
|
|
delete listeners[type];
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const listener = (width, height)=>{
|
|||
|
|
if (this.canvas) {
|
|||
|
|
this.resize(width, height);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
let detached;
|
|||
|
|
const attached = ()=>{
|
|||
|
|
_remove('attach', attached);
|
|||
|
|
this.attached = true;
|
|||
|
|
this.resize();
|
|||
|
|
_add('resize', listener);
|
|||
|
|
_add('detach', detached);
|
|||
|
|
};
|
|||
|
|
detached = ()=>{
|
|||
|
|
this.attached = false;
|
|||
|
|
_remove('resize', listener);
|
|||
|
|
this._stop();
|
|||
|
|
this._resize(0, 0);
|
|||
|
|
_add('attach', attached);
|
|||
|
|
};
|
|||
|
|
if (platform.isAttached(this.canvas)) {
|
|||
|
|
attached();
|
|||
|
|
} else {
|
|||
|
|
detached();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
unbindEvents() {
|
|||
|
|
each(this._listeners, (listener, type)=>{
|
|||
|
|
this.platform.removeEventListener(this, type, listener);
|
|||
|
|
});
|
|||
|
|
this._listeners = {};
|
|||
|
|
each(this._responsiveListeners, (listener, type)=>{
|
|||
|
|
this.platform.removeEventListener(this, type, listener);
|
|||
|
|
});
|
|||
|
|
this._responsiveListeners = undefined;
|
|||
|
|
}
|
|||
|
|
updateHoverStyle(items, mode, enabled) {
|
|||
|
|
const prefix = enabled ? 'set' : 'remove';
|
|||
|
|
let meta, item, i, ilen;
|
|||
|
|
if (mode === 'dataset') {
|
|||
|
|
meta = this.getDatasetMeta(items[0].datasetIndex);
|
|||
|
|
meta.controller['_' + prefix + 'DatasetHoverStyle']();
|
|||
|
|
}
|
|||
|
|
for(i = 0, ilen = items.length; i < ilen; ++i){
|
|||
|
|
item = items[i];
|
|||
|
|
const controller = item && this.getDatasetMeta(item.datasetIndex).controller;
|
|||
|
|
if (controller) {
|
|||
|
|
controller[prefix + 'HoverStyle'](item.element, item.datasetIndex, item.index);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
getActiveElements() {
|
|||
|
|
return this._active || [];
|
|||
|
|
}
|
|||
|
|
setActiveElements(activeElements) {
|
|||
|
|
const lastActive = this._active || [];
|
|||
|
|
const active = activeElements.map(({ datasetIndex , index })=>{
|
|||
|
|
const meta = this.getDatasetMeta(datasetIndex);
|
|||
|
|
if (!meta) {
|
|||
|
|
throw new Error('No dataset found at index ' + datasetIndex);
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
datasetIndex,
|
|||
|
|
element: meta.data[index],
|
|||
|
|
index
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
const changed = !_elementsEqual(active, lastActive);
|
|||
|
|
if (changed) {
|
|||
|
|
this._active = active;
|
|||
|
|
this._lastEvent = null;
|
|||
|
|
this._updateHoverStyles(active, lastActive);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
notifyPlugins(hook, args, filter) {
|
|||
|
|
return this._plugins.notify(this, hook, args, filter);
|
|||
|
|
}
|
|||
|
|
isPluginEnabled(pluginId) {
|
|||
|
|
return this._plugins._cache.filter((p)=>p.plugin.id === pluginId).length === 1;
|
|||
|
|
}
|
|||
|
|
_updateHoverStyles(active, lastActive, replay) {
|
|||
|
|
const hoverOptions = this.options.hover;
|
|||
|
|
const diff = (a, b)=>a.filter((x)=>!b.some((y)=>x.datasetIndex === y.datasetIndex && x.index === y.index));
|
|||
|
|
const deactivated = diff(lastActive, active);
|
|||
|
|
const activated = replay ? active : diff(active, lastActive);
|
|||
|
|
if (deactivated.length) {
|
|||
|
|
this.updateHoverStyle(deactivated, hoverOptions.mode, false);
|
|||
|
|
}
|
|||
|
|
if (activated.length && hoverOptions.mode) {
|
|||
|
|
this.updateHoverStyle(activated, hoverOptions.mode, true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_eventHandler(e, replay) {
|
|||
|
|
const args = {
|
|||
|
|
event: e,
|
|||
|
|
replay,
|
|||
|
|
cancelable: true,
|
|||
|
|
inChartArea: this.isPointInArea(e)
|
|||
|
|
};
|
|||
|
|
const eventFilter = (plugin)=>(plugin.options.events || this.options.events).includes(e.native.type);
|
|||
|
|
if (this.notifyPlugins('beforeEvent', args, eventFilter) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const changed = this._handleEvent(e, replay, args.inChartArea);
|
|||
|
|
args.cancelable = false;
|
|||
|
|
this.notifyPlugins('afterEvent', args, eventFilter);
|
|||
|
|
if (changed || args.changed) {
|
|||
|
|
this.render();
|
|||
|
|
}
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
_handleEvent(e, replay, inChartArea) {
|
|||
|
|
const { _active: lastActive = [] , options } = this;
|
|||
|
|
const useFinalPosition = replay;
|
|||
|
|
const active = this._getActiveElements(e, lastActive, inChartArea, useFinalPosition);
|
|||
|
|
const isClick = _isClickEvent(e);
|
|||
|
|
const lastEvent = determineLastEvent(e, this._lastEvent, inChartArea, isClick);
|
|||
|
|
if (inChartArea) {
|
|||
|
|
this._lastEvent = null;
|
|||
|
|
callback(options.onHover, [
|
|||
|
|
e,
|
|||
|
|
active,
|
|||
|
|
this
|
|||
|
|
], this);
|
|||
|
|
if (isClick) {
|
|||
|
|
callback(options.onClick, [
|
|||
|
|
e,
|
|||
|
|
active,
|
|||
|
|
this
|
|||
|
|
], this);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const changed = !_elementsEqual(active, lastActive);
|
|||
|
|
if (changed || replay) {
|
|||
|
|
this._active = active;
|
|||
|
|
this._updateHoverStyles(active, lastActive, replay);
|
|||
|
|
}
|
|||
|
|
this._lastEvent = lastEvent;
|
|||
|
|
return changed;
|
|||
|
|
}
|
|||
|
|
_getActiveElements(e, lastActive, inChartArea, useFinalPosition) {
|
|||
|
|
if (e.type === 'mouseout') {
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
if (!inChartArea) {
|
|||
|
|
return lastActive;
|
|||
|
|
}
|
|||
|
|
const hoverOptions = this.options.hover;
|
|||
|
|
return this.getElementsAtEventForMode(e, hoverOptions.mode, hoverOptions, useFinalPosition);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function invalidatePlugins() {
|
|||
|
|
return each(Chart.instances, (chart)=>chart._plugins.invalidate());
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clipArc(ctx, element, endAngle) {
|
|||
|
|
const { startAngle , pixelMargin , x , y , outerRadius , innerRadius } = element;
|
|||
|
|
let angleMargin = pixelMargin / outerRadius;
|
|||
|
|
// Draw an inner border by clipping the arc and drawing a double-width border
|
|||
|
|
// Enlarge the clipping arc by 0.33 pixels to eliminate glitches between borders
|
|||
|
|
ctx.beginPath();
|
|||
|
|
ctx.arc(x, y, outerRadius, startAngle - angleMargin, endAngle + angleMargin);
|
|||
|
|
if (innerRadius > pixelMargin) {
|
|||
|
|
angleMargin = pixelMargin / innerRadius;
|
|||
|
|
ctx.arc(x, y, innerRadius, endAngle + angleMargin, startAngle - angleMargin, true);
|
|||
|
|
} else {
|
|||
|
|
ctx.arc(x, y, pixelMargin, endAngle + HALF_PI, startAngle - HALF_PI);
|
|||
|
|
}
|
|||
|
|
ctx.closePath();
|
|||
|
|
ctx.clip();
|
|||
|
|
}
|
|||
|
|
function toRadiusCorners(value) {
|
|||
|
|
return _readValueToProps(value, [
|
|||
|
|
'outerStart',
|
|||
|
|
'outerEnd',
|
|||
|
|
'innerStart',
|
|||
|
|
'innerEnd'
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Parse border radius from the provided options
|
|||
|
|
*/ function parseBorderRadius$1(arc, innerRadius, outerRadius, angleDelta) {
|
|||
|
|
const o = toRadiusCorners(arc.options.borderRadius);
|
|||
|
|
const halfThickness = (outerRadius - innerRadius) / 2;
|
|||
|
|
const innerLimit = Math.min(halfThickness, angleDelta * innerRadius / 2);
|
|||
|
|
// Outer limits are complicated. We want to compute the available angular distance at
|
|||
|
|
// a radius of outerRadius - borderRadius because for small angular distances, this term limits.
|
|||
|
|
// We compute at r = outerRadius - borderRadius because this circle defines the center of the border corners.
|
|||
|
|
//
|
|||
|
|
// If the borderRadius is large, that value can become negative.
|
|||
|
|
// This causes the outer borders to lose their radius entirely, which is rather unexpected. To solve that, if borderRadius > outerRadius
|
|||
|
|
// we know that the thickness term will dominate and compute the limits at that point
|
|||
|
|
const computeOuterLimit = (val)=>{
|
|||
|
|
const outerArcLimit = (outerRadius - Math.min(halfThickness, val)) * angleDelta / 2;
|
|||
|
|
return _limitValue(val, 0, Math.min(halfThickness, outerArcLimit));
|
|||
|
|
};
|
|||
|
|
return {
|
|||
|
|
outerStart: computeOuterLimit(o.outerStart),
|
|||
|
|
outerEnd: computeOuterLimit(o.outerEnd),
|
|||
|
|
innerStart: _limitValue(o.innerStart, 0, innerLimit),
|
|||
|
|
innerEnd: _limitValue(o.innerEnd, 0, innerLimit)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Convert (r, 𝜃) to (x, y)
|
|||
|
|
*/ function rThetaToXY(r, theta, x, y) {
|
|||
|
|
return {
|
|||
|
|
x: x + r * Math.cos(theta),
|
|||
|
|
y: y + r * Math.sin(theta)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* Path the arc, respecting border radius by separating into left and right halves.
|
|||
|
|
*
|
|||
|
|
* Start End
|
|||
|
|
*
|
|||
|
|
* 1--->a--->2 Outer
|
|||
|
|
* / \
|
|||
|
|
* 8 3
|
|||
|
|
* | |
|
|||
|
|
* | |
|
|||
|
|
* 7 4
|
|||
|
|
* \ /
|
|||
|
|
* 6<---b<---5 Inner
|
|||
|
|
*/ function pathArc(ctx, element, offset, spacing, end, circular) {
|
|||
|
|
const { x , y , startAngle: start , pixelMargin , innerRadius: innerR } = element;
|
|||
|
|
const outerRadius = Math.max(element.outerRadius + spacing + offset - pixelMargin, 0);
|
|||
|
|
const innerRadius = innerR > 0 ? innerR + spacing + offset + pixelMargin : 0;
|
|||
|
|
let spacingOffset = 0;
|
|||
|
|
const alpha = end - start;
|
|||
|
|
if (spacing) {
|
|||
|
|
// When spacing is present, it is the same for all items
|
|||
|
|
// So we adjust the start and end angle of the arc such that
|
|||
|
|
// the distance is the same as it would be without the spacing
|
|||
|
|
const noSpacingInnerRadius = innerR > 0 ? innerR - spacing : 0;
|
|||
|
|
const noSpacingOuterRadius = outerRadius > 0 ? outerRadius - spacing : 0;
|
|||
|
|
const avNogSpacingRadius = (noSpacingInnerRadius + noSpacingOuterRadius) / 2;
|
|||
|
|
const adjustedAngle = avNogSpacingRadius !== 0 ? alpha * avNogSpacingRadius / (avNogSpacingRadius + spacing) : alpha;
|
|||
|
|
spacingOffset = (alpha - adjustedAngle) / 2;
|
|||
|
|
}
|
|||
|
|
const beta = Math.max(0.001, alpha * outerRadius - offset / PI) / outerRadius;
|
|||
|
|
const angleOffset = (alpha - beta) / 2;
|
|||
|
|
const startAngle = start + angleOffset + spacingOffset;
|
|||
|
|
const endAngle = end - angleOffset - spacingOffset;
|
|||
|
|
const { outerStart , outerEnd , innerStart , innerEnd } = parseBorderRadius$1(element, innerRadius, outerRadius, endAngle - startAngle);
|
|||
|
|
const outerStartAdjustedRadius = outerRadius - outerStart;
|
|||
|
|
const outerEndAdjustedRadius = outerRadius - outerEnd;
|
|||
|
|
const outerStartAdjustedAngle = startAngle + outerStart / outerStartAdjustedRadius;
|
|||
|
|
const outerEndAdjustedAngle = endAngle - outerEnd / outerEndAdjustedRadius;
|
|||
|
|
const innerStartAdjustedRadius = innerRadius + innerStart;
|
|||
|
|
const innerEndAdjustedRadius = innerRadius + innerEnd;
|
|||
|
|
const innerStartAdjustedAngle = startAngle + innerStart / innerStartAdjustedRadius;
|
|||
|
|
const innerEndAdjustedAngle = endAngle - innerEnd / innerEndAdjustedRadius;
|
|||
|
|
ctx.beginPath();
|
|||
|
|
if (circular) {
|
|||
|
|
// The first arc segments from point 1 to point a to point 2
|
|||
|
|
const outerMidAdjustedAngle = (outerStartAdjustedAngle + outerEndAdjustedAngle) / 2;
|
|||
|
|
ctx.arc(x, y, outerRadius, outerStartAdjustedAngle, outerMidAdjustedAngle);
|
|||
|
|
ctx.arc(x, y, outerRadius, outerMidAdjustedAngle, outerEndAdjustedAngle);
|
|||
|
|
// The corner segment from point 2 to point 3
|
|||
|
|
if (outerEnd > 0) {
|
|||
|
|
const pCenter = rThetaToXY(outerEndAdjustedRadius, outerEndAdjustedAngle, x, y);
|
|||
|
|
ctx.arc(pCenter.x, pCenter.y, outerEnd, outerEndAdjustedAngle, endAngle + HALF_PI);
|
|||
|
|
}
|
|||
|
|
// The line from point 3 to point 4
|
|||
|
|
const p4 = rThetaToXY(innerEndAdjustedRadius, endAngle, x, y);
|
|||
|
|
ctx.lineTo(p4.x, p4.y);
|
|||
|
|
// The corner segment from point 4 to point 5
|
|||
|
|
if (innerEnd > 0) {
|
|||
|
|
const pCenter = rThetaToXY(innerEndAdjustedRadius, innerEndAdjustedAngle, x, y);
|
|||
|
|
ctx.arc(pCenter.x, pCenter.y, innerEnd, endAngle + HALF_PI, innerEndAdjustedAngle + Math.PI);
|
|||
|
|
}
|
|||
|
|
// The inner arc from point 5 to point b to point 6
|
|||
|
|
const innerMidAdjustedAngle = (endAngle - innerEnd / innerRadius + (startAngle + innerStart / innerRadius)) / 2;
|
|||
|
|
ctx.arc(x, y, innerRadius, endAngle - innerEnd / innerRadius, innerMidAdjustedAngle, true);
|
|||
|
|
ctx.arc(x, y, innerRadius, innerMidAdjustedAngle, startAngle + innerStart / innerRadius, true);
|
|||
|
|
// The corner segment from point 6 to point 7
|
|||
|
|
if (innerStart > 0) {
|
|||
|
|
const pCenter = rThetaToXY(innerStartAdjustedRadius, innerStartAdjustedAngle, x, y);
|
|||
|
|
ctx.arc(pCenter.x, pCenter.y, innerStart, innerStartAdjustedAngle + Math.PI, startAngle - HALF_PI);
|
|||
|
|
}
|
|||
|
|
// The line from point 7 to point 8
|
|||
|
|
const p8 = rThetaToXY(outerStartAdjustedRadius, startAngle, x, y);
|
|||
|
|
ctx.lineTo(p8.x, p8.y);
|
|||
|
|
// The corner segment from point 8 to point 1
|
|||
|
|
if (outerStart > 0) {
|
|||
|
|
const pCenter = rThetaToXY(outerStartAdjustedRadius, outerStartAdjustedAngle, x, y);
|
|||
|
|
ctx.arc(pCenter.x, pCenter.y, outerStart, startAngle - HALF_PI, outerStartAdjustedAngle);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
ctx.moveTo(x, y);
|
|||
|
|
const outerStartX = Math.cos(outerStartAdjustedAngle) * outerRadius + x;
|
|||
|
|
const outerStartY = Math.sin(outerStartAdjustedAngle) * outerRadius + y;
|
|||
|
|
ctx.lineTo(outerStartX, outerStartY);
|
|||
|
|
const outerEndX = Math.cos(outerEndAdjustedAngle) * outerRadius + x;
|
|||
|
|
const outerEndY = Math.sin(outerEndAdjustedAngle) * outerRadius + y;
|
|||
|
|
ctx.lineTo(outerEndX, outerEndY);
|
|||
|
|
}
|
|||
|
|
ctx.closePath();
|
|||
|
|
}
|
|||
|
|
function drawArc(ctx, element, offset, spacing, circular) {
|
|||
|
|
const { fullCircles , startAngle , circumference } = element;
|
|||
|
|
let endAngle = element.endAngle;
|
|||
|
|
if (fullCircles) {
|
|||
|
|
pathArc(ctx, element, offset, spacing, endAngle, circular);
|
|||
|
|
for(let i = 0; i < fullCircles; ++i){
|
|||
|
|
ctx.fill();
|
|||
|
|
}
|
|||
|
|
if (!isNaN(circumference)) {
|
|||
|
|
endAngle = startAngle + (circumference % TAU || TAU);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
pathArc(ctx, element, offset, spacing, endAngle, circular);
|
|||
|
|
ctx.fill();
|
|||
|
|
return endAngle;
|
|||
|
|
}
|
|||
|
|
function drawBorder(ctx, element, offset, spacing, circular) {
|
|||
|
|
const { fullCircles , startAngle , circumference , options } = element;
|
|||
|
|
const { borderWidth , borderJoinStyle , borderDash , borderDashOffset } = options;
|
|||
|
|
const inner = options.borderAlign === 'inner';
|
|||
|
|
if (!borderWidth) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
ctx.setLineDash(borderDash || []);
|
|||
|
|
ctx.lineDashOffset = borderDashOffset;
|
|||
|
|
if (inner) {
|
|||
|
|
ctx.lineWidth = borderWidth * 2;
|
|||
|
|
ctx.lineJoin = borderJoinStyle || 'round';
|
|||
|
|
} else {
|
|||
|
|
ctx.lineWidth = borderWidth;
|
|||
|
|
ctx.lineJoin = borderJoinStyle || 'bevel';
|
|||
|
|
}
|
|||
|
|
let endAngle = element.endAngle;
|
|||
|
|
if (fullCircles) {
|
|||
|
|
pathArc(ctx, element, offset, spacing, endAngle, circular);
|
|||
|
|
for(let i = 0; i < fullCircles; ++i){
|
|||
|
|
ctx.stroke();
|
|||
|
|
}
|
|||
|
|
if (!isNaN(circumference)) {
|
|||
|
|
endAngle = startAngle + (circumference % TAU || TAU);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (inner) {
|
|||
|
|
clipArc(ctx, element, endAngle);
|
|||
|
|
}
|
|||
|
|
if (!fullCircles) {
|
|||
|
|
pathArc(ctx, element, offset, spacing, endAngle, circular);
|
|||
|
|
ctx.stroke();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
class ArcElement extends Element {
|
|||
|
|
static id = 'arc';
|
|||
|
|
static defaults = {
|
|||
|
|
borderAlign: 'center',
|
|||
|
|
borderColor: '#fff',
|
|||
|
|
borderDash: [],
|
|||
|
|
borderDashOffset: 0,
|
|||
|
|
borderJoinStyle: undefined,
|
|||
|
|
borderRadius: 0,
|
|||
|
|
borderWidth: 2,
|
|||
|
|
offset: 0,
|
|||
|
|
spacing: 0,
|
|||
|
|
angle: undefined,
|
|||
|
|
circular: true
|
|||
|
|
};
|
|||
|
|
static defaultRoutes = {
|
|||
|
|
backgroundColor: 'backgroundColor'
|
|||
|
|
};
|
|||
|
|
static descriptors = {
|
|||
|
|
_scriptable: true,
|
|||
|
|
_indexable: (name)=>name !== 'borderDash'
|
|||
|
|
};
|
|||
|
|
circumference;
|
|||
|
|
endAngle;
|
|||
|
|
fullCircles;
|
|||
|
|
innerRadius;
|
|||
|
|
outerRadius;
|
|||
|
|
pixelMargin;
|
|||
|
|
startAngle;
|
|||
|
|
constructor(cfg){
|
|||
|
|
super();
|
|||
|
|
this.options = undefined;
|
|||
|
|
this.circumference = undefined;
|
|||
|
|
this.startAngle = undefined;
|
|||
|
|
this.endAngle = undefined;
|
|||
|
|
this.innerRadius = undefined;
|
|||
|
|
this.outerRadius = undefined;
|
|||
|
|
this.pixelMargin = 0;
|
|||
|
|
this.fullCircles = 0;
|
|||
|
|
if (cfg) {
|
|||
|
|
Object.assign(this, cfg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
inRange(chartX, chartY, useFinalPosition) {
|
|||
|
|
const point = this.getProps([
|
|||
|
|
'x',
|
|||
|
|
'y'
|
|||
|
|
], useFinalPosition);
|
|||
|
|
const { angle , distance } = getAngleFromPoint(point, {
|
|||
|
|
x: chartX,
|
|||
|
|
y: chartY
|
|||
|
|
});
|
|||
|
|
const { startAngle , endAngle , innerRadius , outerRadius , circumference } = this.getProps([
|
|||
|
|
'startAngle',
|
|||
|
|
'endAngle',
|
|||
|
|
'innerRadius',
|
|||
|
|
'outerRadius',
|
|||
|
|
'circumference'
|
|||
|
|
], useFinalPosition);
|
|||
|
|
const rAdjust = (this.options.spacing + this.options.borderWidth) / 2;
|
|||
|
|
const _circumference = valueOrDefault(circumference, endAngle - startAngle);
|
|||
|
|
const betweenAngles = _circumference >= TAU || _angleBetween(angle, startAngle, endAngle);
|
|||
|
|
const withinRadius = _isBetween(distance, innerRadius + rAdjust, outerRadius + rAdjust);
|
|||
|
|
return betweenAngles && withinRadius;
|
|||
|
|
}
|
|||
|
|
getCenterPoint(useFinalPosition) {
|
|||
|
|
const { x , y , startAngle , endAngle , innerRadius , outerRadius } = this.getProps([
|
|||
|
|
'x',
|
|||
|
|
'y',
|
|||
|
|
'startAngle',
|
|||
|
|
'endAngle',
|
|||
|
|
'innerRadius',
|
|||
|
|
'outerRadius'
|
|||
|
|
], useFinalPosition);
|
|||
|
|
const { offset , spacing } = this.options;
|
|||
|
|
const halfAngle = (startAngle + endAngle) / 2;
|
|||
|
|
const halfRadius = (innerRadius + outerRadius + spacing + offset) / 2;
|
|||
|
|
return {
|
|||
|
|
x: x + Math.cos(halfAngle) * halfRadius,
|
|||
|
|
y: y + Math.sin(halfAngle) * halfRadius
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
tooltipPosition(useFinalPosition) {
|
|||
|
|
return this.getCenterPoint(useFinalPosition);
|
|||
|
|
}
|
|||
|
|
draw(ctx) {
|
|||
|
|
const { options , circumference } = this;
|
|||
|
|
const offset = (options.offset || 0) / 4;
|
|||
|
|
const spacing = (options.spacing || 0) / 2;
|
|||
|
|
const circular = options.circular;
|
|||
|
|
this.pixelMargin = options.borderAlign === 'inner' ? 0.33 : 0;
|
|||
|
|
this.fullCircles = circumference > TAU ? Math.floor(circumference / TAU) : 0;
|
|||
|
|
if (circumference === 0 || this.innerRadius < 0 || this.outerRadius < 0) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
ctx.save();
|
|||
|
|
const halfAngle = (this.startAngle + this.endAngle) / 2;
|
|||
|
|
ctx.translate(Math.cos(halfAngle) * offset, Math.sin(halfAngle) * offset);
|
|||
|
|
const fix = 1 - Math.sin(Math.min(PI, circumference || 0));
|
|||
|
|
const radiusOffset = offset * fix;
|
|||
|
|
ctx.fillStyle = options.backgroundColor;
|
|||
|
|
ctx.strokeStyle = options.borderColor;
|
|||
|
|
drawArc(ctx, this, radiusOffset, spacing, circular);
|
|||
|
|
drawBorder(ctx, this, radiusOffset, spacing, circular);
|
|||
|
|
ctx.restore();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const positioners = {
|
|||
|
|
average (items) {
|
|||
|
|
if (!items.length) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
let i, len;
|
|||
|
|
let x = 0;
|
|||
|
|
let y = 0;
|
|||
|
|
let count = 0;
|
|||
|
|
for(i = 0, len = items.length; i < len; ++i){
|
|||
|
|
const el = items[i].element;
|
|||
|
|
if (el && el.hasValue()) {
|
|||
|
|
const pos = el.tooltipPosition();
|
|||
|
|
x += pos.x;
|
|||
|
|
y += pos.y;
|
|||
|
|
++count;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
x: x / count,
|
|||
|
|
y: y / count
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
nearest (items, eventPosition) {
|
|||
|
|
if (!items.length) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
let x = eventPosition.x;
|
|||
|
|
let y = eventPosition.y;
|
|||
|
|
let minDistance = Number.POSITIVE_INFINITY;
|
|||
|
|
let i, len, nearestElement;
|
|||
|
|
for(i = 0, len = items.length; i < len; ++i){
|
|||
|
|
const el = items[i].element;
|
|||
|
|
if (el && el.hasValue()) {
|
|||
|
|
const center = el.getCenterPoint();
|
|||
|
|
const d = distanceBetweenPoints(eventPosition, center);
|
|||
|
|
if (d < minDistance) {
|
|||
|
|
minDistance = d;
|
|||
|
|
nearestElement = el;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (nearestElement) {
|
|||
|
|
const tp = nearestElement.tooltipPosition();
|
|||
|
|
x = tp.x;
|
|||
|
|
y = tp.y;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
x,
|
|||
|
|
y
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
function pushOrConcat(base, toPush) {
|
|||
|
|
if (toPush) {
|
|||
|
|
if (isArray(toPush)) {
|
|||
|
|
Array.prototype.push.apply(base, toPush);
|
|||
|
|
} else {
|
|||
|
|
base.push(toPush);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return base;
|
|||
|
|
}
|
|||
|
|
function splitNewlines(str) {
|
|||
|
|
if ((typeof str === 'string' || str instanceof String) && str.indexOf('\n') > -1) {
|
|||
|
|
return str.split('\n');
|
|||
|
|
}
|
|||
|
|
return str;
|
|||
|
|
}
|
|||
|
|
function createTooltipItem(chart, item) {
|
|||
|
|
const { element , datasetIndex , index } = item;
|
|||
|
|
const controller = chart.getDatasetMeta(datasetIndex).controller;
|
|||
|
|
const { label , value } = controller.getLabelAndValue(index);
|
|||
|
|
return {
|
|||
|
|
chart,
|
|||
|
|
label,
|
|||
|
|
parsed: controller.getParsed(index),
|
|||
|
|
raw: chart.data.datasets[datasetIndex].data[index],
|
|||
|
|
formattedValue: value,
|
|||
|
|
dataset: controller.getDataset(),
|
|||
|
|
dataIndex: index,
|
|||
|
|
datasetIndex,
|
|||
|
|
element
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getTooltipSize(tooltip, options) {
|
|||
|
|
const ctx = tooltip.chart.ctx;
|
|||
|
|
const { body , footer , title } = tooltip;
|
|||
|
|
const { boxWidth , boxHeight } = options;
|
|||
|
|
const bodyFont = toFont(options.bodyFont);
|
|||
|
|
const titleFont = toFont(options.titleFont);
|
|||
|
|
const footerFont = toFont(options.footerFont);
|
|||
|
|
const titleLineCount = title.length;
|
|||
|
|
const footerLineCount = footer.length;
|
|||
|
|
const bodyLineItemCount = body.length;
|
|||
|
|
const padding = toPadding(options.padding);
|
|||
|
|
let height = padding.height;
|
|||
|
|
let width = 0;
|
|||
|
|
let combinedBodyLength = body.reduce((count, bodyItem)=>count + bodyItem.before.length + bodyItem.lines.length + bodyItem.after.length, 0);
|
|||
|
|
combinedBodyLength += tooltip.beforeBody.length + tooltip.afterBody.length;
|
|||
|
|
if (titleLineCount) {
|
|||
|
|
height += titleLineCount * titleFont.lineHeight + (titleLineCount - 1) * options.titleSpacing + options.titleMarginBottom;
|
|||
|
|
}
|
|||
|
|
if (combinedBodyLength) {
|
|||
|
|
const bodyLineHeight = options.displayColors ? Math.max(boxHeight, bodyFont.lineHeight) : bodyFont.lineHeight;
|
|||
|
|
height += bodyLineItemCount * bodyLineHeight + (combinedBodyLength - bodyLineItemCount) * bodyFont.lineHeight + (combinedBodyLength - 1) * options.bodySpacing;
|
|||
|
|
}
|
|||
|
|
if (footerLineCount) {
|
|||
|
|
height += options.footerMarginTop + footerLineCount * footerFont.lineHeight + (footerLineCount - 1) * options.footerSpacing;
|
|||
|
|
}
|
|||
|
|
let widthPadding = 0;
|
|||
|
|
const maxLineWidth = function(line) {
|
|||
|
|
width = Math.max(width, ctx.measureText(line).width + widthPadding);
|
|||
|
|
};
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.font = titleFont.string;
|
|||
|
|
each(tooltip.title, maxLineWidth);
|
|||
|
|
ctx.font = bodyFont.string;
|
|||
|
|
each(tooltip.beforeBody.concat(tooltip.afterBody), maxLineWidth);
|
|||
|
|
widthPadding = options.displayColors ? boxWidth + 2 + options.boxPadding : 0;
|
|||
|
|
each(body, (bodyItem)=>{
|
|||
|
|
each(bodyItem.before, maxLineWidth);
|
|||
|
|
each(bodyItem.lines, maxLineWidth);
|
|||
|
|
each(bodyItem.after, maxLineWidth);
|
|||
|
|
});
|
|||
|
|
widthPadding = 0;
|
|||
|
|
ctx.font = footerFont.string;
|
|||
|
|
each(tooltip.footer, maxLineWidth);
|
|||
|
|
ctx.restore();
|
|||
|
|
width += padding.width;
|
|||
|
|
return {
|
|||
|
|
width,
|
|||
|
|
height
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function determineYAlign(chart, size) {
|
|||
|
|
const { y , height } = size;
|
|||
|
|
if (y < height / 2) {
|
|||
|
|
return 'top';
|
|||
|
|
} else if (y > chart.height - height / 2) {
|
|||
|
|
return 'bottom';
|
|||
|
|
}
|
|||
|
|
return 'center';
|
|||
|
|
}
|
|||
|
|
function doesNotFitWithAlign(xAlign, chart, options, size) {
|
|||
|
|
const { x , width } = size;
|
|||
|
|
const caret = options.caretSize + options.caretPadding;
|
|||
|
|
if (xAlign === 'left' && x + width + caret > chart.width) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
if (xAlign === 'right' && x - width - caret < 0) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function determineXAlign(chart, options, size, yAlign) {
|
|||
|
|
const { x , width } = size;
|
|||
|
|
const { width: chartWidth , chartArea: { left , right } } = chart;
|
|||
|
|
let xAlign = 'center';
|
|||
|
|
if (yAlign === 'center') {
|
|||
|
|
xAlign = x <= (left + right) / 2 ? 'left' : 'right';
|
|||
|
|
} else if (x <= width / 2) {
|
|||
|
|
xAlign = 'left';
|
|||
|
|
} else if (x >= chartWidth - width / 2) {
|
|||
|
|
xAlign = 'right';
|
|||
|
|
}
|
|||
|
|
if (doesNotFitWithAlign(xAlign, chart, options, size)) {
|
|||
|
|
xAlign = 'center';
|
|||
|
|
}
|
|||
|
|
return xAlign;
|
|||
|
|
}
|
|||
|
|
function determineAlignment(chart, options, size) {
|
|||
|
|
const yAlign = size.yAlign || options.yAlign || determineYAlign(chart, size);
|
|||
|
|
return {
|
|||
|
|
xAlign: size.xAlign || options.xAlign || determineXAlign(chart, options, size, yAlign),
|
|||
|
|
yAlign
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function alignX(size, xAlign) {
|
|||
|
|
let { x , width } = size;
|
|||
|
|
if (xAlign === 'right') {
|
|||
|
|
x -= width;
|
|||
|
|
} else if (xAlign === 'center') {
|
|||
|
|
x -= width / 2;
|
|||
|
|
}
|
|||
|
|
return x;
|
|||
|
|
}
|
|||
|
|
function alignY(size, yAlign, paddingAndSize) {
|
|||
|
|
let { y , height } = size;
|
|||
|
|
if (yAlign === 'top') {
|
|||
|
|
y += paddingAndSize;
|
|||
|
|
} else if (yAlign === 'bottom') {
|
|||
|
|
y -= height + paddingAndSize;
|
|||
|
|
} else {
|
|||
|
|
y -= height / 2;
|
|||
|
|
}
|
|||
|
|
return y;
|
|||
|
|
}
|
|||
|
|
function getBackgroundPoint(options, size, alignment, chart) {
|
|||
|
|
const { caretSize , caretPadding , cornerRadius } = options;
|
|||
|
|
const { xAlign , yAlign } = alignment;
|
|||
|
|
const paddingAndSize = caretSize + caretPadding;
|
|||
|
|
const { topLeft , topRight , bottomLeft , bottomRight } = toTRBLCorners(cornerRadius);
|
|||
|
|
let x = alignX(size, xAlign);
|
|||
|
|
const y = alignY(size, yAlign, paddingAndSize);
|
|||
|
|
if (yAlign === 'center') {
|
|||
|
|
if (xAlign === 'left') {
|
|||
|
|
x += paddingAndSize;
|
|||
|
|
} else if (xAlign === 'right') {
|
|||
|
|
x -= paddingAndSize;
|
|||
|
|
}
|
|||
|
|
} else if (xAlign === 'left') {
|
|||
|
|
x -= Math.max(topLeft, bottomLeft) + caretSize;
|
|||
|
|
} else if (xAlign === 'right') {
|
|||
|
|
x += Math.max(topRight, bottomRight) + caretSize;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
x: _limitValue(x, 0, chart.width - size.width),
|
|||
|
|
y: _limitValue(y, 0, chart.height - size.height)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function getAlignedX(tooltip, align, options) {
|
|||
|
|
const padding = toPadding(options.padding);
|
|||
|
|
return align === 'center' ? tooltip.x + tooltip.width / 2 : align === 'right' ? tooltip.x + tooltip.width - padding.right : tooltip.x + padding.left;
|
|||
|
|
}
|
|||
|
|
function getBeforeAfterBodyLines(callback) {
|
|||
|
|
return pushOrConcat([], splitNewlines(callback));
|
|||
|
|
}
|
|||
|
|
function createTooltipContext(parent, tooltip, tooltipItems) {
|
|||
|
|
return createContext(parent, {
|
|||
|
|
tooltip,
|
|||
|
|
tooltipItems,
|
|||
|
|
type: 'tooltip'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function overrideCallbacks(callbacks, context) {
|
|||
|
|
const override = context && context.dataset && context.dataset.tooltip && context.dataset.tooltip.callbacks;
|
|||
|
|
return override ? callbacks.override(override) : callbacks;
|
|||
|
|
}
|
|||
|
|
const defaultCallbacks = {
|
|||
|
|
beforeTitle: noop,
|
|||
|
|
title (tooltipItems) {
|
|||
|
|
if (tooltipItems.length > 0) {
|
|||
|
|
const item = tooltipItems[0];
|
|||
|
|
const labels = item.chart.data.labels;
|
|||
|
|
const labelCount = labels ? labels.length : 0;
|
|||
|
|
if (this && this.options && this.options.mode === 'dataset') {
|
|||
|
|
return item.dataset.label || '';
|
|||
|
|
} else if (item.label) {
|
|||
|
|
return item.label;
|
|||
|
|
} else if (labelCount > 0 && item.dataIndex < labelCount) {
|
|||
|
|
return labels[item.dataIndex];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return '';
|
|||
|
|
},
|
|||
|
|
afterTitle: noop,
|
|||
|
|
beforeBody: noop,
|
|||
|
|
beforeLabel: noop,
|
|||
|
|
label (tooltipItem) {
|
|||
|
|
if (this && this.options && this.options.mode === 'dataset') {
|
|||
|
|
return tooltipItem.label + ': ' + tooltipItem.formattedValue || tooltipItem.formattedValue;
|
|||
|
|
}
|
|||
|
|
let label = tooltipItem.dataset.label || '';
|
|||
|
|
if (label) {
|
|||
|
|
label += ': ';
|
|||
|
|
}
|
|||
|
|
const value = tooltipItem.formattedValue;
|
|||
|
|
if (!isNullOrUndef(value)) {
|
|||
|
|
label += value;
|
|||
|
|
}
|
|||
|
|
return label;
|
|||
|
|
},
|
|||
|
|
labelColor (tooltipItem) {
|
|||
|
|
const meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
|
|||
|
|
const options = meta.controller.getStyle(tooltipItem.dataIndex);
|
|||
|
|
return {
|
|||
|
|
borderColor: options.borderColor,
|
|||
|
|
backgroundColor: options.backgroundColor,
|
|||
|
|
borderWidth: options.borderWidth,
|
|||
|
|
borderDash: options.borderDash,
|
|||
|
|
borderDashOffset: options.borderDashOffset,
|
|||
|
|
borderRadius: 0
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
labelTextColor () {
|
|||
|
|
return this.options.bodyColor;
|
|||
|
|
},
|
|||
|
|
labelPointStyle (tooltipItem) {
|
|||
|
|
const meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
|
|||
|
|
const options = meta.controller.getStyle(tooltipItem.dataIndex);
|
|||
|
|
return {
|
|||
|
|
pointStyle: options.pointStyle,
|
|||
|
|
rotation: options.rotation
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
afterLabel: noop,
|
|||
|
|
afterBody: noop,
|
|||
|
|
beforeFooter: noop,
|
|||
|
|
footer: noop,
|
|||
|
|
afterFooter: noop
|
|||
|
|
};
|
|||
|
|
function invokeCallbackWithFallback(callbacks, name, ctx, arg) {
|
|||
|
|
const result = callbacks[name].call(ctx, arg);
|
|||
|
|
if (typeof result === 'undefined') {
|
|||
|
|
return defaultCallbacks[name].call(ctx, arg);
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
class Tooltip extends Element {
|
|||
|
|
static positioners = positioners;
|
|||
|
|
constructor(config){
|
|||
|
|
super();
|
|||
|
|
this.opacity = 0;
|
|||
|
|
this._active = [];
|
|||
|
|
this._eventPosition = undefined;
|
|||
|
|
this._size = undefined;
|
|||
|
|
this._cachedAnimations = undefined;
|
|||
|
|
this._tooltipItems = [];
|
|||
|
|
this.$animations = undefined;
|
|||
|
|
this.$context = undefined;
|
|||
|
|
this.chart = config.chart;
|
|||
|
|
this.options = config.options;
|
|||
|
|
this.dataPoints = undefined;
|
|||
|
|
this.title = undefined;
|
|||
|
|
this.beforeBody = undefined;
|
|||
|
|
this.body = undefined;
|
|||
|
|
this.afterBody = undefined;
|
|||
|
|
this.footer = undefined;
|
|||
|
|
this.xAlign = undefined;
|
|||
|
|
this.yAlign = undefined;
|
|||
|
|
this.x = undefined;
|
|||
|
|
this.y = undefined;
|
|||
|
|
this.height = undefined;
|
|||
|
|
this.width = undefined;
|
|||
|
|
this.caretX = undefined;
|
|||
|
|
this.caretY = undefined;
|
|||
|
|
this.labelColors = undefined;
|
|||
|
|
this.labelPointStyles = undefined;
|
|||
|
|
this.labelTextColors = undefined;
|
|||
|
|
}
|
|||
|
|
initialize(options) {
|
|||
|
|
this.options = options;
|
|||
|
|
this._cachedAnimations = undefined;
|
|||
|
|
this.$context = undefined;
|
|||
|
|
}
|
|||
|
|
_resolveAnimations() {
|
|||
|
|
const cached = this._cachedAnimations;
|
|||
|
|
if (cached) {
|
|||
|
|
return cached;
|
|||
|
|
}
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const options = this.options.setContext(this.getContext());
|
|||
|
|
const opts = options.enabled && chart.options.animation && options.animations;
|
|||
|
|
const animations = new Animations(this.chart, opts);
|
|||
|
|
if (opts._cacheable) {
|
|||
|
|
this._cachedAnimations = Object.freeze(animations);
|
|||
|
|
}
|
|||
|
|
return animations;
|
|||
|
|
}
|
|||
|
|
getContext() {
|
|||
|
|
return this.$context || (this.$context = createTooltipContext(this.chart.getContext(), this, this._tooltipItems));
|
|||
|
|
}
|
|||
|
|
getTitle(context, options) {
|
|||
|
|
const { callbacks } = options;
|
|||
|
|
const beforeTitle = invokeCallbackWithFallback(callbacks, 'beforeTitle', this, context);
|
|||
|
|
const title = invokeCallbackWithFallback(callbacks, 'title', this, context);
|
|||
|
|
const afterTitle = invokeCallbackWithFallback(callbacks, 'afterTitle', this, context);
|
|||
|
|
let lines = [];
|
|||
|
|
lines = pushOrConcat(lines, splitNewlines(beforeTitle));
|
|||
|
|
lines = pushOrConcat(lines, splitNewlines(title));
|
|||
|
|
lines = pushOrConcat(lines, splitNewlines(afterTitle));
|
|||
|
|
return lines;
|
|||
|
|
}
|
|||
|
|
getBeforeBody(tooltipItems, options) {
|
|||
|
|
return getBeforeAfterBodyLines(invokeCallbackWithFallback(options.callbacks, 'beforeBody', this, tooltipItems));
|
|||
|
|
}
|
|||
|
|
getBody(tooltipItems, options) {
|
|||
|
|
const { callbacks } = options;
|
|||
|
|
const bodyItems = [];
|
|||
|
|
each(tooltipItems, (context)=>{
|
|||
|
|
const bodyItem = {
|
|||
|
|
before: [],
|
|||
|
|
lines: [],
|
|||
|
|
after: []
|
|||
|
|
};
|
|||
|
|
const scoped = overrideCallbacks(callbacks, context);
|
|||
|
|
pushOrConcat(bodyItem.before, splitNewlines(invokeCallbackWithFallback(scoped, 'beforeLabel', this, context)));
|
|||
|
|
pushOrConcat(bodyItem.lines, invokeCallbackWithFallback(scoped, 'label', this, context));
|
|||
|
|
pushOrConcat(bodyItem.after, splitNewlines(invokeCallbackWithFallback(scoped, 'afterLabel', this, context)));
|
|||
|
|
bodyItems.push(bodyItem);
|
|||
|
|
});
|
|||
|
|
return bodyItems;
|
|||
|
|
}
|
|||
|
|
getAfterBody(tooltipItems, options) {
|
|||
|
|
return getBeforeAfterBodyLines(invokeCallbackWithFallback(options.callbacks, 'afterBody', this, tooltipItems));
|
|||
|
|
}
|
|||
|
|
getFooter(tooltipItems, options) {
|
|||
|
|
const { callbacks } = options;
|
|||
|
|
const beforeFooter = invokeCallbackWithFallback(callbacks, 'beforeFooter', this, tooltipItems);
|
|||
|
|
const footer = invokeCallbackWithFallback(callbacks, 'footer', this, tooltipItems);
|
|||
|
|
const afterFooter = invokeCallbackWithFallback(callbacks, 'afterFooter', this, tooltipItems);
|
|||
|
|
let lines = [];
|
|||
|
|
lines = pushOrConcat(lines, splitNewlines(beforeFooter));
|
|||
|
|
lines = pushOrConcat(lines, splitNewlines(footer));
|
|||
|
|
lines = pushOrConcat(lines, splitNewlines(afterFooter));
|
|||
|
|
return lines;
|
|||
|
|
}
|
|||
|
|
_createItems(options) {
|
|||
|
|
const active = this._active;
|
|||
|
|
const data = this.chart.data;
|
|||
|
|
const labelColors = [];
|
|||
|
|
const labelPointStyles = [];
|
|||
|
|
const labelTextColors = [];
|
|||
|
|
let tooltipItems = [];
|
|||
|
|
let i, len;
|
|||
|
|
for(i = 0, len = active.length; i < len; ++i){
|
|||
|
|
tooltipItems.push(createTooltipItem(this.chart, active[i]));
|
|||
|
|
}
|
|||
|
|
if (options.filter) {
|
|||
|
|
tooltipItems = tooltipItems.filter((element, index, array)=>options.filter(element, index, array, data));
|
|||
|
|
}
|
|||
|
|
if (options.itemSort) {
|
|||
|
|
tooltipItems = tooltipItems.sort((a, b)=>options.itemSort(a, b, data));
|
|||
|
|
}
|
|||
|
|
each(tooltipItems, (context)=>{
|
|||
|
|
const scoped = overrideCallbacks(options.callbacks, context);
|
|||
|
|
labelColors.push(invokeCallbackWithFallback(scoped, 'labelColor', this, context));
|
|||
|
|
labelPointStyles.push(invokeCallbackWithFallback(scoped, 'labelPointStyle', this, context));
|
|||
|
|
labelTextColors.push(invokeCallbackWithFallback(scoped, 'labelTextColor', this, context));
|
|||
|
|
});
|
|||
|
|
this.labelColors = labelColors;
|
|||
|
|
this.labelPointStyles = labelPointStyles;
|
|||
|
|
this.labelTextColors = labelTextColors;
|
|||
|
|
this.dataPoints = tooltipItems;
|
|||
|
|
return tooltipItems;
|
|||
|
|
}
|
|||
|
|
update(changed, replay) {
|
|||
|
|
const options = this.options.setContext(this.getContext());
|
|||
|
|
const active = this._active;
|
|||
|
|
let properties;
|
|||
|
|
let tooltipItems = [];
|
|||
|
|
if (!active.length) {
|
|||
|
|
if (this.opacity !== 0) {
|
|||
|
|
properties = {
|
|||
|
|
opacity: 0
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
const position = positioners[options.position].call(this, active, this._eventPosition);
|
|||
|
|
tooltipItems = this._createItems(options);
|
|||
|
|
this.title = this.getTitle(tooltipItems, options);
|
|||
|
|
this.beforeBody = this.getBeforeBody(tooltipItems, options);
|
|||
|
|
this.body = this.getBody(tooltipItems, options);
|
|||
|
|
this.afterBody = this.getAfterBody(tooltipItems, options);
|
|||
|
|
this.footer = this.getFooter(tooltipItems, options);
|
|||
|
|
const size = this._size = getTooltipSize(this, options);
|
|||
|
|
const positionAndSize = Object.assign({}, position, size);
|
|||
|
|
const alignment = determineAlignment(this.chart, options, positionAndSize);
|
|||
|
|
const backgroundPoint = getBackgroundPoint(options, positionAndSize, alignment, this.chart);
|
|||
|
|
this.xAlign = alignment.xAlign;
|
|||
|
|
this.yAlign = alignment.yAlign;
|
|||
|
|
properties = {
|
|||
|
|
opacity: 1,
|
|||
|
|
x: backgroundPoint.x,
|
|||
|
|
y: backgroundPoint.y,
|
|||
|
|
width: size.width,
|
|||
|
|
height: size.height,
|
|||
|
|
caretX: position.x,
|
|||
|
|
caretY: position.y
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
this._tooltipItems = tooltipItems;
|
|||
|
|
this.$context = undefined;
|
|||
|
|
if (properties) {
|
|||
|
|
this._resolveAnimations().update(this, properties);
|
|||
|
|
}
|
|||
|
|
if (changed && options.external) {
|
|||
|
|
options.external.call(this, {
|
|||
|
|
chart: this.chart,
|
|||
|
|
tooltip: this,
|
|||
|
|
replay
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
drawCaret(tooltipPoint, ctx, size, options) {
|
|||
|
|
const caretPosition = this.getCaretPosition(tooltipPoint, size, options);
|
|||
|
|
ctx.lineTo(caretPosition.x1, caretPosition.y1);
|
|||
|
|
ctx.lineTo(caretPosition.x2, caretPosition.y2);
|
|||
|
|
ctx.lineTo(caretPosition.x3, caretPosition.y3);
|
|||
|
|
}
|
|||
|
|
getCaretPosition(tooltipPoint, size, options) {
|
|||
|
|
const { xAlign , yAlign } = this;
|
|||
|
|
const { caretSize , cornerRadius } = options;
|
|||
|
|
const { topLeft , topRight , bottomLeft , bottomRight } = toTRBLCorners(cornerRadius);
|
|||
|
|
const { x: ptX , y: ptY } = tooltipPoint;
|
|||
|
|
const { width , height } = size;
|
|||
|
|
let x1, x2, x3, y1, y2, y3;
|
|||
|
|
if (yAlign === 'center') {
|
|||
|
|
y2 = ptY + height / 2;
|
|||
|
|
if (xAlign === 'left') {
|
|||
|
|
x1 = ptX;
|
|||
|
|
x2 = x1 - caretSize;
|
|||
|
|
y1 = y2 + caretSize;
|
|||
|
|
y3 = y2 - caretSize;
|
|||
|
|
} else {
|
|||
|
|
x1 = ptX + width;
|
|||
|
|
x2 = x1 + caretSize;
|
|||
|
|
y1 = y2 - caretSize;
|
|||
|
|
y3 = y2 + caretSize;
|
|||
|
|
}
|
|||
|
|
x3 = x1;
|
|||
|
|
} else {
|
|||
|
|
if (xAlign === 'left') {
|
|||
|
|
x2 = ptX + Math.max(topLeft, bottomLeft) + caretSize;
|
|||
|
|
} else if (xAlign === 'right') {
|
|||
|
|
x2 = ptX + width - Math.max(topRight, bottomRight) - caretSize;
|
|||
|
|
} else {
|
|||
|
|
x2 = this.caretX;
|
|||
|
|
}
|
|||
|
|
if (yAlign === 'top') {
|
|||
|
|
y1 = ptY;
|
|||
|
|
y2 = y1 - caretSize;
|
|||
|
|
x1 = x2 - caretSize;
|
|||
|
|
x3 = x2 + caretSize;
|
|||
|
|
} else {
|
|||
|
|
y1 = ptY + height;
|
|||
|
|
y2 = y1 + caretSize;
|
|||
|
|
x1 = x2 + caretSize;
|
|||
|
|
x3 = x2 - caretSize;
|
|||
|
|
}
|
|||
|
|
y3 = y1;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
x1,
|
|||
|
|
x2,
|
|||
|
|
x3,
|
|||
|
|
y1,
|
|||
|
|
y2,
|
|||
|
|
y3
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
drawTitle(pt, ctx, options) {
|
|||
|
|
const title = this.title;
|
|||
|
|
const length = title.length;
|
|||
|
|
let titleFont, titleSpacing, i;
|
|||
|
|
if (length) {
|
|||
|
|
const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
|
|||
|
|
pt.x = getAlignedX(this, options.titleAlign, options);
|
|||
|
|
ctx.textAlign = rtlHelper.textAlign(options.titleAlign);
|
|||
|
|
ctx.textBaseline = 'middle';
|
|||
|
|
titleFont = toFont(options.titleFont);
|
|||
|
|
titleSpacing = options.titleSpacing;
|
|||
|
|
ctx.fillStyle = options.titleColor;
|
|||
|
|
ctx.font = titleFont.string;
|
|||
|
|
for(i = 0; i < length; ++i){
|
|||
|
|
ctx.fillText(title[i], rtlHelper.x(pt.x), pt.y + titleFont.lineHeight / 2);
|
|||
|
|
pt.y += titleFont.lineHeight + titleSpacing;
|
|||
|
|
if (i + 1 === length) {
|
|||
|
|
pt.y += options.titleMarginBottom - titleSpacing;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_drawColorBox(ctx, pt, i, rtlHelper, options) {
|
|||
|
|
const labelColor = this.labelColors[i];
|
|||
|
|
const labelPointStyle = this.labelPointStyles[i];
|
|||
|
|
const { boxHeight , boxWidth } = options;
|
|||
|
|
const bodyFont = toFont(options.bodyFont);
|
|||
|
|
const colorX = getAlignedX(this, 'left', options);
|
|||
|
|
const rtlColorX = rtlHelper.x(colorX);
|
|||
|
|
const yOffSet = boxHeight < bodyFont.lineHeight ? (bodyFont.lineHeight - boxHeight) / 2 : 0;
|
|||
|
|
const colorY = pt.y + yOffSet;
|
|||
|
|
if (options.usePointStyle) {
|
|||
|
|
const drawOptions = {
|
|||
|
|
radius: Math.min(boxWidth, boxHeight) / 2,
|
|||
|
|
pointStyle: labelPointStyle.pointStyle,
|
|||
|
|
rotation: labelPointStyle.rotation,
|
|||
|
|
borderWidth: 1
|
|||
|
|
};
|
|||
|
|
const centerX = rtlHelper.leftForLtr(rtlColorX, boxWidth) + boxWidth / 2;
|
|||
|
|
const centerY = colorY + boxHeight / 2;
|
|||
|
|
ctx.strokeStyle = options.multiKeyBackground;
|
|||
|
|
ctx.fillStyle = options.multiKeyBackground;
|
|||
|
|
drawPoint(ctx, drawOptions, centerX, centerY);
|
|||
|
|
ctx.strokeStyle = labelColor.borderColor;
|
|||
|
|
ctx.fillStyle = labelColor.backgroundColor;
|
|||
|
|
drawPoint(ctx, drawOptions, centerX, centerY);
|
|||
|
|
} else {
|
|||
|
|
ctx.lineWidth = isObject(labelColor.borderWidth) ? Math.max(...Object.values(labelColor.borderWidth)) : labelColor.borderWidth || 1;
|
|||
|
|
ctx.strokeStyle = labelColor.borderColor;
|
|||
|
|
ctx.setLineDash(labelColor.borderDash || []);
|
|||
|
|
ctx.lineDashOffset = labelColor.borderDashOffset || 0;
|
|||
|
|
const outerX = rtlHelper.leftForLtr(rtlColorX, boxWidth);
|
|||
|
|
const innerX = rtlHelper.leftForLtr(rtlHelper.xPlus(rtlColorX, 1), boxWidth - 2);
|
|||
|
|
const borderRadius = toTRBLCorners(labelColor.borderRadius);
|
|||
|
|
if (Object.values(borderRadius).some((v)=>v !== 0)) {
|
|||
|
|
ctx.beginPath();
|
|||
|
|
ctx.fillStyle = options.multiKeyBackground;
|
|||
|
|
addRoundedRectPath(ctx, {
|
|||
|
|
x: outerX,
|
|||
|
|
y: colorY,
|
|||
|
|
w: boxWidth,
|
|||
|
|
h: boxHeight,
|
|||
|
|
radius: borderRadius
|
|||
|
|
});
|
|||
|
|
ctx.fill();
|
|||
|
|
ctx.stroke();
|
|||
|
|
ctx.fillStyle = labelColor.backgroundColor;
|
|||
|
|
ctx.beginPath();
|
|||
|
|
addRoundedRectPath(ctx, {
|
|||
|
|
x: innerX,
|
|||
|
|
y: colorY + 1,
|
|||
|
|
w: boxWidth - 2,
|
|||
|
|
h: boxHeight - 2,
|
|||
|
|
radius: borderRadius
|
|||
|
|
});
|
|||
|
|
ctx.fill();
|
|||
|
|
} else {
|
|||
|
|
ctx.fillStyle = options.multiKeyBackground;
|
|||
|
|
ctx.fillRect(outerX, colorY, boxWidth, boxHeight);
|
|||
|
|
ctx.strokeRect(outerX, colorY, boxWidth, boxHeight);
|
|||
|
|
ctx.fillStyle = labelColor.backgroundColor;
|
|||
|
|
ctx.fillRect(innerX, colorY + 1, boxWidth - 2, boxHeight - 2);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
ctx.fillStyle = this.labelTextColors[i];
|
|||
|
|
}
|
|||
|
|
drawBody(pt, ctx, options) {
|
|||
|
|
const { body } = this;
|
|||
|
|
const { bodySpacing , bodyAlign , displayColors , boxHeight , boxWidth , boxPadding } = options;
|
|||
|
|
const bodyFont = toFont(options.bodyFont);
|
|||
|
|
let bodyLineHeight = bodyFont.lineHeight;
|
|||
|
|
let xLinePadding = 0;
|
|||
|
|
const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
|
|||
|
|
const fillLineOfText = function(line) {
|
|||
|
|
ctx.fillText(line, rtlHelper.x(pt.x + xLinePadding), pt.y + bodyLineHeight / 2);
|
|||
|
|
pt.y += bodyLineHeight + bodySpacing;
|
|||
|
|
};
|
|||
|
|
const bodyAlignForCalculation = rtlHelper.textAlign(bodyAlign);
|
|||
|
|
let bodyItem, textColor, lines, i, j, ilen, jlen;
|
|||
|
|
ctx.textAlign = bodyAlign;
|
|||
|
|
ctx.textBaseline = 'middle';
|
|||
|
|
ctx.font = bodyFont.string;
|
|||
|
|
pt.x = getAlignedX(this, bodyAlignForCalculation, options);
|
|||
|
|
ctx.fillStyle = options.bodyColor;
|
|||
|
|
each(this.beforeBody, fillLineOfText);
|
|||
|
|
xLinePadding = displayColors && bodyAlignForCalculation !== 'right' ? bodyAlign === 'center' ? boxWidth / 2 + boxPadding : boxWidth + 2 + boxPadding : 0;
|
|||
|
|
for(i = 0, ilen = body.length; i < ilen; ++i){
|
|||
|
|
bodyItem = body[i];
|
|||
|
|
textColor = this.labelTextColors[i];
|
|||
|
|
ctx.fillStyle = textColor;
|
|||
|
|
each(bodyItem.before, fillLineOfText);
|
|||
|
|
lines = bodyItem.lines;
|
|||
|
|
if (displayColors && lines.length) {
|
|||
|
|
this._drawColorBox(ctx, pt, i, rtlHelper, options);
|
|||
|
|
bodyLineHeight = Math.max(bodyFont.lineHeight, boxHeight);
|
|||
|
|
}
|
|||
|
|
for(j = 0, jlen = lines.length; j < jlen; ++j){
|
|||
|
|
fillLineOfText(lines[j]);
|
|||
|
|
bodyLineHeight = bodyFont.lineHeight;
|
|||
|
|
}
|
|||
|
|
each(bodyItem.after, fillLineOfText);
|
|||
|
|
}
|
|||
|
|
xLinePadding = 0;
|
|||
|
|
bodyLineHeight = bodyFont.lineHeight;
|
|||
|
|
each(this.afterBody, fillLineOfText);
|
|||
|
|
pt.y -= bodySpacing;
|
|||
|
|
}
|
|||
|
|
drawFooter(pt, ctx, options) {
|
|||
|
|
const footer = this.footer;
|
|||
|
|
const length = footer.length;
|
|||
|
|
let footerFont, i;
|
|||
|
|
if (length) {
|
|||
|
|
const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
|
|||
|
|
pt.x = getAlignedX(this, options.footerAlign, options);
|
|||
|
|
pt.y += options.footerMarginTop;
|
|||
|
|
ctx.textAlign = rtlHelper.textAlign(options.footerAlign);
|
|||
|
|
ctx.textBaseline = 'middle';
|
|||
|
|
footerFont = toFont(options.footerFont);
|
|||
|
|
ctx.fillStyle = options.footerColor;
|
|||
|
|
ctx.font = footerFont.string;
|
|||
|
|
for(i = 0; i < length; ++i){
|
|||
|
|
ctx.fillText(footer[i], rtlHelper.x(pt.x), pt.y + footerFont.lineHeight / 2);
|
|||
|
|
pt.y += footerFont.lineHeight + options.footerSpacing;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
drawBackground(pt, ctx, tooltipSize, options) {
|
|||
|
|
const { xAlign , yAlign } = this;
|
|||
|
|
const { x , y } = pt;
|
|||
|
|
const { width , height } = tooltipSize;
|
|||
|
|
const { topLeft , topRight , bottomLeft , bottomRight } = toTRBLCorners(options.cornerRadius);
|
|||
|
|
ctx.fillStyle = options.backgroundColor;
|
|||
|
|
ctx.strokeStyle = options.borderColor;
|
|||
|
|
ctx.lineWidth = options.borderWidth;
|
|||
|
|
ctx.beginPath();
|
|||
|
|
ctx.moveTo(x + topLeft, y);
|
|||
|
|
if (yAlign === 'top') {
|
|||
|
|
this.drawCaret(pt, ctx, tooltipSize, options);
|
|||
|
|
}
|
|||
|
|
ctx.lineTo(x + width - topRight, y);
|
|||
|
|
ctx.quadraticCurveTo(x + width, y, x + width, y + topRight);
|
|||
|
|
if (yAlign === 'center' && xAlign === 'right') {
|
|||
|
|
this.drawCaret(pt, ctx, tooltipSize, options);
|
|||
|
|
}
|
|||
|
|
ctx.lineTo(x + width, y + height - bottomRight);
|
|||
|
|
ctx.quadraticCurveTo(x + width, y + height, x + width - bottomRight, y + height);
|
|||
|
|
if (yAlign === 'bottom') {
|
|||
|
|
this.drawCaret(pt, ctx, tooltipSize, options);
|
|||
|
|
}
|
|||
|
|
ctx.lineTo(x + bottomLeft, y + height);
|
|||
|
|
ctx.quadraticCurveTo(x, y + height, x, y + height - bottomLeft);
|
|||
|
|
if (yAlign === 'center' && xAlign === 'left') {
|
|||
|
|
this.drawCaret(pt, ctx, tooltipSize, options);
|
|||
|
|
}
|
|||
|
|
ctx.lineTo(x, y + topLeft);
|
|||
|
|
ctx.quadraticCurveTo(x, y, x + topLeft, y);
|
|||
|
|
ctx.closePath();
|
|||
|
|
ctx.fill();
|
|||
|
|
if (options.borderWidth > 0) {
|
|||
|
|
ctx.stroke();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_updateAnimationTarget(options) {
|
|||
|
|
const chart = this.chart;
|
|||
|
|
const anims = this.$animations;
|
|||
|
|
const animX = anims && anims.x;
|
|||
|
|
const animY = anims && anims.y;
|
|||
|
|
if (animX || animY) {
|
|||
|
|
const position = positioners[options.position].call(this, this._active, this._eventPosition);
|
|||
|
|
if (!position) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const size = this._size = getTooltipSize(this, options);
|
|||
|
|
const positionAndSize = Object.assign({}, position, this._size);
|
|||
|
|
const alignment = determineAlignment(chart, options, positionAndSize);
|
|||
|
|
const point = getBackgroundPoint(options, positionAndSize, alignment, chart);
|
|||
|
|
if (animX._to !== point.x || animY._to !== point.y) {
|
|||
|
|
this.xAlign = alignment.xAlign;
|
|||
|
|
this.yAlign = alignment.yAlign;
|
|||
|
|
this.width = size.width;
|
|||
|
|
this.height = size.height;
|
|||
|
|
this.caretX = position.x;
|
|||
|
|
this.caretY = position.y;
|
|||
|
|
this._resolveAnimations().update(this, point);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
_willRender() {
|
|||
|
|
return !!this.opacity;
|
|||
|
|
}
|
|||
|
|
draw(ctx) {
|
|||
|
|
const options = this.options.setContext(this.getContext());
|
|||
|
|
let opacity = this.opacity;
|
|||
|
|
if (!opacity) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this._updateAnimationTarget(options);
|
|||
|
|
const tooltipSize = {
|
|||
|
|
width: this.width,
|
|||
|
|
height: this.height
|
|||
|
|
};
|
|||
|
|
const pt = {
|
|||
|
|
x: this.x,
|
|||
|
|
y: this.y
|
|||
|
|
};
|
|||
|
|
opacity = Math.abs(opacity) < 1e-3 ? 0 : opacity;
|
|||
|
|
const padding = toPadding(options.padding);
|
|||
|
|
const hasTooltipContent = this.title.length || this.beforeBody.length || this.body.length || this.afterBody.length || this.footer.length;
|
|||
|
|
if (options.enabled && hasTooltipContent) {
|
|||
|
|
ctx.save();
|
|||
|
|
ctx.globalAlpha = opacity;
|
|||
|
|
this.drawBackground(pt, ctx, tooltipSize, options);
|
|||
|
|
overrideTextDirection(ctx, options.textDirection);
|
|||
|
|
pt.y += padding.top;
|
|||
|
|
this.drawTitle(pt, ctx, options);
|
|||
|
|
this.drawBody(pt, ctx, options);
|
|||
|
|
this.drawFooter(pt, ctx, options);
|
|||
|
|
restoreTextDirection(ctx, options.textDirection);
|
|||
|
|
ctx.restore();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
getActiveElements() {
|
|||
|
|
return this._active || [];
|
|||
|
|
}
|
|||
|
|
setActiveElements(activeElements, eventPosition) {
|
|||
|
|
const lastActive = this._active;
|
|||
|
|
const active = activeElements.map(({ datasetIndex , index })=>{
|
|||
|
|
const meta = this.chart.getDatasetMeta(datasetIndex);
|
|||
|
|
if (!meta) {
|
|||
|
|
throw new Error('Cannot find a dataset at index ' + datasetIndex);
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
datasetIndex,
|
|||
|
|
element: meta.data[index],
|
|||
|
|
index
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
const changed = !_elementsEqual(lastActive, active);
|
|||
|
|
const positionChanged = this._positionChanged(active, eventPosition);
|
|||
|
|
if (changed || positionChanged) {
|
|||
|
|
this._active = active;
|
|||
|
|
this._eventPosition = eventPosition;
|
|||
|
|
this._ignoreReplayEvents = true;
|
|||
|
|
this.update(true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
handleEvent(e, replay, inChartArea = true) {
|
|||
|
|
if (replay && this._ignoreReplayEvents) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
this._ignoreReplayEvents = false;
|
|||
|
|
const options = this.options;
|
|||
|
|
const lastActive = this._active || [];
|
|||
|
|
const active = this._getActiveElements(e, lastActive, replay, inChartArea);
|
|||
|
|
const positionChanged = this._positionChanged(active, e);
|
|||
|
|
const changed = replay || !_elementsEqual(active, lastActive) || positionChanged;
|
|||
|
|
if (changed) {
|
|||
|
|
this._active = active;
|
|||
|
|
if (options.enabled || options.external) {
|
|||
|
|
this._eventPosition = {
|
|||
|
|
x: e.x,
|
|||
|
|
y: e.y
|
|||
|
|
};
|
|||
|
|
this.update(true, replay);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return changed;
|
|||
|
|
}
|
|||
|
|
_getActiveElements(e, lastActive, replay, inChartArea) {
|
|||
|
|
const options = this.options;
|
|||
|
|
if (e.type === 'mouseout') {
|
|||
|
|
return [];
|
|||
|
|
}
|
|||
|
|
if (!inChartArea) {
|
|||
|
|
return lastActive.filter((i)=>this.chart.data.datasets[i.datasetIndex] && this.chart.getDatasetMeta(i.datasetIndex).controller.getParsed(i.index) !== undefined);
|
|||
|
|
}
|
|||
|
|
const active = this.chart.getElementsAtEventForMode(e, options.mode, options, replay);
|
|||
|
|
if (options.reverse) {
|
|||
|
|
active.reverse();
|
|||
|
|
}
|
|||
|
|
return active;
|
|||
|
|
}
|
|||
|
|
_positionChanged(active, e) {
|
|||
|
|
const { caretX , caretY , options } = this;
|
|||
|
|
const position = positioners[options.position].call(this, active, e);
|
|||
|
|
return position !== false && (caretX !== position.x || caretY !== position.y);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var plugin_tooltip = {
|
|||
|
|
id: 'tooltip',
|
|||
|
|
_element: Tooltip,
|
|||
|
|
positioners,
|
|||
|
|
afterInit (chart, _args, options) {
|
|||
|
|
if (options) {
|
|||
|
|
chart.tooltip = new Tooltip({
|
|||
|
|
chart,
|
|||
|
|
options
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
beforeUpdate (chart, _args, options) {
|
|||
|
|
if (chart.tooltip) {
|
|||
|
|
chart.tooltip.initialize(options);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
reset (chart, _args, options) {
|
|||
|
|
if (chart.tooltip) {
|
|||
|
|
chart.tooltip.initialize(options);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
afterDraw (chart) {
|
|||
|
|
const tooltip = chart.tooltip;
|
|||
|
|
if (tooltip && tooltip._willRender()) {
|
|||
|
|
const args = {
|
|||
|
|
tooltip
|
|||
|
|
};
|
|||
|
|
if (chart.notifyPlugins('beforeTooltipDraw', {
|
|||
|
|
...args,
|
|||
|
|
cancelable: true
|
|||
|
|
}) === false) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
tooltip.draw(chart.ctx);
|
|||
|
|
chart.notifyPlugins('afterTooltipDraw', args);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
afterEvent (chart, args) {
|
|||
|
|
if (chart.tooltip) {
|
|||
|
|
const useFinalPosition = args.replay;
|
|||
|
|
if (chart.tooltip.handleEvent(args.event, useFinalPosition, args.inChartArea)) {
|
|||
|
|
args.changed = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
defaults: {
|
|||
|
|
enabled: true,
|
|||
|
|
external: null,
|
|||
|
|
position: 'average',
|
|||
|
|
backgroundColor: 'rgba(0,0,0,0.8)',
|
|||
|
|
titleColor: '#fff',
|
|||
|
|
titleFont: {
|
|||
|
|
weight: 'bold'
|
|||
|
|
},
|
|||
|
|
titleSpacing: 2,
|
|||
|
|
titleMarginBottom: 6,
|
|||
|
|
titleAlign: 'left',
|
|||
|
|
bodyColor: '#fff',
|
|||
|
|
bodySpacing: 2,
|
|||
|
|
bodyFont: {},
|
|||
|
|
bodyAlign: 'left',
|
|||
|
|
footerColor: '#fff',
|
|||
|
|
footerSpacing: 2,
|
|||
|
|
footerMarginTop: 6,
|
|||
|
|
footerFont: {
|
|||
|
|
weight: 'bold'
|
|||
|
|
},
|
|||
|
|
footerAlign: 'left',
|
|||
|
|
padding: 6,
|
|||
|
|
caretPadding: 2,
|
|||
|
|
caretSize: 5,
|
|||
|
|
cornerRadius: 6,
|
|||
|
|
boxHeight: (ctx, opts)=>opts.bodyFont.size,
|
|||
|
|
boxWidth: (ctx, opts)=>opts.bodyFont.size,
|
|||
|
|
multiKeyBackground: '#fff',
|
|||
|
|
displayColors: true,
|
|||
|
|
boxPadding: 0,
|
|||
|
|
borderColor: 'rgba(0,0,0,0)',
|
|||
|
|
borderWidth: 0,
|
|||
|
|
animation: {
|
|||
|
|
duration: 400,
|
|||
|
|
easing: 'easeOutQuart'
|
|||
|
|
},
|
|||
|
|
animations: {
|
|||
|
|
numbers: {
|
|||
|
|
type: 'number',
|
|||
|
|
properties: [
|
|||
|
|
'x',
|
|||
|
|
'y',
|
|||
|
|
'width',
|
|||
|
|
'height',
|
|||
|
|
'caretX',
|
|||
|
|
'caretY'
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
opacity: {
|
|||
|
|
easing: 'linear',
|
|||
|
|
duration: 200
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
callbacks: defaultCallbacks
|
|||
|
|
},
|
|||
|
|
defaultRoutes: {
|
|||
|
|
bodyFont: 'font',
|
|||
|
|
footerFont: 'font',
|
|||
|
|
titleFont: 'font'
|
|||
|
|
},
|
|||
|
|
descriptors: {
|
|||
|
|
_scriptable: (name)=>name !== 'filter' && name !== 'itemSort' && name !== 'external',
|
|||
|
|
_indexable: false,
|
|||
|
|
callbacks: {
|
|||
|
|
_scriptable: false,
|
|||
|
|
_indexable: false
|
|||
|
|
},
|
|||
|
|
animation: {
|
|||
|
|
_fallback: false
|
|||
|
|
},
|
|||
|
|
animations: {
|
|||
|
|
_fallback: 'animation'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
additionalOptionScopes: [
|
|||
|
|
'interaction'
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const INTERVALS = {
|
|||
|
|
millisecond: {
|
|||
|
|
common: true,
|
|||
|
|
size: 1,
|
|||
|
|
steps: 1000
|
|||
|
|
},
|
|||
|
|
second: {
|
|||
|
|
common: true,
|
|||
|
|
size: 1000,
|
|||
|
|
steps: 60
|
|||
|
|
},
|
|||
|
|
minute: {
|
|||
|
|
common: true,
|
|||
|
|
size: 60000,
|
|||
|
|
steps: 60
|
|||
|
|
},
|
|||
|
|
hour: {
|
|||
|
|
common: true,
|
|||
|
|
size: 3600000,
|
|||
|
|
steps: 24
|
|||
|
|
},
|
|||
|
|
day: {
|
|||
|
|
common: true,
|
|||
|
|
size: 86400000,
|
|||
|
|
steps: 30
|
|||
|
|
},
|
|||
|
|
week: {
|
|||
|
|
common: false,
|
|||
|
|
size: 604800000,
|
|||
|
|
steps: 4
|
|||
|
|
},
|
|||
|
|
month: {
|
|||
|
|
common: true,
|
|||
|
|
size: 2.628e9,
|
|||
|
|
steps: 12
|
|||
|
|
},
|
|||
|
|
quarter: {
|
|||
|
|
common: false,
|
|||
|
|
size: 7.884e9,
|
|||
|
|
steps: 4
|
|||
|
|
},
|
|||
|
|
year: {
|
|||
|
|
common: true,
|
|||
|
|
size: 3.154e10
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const UNITS = /* #__PURE__ */ Object.keys(INTERVALS);
|
|||
|
|
function sorter(a, b) {
|
|||
|
|
return a - b;
|
|||
|
|
}
|
|||
|
|
function parse(scale, input) {
|
|||
|
|
if (isNullOrUndef(input)) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
const adapter = scale._adapter;
|
|||
|
|
const { parser , round , isoWeekday } = scale._parseOpts;
|
|||
|
|
let value = input;
|
|||
|
|
if (typeof parser === 'function') {
|
|||
|
|
value = parser(value);
|
|||
|
|
}
|
|||
|
|
if (!isNumberFinite(value)) {
|
|||
|
|
value = typeof parser === 'string' ? adapter.parse(value, parser) : adapter.parse(value);
|
|||
|
|
}
|
|||
|
|
if (value === null) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
if (round) {
|
|||
|
|
value = round === 'week' && (isNumber(isoWeekday) || isoWeekday === true) ? adapter.startOf(value, 'isoWeek', isoWeekday) : adapter.startOf(value, round);
|
|||
|
|
}
|
|||
|
|
return +value;
|
|||
|
|
}
|
|||
|
|
function determineUnitForAutoTicks(minUnit, min, max, capacity) {
|
|||
|
|
const ilen = UNITS.length;
|
|||
|
|
for(let i = UNITS.indexOf(minUnit); i < ilen - 1; ++i){
|
|||
|
|
const interval = INTERVALS[UNITS[i]];
|
|||
|
|
const factor = interval.steps ? interval.steps : Number.MAX_SAFE_INTEGER;
|
|||
|
|
if (interval.common && Math.ceil((max - min) / (factor * interval.size)) <= capacity) {
|
|||
|
|
return UNITS[i];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return UNITS[ilen - 1];
|
|||
|
|
}
|
|||
|
|
function determineUnitForFormatting(scale, numTicks, minUnit, min, max) {
|
|||
|
|
for(let i = UNITS.length - 1; i >= UNITS.indexOf(minUnit); i--){
|
|||
|
|
const unit = UNITS[i];
|
|||
|
|
if (INTERVALS[unit].common && scale._adapter.diff(max, min, unit) >= numTicks - 1) {
|
|||
|
|
return unit;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return UNITS[minUnit ? UNITS.indexOf(minUnit) : 0];
|
|||
|
|
}
|
|||
|
|
function determineMajorUnit(unit) {
|
|||
|
|
for(let i = UNITS.indexOf(unit) + 1, ilen = UNITS.length; i < ilen; ++i){
|
|||
|
|
if (INTERVALS[UNITS[i]].common) {
|
|||
|
|
return UNITS[i];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function addTick(ticks, time, timestamps) {
|
|||
|
|
if (!timestamps) {
|
|||
|
|
ticks[time] = true;
|
|||
|
|
} else if (timestamps.length) {
|
|||
|
|
const { lo , hi } = _lookup(timestamps, time);
|
|||
|
|
const timestamp = timestamps[lo] >= time ? timestamps[lo] : timestamps[hi];
|
|||
|
|
ticks[timestamp] = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function setMajorTicks(scale, ticks, map, majorUnit) {
|
|||
|
|
const adapter = scale._adapter;
|
|||
|
|
const first = +adapter.startOf(ticks[0].value, majorUnit);
|
|||
|
|
const last = ticks[ticks.length - 1].value;
|
|||
|
|
let major, index;
|
|||
|
|
for(major = first; major <= last; major = +adapter.add(major, 1, majorUnit)){
|
|||
|
|
index = map[major];
|
|||
|
|
if (index >= 0) {
|
|||
|
|
ticks[index].major = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return ticks;
|
|||
|
|
}
|
|||
|
|
function ticksFromTimestamps(scale, values, majorUnit) {
|
|||
|
|
const ticks = [];
|
|||
|
|
const map = {};
|
|||
|
|
const ilen = values.length;
|
|||
|
|
let i, value;
|
|||
|
|
for(i = 0; i < ilen; ++i){
|
|||
|
|
value = values[i];
|
|||
|
|
map[value] = i;
|
|||
|
|
ticks.push({
|
|||
|
|
value,
|
|||
|
|
major: false
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return ilen === 0 || !majorUnit ? ticks : setMajorTicks(scale, ticks, map, majorUnit);
|
|||
|
|
}
|
|||
|
|
class TimeScale extends Scale {
|
|||
|
|
static id = 'time';
|
|||
|
|
static defaults = {
|
|||
|
|
bounds: 'data',
|
|||
|
|
adapters: {},
|
|||
|
|
time: {
|
|||
|
|
parser: false,
|
|||
|
|
unit: false,
|
|||
|
|
round: false,
|
|||
|
|
isoWeekday: false,
|
|||
|
|
minUnit: 'millisecond',
|
|||
|
|
displayFormats: {}
|
|||
|
|
},
|
|||
|
|
ticks: {
|
|||
|
|
source: 'auto',
|
|||
|
|
callback: false,
|
|||
|
|
major: {
|
|||
|
|
enabled: false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
constructor(props){
|
|||
|
|
super(props);
|
|||
|
|
this._cache = {
|
|||
|
|
data: [],
|
|||
|
|
labels: [],
|
|||
|
|
all: []
|
|||
|
|
};
|
|||
|
|
this._unit = 'day';
|
|||
|
|
this._majorUnit = undefined;
|
|||
|
|
this._offsets = {};
|
|||
|
|
this._normalized = false;
|
|||
|
|
this._parseOpts = undefined;
|
|||
|
|
}
|
|||
|
|
init(scaleOpts, opts = {}) {
|
|||
|
|
const time = scaleOpts.time || (scaleOpts.time = {});
|
|||
|
|
const adapter = this._adapter = new adapters._date(scaleOpts.adapters.date);
|
|||
|
|
adapter.init(opts);
|
|||
|
|
mergeIf(time.displayFormats, adapter.formats());
|
|||
|
|
this._parseOpts = {
|
|||
|
|
parser: time.parser,
|
|||
|
|
round: time.round,
|
|||
|
|
isoWeekday: time.isoWeekday
|
|||
|
|
};
|
|||
|
|
super.init(scaleOpts);
|
|||
|
|
this._normalized = opts.normalized;
|
|||
|
|
}
|
|||
|
|
parse(raw, index) {
|
|||
|
|
if (raw === undefined) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
return parse(this, raw);
|
|||
|
|
}
|
|||
|
|
beforeLayout() {
|
|||
|
|
super.beforeLayout();
|
|||
|
|
this._cache = {
|
|||
|
|
data: [],
|
|||
|
|
labels: [],
|
|||
|
|
all: []
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
determineDataLimits() {
|
|||
|
|
const options = this.options;
|
|||
|
|
const adapter = this._adapter;
|
|||
|
|
const unit = options.time.unit || 'day';
|
|||
|
|
let { min , max , minDefined , maxDefined } = this.getUserBounds();
|
|||
|
|
function _applyBounds(bounds) {
|
|||
|
|
if (!minDefined && !isNaN(bounds.min)) {
|
|||
|
|
min = Math.min(min, bounds.min);
|
|||
|
|
}
|
|||
|
|
if (!maxDefined && !isNaN(bounds.max)) {
|
|||
|
|
max = Math.max(max, bounds.max);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!minDefined || !maxDefined) {
|
|||
|
|
_applyBounds(this._getLabelBounds());
|
|||
|
|
if (options.bounds !== 'ticks' || options.ticks.source !== 'labels') {
|
|||
|
|
_applyBounds(this.getMinMax(false));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
min = isNumberFinite(min) && !isNaN(min) ? min : +adapter.startOf(Date.now(), unit);
|
|||
|
|
max = isNumberFinite(max) && !isNaN(max) ? max : +adapter.endOf(Date.now(), unit) + 1;
|
|||
|
|
this.min = Math.min(min, max - 1);
|
|||
|
|
this.max = Math.max(min + 1, max);
|
|||
|
|
}
|
|||
|
|
_getLabelBounds() {
|
|||
|
|
const arr = this.getLabelTimestamps();
|
|||
|
|
let min = Number.POSITIVE_INFINITY;
|
|||
|
|
let max = Number.NEGATIVE_INFINITY;
|
|||
|
|
if (arr.length) {
|
|||
|
|
min = arr[0];
|
|||
|
|
max = arr[arr.length - 1];
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
min,
|
|||
|
|
max
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
buildTicks() {
|
|||
|
|
const options = this.options;
|
|||
|
|
const timeOpts = options.time;
|
|||
|
|
const tickOpts = options.ticks;
|
|||
|
|
const timestamps = tickOpts.source === 'labels' ? this.getLabelTimestamps() : this._generate();
|
|||
|
|
if (options.bounds === 'ticks' && timestamps.length) {
|
|||
|
|
this.min = this._userMin || timestamps[0];
|
|||
|
|
this.max = this._userMax || timestamps[timestamps.length - 1];
|
|||
|
|
}
|
|||
|
|
const min = this.min;
|
|||
|
|
const max = this.max;
|
|||
|
|
const ticks = _filterBetween(timestamps, min, max);
|
|||
|
|
this._unit = timeOpts.unit || (tickOpts.autoSkip ? determineUnitForAutoTicks(timeOpts.minUnit, this.min, this.max, this._getLabelCapacity(min)) : determineUnitForFormatting(this, ticks.length, timeOpts.minUnit, this.min, this.max));
|
|||
|
|
this._majorUnit = !tickOpts.major.enabled || this._unit === 'year' ? undefined : determineMajorUnit(this._unit);
|
|||
|
|
this.initOffsets(timestamps);
|
|||
|
|
if (options.reverse) {
|
|||
|
|
ticks.reverse();
|
|||
|
|
}
|
|||
|
|
return ticksFromTimestamps(this, ticks, this._majorUnit);
|
|||
|
|
}
|
|||
|
|
afterAutoSkip() {
|
|||
|
|
if (this.options.offsetAfterAutoskip) {
|
|||
|
|
this.initOffsets(this.ticks.map((tick)=>+tick.value));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
initOffsets(timestamps = []) {
|
|||
|
|
let start = 0;
|
|||
|
|
let end = 0;
|
|||
|
|
let first, last;
|
|||
|
|
if (this.options.offset && timestamps.length) {
|
|||
|
|
first = this.getDecimalForValue(timestamps[0]);
|
|||
|
|
if (timestamps.length === 1) {
|
|||
|
|
start = 1 - first;
|
|||
|
|
} else {
|
|||
|
|
start = (this.getDecimalForValue(timestamps[1]) - first) / 2;
|
|||
|
|
}
|
|||
|
|
last = this.getDecimalForValue(timestamps[timestamps.length - 1]);
|
|||
|
|
if (timestamps.length === 1) {
|
|||
|
|
end = last;
|
|||
|
|
} else {
|
|||
|
|
end = (last - this.getDecimalForValue(timestamps[timestamps.length - 2])) / 2;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const limit = timestamps.length < 3 ? 0.5 : 0.25;
|
|||
|
|
start = _limitValue(start, 0, limit);
|
|||
|
|
end = _limitValue(end, 0, limit);
|
|||
|
|
this._offsets = {
|
|||
|
|
start,
|
|||
|
|
end,
|
|||
|
|
factor: 1 / (start + 1 + end)
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
_generate() {
|
|||
|
|
const adapter = this._adapter;
|
|||
|
|
const min = this.min;
|
|||
|
|
const max = this.max;
|
|||
|
|
const options = this.options;
|
|||
|
|
const timeOpts = options.time;
|
|||
|
|
const minor = timeOpts.unit || determineUnitForAutoTicks(timeOpts.minUnit, min, max, this._getLabelCapacity(min));
|
|||
|
|
const stepSize = valueOrDefault(options.ticks.stepSize, 1);
|
|||
|
|
const weekday = minor === 'week' ? timeOpts.isoWeekday : false;
|
|||
|
|
const hasWeekday = isNumber(weekday) || weekday === true;
|
|||
|
|
const ticks = {};
|
|||
|
|
let first = min;
|
|||
|
|
let time, count;
|
|||
|
|
if (hasWeekday) {
|
|||
|
|
first = +adapter.startOf(first, 'isoWeek', weekday);
|
|||
|
|
}
|
|||
|
|
first = +adapter.startOf(first, hasWeekday ? 'day' : minor);
|
|||
|
|
if (adapter.diff(max, min, minor) > 100000 * stepSize) {
|
|||
|
|
throw new Error(min + ' and ' + max + ' are too far apart with stepSize of ' + stepSize + ' ' + minor);
|
|||
|
|
}
|
|||
|
|
const timestamps = options.ticks.source === 'data' && this.getDataTimestamps();
|
|||
|
|
for(time = first, count = 0; time < max; time = +adapter.add(time, stepSize, minor), count++){
|
|||
|
|
addTick(ticks, time, timestamps);
|
|||
|
|
}
|
|||
|
|
if (time === max || options.bounds === 'ticks' || count === 1) {
|
|||
|
|
addTick(ticks, time, timestamps);
|
|||
|
|
}
|
|||
|
|
return Object.keys(ticks).sort(sorter).map((x)=>+x);
|
|||
|
|
}
|
|||
|
|
getLabelForValue(value) {
|
|||
|
|
const adapter = this._adapter;
|
|||
|
|
const timeOpts = this.options.time;
|
|||
|
|
if (timeOpts.tooltipFormat) {
|
|||
|
|
return adapter.format(value, timeOpts.tooltipFormat);
|
|||
|
|
}
|
|||
|
|
return adapter.format(value, timeOpts.displayFormats.datetime);
|
|||
|
|
}
|
|||
|
|
format(value, format) {
|
|||
|
|
const options = this.options;
|
|||
|
|
const formats = options.time.displayFormats;
|
|||
|
|
const unit = this._unit;
|
|||
|
|
const fmt = format || formats[unit];
|
|||
|
|
return this._adapter.format(value, fmt);
|
|||
|
|
}
|
|||
|
|
_tickFormatFunction(time, index, ticks, format) {
|
|||
|
|
const options = this.options;
|
|||
|
|
const formatter = options.ticks.callback;
|
|||
|
|
if (formatter) {
|
|||
|
|
return callback(formatter, [
|
|||
|
|
time,
|
|||
|
|
index,
|
|||
|
|
ticks
|
|||
|
|
], this);
|
|||
|
|
}
|
|||
|
|
const formats = options.time.displayFormats;
|
|||
|
|
const unit = this._unit;
|
|||
|
|
const majorUnit = this._majorUnit;
|
|||
|
|
const minorFormat = unit && formats[unit];
|
|||
|
|
const majorFormat = majorUnit && formats[majorUnit];
|
|||
|
|
const tick = ticks[index];
|
|||
|
|
const major = majorUnit && majorFormat && tick && tick.major;
|
|||
|
|
return this._adapter.format(time, format || (major ? majorFormat : minorFormat));
|
|||
|
|
}
|
|||
|
|
generateTickLabels(ticks) {
|
|||
|
|
let i, ilen, tick;
|
|||
|
|
for(i = 0, ilen = ticks.length; i < ilen; ++i){
|
|||
|
|
tick = ticks[i];
|
|||
|
|
tick.label = this._tickFormatFunction(tick.value, i, ticks);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
getDecimalForValue(value) {
|
|||
|
|
return value === null ? NaN : (value - this.min) / (this.max - this.min);
|
|||
|
|
}
|
|||
|
|
getPixelForValue(value) {
|
|||
|
|
const offsets = this._offsets;
|
|||
|
|
const pos = this.getDecimalForValue(value);
|
|||
|
|
return this.getPixelForDecimal((offsets.start + pos) * offsets.factor);
|
|||
|
|
}
|
|||
|
|
getValueForPixel(pixel) {
|
|||
|
|
const offsets = this._offsets;
|
|||
|
|
const pos = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
|
|||
|
|
return this.min + pos * (this.max - this.min);
|
|||
|
|
}
|
|||
|
|
_getLabelSize(label) {
|
|||
|
|
const ticksOpts = this.options.ticks;
|
|||
|
|
const tickLabelWidth = this.ctx.measureText(label).width;
|
|||
|
|
const angle = toRadians(this.isHorizontal() ? ticksOpts.maxRotation : ticksOpts.minRotation);
|
|||
|
|
const cosRotation = Math.cos(angle);
|
|||
|
|
const sinRotation = Math.sin(angle);
|
|||
|
|
const tickFontSize = this._resolveTickFontOptions(0).size;
|
|||
|
|
return {
|
|||
|
|
w: tickLabelWidth * cosRotation + tickFontSize * sinRotation,
|
|||
|
|
h: tickLabelWidth * sinRotation + tickFontSize * cosRotation
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
_getLabelCapacity(exampleTime) {
|
|||
|
|
const timeOpts = this.options.time;
|
|||
|
|
const displayFormats = timeOpts.displayFormats;
|
|||
|
|
const format = displayFormats[timeOpts.unit] || displayFormats.millisecond;
|
|||
|
|
const exampleLabel = this._tickFormatFunction(exampleTime, 0, ticksFromTimestamps(this, [
|
|||
|
|
exampleTime
|
|||
|
|
], this._majorUnit), format);
|
|||
|
|
const size = this._getLabelSize(exampleLabel);
|
|||
|
|
const capacity = Math.floor(this.isHorizontal() ? this.width / size.w : this.height / size.h) - 1;
|
|||
|
|
return capacity > 0 ? capacity : 1;
|
|||
|
|
}
|
|||
|
|
getDataTimestamps() {
|
|||
|
|
let timestamps = this._cache.data || [];
|
|||
|
|
let i, ilen;
|
|||
|
|
if (timestamps.length) {
|
|||
|
|
return timestamps;
|
|||
|
|
}
|
|||
|
|
const metas = this.getMatchingVisibleMetas();
|
|||
|
|
if (this._normalized && metas.length) {
|
|||
|
|
return this._cache.data = metas[0].controller.getAllParsedValues(this);
|
|||
|
|
}
|
|||
|
|
for(i = 0, ilen = metas.length; i < ilen; ++i){
|
|||
|
|
timestamps = timestamps.concat(metas[i].controller.getAllParsedValues(this));
|
|||
|
|
}
|
|||
|
|
return this._cache.data = this.normalize(timestamps);
|
|||
|
|
}
|
|||
|
|
getLabelTimestamps() {
|
|||
|
|
const timestamps = this._cache.labels || [];
|
|||
|
|
let i, ilen;
|
|||
|
|
if (timestamps.length) {
|
|||
|
|
return timestamps;
|
|||
|
|
}
|
|||
|
|
const labels = this.getLabels();
|
|||
|
|
for(i = 0, ilen = labels.length; i < ilen; ++i){
|
|||
|
|
timestamps.push(parse(this, labels[i]));
|
|||
|
|
}
|
|||
|
|
return this._cache.labels = this._normalized ? timestamps : this.normalize(timestamps);
|
|||
|
|
}
|
|||
|
|
normalize(values) {
|
|||
|
|
return _arrayUnique(values.sort(sorter));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function interpolate(table, val, reverse) {
|
|||
|
|
let lo = 0;
|
|||
|
|
let hi = table.length - 1;
|
|||
|
|
let prevSource, nextSource, prevTarget, nextTarget;
|
|||
|
|
if (reverse) {
|
|||
|
|
if (val >= table[lo].pos && val <= table[hi].pos) {
|
|||
|
|
({ lo , hi } = _lookupByKey(table, 'pos', val));
|
|||
|
|
}
|
|||
|
|
({ pos: prevSource , time: prevTarget } = table[lo]);
|
|||
|
|
({ pos: nextSource , time: nextTarget } = table[hi]);
|
|||
|
|
} else {
|
|||
|
|
if (val >= table[lo].time && val <= table[hi].time) {
|
|||
|
|
({ lo , hi } = _lookupByKey(table, 'time', val));
|
|||
|
|
}
|
|||
|
|
({ time: prevSource , pos: prevTarget } = table[lo]);
|
|||
|
|
({ time: nextSource , pos: nextTarget } = table[hi]);
|
|||
|
|
}
|
|||
|
|
const span = nextSource - prevSource;
|
|||
|
|
return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;
|
|||
|
|
}
|
|||
|
|
class TimeSeriesScale extends TimeScale {
|
|||
|
|
static id = 'timeseries';
|
|||
|
|
static defaults = TimeScale.defaults;
|
|||
|
|
constructor(props){
|
|||
|
|
super(props);
|
|||
|
|
this._table = [];
|
|||
|
|
this._minPos = undefined;
|
|||
|
|
this._tableRange = undefined;
|
|||
|
|
}
|
|||
|
|
initOffsets() {
|
|||
|
|
const timestamps = this._getTimestampsForTable();
|
|||
|
|
const table = this._table = this.buildLookupTable(timestamps);
|
|||
|
|
this._minPos = interpolate(table, this.min);
|
|||
|
|
this._tableRange = interpolate(table, this.max) - this._minPos;
|
|||
|
|
super.initOffsets(timestamps);
|
|||
|
|
}
|
|||
|
|
buildLookupTable(timestamps) {
|
|||
|
|
const { min , max } = this;
|
|||
|
|
const items = [];
|
|||
|
|
const table = [];
|
|||
|
|
let i, ilen, prev, curr, next;
|
|||
|
|
for(i = 0, ilen = timestamps.length; i < ilen; ++i){
|
|||
|
|
curr = timestamps[i];
|
|||
|
|
if (curr >= min && curr <= max) {
|
|||
|
|
items.push(curr);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (items.length < 2) {
|
|||
|
|
return [
|
|||
|
|
{
|
|||
|
|
time: min,
|
|||
|
|
pos: 0
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
time: max,
|
|||
|
|
pos: 1
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
for(i = 0, ilen = items.length; i < ilen; ++i){
|
|||
|
|
next = items[i + 1];
|
|||
|
|
prev = items[i - 1];
|
|||
|
|
curr = items[i];
|
|||
|
|
if (Math.round((next + prev) / 2) !== curr) {
|
|||
|
|
table.push({
|
|||
|
|
time: curr,
|
|||
|
|
pos: i / (ilen - 1)
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return table;
|
|||
|
|
}
|
|||
|
|
_generate() {
|
|||
|
|
const min = this.min;
|
|||
|
|
const max = this.max;
|
|||
|
|
let timestamps = super.getDataTimestamps();
|
|||
|
|
if (!timestamps.includes(min) || !timestamps.length) {
|
|||
|
|
timestamps.splice(0, 0, min);
|
|||
|
|
}
|
|||
|
|
if (!timestamps.includes(max) || timestamps.length === 1) {
|
|||
|
|
timestamps.push(max);
|
|||
|
|
}
|
|||
|
|
return timestamps.sort((a, b)=>a - b);
|
|||
|
|
}
|
|||
|
|
_getTimestampsForTable() {
|
|||
|
|
let timestamps = this._cache.all || [];
|
|||
|
|
if (timestamps.length) {
|
|||
|
|
return timestamps;
|
|||
|
|
}
|
|||
|
|
const data = this.getDataTimestamps();
|
|||
|
|
const label = this.getLabelTimestamps();
|
|||
|
|
if (data.length && label.length) {
|
|||
|
|
timestamps = this.normalize(data.concat(label));
|
|||
|
|
} else {
|
|||
|
|
timestamps = data.length ? data : label;
|
|||
|
|
}
|
|||
|
|
timestamps = this._cache.all = timestamps;
|
|||
|
|
return timestamps;
|
|||
|
|
}
|
|||
|
|
getDecimalForValue(value) {
|
|||
|
|
return (interpolate(this._table, value) - this._minPos) / this._tableRange;
|
|||
|
|
}
|
|||
|
|
getValueForPixel(pixel) {
|
|||
|
|
const offsets = this._offsets;
|
|||
|
|
const decimal = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
|
|||
|
|
return interpolate(this._table, decimal * this._tableRange + this._minPos, true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* src/view/FolderStatistics.svelte generated by Svelte v3.59.2 */
|
|||
|
|
|
|||
|
|
function create_catch_block(ctx) {
|
|||
|
|
let p;
|
|||
|
|
let t_value = /*error*/ ctx[7].message + "";
|
|||
|
|
let t;
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
p = element("p");
|
|||
|
|
t = text(t_value);
|
|||
|
|
set_style(p, "color", "red");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, p, anchor);
|
|||
|
|
append(p, t);
|
|||
|
|
},
|
|||
|
|
p: noop$1,
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(p);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (59:4) {:then data}
|
|||
|
|
function create_then_block(ctx) {
|
|||
|
|
let p;
|
|||
|
|
let t0;
|
|||
|
|
let t1_value = /*data*/ ctx[6] + "";
|
|||
|
|
let t1;
|
|||
|
|
let t2;
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
p = element("p");
|
|||
|
|
t0 = text("Total: ");
|
|||
|
|
t1 = text(t1_value);
|
|||
|
|
t2 = text(" words");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, p, anchor);
|
|||
|
|
append(p, t0);
|
|||
|
|
append(p, t1);
|
|||
|
|
append(p, t2);
|
|||
|
|
},
|
|||
|
|
p: noop$1,
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(p);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// (57:26) <p>Counting</p> {:then data}
|
|||
|
|
function create_pending_block(ctx) {
|
|||
|
|
let p;
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
p = element("p");
|
|||
|
|
p.textContent = "Counting";
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, p, anchor);
|
|||
|
|
},
|
|||
|
|
p: noop$1,
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(p);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function create_fragment(ctx) {
|
|||
|
|
let div;
|
|||
|
|
let h1;
|
|||
|
|
let t0_value = /*file*/ ctx[0].name + "";
|
|||
|
|
let t0;
|
|||
|
|
let t1;
|
|||
|
|
let t2;
|
|||
|
|
let canvas;
|
|||
|
|
|
|||
|
|
let info = {
|
|||
|
|
ctx,
|
|||
|
|
current: null,
|
|||
|
|
token: null,
|
|||
|
|
hasCatch: true,
|
|||
|
|
pending: create_pending_block,
|
|||
|
|
then: create_then_block,
|
|||
|
|
catch: create_catch_block,
|
|||
|
|
value: 6,
|
|||
|
|
error: 7
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
handle_promise(/*renderChart*/ ctx[2](), info);
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
c() {
|
|||
|
|
div = element("div");
|
|||
|
|
h1 = element("h1");
|
|||
|
|
t0 = text(t0_value);
|
|||
|
|
t1 = space();
|
|||
|
|
info.block.c();
|
|||
|
|
t2 = space();
|
|||
|
|
canvas = element("canvas");
|
|||
|
|
attr(canvas, "class", "pieChart");
|
|||
|
|
},
|
|||
|
|
m(target, anchor) {
|
|||
|
|
insert(target, div, anchor);
|
|||
|
|
append(div, h1);
|
|||
|
|
append(h1, t0);
|
|||
|
|
append(div, t1);
|
|||
|
|
info.block.m(div, info.anchor = null);
|
|||
|
|
info.mount = () => div;
|
|||
|
|
info.anchor = t2;
|
|||
|
|
append(div, t2);
|
|||
|
|
append(div, canvas);
|
|||
|
|
/*canvas_binding*/ ctx[4](canvas);
|
|||
|
|
},
|
|||
|
|
p(new_ctx, [dirty]) {
|
|||
|
|
ctx = new_ctx;
|
|||
|
|
if (dirty & /*file*/ 1 && t0_value !== (t0_value = /*file*/ ctx[0].name + "")) set_data(t0, t0_value);
|
|||
|
|
update_await_block_branch(info, ctx, dirty);
|
|||
|
|
},
|
|||
|
|
i: noop$1,
|
|||
|
|
o: noop$1,
|
|||
|
|
d(detaching) {
|
|||
|
|
if (detaching) detach(div);
|
|||
|
|
info.block.d();
|
|||
|
|
info.token = null;
|
|||
|
|
info = null;
|
|||
|
|
/*canvas_binding*/ ctx[4](null);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function instance($$self, $$props, $$invalidate) {
|
|||
|
|
Chart.register(ArcElement, PieController);
|
|||
|
|
Chart.register(plugin_tooltip);
|
|||
|
|
let { file } = $$props;
|
|||
|
|
let { plugin } = $$props;
|
|||
|
|
let chartContainer;
|
|||
|
|
|
|||
|
|
// Function to map the word count of each file to a chart js data object
|
|||
|
|
const getFolderWordStats = async () => {
|
|||
|
|
// Get all files in the folder
|
|||
|
|
const allFiles = getAllFilesInFolder(plugin, file.path);
|
|||
|
|
|
|||
|
|
// Get the content of all files in the folder
|
|||
|
|
const content = await getAllFileContentInFolder(allFiles);
|
|||
|
|
|
|||
|
|
// Get the word count of all files in the folder
|
|||
|
|
const wordCounts = content.map(c => getWordCount(c));
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
labels: allFiles.map(file => file.name),
|
|||
|
|
datasets: [
|
|||
|
|
{
|
|||
|
|
label: "Word Count",
|
|||
|
|
data: wordCounts,
|
|||
|
|
backgroundColor: "rgba(255, 99, 132, 0.2)",
|
|||
|
|
borderColor: "rgba(255, 99, 132, 1)",
|
|||
|
|
borderWidth: 1
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Function to get all the data and render the chart
|
|||
|
|
async function renderChart() {
|
|||
|
|
const options = {
|
|||
|
|
title: {
|
|||
|
|
display: true,
|
|||
|
|
text: "All Files and there Word Count",
|
|||
|
|
position: "top"
|
|||
|
|
},
|
|||
|
|
rotation: -0.7 * Math.PI,
|
|||
|
|
legend: { display: false }
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const data = await getFolderWordStats();
|
|||
|
|
new Chart(chartContainer, { type: "pie", data, options });
|
|||
|
|
return data.datasets[0].data.reduce((acc, current) => acc += current, 0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function canvas_binding($$value) {
|
|||
|
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|||
|
|
chartContainer = $$value;
|
|||
|
|
$$invalidate(1, chartContainer);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$$self.$$set = $$props => {
|
|||
|
|
if ('file' in $$props) $$invalidate(0, file = $$props.file);
|
|||
|
|
if ('plugin' in $$props) $$invalidate(3, plugin = $$props.plugin);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return [file, chartContainer, renderChart, plugin, canvas_binding];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class FolderStatistics extends SvelteComponent {
|
|||
|
|
constructor(options) {
|
|||
|
|
super();
|
|||
|
|
init(this, options, instance, create_fragment, safe_not_equal, { file: 0, plugin: 3 });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Modal to wrap the svelte component passing the required props
|
|||
|
|
class FolderStatisticsModal extends obsidian.Modal {
|
|||
|
|
constructor(plugin, file) {
|
|||
|
|
super(plugin.app);
|
|||
|
|
this.plugin = plugin;
|
|||
|
|
this.file = file;
|
|||
|
|
}
|
|||
|
|
async onOpen() {
|
|||
|
|
const { contentEl } = this;
|
|||
|
|
new FolderStatistics({
|
|||
|
|
target: contentEl,
|
|||
|
|
props: {
|
|||
|
|
plugin: this.plugin,
|
|||
|
|
file: this.file,
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
onClose() {
|
|||
|
|
const { contentEl } = this;
|
|||
|
|
contentEl.empty();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function handleFileMenu(menu, file, source, plugin) {
|
|||
|
|
if (source !== "file-explorer-context-menu") {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!file) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
// Make sure the menu only shows up for folders
|
|||
|
|
if (file instanceof obsidian.TFile) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
menu.addItem((item) => {
|
|||
|
|
item.setTitle(`Count Words`)
|
|||
|
|
.setIcon("info")
|
|||
|
|
.setSection("action")
|
|||
|
|
.onClick(async (_) => {
|
|||
|
|
new FolderStatisticsModal(plugin, file).open();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class BetterWordCount extends obsidian.Plugin {
|
|||
|
|
constructor() {
|
|||
|
|
super(...arguments);
|
|||
|
|
this.api = new BetterWordCountApi(this);
|
|||
|
|
}
|
|||
|
|
async onunload() {
|
|||
|
|
this.statsManager = null;
|
|||
|
|
this.statusBar = null;
|
|||
|
|
}
|
|||
|
|
async onload() {
|
|||
|
|
// Settings Store
|
|||
|
|
// this.register(
|
|||
|
|
// settingsStore.subscribe((value) => {
|
|||
|
|
// this.settings = value;
|
|||
|
|
// })
|
|||
|
|
// );
|
|||
|
|
// Handle Settings
|
|||
|
|
this.settings = Object.assign(DEFAULT_SETTINGS, await this.loadData());
|
|||
|
|
this.addSettingTab(new BetterWordCountSettingsTab(this.app, this));
|
|||
|
|
// Handle Statistics
|
|||
|
|
if (this.settings.collectStats) {
|
|||
|
|
this.statsManager = new StatsManager(this.app.vault, this.app.workspace, this);
|
|||
|
|
}
|
|||
|
|
// Handle Status Bar
|
|||
|
|
let statusBarEl = this.addStatusBarItem();
|
|||
|
|
this.statusBar = new StatusBar(statusBarEl, this);
|
|||
|
|
// Handle the Editor Plugins
|
|||
|
|
this.registerEditorExtension([pluginField.init(() => this), statusBarEditorPlugin, sectionWordCountEditorPlugin]);
|
|||
|
|
this.registerEvent(this.app.workspace.on("active-leaf-change", async (leaf) => {
|
|||
|
|
if (leaf.view.getViewType() !== "markdown") {
|
|||
|
|
this.statusBar.updateAltBar();
|
|||
|
|
}
|
|||
|
|
if (!this.settings.collectStats)
|
|||
|
|
return;
|
|||
|
|
await this.statsManager.recalcTotals();
|
|||
|
|
}));
|
|||
|
|
this.registerEvent(this.app.vault.on("delete", async () => {
|
|||
|
|
if (!this.settings.collectStats)
|
|||
|
|
return;
|
|||
|
|
await this.statsManager.recalcTotals();
|
|||
|
|
}));
|
|||
|
|
// Register a new action for right clicking on folders
|
|||
|
|
this.registerEvent(this.app.workspace.on("file-menu", (menu, file, source) => {
|
|||
|
|
handleFileMenu(menu, file, source, this);
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
async saveSettings() {
|
|||
|
|
await this.saveData(this.settings);
|
|||
|
|
}
|
|||
|
|
onDisplaySectionCountsChange() {
|
|||
|
|
this.app.workspace.getLeavesOfType("markdown").forEach((leaf) => {
|
|||
|
|
if ((leaf === null || leaf === void 0 ? void 0 : leaf.view) instanceof obsidian.MarkdownView) {
|
|||
|
|
const cm = leaf.view.editor.cm;
|
|||
|
|
if (cm.dispatch) {
|
|||
|
|
cm.dispatch({
|
|||
|
|
effects: [settingsChanged.of()],
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
module.exports = BetterWordCount;
|
|||
|
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5qcyIsInNvdXJjZXMiOlsiLi4vbm9kZV9tb2R1bGVzL3N2ZWx0ZS9pbnRlcm5hbC9pbmRleC5tanMiLCIuLi9zcmMvc2V0dGluZ3MvU2V0dGluZ3MudHMiLCIuLi9zcmMvc2V0dGluZ3MvU3RhdHVzQmFyU2V0dGluZ3Muc3ZlbHRlIiwiLi4vc3JjL3NldHRpbmdzL1N0YXR1c0JhclNldHRpbmdzLnRzIiwiLi4vc3JjL3NldHRpbmdzL1NldHRpbmdzVGFiLnRzIiwiLi4vbm9kZV9tb2R1bGVzL21vbWVudC9tb21lbnQuanMiLCIuLi9zcmMvY29uc3RhbnRzLnRzIiwiLi4vc3JjL3V0aWxzL1N0YXRVdGlscy50cyIsIi4uL3NyYy9zdGF0cy9TdGF0c01hbmFnZXIudHMiLCIuLi9zcmMvc3RhdHVzL1N0YXR1c0Jhci50cyIsIi4uL3NyYy9lZGl0b3IvRWRpdG9yUGx1Z2luLnRzIiwiLi4vc3JjL2FwaS9hcGkudHMiLCIuLi9zcmMvdXRpbHMvRmlsZVV0aWxzLnRzIiwiLi4vbm9kZV9tb2R1bGVzL0BrdXJrbGUvY29sb3IvZGlzdC9jb2xvci5lc20uanMiLCIuLi9ub2RlX21vZHVsZXMvY2hhcnQuanMvZGlzdC9jaHVua3MvaGVscGVycy5zZWdtZW50LmpzIiwiLi4vbm9kZV9tb2R1bGVzL2NoYXJ0LmpzL2Rpc3QvY2hhcnQuanMiLCIuLi9zcmMvdmlldy9Gb2xkZXJTdGF0aXN0aWNzLnN2ZWx0ZSIsIi4uL3NyYy92aWV3L0ZvbGRlclN0YXRpc3RpY3NNb2RhbC50cyIsIi4uL3NyYy91dGlscy9GaWxlTWVudS50cyIsIi4uL3NyYy9tYWluLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImZ1bmN0aW9uIG5vb3AoKSB7IH1cbmNvbnN0IGlkZW50aXR5ID0geCA9PiB4O1xuZnVuY3Rpb24gYXNzaWduKHRhciwgc3JjKSB7XG4gICAgLy8gQHRzLWlnbm9yZVxuICAgIGZvciAoY29uc3QgayBpbiBzcmMpXG4gICAgICAgIHRhcltrXSA9IHNyY1trXTtcbiAgICByZXR1cm4gdGFyO1xufVxuLy8gQWRhcHRlZCBmcm9tIGh0dHBzOi8vZ2l0aHViLmNvbS90aGVuL2lzLXByb21pc2UvYmxvYi9tYXN0ZXIvaW5kZXguanNcbi8vIERpc3RyaWJ1dGVkIHVuZGVyIE1JVCBMaWNlbnNlIGh0dHBzOi8vZ2l0aHViLmNvbS90aGVuL2lzLXByb21pc2UvYmxvYi9tYXN0ZXIvTElDRU5TRVxuZnVuY3Rpb24gaXNfcHJvbWlzZSh2YWx1ZSkge1xuICAgIHJldHVybiAhIXZhbHVlICYmICh0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnIHx8IHR5cGVvZiB2YWx1ZSA9PT0gJ2Z1bmN0aW9uJykgJiYgdHlwZW9mIHZhbHVlLnRoZW4gPT09ICdmdW5jdGlvbic7XG59XG5mdW5jdGlvbiBhZGRfbG9jYXRpb24oZWxlbWVudCwgZmlsZSwgbGluZSwgY29sdW1uLCBjaGFyKSB7XG4gICAgZWxlbWVudC5fX3N2ZWx0ZV9tZXRhID0ge1xuICAgICAgICBsb2M6IHsgZmlsZSwgbGluZSwgY29sdW1uLCBjaGFyIH1cbiAgICB9O1xufVxuZnVuY3Rpb24gcnVuKGZuKSB7XG4gICAgcmV0dXJuIGZuKCk7XG59XG5mdW5jdGlvbiBibGFua19vYmplY3QoKSB7XG4gICAgcmV0dXJuIE9iamVjdC5jcmVhdGUobnVsbCk7XG59XG5mdW5jdGlvbiBydW5fYWxsKGZucykge1xuICAgIGZucy5mb3JFYWNoKHJ1bik7XG59XG5mdW5jdGlvbiBpc19mdW5jdGlvbih0aGluZykge1xuICAgIHJldHVybiB0eXBlb2YgdGhpbmcgPT09ICdmdW5jdGlvbic7XG59XG5mdW5jdGlvbiBzYWZlX25vdF9lcXVhbChhLCBiKSB7XG4gICAgcmV0dXJuIGEgIT0gYSA/IGIgPT0gYiA6IGEgIT09IGIgfHwgKChhICYmIHR5cGVvZiBhID09PSAnb2JqZWN0JykgfHwgdHlwZW9mIGEgPT09ICdmdW5jdGlvbicpO1xufVxubGV0IHNyY191cmxfZXF1YWxfYW5jaG9yO1xuZnVuY3Rpb24gc3JjX3VybF9lcXVhbChlbGVtZW50X3NyYywgdXJsKSB7XG4gICAgaWYgKCFzcmNfdXJsX2VxdWFsX2FuY2hvcikge1xuICAgICAgICBzcmNfdXJsX2VxdWFsX2FuY2hvciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKTtcbiAgICB9XG4gICAgc3JjX3VybF9lcXVhbF9hbmNob3IuaHJlZiA9IHVybDtcbiAgICByZXR1cm4gZWxlbWVudF9zcmMgPT09IHNyY191cmxfZXF1YWxfYW5jaG9yLmhyZWY7XG59XG5mdW5jdGlvbiBub3RfZXF1YWwoYSwgYikge1xuICAgIHJldHVybiBhICE9IGEgPyBiID09IGIgOiBhICE9PSBiO1xufVxuZnVuY3Rpb24gaXNfZW1wdHkob2JqKSB7XG4gICAgcmV0dXJuIE9iamVjdC5rZXlzKG9iaikubGVuZ3RoID09PSAwO1xufVxuZnVuY3Rpb24gdmFsaWRhdGVfc3RvcmUoc3RvcmUsIG5hbWUpIHtcbiAgICBpZiAoc3RvcmUgIT0gbnVsbCAmJiB0eXBlb2Ygc3RvcmUuc3Vic2NyaWJlICE9PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcihgJyR7bmFtZX0nIGlzIG5vdCBhIHN0b3JlIHdpdGggYSAnc3Vic2NyaWJlJyBtZXRob2RgKTtcbiAgICB9XG59XG5mdW5jdGlvbiBzdWJzY3JpYmUoc3RvcmUsIC4uLmNhbGxiYWNrcykge1xuICAgIGlmIChzdG9yZSA9PSBudWxsKSB7XG4gICAgICAgIHJldHVybiBub29wO1xuICAgIH1cbiAgICBjb25zdCB1bnN1YiA9IHN0b3JlLnN1YnNjcmliZSguLi5jYWxsYmFja3MpO1xuICAgIHJldHVybiB1bnN1Yi51bnN1YnNjcmliZSA/ICgpID0+IHVuc3ViLnVuc3Vic2NyaWJlKCkgOiB1bnN1Yjtcbn1cbmZ1bmN0aW9uIGdldF9zdG9yZV92YWx1ZShzdG9yZSkge1xuICAgIGxldCB2YWx1ZTtcbiAgICBzdWJzY3JpYmUoc3RvcmUsIF8gPT4gdmFsdWUgPSBfKSgpO1xuICAgIHJldHVybiB2YWx1ZTtcbn1cbmZ1bmN0aW9uIGNvbXBvbmVudF9zdWJzY3JpYmUoY29tcG9uZW50LCBzdG9yZSwgY2FsbGJhY2spIHtcbiAgICBjb21wb25lbnQuJCQub25fZGVzdHJveS5wdXNoKHN1YnNjcmliZShzdG9yZSwgY2FsbGJhY2spKTtcbn1cbmZ1bmN0aW9uIGNyZWF0ZV9zbG90KGRlZmluaXRpb24sIGN0eCwgJCRzY29wZSwgZm4pIHtcbiAgICBpZiAoZGVmaW5pdGlvbikge1xuICAgICAgICBjb25zdCBzbG90X2N0eCA9IGdldF9zbG90X2NvbnRleHQoZGVmaW5pdGlvbiwgY3R4LCAkJHNjb3BlLCBmbik7XG4gICAgICAgIHJldHVybiBkZWZpbml0aW9uWzBdKHNsb3RfY3R4KTtcbiAgICB9XG59XG5mdW5jdGlvbiBnZXRfc2xvdF9
|