mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
Luke Pulverenti
parent
2a4b879c21
commit
63664e6c1c
1155 changed files with 62261 additions and 84 deletions
27
dashboard-ui/bower_components/prism/plugins/previewer-gradient/prism-previewer-gradient.css
vendored
Normal file
27
dashboard-ui/bower_components/prism/plugins/previewer-gradient/prism-previewer-gradient.css
vendored
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
.prism-previewer-gradient {
|
||||
background-image: linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%, #bbb), linear-gradient(45deg, #bbb 25%, #eee 25%, #eee 75%, #bbb 75%, #bbb);
|
||||
background-size: 10px 10px;
|
||||
background-position: 0 0, 5px 5px;
|
||||
|
||||
width: 64px;
|
||||
margin-left: -32px;
|
||||
}
|
||||
.prism-previewer-gradient:before {
|
||||
content: none;
|
||||
}
|
||||
.prism-previewer-gradient div {
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
bottom: -5px;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
border: 5px solid #fff;
|
||||
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
|
||||
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
|
||||
-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
|
||||
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
|
||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 10px rgba(0, 0, 0, 0.75);
|
||||
}
|
||||
216
dashboard-ui/bower_components/prism/plugins/previewer-gradient/prism-previewer-gradient.js
vendored
Normal file
216
dashboard-ui/bower_components/prism/plugins/previewer-gradient/prism-previewer-gradient.js
vendored
Normal file
|
|
@ -0,0 +1,216 @@
|
|||
(function() {
|
||||
|
||||
if (
|
||||
typeof self !== 'undefined' && !self.Prism ||
|
||||
typeof global !== 'undefined' && !global.Prism
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
var languages = {
|
||||
'css': true,
|
||||
'less': true,
|
||||
'sass': [
|
||||
{
|
||||
lang: 'sass',
|
||||
before: 'punctuation',
|
||||
inside: 'inside',
|
||||
root: Prism.languages.sass && Prism.languages.sass['variable-line']
|
||||
},
|
||||
{
|
||||
lang: 'sass',
|
||||
before: 'punctuation',
|
||||
inside: 'inside',
|
||||
root: Prism.languages.sass && Prism.languages.sass['property-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) {
|
||||
// Insert before color previewer if it exists
|
||||
before = Prism.plugins.Previewer && Prism.plugins.Previewer.byType['color'] ? 'color' : '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, {
|
||||
'gradient': {
|
||||
pattern: /(?:\b|\B-[a-z]{1,10}-)(?:repeating-)?(?:linear|radial)-gradient\((?:(?:rgb|hsl)a?\(.+?\)|[^\)])+\)/gi,
|
||||
inside: {
|
||||
'function': /[\w-]+(?=\()/,
|
||||
'punctuation': /[(),]/
|
||||
}
|
||||
}
|
||||
}, root);
|
||||
env.grammar = Prism.languages[lang];
|
||||
|
||||
languages[env.language] = {initialized: true};
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Stores already processed gradients so that we don't
|
||||
// make the conversion every time the previewer is shown
|
||||
var cache = {};
|
||||
|
||||
/**
|
||||
* Returns a W3C-valid linear gradient
|
||||
* @param {string} prefix Vendor prefix if any ("-moz-", "-webkit-", etc.)
|
||||
* @param {string} func Gradient function name ("linear-gradient")
|
||||
* @param {string[]} values Array of the gradient function parameters (["0deg", "red 0%", "blue 100%"])
|
||||
*/
|
||||
var convertToW3CLinearGradient = function(prefix, func, values) {
|
||||
// Default value for angle
|
||||
var angle = '180deg';
|
||||
|
||||
if (/^(?:-?\d*\.?\d+(?:deg|rad)|to\b|top|right|bottom|left)/.test(values[0])) {
|
||||
angle = values.shift();
|
||||
if (angle.indexOf('to ') < 0) {
|
||||
// Angle uses old keywords
|
||||
// W3C syntax uses "to" + opposite keywords
|
||||
if (angle.indexOf('top') >= 0) {
|
||||
if (angle.indexOf('left') >= 0) {
|
||||
angle = 'to bottom right';
|
||||
} else if (angle.indexOf('right') >= 0) {
|
||||
angle = 'to bottom left';
|
||||
} else {
|
||||
angle = 'to bottom';
|
||||
}
|
||||
} else if (angle.indexOf('bottom') >= 0) {
|
||||
if (angle.indexOf('left') >= 0) {
|
||||
angle = 'to top right';
|
||||
} else if (angle.indexOf('right') >= 0) {
|
||||
angle = 'to top left';
|
||||
} else {
|
||||
angle = 'to top';
|
||||
}
|
||||
} else if (angle.indexOf('left') >= 0) {
|
||||
angle = 'to right';
|
||||
} else if (angle.indexOf('right') >= 0) {
|
||||
angle = 'to left';
|
||||
} else if (prefix) {
|
||||
// Angle is shifted by 90deg in prefixed gradients
|
||||
if (angle.indexOf('deg') >= 0) {
|
||||
angle = (90 - parseFloat(angle)) + 'deg';
|
||||
} else if (angle.indexOf('rad') >= 0) {
|
||||
angle = (Math.PI / 2 - parseFloat(angle)) + 'rad';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return func + '(' + angle + ',' + values.join(',') + ')';
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns a W3C-valid radial gradient
|
||||
* @param {string} prefix Vendor prefix if any ("-moz-", "-webkit-", etc.)
|
||||
* @param {string} func Gradient function name ("linear-gradient")
|
||||
* @param {string[]} values Array of the gradient function parameters (["0deg", "red 0%", "blue 100%"])
|
||||
*/
|
||||
var convertToW3CRadialGradient = function(prefix, func, values) {
|
||||
if (values[0].indexOf('at') < 0) {
|
||||
// Looks like old syntax
|
||||
|
||||
// Default values
|
||||
var position = 'center';
|
||||
var shape = 'ellipse';
|
||||
var size = 'farthest-corner';
|
||||
|
||||
if (/\bcenter|top|right|bottom|left\b|^\d+/.test(values[0])) {
|
||||
// Found a position
|
||||
// Remove angle value, if any
|
||||
position = values.shift().replace(/\s*-?\d+(?:rad|deg)\s*/, '');
|
||||
}
|
||||
if (/\bcircle|ellipse|closest|farthest|contain|cover\b/.test(values[0])) {
|
||||
// Found a shape and/or size
|
||||
var shapeSizeParts = values.shift().split(/\s+/);
|
||||
if (shapeSizeParts[0] && (shapeSizeParts[0] === 'circle' || shapeSizeParts[0] === 'ellipse')) {
|
||||
shape = shapeSizeParts.shift();
|
||||
}
|
||||
if (shapeSizeParts[0]) {
|
||||
size = shapeSizeParts.shift();
|
||||
}
|
||||
|
||||
// Old keywords are converted to their synonyms
|
||||
if (size === 'cover') {
|
||||
size = 'farthest-corner';
|
||||
} else if (size === 'contain') {
|
||||
size = 'clothest-side';
|
||||
}
|
||||
}
|
||||
|
||||
return func + '(' + shape + ' ' + size + ' at ' + position + ',' + values.join(',') + ')';
|
||||
}
|
||||
return func + '(' + values.join(',') + ')';
|
||||
};
|
||||
|
||||
/**
|
||||
* Converts a gradient to a W3C-valid one
|
||||
* Does not support old webkit syntax (-webkit-gradient(linear...) and -webkit-gradient(radial...))
|
||||
* @param {string} gradient The CSS gradient
|
||||
*/
|
||||
var convertToW3CGradient = function(gradient) {
|
||||
if (cache[gradient]) {
|
||||
return cache[gradient];
|
||||
}
|
||||
var parts = gradient.match(/^(\b|\B-[a-z]{1,10}-)((?:repeating-)?(?:linear|radial)-gradient)/);
|
||||
// "", "-moz-", etc.
|
||||
var prefix = parts && parts[1];
|
||||
// "linear-gradient", "radial-gradient", etc.
|
||||
var func = parts && parts[2];
|
||||
|
||||
var values = gradient.replace(/^(?:\b|\B-[a-z]{1,10}-)(?:repeating-)?(?:linear|radial)-gradient\(|\)$/g, '').split(/\s*,\s*/);
|
||||
|
||||
if (func.indexOf('linear') >= 0) {
|
||||
return cache[gradient] = convertToW3CLinearGradient(prefix, func, values);
|
||||
} else if (func.indexOf('radial') >= 0) {
|
||||
return cache[gradient] = convertToW3CRadialGradient(prefix, func, values);
|
||||
}
|
||||
return cache[gradient] = func + '(' + values.join(',') + ')';
|
||||
};
|
||||
|
||||
|
||||
|
||||
if (Prism.plugins.Previewer) {
|
||||
new Prism.plugins.Previewer('gradient', function(value) {
|
||||
this.firstChild.style.backgroundImage = '';
|
||||
this.firstChild.style.backgroundImage = convertToW3CGradient(value);
|
||||
return !!this.firstChild.style.backgroundImage;
|
||||
}, '*', function () {
|
||||
this._elt.innerHTML = '<div></div>';
|
||||
});
|
||||
}
|
||||
|
||||
}());
|
||||
|
|
@ -0,0 +1 @@
|
|||
!function(){if(("undefined"==typeof self||self.Prism)&&("undefined"==typeof global||global.Prism)){var e={css:!0,less:!0,sass:[{lang:"sass",before:"punctuation",inside:"inside",root:Prism.languages.sass&&Prism.languages.sass["variable-line"]},{lang:"sass",before:"punctuation",inside:"inside",root:Prism.languages.sass&&Prism.languages.sass["property-line"]}],scss:!0,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(i){if(i.language&&e[i.language]&&!e[i.language].initialized){var t=e[i.language];"Array"!==Prism.util.type(t)&&(t=[t]),t.forEach(function(t){var r,s,a,n;t===!0?(r=Prism.plugins.Previewer&&Prism.plugins.Previewer.byType.color?"color":"important",s=i.language,t=i.language):(r=t.before||"important",s=t.inside||t.lang,a=t.root||Prism.languages,n=t.skip,t=i.language),!n&&Prism.languages[t]&&(Prism.languages.insertBefore(s,r,{gradient:{pattern:/(?:\b|\B-[a-z]{1,10}-)(?:repeating-)?(?:linear|radial)-gradient\((?:(?:rgb|hsl)a?\(.+?\)|[^\)])+\)/gi,inside:{"function":/[\w-]+(?=\()/,punctuation:/[(),]/}}},a),i.grammar=Prism.languages[t],e[i.language]={initialized:!0})})}});var i={},t=function(e,i,t){var r="180deg";return/^(?:-?\d*\.?\d+(?:deg|rad)|to\b|top|right|bottom|left)/.test(t[0])&&(r=t.shift(),r.indexOf("to ")<0&&(r.indexOf("top")>=0?r=r.indexOf("left")>=0?"to bottom right":r.indexOf("right")>=0?"to bottom left":"to bottom":r.indexOf("bottom")>=0?r=r.indexOf("left")>=0?"to top right":r.indexOf("right")>=0?"to top left":"to top":r.indexOf("left")>=0?r="to right":r.indexOf("right")>=0?r="to left":e&&(r.indexOf("deg")>=0?r=90-parseFloat(r)+"deg":r.indexOf("rad")>=0&&(r=Math.PI/2-parseFloat(r)+"rad")))),i+"("+r+","+t.join(",")+")"},r=function(e,i,t){if(t[0].indexOf("at")<0){var r="center",s="ellipse",a="farthest-corner";if(/\bcenter|top|right|bottom|left\b|^\d+/.test(t[0])&&(r=t.shift().replace(/\s*-?\d+(?:rad|deg)\s*/,"")),/\bcircle|ellipse|closest|farthest|contain|cover\b/.test(t[0])){var n=t.shift().split(/\s+/);!n[0]||"circle"!==n[0]&&"ellipse"!==n[0]||(s=n.shift()),n[0]&&(a=n.shift()),"cover"===a?a="farthest-corner":"contain"===a&&(a="clothest-side")}return i+"("+s+" "+a+" at "+r+","+t.join(",")+")"}return i+"("+t.join(",")+")"},s=function(e){if(i[e])return i[e];var s=e.match(/^(\b|\B-[a-z]{1,10}-)((?:repeating-)?(?:linear|radial)-gradient)/),a=s&&s[1],n=s&&s[2],l=e.replace(/^(?:\b|\B-[a-z]{1,10}-)(?:repeating-)?(?:linear|radial)-gradient\(|\)$/g,"").split(/\s*,\s*/);return i[e]=n.indexOf("linear")>=0?t(a,n,l):n.indexOf("radial")>=0?r(a,n,l):n+"("+l.join(",")+")"};Prism.plugins.Previewer&&new Prism.plugins.Previewer("gradient",function(e){return this.firstChild.style.backgroundImage="",this.firstChild.style.backgroundImage=s(e),!!this.firstChild.style.backgroundImage},"*",function(){this._elt.innerHTML="<div></div>"})}}();
|
||||
Loading…
Add table
Add a link
Reference in a new issue