neo.mjs 10.0.0-beta.5 → 10.0.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.
- package/.github/RELEASE_NOTES/v10.0.0-beta.1.md +20 -0
- package/.github/RELEASE_NOTES/v10.0.0-beta.2.md +73 -0
- package/.github/RELEASE_NOTES/v10.0.0-beta.3.md +39 -0
- package/.github/RELEASE_NOTES/v10.0.0-beta.5.md +70 -0
- package/.github/RELEASE_NOTES/v10.0.0-beta.6.md +48 -0
- package/.github/RELEASE_NOTES/v10.0.0.md +52 -0
- package/.github/epic-functional-components.md +498 -0
- package/.github/ticket-asymmetric-vdom-updates.md +122 -0
- package/README.md +0 -3
- package/ServiceWorker.mjs +2 -2
- package/apps/colors/store/Colors.mjs +1 -0
- package/apps/colors/view/GridContainer.mjs +3 -0
- package/apps/colors/view/HeaderToolbar.mjs +2 -0
- package/apps/colors/view/Viewport.mjs +3 -0
- package/apps/covid/view/FooterContainer.mjs +3 -0
- package/apps/covid/view/GalleryContainer.mjs +2 -0
- package/apps/covid/view/GalleryContainerController.mjs +1 -0
- package/apps/covid/view/HeaderContainer.mjs +2 -0
- package/apps/covid/view/HelixContainer.mjs +2 -0
- package/apps/covid/view/HelixContainerController.mjs +1 -0
- package/apps/covid/view/MainContainer.mjs +3 -0
- package/apps/covid/view/TableContainer.mjs +3 -0
- package/apps/covid/view/TableContainerController.mjs +1 -0
- package/apps/covid/view/WorldMapContainer.mjs +2 -0
- package/apps/covid/view/country/Gallery.mjs +3 -0
- package/apps/covid/view/country/Helix.mjs +8 -0
- package/apps/covid/view/country/HistoricalDataTable.mjs +1 -0
- package/apps/covid/view/country/Table.mjs +2 -0
- package/apps/covid/view/mapboxGl/Component.mjs +1 -0
- package/apps/covid/view/mapboxGl/Container.mjs +2 -0
- package/apps/email/EPIC_PLAN.md +58 -0
- package/apps/email/neo-config.json +2 -2
- package/apps/email/store/Emails.mjs +11 -1
- package/apps/email/view/ComposeView.mjs +44 -0
- package/apps/email/view/MainView.mjs +89 -0
- package/apps/email/view/Viewport.mjs +4 -33
- package/apps/email/view/ViewportStateProvider.mjs +3 -3
- package/apps/form/store/SideNav.mjs +1 -0
- package/apps/form/view/FormContainer.mjs +1 -0
- package/apps/form/view/FormPageContainer.mjs +2 -0
- package/apps/form/view/SideNavList.mjs +1 -0
- package/apps/form/view/Viewport.mjs +3 -0
- package/apps/portal/childapps/preview/MainContainer.mjs +1 -0
- package/apps/portal/index.html +1 -1
- package/apps/portal/store/BlogPosts.mjs +2 -0
- package/apps/portal/store/Content.mjs +1 -0
- package/apps/portal/store/ContentSections.mjs +1 -0
- package/apps/portal/store/Examples.mjs +1 -0
- package/apps/portal/view/HeaderToolbar.mjs +1 -0
- package/apps/portal/view/Viewport.mjs +5 -0
- package/apps/portal/view/ViewportController.mjs +11 -3
- package/apps/portal/view/about/Container.mjs +2 -0
- package/apps/portal/view/about/MemberContainer.mjs +7 -0
- package/apps/portal/view/blog/Container.mjs +2 -0
- package/apps/portal/view/blog/List.mjs +2 -0
- package/apps/portal/view/examples/List.mjs +29 -19
- package/apps/portal/view/examples/TabContainer.mjs +4 -0
- package/apps/portal/view/home/ContentBox.mjs +3 -0
- package/apps/portal/view/home/FeatureSection.mjs +8 -0
- package/apps/portal/view/home/FooterContainer.mjs +4 -1
- package/apps/portal/view/home/MainContainer.mjs +2 -0
- package/apps/portal/view/home/parts/AfterMath.mjs +2 -0
- package/apps/portal/view/home/parts/BaseContainer.mjs +1 -0
- package/apps/portal/view/home/parts/Colors.mjs +4 -0
- package/apps/portal/view/home/parts/Features.mjs +2 -0
- package/apps/portal/view/home/parts/Helix.mjs +5 -0
- package/apps/portal/view/home/parts/How.mjs +4 -0
- package/apps/portal/view/home/parts/MainNeo.mjs +1 -0
- package/apps/portal/view/home/parts/References.mjs +2 -0
- package/apps/portal/view/learn/ContentComponent.mjs +11 -5
- package/apps/portal/view/learn/ContentTreeList.mjs +2 -0
- package/apps/portal/view/learn/CubeLayoutButton.mjs +1 -0
- package/apps/portal/view/learn/MainContainer.mjs +4 -0
- package/apps/portal/view/learn/PageContainer.mjs +2 -0
- package/apps/portal/view/learn/PageSectionsContainer.mjs +3 -0
- package/apps/portal/view/learn/PageSectionsList.mjs +1 -0
- package/apps/portal/view/services/Component.mjs +1 -0
- package/apps/realworld/api/Base.mjs +1 -0
- package/apps/realworld/view/HeaderComponent.mjs +4 -0
- package/apps/realworld/view/HomeComponent.mjs +7 -0
- package/apps/realworld/view/MainContainer.mjs +2 -0
- package/apps/realworld/view/MainContainerController.mjs +2 -0
- package/apps/realworld/view/article/CommentComponent.mjs +3 -0
- package/apps/realworld/view/article/Component.mjs +17 -10
- package/apps/realworld/view/article/CreateCommentComponent.mjs +2 -0
- package/apps/realworld/view/article/CreateComponent.mjs +5 -0
- package/apps/realworld/view/article/PreviewComponent.mjs +9 -0
- package/apps/realworld/view/article/TagListComponent.mjs +2 -0
- package/apps/realworld/view/user/ProfileComponent.mjs +7 -0
- package/apps/realworld/view/user/SettingsComponent.mjs +5 -0
- package/apps/realworld/view/user/SignUpComponent.mjs +3 -0
- package/apps/realworld2/api/Base.mjs +1 -0
- package/apps/realworld2/view/FooterComponent.mjs +1 -0
- package/apps/realworld2/view/HeaderToolbar.mjs +3 -0
- package/apps/realworld2/view/HomeContainer.mjs +1 -0
- package/apps/realworld2/view/MainContainer.mjs +2 -0
- package/apps/realworld2/view/MainContainerController.mjs +1 -0
- package/apps/realworld2/view/article/Helix.mjs +1 -0
- package/apps/realworld2/view/article/PreviewComponent.mjs +9 -0
- package/apps/realworld2/view/article/PreviewList.mjs +1 -0
- package/apps/realworld2/view/article/TagListComponent.mjs +2 -0
- package/apps/route/view/CenterContainer.mjs +1 -0
- package/apps/route/view/MainView.mjs +1 -0
- package/apps/sharedcovid/childapps/sharedcovidchart/MainContainer.mjs +1 -0
- package/apps/sharedcovid/childapps/sharedcovidgallery/MainContainer.mjs +1 -0
- package/apps/sharedcovid/childapps/sharedcovidhelix/MainContainer.mjs +1 -0
- package/apps/sharedcovid/childapps/sharedcovidmap/MainContainer.mjs +1 -0
- package/apps/sharedcovid/view/FooterContainer.mjs +3 -0
- package/apps/sharedcovid/view/GalleryContainer.mjs +2 -0
- package/apps/sharedcovid/view/GalleryContainerController.mjs +1 -0
- package/apps/sharedcovid/view/HeaderContainer.mjs +2 -0
- package/apps/sharedcovid/view/HelixContainer.mjs +2 -0
- package/apps/sharedcovid/view/HelixContainerController.mjs +1 -0
- package/apps/sharedcovid/view/MainContainer.mjs +3 -0
- package/apps/sharedcovid/view/TableContainer.mjs +3 -0
- package/apps/sharedcovid/view/TableContainerController.mjs +1 -0
- package/apps/sharedcovid/view/WorldMapContainer.mjs +2 -0
- package/apps/sharedcovid/view/country/Gallery.mjs +3 -0
- package/apps/sharedcovid/view/country/Helix.mjs +8 -0
- package/apps/sharedcovid/view/country/HistoricalDataTable.mjs +1 -0
- package/apps/sharedcovid/view/country/Table.mjs +2 -0
- package/apps/sharedcovid/view/mapboxGl/Component.mjs +1 -0
- package/apps/sharedcovid/view/mapboxGl/Container.mjs +2 -0
- package/apps/shareddialog/childapps/shareddialog2/view/MainContainer.mjs +2 -0
- package/apps/shareddialog/view/DemoDialog.mjs +2 -0
- package/apps/shareddialog/view/MainContainer.mjs +2 -0
- package/apps/shareddialog/view/MainContainerController.mjs +1 -0
- package/buildScripts/addReactiveTags.mjs +191 -0
- package/buildScripts/checkReactiveTags.mjs +160 -0
- package/docs/app/store/Api.mjs +1 -0
- package/docs/app/store/Examples.mjs +1 -0
- package/docs/app/view/ApiTreeList.mjs +1 -0
- package/docs/app/view/ContentTabContainer.mjs +2 -0
- package/docs/app/view/ExamplesTreeList.mjs +2 -0
- package/docs/app/view/HeaderContainer.mjs +3 -0
- package/docs/app/view/MainContainer.mjs +5 -0
- package/docs/app/view/classdetails/HeaderComponent.mjs +1 -0
- package/docs/app/view/classdetails/MainContainer.mjs +3 -0
- package/docs/app/view/classdetails/MembersList.mjs +5 -0
- package/docs/app/view/classdetails/SourceViewComponent.mjs +2 -0
- package/examples/ConfigurationViewport.mjs +14 -8
- package/examples/calendar/weekview/MainContainer.mjs +4 -0
- package/examples/component/coronaGallery/CountryGallery.mjs +2 -0
- package/examples/component/coronaGallery/CountryStore.mjs +1 -0
- package/examples/component/coronaGallery/Viewport.mjs +3 -0
- package/examples/component/coronaGallery/ViewportController.mjs +1 -0
- package/examples/component/coronaHelix/CountryHelix.mjs +7 -0
- package/examples/component/coronaHelix/MainContainer.mjs +1 -0
- package/examples/component/gallery/ImageStore.mjs +1 -0
- package/examples/component/helix/ImageStore.mjs +1 -0
- package/examples/component/helix/Viewport.mjs +3 -0
- package/examples/component/helix/ViewportController.mjs +1 -0
- package/examples/component/multiWindowCoronaGallery/childapp/Viewport.mjs +1 -0
- package/examples/component/multiWindowHelix/childapp/Viewport.mjs +1 -0
- package/examples/component/wrapper/googleMaps/MapComponent.mjs +2 -0
- package/examples/core/config/MainContainer.mjs +2 -0
- package/examples/dialog/DemoDialog.mjs +2 -0
- package/examples/dialog/MainContainer.mjs +1 -0
- package/examples/form/field/color/MainStore.mjs +1 -0
- package/examples/functional/button/base/MainContainer.mjs +207 -0
- package/examples/functional/button/base/app.mjs +6 -0
- package/examples/functional/button/base/index.html +11 -0
- package/examples/functional/button/base/neo-config.json +6 -0
- package/examples/functional/defineComponent/Component.mjs +18 -0
- package/examples/functional/defineComponent/MainContainer.mjs +41 -0
- package/examples/functional/defineComponent/app.mjs +6 -0
- package/examples/functional/defineComponent/index.html +11 -0
- package/examples/functional/defineComponent/neo-config.json +6 -0
- package/examples/functional/hostComponent/Component.mjs +32 -0
- package/examples/functional/hostComponent/MainContainer.mjs +48 -0
- package/examples/functional/hostComponent/app.mjs +6 -0
- package/examples/functional/hostComponent/index.html +11 -0
- package/examples/functional/hostComponent/neo-config.json +6 -0
- package/examples/grid/animatedRowSorting/Viewport.mjs +1 -1
- package/examples/grid/bigData/ControlsContainer.mjs +3 -0
- package/examples/grid/bigData/GridContainer.mjs +4 -2
- package/examples/grid/bigData/MainContainer.mjs +2 -0
- package/examples/grid/bigData/MainModel.mjs +1 -0
- package/examples/grid/bigData/MainStore.mjs +3 -0
- package/examples/grid/cellEditing/MainContainer.mjs +1 -1
- package/examples/grid/container/MainContainer.mjs +1 -1
- package/examples/grid/covid/GridContainer.mjs +3 -0
- package/examples/grid/covid/MainContainer.mjs +2 -0
- package/examples/grid/covid/Store.mjs +1 -0
- package/examples/grid/nestedRecordFields/EditUserDialog.mjs +3 -0
- package/examples/grid/nestedRecordFields/Viewport.mjs +3 -1
- package/examples/list/animate/List.mjs +4 -0
- package/examples/list/animate/MainContainer.mjs +2 -0
- package/examples/list/circle/MainStore.mjs +1 -0
- package/examples/list/color/MainStore.mjs +1 -0
- package/examples/preloadingAssets/view/MainContainer.mjs +2 -0
- package/examples/stateProvider/advanced/MainContainer.mjs +1 -0
- package/examples/stateProvider/dialog/EditUserDialog.mjs +2 -0
- package/examples/stateProvider/dialog/MainContainer.mjs +1 -0
- package/examples/stateProvider/extendedClass/MainContainer.mjs +2 -0
- package/examples/stateProvider/inline/MainContainer.mjs +1 -0
- package/examples/stateProvider/inlineNoStateProvider/MainContainer.mjs +1 -0
- package/examples/stateProvider/inlineNoStateProvider/MainContainerController.mjs +2 -0
- package/examples/stateProvider/multiWindow/EditUserDialog.mjs +3 -0
- package/examples/stateProvider/multiWindow/MainContainer.mjs +1 -0
- package/examples/stateProvider/multiWindow/Viewport.mjs +1 -0
- package/examples/stateProvider/nestedData/MainContainer.mjs +1 -0
- package/examples/stateProvider/table/MainContainer.mjs +1 -0
- package/examples/table/covid/MainContainer.mjs +2 -0
- package/examples/table/covid/Store.mjs +1 -0
- package/examples/table/covid/TableContainer.mjs +3 -0
- package/examples/table/nestedRecordFields/EditUserDialog.mjs +3 -0
- package/examples/table/nestedRecordFields/Viewport.mjs +1 -0
- package/examples/todoList/version1/MainComponent.mjs +1 -1
- package/examples/toolbar/breadcrumb/view/MainContainer.mjs +2 -0
- package/examples/toolbar/paging/store/Users.mjs +1 -0
- package/examples/toolbar/paging/view/AddUserDialog.mjs +3 -0
- package/examples/toolbar/paging/view/MainContainer.mjs +3 -0
- package/examples/treeAccordion/MainContainer.mjs +2 -2
- package/examples/worker/task/MainContainer.mjs +1 -0
- package/learn/Glossary.md +1 -0
- package/learn/UsingTheseTopics.md +1 -0
- package/learn/benefits/ConfigSystem.md +2 -0
- package/learn/benefits/Effort.md +1 -0
- package/learn/benefits/Features.md +1 -0
- package/learn/benefits/FormsEngine.md +1 -0
- package/learn/benefits/FourEnvironments.md +2 -0
- package/learn/benefits/Introduction.md +2 -0
- package/learn/benefits/MultiWindow.md +3 -1
- package/learn/benefits/OffTheMainThread.md +2 -0
- package/learn/benefits/Quick.md +2 -0
- package/learn/benefits/RPCLayer.md +2 -0
- package/learn/benefits/Speed.md +2 -0
- package/learn/blog/v10-deep-dive-functional-components.md +293 -0
- package/learn/blog/v10-deep-dive-reactivity.md +522 -0
- package/learn/blog/v10-deep-dive-state-provider.md +432 -0
- package/learn/blog/v10-deep-dive-vdom-revolution.md +194 -0
- package/learn/blog/v10-post1-love-story.md +383 -0
- package/learn/comparisons/NeoVsAngular.md +90 -0
- package/learn/comparisons/NeoVsExtJs.md +178 -0
- package/learn/comparisons/NeoVsNextJs.md +124 -0
- package/learn/comparisons/NeoVsReact.md +95 -0
- package/learn/comparisons/NeoVsSolid.md +78 -0
- package/learn/comparisons/NeoVsVue.md +92 -0
- package/learn/comparisons/Overview.md +46 -0
- package/learn/gettingstarted/ComponentModels.md +2 -0
- package/learn/gettingstarted/Config.md +2 -0
- package/learn/gettingstarted/DescribingTheUI.md +2 -0
- package/learn/gettingstarted/Events.md +2 -0
- package/learn/gettingstarted/Extending.md +2 -0
- package/learn/gettingstarted/References.md +2 -0
- package/learn/gettingstarted/Setup.md +3 -2
- package/learn/gettingstarted/Workspaces.md +2 -0
- package/learn/guides/datahandling/Collections.md +1 -0
- package/learn/guides/datahandling/Records.md +1 -0
- package/learn/guides/datahandling/StateProviders.md +130 -16
- package/learn/guides/datahandling/Tables.md +1 -1
- package/learn/guides/fundamentals/ConfigSystemDeepDive.md +1 -0
- package/learn/guides/fundamentals/DeclarativeComponentTreesVsImperativeVdom.md +2 -0
- package/learn/guides/fundamentals/DeclarativeVDOMWithEffects.md +10 -8
- package/learn/guides/fundamentals/ExtendingNeoClasses.md +1 -0
- package/learn/guides/fundamentals/InstanceLifecycle.md +3 -1
- package/learn/guides/fundamentals/MainThreadAddons.md +2 -0
- package/learn/guides/specificfeatures/Mixins.md +3 -1
- package/learn/guides/specificfeatures/MultiWindow.md +3 -1
- package/learn/guides/specificfeatures/PortalApp.md +2 -0
- package/learn/guides/uibuildingblocks/ComponentsAndContainers.md +2 -0
- package/learn/guides/uibuildingblocks/CustomComponents.md +2 -0
- package/learn/guides/uibuildingblocks/Layouts.md +2 -0
- package/learn/guides/uibuildingblocks/WorkingWithVDom.md +28 -2
- package/learn/guides/userinteraction/Forms.md +2 -0
- package/learn/guides/userinteraction/events/CustomEvents.md +2 -1
- package/learn/guides/userinteraction/events/DomEvents.md +2 -0
- package/learn/javascript/ClassFeatures.md +4 -3
- package/learn/javascript/Classes.md +10 -13
- package/learn/javascript/Overrides.md +10 -6
- package/learn/javascript/Super.md +12 -8
- package/learn/tree.json +71 -64
- package/learn/tutorials/Earthquakes.md +2 -0
- package/learn/tutorials/RSP.md +3 -1
- package/learn/tutorials/TodoList.md +103 -7
- package/package.json +8 -6
- package/resources/scss/src/apps/email/ComposeView.scss +16 -0
- package/resources/scss/src/apps/email/MainView.scss +5 -0
- package/resources/scss/src/apps/portal/learn/ContentComponent.scss +5 -4
- package/src/DefaultConfig.mjs +12 -2
- package/src/Main.mjs +1 -0
- package/src/Neo.mjs +219 -166
- package/src/Xhr.mjs +1 -0
- package/src/button/Base.mjs +13 -0
- package/src/button/Effect.mjs +16 -2
- package/src/button/Split.mjs +2 -0
- package/src/calendar/store/Calendars.mjs +1 -0
- package/src/calendar/store/Colors.mjs +1 -0
- package/src/calendar/store/Events.mjs +1 -0
- package/src/calendar/view/DayComponent.mjs +2 -0
- package/src/calendar/view/EditEventContainer.mjs +4 -1
- package/src/calendar/view/MainContainer.mjs +13 -0
- package/src/calendar/view/MainContainerStateProvider.mjs +14 -28
- package/src/calendar/view/SettingsContainer.mjs +1 -0
- package/src/calendar/view/YearComponent.mjs +16 -0
- package/src/calendar/view/calendars/ColorsList.mjs +2 -0
- package/src/calendar/view/calendars/Container.mjs +2 -0
- package/src/calendar/view/calendars/EditContainer.mjs +1 -0
- package/src/calendar/view/month/Component.mjs +11 -0
- package/src/calendar/view/settings/GeneralContainer.mjs +1 -0
- package/src/calendar/view/settings/MonthContainer.mjs +1 -0
- package/src/calendar/view/settings/WeekContainer.mjs +1 -0
- package/src/calendar/view/settings/YearContainer.mjs +1 -0
- package/src/calendar/view/week/Component.mjs +15 -1
- package/src/calendar/view/week/TimeAxisComponent.mjs +4 -0
- package/src/code/LivePreview.mjs +51 -23
- package/src/collection/Base.mjs +7 -10
- package/src/collection/Filter.mjs +6 -0
- package/src/collection/Sorter.mjs +3 -0
- package/src/component/Abstract.mjs +412 -0
- package/src/component/Base.mjs +48 -1077
- package/src/component/Canvas.mjs +1 -0
- package/src/component/Chip.mjs +4 -0
- package/src/component/Circle.mjs +14 -0
- package/src/component/Clock.mjs +4 -0
- package/src/component/DateSelector.mjs +12 -0
- package/src/component/Gallery.mjs +11 -0
- package/src/component/Helix.mjs +24 -0
- package/src/component/Label.mjs +1 -0
- package/src/component/Legend.mjs +3 -0
- package/src/component/MagicMoveText.mjs +4 -0
- package/src/component/Progress.mjs +3 -0
- package/src/component/Splitter.mjs +3 -0
- package/src/component/StatusBadge.mjs +6 -0
- package/src/component/Timer.mjs +4 -0
- package/src/component/Toast.mjs +6 -0
- package/src/component/Video.mjs +1 -0
- package/src/component/mwc/Button.mjs +7 -0
- package/src/component/mwc/TextField.mjs +9 -0
- package/src/component/wrapper/AmChart.mjs +2 -0
- package/src/component/wrapper/GoogleMaps.mjs +3 -0
- package/src/component/wrapper/MapboxGL.mjs +5 -0
- package/src/component/wrapper/MonacoEditor.mjs +12 -0
- package/src/container/Accordion.mjs +2 -0
- package/src/container/Base.mjs +7 -3
- package/src/container/Panel.mjs +1 -0
- package/src/container/Viewport.mjs +1 -0
- package/src/controller/Application.mjs +1 -0
- package/src/controller/Base.mjs +1 -0
- package/src/controller/Component.mjs +1 -0
- package/src/core/Base.mjs +86 -33
- package/src/core/Compare.mjs +4 -7
- package/src/core/Config.mjs +65 -52
- package/src/core/Effect.mjs +86 -24
- package/src/core/EffectManager.mjs +117 -8
- package/src/core/IdGenerator.mjs +13 -44
- package/src/core/Observable.mjs +69 -65
- package/src/data/Model.mjs +2 -0
- package/src/data/Store.mjs +7 -0
- package/src/data/connection/WebSocket.mjs +2 -0
- package/src/date/DayViewComponent.mjs +2 -0
- package/src/date/SelectorContainer.mjs +14 -0
- package/src/dialog/Base.mjs +8 -0
- package/src/draggable/DragZone.mjs +5 -0
- package/src/draggable/tree/DragZone.mjs +1 -0
- package/src/filter/BooleanContainer.mjs +2 -0
- package/src/filter/NumberContainer.mjs +3 -0
- package/src/filter/ToggleOperatorsButton.mjs +2 -0
- package/src/form/Fieldset.mjs +6 -0
- package/src/form/field/Base.mjs +7 -0
- package/src/form/field/CheckBox.mjs +18 -0
- package/src/form/field/Chip.mjs +1 -0
- package/src/form/field/ComboBox.mjs +8 -0
- package/src/form/field/Country.mjs +1 -0
- package/src/form/field/Currency.mjs +2 -0
- package/src/form/field/Date.mjs +4 -0
- package/src/form/field/Display.mjs +1 -0
- package/src/form/field/Email.mjs +1 -0
- package/src/form/field/FileUpload.mjs +7 -0
- package/src/form/field/Hidden.mjs +1 -0
- package/src/form/field/Number.mjs +7 -0
- package/src/form/field/Password.mjs +1 -0
- package/src/form/field/Phone.mjs +3 -0
- package/src/form/field/Picker.mjs +2 -0
- package/src/form/field/Radio.mjs +1 -0
- package/src/form/field/Range.mjs +3 -0
- package/src/form/field/Search.mjs +2 -0
- package/src/form/field/Text.mjs +43 -5
- package/src/form/field/TextArea.mjs +7 -0
- package/src/form/field/Time.mjs +6 -0
- package/src/form/field/Url.mjs +3 -0
- package/src/form/field/ZipCode.mjs +2 -0
- package/src/form/field/trigger/Base.mjs +3 -0
- package/src/form/field/trigger/Clear.mjs +2 -0
- package/src/form/field/trigger/CopyToClipboard.mjs +2 -0
- package/src/form/field/trigger/Date.mjs +1 -0
- package/src/form/field/trigger/Picker.mjs +1 -0
- package/src/form/field/trigger/Search.mjs +1 -0
- package/src/form/field/trigger/SpinDown.mjs +2 -0
- package/src/form/field/trigger/SpinUp.mjs +1 -0
- package/src/form/field/trigger/Time.mjs +2 -0
- package/src/functional/_export.mjs +6 -0
- package/src/functional/button/Base.mjs +384 -0
- package/src/functional/component/Base.mjs +405 -0
- package/src/functional/defineComponent.mjs +102 -0
- package/src/functional/useConfig.mjs +52 -0
- package/src/functional/useEvent.mjs +43 -0
- package/src/grid/Body.mjs +20 -1
- package/src/grid/Container.mjs +50 -60
- package/src/grid/ScrollManager.mjs +2 -0
- package/src/grid/VerticalScrollbar.mjs +2 -0
- package/src/grid/column/Base.mjs +2 -0
- package/src/grid/header/Button.mjs +7 -0
- package/src/grid/header/Toolbar.mjs +6 -0
- package/src/grid/plugin/AnimateRows.mjs +2 -0
- package/src/layout/Base.mjs +3 -0
- package/src/layout/Card.mjs +1 -0
- package/src/layout/Cube.mjs +18 -4
- package/src/layout/Fit.mjs +1 -0
- package/src/layout/Flexbox.mjs +7 -0
- package/src/layout/Form.mjs +2 -0
- package/src/layout/Grid.mjs +1 -0
- package/src/layout/HBox.mjs +1 -0
- package/src/layout/VBox.mjs +1 -0
- package/src/list/Base.mjs +13 -0
- package/src/list/Chip.mjs +1 -0
- package/src/list/Circle.mjs +2 -0
- package/src/list/Color.mjs +1 -0
- package/src/list/plugin/Animate.mjs +2 -0
- package/src/main/DeltaUpdates.mjs +1 -0
- package/src/main/DomEvents.mjs +2 -0
- package/src/main/addon/CloneNode.mjs +1 -0
- package/src/main/addon/Cookie.mjs +1 -0
- package/src/main/addon/GoogleMaps.mjs +1 -0
- package/src/main/addon/LocalStorage.mjs +1 -0
- package/src/main/addon/MapboxGL.mjs +1 -0
- package/src/main/addon/Markdown.mjs +1 -0
- package/src/main/addon/Navigator.mjs +1 -0
- package/src/main/addon/Popover.mjs +1 -0
- package/src/main/addon/Stylesheet.mjs +1 -0
- package/src/main/addon/WindowPosition.mjs +1 -0
- package/src/manager/Component.mjs +0 -71
- package/src/manager/VDomUpdate.mjs +320 -0
- package/src/menu/List.mjs +6 -0
- package/src/menu/Model.mjs +1 -0
- package/src/menu/Panel.mjs +3 -0
- package/src/menu/Store.mjs +1 -0
- package/src/mixin/DomEvents.mjs +130 -0
- package/src/mixin/VdomLifecycle.mjs +670 -0
- package/src/plugin/Base.mjs +1 -0
- package/src/plugin/Resizable.mjs +2 -0
- package/src/selection/Model.mjs +15 -18
- package/src/selection/grid/BaseModel.mjs +1 -0
- package/src/sitemap/Component.mjs +1 -0
- package/src/state/Provider.mjs +129 -87
- package/src/state/createHierarchicalDataProxy.mjs +39 -25
- package/src/tab/Container.mjs +6 -0
- package/src/tab/Strip.mjs +1 -0
- package/src/tab/header/Button.mjs +2 -0
- package/src/tab/header/EffectButton.mjs +2 -0
- package/src/tab/header/Toolbar.mjs +1 -0
- package/src/table/Body.mjs +3 -0
- package/src/table/Container.mjs +10 -0
- package/src/table/header/Button.mjs +8 -0
- package/src/table/header/Toolbar.mjs +5 -0
- package/src/table/plugin/CellEditing.mjs +1 -0
- package/src/toolbar/Base.mjs +4 -0
- package/src/toolbar/Breadcrumb.mjs +3 -0
- package/src/toolbar/Paging.mjs +5 -0
- package/src/tooltip/Base.mjs +2 -0
- package/src/tree/List.mjs +3 -0
- package/src/util/HashHistory.mjs +1 -0
- package/src/util/KeyNavigation.mjs +2 -0
- package/src/util/Matrix.mjs +1 -0
- package/src/util/VDom.mjs +18 -5
- package/src/util/VNode.mjs +7 -1
- package/src/util/vdom/TreeBuilder.mjs +105 -0
- package/src/vdom/Helper.mjs +35 -23
- package/src/vdom/VNode.mjs +4 -6
- package/src/worker/App.mjs +1 -0
- package/src/worker/Base.mjs +2 -0
- package/src/worker/Manager.mjs +2 -0
- package/src/worker/ServiceBase.mjs +6 -1
- package/src/worker/mixin/RemoteMethodAccess.mjs +1 -6
- package/test/siesta/siesta.js +17 -2
- package/test/siesta/tests/VdomCalendar.mjs +19 -15
- package/test/siesta/tests/VdomHelper.mjs +7 -7
- package/test/siesta/tests/classic/Button.mjs +113 -0
- package/test/siesta/tests/core/Effect.mjs +10 -14
- package/test/siesta/tests/core/EffectBatching.mjs +72 -79
- package/test/siesta/tests/functional/Button.mjs +113 -0
- package/test/siesta/tests/state/ProviderNestedDataConfigs.mjs +314 -0
- package/test/siesta/tests/state/createHierarchicalDataProxy.mjs +42 -55
- package/test/siesta/tests/vdom/Advanced.mjs +14 -8
- package/test/siesta/tests/vdom/VdomAsymmetricUpdates.mjs +366 -0
- package/test/siesta/tests/vdom/VdomRealWorldUpdates.mjs +249 -0
- package/test/siesta/tests/vdom/layout/Cube.mjs +11 -7
- package/test/siesta/tests/vdom/table/Container.mjs +9 -5
- package/learn/javascript/NewNode.md +0 -31
- package/src/core/EffectBatchManager.mjs +0 -68
@@ -15,6 +15,7 @@ class PreviewComponent extends Component {
|
|
15
15
|
className: 'RealWorld2.view.article.PreviewComponent',
|
16
16
|
/**
|
17
17
|
* @member {String|null} author_=null
|
18
|
+
* @reactive
|
18
19
|
*/
|
19
20
|
author_: null,
|
20
21
|
/**
|
@@ -24,34 +25,42 @@ class PreviewComponent extends Component {
|
|
24
25
|
/**
|
25
26
|
* ISO 8601 timestamp
|
26
27
|
* @member {String|null} createdAt_=null
|
28
|
+
* @reactive
|
27
29
|
*/
|
28
30
|
createdAt_: null,
|
29
31
|
/**
|
30
32
|
* @member {String|null} description_=null
|
33
|
+
* @reactive
|
31
34
|
*/
|
32
35
|
description_: null,
|
33
36
|
/**
|
34
37
|
* @member {Boolean} favorited_=false
|
38
|
+
* @reactive
|
35
39
|
*/
|
36
40
|
favorited_: false,
|
37
41
|
/**
|
38
42
|
* @member {Number|null} favoritesCount_=null
|
43
|
+
* @reactive
|
39
44
|
*/
|
40
45
|
favoritesCount_: null,
|
41
46
|
/**
|
42
47
|
* @member {String|null} slug_=null
|
48
|
+
* @reactive
|
43
49
|
*/
|
44
50
|
slug_: null,
|
45
51
|
/**
|
46
52
|
* @member {Array|null} tagList_=null
|
53
|
+
* @reactive
|
47
54
|
*/
|
48
55
|
tagList_: null,
|
49
56
|
/**
|
50
57
|
* @member {String|null} title_=null
|
58
|
+
* @reactive
|
51
59
|
*/
|
52
60
|
title_: null,
|
53
61
|
/**
|
54
62
|
* @member {String|null} userImage_=null
|
63
|
+
* @reactive
|
55
64
|
*/
|
56
65
|
userImage_: null,
|
57
66
|
/**
|
@@ -20,6 +20,7 @@ class TagListComponent extends Component {
|
|
20
20
|
className: 'RealWorld2.view.article.TagListComponent',
|
21
21
|
/**
|
22
22
|
* @member {String|null} activeTag_
|
23
|
+
* @reactive
|
23
24
|
*/
|
24
25
|
activeTag_: null,
|
25
26
|
/**
|
@@ -28,6 +29,7 @@ class TagListComponent extends Component {
|
|
28
29
|
baseCls: ['rw2-taglist-component'],
|
29
30
|
/**
|
30
31
|
* @member {String[]} tags_=[]
|
32
|
+
* @reactive
|
31
33
|
*/
|
32
34
|
tags_: [],
|
33
35
|
/**
|
@@ -13,14 +13,17 @@ class FooterContainer extends Container {
|
|
13
13
|
className: 'SharedCovid.view.FooterContainer',
|
14
14
|
/**
|
15
15
|
* @member {Number} height=20
|
16
|
+
* @reactive
|
16
17
|
*/
|
17
18
|
height: 25,
|
18
19
|
/**
|
19
20
|
* @member {Object} layout={ntype: 'hbox'}
|
21
|
+
* @reactive
|
20
22
|
*/
|
21
23
|
layout: {ntype: 'hbox'},
|
22
24
|
/**
|
23
25
|
* @member {String} reference='footer'
|
26
|
+
* @reactive
|
24
27
|
*/
|
25
28
|
reference: 'footer',
|
26
29
|
/**
|
@@ -22,6 +22,7 @@ class GalleryContainer extends Container {
|
|
22
22
|
baseCls: ['neo-gallery-maincontainer', 'neo-viewport'],
|
23
23
|
/**
|
24
24
|
* @member {Neo.controller.Component|null} controller=GalleryContainerController
|
25
|
+
* @reactive
|
25
26
|
*/
|
26
27
|
controller: GalleryContainerController,
|
27
28
|
/**
|
@@ -34,6 +35,7 @@ class GalleryContainer extends Container {
|
|
34
35
|
galleryConfig: null,
|
35
36
|
/**
|
36
37
|
* @member {Object|null} layout={ntype: 'hbox', align: 'stretch'}
|
38
|
+
* @reactive
|
37
39
|
*/
|
38
40
|
layout: {ntype: 'hbox', align: 'stretch'},
|
39
41
|
/**
|
@@ -19,10 +19,12 @@ class HeaderContainer extends Container {
|
|
19
19
|
baseCls: ['covid-header-container'],
|
20
20
|
/**
|
21
21
|
* @member {Number} height=70
|
22
|
+
* @reactive
|
22
23
|
*/
|
23
24
|
height: 120,
|
24
25
|
/**
|
25
26
|
* @member {Object} layout={ntype: 'hbox', align: 'stretch'}
|
27
|
+
* @reactive
|
26
28
|
*/
|
27
29
|
layout: {ntype: 'hbox', align: 'stretch'},
|
28
30
|
/**
|
@@ -22,6 +22,7 @@ class HelixContainer extends Container {
|
|
22
22
|
baseCls: ['neo-helix-maincontainer', 'neo-viewport'],
|
23
23
|
/**
|
24
24
|
* @member {Neo.controller.Component|null} controller=HelixContainerController
|
25
|
+
* @reactive
|
25
26
|
*/
|
26
27
|
controller: HelixContainerController,
|
27
28
|
/**
|
@@ -34,6 +35,7 @@ class HelixContainer extends Container {
|
|
34
35
|
helixConfig: null,
|
35
36
|
/**
|
36
37
|
* @member {Object|null} layout={ntype: 'hbox', align: 'stretch'}
|
38
|
+
* @reactive
|
37
39
|
*/
|
38
40
|
layout: {ntype: 'hbox', align: 'stretch'},
|
39
41
|
/**
|
@@ -22,6 +22,7 @@ class MainContainer extends Viewport {
|
|
22
22
|
baseCls: ['covid-viewport', 'neo-viewport'],
|
23
23
|
/**
|
24
24
|
* @member {Neo.controller.Component} controller=MainContainerController
|
25
|
+
* @reactive
|
25
26
|
*/
|
26
27
|
controller: MainContainerController,
|
27
28
|
/**
|
@@ -87,10 +88,12 @@ class MainContainer extends Viewport {
|
|
87
88
|
}, FooterContainer],
|
88
89
|
/**
|
89
90
|
* @member {Object} layout={ntype:'vbox',align:'stretch'}
|
91
|
+
* @reactive
|
90
92
|
*/
|
91
93
|
layout: {ntype: 'vbox', align: 'stretch'},
|
92
94
|
/**
|
93
95
|
* @member {Neo.state.Provider} stateProvider=MainContainerStateProvider
|
96
|
+
* @reactive
|
94
97
|
*/
|
95
98
|
stateProvider: MainContainerStateProvider
|
96
99
|
}
|
@@ -26,10 +26,12 @@ class TableContainer extends Container {
|
|
26
26
|
},
|
27
27
|
/**
|
28
28
|
* @member {Neo.controller.Component|null} controller=TableContainerController
|
29
|
+
* @reactive
|
29
30
|
*/
|
30
31
|
controller: TableContainerController,
|
31
32
|
/**
|
32
33
|
* @member {Object} countryRecord_=null
|
34
|
+
* @reactive
|
33
35
|
*/
|
34
36
|
countryRecord_: null,
|
35
37
|
/**
|
@@ -47,6 +49,7 @@ class TableContainer extends Container {
|
|
47
49
|
tableConfig: null,
|
48
50
|
/**
|
49
51
|
* @member {Object|null} layout={ntype: 'hbox', align: 'stretch'}
|
52
|
+
* @reactive
|
50
53
|
*/
|
51
54
|
layout: {ntype: 'hbox', align: 'stretch'},
|
52
55
|
/**
|
@@ -17,10 +17,12 @@ class WorldMapContainer extends Container {
|
|
17
17
|
className: 'SharedCovid.view.WorldMapContainer',
|
18
18
|
/**
|
19
19
|
* @member {Neo.controller.Component} controller=WorldMapContainerController
|
20
|
+
* @reactive
|
20
21
|
*/
|
21
22
|
controller: WorldMapContainerController,
|
22
23
|
/**
|
23
24
|
* @member {Object} layout={ntype: 'vbox', align: 'stretch'}
|
25
|
+
* @reactive
|
24
26
|
*/
|
25
27
|
layout: {ntype: 'vbox', align: 'stretch'},
|
26
28
|
/**
|
@@ -25,6 +25,7 @@ class CountryGallery extends Gallery {
|
|
25
25
|
},
|
26
26
|
/**
|
27
27
|
* @member {String|null} country_=null
|
28
|
+
* @reactive
|
28
29
|
*/
|
29
30
|
country_: null,
|
30
31
|
/**
|
@@ -34,6 +35,7 @@ class CountryGallery extends Gallery {
|
|
34
35
|
itemHeight: 280,
|
35
36
|
/**
|
36
37
|
* @member {Object} itemTpl_
|
38
|
+
* @reactive
|
37
39
|
*/
|
38
40
|
itemTpl:
|
39
41
|
{cls: ['neo-gallery-item', 'image-wrap', 'view', 'neo-transition-1000'], tabIndex: '-1', cn: [
|
@@ -86,6 +88,7 @@ class CountryGallery extends Gallery {
|
|
86
88
|
selectOnMount: false,
|
87
89
|
/**
|
88
90
|
* @member {Neo.data.Store} store=CountryStore
|
91
|
+
* @reactive
|
89
92
|
*/
|
90
93
|
store: CountryStore
|
91
94
|
}
|
@@ -25,15 +25,18 @@ class CountryHelix extends Helix {
|
|
25
25
|
},
|
26
26
|
/**
|
27
27
|
* @member {String|null} country_=null
|
28
|
+
* @reactive
|
28
29
|
*/
|
29
30
|
country_: null,
|
30
31
|
/**
|
31
32
|
* The vertical delta between each helix item (increasing this value will create a spiral)
|
32
33
|
* @member {Number} deltaY=1.2
|
34
|
+
* @reactive
|
33
35
|
*/
|
34
36
|
deltaY: 1.2,
|
35
37
|
/**
|
36
38
|
* @member {Object} itemTpl_
|
39
|
+
* @reactive
|
37
40
|
*/
|
38
41
|
itemTpl:
|
39
42
|
{cls: ['surface', 'neo-helix-item'], style: {}, tabIndex: '-1', cn: [
|
@@ -77,11 +80,13 @@ class CountryHelix extends Helix {
|
|
77
80
|
/**
|
78
81
|
* The radius of the Helix in px
|
79
82
|
* @member {Number} radius=2500
|
83
|
+
* @reactive
|
80
84
|
*/
|
81
85
|
radius: 2500,
|
82
86
|
/**
|
83
87
|
* The rotationAngle of the Helix in degrees
|
84
88
|
* @member {Number} rotationAngle=720
|
89
|
+
* @reactive
|
85
90
|
*/
|
86
91
|
rotationAngle: 720,
|
87
92
|
/**
|
@@ -91,16 +96,19 @@ class CountryHelix extends Helix {
|
|
91
96
|
showCloneInfo: false,
|
92
97
|
/**
|
93
98
|
* @member {Neo.data.Store} store=CountryStore
|
99
|
+
* @reactive
|
94
100
|
*/
|
95
101
|
store: CountryStore,
|
96
102
|
/**
|
97
103
|
* The translateX value gets included into each helix item
|
98
104
|
* @member {Number} translateY=500
|
105
|
+
* @reactive
|
99
106
|
*/
|
100
107
|
translateY: 500,
|
101
108
|
/**
|
102
109
|
* The translateX value gets included into each helix item
|
103
110
|
* @member {Number} translateZ_=-2300
|
111
|
+
* @reactive
|
104
112
|
*/
|
105
113
|
translateZ: -2300
|
106
114
|
}
|
@@ -104,10 +104,12 @@ class Table extends Container {
|
|
104
104
|
}],
|
105
105
|
/**
|
106
106
|
* @member {String|null} country_=null
|
107
|
+
* @reactive
|
107
108
|
*/
|
108
109
|
country_: null,
|
109
110
|
/**
|
110
111
|
* @member {Neo.data.Store} store=CountryStore
|
112
|
+
* @reactive
|
111
113
|
*/
|
112
114
|
store: CountryStore
|
113
115
|
}
|
@@ -22,6 +22,7 @@ class Container extends BaseContainer {
|
|
22
22
|
ntype: 'covid-mapboxgl-container',
|
23
23
|
/**
|
24
24
|
* @member {Neo.controller.Component} controller=ContainerController
|
25
|
+
* @reactive
|
25
26
|
*/
|
26
27
|
controller: ContainerController,
|
27
28
|
/**
|
@@ -85,6 +86,7 @@ class Container extends BaseContainer {
|
|
85
86
|
}],
|
86
87
|
/**
|
87
88
|
* @member {Object} layout={ntype: 'fit'}
|
89
|
+
* @reactive
|
88
90
|
*/
|
89
91
|
layout: {ntype: 'fit'},
|
90
92
|
|
@@ -16,6 +16,7 @@ class MainContainer extends Viewport {
|
|
16
16
|
className: 'SharedDialog2.view.MainContainer',
|
17
17
|
/**
|
18
18
|
* @member {Neo.controller.Component} controller=MainContainerController
|
19
|
+
* @reactive
|
19
20
|
*/
|
20
21
|
controller: MainContainerController,
|
21
22
|
/**
|
@@ -48,6 +49,7 @@ class MainContainer extends Viewport {
|
|
48
49
|
}],
|
49
50
|
/**
|
50
51
|
* @member {Object} layout={ntype:'vbox',align:'stretch'}
|
52
|
+
* @reactive
|
51
53
|
*/
|
52
54
|
layout: {ntype: 'vbox', align: 'stretch'},
|
53
55
|
/**
|
@@ -14,6 +14,7 @@ class DemoDialog extends Dialog {
|
|
14
14
|
className: 'SharedDialog.view.DemoDialog',
|
15
15
|
/**
|
16
16
|
* @member {String} title='Drag me across Windows!'
|
17
|
+
* @reactive
|
17
18
|
*/
|
18
19
|
title: 'Drag me across Windows!',
|
19
20
|
/**
|
@@ -26,6 +27,7 @@ class DemoDialog extends Dialog {
|
|
26
27
|
},
|
27
28
|
/**
|
28
29
|
* @member {Object} itemDefaults={labelWidth:70}
|
30
|
+
* @reactive
|
29
31
|
*/
|
30
32
|
itemDefaults: {
|
31
33
|
flex : 'none',
|
@@ -17,6 +17,7 @@ class MainContainer extends Viewport {
|
|
17
17
|
className: 'SharedDialog.view.MainContainer',
|
18
18
|
/**
|
19
19
|
* @member {Neo.controller.Component} controller=MainContainerController
|
20
|
+
* @reactive
|
20
21
|
*/
|
21
22
|
controller: MainContainerController,
|
22
23
|
/**
|
@@ -106,6 +107,7 @@ class MainContainer extends Viewport {
|
|
106
107
|
}],
|
107
108
|
/**
|
108
109
|
* @member {Object} layout={ntype:'vbox',align:'stretch'}
|
110
|
+
* @reactive
|
109
111
|
*/
|
110
112
|
layout: {ntype: 'vbox', align: 'stretch'},
|
111
113
|
/**
|