@salesforcedevs/dx-components 1.3.35-toc → 1.3.37-alpha01

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.35-toc",
+    "version": "1.3.37-alpha01",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -15,7 +15,7 @@
         "@sfdocs-internal/wires": "^0.6.3",
         "@vimeo/player": "^2.16.4",
         "classnames": "^2.2.6",
-        "coveo-search-ui": "^2.10082.5",
+        "coveo-search-ui": "^2.10104.0",
         "debounce": "^1.2.0",
         "js-cookie": "^3.0.1",
         "lodash.defaults": "^4.2.0",

package/src/modules/dx/cardNews/cardNews.css

@@ -2,6 +2,13 @@
 @import "dxHelpers/text";
 @import "dxHelpers/card";
 
+:host {
+    --dx-c-feature-img-padding-top: 0;
+    --dx-c-feature-img-padding-right: 0;
+    --dx-c-feature-img-padding-left: 0;
+    --dx-c-feature-img-padding-bottom: 0;
+}
+
 .dx-card-news {
     position: relative;
     display: flex;
@@ -157,3 +164,10 @@ img {
         max-width: 25%;
     }
 }
+
+.dx-card-news-img-padding {
+    padding: var(--dx-c-feature-img-padding-top)
+        var(--dx-c-feature-img-padding-right)
+        var(--dx-c-feature-img-padding-bottom)
+        var(--dx-c-feature-img-padding-left);
+}

package/src/modules/dx/cardNews/cardNews.ts

@@ -59,7 +59,8 @@ export default class CardNews extends LightningElement {
         return cx(
             this.imgVerticalAlign &&
                 `dx-card-news-img-vertical-align-${this.imgVerticalAlign}`,
-            this.textContainerWidth === "large" && `dx-card-news-img-small`
+            this.textContainerWidth === "large" && `dx-card-news-img-small`,
+            `dx-card-news-img-padding`
         );
     }
 

package/src/modules/dx/codeBlock/codeBlock.ts

@@ -48,8 +48,13 @@ export default class CodeBlock extends LightningElement {
         { label: "Kotlin", id: "kotlin" },
         { label: "Python", id: "python" },
         { label: "Bash", id: "bash" },
+        { label: "Shell", id: "shell" },
+        { label: "Shell", id: "sh" },
         { label: "SQL", id: "sql" },
-        { label: "YAML", id: "yaml" }
+        { label: "YAML", id: "yaml" },
+        { label: "Markdown", id: "markdown" },
+        { label: "Markdown", id: "md" },
+        { label: "JSX", id: "jsx" }
     ];
 
     connectedCallback() {

package/src/modules/dx/codeBlock/darkTheme.css

@@ -54,6 +54,14 @@
     color: var(--dx-g-purple-vibrant-70);
 }
 
+.dx-theme-dark .token.atrule {
+    color: var(--dx-g-purple-vibrant-70);
+}
+
+.dx-theme-dark .token.builtin {
+    color: var(--dx-g-purple-vibrant-70);
+}
+
 .dx-theme-dark .token.entity {
     color: #fff;
     background: var(--dx-g-blue-vibrant-10);
@@ -68,7 +76,6 @@
 .dx-theme-dark .token.deleted,
 .dx-theme-dark .token.constant,
 .dx-theme-dark .token.number,
-.dx-theme-dark .token.builtin,
 .dx-theme-dark .token.important .dx-theme-dark .token.boolean,
 .dx-theme-dark .token.symbol,
 .dx-theme-dark .token.inserted,

package/src/modules/dx/codeBlock/lightTheme.css

@@ -30,6 +30,14 @@
     color: var(--dx-g-teal-vibrant-40);
 }
 
+.dx-theme-light .token.atrule {
+    color: var(--dx-g-pink-vibrant-40);
+}
+
+.dx-theme-light .token.builtin {
+    color: var(--dx-g-pink-vibrant-40);
+}
+
 .dx-theme-light .token.tag {
     color: rgb(75, 36, 219);
 }
@@ -55,9 +63,7 @@
 .dx-theme-light .token.deleted,
 .dx-theme-light .token.string,
 .dx-theme-light .token.char,
-.dx-theme-light .token.builtin,
 .dx-theme-light .token.inserted,
-.dx-theme-light .token.atrule,
 .dx-theme-light .token.regex,
 .dx-theme-light .token.important {
     color: var(--dx-g-gray-10);

package/src/modules/dx/mainContentHeader/mainContentHeader.html

@@ -6,7 +6,12 @@
             <span if:true={subtitle} class="subtitle dx-text-heading-4b">
                 {subtitle}
             </span>
-            <dx-button href={ctaHref} target={ctaTarget} size="large">
+            <dx-button
+                onclick={onCtaClick}
+                href={ctaHref}
+                target={ctaTarget}
+                size="large"
+            >
                 {ctaLabel}
             </dx-button>
         </div>

package/src/modules/dx/searchResults/coveo.css

@@ -1,6 +1,8 @@
 /*
 Code generated by scripts/postinstall.js DO NOT EDIT
-*//*
+*/
+
+/*
 * @param direction vertical or horizontal
 * @param position type of positioning to apply (relative/absolute)
 */
@@ -1376,6 +1378,15 @@ Code generated by scripts/postinstall.js DO NOT EDIT
 .coveo-filetype-salesforce-standard-work-order-item,
 .coveo-filetype-salesforce-standard-work-order,
 .coveo-filetype-salesforce-standard-work-type,
+.coveo-filetype-slack,
+.coveo-icon.filetype.Slackmessage,
+.coveo-icon.filetype.slackmessage,
+.coveo-icon.filetype.Slackchannel,
+.coveo-icon.filetype.slackchannel,
+.coveo-icon.filetype.Slackfile,
+.coveo-icon.filetype.slackfile,
+.coveo-icon.filetype.Slackuser,
+.coveo-icon.filetype.slackuser,
 .coveo-filetype-user,
 .coveo-icon.objecttype.People,
 .coveo-icon.objecttype.people,
@@ -1584,21 +1595,6 @@ Code generated by scripts/postinstall.js DO NOT EDIT
   background-size: 56px 64px;
 }
 
-.coveo-filetype-slack,
-.coveo-icon.filetype.Slackmessage,
-.coveo-icon.filetype.slackmessage,
-.coveo-icon.filetype.Slackchannel,
-.coveo-icon.filetype.slackchannel,
-.coveo-icon.filetype.Slackfile,
-.coveo-icon.filetype.slackfile,
-.coveo-icon.filetype.Slackuser,
-.coveo-icon.filetype.slackuser {
-  display: inline-block;
-  width: 124px;
-  height: 124px;
-  background-size: 124px 124px;
-}
-
 .coveo-filetype-attachment-small,
 .coveo-icon.objecttype.coveo-small.Attachment,
 .coveo-icon.objecttype.coveo-small.attachment,
@@ -2124,6 +2120,15 @@ Code generated by scripts/postinstall.js DO NOT EDIT
 .coveo-filetype-salesforce-standard-work-order-item-small,
 .coveo-filetype-salesforce-standard-work-order-small,
 .coveo-filetype-salesforce-standard-work-type-small,
+.coveo-filetype-slack-small,
+.coveo-icon.filetype.coveo-small.Slackmessage,
+.coveo-icon.filetype.coveo-small.slackmessage,
+.coveo-icon.filetype.coveo-small.Slackchannel,
+.coveo-icon.filetype.coveo-small.slackchannel,
+.coveo-icon.filetype.coveo-small.Slackfile,
+.coveo-icon.filetype.coveo-small.slackfile,
+.coveo-icon.filetype.coveo-small.Slackuser,
+.coveo-icon.filetype.coveo-small.slackuser,
 .coveo-filetype-user-small,
 .coveo-icon.objecttype.coveo-small.People,
 .coveo-icon.objecttype.coveo-small.people,
@@ -2332,21 +2337,6 @@ Code generated by scripts/postinstall.js DO NOT EDIT
   background-size: 28px 32px;
 }
 
-.coveo-filetype-slack-small,
-.coveo-icon.filetype.coveo-small.Slackmessage,
-.coveo-icon.filetype.coveo-small.slackmessage,
-.coveo-icon.filetype.coveo-small.Slackchannel,
-.coveo-icon.filetype.coveo-small.slackchannel,
-.coveo-icon.filetype.coveo-small.Slackfile,
-.coveo-icon.filetype.coveo-small.slackfile,
-.coveo-icon.filetype.coveo-small.Slackuser,
-.coveo-icon.filetype.coveo-small.slackuser {
-  display: inline-block;
-  width: 62px;
-  height: 62px;
-  background-size: 62px 62px;
-}
-
 .coveo-filetype-attachment,
 .coveo-icon.objecttype.Attachment,
 .coveo-icon.objecttype.attachment,
@@ -8065,6 +8055,13 @@ select.coveo-dropdown::-ms-expand {
 * @param $size size of the icon to use
 */
 
+@font-face {
+  font-family: 'Lato';
+  src: url('https://static.cloud.coveo.com/searchui/v2.10104/0/fonts/lato.woff2'), url('https://staticdev.cloud.coveo.com/searchui/v2.10104/0/fonts/lato.woff2'), url('../fonts/lato.woff2'), url('https://static.cloud.coveo.com/searchui/v2.10104/0/fonts/lato.woff'), url('https://staticdev.cloud.coveo.com/searchui/v2.10104/0/fonts/lato.woff'), url('../fonts/lato.woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
 .CoveoSearchInterface {
   min-height: 100%;
   position: relative;
@@ -18738,6 +18735,10 @@ button.coveo-user-feedback-banner-explain-why-active {
 * @param $size size of the icon to use
 */
 
+.coveo-user-explanation-modal .coveo-small-close {
+  display: none;
+}
+
 .coveo-user-explanation-modal-explanation-section {
   display: flex;
   flex-wrap: wrap;

package/src/modules/dx/searchResults/searchResults.css

@@ -385,3 +385,8 @@ a.CoveoResultLink,
     margin: 0 auto;
     width: fit-content;
 }
+
+dx-type-badge {
+    display: block;
+    margin-bottom: var(--dx-g-spacing-smd);
+}

package/src/modules/dx/searchResults/searchResults.ts

@@ -37,6 +37,7 @@ const resultsTemplatesInnerHtml = `
         data-field-publicurl=""
     >
         <div class="dx-result">
+            <span class="CoveoFieldValue" data-field="@content_type" data-helper="badge" data-html-value="true"></span>
             <p class="dx-result-title">
                 <a
                     class="CoveoResultLink"
@@ -52,6 +53,7 @@ const resultsTemplatesInnerHtml = `
         type="text/html"
     >
             <div class="dx-result">
+                <span class="CoveoFieldValue" data-field="@content_type" data-helper="badge" data-html-value="true"></span>
                 <p class="dx-result-title">
                     <a class="CoveoResultLink"></a>
                 </p>
@@ -169,6 +171,14 @@ export default class SearchResults extends LightningElement {
 
         this.attachListeners(this.root);
 
+        Coveo.TemplateHelpers.registerTemplateHelper(
+            "badge",
+            (value: string) => {
+                console.log({ value });
+                return `<dx-type-badge variant="${value}"></dx-type-badge>`;
+            }
+        );
+
         Coveo.init(this.root);
     }
 

package/src/modules/dx/treeItem/treeItem.ts

@@ -97,18 +97,10 @@ export default class TreeItem extends LightningElement {
         this.sendGtm(event);
     }
 
-    private preventDefaultLinkBehavior(event: Event) {
-        // prevent page refresh if href isn't present or link is already active
-        if (
-            !this._treeNode.link?.href ||
-            this._treeNode.link?.href === window.location.pathname
-        ) {
+    private onLinkClick(event: Event): void {
+        if (!(this._treeNode.link && this._treeNode.link.href)) {
             event.preventDefault();
         }
-    }
-
-    private onLinkClick(event: Event): void {
-        this.preventDefaultLinkBehavior(event);
 
         if (this.isParent) {
             const isSelectAction = true;

package/src/modules/dxHelpers/card/card.css

@@ -12,6 +12,10 @@
     --dx-c-body-max-lines: 6;
 }
 
+span {
+    word-break: break-word;
+}
+
 .dx-card-base {
     height: 100%;
 }

package/src/modules/dxUtils/prismjs/prismjs.ts

@@ -1,4 +1,5 @@
 /* eslint-disable */
+/* prettier-ignore */
 var commonjsGlobal =
     typeof globalThis !== "undefined"
         ? globalThis
@@ -32,11 +33,10 @@ function commonjsRequire() {
         "Dynamic requires are not currently supported by @rollup/plugin-commonjs"
     );
 }
-/* eslint-disable */
 //Start autogenerated code
 var prism = createCommonjsModule(function (module) {
-    /* PrismJS 1.28.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+apex+aspnet+bash+basic+c+csharp+cpp+css-extras+java+javadoc+javadoclike+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+kotlin+markdown+markup-templating+php+phpdoc+php-extras+plsql+python+regex+sql+swift+typescript+typoscript+uri+vbnet+yaml&plugins=line-numbers+unescaped-markup+match-braces */
+    /* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+apex+aspnet+bash+basic+c+csharp+cpp+css-extras+java+javadoc+javadoclike+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+kotlin+markdown+markup-templating+php+phpdoc+php-extras+plsql+python+jsx+regex+sql+swift+typescript+typoscript+uri+vbnet+yaml&plugins=line-numbers+unescaped-markup+match-braces */
     var _self =
             "undefined" != typeof window
                 ? window
@@ -1332,14 +1332,14 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
     !(function (e) {
         var t =
                 "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",
-            n = {
+            a = {
                 pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
                 lookbehind: !0,
                 alias: "punctuation",
                 inside: null
             },
-            a = {
-                bash: n,
+            n = {
+                bash: a,
                 environment: { pattern: RegExp("\\$" + t), alias: "constant" },
                 variable: [
                     {
@@ -1419,31 +1419,31 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                     pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: a
+                    inside: n
                 },
                 {
                     pattern:
                         /((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: { bash: n }
+                    inside: { bash: a }
                 },
                 {
                     pattern:
                         /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: a
+                    inside: n
                 },
                 { pattern: /(^|[^$\\])'[^']*'/, lookbehind: !0, greedy: !0 },
                 {
                     pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
                     greedy: !0,
-                    inside: { entity: a.entity }
+                    inside: { entity: n.entity }
                 }
             ],
             environment: { pattern: RegExp("\\$?" + t), alias: "constant" },
-            variable: a.variable,
+            variable: n.variable,
             function: {
                 pattern:
                     /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
@@ -1478,7 +1478,7 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                 lookbehind: !0
             }
         }),
-            (n.inside = e.languages.bash);
+            (a.inside = e.languages.bash);
         for (
             var s = [
                     "comment",
@@ -1497,13 +1497,14 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                     "punctuation",
                     "number"
                 ],
-                o = a.variable[1].inside,
+                o = n.variable[1].inside,
                 i = 0;
             i < s.length;
             i++
         )
             o[s[i]] = e.languages.bash[s[i]];
-        e.languages.shell = e.languages.bash;
+        (e.languages.sh = e.languages.bash),
+            (e.languages.shell = e.languages.bash);
     })(Prism);
     Prism.languages.basic = {
         comment: { pattern: /(?:!|REM\b).+/i, inside: { keyword: /^REM/i } },
@@ -3205,6 +3206,123 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
             "string-interpolation"
         ].inside.interpolation.inside.rest = Prism.languages.python),
         (Prism.languages.py = Prism.languages.python);
+    !(function (t) {
+        var n = t.util.clone(t.languages.javascript),
+            e = "(?:\\{<S>*\\.{3}(?:[^{}]|<BRACES>)*\\})";
+        function a(t, n) {
+            return (
+                (t = t
+                    .replace(/<S>/g, function () {
+                        return "(?:\\s|//.*(?!.)|/\\*(?:[^*]|\\*(?!/))\\*/)";
+                    })
+                    .replace(/<BRACES>/g, function () {
+                        return "(?:\\{(?:\\{(?:\\{[^{}]*\\}|[^{}])*\\}|[^{}])*\\})";
+                    })
+                    .replace(/<SPREAD>/g, function () {
+                        return e;
+                    })),
+                RegExp(t, n)
+            );
+        }
+        (e = a(e).source),
+            (t.languages.jsx = t.languages.extend("markup", n)),
+            (t.languages.jsx.tag.pattern = a(
+                "</?(?:[\\w.:-]+(?:<S>+(?:[\\w.:$-]+(?:=(?:\"(?:\\\\[^]|[^\\\\\"])*\"|'(?:\\\\[^]|[^\\\\'])*'|[^\\s{'\"/>=]+|<BRACES>))?|<SPREAD>))*<S>*/?)?>"
+            )),
+            (t.languages.jsx.tag.inside.tag.pattern = /^<\/?[^\s>\/]*/),
+            (t.languages.jsx.tag.inside["attr-value"].pattern =
+                /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/),
+            (t.languages.jsx.tag.inside.tag.inside["class-name"] =
+                /^[A-Z]\w*(?:\.[A-Z]\w*)*$/),
+            (t.languages.jsx.tag.inside.comment = n.comment),
+            t.languages.insertBefore(
+                "inside",
+                "attr-name",
+                { spread: { pattern: a("<SPREAD>"), inside: t.languages.jsx } },
+                t.languages.jsx.tag
+            ),
+            t.languages.insertBefore(
+                "inside",
+                "special-attr",
+                {
+                    script: {
+                        pattern: a("=<BRACES>"),
+                        alias: "language-javascript",
+                        inside: {
+                            "script-punctuation": {
+                                pattern: /^=(?=\{)/,
+                                alias: "punctuation"
+                            },
+                            rest: t.languages.jsx
+                        }
+                    }
+                },
+                t.languages.jsx.tag
+            );
+        var s = function (t) {
+                return t
+                    ? "string" == typeof t
+                        ? t
+                        : "string" == typeof t.content
+                        ? t.content
+                        : t.content.map(s).join("")
+                    : "";
+            },
+            g = function (n) {
+                for (var e = [], a = 0; a < n.length; a++) {
+                    var o = n[a],
+                        i = !1;
+                    if (
+                        ("string" != typeof o &&
+                            ("tag" === o.type &&
+                            o.content[0] &&
+                            "tag" === o.content[0].type
+                                ? "</" === o.content[0].content[0].content
+                                    ? e.length > 0 &&
+                                      e[e.length - 1].tagName ===
+                                          s(o.content[0].content[1]) &&
+                                      e.pop()
+                                    : "/>" ===
+                                          o.content[o.content.length - 1]
+                                              .content ||
+                                      e.push({
+                                          tagName: s(o.content[0].content[1]),
+                                          openedBraces: 0
+                                      })
+                                : e.length > 0 &&
+                                  "punctuation" === o.type &&
+                                  "{" === o.content
+                                ? e[e.length - 1].openedBraces++
+                                : e.length > 0 &&
+                                  e[e.length - 1].openedBraces > 0 &&
+                                  "punctuation" === o.type &&
+                                  "}" === o.content
+                                ? e[e.length - 1].openedBraces--
+                                : (i = !0)),
+                        (i || "string" == typeof o) &&
+                            e.length > 0 &&
+                            0 === e[e.length - 1].openedBraces)
+                    ) {
+                        var r = s(o);
+                        a < n.length - 1 &&
+                            ("string" == typeof n[a + 1] ||
+                                "plain-text" === n[a + 1].type) &&
+                            ((r += s(n[a + 1])), n.splice(a + 1, 1)),
+                            a > 0 &&
+                                ("string" == typeof n[a - 1] ||
+                                    "plain-text" === n[a - 1].type) &&
+                                ((r = s(n[a - 1]) + r),
+                                n.splice(a - 1, 1),
+                                a--),
+                            (n[a] = new t.Token("plain-text", r, null, r));
+                    }
+                    o.content && "string" != typeof o.content && g(o.content);
+                }
+            };
+        t.hooks.add("after-tokenize", function (t) {
+            ("jsx" !== t.language && "tsx" !== t.language) || g(t.tokens);
+        });
+    })(Prism);
     !(function (a) {
         var e = { pattern: /\\[\\(){}[\]^$+*?|.]/, alias: "escape" },
             n =