npm - neo.mjs - Versions diffs - 6.8.2 → 6.9.0 - Mend

neo.mjs 6.8.2 → 6.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/.github/PULL_REQUEST_TEMPLATE.md +1 -1
package/apps/ServiceWorker.mjs +2 -2
package/apps/learnneo/app.mjs +6 -0
package/apps/learnneo/index.html +11 -0
package/apps/learnneo/model/Content.mjs +44 -0
package/apps/learnneo/neo-config.json +6 -0
package/apps/learnneo/store/Content.mjs +24 -0
package/apps/learnneo/view/Viewport.mjs +34 -0
package/apps/learnneo/view/ViewportController.mjs +19 -0
package/apps/learnneo/view/home/ContentTreeList.mjs +41 -0
package/apps/learnneo/view/home/MainContainer.mjs +51 -0
package/apps/learnneo/view/home/MainContainerController.mjs +50 -0
package/apps/route/app.mjs +6 -0
package/apps/route/index.html +11 -0
package/apps/route/neo-config.json +6 -0
package/apps/route/view/ButtonBar.mjs +57 -0
package/apps/route/view/CenterContainer.mjs +37 -0
package/apps/route/view/FooterContainer.mjs +47 -0
package/apps/route/view/HeaderContainer.mjs +47 -0
package/apps/route/view/MainView.mjs +66 -0
package/apps/route/view/MainViewController.mjs +210 -0
package/apps/route/view/MetaContainer.mjs +52 -0
package/apps/route/view/Viewport.mjs +15 -0
package/apps/route/view/center/CardAdministration.mjs +36 -0
package/apps/route/view/center/CardAdministrationDenied.mjs +26 -0
package/apps/route/view/center/CardContact.mjs +29 -0
package/apps/route/view/center/CardHome.mjs +26 -0
package/apps/route/view/center/CardSection1.mjs +26 -0
package/apps/route/view/center/CardSection2.mjs +27 -0
package/examples/ConfigurationViewport.mjs +1 -1
package/examples/ServiceWorker.mjs +2 -2
package/examples/form/field/select/MainContainer.mjs +7 -2
package/examples/table/container/MainContainer.mjs +4 -2
package/examples/table/container/MainModel.mjs +3 -0
package/examples/table/container/MainStore.mjs +10 -10
package/examples/todoList/version1/MainComponent.mjs +5 -5
package/examples/toolbar/paging/view/MainContainer.mjs +31 -3
package/package.json +1 -1
package/resources/data/learnneo/content.json +27 -0
package/resources/data/learnneo/pages/whyneo.md +76 -0
package/resources/scss/src/apps/route/CenterContainer.scss +29 -0
package/resources/scss/src/apps/route/HeaderContainer.scss +122 -0
package/resources/scss/src/apps/route/MainView.scss +3 -0
package/resources/scss/src/apps/route/MetaContainer.scss +44 -0
package/resources/scss/src/apps/route/_all.scss +1 -0
package/resources/scss/src/form/field/Picker.scss +0 -1
package/src/DefaultConfig.mjs +2 -2
package/src/Neo.mjs +15 -14
package/src/button/Base.mjs +2 -2
package/src/component/Base.mjs +41 -50
package/src/container/Base.mjs +59 -2
package/src/controller/Base.mjs +84 -4
package/src/controller/Component.mjs +22 -7
package/src/core/Observable.mjs +50 -9
package/src/dialog/Base.mjs +1 -4
package/src/form/field/FileUpload.mjs +11 -0
package/src/form/field/Picker.mjs +0 -17
package/src/form/field/Range.mjs +8 -0
package/src/form/field/Text.mjs +29 -0
package/src/form/field/trigger/Picker.mjs +7 -0
package/src/main/DomEvents.mjs +9 -3
package/src/manager/DomEvent.mjs +3 -0
package/src/menu/List.mjs +1 -1
package/src/table/View.mjs +78 -53
package/src/toolbar/Paging.mjs +68 -76
package/src/tooltip/Base.mjs +111 -11

package/.github/PULL_REQUEST_TEMPLATE.md CHANGED Viewed

@@ -23,7 +23,7 @@ If yes, please describe the impact and migration path for existing applications:
 **The PR fulfills these requirements:**
-- [ ] It's submitted to the `dev` branch, _not_ the `master` branch
+- [ ] It's submitted to the `dev` branch, _not_ the `main` branch
 - [ ] When resolving a specific issue, it's referenced in the PR's title (e.g. `fix #xxx[,#xxx]`, where "xxx" is the issue number)
 If adding a **new feature**, the PR's description includes:

package/apps/ServiceWorker.mjs CHANGED Viewed

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.8.2'
+         * @member {String} version='6.9.0'
          */
-        version: '6.8.2'
+        version: '6.9.0'
     }
     /**

package/apps/learnneo/app.mjs ADDED Viewed

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

package/apps/learnneo/index.html ADDED Viewed

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

package/apps/learnneo/model/Content.mjs ADDED Viewed

@@ -0,0 +1,44 @@
+import Model from '../../../src/data/Model.mjs';
+/**
+ * @class LearnNeo.model.Content
+ * @extends Neo.data.Model
+ */
+class Content extends Model {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.model.Content'
+         * @protected
+         */
+        className: 'LearnNeo.model.Content',
+        /**
+         * @member {Object[]} fields
+         */
+        fields: [{
+            name: 'className',
+            type: 'String'
+        }, {
+            name: 'collapsed',
+            type: 'Boolean'
+        }, {
+            name: 'id',
+            type: 'Integer'
+        }, {
+            name: 'isLeaf',
+            type: 'Boolean'
+        }, {
+            name: 'name',
+            type: 'String'
+        }, {
+            name: 'parentId',
+            type: 'Integer'
+        }, {
+            name: 'path',
+            type: 'String'
+        }]
+    }
+}
+Neo.applyClassConfig(Content);
+export default Content;

package/apps/learnneo/neo-config.json ADDED Viewed

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

package/apps/learnneo/store/Content.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+import ContentModel from '../model/Content.mjs';
+import Store        from '../../../src/data/Store.mjs';
+/**
+ * @class LearnNeo.store.Content
+ * @extends Neo.data.Store
+ */
+class Content extends Store {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.store.Content'
+         * @protected
+         */
+        className: 'LearnNeo.store.Content',
+        /**
+         * @member {Neo.data.Model} model=ContentModel
+         */
+        model: ContentModel
+    }
+}
+Neo.applyClassConfig(Content);
+export default Content;

package/apps/learnneo/view/Viewport.mjs ADDED Viewed

@@ -0,0 +1,34 @@
+import BaseViewport       from '../../../src/container/Viewport.mjs';
+import ViewportController from './ViewportController.mjs';
+/**
+ * @class LearnNeo.view.Viewport
+ * @extends Neo.container.Viewport
+ */
+class Viewport extends BaseViewport {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.view.Viewport'
+         * @protected
+         */
+        className: 'LearnNeo.view.Viewport',
+        /**
+         * @member {Neo.controller.Component} controller=ViewportController
+         */
+        controller: ViewportController,
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module: () => import('./home/MainContainer.mjs')
+        }],
+        /**
+         * @member {Object} layout={ntype:'card'}
+         */
+        layout: {ntype: 'card'}
+    }
+}
+Neo.applyClassConfig(Viewport);
+export default Viewport;

package/apps/learnneo/view/ViewportController.mjs ADDED Viewed

@@ -0,0 +1,19 @@
+import Component from '../../../src/controller/Component.mjs';
+/**
+ * @class LearnNeo.view.ViewportController
+ * @extends Neo.controller.Component
+ */
+class ViewportController extends Component {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.view.ViewportController'
+         * @protected
+         */
+        className: 'LearnNeo.view.ViewportController'
+    }
+}
+Neo.applyClassConfig(ViewportController);
+export default ViewportController;

package/apps/learnneo/view/home/ContentTreeList.mjs ADDED Viewed

@@ -0,0 +1,41 @@
+import ContentStore from '../../store/Content.mjs'
+import TreeList     from '../../../../src/tree/List.mjs';
+/**
+ * @class LearnNeo.view.home.ContentTreeList
+ * @extends Neo.container.Base
+ */
+class ContentTreeList extends TreeList {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.view.home.ContentTreeList'
+         * @protected
+         */
+        className: 'LearnNeo.view.home.ContentTreeList',
+        /**
+         * @member {Neo.data.Store} store=ContentStore
+         */
+        store: ContentStore
+    }
+    /**
+     * todo: createItems() should get triggered onStoreLoad()
+     */
+    onConstructed() {
+        super.onConstructed();
+        let me = this;
+        Neo.Xhr.promiseJson({
+            url: '../../../resources/data/learnneo/content.json'
+        }).then(data => {
+            me.store.data = data.json.data;
+            me.createItems(null, me.getListItemsRoot(), 0);
+            me.update();
+        })
+    }
+}
+Neo.applyClassConfig(ContentTreeList);
+export default ContentTreeList;

package/apps/learnneo/view/home/MainContainer.mjs ADDED Viewed

@@ -0,0 +1,51 @@
+import Container               from '../../../../src/container/Base.mjs';
+import ContentTreeList         from './ContentTreeList.mjs';
+import MainContainerController from './MainContainerController.mjs';
+import Splitter                from '../../../../src/component/Splitter.mjs';
+/**
+ * @class LearnNeo.view.home.MainContainer
+ * @extends Neo.container.Base
+ */
+class MainContainer extends Container {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.view.home.MainContainer'
+         * @protected
+         */
+        className: 'LearnNeo.view.home.MainContainer',
+        /**
+         * @member {Neo.controller.Component} controller=MainContainerController
+         */
+        controller: MainContainerController,
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module  : Container,
+            layout  : 'fit',
+            minWidth: 350,
+            width   : 350,
+            items: [{
+                module   : ContentTreeList,
+                listeners: {leafItemClick: 'onContentListLeafClick'}
+            }]
+        }, {
+            module      : Splitter,
+            resizeTarget: 'previous'
+        }, {
+            module   : Container,
+            layout   : {ntype: 'card', activeIndex: null},
+            reference: 'content-container'
+        }],
+        /**
+         * @member {Object} layout={ntype:'hbox',align:'stretch'}
+         */
+        layout: {ntype: 'hbox', align: 'stretch'}
+    }
+}
+Neo.applyClassConfig(MainContainer);
+export default MainContainer;

package/apps/learnneo/view/home/MainContainerController.mjs ADDED Viewed

@@ -0,0 +1,50 @@
+import Component from '../../../../src/controller/Component.mjs';
+/**
+ * @class LearnNeo.view.home.MainContainerController
+ * @extends Neo.controller.Component
+ */
+class MainContainerController extends Component {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.view.home.MainContainerController'
+         * @protected
+         */
+        className: 'LearnNeo.view.home.MainContainerController'
+    }
+    /**
+     * @param {Object} record
+     */
+    async onContentListLeafClick(record) {
+        const
+            contentContainer = this.getReference('content-container'),
+            path             = '../../../resources/data/learnneo/pages';
+        console.log('onContentListLeafClick', {contentContainer, record});
+        console.log('onContentListLeafClick', {contentContainer, record});
+        if (record.isLeaf && record.path) {
+            const data    = await fetch(`${path}/${record.path}`);
+            const content = await data.text();
+            contentContainer.removeAll();
+            await this.timeout(50);
+            contentContainer.add({
+                ntype: 'component',
+                html : content
+            });
+            await this.timeout(50);
+            contentContainer.layout.activeIndex = 0;
+        }
+    }
+}
+Neo.applyClassConfig(MainContainerController);
+export default MainContainerController;

package/apps/route/app.mjs ADDED Viewed

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

package/apps/route/index.html ADDED Viewed

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

package/apps/route/neo-config.json ADDED Viewed

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

package/apps/route/view/ButtonBar.mjs ADDED Viewed

@@ -0,0 +1,57 @@
+import Base from '../../../src/container/Base.mjs';
+import Button from '../../../src/button/Base.mjs';
+/**
+ * @class Route.view.ButtonBar
+ * @extends Neo.container.Base
+ */
+class ButtonBar extends Base {
+    static config = {
+        /**
+         * @member {String} className='Route.view.ButtonBar'
+         * @protected
+         */
+        className: 'Route.view.ButtonBar',
+        baseCls: ['route', 'neo-container'],
+        cls: ['route_buttonbar', 'centerPanel'],
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module: Button,
+            flex: 'none',
+            handler: 'onSwitchButtonCardHome',
+            cls: ['route_button', 'neo-button'],
+            iconCls: 'fa-solid fa-home',
+            reference: 'home_button',
+            text: 'Home',
+        }, {
+            module: Button,
+            flex: 'none',
+            handler: 'onSwitchButtonCardSection1',
+            cls: ['route_button', 'neo-button'],
+            iconCls: 'fa-solid fa-globe',
+            text: 'Section 1'
+        }, {
+            module: Button,
+            flex: 'none',
+            handler: 'onSwitchButtonCardSection2',
+            cls: ['route_button', 'neo-button'],
+            iconCls: 'fa-solid fa-globe',
+            text: 'Section 2'
+        },{
+            module: Button,
+            flex: 'none',
+            handler: 'onSwitchButtonAdministration',
+            cls: ['route_button', 'neo-button'],
+            iconCls: 'fa-solid fa-building-user',
+            text: 'Administration',
+        }],
+        layout: { ntype: 'flexbox', wrap: 'wrap' },
+    }
+}
+Neo.applyClassConfig(ButtonBar);
+export default ButtonBar;

package/apps/route/view/CenterContainer.mjs ADDED Viewed

@@ -0,0 +1,37 @@
+import Base from '../../../src/container/Base.mjs';
+/**
+ * @class Route.view.CenterContainer
+ * @extends Neo.container.Base
+ */
+class CenterContainer extends Base {
+    static config = {
+        /**
+         * @member {String} className='Route.view.CenterContainer'
+         * @protected
+         */
+        className: 'Route.view.CenterContainer',
+        baseCls: ['route_center', 'neo-container'],
+        /**
+         * @member {Object[]} items
+         */
+        items: [
+            {module: () => import('./center/CardContact.mjs')},
+            {module: () => import('./center/CardAdministration.mjs')},
+            {module: () => import('./center/CardSection1.mjs')},
+            {module: () => import('./center/CardSection2.mjs')},
+            {module: () => import('./center/CardHome.mjs')},
+            {module: () => import('./center/CardAdministrationDenied.mjs')},
+        ],
+        /**
+         * @member {Object} layout={ntype: 'vbox', align: 'stretch'}
+         */
+        layout: {ntype: 'card', align: 'stretch', activeIndex: 4},
+        }
+}
+Neo.applyClassConfig(CenterContainer);
+export default CenterContainer;

package/apps/route/view/FooterContainer.mjs ADDED Viewed

@@ -0,0 +1,47 @@
+import Container from '../../../src/container/Base.mjs';
+import Button from '../../../src/button/Base.mjs';
+/**
+ * @class Route.view.FooterContainer
+ * @extends Neo.container.Base
+ */
+class FooterContainer extends Container {
+    static config = {
+        /**
+         * @member {String} className='Route.view.FooterContainer'
+         * @protected
+         */
+        className: 'Route.view.FooterContainer',
+        baseCls: ['route_footer', 'neo-container'],
+        height: 55,
+        /**
+         * @member {Object[]} items
+         */
+        items: [
+            {
+                module: Container,
+                reference: 'footer-container',
+                cls: ['centerPanel'],
+                items: [
+                    {
+                        module: Button,
+                        flex: 'none',
+                        handler: 'onSwitchButtonCardContact',
+                        cls: ['route_button', 'neo-button'],
+                        text: 'Contact'
+                    }
+                ],
+                layout: { ntype: 'hbox', align: 'stretch'  },
+            }
+        ],
+    }
+}
+Neo.applyClassConfig(FooterContainer);
+export default FooterContainer;

package/apps/route/view/HeaderContainer.mjs ADDED Viewed

@@ -0,0 +1,47 @@
+import Container from '../../../src/container/Base.mjs';
+import Label from '../../../src/component/Label.mjs';
+import Button from '../../../src/button/Base.mjs';
+import Component from '../../../src/component/Base.mjs';
+/**
+ * @class Route.view.HeaderContainer
+ * @extends Neo.container.Base
+ */
+class HeaderContainer extends Container {
+    static config = {
+        /**
+         * @member {String} className='Route.view.HeaderContainer'
+         * @protected
+         */
+        className: 'Route.view.HeaderContainer',
+        baseCls: ['route', 'neo-container', 'route_header'],
+        height: 242,
+        /**
+         * @member {Object[]} items
+         */
+        items: [
+            {
+                module: Component,
+                reference: 'logo',
+                width: 140,
+                height: 140,
+                cls: ['center'],
+                vdom: {
+                    tag: 'img',
+                    src: 'https://raw.githubusercontent.com/neomjs/pages/master/resources/images/logo_rounded.svg'
+                }
+            },
+            {
+                module: Label,
+                text: 'neo.mjs routes showcase',
+                cls: ['headline-caption']
+            },
+        ],
+        layout: { ntype: 'vbox', align: 'stretch' },
+    }
+}
+Neo.applyClassConfig(HeaderContainer);
+export default HeaderContainer;

package/apps/route/view/MainView.mjs ADDED Viewed

@@ -0,0 +1,66 @@
+import MainViewController from './MainViewController.mjs';
+import HeaderContainer from './HeaderContainer.mjs';
+import FooterContainer from './FooterContainer.mjs';
+import CenterContainer from './CenterContainer.mjs';
+import ButtonBar from './ButtonBar.mjs';
+import Panel from '../../../src/container/Panel.mjs';
+import MetaContainer from './MetaContainer.mjs';
+/**
+ * @class Route.view.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends Panel {
+    static config = {
+        /**
+         * @member {String} className='Route.view.MainContainer'
+         * @protected
+         */
+        className: 'Route.view.MainView',
+        baseCls: ['route'],
+        /**
+         * @member {Boolean} autoMount=true
+         */
+        //        autoMount: true,
+        /**
+         * @member {Neo.controller.Component} controller=MainViewController
+         */
+        controller: MainViewController,
+        /**
+         * @member {headers[]} items
+         */
+        headers: [
+            {
+                module: HeaderContainer,
+                dock: 'top'
+            },
+            {
+                module: ButtonBar,
+                dock: 'top',
+                reference: 'buttonbar',
+            },
+            {
+                module: FooterContainer,
+                dock: 'bottom'
+            },
+            {
+                module: MetaContainer,
+                dock: 'bottom',
+                reference: 'metabar',
+            }
+        ],
+        items: [
+            {
+                module: CenterContainer,
+                reference: 'center-container'
+            }
+        ],
+    }
+}
+Neo.applyClassConfig(MainContainer);
+export default MainContainer;