import{r as i,h as n,H as o}from"./p-a0569a5f.js";import{i as t}from"./p-c2d7479c.js";import"./p-83f217d4.js";let e=class{constructor(n){i(this,n),this.layout="vertical"}render(){return n(o,null,n("div",{class:{"align-items-start":!0,"d-flex":!0,"flex-column":"horizontal"!==this.layout}},n("div",{innerHTML:this.domString,class:""}),n("dvn-highlighted-code",{leaned:!0,textToCopy:this.domString},this.domString)))}};e.style=".sc-dvn-component-demo-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin:0 calc(2 * var(--spacing-unit));vertical-align:top;position:relative}.sc-dvn-component-demo-h:first-child{margin-left:0}.sc-dvn-component-demo-h:last-child{margin-right:0}.sc-dvn-component-demo-h dvn-highlighted-code.sc-dvn-component-demo{margin-left:calc(4 * var(--spacing-unit));margin-top:0}.sc-dvn-component-demo-h .flex-column.sc-dvn-component-demo dvn-highlighted-code.sc-dvn-component-demo{margin-top:calc(4 * var(--spacing-unit));margin-left:0}";let d=class{constructor(n){i(this,n),this.leaned=!1,this.condensed=!1}componentDidLoad(){setTimeout((()=>{(PR||{}).prettyPrint()}),100)}render(){return n(o,{class:{leaned:this.leaned,condensed:this.condensed}},n("pre",{class:"prettyprint"},n("slot",null)),this.textToCopy&&n("div",{class:"controls"},n("dvn-icon-button",{iconName:"uil uil-copy",leaned:!0,view:this.condensed?"solid":"flat",shape:this.condensed?"square":"rounded",tint:"secondary",onClick:()=>{(i=>{const n=document.createElement("textarea");n.value=i,document.body.appendChild(n),n.select(),document.execCommand("copy"),document.body.removeChild(n)})(this.textToCopy),this.notifier.congratulate("Copied to clipboard!")}})))}};t(d),d.style="dvn-highlighted-code{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:calc(4 * var(--spacing-unit));border-radius:var(--corner-radius);background:var(--color-highlighted-code-background);padding:calc(2 * var(--spacing-unit)) calc(4 * var(--spacing-unit));position:relative;max-width:100%;overflow:auto}dvn-highlighted-code.condensed{padding:0}dvn-highlighted-code.condensed pre.prettyprint{margin:8px}dvn-highlighted-code.condensed .controls{position:absolute;right:0;top:0;bottom:0}dvn-highlighted-code pre.prettyprint{background:var(--color-highlighted-code-background)}dvn-highlighted-code.leaned{margin:0}dvn-highlighted-code:hover .controls{opacity:1}dvn-highlighted-code .controls{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}dvn-highlighted-code:not(.condensed) .controls dvn-button{position:absolute;bottom:calc(1 * var(--spacing-unit));right:calc(1 * var(--spacing-unit))}";export{e as dvn_component_demo,d as dvn_highlighted_code}