Merge pull request #380 from mgusmano/ext-components-7.0.x

KS dist
sencha · Aug 23, 2019 · 60ccce1 · 60ccce1
2 parents e066317 + 39ba164
commit 60ccce1
Show file tree

Hide file tree

Showing 346 changed files with 165,040 additions and 16 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,6 @@
 copy/
 build/
-dist/
+dist2/
 buildext/
 
 ext-components-prod

diff --git a/demos/ext-grid-inline-1-prop/index.html b/demos/ext-grid-inline-1-prop/index.html
@@ -8,16 +8,79 @@
 
 <script>
 
+
+
+    window['mjg'] = function onReady(event) {
+        console.log('onReady')
+    }
+
 class ExtGrid extends HTMLElement {
-    get config() {return this.getAttribute('config')}; 
-    set config(val) {if (val) {this.setAttribute('config', val)} else {this.removeAttribute('config')}}
-    static get observedAttributes() {return ['config']};
+    get config() {
+        console.log('get')
+        return this.getAttribute('config')
+    };
+    set config(val) {
+        console.log('set')
+        if (val) {
+            this.setAttribute('config', val)
+        } else {
+            this.removeAttribute('config')
+        }
+    }
+
+    get onready() {
+        console.log('get')
+        return this.getAttribute('onready')
+    };
+    set onready(val) {
+        console.log('set')
+        if (val) {
+            this.setAttribute('onready', val)
+        }
+        else {
+            this.removeAttribute('onready')
+        }
+    }
+
+
+    static get observedAttributes() {return ['config', 'onready']};
+
+    attributeChangedCallback(attr, oldVal, newVal) {
+        console.log('attr: ' + attr)
+
+        if (/^on/.test(attr)) {
+            if (newVal) {
+                console.log('newVal: ' + newVal)
+                this.addEventListener('ready', function (event) {
+                    console.log('eventlistener')
+                    console.log(event)
+                    var functionString = newVal;
+                    // todo: error check for only 1 dot
+                    var r = functionString.split('.');
+                    console.log(r)
+                    console.log(window['mjg'])
+                    var obj = r[0];
+                    var func = r[1];
+                    if (obj && func) {
+                        console.log(window[obj])
+                        //window[obj][func](event);
+                        window[obj](event);
+                    }
+                });
+            }
+        }
+    }
 
     connectedCallback() {
+        console.log('connectedCallback')
+        console.log(this.onready)
         var o = JSON.parse(this.config)
         o.xtype = 'grid'
+        console.dir(this)
         o.renderTo = this
         this.ext = Ext.create(o)
+        this.dispatchEvent(new CustomEvent('ready',{detail:{cmp: this.ext}}))
+        console.log('after dispatch')
     }
 }
 
@@ -29,6 +92,7 @@
 </head>
 <body>
     <ext-grid
+        onready='mjg.onReady'
         config='
         {
             "title":"Grid with a single config",

diff --git a/packages/ext-web-components-bundler/dist/css.development.js b/packages/ext-web-components-bundler/dist/css.development.js
diff --git a/packages/ext-web-components-bundler/dist/css.production.js b/packages/ext-web-components-bundler/dist/css.production.js
diff --git a/packages/ext-web-components-bundler/dist/css.production.js.gz b/packages/ext-web-components-bundler/dist/css.production.js.gz
diff --git a/packages/ext-web-components-bundler/dist/ewc.development.js b/packages/ext-web-components-bundler/dist/ewc.development.js
diff --git a/packages/ext-web-components-bundler/dist/ewc.production.js b/packages/ext-web-components-bundler/dist/ewc.production.js
diff --git a/packages/ext-web-components-bundler/dist/ewc.production.js.gz b/packages/ext-web-components-bundler/dist/ewc.production.js.gz