neo.mjs 4.5.0 → 4.6.1

package/src/form/field/Date.mjs

@@ -21,11 +21,11 @@ class DateField extends Picker {
          */
         ntype: 'datefield',
         /**
-         * @member {String[]} cls=['neo-datefield', 'neo-pickerfield', 'neo-textfield']
+         * @member {String[]} baseCls=['neo-datefield','neo-pickerfield','neo-textfield']
          */
-        cls: ['neo-datefield', 'neo-pickerfield', 'neo-textfield'],
+        baseCls: ['neo-datefield', 'neo-pickerfield', 'neo-textfield'],
         /**
-         * @member {Neo.component.DateSelector} dateSelector=null
+         * @member {Neo.component.DateSelector|null} dateSelector=null
          * @protected
          */
         dateSelector: null,

package/src/form/field/Display.mjs

@@ -18,14 +18,14 @@ class Display extends Text {
          */
         ntype: 'displayfield',
         /**
-         * @member {Boolean} clearable=false
-         * @protected
+         * @member {String[]} baseCls=['neo-displayfield','neo-textfield']
          */
-        clearable: false,
+        baseCls: ['neo-displayfield', 'neo-textfield'],
         /**
-         * @member {String[]} cls=['neo-displayfield','neo-textfield']
+         * @member {Boolean} clearable=false
+         * @protected
          */
-        cls: ['neo-displayfield', 'neo-textfield']
+        clearable: false
     }}
 
     /**

package/src/form/field/Number.mjs

@@ -31,9 +31,9 @@ class Number extends Text {
          */
         ntype: 'numberfield',
         /**
-         * @member {Array} cls=['neo-numberfield', 'neo-textfield']
+         * @member {String[]} baseCls=['neo-numberfield','neo-textfield']
          */
-        cls: ['neo-numberfield', 'neo-textfield'],
+        baseCls: ['neo-numberfield', 'neo-textfield'],
         /**
          * @member {Number[]|null} excluded=null
          */
@@ -148,9 +148,7 @@ class Number extends Text {
      * @protected
      */
     afterSetTriggerPosition(value, oldValue) {
-        if (oldValue) {
-            this.updateTriggers();
-        }
+        oldValue && this.updateTriggers();
     }
 
     /**

package/src/form/field/Picker.mjs

@@ -22,16 +22,16 @@ class Picker extends Text {
          * @protected
          */
         ntype: 'pickerfield',
+        /**
+         * @member {String[]} baseCls=['neo-pickerfield','neo-textfield']
+         */
+        baseCls: ['neo-pickerfield', 'neo-textfield'],
         /**
          * Stores the data from the getBoundingClientRect() call (picker & body DomRects)
          * @member {Array} clientRects=null
          * @protected
          */
         clientRects: null,
-        /**
-         * @member {String[]} cls=['neo-pickerfield', 'neo-textfield']
-         */
-        cls: ['neo-pickerfield', 'neo-textfield'],
         /**
          * Additional used keys for the selection model
          * @member {Object} keys

package/src/form/field/Radio.mjs

@@ -18,9 +18,9 @@ class Radio extends CheckBox {
          */
         ntype: 'radiofield',
         /**
-         * @member {Array} cls=['neo-radiofield']
+         * @member {String[]} baseCls=['neo-radiofield']
          */
-        cls: ['neo-radiofield'],
+        baseCls: ['neo-radiofield'],
         /**
          * @member {String} inputType='radio'
          */

package/src/form/field/Range.mjs

@@ -16,15 +16,15 @@ class Range extends Number {
          * @protected
          */
         ntype: 'rangefield',
+        /**
+         * @member {String[]} baseCls=['neo-rangefield','neo-textfield']
+         */
+        baseCls: ['neo-rangefield', 'neo-textfield'],
         /**
          * True shows a clear trigger in case the field has a non empty value.
          * @member {Boolean} clearable=false
          */
         clearable: false,
-        /**
-         * @member {String[]} cls=['neo-rangefield','neo-textfield']
-         */
-        cls: ['neo-rangefield', 'neo-textfield'],
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='range'

package/src/form/field/Search.mjs

@@ -17,9 +17,9 @@ class Search extends Text {
          */
         ntype: 'searchfield',
         /**
-         * @member {Array} cls=['neo-searchfield', 'neo-textfield']
+         * @member {String[]} baseCls=['neo-searchfield','neo-textfield']
          */
-        cls: ['neo-searchfield', 'neo-textfield'],
+        baseCls: ['neo-searchfield', 'neo-textfield'],
         /**
          * Value for the hideLabel_ textfield config
          * @member {Boolean} hideLabel=true

package/src/form/field/Select.mjs

@@ -42,9 +42,9 @@ class Select extends Picker {
          */
         ntype: 'selectfield',
         /**
-         * @member {String[]} cls=['neo-selectfield','neo-pickerfield','neo-textfield']
+         * @member {String[]} baseCls=['neo-selectfield','neo-pickerfield','neo-textfield']
          */
-        cls: ['neo-selectfield', 'neo-pickerfield', 'neo-textfield'],
+        baseCls: ['neo-selectfield', 'neo-pickerfield', 'neo-textfield'],
         /**
          * @member {String} displayField='name'
          */
@@ -228,7 +228,7 @@ class Select extends Picker {
 
         // to reduce boilerplate code, a store config object without a defined model should default
         // to displayField & valueField defaults
-        if (Neo.typeOf(value) === 'Object' && !value.model) {
+        if (Neo.typeOf(value) === 'Object' && !value.model && !value.module && !value.ntype) {
             value.model = {
                 fields: [
                     {name: 'id',   type: 'String'},
@@ -627,6 +627,11 @@ class Select extends Picker {
             for (; i < len; i++) {
                 storeValue = store.items[i][me.displayField];
 
+                if (!Neo.isString(storeValue)) {
+                    console.log(store);
+                    return;
+                }
+
                 if (storeValue.toLowerCase().indexOf(value.toLowerCase()) === 0) {
                     hasMatch = true;
                     break;

package/src/form/field/Text.mjs

@@ -55,6 +55,10 @@ class Text extends Base {
          * @member {Boolean} autoComplete_=false
          */
         autoComplete_: false,
+        /**
+         * @member {String[]} baseCls=['neo-textfield']
+         */
+        baseCls: ['neo-textfield'],
         /**
          * Internal variable to store the actual width for the label centerBorderEl
          * (only needed for labelPosition: 'inline')
@@ -73,10 +77,6 @@ class Text extends Base {
          * @member {Boolean} clearToOriginalValue_=false
          */
         clearToOriginalValue_: false,
-        /**
-         * @member {String[]} cls=['neo-textfield']
-         */
-        cls: ['neo-textfield'],
         /**
          * @member {String|null} error_=null
          */
@@ -511,13 +511,11 @@ class Text extends Base {
             postTriggers = [],
             width;
 
-        if (oldValue) {
-            oldValue.forEach(item => {
-                if (!me.getTrigger(item.type)) {
-                    item.destroy();
-                }
-            });
-        }
+        oldValue?.forEach(item => {
+            if (!me.getTrigger(item.type)) {
+                item.destroy();
+            }
+        });
 
         if (value.length > 0) {
             value.forEach(item => {
@@ -569,18 +567,21 @@ class Text extends Base {
      * @protected
      */
     afterSetValue(value, oldValue) {
-        let me  = this,
-            cls = me.cls;
+        let me            = this,
+            cls           = me.cls,
+            emptyValue    = Neo.isEmpty(value),
+            originalValue = me.originalConfig.value,
+            isDirty       = value !== originalValue && emptyValue !== Neo.isEmpty(originalValue);
 
         me.silentVdomUpdate = true;
 
         me.getInputEl().value = value;
 
-        if (Neo.isEmpty(value) !== Neo.isEmpty(oldValue)) {
+        if (emptyValue !== Neo.isEmpty(oldValue)) {
             NeoArray[value !== null && value.toString().length > 0 ? 'add' : 'remove'](cls, 'neo-has-content');
         }
 
-        NeoArray[me.originalConfig.value !== value ? 'add' : 'remove'](cls, 'neo-is-dirty');
+        NeoArray[isDirty ? 'add' : 'remove'](cls, 'neo-is-dirty');
         me.cls = cls;
 
         me.validate(); // silent

package/src/form/field/TextArea.mjs

@@ -29,9 +29,9 @@ class TextArea extends Text {
          */
         ntype: 'textarea',
         /**
-         * @member {String[]} cls=['neo-textarea', 'neo-textfield']
+         * @member {String[]} baseCls=['neo-textarea','neo-textfield']
          */
-        cls: ['neo-textarea', 'neo-textfield'],
+        baseCls: ['neo-textarea', 'neo-textfield'],
         /**
          * The visible width of the text control, in average character widths.
          * If it is specified, it must be a positive integer.

package/src/form/field/Time.mjs

@@ -21,9 +21,9 @@ class Time extends Picker {
          */
         ntype: 'timefield',
         /**
-         * @member {String[]} cls=['neo-timefield', 'neo-pickerfield', 'neo-textfield']
+         * @member {String[]} baseCls=['neo-timefield','neo-pickerfield','neo-textfield']
          */
-        cls: ['neo-timefield', 'neo-pickerfield', 'neo-textfield'],
+        baseCls: ['neo-timefield', 'neo-pickerfield', 'neo-textfield'],
         /**
          * @member {Neo.collection.Base|null} collection=null
          */

package/src/form/field/trigger/Base.mjs

@@ -33,9 +33,9 @@ class Base extends Component {
          */
         align_: 'end',
         /**
-         * @member {String[]} cls=['neo-field-trigger']
+         * @member {String[]} baseCls=['neo-field-trigger']
          */
-        cls: ['neo-field-trigger'],
+        baseCls: ['neo-field-trigger'],
         /**
          * @member {Neo.form.field.Base|null} field=null
          */
@@ -160,7 +160,9 @@ class Base extends Component {
     destroy(updateParentVdom, silent) {
         let me = this;
 
-        me.removeDomListeners({click: {fn: me.onTriggerClick, scope: me}});
+        me.removeDomListeners(
+            {click: me.onTriggerClick, scope: me}
+        );
 
         delete me.field;
 

package/src/form/field/trigger/Clear.mjs

@@ -19,9 +19,9 @@ class Clear extends Base {
          */
         ntype: 'trigger-clear',
         /**
-         * @member {String[]} cls=['neo-field-trigger', 'neo-trigger-clear']
+         * @member {String[]} baseCls=['neo-field-trigger','neo-trigger-clear']
          */
-        cls: ['neo-field-trigger', 'neo-trigger-clear'],
+        baseCls: ['neo-field-trigger', 'neo-trigger-clear'],
         /**
          * @member {String|null} iconCls='fa fa-times'
          */

package/src/form/field/trigger/CopyToClipboard.mjs

@@ -19,9 +19,9 @@ class CopyToClipboard extends Base {
          */
         ntype: 'trigger-copytoclipboard',
         /**
-         * @member {String[]} cls=['neo-field-trigger', 'neo-trigger-clipboard']
+         * @member {String[]} baseCls=['neo-field-trigger','neo-trigger-clipboard']
          */
-        cls: ['neo-field-trigger', 'neo-trigger-clipboard'],
+        baseCls: ['neo-field-trigger', 'neo-trigger-clipboard'],
         /**
          * @member {String|null} iconCls='fa fa-clipboard'
          */
@@ -32,7 +32,7 @@ class CopyToClipboard extends Base {
         showOnHover: true,
         /**
          * Internal flag used by field.getTrigger()
-         * @member {String} type='copytoclipboard'
+         * @member {String} type='copyToClipboard'
          * @protected
          */
         type: 'copyToClipboard',

package/src/form/field/trigger/SpinUpDown.mjs

@@ -18,9 +18,9 @@ class SpinUpDown extends Base {
          */
         ntype: 'trigger-spinupdown',
         /**
-         * @member {String[]} cls=['neo-field-trigger', 'neo-spin-buttons']
+         * @member {String[]} baseCls=['neo-field-trigger','neo-spin-buttons']
          */
-        cls: ['neo-field-trigger', 'neo-spin-buttons'],
+        baseCls: ['neo-field-trigger', 'neo-spin-buttons'],
         /**
          * @member {String} spinButtonDownIconCls='fa fa-chevron-down'
          */

package/src/form/field/trigger/Time.mjs

@@ -19,9 +19,9 @@ class Time extends Picker {
          */
         ntype: 'trigger-time',
         /**
-         * @member {String[]} cls=['neo-timefield-trigger','neo-field-trigger']
+         * @member {String[]} baseCls=['neo-timefield-trigger','neo-field-trigger']
          */
-        cls: ['neo-timefield-trigger', 'neo-field-trigger'],
+        baseCls: ['neo-timefield-trigger', 'neo-field-trigger'],
         /**
          * @member {Neo.component.Clock|null} clock=null
          * @protected

package/src/grid/Container.mjs

@@ -42,9 +42,9 @@ class Container extends BaseContainer {
          */
         ntype: 'grid-container',
         /**
-         * @member {String[]} cls=['neo-grid-container']
+         * @member {String[]} baseCls=['neo-grid-container']
          */
-        cls: ['neo-grid-container'],
+        baseCls: ['neo-grid-container'],
         /**
          * @member {Object[]} columns_=[]
          */

package/src/grid/View.mjs

@@ -17,9 +17,9 @@ class View extends Component {
          */
         ntype: 'grid-view',
         /**
-         * @member {Array} cls=['neo-grid-view']
+         * @member {String[]} baseCls=['neo-grid-view']
          */
-        cls: ['neo-grid-view']
+        baseCls: ['neo-grid-view']
     }}
 
     /**

package/src/grid/header/Button.mjs

@@ -43,9 +43,9 @@ class Button extends BaseButton {
          */
         align_: 'left',
         /**
-         * @member {String[]} cls=['neo-grid-header-button']
+         * @member {String[]} baseCls=['neo-grid-header-button']
          */
-        cls: ['neo-grid-header-button'],
+        baseCls: ['neo-grid-header-button'],
         /**
          * @member {String} iconCls='fa fa-arrow-circle-up'
          */

package/src/grid/header/Toolbar.mjs

@@ -17,9 +17,9 @@ class Toolbar extends BaseToolbar {
          */
         ntype: 'grid-header-toolbar',
         /**
-         * @member {Array} cls=['neo-grid-header-toolbar','neo-toolbar']
+         * @member {String[]} baseCls=['neo-grid-header-toolbar','neo-toolbar']
          */
-        cls: ['neo-grid-header-toolbar', 'neo-toolbar'],
+        baseCls: ['neo-grid-header-toolbar', 'neo-toolbar'],
         /**
          * @member {Object} itemDefaults={ntype:'grid-header-button'}
          * @protected

package/src/list/Base.mjs

@@ -34,9 +34,9 @@ class Base extends Component {
          */
         autoDestroyStore: true,
         /**
-         * @member {String[]} cls=['neo-list']
+         * @member {String[]} baseCls=['neo-list']
          */
-        cls: ['neo-list'],
+        baseCls: ['neo-list'],
         /**
          * @member {Boolean} disableSelection_=false
          */

package/src/list/Chip.mjs

@@ -18,9 +18,9 @@ class Chip extends ComponentList {
          */
         ntype: 'chip-list',
         /**
-         * @member {String[]} cls=['neo-chip-list','neo-list']
+         * @member {String[]} baseCls=['neo-chip-list','neo-list']
          */
-        cls: ['neo-chip-list', 'neo-list'],
+        baseCls: ['neo-chip-list', 'neo-list'],
         /**
          * @member {Object} itemDefaults
          */

package/src/list/Circle.mjs

@@ -18,9 +18,9 @@ class Circle extends Component {
          */
         ntype: 'circle-list',
         /**
-         * @member {String[]} cls=['neo-circle-list','neo-list']
+         * @member {String[]} baseCls=['neo-circle-list','neo-list']
          */
-        cls: ['neo-circle-list', 'neo-list'],
+        baseCls: ['neo-circle-list', 'neo-list'],
         /**
          * @member {Object} itemDefaults
          */

package/src/list/Color.mjs

@@ -24,9 +24,9 @@ class Color extends Base {
          */
         ntype: 'colorlist',
         /**
-         * @member {String[]} cls=['neo-color-list','neo-list']
+         * @member {String[]} baseCls=['neo-color-list','neo-list']
          */
-        cls: ['neo-color-list', 'neo-list'],
+        baseCls: ['neo-color-list', 'neo-list'],
         /**
          * The data.Model field which contains the color value
          * @member {String} colorField='name'

package/src/menu/List.mjs

@@ -25,9 +25,9 @@ class List extends BaseList {
          */
         activeSubMenu: null,
         /**
-         * @member {String[]} cls=['neo-menu-list','neo-list']
+         * @member {String[]} baseCls=['neo-menu-list','neo-list']
          */
-        cls: ['neo-menu-list', 'neo-list'],
+        baseCls: ['neo-menu-list', 'neo-list'],
         /**
          * True will add 'neo-floating' to the instance cls list.
          * @member {Boolean} floating_=false

package/src/menu/Panel.mjs

@@ -19,9 +19,9 @@ class Panel extends BasePanel {
          */
         ntype: 'menu',
         /**
-         * @member {String[]} cls=['neo-menu','neo-panel','neo-container']
+         * @member {String[]} baseCls=['neo-menu','neo-panel','neo-container']
          */
-        cls: ['neo-menu', 'neo-panel', 'neo-container'],
+        baseCls: ['neo-menu', 'neo-panel', 'neo-container'],
         /**
          * @member {Neo.menu.List} list_=List
          * @protected

package/src/sitemap/Component.mjs

@@ -29,9 +29,9 @@ class Component extends Base {
          */
         ntype: 'sitemap',
         /*
-         * @member {String[} cls=['neo-sitemap']
+         * @member {String[} baseCls=['neo-sitemap']
          */
-        cls: ['neo-sitemap'],
+        baseCls: ['neo-sitemap'],
         /**
          * Valid values: removeDom, visibility
          * Defines if the component items should use css visibility:'hidden' or vdom:removeDom

package/src/tab/Container.mjs

@@ -41,19 +41,14 @@ class Container extends BaseContainer {
          */
         activateInsertedTabs: false,
         /**
-         * @member {String} baseCls='neo-tab-container'
+         * @member {String[]} baseCls=['neo-tab-container'],
+         * @protected
          */
-        baseCls: 'neo-tab-container',
+        baseCls: ['neo-tab-container'],
         /**
          * @member {String|null} cardContainerId=null
          */
         cardContainerId: null,
-        /**
-         * adds baseCls + '-plain' is case plain is set to true
-         * @member {String[]} cls=['neo-tab-container'],
-         * @protected
-         */
-        cls: ['neo-tab-container'],
         /**
          * Default configs for the tab.Strip
          * @member {Object|null} contentContainerDefaults=null
@@ -100,6 +95,11 @@ class Container extends BaseContainer {
          * @member {String} tabBarPosition_='top'
          */
         tabBarPosition_: 'top',
+        /**
+         * adds tabContainerCls + '-plain' is case plain is set to true
+         * @member {String} tabContainerCls='neo-tab-container'
+         */
+        tabContainerCls: 'neo-tab-container',
         /**
          * @member {Boolean} useActiveTabIndicator_=true
          */
@@ -155,11 +155,10 @@ class Container extends BaseContainer {
      * @protected
      */
     afterSetPlain(value, oldValue) {
-        let me      = this,
-            baseCls = me.baseCls,
-            cls     = me.cls;
+        let me  = this,
+            cls = me.cls;
 
-        NeoArray[value ? 'unshift' : 'remove'](cls, baseCls + '-plain');
+        NeoArray[value ? 'unshift' : 'remove'](cls, me.tabContainerCls + '-plain');
         me.cls = cls;
     }
 

package/src/tab/Strip.mjs

@@ -17,9 +17,9 @@ class Strip extends Component {
          */
         ntype: 'tab-strip',
         /**
-         * @member {Array} cls=['neo-tab-strip']
+         * @member {String[]} baseCls=['neo-tab-strip']
          */
-        cls: ['neo-tab-strip'],
+        baseCls: ['neo-tab-strip'],
         /**
          * @member {String|null} tabContainerId=null
          */

package/src/tab/header/Button.mjs

@@ -17,9 +17,9 @@ class Button extends BaseButton {
          */
         ntype: 'tab-header-button',
         /**
-         * @member {Array} cls=['neo-button','neo-tab-button']
+         * @member {String[]} baseCls=['neo-button','neo-tab-button']
          */
-        cls: ['neo-tab-header-button', 'neo-button'],
+        baseCls: ['neo-tab-header-button', 'neo-button'],
         /**
          * @member {Boolean} useActiveTabIndicator_=true
          */

package/src/tab/header/Toolbar.mjs

@@ -17,9 +17,9 @@ class Toolbar extends BaseToolbar {
          */
         ntype: 'tab-header-toolbar',
         /**
-         * @member {Array} cls=['neo-tab-header-toolbar','neo-toolbar']
+         * @member {String[]} baseCls=['neo-tab-header-toolbar','neo-toolbar']
          */
-        cls: ['neo-tab-header-toolbar', 'neo-toolbar'],
+        baseCls: ['neo-tab-header-toolbar', 'neo-toolbar'],
         /**
          * @member {Boolean} useActiveTabIndicator_=true
          */

package/src/table/Container.mjs

@@ -28,6 +28,10 @@ class Container extends BaseContainer {
          * @member {Number} amountRows=20
          */
         amountRows: 20,
+        /**
+         * @member {String[]} baseCls=['neo-table-container']
+         */
+        baseCls: ['neo-table-container'],
         /**
          * Default configs for each column
          * @member {Object} columnDefaults=null
@@ -38,10 +42,6 @@ class Container extends BaseContainer {
          * @member {Boolean} createRandomData=false
          */
         createRandomData: false,
-        /**
-         * @member {String[]} cls=['neo-table-container']
-         */
-        cls: ['neo-table-container'],
         /**
          * @member {Object[]} columns_=[]
          */

package/src/table/View.mjs

@@ -17,9 +17,9 @@ class View extends Component {
          */
         ntype: 'table-view',
         /**
-         * @member {Array} cls=['neo-table-view']
+         * @member {String[]} baseCls=['neo-table-view']
          */
-        cls: ['neo-table-view'],
+        baseCls: ['neo-table-view'],
         /**
          * @member {String|null} containerId=null
          * @protected

package/src/table/header/Button.mjs

@@ -34,9 +34,9 @@ class Button extends BaseButton {
          */
         align_: 'left',
         /**
-         * @member {Array} cls=['neo-table-header-button']
+         * @member {String[]} baseCls=['neo-table-header-button']
          */
-        cls: ['neo-table-header-button'],
+        baseCls: ['neo-table-header-button'],
         /**
          * @member {String|null} dataField=null
          */

package/src/table/header/Toolbar.mjs

@@ -17,9 +17,9 @@ class Toolbar extends BaseToolbar {
          */
         ntype: 'table-header-toolbar',
         /**
-         * @member {Array} cls=['table-header-toolbar']
+         * @member {String[]} baseCls=['table-header-toolbar']
          */
-        cls: ['table-header-toolbar'],
+        baseCls: ['table-header-toolbar'],
         /**
          * @member {String} layout='base'
          */