Move ComponentFrame to TS

src/dom_components/model/Component.ts

@@ -144,7 +144,7 @@ export default class Component extends StyleableModel<ComponentProperties> {
       script: '',
       'script-props': '',
       'script-export': '',
-      attributes: '',
+      attributes: {},
       traits: ['id', 'title'],
       propagate: '',
       dmode: '',

src/dom_components/model/ComponentFrame.js → src/dom_components/model/ComponentFrame.ts

@@ -1,11 +1,12 @@
 import Component from './Component';
-import { toLowerCase } from 'utils/mixins';
+import { toLowerCase } from '../../utils/mixins';
 
 const type = 'iframe';
 
 export default class ComponentFrame extends Component {
   get defaults() {
     return {
+      // @ts-ignore
       ...super.defaults,
       type,
       tagName: type,
@@ -15,6 +16,10 @@ export default class ComponentFrame extends Component {
       attributes: { frameborder: '0' },
     };
   }
+
+  static isComponent(el: HTMLElement) {
+    return toLowerCase(el.tagName) === type;
+  }
 }
 
-ComponentFrame.isComponent = el => toLowerCase(el.tagName) === type;
+// ComponentFrame.isComponent = el => toLowerCase(el.tagName) === type;