feat(editor): add code input component and editor-bare, replace dees-editor usage, and add modal contentPadding

ts_web/elements/00group-editor/dees-editor-markdown/dees-editor-markdown.ts

@@ -9,6 +9,7 @@ import {
   domtools
 } from '@design.estate/dees-element';
 import { themeDefaultStyles } from '../../00theme.js';
+import { DeesEditorBare } from '../dees-editor-bare/dees-editor-bare.js';
 
 const deferred = domtools.plugins.smartpromise.defer();
 
@@ -51,7 +52,7 @@ export class DeesEditorMarkdown extends DeesElement {
     return html`
       <div class="gridcontainer">
         <div class="editorContainer">
-          <dees-editor
+          <dees-editor-bare
             .language=${'markdown'}
             .content=${`# a test content
 
@@ -75,7 +76,7 @@ const hello = 'yes'
 \`\`\`
 `}
             wordWrap="bounded"
-          ></dees-editor>
+          ></dees-editor-bare>
         </div>
         <div class="outletContainer">
           <dees-editormarkdownoutlet></dees-editormarkdownoutlet>
@@ -86,8 +87,8 @@ const hello = 'yes'
 
   public async firstUpdated(_changedPropertiesArg) {
     await super.firstUpdated(_changedPropertiesArg);
-    const editor = this.shadowRoot.querySelector('dees-editor');
-    
+    const editor = this.shadowRoot.querySelector('dees-editor-bare') as DeesEditorBare;
+
     // lets care about wiring the markdown stuff.
     const markdownOutlet = this.shadowRoot.querySelector('dees-editormarkdownoutlet');
     const smartmarkdownInstance = new domtools.plugins.smartmarkdown.SmartMarkdown();