/** * @private * @class Ext.draw.ContainerBase */Ext.define('Ext.draw.ContainerBase', { extend: 'Ext.Container', constructor: function(config) { this.callParent([config]); this.initAnimator(); }, initialize: function () { this.callParent(); this.element.on('resize', 'onResize', this); }, onResize: function (element, size) { this.handleResize(size); }, getElementConfig: function () { return { reference: 'element', className: 'x-container', children: [ { reference: 'innerElement', className: 'x-inner' } ] }; }, addElementListener: function() { var el = this.element; el.on.apply(el, arguments); }, removeElementListener: function() { var el = this.element; el.un.apply(el, arguments); }, preview: function () { var image = this.getImage(), items; if (image.type === 'svg-markup') { items = { xtype: 'container', html: image.data }; } else { items = { xtype: 'image', mode: 'img', style: { overflow: 'hidden' }, src: image.data }; } Ext.Viewport.add({ xtype: 'panel', layout: 'fit', modal: true, width: '90%', height: '90%', hideOnMaskTap: true, centered: true, scrollable: false, items: items, listeners: { hide: function () { Ext.Viewport.remove(this); } } }).show(); }});