├── .codacy.yml ├── .gitignore ├── .travis.yml ├── LICENSE ├── README.md ├── eon-cli ├── .gitignore ├── LICENSE ├── README.md ├── package.json └── src │ ├── bin │ ├── build.js │ ├── clear.js │ ├── init.js │ ├── install.js │ ├── prune.js │ └── publish.js │ └── index.js ├── eon-core ├── .gitignore ├── bundl.config.js ├── package.json ├── src │ ├── copy │ │ └── eon │ │ │ ├── modules │ │ │ └── cache-sw.js │ │ │ └── polyfill │ │ │ ├── class-list │ │ │ └── class-list.js │ │ │ ├── css │ │ │ └── scope.js │ │ │ ├── custom-elements │ │ │ └── custom-elements.min.js │ │ │ ├── decompress │ │ │ └── lzjs.min.js │ │ │ ├── locale-string │ │ │ └── locale-string.js │ │ │ ├── object │ │ │ └── assign.js │ │ │ ├── pointer-events │ │ │ └── pep.js │ │ │ ├── promises │ │ │ └── promises.js │ │ │ └── template │ │ │ └── template.js │ ├── meta │ │ └── eon │ │ │ ├── eon-bundle.js.vmt │ │ │ ├── eon-template.vmi │ │ │ ├── eon.js.vmt │ │ │ ├── eon │ │ │ ├── base.js │ │ │ ├── debug.js │ │ │ ├── modules.js.vmi │ │ │ ├── modules │ │ │ │ ├── build.js │ │ │ │ ├── cache │ │ │ │ │ └── cache.js │ │ │ │ ├── callback.js │ │ │ │ ├── components.js.vmi │ │ │ │ ├── components │ │ │ │ │ ├── eon-placeholder.js │ │ │ │ │ └── eon-variable.js │ │ │ │ ├── data │ │ │ │ │ ├── MemoryAdapter.js │ │ │ │ │ ├── endpoint.js │ │ │ │ │ └── store.js │ │ │ │ ├── differ.js │ │ │ │ ├── diffing │ │ │ │ │ └── diffing.js │ │ │ │ ├── dom.js │ │ │ │ ├── element.js.vmi │ │ │ │ ├── element │ │ │ │ │ ├── construct.js │ │ │ │ │ ├── core.js │ │ │ │ │ └── declare.js │ │ │ │ ├── import.js │ │ │ │ ├── interpolation.js │ │ │ │ ├── iterate.js │ │ │ │ ├── object.js │ │ │ │ ├── observer.js │ │ │ │ ├── property.js │ │ │ │ ├── registry.js │ │ │ │ ├── resize.js.vmi │ │ │ │ ├── resize │ │ │ │ │ └── ResizeListener.js │ │ │ │ ├── theme.js │ │ │ │ ├── time.js │ │ │ │ ├── util.js │ │ │ │ └── validator.js │ │ │ ├── polyfills.js │ │ │ ├── require.js.vmi │ │ │ ├── require │ │ │ │ └── require.js │ │ │ ├── style.js │ │ │ ├── vmeta.js │ │ │ ├── vpa.js.vmi │ │ │ └── vpa │ │ │ │ └── vpa.js │ │ │ └── polyfill │ │ │ ├── polyfill-bundle-template.vmi │ │ │ ├── polyfill-bundle.js.vmt │ │ │ └── polyfill-declaration.vmi │ └── tests │ │ ├── eon │ │ ├── custom │ │ │ └── eon-custom-1 │ │ │ │ └── eon-custom-1.html │ │ └── ui │ │ │ ├── eon-component-1 │ │ │ ├── eon-component-1.css │ │ │ ├── eon-component-1.html │ │ │ └── eon-component-3 │ │ │ │ └── eon-component-3.html │ │ │ ├── eon-component-2 │ │ │ ├── eon-component-2.css │ │ │ └── eon-component-2.html │ │ │ └── eon-component-4 │ │ │ └── eon-component-4.html │ │ └── index.html └── tests │ ├── example │ ├── browser-example.js │ └── node-example.js │ ├── functional │ └── browser │ │ ├── core-test.js │ │ └── performance-test.js │ ├── intern-plugin.js │ ├── unit │ └── node │ │ └── greet-test.js │ └── webapp │ ├── eon │ ├── custom │ │ └── eon-custom-1 │ │ │ └── eon-custom-1.html │ ├── eon-bundle.js │ ├── eon-bundle.js.vmt │ ├── eon.js │ ├── eon.js.vmt │ ├── modules │ │ └── cache-sw.js │ ├── polyfill │ │ ├── class-list │ │ │ └── class-list.js │ │ ├── css │ │ │ └── scope.js │ │ ├── custom-elements │ │ │ └── custom-elements.min.js │ │ ├── decompress │ │ │ └── lzjs.min.js │ │ ├── locale-string │ │ │ └── locale-string.js │ │ ├── object │ │ │ └── assign.js │ │ ├── pointer-events │ │ │ └── pep.js │ │ ├── polyfill-bundle.js │ │ ├── polyfill-bundle.js.vmt │ │ ├── promises │ │ │ └── promises.js │ │ └── template │ │ │ └── template.js │ └── ui │ │ ├── eon-component-1 │ │ ├── eon-component-1.css │ │ ├── eon-component-1.html │ │ └── eon-component-3 │ │ │ └── eon-component-3.html │ │ ├── eon-component-2 │ │ ├── eon-component-2.css │ │ └── eon-component-2.html │ │ └── eon-component-4 │ │ └── eon-component-4.html │ └── index.html ├── eon-docs ├── .gitignore ├── copy │ ├── custom │ │ ├── app-code │ │ │ ├── app-code.html │ │ │ ├── prism │ │ │ │ ├── prism.css │ │ │ │ └── prism.js │ │ │ └── vs-dark.css │ │ ├── app-doc-api-tree │ │ │ └── app-doc-api-tree.html │ │ ├── app-doc-api │ │ │ ├── app-doc-api-menu-item │ │ │ │ ├── app-doc-api-menu-item.css │ │ │ │ └── app-doc-api-menu-item.html │ │ │ └── app-doc-api.html │ │ ├── app-doc-article │ │ │ └── app-doc-article.html │ │ ├── app-doc-html │ │ │ └── app-doc-html.html │ │ ├── app-doc-main │ │ │ └── app-doc-main.html │ │ ├── app-doc-table │ │ │ └── app-doc-table.html │ │ ├── app-fading │ │ │ ├── app-fading.css │ │ │ └── app-fading.html │ │ ├── app-loading │ │ │ └── app-loading.html │ │ ├── app-md-viewer │ │ │ └── app-md-viewer.html │ │ ├── app-searchbar │ │ │ └── app-searchbar.html │ │ ├── app-vicon │ │ │ ├── app-vicon.css │ │ │ └── app-vicon.html │ │ ├── doc-playground.1 │ │ │ ├── doc-playground.css │ │ │ ├── doc-playground.html │ │ │ └── doc-showcase │ │ │ │ ├── doc-showcase.css │ │ │ │ └── doc-showcase.html │ │ └── doc-playground │ │ │ ├── doc-playground.css │ │ │ ├── doc-playground.html │ │ │ └── doc-showcase │ │ │ ├── doc-showcase.css │ │ │ └── doc-showcase.html │ ├── eon │ │ ├── eon-bundle.js │ │ ├── eon.js │ │ ├── modules │ │ │ └── cache-sw.js │ │ ├── polyfill │ │ │ ├── class-list │ │ │ │ └── class-list.js │ │ │ ├── css │ │ │ │ └── scope.js │ │ │ ├── custom-elements │ │ │ │ └── custom-elements.min.js │ │ │ ├── locale-string │ │ │ │ └── locale-string.js │ │ │ ├── object │ │ │ │ └── assign.js │ │ │ ├── pointer-events │ │ │ │ └── pep.js │ │ │ ├── polyfill-bundle.js │ │ │ ├── promises │ │ │ │ └── promises.js │ │ │ └── template │ │ │ │ └── template.js │ │ ├── theme │ │ │ ├── claro │ │ │ │ ├── eon-bubble.css │ │ │ │ ├── eon-button.css │ │ │ │ ├── eon-check.css │ │ │ │ ├── eon-combo.css │ │ │ │ ├── eon-contextmenu.css │ │ │ │ ├── eon-date.css │ │ │ │ ├── eon-drawer.css │ │ │ │ ├── eon-grid.css │ │ │ │ ├── eon-gutter.css │ │ │ │ ├── eon-menu.css │ │ │ │ ├── eon-number.css │ │ │ │ ├── eon-panel.css │ │ │ │ ├── eon-progressbar.css │ │ │ │ ├── eon-radio.css │ │ │ │ ├── eon-searchbar.css │ │ │ │ ├── eon-separator.css │ │ │ │ ├── eon-slider.css │ │ │ │ ├── eon-sticky.css │ │ │ │ ├── eon-swiper.css │ │ │ │ ├── eon-tabs.css │ │ │ │ ├── eon-text.css │ │ │ │ ├── eon-toggle.css │ │ │ │ ├── eon-tree-node.css │ │ │ │ ├── eon-tree.css │ │ │ │ ├── eon-video.css │ │ │ │ ├── main.css │ │ │ │ └── variables.css │ │ │ ├── font │ │ │ │ └── vimlet │ │ │ │ │ └── fonts │ │ │ │ │ ├── vimlet-vicons.css │ │ │ │ │ ├── vimlet-vicons.eot │ │ │ │ │ ├── vimlet-vicons.svg │ │ │ │ │ ├── vimlet-vicons.ttf │ │ │ │ │ └── vimlet-vicons.woff │ │ │ └── noire │ │ │ │ ├── eon-bubble.css │ │ │ │ ├── eon-button.css │ │ │ │ ├── eon-check.css │ │ │ │ ├── eon-combo.css │ │ │ │ ├── eon-contextmenu.css │ │ │ │ ├── eon-date.css │ │ │ │ ├── eon-grid.css │ │ │ │ ├── eon-label.css │ │ │ │ ├── eon-menu.css │ │ │ │ ├── eon-number.css │ │ │ │ ├── eon-radio.css │ │ │ │ ├── eon-slider.css │ │ │ │ ├── eon-swiper.css │ │ │ │ ├── eon-tabs.css │ │ │ │ ├── eon-text.css │ │ │ │ ├── eon-toggle.css │ │ │ │ ├── eon-tree-node.css │ │ │ │ ├── eon-tree.css │ │ │ │ ├── eon-video.css │ │ │ │ ├── main.css │ │ │ │ └── variables.css │ │ └── ui │ │ │ ├── eon-bubble │ │ │ ├── eon-bubble.css │ │ │ └── eon-bubble.html │ │ │ ├── eon-button │ │ │ ├── eon-button.css │ │ │ ├── eon-button.html │ │ │ └── eon-button.json │ │ │ ├── eon-check │ │ │ ├── eon-check.css │ │ │ ├── eon-check.html │ │ │ └── eon-check.json │ │ │ ├── eon-combo │ │ │ ├── eon-combo.css │ │ │ ├── eon-combo.html │ │ │ └── eon-combo.json │ │ │ ├── eon-contextmenu │ │ │ ├── eon-contextmenu.css │ │ │ ├── eon-contextmenu.html │ │ │ └── eon-contextmenu.json │ │ │ ├── eon-date │ │ │ ├── eon-date.css │ │ │ ├── eon-date.html │ │ │ └── eon-date.json │ │ │ ├── eon-dialog │ │ │ ├── eon-dialog.css │ │ │ ├── eon-dialog.html │ │ │ └── eon-dialog.json │ │ │ ├── eon-form │ │ │ ├── eon-form.css │ │ │ ├── eon-form.html │ │ │ └── eon-form.json │ │ │ ├── eon-grid │ │ │ ├── eon-grid-cell │ │ │ │ ├── eon-grid-cell.html │ │ │ │ └── eon-grid-cell.json │ │ │ ├── eon-grid-row │ │ │ │ ├── eon-grid-row.html │ │ │ │ └── eon-grid-row.json │ │ │ ├── eon-grid.css │ │ │ ├── eon-grid.html │ │ │ └── eon-grid.json │ │ │ ├── eon-group │ │ │ ├── eon-group.html │ │ │ └── eon-group.json │ │ │ ├── eon-gutter │ │ │ ├── eon-gutter.css │ │ │ ├── eon-gutter.html │ │ │ └── eon-gutter.json │ │ │ ├── eon-item │ │ │ ├── eon-item.html │ │ │ └── eon-item.json │ │ │ ├── eon-label │ │ │ └── eon-label.html │ │ │ ├── eon-loading │ │ │ ├── eon-loading.css │ │ │ ├── eon-loading.html │ │ │ └── eon-loading.json │ │ │ ├── eon-menu │ │ │ ├── eon-menu.css │ │ │ ├── eon-menu.html │ │ │ └── eon-menu.json │ │ │ ├── eon-number │ │ │ ├── eon-number.css │ │ │ ├── eon-number.html │ │ │ └── eon-number.json │ │ │ ├── eon-overlay │ │ │ ├── eon-overlay.html │ │ │ └── eon-overlay.json │ │ │ ├── eon-panel │ │ │ ├── eon-panel.css │ │ │ ├── eon-panel.html │ │ │ └── eon-panel.json │ │ │ ├── eon-progressbar │ │ │ ├── eon-progressbar.css │ │ │ ├── eon-progressbar.html │ │ │ └── eon-progressbar.json │ │ │ ├── eon-radio │ │ │ ├── eon-radio.css │ │ │ ├── eon-radio.html │ │ │ └── eon-radio.json │ │ │ ├── eon-scroll │ │ │ ├── eon-scroll.css │ │ │ ├── eon-scroll.html │ │ │ └── eon-scroll.json │ │ │ ├── eon-searchbar │ │ │ ├── eon-searchbar.css │ │ │ ├── eon-searchbar.html │ │ │ └── eon-searchbar.json │ │ │ ├── eon-section │ │ │ ├── eon-section.html │ │ │ └── eon-section.json │ │ │ ├── eon-separator │ │ │ ├── eon-separator.css │ │ │ ├── eon-separator.html │ │ │ └── eon-separator.json │ │ │ ├── eon-slider │ │ │ ├── eon-slider.css │ │ │ ├── eon-slider.html │ │ │ └── eon-slider.json │ │ │ ├── eon-stack │ │ │ ├── eon-stack.css │ │ │ ├── eon-stack.html │ │ │ └── eon-stack.json │ │ │ ├── eon-sticky │ │ │ ├── eon-sticky.css │ │ │ ├── eon-sticky.html │ │ │ └── eon-sticky.json │ │ │ ├── eon-swiper │ │ │ ├── eon-swiper-slide │ │ │ │ ├── eon-swiper-slide.html │ │ │ │ └── eon-swiper-slide.json │ │ │ ├── eon-swiper.css │ │ │ ├── eon-swiper.html │ │ │ └── eon-swiper.json │ │ │ ├── eon-tabs │ │ │ ├── eon-tabs.css │ │ │ ├── eon-tabs.html │ │ │ └── eon-tabs.json │ │ │ ├── eon-text │ │ │ ├── eon-text.css │ │ │ ├── eon-text.html │ │ │ └── eon-text.json │ │ │ ├── eon-toggle │ │ │ ├── eon-toggle.css │ │ │ ├── eon-toggle.html │ │ │ └── eon-toggle.json │ │ │ ├── eon-tree │ │ │ ├── eon-tree-node │ │ │ │ ├── eon-tree-node.css │ │ │ │ ├── eon-tree-node.html │ │ │ │ └── eon-tree-node.json │ │ │ ├── eon-tree.css │ │ │ ├── eon-tree.html │ │ │ └── eon-tree.json │ │ │ ├── eon-variable │ │ │ ├── eon-variable.html │ │ │ └── eon-variable.json │ │ │ └── eon-video │ │ │ ├── eon-video.css │ │ │ ├── eon-video.html │ │ │ └── eon-video.json │ └── resources │ │ ├── data │ │ └── panel │ │ │ └── lazyContent.html │ │ ├── img │ │ ├── gradient.1.png │ │ ├── gradient.png │ │ ├── gradientMain.png │ │ ├── gradientTree.png │ │ ├── main │ │ │ ├── fullMenu.png │ │ │ ├── main.png │ │ │ └── mainMobile.png │ │ ├── menu │ │ │ ├── SearchBackMobile.png │ │ │ ├── menu.png │ │ │ └── searchBack.png │ │ ├── swiper │ │ │ ├── view-1.jpeg │ │ │ ├── view-2.jpeg │ │ │ ├── view-3.jpeg │ │ │ ├── view-4.jpeg │ │ │ ├── view-5.jpeg │ │ │ └── view-6.jpeg │ │ ├── video │ │ │ └── snow.jpg │ │ └── vimlet.png │ │ └── video │ │ └── snow.mp4 ├── doc.json ├── logo.svg ├── md │ ├── example │ │ └── Example.md.old │ └── tutorial │ │ ├── [1]Tutorial │ │ ├── [1]Welcome.md │ │ ├── [2]Getting Started.md │ │ └── [3]To-Do Tutorial.md │ │ ├── [2]Introduction.md │ │ ├── [3]Data Management.md │ │ └── [4]Components │ │ ├── Containers.md │ │ ├── Media.md │ │ ├── Menus.md │ │ ├── Other.md │ │ └── [1]Forms.md ├── package.json ├── resources │ ├── articles │ │ ├── Appmenu.md │ │ ├── Drawer.md │ │ ├── Form.md │ │ ├── Headerpanel.md │ │ ├── Item.md │ │ ├── Layout.md │ │ ├── Loader.md │ │ ├── Loadingmask.md │ │ ├── Panel.md │ │ ├── Scroll.md │ │ ├── Section.md │ │ ├── Separator.md │ │ ├── Slide.md │ │ ├── Sticky.md │ │ ├── Store.md │ │ ├── Togglemenu.md │ │ ├── Tree.md │ │ └── Treenode.md │ └── playground.md ├── server.js └── template │ ├── .gitignore │ ├── build │ └── eon │ │ ├── api-content-htmlAttributes.vmi │ │ ├── api-content-methods.vmi │ │ ├── api-content-properties.vmi │ │ ├── api-content.vmi │ │ ├── api-menu.vmi │ │ ├── api.html │ │ ├── article.html │ │ ├── framework │ │ ├── custom │ │ │ ├── app-code │ │ │ │ ├── app-code.css │ │ │ │ ├── app-code.html │ │ │ │ ├── prism │ │ │ │ │ ├── prism.css │ │ │ │ │ └── prism.js │ │ │ │ └── vs-dark.css │ │ │ ├── app-combobox │ │ │ │ ├── app-combobox.css │ │ │ │ └── app-combobox.html │ │ │ ├── app-doc-viewer │ │ │ │ ├── app-doc-viewer-templates-api-content │ │ │ │ │ ├── app-doc-viewer-templates-api-content.css │ │ │ │ │ └── app-doc-viewer-templates-api-content.html │ │ │ │ ├── app-doc-viewer-templates-api-menu │ │ │ │ │ ├── app-doc-viewer-templates-api-menu.css │ │ │ │ │ └── app-doc-viewer-templates-api-menu.html │ │ │ │ ├── app-doc-viewer-templates-api │ │ │ │ │ ├── app-doc-viewer-templates-api.css │ │ │ │ │ └── app-doc-viewer-templates-api.html │ │ │ │ ├── app-doc-viewer-templates-article │ │ │ │ │ ├── app-doc-viewer-templates-article.css │ │ │ │ │ └── app-doc-viewer-templates-article.html │ │ │ │ ├── app-doc-viewer-templates │ │ │ │ │ ├── app-doc-viewer-templates-api │ │ │ │ │ │ ├── app-doc-viewer-templates-api-content │ │ │ │ │ │ │ ├── app-doc-viewer-templates-api-content.css │ │ │ │ │ │ │ └── app-doc-viewer-templates-api-content.html │ │ │ │ │ │ ├── app-doc-viewer-templates-api-menu │ │ │ │ │ │ │ ├── app-doc-viewer-templates-api-menu.css │ │ │ │ │ │ │ └── app-doc-viewer-templates-api-menu.html │ │ │ │ │ │ ├── app-doc-viewer-templates-api.css │ │ │ │ │ │ └── app-doc-viewer-templates-api.html │ │ │ │ │ └── app-doc-viewer-templates-article │ │ │ │ │ │ ├── app-doc-viewer-templates-article.css │ │ │ │ │ │ └── app-doc-viewer-templates-article.html │ │ │ │ ├── app-doc-viewer-tree │ │ │ │ │ ├── app-doc-viewer-tree.css │ │ │ │ │ └── app-doc-viewer-tree.html │ │ │ │ ├── app-doc-viewer.css │ │ │ │ └── app-doc-viewer.html │ │ │ ├── app-doc │ │ │ │ ├── app-doc-main-menu-item │ │ │ │ │ ├── app-doc-main-menu-item.css │ │ │ │ │ └── app-doc-main-menu-item.html │ │ │ │ ├── app-doc.css │ │ │ │ └── app-doc.html │ │ │ ├── app-fading │ │ │ │ ├── app-fading.css │ │ │ │ └── app-fading.html │ │ │ ├── app-go-top │ │ │ │ ├── app-go-top.css │ │ │ │ └── app-go-top.html │ │ │ ├── app-loading │ │ │ │ ├── app-loading.css │ │ │ │ └── app-loading.html │ │ │ ├── app-md-viewer │ │ │ │ ├── app-md-viewer.css │ │ │ │ └── app-md-viewer.html │ │ │ ├── app-menu-box │ │ │ │ ├── app-menu-box.css │ │ │ │ └── app-menu-box.html │ │ │ ├── app-menu │ │ │ │ ├── app-menu-item │ │ │ │ │ ├── app-menu-item.css │ │ │ │ │ └── app-menu-item.html │ │ │ │ ├── app-menu.css │ │ │ │ └── app-menu.html │ │ │ ├── app-table │ │ │ │ ├── app-table.css │ │ │ │ └── app-table.html │ │ │ ├── app-vicon │ │ │ │ ├── app-vicon.css │ │ │ │ └── app-vicon.html │ │ │ └── doc-playground │ │ │ │ ├── doc-playground.css │ │ │ │ ├── doc-playground.html │ │ │ │ └── doc-showcase │ │ │ │ ├── doc-showcase.css │ │ │ │ └── doc-showcase.html │ │ └── eon │ │ │ ├── eon-bundle.js │ │ │ ├── eon.js │ │ │ ├── modules │ │ │ └── cache-sw.js │ │ │ ├── polyfill │ │ │ ├── class-list │ │ │ │ └── class-list.js │ │ │ ├── css │ │ │ │ └── scope.js │ │ │ ├── custom-elements │ │ │ │ └── custom-elements.min.js │ │ │ ├── locale-string │ │ │ │ └── locale-string.js │ │ │ ├── object │ │ │ │ └── assign.js │ │ │ ├── pointer-events │ │ │ │ └── pep.js │ │ │ ├── polyfill-bundle.js │ │ │ ├── promises │ │ │ │ └── promises.js │ │ │ └── template │ │ │ │ └── template.js │ │ │ ├── theme │ │ │ ├── claro │ │ │ │ ├── eon-bubble.css │ │ │ │ ├── eon-button.css │ │ │ │ ├── eon-check.css │ │ │ │ ├── eon-combo.css │ │ │ │ ├── eon-contextmenu.css │ │ │ │ ├── eon-date.css │ │ │ │ ├── eon-drawer.css │ │ │ │ ├── eon-grid.css │ │ │ │ ├── eon-gutter.css │ │ │ │ ├── eon-menu.css │ │ │ │ ├── eon-number.css │ │ │ │ ├── eon-panel.css │ │ │ │ ├── eon-progressbar.css │ │ │ │ ├── eon-radio.css │ │ │ │ ├── eon-searchbar.css │ │ │ │ ├── eon-separator.css │ │ │ │ ├── eon-slider.css │ │ │ │ ├── eon-sticky.css │ │ │ │ ├── eon-swiper.css │ │ │ │ ├── eon-tabs.css │ │ │ │ ├── eon-text.css │ │ │ │ ├── eon-toggle.css │ │ │ │ ├── eon-tree-node.css │ │ │ │ ├── eon-tree.css │ │ │ │ ├── eon-video.css │ │ │ │ ├── main.css │ │ │ │ └── variables.css │ │ │ ├── doc │ │ │ │ ├── app-easy-config.css │ │ │ │ ├── eon-appmenu.css │ │ │ │ ├── eon-button.css │ │ │ │ ├── eon-checkbox.css │ │ │ │ ├── eon-combo.css │ │ │ │ ├── eon-contextmenu.css │ │ │ │ ├── eon-date.css │ │ │ │ ├── eon-datebox.css │ │ │ │ ├── eon-datepicker.css │ │ │ │ ├── eon-drawer.css │ │ │ │ ├── eon-grid.css │ │ │ │ ├── eon-gutter.css │ │ │ │ ├── eon-headerpanel.css │ │ │ │ ├── eon-menu.css │ │ │ │ ├── eon-number.css │ │ │ │ ├── eon-progressbar.css │ │ │ │ ├── eon-radio.css │ │ │ │ ├── eon-radiogroup.css │ │ │ │ ├── eon-scroll.css │ │ │ │ ├── eon-searchbar.css │ │ │ │ ├── eon-separator.css │ │ │ │ ├── eon-slider.css │ │ │ │ ├── eon-sticky.css │ │ │ │ ├── eon-swiper.css │ │ │ │ ├── eon-tabs.css │ │ │ │ ├── eon-text.css │ │ │ │ ├── eon-toggle.css │ │ │ │ ├── eon-togglemenu.css │ │ │ │ ├── eon-tree-node.css │ │ │ │ ├── eon-tree.css │ │ │ │ ├── eon-video.css │ │ │ │ ├── global.css │ │ │ │ ├── main.css │ │ │ │ └── variables.css │ │ │ ├── font │ │ │ │ ├── Roboto │ │ │ │ │ ├── LICENSE.txt │ │ │ │ │ ├── Roboto-Black.ttf │ │ │ │ │ ├── Roboto-BlackItalic.ttf │ │ │ │ │ ├── Roboto-Bold.ttf │ │ │ │ │ ├── Roboto-BoldItalic.ttf │ │ │ │ │ ├── Roboto-Italic.ttf │ │ │ │ │ ├── Roboto-Light.ttf │ │ │ │ │ ├── Roboto-LightItalic.ttf │ │ │ │ │ ├── Roboto-Medium.ttf │ │ │ │ │ ├── Roboto-MediumItalic.ttf │ │ │ │ │ ├── Roboto-Regular.ttf │ │ │ │ │ ├── Roboto-Thin.ttf │ │ │ │ │ └── Roboto-ThinItalic.ttf │ │ │ │ └── vimlet │ │ │ │ │ └── fonts │ │ │ │ │ ├── vimlet-vicons.css │ │ │ │ │ ├── vimlet-vicons.eot │ │ │ │ │ ├── vimlet-vicons.svg │ │ │ │ │ ├── vimlet-vicons.ttf │ │ │ │ │ └── vimlet-vicons.woff │ │ │ └── noire │ │ │ │ ├── eon-bubble.css │ │ │ │ ├── eon-button.css │ │ │ │ ├── eon-check.css │ │ │ │ ├── eon-combo.css │ │ │ │ ├── eon-contextmenu.css │ │ │ │ ├── eon-date.css │ │ │ │ ├── eon-grid.css │ │ │ │ ├── eon-menu.css │ │ │ │ ├── eon-number.css │ │ │ │ ├── eon-radio.css │ │ │ │ ├── eon-slider.css │ │ │ │ ├── eon-swiper.css │ │ │ │ ├── eon-tabs.css │ │ │ │ ├── eon-text.css │ │ │ │ ├── eon-toggle.css │ │ │ │ ├── eon-tree-node.css │ │ │ │ ├── eon-tree.css │ │ │ │ ├── eon-video.css │ │ │ │ ├── main.css │ │ │ │ └── variables.css │ │ │ └── ui │ │ │ ├── eon-bubble │ │ │ ├── eon-bubble.css │ │ │ └── eon-bubble.html │ │ │ ├── eon-button │ │ │ ├── eon-button.css │ │ │ ├── eon-button.html │ │ │ └── eon-button.json │ │ │ ├── eon-check │ │ │ ├── eon-check.css │ │ │ ├── eon-check.html │ │ │ └── eon-check.json │ │ │ ├── eon-combo │ │ │ ├── eon-combo.css │ │ │ ├── eon-combo.html │ │ │ └── eon-combo.json │ │ │ ├── eon-contextmenu │ │ │ ├── eon-contextmenu.css │ │ │ ├── eon-contextmenu.html │ │ │ └── eon-contextmenu.json │ │ │ ├── eon-date │ │ │ ├── eon-date.css │ │ │ ├── eon-date.html │ │ │ └── eon-date.json │ │ │ ├── eon-dialog │ │ │ ├── eon-dialog.css │ │ │ ├── eon-dialog.html │ │ │ └── eon-dialog.json │ │ │ ├── eon-editor │ │ │ ├── eon-editor.css │ │ │ ├── eon-editor.html │ │ │ ├── eon-editor.json │ │ │ └── vs │ │ │ │ ├── base │ │ │ │ └── worker │ │ │ │ │ └── workerMain.js │ │ │ │ ├── basic-languages │ │ │ │ └── src │ │ │ │ │ ├── bat.js │ │ │ │ │ ├── coffee.js │ │ │ │ │ ├── cpp.js │ │ │ │ │ ├── csharp.js │ │ │ │ │ ├── css.js │ │ │ │ │ ├── dockerfile.js │ │ │ │ │ ├── fsharp.js │ │ │ │ │ ├── go.js │ │ │ │ │ ├── handlebars.js │ │ │ │ │ ├── html.js │ │ │ │ │ ├── ini.js │ │ │ │ │ ├── java.js │ │ │ │ │ ├── less.js │ │ │ │ │ ├── lua.js │ │ │ │ │ ├── markdown.js │ │ │ │ │ ├── msdax.js │ │ │ │ │ ├── objective-c.js │ │ │ │ │ ├── php.js │ │ │ │ │ ├── postiats.js │ │ │ │ │ ├── powershell.js │ │ │ │ │ ├── pug.js │ │ │ │ │ ├── python.js │ │ │ │ │ ├── r.js │ │ │ │ │ ├── razor.js │ │ │ │ │ ├── ruby.js │ │ │ │ │ ├── sb.js │ │ │ │ │ ├── scss.js │ │ │ │ │ ├── solidity.js │ │ │ │ │ ├── sql.js │ │ │ │ │ ├── swift.js │ │ │ │ │ ├── vb.js │ │ │ │ │ ├── xml.js │ │ │ │ │ └── yaml.js │ │ │ │ ├── editor │ │ │ │ ├── contrib │ │ │ │ │ └── suggest │ │ │ │ │ │ └── browser │ │ │ │ │ │ └── media │ │ │ │ │ │ ├── String_16x.svg │ │ │ │ │ │ └── String_inverse_16x.svg │ │ │ │ ├── editor.main.css │ │ │ │ ├── editor.main.js │ │ │ │ ├── editor.main.nls.de.js │ │ │ │ ├── editor.main.nls.es.js │ │ │ │ ├── editor.main.nls.fr.js │ │ │ │ ├── editor.main.nls.hu.js │ │ │ │ ├── editor.main.nls.it.js │ │ │ │ ├── editor.main.nls.ja.js │ │ │ │ ├── editor.main.nls.js │ │ │ │ ├── editor.main.nls.ko.js │ │ │ │ ├── editor.main.nls.pt-br.js │ │ │ │ ├── editor.main.nls.ru.js │ │ │ │ ├── editor.main.nls.tr.js │ │ │ │ ├── editor.main.nls.zh-cn.js │ │ │ │ ├── editor.main.nls.zh-tw.js │ │ │ │ └── standalone │ │ │ │ │ └── browser │ │ │ │ │ └── quickOpen │ │ │ │ │ └── symbol-sprite.svg │ │ │ │ ├── language │ │ │ │ ├── css │ │ │ │ │ ├── cssMode.js │ │ │ │ │ └── cssWorker.js │ │ │ │ ├── html │ │ │ │ │ ├── htmlMode.js │ │ │ │ │ └── htmlWorker.js │ │ │ │ ├── json │ │ │ │ │ ├── jsonMode.js │ │ │ │ │ └── jsonWorker.js │ │ │ │ ├── shell │ │ │ │ │ └── shell.js │ │ │ │ └── typescript │ │ │ │ │ ├── lib │ │ │ │ │ └── typescriptServices.js │ │ │ │ │ └── src │ │ │ │ │ ├── mode.js │ │ │ │ │ └── worker.js │ │ │ │ └── loader.js │ │ │ ├── eon-form │ │ │ ├── eon-form.css │ │ │ ├── eon-form.html │ │ │ └── eon-form.json │ │ │ ├── eon-grid │ │ │ ├── eon-grid-cell │ │ │ │ ├── eon-grid-cell.html │ │ │ │ └── eon-grid-cell.json │ │ │ ├── eon-grid-row │ │ │ │ ├── eon-grid-row.html │ │ │ │ └── eon-grid-row.json │ │ │ ├── eon-grid.css │ │ │ ├── eon-grid.html │ │ │ └── eon-grid.json │ │ │ ├── eon-group │ │ │ ├── eon-group.html │ │ │ └── eon-group.json │ │ │ ├── eon-gutter │ │ │ ├── eon-gutter.css │ │ │ ├── eon-gutter.html │ │ │ └── eon-gutter.json │ │ │ ├── eon-item │ │ │ ├── eon-item.html │ │ │ └── eon-item.json │ │ │ ├── eon-label │ │ │ └── eon-label.html │ │ │ ├── eon-loading │ │ │ ├── eon-loading.css │ │ │ ├── eon-loading.html │ │ │ └── eon-loading.json │ │ │ ├── eon-menu │ │ │ ├── eon-menu.css │ │ │ ├── eon-menu.html │ │ │ └── eon-menu.json │ │ │ ├── eon-number │ │ │ ├── eon-number.css │ │ │ ├── eon-number.html │ │ │ └── eon-number.json │ │ │ ├── eon-overlay │ │ │ ├── eon-overlay.html │ │ │ └── eon-overlay.json │ │ │ ├── eon-panel │ │ │ ├── eon-panel.css │ │ │ ├── eon-panel.html │ │ │ └── eon-panel.json │ │ │ ├── eon-progressbar │ │ │ ├── eon-progressbar.css │ │ │ ├── eon-progressbar.html │ │ │ └── eon-progressbar.json │ │ │ ├── eon-radio │ │ │ ├── eon-radio.css │ │ │ ├── eon-radio.html │ │ │ └── eon-radio.json │ │ │ ├── eon-scroll │ │ │ ├── eon-scroll.css │ │ │ ├── eon-scroll.html │ │ │ └── eon-scroll.json │ │ │ ├── eon-searchbar │ │ │ ├── eon-searchbar.css │ │ │ ├── eon-searchbar.html │ │ │ └── eon-searchbar.json │ │ │ ├── eon-section │ │ │ ├── eon-section.html │ │ │ └── eon-section.json │ │ │ ├── eon-separator │ │ │ ├── eon-separator.css │ │ │ ├── eon-separator.html │ │ │ └── eon-separator.json │ │ │ ├── eon-slider │ │ │ ├── eon-slider.css │ │ │ ├── eon-slider.html │ │ │ └── eon-slider.json │ │ │ ├── eon-stack │ │ │ ├── eon-stack.css │ │ │ ├── eon-stack.html │ │ │ └── eon-stack.json │ │ │ ├── eon-sticky │ │ │ ├── eon-sticky.css │ │ │ ├── eon-sticky.html │ │ │ └── eon-sticky.json │ │ │ ├── eon-swiper │ │ │ ├── eon-swiper-slide │ │ │ │ ├── eon-swiper-slide.html │ │ │ │ └── eon-swiper-slide.json │ │ │ ├── eon-swiper.css │ │ │ ├── eon-swiper.html │ │ │ └── eon-swiper.json │ │ │ ├── eon-tabs │ │ │ ├── eon-tabs.css │ │ │ ├── eon-tabs.html │ │ │ └── eon-tabs.json │ │ │ ├── eon-text │ │ │ ├── eon-text.css │ │ │ ├── eon-text.html │ │ │ └── eon-text.json │ │ │ ├── eon-toggle │ │ │ ├── eon-toggle.css │ │ │ ├── eon-toggle.html │ │ │ └── eon-toggle.json │ │ │ ├── eon-tree │ │ │ ├── eon-tree-node │ │ │ │ ├── eon-tree-node.css │ │ │ │ ├── eon-tree-node.html │ │ │ │ └── eon-tree-node.json │ │ │ ├── eon-tree.css │ │ │ ├── eon-tree.html │ │ │ └── eon-tree.json │ │ │ └── eon-video │ │ │ ├── eon-video.css │ │ │ ├── eon-video.html │ │ │ └── eon-video.json │ │ ├── index.html │ │ ├── index.html.vmt │ │ └── template.json │ ├── bundl.eon.config.js │ ├── package.json │ └── src │ ├── api-content-htmlAttributes.vmi │ ├── api-content-methods.vmi │ ├── api-content-properties.vmi │ ├── api-content.vmi │ ├── api-menu.vmi │ ├── api.html │ ├── article.html │ ├── framework │ ├── custom │ │ ├── app-code │ │ │ ├── app-code.css │ │ │ ├── app-code.html │ │ │ ├── prism │ │ │ │ ├── prism.css │ │ │ │ └── prism.js │ │ │ └── vs-dark.css │ │ ├── app-combobox │ │ │ ├── app-combobox.css │ │ │ └── app-combobox.html │ │ ├── app-doc-viewer │ │ │ ├── app-doc-viewer-templates-api-content │ │ │ │ ├── app-doc-viewer-templates-api-content.css │ │ │ │ └── app-doc-viewer-templates-api-content.html │ │ │ ├── app-doc-viewer-templates-api-menu │ │ │ │ ├── app-doc-viewer-templates-api-menu.css │ │ │ │ └── app-doc-viewer-templates-api-menu.html │ │ │ ├── app-doc-viewer-templates-api │ │ │ │ ├── app-doc-viewer-templates-api.css │ │ │ │ └── app-doc-viewer-templates-api.html │ │ │ ├── app-doc-viewer-templates-article │ │ │ │ ├── app-doc-viewer-templates-article.css │ │ │ │ └── app-doc-viewer-templates-article.html │ │ │ ├── app-doc-viewer-templates │ │ │ │ ├── app-doc-viewer-templates-api │ │ │ │ │ ├── app-doc-viewer-templates-api-content │ │ │ │ │ │ ├── app-doc-viewer-templates-api-content.css │ │ │ │ │ │ └── app-doc-viewer-templates-api-content.html │ │ │ │ │ ├── app-doc-viewer-templates-api-menu │ │ │ │ │ │ ├── app-doc-viewer-templates-api-menu.css │ │ │ │ │ │ └── app-doc-viewer-templates-api-menu.html │ │ │ │ │ ├── app-doc-viewer-templates-api.css │ │ │ │ │ └── app-doc-viewer-templates-api.html │ │ │ │ └── app-doc-viewer-templates-article │ │ │ │ │ ├── app-doc-viewer-templates-article.css │ │ │ │ │ └── app-doc-viewer-templates-article.html │ │ │ ├── app-doc-viewer-tree │ │ │ │ ├── app-doc-viewer-tree.css │ │ │ │ └── app-doc-viewer-tree.html │ │ │ ├── app-doc-viewer.css │ │ │ └── app-doc-viewer.html │ │ ├── app-doc │ │ │ ├── app-doc-main-menu-item │ │ │ │ ├── app-doc-main-menu-item.css │ │ │ │ └── app-doc-main-menu-item.html │ │ │ ├── app-doc.css │ │ │ └── app-doc.html │ │ ├── app-fading │ │ │ ├── app-fading.css │ │ │ └── app-fading.html │ │ ├── app-go-top │ │ │ ├── app-go-top.css │ │ │ └── app-go-top.html │ │ ├── app-loading │ │ │ ├── app-loading.css │ │ │ └── app-loading.html │ │ ├── app-md-viewer │ │ │ ├── app-md-viewer.css │ │ │ └── app-md-viewer.html │ │ ├── app-menu-box │ │ │ ├── app-menu-box.css │ │ │ └── app-menu-box.html │ │ ├── app-menu │ │ │ ├── app-menu-item │ │ │ │ ├── app-menu-item.css │ │ │ │ └── app-menu-item.html │ │ │ ├── app-menu.css │ │ │ └── app-menu.html │ │ ├── app-table │ │ │ ├── app-table.css │ │ │ └── app-table.html │ │ ├── app-vicon │ │ │ ├── app-vicon.css │ │ │ └── app-vicon.html │ │ └── doc-playground │ │ │ ├── doc-playground.css │ │ │ ├── doc-playground.html │ │ │ └── doc-showcase │ │ │ ├── doc-showcase.css │ │ │ └── doc-showcase.html │ └── eon │ │ ├── eon-bundle.js │ │ ├── eon.js │ │ ├── modules │ │ └── cache-sw.js │ │ ├── polyfill │ │ ├── class-list │ │ │ └── class-list.js │ │ ├── css │ │ │ └── scope.js │ │ ├── custom-elements │ │ │ └── custom-elements.min.js │ │ ├── locale-string │ │ │ └── locale-string.js │ │ ├── object │ │ │ └── assign.js │ │ ├── pointer-events │ │ │ └── pep.js │ │ ├── polyfill-bundle.js │ │ ├── promises │ │ │ └── promises.js │ │ └── template │ │ │ └── template.js │ │ ├── theme │ │ ├── claro │ │ │ ├── eon-bubble.css │ │ │ ├── eon-button.css │ │ │ ├── eon-check.css │ │ │ ├── eon-combo.css │ │ │ ├── eon-contextmenu.css │ │ │ ├── eon-date.css │ │ │ ├── eon-drawer.css │ │ │ ├── eon-grid.css │ │ │ ├── eon-gutter.css │ │ │ ├── eon-menu.css │ │ │ ├── eon-number.css │ │ │ ├── eon-panel.css │ │ │ ├── eon-progressbar.css │ │ │ ├── eon-radio.css │ │ │ ├── eon-searchbar.css │ │ │ ├── eon-separator.css │ │ │ ├── eon-slider.css │ │ │ ├── eon-sticky.css │ │ │ ├── eon-swiper.css │ │ │ ├── eon-tabs.css │ │ │ ├── eon-text.css │ │ │ ├── eon-toggle.css │ │ │ ├── eon-tree-node.css │ │ │ ├── eon-tree.css │ │ │ ├── eon-video.css │ │ │ ├── main.css │ │ │ └── variables.css │ │ ├── font │ │ │ ├── Roboto │ │ │ │ ├── LICENSE.txt │ │ │ │ ├── Roboto-Black.ttf │ │ │ │ ├── Roboto-BlackItalic.ttf │ │ │ │ ├── Roboto-Bold.ttf │ │ │ │ ├── Roboto-BoldItalic.ttf │ │ │ │ ├── Roboto-Italic.ttf │ │ │ │ ├── Roboto-Light.ttf │ │ │ │ ├── Roboto-LightItalic.ttf │ │ │ │ ├── Roboto-Medium.ttf │ │ │ │ ├── Roboto-MediumItalic.ttf │ │ │ │ ├── Roboto-Regular.ttf │ │ │ │ ├── Roboto-Thin.ttf │ │ │ │ └── Roboto-ThinItalic.ttf │ │ │ └── vimlet │ │ │ │ └── fonts │ │ │ │ ├── vimlet-vicons.css │ │ │ │ ├── vimlet-vicons.eot │ │ │ │ ├── vimlet-vicons.svg │ │ │ │ ├── vimlet-vicons.ttf │ │ │ │ └── vimlet-vicons.woff │ │ └── noire │ │ │ ├── eon-bubble.css │ │ │ ├── eon-button.css │ │ │ ├── eon-check.css │ │ │ ├── eon-combo.css │ │ │ ├── eon-contextmenu.css │ │ │ ├── eon-date.css │ │ │ ├── eon-grid.css │ │ │ ├── eon-menu.css │ │ │ ├── eon-number.css │ │ │ ├── eon-radio.css │ │ │ ├── eon-slider.css │ │ │ ├── eon-swiper.css │ │ │ ├── eon-tabs.css │ │ │ ├── eon-text.css │ │ │ ├── eon-toggle.css │ │ │ ├── eon-tree-node.css │ │ │ ├── eon-tree.css │ │ │ ├── eon-video.css │ │ │ ├── main.css │ │ │ └── variables.css │ │ └── ui │ │ ├── eon-bubble │ │ ├── eon-bubble.css │ │ └── eon-bubble.html │ │ ├── eon-button │ │ ├── eon-button.css │ │ ├── eon-button.html │ │ └── eon-button.json │ │ ├── eon-check │ │ ├── eon-check.css │ │ ├── eon-check.html │ │ └── eon-check.json │ │ ├── eon-combo │ │ ├── eon-combo.css │ │ ├── eon-combo.html │ │ └── eon-combo.json │ │ ├── eon-contextmenu │ │ ├── eon-contextmenu.css │ │ ├── eon-contextmenu.html │ │ └── eon-contextmenu.json │ │ ├── eon-date │ │ ├── eon-date.css │ │ ├── eon-date.html │ │ └── eon-date.json │ │ ├── eon-dialog │ │ ├── eon-dialog.css │ │ ├── eon-dialog.html │ │ └── eon-dialog.json │ │ ├── eon-editor │ │ ├── eon-editor.css │ │ ├── eon-editor.html │ │ ├── eon-editor.json │ │ └── vs │ │ │ ├── base │ │ │ └── worker │ │ │ │ └── workerMain.js │ │ │ ├── basic-languages │ │ │ └── src │ │ │ │ ├── bat.js │ │ │ │ ├── coffee.js │ │ │ │ ├── cpp.js │ │ │ │ ├── csharp.js │ │ │ │ ├── css.js │ │ │ │ ├── dockerfile.js │ │ │ │ ├── fsharp.js │ │ │ │ ├── go.js │ │ │ │ ├── handlebars.js │ │ │ │ ├── html.js │ │ │ │ ├── ini.js │ │ │ │ ├── java.js │ │ │ │ ├── less.js │ │ │ │ ├── lua.js │ │ │ │ ├── markdown.js │ │ │ │ ├── msdax.js │ │ │ │ ├── objective-c.js │ │ │ │ ├── php.js │ │ │ │ ├── postiats.js │ │ │ │ ├── powershell.js │ │ │ │ ├── pug.js │ │ │ │ ├── python.js │ │ │ │ ├── r.js │ │ │ │ ├── razor.js │ │ │ │ ├── ruby.js │ │ │ │ ├── sb.js │ │ │ │ ├── scss.js │ │ │ │ ├── solidity.js │ │ │ │ ├── sql.js │ │ │ │ ├── swift.js │ │ │ │ ├── vb.js │ │ │ │ ├── xml.js │ │ │ │ └── yaml.js │ │ │ ├── editor │ │ │ ├── contrib │ │ │ │ └── suggest │ │ │ │ │ └── browser │ │ │ │ │ └── media │ │ │ │ │ ├── String_16x.svg │ │ │ │ │ └── String_inverse_16x.svg │ │ │ ├── editor.main.css │ │ │ ├── editor.main.js │ │ │ ├── editor.main.nls.de.js │ │ │ ├── editor.main.nls.es.js │ │ │ ├── editor.main.nls.fr.js │ │ │ ├── editor.main.nls.hu.js │ │ │ ├── editor.main.nls.it.js │ │ │ ├── editor.main.nls.ja.js │ │ │ ├── editor.main.nls.js │ │ │ ├── editor.main.nls.ko.js │ │ │ ├── editor.main.nls.pt-br.js │ │ │ ├── editor.main.nls.ru.js │ │ │ ├── editor.main.nls.tr.js │ │ │ ├── editor.main.nls.zh-cn.js │ │ │ ├── editor.main.nls.zh-tw.js │ │ │ └── standalone │ │ │ │ └── browser │ │ │ │ └── quickOpen │ │ │ │ └── symbol-sprite.svg │ │ │ ├── language │ │ │ ├── css │ │ │ │ ├── cssMode.js │ │ │ │ └── cssWorker.js │ │ │ ├── html │ │ │ │ ├── htmlMode.js │ │ │ │ └── htmlWorker.js │ │ │ ├── json │ │ │ │ ├── jsonMode.js │ │ │ │ └── jsonWorker.js │ │ │ ├── shell │ │ │ │ └── shell.js │ │ │ └── typescript │ │ │ │ ├── lib │ │ │ │ └── typescriptServices.js │ │ │ │ └── src │ │ │ │ ├── mode.js │ │ │ │ └── worker.js │ │ │ └── loader.js │ │ ├── eon-form │ │ ├── eon-form.css │ │ ├── eon-form.html │ │ └── eon-form.json │ │ ├── eon-grid │ │ ├── eon-grid-cell │ │ │ ├── eon-grid-cell.html │ │ │ └── eon-grid-cell.json │ │ ├── eon-grid-row │ │ │ ├── eon-grid-row.html │ │ │ └── eon-grid-row.json │ │ ├── eon-grid.css │ │ ├── eon-grid.html │ │ └── eon-grid.json │ │ ├── eon-group │ │ ├── eon-group.html │ │ └── eon-group.json │ │ ├── eon-gutter │ │ ├── eon-gutter.css │ │ ├── eon-gutter.html │ │ └── eon-gutter.json │ │ ├── eon-item │ │ ├── eon-item.html │ │ └── eon-item.json │ │ ├── eon-label │ │ └── eon-label.html │ │ ├── eon-loading │ │ ├── eon-loading.css │ │ ├── eon-loading.html │ │ └── eon-loading.json │ │ ├── eon-menu │ │ ├── eon-menu.css │ │ ├── eon-menu.html │ │ └── eon-menu.json │ │ ├── eon-number │ │ ├── eon-number.css │ │ ├── eon-number.html │ │ └── eon-number.json │ │ ├── eon-overlay │ │ ├── eon-overlay.html │ │ └── eon-overlay.json │ │ ├── eon-panel │ │ ├── eon-panel.css │ │ ├── eon-panel.html │ │ └── eon-panel.json │ │ ├── eon-progressbar │ │ ├── eon-progressbar.css │ │ ├── eon-progressbar.html │ │ └── eon-progressbar.json │ │ ├── eon-radio │ │ ├── eon-radio.css │ │ ├── eon-radio.html │ │ └── eon-radio.json │ │ ├── eon-scroll │ │ ├── eon-scroll.css │ │ ├── eon-scroll.html │ │ └── eon-scroll.json │ │ ├── eon-searchbar │ │ ├── eon-searchbar.css │ │ ├── eon-searchbar.html │ │ └── eon-searchbar.json │ │ ├── eon-section │ │ ├── eon-section.html │ │ └── eon-section.json │ │ ├── eon-separator │ │ ├── eon-separator.css │ │ ├── eon-separator.html │ │ └── eon-separator.json │ │ ├── eon-slider │ │ ├── eon-slider.css │ │ ├── eon-slider.html │ │ └── eon-slider.json │ │ ├── eon-stack │ │ ├── eon-stack.css │ │ ├── eon-stack.html │ │ └── eon-stack.json │ │ ├── eon-sticky │ │ ├── eon-sticky.css │ │ ├── eon-sticky.html │ │ └── eon-sticky.json │ │ ├── eon-swiper │ │ ├── eon-swiper-slide │ │ │ ├── eon-swiper-slide.html │ │ │ └── eon-swiper-slide.json │ │ ├── eon-swiper.css │ │ ├── eon-swiper.html │ │ └── eon-swiper.json │ │ ├── eon-tabs │ │ ├── eon-tabs.css │ │ ├── eon-tabs.html │ │ └── eon-tabs.json │ │ ├── eon-text │ │ ├── eon-text.css │ │ ├── eon-text.html │ │ └── eon-text.json │ │ ├── eon-toggle │ │ ├── eon-toggle.css │ │ ├── eon-toggle.html │ │ └── eon-toggle.json │ │ ├── eon-tree │ │ ├── eon-tree-node │ │ │ ├── eon-tree-node.css │ │ │ ├── eon-tree-node.html │ │ │ └── eon-tree-node.json │ │ ├── eon-tree.css │ │ ├── eon-tree.html │ │ └── eon-tree.json │ │ └── eon-video │ │ ├── eon-video.css │ │ ├── eon-video.html │ │ └── eon-video.json │ ├── index.html │ ├── index.html.vmt │ ├── less │ └── eon │ │ └── theme │ │ ├── doc │ │ ├── app-easy-config.less │ │ ├── eon-appmenu.less │ │ ├── eon-button.less │ │ ├── eon-checkbox.less │ │ ├── eon-combo.less │ │ ├── eon-contextmenu.less │ │ ├── eon-date.less │ │ ├── eon-datebox.less │ │ ├── eon-datepicker.less │ │ ├── eon-drawer.less │ │ ├── eon-grid.less │ │ ├── eon-gutter.less │ │ ├── eon-headerpanel.less │ │ ├── eon-menu.less │ │ ├── eon-number.less │ │ ├── eon-progressbar.less │ │ ├── eon-radio.less │ │ ├── eon-radiogroup.less │ │ ├── eon-scroll.less │ │ ├── eon-searchbar.less │ │ ├── eon-separator.less │ │ ├── eon-slider.less │ │ ├── eon-sticky.less │ │ ├── eon-swiper.less │ │ ├── eon-tabs.less │ │ ├── eon-text.less │ │ ├── eon-toggle.less │ │ ├── eon-togglemenu.less │ │ ├── eon-tree-node.less │ │ ├── eon-tree.less │ │ ├── eon-video.less │ │ ├── global.less │ │ ├── main.less │ │ └── variables.less │ │ └── font │ │ ├── Roboto │ │ ├── LICENSE.txt │ │ ├── Roboto-Black.ttf │ │ ├── Roboto-BlackItalic.ttf │ │ ├── Roboto-Bold.ttf │ │ ├── Roboto-BoldItalic.ttf │ │ ├── Roboto-Italic.ttf │ │ ├── Roboto-Light.ttf │ │ ├── Roboto-LightItalic.ttf │ │ ├── Roboto-Medium.ttf │ │ ├── Roboto-MediumItalic.ttf │ │ ├── Roboto-Regular.ttf │ │ ├── Roboto-Thin.ttf │ │ └── Roboto-ThinItalic.ttf │ │ └── vimlet │ │ └── fonts │ │ └── vimlet-vicons.less │ └── template.json ├── eon-ui ├── .gitignore ├── package.json └── src │ ├── copy │ └── eon │ │ ├── theme │ │ └── font │ │ │ └── vimlet │ │ │ └── fonts │ │ │ ├── vimlet-vicons.eot │ │ │ ├── vimlet-vicons.svg │ │ │ ├── vimlet-vicons.ttf │ │ │ └── vimlet-vicons.woff │ │ └── ui │ │ ├── eon-bubble │ │ └── eon-bubble.html │ │ ├── eon-button │ │ ├── eon-button.html │ │ └── eon-button.json │ │ ├── eon-check │ │ ├── eon-check.html │ │ └── eon-check.json │ │ ├── eon-combo │ │ ├── eon-combo.html │ │ └── eon-combo.json │ │ ├── eon-contextmenu │ │ ├── eon-contextmenu.html │ │ └── eon-contextmenu.json │ │ ├── eon-date │ │ ├── eon-date.html │ │ └── eon-date.json │ │ ├── eon-dialog │ │ ├── eon-dialog.html │ │ └── eon-dialog.json │ │ ├── eon-form │ │ ├── eon-form.html │ │ └── eon-form.json │ │ ├── eon-grid │ │ ├── eon-grid-cell │ │ │ ├── eon-grid-cell.html │ │ │ └── eon-grid-cell.json │ │ ├── eon-grid-row │ │ │ ├── eon-grid-row.html │ │ │ └── eon-grid-row.json │ │ ├── eon-grid.html │ │ └── eon-grid.json │ │ ├── eon-group │ │ ├── eon-group.html │ │ └── eon-group.json │ │ ├── eon-gutter │ │ ├── eon-gutter.html │ │ └── eon-gutter.json │ │ ├── eon-item │ │ ├── eon-item.html │ │ └── eon-item.json │ │ ├── eon-label │ │ └── eon-label.html │ │ ├── eon-loading │ │ ├── eon-loading.html │ │ └── eon-loading.json │ │ ├── eon-menu │ │ ├── eon-menu.html │ │ └── eon-menu.json │ │ ├── eon-number │ │ ├── eon-number.html │ │ └── eon-number.json │ │ ├── eon-overlay │ │ ├── eon-overlay.html │ │ └── eon-overlay.json │ │ ├── eon-panel │ │ ├── eon-panel.html │ │ └── eon-panel.json │ │ ├── eon-progressbar │ │ ├── eon-progressbar.html │ │ └── eon-progressbar.json │ │ ├── eon-radio │ │ ├── eon-radio.html │ │ └── eon-radio.json │ │ ├── eon-scroll │ │ ├── eon-scroll.html │ │ └── eon-scroll.json │ │ ├── eon-searchbar │ │ ├── eon-searchbar.html │ │ └── eon-searchbar.json │ │ ├── eon-section │ │ ├── eon-section.html │ │ └── eon-section.json │ │ ├── eon-separator │ │ ├── eon-separator.html │ │ └── eon-separator.json │ │ ├── eon-slider │ │ ├── eon-slider.html │ │ └── eon-slider.json │ │ ├── eon-stack │ │ ├── eon-stack.html │ │ └── eon-stack.json │ │ ├── eon-sticky │ │ ├── eon-sticky.html │ │ └── eon-sticky.json │ │ ├── eon-swiper │ │ ├── eon-swiper-slide │ │ │ ├── eon-swiper-slide.html │ │ │ └── eon-swiper-slide.json │ │ ├── eon-swiper.html │ │ └── eon-swiper.json │ │ ├── eon-tabs │ │ ├── eon-tabs.html │ │ └── eon-tabs.json │ │ ├── eon-text │ │ ├── eon-text.html │ │ └── eon-text.json │ │ ├── eon-toggle │ │ ├── eon-toggle.html │ │ └── eon-toggle.json │ │ ├── eon-tree │ │ ├── eon-tree-node │ │ │ ├── eon-tree-node.html │ │ │ └── eon-tree-node.json │ │ ├── eon-tree.html │ │ └── eon-tree.json │ │ └── eon-video │ │ ├── eon-video.html │ │ └── eon-video.json │ └── less │ └── eon │ ├── theme │ ├── claro │ │ ├── eon-appmenu.less │ │ ├── eon-bubble.less │ │ ├── eon-button.less │ │ ├── eon-check.less │ │ ├── eon-combo.less │ │ ├── eon-contextmenu.less │ │ ├── eon-date.less │ │ ├── eon-drawer.less │ │ ├── eon-grid.less │ │ ├── eon-gutter.less │ │ ├── eon-menu.less │ │ ├── eon-number.less │ │ ├── eon-panel.less │ │ ├── eon-progressbar.less │ │ ├── eon-radio.less │ │ ├── eon-radiogroup.less │ │ ├── eon-searchbar.less │ │ ├── eon-separator.less │ │ ├── eon-slider.less │ │ ├── eon-sticky.less │ │ ├── eon-swiper.less │ │ ├── eon-tabs.less │ │ ├── eon-text.less │ │ ├── eon-toggle.less │ │ ├── eon-togglemenu.less │ │ ├── eon-tree-node.less │ │ ├── eon-tree.less │ │ ├── eon-video.less │ │ ├── main.less │ │ └── variables.less │ ├── font │ │ └── vimlet │ │ │ └── fonts │ │ │ └── vimlet-vicons.less │ └── noire │ │ ├── eon-bubble.less │ │ ├── eon-button.less │ │ ├── eon-check.less │ │ ├── eon-combo.less │ │ ├── eon-contextmenu.less │ │ ├── eon-date.less │ │ ├── eon-grid.less │ │ ├── eon-menu.less │ │ ├── eon-number.less │ │ ├── eon-radio.less │ │ ├── eon-slider.less │ │ ├── eon-swiper.less │ │ ├── eon-tabs.less │ │ ├── eon-text.less │ │ ├── eon-toggle.less │ │ ├── eon-tree-node.less │ │ ├── eon-tree.less │ │ ├── eon-video.less │ │ ├── main.less │ │ └── variables.less │ └── ui │ ├── eon-bubble │ └── eon-bubble.less │ ├── eon-button │ └── eon-button.less │ ├── eon-check │ └── eon-check.less │ ├── eon-combo │ └── eon-combo.less │ ├── eon-contextmenu │ └── eon-contextmenu.less │ ├── eon-date │ └── eon-date.less │ ├── eon-dialog │ └── eon-dialog.less │ ├── eon-form │ └── eon-form.less │ ├── eon-grid │ └── eon-grid.less │ ├── eon-gutter │ └── eon-gutter.less │ ├── eon-label │ └── eon-label.less │ ├── eon-loading │ └── eon-loading.less │ ├── eon-menu │ └── eon-menu.less │ ├── eon-number │ └── eon-number.less │ ├── eon-panel │ └── eon-panel.less │ ├── eon-progressbar │ └── eon-progressbar.less │ ├── eon-radio │ └── eon-radio.less │ ├── eon-scroll │ └── eon-scroll.less │ ├── eon-searchbar │ └── eon-searchbar.less │ ├── eon-separator │ └── eon-separator.less │ ├── eon-slider │ └── eon-slider.less │ ├── eon-stack │ └── eon-stack.less │ ├── eon-sticky │ └── eon-sticky.less │ ├── eon-swiper │ └── eon-swiper.less │ ├── eon-tabs │ └── eon-tabs.less │ ├── eon-text │ └── eon-text.less │ ├── eon-toggle │ └── eon-toggle.less │ ├── eon-tree │ ├── eon-tree-node │ │ └── eon-tree-node.less │ └── eon-tree.less │ └── eon-video │ └── eon-video.less ├── intern.json └── package.json /.codacy.yml: -------------------------------------------------------------------------------- 1 | --- 2 | exclude_paths: 3 | - "**README.md" 4 | - "eon-docs/**" 5 | - "eon-example/**" 6 | - "eon-core/build/**" 7 | - "eon-core/src/copy/eon/polyfill/**" 8 | - "eon-core/src/meta/eon/eon/require/require.js" 9 | - "eon-core/tests/**" 10 | - "eon-ui/build/**" 11 | - "eon-ui/tests/**" -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /npm-debug.log 3 | /package-lock.json 4 | /.vscode 5 | /release 6 | /build 7 | /eon-example 8 | /testingbot-tunnel.pid -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2018 Vimlet 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy 4 | of this software and associated documentation files (the "Software"), to deal 5 | in the Software without restriction, including without limitation the rights 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 7 | copies of the Software, and to permit persons to whom the Software is 8 | furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in all 11 | copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 14 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 15 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 16 | IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, 17 | DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR 18 | OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE 19 | OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /eon-cli/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /npm-debug.log 3 | /package-lock.json -------------------------------------------------------------------------------- /eon-cli/LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2018 Vimlet 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy 4 | of this software and associated documentation files (the "Software"), to deal 5 | in the Software without restriction, including without limitation the rights 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 7 | copies of the Software, and to permit persons to whom the Software is 8 | furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in all 11 | copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 14 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 15 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 16 | IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, 17 | DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR 18 | OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE 19 | OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /eon-cli/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@vimlet/eon-cli", 3 | "version": "0.9.8", 4 | "description": "", 5 | "main": "src/index.js", 6 | "bin": { 7 | "eon-cli": "src/index.js" 8 | }, 9 | "dependencies": { 10 | "@vimlet/cli": "1.2.7", 11 | "@vimlet/commons": "2.7.24", 12 | "@vimlet/commons-glob": "1.2.5", 13 | "array-flat-polyfill": "1.0.1", 14 | "btoa": "1.2.1", 15 | "fs-extra": "7.0.1", 16 | "html-minifier": "4.0.0", 17 | "jsdom": "15.1.1", 18 | "lzjs": "1.3.0", 19 | "readline-sync": "1.4.9", 20 | "rimraf": "2.6.3", 21 | "terser": "4.6.11", 22 | "xmlhttprequest": "1.8.0" 23 | }, 24 | "scripts": { 25 | "test": "echo \"Error: no test specified\" && exit 1" 26 | }, 27 | "author": "", 28 | "license": "MIT" 29 | } 30 | -------------------------------------------------------------------------------- /eon-cli/src/bin/clear.js: -------------------------------------------------------------------------------- 1 | var commons = require("@vimlet/commons"); 2 | var fs = require("fs-extra"); 3 | var url = require("url"); 4 | var btoa = require("btoa"); 5 | 6 | var path = require("path"); 7 | var os = require("os"); 8 | var rimraf = require("rimraf"); 9 | 10 | module.exports = function (result) { 11 | 12 | var clearArguments = { 13 | cache: true 14 | }; 15 | 16 | if (clearArguments[result.clear]) { 17 | // Remove .eon 18 | if (result.clear.toLowerCase() === "cache") { 19 | var deletePath = path.join(os.homedir(), ".eon"); 20 | 21 | rimraf.sync(deletePath); 22 | } 23 | } else { 24 | console.log("\nInvalid \"clear\" argument [" + Object.keys(clearArguments).toString() + "]\n"); 25 | } 26 | 27 | }; -------------------------------------------------------------------------------- /eon-cli/src/bin/publish.js: -------------------------------------------------------------------------------- 1 | var os = require("os"); 2 | var path = require("path"); 3 | var fs = require("fs-extra"); 4 | var url = require("url"); 5 | var rimraf = require("rimraf"); 6 | 7 | var packagePath; 8 | 9 | // TODO: 10 | module.exports = function (result) { 11 | 12 | packagePath = result.path ? result.path : path.join("eon", "custom", result.publish); 13 | 14 | checkPakcage(); 15 | }; 16 | 17 | // Verify that the package exist and contains custom.version with a file version 18 | function checkPakcage() { 19 | var customJsonPath; 20 | if (fs.existsSync(packagePath)) { 21 | customJsonPath = path.join(packagePath, "custom.json"); 22 | 23 | if (customJsonPath) { 24 | var customJsonObject = JSON.parse(fs.readFileSync(customJsonPath).toString()); 25 | var customVersion = customJsonObject.version; 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /eon-core/.gitignore: -------------------------------------------------------------------------------- 1 | /.vscode 2 | /node_modules 3 | /npm-debug.log 4 | /package-lock.json 5 | /release 6 | /build -------------------------------------------------------------------------------- /eon-core/bundl.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | clean: true, 3 | output: { 4 | "build/**": { 5 | order: 0, 6 | use: async function (entry) { 7 | entry.path = entry.path.replace(".vmt", ""); 8 | return entry; 9 | }, 10 | input: [{ 11 | "src/meta/**.vmt": { 12 | parse: true 13 | } 14 | }, 15 | "src/copy/**" 16 | ] 17 | }, 18 | "tests/webapp/**": { 19 | order: 1, 20 | input: [ 21 | "build/**", 22 | "src/tests/**" 23 | ] 24 | } 25 | } 26 | }; -------------------------------------------------------------------------------- /eon-core/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "eon-core", 3 | "version": "0.9.11", 4 | "private": true, 5 | "license": "MIT", 6 | "devDependencies": { 7 | "@vimlet/bundl": "1.1.5", 8 | "@vimlet/commons-compress": "0.1.6", 9 | "express": "4.16.4" 10 | }, 11 | "scripts": { 12 | "build": "npx bundl", 13 | "build:watch": "npx bundl --watch src", 14 | "release": "vimlet-compress -i 'build/eon/**/*' -o 'release/eon-core.zip'" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /eon-core/src/copy/eon/polyfill/class-list/class-list.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | 3 | DOMTokenList.prototype.add = function () { 4 | 5 | if(arguments.length > 1) { 6 | 7 | for (var i = 0; i < arguments.length; i++) { 8 | proxied.apply(this, [arguments[i]]); 9 | } 10 | 11 | } else { 12 | return proxied.apply(this, arguments); 13 | } 14 | 15 | }; 16 | })(DOMTokenList.prototype.add); 17 | 18 | (function (proxied) { 19 | 20 | DOMTokenList.prototype.remove = function () { 21 | 22 | if (arguments.length > 1) { 23 | 24 | for (var i = 0; i < arguments.length; i++) { 25 | proxied.apply(this, [arguments[i]]); 26 | } 27 | 28 | } else { 29 | return proxied.apply(this, arguments); 30 | } 31 | 32 | }; 33 | })(DOMTokenList.prototype.remove); -------------------------------------------------------------------------------- /eon-core/src/copy/eon/polyfill/css/scope.js: -------------------------------------------------------------------------------- 1 | (function(doc, proto) { 2 | try { 3 | // check if browser supports :scope natively 4 | doc.querySelector(":scope body"); 5 | } catch (err) { 6 | // polyfill native methods if it doesn't 7 | ["querySelector", "querySelectorAll"].forEach(function(method) { 8 | var nativ = proto[method]; 9 | proto[method] = function(selectors) { 10 | if (/(^|,)\s*:scope/.test(selectors)) { 11 | // only if selectors contains :scope 12 | var id = this.id; // remember current element id 13 | this.id = "ID_" + Date.now(); // assign new unique id 14 | selectors = selectors.replace(/((^|,)\s*):scope/g, "$1#" + this.id); // replace :scope with #ID 15 | var result = doc[method](selectors); 16 | this.id = id; // restore previous id 17 | return result; 18 | } else { 19 | return nativ.call(this, selectors); // use native code for other selectors 20 | } 21 | }; 22 | }); 23 | } 24 | })(window.document, Element.prototype); 25 | -------------------------------------------------------------------------------- /eon-core/src/copy/eon/polyfill/locale-string/locale-string.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | Date.prototype.toLocaleString = function (locale, options) { 3 | 4 | if (options.month && (options.month == "long" || options.month == "short") && Object.keys(options).length == 1) { 5 | return eon.time.defaultLocale.months[options.month][this.getMonth()]; 6 | } else if (options.weekday && (options.weekday == "long" || options.weekday == "short" || options.weekday == "min") && Object.keys(options).length == 1) { 7 | return eon.time.defaultLocale.weekdays[options.weekday][this.getDay()]; 8 | } 9 | 10 | return proxied.apply(this, arguments); 11 | }; 12 | })(Date.prototype.toLocaleString); -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon-bundle.js.vmt: -------------------------------------------------------------------------------- 1 | <% template("polyfill/polyfill-declaration.vmi"); %> 2 | <% template("polyfill/polyfill-bundle-template.vmi"); %> 3 | <% template("eon-template.vmi"); %> -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon-template.vmi: -------------------------------------------------------------------------------- 1 | 2 | (function () { 3 | var eon = this; 4 | 5 | // NOTE: template import order matters! 6 | <% template("eon/debug.js"); %> 7 | <% template("eon/base.js"); %> 8 | <% template("eon/style.js"); %> 9 | <% template("eon/polyfills.js"); %> 10 | <% template("eon/require.js.vmi"); %> 11 | <% template("eon/vmeta.js"); %> 12 | <% template("eon/modules.js.vmi"); %> 13 | <% template("eon/vpa.js.vmi"); %> 14 | 15 | }.apply(eon)); 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon.js.vmt: -------------------------------------------------------------------------------- 1 | <% template("polyfill/polyfill-declaration.vmi"); %> 2 | <% template("eon-template.vmi"); %> 3 | -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon/modules/components.js.vmi: -------------------------------------------------------------------------------- 1 | <% template("components/eon-variable.js"); %> 2 | <% template("components/eon-placeholder.js"); %> -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon/modules/components/eon-placeholder.js: -------------------------------------------------------------------------------- 1 | 2 | eon.domReady(function () { 3 | 4 | eon.imports.total++; 5 | eon.imports.count++; 6 | 7 | eon.element({ 8 | 9 | name: "eon-placeholder", 10 | embedded: true, 11 | 12 | properties: { 13 | /* 14 | @property {String} value 15 | @description Node name of the owner component 16 | */ 17 | type: { 18 | value: "", 19 | reflect: true 20 | }, 21 | /* 22 | @property {String} ownerId 23 | @description Owner's unique identifier 24 | */ 25 | ownerId: { 26 | value: "", 27 | reflect: true 28 | }, 29 | /* 30 | @property {Object} owner 31 | @description Reference to the owner 32 | */ 33 | owner: { 34 | value: {}, 35 | reflect: false 36 | }, 37 | } 38 | 39 | }); 40 | 41 | // Declare element 42 | eon.declare("eon-placeholder"); 43 | 44 | }); 45 | -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon/modules/components/eon-variable.js: -------------------------------------------------------------------------------- 1 | 2 | eon.domReady(function () { 3 | 4 | eon.imports.total++; 5 | eon.imports.count++; 6 | 7 | eon.element({ 8 | 9 | name: "eon-variable", 10 | embedded: true, 11 | display: "inline-block", 12 | 13 | properties: { 14 | bind: { 15 | value: "", 16 | reflect: true 17 | }, 18 | global: { 19 | value: "", 20 | reflect: true 21 | } 22 | }, 23 | 24 | privateFunctions: {}, 25 | 26 | onTransformed: function () { 27 | 28 | if (!this.__bound) { 29 | eon.interpolation.bindWildVariable(this); 30 | } 31 | 32 | } 33 | 34 | }); 35 | 36 | // Declare element 37 | eon.declare("eon-variable"); 38 | 39 | }); -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon/modules/element.js.vmi: -------------------------------------------------------------------------------- 1 | <% template("element/construct.js"); %> 2 | <% template("element/core.js"); %> 3 | <% template("element/declare.js"); %> -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon/modules/object.js: -------------------------------------------------------------------------------- 1 | // ** First line not read by meta 2 | eon.object = eon.object || {}; 3 | 4 | eon.object.assignToPath = function(obj, path, value) { 5 | var pathArray = path.split("."); 6 | var target = obj; 7 | 8 | for (var i = 0; i < (pathArray.length - 1); i++) { 9 | if(!target[pathArray[i]]) { 10 | target[pathArray[i]] = {}; 11 | } 12 | 13 | target = target[pathArray[i]]; 14 | } 15 | 16 | target[pathArray[pathArray.length - 1]] = value; 17 | }; 18 | 19 | eon.object.readFromPath = function(obj, path) { 20 | var pathArray = path.split("."); 21 | var target = obj; 22 | 23 | for (var i = 0; i < pathArray.length; i++) { 24 | if (target) { 25 | target = target[pathArray[i]]; 26 | } 27 | } 28 | 29 | return target; 30 | }; 31 | -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon/require.js.vmi: -------------------------------------------------------------------------------- 1 | // ############################################################################################ 2 | // IMPORT JS - AMD (RequireJS) 3 | // ############################################################################################ 4 | 5 | // Creates a namespace for requirejs 6 | eon.amd = eon.amd || {}; 7 | 8 | (function () { 9 | 10 | // Import requirejs file 11 | // ------------------------------------------------------------------------------------ 12 | <% template("require/require.js") %> 13 | // ------------------------------------------------------------------------------------ 14 | 15 | this.require = require; 16 | this.define = define; 17 | 18 | }).apply(eon.amd); 19 | -------------------------------------------------------------------------------- /eon-core/src/meta/eon/eon/vpa.js.vmi: -------------------------------------------------------------------------------- 1 | // ############################################################################################ 2 | // VPA JS 3 | // ############################################################################################ 4 | 5 | // Creates a namespace for vpa.js 6 | eon.vpa = eon.vpa || {}; 7 | 8 | (function () { 9 | 10 | var define = eon.amd.define; 11 | var require = eon.amd.require; 12 | 13 | var vpa = {}; 14 | vpa.useAmd = true; 15 | vpa.declareLocal = true; 16 | 17 | // Import vpa.js file 18 | // ------------------------------------------------------------------------------------ 19 | <% template("vpa/vpa.js") %> 20 | // ------------------------------------------------------------------------------------ 21 | 22 | eon.vpa = vpa; 23 | 24 | }).apply({}); 25 | -------------------------------------------------------------------------------- /eon-core/src/meta/eon/polyfill/polyfill-bundle.js.vmt: -------------------------------------------------------------------------------- 1 | <% template("polyfill-declaration.vmi"); %> 2 | <% template("polyfill-bundle-template.vmi"); %> -------------------------------------------------------------------------------- /eon-core/src/meta/eon/polyfill/polyfill-declaration.vmi: -------------------------------------------------------------------------------- 1 | var eon = eon || {}; 2 | 3 | eon.debug = eon.debug || {}; 4 | eon.debug.polyfill = eon.debug.polyfill || false; 5 | 6 | eon.polyfills = eon.polyfills || {}; -------------------------------------------------------------------------------- /eon-core/src/tests/eon/custom/eon-custom-1/eon-custom-1.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /eon-core/src/tests/eon/ui/eon-component-1/eon-component-1.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-core/src/tests/eon/ui/eon-component-1/eon-component-1.css -------------------------------------------------------------------------------- /eon-core/src/tests/eon/ui/eon-component-1/eon-component-3/eon-component-3.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /eon-core/src/tests/eon/ui/eon-component-2/eon-component-2.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-core/src/tests/eon/ui/eon-component-2/eon-component-2.css -------------------------------------------------------------------------------- /eon-core/src/tests/eon/ui/eon-component-2/eon-component-2.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-core/src/tests/eon/ui/eon-component-4/eon-component-4.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-core/tests/example/browser-example.js: -------------------------------------------------------------------------------- 1 | var greet = function(name) { 2 | if(!name) { 3 | name = "world"; 4 | } 5 | return "Hello, "+ name +"!"; 6 | }; -------------------------------------------------------------------------------- /eon-core/tests/example/node-example.js: -------------------------------------------------------------------------------- 1 | exports.greet = function(name) { 2 | if(!name) { 3 | name = "world"; 4 | } 5 | return "Hello, "+ name +"!"; 6 | }; -------------------------------------------------------------------------------- /eon-core/tests/functional/browser/performance-test.js: -------------------------------------------------------------------------------- 1 | const { suite, test } = intern.getInterface("tdd"); 2 | const { assert } = intern.getPlugin("chai"); 3 | 4 | suite("eon-core", () => { 5 | test("Performance", ({ remote }) => { 6 | return remote.get(intern.config.remoteUrl + "/index.html").sleep(1000).executeAsync(function (callback) { 7 | performanceTest(callback); 8 | }).then(function (value) { 9 | assert.strictEqual(value, true); 10 | }); 11 | 12 | }); 13 | }); -------------------------------------------------------------------------------- /eon-core/tests/unit/node/greet-test.js: -------------------------------------------------------------------------------- 1 | const { suite, test } = intern.getInterface("tdd"); 2 | const { assert } = intern.getPlugin("chai"); 3 | 4 | var example = require("../../example/node-example"); 5 | 6 | suite("examples", () => { 7 | test("greet", () => { 8 | assert.strictEqual(example.greet("Murray"), "Hello, Murray!", 9 | "greet should return a greeting for the person named in the first argument"); 10 | assert.strictEqual(example.greet(), "Hello, world!", 11 | "greet with no arguments should return a greeting to \"world\""); 12 | }); 13 | }); -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/custom/eon-custom-1/eon-custom-1.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/polyfill/class-list/class-list.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | 3 | DOMTokenList.prototype.add = function () { 4 | 5 | if(arguments.length > 1) { 6 | 7 | for (var i = 0; i < arguments.length; i++) { 8 | proxied.apply(this, [arguments[i]]); 9 | } 10 | 11 | } else { 12 | return proxied.apply(this, arguments); 13 | } 14 | 15 | }; 16 | })(DOMTokenList.prototype.add); 17 | 18 | (function (proxied) { 19 | 20 | DOMTokenList.prototype.remove = function () { 21 | 22 | if (arguments.length > 1) { 23 | 24 | for (var i = 0; i < arguments.length; i++) { 25 | proxied.apply(this, [arguments[i]]); 26 | } 27 | 28 | } else { 29 | return proxied.apply(this, arguments); 30 | } 31 | 32 | }; 33 | })(DOMTokenList.prototype.remove); -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/polyfill/css/scope.js: -------------------------------------------------------------------------------- 1 | (function(doc, proto) { 2 | try { 3 | // check if browser supports :scope natively 4 | doc.querySelector(":scope body"); 5 | } catch (err) { 6 | // polyfill native methods if it doesn't 7 | ["querySelector", "querySelectorAll"].forEach(function(method) { 8 | var nativ = proto[method]; 9 | proto[method] = function(selectors) { 10 | if (/(^|,)\s*:scope/.test(selectors)) { 11 | // only if selectors contains :scope 12 | var id = this.id; // remember current element id 13 | this.id = "ID_" + Date.now(); // assign new unique id 14 | selectors = selectors.replace(/((^|,)\s*):scope/g, "$1#" + this.id); // replace :scope with #ID 15 | var result = doc[method](selectors); 16 | this.id = id; // restore previous id 17 | return result; 18 | } else { 19 | return nativ.call(this, selectors); // use native code for other selectors 20 | } 21 | }; 22 | }); 23 | } 24 | })(window.document, Element.prototype); 25 | -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/polyfill/locale-string/locale-string.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | Date.prototype.toLocaleString = function (locale, options) { 3 | 4 | if (options.month && Object.keys(options).length == 1) { 5 | return eon.time.defaultLocale.months[options.month][this.getMonth()]; 6 | } else if (options.weekday && Object.keys(options).length == 1) { 7 | return eon.time.defaultLocale.weekdays[options.weekday][this.getDay()]; 8 | } 9 | 10 | return proxied.apply(this, arguments); 11 | }; 12 | })(Date.prototype.toLocaleString); -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/ui/eon-component-1/eon-component-1.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-core/tests/webapp/eon/ui/eon-component-1/eon-component-1.css -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/ui/eon-component-1/eon-component-3/eon-component-3.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/ui/eon-component-2/eon-component-2.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-core/tests/webapp/eon/ui/eon-component-2/eon-component-2.css -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/ui/eon-component-2/eon-component-2.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-core/tests/webapp/eon/ui/eon-component-4/eon-component-4.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-docs/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /npm-debug.log 3 | /package-lock.json 4 | /release -------------------------------------------------------------------------------- /eon-docs/copy/custom/app-fading/app-fading.css: -------------------------------------------------------------------------------- 1 | app-fading { 2 | position:absolute; 3 | height: 100%; 4 | width: 100%; 5 | z-index:9999; 6 | transition: all; 7 | /* transition: all 0.5s; */ 8 | opacity: 1; 9 | pointer-events: none; 10 | } 11 | .app-fading-hidden { 12 | /* display: none; */ 13 | /* transition-duration: 0s; */ 14 | opacity: 0; 15 | } 16 | .app-fading-shown { 17 | /* display: none; */ 18 | /* transition-duration: 0.5s; */ 19 | opacity: 1; 20 | } -------------------------------------------------------------------------------- /eon-docs/copy/custom/doc-playground.1/doc-showcase/doc-showcase.css: -------------------------------------------------------------------------------- 1 | doc-showcase { 2 | display: flex; 3 | flex-direction: column; 4 | padding: 20px; 5 | } 6 | 7 | doc-showcase .doc-showcase-title { 8 | font-size: 20px; 9 | margin-bottom: 10px; 10 | font-weight: bold; 11 | color: #888888; 12 | user-select: none; 13 | } 14 | 15 | doc-showcase .doc-showcase-content {} -------------------------------------------------------------------------------- /eon-docs/copy/custom/doc-playground/doc-showcase/doc-showcase.css: -------------------------------------------------------------------------------- 1 | doc-showcase { 2 | display: flex; 3 | flex-direction: column; 4 | padding: 20px; 5 | } 6 | 7 | doc-showcase .doc-showcase-title { 8 | font-size: 20px; 9 | margin-bottom: 10px; 10 | font-weight: bold; 11 | color: #888888; 12 | user-select: none; 13 | } 14 | 15 | doc-showcase .doc-showcase-content {} -------------------------------------------------------------------------------- /eon-docs/copy/eon/polyfill/class-list/class-list.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | 3 | DOMTokenList.prototype.add = function () { 4 | 5 | if(arguments.length > 1) { 6 | 7 | for (var i = 0; i < arguments.length; i++) { 8 | proxied.apply(this, [arguments[i]]); 9 | } 10 | 11 | } else { 12 | return proxied.apply(this, arguments); 13 | } 14 | 15 | }; 16 | })(DOMTokenList.prototype.add); 17 | 18 | (function (proxied) { 19 | 20 | DOMTokenList.prototype.remove = function () { 21 | 22 | if (arguments.length > 1) { 23 | 24 | for (var i = 0; i < arguments.length; i++) { 25 | proxied.apply(this, [arguments[i]]); 26 | } 27 | 28 | } else { 29 | return proxied.apply(this, arguments); 30 | } 31 | 32 | }; 33 | })(DOMTokenList.prototype.remove); -------------------------------------------------------------------------------- /eon-docs/copy/eon/polyfill/css/scope.js: -------------------------------------------------------------------------------- 1 | (function(doc, proto) { 2 | try { 3 | // check if browser supports :scope natively 4 | doc.querySelector(":scope body"); 5 | } catch (err) { 6 | // polyfill native methods if it doesn't 7 | ["querySelector", "querySelectorAll"].forEach(function(method) { 8 | var nativ = proto[method]; 9 | proto[method] = function(selectors) { 10 | if (/(^|,)\s*:scope/.test(selectors)) { 11 | // only if selectors contains :scope 12 | var id = this.id; // remember current element id 13 | this.id = "ID_" + Date.now(); // assign new unique id 14 | selectors = selectors.replace(/((^|,)\s*):scope/g, "$1#" + this.id); // replace :scope with #ID 15 | var result = doc[method](selectors); 16 | this.id = id; // restore previous id 17 | return result; 18 | } else { 19 | return nativ.call(this, selectors); // use native code for other selectors 20 | } 21 | }; 22 | }); 23 | } 24 | })(window.document, Element.prototype); 25 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/polyfill/locale-string/locale-string.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | Date.prototype.toLocaleString = function (locale, options) { 3 | 4 | if (options.month && Object.keys(options).length == 1) { 5 | return eon.time.defaultLocale.months[options.month][this.getMonth()]; 6 | } else if (options.weekday && Object.keys(options).length == 1) { 7 | return eon.time.defaultLocale.weekdays[options.weekday][this.getDay()]; 8 | } 9 | 10 | return proxied.apply(this, arguments); 11 | }; 12 | })(Date.prototype.toLocaleString); -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/claro/eon-gutter.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-gutter[theme="claro"] .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 6 | div[data-theme="claro"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 7 | body[data-theme="claro"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon { 8 | color: #ffffff; 9 | } 10 | eon-gutter[theme="claro"] .eon-gutter-splitter.eon-sect1, 11 | div[data-theme="claro"] eon-gutter .eon-gutter-splitter.eon-sect1, 12 | body[data-theme="claro"] eon-gutter .eon-gutter-splitter.eon-sect1 { 13 | background-color: #f1f0f0; 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/claro/eon-panel.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | /* Vimlet panel element */ 6 | eon-panel[theme="claro"], 7 | div[data-theme="claro"] eon-panel, 8 | body[data-theme="claro"] eon-panel { 9 | /* Header */ 10 | /* Content top shadow div */ 11 | } 12 | eon-panel[theme="claro"] .eon-panel-header, 13 | div[data-theme="claro"] eon-panel .eon-panel-header, 14 | body[data-theme="claro"] eon-panel .eon-panel-header { 15 | background-color: #f1f0f0; 16 | color: #9a9a9a; 17 | } 18 | eon-panel[theme="claro"] .eon-panel-shadowDrop, 19 | div[data-theme="claro"] eon-panel .eon-panel-shadowDrop, 20 | body[data-theme="claro"] eon-panel .eon-panel-shadowDrop { 21 | box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4); 22 | } 23 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/claro/eon-searchbar.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-searchbar[theme="claro"] .eon-text-description, 6 | div[data-theme="claro"] eon-searchbar .eon-text-description, 7 | body[data-theme="claro"] eon-searchbar .eon-text-description { 8 | margin-top: 0; 9 | } 10 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/claro/eon-sticky.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-sticky[theme="claro"] .eon-sticky-stickyWrapper, 6 | div[data-theme="claro"] eon-sticky .eon-sticky-stickyWrapper, 7 | body[data-theme="claro"] eon-sticky .eon-sticky-stickyWrapper { 8 | z-index: 1; 9 | position: relative; 10 | height: 100%; 11 | width: 100%; 12 | } 13 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/claro/eon-tree.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-tree[theme="claro"], 6 | div[data-theme="claro"] eon-tree, 7 | body[data-theme="claro"] eon-tree { 8 | height: 100%; 9 | } 10 | eon-tree[theme="claro"] .eon-tree-tree .eon-tree-wrapper, 11 | div[data-theme="claro"] eon-tree .eon-tree-tree .eon-tree-wrapper, 12 | body[data-theme="claro"] eon-tree .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/claro/eon-video.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-video[theme="claro"] .eon-video-timeline, 6 | div[data-theme="claro"] eon-video .eon-video-timeline, 7 | body[data-theme="claro"] eon-video .eon-video-timeline { 8 | background-color: #57cde3; 9 | } 10 | eon-video[theme="claro"] .eon-video-poster, 11 | div[data-theme="claro"] eon-video .eon-video-poster, 12 | body[data-theme="claro"] eon-video .eon-video-poster { 13 | background-color: rgba(197, 197, 197, 0.5); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/claro/variables.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.eot -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.woff -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/noire/eon-label.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-label[theme="noire"] .eon-label-placeholder { 6 | color: #9a9a9a; 7 | } 8 | eon-label[theme="noire"].eon-label-focus .eon-label-label { 9 | color: #3da5b7; 10 | } 11 | eon-label[theme="noire"] .eon-label-underline:before, 12 | eon-label[theme="noire"] .eon-label-underline:after { 13 | background: #3da5b7; 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/noire/eon-tree.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-tree[theme="noire"], 6 | div[data-theme="noire"] eon-tree, 7 | body[data-theme="noire"] eon-tree { 8 | height: 100%; 9 | } 10 | eon-tree[theme="noire"] .eon-tree-tree .eon-tree-wrapper, 11 | div[data-theme="noire"] eon-tree .eon-tree-tree .eon-tree-wrapper, 12 | body[data-theme="noire"] eon-tree .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/noire/eon-video.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-video[theme="noire"] .eon-video-timeline, 6 | div[data-theme="noire"] eon-video .eon-video-timeline, 7 | body[data-theme="noire"] eon-video .eon-video-timeline { 8 | background-color: #3da5b7; 9 | } 10 | eon-video[theme="noire"] .eon-video-poster, 11 | div[data-theme="noire"] eon-video .eon-video-poster, 12 | body[data-theme="noire"] eon-video .eon-video-poster { 13 | background-color: rgba(51, 51, 51, 0.5); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/theme/noire/variables.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-bubble/eon-bubble.css: -------------------------------------------------------------------------------- 1 | eon-bubble { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | border-radius: 28px; 6 | cursor: pointer; 7 | } 8 | .eon-bubble-hidable { 9 | position: fixed; 10 | bottom: 40px; 11 | right: 40px; 12 | height: 50px; 13 | width: 50px; 14 | } 15 | .eon-bubble-icon { 16 | font-size: 18px; 17 | } 18 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-button/eon-button.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "1.0.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-check/eon-check.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-combo/eon-combo.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-contextmenu/eon-contextmenu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-date/eon-date.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-dialog/eon-dialog.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-form/eon-form.css: -------------------------------------------------------------------------------- 1 | eon-form.eon-fill { 2 | height: 100%; 3 | width: 100%; 4 | } 5 | eon-form.eon-spaced-container { 6 | display: flex; 7 | flex-direction: column; 8 | } 9 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-form/eon-form.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-grid/eon-grid-cell/eon-grid-cell.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-grid/eon-grid-row/eon-grid-row.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-grid/eon-grid-row/eon-grid-row.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-grid/eon-grid.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-group/eon-group.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-gutter/eon-gutter.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-item/eon-item.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-loading/eon-loading.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-menu/eon-menu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-number/eon-number.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-overlay/eon-overlay.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-overlay/eon-overlay.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-panel/eon-panel.css: -------------------------------------------------------------------------------- 1 | eon-panel[allow-scroll="false"] { 2 | overflow: auto; 3 | } 4 | .eon-panel-no-scroll { 5 | overflow: hidden !important; 6 | display: flex; 7 | flex-direction: column; 8 | } 9 | .eon-panel-header { 10 | display: flex; 11 | height: 40px; 12 | line-height: 50px; 13 | padding-left: 10px; 14 | font-weight: bold; 15 | transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 0), color 0.3s cubic-bezier(0.4, 0, 0.2, 0), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 0); 16 | } 17 | .eon-panel-content { 18 | flex-grow: 1; 19 | flex-basis: 0; 20 | overflow: auto; 21 | position: relative; 22 | } 23 | .eon-panel-shadowDrop { 24 | position: absolute; 25 | top: 0; 26 | left: 0; 27 | right: 0; 28 | height: 6px; 29 | pointer-events: none; 30 | transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 0); 31 | } 32 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-panel/eon-panel.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-progressbar/eon-progressbar.css: -------------------------------------------------------------------------------- 1 | eon-progressbar { 2 | top: 0; 3 | left: 0; 4 | position: absolute; 5 | height: 100%; 6 | width: 100%; 7 | } 8 | .eon-progressbar-progress { 9 | top: auto; 10 | position: static; 11 | } 12 | .eon-progressbar-bar { 13 | position: relative; 14 | height: 100%; 15 | width: 100%; 16 | overflow: hidden; 17 | display: flex; 18 | flex-direction: column; 19 | justify-content: center; 20 | } 21 | .eon-progressbar-rail { 22 | position: absolute; 23 | height: 100%; 24 | width: 100%; 25 | opacity: 0; 26 | } 27 | .eon-progressbar-loadingBar { 28 | height: 100%; 29 | width: 1px; 30 | transition: width 0s; 31 | z-index: 1; 32 | } 33 | .eon-progressbar-indicator { 34 | font-size: 15px; 35 | margin-top: 2px; 36 | margin-right: 5px; 37 | float: right; 38 | } 39 | .eon-progressbar-disable { 40 | display: none; 41 | } 42 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-progressbar/eon-progressbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-radio/eon-radio.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-scroll/eon-scroll.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-searchbar/eon-searchbar.css: -------------------------------------------------------------------------------- 1 | eon-searchbareon-item.eon-searchbar-visible { 2 | display: flex; 3 | } 4 | .eon-searchbar-main { 5 | position: relative; 6 | display: flex; 7 | flex-direction: column; 8 | box-sizing: border-box; 9 | } 10 | .eon-searchbar-main:hover .eon-searchbar-filters { 11 | border-color: #454545; 12 | } 13 | .eon-searchbar-searchbar { 14 | display: flex; 15 | } 16 | .eon-searchbar-filtersButton, 17 | .eon-searchbar-searchButton { 18 | display: flex; 19 | padding: 0 5px; 20 | cursor: pointer; 21 | align-items: center; 22 | justify-content: center; 23 | } 24 | .eon-searchbar-fields { 25 | display: flex; 26 | flex-grow: 1; 27 | } 28 | .eon-searchbar-field { 29 | display: flex; 30 | flex-grow: 1; 31 | margin-right: 10px; 32 | } 33 | .eon-searchbar-field > :first-child { 34 | width: 100%; 35 | } 36 | .eon-searchbar-field:last-child { 37 | margin-right: 0; 38 | } 39 | .eon-searchbar-filters { 40 | position: absolute; 41 | top: 100%; 42 | left: -2px; 43 | display: none; 44 | width: 100%; 45 | border: 2px solid transparent; 46 | border-top: 0; 47 | } 48 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-searchbar/eon-searchbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-section/eon-section.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-separator/eon-separator.css: -------------------------------------------------------------------------------- 1 | eon-separator { 2 | position: absolute; 3 | display: flex; 4 | flex-direction: column; 5 | justify-content: center; 6 | align-items: center; 7 | height: 1px; 8 | width: 100%; 9 | bottom: 0; 10 | left: 0; 11 | overflow-x: hidden; 12 | } 13 | eon-separator.eon-separator-vertical { 14 | flex-direction: row; 15 | height: 100%; 16 | width: 1px; 17 | overflow-y: hidden; 18 | bottom: auto; 19 | left: auto; 20 | right: 0; 21 | top: 0; 22 | } 23 | .eon-separator-bar { 24 | height: 100%; 25 | width: 100%; 26 | left: 0; 27 | } 28 | .eon-separator-bar-full { 29 | left: 0; 30 | } 31 | .eon-separator-bar-mid { 32 | left: auto; 33 | } 34 | .eon-separator-bar-start { 35 | left: 0; 36 | align-self: flex-start; 37 | } 38 | .eon-separator-bar-end { 39 | right: 0; 40 | align-self: flex-end; 41 | } 42 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-separator/eon-separator.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-slider/eon-slider.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-stack/eon-stack.css: -------------------------------------------------------------------------------- 1 | eon-stack { 2 | height: 100%; 3 | display: flex; 4 | } 5 | eon-stack.eon-stack-flex { 6 | flex-grow: 1; 7 | } 8 | eon-stack.eon-stack-flex > eon-panel { 9 | height: auto; 10 | flex-grow: 1; 11 | } 12 | eon-stack eon-panel.eon-stack-visible { 13 | display: block; 14 | } 15 | eon-stack.eon-stack-flex eon-panel.eon-stack-visible { 16 | display: flex; 17 | } 18 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-stack/eon-stack.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.7.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-sticky/eon-sticky.css: -------------------------------------------------------------------------------- 1 | .eon-sticky-stickyWrapper { 2 | position: relative; 3 | height: 100%; 4 | width: 100%; 5 | opacity: 1; 6 | } 7 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-sticky/eon-sticky.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.8" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-swiper/eon-swiper-slide/eon-swiper-slide.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-swiper/eon-swiper.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-tabs/eon-tabs.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-text/eon-text.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-toggle/eon-toggle.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-tree/eon-tree-node/eon-tree-node.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-tree/eon-tree.css: -------------------------------------------------------------------------------- 1 | eon-tree { 2 | height: 100%; 3 | } 4 | .eon-tree-tree { 5 | position: relative; 6 | padding: 0; 7 | display: flex; 8 | font-weight: bold; 9 | flex-direction: column; 10 | overflow: hidden; 11 | } 12 | .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-tree/eon-tree.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-variable/eon-variable.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-variable/eon-variable.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/eon/ui/eon-video/eon-video.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/copy/resources/data/panel/lazyContent.html: -------------------------------------------------------------------------------- 1 |
2 | I'm a new source div imported on demand! 3 |
4 | 5 | -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/gradient.1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/gradient.1.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/gradient.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/gradientMain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/gradientMain.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/gradientTree.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/gradientTree.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/main/fullMenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/main/fullMenu.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/main/main.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/main/main.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/main/mainMobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/main/mainMobile.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/menu/SearchBackMobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/menu/SearchBackMobile.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/menu/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/menu/menu.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/menu/searchBack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/menu/searchBack.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/swiper/view-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/swiper/view-1.jpeg -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/swiper/view-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/swiper/view-2.jpeg -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/swiper/view-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/swiper/view-3.jpeg -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/swiper/view-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/swiper/view-4.jpeg -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/swiper/view-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/swiper/view-5.jpeg -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/swiper/view-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/swiper/view-6.jpeg -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/video/snow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/video/snow.jpg -------------------------------------------------------------------------------- /eon-docs/copy/resources/img/vimlet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/img/vimlet.png -------------------------------------------------------------------------------- /eon-docs/copy/resources/video/snow.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/copy/resources/video/snow.mp4 -------------------------------------------------------------------------------- /eon-docs/md/example/Example.md.old: -------------------------------------------------------------------------------- 1 | # Tutorial Example 2 | *[](https://vimlet.com/video/cta.webm) 3 | 4 | @([html] 5 | 6 | 10 | 11 | 12 | 16 |
Main div
17 | 18 | 19 | [/html] 20 | [js] 21 | function test() { 22 | alert("I'm JS"); 23 | } 24 | console.log("js log") 25 | [/js] 26 | 27 | [css] 28 | #main { 29 | background-color:red; 30 | } 31 | 32 | button { 33 | cursor:pointer; 34 | } 35 | [/css])@ 36 | 37 | 38 | @([html] 39 | 40 | 43 |
I use common head
44 | 45 | 46 | [/html] 47 | [js] 48 | function test() { 49 | alert("I'm JS"); 50 | } 51 | console.log("js log") 52 | [/js] 53 | 54 | [css] 55 | #main { 56 | background-color:red; 57 | } 58 | 59 | button { 60 | cursor:pointer; 61 | } 62 | [/css])@ -------------------------------------------------------------------------------- /eon-docs/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "eon-doc", 3 | "private": true, 4 | "version": "0.0.0", 5 | "scripts": { 6 | "doc": "vimlet-doc c 'doc.json'", 7 | "start": "nodemon server.js" 8 | }, 9 | "dependencies": { 10 | "@vimlet/doc": "2.0.9", 11 | "express": "4.16.4" 12 | }, 13 | "devDependencies": { 14 | "nodemon": "1.17.5" 15 | }, 16 | "license": "MIT" 17 | } 18 | -------------------------------------------------------------------------------- /eon-docs/server.js: -------------------------------------------------------------------------------- 1 | var path = require("path"); 2 | var express = require("express"); 3 | var bodyParser = require("body-parser"); 4 | var app = express(); 5 | 6 | app.use(express.static(path.join(__dirname, "release"))); 7 | 8 | // Doc server 9 | var serverDoc = app.listen(8091, function() { 10 | var host = serverDoc.address().address; 11 | var port = serverDoc.address().port; 12 | console.log("Documentation server listening at http://localhost:" + port); 13 | }); 14 | -------------------------------------------------------------------------------- /eon-docs/template/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /npm-debug.log 3 | /package-lock.json -------------------------------------------------------------------------------- /eon-docs/template/build/eon/api.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | <% template("api-menu.vmi");%> 4 | 5 | 6 | <% template("api-content.vmi");%> 7 | 8 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-code/app-code.css: -------------------------------------------------------------------------------- 1 | app-code { 2 | position: relative; 3 | max-height: 450px; 4 | background: #1E1E1E; 5 | margin: 20px 0px; 6 | border-radius: 3px; 7 | } 8 | 9 | app-code eon-scroll .eon-scroll-content { 10 | max-height: 450px !important; 11 | } 12 | 13 | app-code pre { 14 | width: 100%; 15 | box-sizing: border-box; 16 | margin: 0px !important; 17 | padding: 10px 10px !important; 18 | border-radius: 2px; 19 | box-sizing: border-box !important; 20 | overflow: visible !important; 21 | } 22 | 23 | app-code pre code { 24 | width: auto; 25 | box-sizing: border-box; 26 | overflow: hidden; 27 | display: inline-block; 28 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-doc-viewer/app-doc-viewer-templates-api-menu/app-doc-viewer-templates-api-menu.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api-menu{ 2 | width:100%; 3 | height:40px; 4 | display:flex; 5 | flex-direction: row; 6 | padding:0px 5px; 7 | box-sizing: border-box; 8 | align-items: center; 9 | -webkit-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 10 | -moz-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 11 | box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 12 | } 13 | app-doc-viewer-templates-api-menu app-combobox{ 14 | margin-right:10px; 15 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-doc-viewer/app-doc-viewer-templates-api/app-doc-viewer-templates-api.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api{ 2 | width:100%; 3 | height:100%; 4 | display:flex; 5 | flex-direction: column; 6 | overflow: hidden; 7 | } 8 | 9 | app-doc-viewer-templates-api app-doc-viewer-templates-api-menu{ 10 | height:40px; 11 | width:100%; 12 | min-height: 40px; 13 | } 14 | app-doc-viewer-templates-api app-doc-viewer-templates-api-content{ 15 | flex-grow:1; 16 | } 17 | 18 | app-doc-viewer-templates-api .app-doc-viewer-templates-api-private{ 19 | 20 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-doc-viewer/app-doc-viewer-templates/app-doc-viewer-templates-api/app-doc-viewer-templates-api-menu/app-doc-viewer-templates-api-menu.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api-menu{ 2 | width:100%; 3 | height:40px; 4 | display:flex; 5 | flex-direction: row; 6 | padding:0px 5px; 7 | box-sizing: border-box; 8 | align-items: center; 9 | -webkit-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 10 | -moz-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 11 | box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 12 | } 13 | app-doc-viewer-templates-api-menu app-combobox{ 14 | margin-right:10px; 15 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-doc-viewer/app-doc-viewer-templates/app-doc-viewer-templates-api/app-doc-viewer-templates-api.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api{ 2 | width:100%; 3 | height:100%; 4 | display:flex; 5 | flex-direction: column; 6 | overflow: hidden; 7 | } 8 | 9 | app-doc-viewer-templates-api app-doc-viewer-templates-api-menu{ 10 | height:40px; 11 | width:100%; 12 | min-height: 40px; 13 | } 14 | app-doc-viewer-templates-api app-doc-viewer-templates-api-content{ 15 | flex-grow:1; 16 | } 17 | 18 | app-doc-viewer-templates-api .app-doc-viewer-templates-api-private{ 19 | 20 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-doc-viewer/app-doc-viewer-tree/app-doc-viewer-tree.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-tree{ 2 | height:100%; 3 | } 4 | 5 | app-doc-viewer-tree .eon-tree-tree{ 6 | font-weight: normal; 7 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-fading/app-fading.css: -------------------------------------------------------------------------------- 1 | app-fading { 2 | position:absolute; 3 | height: 100%; 4 | width: 100%; 5 | z-index:9999; 6 | transition: all; 7 | /* transition: all 0.5s; */ 8 | opacity: 1; 9 | pointer-events: none; 10 | } 11 | .app-fading-hidden { 12 | /* display: none; */ 13 | /* transition-duration: 0s; */ 14 | opacity: 0; 15 | } 16 | .app-fading-shown { 17 | /* display: none; */ 18 | /* transition-duration: 0.5s; */ 19 | opacity: 1; 20 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-go-top/app-go-top.css: -------------------------------------------------------------------------------- 1 | app-go-top{ 2 | display: block; 3 | bottom: -100px; 4 | position: fixed; 5 | right: 30px; 6 | z-index: 99; 7 | border: none; 8 | outline: none; 9 | background-color: #333333; 10 | color: white; 11 | cursor: pointer; 12 | padding: 10px; 13 | border-radius: 50%; 14 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); 15 | transition: 0.3s ease all; 16 | } 17 | app-go-top:hover { 18 | box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); 19 | } 20 | 21 | .app-go-top-show{ 22 | bottom: 10px !important; 23 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-menu-box/app-menu-box.css: -------------------------------------------------------------------------------- 1 | app-menu-box { 2 | height: 100%; 3 | user-select: none; 4 | display: flex; 5 | flex-direction: column; 6 | align-items: center; 7 | } 8 | 9 | app-menu-box .app-menu-box-label { 10 | height: 100%; 11 | user-select: none; 12 | display: flex; 13 | flex-direction: row; 14 | align-items: center; 15 | cursor:pointer; 16 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-menu/app-menu-item/app-menu-item.css: -------------------------------------------------------------------------------- 1 | app-menu-item{ 2 | width:auto; 3 | height:100%; 4 | display:flex; 5 | flex-direction: row; 6 | align-items: center; 7 | } 8 | app-menu-item .app-menu-item-icon{ 9 | padding:0px 5px; 10 | } 11 | app-menu-item .app-menu-item-selected{ 12 | text-decoration: underline; 13 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-menu/app-menu.css: -------------------------------------------------------------------------------- 1 | app-menu { 2 | width: auto; 3 | height: 100%; 4 | user-select: none; 5 | display: flex; 6 | flex-direction: row; 7 | } 8 | 9 | app-menu .app-menu-main { 10 | display: flex; 11 | flex-direction: row; 12 | align-items: center; 13 | height: 100%; 14 | width: auto; 15 | } 16 | app-menu .app-menu-main app-menu-item { 17 | margin-right: 5px; 18 | cursor: pointer; 19 | } 20 | 21 | app-menu .app-menu-main app-menu-item:last-child { 22 | margin-right: 0px; 23 | } 24 | 25 | app-menu .app-menu-mobile { 26 | display: none; 27 | } 28 | 29 | @media (max-width: 700px) { 30 | app-menu .app-menu-main { 31 | display: none; 32 | } 33 | 34 | app-menu .app-menu-mobile { 35 | display: flex; 36 | } 37 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/app-table/app-table.css: -------------------------------------------------------------------------------- 1 | app-table { 2 | display: flex; 3 | flex-direction: column; 4 | } 5 | 6 | app-table .app-table-content { 7 | display: flex; 8 | flex-direction: row; 9 | height: auto; 10 | border-left: 1px solid #c7c7c7; 11 | } 12 | 13 | app-table .app-table-column { 14 | height: auto; 15 | position: relative; 16 | min-width: 100px; 17 | } 18 | 19 | app-table .app-table-resizer { 20 | width: 15px; 21 | height: 100%; 22 | cursor: col-resize; 23 | position: absolute; 24 | right: -7.5px; 25 | top: 0px; 26 | z-index: 100; 27 | } 28 | 29 | app-table .app-table-title { 30 | background-color: #c7c7c7; 31 | position: relative; 32 | text-align: center; 33 | line-height: 30px; 34 | color: #6b6b6b; 35 | } 36 | 37 | app-table .app-table-cell { 38 | padding: 5px; 39 | border-right: 1px solid #c7c7c7; 40 | border-bottom: 1px solid #c7c7c7; 41 | box-sizing: border-box; 42 | word-wrap: break-word; 43 | } 44 | 45 | app-table .app-table-cell-clickable { 46 | cursor: pointer; 47 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/custom/doc-playground/doc-showcase/doc-showcase.css: -------------------------------------------------------------------------------- 1 | doc-showcase { 2 | display: flex; 3 | flex-direction: column; 4 | padding: 20px; 5 | } 6 | 7 | doc-showcase .doc-showcase-title { 8 | font-size: 20px; 9 | margin-bottom: 10px; 10 | font-weight: bold; 11 | color: #888888; 12 | user-select: none; 13 | } 14 | 15 | doc-showcase .doc-showcase-content {} -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/polyfill/class-list/class-list.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | 3 | DOMTokenList.prototype.add = function () { 4 | 5 | if(arguments.length > 1) { 6 | 7 | for (var i = 0; i < arguments.length; i++) { 8 | proxied.apply(this, [arguments[i]]); 9 | } 10 | 11 | } else { 12 | return proxied.apply(this, arguments); 13 | } 14 | 15 | }; 16 | })(DOMTokenList.prototype.add); 17 | 18 | (function (proxied) { 19 | 20 | DOMTokenList.prototype.remove = function () { 21 | 22 | if (arguments.length > 1) { 23 | 24 | for (var i = 0; i < arguments.length; i++) { 25 | proxied.apply(this, [arguments[i]]); 26 | } 27 | 28 | } else { 29 | return proxied.apply(this, arguments); 30 | } 31 | 32 | }; 33 | })(DOMTokenList.prototype.remove); -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/polyfill/css/scope.js: -------------------------------------------------------------------------------- 1 | (function(doc, proto) { 2 | try { 3 | // check if browser supports :scope natively 4 | doc.querySelector(":scope body"); 5 | } catch (err) { 6 | // polyfill native methods if it doesn't 7 | ["querySelector", "querySelectorAll"].forEach(function(method) { 8 | var nativ = proto[method]; 9 | proto[method] = function(selectors) { 10 | if (/(^|,)\s*:scope/.test(selectors)) { 11 | // only if selectors contains :scope 12 | var id = this.id; // remember current element id 13 | this.id = "ID_" + Date.now(); // assign new unique id 14 | selectors = selectors.replace(/((^|,)\s*):scope/g, "$1#" + this.id); // replace :scope with #ID 15 | var result = doc[method](selectors); 16 | this.id = id; // restore previous id 17 | return result; 18 | } else { 19 | return nativ.call(this, selectors); // use native code for other selectors 20 | } 21 | }; 22 | }); 23 | } 24 | })(window.document, Element.prototype); 25 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/polyfill/locale-string/locale-string.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | Date.prototype.toLocaleString = function (locale, options) { 3 | 4 | if (options.month && Object.keys(options).length == 1) { 5 | return eon.time.defaultLocale.months[options.month][this.getMonth()]; 6 | } else if (options.weekday && Object.keys(options).length == 1) { 7 | return eon.time.defaultLocale.weekdays[options.weekday][this.getDay()]; 8 | } 9 | 10 | return proxied.apply(this, arguments); 11 | }; 12 | })(Date.prototype.toLocaleString); -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/claro/eon-gutter.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-gutter[theme="claro"] .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 6 | div[data-theme="claro"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 7 | body[data-theme="claro"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon { 8 | color: #ffffff; 9 | } 10 | eon-gutter[theme="claro"] .eon-gutter-splitter.eon-sect1, 11 | div[data-theme="claro"] eon-gutter .eon-gutter-splitter.eon-sect1, 12 | body[data-theme="claro"] eon-gutter .eon-gutter-splitter.eon-sect1 { 13 | background-color: #f1f0f0; 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/claro/eon-panel.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | /* Vimlet panel element */ 6 | eon-panel[theme="claro"], 7 | div[data-theme="claro"] eon-panel, 8 | body[data-theme="claro"] eon-panel { 9 | /* Header */ 10 | /* Content top shadow div */ 11 | } 12 | eon-panel[theme="claro"] .eon-panel-header, 13 | div[data-theme="claro"] eon-panel .eon-panel-header, 14 | body[data-theme="claro"] eon-panel .eon-panel-header { 15 | background-color: #f1f0f0; 16 | color: #9a9a9a; 17 | } 18 | eon-panel[theme="claro"] .eon-panel-shadowDrop, 19 | div[data-theme="claro"] eon-panel .eon-panel-shadowDrop, 20 | body[data-theme="claro"] eon-panel .eon-panel-shadowDrop { 21 | box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4); 22 | } 23 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/claro/eon-searchbar.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-searchbar[theme="claro"] .eon-text-description, 6 | div[data-theme="claro"] eon-searchbar .eon-text-description, 7 | body[data-theme="claro"] eon-searchbar .eon-text-description { 8 | margin-top: 0; 9 | } 10 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/claro/eon-sticky.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-sticky[theme="claro"] .eon-sticky-stickyWrapper, 6 | div[data-theme="claro"] eon-sticky .eon-sticky-stickyWrapper, 7 | body[data-theme="claro"] eon-sticky .eon-sticky-stickyWrapper { 8 | z-index: 1; 9 | position: relative; 10 | height: 100%; 11 | width: 100%; 12 | } 13 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/claro/eon-tree.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-tree[theme="claro"], 6 | div[data-theme="claro"] eon-tree, 7 | body[data-theme="claro"] eon-tree { 8 | height: 100%; 9 | } 10 | eon-tree[theme="claro"] .eon-tree-tree .eon-tree-wrapper, 11 | div[data-theme="claro"] eon-tree .eon-tree-tree .eon-tree-wrapper, 12 | body[data-theme="claro"] eon-tree .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/claro/eon-video.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-video[theme="claro"] .eon-video-timeline, 6 | div[data-theme="claro"] eon-video .eon-video-timeline, 7 | body[data-theme="claro"] eon-video .eon-video-timeline { 8 | background-color: #57cde3; 9 | } 10 | eon-video[theme="claro"] .eon-video-poster, 11 | div[data-theme="claro"] eon-video .eon-video-poster, 12 | body[data-theme="claro"] eon-video .eon-video-poster { 13 | background-color: rgba(197, 197, 197, 0.5); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/claro/variables.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/doc/eon-gutter.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, datepicker, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, checkbox, combobox, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-gutter[theme="doc"] .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 6 | div[data-theme="doc"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 7 | body[data-theme="doc"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon { 8 | color: #ffffff; 9 | } 10 | eon-gutter[theme="doc"] .eon-gutter-splitter.eon-sect1, 11 | div[data-theme="doc"] eon-gutter .eon-gutter-splitter.eon-sect1, 12 | body[data-theme="doc"] eon-gutter .eon-gutter-splitter.eon-sect1 { 13 | background-color: #f1f0f0; 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/doc/eon-searchbar.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, datepicker, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, checkbox, combobox, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-searchbar[theme="doc"] .eon-text-description, 6 | div[data-theme="doc"] eon-searchbar .eon-text-description, 7 | body[data-theme="doc"] eon-searchbar .eon-text-description { 8 | margin-top: 0; 9 | } 10 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/doc/eon-sticky.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, datepicker, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, checkbox, combobox, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-sticky[theme="doc"] .eon-sticky-stickyWrapper, 6 | div[data-theme="doc"] eon-sticky .eon-sticky-stickyWrapper, 7 | body[data-theme="doc"] eon-sticky .eon-sticky-stickyWrapper { 8 | z-index: 1; 9 | position: relative; 10 | height: 100%; 11 | width: 100%; 12 | } 13 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/doc/eon-tree.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, datepicker, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, checkbox, combobox, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-tree[theme="doc"], 6 | div[data-theme="doc"] eon-tree, 7 | body[data-theme="doc"] eon-tree { 8 | height: 100%; 9 | } 10 | eon-tree[theme="doc"] .eon-tree-tree .eon-tree-wrapper, 11 | div[data-theme="doc"] eon-tree .eon-tree-tree .eon-tree-wrapper, 12 | body[data-theme="doc"] eon-tree .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/doc/eon-video.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, datepicker, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, checkbox, combobox, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-video[theme="doc"] .eon-video-timeline, 6 | div[data-theme="doc"] eon-video .eon-video-timeline, 7 | body[data-theme="doc"] eon-video .eon-video-timeline { 8 | background-color: #57cde3; 9 | } 10 | eon-video[theme="doc"] .eon-video-poster, 11 | div[data-theme="doc"] eon-video .eon-video-poster, 12 | body[data-theme="doc"] eon-video .eon-video-poster { 13 | background-color: rgba(197, 197, 197, 0.5); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/doc/global.css: -------------------------------------------------------------------------------- 1 | .app-separator { 2 | flex-grow: 1; 3 | } 4 | .app-display-none { 5 | display: none !important; 6 | } 7 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/doc/variables.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, datepicker, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, checkbox, combobox, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Black.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-BlackItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Bold.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-BoldItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Italic.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Light.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-LightItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Medium.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-MediumItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Regular.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-Thin.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/Roboto/Roboto-ThinItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.eot -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/build/eon/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.woff -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/noire/eon-tree.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-tree[theme="noire"], 6 | div[data-theme="noire"] eon-tree, 7 | body[data-theme="noire"] eon-tree { 8 | height: 100%; 9 | } 10 | eon-tree[theme="noire"] .eon-tree-tree .eon-tree-wrapper, 11 | div[data-theme="noire"] eon-tree .eon-tree-tree .eon-tree-wrapper, 12 | body[data-theme="noire"] eon-tree .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/noire/eon-video.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-video[theme="noire"] .eon-video-timeline, 6 | div[data-theme="noire"] eon-video .eon-video-timeline, 7 | body[data-theme="noire"] eon-video .eon-video-timeline { 8 | background-color: #3da5b7; 9 | } 10 | eon-video[theme="noire"] .eon-video-poster, 11 | div[data-theme="noire"] eon-video .eon-video-poster, 12 | body[data-theme="noire"] eon-video .eon-video-poster { 13 | background-color: rgba(51, 51, 51, 0.5); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/theme/noire/variables.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-bubble/eon-bubble.css: -------------------------------------------------------------------------------- 1 | eon-bubble { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | border-radius: 28px; 6 | cursor: pointer; 7 | } 8 | .eon-bubble-hidable { 9 | position: fixed; 10 | bottom: 40px; 11 | right: 40px; 12 | height: 50px; 13 | width: 50px; 14 | } 15 | .eon-bubble-icon { 16 | font-size: 18px; 17 | } 18 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-button/eon-button.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "1.0.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-check/eon-check.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-combo/eon-combo.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-contextmenu/eon-contextmenu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-date/eon-date.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-dialog/eon-dialog.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-editor/eon-editor.css: -------------------------------------------------------------------------------- 1 | eon-editor { 2 | height: 100%; 3 | width: 100%; 4 | max-height: 450px; 5 | position: relative; 6 | display: flex; 7 | } 8 | eon-editor eon-loading { 9 | width: 100%; 10 | height: 100%; 11 | min-height: 300px; 12 | box-sizing: border-box; 13 | align-self: center; 14 | } 15 | eon-editor span { 16 | font-family: Consolas, "Courier New", monospace !important; 17 | font-size: 14px !important; 18 | } 19 | .eon-editor-padding { 20 | height: 100%; 21 | width: 100%; 22 | padding: 10px 0px; 23 | box-sizing: border-box; 24 | background-color: #1e1e1e; 25 | position: absolute; 26 | } 27 | #eon-editor-content { 28 | width: 100%; 29 | height: 100%; 30 | min-height: 10px; 31 | box-sizing: border-box; 32 | min-width: 100%; 33 | flex-grow: 1; 34 | } 35 | .eon-editor-until-render { 36 | display: none; 37 | } 38 | #eon-editor-loading { 39 | width: 100%; 40 | height: 100%; 41 | min-height: 300px; 42 | box-sizing: border-box; 43 | } 44 | .monaco-editor { 45 | overflow: hidden !important; 46 | box-sizing: border-box !important; 47 | } 48 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-editor/eon-editor.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-form/eon-form.css: -------------------------------------------------------------------------------- 1 | eon-form.eon-fill { 2 | height: 100%; 3 | width: 100%; 4 | } 5 | eon-form.eon-spaced-container { 6 | display: flex; 7 | flex-direction: column; 8 | } 9 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-form/eon-form.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-grid/eon-grid-cell/eon-grid-cell.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-grid/eon-grid-row/eon-grid-row.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-grid/eon-grid-row/eon-grid-row.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-grid/eon-grid.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-group/eon-group.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-gutter/eon-gutter.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-item/eon-item.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-loading/eon-loading.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-menu/eon-menu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-number/eon-number.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-overlay/eon-overlay.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-overlay/eon-overlay.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-panel/eon-panel.css: -------------------------------------------------------------------------------- 1 | eon-panel[allow-scroll="false"] { 2 | overflow: auto; 3 | } 4 | .eon-panel-no-scroll { 5 | overflow: hidden !important; 6 | display: flex; 7 | flex-direction: column; 8 | } 9 | .eon-panel-header { 10 | display: flex; 11 | height: 40px; 12 | line-height: 50px; 13 | padding-left: 10px; 14 | font-weight: bold; 15 | transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 0), color 0.3s cubic-bezier(0.4, 0, 0.2, 0), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 0); 16 | } 17 | .eon-panel-content { 18 | flex-grow: 1; 19 | flex-basis: 0; 20 | overflow: auto; 21 | position: relative; 22 | } 23 | .eon-panel-shadowDrop { 24 | position: absolute; 25 | top: 0; 26 | left: 0; 27 | right: 0; 28 | height: 6px; 29 | pointer-events: none; 30 | transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 0); 31 | } 32 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-panel/eon-panel.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-progressbar/eon-progressbar.css: -------------------------------------------------------------------------------- 1 | eon-progressbar { 2 | top: 0; 3 | left: 0; 4 | position: absolute; 5 | height: 100%; 6 | width: 100%; 7 | } 8 | .eon-progressbar-progress { 9 | top: auto; 10 | position: static; 11 | } 12 | .eon-progressbar-bar { 13 | position: relative; 14 | height: 100%; 15 | width: 100%; 16 | overflow: hidden; 17 | display: flex; 18 | flex-direction: column; 19 | justify-content: center; 20 | } 21 | .eon-progressbar-rail { 22 | position: absolute; 23 | height: 100%; 24 | width: 100%; 25 | opacity: 0; 26 | } 27 | .eon-progressbar-loadingBar { 28 | height: 100%; 29 | width: 1px; 30 | transition: width 0s; 31 | z-index: 1; 32 | } 33 | .eon-progressbar-indicator { 34 | font-size: 15px; 35 | margin-top: 2px; 36 | margin-right: 5px; 37 | float: right; 38 | } 39 | .eon-progressbar-disable { 40 | display: none; 41 | } 42 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-progressbar/eon-progressbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-radio/eon-radio.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-scroll/eon-scroll.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-searchbar/eon-searchbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-section/eon-section.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-separator/eon-separator.css: -------------------------------------------------------------------------------- 1 | eon-separator { 2 | position: absolute; 3 | display: flex; 4 | flex-direction: column; 5 | justify-content: center; 6 | align-items: center; 7 | height: 1px; 8 | width: 100%; 9 | bottom: 0; 10 | left: 0; 11 | overflow-x: hidden; 12 | } 13 | eon-separator.eon-separator-vertical { 14 | flex-direction: row; 15 | height: 100%; 16 | width: 1px; 17 | overflow-y: hidden; 18 | bottom: auto; 19 | left: auto; 20 | right: 0; 21 | top: 0; 22 | } 23 | .eon-separator-bar { 24 | height: 100%; 25 | width: 100%; 26 | left: 0; 27 | } 28 | .eon-separator-bar-full { 29 | left: 0; 30 | } 31 | .eon-separator-bar-mid { 32 | left: auto; 33 | } 34 | .eon-separator-bar-start { 35 | left: 0; 36 | align-self: flex-start; 37 | } 38 | .eon-separator-bar-end { 39 | right: 0; 40 | align-self: flex-end; 41 | } 42 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-separator/eon-separator.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-slider/eon-slider.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-stack/eon-stack.css: -------------------------------------------------------------------------------- 1 | eon-stack { 2 | height: 100%; 3 | display: flex; 4 | } 5 | eon-stack.eon-stack-flex { 6 | flex-grow: 1; 7 | } 8 | eon-stack.eon-stack-flex > eon-panel { 9 | height: auto; 10 | flex-grow: 1; 11 | } 12 | eon-stack eon-panel.eon-stack-visible { 13 | display: block; 14 | } 15 | eon-stack.eon-stack-flex eon-panel.eon-stack-visible { 16 | display: flex; 17 | } 18 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-stack/eon-stack.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.7.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-sticky/eon-sticky.css: -------------------------------------------------------------------------------- 1 | .eon-sticky-stickyWrapper { 2 | position: relative; 3 | height: 100%; 4 | width: 100%; 5 | opacity: 1; 6 | } 7 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-sticky/eon-sticky.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.8" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-swiper/eon-swiper-slide/eon-swiper-slide.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-swiper/eon-swiper.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-tabs/eon-tabs.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-text/eon-text.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-toggle/eon-toggle.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-tree/eon-tree-node/eon-tree-node.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-tree/eon-tree.css: -------------------------------------------------------------------------------- 1 | eon-tree { 2 | height: 100%; 3 | } 4 | .eon-tree-tree { 5 | position: relative; 6 | padding: 0; 7 | display: flex; 8 | font-weight: bold; 9 | flex-direction: column; 10 | overflow: hidden; 11 | } 12 | .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-tree/eon-tree.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/framework/eon/ui/eon-video/eon-video.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/build/eon/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 17 | 18 | 27 | 28 | 29 | 30 | 31 | 32 | 37 | 38 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/index.html.vmt: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 17 | 18 | 26 | 27 | 28 | 29 | 30 | > 31 | 36 | 37 | -------------------------------------------------------------------------------- /eon-docs/template/build/eon/template.json: -------------------------------------------------------------------------------- 1 | { 2 | "copy": { 3 | "include": "framework", 4 | "output": "framework" 5 | }, 6 | "meta": { 7 | "main":"index.html", 8 | "api":"api.html", 9 | "article":"article.html" 10 | } 11 | } -------------------------------------------------------------------------------- /eon-docs/template/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "name": "@vimlet/doc-templates-eon", 4 | "version": "1.0.0", 5 | "description": "", 6 | "main": "src/index.js", 7 | "author": "", 8 | "license": "MIT", 9 | "scripts": { 10 | "build": "npx bundl -c 'bundl.eon.config.js'", 11 | "build:watch": "npx bundl -c 'bundl.eon.config.js' -w 'doc-templates'", 12 | "copy": "vimlet-copy -i 'build' -c -o '../../doc-gen/build'", 13 | "bc": "run-s build copy" 14 | }, 15 | "dependencies": { 16 | "@vimlet/bundl": "0.0.19", 17 | "less": "3.9.0", 18 | "@vimlet/commons-copy": "0.1.7" 19 | }, 20 | "devDependencies": { 21 | "npm-run-all": "4.1.5" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /eon-docs/template/src/api.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | <% template("api-menu.vmi");%> 4 | 5 | 6 | <% template("api-content.vmi");%> 7 | 8 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-code/app-code.css: -------------------------------------------------------------------------------- 1 | app-code { 2 | position: relative; 3 | max-height: 450px; 4 | background: #1E1E1E; 5 | margin: 20px 0px; 6 | border-radius: 3px; 7 | } 8 | 9 | app-code eon-scroll .eon-scroll-content { 10 | max-height: 450px !important; 11 | } 12 | 13 | app-code pre { 14 | width: 100%; 15 | box-sizing: border-box; 16 | margin: 0px !important; 17 | padding: 10px 10px !important; 18 | border-radius: 2px; 19 | box-sizing: border-box !important; 20 | overflow: visible !important; 21 | } 22 | 23 | app-code pre code { 24 | width: auto; 25 | box-sizing: border-box; 26 | overflow: hidden; 27 | display: inline-block; 28 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-doc-viewer/app-doc-viewer-templates-api-menu/app-doc-viewer-templates-api-menu.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api-menu{ 2 | width:100%; 3 | height:40px; 4 | display:flex; 5 | flex-direction: row; 6 | padding:0px 5px; 7 | box-sizing: border-box; 8 | align-items: center; 9 | -webkit-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 10 | -moz-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 11 | box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 12 | } 13 | app-doc-viewer-templates-api-menu app-combobox{ 14 | margin-right:10px; 15 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-doc-viewer/app-doc-viewer-templates-api/app-doc-viewer-templates-api.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api{ 2 | width:100%; 3 | height:100%; 4 | display:flex; 5 | flex-direction: column; 6 | overflow: hidden; 7 | } 8 | 9 | app-doc-viewer-templates-api app-doc-viewer-templates-api-menu{ 10 | height:40px; 11 | width:100%; 12 | min-height: 40px; 13 | } 14 | app-doc-viewer-templates-api app-doc-viewer-templates-api-content{ 15 | flex-grow:1; 16 | } 17 | 18 | app-doc-viewer-templates-api .app-doc-viewer-templates-api-private{ 19 | 20 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-doc-viewer/app-doc-viewer-templates/app-doc-viewer-templates-api/app-doc-viewer-templates-api-menu/app-doc-viewer-templates-api-menu.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api-menu{ 2 | width:100%; 3 | height:40px; 4 | display:flex; 5 | flex-direction: row; 6 | padding:0px 5px; 7 | box-sizing: border-box; 8 | align-items: center; 9 | -webkit-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 10 | -moz-box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 11 | box-shadow: 0px 0.1px 1px 0px rgba(0, 0, 0, 0.75); 12 | } 13 | app-doc-viewer-templates-api-menu app-combobox{ 14 | margin-right:10px; 15 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-doc-viewer/app-doc-viewer-templates/app-doc-viewer-templates-api/app-doc-viewer-templates-api.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-templates-api{ 2 | width:100%; 3 | height:100%; 4 | display:flex; 5 | flex-direction: column; 6 | overflow: hidden; 7 | } 8 | 9 | app-doc-viewer-templates-api app-doc-viewer-templates-api-menu{ 10 | height:40px; 11 | width:100%; 12 | min-height: 40px; 13 | } 14 | app-doc-viewer-templates-api app-doc-viewer-templates-api-content{ 15 | flex-grow:1; 16 | } 17 | 18 | app-doc-viewer-templates-api .app-doc-viewer-templates-api-private{ 19 | 20 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-doc-viewer/app-doc-viewer-tree/app-doc-viewer-tree.css: -------------------------------------------------------------------------------- 1 | app-doc-viewer-tree{ 2 | height:100%; 3 | } 4 | 5 | app-doc-viewer-tree .eon-tree-tree{ 6 | font-weight: normal; 7 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-fading/app-fading.css: -------------------------------------------------------------------------------- 1 | app-fading { 2 | position:absolute; 3 | height: 100%; 4 | width: 100%; 5 | z-index:9999; 6 | transition: all; 7 | /* transition: all 0.5s; */ 8 | opacity: 1; 9 | pointer-events: none; 10 | } 11 | .app-fading-hidden { 12 | /* display: none; */ 13 | /* transition-duration: 0s; */ 14 | opacity: 0; 15 | } 16 | .app-fading-shown { 17 | /* display: none; */ 18 | /* transition-duration: 0.5s; */ 19 | opacity: 1; 20 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-go-top/app-go-top.css: -------------------------------------------------------------------------------- 1 | app-go-top{ 2 | display: block; 3 | bottom: -100px; 4 | position: fixed; 5 | right: 30px; 6 | z-index: 99; 7 | border: none; 8 | outline: none; 9 | background-color: #333333; 10 | color: white; 11 | cursor: pointer; 12 | padding: 10px; 13 | border-radius: 50%; 14 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); 15 | transition: 0.3s ease all; 16 | } 17 | app-go-top:hover { 18 | box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); 19 | } 20 | 21 | .app-go-top-show{ 22 | bottom: 10px !important; 23 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-menu-box/app-menu-box.css: -------------------------------------------------------------------------------- 1 | app-menu-box { 2 | height: 100%; 3 | user-select: none; 4 | display: flex; 5 | flex-direction: column; 6 | align-items: center; 7 | } 8 | 9 | app-menu-box .app-menu-box-label { 10 | height: 100%; 11 | user-select: none; 12 | display: flex; 13 | flex-direction: row; 14 | align-items: center; 15 | cursor:pointer; 16 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-menu/app-menu-item/app-menu-item.css: -------------------------------------------------------------------------------- 1 | app-menu-item{ 2 | width:auto; 3 | height:100%; 4 | display:flex; 5 | flex-direction: row; 6 | align-items: center; 7 | } 8 | app-menu-item .app-menu-item-icon{ 9 | padding:0px 5px; 10 | } 11 | app-menu-item .app-menu-item-selected{ 12 | text-decoration: underline; 13 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-menu/app-menu.css: -------------------------------------------------------------------------------- 1 | app-menu { 2 | width: auto; 3 | height: 100%; 4 | user-select: none; 5 | display: flex; 6 | flex-direction: row; 7 | } 8 | 9 | app-menu .app-menu-main { 10 | display: flex; 11 | flex-direction: row; 12 | align-items: center; 13 | height: 100%; 14 | width: auto; 15 | } 16 | app-menu .app-menu-main app-menu-item { 17 | margin-right: 5px; 18 | cursor: pointer; 19 | } 20 | 21 | app-menu .app-menu-main app-menu-item:last-child { 22 | margin-right: 0px; 23 | } 24 | 25 | app-menu .app-menu-mobile { 26 | display: none; 27 | } 28 | 29 | @media (max-width: 700px) { 30 | app-menu .app-menu-main { 31 | display: none; 32 | } 33 | 34 | app-menu .app-menu-mobile { 35 | display: flex; 36 | } 37 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/app-table/app-table.css: -------------------------------------------------------------------------------- 1 | app-table { 2 | display: flex; 3 | flex-direction: column; 4 | } 5 | 6 | app-table .app-table-content { 7 | display: flex; 8 | flex-direction: row; 9 | height: auto; 10 | border-left: 1px solid #c7c7c7; 11 | } 12 | 13 | app-table .app-table-column { 14 | height: auto; 15 | position: relative; 16 | min-width: 100px; 17 | } 18 | 19 | app-table .app-table-resizer { 20 | width: 15px; 21 | height: 100%; 22 | cursor: col-resize; 23 | position: absolute; 24 | right: -7.5px; 25 | top: 0px; 26 | z-index: 100; 27 | } 28 | 29 | app-table .app-table-title { 30 | background-color: #c7c7c7; 31 | position: relative; 32 | text-align: center; 33 | line-height: 30px; 34 | color: #6b6b6b; 35 | } 36 | 37 | app-table .app-table-cell { 38 | padding: 5px; 39 | border-right: 1px solid #c7c7c7; 40 | border-bottom: 1px solid #c7c7c7; 41 | box-sizing: border-box; 42 | word-wrap: break-word; 43 | } 44 | 45 | app-table .app-table-cell-clickable { 46 | cursor: pointer; 47 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/custom/doc-playground/doc-showcase/doc-showcase.css: -------------------------------------------------------------------------------- 1 | doc-showcase { 2 | display: flex; 3 | flex-direction: column; 4 | padding: 20px; 5 | } 6 | 7 | doc-showcase .doc-showcase-title { 8 | font-size: 20px; 9 | margin-bottom: 10px; 10 | font-weight: bold; 11 | color: #888888; 12 | user-select: none; 13 | } 14 | 15 | doc-showcase .doc-showcase-content {} -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/polyfill/class-list/class-list.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | 3 | DOMTokenList.prototype.add = function () { 4 | 5 | if(arguments.length > 1) { 6 | 7 | for (var i = 0; i < arguments.length; i++) { 8 | proxied.apply(this, [arguments[i]]); 9 | } 10 | 11 | } else { 12 | return proxied.apply(this, arguments); 13 | } 14 | 15 | }; 16 | })(DOMTokenList.prototype.add); 17 | 18 | (function (proxied) { 19 | 20 | DOMTokenList.prototype.remove = function () { 21 | 22 | if (arguments.length > 1) { 23 | 24 | for (var i = 0; i < arguments.length; i++) { 25 | proxied.apply(this, [arguments[i]]); 26 | } 27 | 28 | } else { 29 | return proxied.apply(this, arguments); 30 | } 31 | 32 | }; 33 | })(DOMTokenList.prototype.remove); -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/polyfill/css/scope.js: -------------------------------------------------------------------------------- 1 | (function(doc, proto) { 2 | try { 3 | // check if browser supports :scope natively 4 | doc.querySelector(":scope body"); 5 | } catch (err) { 6 | // polyfill native methods if it doesn't 7 | ["querySelector", "querySelectorAll"].forEach(function(method) { 8 | var nativ = proto[method]; 9 | proto[method] = function(selectors) { 10 | if (/(^|,)\s*:scope/.test(selectors)) { 11 | // only if selectors contains :scope 12 | var id = this.id; // remember current element id 13 | this.id = "ID_" + Date.now(); // assign new unique id 14 | selectors = selectors.replace(/((^|,)\s*):scope/g, "$1#" + this.id); // replace :scope with #ID 15 | var result = doc[method](selectors); 16 | this.id = id; // restore previous id 17 | return result; 18 | } else { 19 | return nativ.call(this, selectors); // use native code for other selectors 20 | } 21 | }; 22 | }); 23 | } 24 | })(window.document, Element.prototype); 25 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/polyfill/locale-string/locale-string.js: -------------------------------------------------------------------------------- 1 | (function (proxied) { 2 | Date.prototype.toLocaleString = function (locale, options) { 3 | 4 | if (options.month && Object.keys(options).length == 1) { 5 | return eon.time.defaultLocale.months[options.month][this.getMonth()]; 6 | } else if (options.weekday && Object.keys(options).length == 1) { 7 | return eon.time.defaultLocale.weekdays[options.weekday][this.getDay()]; 8 | } 9 | 10 | return proxied.apply(this, arguments); 11 | }; 12 | })(Date.prototype.toLocaleString); -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/claro/eon-gutter.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-gutter[theme="claro"] .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 6 | div[data-theme="claro"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon, 7 | body[data-theme="claro"] eon-gutter .eon-gutter-splitterClickable:hover .eon-gutter-splitterCollapseIcon { 8 | color: #ffffff; 9 | } 10 | eon-gutter[theme="claro"] .eon-gutter-splitter.eon-sect1, 11 | div[data-theme="claro"] eon-gutter .eon-gutter-splitter.eon-sect1, 12 | body[data-theme="claro"] eon-gutter .eon-gutter-splitter.eon-sect1 { 13 | background-color: #f1f0f0; 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/claro/eon-panel.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | /* Vimlet panel element */ 6 | eon-panel[theme="claro"], 7 | div[data-theme="claro"] eon-panel, 8 | body[data-theme="claro"] eon-panel { 9 | /* Header */ 10 | /* Content top shadow div */ 11 | } 12 | eon-panel[theme="claro"] .eon-panel-header, 13 | div[data-theme="claro"] eon-panel .eon-panel-header, 14 | body[data-theme="claro"] eon-panel .eon-panel-header { 15 | background-color: #f1f0f0; 16 | color: #9a9a9a; 17 | } 18 | eon-panel[theme="claro"] .eon-panel-shadowDrop, 19 | div[data-theme="claro"] eon-panel .eon-panel-shadowDrop, 20 | body[data-theme="claro"] eon-panel .eon-panel-shadowDrop { 21 | box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4); 22 | } 23 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/claro/eon-searchbar.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-searchbar[theme="claro"] .eon-text-description, 6 | div[data-theme="claro"] eon-searchbar .eon-text-description, 7 | body[data-theme="claro"] eon-searchbar .eon-text-description { 8 | margin-top: 0; 9 | } 10 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/claro/eon-sticky.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-sticky[theme="claro"] .eon-sticky-stickyWrapper, 6 | div[data-theme="claro"] eon-sticky .eon-sticky-stickyWrapper, 7 | body[data-theme="claro"] eon-sticky .eon-sticky-stickyWrapper { 8 | z-index: 1; 9 | position: relative; 10 | height: 100%; 11 | width: 100%; 12 | } 13 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/claro/eon-tree.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-tree[theme="claro"], 6 | div[data-theme="claro"] eon-tree, 7 | body[data-theme="claro"] eon-tree { 8 | height: 100%; 9 | } 10 | eon-tree[theme="claro"] .eon-tree-tree .eon-tree-wrapper, 11 | div[data-theme="claro"] eon-tree .eon-tree-tree .eon-tree-wrapper, 12 | body[data-theme="claro"] eon-tree .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/claro/eon-video.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-video[theme="claro"] .eon-video-timeline, 6 | div[data-theme="claro"] eon-video .eon-video-timeline, 7 | body[data-theme="claro"] eon-video .eon-video-timeline { 8 | background-color: #57cde3; 9 | } 10 | eon-video[theme="claro"] .eon-video-poster, 11 | div[data-theme="claro"] eon-video .eon-video-poster, 12 | body[data-theme="claro"] eon-video .eon-video-poster { 13 | background-color: rgba(197, 197, 197, 0.5); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/claro/variables.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Black.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-BlackItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Bold.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-BoldItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Italic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Light.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-LightItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Medium.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-MediumItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Regular.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-Thin.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/Roboto/Roboto-ThinItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.eot -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/framework/eon/theme/font/vimlet/fonts/vimlet-vicons.woff -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/noire/eon-tree.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-tree[theme="noire"], 6 | div[data-theme="noire"] eon-tree, 7 | body[data-theme="noire"] eon-tree { 8 | height: 100%; 9 | } 10 | eon-tree[theme="noire"] .eon-tree-tree .eon-tree-wrapper, 11 | div[data-theme="noire"] eon-tree .eon-tree-tree .eon-tree-wrapper, 12 | body[data-theme="noire"] eon-tree .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/noire/eon-video.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | eon-video[theme="noire"] .eon-video-timeline, 6 | div[data-theme="noire"] eon-video .eon-video-timeline, 7 | body[data-theme="noire"] eon-video .eon-video-timeline { 8 | background-color: #3da5b7; 9 | } 10 | eon-video[theme="noire"] .eon-video-poster, 11 | div[data-theme="noire"] eon-video .eon-video-poster, 12 | body[data-theme="noire"] eon-video .eon-video-poster { 13 | background-color: rgba(51, 51, 51, 0.5); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/theme/noire/variables.css: -------------------------------------------------------------------------------- 1 | /* Set 1 - Containers (appmenu, searchbar, date, appmenu, grid, headerpanel, 2 | loadingmask, menu, swiper, tab, tabs, togglemenu, video) */ 3 | /* Set 2 - Elements (button, check, combo, number, text, 4 | radio, contextmenu, slider, treenode) */ 5 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-bubble/eon-bubble.css: -------------------------------------------------------------------------------- 1 | eon-bubble { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | border-radius: 28px; 6 | cursor: pointer; 7 | } 8 | .eon-bubble-hidable { 9 | position: fixed; 10 | bottom: 40px; 11 | right: 40px; 12 | height: 50px; 13 | width: 50px; 14 | } 15 | .eon-bubble-icon { 16 | font-size: 18px; 17 | } 18 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-button/eon-button.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "1.0.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-check/eon-check.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-combo/eon-combo.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-contextmenu/eon-contextmenu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-date/eon-date.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-dialog/eon-dialog.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-editor/eon-editor.css: -------------------------------------------------------------------------------- 1 | eon-editor { 2 | height: 100%; 3 | width: 100%; 4 | max-height: 450px; 5 | position: relative; 6 | display: flex; 7 | } 8 | eon-editor eon-loading { 9 | width: 100%; 10 | height: 100%; 11 | min-height: 300px; 12 | box-sizing: border-box; 13 | align-self: center; 14 | } 15 | eon-editor span { 16 | font-family: Consolas, "Courier New", monospace !important; 17 | font-size: 14px !important; 18 | } 19 | .eon-editor-padding { 20 | height: 100%; 21 | width: 100%; 22 | padding: 10px 0px; 23 | box-sizing: border-box; 24 | background-color: #1e1e1e; 25 | position: absolute; 26 | } 27 | #eon-editor-content { 28 | width: 100%; 29 | height: 100%; 30 | min-height: 10px; 31 | box-sizing: border-box; 32 | min-width: 100%; 33 | flex-grow: 1; 34 | } 35 | .eon-editor-until-render { 36 | display: none; 37 | } 38 | #eon-editor-loading { 39 | width: 100%; 40 | height: 100%; 41 | min-height: 300px; 42 | box-sizing: border-box; 43 | } 44 | .monaco-editor { 45 | overflow: hidden !important; 46 | box-sizing: border-box !important; 47 | } 48 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-editor/eon-editor.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-form/eon-form.css: -------------------------------------------------------------------------------- 1 | eon-form.eon-fill { 2 | height: 100%; 3 | width: 100%; 4 | } 5 | eon-form.eon-spaced-container { 6 | display: flex; 7 | flex-direction: column; 8 | } 9 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-form/eon-form.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-grid/eon-grid-cell/eon-grid-cell.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-grid/eon-grid-row/eon-grid-row.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-grid/eon-grid-row/eon-grid-row.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-grid/eon-grid.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-group/eon-group.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-gutter/eon-gutter.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-item/eon-item.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-loading/eon-loading.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-menu/eon-menu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-number/eon-number.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-overlay/eon-overlay.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-overlay/eon-overlay.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-panel/eon-panel.css: -------------------------------------------------------------------------------- 1 | eon-panel[allow-scroll="false"] { 2 | overflow: auto; 3 | } 4 | .eon-panel-no-scroll { 5 | overflow: hidden !important; 6 | display: flex; 7 | flex-direction: column; 8 | } 9 | .eon-panel-header { 10 | display: flex; 11 | height: 40px; 12 | line-height: 50px; 13 | padding-left: 10px; 14 | font-weight: bold; 15 | transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 0), color 0.3s cubic-bezier(0.4, 0, 0.2, 0), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 0); 16 | } 17 | .eon-panel-content { 18 | flex-grow: 1; 19 | flex-basis: 0; 20 | overflow: auto; 21 | position: relative; 22 | } 23 | .eon-panel-shadowDrop { 24 | position: absolute; 25 | top: 0; 26 | left: 0; 27 | right: 0; 28 | height: 6px; 29 | pointer-events: none; 30 | transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 0); 31 | } 32 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-panel/eon-panel.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-progressbar/eon-progressbar.css: -------------------------------------------------------------------------------- 1 | eon-progressbar { 2 | top: 0; 3 | left: 0; 4 | position: absolute; 5 | height: 100%; 6 | width: 100%; 7 | } 8 | .eon-progressbar-progress { 9 | top: auto; 10 | position: static; 11 | } 12 | .eon-progressbar-bar { 13 | position: relative; 14 | height: 100%; 15 | width: 100%; 16 | overflow: hidden; 17 | display: flex; 18 | flex-direction: column; 19 | justify-content: center; 20 | } 21 | .eon-progressbar-rail { 22 | position: absolute; 23 | height: 100%; 24 | width: 100%; 25 | opacity: 0; 26 | } 27 | .eon-progressbar-loadingBar { 28 | height: 100%; 29 | width: 1px; 30 | transition: width 0s; 31 | z-index: 1; 32 | } 33 | .eon-progressbar-indicator { 34 | font-size: 15px; 35 | margin-top: 2px; 36 | margin-right: 5px; 37 | float: right; 38 | } 39 | .eon-progressbar-disable { 40 | display: none; 41 | } 42 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-progressbar/eon-progressbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-radio/eon-radio.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-scroll/eon-scroll.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-searchbar/eon-searchbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-section/eon-section.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-separator/eon-separator.css: -------------------------------------------------------------------------------- 1 | eon-separator { 2 | position: absolute; 3 | display: flex; 4 | flex-direction: column; 5 | justify-content: center; 6 | align-items: center; 7 | height: 1px; 8 | width: 100%; 9 | bottom: 0; 10 | left: 0; 11 | overflow-x: hidden; 12 | } 13 | eon-separator.eon-separator-vertical { 14 | flex-direction: row; 15 | height: 100%; 16 | width: 1px; 17 | overflow-y: hidden; 18 | bottom: auto; 19 | left: auto; 20 | right: 0; 21 | top: 0; 22 | } 23 | .eon-separator-bar { 24 | height: 100%; 25 | width: 100%; 26 | left: 0; 27 | } 28 | .eon-separator-bar-full { 29 | left: 0; 30 | } 31 | .eon-separator-bar-mid { 32 | left: auto; 33 | } 34 | .eon-separator-bar-start { 35 | left: 0; 36 | align-self: flex-start; 37 | } 38 | .eon-separator-bar-end { 39 | right: 0; 40 | align-self: flex-end; 41 | } 42 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-separator/eon-separator.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-slider/eon-slider.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-stack/eon-stack.css: -------------------------------------------------------------------------------- 1 | eon-stack { 2 | height: 100%; 3 | display: flex; 4 | } 5 | eon-stack.eon-stack-flex { 6 | flex-grow: 1; 7 | } 8 | eon-stack.eon-stack-flex > eon-panel { 9 | height: auto; 10 | flex-grow: 1; 11 | } 12 | eon-stack eon-panel.eon-stack-visible { 13 | display: block; 14 | } 15 | eon-stack.eon-stack-flex eon-panel.eon-stack-visible { 16 | display: flex; 17 | } 18 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-stack/eon-stack.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.7.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-sticky/eon-sticky.css: -------------------------------------------------------------------------------- 1 | .eon-sticky-stickyWrapper { 2 | position: relative; 3 | height: 100%; 4 | width: 100%; 5 | opacity: 1; 6 | } 7 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-sticky/eon-sticky.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.8" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-swiper/eon-swiper-slide/eon-swiper-slide.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-swiper/eon-swiper.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-tabs/eon-tabs.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-text/eon-text.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-toggle/eon-toggle.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-tree/eon-tree-node/eon-tree-node.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-tree/eon-tree.css: -------------------------------------------------------------------------------- 1 | eon-tree { 2 | height: 100%; 3 | } 4 | .eon-tree-tree { 5 | position: relative; 6 | padding: 0; 7 | display: flex; 8 | font-weight: bold; 9 | flex-direction: column; 10 | overflow: hidden; 11 | } 12 | .eon-tree-tree .eon-tree-wrapper { 13 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0); 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-tree/eon-tree.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/framework/eon/ui/eon-video/eon-video.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.5" 3 | } -------------------------------------------------------------------------------- /eon-docs/template/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 17 | 18 | 27 | 28 | 29 | 30 | 31 | 32 | 37 | 38 | -------------------------------------------------------------------------------- /eon-docs/template/src/index.html.vmt: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 17 | 18 | 26 | 27 | 28 | 29 | 30 | > 31 | 36 | 37 | -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-button.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables.less"; 3 | @element: eon-button; 4 | 5 | eon-button[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-button, 7 | body[data-theme="@{theme}"] eon-button { 8 | & .@{element}-button { 9 | background-position: center; 10 | transition: background @animation, box-shadow @animation; 11 | } 12 | &[design="filled"] .@{element}-button:hover { 13 | background: @ripple-filled-bg1-hover radial-gradient(circle, transparent 1%, @ripple-filled-bg1-hover 1%) center/15000%; 14 | box-shadow: @boxshadow-filled-hover; 15 | } 16 | &[design="filled"] .@{element}-button:active { 17 | background-color: @ripple-filled-bg1; 18 | background-size: 100%; 19 | transition: background 0s; 20 | } 21 | & .@{element}-button:hover { 22 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center/15000%; 23 | } 24 | & .@{element}-button:active { 25 | background-color: @ripple-inner-bg1; 26 | background-size: 100%; 27 | transition: background 0s; 28 | } 29 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-drawer.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-drawer; 3 | 4 | eon-drawer[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-drawer, 6 | body[data-theme="@{theme}"] eon-drawer { 7 | & { 8 | position: absolute; 9 | box-sizing: border-box; 10 | top: 0; 11 | left: 0; 12 | height: 100%; 13 | width: 250px; 14 | transition: transform .2s; 15 | z-index: 1; 16 | } 17 | &[type="right"] { 18 | right: 0; 19 | left: auto; 20 | } 21 | &[type="top"] { 22 | left: auto; 23 | right: auto; 24 | width: 100%; 25 | height: 250px; 26 | } 27 | &[type="bottom"] { 28 | top: auto; 29 | bottom: 0; 30 | left: auto; 31 | width: 100%; 32 | height: 250px; 33 | } 34 | .@{element}-static { 35 | position: relative; 36 | z-index: inherit; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-grid.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-grid; 3 | 4 | eon-grid[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-grid, 6 | body[data-theme="@{theme}"] eon-grid { 7 | 8 | & { 9 | color: @fg1; 10 | } 11 | 12 | &[editable="true"] eon-cell:hover { 13 | background: @sect1-hover; 14 | } 15 | 16 | .@{element}-header .@{element}-wrapper eon-cell:hover { 17 | background-color: @sect1-hover; 18 | } 19 | 20 | .eon-row-dropdown { 21 | background: @bg1-hover2; 22 | } 23 | 24 | .@{element}-entryRow:first-child { 25 | border-top: 1px solid @subtle1; 26 | } 27 | 28 | .@{element}-entryRow:not(.eon-bg2-active) { 29 | color: @fg8; 30 | } 31 | 32 | .@{element}-entryRow { 33 | border-bottom: 1px solid @subtle1; 34 | } 35 | 36 | .@{element}-expandedRow { 37 | border-width: 1px; 38 | border-style: solid; 39 | border-color: @eonFrontColor; 40 | } 41 | 42 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-gutter.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-gutter; 3 | 4 | eon-gutter[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-gutter, 6 | body[data-theme="@{theme}"] eon-gutter { 7 | 8 | .@{element}-splitterClickable:hover .@{element}-splitterCollapseIcon{ 9 | color: @fg4-hoverable; 10 | } 11 | .@{element}-splitter.eon-sect1{ 12 | background-color: @bg9; 13 | } 14 | 15 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-headerpanel.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-headerpanel; 3 | 4 | /* Vimlet panel element */ 5 | eon-headerpanel[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-headerpanel, 7 | body[data-theme="@{theme}"] eon-headerpanel { 8 | /* Header */ 9 | .@{element}-header{ 10 | display: none; 11 | height: 50px; 12 | line-height: 50px; 13 | padding-left: 10px; 14 | background-color: @sect5; 15 | color: @fg0; 16 | font-weight: bold; 17 | font-family: arial; 18 | transition: height .3s cubic-bezier(.4,0,.2,0); 19 | } 20 | /* Content top shadow div */ 21 | .@{element}-shadowDrop{ 22 | position: absolute; 23 | top: 0; 24 | left: 0; 25 | right: 0; 26 | height: 6px; 27 | opacity: 0; 28 | pointer-events: none; 29 | box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4); 30 | transition: opacity .3s cubic-bezier(.4,0,.2,0); 31 | } 32 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-menu.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-menu; 3 | 4 | eon-menu[theme="@{theme}"], 5 | eon-overlay[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-menu, 7 | body[data-theme="@{theme}"] eon-menu { 8 | 9 | .@{element}-button:hover { 10 | color: @eonFrontColor; 11 | } 12 | .@{element}-page eon-item:hover { 13 | color: @eonFrontColor; 14 | } 15 | eon-item { 16 | background-color: @bg1-hover3; 17 | } 18 | eon-item:hover { 19 | background-color: @bg1-hover2 !important; 20 | } 21 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-number.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables.less"; 3 | @element: eon-number; 4 | 5 | eon-number[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-number, 7 | body[data-theme="@{theme}"] eon-number { 8 | &[readonly="true"] .@{element}-control:hover { 9 | color: @fg1; 10 | } 11 | 12 | &.@{element}-focus .@{element}-label { 13 | color: @eonFrontColor; 14 | } 15 | 16 | .@{element}-inputBar:before, .@{element}-inputBar:after { 17 | background: @eonFrontColor; 18 | } 19 | 20 | &.@{element}-error .@{element}-label { 21 | color: @error1; 22 | } 23 | 24 | &.@{element}-error .@{element}-group { 25 | border-bottom: 1px solid @error1; 26 | } 27 | 28 | &.@{element}-error .@{element}-inputBar:before, &.@{element}-error .@{element}-inputBar:after { 29 | background: @error1; 30 | } 31 | 32 | &.@{element}-error .@{element}-description { 33 | color: @error1; 34 | } 35 | 36 | // New 37 | .@{element}-control { 38 | cursor: pointer; 39 | transition: color @animation; 40 | } 41 | 42 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-searchbar.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-searchbar; 3 | 4 | eon-searchbar[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-searchbar, 6 | body[data-theme="@{theme}"] eon-searchbar { 7 | 8 | .eon-text-description { 9 | margin-top: 0; 10 | } 11 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-sticky.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-sticky; 3 | 4 | eon-sticky[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-sticky, 6 | body[data-theme="@{theme}"] eon-sticky { 7 | 8 | .@{element}-stickyWrapper{ 9 | z-index: 1; 10 | position: relative; 11 | height: 100%; 12 | width: 100%; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-swiper.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-swiper; 3 | 4 | eon-swiper[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-swiper, 6 | body[data-theme="@{theme}"] eon-swiper { 7 | 8 | .@{element}-thumbnail{ 9 | background-color: @white; 10 | } 11 | /* 12 | * Navigation controllers 13 | */ 14 | .@{element}-navBtn { 15 | color: @white; 16 | text-align: center; 17 | } 18 | 19 | &.@{element}-vertical .@{element}-navBtn{ 20 | position: absolute; 21 | color: @white; 22 | } 23 | .@{element}-screenBtn.eon-fg1-hoverable { 24 | color: #ffffff80; 25 | } 26 | .eon-fg1-hoverable:hover { 27 | color: @white; 28 | } 29 | /* 30 | * Gallery elements 31 | */ 32 | &.@{element}-gallery > .@{element}-pagination{ 33 | background-color: @sect4; 34 | } 35 | &.@{element}-gallery.@{element}-vertical > .@{element}-pagination{ 36 | background-color: @sect4; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-tabs.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables"; 3 | @element: eon-tabs; 4 | 5 | eon-tabs[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-tabs, 7 | body[data-theme="@{theme}"] eon-tabs { 8 | 9 | .@{element}-scrolls.enabled div { 10 | color: @fg0; 11 | } 12 | 13 | .@{element}-scrolls.enabled div:hover { 14 | color: @white; 15 | } 16 | 17 | .@{element}-closing { 18 | background-color: @error1; 19 | color: @bg0; 20 | } 21 | 22 | .@{element}-dragTarget { 23 | background-color: @bg2-hover; 24 | } 25 | 26 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-tree.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-tree; 3 | 4 | eon-tree[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-tree, 6 | body[data-theme="@{theme}"] eon-tree { 7 | & { 8 | height: 100%; 9 | } 10 | .@{element}-tree .@{element}-wrapper{ 11 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0);; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/eon-video.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-video; 3 | 4 | eon-video[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-video, 6 | body[data-theme="@{theme}"] eon-video { 7 | .@{element}-timeline { 8 | background-color: @eonFrontColor; 9 | } 10 | 11 | .@{element}-poster { 12 | background-color: rgba(197, 197, 197, 0.5); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/doc/global.less: -------------------------------------------------------------------------------- 1 | .app-separator{ 2 | flex-grow:1; 3 | } 4 | 5 | .app-display-none{ 6 | display:none !important; 7 | } -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Black.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-BlackItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Bold.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-BoldItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Italic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Light.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-LightItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Medium.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-MediumItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Regular.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-Thin.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-docs/template/src/less/eon/theme/font/Roboto/Roboto-ThinItalic.ttf -------------------------------------------------------------------------------- /eon-docs/template/src/template.json: -------------------------------------------------------------------------------- 1 | { 2 | "copy": { 3 | "include": "framework", 4 | "output": "framework" 5 | }, 6 | "meta": { 7 | "main":"index.html", 8 | "api":"api.html", 9 | "article":"article.html" 10 | } 11 | } -------------------------------------------------------------------------------- /eon-ui/.gitignore: -------------------------------------------------------------------------------- 1 | /.vscode 2 | /node_modules 3 | /npm-debug.log 4 | /package-lock.json 5 | /release 6 | /build -------------------------------------------------------------------------------- /eon-ui/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "eon-ui", 3 | "version": "0.9.11", 4 | "private": true, 5 | "license": "MIT", 6 | "devDependencies": { 7 | "@vimlet/commons-copy": "0.1.6", 8 | "@vimlet/less-watcher": "0.1.10", 9 | "@vimlet/meta": "2.1.5", 10 | "@vimlet/commons-compress": "0.1.6", 11 | "@vimlet/commons-run": "0.0.9", 12 | "npm-run-all": "4.1.5" 13 | }, 14 | "scripts": { 15 | "build": "run-s meta copy less", 16 | "build:watch": "run-p meta:watch copy:watch less:watch", 17 | "meta": "vimlet-meta -i 'src/meta/**/*.vmt' -o 'build'", 18 | "meta:watch": "vimlet-meta -i 'src/meta/**/*.vmt' -o 'build' -w 'src/meta'", 19 | "copy": "vimlet-copy -i 'src/copy/**/*' -o 'build'", 20 | "copy:watch": "vimlet-copy -i 'src/copy/**/*' -o 'build' -w 'src/copy'", 21 | "less": "vimlet-less -i 'src/less/**/*' -o 'build'", 22 | "less:watch": "vimlet-less -i 'src/less/**/*' -o 'build' -w 'src/less'", 23 | "release": "vimlet-compress -i 'build/eon/**/*' -o 'release/eon-ui.zip'" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-ui/src/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.eot -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-ui/src/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.ttf -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vimlet/eon/625913185dc405a972866770be6fe5e8e6d31ffb/eon-ui/src/copy/eon/theme/font/vimlet/fonts/vimlet-vicons.woff -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-button/eon-button.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "1.0.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-check/eon-check.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-combo/eon-combo.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-contextmenu/eon-contextmenu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-date/eon-date.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-dialog/eon-dialog.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-form/eon-form.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-grid/eon-grid-cell/eon-grid-cell.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-grid/eon-grid-row/eon-grid-row.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-grid/eon-grid-row/eon-grid-row.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-grid/eon-grid.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-group/eon-group.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-gutter/eon-gutter.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-item/eon-item.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-loading/eon-loading.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-menu/eon-menu.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-number/eon-number.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-overlay/eon-overlay.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-overlay/eon-overlay.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-panel/eon-panel.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-progressbar/eon-progressbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-radio/eon-radio.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-scroll/eon-scroll.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-searchbar/eon-searchbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-section/eon-section.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-separator/eon-separator.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-slider/eon-slider.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-stack/eon-stack.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.7.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-sticky/eon-sticky.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.8" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-swiper/eon-swiper-slide/eon-swiper-slide.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-swiper/eon-swiper.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-tabs/eon-tabs.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-text/eon-text.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-toggle/eon-toggle.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.0" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-tree/eon-tree-node/eon-tree-node.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-tree/eon-tree.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.9" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/copy/eon/ui/eon-video/eon-video.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.9.5" 3 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-bubble.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables.less"; 3 | @element: eon-bubble; 4 | 5 | eon-bubble[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-bubble, 7 | body[data-theme="@{theme}"] eon-bubble { 8 | & { 9 | background-position: center; 10 | box-shadow: @boxshadow7; 11 | transition: background 0.6s, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 0), 12 | transform 0.2s cubic-bezier(0.4, 0, 0.2, 0), color 0.2s cubic-bezier(0.4, 0, 0.2, 0); 13 | } 14 | &:hover { 15 | box-shadow: @boxshadow7-hover; 16 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center / 15000%; 17 | } 18 | &:active { 19 | background-color: @ripple-inner-bg1; 20 | background-size: 100%; 21 | transition: background 0s; 22 | } 23 | } 24 | 25 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-button.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables.less"; 3 | @element: eon-button; 4 | 5 | eon-button[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-button, 7 | body[data-theme="@{theme}"] eon-button { 8 | & .@{element}-button { 9 | background-position: center; 10 | transition: background @animation, box-shadow @animation; 11 | } 12 | &[design="filled"] .@{element}-button:hover { 13 | background: @ripple-filled-bg1-hover radial-gradient(circle, transparent 1%, @ripple-filled-bg1-hover 1%) center/15000%; 14 | box-shadow: @boxshadow-filled-hover; 15 | } 16 | &[design="filled"] .@{element}-button:active { 17 | background-color: @ripple-filled-bg1; 18 | background-size: 100%; 19 | transition: background 0s; 20 | } 21 | & .@{element}-button:hover { 22 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center/15000%; 23 | } 24 | & .@{element}-button:active { 25 | background-color: @ripple-inner-bg1; 26 | background-size: 100%; 27 | transition: background 0s; 28 | } 29 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-contextmenu.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-contextmenu; 3 | 4 | eon-contextmenu[theme="@{theme}"], 5 | eon-overlay[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-contextmenu, 7 | body[data-theme="@{theme}"] eon-contextmenu { 8 | 9 | .eon-contextmenu-contextmenu eon-item { 10 | background-position: center; 11 | transition: color @animation, background @animation; 12 | } 13 | .eon-contextmenu-contextmenu eon-item:hover { 14 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center/15000%; 15 | } 16 | .eon-contextmenu-contextmenu eon-item:active { 17 | background-color: @ripple-inner-bg1; 18 | background-size: 100%; 19 | transition: background 0s; 20 | } 21 | .eon-contextmenu-label.eon-contextmenu-movedLabel { 22 | color: @placeholder-color; 23 | } 24 | 25 | } 26 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-drawer.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-drawer; 3 | 4 | eon-drawer[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-drawer, 6 | body[data-theme="@{theme}"] eon-drawer { 7 | & { 8 | position: absolute; 9 | box-sizing: border-box; 10 | top: 0; 11 | left: 0; 12 | height: 100%; 13 | width: 250px; 14 | transition: transform3d .2s; 15 | z-index: 1; 16 | } 17 | &[type="right"] { 18 | right: 0; 19 | left: auto; 20 | } 21 | &[type="top"] { 22 | left: auto; 23 | right: auto; 24 | width: 100%; 25 | height: 250px; 26 | } 27 | &[type="bottom"] { 28 | top: auto; 29 | bottom: 0; 30 | left: auto; 31 | width: 100%; 32 | height: 250px; 33 | } 34 | .@{element}-static { 35 | position: relative; 36 | z-index: inherit; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-grid.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-grid; 3 | 4 | eon-grid[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-grid, 6 | body[data-theme="@{theme}"] eon-grid { 7 | 8 | & { 9 | color: @fg1; 10 | } 11 | 12 | &[editable="true"] eon-cell:hover { 13 | background: @sect1-hover; 14 | } 15 | 16 | .@{element}-header .@{element}-wrapper eon-cell:hover { 17 | background-color: @sect1-hover; 18 | } 19 | 20 | .eon-row-dropdown { 21 | background: @bg1-hover2; 22 | } 23 | 24 | .@{element}-entryRow:first-child { 25 | border-top: 1px solid @subtle1; 26 | } 27 | 28 | .@{element}-entryRow:not(.eon-bg2-active) { 29 | color: @fg8; 30 | } 31 | 32 | .@{element}-entryRow { 33 | border-bottom: 1px solid @subtle1; 34 | } 35 | 36 | .@{element}-expandedRow { 37 | border-width: 1px; 38 | border-style: solid; 39 | border-color: @eonFrontColor; 40 | } 41 | 42 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-gutter.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-gutter; 3 | 4 | eon-gutter[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-gutter, 6 | body[data-theme="@{theme}"] eon-gutter { 7 | 8 | .@{element}-splitterClickable:hover .@{element}-splitterCollapseIcon{ 9 | color: @fg4-hoverable; 10 | } 11 | .@{element}-splitter.eon-sect1{ 12 | background-color: @bg9; 13 | } 14 | 15 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-menu.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-menu; 3 | 4 | eon-menu[theme="@{theme}"], 5 | eon-overlay[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-menu, 7 | body[data-theme="@{theme}"] eon-menu { 8 | 9 | .@{element}-button, 10 | .@{element}-modalButton { 11 | transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 0); 12 | } 13 | .@{element}-button:hover, 14 | .@{element}-modalButton:hover { 15 | color: @eonFrontColor; 16 | } 17 | 18 | eon-item { 19 | background-position: center; 20 | transition: color @animation, background @animation; 21 | } 22 | eon-item:hover { 23 | color: @eonFrontColor; 24 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center/15000%; 25 | } 26 | eon-item:active { 27 | background-color: @ripple-inner-bg1; 28 | background-size: 100%; 29 | transition: background 0s; 30 | } 31 | 32 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-number.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables.less"; 3 | @element: eon-number; 4 | 5 | eon-number[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-number, 7 | body[data-theme="@{theme}"] eon-number { 8 | &[readonly="true"] .@{element}-control:hover { 9 | color: @fg1; 10 | } 11 | 12 | &.@{element}-focus .@{element}-label { 13 | color: @eonFrontColor; 14 | } 15 | 16 | &.@{element}-focus .@{element}-underline { 17 | background: @eonFrontColor; 18 | } 19 | 20 | &.@{element}-error .@{element}-label, &.@{element}-error .@{element}-description { 21 | color: @error1; 22 | } 23 | 24 | &.@{element}-error .@{element}-main { 25 | border-bottom: 1px solid @error1; 26 | } 27 | 28 | &.@{element}-error .@{element}-underline { 29 | background: @error1; 30 | } 31 | 32 | // New 33 | .@{element}-control { 34 | cursor: pointer; 35 | transition: color @animation; 36 | } 37 | 38 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-panel.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-panel; 3 | 4 | /* Vimlet panel element */ 5 | eon-panel[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-panel, 7 | body[data-theme="@{theme}"] eon-panel { 8 | /* Header */ 9 | .@{element}-header{ 10 | background-color: #f1f0f0; 11 | color: #9a9a9a; 12 | } 13 | /* Content top shadow div */ 14 | .@{element}-shadowDrop{ 15 | box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4); 16 | } 17 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-progressbar.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-progressbar; 3 | 4 | eon-progressbar[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-progressbar, 6 | body[data-theme="@{theme}"] eon-progressbar { 7 | &{ 8 | top: 0; 9 | left: 0; 10 | position: absolute; 11 | height: 100%; 12 | width: 100%; 13 | } 14 | &.@{element}-progress{ 15 | top: auto; 16 | position: static; 17 | } 18 | .@{element}-bar{ 19 | position: relative; 20 | height: 100%; 21 | width: 100%; 22 | overflow: hidden; 23 | display: flex; 24 | flex-direction: column; 25 | justify-content: center; 26 | } 27 | .@{element}-rail{ 28 | position: absolute; 29 | height: 100%; 30 | width: 100%; 31 | background-color: @bg8; 32 | opacity: 0; 33 | } 34 | .@{element}-loadingBar{ 35 | height: 100%; 36 | width: 1px; 37 | transition: width 0s; 38 | z-index: 1; 39 | } 40 | .@{element}-indicator{ 41 | color: @fg1; 42 | font-size: 15px; 43 | margin-top: 2px; 44 | margin-right: 5px; 45 | float: right; 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-searchbar.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-searchbar; 3 | 4 | eon-searchbar[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-searchbar, 6 | body[data-theme="@{theme}"] eon-searchbar { 7 | 8 | .eon-text-description { 9 | margin-top: 0; 10 | } 11 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-sticky.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-sticky; 3 | 4 | eon-sticky[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-sticky, 6 | body[data-theme="@{theme}"] eon-sticky { 7 | 8 | .@{element}-stickyWrapper{ 9 | z-index: 1; 10 | position: relative; 11 | height: 100%; 12 | width: 100%; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-swiper.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-swiper; 3 | 4 | eon-swiper[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-swiper, 6 | body[data-theme="@{theme}"] eon-swiper { 7 | 8 | .@{element}-thumbnail{ 9 | background-color: @white; 10 | } 11 | /* 12 | * Navigation controllers 13 | */ 14 | .@{element}-navBtn { 15 | color: @white; 16 | text-align: center; 17 | } 18 | 19 | &.@{element}-vertical .@{element}-navBtn{ 20 | position: absolute; 21 | color: @white; 22 | } 23 | .@{element}-screenBtn.eon-fg1-hoverable { 24 | color: #ffffff80; 25 | } 26 | .eon-fg1-hoverable:hover { 27 | color: @white; 28 | } 29 | /* 30 | * Gallery elements 31 | */ 32 | &.@{element}-gallery > .@{element}-pagination{ 33 | background-color: @sect4; 34 | } 35 | &.@{element}-gallery.@{element}-vertical > .@{element}-pagination{ 36 | background-color: @sect4; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-tabs.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables"; 3 | @element: eon-tabs; 4 | 5 | eon-tabs[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-tabs, 7 | body[data-theme="@{theme}"] eon-tabs { 8 | 9 | .@{element}-scrolls.enabled div { 10 | color: @fg0; 11 | } 12 | 13 | .@{element}-scrolls.enabled div:hover { 14 | color: @white; 15 | } 16 | 17 | .@{element}-closing { 18 | background-color: @error1; 19 | color: @bg0; 20 | } 21 | 22 | .@{element}-dragTarget { 23 | background-color: @bg2-hover; 24 | } 25 | 26 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-tree.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-tree; 3 | 4 | eon-tree[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-tree, 6 | body[data-theme="@{theme}"] eon-tree { 7 | & { 8 | height: 100%; 9 | } 10 | .@{element}-tree .@{element}-wrapper{ 11 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0);; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/claro/eon-video.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-video; 3 | 4 | eon-video[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-video, 6 | body[data-theme="@{theme}"] eon-video { 7 | .@{element}-timeline { 8 | background-color: @eonFrontColor; 9 | } 10 | 11 | .@{element}-poster { 12 | background-color: rgba(197, 197, 197, 0.5); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-bubble.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables.less"; 3 | @element: eon-bubble; 4 | 5 | eon-bubble[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-bubble, 7 | body[data-theme="@{theme}"] eon-bubble { 8 | & { 9 | background-position: center; 10 | box-shadow: @boxshadow7; 11 | transition: background 0.6s, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 0), 12 | transform 0.2s cubic-bezier(0.4, 0, 0.2, 0), color 0.2s cubic-bezier(0.4, 0, 0.2, 0); 13 | } 14 | &:hover { 15 | box-shadow: @boxshadow7-hover; 16 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center / 15000%; 17 | } 18 | &:active { 19 | background-color: @ripple-inner-bg1; 20 | background-size: 100%; 21 | transition: background 0s; 22 | } 23 | } 24 | 25 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-button.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-button; 3 | 4 | eon-button[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-button, 6 | body[data-theme="@{theme}"] eon-button { 7 | & .@{element}-button { 8 | background-position: center; 9 | transition: background @animation; 10 | } 11 | &[design="filled"] .@{element}-button:hover { 12 | background: @ripple-filled-bg1-hover radial-gradient(circle, transparent 1%, @bg2-filled-hover 1%) center/15000%; 13 | box-shadow: @boxshadow-filled-hover; 14 | } 15 | &[design="filled"] .@{element}-button:active { 16 | background-color: @ripple-filled-bg1; 17 | background-size: 100%; 18 | transition: background 0s; 19 | } 20 | & .@{element}-button:hover { 21 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center/15000%; 22 | } 23 | & .@{element}-button:active { 24 | background-color: @ripple-inner-bg1; 25 | background-size: 100%; 26 | transition: background 0s; 27 | } 28 | 29 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-contextmenu.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-contextmenu; 3 | 4 | eon-contextmenu[theme="@{theme}"], 5 | eon-overlay[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-contextmenu, 7 | body[data-theme="@{theme}"] eon-contextmenu { 8 | 9 | .eon-contextmenu-contextmenu eon-item { 10 | background-position: center; 11 | transition: color @animation, background @animation; 12 | } 13 | .eon-contextmenu-contextmenu eon-item:hover { 14 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center/15000%; 15 | } 16 | .eon-contextmenu-contextmenu eon-item:active { 17 | background-color: @ripple-inner-bg1; 18 | background-size: 100%; 19 | transition: background 0s; 20 | } 21 | .eon-contextmenu-label.eon-contextmenu-movedLabel { 22 | color: @placeholder-color; 23 | } 24 | 25 | } 26 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-grid.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-grid; 3 | 4 | eon-grid[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-grid, 6 | body[data-theme="@{theme}"] eon-grid { 7 | 8 | & { 9 | color: @fg1; 10 | } 11 | 12 | &[editable="true"] eon-cell:hover { 13 | background: @sect1-hover; 14 | } 15 | 16 | .@{element}-header .@{element}-wrapper eon-cell:hover { 17 | background-color: @sect1-hover; 18 | } 19 | 20 | .eon-row-dropdown { 21 | background: @bg1-hover2; 22 | } 23 | 24 | .@{element}-entryRow:first-child { 25 | border-top: 1px solid @subtle1; 26 | } 27 | 28 | .@{element}-entryRow:not(.eon-bg2-active) { 29 | color: @fg8; 30 | } 31 | 32 | .@{element}-entryRow { 33 | border-bottom: 1px solid @subtle1; 34 | } 35 | 36 | .@{element}-expandedRow { 37 | border-width: 1px; 38 | border-style: solid; 39 | border-color: @eonFrontColor; 40 | } 41 | 42 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-menu.less: -------------------------------------------------------------------------------- 1 | @import "variables.less"; 2 | @element: eon-menu; 3 | 4 | eon-menu[theme="@{theme}"], 5 | eon-overlay[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-menu, 7 | body[data-theme="@{theme}"] eon-menu { 8 | 9 | .@{element}-button, 10 | .@{element}-modalButton { 11 | transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 0); 12 | } 13 | .@{element}-button:hover, 14 | .@{element}-modalButton:hover { 15 | color: @eonFrontColor; 16 | } 17 | 18 | eon-item { 19 | background-position: center; 20 | transition: color @animation, background @animation; 21 | } 22 | eon-item:hover { 23 | color: @eonFrontColor; 24 | background: @ripple-inner-bg1-hover radial-gradient(circle, transparent 1%, @ripple-inner-bg1-hover 1%) center/15000%; 25 | } 26 | eon-item:active { 27 | background-color: @ripple-inner-bg1; 28 | background-size: 100%; 29 | transition: background 0s; 30 | } 31 | 32 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-number.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables.less"; 3 | @element: eon-number; 4 | 5 | eon-number[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-number, 7 | body[data-theme="@{theme}"] eon-number { 8 | &[readonly="true"] .@{element}-control:hover { 9 | color: @fg1; 10 | } 11 | 12 | &.@{element}-focus .@{element}-label { 13 | color: @eonFrontColor; 14 | } 15 | 16 | &.@{element}-focus .@{element}-underline { 17 | background: @eonFrontColor; 18 | } 19 | 20 | &.@{element}-error .@{element}-label, &.@{element}-error .@{element}-description { 21 | color: @error1; 22 | } 23 | 24 | &.@{element}-error .@{element}-main { 25 | border-bottom: 1px solid @error1; 26 | } 27 | 28 | &.@{element}-error .@{element}-underline { 29 | background: @error1; 30 | } 31 | 32 | // New 33 | .@{element}-control { 34 | cursor: pointer; 35 | transition: color @animation; 36 | } 37 | 38 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-swiper.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-swiper; 3 | 4 | eon-swiper[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-swiper, 6 | body[data-theme="@{theme}"] eon-swiper { 7 | 8 | .@{element}-thumbnail{ 9 | background-color: @white; 10 | } 11 | 12 | /* 13 | * Navigation controllers 14 | */ 15 | .@{element}-navBtn { 16 | color: @white; 17 | text-align: center; 18 | } 19 | 20 | &.@{element}-vertical .@{element}-navBtn{ 21 | position: absolute; 22 | color: @white; 23 | } 24 | 25 | /* 26 | * Gallery elements 27 | */ 28 | &.@{element}-gallery > .@{element}-pagination{ 29 | background-color: @sect4; 30 | } 31 | &.@{element}-gallery.@{element}-vertical > .@{element}-pagination{ 32 | background-color: @sect4; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-tabs.less: -------------------------------------------------------------------------------- 1 | 2 | @import "variables"; 3 | @element: eon-tabs; 4 | 5 | eon-tabs[theme="@{theme}"], 6 | div[data-theme="@{theme}"] eon-tabs, 7 | body[data-theme="@{theme}"] eon-tabs { 8 | 9 | .@{element}-scrolls.enabled div { 10 | color: @fg0; 11 | } 12 | 13 | .@{element}-scrolls.enabled div:hover { 14 | color: @white; 15 | } 16 | 17 | .@{element}-closing { 18 | background-color: @error1; 19 | color: @bg0; 20 | } 21 | 22 | .@{element}-dragTarget { 23 | background-color: @bg2-hover; 24 | } 25 | 26 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-tree.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-tree; 3 | 4 | eon-tree[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-tree, 6 | body[data-theme="@{theme}"] eon-tree { 7 | & { 8 | height: 100%; 9 | } 10 | .@{element}-tree .@{element}-wrapper{ 11 | transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 0);; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/theme/noire/eon-video.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | @element: eon-video; 3 | 4 | eon-video[theme="@{theme}"], 5 | div[data-theme="@{theme}"] eon-video, 6 | body[data-theme="@{theme}"] eon-video { 7 | .@{element}-timeline { 8 | background-color: @eonFrontColor; 9 | } 10 | 11 | .@{element}-poster { 12 | background-color: rgba(51, 51, 51, 0.5); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-bubble/eon-bubble.less: -------------------------------------------------------------------------------- 1 | 2 | @element: eon-bubble; 3 | 4 | @{element} { 5 | display: flex; 6 | justify-content: center; 7 | align-items: center; 8 | border-radius: 28px; 9 | cursor: pointer; 10 | } 11 | .@{element}-hidable { 12 | position: fixed; 13 | bottom: 40px; 14 | right: 40px; 15 | height: 50px; 16 | width: 50px; 17 | } 18 | .@{element}-icon { 19 | font-size: 18px; 20 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-form/eon-form.less: -------------------------------------------------------------------------------- 1 | @element: eon-form; 2 | 3 | @{element} { 4 | // Fill style 5 | &.eon-fill{ 6 | height: 100%; 7 | width: 100%; 8 | } 9 | // Default style 10 | &.eon-spaced-container{ 11 | display: flex; 12 | flex-direction: column; 13 | } 14 | } 15 | 16 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-panel/eon-panel.less: -------------------------------------------------------------------------------- 1 | @element: eon-panel; 2 | 3 | @{element} { 4 | &[allow-scroll = "false"] { 5 | overflow: auto; 6 | } 7 | } 8 | 9 | .@{element}-no-scroll { 10 | overflow: hidden !important; 11 | display: flex; 12 | flex-direction: column; 13 | } 14 | .@{element}-header { 15 | display: flex; 16 | height: 40px; 17 | line-height: 50px; 18 | padding-left: 10px; 19 | font-weight: bold; 20 | transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 0), 21 | color 0.3s cubic-bezier(0.4, 0, 0.2, 0), 22 | background-color 0.3s cubic-bezier(0.4, 0, 0.2, 0); 23 | } 24 | .@{element}-content { 25 | flex-grow: 1; 26 | flex-basis: 0; 27 | overflow: auto; 28 | position: relative; 29 | } 30 | .@{element}-shadowDrop { 31 | position: absolute; 32 | top: 0; 33 | left: 0; 34 | right: 0; 35 | height: 6px; 36 | pointer-events: none; 37 | transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 0); 38 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-progressbar/eon-progressbar.less: -------------------------------------------------------------------------------- 1 | 2 | @element: eon-progressbar; 3 | 4 | @{element} { 5 | &{ 6 | top: 0; 7 | left: 0; 8 | position: absolute; 9 | height: 100%; 10 | width: 100%; 11 | } 12 | } 13 | .@{element}-progress{ 14 | top: auto; 15 | position: static; 16 | } 17 | .@{element}-bar{ 18 | position: relative; 19 | height: 100%; 20 | width: 100%; 21 | overflow: hidden; 22 | display: flex; 23 | flex-direction: column; 24 | justify-content: center; 25 | } 26 | .@{element}-rail{ 27 | position: absolute; 28 | height: 100%; 29 | width: 100%; 30 | opacity: 0; 31 | } 32 | .@{element}-loadingBar{ 33 | height: 100%; 34 | width: 1px; 35 | transition: width 0s; 36 | z-index: 1; 37 | } 38 | .@{element}-indicator{ 39 | font-size: 15px; 40 | margin-top: 2px; 41 | margin-right: 5px; 42 | float: right; 43 | } 44 | .@{element}-disable{ 45 | display:none; 46 | } 47 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-separator/eon-separator.less: -------------------------------------------------------------------------------- 1 | @element: eon-separator; 2 | 3 | @{element} { 4 | & { 5 | position: absolute; 6 | display: flex; 7 | flex-direction: column; 8 | justify-content: center; 9 | align-items: center; 10 | height: 1px; 11 | width: 100%; 12 | bottom: 0; 13 | left: 0; 14 | overflow-x: hidden; 15 | } 16 | &.@{element}-vertical{ 17 | flex-direction: row; 18 | height: 100%; 19 | width: 1px; 20 | overflow-y: hidden; 21 | bottom: auto; 22 | left: auto; 23 | right: 0; 24 | top: 0; 25 | } 26 | } 27 | .@{element}-bar { 28 | height: 100%; 29 | width: 100%; 30 | left: 0; 31 | } 32 | .@{element}-bar-full { 33 | left: 0; 34 | } 35 | .@{element}-bar-mid { 36 | left: auto 37 | } 38 | .@{element}-bar-start { 39 | left: 0; 40 | align-self: flex-start; 41 | } 42 | .@{element}-bar-end { 43 | right: 0; 44 | align-self: flex-end; 45 | } 46 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-stack/eon-stack.less: -------------------------------------------------------------------------------- 1 | @element: eon-stack; 2 | 3 | @{element} { 4 | & { 5 | height: 100%; 6 | display: flex; 7 | } 8 | 9 | &.@{element}-flex { 10 | flex-grow: 1; 11 | } 12 | 13 | &.@{element}-flex > eon-panel { 14 | height: auto; 15 | flex-grow: 1; 16 | } 17 | 18 | eon-panel.@{element}-visible { 19 | display: block; 20 | } 21 | 22 | &.@{element}-flex eon-panel.@{element}-visible { 23 | display: flex; 24 | } 25 | } -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-sticky/eon-sticky.less: -------------------------------------------------------------------------------- 1 | 2 | @element: eon-sticky; 3 | 4 | .@{element}-stickyWrapper{ 5 | position: relative; 6 | height: 100%; 7 | width: 100%; 8 | opacity: 1; 9 | } 10 | 11 | -------------------------------------------------------------------------------- /eon-ui/src/less/eon/ui/eon-tree/eon-tree.less: -------------------------------------------------------------------------------- 1 | @element: eon-tree; 2 | 3 | @{element} { 4 | 5 | & { 6 | height: 100%; 7 | } 8 | } 9 | .@{element}-tree { 10 | position: relative; 11 | padding: 0; 12 | display: flex; 13 | font-weight: bold; 14 | flex-direction: column; 15 | overflow: hidden; 16 | } 17 | .@{element}-tree .@{element}-wrapper{ 18 | transition: max-height .3s cubic-bezier(.4,0,.2,0); 19 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "eon-project", 3 | "private": true, 4 | "version": "0.0.0", 5 | "scripts": { 6 | "postinstall": "run-s install:core install:ui", 7 | "install:core": "cd eon-core && npm i", 8 | "install:ui": "cd eon-ui && npm i", 9 | "build": "run-s build:core build:ui", 10 | "build:core": "cd eon-core && npm run build", 11 | "build:ui": "cd eon-ui && npm run build", 12 | "test": "npx intern config=@cloud", 13 | "test:dev": "npx intern config=@dev", 14 | "release": "run-s release:core release:ui", 15 | "release:core": "cd eon-core && npm run release", 16 | "release:ui": "cd eon-ui && npm run release", 17 | "doc": "cd eon-docs && npm i && npm run doc" 18 | }, 19 | "devDependencies": { 20 | "npm-run-all": "4.1.5", 21 | "intern": "4.4.2" 22 | }, 23 | "license": "MIT" 24 | } 25 | --------------------------------------------------------------------------------