neo.mjs 4.4.19 → 4.6.0

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 => {

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/manager/Toast.mjs

@@ -0,0 +1,173 @@
+import Base from './Base.mjs';
+
+/**
+ * See Neo.dialog.Toast for examples
+ * @class Neo.manager.Toast
+ * @extends Neo.manager.Base
+ * @singleton
+ */
+class Toast extends Base {
+    /**
+     * This is the default config for the Neo.dialog.Toast
+     * @member {Object}
+     */
+    defaultToastConfig = {
+        closable      : false,
+        cls           : ['neo-toast'],
+        maxWidth      : 250,
+        position      : 'tr',
+        running       : false,
+        slideDirection: 'down',
+        timeout       : 3000,
+        title         : null
+    }
+    /**
+     * Currently only 1 is supported, because they would overlap
+     * @member {1} maxToasts=1
+     */
+    maxToasts = 1
+    /**
+     * Counts the currently running Toasts per area
+     * @member {Object} running
+     */
+    running = {
+        bc: 0, bl: 0, br: 0,
+        tc: 0, tl: 0, tr: 0
+    }
+    /**
+     * If you prefer your own class to open, override here
+     * @member {String} toastClass='Neo.dialog.Toast'
+     */
+    toastClass = 'Neo.dialog.Toast'
+
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.manager.Toast'
+         * @protected
+         */
+        className: 'Neo.manager.Toast',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
+    }}
+
+    construct(config) {
+        super.construct(config);
+        Neo.toast = this.createToast.bind(this);
+    }
+
+    /**
+     * @param {Object} item
+     */
+    register(item) {
+        super.register(item);
+        this.runQueue();
+    }
+
+    /**
+     * Removes a collection item passed by reference or key
+     * @param {Object|String} item
+     */
+    unregister(item) {
+        super.unregister(item);
+        this.runQueue();
+    }
+
+    /**
+     * Create the Toast definition and pass it to the Collection
+     *
+     * @param {Object} toast
+     * @returns {Object}
+     */
+    createToast(toast) {
+        let me = this,
+            id;
+
+        if (!toast.msg || !toast.appName) {
+            !toast.msg     && Neo.logError('[Neo.manager.Toast] Toast has to define a msg');
+            !toast.appName && Neo.logError('[Neo.manager.Toast] Toast has to define an appName. Typically me.appName.');
+            return null;
+        }
+
+        id = Neo.core.IdGenerator.getId('toastmanager-toast');
+
+        toast = {
+            id,
+            toastManagerId: id,
+            ...me.defaultToastConfig,
+            ...toast
+        };
+
+        me.register(toast);
+
+        return toast.toastManagerId;
+    }
+
+    /**
+     * Removes a task from collection.
+     * @param {String} toastId
+     */
+    removeToast(toastId) {
+        let me = this;
+
+        // decrease total of displayed toasts for a position
+        me.running[me.map.get(toastId).position]--;
+        me.unregister(toastId);
+    }
+
+    /**
+     * Runs a ToastManager to show an item from collection.
+     */
+    runQueue() {
+        let me = this,
+            toast;
+
+        if (me.getCount > 0) {
+            toast = me.findFirstToast();
+
+            toast && me.showToast(toast)
+        }
+    }
+
+    showToast(toast) {
+        let toastConfig = Neo.clone(toast);
+        // increase total of displayed toasts for a position
+        this.running[toastConfig.position]++
+        // Neo.create does not allow to pass an id
+        delete toastConfig.id;
+        Neo.create(this.toastClass, toastConfig);
+    }
+
+    /**
+     * Find the first toast based on the maximum allowed toasts
+     * @returns {*}
+     */
+    findFirstToast() {
+        let me = this,
+            firstToast, item;
+
+        me.filters = [{property: 'running', value: false}];
+        me.filter();
+
+        for (item of me.map.values()) {
+            if (me.running[item.position] < me.maxToasts) {
+                firstToast = item;
+                break;
+            }
+        }
+
+        me.clearFilters();
+
+        return firstToast;
+    }
+}
+
+Neo.applyClassConfig(Toast);
+
+let instance = Neo.create(Toast);
+
+Neo.applyToGlobalNs(instance);
+
+export default instance;

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'
          */

package/src/toolbar/Base.mjs

@@ -30,9 +30,9 @@ class Base extends Container {
          */
         ntype: 'toolbar',
         /**
-         * @member {String[]} cls=['neo-toolbar']
+         * @member {String[]} baseCls=['neo-toolbar']
          */
-        cls: ['neo-toolbar'],
+        baseCls: ['neo-toolbar'],
         /**
          * @member {String} dock_='top'
          */

package/src/toolbar/Paging.mjs

@@ -19,9 +19,9 @@ class Paging extends Toolbar {
          */
         ntype: 'paging-toolbar',
         /**
-         * @member {String[]} cls=['neo-paging-toolbar','neo-toolbar']
+         * @member {String[]} baseCls=['neo-paging-toolbar','neo-toolbar']
          */
-        cls: ['neo-paging-toolbar', 'neo-toolbar'],
+        baseCls: ['neo-paging-toolbar', 'neo-toolbar'],
         /**
          * @member {Number} currentPage_=1
          */

package/src/tooltip/Base.mjs

@@ -19,9 +19,9 @@ class Base extends Container {
          */
         ntype: 'tooltip',
         /**
-         * @member {String[]} cls=['neo-tooltip']
+         * @member {String[]} baseCls=['neo-tooltip']
          */
-        cls: ['neo-tooltip'],
+        baseCls: ['neo-tooltip'],
         /**
          * A reference to the target component which is supposed to show this tooltip on mouseenter
          * @member {String|null} componentId_=null