https://www.promat.com/etex/js/assets/js/3511.7f18d0e9fa447dddca37.mjs

1"use strict";(self.webpackChunkwebpack=self.webpackChunkwebpack||[]).push([[3511],{43511:function(e,t,s){s.r(t),s.d(t,{CopyInput:function(){return r}});var c=s(68687),a=s(41181),l=(s(78509),s(43322));class r extends c.oi{static get properties(){return{url:{type:String,attribute:"url"},successMsg:{type:String,attribute:"success-message"},succes:{type:Boolean,attribute:"succes",reflect:!0}}}constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}createRenderRoot(){return this}copyClickCallback(e){navigator.clipboard.writeText(this.url),this.succes=!0,setTimeout((()=>{this.succes=!1}),1500)}render(){return c.dy`
2            <div class="a-form-field a-form-field--narrow">
3                <div class="a-form-field__field">
4                    <input
5                        class="js-text"
6                        readonly="true"
7                        class=""
8                        type="text"
9                        id="share-input"
10                        .value="${this.url}"
11                        placeholder="Placeholder text"
12                    />
13                    <button
14                        @click="${e=>this.copyClickCallback(e)}"
15                        type="button"
16                        class="a-btn a-form-field__cta js-copy-btn"
17                    >
18                        ${(0,l.aT)(a.aX.Copy,"u-icon-small")}
19                    </button>
20                </div>
21                <div class="a-form-field__message u-text-tiny wc-copy-input__msg">
22                    <span class="u-color-succes">${this.successMsg}</span>
23                </div>
24            </div>
25        `}}customElements.define("wc-copy-input",r)}}]);