import{r as n,h as o,H as i}from"./p-ec7718e6.js";import"./p-83f217d4.js";import{i as t}from"./p-949ef1f9.js";const e=class{constructor(o){n(this,o),this.layout="vertical"}render(){return o(i,null,o("div",{class:{"align-items-start":!0,"d-flex":!0,"flex-column":"horizontal"!==this.layout}},o("div",{innerHTML:this.domString,class:""}),o("dvn-highlighted-code",{leaned:!0,textToCopy:this.domString},this.domString)))}};e.style=".sc-dvn-component-demo-h{display:inline-flex;flex-direction:column;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}";const c=class{constructor(o){n(this,o),this.leaned=!1}componentDidLoad(){setTimeout((()=>{(PR||{}).prettyPrint()}),100)}render(){return o(i,{class:{leaned:this.leaned}},o("pre",{class:"prettyprint"},o("slot",null)),this.textToCopy&&o("div",{class:"controls"},o("dvn-icon-button",{iconName:"uil uil-copy",leaned:!0,view:"flat",tint:"secondary",onClick:()=>{(n=>{const o=document.createElement("textarea");o.value=n,document.body.appendChild(o),o.select(),document.execCommand("copy"),document.body.removeChild(o)})(this.textToCopy),this.notifier.congratulate("Copied to clipboard!")}})))}};t(c),c.style="dvn-highlighted-code{display:inline-block;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 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;transition:opacity .3s}dvn-highlighted-code .controls dvn-button{position:absolute;bottom:calc(1 * var(--spacing-unit));right:calc(1 * var(--spacing-unit))}";export{e as dvn_component_demo,c as dvn_highlighted_code}