text: import _createClass from "@babel/runtime/helpers/createClass";
  import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
  import Ext_Component from '../Ext/Component.js';
  
  var Ext_Media =
  /*#__PURE__*/
  function (_Ext_Component) {
    _inheritsLoose(Ext_Media, _Ext_Component);
  
    Ext_Media.PROPERTIES = function PROPERTIES() {
      return ['alignSelf', 'alwaysOnTop', 'ariaAttributes', 'ariaDescribedBy', 'ariaLabel', 'ariaLabelledBy', 'autoPause', 'autoResume', 'axisLock', 'bind', 'border', 'bottom', 'centered', 'cls', 'constrainAlign', 'contentEl', 'controller', 'controls', 'data', 'defaultListenerScope', 'disabled', 'displayed', 'docked', 'draggable', 'flex', 'floated', 'focusCls', 'fullscreen', 'height', 'hidden', 'hideAnimation', 'hideMode', 'hideOnMaskTap', 'html', 'id', 'instanceCls', 'itemId', 'keyMap', 'keyMapEnabled', 'keyMapTarget', 'left', 'listeners', 'loop', 'margin', 'maxHeight', 'maxWidth', 'media', 'minHeight', 'minWidth', 'modal', 'modelValidation', 'muted', 'name', 'nameable', 'padding', 'plugins', 'preload', 'publishes', 'record', 'reference', 'relative', 'renderTo', 'right', 'ripple', 'scrollable', 'session', 'shadow', 'shareableName', 'shim', 'showAnimation', 'stateful', 'statefulDefaults', 'stateId', 'style', 'tabIndex', 'toFrontOnShow', 'tooltip', 'top', 'touchAction', 'tpl', 'tplWriteMode', 'translatable', 'twoWayBindable', 'ui', 'url', 'userCls', 'userSelectable', 'viewModel', 'volume', 'weight', 'width', 'x', 'xtype', 'y', 'zIndex'];
    };
  
    Ext_Media.EVENTS = function EVENTS() {
      return [{
        name: 'added',
        parameters: 'sender,container,index'
      }, {
        name: 'beforebottomchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforecenteredchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforedisabledchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforedockedchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforeheightchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforehiddenchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforehide',
        parameters: 'sender'
      }, {
        name: 'beforeleftchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforemaxHeightchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforemaxWidthchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforeminHeightchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforeminWidthchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforeorientationchange',
        parameters: ''
      }, {
        name: 'beforerightchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforescrollablechange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforeshow',
        parameters: 'sender'
      }, {
        name: 'beforetofront',
        parameters: 'sender'
      }, {
        name: 'beforetopchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'beforewidthchange',
        parameters: 'sender,value,oldValue,undefined'
      }, {
        name: 'blur',
        parameters: 'sender,event'
      }, {
        name: 'bottomchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'centeredchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'destroy',
        parameters: ''
      }, {
        name: 'disabledchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'dockedchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'ended',
        parameters: 'sender,time'
      }, {
        name: 'erased',
        parameters: 'sender'
      }, {
        name: 'floatingchange',
        parameters: 'sender,positioned'
      }, {
        name: 'focus',
        parameters: 'sender,event'
      }, {
        name: 'focusenter',
        parameters: 'sender,event'
      }, {
        name: 'focusleave',
        parameters: 'sender,event'
      }, {
        name: 'fullscreen',
        parameters: 'sender'
      }, {
        name: 'heightchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'hiddenchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'hide',
        parameters: 'sender'
      }, {
        name: 'initialize',
        parameters: 'sender'
      }, {
        name: 'leftchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'maxHeightchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'maxWidthchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'minHeightchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'minWidthchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'moved',
        parameters: 'sender,container,toIndex,fromIndex'
      }, {
        name: 'mutedchange',
        parameters: 'sender,muted'
      }, {
        name: 'orientationchange',
        parameters: ''
      }, {
        name: 'painted',
        parameters: 'sender,element'
      }, {
        name: 'pause',
        parameters: 'sender,time'
      }, {
        name: 'play',
        parameters: 'sender'
      }, {
        name: 'positionedchange',
        parameters: 'sender,positioned'
      }, {
        name: 'removed',
        parameters: 'sender,container,index'
      }, {
        name: 'resize',
        parameters: 'element,info'
      }, {
        name: 'rightchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'scrollablechange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'show',
        parameters: 'sender'
      }, {
        name: 'stop',
        parameters: 'sender'
      }, {
        name: 'timeupdate',
        parameters: 'sender,time'
      }, {
        name: 'tofront',
        parameters: 'sender'
      }, {
        name: 'topchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'updatedata',
        parameters: 'sender,newData'
      }, {
        name: 'volumechange',
        parameters: 'sender,volume'
      }, {
        name: 'widthchange',
        parameters: 'sender,value,oldValue'
      }, {
        name: 'ready',
        parameters: 'cmd,cmdAll'
      }];
    };
  
    Ext_Media.getProperties = function getProperties(properties) {
      properties = properties.concat(Ext_Media.PROPERTIES());
      return Ext_Component.getProperties(properties);
    };
  
    Ext_Media.getEvents = function getEvents(events) {
      events = events.concat(Ext_Media.EVENTS());
      return Ext_Component.getEvents(events);
    };
  
    _createClass(Ext_Media, null, [{
      key: "observedAttributes",
      get: function get() {
        var attrs = _Ext_Component.observedAttributes;
        Ext_Media.PROPERTIES().forEach(function (property, index, array) {
          attrs.push(property);
        });
        Ext_Media.EVENTS().forEach(function (eventparameter, index, array) {
          attrs.push('on' + eventparameter.name);
        });
        return attrs;
      }
    }]);
  
    function Ext_Media(properties, events) {
      return _Ext_Component.call(this, properties.concat(Ext_Media.PROPERTIES()), events.concat(Ext_Media.EVENTS())) || this;
    }
  
    var _proto = Ext_Media.prototype;
  
    _proto.connectedCallback = function connectedCallback() {
      _Ext_Component.prototype.connectedCallback.call(this);
    };
  
    _proto.attributeChangedCallback = function attributeChangedCallback(attrName, oldVal, newVal) {
      _Ext_Component.prototype.attributeChangedCallback.call(this, attrName, oldVal, newVal);
    };
  
    return Ext_Media;
  }(Ext_Component);
  
  export { Ext_Media as default };