vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+20
@@ -0,0 +1,20 @@
|
||||
import Themeable from '../mixins/themeable';
|
||||
import mixins from './mixins';
|
||||
/* @vue/component */
|
||||
export default mixins(Themeable).extend({
|
||||
name: 'theme-provider',
|
||||
props: {
|
||||
root: Boolean
|
||||
},
|
||||
computed: {
|
||||
isDark: function isDark() {
|
||||
return this.root ? this.rootIsDark : Themeable.options.computed.isDark.call(this);
|
||||
}
|
||||
},
|
||||
render: function render() {
|
||||
return this.$slots.default && this.$slots.default.find(function (node) {
|
||||
return !node.isComment && node.text !== ' ';
|
||||
});
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=ThemeProvider.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/ThemeProvider.ts"],"names":[],"mappings":"AACA,OAAO,SAAP,MAAsB,qBAAtB;AACA,OAAO,MAAP,MAAmB,UAAnB;AAEA;AACA,eAAe,OAAO,SAAP,EAAkB,MAAlB,CAAyB;AACtC,UAAM,gBADgC;AAGtC,WAAO;AACL,cAAM;AADD,KAH+B;AAOtC,cAAU;AACR,cADQ,oBACF;AACJ,mBAAO,KAAK,IAAL,GAAY,KAAK,UAAjB,GAA8B,UAAU,OAAV,CAAkB,QAAlB,CAA2B,MAA3B,CAAkC,IAAlC,CAAuC,IAAvC,CAArC;AACD;AAHO,KAP4B;AAatC,UAbsC,oBAahC;AACJ,eAAO,KAAK,MAAL,CAAY,OAAZ,IAAwB,KAAK,MAAL,CAAY,OAAZ,CAAqB,IAArB,CAA0B;AAAA,mBAAQ,CAAC,KAAK,SAAN,IAAmB,KAAK,IAAL,KAAc,GAAzC;AAAA,SAA1B,CAA/B;AACD;AAfqC,CAAzB,CAAf","sourcesContent":["import { VNode } from 'vue'\nimport Themeable from '../mixins/themeable'\nimport mixins from './mixins'\n\n/* @vue/component */\nexport default mixins(Themeable).extend({\n name: 'theme-provider',\n\n props: {\n root: Boolean\n },\n\n computed: {\n isDark (): boolean {\n return this.root ? this.rootIsDark : Themeable.options.computed.isDark.call(this)\n }\n },\n\n render (): VNode {\n return this.$slots.default! && this.$slots.default!.find(node => !node.isComment && node.text !== ' ')!\n }\n})\n"],"sourceRoot":""}
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
var delta = 0.20689655172413793; // 6÷29
|
||||
var cielabForwardTransform = function cielabForwardTransform(t) {
|
||||
return t > Math.pow(delta, 3) ? Math.cbrt(t) : t / (3 * Math.pow(delta, 2)) + 4 / 29;
|
||||
};
|
||||
var cielabReverseTransform = function cielabReverseTransform(t) {
|
||||
return t > delta ? Math.pow(t, 3) : 3 * Math.pow(delta, 2) * (t - 4 / 29);
|
||||
};
|
||||
export function fromXYZ(xyz) {
|
||||
var transform = cielabForwardTransform;
|
||||
var transformedY = transform(xyz[1]);
|
||||
return [116 * transformedY - 16, 500 * (transform(xyz[0] / 0.95047) - transformedY), 200 * (transformedY - transform(xyz[2] / 1.08883))];
|
||||
}
|
||||
export function toXYZ(lab) {
|
||||
var transform = cielabReverseTransform;
|
||||
var Ln = (lab[0] + 16) / 116;
|
||||
return [transform(Ln + lab[1] / 500) * 0.95047, transform(Ln), transform(Ln - lab[2] / 200) * 1.08883];
|
||||
}
|
||||
//# sourceMappingURL=transformCIELAB.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/util/color/transformCIELAB.ts"],"names":[],"mappings":"AAEA,IAAM,QAAQ,mBAAd,C,CAAkC;AAElC,IAAM,yBAAyB,SAAzB,sBAAyB,CAAC,CAAD;AAAA,WAC7B,aAAI,KAAJ,EAAa,CAAb,IACI,KAAK,IAAL,CAAU,CAAV,CADJ,GAEK,KAAK,aAAI,KAAJ,EAAa,CAAb,CAAL,CAAD,GAAyB,IAAI,EAHJ;AAAA,CAA/B;AAMA,IAAM,yBAAyB,SAAzB,sBAAyB,CAAC,CAAD;AAAA,WAC7B,IAAI,KAAJ,YACI,CADJ,EACS,CADT,IAEK,aAAI,KAAJ,EAAa,CAAb,CAAD,IAAoB,IAAI,IAAI,EAA5B,CAHyB;AAAA,CAA/B;AAMA,OAAM,SAAU,OAAV,CAAmB,GAAnB,EAA2B;AAC/B,QAAM,YAAY,sBAAlB;AACA,QAAM,eAAe,UAAU,IAAI,CAAJ,CAAV,CAArB;AAEA,WAAO,CACL,MAAM,YAAN,GAAqB,EADhB,EAEL,OAAO,UAAU,IAAI,CAAJ,IAAS,OAAnB,IAA8B,YAArC,CAFK,EAGL,OAAO,eAAe,UAAU,IAAI,CAAJ,IAAS,OAAnB,CAAtB,CAHK,CAAP;AAKD;AAED,OAAM,SAAU,KAAV,CAAiB,GAAjB,EAAyB;AAC7B,QAAM,YAAY,sBAAlB;AACA,QAAM,KAAK,CAAC,IAAI,CAAJ,IAAS,EAAV,IAAgB,GAA3B;AACA,WAAO,CACL,UAAU,KAAK,IAAI,CAAJ,IAAS,GAAxB,IAA+B,OAD1B,EAEL,UAAU,EAAV,CAFK,EAGL,UAAU,KAAK,IAAI,CAAJ,IAAS,GAAxB,IAA+B,OAH1B,CAAP;AAKD","sourcesContent":["import { XYZ, LAB } from '../colorUtils'\n\nconst delta = 0.20689655172413793 // 6÷29\n\nconst cielabForwardTransform = (t: number): number => (\n t > delta ** 3\n ? Math.cbrt(t)\n : (t / (3 * delta ** 2)) + 4 / 29\n)\n\nconst cielabReverseTransform = (t: number): number => (\n t > delta\n ? t ** 3\n : (3 * delta ** 2) * (t - 4 / 29)\n)\n\nexport function fromXYZ (xyz: XYZ): LAB {\n const transform = cielabForwardTransform\n const transformedY = transform(xyz[1])\n\n return [\n 116 * transformedY - 16,\n 500 * (transform(xyz[0] / 0.95047) - transformedY),\n 200 * (transformedY - transform(xyz[2] / 1.08883))\n ]\n}\n\nexport function toXYZ (lab: LAB): XYZ {\n const transform = cielabReverseTransform\n const Ln = (lab[0] + 16) / 116\n return [\n transform(Ln + lab[1] / 500) * 0.95047,\n transform(Ln),\n transform(Ln - lab[2] / 200) * 1.08883\n ]\n}\n"],"sourceRoot":""}
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
// For converting XYZ to sRGB
|
||||
var srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]];
|
||||
// Forward gamma adjust
|
||||
var srgbForwardTransform = function srgbForwardTransform(C) {
|
||||
return C <= 0.0031308 ? C * 12.92 : 1.055 * Math.pow(C, 1 / 2.4) - 0.055;
|
||||
};
|
||||
// For converting sRGB to XYZ
|
||||
var srgbReverseMatrix = [[0.4124, 0.3576, 0.1805], [0.2126, 0.7152, 0.0722], [0.0193, 0.1192, 0.9505]];
|
||||
// Reverse gamma adjust
|
||||
var srgbReverseTransform = function srgbReverseTransform(C) {
|
||||
return C <= 0.04045 ? C / 12.92 : Math.pow((C + 0.055) / 1.055, 2.4);
|
||||
};
|
||||
function clamp(value) {
|
||||
return Math.max(0, Math.min(1, value));
|
||||
}
|
||||
export function fromXYZ(xyz) {
|
||||
var rgb = Array(3);
|
||||
var transform = srgbForwardTransform;
|
||||
var matrix = srgbForwardMatrix;
|
||||
// Matrix transform, then gamma adjustment
|
||||
for (var i = 0; i < 3; ++i) {
|
||||
rgb[i] = Math.round(clamp(transform(matrix[i][0] * xyz[0] + matrix[i][1] * xyz[1] + matrix[i][2] * xyz[2])) * 255);
|
||||
}
|
||||
// Rescale back to [0, 255]
|
||||
return (rgb[0] << 16) + (rgb[1] << 8) + (rgb[2] << 0);
|
||||
}
|
||||
export function toXYZ(rgb) {
|
||||
var xyz = [0, 0, 0];
|
||||
var transform = srgbReverseTransform;
|
||||
var matrix = srgbReverseMatrix;
|
||||
// Rescale from [0, 255] to [0, 1] then adjust sRGB gamma to linear RGB
|
||||
var r = transform((rgb >> 16 & 0xff) / 255);
|
||||
var g = transform((rgb >> 8 & 0xff) / 255);
|
||||
var b = transform((rgb >> 0 & 0xff) / 255);
|
||||
// Matrix color space transform
|
||||
for (var i = 0; i < 3; ++i) {
|
||||
xyz[i] = matrix[i][0] * r + matrix[i][1] * g + matrix[i][2] * b;
|
||||
}
|
||||
return xyz;
|
||||
}
|
||||
//# sourceMappingURL=transformSRGB.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/util/color/transformSRGB.ts"],"names":[],"mappings":";AAGA,IAAM,oBAAoB,CACxB,CAAC,MAAD,EAAS,CAAC,MAAV,EAAkB,CAAC,MAAnB,CADwB,EAExB,CAAC,CAAC,MAAF,EAAU,MAAV,EAAkB,MAAlB,CAFwB,EAGxB,CAAC,MAAD,EAAS,CAAC,MAAV,EAAkB,MAAlB,CAHwB,CAA1B;AAMA;AACA,IAAM,uBAAuB,SAAvB,oBAAuB,CAAC,CAAD;AAAA,WAC3B,KAAK,SAAL,GACI,IAAI,KADR,GAEI,iBAAQ,CAAR,EAAc,IAAI,GAAlB,IAAyB,KAHF;AAAA,CAA7B;AAMA;AACA,IAAM,oBAAoB,CACxB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CADwB,EAExB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAFwB,EAGxB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAHwB,CAA1B;AAMA;AACA,IAAM,uBAAuB,SAAvB,oBAAuB,CAAC,CAAD;AAAA,WAC3B,KAAK,OAAL,GACI,IAAI,KADR,YAEK,CAAC,IAAI,KAAL,IAAc,KAFnB,EAE6B,GAF7B,CAD2B;AAAA,CAA7B;AAMA,SAAS,KAAT,CAAgB,KAAhB,EAA6B;AAC3B,WAAO,KAAK,GAAL,CAAS,CAAT,EAAY,KAAK,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAZ,CAAP;AACD;AAED,OAAM,SAAU,OAAV,CAAmB,GAAnB,EAA2B;AAC/B,QAAM,MAAM,MAAM,CAAN,CAAZ;AACA,QAAM,YAAY,oBAAlB;AACA,QAAM,SAAS,iBAAf;AAEA;AACA,SAAK,IAAI,IAAI,CAAb,EAAgB,IAAI,CAApB,EAAuB,EAAE,CAAzB,EAA4B;AAC1B,YAAI,CAAJ,IAAS,KAAK,KAAL,CAAW,MAAM,UACxB,OAAO,CAAP,EAAU,CAAV,IAAe,IAAI,CAAJ,CAAf,GACA,OAAO,CAAP,EAAU,CAAV,IAAe,IAAI,CAAJ,CADf,GAEA,OAAO,CAAP,EAAU,CAAV,IAAe,IAAI,CAAJ,CAHS,CAAN,IAIf,GAJI,CAAT;AAKD;AAED;AACA,WAAO,CAAC,IAAI,CAAJ,KAAU,EAAX,KAAkB,IAAI,CAAJ,KAAU,CAA5B,KAAkC,IAAI,CAAJ,KAAU,CAA5C,CAAP;AACD;AAED,OAAM,SAAU,KAAV,CAAiB,GAAjB,EAAyB;AAC7B,QAAM,MAAW,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAjB;AACA,QAAM,YAAY,oBAAlB;AACA,QAAM,SAAS,iBAAf;AAEA;AACA,QAAM,IAAI,UAAU,CAAC,OAAO,EAAP,GAAY,IAAb,IAAqB,GAA/B,CAAV;AACA,QAAM,IAAI,UAAU,CAAC,OAAO,CAAP,GAAW,IAAZ,IAAoB,GAA9B,CAAV;AACA,QAAM,IAAI,UAAU,CAAC,OAAO,CAAP,GAAW,IAAZ,IAAoB,GAA9B,CAAV;AAEA;AACA,SAAK,IAAI,IAAI,CAAb,EAAgB,IAAI,CAApB,EAAuB,EAAE,CAAzB,EAA4B;AAC1B,YAAI,CAAJ,IAAS,OAAO,CAAP,EAAU,CAAV,IAAe,CAAf,GAAmB,OAAO,CAAP,EAAU,CAAV,IAAe,CAAlC,GAAsC,OAAO,CAAP,EAAU,CAAV,IAAe,CAA9D;AACD;AAED,WAAO,GAAP;AACD","sourcesContent":["import { RGB, XYZ } from '../colorUtils'\n\n// For converting XYZ to sRGB\nconst srgbForwardMatrix = [\n [3.2406, -1.5372, -0.4986],\n [-0.9689, 1.8758, 0.0415],\n [0.0557, -0.2040, 1.0570]\n]\n\n// Forward gamma adjust\nconst srgbForwardTransform = (C: number): number => (\n C <= 0.0031308\n ? C * 12.92\n : 1.055 * C ** (1 / 2.4) - 0.055\n)\n\n// For converting sRGB to XYZ\nconst srgbReverseMatrix = [\n [0.4124, 0.3576, 0.1805],\n [0.2126, 0.7152, 0.0722],\n [0.0193, 0.1192, 0.9505]\n]\n\n// Reverse gamma adjust\nconst srgbReverseTransform = (C: number): number => (\n C <= 0.04045\n ? C / 12.92\n : ((C + 0.055) / 1.055) ** 2.4\n)\n\nfunction clamp (value: number): number {\n return Math.max(0, Math.min(1, value))\n}\n\nexport function fromXYZ (xyz: XYZ): RGB {\n const rgb = Array(3)\n const transform = srgbForwardTransform\n const matrix = srgbForwardMatrix\n\n // Matrix transform, then gamma adjustment\n for (let i = 0; i < 3; ++i) {\n rgb[i] = Math.round(clamp(transform(\n matrix[i][0] * xyz[0] +\n matrix[i][1] * xyz[1] +\n matrix[i][2] * xyz[2]\n )) * 255)\n }\n\n // Rescale back to [0, 255]\n return (rgb[0] << 16) + (rgb[1] << 8) + (rgb[2] << 0)\n}\n\nexport function toXYZ (rgb: RGB): XYZ {\n const xyz: XYZ = [0, 0, 0]\n const transform = srgbReverseTransform\n const matrix = srgbReverseMatrix\n\n // Rescale from [0, 255] to [0, 1] then adjust sRGB gamma to linear RGB\n const r = transform((rgb >> 16 & 0xff) / 255)\n const g = transform((rgb >> 8 & 0xff) / 255)\n const b = transform((rgb >> 0 & 0xff) / 255)\n\n // Matrix color space transform\n for (let i = 0; i < 3; ++i) {\n xyz[i] = matrix[i][0] * r + matrix[i][1] * g + matrix[i][2] * b\n }\n\n return xyz\n}\n"],"sourceRoot":""}
|
||||
+37
@@ -0,0 +1,37 @@
|
||||
import { consoleWarn } from './console';
|
||||
export function colorToInt(color) {
|
||||
var rgb = void 0;
|
||||
if (typeof color === 'number') {
|
||||
rgb = color;
|
||||
} else if (typeof color === 'string') {
|
||||
var c = color[0] === '#' ? color.substring(1) : color;
|
||||
if (c.length === 3) {
|
||||
c = c.split('').map(function (char) {
|
||||
return char + char;
|
||||
}).join('');
|
||||
}
|
||||
if (c.length !== 6) {
|
||||
consoleWarn('\'' + color + '\' is not a valid rgb color');
|
||||
}
|
||||
rgb = parseInt(c, 16);
|
||||
} else {
|
||||
throw new TypeError('Colors can only be numbers or strings, recieved ' + (color == null ? color : color.constructor.name) + ' instead');
|
||||
}
|
||||
if (rgb < 0) {
|
||||
consoleWarn('Colors cannot be negative: \'' + color + '\'');
|
||||
rgb = 0;
|
||||
} else if (rgb > 0xffffff || isNaN(rgb)) {
|
||||
consoleWarn('\'' + color + '\' is not a valid rgb color');
|
||||
rgb = 0xffffff;
|
||||
}
|
||||
return rgb;
|
||||
}
|
||||
export function intToHex(color) {
|
||||
var hexColor = color.toString(16);
|
||||
if (hexColor.length < 6) hexColor = '0'.repeat(6 - hexColor.length) + hexColor;
|
||||
return '#' + hexColor;
|
||||
}
|
||||
export function colorToHex(color) {
|
||||
return intToHex(colorToInt(color));
|
||||
}
|
||||
//# sourceMappingURL=colorUtils.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/colorUtils.ts"],"names":[],"mappings":"AAAA,SAAS,WAAT,QAA4B,WAA5B;AAMA,OAAM,SAAU,UAAV,CAAsB,KAAtB,EAAiD;AACrD,QAAI,YAAJ;AAEA,QAAI,OAAO,KAAP,KAAiB,QAArB,EAA+B;AAC7B,cAAM,KAAN;AACD,KAFD,MAEO,IAAI,OAAO,KAAP,KAAiB,QAArB,EAA+B;AACpC,YAAI,IAAI,MAAM,CAAN,MAAa,GAAb,GAAmB,MAAM,SAAN,CAAgB,CAAhB,CAAnB,GAAwC,KAAhD;AACA,YAAI,EAAE,MAAF,KAAa,CAAjB,EAAoB;AAClB,gBAAI,EAAE,KAAF,CAAQ,EAAR,EAAY,GAAZ,CAAgB;AAAA,uBAAQ,OAAO,IAAf;AAAA,aAAhB,EAAqC,IAArC,CAA0C,EAA1C,CAAJ;AACD;AACD,YAAI,EAAE,MAAF,KAAa,CAAjB,EAAoB;AAClB,+BAAgB,KAAhB;AACD;AACD,cAAM,SAAS,CAAT,EAAY,EAAZ,CAAN;AACD,KATM,MASA;AACL,cAAM,IAAI,SAAJ,uDAAiE,SAAS,IAAT,GAAgB,KAAhB,GAAwB,MAAM,WAAN,CAAkB,IAA3G,eAAN;AACD;AAED,QAAI,MAAM,CAAV,EAAa;AACX,sDAA2C,KAA3C;AACA,cAAM,CAAN;AACD,KAHD,MAGO,IAAI,MAAM,QAAN,IAAkB,MAAM,GAAN,CAAtB,EAAkC;AACvC,2BAAgB,KAAhB;AACA,cAAM,QAAN;AACD;AAED,WAAO,GAAP;AACD;AAED,OAAM,SAAU,QAAV,CAAoB,KAApB,EAA8B;AAClC,QAAI,WAAmB,MAAM,QAAN,CAAe,EAAf,CAAvB;AAEA,QAAI,SAAS,MAAT,GAAkB,CAAtB,EAAyB,WAAW,IAAI,MAAJ,CAAW,IAAI,SAAS,MAAxB,IAAkC,QAA7C;AAEzB,WAAO,MAAM,QAAb;AACD;AAED,OAAM,SAAU,UAAV,CAAsB,KAAtB,EAAiD;AACrD,WAAO,SAAS,WAAW,KAAX,CAAT,CAAP;AACD","sourcesContent":["import { consoleWarn } from './console'\n\nexport type RGB = number\nexport type XYZ = [number, number, number]\nexport type LAB = [number, number, number]\n\nexport function colorToInt (color: string | number | {}): RGB {\n let rgb\n\n if (typeof color === 'number') {\n rgb = color\n } else if (typeof color === 'string') {\n let c = color[0] === '#' ? color.substring(1) : color\n if (c.length === 3) {\n c = c.split('').map(char => char + char).join('')\n }\n if (c.length !== 6) {\n consoleWarn(`'${color}' is not a valid rgb color`)\n }\n rgb = parseInt(c, 16)\n } else {\n throw new TypeError(`Colors can only be numbers or strings, recieved ${color == null ? color : color.constructor.name} instead`)\n }\n\n if (rgb < 0) {\n consoleWarn(`Colors cannot be negative: '${color}'`)\n rgb = 0\n } else if (rgb > 0xffffff || isNaN(rgb)) {\n consoleWarn(`'${color}' is not a valid rgb color`)\n rgb = 0xffffff\n }\n\n return rgb\n}\n\nexport function intToHex (color: RGB): string {\n let hexColor: string = color.toString(16)\n\n if (hexColor.length < 6) hexColor = '0'.repeat(6 - hexColor.length) + hexColor\n\n return '#' + hexColor\n}\n\nexport function colorToHex (color: string | number | {}): string {\n return intToHex(colorToInt(color))\n}\n"],"sourceRoot":""}
|
||||
+320
@@ -0,0 +1,320 @@
|
||||
var red = Object.freeze({
|
||||
base: '#f44336',
|
||||
lighten5: '#ffebee',
|
||||
lighten4: '#ffcdd2',
|
||||
lighten3: '#ef9a9a',
|
||||
lighten2: '#e57373',
|
||||
lighten1: '#ef5350',
|
||||
darken1: '#e53935',
|
||||
darken2: '#d32f2f',
|
||||
darken3: '#c62828',
|
||||
darken4: '#b71c1c',
|
||||
accent1: '#ff8a80',
|
||||
accent2: '#ff5252',
|
||||
accent3: '#ff1744',
|
||||
accent4: '#d50000'
|
||||
});
|
||||
var pink = Object.freeze({
|
||||
base: '#e91e63',
|
||||
lighten5: '#fce4ec',
|
||||
lighten4: '#f8bbd0',
|
||||
lighten3: '#f48fb1',
|
||||
lighten2: '#f06292',
|
||||
lighten1: '#ec407a',
|
||||
darken1: '#d81b60',
|
||||
darken2: '#c2185b',
|
||||
darken3: '#ad1457',
|
||||
darken4: '#880e4f',
|
||||
accent1: '#ff80ab',
|
||||
accent2: '#ff4081',
|
||||
accent3: '#f50057',
|
||||
accent4: '#c51162'
|
||||
});
|
||||
var purple = Object.freeze({
|
||||
base: '#9c27b0',
|
||||
lighten5: '#f3e5f5',
|
||||
lighten4: '#e1bee7',
|
||||
lighten3: '#ce93d8',
|
||||
lighten2: '#ba68c8',
|
||||
lighten1: '#ab47bc',
|
||||
darken1: '#8e24aa',
|
||||
darken2: '#7b1fa2',
|
||||
darken3: '#6a1b9a',
|
||||
darken4: '#4a148c',
|
||||
accent1: '#ea80fc',
|
||||
accent2: '#e040fb',
|
||||
accent3: '#d500f9',
|
||||
accent4: '#aa00ff'
|
||||
});
|
||||
var deepPurple = Object.freeze({
|
||||
base: '#673ab7',
|
||||
lighten5: '#ede7f6',
|
||||
lighten4: '#d1c4e9',
|
||||
lighten3: '#b39ddb',
|
||||
lighten2: '#9575cd',
|
||||
lighten1: '#7e57c2',
|
||||
darken1: '#5e35b1',
|
||||
darken2: '#512da8',
|
||||
darken3: '#4527a0',
|
||||
darken4: '#311b92',
|
||||
accent1: '#b388ff',
|
||||
accent2: '#7c4dff',
|
||||
accent3: '#651fff',
|
||||
accent4: '#6200ea'
|
||||
});
|
||||
var indigo = Object.freeze({
|
||||
base: '#3f51b5',
|
||||
lighten5: '#e8eaf6',
|
||||
lighten4: '#c5cae9',
|
||||
lighten3: '#9fa8da',
|
||||
lighten2: '#7986cb',
|
||||
lighten1: '#5c6bc0',
|
||||
darken1: '#3949ab',
|
||||
darken2: '#303f9f',
|
||||
darken3: '#283593',
|
||||
darken4: '#1a237e',
|
||||
accent1: '#8c9eff',
|
||||
accent2: '#536dfe',
|
||||
accent3: '#3d5afe',
|
||||
accent4: '#304ffe'
|
||||
});
|
||||
var blue = Object.freeze({
|
||||
base: '#2196f3',
|
||||
lighten5: '#e3f2fd',
|
||||
lighten4: '#bbdefb',
|
||||
lighten3: '#90caf9',
|
||||
lighten2: '#64b5f6',
|
||||
lighten1: '#42a5f5',
|
||||
darken1: '#1e88e5',
|
||||
darken2: '#1976d2',
|
||||
darken3: '#1565c0',
|
||||
darken4: '#0d47a1',
|
||||
accent1: '#82b1ff',
|
||||
accent2: '#448aff',
|
||||
accent3: '#2979ff',
|
||||
accent4: '#2962ff'
|
||||
});
|
||||
var lightBlue = Object.freeze({
|
||||
base: '#03a9f4',
|
||||
lighten5: '#e1f5fe',
|
||||
lighten4: '#b3e5fc',
|
||||
lighten3: '#81d4fa',
|
||||
lighten2: '#4fc3f7',
|
||||
lighten1: '#29b6f6',
|
||||
darken1: '#039be5',
|
||||
darken2: '#0288d1',
|
||||
darken3: '#0277bd',
|
||||
darken4: '#01579b',
|
||||
accent1: '#80d8ff',
|
||||
accent2: '#40c4ff',
|
||||
accent3: '#00b0ff',
|
||||
accent4: '#0091ea'
|
||||
});
|
||||
var cyan = Object.freeze({
|
||||
base: '#00bcd4',
|
||||
lighten5: '#e0f7fa',
|
||||
lighten4: '#b2ebf2',
|
||||
lighten3: '#80deea',
|
||||
lighten2: '#4dd0e1',
|
||||
lighten1: '#26c6da',
|
||||
darken1: '#00acc1',
|
||||
darken2: '#0097a7',
|
||||
darken3: '#00838f',
|
||||
darken4: '#006064',
|
||||
accent1: '#84ffff',
|
||||
accent2: '#18ffff',
|
||||
accent3: '#00e5ff',
|
||||
accent4: '#00b8d4'
|
||||
});
|
||||
var teal = Object.freeze({
|
||||
base: '#009688',
|
||||
lighten5: '#e0f2f1',
|
||||
lighten4: '#b2dfdb',
|
||||
lighten3: '#80cbc4',
|
||||
lighten2: '#4db6ac',
|
||||
lighten1: '#26a69a',
|
||||
darken1: '#00897b',
|
||||
darken2: '#00796b',
|
||||
darken3: '#00695c',
|
||||
darken4: '#004d40',
|
||||
accent1: '#a7ffeb',
|
||||
accent2: '#64ffda',
|
||||
accent3: '#1de9b6',
|
||||
accent4: '#00bfa5'
|
||||
});
|
||||
var green = Object.freeze({
|
||||
base: '#4caf50',
|
||||
lighten5: '#e8f5e9',
|
||||
lighten4: '#c8e6c9',
|
||||
lighten3: '#a5d6a7',
|
||||
lighten2: '#81c784',
|
||||
lighten1: '#66bb6a',
|
||||
darken1: '#43a047',
|
||||
darken2: '#388e3c',
|
||||
darken3: '#2e7d32',
|
||||
darken4: '#1b5e20',
|
||||
accent1: '#b9f6ca',
|
||||
accent2: '#69f0ae',
|
||||
accent3: '#00e676',
|
||||
accent4: '#00c853'
|
||||
});
|
||||
var lightGreen = Object.freeze({
|
||||
base: '#8bc34a',
|
||||
lighten5: '#f1f8e9',
|
||||
lighten4: '#dcedc8',
|
||||
lighten3: '#c5e1a5',
|
||||
lighten2: '#aed581',
|
||||
lighten1: '#9ccc65',
|
||||
darken1: '#7cb342',
|
||||
darken2: '#689f38',
|
||||
darken3: '#558b2f',
|
||||
darken4: '#33691e',
|
||||
accent1: '#ccff90',
|
||||
accent2: '#b2ff59',
|
||||
accent3: '#76ff03',
|
||||
accent4: '#64dd17'
|
||||
});
|
||||
var lime = Object.freeze({
|
||||
base: '#cddc39',
|
||||
lighten5: '#f9fbe7',
|
||||
lighten4: '#f0f4c3',
|
||||
lighten3: '#e6ee9c',
|
||||
lighten2: '#dce775',
|
||||
lighten1: '#d4e157',
|
||||
darken1: '#c0ca33',
|
||||
darken2: '#afb42b',
|
||||
darken3: '#9e9d24',
|
||||
darken4: '#827717',
|
||||
accent1: '#f4ff81',
|
||||
accent2: '#eeff41',
|
||||
accent3: '#c6ff00',
|
||||
accent4: '#aeea00'
|
||||
});
|
||||
var yellow = Object.freeze({
|
||||
base: '#ffeb3b',
|
||||
lighten5: '#fffde7',
|
||||
lighten4: '#fff9c4',
|
||||
lighten3: '#fff59d',
|
||||
lighten2: '#fff176',
|
||||
lighten1: '#ffee58',
|
||||
darken1: '#fdd835',
|
||||
darken2: '#fbc02d',
|
||||
darken3: '#f9a825',
|
||||
darken4: '#f57f17',
|
||||
accent1: '#ffff8d',
|
||||
accent2: '#ffff00',
|
||||
accent3: '#ffea00',
|
||||
accent4: '#ffd600'
|
||||
});
|
||||
var amber = Object.freeze({
|
||||
base: '#ffc107',
|
||||
lighten5: '#fff8e1',
|
||||
lighten4: '#ffecb3',
|
||||
lighten3: '#ffe082',
|
||||
lighten2: '#ffd54f',
|
||||
lighten1: '#ffca28',
|
||||
darken1: '#ffb300',
|
||||
darken2: '#ffa000',
|
||||
darken3: '#ff8f00',
|
||||
darken4: '#ff6f00',
|
||||
accent1: '#ffe57f',
|
||||
accent2: '#ffd740',
|
||||
accent3: '#ffc400',
|
||||
accent4: '#ffab00'
|
||||
});
|
||||
var orange = Object.freeze({
|
||||
base: '#ff9800',
|
||||
lighten5: '#fff3e0',
|
||||
lighten4: '#ffe0b2',
|
||||
lighten3: '#ffcc80',
|
||||
lighten2: '#ffb74d',
|
||||
lighten1: '#ffa726',
|
||||
darken1: '#fb8c00',
|
||||
darken2: '#f57c00',
|
||||
darken3: '#ef6c00',
|
||||
darken4: '#e65100',
|
||||
accent1: '#ffd180',
|
||||
accent2: '#ffab40',
|
||||
accent3: '#ff9100',
|
||||
accent4: '#ff6d00'
|
||||
});
|
||||
var deepOrange = Object.freeze({
|
||||
base: '#ff5722',
|
||||
lighten5: '#fbe9e7',
|
||||
lighten4: '#ffccbc',
|
||||
lighten3: '#ffab91',
|
||||
lighten2: '#ff8a65',
|
||||
lighten1: '#ff7043',
|
||||
darken1: '#f4511e',
|
||||
darken2: '#e64a19',
|
||||
darken3: '#d84315',
|
||||
darken4: '#bf360c',
|
||||
accent1: '#ff9e80',
|
||||
accent2: '#ff6e40',
|
||||
accent3: '#ff3d00',
|
||||
accent4: '#dd2c00'
|
||||
});
|
||||
var brown = Object.freeze({
|
||||
base: '#795548',
|
||||
lighten5: '#efebe9',
|
||||
lighten4: '#d7ccc8',
|
||||
lighten3: '#bcaaa4',
|
||||
lighten2: '#a1887f',
|
||||
lighten1: '#8d6e63',
|
||||
darken1: '#6d4c41',
|
||||
darken2: '#5d4037',
|
||||
darken3: '#4e342e',
|
||||
darken4: '#3e2723'
|
||||
});
|
||||
var blueGrey = Object.freeze({
|
||||
base: '#607d8b',
|
||||
lighten5: '#eceff1',
|
||||
lighten4: '#cfd8dc',
|
||||
lighten3: '#b0bec5',
|
||||
lighten2: '#90a4ae',
|
||||
lighten1: '#78909c',
|
||||
darken1: '#546e7a',
|
||||
darken2: '#455a64',
|
||||
darken3: '#37474f',
|
||||
darken4: '#263238'
|
||||
});
|
||||
var grey = Object.freeze({
|
||||
base: '#9e9e9e',
|
||||
lighten5: '#fafafa',
|
||||
lighten4: '#f5f5f5',
|
||||
lighten3: '#eeeeee',
|
||||
lighten2: '#e0e0e0',
|
||||
lighten1: '#bdbdbd',
|
||||
darken1: '#757575',
|
||||
darken2: '#616161',
|
||||
darken3: '#424242',
|
||||
darken4: '#212121'
|
||||
});
|
||||
var shades = Object.freeze({
|
||||
black: '#000000',
|
||||
white: '#ffffff',
|
||||
transparent: 'transparent'
|
||||
});
|
||||
export default Object.freeze({
|
||||
red: red,
|
||||
pink: pink,
|
||||
purple: purple,
|
||||
deepPurple: deepPurple,
|
||||
indigo: indigo,
|
||||
blue: blue,
|
||||
lightBlue: lightBlue,
|
||||
cyan: cyan,
|
||||
teal: teal,
|
||||
green: green,
|
||||
lightGreen: lightGreen,
|
||||
lime: lime,
|
||||
yellow: yellow,
|
||||
amber: amber,
|
||||
orange: orange,
|
||||
deepOrange: deepOrange,
|
||||
brown: brown,
|
||||
blueGrey: blueGrey,
|
||||
grey: grey,
|
||||
shades: shades
|
||||
});
|
||||
//# sourceMappingURL=colors.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
+4
@@ -0,0 +1,4 @@
|
||||
export default function component(options) {
|
||||
return options;
|
||||
}
|
||||
//# sourceMappingURL=component.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/component.ts"],"names":[],"mappings":"eAkBc,SAAU,SAAV,CAAwB,OAAxB,EAAkC;AAC9C,WAAO,OAAP;AACD","sourcesContent":["/* eslint-disable max-len, import/export */\nimport {\n ComponentOptions,\n RecordPropsDefinition,\n ThisTypedComponentOptionsWithArrayProps,\n ThisTypedComponentOptionsWithRecordProps\n} from 'vue/types/options'\nimport { Vue } from 'vue/types/vue'\nimport { FunctionalComponentOptions } from 'vue'\n\ntype V = Vue\n\n// Maybe don't actually use this, it doesn't work very well\nexport default function component<Data, Methods, Computed, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>\nexport default function component<Data, Methods, Computed, Props> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>\nexport default function component<PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>\nexport default function component<Props> (definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>\nexport default function component (options?: ComponentOptions<V>): ComponentOptions<V>\nexport default function component<T> (options: T): T {\n return options\n}\n"],"sourceRoot":""}
|
||||
+80
@@ -0,0 +1,80 @@
|
||||
function createMessage(message, vm, parent) {
|
||||
if (parent) {
|
||||
vm = {
|
||||
_isVue: true,
|
||||
$parent: parent,
|
||||
$options: vm
|
||||
};
|
||||
}
|
||||
if (vm) {
|
||||
// Only show each message once per instance
|
||||
vm.$_alreadyWarned = vm.$_alreadyWarned || [];
|
||||
if (vm.$_alreadyWarned.includes(message)) return;
|
||||
vm.$_alreadyWarned.push(message);
|
||||
}
|
||||
return '[Vuetify] ' + message + (vm ? generateComponentTrace(vm) : '');
|
||||
}
|
||||
export function consoleInfo(message, vm, parent) {
|
||||
var newMessage = createMessage(message, vm, parent);
|
||||
newMessage != null && console.info(newMessage);
|
||||
}
|
||||
export function consoleWarn(message, vm, parent) {
|
||||
var newMessage = createMessage(message, vm, parent);
|
||||
newMessage != null && console.warn(newMessage);
|
||||
}
|
||||
export function consoleError(message, vm, parent) {
|
||||
var newMessage = createMessage(message, vm, parent);
|
||||
newMessage != null && console.error(newMessage);
|
||||
}
|
||||
export function deprecate(original, replacement, vm, parent) {
|
||||
consoleWarn('\'' + original + '\' is deprecated, use \'' + replacement + '\' instead', vm, parent);
|
||||
}
|
||||
/**
|
||||
* Shamelessly stolen from vuejs/vue/blob/dev/src/core/util/debug.js
|
||||
*/
|
||||
var classifyRE = /(?:^|[-_])(\w)/g;
|
||||
var classify = function classify(str) {
|
||||
return str.replace(classifyRE, function (c) {
|
||||
return c.toUpperCase();
|
||||
}).replace(/[-_]/g, '');
|
||||
};
|
||||
function formatComponentName(vm, includeFile) {
|
||||
if (vm.$root === vm) {
|
||||
return '<Root>';
|
||||
}
|
||||
var options = typeof vm === 'function' && vm.cid != null ? vm.options : vm._isVue ? vm.$options || vm.constructor.options : vm || {};
|
||||
var name = options.name || options._componentTag;
|
||||
var file = options.__file;
|
||||
if (!name && file) {
|
||||
var match = file.match(/([^/\\]+)\.vue$/);
|
||||
name = match && match[1];
|
||||
}
|
||||
return (name ? '<' + classify(name) + '>' : '<Anonymous>') + (file && includeFile !== false ? ' at ' + file : '');
|
||||
}
|
||||
function generateComponentTrace(vm) {
|
||||
if (vm._isVue && vm.$parent) {
|
||||
var tree = [];
|
||||
var currentRecursiveSequence = 0;
|
||||
while (vm) {
|
||||
if (tree.length > 0) {
|
||||
var last = tree[tree.length - 1];
|
||||
if (last.constructor === vm.constructor) {
|
||||
currentRecursiveSequence++;
|
||||
vm = vm.$parent;
|
||||
continue;
|
||||
} else if (currentRecursiveSequence > 0) {
|
||||
tree[tree.length - 1] = [last, currentRecursiveSequence];
|
||||
currentRecursiveSequence = 0;
|
||||
}
|
||||
}
|
||||
tree.push(vm);
|
||||
vm = vm.$parent;
|
||||
}
|
||||
return '\n\nfound in\n\n' + tree.map(function (vm, i) {
|
||||
return '' + (i === 0 ? '---> ' : ' '.repeat(5 + i * 2)) + (Array.isArray(vm) ? formatComponentName(vm[0]) + '... (' + vm[1] + ' recursive calls)' : formatComponentName(vm));
|
||||
}).join('\n');
|
||||
} else {
|
||||
return '\n\n(found in ' + formatComponentName(vm) + ')';
|
||||
}
|
||||
}
|
||||
//# sourceMappingURL=console.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
+17
@@ -0,0 +1,17 @@
|
||||
/**
|
||||
* Removes duplicate `@input` listeners when
|
||||
* using v-model with functional components
|
||||
*
|
||||
* @see https://github.com/vuetifyjs/vuetify/issues/4460
|
||||
*/
|
||||
export default function dedupeModelListeners(data) {
|
||||
if (data.model && data.on && data.on.input) {
|
||||
if (Array.isArray(data.on.input)) {
|
||||
var i = data.on.input.indexOf(data.model.callback);
|
||||
if (i > -1) data.on.input.splice(i, 1);
|
||||
} else {
|
||||
delete data.on.input;
|
||||
}
|
||||
}
|
||||
}
|
||||
//# sourceMappingURL=dedupeModelListeners.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/dedupeModelListeners.ts"],"names":[],"mappings":";;;;;;AAQA,eAAc,SAAU,oBAAV,CAAgC,IAAhC,EAA+C;AAC3D,QAAI,KAAK,KAAL,IAAc,KAAK,EAAnB,IAAyB,KAAK,EAAL,CAAQ,KAArC,EAA4C;AAC1C,YAAI,MAAM,OAAN,CAAc,KAAK,EAAL,CAAQ,KAAtB,CAAJ,EAAkC;AAChC,gBAAM,IAAI,KAAK,EAAL,CAAQ,KAAR,CAAc,OAAd,CAAsB,KAAK,KAAL,CAAW,QAAjC,CAAV;AACA,gBAAI,IAAI,CAAC,CAAT,EAAY,KAAK,EAAL,CAAQ,KAAR,CAAc,MAAd,CAAqB,CAArB,EAAwB,CAAxB;AACb,SAHD,MAGO;AACL,mBAAO,KAAK,EAAL,CAAQ,KAAf;AACD;AACF;AACF","sourcesContent":["import { VNodeData } from 'vue'\n\n/**\n * Removes duplicate `@input` listeners when\n * using v-model with functional components\n *\n * @see https://github.com/vuetifyjs/vuetify/issues/4460\n */\nexport default function dedupeModelListeners (data: VNodeData): void {\n if (data.model && data.on && data.on.input) {\n if (Array.isArray(data.on.input)) {\n const i = data.on.input.indexOf(data.model.callback)\n if (i > -1) data.on.input.splice(i, 1)\n } else {\n delete data.on.input\n }\n }\n}\n"],"sourceRoot":""}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import { deprecate } from './console';
|
||||
export * from '../components/Vuetify/goTo/easing-patterns';
|
||||
deprecate('vuetify/es5/util/easing-patterns', 'vuetify/es5/Vuetify/goTo/easing-patterns');
|
||||
//# sourceMappingURL=easing-patterns.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/easing-patterns.js"],"names":[],"mappings":"AAAA,SAAS,SAAT,QAA0B,WAA1B;AAEA,cAAc,4CAAd;AAEA,UAAU,kCAAV,EAA8C,0CAA9C","sourcesContent":["import { deprecate } from './console'\n\nexport * from '../components/Vuetify/goTo/easing-patterns'\n\ndeprecate('vuetify/es5/util/easing-patterns', 'vuetify/es5/Vuetify/goTo/easing-patterns')\n"],"sourceRoot":""}
|
||||
+324
@@ -0,0 +1,324 @@
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
||||
|
||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||||
|
||||
import Vue from 'vue';
|
||||
export function createSimpleFunctional(c) {
|
||||
var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'div';
|
||||
var name = arguments[2];
|
||||
|
||||
return Vue.extend({
|
||||
name: name || c.replace(/__/g, '-'),
|
||||
functional: true,
|
||||
render: function render(h, _ref) {
|
||||
var data = _ref.data,
|
||||
children = _ref.children;
|
||||
|
||||
data.staticClass = (c + ' ' + (data.staticClass || '')).trim();
|
||||
return h(el, data, children);
|
||||
}
|
||||
});
|
||||
}
|
||||
function mergeTransitions(transitions, array) {
|
||||
if (Array.isArray(transitions)) return transitions.concat(array);
|
||||
if (transitions) array.push(transitions);
|
||||
return array;
|
||||
}
|
||||
export function createSimpleTransition(name) {
|
||||
var origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top center 0';
|
||||
var mode = arguments[2];
|
||||
|
||||
return {
|
||||
name: name,
|
||||
functional: true,
|
||||
props: {
|
||||
group: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
hideOnLeave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
leaveAbsolute: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
mode: {
|
||||
type: String,
|
||||
default: mode
|
||||
},
|
||||
origin: {
|
||||
type: String,
|
||||
default: origin
|
||||
}
|
||||
},
|
||||
render: function render(h, context) {
|
||||
var tag = 'transition' + (context.props.group ? '-group' : '');
|
||||
context.data = context.data || {};
|
||||
context.data.props = {
|
||||
name: name,
|
||||
mode: context.props.mode
|
||||
};
|
||||
context.data.on = context.data.on || {};
|
||||
if (!Object.isExtensible(context.data.on)) {
|
||||
context.data.on = _extends({}, context.data.on);
|
||||
}
|
||||
var ourBeforeEnter = [];
|
||||
var ourLeave = [];
|
||||
var absolute = function absolute(el) {
|
||||
return el.style.position = 'absolute';
|
||||
};
|
||||
ourBeforeEnter.push(function (el) {
|
||||
el.style.transformOrigin = context.props.origin;
|
||||
el.style.webkitTransformOrigin = context.props.origin;
|
||||
});
|
||||
if (context.props.leaveAbsolute) ourLeave.push(absolute);
|
||||
if (context.props.hideOnLeave) {
|
||||
ourLeave.push(function (el) {
|
||||
return el.style.display = 'none';
|
||||
});
|
||||
}
|
||||
var _context$data$on = context.data.on,
|
||||
beforeEnter = _context$data$on.beforeEnter,
|
||||
leave = _context$data$on.leave;
|
||||
// Type says Function | Function[] but
|
||||
// will only work if provided a function
|
||||
|
||||
context.data.on.beforeEnter = function () {
|
||||
return mergeTransitions(beforeEnter, ourBeforeEnter);
|
||||
};
|
||||
context.data.on.leave = mergeTransitions(leave, ourLeave);
|
||||
return h(tag, context.data, context.children);
|
||||
}
|
||||
};
|
||||
}
|
||||
export function createJavaScriptTransition(name, functions) {
|
||||
var mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'in-out';
|
||||
|
||||
return {
|
||||
name: name,
|
||||
functional: true,
|
||||
props: {
|
||||
mode: {
|
||||
type: String,
|
||||
default: mode
|
||||
}
|
||||
},
|
||||
render: function render(h, context) {
|
||||
var data = {
|
||||
props: _extends({}, context.props, {
|
||||
name: name
|
||||
}),
|
||||
on: functions
|
||||
};
|
||||
return h('transition', data, context.children);
|
||||
}
|
||||
};
|
||||
}
|
||||
export function directiveConfig(binding) {
|
||||
var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
||||
|
||||
return _extends({}, defaults, binding.modifiers, {
|
||||
value: binding.arg
|
||||
}, binding.value || {});
|
||||
}
|
||||
export function addOnceEventListener(el, event, cb) {
|
||||
var once = function once() {
|
||||
cb();
|
||||
el.removeEventListener(event, once, false);
|
||||
};
|
||||
el.addEventListener(event, once, false);
|
||||
}
|
||||
var passiveSupported = false;
|
||||
try {
|
||||
if (typeof window !== 'undefined') {
|
||||
var testListenerOpts = Object.defineProperty({}, 'passive', {
|
||||
get: function get() {
|
||||
passiveSupported = true;
|
||||
}
|
||||
});
|
||||
window.addEventListener('testListener', testListenerOpts, testListenerOpts);
|
||||
window.removeEventListener('testListener', testListenerOpts, testListenerOpts);
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
}
|
||||
export { passiveSupported };
|
||||
export function addPassiveEventListener(el, event, cb, options) {
|
||||
el.addEventListener(event, cb, passiveSupported ? options : false);
|
||||
}
|
||||
export function getNestedValue(obj, path, fallback) {
|
||||
var last = path.length - 1;
|
||||
if (last < 0) return obj === undefined ? fallback : obj;
|
||||
for (var i = 0; i < last; i++) {
|
||||
if (obj == null) {
|
||||
return fallback;
|
||||
}
|
||||
obj = obj[path[i]];
|
||||
}
|
||||
if (obj == null) return fallback;
|
||||
return obj[path[last]] === undefined ? fallback : obj[path[last]];
|
||||
}
|
||||
export function deepEqual(a, b) {
|
||||
if (a === b) return true;
|
||||
if (a instanceof Date && b instanceof Date) {
|
||||
// If the values are Date, they were convert to timestamp with getTime and compare it
|
||||
if (a.getTime() !== b.getTime()) return false;
|
||||
}
|
||||
if (a !== Object(a) || b !== Object(b)) {
|
||||
// If the values aren't objects, they were already checked for equality
|
||||
return false;
|
||||
}
|
||||
var props = Object.keys(a);
|
||||
if (props.length !== Object.keys(b).length) {
|
||||
// Different number of props, don't bother to check
|
||||
return false;
|
||||
}
|
||||
return props.every(function (p) {
|
||||
return deepEqual(a[p], b[p]);
|
||||
});
|
||||
}
|
||||
export function getObjectValueByPath(obj, path, fallback) {
|
||||
// credit: http://stackoverflow.com/questions/6491463/accessing-nested-javascript-objects-with-string-key#comment55278413_6491621
|
||||
if (!path || path.constructor !== String) return fallback;
|
||||
path = path.replace(/\[(\w+)\]/g, '.$1'); // convert indexes to properties
|
||||
path = path.replace(/^\./, ''); // strip a leading dot
|
||||
return getNestedValue(obj, path.split('.'), fallback);
|
||||
}
|
||||
export function getPropertyFromItem(item, property, fallback) {
|
||||
if (property == null) return item === undefined ? fallback : item;
|
||||
if (item !== Object(item)) return fallback === undefined ? item : fallback;
|
||||
if (typeof property === 'string') return getObjectValueByPath(item, property, fallback);
|
||||
if (Array.isArray(property)) return getNestedValue(item, property, fallback);
|
||||
if (typeof property !== 'function') return fallback;
|
||||
var value = property(item, fallback);
|
||||
return typeof value === 'undefined' ? fallback : value;
|
||||
}
|
||||
export function createRange(length) {
|
||||
return Array.from({ length: length }, function (v, k) {
|
||||
return k;
|
||||
});
|
||||
}
|
||||
export function getZIndex(el) {
|
||||
if (!el || el.nodeType !== Node.ELEMENT_NODE) return 0;
|
||||
var index = +window.getComputedStyle(el).getPropertyValue('z-index');
|
||||
if (isNaN(index)) return getZIndex(el.parentNode);
|
||||
return index;
|
||||
}
|
||||
var tagsToReplace = {
|
||||
'&': '&',
|
||||
'<': '<',
|
||||
'>': '>'
|
||||
};
|
||||
export function escapeHTML(str) {
|
||||
return str.replace(/[&<>]/g, function (tag) {
|
||||
return tagsToReplace[tag] || tag;
|
||||
});
|
||||
}
|
||||
export function filterObjectOnKeys(obj, keys) {
|
||||
var filtered = {};
|
||||
for (var i = 0; i < keys.length; i++) {
|
||||
var key = keys[i];
|
||||
if (typeof obj[key] !== 'undefined') {
|
||||
filtered[key] = obj[key];
|
||||
}
|
||||
}
|
||||
return filtered;
|
||||
}
|
||||
export function filterChildren() {
|
||||
var array = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
||||
var tag = arguments[1];
|
||||
|
||||
return array.filter(function (child) {
|
||||
return child.componentOptions && child.componentOptions.Ctor.options.name === tag;
|
||||
});
|
||||
}
|
||||
export function convertToUnit(str) {
|
||||
var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
|
||||
|
||||
if (str == null || str === '') {
|
||||
return undefined;
|
||||
} else if (isNaN(+str)) {
|
||||
return String(str);
|
||||
} else {
|
||||
return '' + Number(str) + unit;
|
||||
}
|
||||
}
|
||||
export function kebabCase(str) {
|
||||
return (str || '').replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
||||
}
|
||||
export function isObject(obj) {
|
||||
return obj !== null && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object';
|
||||
}
|
||||
// KeyboardEvent.keyCode aliases
|
||||
export var keyCodes = Object.freeze({
|
||||
enter: 13,
|
||||
tab: 9,
|
||||
delete: 46,
|
||||
esc: 27,
|
||||
space: 32,
|
||||
up: 38,
|
||||
down: 40,
|
||||
left: 37,
|
||||
right: 39,
|
||||
end: 35,
|
||||
home: 36,
|
||||
del: 46,
|
||||
backspace: 8,
|
||||
insert: 45,
|
||||
pageup: 33,
|
||||
pagedown: 34
|
||||
});
|
||||
var ICONS_PREFIX = '$vuetify.icons.';
|
||||
// This remaps internal names like '$vuetify.icons.cancel'
|
||||
// to the current name or component for that icon.
|
||||
export function remapInternalIcon(vm, iconName) {
|
||||
if (!iconName.startsWith(ICONS_PREFIX)) {
|
||||
return iconName;
|
||||
}
|
||||
// Now look up icon indirection name, e.g. '$vuetify.icons.cancel'
|
||||
return getObjectValueByPath(vm, iconName, iconName);
|
||||
}
|
||||
export function keys(o) {
|
||||
return Object.keys(o);
|
||||
}
|
||||
/**
|
||||
* Camelize a hyphen-delimited string.
|
||||
*/
|
||||
var camelizeRE = /-(\w)/g;
|
||||
export var camelize = function camelize(str) {
|
||||
return str.replace(camelizeRE, function (_, c) {
|
||||
return c ? c.toUpperCase() : '';
|
||||
});
|
||||
};
|
||||
/**
|
||||
* Returns the set difference of B and A, i.e. the set of elements in B but not in A
|
||||
*/
|
||||
export function arrayDiff(a, b) {
|
||||
var diff = [];
|
||||
for (var i = 0; i < b.length; i++) {
|
||||
if (a.indexOf(b[i]) < 0) diff.push(b[i]);
|
||||
}
|
||||
return diff;
|
||||
}
|
||||
/**
|
||||
* Makes the first character of a string uppercase
|
||||
*/
|
||||
export function upperFirst(str) {
|
||||
return str.charAt(0).toUpperCase() + str.slice(1);
|
||||
}
|
||||
/**
|
||||
* Returns:
|
||||
* - 'normal' for old style slots - `<template slot="default">`
|
||||
* - 'scoped' for old style scoped slots (`<template slot="default" slot-scope="data">`) or bound v-slot (`#default="data"`)
|
||||
* - 'v-slot' for unbound v-slot (`#default`) - only if the third param is true, otherwise counts as scoped
|
||||
*/
|
||||
export function getSlotType(vm, name, split) {
|
||||
if (vm.$slots[name] && vm.$scopedSlots[name] && vm.$scopedSlots[name].name) {
|
||||
return split ? 'v-slot' : 'scoped';
|
||||
}
|
||||
if (vm.$slots[name]) return 'normal';
|
||||
if (vm.$scopedSlots[name]) return 'scoped';
|
||||
}
|
||||
//# sourceMappingURL=helpers.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
+96
@@ -0,0 +1,96 @@
|
||||
export var defaultDelimiters = /[-!$%^&*()_+|~=`{}[\]:";'<>?,./\\ ]/;
|
||||
export var isMaskDelimiter = function isMaskDelimiter(char) {
|
||||
return char ? defaultDelimiters.test(char) : false;
|
||||
};
|
||||
var allowedMasks = {
|
||||
'#': {
|
||||
test: function test(char) {
|
||||
return (/[0-9]/.test(char)
|
||||
);
|
||||
}
|
||||
},
|
||||
'A': {
|
||||
test: function test(char) {
|
||||
return (/[A-Z]/i.test(char)
|
||||
);
|
||||
},
|
||||
convert: function convert(char) {
|
||||
return char.toUpperCase();
|
||||
}
|
||||
},
|
||||
'a': {
|
||||
test: function test(char) {
|
||||
return (/[a-z]/i.test(char)
|
||||
);
|
||||
},
|
||||
convert: function convert(char) {
|
||||
return char.toLowerCase();
|
||||
}
|
||||
},
|
||||
'N': {
|
||||
test: function test(char) {
|
||||
return (/[0-9A-Z]/i.test(char)
|
||||
);
|
||||
},
|
||||
convert: function convert(char) {
|
||||
return char.toUpperCase();
|
||||
}
|
||||
},
|
||||
'n': {
|
||||
test: function test(char) {
|
||||
return (/[0-9a-z]/i.test(char)
|
||||
);
|
||||
},
|
||||
convert: function convert(char) {
|
||||
return char.toLowerCase();
|
||||
}
|
||||
},
|
||||
'X': {
|
||||
test: isMaskDelimiter
|
||||
}
|
||||
};
|
||||
var isMask = function isMask(char) {
|
||||
return allowedMasks.hasOwnProperty(char);
|
||||
};
|
||||
var convert = function convert(mask, char) {
|
||||
return allowedMasks[mask].convert ? allowedMasks[mask].convert(char) : char;
|
||||
};
|
||||
var maskValidates = function maskValidates(mask, char) {
|
||||
if (char == null || !isMask(mask)) return false;
|
||||
return allowedMasks[mask].test(char);
|
||||
};
|
||||
export var maskText = function maskText(text, masked, dontFillMaskBlanks) {
|
||||
if (text == null) return '';
|
||||
text = String(text);
|
||||
if (!masked.length || !text.length) return text;
|
||||
if (!Array.isArray(masked)) masked = masked.split('');
|
||||
var textIndex = 0;
|
||||
var maskIndex = 0;
|
||||
var newText = '';
|
||||
while (maskIndex < masked.length) {
|
||||
var mask = masked[maskIndex];
|
||||
// Assign the next character
|
||||
var char = text[textIndex];
|
||||
// Check if mask is delimiter
|
||||
// and current char matches
|
||||
if (!isMask(mask) && char === mask) {
|
||||
newText += mask;
|
||||
textIndex++;
|
||||
// Check if not mask
|
||||
} else if (!isMask(mask) && !dontFillMaskBlanks) {
|
||||
newText += mask;
|
||||
// Check if is mask and validates
|
||||
} else if (maskValidates(mask, char)) {
|
||||
newText += convert(mask, char);
|
||||
textIndex++;
|
||||
} else {
|
||||
return newText;
|
||||
}
|
||||
maskIndex++;
|
||||
}
|
||||
return newText;
|
||||
};
|
||||
export var unmaskText = function unmaskText(text) {
|
||||
return text ? String(text).replace(new RegExp(defaultDelimiters, 'g'), '') : text;
|
||||
};
|
||||
//# sourceMappingURL=mask.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/mask.ts"],"names":[],"mappings":"OAMO,IAAM,oBAAoB,qCAA1B;AAEP,OAAO,IAAM,kBAAkB,SAAlB,eAAkB,CAAC,IAAD;AAAA,WAA2B,OAAO,kBAAkB,IAAlB,CAAuB,IAAvB,CAAP,GAAsC,KAAjE;AAAA,CAAxB;AAEP,IAAM,eAAqC;AACzC,SAAK;AACH,cAAM;AAAA,mBAAQ,SAAQ,IAAR,CAAa,IAAb;AAAR;AAAA;AADH,KADoC;AAIzC,SAAK;AACH,cAAM;AAAA,mBAAQ,UAAS,IAAT,CAAc,IAAd;AAAR;AAAA,SADH;AAEH,iBAAS;AAAA,mBAAQ,KAAK,WAAL,EAAR;AAAA;AAFN,KAJoC;AAQzC,SAAK;AACH,cAAM;AAAA,mBAAQ,UAAS,IAAT,CAAc,IAAd;AAAR;AAAA,SADH;AAEH,iBAAS;AAAA,mBAAQ,KAAK,WAAL,EAAR;AAAA;AAFN,KARoC;AAYzC,SAAK;AACH,cAAM;AAAA,mBAAQ,aAAY,IAAZ,CAAiB,IAAjB;AAAR;AAAA,SADH;AAEH,iBAAS;AAAA,mBAAQ,KAAK,WAAL,EAAR;AAAA;AAFN,KAZoC;AAgBzC,SAAK;AACH,cAAM;AAAA,mBAAQ,aAAY,IAAZ,CAAiB,IAAjB;AAAR;AAAA,SADH;AAEH,iBAAS;AAAA,mBAAQ,KAAK,WAAL,EAAR;AAAA;AAFN,KAhBoC;AAoBzC,SAAK;AACH,cAAM;AADH;AApBoC,CAA3C;AAyBA,IAAM,SAAS,SAAT,MAAS,CAAC,IAAD;AAAA,WAA2B,aAAa,cAAb,CAA4B,IAA5B,CAA3B;AAAA,CAAf;AAEA,IAAM,UAAU,SAAV,OAAU,CAAC,IAAD,EAAiB,IAAjB,EAAyC;AACvD,WAAO,aAAa,IAAb,EAAmB,OAAnB,GAA6B,aAAa,IAAb,EAAmB,OAAnB,CAA4B,IAA5B,CAA7B,GAAiE,IAAxE;AACD,CAFD;AAIA,IAAM,gBAAgB,SAAhB,aAAgB,CAAC,IAAD,EAAiB,IAAjB,EAA0C;AAC9D,QAAI,QAAQ,IAAR,IAAgB,CAAC,OAAO,IAAP,CAArB,EAAmC,OAAO,KAAP;AACnC,WAAO,aAAa,IAAb,EAAmB,IAAnB,CAAwB,IAAxB,CAAP;AACD,CAHD;AAKA,OAAO,IAAM,WAAW,SAAX,QAAW,CAAC,IAAD,EAAkC,MAAlC,EAA6D,kBAA7D,EAAoG;AAC1H,QAAI,QAAQ,IAAZ,EAAkB,OAAO,EAAP;AAClB,WAAO,OAAO,IAAP,CAAP;AACA,QAAI,CAAC,OAAO,MAAR,IAAkB,CAAC,KAAK,MAA5B,EAAoC,OAAO,IAAP;AACpC,QAAI,CAAC,MAAM,OAAN,CAAc,MAAd,CAAL,EAA4B,SAAS,OAAO,KAAP,CAAa,EAAb,CAAT;AAE5B,QAAI,YAAY,CAAhB;AACA,QAAI,YAAY,CAAhB;AACA,QAAI,UAAU,EAAd;AAEA,WAAO,YAAY,OAAO,MAA1B,EAAkC;AAChC,YAAM,OAAO,OAAO,SAAP,CAAb;AAEA;AACA,YAAM,OAAO,KAAK,SAAL,CAAb;AAEA;AACA;AACA,YAAI,CAAC,OAAO,IAAP,CAAD,IAAiB,SAAS,IAA9B,EAAoC;AAClC,uBAAW,IAAX;AACA;AACF;AACC,SAJD,MAIO,IAAI,CAAC,OAAO,IAAP,CAAD,IAAiB,CAAC,kBAAtB,EAA0C;AAC/C,uBAAW,IAAX;AACF;AACC,SAHM,MAGA,IAAI,cAAc,IAAd,EAAgC,IAAhC,CAAJ,EAA2C;AAChD,uBAAW,QAAQ,IAAR,EAA0B,IAA1B,CAAX;AACA;AACD,SAHM,MAGA;AACL,mBAAO,OAAP;AACD;AAED;AACD;AAED,WAAO,OAAP;AACD,CApCM;AAsCP,OAAO,IAAM,aAAa,SAAb,UAAa,CAAC,IAAD,EAAyB;AACjD,WAAO,OAAO,OAAO,IAAP,EAAa,OAAb,CAAqB,IAAI,MAAJ,CAAW,iBAAX,EAA8B,GAA9B,CAArB,EAAyD,EAAzD,CAAP,GAAsE,IAA7E;AACD,CAFM","sourcesContent":["export interface MaskItem {\n test: (char: string) => boolean\n convert?: (char: string) => string\n}\nexport type MaskType = '#' | 'A' | 'a' | 'N' | 'n' | 'X'\n\nexport const defaultDelimiters = /[-!$%^&*()_+|~=`{}[\\]:\";'<>?,./\\\\ ]/\n\nexport const isMaskDelimiter = (char: string): boolean => char ? defaultDelimiters.test(char) : false\n\nconst allowedMasks: Dictionary<MaskItem> = {\n '#': {\n test: char => /[0-9]/.test(char)\n },\n 'A': {\n test: char => /[A-Z]/i.test(char),\n convert: char => char.toUpperCase()\n },\n 'a': {\n test: char => /[a-z]/i.test(char),\n convert: char => char.toLowerCase()\n },\n 'N': {\n test: char => /[0-9A-Z]/i.test(char),\n convert: char => char.toUpperCase()\n },\n 'n': {\n test: char => /[0-9a-z]/i.test(char),\n convert: char => char.toLowerCase()\n },\n 'X': {\n test: isMaskDelimiter\n }\n}\n\nconst isMask = (char: string): boolean => allowedMasks.hasOwnProperty(char)\n\nconst convert = (mask: MaskType, char: string): string => {\n return allowedMasks[mask].convert ? allowedMasks[mask].convert!(char) : char\n}\n\nconst maskValidates = (mask: MaskType, char: string): boolean => {\n if (char == null || !isMask(mask)) return false\n return allowedMasks[mask].test(char)\n}\n\nexport const maskText = (text: string | null | undefined, masked: string | string[], dontFillMaskBlanks: boolean): string => {\n if (text == null) return ''\n text = String(text)\n if (!masked.length || !text.length) return text\n if (!Array.isArray(masked)) masked = masked.split('')\n\n let textIndex = 0\n let maskIndex = 0\n let newText = ''\n\n while (maskIndex < masked.length) {\n const mask = masked[maskIndex]\n\n // Assign the next character\n const char = text[textIndex]\n\n // Check if mask is delimiter\n // and current char matches\n if (!isMask(mask) && char === mask) {\n newText += mask\n textIndex++\n // Check if not mask\n } else if (!isMask(mask) && !dontFillMaskBlanks) {\n newText += mask\n // Check if is mask and validates\n } else if (maskValidates(mask as MaskType, char)) {\n newText += convert(mask as MaskType, char)\n textIndex++\n } else {\n return newText\n }\n\n maskIndex++\n }\n\n return newText\n}\n\nexport const unmaskText = (text: string): string => {\n return text ? String(text).replace(new RegExp(defaultDelimiters, 'g'), '') : text\n}\n"],"sourceRoot":""}
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
/* eslint-disable max-len, import/export, no-use-before-define */
|
||||
import Vue from 'vue';
|
||||
export default function mixins() {
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return Vue.extend({ mixins: args });
|
||||
}
|
||||
//# sourceMappingURL=mixins.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/mixins.ts"],"names":[],"mappings":";AACA,OAAO,GAAP,MAAoC,KAApC;AAIA,eAAc,SAAU,MAAV,GAA2C;AAAA,sCAAtB,IAAsB;AAAtB,YAAsB;AAAA;;AACvD,WAAO,IAAI,MAAJ,CAAW,EAAE,QAAQ,IAAV,EAAX,CAAP;AACD","sourcesContent":["/* eslint-disable max-len, import/export, no-use-before-define */\nimport Vue, { VueConstructor } from 'vue'\n\nexport default function mixins<T extends VueConstructor[]> (...args: T): ExtractVue<T> extends infer V ? V extends Vue ? VueConstructor<V> : never : never\nexport default function mixins<T extends Vue> (...args: VueConstructor[]): VueConstructor<T>\nexport default function mixins (...args: VueConstructor[]): VueConstructor {\n return Vue.extend({ mixins: args })\n}\n\n/**\n * Returns the instance type from a VueConstructor\n * Useful for adding types when using mixins().extend()\n */\nexport type ExtractVue<T extends VueConstructor | VueConstructor[]> = T extends (infer U)[]\n ? UnionToIntersection<\n U extends VueConstructor<infer V> ? V : never\n >\n : T extends VueConstructor<infer V> ? V : never\n\ntype UnionToIntersection<U> =\n (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never\n"],"sourceRoot":""}
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
export default function rebuildFunctionalSlots(slots, h) {
|
||||
var children = [];
|
||||
for (var slot in slots) {
|
||||
if (slots.hasOwnProperty(slot)) {
|
||||
children.push(h('template', { slot: slot }, slots[slot]));
|
||||
}
|
||||
}
|
||||
return children;
|
||||
}
|
||||
//# sourceMappingURL=rebuildFunctionalSlots.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../src/util/rebuildFunctionalSlots.ts"],"names":[],"mappings":"eAEc,SAAU,sBAAV,CAAkC,KAAlC,EAAiF,CAAjF,EAAiG;AAC7G,QAAM,WAAoB,EAA1B;AAEA,SAAK,IAAM,IAAX,IAAmB,KAAnB,EAA0B;AACxB,YAAI,MAAM,cAAN,CAAqB,IAArB,CAAJ,EAAgC;AAC9B,qBAAS,IAAT,CAAc,EAAE,UAAF,EAAc,EAAE,UAAF,EAAd,EAAwB,MAAM,IAAN,CAAxB,CAAd;AACD;AACF;AAED,WAAO,QAAP;AACD","sourcesContent":["import { CreateElement, VNode } from 'vue'\n\nexport default function rebuildFunctionalSlots (slots: { [key: string]: VNode[] | undefined }, h: CreateElement) {\n const children: VNode[] = []\n\n for (const slot in slots) {\n if (slots.hasOwnProperty(slot)) {\n children.push(h('template', { slot }, slots[slot]))\n }\n }\n\n return children\n}\n"],"sourceRoot":""}
|
||||
+104
@@ -0,0 +1,104 @@
|
||||
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
|
||||
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
||||
|
||||
import { colorToInt, intToHex, colorToHex } from './colorUtils';
|
||||
import * as sRGB from './color/transformSRGB';
|
||||
import * as LAB from './color/transformCIELAB';
|
||||
export function parse(theme) {
|
||||
var isItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
||||
|
||||
var colors = Object.keys(theme);
|
||||
var parsedTheme = {};
|
||||
for (var i = 0; i < colors.length; ++i) {
|
||||
var name = colors[i];
|
||||
var value = theme[name];
|
||||
if (isItem) {
|
||||
if (name === 'base' || name.startsWith('lighten') || name.startsWith('darken')) {
|
||||
parsedTheme[name] = colorToHex(value);
|
||||
}
|
||||
} else if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object') {
|
||||
parsedTheme[name] = parse(value, true);
|
||||
} else {
|
||||
parsedTheme[name] = genVariations(name, colorToInt(value));
|
||||
}
|
||||
}
|
||||
return parsedTheme;
|
||||
}
|
||||
/**
|
||||
* Generate the CSS for a base color (.primary)
|
||||
*/
|
||||
var genBaseColor = function genBaseColor(name, value) {
|
||||
return '\n.' + name + ' {\n background-color: ' + value + ' !important;\n border-color: ' + value + ' !important;\n}\n.' + name + '--text {\n color: ' + value + ' !important;\n caret-color: ' + value + ' !important;\n}';
|
||||
};
|
||||
/**
|
||||
* Generate the CSS for a variant color (.primary.darken-2)
|
||||
*/
|
||||
var genVariantColor = function genVariantColor(name, variant, value) {
|
||||
var _variant$split = variant.split(/(\d)/, 2),
|
||||
_variant$split2 = _slicedToArray(_variant$split, 2),
|
||||
type = _variant$split2[0],
|
||||
n = _variant$split2[1];
|
||||
|
||||
return '\n.' + name + '.' + type + '-' + n + ' {\n background-color: ' + value + ' !important;\n border-color: ' + value + ' !important;\n}\n.' + name + '--text.text--' + type + '-' + n + ' {\n color: ' + value + ' !important;\n caret-color: ' + value + ' !important;\n}';
|
||||
};
|
||||
var genColorVariableName = function genColorVariableName(name) {
|
||||
var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'base';
|
||||
return '--v-' + name + '-' + variant;
|
||||
};
|
||||
var genColorVariable = function genColorVariable(name) {
|
||||
var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'base';
|
||||
return 'var(' + genColorVariableName(name, variant) + ')';
|
||||
};
|
||||
export function genStyles(theme) {
|
||||
var cssVar = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
||||
|
||||
var colors = Object.keys(theme);
|
||||
if (!colors.length) return '';
|
||||
var variablesCss = '';
|
||||
var css = '';
|
||||
var aColor = cssVar ? genColorVariable('primary') : theme.primary.base;
|
||||
css += 'a { color: ' + aColor + '; }';
|
||||
for (var i = 0; i < colors.length; ++i) {
|
||||
var name = colors[i];
|
||||
var value = theme[name];
|
||||
if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) !== 'object') continue;
|
||||
css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base);
|
||||
cssVar && (variablesCss += ' ' + genColorVariableName(name) + ': ' + value.base + ';\n');
|
||||
var variants = Object.keys(value);
|
||||
for (var _i = 0; _i < variants.length; ++_i) {
|
||||
var variant = variants[_i];
|
||||
var variantValue = value[variant];
|
||||
if (variant === 'base') continue;
|
||||
css += genVariantColor(name, variant, cssVar ? genColorVariable(name, variant) : variantValue);
|
||||
cssVar && (variablesCss += ' ' + genColorVariableName(name, variant) + ': ' + variantValue + ';\n');
|
||||
}
|
||||
}
|
||||
if (cssVar) {
|
||||
variablesCss = ':root {\n' + variablesCss + '}\n\n';
|
||||
}
|
||||
return variablesCss + css;
|
||||
}
|
||||
export function genVariations(name, value) {
|
||||
var values = {
|
||||
base: intToHex(value)
|
||||
};
|
||||
for (var i = 5; i > 0; --i) {
|
||||
values['lighten' + i] = intToHex(lighten(value, i));
|
||||
}
|
||||
for (var _i2 = 1; _i2 <= 4; ++_i2) {
|
||||
values['darken' + _i2] = intToHex(darken(value, _i2));
|
||||
}
|
||||
return values;
|
||||
}
|
||||
function lighten(value, amount) {
|
||||
var lab = LAB.fromXYZ(sRGB.toXYZ(value));
|
||||
lab[0] = lab[0] + amount * 10;
|
||||
return sRGB.fromXYZ(LAB.toXYZ(lab));
|
||||
}
|
||||
function darken(value, amount) {
|
||||
var lab = LAB.fromXYZ(sRGB.toXYZ(value));
|
||||
lab[0] = lab[0] - amount * 10;
|
||||
return sRGB.fromXYZ(LAB.toXYZ(lab));
|
||||
}
|
||||
//# sourceMappingURL=theme.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user