An error occurred:
' + escape(e.message + '', true) + ''; + } + + throw e; + } + } + /** + * Options + */ + + + marked.options = marked.setOptions = function (opt) { + merge(marked.defaults, opt); + changeDefaults(marked.defaults); + return marked; + }; + + marked.getDefaults = getDefaults; + marked.defaults = exports.defaults; + /** + * Use Extension + */ + + marked.use = function () { + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; + } + + var opts = merge.apply(void 0, [{}].concat(args)); + var extensions = marked.defaults.extensions || { + renderers: {}, + childTokens: {} + }; + var hasExtensions; + args.forEach(function (pack) { + // ==-- Parse "addon" extensions --== // + if (pack.extensions) { + hasExtensions = true; + pack.extensions.forEach(function (ext) { + if (!ext.name) { + throw new Error('extension name required'); + } + + if (ext.renderer) { + // Renderer extensions + var prevRenderer = extensions.renderers ? extensions.renderers[ext.name] : null; + + if (prevRenderer) { + // Replace extension with func to run new extension but fall back if false + extensions.renderers[ext.name] = function () { + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + args[_key2] = arguments[_key2]; + } + + var ret = ext.renderer.apply(this, args); + + if (ret === false) { + ret = prevRenderer.apply(this, args); + } + + return ret; + }; + } else { + extensions.renderers[ext.name] = ext.renderer; + } + } + + if (ext.tokenizer) { + // Tokenizer Extensions + if (!ext.level || ext.level !== 'block' && ext.level !== 'inline') { + throw new Error("extension level must be 'block' or 'inline'"); + } + + if (extensions[ext.level]) { + extensions[ext.level].unshift(ext.tokenizer); + } else { + extensions[ext.level] = [ext.tokenizer]; + } + + if (ext.start) { + // Function to check for start of token + if (ext.level === 'block') { + if (extensions.startBlock) { + extensions.startBlock.push(ext.start); + } else { + extensions.startBlock = [ext.start]; + } + } else if (ext.level === 'inline') { + if (extensions.startInline) { + extensions.startInline.push(ext.start); + } else { + extensions.startInline = [ext.start]; + } + } + } + } + + if (ext.childTokens) { + // Child tokens to be visited by walkTokens + extensions.childTokens[ext.name] = ext.childTokens; + } + }); + } // ==-- Parse "overwrite" extensions --== // + + + if (pack.renderer) { + (function () { + var renderer = marked.defaults.renderer || new Renderer(); + + var _loop = function _loop(prop) { + var prevRenderer = renderer[prop]; // Replace renderer with func to run extension, but fall back if false + + renderer[prop] = function () { + for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) { + args[_key3] = arguments[_key3]; + } + + var ret = pack.renderer[prop].apply(renderer, args); + + if (ret === false) { + ret = prevRenderer.apply(renderer, args); + } + + return ret; + }; + }; + + for (var prop in pack.renderer) { + _loop(prop); + } + + opts.renderer = renderer; + })(); + } + + if (pack.tokenizer) { + (function () { + var tokenizer = marked.defaults.tokenizer || new Tokenizer(); + + var _loop2 = function _loop2(prop) { + var prevTokenizer = tokenizer[prop]; // Replace tokenizer with func to run extension, but fall back if false + + tokenizer[prop] = function () { + for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) { + args[_key4] = arguments[_key4]; + } + + var ret = pack.tokenizer[prop].apply(tokenizer, args); + + if (ret === false) { + ret = prevTokenizer.apply(tokenizer, args); + } + + return ret; + }; + }; + + for (var prop in pack.tokenizer) { + _loop2(prop); + } + + opts.tokenizer = tokenizer; + })(); + } // ==-- Parse WalkTokens extensions --== // + + + if (pack.walkTokens) { + var _walkTokens = marked.defaults.walkTokens; + + opts.walkTokens = function (token) { + pack.walkTokens.call(this, token); + + if (_walkTokens) { + _walkTokens.call(this, token); + } + }; + } + + if (hasExtensions) { + opts.extensions = extensions; + } + + marked.setOptions(opts); + }); + }; + /** + * Run callback for every token + */ + + + marked.walkTokens = function (tokens, callback) { + var _loop3 = function _loop3() { + var token = _step.value; + callback.call(marked, token); + + switch (token.type) { + case 'table': + { + for (var _iterator2 = _createForOfIteratorHelperLoose(token.header), _step2; !(_step2 = _iterator2()).done;) { + var cell = _step2.value; + marked.walkTokens(cell.tokens, callback); + } + + for (var _iterator3 = _createForOfIteratorHelperLoose(token.rows), _step3; !(_step3 = _iterator3()).done;) { + var row = _step3.value; + + for (var _iterator4 = _createForOfIteratorHelperLoose(row), _step4; !(_step4 = _iterator4()).done;) { + var _cell = _step4.value; + marked.walkTokens(_cell.tokens, callback); + } + } + + break; + } + + case 'list': + { + marked.walkTokens(token.items, callback); + break; + } + + default: + { + if (marked.defaults.extensions && marked.defaults.extensions.childTokens && marked.defaults.extensions.childTokens[token.type]) { + // Walk any extensions + marked.defaults.extensions.childTokens[token.type].forEach(function (childTokens) { + marked.walkTokens(token[childTokens], callback); + }); + } else if (token.tokens) { + marked.walkTokens(token.tokens, callback); + } + } + } + }; + + for (var _iterator = _createForOfIteratorHelperLoose(tokens), _step; !(_step = _iterator()).done;) { + _loop3(); + } + }; + /** + * Parse Inline + */ + + + marked.parseInline = function (src, opt) { + // throw error in case of non string input + if (typeof src === 'undefined' || src === null) { + throw new Error('marked.parseInline(): input parameter is undefined or null'); + } + + if (typeof src !== 'string') { + throw new Error('marked.parseInline(): input parameter is of type ' + Object.prototype.toString.call(src) + ', string expected'); + } + + opt = merge({}, marked.defaults, opt || {}); + checkSanitizeDeprecation(opt); + + try { + var tokens = Lexer.lexInline(src, opt); + + if (opt.walkTokens) { + marked.walkTokens(tokens, opt.walkTokens); + } + + return Parser.parseInline(tokens, opt); + } catch (e) { + e.message += '\nPlease report this to https://github.com/markedjs/marked.'; + + if (opt.silent) { + return '
An error occurred:
' + escape(e.message + '', true) + ''; + } + + throw e; + } + }; + /** + * Expose + */ + + + marked.Parser = Parser; + marked.parser = Parser.parse; + marked.Renderer = Renderer; + marked.TextRenderer = TextRenderer; + marked.Lexer = Lexer; + marked.lexer = Lexer.lex; + marked.Tokenizer = Tokenizer; + marked.Slugger = Slugger; + marked.parse = marked; + var options = marked.options; + var setOptions = marked.setOptions; + var use = marked.use; + var walkTokens = marked.walkTokens; + var parseInline = marked.parseInline; + var parse = marked; + var parser = Parser.parse; + var lexer = Lexer.lex; + + exports.Lexer = Lexer; + exports.Parser = Parser; + exports.Renderer = Renderer; + exports.Slugger = Slugger; + exports.TextRenderer = TextRenderer; + exports.Tokenizer = Tokenizer; + exports["default"] = marked; + exports.getDefaults = getDefaults; + exports.lexer = lexer; + exports.options = options; + exports.parse = parse; + exports.parseInline = parseInline; + exports.parser = parser; + exports.setOptions = setOptions; + exports.use = use; + exports.walkTokens = walkTokens; + + Object.defineProperty(exports, '__esModule', { value: true }); + +})); \ No newline at end of file diff --git a/src/renderer/lib/showdown.min.js b/src/renderer/lib/showdown.min.js deleted file mode 100644 index 7ed96f26..00000000 --- a/src/renderer/lib/showdown.min.js +++ /dev/null @@ -1,5531 +0,0 @@ -;/*! showdown v 2.0.0-alpha1 - 14-11-2021 */ -(function(){ - /** - * Created by Tivie on 13-07-2015. - */ - - function getDefaultOpts (simple) { - 'use strict'; - - var defaultOptions = { - omitExtraWLInCodeBlocks: { - defaultValue: false, - describe: 'Omit the default extra whiteline added to code blocks', - type: 'boolean' - }, - noHeaderId: { - defaultValue: false, - describe: 'Turn on/off generated header id', - type: 'boolean' - }, - prefixHeaderId: { - defaultValue: false, - describe: 'Add a prefix to the generated header ids. Passing a string will prefix that string to the header id. Setting to true will add a generic \'section-\' prefix', - type: 'string' - }, - rawPrefixHeaderId: { - defaultValue: false, - describe: 'Setting this option to true will prevent showdown from modifying the prefix. This might result in malformed IDs (if, for instance, the " char is used in the prefix)', - type: 'boolean' - }, - ghCompatibleHeaderId: { - defaultValue: false, - describe: 'Generate header ids compatible with github style (spaces are replaced with dashes, a bunch of non alphanumeric chars are removed)', - type: 'boolean' - }, - rawHeaderId: { - defaultValue: false, - describe: 'Remove only spaces, \' and " from generated header ids (including prefixes), replacing them with dashes (-). WARNING: This might result in malformed ids', - type: 'boolean' - }, - headerLevelStart: { - defaultValue: false, - describe: 'The header blocks level start', - type: 'integer' - }, - parseImgDimensions: { - defaultValue: false, - describe: 'Turn on/off image dimension parsing', - type: 'boolean' - }, - simplifiedAutoLink: { - defaultValue: false, - describe: 'Turn on/off GFM autolink style', - type: 'boolean' - }, - literalMidWordUnderscores: { - defaultValue: false, - describe: 'Parse midword underscores as literal underscores', - type: 'boolean' - }, - literalMidWordAsterisks: { - defaultValue: false, - describe: 'Parse midword asterisks as literal asterisks', - type: 'boolean' - }, - strikethrough: { - defaultValue: false, - describe: 'Turn on/off strikethrough support', - type: 'boolean' - }, - tables: { - defaultValue: false, - describe: 'Turn on/off tables support', - type: 'boolean' - }, - tablesHeaderId: { - defaultValue: false, - describe: 'Add an id to table headers', - type: 'boolean' - }, - ghCodeBlocks: { - defaultValue: true, - describe: 'Turn on/off GFM fenced code blocks support', - type: 'boolean' - }, - tasklists: { - defaultValue: false, - describe: 'Turn on/off GFM tasklist support', - type: 'boolean' - }, - smoothLivePreview: { - defaultValue: false, - describe: 'Prevents weird effects in live previews due to incomplete input', - type: 'boolean' - }, - smartIndentationFix: { - defaultValue: false, - description: 'Tries to smartly fix indentation in es6 strings', - type: 'boolean' - }, - disableForced4SpacesIndentedSublists: { - defaultValue: false, - description: 'Disables the requirement of indenting nested sublists by 4 spaces', - type: 'boolean' - }, - simpleLineBreaks: { - defaultValue: false, - description: 'Parses simple line breaks as
(GFM Style)', - type: 'boolean' - }, - requireSpaceBeforeHeadingText: { - defaultValue: false, - description: 'Makes adding a space between `#` and the header text mandatory (GFM Style)', - type: 'boolean' - }, - ghMentions: { - defaultValue: false, - description: 'Enables github @mentions', - type: 'boolean' - }, - ghMentionsLink: { - defaultValue: 'https://github.com/{u}', - description: 'Changes the link generated by @mentions. Only applies if ghMentions option is enabled.', - type: 'string' - }, - encodeEmails: { - defaultValue: true, - description: 'Encode e-mail addresses through the use of Character Entities, transforming ASCII e-mail addresses into its equivalent decimal entities', - type: 'boolean' - }, - openLinksInNewWindow: { - defaultValue: false, - description: 'Open all links in new windows', - type: 'boolean' - }, - backslashEscapesHTMLTags: { - defaultValue: false, - description: 'Support for HTML Tag escaping. ex: \
foo\
',
- type: 'boolean'
- },
- emoji: {
- defaultValue: false,
- description: 'Enable emoji support. Ex: `this is a :smile: emoji`',
- type: 'boolean'
- },
- underline: {
- defaultValue: false,
- description: 'Enable support for underline. Syntax is double or triple underscores: `__underline word__`. With this option enabled, underscores no longer parses into `` and ``',
- type: 'boolean'
- },
- ellipsis: {
- defaultValue: true,
- description: 'Replaces three dots with the ellipsis unicode character',
- type: 'boolean'
- },
- completeHTMLDocument: {
- defaultValue: false,
- description: 'Outputs a complete html document, including ``, `` and `` tags',
- type: 'boolean'
- },
- metadata: {
- defaultValue: false,
- description: 'Enable support for document metadata (defined at the top of the document between `«««` and `»»»` or between `---` and `---`).',
- type: 'boolean'
- },
- splitAdjacentBlockquotes: {
- defaultValue: false,
- description: 'Split adjacent blockquote blocks',
- type: 'boolean'
- },
- relativePathBaseUrl: {
- defaultValue: false,
- describe: 'Prepends a base URL to relative paths',
- type: 'string'
- },
- };
- if (simple === false) {
- return JSON.parse(JSON.stringify(defaultOptions));
- }
- var ret = {};
- for (var opt in defaultOptions) {
- if (defaultOptions.hasOwnProperty(opt)) {
- ret[opt] = defaultOptions[opt].defaultValue;
- }
- }
- return ret;
- }
-
- function allOptionsOn () {
- 'use strict';
- var options = getDefaultOpts(true),
- ret = {};
- for (var opt in options) {
- if (options.hasOwnProperty(opt)) {
- ret[opt] = true;
- }
- }
- return ret;
- }
-
- /**
- * Created by Tivie on 06-01-2015.
- */
-// Private properties
- var showdown = {},
- parsers = {},
- extensions = {},
- globalOptions = getDefaultOpts(true),
- setFlavor = 'vanilla',
- flavor = {
- github: {
- omitExtraWLInCodeBlocks: true,
- simplifiedAutoLink: true,
- literalMidWordUnderscores: true,
- strikethrough: true,
- tables: true,
- tablesHeaderId: true,
- ghCodeBlocks: true,
- tasklists: true,
- disableForced4SpacesIndentedSublists: true,
- simpleLineBreaks: true,
- requireSpaceBeforeHeadingText: true,
- ghCompatibleHeaderId: true,
- ghMentions: true,
- backslashEscapesHTMLTags: true,
- emoji: true,
- splitAdjacentBlockquotes: true
- },
- original: {
- noHeaderId: true,
- ghCodeBlocks: false
- },
- ghost: {
- omitExtraWLInCodeBlocks: true,
- parseImgDimensions: true,
- simplifiedAutoLink: true,
- literalMidWordUnderscores: true,
- strikethrough: true,
- tables: true,
- tablesHeaderId: true,
- ghCodeBlocks: true,
- tasklists: true,
- smoothLivePreview: true,
- simpleLineBreaks: true,
- requireSpaceBeforeHeadingText: true,
- ghMentions: false,
- encodeEmails: true
- },
- vanilla: getDefaultOpts(true),
- allOn: allOptionsOn()
- };
-
- /**
- * helper namespace
- * @type {{}}
- */
- showdown.helper = {};
-
- /**
- * TODO LEGACY SUPPORT CODE
- * @type {{}}
- */
- showdown.extensions = {};
-
- /**
- * Set a global option
- * @static
- * @param {string} key
- * @param {*} value
- * @returns {showdown}
- */
- showdown.setOption = function (key, value) {
- 'use strict';
- globalOptions[key] = value;
- return this;
- };
-
- /**
- * Get a global option
- * @static
- * @param {string} key
- * @returns {*}
- */
- showdown.getOption = function (key) {
- 'use strict';
- return globalOptions[key];
- };
-
- /**
- * Get the global options
- * @static
- * @returns {{}}
- */
- showdown.getOptions = function () {
- 'use strict';
- return globalOptions;
- };
-
- /**
- * Reset global options to the default values
- * @static
- */
- showdown.resetOptions = function () {
- 'use strict';
- globalOptions = getDefaultOpts(true);
- };
-
- /**
- * Set the flavor showdown should use as default
- * @param {string} name
- */
- showdown.setFlavor = function (name) {
- 'use strict';
- if (!flavor.hasOwnProperty(name)) {
- throw Error(name + ' flavor was not found');
- }
- showdown.resetOptions();
- var preset = flavor[name];
- setFlavor = name;
- for (var option in preset) {
- if (preset.hasOwnProperty(option)) {
- globalOptions[option] = preset[option];
- }
- }
- };
-
- /**
- * Get the currently set flavor
- * @returns {string}
- */
- showdown.getFlavor = function () {
- 'use strict';
- return setFlavor;
- };
-
- /**
- * Get the options of a specified flavor. Returns undefined if the flavor was not found
- * @param {string} name Name of the flavor
- * @returns {{}|undefined}
- */
- showdown.getFlavorOptions = function (name) {
- 'use strict';
- if (flavor.hasOwnProperty(name)) {
- return flavor[name];
- }
- };
-
- /**
- * Get the default options
- * @static
- * @param {boolean} [simple=true]
- * @returns {{}}
- */
- showdown.getDefaultOptions = function (simple) {
- 'use strict';
- return getDefaultOpts(simple);
- };
-
- /**
- * Get or set a subParser
- *
- * subParser(name) - Get a registered subParser
- * subParser(name, func) - Register a subParser
- * @static
- * @param {string} name
- * @param {function} [func]
- * @returns {*}
- */
- showdown.subParser = function (name, func) {
- 'use strict';
- if (showdown.helper.isString(name)) {
- if (typeof func !== 'undefined') {
- parsers[name] = func;
- } else {
- if (parsers.hasOwnProperty(name)) {
- return parsers[name];
- } else {
- throw Error('SubParser named ' + name + ' not registered!');
- }
- }
- } else {
- throw Error('showdown.subParser function first argument must be a string (the name of the subparser)');
- }
- };
-
- /**
- * Gets or registers an extension
- * @static
- * @param {string} name
- * @param {object|function=} ext
- * @returns {*}
- */
- showdown.extension = function (name, ext) {
- 'use strict';
-
- if (!showdown.helper.isString(name)) {
- throw Error('Extension \'name\' must be a string');
- }
-
- name = showdown.helper.stdExtName(name);
-
- // Getter
- if (showdown.helper.isUndefined(ext)) {
- if (!extensions.hasOwnProperty(name)) {
- throw Error('Extension named ' + name + ' is not registered!');
- }
- return extensions[name];
-
- // Setter
- } else {
- // Expand extension if it's wrapped in a function
- if (typeof ext === 'function') {
- ext = ext();
- }
-
- // Ensure extension is an array
- if (!showdown.helper.isArray(ext)) {
- ext = [ext];
- }
-
- var validExtension = validate(ext, name);
-
- if (validExtension.valid) {
- extensions[name] = ext;
- } else {
- throw Error(validExtension.error);
- }
- }
- };
-
- /**
- * Gets all extensions registered
- * @returns {{}}
- */
- showdown.getAllExtensions = function () {
- 'use strict';
- return extensions;
- };
-
- /**
- * Remove an extension
- * @param {string} name
- */
- showdown.removeExtension = function (name) {
- 'use strict';
- delete extensions[name];
- };
-
- /**
- * Removes all extensions
- */
- showdown.resetExtensions = function () {
- 'use strict';
- extensions = {};
- };
-
- /**
- * Validate extension
- * @param {array} extension
- * @param {string} name
- * @returns {{valid: boolean, error: string}}
- */
- function validate (extension, name) {
- 'use strict';
-
- var errMsg = (name) ? 'Error in ' + name + ' extension->' : 'Error in unnamed extension',
- ret = {
- valid: true,
- error: ''
- };
-
- if (!showdown.helper.isArray(extension)) {
- extension = [extension];
- }
-
- for (var i = 0; i < extension.length; ++i) {
- var baseMsg = errMsg + ' sub-extension ' + i + ': ',
- ext = extension[i];
- if (typeof ext !== 'object') {
- ret.valid = false;
- ret.error = baseMsg + 'must be an object, but ' + typeof ext + ' given';
- return ret;
- }
-
- if (!showdown.helper.isString(ext.type)) {
- ret.valid = false;
- ret.error = baseMsg + 'property "type" must be a string, but ' + typeof ext.type + ' given';
- return ret;
- }
-
- var type = ext.type = ext.type.toLowerCase();
-
- // normalize extension type
- if (type === 'language') {
- type = ext.type = 'lang';
- }
-
- if (type === 'html') {
- type = ext.type = 'output';
- }
-
- if (type !== 'lang' && type !== 'output' && type !== 'listener') {
- ret.valid = false;
- ret.error = baseMsg + 'type ' + type + ' is not recognized. Valid values: "lang/language", "output/html" or "listener"';
- return ret;
- }
-
- if (type === 'listener') {
- if (showdown.helper.isUndefined(ext.listeners)) {
- ret.valid = false;
- ret.error = baseMsg + '. Extensions of type "listener" must have a property called "listeners"';
- return ret;
- }
- } else {
- if (showdown.helper.isUndefined(ext.filter) && showdown.helper.isUndefined(ext.regex)) {
- ret.valid = false;
- ret.error = baseMsg + type + ' extensions must define either a "regex" property or a "filter" method';
- return ret;
- }
- }
-
- if (ext.listeners) {
- if (typeof ext.listeners !== 'object') {
- ret.valid = false;
- ret.error = baseMsg + '"listeners" property must be an object but ' + typeof ext.listeners + ' given';
- return ret;
- }
- for (var ln in ext.listeners) {
- if (ext.listeners.hasOwnProperty(ln)) {
- if (typeof ext.listeners[ln] !== 'function') {
- ret.valid = false;
- ret.error = baseMsg + '"listeners" property must be an hash of [event name]: [callback]. listeners.' + ln +
- ' must be a function but ' + typeof ext.listeners[ln] + ' given';
- return ret;
- }
- }
- }
- }
-
- if (ext.filter) {
- if (typeof ext.filter !== 'function') {
- ret.valid = false;
- ret.error = baseMsg + '"filter" must be a function, but ' + typeof ext.filter + ' given';
- return ret;
- }
- } else if (ext.regex) {
- if (showdown.helper.isString(ext.regex)) {
- ext.regex = new RegExp(ext.regex, 'g');
- }
- if (!(ext.regex instanceof RegExp)) {
- ret.valid = false;
- ret.error = baseMsg + '"regex" property must either be a string or a RegExp object, but ' + typeof ext.regex + ' given';
- return ret;
- }
- if (showdown.helper.isUndefined(ext.replace)) {
- ret.valid = false;
- ret.error = baseMsg + '"regex" extensions must implement a replace string or function';
- return ret;
- }
- }
- }
- return ret;
- }
-
- /**
- * Validate extension
- * @param {object} ext
- * @returns {boolean}
- */
- showdown.validateExtension = function (ext) {
- 'use strict';
-
- var validateExtension = validate(ext, null);
- if (!validateExtension.valid) {
- console.warn(validateExtension.error);
- return false;
- }
- return true;
- };
-
- /**
- * showdownjs helper functions
- */
-
- if (!showdown.hasOwnProperty('helper')) {
- showdown.helper = {};
- }
-
- if (typeof this.document === 'undefined' && typeof this.window === 'undefined') {
- var jsdom = require('jsdom');
- this.window = new jsdom.JSDOM('', {}).window; // jshint ignore:line
- }
- showdown.helper.document = this.window.document;
-
- /**
- * Check if var is string
- * @static
- * @param {string} a
- * @returns {boolean}
- */
- showdown.helper.isString = function (a) {
- 'use strict';
- return (typeof a === 'string' || a instanceof String);
- };
-
- /**
- * Check if var is a function
- * @static
- * @param {*} a
- * @returns {boolean}
- */
- showdown.helper.isFunction = function (a) {
- 'use strict';
- var getType = {};
- return a && getType.toString.call(a) === '[object Function]';
- };
-
- /**
- * isArray helper function
- * @static
- * @param {*} a
- * @returns {boolean}
- */
- showdown.helper.isArray = function (a) {
- 'use strict';
- return Array.isArray(a);
- };
-
- /**
- * Check if value is undefined
- * @static
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
- */
- showdown.helper.isUndefined = function (value) {
- 'use strict';
- return typeof value === 'undefined';
- };
-
- /**
- * ForEach helper function
- * Iterates over Arrays and Objects (own properties only)
- * @static
- * @param {*} obj
- * @param {function} callback Accepts 3 params: 1. value, 2. key, 3. the original array/object
- */
- showdown.helper.forEach = function (obj, callback) {
- 'use strict';
- // check if obj is defined
- if (showdown.helper.isUndefined(obj)) {
- throw new Error('obj param is required');
- }
-
- if (showdown.helper.isUndefined(callback)) {
- throw new Error('callback param is required');
- }
-
- if (!showdown.helper.isFunction(callback)) {
- throw new Error('callback param must be a function/closure');
- }
-
- if (typeof obj.forEach === 'function') {
- obj.forEach(callback);
- } else if (showdown.helper.isArray(obj)) {
- for (var i = 0; i < obj.length; i++) {
- callback(obj[i], i, obj);
- }
- } else if (typeof (obj) === 'object') {
- for (var prop in obj) {
- if (obj.hasOwnProperty(prop)) {
- callback(obj[prop], prop, obj);
- }
- }
- } else {
- throw new Error('obj does not seem to be an array or an iterable object');
- }
- };
-
- /**
- * Standardidize extension name
- * @static
- * @param {string} s extension name
- * @returns {string}
- */
- showdown.helper.stdExtName = function (s) {
- 'use strict';
- return s.replace(/[_?*+\/\\.^-]/g, '').replace(/\s/g, '').toLowerCase();
- };
-
- function escapeCharactersCallback (wholeMatch, m1) {
- 'use strict';
- var charCodeToEscape = m1.charCodeAt(0);
- return '¨E' + charCodeToEscape + 'E';
- }
-
- /**
- * Callback used to escape characters when passing through String.replace
- * @static
- * @param {string} wholeMatch
- * @param {string} m1
- * @returns {string}
- */
- showdown.helper.escapeCharactersCallback = escapeCharactersCallback;
-
- /**
- * Escape characters in a string
- * @static
- * @param {string} text
- * @param {string} charsToEscape
- * @param {boolean} afterBackslash
- * @returns {XML|string|void|*}
- */
- showdown.helper.escapeCharacters = function (text, charsToEscape, afterBackslash) {
- 'use strict';
- // First we have to escape the escape characters so that
- // we can build a character class out of them
- var regexString = '([' + charsToEscape.replace(/([\[\]\\])/g, '\\$1') + '])';
-
- if (afterBackslash) {
- regexString = '\\\\' + regexString;
- }
-
- var regex = new RegExp(regexString, 'g');
- text = text.replace(regex, escapeCharactersCallback);
-
- return text;
- };
-
- var rgxFindMatchPos = function (str, left, right, flags) {
- 'use strict';
- var f = flags || '',
- g = f.indexOf('g') > -1,
- x = new RegExp(left + '|' + right, 'g' + f.replace(/g/g, '')),
- l = new RegExp(left, f.replace(/g/g, '')),
- pos = [],
- t, s, m, start, end;
-
- do {
- t = 0;
- while ((m = x.exec(str))) {
- if (l.test(m[0])) {
- if (!(t++)) {
- s = x.lastIndex;
- start = s - m[0].length;
- }
- } else if (t) {
- if (!--t) {
- end = m.index + m[0].length;
- var obj = {
- left: {start: start, end: s},
- match: {start: s, end: m.index},
- right: {start: m.index, end: end},
- wholeMatch: {start: start, end: end}
- };
- pos.push(obj);
- if (!g) {
- return pos;
- }
- }
- }
- }
- } while (t && (x.lastIndex = s));
-
- return pos;
- };
-
- /**
- * matchRecursiveRegExp
- *
- * (c) 2007 Steven Levithan test
", "
',
- 'showdown': '
'
- };
-
- /**
- * These are all the transformations that form block-level
- * tags like paragraphs, headers, and list items.
- */
- showdown.subParser('makehtml.blockGamut', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.blockGamut.before', text, options, globals).getText();
-
- // we parse blockquotes first so that we can have headings and hrs
- // inside blockquotes
- text = showdown.subParser('makehtml.blockQuotes')(text, options, globals);
- text = showdown.subParser('makehtml.headers')(text, options, globals);
-
- // Do Horizontal Rules:
- text = showdown.subParser('makehtml.horizontalRule')(text, options, globals);
-
- text = showdown.subParser('makehtml.lists')(text, options, globals);
- text = showdown.subParser('makehtml.codeBlocks')(text, options, globals);
- text = showdown.subParser('makehtml.tables')(text, options, globals);
-
- // We already ran _HashHTMLBlocks() before, in Markdown(), but that
- // was to escape raw HTML in the original Markdown source. This time,
- // we're escaping the markup we've just created, so that we don't wrap
- // tags around block-level tags. - text = showdown.subParser('makehtml.hashHTMLBlocks')(text, options, globals); - text = showdown.subParser('makehtml.paragraphs')(text, options, globals); - - text = globals.converter._dispatch('makehtml.blockGamut.after', text, options, globals).getText(); - - return text; - }); - - showdown.subParser('makehtml.blockQuotes', function (text, options, globals) { - 'use strict'; - - text = globals.converter._dispatch('makehtml.blockQuotes.before', text, options, globals).getText(); - - // add a couple extra lines after the text and endtext mark - text = text + '\n\n'; - - var rgx = /(^ {0,3}>[ \t]?.+\n(.+\n)*\n*)+/gm; - - if (options.splitAdjacentBlockquotes) { - rgx = /^ {0,3}>[\s\S]*?(?:\n\n)/gm; - } - - text = text.replace(rgx, function (bq) { - // attacklab: hack around Konqueror 3.5.4 bug: - // "----------bug".replace(/^-/g,"") == "bug" - bq = bq.replace(/^[ \t]*>[ \t]?/gm, ''); // trim one level of quoting - - // attacklab: clean up hack - bq = bq.replace(/¨0/g, ''); - - bq = bq.replace(/^[ \t]+$/gm, ''); // trim whitespace-only lines - bq = showdown.subParser('makehtml.githubCodeBlocks')(bq, options, globals); - bq = showdown.subParser('makehtml.blockGamut')(bq, options, globals); // recurse - - bq = bq.replace(/(^|\n)/g, '$1 '); - // These leading spaces screw with
content, so we need to fix that:
- bq = bq.replace(/(\s*[^\r]+?<\/pre>)/gm, function (wholeMatch, m1) {
- var pre = m1;
- // attacklab: hack around Konqueror 3.5.4 bug:
- pre = pre.replace(/^ /mg, '¨0');
- pre = pre.replace(/¨0/g, '');
- return pre;
- });
-
- return showdown.subParser('makehtml.hashBlock')('\n' + bq + '\n
', options, globals);
- });
-
- text = globals.converter._dispatch('makehtml.blockQuotes.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Process Markdown `` blocks.
- */
- showdown.subParser('makehtml.codeBlocks', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.codeBlocks.before', text, options, globals).getText();
-
- // sentinel workarounds for lack of \A and \Z, safari\khtml bug
- text += '¨0';
-
- var pattern = /(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=¨0))/g;
- text = text.replace(pattern, function (wholeMatch, m1, m2) {
- var codeblock = m1,
- nextChar = m2,
- end = '\n';
-
- codeblock = showdown.subParser('makehtml.outdent')(codeblock, options, globals);
- codeblock = showdown.subParser('makehtml.encodeCode')(codeblock, options, globals);
- codeblock = showdown.subParser('makehtml.detab')(codeblock, options, globals);
- codeblock = codeblock.replace(/^\n+/g, ''); // trim leading newlines
- codeblock = codeblock.replace(/\n+$/g, ''); // trim trailing newlines
-
- if (options.omitExtraWLInCodeBlocks) {
- end = '';
- }
-
- codeblock = '' + codeblock + end + '
';
-
- return showdown.subParser('makehtml.hashBlock')(codeblock, options, globals) + nextChar;
- });
-
- // strip sentinel
- text = text.replace(/¨0/, '');
-
- text = globals.converter._dispatch('makehtml.codeBlocks.after', text, options, globals).getText();
- return text;
- });
-
- /**
- *
- * * Backtick quotes are used for Just type foo `bar` baz at the prompt.
- *
- * There's no arbitrary limit to the number of backticks you
- * can use as delimters. If you need three consecutive backticks
- * in your code, use four for delimiters, etc.
- *
- * * You can use spaces to get literal backticks at the edges:
- *
- * ... type `` `bar` `` ...
- *
- * Turns to:
- *
- * ... type `bar` ...
- */
- showdown.subParser('makehtml.codeSpans', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.codeSpans.before', text, options, globals).getText();
-
- if (typeof (text) === 'undefined') {
- text = '';
- }
- text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
- function (wholeMatch, m1, m2, m3) {
- var c = m3;
- c = c.replace(/^([ \t]*)/g, ''); // leading whitespace
- c = c.replace(/[ \t]*$/g, ''); // trailing whitespace
- c = showdown.subParser('makehtml.encodeCode')(c, options, globals);
- c = m1 + '' + c + '';
- c = showdown.subParser('makehtml.hashHTMLSpans')(c, options, globals);
- return c;
- }
- );
-
- text = globals.converter._dispatch('makehtml.codeSpans.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Create a full HTML document from the processed markdown
- */
- showdown.subParser('makehtml.completeHTMLDocument', function (text, options, globals) {
- 'use strict';
-
- if (!options.completeHTMLDocument) {
- return text;
- }
-
- text = globals.converter._dispatch('makehtml.completeHTMLDocument.before', text, options, globals).getText();
-
- var doctype = 'html',
- doctypeParsed = '\n',
- title = '',
- charset = '\n',
- lang = '',
- metadata = '';
-
- if (typeof globals.metadata.parsed.doctype !== 'undefined') {
- doctypeParsed = '\n';
- doctype = globals.metadata.parsed.doctype.toString().toLowerCase();
- if (doctype === 'html' || doctype === 'html5') {
- charset = '';
- }
- }
-
- for (var meta in globals.metadata.parsed) {
- if (globals.metadata.parsed.hasOwnProperty(meta)) {
- switch (meta.toLowerCase()) {
- case 'doctype':
- break;
-
- case 'title':
- title = '' + globals.metadata.parsed.title + ' \n';
- break;
-
- case 'charset':
- if (doctype === 'html' || doctype === 'html5') {
- charset = '\n';
- } else {
- charset = '\n';
- }
- break;
-
- case 'language':
- case 'lang':
- lang = ' lang="' + globals.metadata.parsed[meta] + '"';
- metadata += '\n';
- break;
-
- default:
- metadata += '\n';
- }
- }
- }
-
- text = doctypeParsed + '\n\n' + title + charset + metadata + '\n\n' + text.trim() + '\n\n';
-
- text = globals.converter._dispatch('makehtml.completeHTMLDocument.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Convert all tabs to spaces
- */
- showdown.subParser('makehtml.detab', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.detab.before', text, options, globals).getText();
-
- // expand first n-1 tabs
- text = text.replace(/\t(?=\t)/g, ' '); // g_tab_width
-
- // replace the nth with two sentinels
- text = text.replace(/\t/g, '¨A¨B');
-
- // use the sentinel to anchor our regex so it doesn't explode
- text = text.replace(/¨B(.+?)¨A/g, function (wholeMatch, m1) {
- var leadingText = m1,
- numSpaces = 4 - leadingText.length % 4; // g_tab_width
-
- // there *must* be a better way to do this:
- for (var i = 0; i < numSpaces; i++) {
- leadingText += ' ';
- }
-
- return leadingText;
- });
-
- // clean up sentinels
- text = text.replace(/¨A/g, ' '); // g_tab_width
- text = text.replace(/¨B/g, '');
-
- text = globals.converter._dispatch('makehtml.detab.after', text, options, globals).getText();
- return text;
- });
-
- showdown.subParser('makehtml.ellipsis', function (text, options, globals) {
- 'use strict';
-
- if (!options.ellipsis) {
- return text;
- }
-
- text = globals.converter._dispatch('makehtml.ellipsis.before', text, options, globals).getText();
-
- text = text.replace(/\.\.\./g, '…');
-
- text = globals.converter._dispatch('makehtml.ellipsis.after', text, options, globals).getText();
-
- return text;
- });
-
- /**
- * Turn emoji codes into emojis
- *
- * List of supported emojis: https://github.com/showdownjs/showdown/wiki/Emojis
- */
- showdown.subParser('makehtml.emoji', function (text, options, globals) {
- 'use strict';
-
- if (!options.emoji) {
- return text;
- }
-
- text = globals.converter._dispatch('makehtml.emoji.before', text, options, globals).getText();
-
- var emojiRgx = /:([\S]+?):/g;
-
- text = text.replace(emojiRgx, function (wm, emojiCode) {
- if (showdown.helper.emojis.hasOwnProperty(emojiCode)) {
- return showdown.helper.emojis[emojiCode];
- }
- return wm;
- });
-
- text = globals.converter._dispatch('makehtml.emoji.after', text, options, globals).getText();
-
- return text;
- });
-
- /**
- * Smart processing for ampersands and angle brackets that need to be encoded.
- */
- showdown.subParser('makehtml.encodeAmpsAndAngles', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.encodeAmpsAndAngles.before', text, options, globals).getText();
-
- // Ampersand-encoding based entirely on Nat Irons's Amputator MT plugin:
- // http://bumppo.net/projects/amputator/
- text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g, '&');
-
- // Encode naked <'s
- text = text.replace(/<(?![a-z\/?$!])/gi, '<');
-
- // Encode <
- text = text.replace(/
- text = text.replace(/>/g, '>');
-
- text = globals.converter._dispatch('makehtml.encodeAmpsAndAngles.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Returns the string, with after processing the following backslash escape sequences.
- *
- * attacklab: The polite way to do this is with the new escapeCharacters() function:
- *
- * text = escapeCharacters(text,"\\",true);
- * text = escapeCharacters(text,"`*_{}[]()>#+-.!",true);
- *
- * ...but we're sidestepping its use of the (slow) RegExp constructor
- * as an optimization for Firefox. This function gets called a LOT.
- */
- showdown.subParser('makehtml.encodeBackslashEscapes', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.encodeBackslashEscapes.before', text, options, globals).getText();
-
- text = text.replace(/\\(\\)/g, showdown.helper.escapeCharactersCallback);
- text = text.replace(/\\([`*_{}\[\]()>#+.!~=|:-])/g, showdown.helper.escapeCharactersCallback);
-
- text = globals.converter._dispatch('makehtml.encodeBackslashEscapes.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Encode/escape certain characters inside Markdown code runs.
- * The point is that in code, these characters are literals,
- * and lose their special Markdown meanings.
- */
- showdown.subParser('makehtml.encodeCode', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.encodeCode.before', text, options, globals).getText();
-
- // Encode all ampersands; HTML entities are not
- // entities within a Markdown code span.
- text = text
- .replace(/&/g, '&')
- // Do the angle bracket song and dance:
- .replace(//g, '>')
- // Now, escape characters that are magic in Markdown:
- .replace(/([*_{}\[\]\\=~-])/g, showdown.helper.escapeCharactersCallback);
-
- text = globals.converter._dispatch('makehtml.encodeCode.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Within tags -- meaning between < and > -- encode [\ ` * _ ~ =] so they
- * don't conflict with their use in Markdown for code, italics and strong.
- */
- showdown.subParser('makehtml.escapeSpecialCharsWithinTagAttributes', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.escapeSpecialCharsWithinTagAttributes.before', text, options, globals).getText();
-
- // Build a regex to find HTML tags.
- var tags = /<\/?[a-z\d_:-]+(?:[\s]+[\s\S]+?)?>/gi,
- comments = /-]|-[^>])(?:[^-]|-[^-])*)--)>/gi;
-
- text = text.replace(tags, function (wholeMatch) {
- return wholeMatch
- .replace(/(.)<\/?code>(?=.)/g, '$1`')
- .replace(/([\\`*_~=|])/g, showdown.helper.escapeCharactersCallback);
- });
-
- text = text.replace(comments, function (wholeMatch) {
- return wholeMatch
- .replace(/([\\`*_~=|])/g, showdown.helper.escapeCharactersCallback);
- });
-
- text = globals.converter._dispatch('makehtml.escapeSpecialCharsWithinTagAttributes.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Handle github codeblocks prior to running HashHTML so that
- * HTML contained within the codeblock gets escaped properly
- * Example:
- * ```ruby
- * def hello_world(x)
- * puts "Hello, #{x}"
- * end
- * ```
- */
- showdown.subParser('makehtml.githubCodeBlocks', function (text, options, globals) {
- 'use strict';
-
- // early exit if option is not enabled
- if (!options.ghCodeBlocks) {
- return text;
- }
-
- text = globals.converter._dispatch('makehtml.githubCodeBlocks.before', text, options, globals).getText();
-
- text += '¨0';
-
- text = text.replace(/(?:^|\n)(?: {0,3})(```+|~~~+)(?: *)([^\s`~]*)\n([\s\S]*?)\n(?: {0,3})\1/g, function (wholeMatch, delim, language, codeblock) {
- var end = (options.omitExtraWLInCodeBlocks) ? '' : '\n';
-
- // First parse the github code block
- codeblock = showdown.subParser('makehtml.encodeCode')(codeblock, options, globals);
- codeblock = showdown.subParser('makehtml.detab')(codeblock, options, globals);
- codeblock = codeblock.replace(/^\n+/g, ''); // trim leading newlines
- codeblock = codeblock.replace(/\n+$/g, ''); // trim trailing whitespace
-
- codeblock = '' + codeblock + end + '
';
-
- codeblock = showdown.subParser('makehtml.hashBlock')(codeblock, options, globals);
-
- // Since GHCodeblocks can be false positives, we need to
- // store the primitive text and the parsed text in a global var,
- // and then return a token
- return '\n\n¨G' + (globals.ghCodeBlocks.push({text: wholeMatch, codeblock: codeblock}) - 1) + 'G\n\n';
- });
-
- // attacklab: strip sentinel
- text = text.replace(/¨0/, '');
-
- return globals.converter._dispatch('makehtml.githubCodeBlocks.after', text, options, globals).getText();
- });
-
- showdown.subParser('makehtml.hashBlock', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.hashBlock.before', text, options, globals).getText();
- text = text.replace(/(^\n+|\n+$)/g, '');
- text = '\n\n¨K' + (globals.gHtmlBlocks.push(text) - 1) + 'K\n\n';
- text = globals.converter._dispatch('makehtml.hashBlock.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Hash and escape elements that should not be parsed as markdown
- */
- showdown.subParser('makehtml.hashCodeTags', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.hashCodeTags.before', text, options, globals).getText();
-
- var repFunc = function (wholeMatch, match, left, right) {
- var codeblock = left + showdown.subParser('makehtml.encodeCode')(match, options, globals) + right;
- return '¨C' + (globals.gHtmlSpans.push(codeblock) - 1) + 'C';
- };
-
- // Hash naked
- text = showdown.helper.replaceRecursiveRegExp(text, repFunc, ']*>', ' ', 'gim');
-
- text = globals.converter._dispatch('makehtml.hashCodeTags.after', text, options, globals).getText();
- return text;
- });
-
- showdown.subParser('makehtml.hashElement', function (text, options, globals) {
- 'use strict';
-
- return function (wholeMatch, m1) {
- var blockText = m1;
-
- // Undo double lines
- blockText = blockText.replace(/\n\n/g, '\n');
- blockText = blockText.replace(/^\n/, '');
-
- // strip trailing blank lines
- blockText = blockText.replace(/\n+$/g, '');
-
- // Replace the element text with a marker ("¨KxK" where x is its key)
- blockText = '\n\n¨K' + (globals.gHtmlBlocks.push(blockText) - 1) + 'K\n\n';
-
- return blockText;
- };
- });
-
- showdown.subParser('makehtml.hashHTMLBlocks', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.hashHTMLBlocks.before', text, options, globals).getText();
-
- var blockTags = [
- 'pre',
- 'div',
- 'h1',
- 'h2',
- 'h3',
- 'h4',
- 'h5',
- 'h6',
- 'blockquote',
- 'table',
- 'dl',
- 'ol',
- 'ul',
- 'script',
- 'noscript',
- 'form',
- 'fieldset',
- 'iframe',
- 'math',
- 'style',
- 'section',
- 'header',
- 'footer',
- 'nav',
- 'article',
- 'aside',
- 'address',
- 'audio',
- 'canvas',
- 'figure',
- 'hgroup',
- 'output',
- 'video',
- 'details',
- 'p'
- ],
- repFunc = function (wholeMatch, match, left, right) {
- var txt = wholeMatch;
- // check if this html element is marked as markdown
- // if so, it's contents should be parsed as markdown
- if (left.search(/\bmarkdown\b/) !== -1) {
- txt = left + globals.converter.makeHtml(match) + right;
- }
- return '\n\n¨K' + (globals.gHtmlBlocks.push(txt) - 1) + 'K\n\n';
- };
-
- if (options.backslashEscapesHTMLTags) {
- // encode backslash escaped HTML tags
- text = text.replace(/\\<(\/?[^>]+?)>/g, function (wm, inside) {
- return '<' + inside + '>';
- });
- }
-
- // hash HTML Blocks
- for (var i = 0; i < blockTags.length; ++i) {
-
- var opTagPos,
- rgx1 = new RegExp('^ {0,3}(<' + blockTags[i] + '\\b[^>]*>)', 'im'),
- patLeft = '<' + blockTags[i] + '\\b[^>]*>',
- patRight = '';
- // 1. Look for the first position of the first opening HTML tag in the text
- while ((opTagPos = showdown.helper.regexIndexOf(text, rgx1)) !== -1) {
-
- // if the HTML tag is \ escaped, we need to escape it and break
-
-
- //2. Split the text in that position
- var subTexts = showdown.helper.splitAtIndex(text, opTagPos),
- //3. Match recursively
- newSubText1 = showdown.helper.replaceRecursiveRegExp(subTexts[1], repFunc, patLeft, patRight, 'im');
-
- // prevent an infinite loop
- if (newSubText1 === subTexts[1]) {
- break;
- }
- text = subTexts[0].concat(newSubText1);
- }
- }
- // HR SPECIAL CASE
- text = text.replace(/(\n {0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,
- showdown.subParser('makehtml.hashElement')(text, options, globals));
-
- // Special case for standalone HTML comments
- text = showdown.helper.replaceRecursiveRegExp(text, function (txt) {
- return '\n\n¨K' + (globals.gHtmlBlocks.push(txt) - 1) + 'K\n\n';
- }, '^ {0,3}', 'gm');
-
- // PHP and ASP-style processor instructions ( and <%...%>)
- text = text.replace(/(?:\n\n)( {0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,
- showdown.subParser('makehtml.hashElement')(text, options, globals));
-
- text = globals.converter._dispatch('makehtml.hashHTMLBlocks.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Hash span elements that should not be parsed as markdown
- */
- showdown.subParser('makehtml.hashHTMLSpans', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.hashHTMLSpans.before', text, options, globals).getText();
-
- // Hash Self Closing tags
- text = text.replace(/<[^>]+?\/>/gi, function (wm) {
- return showdown.helper._hashHTMLSpan(wm, globals);
- });
-
- // Hash tags without properties
- text = text.replace(/<([^>]+?)>[\s\S]*?<\/\1>/g, function (wm) {
- return showdown.helper._hashHTMLSpan(wm, globals);
- });
-
- // Hash tags with properties
- text = text.replace(/<([^>]+?)\s[^>]+?>[\s\S]*?<\/\1>/g, function (wm) {
- return showdown.helper._hashHTMLSpan(wm, globals);
- });
-
- // Hash self closing tags without />
- text = text.replace(/<[^>]+?>/gi, function (wm) {
- return showdown.helper._hashHTMLSpan(wm, globals);
- });
-
- text = globals.converter._dispatch('makehtml.hashHTMLSpans.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Unhash HTML spans
- */
- showdown.subParser('makehtml.unhashHTMLSpans', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.unhashHTMLSpans.before', text, options, globals).getText();
-
- for (var i = 0; i < globals.gHtmlSpans.length; ++i) {
- var repText = globals.gHtmlSpans[i],
- // limiter to prevent infinite loop (assume 10 as limit for recurse)
- limit = 0;
-
- while (/¨C(\d+)C/.test(repText)) {
- var num = RegExp.$1;
- repText = repText.replace('¨C' + num + 'C', globals.gHtmlSpans[num]);
- if (limit === 10) {
- console.error('maximum nesting of 10 spans reached!!!');
- break;
- }
- ++limit;
- }
- text = text.replace('¨C' + i + 'C', repText);
- }
-
- text = globals.converter._dispatch('makehtml.unhashHTMLSpans.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Hash and escape elements that should not be parsed as markdown
- */
- showdown.subParser('makehtml.hashPreCodeTags', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.hashPreCodeTags.before', text, options, globals).getText();
-
- var repFunc = function (wholeMatch, match, left, right) {
- // encode html entities
- var codeblock = left + showdown.subParser('makehtml.encodeCode')(match, options, globals) + right;
- return '\n\n¨G' + (globals.ghCodeBlocks.push({text: wholeMatch, codeblock: codeblock}) - 1) + 'G\n\n';
- };
-
- // Hash
- text = showdown.helper.replaceRecursiveRegExp(text, repFunc, '^ {0,3}]*>\\s*]*>', '^ {0,3} \\s*
', 'gim');
-
- text = globals.converter._dispatch('makehtml.hashPreCodeTags.after', text, options, globals).getText();
- return text;
- });
-
- showdown.subParser('makehtml.headers', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.headers.before', text, options, globals).getText();
-
- var headerLevelStart = (isNaN(parseInt(options.headerLevelStart))) ? 1 : parseInt(options.headerLevelStart),
-
- // Set text-style headers:
- // Header 1
- // ========
- //
- // Header 2
- // --------
- //
- setextRegexH1 = (options.smoothLivePreview) ? /^(.+)[ \t]*\n={2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n=+[ \t]*\n+/gm,
- setextRegexH2 = (options.smoothLivePreview) ? /^(.+)[ \t]*\n-{2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n-+[ \t]*\n+/gm;
-
- text = text.replace(setextRegexH1, function (wholeMatch, m1) {
-
- var spanGamut = showdown.subParser('makehtml.spanGamut')(m1, options, globals),
- hID = (options.noHeaderId) ? '' : ' id="' + headerId(m1) + '"',
- hLevel = headerLevelStart,
- hashBlock = '' + spanGamut + ' ';
- return showdown.subParser('makehtml.hashBlock')(hashBlock, options, globals);
- });
-
- text = text.replace(setextRegexH2, function (matchFound, m1) {
- var spanGamut = showdown.subParser('makehtml.spanGamut')(m1, options, globals),
- hID = (options.noHeaderId) ? '' : ' id="' + headerId(m1) + '"',
- hLevel = headerLevelStart + 1,
- hashBlock = '' + spanGamut + ' ';
- return showdown.subParser('makehtml.hashBlock')(hashBlock, options, globals);
- });
-
- // atx-style headers:
- // # Header 1
- // ## Header 2
- // ## Header 2 with closing hashes ##
- // ...
- // ###### Header 6
- //
- var atxStyle = (options.requireSpaceBeforeHeadingText) ? /^(#{1,6})[ \t]+(.+?)[ \t]*#*\n+/gm : /^(#{1,6})[ \t]*(.+?)[ \t]*#*\n+/gm;
-
- text = text.replace(atxStyle, function (wholeMatch, m1, m2) {
- var hText = m2;
- if (options.customizedHeaderId) {
- hText = m2.replace(/\s?\{([^{]+?)}\s*$/, '');
- }
-
- var span = showdown.subParser('makehtml.spanGamut')(hText, options, globals),
- hID = (options.noHeaderId) ? '' : ' id="' + headerId(m2) + '"',
- hLevel = headerLevelStart - 1 + m1.length,
- header = '' + span + ' ';
-
- return showdown.subParser('makehtml.hashBlock')(header, options, globals);
- });
-
- function headerId (m) {
- var title,
- prefix;
-
- // It is separate from other options to allow combining prefix and customized
- if (options.customizedHeaderId) {
- var match = m.match(/\{([^{]+?)}\s*$/);
- if (match && match[1]) {
- m = match[1];
- }
- }
-
- title = m;
-
- // Prefix id to prevent causing inadvertent pre-existing style matches.
- if (showdown.helper.isString(options.prefixHeaderId)) {
- prefix = options.prefixHeaderId;
- } else if (options.prefixHeaderId === true) {
- prefix = 'section-';
- } else {
- prefix = '';
- }
-
- if (!options.rawPrefixHeaderId) {
- title = prefix + title;
- }
-
- if (options.ghCompatibleHeaderId) {
- title = title
- .replace(/ /g, '-')
- // replace previously escaped chars (&, ¨ and $)
- .replace(/&/g, '')
- .replace(/¨T/g, '')
- .replace(/¨D/g, '')
- // replace rest of the chars (&~$ are repeated as they might have been escaped)
- // borrowed from github's redcarpet (some they should produce similar results)
- .replace(/[&+$,\/:;=?@"#{}|^¨~\[\]`\\*)(%.!'<>]/g, '')
- .toLowerCase();
- } else if (options.rawHeaderId) {
- title = title
- .replace(/ /g, '-')
- // replace previously escaped chars (&, ¨ and $)
- .replace(/&/g, '&')
- .replace(/¨T/g, '¨')
- .replace(/¨D/g, '$')
- // replace " and '
- .replace(/["']/g, '-')
- .toLowerCase();
- } else {
- title = title
- .replace(/[^\w]/g, '')
- .toLowerCase();
- }
-
- if (options.rawPrefixHeaderId) {
- title = prefix + title;
- }
-
- if (globals.hashLinkCounts[title]) {
- title = title + '-' + (globals.hashLinkCounts[title]++);
- } else {
- globals.hashLinkCounts[title] = 1;
- }
- return title;
- }
-
- text = globals.converter._dispatch('makehtml.headers.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Turn Markdown horizontal rule shortcuts into
tags.
- *
- * Any 3 or more unindented consecutive hyphens, asterisks or underscores with or without a space beetween them
- * in a single line is considered a horizontal rule
- */
- showdown.subParser('makehtml.horizontalRule', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.horizontalRule.before', text, options, globals).getText();
-
- var key = showdown.subParser('makehtml.hashBlock')('
', options, globals);
- text = text.replace(/^ {0,2}( ?-){3,}[ \t]*$/gm, key);
- text = text.replace(/^ {0,2}( ?\*){3,}[ \t]*$/gm, key);
- text = text.replace(/^ {0,2}( ?_){3,}[ \t]*$/gm, key);
-
- text = globals.converter._dispatch('makehtml.horizontalRule.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Turn Markdown image shortcuts into ![]()
tags.
- */
- showdown.subParser('makehtml.images', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.images.before', text, options, globals).getText();
-
- var inlineRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]??(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g,
- crazyRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<([^>]*)>(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(?:(["'])([^"]*?)\6))?[ \t]?\)/g,
- base64RegExp = /!\[([^\]]*?)][ \t]*()\([ \t]??(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g,
- referenceRegExp = /!\[([^\]]*?)] ?(?:\n *)?\[([\s\S]*?)]()()()()()/g,
- refShortcutRegExp = /!\[([^\[\]]+)]()()()()()/g;
-
- function writeImageTagBase64 (wholeMatch, altText, linkId, url, width, height, m5, title) {
- url = url.replace(/\s/g, '');
- return writeImageTag (wholeMatch, altText, linkId, url, width, height, m5, title);
- }
-
- function writeImageTagBaseUrl (wholeMatch, altText, linkId, url, width, height, m5, title) {
- url = showdown.helper.applyBaseUrl(options.relativePathBaseUrl, url);
-
- return writeImageTag (wholeMatch, altText, linkId, url, width, height, m5, title);
- }
-
- function writeImageTag (wholeMatch, altText, linkId, url, width, height, m5, title) {
-
- var gUrls = globals.gUrls,
- gTitles = globals.gTitles,
- gDims = globals.gDimensions;
-
- linkId = linkId.toLowerCase();
-
- if (!title) {
- title = '';
- }
- // Special case for explicit empty url
- if (wholeMatch.search(/\(? ?(['"].*['"])?\)$/m) > -1) {
- url = '';
-
- } else if (url === '' || url === null) {
- if (linkId === '' || linkId === null) {
- // lower-case and turn embedded newlines into spaces
- linkId = altText.toLowerCase().replace(/ ?\n/g, ' ');
- }
- url = '#' + linkId;
-
- if (!showdown.helper.isUndefined(gUrls[linkId])) {
- url = gUrls[linkId];
- if (!showdown.helper.isUndefined(gTitles[linkId])) {
- title = gTitles[linkId];
- }
- if (!showdown.helper.isUndefined(gDims[linkId])) {
- width = gDims[linkId].width;
- height = gDims[linkId].height;
- }
- } else {
- return wholeMatch;
- }
- }
-
- altText = altText
- .replace(/"/g, '"')
- //altText = showdown.helper.escapeCharacters(altText, '*_', false);
- .replace(showdown.helper.regexes.asteriskDashTildeAndColon, showdown.helper.escapeCharactersCallback);
- //url = showdown.helper.escapeCharacters(url, '*_', false);
- url = url.replace(showdown.helper.regexes.asteriskDashTildeAndColon, showdown.helper.escapeCharactersCallback);
- var result = '
x "optional title")
-
- // base64 encoded images
- text = text.replace(base64RegExp, writeImageTagBase64);
-
- // cases with crazy urls like ./image/cat1).png
- text = text.replace(crazyRegExp, writeImageTagBaseUrl);
-
- // normal cases
- text = text.replace(inlineRegExp, writeImageTagBaseUrl);
-
- // handle reference-style shortcuts: ![img text]
- text = text.replace(refShortcutRegExp, writeImageTag);
-
- text = globals.converter._dispatch('makehtml.images.after', text, options, globals).getText();
- return text;
- });
-
- showdown.subParser('makehtml.italicsAndBold', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.italicsAndBold.before', text, options, globals).getText();
-
- // it's faster to have 3 separate regexes for each case than have just one
- // because of backtracing, in some cases, it could lead to an exponential effect
- // called "catastrophic backtrace". Ominous!
-
- function parseInside (txt, left, right) {
- return left + txt + right;
- }
-
- // Parse underscores
- if (options.literalMidWordUnderscores) {
- text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function (wm, txt) {
- return parseInside (txt, '', '');
- });
- text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function (wm, txt) {
- return parseInside (txt, '', '');
- });
- text = text.replace(/\b_(\S[\s\S]*?)_\b/g, function (wm, txt) {
- return parseInside (txt, '', '');
- });
- } else {
- text = text.replace(/___(\S[\s\S]*?)___/g, function (wm, m) {
- return (/\S$/.test(m)) ? parseInside (m, '', '') : wm;
- });
- text = text.replace(/__(\S[\s\S]*?)__/g, function (wm, m) {
- return (/\S$/.test(m)) ? parseInside (m, '', '') : wm;
- });
- text = text.replace(/_([^\s_][\s\S]*?)_/g, function (wm, m) {
- // !/^_[^_]/.test(m) - test if it doesn't start with __ (since it seems redundant, we removed it)
- return (/\S$/.test(m)) ? parseInside (m, '', '') : wm;
- });
- }
-
- // Now parse asterisks
- /*
- if (options.literalMidWordAsterisks) {
- text = text.replace(/([^*]|^)\B\*\*\*(\S[\s\S]+?)\*\*\*\B(?!\*)/g, function (wm, lead, txt) {
- return parseInside (txt, lead + '', '');
- });
- text = text.replace(/([^*]|^)\B\*\*(\S[\s\S]+?)\*\*\B(?!\*)/g, function (wm, lead, txt) {
- return parseInside (txt, lead + '', '');
- });
- text = text.replace(/([^*]|^)\B\*(\S[\s\S]+?)\*\B(?!\*)/g, function (wm, lead, txt) {
- return parseInside (txt, lead + '', '');
- });
- } else {
- */
- text = text.replace(/\*\*\*(\S[\s\S]*?)\*\*\*/g, function (wm, m) {
- return (/\S$/.test(m)) ? parseInside (m, '', '') : wm;
- });
- text = text.replace(/\*\*(\S[\s\S]*?)\*\*/g, function (wm, m) {
- return (/\S$/.test(m)) ? parseInside (m, '', '') : wm;
- });
- text = text.replace(/\*([^\s*][\s\S]*?)\*/g, function (wm, m) {
- // !/^\*[^*]/.test(m) - test if it doesn't start with ** (since it seems redundant, we removed it)
- return (/\S$/.test(m)) ? parseInside (m, '', '') : wm;
- });
- //}
-
- text = globals.converter._dispatch('makehtml.italicsAndBold.after', text, options, globals).getText();
- return text;
- });
-
-////
-// makehtml/links.js
-// Copyright (c) 2018 ShowdownJS
-//
-// Transforms MD links into `` html anchors
-//
-// A link contains link text (the visible text), a link destination (the URI that is the link destination), and
-// optionally a link title. There are two basic kinds of links in Markdown.
-// In inline links the destination and title are given immediately after the link text.
-// In reference links the destination and title are defined elsewhere in the document.
-//
-// ***Author:***
-// - Estevão Soares dos Santos (Tivie)
-////
-
- (function () {
- /**
- * Helper function: Wrapper function to pass as second replace parameter
- *
- * @param {RegExp} rgx
- * @param {string} evtRootName
- * @param {{}} options
- * @param {{}} globals
- * @returns {Function}
- */
- function replaceAnchorTagReference (rgx, evtRootName, options, globals, emptyCase) {
- emptyCase = !!emptyCase;
- return function (wholeMatch, text, id, url, m5, m6, title) {
- // bail we we find 2 newlines somewhere
- if (/\n\n/.test(wholeMatch)) {
- return wholeMatch;
- }
-
- var evt = createEvent(rgx, evtRootName + '.captureStart', wholeMatch, text, id, url, title, options, globals);
- return writeAnchorTag(evt, options, globals, emptyCase);
- };
- }
-
- function replaceAnchorTagBaseUrl (rgx, evtRootName, options, globals, emptyCase) {
- return function (wholeMatch, text, id, url, m5, m6, title) {
- url = showdown.helper.applyBaseUrl(options.relativePathBaseUrl, url);
-
- var evt = createEvent(rgx, evtRootName + '.captureStart', wholeMatch, text, id, url, title, options, globals);
- return writeAnchorTag(evt, options, globals, emptyCase);
- };
- }
-
- /**
- * TODO Normalize this
- * Helper function: Create a capture event
- * @param {RegExp} rgx
- * @param {String} evtName Event name
- * @param {String} wholeMatch
- * @param {String} text
- * @param {String} id
- * @param {String} url
- * @param {String} title
- * @param {{}} options
- * @param {{}} globals
- * @returns {showdown.helper.Event|*}
- */
- function createEvent (rgx, evtName, wholeMatch, text, id, url, title, options, globals) {
- return globals.converter._dispatch(evtName, wholeMatch, options, globals, {
- regexp: rgx,
- matches: {
- wholeMatch: wholeMatch,
- text: text,
- id: id,
- url: url,
- title: title
- }
- });
- }
-
- /**
- * Helper Function: Normalize and write an anchor tag based on passed parameters
- * @param evt
- * @param options
- * @param globals
- * @param {boolean} emptyCase
- * @returns {string}
- */
- function writeAnchorTag (evt, options, globals, emptyCase) {
-
- var wholeMatch = evt.getMatches().wholeMatch;
- var text = evt.getMatches().text;
- var id = evt.getMatches().id;
- var url = evt.getMatches().url;
- var title = evt.getMatches().title;
- var target = '';
-
- if (!title) {
- title = '';
- }
- id = (id) ? id.toLowerCase() : '';
-
- if (emptyCase) {
- url = '';
- } else if (!url) {
- if (!id) {
- // lower-case and turn embedded newlines into spaces
- id = text.toLowerCase().replace(/ ?\n/g, ' ');
- }
- url = '#' + id;
-
- if (!showdown.helper.isUndefined(globals.gUrls[id])) {
- url = globals.gUrls[id];
- if (!showdown.helper.isUndefined(globals.gTitles[id])) {
- title = globals.gTitles[id];
- }
- } else {
- return wholeMatch;
- }
- }
- //url = showdown.helper.escapeCharacters(url, '*_:~', false); // replaced line to improve performance
- url = url.replace(showdown.helper.regexes.asteriskDashTildeAndColon, showdown.helper.escapeCharactersCallback);
-
- if (title !== '' && title !== null) {
- title = title.replace(/"/g, '"');
- //title = showdown.helper.escapeCharacters(title, '*_', false); // replaced line to improve performance
- title = title.replace(showdown.helper.regexes.asteriskDashTildeAndColon, showdown.helper.escapeCharactersCallback);
- title = ' title="' + title + '"';
- }
-
- // optionLinksInNewWindow only applies
- // to external links. Hash links (#) open in same page
- if (options.openLinksInNewWindow && !/^#/.test(url)) {
- // escaped _
- target = ' rel="noopener noreferrer" target="¨E95Eblank"';
- }
-
- // Text can be a markdown element, so we run through the appropriate parsers
- text = showdown.subParser('makehtml.codeSpans')(text, options, globals);
- text = showdown.subParser('makehtml.emoji')(text, options, globals);
- text = showdown.subParser('makehtml.underline')(text, options, globals);
- text = showdown.subParser('makehtml.italicsAndBold')(text, options, globals);
- text = showdown.subParser('makehtml.strikethrough')(text, options, globals);
- text = showdown.subParser('makehtml.ellipsis')(text, options, globals);
- text = showdown.subParser('makehtml.hashHTMLSpans')(text, options, globals);
-
- //evt = createEvent(rgx, evtRootName + '.captureEnd', wholeMatch, text, id, url, title, options, globals);
-
- var result = '' + text + '';
-
- //evt = createEvent(rgx, evtRootName + '.beforeHash', wholeMatch, text, id, url, title, options, globals);
-
- result = showdown.subParser('makehtml.hashHTMLSpans')(result, options, globals);
-
- return result;
- }
-
- var evtRootName = 'makehtml.links';
-
- /**
- * Turn Markdown link shortcuts into XHTML tags.
- */
- showdown.subParser('makehtml.links', function (text, options, globals) {
-
- text = globals.converter._dispatch(evtRootName + '.start', text, options, globals).getText();
-
- // 1. Handle reference-style links: [link text] [id]
- text = showdown.subParser('makehtml.links.reference')(text, options, globals);
-
- // 2. Handle inline-style links: [link text](url "optional title")
- text = showdown.subParser('makehtml.links.inline')(text, options, globals);
-
- // 3. Handle reference-style shortcuts: [link text]
- // These must come last in case there's a [link text][1] or [link text](/foo)
- text = showdown.subParser('makehtml.links.referenceShortcut')(text, options, globals);
-
- // 4. Handle angle brackets links -> `).
- text = showdown.subParser('makehtml.links.angleBrackets')(text, options, globals);
-
- // 5. Handle GithubMentions (if option is enabled)
- text = showdown.subParser('makehtml.links.ghMentions')(text, options, globals);
-
- // 6. Handle tags and img tags
- text = text.replace(/]*>[\s\S]*<\/a>/g, function (wholeMatch) {
- return showdown.helper._hashHTMLSpan(wholeMatch, globals);
- });
-
- text = text.replace(/]*\/?>/g, function (wholeMatch) {
- return showdown.helper._hashHTMLSpan(wholeMatch, globals);
- });
-
- // 7. Handle naked links (if option is enabled)
- text = showdown.subParser('makehtml.links.naked')(text, options, globals);
-
- text = globals.converter._dispatch(evtRootName + '.end', text, options, globals).getText();
- return text;
- });
-
- /**
- * TODO WRITE THIS DOCUMENTATION
- */
- showdown.subParser('makehtml.links.inline', function (text, options, globals) {
- var evtRootName = evtRootName + '.inline';
-
- text = globals.converter._dispatch(evtRootName + '.start', text, options, globals).getText();
-
- // 1. Look for empty cases: []() and [empty]() and []("title")
- var rgxEmpty = /\[(.*?)]()()()()\(? ?(?:["'](.*)["'])?\)/g;
- text = text.replace(rgxEmpty, replaceAnchorTagBaseUrl(rgxEmpty, evtRootName, options, globals, true));
-
- // 2. Look for cases with crazy urls like ./image/cat1).png
- var rgxCrazy = /\[((?:\[[^\]]*]|[^\[\]])*)]()\s?\([ \t]?<([^>]*)>(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g;
- text = text.replace(rgxCrazy, replaceAnchorTagBaseUrl(rgxCrazy, evtRootName, options, globals));
-
- // 3. inline links with no title or titles wrapped in ' or ":
- // [text](url.com) || [text]() || [text](url.com "title") || [text]( "title")
- //var rgx2 = /\[[ ]*[\s]?[ ]*([^\n\[\]]*?)[ ]*[\s]?[ ]*] ?()\(?(?:[ ]*[\n]?[ ]*()(['"])(.*?)\5)?[ ]*[\s]?[ ]*\)/; // this regex is too slow!!!
- var rgx2 = /\[([\S ]*?)]\s?()\( *?\s*(?:()(['"])(.*?)\5)? *\)/g;
- text = text.replace(rgx2, replaceAnchorTagBaseUrl(rgx2, evtRootName, options, globals));
-
- // 4. inline links with titles wrapped in (): [foo](bar.com (title))
- var rgx3 = /\[([\S ]*?)]\s?()\( *?\s+()()\((.*?)\) *\)/g;
- text = text.replace(rgx3, replaceAnchorTagBaseUrl(rgx3, evtRootName, options, globals));
-
- text = globals.converter._dispatch(evtRootName + '.end', text, options, globals).getText();
-
- return text;
- });
-
- /**
- * TODO WRITE THIS DOCUMENTATION
- */
- showdown.subParser('makehtml.links.reference', function (text, options, globals) {
- var evtRootName = evtRootName + '.reference';
-
- text = globals.converter._dispatch(evtRootName + '.start', text, options, globals).getText();
-
- var rgx = /\[((?:\[[^\]]*]|[^\[\]])*)] ?(?:\n *)?\[(.*?)]()()()()/g;
- text = text.replace(rgx, replaceAnchorTagReference(rgx, evtRootName, options, globals));
-
- text = globals.converter._dispatch(evtRootName + '.end', text, options, globals).getText();
-
- return text;
- });
-
- /**
- * TODO WRITE THIS DOCUMENTATION
- */
- showdown.subParser('makehtml.links.referenceShortcut', function (text, options, globals) {
- var evtRootName = evtRootName + '.referenceShortcut';
-
- text = globals.converter._dispatch(evtRootName + '.start', text, options, globals).getText();
-
- var rgx = /\[([^\[\]]+)]()()()()()/g;
- text = text.replace(rgx, replaceAnchorTagReference(rgx, evtRootName, options, globals));
-
- text = globals.converter._dispatch(evtRootName + '.end', text, options, globals).getText();
-
- return text;
- });
-
- /**
- * TODO WRITE THIS DOCUMENTATION
- */
- showdown.subParser('makehtml.links.ghMentions', function (text, options, globals) {
- var evtRootName = evtRootName + 'ghMentions';
-
- if (!options.ghMentions) {
- return text;
- }
-
- text = globals.converter._dispatch(evtRootName + '.start', text, options, globals).getText();
-
- var rgx = /(^|\s)(\\)?(@([a-z\d]+(?:[a-z\d._-]+?[a-z\d]+)*))/gi;
-
- text = text.replace(rgx, function (wholeMatch, st, escape, mentions, username) {
- // bail if the mentions was escaped
- if (escape === '\\') {
- return st + mentions;
- }
-
- // check if options.ghMentionsLink is a string
- // TODO Validation should be done at initialization not at runtime
- if (!showdown.helper.isString(options.ghMentionsLink)) {
- throw new Error('ghMentionsLink option must be a string');
- }
- var url = options.ghMentionsLink.replace(/{u}/g, username);
- var evt = createEvent(rgx, evtRootName + '.captureStart', wholeMatch, mentions, null, url, null, options, globals);
- // captureEnd Event is triggered inside writeAnchorTag function
- return st + writeAnchorTag(evt, options, globals);
- });
-
- text = globals.converter._dispatch(evtRootName + '.end', text, options, globals).getText();
-
- return text;
- });
-
- /**
- * TODO WRITE THIS DOCUMENTATION
- */
- showdown.subParser('makehtml.links.angleBrackets', function (text, options, globals) {
- var evtRootName = 'makehtml.links.angleBrackets';
-
- text = globals.converter._dispatch(evtRootName + '.start', text, options, globals).getText();
-
- // 1. Parse links first
- var urlRgx = /<(((?:https?|ftp):\/\/|www\.)[^'">\s]+)>/gi;
- text = text.replace(urlRgx, function (wholeMatch, url, urlStart) {
- var text = url;
- url = (urlStart === 'www.') ? 'http://' + url : url;
- var evt = createEvent(urlRgx, evtRootName + '.captureStart', wholeMatch, text, null, url, null, options, globals);
- return writeAnchorTag(evt, options, globals);
- });
-
- // 2. Then Mail Addresses
- var mailRgx = /<(?:mailto:)?([-.\w]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi;
- text = text.replace(mailRgx, function (wholeMatch, mail) {
- var url = 'mailto:';
- mail = showdown.subParser('makehtml.unescapeSpecialChars')(mail, options, globals);
- if (options.encodeEmails) {
- url = showdown.helper.encodeEmailAddress(url + mail);
- mail = showdown.helper.encodeEmailAddress(mail);
- } else {
- url = url + mail;
- }
- var evt = createEvent(mailRgx, evtRootName + '.captureStart', wholeMatch, mail, null, url, null, options, globals);
- return writeAnchorTag(evt, options, globals);
- });
-
- text = globals.converter._dispatch(evtRootName + '.end', text, options, globals).getText();
- return text;
- });
-
- /**
- * TODO MAKE THIS WORK (IT'S NOT ACTIVATED)
- * TODO WRITE THIS DOCUMENTATION
- */
- showdown.subParser('makehtml.links.naked', function (text, options, globals) {
- if (!options.simplifiedAutoLink) {
- return text;
- }
-
- var evtRootName = 'makehtml.links.naked';
-
- text = globals.converter._dispatch(evtRootName + '.start', text, options, globals).getText();
-
- // 2. Now we check for
- // we also include leading markdown magic chars [_*~] for cases like __https://www.google.com/foobar__
- var urlRgx = /([_*~]*?)(((?:https?|ftp):\/\/|www\.)[^\s<>"'`´.-][^\s<>"'`´]*?\.[a-z\d.]+[^\s<>"']*)\1/gi;
- text = text.replace(urlRgx, function (wholeMatch, leadingMDChars, url, urlPrefix) {
-
- // we now will start traversing the url from the front to back, looking for punctuation chars [_*~,;:.!?\)\]]
- var len = url.length;
- var suffix = '';
- for (var i = len - 1; i >= 0; --i) {
- var char = url.charAt(i);
-
- if (/[_*~,;:.!?]/.test(char)) {
- // it's a punctuation char
- // we remove it from the url
- url = url.slice(0, -1);
- // and prepend it to the suffix
- suffix = char + suffix;
- } else if (/\)/.test(char)) {
- var opPar = url.match(/\(/g) || [];
- var clPar = url.match(/\)/g);
-
- // it's a curved parenthesis so we need to check for "balance" (kinda)
- if (opPar.length < clPar.length) {
- // there are more closing Parenthesis than opening so chop it!!!!!
- url = url.slice(0, -1);
- // and prepend it to the suffix
- suffix = char + suffix;
- } else {
- // it's (kinda) balanced so our work is done
- break;
- }
- } else if (/]/.test(char)) {
- var opPar2 = url.match(/\[/g) || [];
- var clPar2 = url.match(/\]/g);
- // it's a squared parenthesis so we need to check for "balance" (kinda)
- if (opPar2.length < clPar2.length) {
- // there are more closing Parenthesis than opening so chop it!!!!!
- url = url.slice(0, -1);
- // and prepend it to the suffix
- suffix = char + suffix;
- } else {
- // it's (kinda) balanced so our work is done
- break;
- }
- } else {
- // it's not a punctuation or a parenthesis so our work is done
- break;
- }
- }
-
- // we copy the treated url to the text variable
- var text = url;
- // finally, if it's a www shortcut, we prepend http
- url = (urlPrefix === 'www.') ? 'http://' + url : url;
-
- // url part is done so let's take care of text now
- // we need to escape the text (because of links such as www.example.com/foo__bar__baz)
- text = text.replace(showdown.helper.regexes.asteriskDashTildeAndColon, showdown.helper.escapeCharactersCallback);
-
- // finally we dispatch the event
- var evt = createEvent(urlRgx, evtRootName + '.captureStart', wholeMatch, text, null, url, null, options, globals);
-
- // and return the link tag, with the leadingMDChars and suffix. The leadingMDChars are added at the end too because
- // we consumed those characters in the regexp
- return leadingMDChars + writeAnchorTag(evt, options, globals) + suffix + leadingMDChars;
- });
-
- // 2. Then mails
- var mailRgx = /(^|\s)(?:mailto:)?([A-Za-z0-9!#$%&'*+-/=?^_`{|}~.]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)(?=$|\s)/gmi;
- text = text.replace(mailRgx, function (wholeMatch, leadingChar, mail) {
- var url = 'mailto:';
- mail = showdown.subParser('makehtml.unescapeSpecialChars')(mail, options, globals);
- if (options.encodeEmails) {
- url = showdown.helper.encodeEmailAddress(url + mail);
- mail = showdown.helper.encodeEmailAddress(mail);
- } else {
- url = url + mail;
- }
- var evt = createEvent(mailRgx, evtRootName + '.captureStart', wholeMatch, mail, null, url, null, options, globals);
- return leadingChar + writeAnchorTag(evt, options, globals);
- });
-
-
- text = globals.converter._dispatch(evtRootName + '.end', text, options, globals).getText();
- return text;
- });
- })();
-
- /**
- * Form HTML ordered (numbered) and unordered (bulleted) lists.
- */
- showdown.subParser('makehtml.lists', function (text, options, globals) {
- 'use strict';
-
- /**
- * Process the contents of a single ordered or unordered list, splitting it
- * into individual list items.
- * @param {string} listStr
- * @param {boolean} trimTrailing
- * @returns {string}
- */
- function processListItems (listStr, trimTrailing) {
- // The $g_list_level global keeps track of when we're inside a list.
- // Each time we enter a list, we increment it; when we leave a list,
- // we decrement. If it's zero, we're not in a list anymore.
- //
- // We do this because when we're not inside a list, we want to treat
- // something like this:
- //
- // I recommend upgrading to version
- // 8. Oops, now this line is treated
- // as a sub-list.
- //
- // As a single paragraph, despite the fact that the second line starts
- // with a digit-period-space sequence.
- //
- // Whereas when we're inside a list (or sub-list), that line will be
- // treated as the start of a sub-list. What a kludge, huh? This is
- // an aspect of Markdown's syntax that's hard to parse perfectly
- // without resorting to mind-reading. Perhaps the solution is to
- // change the syntax rules such that sub-lists must start with a
- // starting cardinal number; e.g. "1." or "a.".
- globals.gListLevel++;
-
- // trim trailing blank lines:
- listStr = listStr.replace(/\n{2,}$/, '\n');
-
- // attacklab: add sentinel to emulate \z
- listStr += '¨0';
-
- var rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0| {0,3}([*+-]|\d+[.])[ \t]+))/gm,
- isParagraphed = (/\n[ \t]*\n(?!¨0)/.test(listStr));
-
- // Since version 1.5, nesting sublists requires 4 spaces (or 1 tab) indentation,
- // which is a syntax breaking change
- // activating this option reverts to old behavior
- // This will be removed in version 2.0
- if (options.disableForced4SpacesIndentedSublists) {
- rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0|\2([*+-]|\d+[.])[ \t]+))/gm;
- }
-
- listStr = listStr.replace(rgx, function (wholeMatch, m1, m2, m3, m4, taskbtn, checked) {
- checked = (checked && checked.trim() !== '');
-
- var item = showdown.subParser('makehtml.outdent')(m4, options, globals),
- bulletStyle = '';
-
- // Support for github tasklists
- if (taskbtn && options.tasklists) {
- bulletStyle = ' class="task-list-item" style="list-style-type: none;"';
- item = item.replace(/^[ \t]*\[(x|X| )?]/m, function () {
- var otp = 'a
- // instead of:
- // - - - a
- // So, to prevent it, we will put a marker (¨A)in the beginning of the line
- // Kind of hackish/monkey patching, but seems more effective than overcomplicating the list parser
- item = item.replace(/^([-*+]|\d\.)[ \t]+[\S\n ]*/g, function (wm2) {
- return '¨A' + wm2;
- });
-
- // SPECIAL CASE: an heading followed by a paragraph of text that is not separated by a double newline
- // or/nor indented. ex:
- //
- // - # foo
- // bar is great
- //
- // While this does now follow the spec per se, not allowing for this might cause confusion since
- // header blocks don't need double newlines after
- if (/^#+.+\n.+/.test(item)) {
- item = item.replace(/^(#+.+)$/m, '$1\n');
- }
-
- // m1 - Leading line or
- // Has a double return (multi paragraph)
- if (m1 || (item.search(/\n{2,}/) > -1)) {
- item = showdown.subParser('makehtml.githubCodeBlocks')(item, options, globals);
- item = showdown.subParser('makehtml.blockGamut')(item, options, globals);
- } else {
-
- // Recursion for sub-lists:
- item = showdown.subParser('makehtml.lists')(item, options, globals);
- item = item.replace(/\n$/, ''); // chomp(item)
- item = showdown.subParser('makehtml.hashHTMLBlocks')(item, options, globals);
-
- // Colapse double linebreaks
- item = item.replace(/\n\n+/g, '\n\n');
-
- if (isParagraphed) {
- item = showdown.subParser('makehtml.paragraphs')(item, options, globals);
- } else {
- item = showdown.subParser('makehtml.spanGamut')(item, options, globals);
- }
- }
-
- // now we need to remove the marker (¨A)
- item = item.replace('¨A', '');
- // we can finally wrap the line in list item tags
- item = '' + item + '\n';
-
- return item;
- });
-
- // attacklab: strip sentinel
- listStr = listStr.replace(/¨0/g, '');
-
- globals.gListLevel--;
-
- if (trimTrailing) {
- listStr = listStr.replace(/\s+$/, '');
- }
-
- return listStr;
- }
-
- function styleStartNumber (list, listType) {
- // check if ol and starts by a number different than 1
- if (listType === 'ol') {
- var res = list.match(/^ *(\d+)\./);
- if (res && res[1] !== '1') {
- return ' start="' + res[1] + '"';
- }
- }
- return '';
- }
-
- /**
- * Check and parse consecutive lists (better fix for issue #142)
- * @param {string} list
- * @param {string} listType
- * @param {boolean} trimTrailing
- * @returns {string}
- */
- function parseConsecutiveLists (list, listType, trimTrailing) {
- // check if we caught 2 or more consecutive lists by mistake
- // we use the counterRgx, meaning if listType is UL we look for OL and vice versa
- var olRgx = (options.disableForced4SpacesIndentedSublists) ? /^ ?\d+\.[ \t]/gm : /^ {0,3}\d+\.[ \t]/gm,
- ulRgx = (options.disableForced4SpacesIndentedSublists) ? /^ ?[*+-][ \t]/gm : /^ {0,3}[*+-][ \t]/gm,
- counterRxg = (listType === 'ul') ? olRgx : ulRgx,
- result = '';
-
- if (list.search(counterRxg) !== -1) {
- (function parseCL (txt) {
- var pos = txt.search(counterRxg),
- style = styleStartNumber(list, listType);
- if (pos !== -1) {
- // slice
- result += '\n\n<' + listType + style + '>\n' + processListItems(txt.slice(0, pos), !!trimTrailing) + '\n';
-
- // invert counterType and listType
- listType = (listType === 'ul') ? 'ol' : 'ul';
- counterRxg = (listType === 'ul') ? olRgx : ulRgx;
-
- //recurse
- parseCL(txt.slice(pos));
- } else {
- result += '\n\n<' + listType + style + '>\n' + processListItems(txt, !!trimTrailing) + '\n';
- }
- })(list);
- } else {
- var style = styleStartNumber(list, listType);
- result = '\n\n<' + listType + style + '>\n' + processListItems(list, !!trimTrailing) + '\n';
- }
-
- return result;
- }
-
- // Start of list parsing
- var subListRgx = /^(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm;
- var mainListRgx = /(\n\n|^\n?)(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm;
-
- text = globals.converter._dispatch('lists.before', text, options, globals).getText();
- // add sentinel to hack around khtml/safari bug:
- // http://bugs.webkit.org/show_bug.cgi?id=11231
- text += '¨0';
-
- if (globals.gListLevel) {
- text = text.replace(subListRgx, function (wholeMatch, list, m2) {
- var listType = (m2.search(/[*+-]/g) > -1) ? 'ul' : 'ol';
- return parseConsecutiveLists(list, listType, true);
- });
- } else {
- text = text.replace(mainListRgx, function (wholeMatch, m1, list, m3) {
- var listType = (m3.search(/[*+-]/g) > -1) ? 'ul' : 'ol';
- return parseConsecutiveLists(list, listType, false);
- });
- }
-
- // strip sentinel
- text = text.replace(/¨0/, '');
- text = globals.converter._dispatch('makehtml.lists.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Parse metadata at the top of the document
- */
- showdown.subParser('makehtml.metadata', function (text, options, globals) {
- 'use strict';
-
- if (!options.metadata) {
- return text;
- }
-
- text = globals.converter._dispatch('makehtml.metadata.before', text, options, globals).getText();
-
- function parseMetadataContents (content) {
- // raw is raw so it's not changed in any way
- globals.metadata.raw = content;
-
- // escape chars forbidden in html attributes
- // double quotes
- content = content
- // ampersand first
- .replace(/&/g, '&')
- // double quotes
- .replace(/"/g, '"');
-
- content = content.replace(/\n {4}/g, ' ');
- content.replace(/^([\S ]+): +([\s\S]+?)$/gm, function (wm, key, value) {
- globals.metadata.parsed[key] = value;
- return '';
- });
- }
-
- text = text.replace(/^\s*«««+(\S*?)\n([\s\S]+?)\n»»»+\n/, function (wholematch, format, content) {
- parseMetadataContents(content);
- return '¨M';
- });
-
- text = text.replace(/^\s*---+(\S*?)\n([\s\S]+?)\n---+\n/, function (wholematch, format, content) {
- if (format) {
- globals.metadata.format = format;
- }
- parseMetadataContents(content);
- return '¨M';
- });
-
- text = text.replace(/¨M/g, '');
-
- text = globals.converter._dispatch('makehtml.metadata.after', text, options, globals).getText();
- return text;
- });
-
- /**
- * Remove one level of line-leading tabs or spaces
- */
- showdown.subParser('makehtml.outdent', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.outdent.before', text, options, globals).getText();
-
- // attacklab: hack around Konqueror 3.5.4 bug:
- // "----------bug".replace(/^-/g,"") == "bug"
- text = text.replace(/^(\t|[ ]{1,4})/gm, '¨0'); // attacklab: g_tab_width
-
- // attacklab: clean up hack
- text = text.replace(/¨0/g, '');
-
- text = globals.converter._dispatch('makehtml.outdent.after', text, options, globals).getText();
- return text;
- });
-
- /**
- *
- */
- showdown.subParser('makehtml.paragraphs', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.paragraphs.before', text, options, globals).getText();
- // Strip leading and trailing lines:
- text = text.replace(/^\n+/g, '');
- text = text.replace(/\n+$/g, '');
-
- var grafs = text.split(/\n{2,}/g),
- grafsOut = [],
- end = grafs.length; // Wrap tags
-
- for (var i = 0; i < end; i++) {
- var str = grafs[i];
- // if this is an HTML marker, copy it
- if (str.search(/¨(K|G)(\d+)\1/g) >= 0) {
- grafsOut.push(str);
-
- // test for presence of characters to prevent empty lines being parsed
- // as paragraphs (resulting in undesired extra empty paragraphs)
- } else if (str.search(/\S/) >= 0) {
- str = showdown.subParser('makehtml.spanGamut')(str, options, globals);
- str = str.replace(/^([ \t]*)/g, '
');
- str += '
';
- grafsOut.push(str);
- }
- }
-
- /** Unhashify HTML blocks */
- end = grafsOut.length;
- for (i = 0; i < end; i++) {
- var blockText = '',
- grafsOutIt = grafsOut[i],
- codeFlag = false;
- // if this is a marker for an html block...
- // use RegExp.test instead of string.search because of QML bug
- while (/¨(K|G)(\d+)\1/.test(grafsOutIt)) {
- var delim = RegExp.$1,
- num = RegExp.$2;
-
- if (delim === 'K') {
- blockText = globals.gHtmlBlocks[num];
- } else {
- // we need to check if ghBlock is a false positive
- if (codeFlag) {
- // use encoded version of all text
- blockText = showdown.subParser('makehtml.encodeCode')(globals.ghCodeBlocks[num].text, options, globals);
- } else {
- blockText = globals.ghCodeBlocks[num].codeblock;
- }
- }
- blockText = blockText.replace(/\$/g, '$$$$'); // Escape any dollar signs
-
- grafsOutIt = grafsOutIt.replace(/(\n\n)?¨(K|G)\d+\2(\n\n)?/, blockText);
- // Check if grafsOutIt is a pre->code
- if (/^]*>\s*]*>/.test(grafsOutIt)) {
- codeFlag = true;
- }
- }
- grafsOut[i] = grafsOutIt;
- }
- text = grafsOut.join('\n');
- // Strip leading and trailing lines:
- text = text.replace(/^\n+/g, '');
- text = text.replace(/\n+$/g, '');
- return globals.converter._dispatch('makehtml.paragraphs.after', text, options, globals).getText();
- });
-
- /**
- * Run extension
- */
- showdown.subParser('makehtml.runExtension', function (ext, text, options, globals) {
- 'use strict';
-
- if (ext.filter) {
- text = ext.filter(text, globals.converter, options);
-
- } else if (ext.regex) {
- // TODO remove this when old extension loading mechanism is deprecated
- var re = ext.regex;
- if (!(re instanceof RegExp)) {
- re = new RegExp(re, 'g');
- }
- text = text.replace(re, ext.replace);
- }
-
- return text;
- });
-
- /**
- * These are all the transformations that occur *within* block-level
- * tags like paragraphs, headers, and list items.
- */
- showdown.subParser('makehtml.spanGamut', function (text, options, globals) {
- 'use strict';
-
- text = globals.converter._dispatch('makehtml.span.before', text, options, globals).getText();
-
- text = showdown.subParser('makehtml.codeSpans')(text, options, globals);
- text = showdown.subParser('makehtml.escapeSpecialCharsWithinTagAttributes')(text, options, globals);
- text = showdown.subParser('makehtml.encodeBackslashEscapes')(text, options, globals);
-
- // Process link and image tags. Images must come first,
- // because ![foo][f] looks like a link.
- text = showdown.subParser('makehtml.images')(text, options, globals);
-
- text = globals.converter._dispatch('smakehtml.links.before', text, options, globals).getText();
- text = showdown.subParser('makehtml.links')(text, options, globals);
- text = globals.converter._dispatch('smakehtml.links.after', text, options, globals).getText();
-
- //text = showdown.subParser('makehtml.autoLinks')(text, options, globals);
- //text = showdown.subParser('makehtml.simplifiedAutoLinks')(text, options, globals);
- text = showdown.subParser('makehtml.emoji')(text, options, globals);
- text = showdown.subParser('makehtml.underline')(text, options, globals);
- text = showdown.subParser('makehtml.italicsAndBold')(text, options, globals);
- text = showdown.subParser('makehtml.strikethrough')(text, options, globals);
- text = showdown.subParser('makehtml.ellipsis')(text, options, globals);
-
- // we need to hash HTML tags inside spans
- text = showdown.subParser('makehtml.hashHTMLSpans')(text, options, globals);
-
- // now we encode amps and angles
- text = showdown.subParser('makehtml.encodeAmpsAndAngles')(text, options, globals);
-
- // Do hard breaks
- if (options.simpleLineBreaks) {
- // GFM style hard breaks
- // only add line breaks if the text does not contain a block (special case for lists)
- if (!/\n\n¨K/.test(text)) {
- text = text.replace(/\n+/g, '
\n');
- }
- } else {
- // Vanilla hard breaks
- text = text.replace(/ +\n/g, '
\n');
- }
-
- text = globals.converter._dispatch('makehtml.spanGamut.after', text, options, globals).getText();
- return text;
- });
-
- showdown.subParser('makehtml.strikethrough', function (text, options, globals) {
- 'use strict';
-
- if (options.strikethrough) {
- text = globals.converter._dispatch('makehtml.strikethrough.before', text, options, globals).getText();
- text = text.replace(/(?:~){2}([\s\S]+?)(?:~){2}/g, function (wm, txt) { return '' + txt + ''; });
- text = globals.converter._dispatch('makehtml.strikethrough.after', text, options, globals).getText();
- }
-
- return text;
- });
-
- /**
- * Strips link definitions from text, stores the URLs and titles in
- * hash references.
- * Link defs are in the form: ^[id]: url "optional title"
- */
- showdown.subParser('makehtml.stripLinkDefinitions', function (text, options, globals) {
- 'use strict';
-
- var regex = /^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*\s]+)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n+|(?=¨0))/gm,
- base64Regex = /^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n\n|(?=¨0)|(?=\n\[))/gm;
-
- // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
- text += '¨0';
-
- var replaceFunc = function (wholeMatch, linkId, url, width, height, blankLines, title) {
- linkId = linkId.toLowerCase();
- if (url.match(/^data:.+?\/.+?;base64,/)) {
- // remove newlines
- globals.gUrls[linkId] = url.replace(/\s/g, '');
- } else {
- url = showdown.helper.applyBaseUrl(options.relativePathBaseUrl, url);
-
- globals.gUrls[linkId] = showdown.subParser('makehtml.encodeAmpsAndAngles')(url, options, globals); // Link IDs are case-insensitive
- }
-
- if (blankLines) {
- // Oops, found blank lines, so it's not a title.
- // Put back the parenthetical statement we stole.
- return blankLines + title;
-
- } else {
- if (title) {
- globals.gTitles[linkId] = title.replace(/"|'/g, '"');
- }
- if (options.parseImgDimensions && width && height) {
- globals.gDimensions[linkId] = {
- width: width,
- height: height
- };
- }
- }
- // Completely remove the definition from the text
- return '';
- };
-
- // first we try to find base64 link references
- text = text.replace(base64Regex, replaceFunc);
-
- text = text.replace(regex, replaceFunc);
-
- // attacklab: strip sentinel
- text = text.replace(/¨0/, '');
-
- return text;
- });
-
- showdown.subParser('makehtml.tables', function (text, options, globals) {
- 'use strict';
-
- if (!options.tables) {
- return text;
- }
-
- var tableRgx = /^ {0,3}\|?.+\|.+\n {0,3}\|?[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*:?[ \t]*(?:[-=]){2,}[\s\S]+?(?:\n\n|¨0)/gm,
- //singeColTblRgx = /^ {0,3}\|.+\|\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n(?: {0,3}\|.+\|\n)+(?:\n\n|¨0)/gm;
- singeColTblRgx = /^ {0,3}\|.+\|[ \t]*\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n( {0,3}\|.+\|[ \t]*\n)*(?:\n|¨0)/gm;
-
- function parseStyles (sLine) {
- if (/^:[ \t]*--*$/.test(sLine)) {
- return ' style="text-align:left;"';
- } else if (/^--*[ \t]*:[ \t]*$/.test(sLine)) {
- return ' style="text-align:right;"';
- } else if (/^:[ \t]*--*[ \t]*:$/.test(sLine)) {
- return ' style="text-align:center;"';
- } else {
- return '';
- }
- }
-
- function parseHeaders (header, style) {
- var id = '';
- header = header.trim();
- // support both tablesHeaderId and tableHeaderId due to error in documentation so we don't break backwards compatibility
- if (options.tablesHeaderId || options.tableHeaderId) {
- id = ' id="' + header.replace(/ /g, '_').toLowerCase() + '"';
- }
- header = showdown.subParser('makehtml.spanGamut')(header, options, globals);
-
- return '' + header + '\n';
- }
-
- function parseCells (cell, style) {
- var subText = showdown.subParser('makehtml.spanGamut')(cell, options, globals);
- return '' + subText + '\n';
- }
-
- function buildTable (headers, cells) {
- var tb = '\n\n\n',
- tblLgn = headers.length;
-
- for (var i = 0; i < tblLgn; ++i) {
- tb += headers[i];
- }
- tb += ' \n\n\n';
-
- for (i = 0; i < cells.length; ++i) {
- tb += '\n';
- for (var ii = 0; ii < tblLgn; ++ii) {
- tb += cells[i][ii];
- }
- tb += ' \n';
- }
- tb += '\n
\n';
- return tb;
- }
-
- function parseTable (rawTable) {
- var i, tableLines = rawTable.split('\n');
-
- for (i = 0; i < tableLines.length; ++i) {
- // strip wrong first and last column if wrapped tables are used
- if (/^ {0,3}\|/.test(tableLines[i])) {
- tableLines[i] = tableLines[i].replace(/^ {0,3}\|/, '');
- }
- if (/\|[ \t]*$/.test(tableLines[i])) {
- tableLines[i] = tableLines[i].replace(/\|[ \t]*$/, '');
- }
- // parse code spans first, but we only support one line code spans
-
- tableLines[i] = showdown.subParser('makehtml.codeSpans')(tableLines[i], options, globals);
- }
-
- var rawHeaders = tableLines[0].split('|').map(function (s) { return s.trim();}),
- rawStyles = tableLines[1].split('|').map(function (s) { return s.trim();}),
- rawCells = [],
- headers = [],
- styles = [],
- cells = [];
-
- tableLines.shift();
- tableLines.shift();
-
- for (i = 0; i < tableLines.length; ++i) {
- if (tableLines[i].trim() === '') {
- continue;
- }
- rawCells.push(
- tableLines[i]
- .split('|')
- .map(function (s) {
- return s.trim();
- })
- );
- }
-
- if (rawHeaders.length < rawStyles.length) {
- return rawTable;
- }
-
- for (i = 0; i < rawStyles.length; ++i) {
- styles.push(parseStyles(rawStyles[i]));
- }
-
- for (i = 0; i < rawHeaders.length; ++i) {
- if (showdown.helper.isUndefined(styles[i])) {
- styles[i] = '';
- }
- headers.push(parseHeaders(rawHeaders[i], styles[i]));
- }
-
- for (i = 0; i < rawCells.length; ++i) {
- var row = [];
- for (var ii = 0; ii < headers.length; ++ii) {
- if (showdown.helper.isUndefined(rawCells[i][ii])) {
-
- }
- row.push(parseCells(rawCells[i][ii], styles[ii]));
- }
- cells.push(row);
- }
-
- return buildTable(headers, cells);
- }
-
- text = globals.converter._dispatch('makehtml.tables.before', text, options, globals).getText();
-
- // find escaped pipe characters
- text = text.replace(/\\(\|)/g, showdown.helper.escapeCharactersCallback);
-
- // parse multi column tables
- text = text.replace(tableRgx, parseTable);
-
- // parse one column tables
- text = text.replace(singeColTblRgx, parseTable);
-
- text = globals.converter._dispatch('makehtml.tables.after', text, options, globals).getText();
-
- return text;
- });
-
- showdown.subParser('makehtml.underline', function (text, options, globals) {
- 'use strict';
-
- if (!options.underline) {
- return text;
- }
-
- text = globals.converter._dispatch('makehtml.underline.before', text, options, globals).getText();
-
- if (options.literalMidWordUnderscores) {
- text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function (wm, txt) {
- return '' + txt + '';
- });
- text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function (wm, txt) {
- return '' + txt + '';
- });
- } else {
- text = text.replace(/___(\S[\s\S]*?)___/g, function (wm, m) {
- return (/\S$/.test(m)) ? '' + m + '' : wm;
- });
- text = text.replace(/__(\S[\s\S]*?)__/g, function (wm, m) {
- return (/\S$/.test(m)) ? '' + m + '' : wm;
- });
- }
-
- // escape remaining underscores to prevent them being parsed by italic and bold
- text = text.replace(/(_)/g, showdown.helper.escapeCharactersCallback);
-
- text = globals.converter._dispatch('makehtml.underline.after', text, options, globals).getText();
-
- return text;
- });
-
- /**
- * Swap back in all the special characters we've hidden.
- */
- showdown.subParser('makehtml.unescapeSpecialChars', function (text, options, globals) {
- 'use strict';
- text = globals.converter._dispatch('makehtml.unescapeSpecialChars.before', text, options, globals).getText();
-
- text = text.replace(/¨E(\d+)E/g, function (wholeMatch, m1) {
- var charCodeToReplace = parseInt(m1);
- return String.fromCharCode(charCodeToReplace);
- });
-
- text = globals.converter._dispatch('makehtml.unescapeSpecialChars.after', text, options, globals).getText();
- return text;
- });
-
- showdown.subParser('makeMarkdown.blockquote', function (node, globals) {
- 'use strict';
-
- var txt = '';
- if (node.hasChildNodes()) {
- var children = node.childNodes,
- childrenLength = children.length;
-
- for (var i = 0; i < childrenLength; ++i) {
- var innerTxt = showdown.subParser('makeMarkdown.node')(children[i], globals);
-
- if (innerTxt === '') {
- continue;
- }
- txt += innerTxt;
- }
- }
- // cleanup
- txt = txt.trim();
- txt = '> ' + txt.split('\n').join('\n> ');
- return txt;
- });
-
- showdown.subParser('makeMarkdown.break', function () {
- 'use strict';
-
- return ' \n';
- });
-
- showdown.subParser('makeMarkdown.codeBlock', function (node, globals) {
- 'use strict';
-
- var lang = node.getAttribute('language'),
- num = node.getAttribute('precodenum');
- return '```' + lang + '\n' + globals.preList[num] + '\n```';
- });
-
- showdown.subParser('makeMarkdown.codeSpan', function (node) {
- 'use strict';
-
- return '`' + node.innerHTML + '`';
- });
-
- showdown.subParser('makeMarkdown.emphasis', function (node, globals) {
- 'use strict';
-
- var txt = '';
- if (node.hasChildNodes()) {
- txt += '*';
- var children = node.childNodes,
- childrenLength = children.length;
- for (var i = 0; i < childrenLength; ++i) {
- txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
- }
- txt += '*';
- }
- return txt;
- });
-
- showdown.subParser('makeMarkdown.header', function (node, globals, headerLevel) {
- 'use strict';
-
- var headerMark = new Array(headerLevel + 1).join('#'),
- txt = '';
-
- if (node.hasChildNodes()) {
- txt = headerMark + ' ';
- var children = node.childNodes,
- childrenLength = children.length;
-
- for (var i = 0; i < childrenLength; ++i) {
- txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
- }
- }
- return txt;
- });
-
- showdown.subParser('makeMarkdown.hr', function () {
- 'use strict';
-
- return '---';
- });
-
- showdown.subParser('makeMarkdown.image', function (node) {
- 'use strict';
-
- var txt = '';
- if (node.hasAttribute('src')) {
- txt += ' + '>';
- if (node.hasAttribute('width') && node.hasAttribute('height')) {
- txt += ' =' + node.getAttribute('width') + 'x' + node.getAttribute('height');
- }
-
- if (node.hasAttribute('title')) {
- txt += ' "' + node.getAttribute('title') + '"';
- }
- txt += ')';
- }
- return txt;
- });
-
- showdown.subParser('makeMarkdown.links', function (node, globals) {
- 'use strict';
-
- var txt = '';
- if (node.hasChildNodes() && node.hasAttribute('href')) {
- var children = node.childNodes,
- childrenLength = children.length;
- txt = '[';
- for (var i = 0; i < childrenLength; ++i) {
- txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
- }
- txt += '](';
- txt += '<' + node.getAttribute('href') + '>';
- if (node.hasAttribute('title')) {
- txt += ' "' + node.getAttribute('title') + '"';
- }
- txt += ')';
- }
- return txt;
- });
-
- showdown.subParser('makeMarkdown.list', function (node, globals, type) {
- 'use strict';
-
- var txt = '';
- if (!node.hasChildNodes()) {
- return '';
- }
- var listItems = node.childNodes,
- listItemsLenght = listItems.length,
- listNum = node.getAttribute('start') || 1;
-
- for (var i = 0; i < listItemsLenght; ++i) {
- if (typeof listItems[i].tagName === 'undefined' || listItems[i].tagName.toLowerCase() !== 'li') {
- continue;
- }
-
- // define the bullet to use in list
- var bullet = '';
- if (type === 'ol') {
- bullet = listNum.toString() + '. ';
- } else {
- bullet = '- ';
- }
-
- // parse list item
- txt += bullet + showdown.subParser('makeMarkdown.listItem')(listItems[i], globals);
- ++listNum;
- }
-
- return txt.trim();
- });
-
- showdown.subParser('makeMarkdown.listItem', function (node, globals) {
- 'use strict';
-
- var listItemTxt = '';
-
- var children = node.childNodes,
- childrenLenght = children.length;
-
- for (var i = 0; i < childrenLenght; ++i) {
- listItemTxt += showdown.subParser('makeMarkdown.node')(children[i], globals);
- }
- // if it's only one liner, we need to add a newline at the end
- if (!/\n$/.test(listItemTxt)) {
- listItemTxt += '\n';
- } else {
- // it's multiparagraph, so we need to indent
- listItemTxt = listItemTxt
- .split('\n')
- .join('\n ')
- .replace(/^ {4}$/gm, '')
- .replace(/\n\n+/g, '\n\n');
- }
-
- return listItemTxt;
- });
-
-
-
- showdown.subParser('makeMarkdown.node', function (node, globals, spansOnly) {
- 'use strict';
-
- spansOnly = spansOnly || false;
-
- var txt = '';
-
- // edge case of text without wrapper paragraph
- if (node.nodeType === 3) {
- return showdown.subParser('makeMarkdown.txt')(node, globals);
- }
-
- // HTML comment
- if (node.nodeType === 8) {
- return '\n\n';
- }
-
- // process only node elements
- if (node.nodeType !== 1) {
- return '';
- }
-
- var tagName = node.tagName.toLowerCase();
-
- switch (tagName) {
-
- //
- // BLOCKS
- //
- case 'h1':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 1) + '\n\n'; }
- break;
- case 'h2':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 2) + '\n\n'; }
- break;
- case 'h3':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 3) + '\n\n'; }
- break;
- case 'h4':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 4) + '\n\n'; }
- break;
- case 'h5':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 5) + '\n\n'; }
- break;
- case 'h6':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.header')(node, globals, 6) + '\n\n'; }
- break;
-
- case 'p':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.paragraph')(node, globals) + '\n\n'; }
- break;
-
- case 'blockquote':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.blockquote')(node, globals) + '\n\n'; }
- break;
-
- case 'hr':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.hr')(node, globals) + '\n\n'; }
- break;
-
- case 'ol':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.list')(node, globals, 'ol') + '\n\n'; }
- break;
-
- case 'ul':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.list')(node, globals, 'ul') + '\n\n'; }
- break;
-
- case 'precode':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.codeBlock')(node, globals) + '\n\n'; }
- break;
-
- case 'pre':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.pre')(node, globals) + '\n\n'; }
- break;
-
- case 'table':
- if (!spansOnly) { txt = showdown.subParser('makeMarkdown.table')(node, globals) + '\n\n'; }
- break;
-
- //
- // SPANS
- //
- case 'code':
- txt = showdown.subParser('makeMarkdown.codeSpan')(node, globals);
- break;
-
- case 'em':
- case 'i':
- txt = showdown.subParser('makeMarkdown.emphasis')(node, globals);
- break;
-
- case 'strong':
- case 'b':
- txt = showdown.subParser('makeMarkdown.strong')(node, globals);
- break;
-
- case 'del':
- txt = showdown.subParser('makeMarkdown.strikethrough')(node, globals);
- break;
-
- case 'a':
- txt = showdown.subParser('makeMarkdown.links')(node, globals);
- break;
-
- case 'img':
- txt = showdown.subParser('makeMarkdown.image')(node, globals);
- break;
-
- case 'br':
- txt = showdown.subParser('makeMarkdown.break')(node, globals);
- break;
-
- default:
- txt = node.outerHTML + '\n\n';
- }
-
- // common normalization
- // TODO eventually
-
- return txt;
- });
-
- showdown.subParser('makeMarkdown.paragraph', function (node, globals) {
- 'use strict';
-
- var txt = '';
- if (node.hasChildNodes()) {
- var children = node.childNodes,
- childrenLength = children.length;
- for (var i = 0; i < childrenLength; ++i) {
- txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
- }
- }
-
- // some text normalization
- txt = txt.trim();
-
- return txt;
- });
-
- showdown.subParser('makeMarkdown.pre', function (node, globals) {
- 'use strict';
-
- var num = node.getAttribute('prenum');
- return '' + globals.preList[num] + '
';
- });
-
- showdown.subParser('makeMarkdown.strikethrough', function (node, globals) {
- 'use strict';
-
- var txt = '';
- if (node.hasChildNodes()) {
- txt += '~~';
- var children = node.childNodes,
- childrenLength = children.length;
- for (var i = 0; i < childrenLength; ++i) {
- txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
- }
- txt += '~~';
- }
- return txt;
- });
-
- showdown.subParser('makeMarkdown.strong', function (node, globals) {
- 'use strict';
-
- var txt = '';
- if (node.hasChildNodes()) {
- txt += '**';
- var children = node.childNodes,
- childrenLength = children.length;
- for (var i = 0; i < childrenLength; ++i) {
- txt += showdown.subParser('makeMarkdown.node')(children[i], globals);
- }
- txt += '**';
- }
- return txt;
- });
-
- showdown.subParser('makeMarkdown.table', function (node, globals) {
- 'use strict';
-
- var txt = '',
- tableArray = [[], []],
- headings = node.querySelectorAll('thead>tr>th'),
- rows = node.querySelectorAll('tbody>tr'),
- i, ii;
- for (i = 0; i < headings.length; ++i) {
- var headContent = showdown.subParser('makeMarkdown.tableCell')(headings[i], globals),
- allign = '---';
-
- if (headings[i].hasAttribute('style')) {
- var style = headings[i].getAttribute('style').toLowerCase().replace(/\s/g, '');
- switch (style) {
- case 'text-align:left;':
- allign = ':---';
- break;
- case 'text-align:right;':
- allign = '---:';
- break;
- case 'text-align:center;':
- allign = ':---:';
- break;
- }
- }
- tableArray[0][i] = headContent.trim();
- tableArray[1][i] = allign;
- }
-
- for (i = 0; i < rows.length; ++i) {
- var r = tableArray.push([]) - 1,
- cols = rows[i].getElementsByTagName('td');
-
- for (ii = 0; ii < headings.length; ++ii) {
- var cellContent = ' ';
- if (typeof cols[ii] !== 'undefined') {
- cellContent = showdown.subParser('makeMarkdown.tableCell')(cols[ii], globals);
- }
- tableArray[r].push(cellContent);
- }
- }
-
- var cellSpacesCount = 3;
- for (i = 0; i < tableArray.length; ++i) {
- for (ii = 0; ii < tableArray[i].length; ++ii) {
- var strLen = tableArray[i][ii].length;
- if (strLen > cellSpacesCount) {
- cellSpacesCount = strLen;
- }
- }
- }
-
- for (i = 0; i < tableArray.length; ++i) {
- for (ii = 0; ii < tableArray[i].length; ++ii) {
- if (i === 1) {
- if (tableArray[i][ii].slice(-1) === ':') {
- tableArray[i][ii] = showdown.helper.padEnd(tableArray[i][ii].slice(-1), cellSpacesCount - 1, '-') + ':';
- } else {
- tableArray[i][ii] = showdown.helper.padEnd(tableArray[i][ii], cellSpacesCount, '-');
- }
- } else {
- tableArray[i][ii] = showdown.helper.padEnd(tableArray[i][ii], cellSpacesCount);
- }
- }
- txt += '| ' + tableArray[i].join(' | ') + ' |\n';
- }
-
- return txt.trim();
- });
-
- showdown.subParser('makeMarkdown.tableCell', function (node, globals) {
- 'use strict';
-
- var txt = '';
- if (!node.hasChildNodes()) {
- return '';
- }
- var children = node.childNodes,
- childrenLength = children.length;
-
- for (var i = 0; i < childrenLength; ++i) {
- txt += showdown.subParser('makeMarkdown.node')(children[i], globals, true);
- }
- return txt.trim();
- });
-
- showdown.subParser('makeMarkdown.txt', function (node) {
- 'use strict';
-
- var txt = node.nodeValue;
-
- // multiple spaces are collapsed
- txt = txt.replace(/ +/g, ' ');
-
- // replace the custom ¨NBSP; with a space
- txt = txt.replace(/¨NBSP;/g, ' ');
-
- // ", <, > and & should replace escaped html entities
- txt = showdown.helper.unescapeHTMLEntities(txt);
-
- // escape markdown magic characters
- // emphasis, strong and strikethrough - can appear everywhere
- // we also escape pipe (|) because of tables
- // and escape ` because of code blocks and spans
- txt = txt.replace(/([*_~|`])/g, '\\$1');
-
- // escape > because of blockquotes
- txt = txt.replace(/^(\s*)>/g, '\\$1>');
-
- // hash character, only troublesome at the beginning of a line because of headers
- txt = txt.replace(/^#/gm, '\\#');
-
- // horizontal rules
- txt = txt.replace(/^(\s*)([-=]{3,})(\s*)$/, '$1\\$2$3');
-
- // dot, because of ordered lists, only troublesome at the beginning of a line when preceded by an integer
- txt = txt.replace(/^( {0,3}\d+)\./gm, '$1\\.');
-
- // +, * and -, at the beginning of a line becomes a list, so we need to escape them also (asterisk was already escaped)
- txt = txt.replace(/^( {0,3})([+-])/gm, '$1\\$2');
-
- // images and links, ] followed by ( is problematic, so we escape it
- txt = txt.replace(/]([\s]*)\(/g, '\\]$1\\(');
-
- // reference URIs must also be escaped
- txt = txt.replace(/^ {0,3}\[([\S \t]*?)]:/gm, '\\[$1]:');
-
- return txt;
- });
-
- /**
- * Created by Estevao on 31-05-2015.
- */
-
- /**
- * Showdown Converter class
- * @class
- * @param {object} [converterOptions]
- * @returns {Converter}
- */
- showdown.Converter = function (converterOptions) {
- 'use strict';
-
- var
- /**
- * Options used by this converter
- * @private
- * @type {{}}
- */
- options = {},
-
- /**
- * Language extensions used by this converter
- * @private
- * @type {Array}
- */
- langExtensions = [],
-
- /**
- * Output modifiers extensions used by this converter
- * @private
- * @type {Array}
- */
- outputModifiers = [],
-
- /**
- * Event listeners
- * @private
- * @type {{}}
- */
- listeners = {},
-
- /**
- * The flavor set in this converter
- */
- setConvFlavor = setFlavor,
-
- /**
- * Metadata of the document
- * @type {{parsed: {}, raw: string, format: string}}
- */
- metadata = {
- parsed: {},
- raw: '',
- format: ''
- };
-
- _constructor();
-
- /**
- * Converter constructor
- * @private
- */
- function _constructor () {
- converterOptions = converterOptions || {};
-
- for (var gOpt in globalOptions) {
- if (globalOptions.hasOwnProperty(gOpt)) {
- options[gOpt] = globalOptions[gOpt];
- }
- }
-
- // Merge options
- if (typeof converterOptions === 'object') {
- for (var opt in converterOptions) {
- if (converterOptions.hasOwnProperty(opt)) {
- options[opt] = converterOptions[opt];
- }
- }
- } else {
- throw Error('Converter expects the passed parameter to be an object, but ' + typeof converterOptions +
- ' was passed instead.');
- }
-
- if (options.extensions) {
- showdown.helper.forEach(options.extensions, _parseExtension);
- }
- }
-
- /**
- * Parse extension
- * @param {*} ext
- * @param {string} [name='']
- * @private
- */
- function _parseExtension (ext, name) {
-
- name = name || null;
- // If it's a string, the extension was previously loaded
- if (showdown.helper.isString(ext)) {
- ext = showdown.helper.stdExtName(ext);
- name = ext;
-
- // LEGACY_SUPPORT CODE
- if (showdown.extensions[ext]) {
- console.warn('DEPRECATION WARNING: ' + ext + ' is an old extension that uses a deprecated loading method.' +
- 'Please inform the developer that the extension should be updated!');
- legacyExtensionLoading(showdown.extensions[ext], ext);
- return;
- // END LEGACY SUPPORT CODE
-
- } else if (!showdown.helper.isUndefined(extensions[ext])) {
- ext = extensions[ext];
-
- } else {
- throw Error('Extension "' + ext + '" could not be loaded. It was either not found or is not a valid extension.');
- }
- }
-
- if (typeof ext === 'function') {
- ext = ext();
- }
-
- if (!showdown.helper.isArray(ext)) {
- ext = [ext];
- }
-
- var validExt = validate(ext, name);
- if (!validExt.valid) {
- throw Error(validExt.error);
- }
-
- for (var i = 0; i < ext.length; ++i) {
- switch (ext[i].type) {
-
- case 'lang':
- langExtensions.push(ext[i]);
- break;
-
- case 'output':
- outputModifiers.push(ext[i]);
- break;
- }
- if (ext[i].hasOwnProperty('listeners')) {
- for (var ln in ext[i].listeners) {
- if (ext[i].listeners.hasOwnProperty(ln)) {
- listen(ln, ext[i].listeners[ln]);
- }
- }
- }
- }
-
- }
-
- /**
- * LEGACY_SUPPORT
- * @param {*} ext
- * @param {string} name
- */
- function legacyExtensionLoading (ext, name) {
- if (typeof ext === 'function') {
- ext = ext(new showdown.Converter());
- }
- if (!showdown.helper.isArray(ext)) {
- ext = [ext];
- }
- var valid = validate(ext, name);
-
- if (!valid.valid) {
- throw Error(valid.error);
- }
-
- for (var i = 0; i < ext.length; ++i) {
- switch (ext[i].type) {
- case 'lang':
- langExtensions.push(ext[i]);
- break;
- case 'output':
- outputModifiers.push(ext[i]);
- break;
- default:// should never reach here
- throw Error('Extension loader error: Type unrecognized!!!');
- }
- }
- }
-
- /**
- * Listen to an event
- * @param {string} name
- * @param {function} callback
- */
- function listen (name, callback) {
- if (!showdown.helper.isString(name)) {
- throw Error('Invalid argument in converter.listen() method: name must be a string, but ' + typeof name + ' given');
- }
-
- if (typeof callback !== 'function') {
- throw Error('Invalid argument in converter.listen() method: callback must be a function, but ' + typeof callback + ' given');
- }
- name = name.toLowerCase();
- if (!listeners.hasOwnProperty(name)) {
- listeners[name] = [];
- }
- listeners[name].push(callback);
- }
-
- function rTrimInputText (text) {
- var rsp = text.match(/^\s*/)[0].length,
- rgx = new RegExp('^\\s{0,' + rsp + '}', 'gm');
- return text.replace(rgx, '');
- }
-
- /**
- *
- * @param {string} evtName Event name
- * @param {string} text Text
- * @param {{}} options Converter Options
- * @param {{}} globals Converter globals
- * @param {{}} pParams extra params for event
- * @returns showdown.helper.Event
- * @private
- */
- this._dispatch = function dispatch (evtName, text, options, globals, pParams) {
- evtName = evtName.toLowerCase();
- var params = pParams || {};
- params.converter = this;
- params.text = text;
- params.options = options;
- params.globals = globals;
- var event = new showdown.helper.Event(evtName, text, params);
-
- if (listeners.hasOwnProperty(evtName)) {
- for (var ei = 0; ei < listeners[evtName].length; ++ei) {
- var nText = listeners[evtName][ei](event);
- if (nText && typeof nText !== 'undefined') {
- event.setText(nText);
- }
- }
- }
- return event;
- };
-
- /**
- * Listen to an event
- * @param {string} name
- * @param {function} callback
- * @returns {showdown.Converter}
- */
- this.listen = function (name, callback) {
- listen(name, callback);
- return this;
- };
-
- /**
- * Converts a markdown string into HTML string
- * @param {string} text
- * @returns {*}
- */
- this.makeHtml = function (text) {
- //check if text is not falsy
- if (!text) {
- return text;
- }
-
- var globals = {
- gHtmlBlocks: [],
- gHtmlMdBlocks: [],
- gHtmlSpans: [],
- gUrls: {},
- gTitles: {},
- gDimensions: {},
- gListLevel: 0,
- hashLinkCounts: {},
- langExtensions: langExtensions,
- outputModifiers: outputModifiers,
- converter: this,
- ghCodeBlocks: [],
- metadata: {
- parsed: {},
- raw: '',
- format: ''
- }
- };
-
- // This lets us use ¨ trema as an escape char to avoid md5 hashes
- // The choice of character is arbitrary; anything that isn't
- // magic in Markdown will work.
- text = text.replace(/¨/g, '¨T');
-
- // Replace $ with ¨D
- // RegExp interprets $ as a special character
- // when it's in a replacement string
- text = text.replace(/\$/g, '¨D');
-
- // Standardize line endings
- text = text.replace(/\r\n/g, '\n'); // DOS to Unix
- text = text.replace(/\r/g, '\n'); // Mac to Unix
-
- // Stardardize line spaces
- text = text.replace(/\u00A0/g, ' ');
-
- if (options.smartIndentationFix) {
- text = rTrimInputText(text);
- }
-
- // Make sure text begins and ends with a couple of newlines:
- text = '\n\n' + text + '\n\n';
-
- // detab
- text = showdown.subParser('makehtml.detab')(text, options, globals);
-
- /**
- * Strip any lines consisting only of spaces and tabs.
- * This makes subsequent regexs easier to write, because we can
- * match consecutive blank lines with /\n+/ instead of something
- * contorted like /[ \t]*\n+/
- */
- text = text.replace(/^[ \t]+$/mg, '');
-
- //run languageExtensions
- showdown.helper.forEach(langExtensions, function (ext) {
- text = showdown.subParser('makehtml.runExtension')(ext, text, options, globals);
- });
-
- // run the sub parsers
- text = showdown.subParser('makehtml.metadata')(text, options, globals);
- text = showdown.subParser('makehtml.hashPreCodeTags')(text, options, globals);
- text = showdown.subParser('makehtml.githubCodeBlocks')(text, options, globals);
- text = showdown.subParser('makehtml.hashHTMLBlocks')(text, options, globals);
- text = showdown.subParser('makehtml.hashCodeTags')(text, options, globals);
- text = showdown.subParser('makehtml.stripLinkDefinitions')(text, options, globals);
- text = showdown.subParser('makehtml.blockGamut')(text, options, globals);
- text = showdown.subParser('makehtml.unhashHTMLSpans')(text, options, globals);
- text = showdown.subParser('makehtml.unescapeSpecialChars')(text, options, globals);
-
- // attacklab: Restore dollar signs
- text = text.replace(/¨D/g, '$$');
-
- // attacklab: Restore tremas
- text = text.replace(/¨T/g, '¨');
-
- // render a complete html document instead of a partial if the option is enabled
- text = showdown.subParser('makehtml.completeHTMLDocument')(text, options, globals);
-
- // Run output modifiers
- showdown.helper.forEach(outputModifiers, function (ext) {
- text = showdown.subParser('makehtml.runExtension')(ext, text, options, globals);
- });
-
- // update metadata
- metadata = globals.metadata;
- return text;
- };
-
- /**
- * Converts an HTML string into a markdown string
- * @param src
- * @returns {string}
- */
- this.makeMarkdown = function (src) {
-
- // replace \r\n with \n
- src = src.replace(/\r\n/g, '\n');
- src = src.replace(/\r/g, '\n'); // old macs
-
- // due to an edge case, we need to find this: > <
- // to prevent removing of non silent white spaces
- // ex: this is sparta
- src = src.replace(/>[ \t]+¨NBSP;<');
-
- var doc = showdown.helper.document.createElement('div');
- doc.innerHTML = src;
-
- var globals = {
- preList: substitutePreCodeTags(doc)
- };
-
- // remove all newlines and collapse spaces
- clean(doc);
-
- // some stuff, like accidental reference links must now be escaped
- // TODO
- // doc.innerHTML = doc.innerHTML.replace(/\[[\S\t ]]/);
-
- var nodes = doc.childNodes,
- mdDoc = '';
-
- for (var i = 0; i < nodes.length; i++) {
- mdDoc += showdown.subParser('makeMarkdown.node')(nodes[i], globals);
- }
-
- function clean (node) {
- for (var n = 0; n < node.childNodes.length; ++n) {
- var child = node.childNodes[n];
- if (child.nodeType === 3) {
- if (!/\S/.test(child.nodeValue) && !/^[ ]+$/.test(child.nodeValue)) {
- node.removeChild(child);
- --n;
- } else {
- child.nodeValue = child.nodeValue.split('\n').join(' ');
- child.nodeValue = child.nodeValue.replace(/(\s)+/g, '$1');
- }
- } else if (child.nodeType === 1) {
- clean(child);
- }
- }
- }
-
- // find all pre tags and replace contents with placeholder
- // we need this so that we can remove all indentation from html
- // to ease up parsing
- function substitutePreCodeTags (doc) {
-
- var pres = doc.querySelectorAll('pre'),
- presPH = [];
-
- for (var i = 0; i < pres.length; ++i) {
-
- if (pres[i].childElementCount === 1 && pres[i].firstChild.tagName.toLowerCase() === 'code') {
- var content = pres[i].firstChild.innerHTML.trim(),
- language = pres[i].firstChild.getAttribute('data-language') || '';
-
- // if data-language attribute is not defined, then we look for class language-*
- if (language === '') {
- var classes = pres[i].firstChild.className.split(' ');
- for (var c = 0; c < classes.length; ++c) {
- var matches = classes[c].match(/^language-(.+)$/);
- if (matches !== null) {
- language = matches[1];
- break;
- }
- }
- }
-
- // unescape html entities in content
- content = showdown.helper.unescapeHTMLEntities(content);
-
- presPH.push(content);
- pres[i].outerHTML = '>E;if(l[B+3]=Y,0!==Y){var Z=255/Y;l[B]=(O*C>>E)*Z,l[B+1]=(P*C>>E)*Z,l[B+2]=(q*C>>E)*Z}else l[B]=l[B+1]=l[B+2]=0;O-=k,P-=H,q-=_,z-=M,k-=p.r,H-=p.g,_-=p.b,M-=p.a;var $=X+f+1;$=w+($>E,ut>0?(ut=255/ut,l[Nt]=(bt*C>>E)*ut,l[Nt+1]=(xt*C>>E)*ut,l[Nt+2]=(dt*C>>E)*ut):l[Nt]=l[Nt+1]=l[Nt+2]=0,bt-=lt,xt-=ct,dt-=st,yt-=vt,lt-=p.r,ct-=p.g,st-=p.b,vt-=p.a,Nt=ot+((Nt=St+b)>E,l[S+1]=k*C>>E,l[S+2]=H*C>>E,W-=T,k-=j,H-=A,T-=w.r,j-=w.g,A-=w.b,p=I+((p=z+f+1)>E,l[p+1]=Y*C>>E,l[p+2]=Z*C>>E,X-=Q,Y-=U,Z-=V,Q-=w.r,U-=w.g,V-=w.b,p=F+((p=ot+b)
-
-
diff --git a/src/renderer/logotmp2.svg b/src/renderer/logotmp2.svg
deleted file mode 100644
index 61317b00..00000000
--- a/src/renderer/logotmp2.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
diff --git a/src/renderer/main/app.js b/src/renderer/main/app.js
index c3c2b59b..a1b66680 100644
--- a/src/renderer/main/app.js
+++ b/src/renderer/main/app.js
@@ -6,6 +6,7 @@ import {CiderAudio} from '../audio/audio.js'
import {Events} from './events.js'
import { wsapi } from "./wsapi_interop.js"
import { MusicKitTools } from "./musickittools.js"
+import { spawnMica } from "./mica.js"
// Define window objects
@@ -26,5 +27,6 @@ if (app.cfg.advanced.AudioContext){
// Import gamepad support
app.simulateGamepad = simulateGamepad
+app.spawnMica = spawnMica
Events.InitEvents()
\ No newline at end of file
diff --git a/src/renderer/main/mica.js b/src/renderer/main/mica.js
new file mode 100644
index 00000000..a27161f7
--- /dev/null
+++ b/src/renderer/main/mica.js
@@ -0,0 +1,87 @@
+async function spawnMica() {
+ if(typeof window.micaSpawned !== "undefined") {
+ return
+ }else{
+ window.micaSpawned = true
+ }
+ const micaDiv = document.createElement('div');
+ const blurIterations = 6
+ micaDiv.id = 'micaEffect';
+ micaDiv.style.position = "fixed"
+ micaDiv.style.top = "0"
+ micaDiv.style.left = "0"
+ micaDiv.style.right = "0"
+ micaDiv.style.bottom = "0"
+ micaDiv.style.zIndex = -1
+
+ let lastScreenX;
+ let lastScreenY;
+ let lastScreenWidth;
+ let lastScreenHeight;
+
+ let imgSrc = await ipcRenderer.sendSync("get-wallpaper")
+ let canvas = document.createElement('canvas');
+ let ctx = canvas.getContext('2d');
+ let img = new Image();
+ img.src = imgSrc;
+ img.onload = function () {
+ canvas.width = img.width;
+ canvas.height = img.height;
+ ctx.drawImage(img, 0, 0);
+ for (let i = 0; i < blurIterations; i++) {
+ StackBlur.canvasRGB(canvas, 0, 0, img.width, img.height, 128);
+ }
+ let imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+ micaDiv.style.backgroundImage = `url(${canvas.toDataURL()})`;
+ document.body.appendChild(micaDiv);
+ // on animation finished set animation to unset
+ micaDiv.addEventListener('animationend', function () {
+ micaDiv.style.opacity = '1';
+ micaDiv.style.animation = 'unset';
+ })
+ }
+
+
+ function onScreenMove(cb) {
+ function detectScreenMove() {
+ if (lastScreenY !== window.screenY || lastScreenX !== window.screenX) {
+ lastScreenY = window.screenY;
+ lastScreenX = window.screenX;
+ cb();
+ }
+ // window size change
+ if (lastScreenWidth !== window.innerWidth || lastScreenHeight !== window.innerHeight) {
+ lastScreenWidth = window.innerWidth;
+ lastScreenHeight = window.innerHeight;
+ cb();
+ }
+ if (true) {
+ requestAnimationFrame(detectScreenMove);
+ }
+ }
+
+ if (true) {
+ requestAnimationFrame(detectScreenMove);
+ }
+ }
+
+ onScreenMove(function () {
+ const screenHeight = window.screen.height;
+ const screenWidth = window.screen.width;
+ const windowHeight = window.innerHeight;
+ const windowWidth = window.innerWidth;
+ const ratio = windowWidth / windowHeight;
+ const x = window.screenX;
+ const y = window.screenY;
+ micaDiv.style.backgroundSize = `${screenWidth}px ${screenHeight}px`;
+ // micaDiv.style.backgroundPosition = `-${x}px -${y}px`;
+ if (x < 0) {
+ micaDiv.style.backgroundPosition = `${screenWidth + x}px -${y}px`;
+ } else {
+ micaDiv.style.backgroundPosition = `-${x}px -${y}px`;
+ }
+ });
+ return true
+}
+
+export {spawnMica}
\ No newline at end of file
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 617b87ba..7e94ff5f 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -151,6 +151,7 @@ const app = new Vue({
tmpVar: [],
notification: false,
chrome: {
+ contentScrollPosY: 0,
appliedTheme: {
location: "",
info: {}
@@ -221,7 +222,7 @@ const app = new Vue({
pluginPages: {
page: "hello-world",
pages: [],
- }
+ },
},
watch: {
cfg: {
@@ -247,6 +248,9 @@ const app = new Vue({
}
},
methods: {
+ setTimeout(func, time) {
+ return setTimeout(func, time);
+ },
songLinkShare(amUrl) {
notyf.open({ type: "info", className: "notyf-info", message: app.getLz('term.song.link.generate') })
let self = this
@@ -293,6 +297,10 @@ const app = new Vue({
}
this.lz = ipcRenderer.sendSync("get-i18n", lang)
this.mklang = await this.MKJSLang()
+ try {
+ this.listennow.timestamp = 0;
+ this.browsepage.timestamp = 0;
+ } catch (e) { }
},
/**
* Grabs translation for localization.
@@ -596,11 +604,16 @@ const app = new Vue({
try {
// Set profile name
this.chrome.userinfo = (await app.mk.api.v3.music(`/v1/me/social-profile`)).data.data[0]
+ // check if this.chrome.userinfo.attributes.artwork exists
+ if (this.chrome.userinfo.attributes.artwork && !this.chrome.hideUserInfo) {
+ document.documentElement.style
+ .setProperty('--cvar-userprofileimg', `url("${this.getMediaItemArtwork(this.chrome.userinfo.attributes.artwork.url)}")`);
+ }
} catch (err) {
}
this.mk._bag.features['seamless-audio-transitions'] = this.cfg.audio.seamless_audio
-
+ this.mk._services.apiManager.store.storekit._restrictedEnabled = false
// API Fallback
if (!this.chrome.userinfo) {
this.chrome.userinfo = {
@@ -639,11 +652,6 @@ const app = new Vue({
this.library.albums.displayListing = this.library.albums.listing
}
- window.onbeforeunload = function (e) {
- window.localStorage.setItem("currentTrack", JSON.stringify(app.mk.nowPlayingItem))
- window.localStorage.setItem("currentTime", JSON.stringify(app.mk.currentPlaybackTime))
- window.localStorage.setItem("currentQueue", JSON.stringify(app.mk.queue.items))
- };
if (typeof MusicKit.PlaybackBitrate[app.cfg.audio.quality] !== "string") {
app.mk.bitrate = MusicKit.PlaybackBitrate[app.cfg.audio.quality]
@@ -839,7 +847,7 @@ const app = new Vue({
this.notification.close()
}
this.notification = new Notification(a.name, {
- body: a.artistName,
+ body: `${a.artistName} — ${a.albumName}`,
icon: a.artwork.url.replace('/{w}x{h}bb', '/512x512bb').replace('/2000x2000bb', '/35x35bb'),
silent: true,
});
@@ -873,6 +881,9 @@ const app = new Vue({
this.checkForThemeUpdates()
}
},
+ setContentScrollPos(scroll) {
+ this.chrome.contentScrollPosY = scroll.target.scrollTop
+ },
async checkForThemeUpdates() {
let self = this
const themes = ipcRenderer.sendSync("get-themes")
@@ -1398,70 +1409,58 @@ const app = new Vue({
}
},
/**
- * Converts seconds to dd:hh:mm:ss
- * @param time (in seconds)
- * @param format (short, long)
+ * Converts seconds to dd:hh:mm:ss / Days:Hours:Minutes:Seconds
+ * @param {number} seconds
+ * @param {string} format (short, long)
* @returns {string}
+ * @author Core#1034
+ * @memberOf app
*/
- convertTime(time = 0, format = 'short') {
+ convertTime(seconds, format = "short") {
- if (isNaN(time)) {
- time = 0
+ if (isNaN(seconds) || seconds == Infinity) {
+ seconds = 0
}
- if (typeof time !== "number") {
- time = parseInt(time)
+ seconds = parseInt(seconds);
+
+ const datetime = new Date(seconds * 1000)
+
+ if (format === "long") {
+ const d = Math.floor(seconds / (3600 * 24));
+ const h = Math.floor(seconds % (3600 * 24) / 3600);
+ const m = Math.floor(seconds % 3600 / 60);
+ const s = Math.floor(seconds % 60);
+
+ const dDisplay = d > 0 ? `${d} ${app.getLz("term.time.day", { "count": d })}, ` : "";
+ const hDisplay = h > 0 ? `${h} ${app.getLz("term.time.hour", { "count": h })}, ` : "";
+ const mDisplay = m > 0 ? `${m} ${app.getLz("term.time.minute", { "count": m })}, ` : "";
+ const sDisplay = s > 0 ? `${s} ${app.getLz("term.time.second", { "count": s })}` : "";
+
+ return dDisplay + hDisplay + mDisplay + sDisplay;
}
+ else {
+ let returnTime = datetime.toISOString().substring(11, 19);
- const timeGates = {
- 600: 15, // 10 Minutes
- 3600: 14, // Hour
- 36000: 12, // 10 Hours
- }
-
- const datetime = new Date(time * 1000)
-
- let returnTime = datetime.toISOString().substring(11, 19);
- for (let key in timeGates) {
- if (time < key) {
- returnTime = datetime.toISOString().substring(timeGates[key], 19)
- break
- }
- }
-
- // Add the days on the front
- let day;
- if (time >= 86400) {
- day = datetime.toISOString().substring(8, 10)
- day = parseInt(day) - 1
- returnTime = day + ":" + returnTime
- }
-
- if (format === 'long') {
- const longFormat = []
-
- // Seconds
- if (datetime.getSeconds() !== 0) {
- longFormat.push(`${datetime.getSeconds()} ${app.getLz('term.time.seconds')}`)
+ const timeGates = {
+ 600: 15, // 10 Minutes
+ 3600: 14, // Hour
+ 36000: 12, // 10 Hours
}
- // Minutes
- if (time >= 60) {
- longFormat.push(`${datetime.getMinutes()} ${app.getLz('term.time.minute', options = { count: datetime.getMinutes() })}`)
+ for (let key in timeGates) {
+ if (seconds < key) {
+ returnTime = datetime.toISOString().substring(timeGates[key], 19)
+ break
+ }
}
- // Hours
- if (time >= 3600) {
- longFormat.push(`${datetime.getHours()} ${app.getLz('term.time.hour', options = { count: datetime.getHours() })}`)
+ // Add the days on the front
+ if (seconds >= 86400) {
+ returnTime = parseInt(datetime.toISOString().substring(8, 10)) - 1 + ":" + returnTime
}
- // Days
- if (time >= 86400) {
- longFormat.push(`${day} ${app.getLz('term.time.day', options = { count: day })}`)
- }
- returnTime = longFormat.reverse().join(', ')
+ return returnTime
}
-
- return returnTime
},
hashCode(str) {
let hash = 0,
@@ -1492,7 +1491,7 @@ const app = new Vue({
let page = hash[0]
let id = hash[1]
let isLibrary = hash[2] ?? false
- if(page == "plugin") {
+ if (page == "plugin") {
this.pluginPages.page = "plugin." + id
this.page = "plugin-renderer"
return
@@ -1561,7 +1560,9 @@ const app = new Vue({
if (kind.includes("album")) {
params["include[albums]"] = "artists"
params["fields[artists]"] = "name,url"
- params["fields[albums]"] = "artistName,artistUrl,artwork,contentRating,editorialArtwork,editorialVideo,name,playParams,releaseDate,url,copyright"
+ params["omit[resource]"] = "autos"
+ params["meta[albums:tracks]"] = 'popularity'
+ params["fields[albums]"] = "artistName,artistUrl,artwork,contentRating,editorialArtwork,editorialNotes,editorialVideo,name,playParams,releaseDate,url,copyright"
}
if (this.cfg.advanced.experiments.includes('inline-playlists')) {
@@ -1858,10 +1859,10 @@ const app = new Vue({
}
// remove any non-alphanumeric characters and spaces from search term and item name
- searchTerm = searchTerm.replace(/[^a-z0-9 ]/gi, "")
- itemName = itemName.replace(/[^a-z0-9 ]/gi, "")
- artistName = artistName.replace(/[^a-z0-9 ]/gi, "")
- albumName = albumName.replace(/[^a-z0-9 ]/gi, "")
+ searchTerm = searchTerm.replace(/[^\p{L}\p{N} ]/gu, "")
+ itemName = itemName.replace(/[^\p{L}\p{N} ]/gu, "")
+ artistName = artistName.replace(/[^\p{L}\p{N} ]/gu, "")
+ albumName = albumName.replace(/[^\p{L}\p{N} ]/gu, "")
if (itemName.includes(searchTerm) || artistName.includes(searchTerm) || albumName.includes(searchTerm)) {
return item
@@ -1927,10 +1928,10 @@ const app = new Vue({
}
// remove any non-alphanumeric characters and spaces from search term and item name
- searchTerm = searchTerm.replace(/[^a-z0-9 ]/gi, "")
- itemName = itemName.replace(/[^a-z0-9 ]/gi, "")
- artistName = artistName.replace(/[^a-z0-9 ]/gi, "")
- albumName = albumName.replace(/[^a-z0-9 ]/gi, "")
+ searchTerm = searchTerm.replace(/[^\p{L}\p{N} ]/gu, "")
+ itemName = itemName.replace(/[^\p{L}\p{N} ]/gu, "")
+ artistName = artistName.replace(/[^\p{L}\p{N} ]/gu, "")
+ albumName = albumName.replace(/[^\p{L}\p{N} ]/gu, "")
if (itemName.includes(searchTerm) || artistName.includes(searchTerm) || albumName.includes(searchTerm)) {
return item
@@ -1992,8 +1993,8 @@ const app = new Vue({
// }
// remove any non-alphanumeric characters and spaces from search term and item name
- searchTerm = searchTerm.replace(/[^a-z0-9 ]/gi, "")
- itemName = itemName.replace(/[^a-z0-9 ]/gi, "")
+ searchTerm = searchTerm.replace(/[^\p{L}\p{N} ]/gu, "")
+ itemName = itemName.replace(/[^\p{L}\p{N} ]/gu, "")
if (itemName.includes(searchTerm) || artistName.includes(searchTerm) || albumName.includes(searchTerm)) {
@@ -2320,12 +2321,17 @@ const app = new Vue({
downloadChunk()
},
+ /**
+ * Gets the total duration in seconds of a playlist
+ * @returns {string} Total tracks, and duration
+ * @author Core#1034
+ * @memberOf app
+ */
getTotalTime() {
try {
- if (app.showingPlaylist.relationships.tracks.data.length > 0) {
- const timeInSeconds = Math.round([].concat(...app.showingPlaylist.relationships.tracks.data).reduce((a, { attributes: { durationInMillis } }) => a + durationInMillis, 0) / 1000);
- return `${app.showingPlaylist.relationships.tracks.data.length} ${app.getLz('term.track', options = { count: app.showingPlaylist.relationships.tracks.data.length })}, ${this.convertTime(timeInSeconds, 'long')}`
- } else return ""
+ if (app.showingPlaylist.relationships.tracks.data.length === 0) return ""
+ const timeInSeconds = Math.round([].concat(...app.showingPlaylist.relationships.tracks.data).reduce((a, { attributes: { durationInMillis } }) => a + durationInMillis, 0) / 1000);
+ return `${app.showingPlaylist.relationships.tracks.data.length} ${app.getLz("term.track", { "count": app.showingPlaylist.relationships.tracks.data.length })}, ${app.convertTime(timeInSeconds, 'long')}`
} catch (err) {
return ""
}
@@ -2599,29 +2605,33 @@ const app = new Vue({
req.open('GET', url, true);
req.setRequestHeader("authority", "apic-desktop.musixmatch.com");
req.onload = function () {
- let jsonResponse = JSON.parse(this.responseText);
- let status2 = jsonResponse["message"]["header"]["status_code"];
- if (status2 == 200) {
- let token = jsonResponse["message"]["body"]["user_token"] ?? '';
- if (token != "" && token != "UpgradeOnlyUpgradeOnlyUpgradeOnlyUpgradeOnly") {
- console.log('200 token', mode);
- // token good
- app.mxmtoken = token;
+ try {
+ let jsonResponse = JSON.parse(this.responseText);
+ let status2 = jsonResponse["message"]["header"]["status_code"];
+ if (status2 == 200) {
+ let token = jsonResponse["message"]["body"]["user_token"] ?? '';
+ if (token != "" && token != "UpgradeOnlyUpgradeOnlyUpgradeOnlyUpgradeOnly") {
+ console.log('200 token', mode);
+ // token good
+ app.mxmtoken = token;
- if (mode == 1) {
- getMXMSubs(track, artist, app.mxmtoken, lang, time, id);
+ if (mode == 1) {
+ getMXMSubs(track, artist, app.mxmtoken, lang, time, id);
+ } else {
+ getMXMTrans(songid, lang, app.mxmtoken);
+ }
} else {
- getMXMTrans(songid, lang, app.mxmtoken);
+ console.log('fake 200 token');
+ getToken(mode, track, artist, songid, lang, time)
}
} else {
- console.log('fake 200 token');
+ // console.log('token 4xx');
getToken(mode, track, artist, songid, lang, time)
}
- } else {
- // console.log('token 4xx');
- getToken(mode, track, artist, songid, lang, time)
+ } catch (e) {
+ console.log('error');
+ app.loadAMLyrics();
}
-
};
req.onerror = function () {
console.log('error');
@@ -2642,83 +2652,88 @@ const app = new Vue({
req.open('GET', url, true);
req.setRequestHeader("authority", "apic-desktop.musixmatch.com");
req.onload = function () {
- let jsonResponse = JSON.parse(this.responseText);
- console.log(jsonResponse);
- let status1 = jsonResponse["message"]["header"]["status_code"];
+ try {
+ let jsonResponse = JSON.parse(this.responseText);
+ console.log(jsonResponse);
+ let status1 = jsonResponse["message"]["header"]["status_code"];
- if (status1 == 200) {
- let id = '';
- try {
- if (jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["header"]["status_code"] == 200 && jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["header"]["status_code"] == 200) {
- id = jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["body"]["track"]["track_id"] ?? '';
- lrcfile = jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["body"]["subtitle_list"][0]["subtitle"]["subtitle_body"];
+ if (status1 == 200) {
+ let id = '';
+ try {
+ if (jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["header"]["status_code"] == 200 && jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["header"]["status_code"] == 200) {
+ id = jsonResponse["message"]["body"]["macro_calls"]["matcher.track.get"]["message"]["body"]["track"]["track_id"] ?? '';
+ lrcfile = jsonResponse["message"]["body"]["macro_calls"]["track.subtitles.get"]["message"]["body"]["subtitle_list"][0]["subtitle"]["subtitle_body"];
- try {
- let lrcrich = jsonResponse["message"]["body"]["macro_calls"]["track.richsync.get"]["message"]["body"]["richsync"]["richsync_body"];
- richsync = JSON.parse(lrcrich);
- app.richlyrics = richsync;
- } catch (_) {
- }
- }
-
- if (lrcfile == "") {
- app.loadAMLyrics()
- } else {
- if (richsync == [] || richsync.length == 0) {
- console.log("ok");
- // process lrcfile to json here
- app.lyricsMediaItem = lrcfile
- let u = app.lyricsMediaItem.split(/[\r\n]/);
- let preLrc = []
- for (var i = u.length - 1; i >= 0; i--) {
- let xline = (/(\[[0-9.:\[\]]*\])+(.*)/).exec(u[i])
- let end = (preLrc.length > 0) ? ((preLrc[preLrc.length - 1].startTime) ?? 99999) : 99999
- preLrc.push({
- startTime: app.toMS(xline[1].substring(1, xline[1].length - 2)) ?? 0,
- endTime: end,
- line: xline[2],
- translation: ''
- })
+ try {
+ let lrcrich = jsonResponse["message"]["body"]["macro_calls"]["track.richsync.get"]["message"]["body"]["richsync"]["richsync_body"];
+ richsync = JSON.parse(lrcrich);
+ app.richlyrics = richsync;
+ } catch (_) {
}
- if (preLrc.length > 0)
- preLrc.push({
- startTime: 0,
- endTime: preLrc[preLrc.length - 1].startTime,
- line: "lrcInstrumental",
- translation: ''
- });
- app.lyrics = preLrc.reverse();
- } else {
- let preLrc = richsync.map(function (item) {
- return {
- startTime: item.ts,
- endTime: item.te,
- line: item.x,
- translation: ''
- }
- })
- if (preLrc.length > 0)
- preLrc.unshift({
- startTime: 0,
- endTime: preLrc[0].startTime,
- line: "lrcInstrumental",
- translation: ''
- });
- app.lyrics = preLrc;
}
- if (lrcfile != null && lrcfile != '' && lang != "disabled") {
- // load translation
- getMXMTrans(id, lang, token);
- } else {
+
+ if (lrcfile == "") {
app.loadAMLyrics()
+ } else {
+ if (richsync == [] || richsync.length == 0) {
+ console.log("ok");
+ // process lrcfile to json here
+ app.lyricsMediaItem = lrcfile
+ let u = app.lyricsMediaItem.split(/[\r\n]/);
+ let preLrc = []
+ for (var i = u.length - 1; i >= 0; i--) {
+ let xline = (/(\[[0-9.:\[\]]*\])+(.*)/).exec(u[i])
+ let end = (preLrc.length > 0) ? ((preLrc[preLrc.length - 1].startTime) ?? 99999) : 99999
+ preLrc.push({
+ startTime: app.toMS(xline[1].substring(1, xline[1].length - 2)) ?? 0,
+ endTime: end,
+ line: xline[2],
+ translation: ''
+ })
+ }
+ if (preLrc.length > 0)
+ preLrc.push({
+ startTime: 0,
+ endTime: preLrc[preLrc.length - 1].startTime,
+ line: "lrcInstrumental",
+ translation: ''
+ });
+ app.lyrics = preLrc.reverse();
+ } else {
+ let preLrc = richsync.map(function (item) {
+ return {
+ startTime: item.ts,
+ endTime: item.te,
+ line: item.x,
+ translation: ''
+ }
+ })
+ if (preLrc.length > 0)
+ preLrc.unshift({
+ startTime: 0,
+ endTime: preLrc[0].startTime,
+ line: "lrcInstrumental",
+ translation: ''
+ });
+ app.lyrics = preLrc;
+ }
+ if (lrcfile != null && lrcfile != '' && lang != "disabled") {
+ // load translation
+ getMXMTrans(id, lang, token);
+ } else {
+ app.loadAMLyrics()
+ }
}
+ } catch (e) {
+ console.log(e);
+ app.loadAMLyrics()
}
- } catch (e) {
- console.log(e);
- app.loadAMLyrics()
+ } else { //4xx rejected
+ getToken(1, track, artist, '', lang, time);
}
- } else { //4xx rejected
- getToken(1, track, artist, '', lang, time);
+ } catch (e) {
+ console.log(e);
+ app.loadAMLyrics()
}
}
req.onerror = function () {
@@ -2737,32 +2752,34 @@ const app = new Vue({
req2.open('GET', url2, true);
req2.setRequestHeader("authority", "apic-desktop.musixmatch.com");
req2.onload = function () {
- let jsonResponse2 = JSON.parse(this.responseText);
- console.log(jsonResponse2);
- let status2 = jsonResponse2["message"]["header"]["status_code"];
- if (status2 == 200) {
- try {
- let preTrans = []
- let u = app.lyrics;
- let translation_list = jsonResponse2["message"]["body"]["translations_list"];
- if (translation_list.length > 0) {
- for (var i = 0; i < u.length - 1; i++) {
- preTrans[i] = ""
- for (var trans_line of translation_list) {
- if (u[i].line == " " + trans_line["translation"]["matched_line"] || u[i].line == trans_line["translation"]["matched_line"]) {
- u[i].translation = trans_line["translation"]["description"];
- break;
+ try {
+ let jsonResponse2 = JSON.parse(this.responseText);
+ console.log(jsonResponse2);
+ let status2 = jsonResponse2["message"]["header"]["status_code"];
+ if (status2 == 200) {
+ try {
+ let preTrans = []
+ let u = app.lyrics;
+ let translation_list = jsonResponse2["message"]["body"]["translations_list"];
+ if (translation_list.length > 0) {
+ for (var i = 0; i < u.length - 1; i++) {
+ preTrans[i] = ""
+ for (var trans_line of translation_list) {
+ if (u[i].line == " " + trans_line["translation"]["matched_line"] || u[i].line == trans_line["translation"]["matched_line"]) {
+ u[i].translation = trans_line["translation"]["description"];
+ break;
+ }
}
}
+ app.lyrics = u;
}
- app.lyrics = u;
+ } catch (e) {
+ /// not found trans -> ignore
}
- } catch (e) {
- /// not found trans -> ignore
+ } else { //4xx rejected
+ getToken(2, '', '', id, lang, '');
}
- } else { //4xx rejected
- getToken(2, '', '', id, lang, '');
- }
+ } catch (e) { }
}
req2.send();
}
@@ -3274,6 +3291,10 @@ const app = new Vue({
if (typeof url == "undefined" || url == "") {
return "https://beta.music.apple.com/assets/product/MissingArtworkMusic.svg"
}
+ height = parseInt(height * window.devicePixelRatio)
+ if(width) {
+ width = parseInt(width * window.devicePixelRatio)
+ }
let newurl = `${url.replace('{w}', width ?? height).replace('{h}', height).replace('{f}', "webp").replace('{c}', ((width === 900) ? "sr" : "cc"))}`;
if (newurl.includes("900x516")) {
@@ -3352,7 +3373,7 @@ const app = new Vue({
let data = await this.mk.api.v3.music(`/v1/me/library/songs/${this.mk.nowPlayingItem.id}`);
data = data.data.data[0];
if (data != null && data !== "" && data.attributes != null && data.attributes.artwork != null) {
- this.currentArtUrlRaw = (this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"] ?? '')
+ this.currentArtUrlRaw = (data["attributes"]["artwork"]["url"] ?? '')
this.currentArtUrl = (data["attributes"]["artwork"]["url"] ?? '').replace('{w}', artworkSize).replace('{h}', artworkSize);
ipcRenderer.send('updateRPCImage', this.currentArtUrl ?? '');
try {
@@ -3723,7 +3744,7 @@ const app = new Vue({
}
}
- if(app.mk.nowPlayingItem._container["attributes"] && app.mk.nowPlayingItem._container.name != "station") {
+ if (app.mk.nowPlayingItem._container["attributes"] && app.mk.nowPlayingItem._container.name != "station") {
menus.normal.items.find(x => x.id == "showInMusic").hidden = false
}
@@ -4003,4 +4024,4 @@ const app = new Vue({
})
-export { app }
\ No newline at end of file
+export { app }
diff --git a/src/renderer/main/wsapi_interop.js b/src/renderer/main/wsapi_interop.js
index 2a85b5ff..563b2e30 100644
--- a/src/renderer/main/wsapi_interop.js
+++ b/src/renderer/main/wsapi_interop.js
@@ -96,6 +96,9 @@ const wsapi = {
toggleShuffle() {
MusicKit.getInstance().shuffleMode = MusicKit.getInstance().shuffleMode === 0 ? 1 : 0
},
+ togglePlayPause() {
+ app.mk.isPlaying ? app.mk.pause() : app.mk.play()
+ },
toggleRepeat() {
if(MusicKit.getInstance().repeatMode == 0) {
MusicKit.getInstance().repeatMode = 1
diff --git a/src/renderer/style-old.css b/src/renderer/style-old.css
deleted file mode 100644
index 7662fb15..00000000
--- a/src/renderer/style-old.css
+++ /dev/null
@@ -1,2165 +0,0 @@
-@import url("ameframework.css");
-
-:root {
- --appleEase: cubic-bezier(0.42, 0, 0.58, 1);
- --mediaItemShadow-Shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
- --mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%);
- --mediaItemRadius: 4px;
- --mediaItemRadiusRound: 100%;
- --contentInnerPadding: 16px;
- --navbarHeight: 48px;
- --keyColor: #fa586a;
- --keyColor-rgb: 250, 88, 106;
- --keyColor-rollover: #ff8a9c;
- --keyColor-rollover-rgb: 255, 138, 156;
- --keyColor-pressed: #ff7183;
- --keyColor-pressed-rgb: 255, 113, 131;
- --keyColor-deepPressed: #ff8a9c;
- --keyColor-deepPressed-rgb: 255, 138, 156;
- --keyColor-disabled: rgba(250, 88, 106, 0.35);
-}
-
-html,
-body {
- margin: 0;
- padding: 0;
- overflow: hidden;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- background-size: cover;
- background-position: center;
- background: #0000;
- font-family: "Segoe UI Variable Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
- transition: opacity .10s var(--appleEase);
-}
-
-body[loading] {
- opacity: 0.5;
- pointer-events: none;
-}
-
-body[platform='linux'] {
- background:#222;
-}
-
-*,
-*:before,
-*:after {
- box-sizing: inherit;
-}
-
-
-/* Modern style overlay scrollbars */
-::-webkit-scrollbar {
- width: 16px;
- height: 24px;
-}
-
-::-webkit-scrollbar-button {
- display: none;
-}
-
-::-webkit-scrollbar-track-piece {
- background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
- background: transparent;
- border: 6px solid transparent;
- box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 50%);
- border-radius: 16px;
- min-height: 64px;
- transition: border 1s;
-}
-
-::-webkit-scrollbar-thumb:hover {
- border: 5px solid transparent;
- box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 80%);
-}
-
-#app {
- --color1: rgb(30, 30, 30, 30%);
- --color2: rgba(15, 15, 15, 70%);
- /* --color1: rgb(30, 30, 31, 20%);
- --color2: rgba(17, 17, 17, 24%); */
- --chromeHeight: 55px;
- width: 100%;
- height: 100%;
- background: var(--color1);
- color: white;
- user-select: none;
- margin: 0 auto;
- position: relative;
- overflow: hidden;
-}
-[hidden] {
- display: none !important;
-}
-
-
-.bg-artwork--placeholder {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #222;
- z-index: -1;
- background-size: cover;
- background-position: center;
- opacity: 0.70;
-}
-
-
-.bg-artwork {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: var(--artwork);
- z-index: -1;
- object-fit: cover;
- object-position: center;
- /* filter: blur(60px) saturate(180%);
- opacity: 0.70; */
- filter: blur(180px) saturate(280%);
- opacity: 0.60;
- transition: opacity .25s var(--appleEase);
- pointer-events: none;
- transform: translateZ(0px);
-}
-
-
-[artwork-hidden] {
- transition: opacity .25s var(--appleEase);
- opacity:0;
-}
-
-input[type="range"].web-slider {
- -webkit-appearance: none;
- height: 4px;
- background: rgba(255, 255, 255, 0.6);
- border-radius: 5px;
- background-size: 70% 100%;
- background-repeat: no-repeat;
-}
-
-input[type="range"].web-slider::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 20px;
- width: 20px;
- border-radius: 50%;
- background: rgb(255 255 255);
- cursor: ew-resize;
- box-shadow: 0 0 2px 0 #555;
-}
-
-input[type=range].web-slider::-webkit-slider-runnable-track {
- -webkit-appearance: none;
- box-shadow: none;
- border: none;
- background: transparent;
-}
-
-.nopadding {
- padding: 0px;
-}
-
-.md-btn {
- font-family: inherit;
- color: white;
- font-size: 14px;
-}
-
-#app-main {
- display: flex;
- width: 100%;
- height: 100%;
- flex-direction: column;
-}
-
-#app-sidebar {
- /* background-color: var(--color1); */
- height: 100%;
- width: 260px;
- display: flex;
- flex-direction: column;
- flex: 0 0 auto;
-}
-
-#app-navbar {
- height: 40px;
- width: 100%;
- background: rgb(30 30 30 / 85%);
- position: sticky;
- top: 0px;
- left: 0;
- z-index: 2;
- backdrop-filter: blur(16px) saturate(180%);
-}
-
-#app-content {
- background-color: var(--color2);
- height: 100%;
- width: 100%;
- overflow-y: scroll;
- overflow-y: overlay;
- overflow-x: hidden;
- border-radius: 10px 0px;
- border-left: 1px solid rgb(0 0 0 / 25%);
- border-top: 1px solid rgb(0 0 0 / 25%);
- position:relative;
-}
-
-.content-inner {
- position: absolute;
- top: 0;
- left: 0;
- padding: 32px;
- width: 100%;
-}
-
-.content-inner.centered {
- height: 100%;
- display: flex;
- flex-flow: column;
- justify-content: center;
- align-items: center;
-}
-
-.app-drawer {
- width: 300px;
- border-left: 1px solid rgb(0 0 0 / 25%);
- flex: 0 0 auto;
- border-top: 1px solid rgb(0 0 0 / 25%);
-}
-
-.search-input-container {
- position: relative;
-}
-
-.search-input {
- width: 100%;
- padding: 6px;
- border-radius: 6px;
- border: 1px solid rgb(200 200 200 / 10%);
- font-family: inherit;
- font-size: 14px;
- background: rgb(100 100 100 / 25%);
- color: rgb(200 200 200);
- font-weight: 500;
- padding-left: 32px;
- position: relative;
-}
-
-.search-input:focus {
- outline: none;
- border-bottom: 1px solid var(--keyColor);
-}
-
-.search-input--icon {
- content: '';
- width: 100%;
- height: 100%;
- display: block;
- position: absolute;
- top: 0px;
- left: 0px;
- background-image: url('assets/search.svg');
- background-position: 10px;
- background-repeat: no-repeat;
- background-size: 12px;
- pointer-events: none;
- opacity: 0.55;
-}
-
-.app-sidebar-header {
- font-size: 14px;
- padding: 11px;
- font-weight: 600;
-}
-
-.app-sidebar-header-text {
- font-size: 11px;
- margin: 6px 3px;
- font-weight: 600;
- opacity: 0.50;
-}
-
-.app-sidebar-footer {
- padding: 11px;
-}
-
-.app-sidebar-button {
- width: 100%;
- padding: 0px;
- font-family: inherit;
- display: flex;
- border-radius: 6px;
- border: 1px solid rgb(200 200 200 / 5%);
- background: rgb(100 100 100 / 25%);
- color: #eee;
- font-weight: 500;
- align-items: center;
-}
-
-.app-sidebar-button > .sidebar-user-icon {
- width: 32px;
- height: 32px;
- border-radius: 100%;
- background-image: var(--artwork);
- margin: 10px;
- flex: 0 0 auto;
- box-shadow: var(--mediaItemShadow);
- background-size: contain;
-}
-
-.app-sidebar-button > .sidebar-user-text {
- width: 100%;
- display: flex;
- font-size: 14px;
- flex-direction: column;
-}
-
-.app-sidebar-button > .sidebar-user-text .fullname {
- text-align: left;
-}
-
-.app-sidebar-button > .sidebar-user-text .handle-text {
- font-size: 12px;
- opacity: 0.7;
- text-align: left;
-}
-
-.app-sidebar-notification {
- text-align: center;
- font-size: 12px;
- min-height: 60px;
- display: flex;
- justify-content: center;
- align-items: center;
- border-top: 1px solid rgb(200 200 200 / 15%);
- background: rgb(0 0 0 / 15%);
- flex-direction: column;
- padding: 20px 0px;
-}
-
-.app-sidebar-content {
- padding: 8px;
- overflow-y: scroll;
- overflow-y: overlay;
- height: 100%;
-}
-
-.app-sidebar-content::-webkit-scrollbar {
- display: none;
-}
-
-.app-sidebar-content:hover::-webkit-scrollbar {
- display: initial;
-}
-
-.app-sidebar-item {
- display: flex;
- width: 100%;
- padding: 8px 12px;
- font-weight: 400;
- font-family: inherit;
- font-size: 14px;
- margin: 6px 0px;
- border: 1px solid transparent;
- border-radius: 6px;
- background: transparent;
- color: white;
- transition: transform .1s;
- text-align: left;
-}
-
-.app-sidebar-item:hover {
- border: 1px solid rgb(200 200 200 / 5%);
- background: rgb(200 200 200 / 15%);
-}
-
-.app-sidebar-item:active {
- border: 1px solid rgb(200 200 200 / 5%);
- background: rgb(200 200 200 / 15%);
- transform: scale(0.98);
- transition: transform 0s;
-}
-
-.app-sidebar-item.active {
- border: 1px solid rgb(200 200 200 / 5%);
- background: rgb(200 200 200 / 15%);
- transform: scale(1);
- transition: transform 0s;
-}
-
-.app-sidebar-item.active::after {
- content: '';
- width: 4px;
- height: 16px;
- display: block;
- position: absolute;
- top: calc(100% - 72%);
- border-radius: 10px;
- left: 0px;
- background: var(--keyColor);
-}
-
-.app-chrome {
- background: var(--color1);
- width: 100%;
- height: var(--chromeHeight);
- display: flex;
- flex-direction: row;
- -webkit-app-region: drag;
-}
-
-.mv-chrome {
- position: absolute;
- top: 0;
- right: 0;
- width: 90%;
- height: 55px;
- -webkit-app-region: drag;
-}
-
-.app-chrome .app-chrome--left,
-.app-chrome .app-chrome--center,
-.app-chrome .app-chrome--right {
- height: 100%;
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.app-chrome .app-chrome--left {
- width: 30%;
- justify-content: left;
-}
-
-.app-chrome .app-chrome--center {
- width: 100%;
-}
-
-.app-chrome .app-chrome--right {
- width: 30%;
- justify-content: right;
-}
-
-.app-chrome .app-chrome-item {
- height: 100%;
- width: auto;
- display: flex;
- justify-content: center;
- align-items: center;
- -webkit-app-region: no-drag;
- height: auto;
-}
-
-.app-chrome .app-chrome-item.generic {
- width: 50px;
- opacity: 0.70;
-}
-
-.app-chrome .app-chrome-item.volume {
- width: 80px;
- margin-right: 6px;
-}
-
-.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb {
- transition: all var(--appleTransition);
-}
-
-.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb:hover {
- background-image: radial-gradient(var(--keyColor) 2px, transparent 3px, transparent 10px);
- transform: scale(1.2);
-}
-
-.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb:active {
- background-image: radial-gradient(var(--keyColor) 3px, transparent 4px, transparent 10px);
- transform: scale(1);
-}
-
-.app-chrome .app-chrome-item.volume > input[type=range] {
- width: 100%;
-}
-
-.app-chrome .app-chrome-item.volume > input[type=range] {
- -webkit-appearance: none;
- height: 4px;
- background: rgba(255, 255, 255, 0.4);
- border-radius: 5px;
- background-size: 70% 100%;
- background-repeat: no-repeat;
-}
-
-.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 14px;
- width: 14px;
- border-radius: 50%;
- background: rgb(50 50 50);
- cursor: default;
- box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
-}
-
-.app-chrome .app-chrome-item.volume > input[type=range]::-webkit-slider-runnable-track {
- -webkit-appearance: none;
- box-shadow: none;
- border: none;
- background: transparent;
-}
-
-.app-chrome .back-button {
- height: 100%;
- width: 60px;
-}
-
-.app-chrome .app-chrome-item.full-height {
- height: 100%;
-}
-
-.app-chrome .app-chrome-item > .app-title {
- width: 100px;
- font-size: 13px;
- background: url("./logotmp.png");
- background-size: 90px;
- background-repeat: no-repeat;
- background-position: center;
- height: 100%;
- margin-right: 16px;
- margin-left: 16px;
- image-rendering: -webkit-optimize-contrast;
- -webkit-app-region: drag;
-}
-
-.app-chrome .app-chrome-item > .window-controls {
- width: 138px;
- font-size: 13px;
- height: 100%;
- display: flex;
-}
-
-.app-chrome .app-chrome-item > .window-controls > div {
- height: 100%;
- width: 32px;
-}
-
-.app-chrome .app-chrome-item > .window-controls > div:hover {
- background: rgb(200 200 200 / 10%);
-}
-
-.app-chrome .app-chrome-item > .window-controls > div.close {
- width: 100%;
- height: 100%;
- background-image: var(--gfx-closeBtn);
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
-}
-
-.app-chrome .app-chrome-item > .window-controls > div.minmax {
- background-image: var(--gfx-maxBtn);
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- width: 100%;
- height: 100%;
-}
-
-.app-chrome .app-chrome-item > .window-controls > div.minmax.restore {
- background-image: var(--gfx-restoreBtn);
-}
-
-.app-chrome .app-chrome-item > .window-controls > div.minimize {
- background-image: var(--gfx-minBtn);
- background-position: center;
- background-repeat: no-repeat;
- -webkit-app-region: no-drag;
- width: 100%;
- height: 100%;
-}
-
-.app-chrome .app-chrome-item.playback-controls {
- width: 80%;
- height: 90%;
- display: flex;
- max-width: 500px;
- border-left: 1px solid rgb(200 200 200 / 8%);
- border-right: 1px solid rgb(200 200 200 / 8%);
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls {
- display: flex;
- justify-content: center;
- align-content: center;
- width: 100%;
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .song-name {
- font-weight: 600;
- text-align: center;
- font-size: 13px;
- height: 1em;
- line-height: 1em;
- overflow: hidden;
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .song-artist {
- font-weight: 400;
- font-size: 13px;
- text-align: center;
- height: 1em;
- line-height: 1em;
- overflow: hidden;
- /* animation: marquee 10s linear infinite; */
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress {
- height: 16px;
- position: absolute;
- bottom: 0px;
- left: 0px;
- overflow: hidden;
-
-}
-
-@keyframes marquee {
- from {
- transform: translateX(100%);
- }
- to {
- transform: translateX(-100%);
- }
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range] {
- appearance: none;
- width: 100%;
- height: 4px;
- background-color: rgb(200 200 200 / 10%);
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- appearance: none;
- width: 4px;
- height: 12px;
- border-radius: 2px;
- background: var(--keyColor);
- cursor: ew-resize;
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .song-progress > input[type=range]::-moz-range-thumb {
- width: 8px;
- height: 8px;
- border-radius: 100%;
- background: var(--keyColor);
- cursor: pointer;
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .artwork {
- width: 42px;
- height: 42px;
- background-image: var(--artwork);
- background-position: center;
- background-size: contain;
- background-repeat: no-repeat;
- border-radius: 4px;
- flex: 0 0 auto;
- margin: 6px;
- box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 25%);
- image-rendering: -webkit-optimize-contrast;
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .actions {
- width: 42px;
- height: 42px;
- border-radius: 2px;
- flex: 0 0 auto;
- margin: 6px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .playback-info {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- position: relative;
-}
-
-.app-chrome .app-chrome-item > .app-playback-controls .playback-info > div {
- width: 100%;
-}
-
-.app-navigation {
- background: var(--color1);
- height: calc(100% - var(--chromeHeight));
- width: 100%;
- display: flex;
-}
-
-.display--small {
- display: none !important;
-}
-
-.web-slider.display--small{
- margin: 10px;
-}
-
-input[type="range"].web-slider.display--small::-webkit-slider-thumb {
- -webkit-appearance: none;
- height: 14px;
- width: 14px;
- border-radius: 50%;
- background: rgb(50 50 50);
- cursor: default;
- box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
-}
-
-/* Window is smaller <= 1023px width */
-@media only screen and (max-width: 1023px) {
- .display--small {
- display: inherit !important;
- }
-
- .display--large {
- display: none !important;
- }
-}
-
-.header-text {
- margin: 0px;
-}
-
-.media-item--small {
- background: rgb(0 0 0 / 25%);
- height: 162px;
- width: 132px;
- display: inline-flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border-radius: 10px;
-}
-
-.media-item--small .artwork {
- background: red;
- margin: 6px;
- border-radius: 100%;
- width: 90px;
- height: 90px;
- box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 30%);
-}
-
-.playlist-artwork {
- height: 190px;
- width: 190px;
- background: blue;
- border-radius: 6px;
- background: var(--artwork);
- background-size: cover;
- box-shadow: var(--mediaItemShadow);
- flex: 0 0 auto;
- margin: 6px;
- margin-top: 0px;
-}
-
-.media-item--small .text {
- font-weight: 600;
- font-size: 0.90em;
-}
-
-.media-item--small .subtext {
- font-size: 0.75em;
-}
-
-.player-duration-time {
- opacity: 0.5;
-}
-
-.player-artwork-container {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.player-duration-container {
- font-size: 0.85em;
- font-weight: 500;
-}
-
-.media-artwork {
- --artwork: url("");
- width: 80vw;
- height: 80vw;
- max-height: 500px;
- max-width: 500px;
- background: black;
- background-image: var(--artwork);
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- border-radius: 8px;
- box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
- transition: transform .10s var(--appleEase);
-}
-
-.media-artwork.paused {
- transition: transform .35s var(--appleEase);
- transform: scale(0.85);
-}
-
-.playback-slider {
- width: 90%;
-}
-
-.volume-slider {
- width: 100%;
-}
-
-.volume-slider-container {
- width: 90%;
- margin: 0 auto;
- padding: 0px;
-}
-
-.volume-slider-container .col-auto,
-.volume-slider-container .col {
- display: flex;
- align-items: center;
- justify-self: center;
- padding: 0px;
- margin: 0px;
-}
-
-.playback-button {
- font-size: 2em;
- width: 40px;
- height: 36px;
- padding: 0px;
- background: transparent;
- border: 0px;
- border-radius: 0px;
- box-shadow: unset;
- background-size: 12px;
- background-position: center;
- background-repeat: no-repeat;
- opacity: 0.70;
- border-radius: 6px;
-}
-
-.playback-button:active {
- transform: scale(0.95);
-}
-
-.playback-button--small {
- border-radius: 6px;
- font-size: 1em;
- color: inherit;
- background-size: 14px;
- background-repeat: no-repeat;
- background-position: center;
- background-color: transparent;
- width: 40px;
- height: 32px;
- border: 0px;
- box-shadow: unset;
-}
-
-.playback-button:hover, .playback-button--small:hover {
- background-color: rgb(200 200 200 / 10%);
-}
-
-.playback-button:active, .playback-button--small:active {
- transform: scale(0.9);
-}
-
-.playback-button--small.active {
- background-color: rgb(200 200 200 / 10%);
-}
-
-.playback-button--small.search {
- background-image: url("./assets/search.svg");
-}
-
-.playback-button--small.cast {
- background-image: url("./assets/cast_white.svg");
-}
-
-.playback-button--small.queue {
- background-image: url("./assets/list.svg");
-}
-
-.playback-button--small.lyrics {
- background-image: url("./assets/quote-right.svg");
-}
-
-.playback-button--small.shuffle {
- background-image: url("./assets/shuffle.svg");
-}
-
-.playback-button--small.repeat {
- background-image: url("./assets/repeat.svg");
-}
-
-.playback-button--small.repeat.repeatOne {
- background-color: var(--keyColor);
-}
-
-.playback-button.pause {
- background-image: url('./assets/pause.svg');
-}
-
-.playback-button.play {
- background-image: url('./assets/play.svg');
-}
-
-.playback-button.next {
- background-image: url('./assets/forward.svg');
-}
-
-.playback-button.previous {
- background-image: url('./assets/backward.svg');
-}
-
-.playback-buttons {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.player-volume-glyph {
- width: 32px;
- height: 16px;
- background-repeat: no-repeat;
- background-size: contain;
- background-position: center;
-}
-
-.player-volume-glyph.decrease {
- background-image: url("./assets/volume-down.svg");
- opacity: 0.5;
-}
-
-.player-volume-glyph.increase {
- background-image: url("./assets/volume-up.svg");
- opacity: 0.5;
-}
-
-.player-track-info {
- width: 90%;
- margin: 0 auto;
-}
-
-.player-song-title {
- font-size: 1.25em;
- text-align: left;
- margin: 0 auto;
- font-weight: 500;
-}
-
-.player-song-artist {
- font-size: 1.0em;
- text-align: left;
- margin: 0 auto;
- color: var(--keyColor);
- font-weight: 400;
-}
-
-.player-song-artist:hover {
- cursor: pointer;
- text-decoration: underline;
-}
-
-.player-more-container {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.player-more-button {
- appearance: none;
- width: 32px;
- height: 32px;
- border-radius: 50%;
- border: 0px;
- background: var(--keyColor);
- cursor: pointer;
- box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%);
- color: white;
- font-weight: bold;
- padding: 0px;
- font-size: 16px;
-}
-
-.back-button {
- width: 40px;
- height: 40px;
- background-color: transparent;
- background-size: 16px;
- background-position: center;
- background-repeat: no-repeat;
- background-image: url("./assets/arrow-left.svg");
- border: 0px;
- border-radius: 0px;
-}
-
-.header-text {
- height: 40px;
- display: flex;
- align-items: center;
-
-}
-
-
-.flex-center {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
-}
-
-.list-entry-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 12px;
- font-size: 1em;
- font-family: inherit;
-}
-
-.list-entry {
- display: flex;
- align-items: center;
- /* justify-content: space-between; */
- padding: 12px;
- font-size: 1em;
- font-family: inherit;
- border-bottom: 1px solid rgba(255 255 255 / 0.1);
- cursor: pointer;
-}
-
-.list-entry-image {
- --artwork: url("");
- width: 64px;
- height: 64px;
- background: var(--artwork);
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- border-radius: 8px;
- box-shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
-}
-
-.list-entry-image.artist {
- border-radius: 50%;
-}
-
-.list-entry-body {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
- margin-left: 12px;
-}
-
-.list-entry-name {
- font-size: 14px;
- font-weight: 500;
- overflow: hidden;
- width: 100%;
-}
-
-.list-entry-artist {
- font-size: 12px;
- overflow: hidden;
- width: 100%;
-}
-
-.list-entry .handle {
- height: 100%;
- width: 28px;
- background: var(--keyColor);
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.md-container {
- width: 100%;
- position: relative;
-}
-
-.search-panel {
- background: rgb(0 0 0 / 50%);
-}
-
-.search-header {
- position: absolute;
- width: 100%;
- z-index: 1;
- backdrop-filter: blur(16px);
- -webkit-backdrop-filter: blur(16px);
- border-bottom: 1px solid rgb(200 200 200 / 8%);
-}
-
-.connection-error-panel {
- background: rgb(0 0 0 / 50%);
-}
-
-.search-type-container {
- display: flex;
-}
-
-.search-type-button {
- background: rgb(20 20 20 / 0.85);
- border-radius: 50px;
- color: white;
- border: 0px;
- box-shadow: unset;
- font-family: inherit;
- padding: 8px 16px;
- font-size: 14px;
- font-weight: 500;
- margin: 8px;
- margin-top: 0px;
- margin-bottom: 0px;
-}
-
-.search-type-button.active {
- background: var(--keyColor);
-}
-
-.search-tab-container {
- overflow: auto;
- white-space: nowrap;
- overflow-y: hidden;
-}
-
-.search-body-container {
- position: relative;
- width: 100%;
- height: 100%;
-}
-
-.queue-body {
- width: 100%;
- height: 100%;
-}
-
-.search-body {
- position: absolute;
- width: 100%;
- height: 100%;
- padding-top: 220px;
-}
-
-.search-tab {
- background: rgb(20 20 20 / 0.85);
- border-radius: 50px;
- color: white;
- border: 0px;
- box-shadow: unset;
- font-family: inherit;
- padding: 8px 16px;
- font-size: 14px;
- font-weight: 500;
-}
-
-.search-tab.active {
- background: var(--keyColor);
-}
-
-.context-menu {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.5);
- z-index: 100;
-}
-
-.context-menu .context-menu-item {
- --borderRadius: 10px;
- appearance: none;
- width: 100%;
- display: block;
- font-size: 1.10em;
- padding: 18px 20px;
- font-family: inherit;
- border: 0px;
- font-weight: 600;
- border-radius: 0px;
- border-bottom: 1px solid rgb(200 200 200 / 15%);
- margin: 0px;
- background: rgb(60 60 60 / 80%);
- backdrop-filter: blur(16px) saturate(180%);
- -webkit-backdrop-filter: blur(16px) saturate(180%);
- color: #ccc;
-}
-
-.context-menu .context-menu-item:hover {
- cursor: pointer;
-}
-
-.context-menu .context-menu-item:active {
- filter: brightness(75%);
-}
-
-.context-menu .context-menu-item:first-child {
- border-radius: 0px;
- border-top-left-radius: var(--borderRadius);
- border-top-right-radius: var(--borderRadius);
-}
-
-.context-menu .context-menu-item:last-child {
- border-radius: 0px;
- border-bottom-left-radius: var(--borderRadius);
- border-bottom-right-radius: var(--borderRadius);
- border-bottom: 0px;
-}
-
-.context-menu .context-menu-item:only-child {
- border-radius: var(--borderRadius);
-}
-
-.context-menu .context-menu-item.context-menu-item--left {
- text-align: left;
-}
-
-.context-menu .context-menu-body {
- display: flex;
- align-items: flex-end;
- justify-content: flex-end;
- flex-direction: column;
-}
-
-.lyric-body {
- -webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
- overflow-y: scroll;
- overflow-x: hidden;
- display: flex;
- flex-flow: column;
-}
-
-.lyric-line {
- --bgSpeed: 1s;
- appearance: none;
- color: white;
- font-size: 26px;
- transform: scale(0.8);
- transform-origin: left center;
- transition: transform 0.2s var(--appleEase);
- opacity: 0.75;
- width: auto;
- display: inline-block;
- margin: 10px;
- margin-left: 5%;
- margin-right: 0px;
-}
-
-.lyric-line:hover {
- cursor: pointer;
-}
-
-.lyric-line:hover::after {
- content: ' ';
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- transform: scale(1.06);
- background: rgba(200, 200, 200, 0.1);
- pointer-events: none;
- border-radius: 10px;
- -webkit-backface-visibility: hidden;
-}
-
-.lyric-line.active {
- --bgSpeed: 1s;
- opacity: 1;
- transform: scale(1);
- /*background: var(--keyColor);*/
- transition: transform 0.2s var(--appleEase);
-}
-
-.lyric-line:not(.active) {
- filter: blur(1px)
-}
-
-.lyricWaiting {
- margin-top: 8px;
- display: none;
-}
-
-.lyric-line.active .lyricWaiting {
- display: inline-flex;
- animation: lyricWaitingLine 6s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-}
-
-
-.lyric-line.active .lyricWaiting > div {
- width: 10px;
- height: 10px;
- background: white;
- border-radius: 50%;
- margin: 3px;
-}
-
-.lyrics-translation {
- font-size: 1.6rem;
- font-weight: 400;
-}
-
-@keyframes lyricWaitingLine {
- 0% {
- opacity: 0.25;
- transform: scale(0.85);
- }
- 50% {
- opacity: 1;
- transform: scale(1);
- }
- 100% {
- opacity: 0.25;
- transform: scale(0.85);
- }
-}
-
-@keyframes dotOpacity {
- 0% {
- opacity: 0.25;
- }
- 100% {
- opacity: 1;
- }
-}
-
-
-.lyric-line2:before {
- background: var(--keyColor);
- content: '';
- width: 0%;
- height: 6px;
- position: absolute;
- bottom: -8px;
- left: 0;
- border-radius: 10px;
- z-index: -1;
- transition: width var(--bgSpeed);
-}
-
-.lyric-line2.active:before {
- width: 100%;
- transition: width var(--bgSpeed);
-}
-
-.player_top {
- height: 100%;
-}
-
-/* Cider */
-
-.reload-btn {
- background: rgb(86 86 86 / 52%);
- border-radius: 100%;
- width: 32px;
- height: 32px;
- border: 0px;
- appearance: none;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.reload-btn:hover {
- background: rgb(86 86 86 / 80%);
- cursor: pointer;
-}
-
-.reload-btn>svg {
- height: 50%;
- color: #eee;
-}
-
-.wr-btn {
- font-family: inherit;
- appearance: none;
- border:0px;
- border-radius: 6px;
- padding: 8px;
- font-weight: 600;
- background: rgb(80 80 80 / 70%);
- color: white;
-}
-
-/* Album / Playlist Page */
-.playlist-page {
- padding: 0px;
-}
-
-.playlist-page .well {
- background: rgba(200, 200, 200, 0.05);
- border-radius: 10px;
- padding: var(--contentInnerPadding);
- box-shadow: rgb(0 0 0 / 8%) 0px 0px 0px 1px;
- margin-top: 16px;
-}
-
-.playlist-page .playlist-body {
- padding: var(--contentInnerPadding);
-}
-
-.playlist-display {
- padding: var(--contentInnerPadding);
- min-height: 300px;
-}
-
-.playlist-display .playlist-info{
- flex-shrink: unset;
- display: flex;
- flex-flow: column;
- justify-content: flex-end;
-}
-
-.playlist-display .playlist-info .playlist-name {
- font-weight: 700;
- font-size: 1.6rem;
- margin-bottom: 6px;
- margin-right: 6px;
- flex-shrink: unset;
-
-}
-.playlist-display .playlist-info .playlist-artist {
- font-weight: 500;
- font-size: 1.6rem;
- margin-bottom: 6px;
- margin-right: 6px;
- flex-shrink: unset;
-}
-.playlist-display .playlist-info .playlist-desc {
- box-sizing: border-box;
- font-size: 14px;
- flex-shrink: unset;
- margin-right: 5px;
- max-height: 100px;
- position: relative;
-}
-.playlist-display .playlist-info .playlist-desc .content {
- height: 100px;
- -webkit-mask-image: -webkit-gradient(linear, left 50%, left 90%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
-}
-
-.playlist-display .playlist-info .playlist-desc .more-btn {
- appearance: none;
- position: absolute;
- right: 0;
- bottom: 0;
- padding: 0 5px;
- font-size: 14px;
- color: var(--keyColor);
- background-color: transparent;
- border: 0px;
- cursor: pointer;
- width: 100%;
- height: 100%;
- overflow: hidden;
- display: flex;
- justify-content: flex-end;
- align-items: flex-end;
- font-weight: 600;
- font-family: inherit;
- text-transform: uppercase;
-}
-
-.playlist-display .playlist-info .playlist-desc-expanded {
- box-sizing: border-box;
- font-size: 14px;
- position: relative;
-}
-
-.playlist-display .playlist-info .playlist-desc-expanded .more-btn {
- appearance: none;
- position: absolute;
- right: 0;
- bottom: 0;
- padding: 0 5px;
- font-size: 14px;
- color: var(--keyColor);
- background-color: transparent;
- border: 0px;
- cursor: pointer;
- width: 100%;
- height: 100%;
- overflow: hidden;
- display: flex;
- justify-content: flex-end;
- align-items: flex-end;
- font-weight: 600;
- font-family: inherit;
- text-transform: uppercase;
-}
-
-.playlist-time {
- font-size: 0.9em;
- margin: 6px;
- opacity: 0.7;
-}
-
-/* Artist Page */
-
-.artist-page {
- padding: 0px;
-}
-
-.artist-page .artist-header {
- background: var(--keyColor);
- color: white;
- display: flex;
- align-items: center;
- justify-content: space-between;
- min-height: 300px;
- position: relative;
-}
-
-.artist-page .artist-image {
- width: 200px;
- height: 200px;
- margin: 32px;
-}
-
-.artist-page .artist-body {
- padding: var(--contentInnerPadding);
-}
-
-.artist-page .well {
- background: rgba(200, 200, 200, 0.05);
- border-radius: 10px;
- padding: var(--contentInnerPadding);
- box-shadow: rgb(0 0 0 / 8%) 0px 0px 0px 1px;
- margin-top: 16px;
-}
-
-.artist-page .showmoreless {
- font-family: inherit;
- font-size: 16px;
- font-weight: 500;
- background: transparent;
- border: 0px;
- border-radius: 6px;
- appearance: none;
- color: var(--keyColor);
- padding: 8px 12px;
- cursor: pointer;
- margin-top: 12px;
- float: right;
-}
-
-.artist-page .showmoreless:hover {
- background: rgb(200 200 200 / 10%);
-}
-
-
-/* Artist Page End */
-
-.text-overflow-elipsis {
- display: -webkit-box;
- min-width: 0px;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
-}
-
-
-.mediaitem-artwork {
- border-radius: var(--mediaItemRadius);
- overflow: hidden;
- flex: 0 0 auto;
- position:relative;
- width: 100%;
- height: 100%;
-}
-.mediaitem-artwork .animatedartwork-view-box .animated{
- position: absolute;
- top: 0px;
- width: 100%;
- height: 100%;
-}
-
-.mediaitem-artwork .animatedartwork-view-box .animated > video {
- width: 100%;
- height: 100%;
-}
-
-.mediaitem-artwork .animatedartwork-view-box{
- position: absolute;
- top: 0px;
- width: 100%;
- height: 100%;
-}
-
-.artist-header .animated{
- width: 100%;
- height: 100%;
- align-self: center;
- position: absolute;
- overflow: hidden;
- box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset;
-}
-
-.artist-header .row .col.flex-center{
- z-index: 4;
-}
-
-.artist-header .animated > video {
- overflow: hidden;
- height: 100%;
- width: 100%;
- min-height: 56.25vw;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
-
-}
-
-.mediaitem-artwork.rounded {
- border-radius: 100%;
-}
-
-.mediaitem-artwork::after {
- content: "";
- box-shadow: var(--mediaItemShadow);
- z-index: 1;
- width:100%;
- height:100%;
- position: absolute;
- top:0;
- left:0;
- border-radius: inherit;
-}
-
-.mediaitem-artwork.rounded::after {
- border-radius: 100%;
-}
-
-.mediaitem-artwork>img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- image-rendering: -webkit-optimize-contrast;
-}
-
-/* horizontal media scroller */
-.cd-hmedia-scroller {
- margin: 0 auto;
- display: flex;
- flex-flow: row;
- overflow-x: scroll;
-}
-
-.cd-hmedia-scroller::-webkit-scrollbar-thumb{
- box-shadow: none;
-}
-
-.cd-hmedia-scroller:hover::-webkit-scrollbar-thumb{
- box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 50%);
-}
-
-/* mediaitem-list-item */
-.cd-mediaitem-list-item {
- width: 100%;
- height: 60px;
- display: flex;
- flex: 0 0 auto;
- flex-direction: row;
- font-size: 14px;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- border-bottom: 1px solid rgb(200 200 200 / 10%);
-}
-
-.cd-mediaitem-list-item:hover {
- background: rgb(200 200 200 / 10%);
-}
-
-.cd-mediaitem-list-item .artwork {
- height: 34px;
- width: 34px;
- border-radius: var(--mediaItemRadius);
- object-fit: cover;
- object-position: center;
- flex: 0 0 auto;
- background-repeat: no-repeat;
- margin: 12px;
- border: 0px;
- outline: none;
-}
-
-.cd-mediaitem-list-item .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-
-.cd-mediaitem-list-item .info-rect {
- width: 100%;
-}
-
-.cd-mediaitem-list-item .title {
- width: 100%;
-}
-
-.cd-mediaitem-list-item .subtitle {
- width: 90%;
- font-size: 12px;
- opacity: 0.7;
-}
-
-.cd-mediaitem-list-item .duration {
- min-width: 60px;
- text-align: center;
-}
-
-.cd-mediaitem-list-item .metainfo {
- min-width: 145px;
- text-align: center;
-}
-
-.cd-mediaitem-list-item .content-rating {
- text-transform: uppercase;
- font-size: 10px;
- border-radius: 3px;
- background: rgb(200 200 200 / 15%);
- width: 60px;
- text-align: center;
- padding: 5px;
- margin-right: 12px;
- flex: 0 0 auto;
- font-weight: 500;
- color: #ccc;
-}
-
-.cd-mediaitem-list-item .isLibrary>button {
- appearance: none;
- border:0px;
- background:transparent;
- cursor:pointer;
-}
-
-/* mediaitem-hrect */
-.cd-mediaitem-hrect {
- background: rgb(255 255 255 / 18%);
- width: 264px;
- height: 100px;
- display: inline-flex;
- flex: 0 0 auto;
- flex-direction: row;
- font-size: 14px;
- justify-content: center;
- align-items: center;
- border-radius: 6px;
- cursor: pointer;
-}
-
-.cd-mediaitem-hrect .artwork {
- height: 70px;
- width: 70px;
- background: blue;
- border-radius: var(--mediaItemRadius);
- background: var(--artwork);
- background-size: contain;
- flex: 0 0 auto;
- background-repeat: no-repeat;
- margin: 18px;
-}
-
-.cd-mediaitem-hrect .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-
-.cd-mediaitem-hrect .info-rect {
- width: 100%;
-}
-
-.cd-mediaitem-hrect .title {
- width: 100%;
- text-align: center;
-}
-
-.cd-mediaitem-hrect .subtitle {
- width: 100%;
- text-align: center;
- font-size: 12px;
-}
-
-/* mediaitem-square-sp */
-.cd-mediaitem-square-sp {
- --spcolor: var("");
- width: 190px;
- height: 250px;
- display: inline-flex;
- flex: 0 0 auto;
- flex-direction: column;
- font-size: 14px;
- justify-content: flex-start;
- align-items: center;
- border-radius: 6px;
- margin-left: 10px;
- cursor: pointer;
- background-color: var(--spcolor);
-}
-
-.cd-mediaitem-square-sp:hover {
- box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset;
-}
-
-.cd-mediaitem-square-sp .artwork {
- height: 190px;
- width: 190px;
- background: blue;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- background: var(--artwork);
- background-size: cover;
- flex: 0 0 auto;
- margin: 6px;
- margin-top: 0px;
-}
-
-.artwork
-{height: 190px;
- width: 190px;
- background: blue;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- background: var(--artwork);
- background-size: cover;
- flex: 0 0 auto;
- margin: 6px;
- margin-top: 0px;
-}
-
-.cd-mediaitem-square-sp .artwork:hover {
- box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset;
-}
-
-.cd-mediaitem-square-sp .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-
-.cd-mediaitem-square-sp .title {
- width: 90%;
- text-align: center;
-}
-
-.cd-mediaitem-square-sp .subtitle {
- width: 100%;
- text-align: center;
- font-size: 12px;
-}
-
-
-.cd-mediaitem-square-sp > .cd-mediaitem-square-large-overlay {
- z-index: 3;
-}
-.cd-mediaitem-square-sp > .cd-mediaitem-square-large-overlay:hover {
- opacity: 1;
-}
-
-.cd-mediaitem-square-sp + .cd-mediaitem-square-large-overlay {
- pointer-events: none;
-
-}
-
-.cd-mediaitem-square-sp:hover + .cd-mediaitem-square-large-overlay {
- opacity: 1;
-
-}
-
-/* mediaitem-square-large */
-.cd-mediaitem-square-large {
- width: 190px;
- height: 250px;
- display: inline-flex;
- flex: 0 0 auto;
- flex-direction: column;
- font-size: 14px;
- justify-content: flex-start;
- align-items: center;
- border-radius: 6px;
- margin-left: 10px;
- cursor: pointer;
-}
-.cd-mediaitem-square-large > * {
- z-index: inherit;
-
-}
-
-/* .cd-mediaitem-square-large .artwork:hover {
- box-shadow: rgb(0 0 0 / 50%) 0 0 0 1000000px inset;
-} */
-
-.cd-mediaitem-square-large .artwork {
- height: 190px;
- width: 190px;
- background: blue;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- background: var(--artwork);
- background-size: cover;
- flex: 0 0 auto;
- margin: 6px;
- margin-top: 0px;
-}
-
-.cd-mediaitem-square-large-overlay{
- position: absolute;
- width: 190px;
- float: right;
- height: 250px;
- top: 0px;
- margin: 10px;
- margin-top: 0px;
- opacity: 0;
-
-}
-
-.cd-mediaitem-square-large-overlay > * {
- pointer-events: auto;
-
-}
-.cd-mediaitem-square-large > .cd-mediaitem-square-large-overlay {
- z-index: 3;
-}
-.cd-mediaitem-square-large > .cd-mediaitem-square-large-overlay:hover {
- opacity: 1;
-}
-
-.cd-mediaitem-square-large + .cd-mediaitem-square-large-overlay {
- pointer-events: none;
-
-}
-
-.cd-mediaitem-square-large:hover + .cd-mediaitem-square-large-overlay {
- opacity: 1;
-
-}
-
-
-.cd-mediaitem-square-large .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-
-.cd-mediaitem-square-large .title {
- width: 90%;
- text-align: center;
-}
-
-.cd-mediaitem-square-large .subtitle {
- width: 100%;
- text-align: center;
- font-size: 12px;
-}
-
-/* mediaitem-square */
-.cd-mediaitem-square {
- width: 200px;
- height: 190px;
- display: inline-flex;
- flex: 0 0 auto;
- flex-direction: column;
- font-size: 14px;
- justify-content: center;
- align-items: center;
- border-radius: 6px;
- cursor: pointer;
-}
-
-.cd-mediaitem-square:hover {
- background: rgb(200 200 200 / 10%);
-}
-
-.cd-mediaitem-square .artwork {
- height: 128px;
- width: 128px;
- background: blue;
- border-radius: var(--mediaItemRadius);
- background: var(--artwork);
- background-size: cover;
- box-shadow: var(--mediaItemShadow);
- flex: 0 0 auto;
- margin: 6px;
-}
-
-.cd-mediaitem-square .artwork.round {
- border-radius: var(--mediaItemRadiusRound);
-}
-
-.cd-mediaitem-square .title {
- width: 90%;
- text-align: center;
-}
-
-.cd-mediaitem-square .subtitle {
- width: 100%;
- text-align: center;
- font-size: 12px;
-}
-
-
-.cd-btn-seeall {
- background: transparent;
- border: 0px;
- color: var(--keyColor);
- font-family: inherit;
- font-size: 16px;
- border-radius: 4px;
- padding: 6px;
-}
-
-.cd-btn-seeall:hover {
- cursor: pointer;
- background: rgb(200 200 200 / 10%)
-}
-
-/* Cider */
-
-/* Transitions */
-.wpfade-enter-active,
-.wpfade-leave-active {
- transition: opacity .1s var(--appleEase);
-}
-
-.wpfade-enter,
-.wpfade-leave-to {
- opacity: 0;
-}
-/* Transitions End */
-
-@media (prefers-color-scheme: light) {
- :root {
- /* */
- --gfx-closeBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjY6MjgtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI2OjI4LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjY6MjgtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PtPY89oAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEpJREFUGJWNkMENwDAIA1Gh3F7sP0Ty7xD5JgpU+OuTLVvMmQohhRTCnCEK8TpfBl9eBpcBu/HXcsAZ9FQjSrWqW2Pa95gzGofPBQZRG2fS0899AAAAAElFTkSuQmCC');
- --gfx-maxBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjU6NTItMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI1OjUyLTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjU6NTItMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PntJ23wAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEhJREFUGJVjYGBgmMzAwPCXgYHhPw78l4GBYTIjlKHHwMDwlAE7EGFgYLjJANUlgEMRDPxnIqAADoaKwn8MkCDABaShaogLcACWZRl4ajKVtAAAAABJRU5ErkJggg==');
- --gfx-restoreBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjY6NTMtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI2OjUzLTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjY6NTMtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PluKsJ0AAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGlJREFUGJWt0LEOgkAQhOFPShspSWyvMPFxKaDh0XgOq8tZuCqBIzRMMsXmn51slr9GlJVfmHC9LII3LGfoomCGHrnSloM9olnGE+3KKVgbi0oMNX1ZaXYCG50aLBj4HJwqgXuwn47eA95vgSGy6zr7OwAAAABJRU5ErkJggg==');
- --gfx-minBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAaxaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPg0KICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPg0KICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDItMTdUMTM6MDA6MzJaIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDItMTdUMTM6MDA6MzJaIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1ZDBlZGIwLWZkMDAtYjY0Zi05ZWZiLWEyYjQ1ODcwNWE4YSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmEzMDAxZTFhLTI5MTktZTQ0OS1iOTRjLWMyMTIyNDhhOWY4YSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc4N2Y3OTljLTRiMTEtZTU0YS1iMjBkLTY4NjE3ZWQ5YzVlMiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPg0KICAgICAgPHhtcE1NOkhpc3Rvcnk+DQogICAgICAgIDxyZGY6U2VxPg0KICAgICAgICAgIDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4N2Y3OTljLTRiMTEtZTU0YS1iMjBkLTY4NjE3ZWQ5YzVlMiIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0xN1QxMzowMDozMloiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgLz4NCiAgICAgICAgICA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODVkMGVkYjAtZmQwMC1iNjRmLTllZmItYTJiNDU4NzA1YThhIiBzdEV2dDp3aGVuPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIiAvPg0KICAgICAgICA8L3JkZjpTZXE+DQogICAgICA8L3htcE1NOkhpc3Rvcnk+DQogICAgICA8cGhvdG9zaG9wOlRleHRMYXllcnM+DQogICAgICAgIDxyZGY6QmFnPg0KICAgICAgICAgIDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qShIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKEiIC8+DQogICAgICAgIDwvcmRmOkJhZz4NCiAgICAgIDwvcGhvdG9zaG9wOlRleHRMYXllcnM+DQogICAgPC9yZGY6RGVzY3JpcHRpb24+DQogIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KPD94cGFja2V0IGVuZD0iciI/PmeGdrgAAAAVSURBVChTYxhOgBGI/0OYQx0wMAAAyp4BAZ26NiYAAAAASUVORK5CYII=');
- }
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --gfx-closeBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6MzYtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjM2LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6MzYtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PmN2D9EAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtJREFUGJWNkMENwDAIA1FGY/8hkn8HOAqPfBsFKvz1yZYtbqwAlUIB6saUAH2NJ4MvL4PLgK/x13LAGTSqEaVa1a0x7XvcmI3D1wbntaRbB2haYwAAAABJRU5ErkJggg==');
- --gfx-maxBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6NTgtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjU4LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6NTgtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PlwQMBUAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFBJREFUGJXV0LERgCAUBNHVsQADM3uwWWbojQIs47MEGhgAuS/eSw41qeFYqGlRA7iAm74DKLyrfRABoLrOgq+/hJXngi71BOoGZKBMHqhAbtMvQzel9pREAAAAAElFTkSuQmCC');
- --gfx-restoreBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6MjQtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjI0LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6MjQtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PqiFCFwAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHNJREFUGJWtkKEOwlAMRc+QM5AwQYJFoPjZCWb2YRPIaeRTLwfTLQs0UxzX3tumtxCog78UdVTbZmM8AmsdXIABeKH2ak221dDuamnUCjyA+WtbB0zAGXgT0ycSFk31kBky/moUeBLpbsl91wi6Nnbfs/g+7XOQq6ifjfkAAAAASUVORK5CYII=');
- --gfx-minBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wMi0xN1QxMzowMDozMloiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NWQwZWRiMC1mZDAwLWI2NGYtOWVmYi1hMmI0NTg3MDVhOGEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMzAwMWUxYS0yOTE5LWU0NDktYjk0Yy1jMjEyMjQ4YTlmOGEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ODdmNzk5Yy00YjExLWU1NGEtYjIwZC02ODYxN2VkOWM1ZTIiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODdmNzk5Yy00YjExLWU1NGEtYjIwZC02ODYxN2VkOWM1ZTIiIHN0RXZ0OndoZW49IjIwMjAtMDItMTdUMTM6MDA6MzJaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1ZDBlZGIwLWZkMDAtYjY0Zi05ZWZiLWEyYjQ1ODcwNWE4YSIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0xN1QxMzowMDozMloiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSLupKEiIHBob3Rvc2hvcDpMYXllclRleHQ9Iu6koSIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FwvRXAAAABdJREFUGNNj/P//PwMxgHGIKPw/XDwDAOr1HuzlELLnAAAAAElFTkSuQmCC');
- }
-}
-
-
-#apple-music-video-container {
- background: black;
- position: absolute;
- float: left;
- display: none;
- width: 100%;
- height: calc(100% - var(--chromeHeight));
- bottom: 0;
- z-index: 100000;
-}
-
-#apple-music-video-player{
- position: absolute;
- top: 50%;
- width: 100%;
- transform: translate(0, -50%);
- height: 100%;
-}
-
-#apple-music-video-player-controls{
- position: absolute;
- z-index: 100001;
- float: left;
- width: 100%;
- height: 100%;
-}
-
-#apple-music-video-player-controls #player-exit{
- position: absolute;
- z-index: 100001;
- float: left;
- width: 100%;
- margin: 10px;
- cursor: pointer;
-}
-
-#apple-music-video-player-controls #player-pip{
- position: absolute;
- z-index: 100001;
- width: 32px;
- height: 32px;
- margin: 10px;
- right: 50px;
- border-radius: 100%;
- background: rgb(255 255 255 / 50%);
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
-}
-
-#apple-music-video-player-controls #player-pip>svg {
- width: 50%;
-}
-
-#apple-music-video-player-controls #player-fullscreen{
- position: absolute;
- z-index: 100001;
- width: 32px;
- height: 32px;
- margin: 10px;
- right: 0px;
- border-radius: 100%;
- background: rgb(255 255 255 / 50%);
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
-}
-
-#apple-music-video-player-controls #player-fullscreen>svg {
- width: 50%;
-}
-
-#apple-music-video-player-controls:hover{
- opacity: 1;
-}
-
-img[src=""] {
- text-indent: -10000px;
-}
-
-div#captions {
- font-size: 1.2rem;
- position: absolute;
- top: 85%;
- text-align: center;
- width: auto;
- align-self: center;
- left: 50%;
- transform: translate(-50%, -50%);
- background: rgba(0,0,0,0.6);
- color: yellow;
-}
-
-[v-cloak] {display: none!important}
diff --git a/src/renderer/style.css b/src/renderer/style.css
index 1ff1aa0c..81ec3918 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -7018,6 +7018,7 @@ fieldset:disabled .btn {
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
+ pointer-events: none;
}
.tooltip.show {
opacity: 0.9;
@@ -8023,6 +8024,10 @@ fieldset:disabled .btn {
box-shadow: var(--mediaItemShadow);
color: #eee;
}
+.cd-mediaitem-list-item.disabled {
+ opacity: 0.5;
+ pointer-events: none;
+}
.cd-mediaitem-list-item.compact {
height: 40px;
font-size: 13px;
@@ -9103,6 +9108,13 @@ input[type=checkbox][switch]:checked:active::before {
.notyf-info {
background: var(--keyColor);
}
+.tooltip-inner {
+ background: #2f2f2f;
+ opacity: 1;
+ border: 1px solid rgba(0, 0, 0, 0.35);
+ transition: all 0.3s ease-in-out;
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
+}
.modal-fullscreen {
display: flex;
justify-content: center;
@@ -9877,7 +9889,7 @@ input[type=checkbox][switch]:checked:active::before {
display: flex;
justify-content: center;
align-items: center;
- z-index: 6;
+ z-index: 10;
position: sticky;
margin-top: calc(var(--navigationBarHeight) * -1);
}
@@ -11218,38 +11230,16 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
height: 100%;
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minimize {
- height: 12px;
- width: 12px;
- background-color: #ff5c5c;
- border-radius: 50%;
- display: inline-block;
- margin: auto 4px;
- color: #820005;
- -webkit-app-region: no-drag;
- background-image: unset;
+ display: none;
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls {
- width: 67px;
+ display: none;
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minmax {
- height: 12px;
- width: 12px;
- background-color: #ffbd4c;
- border-radius: 50%;
- display: inline-block;
- margin: auto 4px;
- -webkit-app-region: no-drag;
- background-image: unset;
+ display: none;
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.close {
- height: 12px;
- width: 12px;
- background-color: #00ca56;
- border-radius: 50%;
- display: inline-block;
- margin: auto 4px auto 4px;
- -webkit-app-region: no-drag;
- background-image: unset;
+ display: none;
}
.app-chrome .app-chrome-item.playback-controls {
width: 80%;
@@ -12499,6 +12489,20 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
width: 100%;
justify-content: center;
}
+#micaEffect {
+ opacity: 1;
+ filter: brightness(0.5);
+}
+@keyframes micaEnter {
+ 0% {
+ opacity: 0;
+ transform: translateY(10px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0px);
+ }
+}
@keyframes rotate {
from {
transform: rotate(0deg);
@@ -13022,6 +13026,7 @@ body[platform="linux"] #window-controls-container {
#app.twopanel .app-chrome.chrome-bottom {
height: var(--chromeHeight2);
box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
+ z-index: 1;
}
#app.twopanel .app-sidebar-footer--controls {
display: none !important;
diff --git a/src/renderer/style.less b/src/renderer/style.less
index f0505165..55673bc1 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -142,8 +142,8 @@ body.notransparency::before {
}
#app {
- --color1: rgba(30, 30, 30, 30%);
- --color2: rgba(15, 15, 15, 30%);
+ --color1: rgba(15, 15, 15, 30%);
+ --color2: rgba(30, 30, 30, 50%);
--bgColor: transparent;
--bgWidth: 0px;
--bgHeight: 0px;
@@ -799,25 +799,28 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
opacity: 0.6;
}
}
+
}
.app-sidebar-item:hover {
- border: 1px solid rgb(200 200 200 / 5%);
- background: rgb(200 200 200 / 15%);
+ border: 1px solid rgb(200 200 200 / 0%);
+ background: rgb(180 180 180 / 15%);
+ // cursor: pointer;
}
.app-sidebar-item:active {
- border: 1px solid rgb(200 200 200 / 5%);
- background: rgb(200 200 200 / 15%);
- transform: scale(0.98);
+ border: 1px solid rgb(200 200 200 / 0%);
+ background: rgb(150 150 150 / 15%);
+ // transform: scale(0.98);
transition: transform 0s;
}
.app-sidebar-item.active {
- border: 1px solid rgb(200 200 200 / 5%);
+ border: 1px solid rgb(200 200 200 / 0%);
background: rgb(200 200 200 / 15%);
transform: scale(1);
transition: transform 0s;
+ cursor: default;
}
.app-sidebar-item.active::after {
@@ -830,6 +833,17 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
border-radius: 10px;
left: 0px;
background: var(--keyColor);
+ animation: expandIndicator .2s cubic-bezier(0.25, 1, 0.5, 1);
+
+ @keyframes expandIndicator {
+ 0% {
+ transform: scaleY(0);
+ }
+
+ 100% {
+ transform: scaleY(1);
+ }
+ }
}
.app-chrome {
@@ -867,7 +881,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
}
.app-chrome .app-chrome--center {
- width: 40%;
+ //width: 40%;
}
.app-chrome .app-chrome--right {
@@ -1060,41 +1074,19 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minimize {
- height: 12px;
- width: 12px;
- background-color: rgb(255, 92, 92);
- border-radius: 50%;
- display: inline-block;
- margin: auto 4px;
- color: rgb(130, 0, 5);
- -webkit-app-region: no-drag;
- background-image: unset;
+ display: none;
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls {
- width: 67px;
+ display: none;
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.minmax {
- height: 12px;
- width: 12px;
- background-color: rgb(255, 189, 76);
- border-radius: 50%;
- display: inline-block;
- margin: auto 4px;
- -webkit-app-region: no-drag;
- background-image: unset;
+ display: none;
}
body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.close {
- height: 12px;
- width: 12px;
- background-color: rgb(0, 202, 86);
- border-radius: 50%;
- display: inline-block;
- margin: auto 4px auto 4px;
- -webkit-app-region: no-drag;
- background-image: unset;
+ display: none;
}
.app-chrome .app-chrome-item.playback-controls {
@@ -1557,6 +1549,14 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
filter: none !important;
}
+
+.lyric-body:hover > .lyric-line:not(.active) {
+ filter: none !important;
+}
+.lyric-body > .lyric-line:not(.active) {
+ transition: filter var(--appleEase) 0.5s ease;
+}
+
.lyricWaiting {
margin-top: 8px;
display: none;
@@ -1829,6 +1829,18 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
}
}
+.cd-mediaitem-square-container{
+ display: inline-flex;
+ flex-direction: column;
+}
+
+.reasonSP{
+ // margin-left: 15px;
+ color: rgb(167 163 163);
+ font-weight: 500;
+ margin-left: 15px;
+}
+
.text-overflow-elipsis {
display: -webkit-box;
min-width: 0px;
@@ -2636,6 +2648,23 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
// Cider App
+#micaEffect {
+ opacity:1;
+ // animation: micaEnter 1s ease-in-out forwards;
+ filter: brightness(0.5);
+ @keyframes micaEnter {
+ 0% {
+ opacity: 0;
+ transform: translateY(10px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0px);
+ }
+ }
+}
+
+
@keyframes rotate {
from {
transform: rotate(0deg);
diff --git a/src/renderer/themes/WIP.md b/src/renderer/themes/WIP.md
new file mode 100644
index 00000000..9bac366d
--- /dev/null
+++ b/src/renderer/themes/WIP.md
@@ -0,0 +1,14 @@
+# Themes (WIP)
+
+## Making a theme
+* If one does not already exist, create a new theme directory in the user data folder.
+ * **Windows:** `%appdata%/Cider/themes`
+ * **Mac:** `~/Library/Application Support/Cider/themes`
+ * **Linux:** `~/.config/Cider/themes`
+* Create a `theme.less` file with the name of the theme.
+* In Cider, select the theme in the settings.
+* To enable hot reloading for the theme, open the DevTools and enter `less.watch()` in the console.
+
+## Resources
+* The default styles.less can be found in: [src/renderer/style.less](https://github.com/ciderapp/Cider/tree/main/src/renderer/style.less)
+* [Less.js documentation](https://lesscss.org/)
\ No newline at end of file
diff --git a/src/renderer/themes/dark.less b/src/renderer/themes/dark.less
new file mode 100644
index 00000000..5a8b69aa
--- /dev/null
+++ b/src/renderer/themes/dark.less
@@ -0,0 +1,3 @@
+#app {
+ --color1: #111;
+}
\ No newline at end of file
diff --git a/src/renderer/themes/default.less b/src/renderer/themes/default.less
new file mode 100644
index 00000000..29f60626
--- /dev/null
+++ b/src/renderer/themes/default.less
@@ -0,0 +1 @@
+// Default theme
\ No newline at end of file
diff --git a/src/renderer/views/app/app-content.ejs b/src/renderer/views/app/app-content.ejs
index 38549d75..4c220be4 100644
--- a/src/renderer/views/app/app-content.ejs
+++ b/src/renderer/views/app/app-content.ejs
@@ -1,4 +1,4 @@
-
+
\ No newline at end of file
diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs
index 1fbe6a59..ec2ac3f7 100644
--- a/src/renderer/views/app/chrome-bottom.ejs
+++ b/src/renderer/views/app/chrome-bottom.ejs
@@ -86,7 +86,7 @@
@@ -101,22 +101,27 @@
+ :style="{'opacity': 0.3, 'pointer-events': 'none'}">
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 7493fd9e..17a9eafe 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -89,7 +89,7 @@
@@ -117,22 +117,28 @@
-
+ :style="{'opacity': 0.3, 'pointer-events': 'none'}">
diff --git a/src/renderer/views/app/panels.ejs b/src/renderer/views/app/panels.ejs
index 78751e87..f6766b21 100644
--- a/src/renderer/views/app/panels.ejs
+++ b/src/renderer/views/app/panels.ejs
@@ -44,7 +44,7 @@
fill-rule="nonzero"/>
- {{((lyricon) ? ((lyrics.length > 0 && lyrics[currentLyricsLine] &&
+ {{((lyricon) ? ((lyrics.length > 0 && lyrics[currentLyricsLine] &&
lyrics[currentLyricsLine].line ) ?
lyrics[currentLyricsLine].line.replace('lrcInstrumental','') : "") : '') + ((lyricon) ?
((lyrics.length
@@ -65,4 +65,4 @@
-
\ No newline at end of file
+
diff --git a/src/renderer/views/components/artist-chip.ejs b/src/renderer/views/components/artist-chip.ejs
index d0be7f95..12453996 100644
--- a/src/renderer/views/components/artist-chip.ejs
+++ b/src/renderer/views/components/artist-chip.ejs
@@ -29,7 +29,7 @@
template: '#artist-chip',
async mounted() {
let artistId = this.item.id
- if(typeof this.item.relationships.catalog == "object") {
+ if(typeof this.item.relationships == "object") {
artistId = this.item.relationships.catalog.data[0].id
}
app.mk.api.v3.music(`/v1/catalog/${app.mk.storefrontId}/artists/${artistId}`).then(response => {
diff --git a/src/renderer/views/components/castmenu.ejs b/src/renderer/views/components/castmenu.ejs
index ce3c554d..8fa0a61e 100644
--- a/src/renderer/views/components/castmenu.ejs
+++ b/src/renderer/views/components/castmenu.ejs
@@ -1,5 +1,5 @@
+
\ No newline at end of file
diff --git a/src/renderer/views/components/listennow-child.ejs b/src/renderer/views/components/listennow-child.ejs
index cf85cae7..4e805be9 100644
--- a/src/renderer/views/components/listennow-child.ejs
+++ b/src/renderer/views/components/listennow-child.ejs
@@ -3,7 +3,7 @@
- {{ recom.attributes.title ? recom.attributes.title.stringForDisplay : ""}}
+ {{ recom.attributes.title ? recom.attributes.title.stringForDisplay : " "}}
@@ -15,7 +15,8 @@
-
@@ -12,7 +12,10 @@
diff --git a/src/renderer/views/components/mediaitem-square.ejs b/src/renderer/views/components/mediaitem-square.ejs
index 296d1780..90d45943 100644
--- a/src/renderer/views/components/mediaitem-square.ejs
+++ b/src/renderer/views/components/mediaitem-square.ejs
@@ -1,13 +1,14 @@
-
+
+