118 lines
2.7 KiB
JavaScript
118 lines
2.7 KiB
JavaScript
|
(function() {
|
||
|
|
|
||
|
|
if (
|
||
|
|
typeof self !== 'undefined' && !self.Prism ||
|
||
|
|
typeof global !== 'undefined' && !global.Prism
|
||
|
|
) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var languages = {
|
||
|
|
'css': true,
|
||
|
|
'less': true,
|
||
|
|
'markup': {
|
||
|
|
lang: 'markup',
|
||
|
|
before: 'punctuation',
|
||
|
|
inside: 'inside',
|
||
|
|
root: Prism.languages.markup && Prism.languages.markup['tag'].inside['attr-value']
|
||
|
|
},
|
||
|
|
'sass': [
|
||
|
|
{
|
||
|
|
lang: 'sass',
|
||
|
|
inside: 'inside',
|
||
|
|
root: Prism.languages.sass && Prism.languages.sass['property-line']
|
||
|
|
},
|
||
|
|
{
|
||
|
|
lang: 'sass',
|
||
|
|
before: 'operator',
|
||
|
|
inside: 'inside',
|
||
|
|
root: Prism.languages.sass && Prism.languages.sass['variable-line']
|
||
|
|
}
|
||
|
|
],
|
||
|
|
'scss': true,
|
||
|
|
'stylus': [
|
||
|
|
{
|
||
|
|
lang: 'stylus',
|
||
|
|
before: 'func',
|
||
|
|
inside: 'rest',
|
||
|
|
root: Prism.languages.stylus && Prism.languages.stylus['property-declaration'].inside
|
||
|
|
},
|
||
|
|
{
|
||
|
|
lang: 'stylus',
|
||
|
|
before: 'func',
|
||
|
|
inside: 'rest',
|
||
|
|
root: Prism.languages.stylus && Prism.languages.stylus['variable-declaration'].inside
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
Prism.hooks.add('before-highlight', function (env) {
|
||
|
|
if (env.language && languages[env.language] && !languages[env.language].initialized) {
|
||
|
|
var lang = languages[env.language];
|
||
|
|
if (Prism.util.type(lang) !== 'Array') {
|
||
|
|
lang = [lang];
|
||
|
|
}
|
||
|
|
lang.forEach(function(lang) {
|
||
|
|
var before, inside, root, skip;
|
||
|
|
if (lang === true) {
|
||
|
|
before = 'important';
|
||
|
|
inside = env.language;
|
||
|
|
lang = env.language;
|
||
|
|
} else {
|
||
|
|
before = lang.before || 'important';
|
||
|
|
inside = lang.inside || lang.lang;
|
||
|
|
root = lang.root || Prism.languages;
|
||
|
|
skip = lang.skip;
|
||
|
|
lang = env.language;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!skip && Prism.languages[lang]) {
|
||
|
|
Prism.languages.insertBefore(inside, before, {
|
||
|
|
'angle': /(?:\b|\B-|(?=\B\.))\d*\.?\d+(?:deg|g?rad|turn)\b/i
|
||
|
|
}, root);
|
||
|
|
env.grammar = Prism.languages[lang];
|
||
|
|
|
||
|
|
languages[env.language] = {initialized: true};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (Prism.plugins.Previewer) {
|
||
|
|
new Prism.plugins.Previewer('angle', function(value) {
|
||
|
|
var num = parseFloat(value);
|
||
|
|
var unit = value.match(/[a-z]+$/i);
|
||
|
|
var max, percentage;
|
||
|
|
if (!num || !unit) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
unit = unit[0];
|
||
|
|
|
||
|
|
switch(unit) {
|
||
|
|
case 'deg':
|
||
|
|
max = 360;
|
||
|
|
break;
|
||
|
|
case 'grad':
|
||
|
|
max = 400;
|
||
|
|
break;
|
||
|
|
case 'rad':
|
||
|
|
max = 2 * Math.PI;
|
||
|
|
break;
|
||
|
|
case 'turn':
|
||
|
|
max = 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
percentage = 100 * num/max;
|
||
|
|
percentage %= 100;
|
||
|
|
|
||
|
|
this[(num < 0? 'set' : 'remove') + 'Attribute']('data-negative', '');
|
||
|
|
this.querySelector('circle').style.strokeDasharray = Math.abs(percentage) + ',500';
|
||
|
|
return true;
|
||
|
|
}, '*', function () {
|
||
|
|
this._elt.innerHTML = '<svg viewBox="0 0 64 64">' +
|
||
|
|
'<circle r="16" cy="32" cx="32"></circle>' +
|
||
|
|
'</svg>';
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
}());
|