neo.mjs 4.7.2 → 4.7.3

package/apps/covid/view/MainContainer.mjs

@@ -16,10 +16,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Covid.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['covid-viewport','neo-viewport']
          */

package/apps/realworld/view/MainContainer.mjs

@@ -14,10 +14,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'RealWorld.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=[]
          */

package/apps/realworld2/view/MainContainer.mjs

@@ -17,11 +17,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'RealWorld2.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         * @protected
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['rw2-home-container','neo-viewport']
          */

package/apps/sharedcovid/view/GalleryContainer.mjs

@@ -16,10 +16,6 @@ class GalleryContainer extends Container {
          * @protected
          */
         className: 'SharedCovid.view.GalleryContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['neo-gallery-maincontainer','neo-viewport']
          */

package/apps/sharedcovid/view/HelixContainer.mjs

@@ -16,10 +16,6 @@ class HelixContainer extends Container {
          * @protected
          */
         className: 'SharedCovid.view.HelixContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['neo-helix-maincontainer','neo-viewport']
          */

package/apps/sharedcovid/view/MainContainer.mjs

@@ -16,10 +16,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'SharedCovid.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['covid-viewport','neo-viewport']
          */

package/apps/sharedcovid/view/TableContainer.mjs

@@ -18,10 +18,6 @@ class TableContainer extends Container {
          * @protected
          */
         className: 'SharedCovid.view.TableContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object} bind
          */

package/apps/sharedcovidchart/MainContainer.mjs

@@ -11,10 +11,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'SharedCovidChart.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object} layout={ntype:'fit'}
          */

package/apps/sharedcovidgallery/MainContainer.mjs

@@ -11,10 +11,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'SharedCovidGallery.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object} layout={ntype:'fit'}
          */

package/apps/sharedcovidhelix/MainContainer.mjs

@@ -11,10 +11,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'SharedCovidHelix.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object} layout={ntype:'fit'}
          */

package/apps/sharedcovidmap/MainContainer.mjs

@@ -11,10 +11,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'SharedCovidMap.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object} layout={ntype:'fit'}
          */

package/apps/shareddialog/view/MainContainer.mjs

@@ -15,10 +15,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'SharedDialog.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/apps/shareddialog2/view/MainContainer.mjs

@@ -14,10 +14,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'SharedDialog2.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/apps/website/view/MainContainer.mjs

@@ -15,10 +15,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Website.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['website-main-container','neo-viewport']
          */

package/docs/app/view/MainContainer.mjs

@@ -26,10 +26,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         ntype: 'main-container',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount : true,
         /**
          * @member {String[]} baseCls=['neo-docs-maincontainer','neo-viewport']
          */

package/examples/ConfigurationViewport.mjs

@@ -22,10 +22,6 @@ class ConfigurationViewport extends Viewport {
          * @protected
          */
         ntype: 'configuration-viewport',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object} layout={ntype:'hbox', align:'stretch'}
          */

package/examples/calendar/weekview/MainContainer.mjs

@@ -13,11 +13,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.calendar.weekview.MainContainer',
-        /**
-         * Value for the component.Base autoMount_ config
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * Value for the container.Base layout_ config
          * @member {Object} layout={ntype: 'fit'}

package/examples/charts/MainContainer.mjs

@@ -8,7 +8,6 @@ import Viewport         from '../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.charts.MainContainer',
-        autoMount: true,
         layout   : 'fit',
 
         style: {

package/examples/component/carousel/MainContainer.mjs

@@ -10,7 +10,6 @@ import RangeField            from '../../../src/form/field/Range.mjs';
 class MainContainer extends ConfigurationViewport {
     static getConfig() {return {
         className: 'Neo.examples.component.carousel.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'hbox', align: 'stretch'}
     }}
 

package/examples/component/circle/MainContainer.mjs

@@ -10,7 +10,6 @@ import RangeField            from '../../../src/form/field/Range.mjs';
 class MainContainer extends ConfigurationViewport {
     static getConfig() {return {
         className: 'Neo.examples.component.circle.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'hbox', align: 'stretch'}
     }}
 

package/examples/component/coronaGallery/MainContainer.mjs

@@ -14,10 +14,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.component.coronaGallery.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['neo-gallery-maincontainer','neo-viewport']
          */

package/examples/component/coronaHelix/MainContainer.mjs

@@ -15,10 +15,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.component.coronaHelix.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {String[]} baseCls=['neo-helix-maincontainer','neo-viewport']
          */

package/examples/component/gallery/MainContainer.mjs

@@ -12,10 +12,6 @@ import Viewport    from '../../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.component.gallery.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.component.Gallery|null} gallery=null
          */

package/examples/component/helix/MainContainer.mjs

@@ -13,10 +13,6 @@ import Viewport    from '../../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.component.helix.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.component.Helix|null} helix=null
          */

package/examples/component/mwc/buttons/MainContainer.mjs

@@ -9,7 +9,6 @@ import Viewport     from '../../../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.component.mwc.buttons.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'fit'},
 
         items: [{

package/examples/component/mwc/textFields/MainContainer.mjs

@@ -9,7 +9,6 @@ import Viewport     from '../../../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.component.mwc.textFields.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'fit'},
 
         items: [{

package/examples/core/config/MainContainer.mjs

@@ -16,10 +16,6 @@ class MainContainer extends Viewport {
          * @member {Number|null} a_=null
          */
         a_: null,
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Number|null} b_=null
          */

package/examples/dashboard/MainContainer.mjs

@@ -9,7 +9,6 @@ import Viewport  from '../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.dashboard.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'fit'},
         style    : {padding: '10px'},
 

package/examples/dialog/MainContainer.mjs

@@ -12,7 +12,6 @@ import Viewport   from '../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.dialog.MainContainer',
-        autoMount: true,
         layout   : 'base',
         style    : {padding: '20px'},
         /**

package/examples/grid/covid/MainContainer.mjs

@@ -12,10 +12,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.grid.covid.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object[]} items=[GridContainer]
          */

package/examples/list/animate/MainContainer.mjs

@@ -18,10 +18,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.list.animate.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/model/advanced/MainContainer.mjs

@@ -16,10 +16,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.model.advanced.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/model/dialog/MainContainer.mjs

@@ -14,10 +14,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.model.dialog.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/model/extendedClass/MainContainer.mjs

@@ -15,10 +15,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.model.extendedClass.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/model/inline/MainContainer.mjs

@@ -15,10 +15,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.model.inline.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/model/inlineNoModel/MainContainer.mjs

@@ -14,10 +14,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.model.inlineNoModel.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/model/nestedData/MainContainer.mjs

@@ -15,10 +15,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.model.nestedData.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/model/table/MainContainer.mjs

@@ -13,10 +13,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.model.table.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object} layout
          */

package/examples/preloadingAssets/view/MainContainer.mjs

@@ -14,10 +14,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.preloadingAssets.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/sitemap/MainContainer.mjs

@@ -9,7 +9,6 @@ import SiteMapComponent      from '../../src/sitemap/Component.mjs';
 class MainContainer extends ConfigurationViewport {
     static getConfig() {return {
         className: 'Neo.examples.sitemap.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'hbox', align: 'stretch'}
     }}
 

package/examples/table/covid/MainContainer.mjs

@@ -12,10 +12,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.table.covid.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Object[]} items=[TableContainer]
          */

package/examples/tableFiltering/MainContainer.mjs

@@ -16,7 +16,6 @@ import Viewport         from '../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.tableFiltering.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'vbox', align: 'stretch'},
         style    : {padding: '20px'},
 

package/examples/tablePerformance/Viewport.mjs

@@ -10,7 +10,6 @@ import MainContainer3 from './MainContainer3.mjs';
 class Viewport extends BaseViewport {
     static getConfig() {return {
         className: 'Neo.examples.tablePerformance.Viewport',
-        autoMount: true,
         style    : {overflow: 'hidden', padding: '10px'},
 
         layout: {

package/examples/tableStore/MainContainer.mjs

@@ -15,7 +15,6 @@ import Viewport        from '../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.tableStore.MainContainer',
-        autoMount: true,
         layout   : {ntype: 'vbox', align: 'stretch'},
         style    : {padding: '20px'},
 

package/examples/toolbar/breadcrumb/app.mjs

@@ -0,0 +1,6 @@
+import MainContainer from './view/MainContainer.mjs';
+
+export const onStart = () => Neo.app({
+    mainView: MainContainer,
+    name    : 'Neo.examples.toolbar.breadcrumb'
+});

package/examples/toolbar/breadcrumb/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>Neo Breadcrumb Toolbar</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/toolbar/breadcrumb/neo-config.json

@@ -0,0 +1,6 @@
+{
+    "appPath"    : "examples/toolbar/breadcrumb/app.mjs",
+    "basePath"   : "../../../",
+    "environment": "development",
+    "mainPath"   : "./Main.mjs"
+}

package/examples/toolbar/breadcrumb/view/MainContainer.mjs

@@ -0,0 +1,35 @@
+import BreadcrumbToolbar from '../../../../src/toolbar/Breadcrumb.mjs';
+import Viewport          from '../../../../src/container/Viewport.mjs';
+
+/**
+ * @class Neo.examples.toolbar.breadcrumb.view.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends Viewport {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.toolbar.breadcrumb.view.MainContainer'
+         * @protected
+         */
+        className: 'Neo.examples.toolbar.breadcrumb.view.MainContainer',
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module: BreadcrumbToolbar,
+            flex  : 'none'
+        }],
+        /**
+         * @member {Object} layout={ntype:'vbox',align:'stretch'}
+         */
+        layout: {ntype: 'vbox', align: 'stretch'},
+        /**
+         * @member {Object} style={padding:'20px'}
+         */
+        style: {padding: '20px'}
+    }}
+}
+
+Neo.applyClassConfig(MainContainer);
+
+export default MainContainer;

package/examples/toolbar/paging/view/MainContainer.mjs

@@ -15,10 +15,6 @@ class MainContainer extends Viewport {
          * @protected
          */
         className: 'Neo.examples.toolbar.paging.view.MainContainer',
-        /**
-         * @member {Boolean} autoMount=true
-         */
-        autoMount: true,
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */

package/examples/viewport/MainContainer.mjs

@@ -8,7 +8,6 @@ import Viewport     from '../../src/container/Viewport.mjs';
 class MainContainer extends Viewport {
     static getConfig() {return {
         className: 'Neo.examples.viewport.MainContainer',
-        autoMount: true,
 
         layout: {
             ntype: 'vbox',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.7.2",
+    "version": "4.7.3",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/container/Viewport.mjs

@@ -21,6 +21,12 @@ class Viewport extends Container {
          * @member {Boolean} applyBodyCls=true
          */
         applyBodyCls: true,
+        /**
+         * Assuming that a Viewport is the top level view of your app, and you want to mount it right away.
+         * Could be without any items. Use false otherwise.
+         * @member {Boolean} autoMount=true
+         */
+        autoMount: true,
         /**
          * @member {String[]} baseCls=['neo-viewport']
          */

package/src/toolbar/Breadcrumb.mjs

@@ -0,0 +1,51 @@
+import ClassSystemUtil from '../util/ClassSystem.mjs';
+import Store           from '../data/Store.mjs';
+import Toolbar         from '../toolbar/Base.mjs';
+
+/**
+ * @class Neo.toolbar.Breadcrumb
+ * @extends Neo.toolbar.Base
+ */
+class Breadcrumb extends Toolbar {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.toolbar.Breadcrumb'
+         * @protected
+         */
+        className: 'Neo.toolbar.Breadcrumb',
+        /**
+         * @member {Object[]} items
+         */
+        items: [],
+        /**
+         * @member {Neo.data.Store|Object} store_=null
+         */
+        store_: null
+    }}
+
+    /**
+     * Triggered after the store config got changed
+     * @param {Neo.data.Store|Object} value
+     * @param {Neo.data.Store|Object} oldValue
+     * @protected
+     */
+    afterSetStore(value, oldValue) {
+
+    }
+
+    /**
+     * Triggered before the store config gets changed
+     * @param {Neo.data.Store|Object} value
+     * @param {Neo.data.Store|Object} oldValue
+     * @returns {Neo.data.Store}
+     * @protected
+     */
+    beforeSetStore(value, oldValue) {
+        oldValue?.destroy();
+        return ClassSystemUtil.beforeSetInstance(value, Store);
+    }
+}
+
+Neo.applyClassConfig(Breadcrumb);
+
+export default Breadcrumb;