(function (Prism) { Prism.languages.xquery = Prism.languages.extend('markup', { 'xquery-comment': { pattern: /\(:[\s\S]*?:\)/, greedy: true, alias: 'comment', }, string: { pattern: /(["'])(?:\1\1|(?!\1)[\s\S])*\1/, greedy: true, }, extension: { pattern: /\(#.+?#\)/, alias: 'symbol', }, variable: /\$[-\w:]+/, axis: { pattern: /(^|[^-])(?:ancestor(?:-or-self)?|attribute|child|descendant(?:-or-self)?|following(?:-sibling)?|parent|preceding(?:-sibling)?|self)(?=::)/, lookbehind: true, alias: 'operator', }, 'keyword-operator': { pattern: /(^|[^:-])\b(?:and|castable as|div|eq|except|ge|gt|idiv|instance of|intersect|is|le|lt|mod|ne|or|union)\b(?=$|[^:-])/, lookbehind: true, alias: 'operator', }, keyword: { pattern: /(^|[^:-])\b(?:as|ascending|at|base-uri|boundary-space|case|cast as|collation|construction|copy-namespaces|declare|default|descending|else|empty (?:greatest|least)|encoding|every|external|for|function|if|import|in|inherit|lax|let|map|module|namespace|no-inherit|no-preserve|option|order(?: by|ed|ing)?|preserve|return|satisfies|schema|some|stable|strict|strip|then|to|treat as|typeswitch|unordered|validate|variable|version|where|xquery)\b(?=$|[^:-])/, lookbehind: true, }, function: /[\w-]+(?::[\w-]+)*(?=\s*\()/, 'xquery-element': { pattern: /(element\s+)[\w-]+(?::[\w-]+)*/, lookbehind: true, alias: 'tag', }, 'xquery-attribute': { pattern: /(attribute\s+)[\w-]+(?::[\w-]+)*/, lookbehind: true, alias: 'attr-name', }, builtin: { pattern: /(^|[^:-])\b(?:attribute|comment|document|element|processing-instruction|text|xs:(?:ENTITIES|ENTITY|ID|IDREFS?|NCName|NMTOKENS?|NOTATION|Name|QName|anyAtomicType|anyType|anyURI|base64Binary|boolean|byte|date|dateTime|dayTimeDuration|decimal|double|duration|float|gDay|gMonth|gMonthDay|gYear|gYearMonth|hexBinary|int|integer|language|long|negativeInteger|nonNegativeInteger|nonPositiveInteger|normalizedString|positiveInteger|short|string|time|token|unsigned(?:Byte|Int|Long|Short)|untyped(?:Atomic)?|yearMonthDuration))\b(?=$|[^:-])/, lookbehind: true, }, number: /\b\d+(?:\.\d+)?(?:E[+-]?\d+)?/, operator: [ /[+*=?|@]|\.\.?|:=|!=|<[=<]?|>[=>]?/, { pattern: /(\s)-(?=\s)/, lookbehind: true, }, ], punctuation: /[[\](){},;:/]/, }); Prism.languages.xquery.tag.pattern = /<\/?(?!\d)[^\s>\/=$<%]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|\{(?!\{)(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/; Prism.languages.xquery['tag'].inside['attr-value'].pattern = /=(?:("|')(?:\\[\s\S]|\{(?!\{)(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}|(?!\1)[^\\])*\1|[^\s'">=]+)/; Prism.languages.xquery['tag'].inside['attr-value'].inside['punctuation'] = /^="|"$/; Prism.languages.xquery['tag'].inside['attr-value'].inside['expression'] = { // Allow for two levels of nesting pattern: /\{(?!\{)(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}/, inside: Prism.languages.xquery, alias: 'language-xquery', }; // The following will handle plain text inside tags var stringifyToken = function (token) { if (typeof token === 'string') { return token; } if (typeof token.content === 'string') { return token.content; } return token.content.map(stringifyToken).join(''); }; var walkTokens = function (tokens) { var openedTags = []; for (var i = 0; i < tokens.length; i++) { var token = tokens[i]; var notTagNorBrace = false; if (typeof token !== 'string') { if ( token.type === 'tag' && token.content[0] && token.content[0].type === 'tag' ) { // We found a tag, now find its kind if (token.content[0].content[0].content === '') { // Closing tag if ( openedTags.length > 0 && openedTags[openedTags.length - 1].tagName === stringifyToken(token.content[0].content[1]) ) { // Pop matching opening tag openedTags.pop(); } } else { if (token.content[token.content.length - 1].content === '/>') { // Autoclosed tag, ignore } else { // Opening tag openedTags.push({ tagName: stringifyToken(token.content[0].content[1]), openedBr
@use "@styles/abstracts/functions" as fun;
.message {
border: fun.convert-px(2) solid;
font-weight: bold;
margin: var(--spacing-sm) auto;
padding: var(--spacing-2xs) var(--spacing-xs);
&--error {
border-color: var(--color-token-red);
color: var(--color-token-red);
}
&--info {
border-color: var(--color-token-blue);
color: var(--color-token-blue);
}
&--success {
border-color: var(--color-token-green);
color: var(--color-token-green);
}
&--warning {
border-color: var(--color-token-orange);
color: var(--color-token-orange);
}
}