@react-native/debugger-frontend/dist/third-party/front_end/ui/components/node_text/node_text.js

Debugger frontend for React Native based on Chrome DevTools

import*as e from"../../lit/lit.js";var s={cssText:`.node-label-name{color:var(--override-node-text-label-color,var(--sys-color-token-tag))}.node-label-class{color:var(--override-node-text-class-color,var(--sys-color-token-attribute))}.node-label-id{color:var(--override-node-text-id-color,var(--sys-color-token-attribute))}.node-label-class.node-multiple-descriptors{color:var(--override-node-text-multiple-descriptors-class,var(--override-node-text-class-color,var(--sys-color-token-attribute)))}.node-label-id.node-multiple-descriptors{color:var(--override-node-text-multiple-descriptors-id,var(--override-node-text-id-color,var(--sys-color-token-attribute)))}\n/*# sourceURL=${import.meta.resolve("./nodeText.css")} */\n`};const o=new CSSStyleSheet;o.replaceSync(s.cssText);const{render:t,html:l}=e;class d extends HTMLElement{#e=this.attachShadow({mode:"open"});#s="";#o="";#t=[];connectedCallback(){this.#e.adoptedStyleSheets=[o]}set data(e){this.#s=e.nodeTitle,this.#o=e.nodeId,this.#t=e.nodeClasses,this.#l()}#l(){const s=Boolean(this.#o),o=Boolean(this.#t&&this.#t.length>0),d=[l`<span class="node-label-name">${this.#s}</span>`];if(this.#o){const s=e.Directives.classMap({"node-label-id":!0,"node-multiple-descriptors":o});d.push(l`<span class=${s}>#${CSS.escape(this.#o)}</span>`)}if(this.#t&&this.#t.length>0){const o=this.#t.map((e=>`.${CSS.escape(e)}`)).join(""),t=e.Directives.classMap({"node-label-class":!0,"node-multiple-descriptors":s});d.push(l`<span class=${t}>${o}</span>`)}t(l`
      ${d}
    `,this.#e,{host:this})}}customElements.define("devtools-node-text",d);var a=Object.freeze({__proto__:null,NodeText:d});export{a as NodeText};