neo.mjs 4.7.2 → 4.7.4

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/form/field/select/MainContainer.mjs

@@ -32,6 +32,12 @@ class MainContainer extends ConfigurationViewport {
             labelText: 'clearToOriginalValue',
             listeners: {change: me.onConfigChange.bind(me, 'clearToOriginalValue')},
             style    : {marginTop: '10px'}
+        }, {
+            module   : CheckBox,
+            checked  : me.exampleComponent.editable,
+            labelText: 'editable',
+            listeners: {change: me.onConfigChange.bind(me, 'editable')},
+            style    : {marginTop: '10px'}
         }, {
             module   : CheckBox,
             checked  : me.exampleComponent.hideLabel,

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.4",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/resources/scss/src/button/Split.scss

@@ -1,5 +1,5 @@
 .neo-split-button {
-    border       : v(button-border);
+    border       : v(button-border-width) solid v(button-border-color);
     border-radius: v(button-border-radius);
     display      : flex;
     width        : fit-content;
@@ -10,7 +10,7 @@
         padding: .5em;
 
         &:last-child {
-            border-left: v(button-border);
+            border-left: v(button-border-width) solid v(button-border-color);
         }
     }
-}
+}

package/resources/scss/src/form/field/Picker.scss

@@ -1,5 +1,13 @@
 .neo-pickerfield {
+    &.neo-not-editable {
+        cursor: pointer;
 
+        .neo-textfield-input {
+            cursor        : pointer;
+            pointer-events: none;
+            user-select   : none;
+        }
+    }
 }
 
 .neo-picker-container {

package/resources/scss/theme-dark/form/field/CheckBox.scss

@@ -1,7 +1,7 @@
 $neoMap: map-merge($neoMap, (
     'checkboxfield-color'           : #eee,
     'checkboxfield-color-checked'   : #64B5F6,
-    'checkboxfield-icon-font-family': "Font Awesome 5 Free",
+    'checkboxfield-icon-font-family': '"Font Awesome 5 Free"',
     'checkboxfield-icon-font-size'  : 14px,
     'checkboxfield-label-top-margin': 0 0 3px
 ));

package/src/button/Split.mjs

@@ -43,7 +43,11 @@ class Split extends Button {
         {cls: ['neo-split-button'], cn: [
             {tag: 'button', cn: [
                 {tag: 'span', cls: ['neo-button-glyph']},
-                {tag: 'span', cls: ['neo-button-text']}
+                {tag: 'span', cls: ['neo-button-text']},
+                {cls: ['neo-button-badge']},
+                {cls: ['neo-button-ripple-wrapper'], cn: [
+                    {cls: ['neo-button-ripple']}
+                ]}
             ]}
         ]}
     }}
@@ -110,10 +114,8 @@ class Split extends Button {
      * @protected
      */
     afterSetTriggerButtonIconCls(value, oldValue) {
-        let me = this;
-
-        if (me.triggerButton) {
-            me.triggerButton.iconCls = value;
+        if (this.triggerButton) {
+            this.triggerButton.iconCls = value;
         }
     }
 

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/form/field/Picker.mjs

@@ -1,4 +1,5 @@
 import Container     from '../../container/Base.mjs';
+import NeoArray      from '../../util/Array.mjs';
 import PickerTrigger from './trigger/Picker.mjs';
 import Text          from './Text.mjs';
 import VDomUtil      from '../../util/VDom.mjs';
@@ -32,6 +33,10 @@ class Picker extends Text {
          * @protected
          */
         clientRects: null,
+        /**
+         * @member {Boolean} editable_=true
+         */
+        editable_: true,
         /**
          * Additional used keys for the selection model
          * @member {Object} keys
@@ -83,6 +88,19 @@ class Picker extends Text {
         }]
     }}
 
+    /**
+     * Triggered after the editable config got changed
+     * @param {Boolean} value
+     * @param {Boolean} oldValue
+     * @protected
+     */
+    afterSetEditable(value, oldValue) {
+        let cls = this.cls;
+
+        NeoArray.toggle(cls, 'neo-not-editable', !value);
+        this.cls = cls;
+    }
+
     /**
      * @param {Boolean} silent
      */

package/src/main/DomEvents.mjs

@@ -251,8 +251,15 @@ class DomEvents extends Base {
      * @returns {Object}
      */
     getEventData(event) {
+        let path = event.composedPath();
+
+        if (path.length < 1) {
+            // our draggable implementation will generate paths, so we do need to check for them
+            path = event.path;
+        }
+
         return {
-            path     : event.composedPath().map(e => this.getTargetData(e)),
+            path     : path.map(e => this.getTargetData(e)),
             target   : this.getTargetData(event.target),
             timeStamp: event.timeStamp,
             type     : event.type

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;