text: define(["exports","../../../lit-element/lit-element.js","../../mtz-marked-editor/mtz-marked-editor.js","../../mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js","../../mtz-marked-editor/lib/mtz-marked-control-generic-line.js","../../mtz-marked-editor/lib/mtz-marked-control-link.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/places-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/paper-input/paper-input.js"],(function(t,e,r,n,o,i,a,d,l,c,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LrnMarkdownEditorEditor=void 0;class LrnMarkdownEditorEditor extends e.LitElement{static get styles(){return[e.css`
          :host {
            display: block;
          }
  
          .mtz-controls {
            display: flex;
            width: 100%;
          }
  
          .mtz-toolbar {
            flex-grow: 5;
          }
        `]}render(){return e.html`
        <mtz-marked-editor id="markededitor">
          <div slot="controls" class="mtz-controls">
            <mtz-marked-control-generic-wrap
              icon="editor:format-bold"
              title="Bold"
              syntax-prefix="**"
              syntax-suffix="**"
              keys="ctrl+b"
            ></mtz-marked-control-generic-wrap>
            <mtz-marked-control-generic-wrap
              icon="editor:format-italic"
              title="Italic"
              syntax-prefix="_"
              syntax-suffix="_"
              keys="ctrl+i"
            ></mtz-marked-control-generic-wrap>
            <mtz-marked-control-generic-line
              icon="editor:format-size"
              title="Heading"
              syntax-prefix="# "
            ></mtz-marked-control-generic-line>
            <mtz-marked-control-generic-line
              icon="editor:format-list-numbered"
              title="Ordered List"
              syntax-prefix="1. "
            ></mtz-marked-control-generic-line>
            <mtz-marked-control-generic-line
              icon="editor:format-list-bulleted"
              title="Unordered List"
              syntax-prefix="- "
            ></mtz-marked-control-generic-line>
            <mtz-marked-control-link
              icon="editor:insert-link"
              title="Link"
            ></mtz-marked-control-link>
          </div>
          <paper-textarea
            slot="textarea"
            label="Start typing..."
            value="${this.content}"
            @value-changed="${this._contentChanged}"
          ></paper-textarea>
        </mtz-marked-editor>
      `}_contentChanged(t){this.content=t.detail.value}static get tag(){return"lrn-markdown-editor-editor"}static get properties(){return{content:{type:String}}}updated(t){t.forEach((t,e)=>{"content"===e&&this.dispatchEvent(new CustomEvent("content-changed",{detail:{value:this[e]}}))})}_changed(t){var e=this.shadowRoot.querySelector("#markededitor").getContent();this.content=e,this.dispatchEvent(new CustomEvent("content-updated",{bubbles:!0,cancelable:!0,composed:!0,detail:{content:this.content}}))}}t.LrnMarkdownEditorEditor=LrnMarkdownEditorEditor,window.customElements.define(LrnMarkdownEditorEditor.tag,LrnMarkdownEditorEditor)}));