newest commit 2/15/2024

app/api/Users/delete.json

@@ -54,7 +54,8 @@
             "name": "affected",
             "type": "number"
           }
-        ]
+        ],
+        "output": true
       },
       {
         "name": "delete1",
@@ -101,7 +102,19 @@
             "name": "affected",
             "type": "number"
           }
-        ]
+        ],
+        "output": true
+      },
+      {
+        "name": "api",
+        "module": "api",
+        "action": "send",
+        "options": {
+          "method": "DELETE",
+          "url": "{{$_ENV.API_BASEURL+'xuserroles/byuser'+$_GET.id}}"
+        },
+        "output": true,
+        "metaData": {}
       }
     ]
   }

app/config/routes.json

@@ -13,18 +13,18 @@
       "path": "/",
       "page": "index",
       "routeType": "page",
-      "layout": "main",
+      "layout": "newmain",
       "exec": ""
     },
     {
       "path": "/termsandconditions",
       "page": "termsandconditions",
-      "layout": "main"
+      "layout": "newmain"
     },
     {
       "path": "/parttype",
       "page": "parttype",
-      "layout": "main"
+      "layout": "newmain"
     },
     {
       "path": "/dspec2",
@@ -34,12 +34,12 @@
     {
       "path": "/login",
       "page": "login",
-      "layout": "main"
+      "layout": "newmain"
     },
     {
       "path": "/registration",
       "page": "registration",
-      "layout": "main"
+      "layout": "newmain"
     },
     {
       "path": "/wadmin/usermanage",
@@ -54,13 +54,13 @@
     {
       "path": "/confirm",
       "page": "confirm",
-      "layout": "main",
+      "layout": "newmain",
       "exec": "/api/security/authenticate"
     },
     {
       "path": "/cnfrm",
       "page": "cnfrm",
-      "layout": "main",
+      "layout": "newmain",
       "exec": ""
     },
     {

lib/core/app.js

@@ -32,6 +32,7 @@ function App(req = {}, res = {}) {
     this.db = {};
     this.s3 = {};
     this.jwt = {};
+    this.trx = {};
 
     if (config.globals.data) {
         this.set(config.globals.data);
@@ -271,7 +272,7 @@ App.prototype = {
             case 'mysql':
             case 'mysql2':
                 options.connection = {
-                    supportBigNumber: true,
+                    supportBigNumbers: true,
                     dateStrings: !!options.tz,
                     ...options.connection
                 };
@@ -410,7 +411,7 @@ App.prototype = {
     },
 
     getDbConnection: function(name) {
-        if (this.__trx) return this.__trx;
+        if (this.trx[name]) return this.trx[name];
         
         if (global.db[name]) {
             return global.db[name];

lib/modules/dbupdater.js

@@ -399,24 +399,54 @@ module.exports = {
     },
 
     // bulk insert
-    // values is array of objects with column(key) and value
-    // batchSize is number of inserts per query (multi insert statement)
     bulkinsert: async function (options) {
         const connection = this.parseRequired(options.connection, 'string', 'dbupdater.bulkinsert: connection is required.');
-        const table = this.parseRequired(options.table, 'string', 'dbupdater.bulkinsert: table is required.');
-        const values = this.parseRequired(options.values, 'object', 'dbupdater.bulkinsert: values is required.');
-        const batchSize = this.parseOptional(options.batchSize, 'number', 100);
+        const sql = this.parseSQL(options.sql);
+        const source = this.parseRequired(options.source, 'object', 'dbupdater.bulkinsert: source is required.');
+        const batchsize = this.parseOptional(options.batchsize, 'number', 100);
         const db = this.getDbConnection(connection);
 
         if (db.client == 'couchdb') {
             throw new Error('dbupdater.bulkinsert: couchdb is not supported.');
         }
 
-        await db.transaction(async transaction => {
-            for (let i = 0; i < values.length; i += batchSize) {
-                let batch = values.slice(i, i + batchSize);
-                await transaction(table).insert(batch);
+        return await db.transaction(async transaction => {
+            for (let i = 0; i < source.length; i += batchsize) {
+                let batch = source.slice(i, i + batchsize).map(data => {
+                    let values = {};
+
+                    for (let value of sql.values) {
+                        if (value.type == 'json') {
+                            values[value.column] = JSON.stringify(data[value.value]);
+                        } else {
+                            values[value.column] = data[value.value];
+                        }
+                    }
+
+                    return values;
+                });
+
+                await transaction(sql.table.name || sql.table).insert(batch);
             }
+
+            return { affected: source.length };
+        });
+    },
+
+    transaction: async function (options) {
+        const connection = this.parseRequired(options.connection, 'string', 'dbupdater.transaction: connection is required.');
+        //const exec = this.parseRequired(options.exec, 'object', 'dbupdater.transaction: exec is required.');
+        const db = this.getDbConnection(connection);
+
+        if (db.client == 'couchdb') {
+            throw new Error('dbupdater.transaction: couchdb is not supported.');
+        }
+
+        return await db.transaction(async trx => {
+            this.trx[connection] = trx;
+            return await this.exec(options.exec, true).finally(() => {
+                this.trx[connection] = null;
+            });
         });
     },
 

lib/setup/upload.js

@@ -14,7 +14,8 @@ module.exports = function(app) {
     // Always use tmp folder
     app.use(fileupload(Object.assign({}, config.fileupload, {
         useTempFiles: true,
-        tempFileDir: config.tmpFolder
+        tempFileDir: config.tmpFolder,
+        defParamCharset: 'utf8'
     })));
     
     app.use((req, res, next) => {

public/Framework7/5/js/app.js

@@ -0,0 +1,40 @@
+// Dom7
+var $ = Dom7;
+
+// Theme
+var theme = 'auto';
+if (document.location.search.indexOf('theme=') >= 0) {
+  theme = document.location.search.split('theme=')[1].split('&')[0];
+}
+
+// Init App
+var app = new Framework7({
+  id: 'io.framework7.testapp',
+  root: '#app',
+  theme: theme,
+  on: {
+    pageMounted: function (page) {
+      if (window.dmx && dmx.app) {
+        dmx.app.$parse(page.el);
+        dmx.app.$update();
+      }
+    }
+  },
+  routes: window.routes ? window.routes : [],
+  popup: {
+    closeOnEscape: true,
+  },
+  sheet: {
+    closeOnEscape: true,
+  },
+  popover: {
+    closeOnEscape: true,
+  },
+  actions: {
+    closeOnEscape: true,
+  }
+});
+
+if (document.querySelector('.view-main')) {
+  var mainView = app.views.create('.view-main');
+}

public/Framework7/5/js/framework7-lite.bundle.d.ts

@@ -0,0 +1,333 @@
+import Template7 from 'template7';
+import Dom7 from 'dom7';
+import Framework7 from '../components/app/app-class'
+
+// Helpers
+import Request from '../utils/request';
+import Utils from '../utils/utils';
+import Support from '../utils/support';
+import Device from '../utils/device';
+
+// Modules
+import {Clicks as ClicksNamespace} from '../modules/clicks/clicks';
+import {Component as ComponentNamespace} from '../modules/component/component';
+import {Device as DeviceNamespace} from '../modules/device/device';
+import {Request as RequestNamespace} from '../modules/request/request';
+import {Resize as ResizeNamespace} from '../modules/resize/resize';
+import {Router as RouterNamespace} from '../modules/router/router';
+import {ServiceWorker as ServiceWorkerNamespace} from '../modules/service-worker/service-worker';
+import {Support as SupportNamespace} from '../modules/support/support';
+import {Touch as TouchNamespace} from '../modules/touch/touch';
+import {Utils as UtilsNamespace} from '../modules/utils/utils';
+import {ComponentClass as Component} from '../modules/component/component';
+
+// Components
+import {Accordion as AccordionNamespace} from '../components/accordion/accordion';
+import {Actions as ActionsNamespace} from '../components/actions/actions';
+import {Appbar as AppbarNamespace} from '../components/appbar/appbar';
+import {Autocomplete as AutocompleteNamespace} from '../components/autocomplete/autocomplete';
+import {Badge as BadgeNamespace} from '../components/badge/badge';
+import {Block as BlockNamespace} from '../components/block/block';
+import {Button as ButtonNamespace} from '../components/button/button';
+import {Calendar as CalendarNamespace} from '../components/calendar/calendar';
+import {Card as CardNamespace} from '../components/card/card';
+import {Checkbox as CheckboxNamespace} from '../components/checkbox/checkbox';
+import {Chip as ChipNamespace} from '../components/chip/chip';
+import {ColorPicker as ColorPickerNamespace} from '../components/color-picker/color-picker';
+import {ContactsList as ContactsListNamespace} from '../components/contacts-list/contacts-list';
+import {DataTable as DataTableNamespace} from '../components/data-table/data-table';
+import {Dialog as DialogNamespace} from '../components/dialog/dialog';
+import {Elevation as ElevationNamespace} from '../components/elevation/elevation';
+import {Fab as FabNamespace} from '../components/fab/fab';
+import {Form as FormNamespace} from '../components/form/form';
+import {Gauge as GaugeNamespace} from '../components/gauge/gauge';
+import {Grid as GridNamespace} from '../components/grid/grid';
+import {Icon as IconNamespace} from '../components/icon/icon';
+import {InfiniteScroll as InfiniteScrollNamespace} from '../components/infinite-scroll/infinite-scroll';
+import {Input as InputNamespace} from '../components/input/input';
+import {Lazy as LazyNamespace} from '../components/lazy/lazy';
+import {Link as LinkNamespace} from '../components/link/link';
+import {List as ListNamespace} from '../components/list/list';
+import {ListIndex as ListIndexNamespace} from '../components/list-index/list-index';
+import {LoginScreen as LoginScreenNamespace} from '../components/login-screen/login-screen';
+import {Menu as MenuNamespace} from '../components/menu/menu';
+import {Messagebar as MessagebarNamespace} from '../components/messagebar/messagebar';
+import {Messages as MessagesNamespace} from '../components/messages/messages';
+import {Modal as ModalNamespace} from '../components/modal/modal';
+import {Navbar as NavbarNamespace} from '../components/navbar/navbar';
+import {Notification as NotificationNamespace} from '../components/notification/notification';
+import {Page as PageNamespace} from '../components/page/page';
+import {Panel as PanelNamespace} from '../components/panel/panel';
+import {PhotoBrowser as PhotoBrowserNamespace} from '../components/photo-browser/photo-browser';
+import {Picker as PickerNamespace} from '../components/picker/picker';
+import {Popover as PopoverNamespace} from '../components/popover/popover';
+import {Popup as PopupNamespace} from '../components/popup/popup';
+import {Preloader as PreloaderNamespace} from '../components/preloader/preloader';
+import {Progressbar as ProgressbarNamespace} from '../components/progressbar/progressbar';
+import {PullToRefresh as PullToRefreshNamespace} from '../components/pull-to-refresh/pull-to-refresh';
+import {Radio as RadioNamespace} from '../components/radio/radio';
+import {Range as RangeNamespace} from '../components/range/range';
+import {Searchbar as SearchbarNamespace} from '../components/searchbar/searchbar';
+import {Sheet as SheetNamespace} from '../components/sheet/sheet';
+import {Skeleton as SkeletonNamespace} from '../components/skeleton/skeleton';
+import {SmartSelect as SmartSelectNamespace} from '../components/smart-select/smart-select';
+import {Sortable as SortableNamespace} from '../components/sortable/sortable';
+import {Statusbar as StatusbarNamespace} from '../components/statusbar/statusbar';
+import {Stepper as StepperNamespace} from '../components/stepper/stepper';
+import {Subnavbar as SubnavbarNamespace} from '../components/subnavbar/subnavbar';
+import {Swipeout as SwipeoutNamespace} from '../components/swipeout/swipeout';
+import {Swiper as SwiperNamespace} from '../components/swiper/swiper';
+import {Tabs as TabsNamespace} from '../components/tabs/tabs';
+import {TextEditor as TextEditorNamespace} from '../components/text-editor/text-editor';
+import {Timeline as TimelineNamespace} from '../components/timeline/timeline';
+import {Toast as ToastNamespace} from '../components/toast/toast';
+import {Toggle as ToggleNamespace} from '../components/toggle/toggle';
+import {Toolbar as ToolbarNamespace} from '../components/toolbar/toolbar';
+import {Tooltip as TooltipNamespace} from '../components/tooltip/tooltip';
+import {TouchRipple as TouchRippleNamespace} from '../components/touch-ripple/touch-ripple';
+import {Treeview as TreeviewNamespace} from '../components/treeview/treeview';
+import {Typography as TypographyNamespace} from '../components/typography/typography';
+import {Vi as ViNamespace} from '../components/vi/vi';
+import {View as ViewNamespace} from '../components/view/view';
+import {VirtualList as VirtualListNamespace} from '../components/virtual-list/virtual-list';
+
+declare module '../components/app/app-class' {
+  interface Framework7Class<Events> extends ClicksNamespace.AppMethods{}
+  interface Framework7Params extends ClicksNamespace.AppParams{}
+  interface Framework7Events extends ClicksNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ComponentNamespace.AppMethods{}
+  interface Framework7Params extends ComponentNamespace.AppParams{}
+  interface Framework7Events extends ComponentNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DeviceNamespace.AppMethods{}
+  interface Framework7Params extends DeviceNamespace.AppParams{}
+  interface Framework7Events extends DeviceNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RequestNamespace.AppMethods{}
+  interface Framework7Params extends RequestNamespace.AppParams{}
+  interface Framework7Events extends RequestNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ResizeNamespace.AppMethods{}
+  interface Framework7Params extends ResizeNamespace.AppParams{}
+  interface Framework7Events extends ResizeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RouterNamespace.AppMethods{}
+  interface Framework7Params extends RouterNamespace.AppParams{}
+  interface Framework7Events extends RouterNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ServiceWorkerNamespace.AppMethods{}
+  interface Framework7Params extends ServiceWorkerNamespace.AppParams{}
+  interface Framework7Events extends ServiceWorkerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SupportNamespace.AppMethods{}
+  interface Framework7Params extends SupportNamespace.AppParams{}
+  interface Framework7Events extends SupportNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchNamespace.AppMethods{}
+  interface Framework7Params extends TouchNamespace.AppParams{}
+  interface Framework7Events extends TouchNamespace.AppEvents{}
+  interface Framework7Class<Events> extends UtilsNamespace.AppMethods{}
+  interface Framework7Params extends UtilsNamespace.AppParams{}
+  interface Framework7Events extends UtilsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AccordionNamespace.AppMethods{}
+  interface Framework7Params extends AccordionNamespace.AppParams{}
+  interface Framework7Events extends AccordionNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ActionsNamespace.AppMethods{}
+  interface Framework7Params extends ActionsNamespace.AppParams{}
+  interface Framework7Events extends ActionsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AppbarNamespace.AppMethods{}
+  interface Framework7Params extends AppbarNamespace.AppParams{}
+  interface Framework7Events extends AppbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AutocompleteNamespace.AppMethods{}
+  interface Framework7Params extends AutocompleteNamespace.AppParams{}
+  interface Framework7Events extends AutocompleteNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BadgeNamespace.AppMethods{}
+  interface Framework7Params extends BadgeNamespace.AppParams{}
+  interface Framework7Events extends BadgeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BlockNamespace.AppMethods{}
+  interface Framework7Params extends BlockNamespace.AppParams{}
+  interface Framework7Events extends BlockNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ButtonNamespace.AppMethods{}
+  interface Framework7Params extends ButtonNamespace.AppParams{}
+  interface Framework7Events extends ButtonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CalendarNamespace.AppMethods{}
+  interface Framework7Params extends CalendarNamespace.AppParams{}
+  interface Framework7Events extends CalendarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CardNamespace.AppMethods{}
+  interface Framework7Params extends CardNamespace.AppParams{}
+  interface Framework7Events extends CardNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CheckboxNamespace.AppMethods{}
+  interface Framework7Params extends CheckboxNamespace.AppParams{}
+  interface Framework7Events extends CheckboxNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ChipNamespace.AppMethods{}
+  interface Framework7Params extends ChipNamespace.AppParams{}
+  interface Framework7Events extends ChipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ColorPickerNamespace.AppMethods{}
+  interface Framework7Params extends ColorPickerNamespace.AppParams{}
+  interface Framework7Events extends ColorPickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ContactsListNamespace.AppMethods{}
+  interface Framework7Params extends ContactsListNamespace.AppParams{}
+  interface Framework7Events extends ContactsListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DataTableNamespace.AppMethods{}
+  interface Framework7Params extends DataTableNamespace.AppParams{}
+  interface Framework7Events extends DataTableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DialogNamespace.AppMethods{}
+  interface Framework7Params extends DialogNamespace.AppParams{}
+  interface Framework7Events extends DialogNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ElevationNamespace.AppMethods{}
+  interface Framework7Params extends ElevationNamespace.AppParams{}
+  interface Framework7Events extends ElevationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FabNamespace.AppMethods{}
+  interface Framework7Params extends FabNamespace.AppParams{}
+  interface Framework7Events extends FabNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FormNamespace.AppMethods{}
+  interface Framework7Params extends FormNamespace.AppParams{}
+  interface Framework7Events extends FormNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GaugeNamespace.AppMethods{}
+  interface Framework7Params extends GaugeNamespace.AppParams{}
+  interface Framework7Events extends GaugeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GridNamespace.AppMethods{}
+  interface Framework7Params extends GridNamespace.AppParams{}
+  interface Framework7Events extends GridNamespace.AppEvents{}
+  interface Framework7Class<Events> extends IconNamespace.AppMethods{}
+  interface Framework7Params extends IconNamespace.AppParams{}
+  interface Framework7Events extends IconNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InfiniteScrollNamespace.AppMethods{}
+  interface Framework7Params extends InfiniteScrollNamespace.AppParams{}
+  interface Framework7Events extends InfiniteScrollNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InputNamespace.AppMethods{}
+  interface Framework7Params extends InputNamespace.AppParams{}
+  interface Framework7Events extends InputNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LazyNamespace.AppMethods{}
+  interface Framework7Params extends LazyNamespace.AppParams{}
+  interface Framework7Events extends LazyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LinkNamespace.AppMethods{}
+  interface Framework7Params extends LinkNamespace.AppParams{}
+  interface Framework7Events extends LinkNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListNamespace.AppMethods{}
+  interface Framework7Params extends ListNamespace.AppParams{}
+  interface Framework7Events extends ListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListIndexNamespace.AppMethods{}
+  interface Framework7Params extends ListIndexNamespace.AppParams{}
+  interface Framework7Events extends ListIndexNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LoginScreenNamespace.AppMethods{}
+  interface Framework7Params extends LoginScreenNamespace.AppParams{}
+  interface Framework7Events extends LoginScreenNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MenuNamespace.AppMethods{}
+  interface Framework7Params extends MenuNamespace.AppParams{}
+  interface Framework7Events extends MenuNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagebarNamespace.AppMethods{}
+  interface Framework7Params extends MessagebarNamespace.AppParams{}
+  interface Framework7Events extends MessagebarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagesNamespace.AppMethods{}
+  interface Framework7Params extends MessagesNamespace.AppParams{}
+  interface Framework7Events extends MessagesNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ModalNamespace.AppMethods{}
+  interface Framework7Params extends ModalNamespace.AppParams{}
+  interface Framework7Events extends ModalNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NavbarNamespace.AppMethods{}
+  interface Framework7Params extends NavbarNamespace.AppParams{}
+  interface Framework7Events extends NavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NotificationNamespace.AppMethods{}
+  interface Framework7Params extends NotificationNamespace.AppParams{}
+  interface Framework7Events extends NotificationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PageNamespace.AppMethods{}
+  interface Framework7Params extends PageNamespace.AppParams{}
+  interface Framework7Events extends PageNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PanelNamespace.AppMethods{}
+  interface Framework7Params extends PanelNamespace.AppParams{}
+  interface Framework7Events extends PanelNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PhotoBrowserNamespace.AppMethods{}
+  interface Framework7Params extends PhotoBrowserNamespace.AppParams{}
+  interface Framework7Events extends PhotoBrowserNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PickerNamespace.AppMethods{}
+  interface Framework7Params extends PickerNamespace.AppParams{}
+  interface Framework7Events extends PickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopoverNamespace.AppMethods{}
+  interface Framework7Params extends PopoverNamespace.AppParams{}
+  interface Framework7Events extends PopoverNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopupNamespace.AppMethods{}
+  interface Framework7Params extends PopupNamespace.AppParams{}
+  interface Framework7Events extends PopupNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PreloaderNamespace.AppMethods{}
+  interface Framework7Params extends PreloaderNamespace.AppParams{}
+  interface Framework7Events extends PreloaderNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ProgressbarNamespace.AppMethods{}
+  interface Framework7Params extends ProgressbarNamespace.AppParams{}
+  interface Framework7Events extends ProgressbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PullToRefreshNamespace.AppMethods{}
+  interface Framework7Params extends PullToRefreshNamespace.AppParams{}
+  interface Framework7Events extends PullToRefreshNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RadioNamespace.AppMethods{}
+  interface Framework7Params extends RadioNamespace.AppParams{}
+  interface Framework7Events extends RadioNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RangeNamespace.AppMethods{}
+  interface Framework7Params extends RangeNamespace.AppParams{}
+  interface Framework7Events extends RangeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SearchbarNamespace.AppMethods{}
+  interface Framework7Params extends SearchbarNamespace.AppParams{}
+  interface Framework7Events extends SearchbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SheetNamespace.AppMethods{}
+  interface Framework7Params extends SheetNamespace.AppParams{}
+  interface Framework7Events extends SheetNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SkeletonNamespace.AppMethods{}
+  interface Framework7Params extends SkeletonNamespace.AppParams{}
+  interface Framework7Events extends SkeletonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SmartSelectNamespace.AppMethods{}
+  interface Framework7Params extends SmartSelectNamespace.AppParams{}
+  interface Framework7Events extends SmartSelectNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SortableNamespace.AppMethods{}
+  interface Framework7Params extends SortableNamespace.AppParams{}
+  interface Framework7Events extends SortableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StatusbarNamespace.AppMethods{}
+  interface Framework7Params extends StatusbarNamespace.AppParams{}
+  interface Framework7Events extends StatusbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StepperNamespace.AppMethods{}
+  interface Framework7Params extends StepperNamespace.AppParams{}
+  interface Framework7Events extends StepperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SubnavbarNamespace.AppMethods{}
+  interface Framework7Params extends SubnavbarNamespace.AppParams{}
+  interface Framework7Events extends SubnavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwipeoutNamespace.AppMethods{}
+  interface Framework7Params extends SwipeoutNamespace.AppParams{}
+  interface Framework7Events extends SwipeoutNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwiperNamespace.AppMethods{}
+  interface Framework7Params extends SwiperNamespace.AppParams{}
+  interface Framework7Events extends SwiperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TabsNamespace.AppMethods{}
+  interface Framework7Params extends TabsNamespace.AppParams{}
+  interface Framework7Events extends TabsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TextEditorNamespace.AppMethods{}
+  interface Framework7Params extends TextEditorNamespace.AppParams{}
+  interface Framework7Events extends TextEditorNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TimelineNamespace.AppMethods{}
+  interface Framework7Params extends TimelineNamespace.AppParams{}
+  interface Framework7Events extends TimelineNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToastNamespace.AppMethods{}
+  interface Framework7Params extends ToastNamespace.AppParams{}
+  interface Framework7Events extends ToastNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToggleNamespace.AppMethods{}
+  interface Framework7Params extends ToggleNamespace.AppParams{}
+  interface Framework7Events extends ToggleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToolbarNamespace.AppMethods{}
+  interface Framework7Params extends ToolbarNamespace.AppParams{}
+  interface Framework7Events extends ToolbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TooltipNamespace.AppMethods{}
+  interface Framework7Params extends TooltipNamespace.AppParams{}
+  interface Framework7Events extends TooltipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchRippleNamespace.AppMethods{}
+  interface Framework7Params extends TouchRippleNamespace.AppParams{}
+  interface Framework7Events extends TouchRippleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TreeviewNamespace.AppMethods{}
+  interface Framework7Params extends TreeviewNamespace.AppParams{}
+  interface Framework7Events extends TreeviewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TypographyNamespace.AppMethods{}
+  interface Framework7Params extends TypographyNamespace.AppParams{}
+  interface Framework7Events extends TypographyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViNamespace.AppMethods{}
+  interface Framework7Params extends ViNamespace.AppParams{}
+  interface Framework7Events extends ViNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViewNamespace.AppMethods{}
+  interface Framework7Params extends ViewNamespace.AppParams{}
+  interface Framework7Events extends ViewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends VirtualListNamespace.AppMethods{}
+  interface Framework7Params extends VirtualListNamespace.AppParams{}
+  interface Framework7Events extends VirtualListNamespace.AppEvents{}
+}
+
+export { Request, Utils, Support, Device };
+export { Template7, Dom7, Component };
+export default Framework7;

public/Framework7/5/js/framework7-lite.d.ts

@@ -0,0 +1,333 @@
+import Template7 from 'template7';
+import Dom7 from 'dom7';
+import Framework7 from '../components/app/app-class'
+
+// Helpers
+import Request from '../utils/request';
+import Utils from '../utils/utils';
+import Support from '../utils/support';
+import Device from '../utils/device';
+
+// Modules
+import {Clicks as ClicksNamespace} from '../modules/clicks/clicks';
+import {Component as ComponentNamespace} from '../modules/component/component';
+import {Device as DeviceNamespace} from '../modules/device/device';
+import {Request as RequestNamespace} from '../modules/request/request';
+import {Resize as ResizeNamespace} from '../modules/resize/resize';
+import {Router as RouterNamespace} from '../modules/router/router';
+import {ServiceWorker as ServiceWorkerNamespace} from '../modules/service-worker/service-worker';
+import {Support as SupportNamespace} from '../modules/support/support';
+import {Touch as TouchNamespace} from '../modules/touch/touch';
+import {Utils as UtilsNamespace} from '../modules/utils/utils';
+import {ComponentClass as Component} from '../modules/component/component';
+
+// Components
+import {Accordion as AccordionNamespace} from '../components/accordion/accordion';
+import {Actions as ActionsNamespace} from '../components/actions/actions';
+import {Appbar as AppbarNamespace} from '../components/appbar/appbar';
+import {Autocomplete as AutocompleteNamespace} from '../components/autocomplete/autocomplete';
+import {Badge as BadgeNamespace} from '../components/badge/badge';
+import {Block as BlockNamespace} from '../components/block/block';
+import {Button as ButtonNamespace} from '../components/button/button';
+import {Calendar as CalendarNamespace} from '../components/calendar/calendar';
+import {Card as CardNamespace} from '../components/card/card';
+import {Checkbox as CheckboxNamespace} from '../components/checkbox/checkbox';
+import {Chip as ChipNamespace} from '../components/chip/chip';
+import {ColorPicker as ColorPickerNamespace} from '../components/color-picker/color-picker';
+import {ContactsList as ContactsListNamespace} from '../components/contacts-list/contacts-list';
+import {DataTable as DataTableNamespace} from '../components/data-table/data-table';
+import {Dialog as DialogNamespace} from '../components/dialog/dialog';
+import {Elevation as ElevationNamespace} from '../components/elevation/elevation';
+import {Fab as FabNamespace} from '../components/fab/fab';
+import {Form as FormNamespace} from '../components/form/form';
+import {Gauge as GaugeNamespace} from '../components/gauge/gauge';
+import {Grid as GridNamespace} from '../components/grid/grid';
+import {Icon as IconNamespace} from '../components/icon/icon';
+import {InfiniteScroll as InfiniteScrollNamespace} from '../components/infinite-scroll/infinite-scroll';
+import {Input as InputNamespace} from '../components/input/input';
+import {Lazy as LazyNamespace} from '../components/lazy/lazy';
+import {Link as LinkNamespace} from '../components/link/link';
+import {List as ListNamespace} from '../components/list/list';
+import {ListIndex as ListIndexNamespace} from '../components/list-index/list-index';
+import {LoginScreen as LoginScreenNamespace} from '../components/login-screen/login-screen';
+import {Menu as MenuNamespace} from '../components/menu/menu';
+import {Messagebar as MessagebarNamespace} from '../components/messagebar/messagebar';
+import {Messages as MessagesNamespace} from '../components/messages/messages';
+import {Modal as ModalNamespace} from '../components/modal/modal';
+import {Navbar as NavbarNamespace} from '../components/navbar/navbar';
+import {Notification as NotificationNamespace} from '../components/notification/notification';
+import {Page as PageNamespace} from '../components/page/page';
+import {Panel as PanelNamespace} from '../components/panel/panel';
+import {PhotoBrowser as PhotoBrowserNamespace} from '../components/photo-browser/photo-browser';
+import {Picker as PickerNamespace} from '../components/picker/picker';
+import {Popover as PopoverNamespace} from '../components/popover/popover';
+import {Popup as PopupNamespace} from '../components/popup/popup';
+import {Preloader as PreloaderNamespace} from '../components/preloader/preloader';
+import {Progressbar as ProgressbarNamespace} from '../components/progressbar/progressbar';
+import {PullToRefresh as PullToRefreshNamespace} from '../components/pull-to-refresh/pull-to-refresh';
+import {Radio as RadioNamespace} from '../components/radio/radio';
+import {Range as RangeNamespace} from '../components/range/range';
+import {Searchbar as SearchbarNamespace} from '../components/searchbar/searchbar';
+import {Sheet as SheetNamespace} from '../components/sheet/sheet';
+import {Skeleton as SkeletonNamespace} from '../components/skeleton/skeleton';
+import {SmartSelect as SmartSelectNamespace} from '../components/smart-select/smart-select';
+import {Sortable as SortableNamespace} from '../components/sortable/sortable';
+import {Statusbar as StatusbarNamespace} from '../components/statusbar/statusbar';
+import {Stepper as StepperNamespace} from '../components/stepper/stepper';
+import {Subnavbar as SubnavbarNamespace} from '../components/subnavbar/subnavbar';
+import {Swipeout as SwipeoutNamespace} from '../components/swipeout/swipeout';
+import {Swiper as SwiperNamespace} from '../components/swiper/swiper';
+import {Tabs as TabsNamespace} from '../components/tabs/tabs';
+import {TextEditor as TextEditorNamespace} from '../components/text-editor/text-editor';
+import {Timeline as TimelineNamespace} from '../components/timeline/timeline';
+import {Toast as ToastNamespace} from '../components/toast/toast';
+import {Toggle as ToggleNamespace} from '../components/toggle/toggle';
+import {Toolbar as ToolbarNamespace} from '../components/toolbar/toolbar';
+import {Tooltip as TooltipNamespace} from '../components/tooltip/tooltip';
+import {TouchRipple as TouchRippleNamespace} from '../components/touch-ripple/touch-ripple';
+import {Treeview as TreeviewNamespace} from '../components/treeview/treeview';
+import {Typography as TypographyNamespace} from '../components/typography/typography';
+import {Vi as ViNamespace} from '../components/vi/vi';
+import {View as ViewNamespace} from '../components/view/view';
+import {VirtualList as VirtualListNamespace} from '../components/virtual-list/virtual-list';
+
+declare module '../components/app/app-class' {
+  interface Framework7Class<Events> extends ClicksNamespace.AppMethods{}
+  interface Framework7Params extends ClicksNamespace.AppParams{}
+  interface Framework7Events extends ClicksNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ComponentNamespace.AppMethods{}
+  interface Framework7Params extends ComponentNamespace.AppParams{}
+  interface Framework7Events extends ComponentNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DeviceNamespace.AppMethods{}
+  interface Framework7Params extends DeviceNamespace.AppParams{}
+  interface Framework7Events extends DeviceNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RequestNamespace.AppMethods{}
+  interface Framework7Params extends RequestNamespace.AppParams{}
+  interface Framework7Events extends RequestNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ResizeNamespace.AppMethods{}
+  interface Framework7Params extends ResizeNamespace.AppParams{}
+  interface Framework7Events extends ResizeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RouterNamespace.AppMethods{}
+  interface Framework7Params extends RouterNamespace.AppParams{}
+  interface Framework7Events extends RouterNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ServiceWorkerNamespace.AppMethods{}
+  interface Framework7Params extends ServiceWorkerNamespace.AppParams{}
+  interface Framework7Events extends ServiceWorkerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SupportNamespace.AppMethods{}
+  interface Framework7Params extends SupportNamespace.AppParams{}
+  interface Framework7Events extends SupportNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchNamespace.AppMethods{}
+  interface Framework7Params extends TouchNamespace.AppParams{}
+  interface Framework7Events extends TouchNamespace.AppEvents{}
+  interface Framework7Class<Events> extends UtilsNamespace.AppMethods{}
+  interface Framework7Params extends UtilsNamespace.AppParams{}
+  interface Framework7Events extends UtilsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AccordionNamespace.AppMethods{}
+  interface Framework7Params extends AccordionNamespace.AppParams{}
+  interface Framework7Events extends AccordionNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ActionsNamespace.AppMethods{}
+  interface Framework7Params extends ActionsNamespace.AppParams{}
+  interface Framework7Events extends ActionsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AppbarNamespace.AppMethods{}
+  interface Framework7Params extends AppbarNamespace.AppParams{}
+  interface Framework7Events extends AppbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AutocompleteNamespace.AppMethods{}
+  interface Framework7Params extends AutocompleteNamespace.AppParams{}
+  interface Framework7Events extends AutocompleteNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BadgeNamespace.AppMethods{}
+  interface Framework7Params extends BadgeNamespace.AppParams{}
+  interface Framework7Events extends BadgeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BlockNamespace.AppMethods{}
+  interface Framework7Params extends BlockNamespace.AppParams{}
+  interface Framework7Events extends BlockNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ButtonNamespace.AppMethods{}
+  interface Framework7Params extends ButtonNamespace.AppParams{}
+  interface Framework7Events extends ButtonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CalendarNamespace.AppMethods{}
+  interface Framework7Params extends CalendarNamespace.AppParams{}
+  interface Framework7Events extends CalendarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CardNamespace.AppMethods{}
+  interface Framework7Params extends CardNamespace.AppParams{}
+  interface Framework7Events extends CardNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CheckboxNamespace.AppMethods{}
+  interface Framework7Params extends CheckboxNamespace.AppParams{}
+  interface Framework7Events extends CheckboxNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ChipNamespace.AppMethods{}
+  interface Framework7Params extends ChipNamespace.AppParams{}
+  interface Framework7Events extends ChipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ColorPickerNamespace.AppMethods{}
+  interface Framework7Params extends ColorPickerNamespace.AppParams{}
+  interface Framework7Events extends ColorPickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ContactsListNamespace.AppMethods{}
+  interface Framework7Params extends ContactsListNamespace.AppParams{}
+  interface Framework7Events extends ContactsListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DataTableNamespace.AppMethods{}
+  interface Framework7Params extends DataTableNamespace.AppParams{}
+  interface Framework7Events extends DataTableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DialogNamespace.AppMethods{}
+  interface Framework7Params extends DialogNamespace.AppParams{}
+  interface Framework7Events extends DialogNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ElevationNamespace.AppMethods{}
+  interface Framework7Params extends ElevationNamespace.AppParams{}
+  interface Framework7Events extends ElevationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FabNamespace.AppMethods{}
+  interface Framework7Params extends FabNamespace.AppParams{}
+  interface Framework7Events extends FabNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FormNamespace.AppMethods{}
+  interface Framework7Params extends FormNamespace.AppParams{}
+  interface Framework7Events extends FormNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GaugeNamespace.AppMethods{}
+  interface Framework7Params extends GaugeNamespace.AppParams{}
+  interface Framework7Events extends GaugeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GridNamespace.AppMethods{}
+  interface Framework7Params extends GridNamespace.AppParams{}
+  interface Framework7Events extends GridNamespace.AppEvents{}
+  interface Framework7Class<Events> extends IconNamespace.AppMethods{}
+  interface Framework7Params extends IconNamespace.AppParams{}
+  interface Framework7Events extends IconNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InfiniteScrollNamespace.AppMethods{}
+  interface Framework7Params extends InfiniteScrollNamespace.AppParams{}
+  interface Framework7Events extends InfiniteScrollNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InputNamespace.AppMethods{}
+  interface Framework7Params extends InputNamespace.AppParams{}
+  interface Framework7Events extends InputNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LazyNamespace.AppMethods{}
+  interface Framework7Params extends LazyNamespace.AppParams{}
+  interface Framework7Events extends LazyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LinkNamespace.AppMethods{}
+  interface Framework7Params extends LinkNamespace.AppParams{}
+  interface Framework7Events extends LinkNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListNamespace.AppMethods{}
+  interface Framework7Params extends ListNamespace.AppParams{}
+  interface Framework7Events extends ListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListIndexNamespace.AppMethods{}
+  interface Framework7Params extends ListIndexNamespace.AppParams{}
+  interface Framework7Events extends ListIndexNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LoginScreenNamespace.AppMethods{}
+  interface Framework7Params extends LoginScreenNamespace.AppParams{}
+  interface Framework7Events extends LoginScreenNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MenuNamespace.AppMethods{}
+  interface Framework7Params extends MenuNamespace.AppParams{}
+  interface Framework7Events extends MenuNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagebarNamespace.AppMethods{}
+  interface Framework7Params extends MessagebarNamespace.AppParams{}
+  interface Framework7Events extends MessagebarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagesNamespace.AppMethods{}
+  interface Framework7Params extends MessagesNamespace.AppParams{}
+  interface Framework7Events extends MessagesNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ModalNamespace.AppMethods{}
+  interface Framework7Params extends ModalNamespace.AppParams{}
+  interface Framework7Events extends ModalNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NavbarNamespace.AppMethods{}
+  interface Framework7Params extends NavbarNamespace.AppParams{}
+  interface Framework7Events extends NavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NotificationNamespace.AppMethods{}
+  interface Framework7Params extends NotificationNamespace.AppParams{}
+  interface Framework7Events extends NotificationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PageNamespace.AppMethods{}
+  interface Framework7Params extends PageNamespace.AppParams{}
+  interface Framework7Events extends PageNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PanelNamespace.AppMethods{}
+  interface Framework7Params extends PanelNamespace.AppParams{}
+  interface Framework7Events extends PanelNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PhotoBrowserNamespace.AppMethods{}
+  interface Framework7Params extends PhotoBrowserNamespace.AppParams{}
+  interface Framework7Events extends PhotoBrowserNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PickerNamespace.AppMethods{}
+  interface Framework7Params extends PickerNamespace.AppParams{}
+  interface Framework7Events extends PickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopoverNamespace.AppMethods{}
+  interface Framework7Params extends PopoverNamespace.AppParams{}
+  interface Framework7Events extends PopoverNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopupNamespace.AppMethods{}
+  interface Framework7Params extends PopupNamespace.AppParams{}
+  interface Framework7Events extends PopupNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PreloaderNamespace.AppMethods{}
+  interface Framework7Params extends PreloaderNamespace.AppParams{}
+  interface Framework7Events extends PreloaderNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ProgressbarNamespace.AppMethods{}
+  interface Framework7Params extends ProgressbarNamespace.AppParams{}
+  interface Framework7Events extends ProgressbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PullToRefreshNamespace.AppMethods{}
+  interface Framework7Params extends PullToRefreshNamespace.AppParams{}
+  interface Framework7Events extends PullToRefreshNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RadioNamespace.AppMethods{}
+  interface Framework7Params extends RadioNamespace.AppParams{}
+  interface Framework7Events extends RadioNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RangeNamespace.AppMethods{}
+  interface Framework7Params extends RangeNamespace.AppParams{}
+  interface Framework7Events extends RangeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SearchbarNamespace.AppMethods{}
+  interface Framework7Params extends SearchbarNamespace.AppParams{}
+  interface Framework7Events extends SearchbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SheetNamespace.AppMethods{}
+  interface Framework7Params extends SheetNamespace.AppParams{}
+  interface Framework7Events extends SheetNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SkeletonNamespace.AppMethods{}
+  interface Framework7Params extends SkeletonNamespace.AppParams{}
+  interface Framework7Events extends SkeletonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SmartSelectNamespace.AppMethods{}
+  interface Framework7Params extends SmartSelectNamespace.AppParams{}
+  interface Framework7Events extends SmartSelectNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SortableNamespace.AppMethods{}
+  interface Framework7Params extends SortableNamespace.AppParams{}
+  interface Framework7Events extends SortableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StatusbarNamespace.AppMethods{}
+  interface Framework7Params extends StatusbarNamespace.AppParams{}
+  interface Framework7Events extends StatusbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StepperNamespace.AppMethods{}
+  interface Framework7Params extends StepperNamespace.AppParams{}
+  interface Framework7Events extends StepperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SubnavbarNamespace.AppMethods{}
+  interface Framework7Params extends SubnavbarNamespace.AppParams{}
+  interface Framework7Events extends SubnavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwipeoutNamespace.AppMethods{}
+  interface Framework7Params extends SwipeoutNamespace.AppParams{}
+  interface Framework7Events extends SwipeoutNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwiperNamespace.AppMethods{}
+  interface Framework7Params extends SwiperNamespace.AppParams{}
+  interface Framework7Events extends SwiperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TabsNamespace.AppMethods{}
+  interface Framework7Params extends TabsNamespace.AppParams{}
+  interface Framework7Events extends TabsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TextEditorNamespace.AppMethods{}
+  interface Framework7Params extends TextEditorNamespace.AppParams{}
+  interface Framework7Events extends TextEditorNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TimelineNamespace.AppMethods{}
+  interface Framework7Params extends TimelineNamespace.AppParams{}
+  interface Framework7Events extends TimelineNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToastNamespace.AppMethods{}
+  interface Framework7Params extends ToastNamespace.AppParams{}
+  interface Framework7Events extends ToastNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToggleNamespace.AppMethods{}
+  interface Framework7Params extends ToggleNamespace.AppParams{}
+  interface Framework7Events extends ToggleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToolbarNamespace.AppMethods{}
+  interface Framework7Params extends ToolbarNamespace.AppParams{}
+  interface Framework7Events extends ToolbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TooltipNamespace.AppMethods{}
+  interface Framework7Params extends TooltipNamespace.AppParams{}
+  interface Framework7Events extends TooltipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchRippleNamespace.AppMethods{}
+  interface Framework7Params extends TouchRippleNamespace.AppParams{}
+  interface Framework7Events extends TouchRippleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TreeviewNamespace.AppMethods{}
+  interface Framework7Params extends TreeviewNamespace.AppParams{}
+  interface Framework7Events extends TreeviewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TypographyNamespace.AppMethods{}
+  interface Framework7Params extends TypographyNamespace.AppParams{}
+  interface Framework7Events extends TypographyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViNamespace.AppMethods{}
+  interface Framework7Params extends ViNamespace.AppParams{}
+  interface Framework7Events extends ViNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViewNamespace.AppMethods{}
+  interface Framework7Params extends ViewNamespace.AppParams{}
+  interface Framework7Events extends ViewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends VirtualListNamespace.AppMethods{}
+  interface Framework7Params extends VirtualListNamespace.AppParams{}
+  interface Framework7Events extends VirtualListNamespace.AppEvents{}
+}
+
+export { Request, Utils, Support, Device };
+export { Template7, Dom7, Component };
+export default Framework7;

public/Framework7/5/js/framework7.bundle.d.ts

@@ -0,0 +1,333 @@
+import Template7 from 'template7';
+import Dom7 from 'dom7';
+import Framework7 from '../components/app/app-class'
+
+// Helpers
+import Request from '../utils/request';
+import Utils from '../utils/utils';
+import Support from '../utils/support';
+import Device from '../utils/device';
+
+// Modules
+import {Clicks as ClicksNamespace} from '../modules/clicks/clicks';
+import {Component as ComponentNamespace} from '../modules/component/component';
+import {Device as DeviceNamespace} from '../modules/device/device';
+import {Request as RequestNamespace} from '../modules/request/request';
+import {Resize as ResizeNamespace} from '../modules/resize/resize';
+import {Router as RouterNamespace} from '../modules/router/router';
+import {ServiceWorker as ServiceWorkerNamespace} from '../modules/service-worker/service-worker';
+import {Support as SupportNamespace} from '../modules/support/support';
+import {Touch as TouchNamespace} from '../modules/touch/touch';
+import {Utils as UtilsNamespace} from '../modules/utils/utils';
+import {ComponentClass as Component} from '../modules/component/component';
+
+// Components
+import {Accordion as AccordionNamespace} from '../components/accordion/accordion';
+import {Actions as ActionsNamespace} from '../components/actions/actions';
+import {Appbar as AppbarNamespace} from '../components/appbar/appbar';
+import {Autocomplete as AutocompleteNamespace} from '../components/autocomplete/autocomplete';
+import {Badge as BadgeNamespace} from '../components/badge/badge';
+import {Block as BlockNamespace} from '../components/block/block';
+import {Button as ButtonNamespace} from '../components/button/button';
+import {Calendar as CalendarNamespace} from '../components/calendar/calendar';
+import {Card as CardNamespace} from '../components/card/card';
+import {Checkbox as CheckboxNamespace} from '../components/checkbox/checkbox';
+import {Chip as ChipNamespace} from '../components/chip/chip';
+import {ColorPicker as ColorPickerNamespace} from '../components/color-picker/color-picker';
+import {ContactsList as ContactsListNamespace} from '../components/contacts-list/contacts-list';
+import {DataTable as DataTableNamespace} from '../components/data-table/data-table';
+import {Dialog as DialogNamespace} from '../components/dialog/dialog';
+import {Elevation as ElevationNamespace} from '../components/elevation/elevation';
+import {Fab as FabNamespace} from '../components/fab/fab';
+import {Form as FormNamespace} from '../components/form/form';
+import {Gauge as GaugeNamespace} from '../components/gauge/gauge';
+import {Grid as GridNamespace} from '../components/grid/grid';
+import {Icon as IconNamespace} from '../components/icon/icon';
+import {InfiniteScroll as InfiniteScrollNamespace} from '../components/infinite-scroll/infinite-scroll';
+import {Input as InputNamespace} from '../components/input/input';
+import {Lazy as LazyNamespace} from '../components/lazy/lazy';
+import {Link as LinkNamespace} from '../components/link/link';
+import {List as ListNamespace} from '../components/list/list';
+import {ListIndex as ListIndexNamespace} from '../components/list-index/list-index';
+import {LoginScreen as LoginScreenNamespace} from '../components/login-screen/login-screen';
+import {Menu as MenuNamespace} from '../components/menu/menu';
+import {Messagebar as MessagebarNamespace} from '../components/messagebar/messagebar';
+import {Messages as MessagesNamespace} from '../components/messages/messages';
+import {Modal as ModalNamespace} from '../components/modal/modal';
+import {Navbar as NavbarNamespace} from '../components/navbar/navbar';
+import {Notification as NotificationNamespace} from '../components/notification/notification';
+import {Page as PageNamespace} from '../components/page/page';
+import {Panel as PanelNamespace} from '../components/panel/panel';
+import {PhotoBrowser as PhotoBrowserNamespace} from '../components/photo-browser/photo-browser';
+import {Picker as PickerNamespace} from '../components/picker/picker';
+import {Popover as PopoverNamespace} from '../components/popover/popover';
+import {Popup as PopupNamespace} from '../components/popup/popup';
+import {Preloader as PreloaderNamespace} from '../components/preloader/preloader';
+import {Progressbar as ProgressbarNamespace} from '../components/progressbar/progressbar';
+import {PullToRefresh as PullToRefreshNamespace} from '../components/pull-to-refresh/pull-to-refresh';
+import {Radio as RadioNamespace} from '../components/radio/radio';
+import {Range as RangeNamespace} from '../components/range/range';
+import {Searchbar as SearchbarNamespace} from '../components/searchbar/searchbar';
+import {Sheet as SheetNamespace} from '../components/sheet/sheet';
+import {Skeleton as SkeletonNamespace} from '../components/skeleton/skeleton';
+import {SmartSelect as SmartSelectNamespace} from '../components/smart-select/smart-select';
+import {Sortable as SortableNamespace} from '../components/sortable/sortable';
+import {Statusbar as StatusbarNamespace} from '../components/statusbar/statusbar';
+import {Stepper as StepperNamespace} from '../components/stepper/stepper';
+import {Subnavbar as SubnavbarNamespace} from '../components/subnavbar/subnavbar';
+import {Swipeout as SwipeoutNamespace} from '../components/swipeout/swipeout';
+import {Swiper as SwiperNamespace} from '../components/swiper/swiper';
+import {Tabs as TabsNamespace} from '../components/tabs/tabs';
+import {TextEditor as TextEditorNamespace} from '../components/text-editor/text-editor';
+import {Timeline as TimelineNamespace} from '../components/timeline/timeline';
+import {Toast as ToastNamespace} from '../components/toast/toast';
+import {Toggle as ToggleNamespace} from '../components/toggle/toggle';
+import {Toolbar as ToolbarNamespace} from '../components/toolbar/toolbar';
+import {Tooltip as TooltipNamespace} from '../components/tooltip/tooltip';
+import {TouchRipple as TouchRippleNamespace} from '../components/touch-ripple/touch-ripple';
+import {Treeview as TreeviewNamespace} from '../components/treeview/treeview';
+import {Typography as TypographyNamespace} from '../components/typography/typography';
+import {Vi as ViNamespace} from '../components/vi/vi';
+import {View as ViewNamespace} from '../components/view/view';
+import {VirtualList as VirtualListNamespace} from '../components/virtual-list/virtual-list';
+
+declare module '../components/app/app-class' {
+  interface Framework7Class<Events> extends ClicksNamespace.AppMethods{}
+  interface Framework7Params extends ClicksNamespace.AppParams{}
+  interface Framework7Events extends ClicksNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ComponentNamespace.AppMethods{}
+  interface Framework7Params extends ComponentNamespace.AppParams{}
+  interface Framework7Events extends ComponentNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DeviceNamespace.AppMethods{}
+  interface Framework7Params extends DeviceNamespace.AppParams{}
+  interface Framework7Events extends DeviceNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RequestNamespace.AppMethods{}
+  interface Framework7Params extends RequestNamespace.AppParams{}
+  interface Framework7Events extends RequestNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ResizeNamespace.AppMethods{}
+  interface Framework7Params extends ResizeNamespace.AppParams{}
+  interface Framework7Events extends ResizeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RouterNamespace.AppMethods{}
+  interface Framework7Params extends RouterNamespace.AppParams{}
+  interface Framework7Events extends RouterNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ServiceWorkerNamespace.AppMethods{}
+  interface Framework7Params extends ServiceWorkerNamespace.AppParams{}
+  interface Framework7Events extends ServiceWorkerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SupportNamespace.AppMethods{}
+  interface Framework7Params extends SupportNamespace.AppParams{}
+  interface Framework7Events extends SupportNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchNamespace.AppMethods{}
+  interface Framework7Params extends TouchNamespace.AppParams{}
+  interface Framework7Events extends TouchNamespace.AppEvents{}
+  interface Framework7Class<Events> extends UtilsNamespace.AppMethods{}
+  interface Framework7Params extends UtilsNamespace.AppParams{}
+  interface Framework7Events extends UtilsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AccordionNamespace.AppMethods{}
+  interface Framework7Params extends AccordionNamespace.AppParams{}
+  interface Framework7Events extends AccordionNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ActionsNamespace.AppMethods{}
+  interface Framework7Params extends ActionsNamespace.AppParams{}
+  interface Framework7Events extends ActionsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AppbarNamespace.AppMethods{}
+  interface Framework7Params extends AppbarNamespace.AppParams{}
+  interface Framework7Events extends AppbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AutocompleteNamespace.AppMethods{}
+  interface Framework7Params extends AutocompleteNamespace.AppParams{}
+  interface Framework7Events extends AutocompleteNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BadgeNamespace.AppMethods{}
+  interface Framework7Params extends BadgeNamespace.AppParams{}
+  interface Framework7Events extends BadgeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BlockNamespace.AppMethods{}
+  interface Framework7Params extends BlockNamespace.AppParams{}
+  interface Framework7Events extends BlockNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ButtonNamespace.AppMethods{}
+  interface Framework7Params extends ButtonNamespace.AppParams{}
+  interface Framework7Events extends ButtonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CalendarNamespace.AppMethods{}
+  interface Framework7Params extends CalendarNamespace.AppParams{}
+  interface Framework7Events extends CalendarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CardNamespace.AppMethods{}
+  interface Framework7Params extends CardNamespace.AppParams{}
+  interface Framework7Events extends CardNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CheckboxNamespace.AppMethods{}
+  interface Framework7Params extends CheckboxNamespace.AppParams{}
+  interface Framework7Events extends CheckboxNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ChipNamespace.AppMethods{}
+  interface Framework7Params extends ChipNamespace.AppParams{}
+  interface Framework7Events extends ChipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ColorPickerNamespace.AppMethods{}
+  interface Framework7Params extends ColorPickerNamespace.AppParams{}
+  interface Framework7Events extends ColorPickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ContactsListNamespace.AppMethods{}
+  interface Framework7Params extends ContactsListNamespace.AppParams{}
+  interface Framework7Events extends ContactsListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DataTableNamespace.AppMethods{}
+  interface Framework7Params extends DataTableNamespace.AppParams{}
+  interface Framework7Events extends DataTableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DialogNamespace.AppMethods{}
+  interface Framework7Params extends DialogNamespace.AppParams{}
+  interface Framework7Events extends DialogNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ElevationNamespace.AppMethods{}
+  interface Framework7Params extends ElevationNamespace.AppParams{}
+  interface Framework7Events extends ElevationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FabNamespace.AppMethods{}
+  interface Framework7Params extends FabNamespace.AppParams{}
+  interface Framework7Events extends FabNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FormNamespace.AppMethods{}
+  interface Framework7Params extends FormNamespace.AppParams{}
+  interface Framework7Events extends FormNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GaugeNamespace.AppMethods{}
+  interface Framework7Params extends GaugeNamespace.AppParams{}
+  interface Framework7Events extends GaugeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GridNamespace.AppMethods{}
+  interface Framework7Params extends GridNamespace.AppParams{}
+  interface Framework7Events extends GridNamespace.AppEvents{}
+  interface Framework7Class<Events> extends IconNamespace.AppMethods{}
+  interface Framework7Params extends IconNamespace.AppParams{}
+  interface Framework7Events extends IconNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InfiniteScrollNamespace.AppMethods{}
+  interface Framework7Params extends InfiniteScrollNamespace.AppParams{}
+  interface Framework7Events extends InfiniteScrollNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InputNamespace.AppMethods{}
+  interface Framework7Params extends InputNamespace.AppParams{}
+  interface Framework7Events extends InputNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LazyNamespace.AppMethods{}
+  interface Framework7Params extends LazyNamespace.AppParams{}
+  interface Framework7Events extends LazyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LinkNamespace.AppMethods{}
+  interface Framework7Params extends LinkNamespace.AppParams{}
+  interface Framework7Events extends LinkNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListNamespace.AppMethods{}
+  interface Framework7Params extends ListNamespace.AppParams{}
+  interface Framework7Events extends ListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListIndexNamespace.AppMethods{}
+  interface Framework7Params extends ListIndexNamespace.AppParams{}
+  interface Framework7Events extends ListIndexNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LoginScreenNamespace.AppMethods{}
+  interface Framework7Params extends LoginScreenNamespace.AppParams{}
+  interface Framework7Events extends LoginScreenNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MenuNamespace.AppMethods{}
+  interface Framework7Params extends MenuNamespace.AppParams{}
+  interface Framework7Events extends MenuNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagebarNamespace.AppMethods{}
+  interface Framework7Params extends MessagebarNamespace.AppParams{}
+  interface Framework7Events extends MessagebarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagesNamespace.AppMethods{}
+  interface Framework7Params extends MessagesNamespace.AppParams{}
+  interface Framework7Events extends MessagesNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ModalNamespace.AppMethods{}
+  interface Framework7Params extends ModalNamespace.AppParams{}
+  interface Framework7Events extends ModalNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NavbarNamespace.AppMethods{}
+  interface Framework7Params extends NavbarNamespace.AppParams{}
+  interface Framework7Events extends NavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NotificationNamespace.AppMethods{}
+  interface Framework7Params extends NotificationNamespace.AppParams{}
+  interface Framework7Events extends NotificationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PageNamespace.AppMethods{}
+  interface Framework7Params extends PageNamespace.AppParams{}
+  interface Framework7Events extends PageNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PanelNamespace.AppMethods{}
+  interface Framework7Params extends PanelNamespace.AppParams{}
+  interface Framework7Events extends PanelNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PhotoBrowserNamespace.AppMethods{}
+  interface Framework7Params extends PhotoBrowserNamespace.AppParams{}
+  interface Framework7Events extends PhotoBrowserNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PickerNamespace.AppMethods{}
+  interface Framework7Params extends PickerNamespace.AppParams{}
+  interface Framework7Events extends PickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopoverNamespace.AppMethods{}
+  interface Framework7Params extends PopoverNamespace.AppParams{}
+  interface Framework7Events extends PopoverNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopupNamespace.AppMethods{}
+  interface Framework7Params extends PopupNamespace.AppParams{}
+  interface Framework7Events extends PopupNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PreloaderNamespace.AppMethods{}
+  interface Framework7Params extends PreloaderNamespace.AppParams{}
+  interface Framework7Events extends PreloaderNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ProgressbarNamespace.AppMethods{}
+  interface Framework7Params extends ProgressbarNamespace.AppParams{}
+  interface Framework7Events extends ProgressbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PullToRefreshNamespace.AppMethods{}
+  interface Framework7Params extends PullToRefreshNamespace.AppParams{}
+  interface Framework7Events extends PullToRefreshNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RadioNamespace.AppMethods{}
+  interface Framework7Params extends RadioNamespace.AppParams{}
+  interface Framework7Events extends RadioNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RangeNamespace.AppMethods{}
+  interface Framework7Params extends RangeNamespace.AppParams{}
+  interface Framework7Events extends RangeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SearchbarNamespace.AppMethods{}
+  interface Framework7Params extends SearchbarNamespace.AppParams{}
+  interface Framework7Events extends SearchbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SheetNamespace.AppMethods{}
+  interface Framework7Params extends SheetNamespace.AppParams{}
+  interface Framework7Events extends SheetNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SkeletonNamespace.AppMethods{}
+  interface Framework7Params extends SkeletonNamespace.AppParams{}
+  interface Framework7Events extends SkeletonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SmartSelectNamespace.AppMethods{}
+  interface Framework7Params extends SmartSelectNamespace.AppParams{}
+  interface Framework7Events extends SmartSelectNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SortableNamespace.AppMethods{}
+  interface Framework7Params extends SortableNamespace.AppParams{}
+  interface Framework7Events extends SortableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StatusbarNamespace.AppMethods{}
+  interface Framework7Params extends StatusbarNamespace.AppParams{}
+  interface Framework7Events extends StatusbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StepperNamespace.AppMethods{}
+  interface Framework7Params extends StepperNamespace.AppParams{}
+  interface Framework7Events extends StepperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SubnavbarNamespace.AppMethods{}
+  interface Framework7Params extends SubnavbarNamespace.AppParams{}
+  interface Framework7Events extends SubnavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwipeoutNamespace.AppMethods{}
+  interface Framework7Params extends SwipeoutNamespace.AppParams{}
+  interface Framework7Events extends SwipeoutNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwiperNamespace.AppMethods{}
+  interface Framework7Params extends SwiperNamespace.AppParams{}
+  interface Framework7Events extends SwiperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TabsNamespace.AppMethods{}
+  interface Framework7Params extends TabsNamespace.AppParams{}
+  interface Framework7Events extends TabsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TextEditorNamespace.AppMethods{}
+  interface Framework7Params extends TextEditorNamespace.AppParams{}
+  interface Framework7Events extends TextEditorNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TimelineNamespace.AppMethods{}
+  interface Framework7Params extends TimelineNamespace.AppParams{}
+  interface Framework7Events extends TimelineNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToastNamespace.AppMethods{}
+  interface Framework7Params extends ToastNamespace.AppParams{}
+  interface Framework7Events extends ToastNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToggleNamespace.AppMethods{}
+  interface Framework7Params extends ToggleNamespace.AppParams{}
+  interface Framework7Events extends ToggleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToolbarNamespace.AppMethods{}
+  interface Framework7Params extends ToolbarNamespace.AppParams{}
+  interface Framework7Events extends ToolbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TooltipNamespace.AppMethods{}
+  interface Framework7Params extends TooltipNamespace.AppParams{}
+  interface Framework7Events extends TooltipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchRippleNamespace.AppMethods{}
+  interface Framework7Params extends TouchRippleNamespace.AppParams{}
+  interface Framework7Events extends TouchRippleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TreeviewNamespace.AppMethods{}
+  interface Framework7Params extends TreeviewNamespace.AppParams{}
+  interface Framework7Events extends TreeviewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TypographyNamespace.AppMethods{}
+  interface Framework7Params extends TypographyNamespace.AppParams{}
+  interface Framework7Events extends TypographyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViNamespace.AppMethods{}
+  interface Framework7Params extends ViNamespace.AppParams{}
+  interface Framework7Events extends ViNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViewNamespace.AppMethods{}
+  interface Framework7Params extends ViewNamespace.AppParams{}
+  interface Framework7Events extends ViewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends VirtualListNamespace.AppMethods{}
+  interface Framework7Params extends VirtualListNamespace.AppParams{}
+  interface Framework7Events extends VirtualListNamespace.AppEvents{}
+}
+
+export { Request, Utils, Support, Device };
+export { Template7, Dom7, Component };
+export default Framework7;

public/Framework7/5/js/framework7.d.ts

@@ -0,0 +1,333 @@
+import Template7 from 'template7';
+import Dom7 from 'dom7';
+import Framework7 from '../components/app/app-class'
+
+// Helpers
+import Request from '../utils/request';
+import Utils from '../utils/utils';
+import Support from '../utils/support';
+import Device from '../utils/device';
+
+// Modules
+import {Clicks as ClicksNamespace} from '../modules/clicks/clicks';
+import {Component as ComponentNamespace} from '../modules/component/component';
+import {Device as DeviceNamespace} from '../modules/device/device';
+import {Request as RequestNamespace} from '../modules/request/request';
+import {Resize as ResizeNamespace} from '../modules/resize/resize';
+import {Router as RouterNamespace} from '../modules/router/router';
+import {ServiceWorker as ServiceWorkerNamespace} from '../modules/service-worker/service-worker';
+import {Support as SupportNamespace} from '../modules/support/support';
+import {Touch as TouchNamespace} from '../modules/touch/touch';
+import {Utils as UtilsNamespace} from '../modules/utils/utils';
+import {ComponentClass as Component} from '../modules/component/component';
+
+// Components
+import {Accordion as AccordionNamespace} from '../components/accordion/accordion';
+import {Actions as ActionsNamespace} from '../components/actions/actions';
+import {Appbar as AppbarNamespace} from '../components/appbar/appbar';
+import {Autocomplete as AutocompleteNamespace} from '../components/autocomplete/autocomplete';
+import {Badge as BadgeNamespace} from '../components/badge/badge';
+import {Block as BlockNamespace} from '../components/block/block';
+import {Button as ButtonNamespace} from '../components/button/button';
+import {Calendar as CalendarNamespace} from '../components/calendar/calendar';
+import {Card as CardNamespace} from '../components/card/card';
+import {Checkbox as CheckboxNamespace} from '../components/checkbox/checkbox';
+import {Chip as ChipNamespace} from '../components/chip/chip';
+import {ColorPicker as ColorPickerNamespace} from '../components/color-picker/color-picker';
+import {ContactsList as ContactsListNamespace} from '../components/contacts-list/contacts-list';
+import {DataTable as DataTableNamespace} from '../components/data-table/data-table';
+import {Dialog as DialogNamespace} from '../components/dialog/dialog';
+import {Elevation as ElevationNamespace} from '../components/elevation/elevation';
+import {Fab as FabNamespace} from '../components/fab/fab';
+import {Form as FormNamespace} from '../components/form/form';
+import {Gauge as GaugeNamespace} from '../components/gauge/gauge';
+import {Grid as GridNamespace} from '../components/grid/grid';
+import {Icon as IconNamespace} from '../components/icon/icon';
+import {InfiniteScroll as InfiniteScrollNamespace} from '../components/infinite-scroll/infinite-scroll';
+import {Input as InputNamespace} from '../components/input/input';
+import {Lazy as LazyNamespace} from '../components/lazy/lazy';
+import {Link as LinkNamespace} from '../components/link/link';
+import {List as ListNamespace} from '../components/list/list';
+import {ListIndex as ListIndexNamespace} from '../components/list-index/list-index';
+import {LoginScreen as LoginScreenNamespace} from '../components/login-screen/login-screen';
+import {Menu as MenuNamespace} from '../components/menu/menu';
+import {Messagebar as MessagebarNamespace} from '../components/messagebar/messagebar';
+import {Messages as MessagesNamespace} from '../components/messages/messages';
+import {Modal as ModalNamespace} from '../components/modal/modal';
+import {Navbar as NavbarNamespace} from '../components/navbar/navbar';
+import {Notification as NotificationNamespace} from '../components/notification/notification';
+import {Page as PageNamespace} from '../components/page/page';
+import {Panel as PanelNamespace} from '../components/panel/panel';
+import {PhotoBrowser as PhotoBrowserNamespace} from '../components/photo-browser/photo-browser';
+import {Picker as PickerNamespace} from '../components/picker/picker';
+import {Popover as PopoverNamespace} from '../components/popover/popover';
+import {Popup as PopupNamespace} from '../components/popup/popup';
+import {Preloader as PreloaderNamespace} from '../components/preloader/preloader';
+import {Progressbar as ProgressbarNamespace} from '../components/progressbar/progressbar';
+import {PullToRefresh as PullToRefreshNamespace} from '../components/pull-to-refresh/pull-to-refresh';
+import {Radio as RadioNamespace} from '../components/radio/radio';
+import {Range as RangeNamespace} from '../components/range/range';
+import {Searchbar as SearchbarNamespace} from '../components/searchbar/searchbar';
+import {Sheet as SheetNamespace} from '../components/sheet/sheet';
+import {Skeleton as SkeletonNamespace} from '../components/skeleton/skeleton';
+import {SmartSelect as SmartSelectNamespace} from '../components/smart-select/smart-select';
+import {Sortable as SortableNamespace} from '../components/sortable/sortable';
+import {Statusbar as StatusbarNamespace} from '../components/statusbar/statusbar';
+import {Stepper as StepperNamespace} from '../components/stepper/stepper';
+import {Subnavbar as SubnavbarNamespace} from '../components/subnavbar/subnavbar';
+import {Swipeout as SwipeoutNamespace} from '../components/swipeout/swipeout';
+import {Swiper as SwiperNamespace} from '../components/swiper/swiper';
+import {Tabs as TabsNamespace} from '../components/tabs/tabs';
+import {TextEditor as TextEditorNamespace} from '../components/text-editor/text-editor';
+import {Timeline as TimelineNamespace} from '../components/timeline/timeline';
+import {Toast as ToastNamespace} from '../components/toast/toast';
+import {Toggle as ToggleNamespace} from '../components/toggle/toggle';
+import {Toolbar as ToolbarNamespace} from '../components/toolbar/toolbar';
+import {Tooltip as TooltipNamespace} from '../components/tooltip/tooltip';
+import {TouchRipple as TouchRippleNamespace} from '../components/touch-ripple/touch-ripple';
+import {Treeview as TreeviewNamespace} from '../components/treeview/treeview';
+import {Typography as TypographyNamespace} from '../components/typography/typography';
+import {Vi as ViNamespace} from '../components/vi/vi';
+import {View as ViewNamespace} from '../components/view/view';
+import {VirtualList as VirtualListNamespace} from '../components/virtual-list/virtual-list';
+
+declare module '../components/app/app-class' {
+  interface Framework7Class<Events> extends ClicksNamespace.AppMethods{}
+  interface Framework7Params extends ClicksNamespace.AppParams{}
+  interface Framework7Events extends ClicksNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ComponentNamespace.AppMethods{}
+  interface Framework7Params extends ComponentNamespace.AppParams{}
+  interface Framework7Events extends ComponentNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DeviceNamespace.AppMethods{}
+  interface Framework7Params extends DeviceNamespace.AppParams{}
+  interface Framework7Events extends DeviceNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RequestNamespace.AppMethods{}
+  interface Framework7Params extends RequestNamespace.AppParams{}
+  interface Framework7Events extends RequestNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ResizeNamespace.AppMethods{}
+  interface Framework7Params extends ResizeNamespace.AppParams{}
+  interface Framework7Events extends ResizeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RouterNamespace.AppMethods{}
+  interface Framework7Params extends RouterNamespace.AppParams{}
+  interface Framework7Events extends RouterNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ServiceWorkerNamespace.AppMethods{}
+  interface Framework7Params extends ServiceWorkerNamespace.AppParams{}
+  interface Framework7Events extends ServiceWorkerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SupportNamespace.AppMethods{}
+  interface Framework7Params extends SupportNamespace.AppParams{}
+  interface Framework7Events extends SupportNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchNamespace.AppMethods{}
+  interface Framework7Params extends TouchNamespace.AppParams{}
+  interface Framework7Events extends TouchNamespace.AppEvents{}
+  interface Framework7Class<Events> extends UtilsNamespace.AppMethods{}
+  interface Framework7Params extends UtilsNamespace.AppParams{}
+  interface Framework7Events extends UtilsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AccordionNamespace.AppMethods{}
+  interface Framework7Params extends AccordionNamespace.AppParams{}
+  interface Framework7Events extends AccordionNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ActionsNamespace.AppMethods{}
+  interface Framework7Params extends ActionsNamespace.AppParams{}
+  interface Framework7Events extends ActionsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AppbarNamespace.AppMethods{}
+  interface Framework7Params extends AppbarNamespace.AppParams{}
+  interface Framework7Events extends AppbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AutocompleteNamespace.AppMethods{}
+  interface Framework7Params extends AutocompleteNamespace.AppParams{}
+  interface Framework7Events extends AutocompleteNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BadgeNamespace.AppMethods{}
+  interface Framework7Params extends BadgeNamespace.AppParams{}
+  interface Framework7Events extends BadgeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BlockNamespace.AppMethods{}
+  interface Framework7Params extends BlockNamespace.AppParams{}
+  interface Framework7Events extends BlockNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ButtonNamespace.AppMethods{}
+  interface Framework7Params extends ButtonNamespace.AppParams{}
+  interface Framework7Events extends ButtonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CalendarNamespace.AppMethods{}
+  interface Framework7Params extends CalendarNamespace.AppParams{}
+  interface Framework7Events extends CalendarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CardNamespace.AppMethods{}
+  interface Framework7Params extends CardNamespace.AppParams{}
+  interface Framework7Events extends CardNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CheckboxNamespace.AppMethods{}
+  interface Framework7Params extends CheckboxNamespace.AppParams{}
+  interface Framework7Events extends CheckboxNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ChipNamespace.AppMethods{}
+  interface Framework7Params extends ChipNamespace.AppParams{}
+  interface Framework7Events extends ChipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ColorPickerNamespace.AppMethods{}
+  interface Framework7Params extends ColorPickerNamespace.AppParams{}
+  interface Framework7Events extends ColorPickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ContactsListNamespace.AppMethods{}
+  interface Framework7Params extends ContactsListNamespace.AppParams{}
+  interface Framework7Events extends ContactsListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DataTableNamespace.AppMethods{}
+  interface Framework7Params extends DataTableNamespace.AppParams{}
+  interface Framework7Events extends DataTableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DialogNamespace.AppMethods{}
+  interface Framework7Params extends DialogNamespace.AppParams{}
+  interface Framework7Events extends DialogNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ElevationNamespace.AppMethods{}
+  interface Framework7Params extends ElevationNamespace.AppParams{}
+  interface Framework7Events extends ElevationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FabNamespace.AppMethods{}
+  interface Framework7Params extends FabNamespace.AppParams{}
+  interface Framework7Events extends FabNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FormNamespace.AppMethods{}
+  interface Framework7Params extends FormNamespace.AppParams{}
+  interface Framework7Events extends FormNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GaugeNamespace.AppMethods{}
+  interface Framework7Params extends GaugeNamespace.AppParams{}
+  interface Framework7Events extends GaugeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GridNamespace.AppMethods{}
+  interface Framework7Params extends GridNamespace.AppParams{}
+  interface Framework7Events extends GridNamespace.AppEvents{}
+  interface Framework7Class<Events> extends IconNamespace.AppMethods{}
+  interface Framework7Params extends IconNamespace.AppParams{}
+  interface Framework7Events extends IconNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InfiniteScrollNamespace.AppMethods{}
+  interface Framework7Params extends InfiniteScrollNamespace.AppParams{}
+  interface Framework7Events extends InfiniteScrollNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InputNamespace.AppMethods{}
+  interface Framework7Params extends InputNamespace.AppParams{}
+  interface Framework7Events extends InputNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LazyNamespace.AppMethods{}
+  interface Framework7Params extends LazyNamespace.AppParams{}
+  interface Framework7Events extends LazyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LinkNamespace.AppMethods{}
+  interface Framework7Params extends LinkNamespace.AppParams{}
+  interface Framework7Events extends LinkNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListNamespace.AppMethods{}
+  interface Framework7Params extends ListNamespace.AppParams{}
+  interface Framework7Events extends ListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListIndexNamespace.AppMethods{}
+  interface Framework7Params extends ListIndexNamespace.AppParams{}
+  interface Framework7Events extends ListIndexNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LoginScreenNamespace.AppMethods{}
+  interface Framework7Params extends LoginScreenNamespace.AppParams{}
+  interface Framework7Events extends LoginScreenNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MenuNamespace.AppMethods{}
+  interface Framework7Params extends MenuNamespace.AppParams{}
+  interface Framework7Events extends MenuNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagebarNamespace.AppMethods{}
+  interface Framework7Params extends MessagebarNamespace.AppParams{}
+  interface Framework7Events extends MessagebarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagesNamespace.AppMethods{}
+  interface Framework7Params extends MessagesNamespace.AppParams{}
+  interface Framework7Events extends MessagesNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ModalNamespace.AppMethods{}
+  interface Framework7Params extends ModalNamespace.AppParams{}
+  interface Framework7Events extends ModalNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NavbarNamespace.AppMethods{}
+  interface Framework7Params extends NavbarNamespace.AppParams{}
+  interface Framework7Events extends NavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NotificationNamespace.AppMethods{}
+  interface Framework7Params extends NotificationNamespace.AppParams{}
+  interface Framework7Events extends NotificationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PageNamespace.AppMethods{}
+  interface Framework7Params extends PageNamespace.AppParams{}
+  interface Framework7Events extends PageNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PanelNamespace.AppMethods{}
+  interface Framework7Params extends PanelNamespace.AppParams{}
+  interface Framework7Events extends PanelNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PhotoBrowserNamespace.AppMethods{}
+  interface Framework7Params extends PhotoBrowserNamespace.AppParams{}
+  interface Framework7Events extends PhotoBrowserNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PickerNamespace.AppMethods{}
+  interface Framework7Params extends PickerNamespace.AppParams{}
+  interface Framework7Events extends PickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopoverNamespace.AppMethods{}
+  interface Framework7Params extends PopoverNamespace.AppParams{}
+  interface Framework7Events extends PopoverNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopupNamespace.AppMethods{}
+  interface Framework7Params extends PopupNamespace.AppParams{}
+  interface Framework7Events extends PopupNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PreloaderNamespace.AppMethods{}
+  interface Framework7Params extends PreloaderNamespace.AppParams{}
+  interface Framework7Events extends PreloaderNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ProgressbarNamespace.AppMethods{}
+  interface Framework7Params extends ProgressbarNamespace.AppParams{}
+  interface Framework7Events extends ProgressbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PullToRefreshNamespace.AppMethods{}
+  interface Framework7Params extends PullToRefreshNamespace.AppParams{}
+  interface Framework7Events extends PullToRefreshNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RadioNamespace.AppMethods{}
+  interface Framework7Params extends RadioNamespace.AppParams{}
+  interface Framework7Events extends RadioNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RangeNamespace.AppMethods{}
+  interface Framework7Params extends RangeNamespace.AppParams{}
+  interface Framework7Events extends RangeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SearchbarNamespace.AppMethods{}
+  interface Framework7Params extends SearchbarNamespace.AppParams{}
+  interface Framework7Events extends SearchbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SheetNamespace.AppMethods{}
+  interface Framework7Params extends SheetNamespace.AppParams{}
+  interface Framework7Events extends SheetNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SkeletonNamespace.AppMethods{}
+  interface Framework7Params extends SkeletonNamespace.AppParams{}
+  interface Framework7Events extends SkeletonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SmartSelectNamespace.AppMethods{}
+  interface Framework7Params extends SmartSelectNamespace.AppParams{}
+  interface Framework7Events extends SmartSelectNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SortableNamespace.AppMethods{}
+  interface Framework7Params extends SortableNamespace.AppParams{}
+  interface Framework7Events extends SortableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StatusbarNamespace.AppMethods{}
+  interface Framework7Params extends StatusbarNamespace.AppParams{}
+  interface Framework7Events extends StatusbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StepperNamespace.AppMethods{}
+  interface Framework7Params extends StepperNamespace.AppParams{}
+  interface Framework7Events extends StepperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SubnavbarNamespace.AppMethods{}
+  interface Framework7Params extends SubnavbarNamespace.AppParams{}
+  interface Framework7Events extends SubnavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwipeoutNamespace.AppMethods{}
+  interface Framework7Params extends SwipeoutNamespace.AppParams{}
+  interface Framework7Events extends SwipeoutNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwiperNamespace.AppMethods{}
+  interface Framework7Params extends SwiperNamespace.AppParams{}
+  interface Framework7Events extends SwiperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TabsNamespace.AppMethods{}
+  interface Framework7Params extends TabsNamespace.AppParams{}
+  interface Framework7Events extends TabsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TextEditorNamespace.AppMethods{}
+  interface Framework7Params extends TextEditorNamespace.AppParams{}
+  interface Framework7Events extends TextEditorNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TimelineNamespace.AppMethods{}
+  interface Framework7Params extends TimelineNamespace.AppParams{}
+  interface Framework7Events extends TimelineNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToastNamespace.AppMethods{}
+  interface Framework7Params extends ToastNamespace.AppParams{}
+  interface Framework7Events extends ToastNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToggleNamespace.AppMethods{}
+  interface Framework7Params extends ToggleNamespace.AppParams{}
+  interface Framework7Events extends ToggleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToolbarNamespace.AppMethods{}
+  interface Framework7Params extends ToolbarNamespace.AppParams{}
+  interface Framework7Events extends ToolbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TooltipNamespace.AppMethods{}
+  interface Framework7Params extends TooltipNamespace.AppParams{}
+  interface Framework7Events extends TooltipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchRippleNamespace.AppMethods{}
+  interface Framework7Params extends TouchRippleNamespace.AppParams{}
+  interface Framework7Events extends TouchRippleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TreeviewNamespace.AppMethods{}
+  interface Framework7Params extends TreeviewNamespace.AppParams{}
+  interface Framework7Events extends TreeviewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TypographyNamespace.AppMethods{}
+  interface Framework7Params extends TypographyNamespace.AppParams{}
+  interface Framework7Events extends TypographyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViNamespace.AppMethods{}
+  interface Framework7Params extends ViNamespace.AppParams{}
+  interface Framework7Events extends ViNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViewNamespace.AppMethods{}
+  interface Framework7Params extends ViewNamespace.AppParams{}
+  interface Framework7Events extends ViewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends VirtualListNamespace.AppMethods{}
+  interface Framework7Params extends VirtualListNamespace.AppParams{}
+  interface Framework7Events extends VirtualListNamespace.AppEvents{}
+}
+
+export { Request, Utils, Support, Device };
+export { Template7, Dom7, Component };
+export default Framework7;

public/Framework7/5/js/routes.js

@@ -0,0 +1 @@
+var routes = []

public/Framework7/6/js/app.js

@@ -0,0 +1,40 @@
+// Dom7
+var $ = Dom7;
+
+// Theme
+var theme = 'auto';
+if (document.location.search.indexOf('theme=') >= 0) {
+  theme = document.location.search.split('theme=')[1].split('&')[0];
+}
+
+// Init App
+var app = new Framework7({
+  id: 'io.framework7.testapp',
+  el: '#app',
+  theme: theme,
+  on: {
+    pageMounted: function (page) {
+      if (window.dmx && dmx.app) {
+        dmx.app.$parse(page.el);
+        dmx.app.$update();
+      }
+    }
+  },
+  routes: window.routes ? window.routes : [],
+  popup: {
+    closeOnEscape: true,
+  },
+  sheet: {
+    closeOnEscape: true,
+  },
+  popover: {
+    closeOnEscape: true,
+  },
+  actions: {
+    closeOnEscape: true,
+  }
+});
+
+if (document.querySelector('.view-main')) {
+  var mainView = app.views.create('.view-main');
+}

public/Framework7/6/js/routes.js

@@ -0,0 +1 @@
+var routes = []

views/cnfrm.ejs

@@ -1,4 +1,4 @@
-<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="cnfrm" appconnect="local" components="{dmxValidator:{},dmxNotifications:{},dmxFormatter:{}}" -->
+<!-- Wappler include head-page="layouts/newmain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="cnfrm" appconnect="local" components="{dmxValidator:{},dmxNotifications:{},dmxFormatter:{}}" -->
 <dmx-serverconnect id="whoami" url="/api/security/whoami"></dmx-serverconnect>
 <dmx-serverconnect id="conn_getuserinfo" url="/api/security/isauthenticated"></dmx-serverconnect>
 <dmx-notifications id="notifies1"></dmx-notifications>

views/confirm.ejs

@@ -1,4 +1,4 @@
-<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="confirm" appConnect="local" components="{dmxValidator:{},dmxBrowser:{}}" -->
+<!-- Wappler include head-page="layouts/newmain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="confirm" appConnect="local" components="{dmxValidator:{},dmxBrowser:{}}" -->
 <meta name="ac:route" content="/confirm">
 <header class="mt-4 ms-4">
     <h1>Confirm your identity</h1>

views/index.ejs

@@ -1,4 +1,13 @@
-<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="partinfo" appConnect="local" components="{dmxNotifications:{},dmxBootstrap5Modal:{}}" -->
+<!-- Wappler include head-page="layouts/newmain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="partinfo" appConnect="local" components="{dmxNotifications:{},dmxBootstrap5Modal:{},dmxBootstrap5TableGenerator:{}}" -->
+<dmx-api-action id="quote" url="https://api.quotable.io/random"></dmx-api-action>
+<div class="container">
+    <h1 dmx-text="quote.data.author" class="text-center mt-5 mb-3 bg-warning-subtle">Heading</h1>
+    <div class="row">
+        <div class="col">
+            <p dmx-text="quote.data.content">A nice paragraph</p>
+        </div>
+    </div>
+</div>
 
 
 

views/layouts/.wappler_folder.json

@@ -1,5 +1,8 @@
 {
   "admin.ejs": {
     "description": ""
+  },
+  "newmain.ejs": {
+    "description": ""
   }
 }

views/layouts/admin.ejs

@@ -5,7 +5,7 @@
   <base href="/">
   <script src="/dmxAppConnect/dmxAppConnect.js"></script>
   <meta charset="UTF-8">
-  <title>Untitled Document</title>
+  <title>RPM Industries</title>
 
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous" />
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

views/layouts/main.ejs

@@ -5,7 +5,7 @@
   <base href="/">
   <script src="/dmxAppConnect/dmxAppConnect.js"></script>
   <meta charset="UTF-8">
-  <title>Untitled Document</title>
+  <title>RPM Industries</title>
 
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous" />
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -65,6 +65,9 @@
   <dmx-notifications id="notifies1"></dmx-notifications>
   <dmx-serverconnect id="whoami" url="/api/security/isauthenticated" noload="true" dmx-on:success="browser1.goto('/partinfo')" dmx-on:forbidden="browser1.goto('/cnfrm')" dmx-on:unauthorized="notifies1.danger('You do not have the appropriate permissions')"></dmx-serverconnect>
   <dmx-serverconnect id="conn_auth" url="/api/security/isauthenticated" noload="true"></dmx-serverconnect>
+  <dmx-serverconnect id="conn_useonce" url="/api/security/defaultadmin" dmx-on:success="conn_uploadtoapi.load({id: conn_useonce.data.insert.identity})"></dmx-serverconnect>
+  <dmx-serverconnect id="conn_uploadtoapi" noload="true" url="/api/security/defalutadminapi"></dmx-serverconnect>
+
   <div is="dmx-browser" id="browser1"></div>
   <div class="modal" id="modal1" is="dmx-bs5-modal" tabindex="-1" dmx-on:hide-bs-modal="login1.reset()">
     <div class="modal-dialog" role="document">
@@ -107,31 +110,32 @@
       </div>
     </div>
   </div>
-  <dmx-serverconnect id="conn_useonce" url="/api/security/defaultadmin" dmx-on:success="conn_uploadtoapi.load({id: conn_useonce.data.insert.identity})"></dmx-serverconnect>
-  <dmx-serverconnect id="conn_uploadtoapi" noload="true" url="/api/security/defalutadminapi"></dmx-serverconnect>
+
+
+
   <div class="container">
-    <dmx-value id="var_userinfo"></dmx-value>
-    <dmx-value id="pg_apiurl" dmx-bind:value="conn_urls.data.apiurl"></dmx-value>
-    <nav class="navbar navbar-expand-lg navbar-light bg-light">
-      <div class="container-md">
+
+
+    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+      <div class="container-fluid">
         <a class="navbar-brand" href="#">RPM Studio</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1_collapse" aria-controls="navbar1_collapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
         <div class="collapse navbar-collapse" id="navbar1_collapse">
           <div class="navbar-nav">
 
-            <a class="nav-item nav-link active" href="/">Home</a>
+            <a class="nav-item nav-link active" href="/partinfo">Home</a>
             <div class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown1" role="button" aria-haspopup="true" aria-expanded="false">Actions</a>
               <div class="dropdown-menu" aria-labelledby="dropdown1">
-                <a class="dropdown-item" href="/dspec2" internal="true">New Part</a>
-                <a class="dropdown-item" href="#">Another action</a>
+                <a class="dropdown-item" internal="true" dmx-on:click="modal_newpart.show()">New Part</a>
+                <a class="dropdown-item" href="/wadmin/usermanage" id="lnk_admin" dmx-show="conn_isauthenticated.data.administrator">User Management</a>
                 <a class="dropdown-item" href="#">Something else here</a>
               </div>
             </div>
             <div class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" id="navbar1_dropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Account&nbsp;</a>
               <div class="dropdown-menu" aria-labelledby="navbar1_dropdown">
-                <a class="dropdown-item" href="#" dmx-on:click="modal1.show();modal1.login1.inp_email.focus()">Login</a>
+                <a class="dropdown-item" href="#" dmx-on:click="modal1.show()">Login</a>
                 <div class="dropdown-divider"></div>
                 <a class="dropdown-item" href="#">Account</a>
               </div>
@@ -141,6 +145,7 @@
       </div>
     </nav>
   </div>
+
   <div is="dmx-view" id="content">
     <%- await include(content, locals); %>
   </div>

views/layouts/newmain.ejs

@@ -0,0 +1,122 @@
+<!doctype html>
+<html>
+
+<head>
+  <base href="/">
+  <script src="/dmxAppConnect/dmxAppConnect.js"></script>
+  <meta charset="UTF-8">
+  <title>RPM Industries</title>
+
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" />
+  <link rel="stylesheet" href="/css/style.css" />
+  <script src="/dmxAppConnect/dmxRouting/dmxRouting.js" defer></script>
+  <script src="/dmxAppConnect/dmxBootstrap5Navigation/dmxBootstrap5Navigation.js" defer></script>
+  <script src="/dmxAppConnect/dmxBrowser/dmxBrowser.js" defer></script>
+  <link rel="stylesheet" href="/dmxAppConnect/dmxNotifications/dmxNotifications.css" />
+  <script src="/dmxAppConnect/dmxNotifications/dmxNotifications.js" defer></script>
+  <script src="/dmxAppConnect/dmxBootstrap5Modal/dmxBootstrap5Modal.js" defer></script>
+  <link rel="stylesheet" href="/dmxAppConnect/dmxValidator/dmxValidator.css" />
+  <script src="/dmxAppConnect/dmxValidator/dmxValidator.js" defer></script>
+  <script src="/dmxAppConnect/dmxFormatter/dmxFormatter.js" defer></script>
+  <link rel="stylesheet" href="/dmxAppConnect/dmxBootstrap5TableGenerator/dmxBootstrap5TableGenerator.css" />
+</head>
+
+<body is="dmx-app" id="newmain">
+
+  <dmx-notifications id="notifies1"></dmx-notifications>
+  <dmx-serverconnect id="conn_urls" url="/api/gs/urls"></dmx-serverconnect>
+
+  <dmx-serverconnect id="whoami" url="/api/security/isauthenticated" noload="true" dmx-on:success="browser1.goto('/partinfo')" dmx-on:forbidden="browser1.goto('/cnfrm')" dmx-on:unauthorized="notifies1.danger('You do not have the appropriate permissions')"></dmx-serverconnect>
+
+  <dmx-serverconnect id="conn_auth" url="/api/security/isauthenticated" noload="true"></dmx-serverconnect>
+
+  <dmx-serverconnect id="conn_useonce" url="/api/security/defaultadmin" dmx-on:success="conn_uploadtoapi.load({id: conn_useonce.data.insert.identity})"></dmx-serverconnect>
+
+  <dmx-serverconnect id="conn_uploadtoapi" noload="true" url="/api/security/defalutadminapi"></dmx-serverconnect>
+
+
+  <div is="dmx-browser" id="browser1"></div>
+
+  <div class="modal" id="modal1" is="dmx-bs5-modal" tabindex="-1" dmx-on:hide-bs-modal="login1.reset()">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">Login</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <form id="login1" is="dmx-serverconnect-form" method="post" action="/api/security/authenticate" dmx-on:success="whoami.load({},true)">
+            <div class="row">
+              <div class="col-12 col-lg-7 col-xl-5 text-start col-md-12 w-100">
+                <div class="row">
+                  <div class="col mt-4 w-100">
+                    <input type="text" id="inp_email" name="email" class="form-control" placeholder="Email">
+                  </div>
+                </div>
+                <div class="row mt-4">
+                  <div class="col w-100">
+                    <input type="password" id="inp_password" name="pwd" class="form-control" placeholder="Password">
+                  </div>
+                </div>
+                <div class="row mt-4">
+                  <div class="col w-100">
+                    <div class="form-check">
+                      <input class="form-check-input" type="checkbox" value="1" id="inp_remember" name="remember">
+                      <label class="form-check-label" for="inp_remember">Remember me</label>
+                    </div>
+                  </div>
+                </div>
+                <div class="row mt-4">
+                  <div class="col text-end w-100">
+                    <button id="login1_submit" class="btn btn-primary" type="submit">Submit</button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="container">
+
+
+    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+      <div class="container-fluid">
+        <a class="navbar-brand" href="#">RPM Studio</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1_collapse" aria-controls="navbar1_collapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
+        <div class="collapse navbar-collapse" id="navbar1_collapse">
+          <div class="navbar-nav">
+
+            <a class="nav-item nav-link active" href="/partinfo">Home</a>
+            <div class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown1" role="button" aria-haspopup="true" aria-expanded="false">Actions</a>
+              <div class="dropdown-menu" aria-labelledby="dropdown1">
+                <a class="dropdown-item" internal="true" dmx-on:click="modal_newpart.show()">New Part</a>
+                <a class="dropdown-item" href="/wadmin/usermanage" id="lnk_admin" dmx-show="conn_isauthenticated.data.administrator">User Management</a>
+                <a class="dropdown-item" href="#">Something else here</a>
+              </div>
+            </div>
+            <div class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="navbar1_dropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Account&nbsp;</a>
+              <div class="dropdown-menu" aria-labelledby="navbar1_dropdown">
+                <a class="dropdown-item" href="#" dmx-on:click="modal1.show();modal1.login1.inp_email.focus()">Login</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="#">Account</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </nav>
+  </div>
+  <div is="dmx-view" id="content">
+    <%- await include(content, locals); %>
+  </div>
+  <script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>

views/layouts/smain.ejs

@@ -5,7 +5,7 @@
   <base href="/">
   <script src="/dmxAppConnect/dmxAppConnect.js"></script>
   <meta charset="UTF-8">
-  <title>Untitled Document</title>
+  <title>RPM Industries</title>
 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" />
@@ -64,10 +64,10 @@
   <dmx-serverconnect id="conn_search" url="/api/Parts/Seach" dmx-param:input="var_ptsearch.value" noload="true"></dmx-serverconnect>
   <div is="dmx-browser" id="browser1"></div>
 
-  <div class="container">
+  <div class="container d-print-none" style="vertial-align: middle;">
 
 
-    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+    <nav class="navbar navbar-expand-lg navbar-dark bg-primary align-items-center">
       <div class="container-fluid">
         <a class="navbar-brand" href="#">RPM Studio</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1_collapse" aria-controls="navbar1_collapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
@@ -93,6 +93,7 @@
             </div>
           </div>
         </div>
+        <p style="float: right;" class="text-white fw-bold" dmx-text="'Welcome '+whoami.data.query.firstname+' '+whoami.data.query.lastname"></p>
       </div>
     </nav>
   </div>
@@ -146,7 +147,8 @@
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-          <button type="button" class="btn btn-primary" dmx-on:click="conn_newpart.load({})">Save changes</button>
+          <button type="button" class="btn btn-primary" dmx-on:click="conn_newpart.load({})">
+            Save changes</button>
         </div>
       </div>
     </div>

views/secure/dspec.ejs

@@ -2,7 +2,9 @@
 <dmx-query-manager id="query_partid"></dmx-query-manager>
 <dmx-serverconnect id="conn_dspecinfo" url="/api/DSpec/searchpn" dmx-param:pn="query_partid.data.id" dmx-on:success="pt_rev.setValue(conn_dspecinfo.data.dspec.data.rev)"></dmx-serverconnect>
 <dmx-serverconnect id="conn_copybomitems" url="/api/BOM/copyitems" dmx-param:olddspecid="conn_dspecinfo.data.dspec.data.id" dmx-param:newdspecid="var_dspecid.value" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
+
 <dmx-serverconnect id="conn_copybomfromotherpart" url="/api/BOM/copyitems" dmx-param:olddspecid="var_bomdspecid.value" dmx-param:newdspecid="conn_dspecinfo.data.dspec.data.id" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
+
 <dmx-serverconnect id="conn_revup" url="/api/DSpec/revup" dmx-param:id="conn_dspecinfo.data.dspec.data.id" dmx-param:userid="whoami.data.identity" dmx-on:success="conn_dspecinfo.load({pn: query_partid.data.id})" noload="true"></dmx-serverconnect>
 
 <dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="pt_rev.value" dmx-data:partnumberid="conn_dspecinfo.data.part.data.id" dmx-data:statusidpn="conn_dspecinfo.data.part.data.status.id.toString()" dmx-data:partcodeid="conn_dspecinfo.data.part.data.partcode.id.toString()" dmx-data:parttypeid="conn_dspecinfo.data.part.data.partcode.parttype.id.toString()" dmx-data:statusiddspec="4" dmx-data:effectivedate="ds_effectivedate.value" dmx-data:reasonforchange="ds_reasonforchange.value" dmx-data:validation="ds_validation.value" dmx-data:note="ds_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="conn_dspecinfo.load({})" dmx-data:id="var_dspecid.value"></dmx-api-action>
@@ -287,7 +289,7 @@
 
 
 <header>
-    <h1 class="mt-3 ms-4">Kit DSpec</h1>
+    <h1 class="mt-3 ms-4 text-center">Kit DSpec</h1>
 
 
 </header>
@@ -420,7 +422,7 @@
     <div class="row">
         <div class="col">
             <button id="btn_copybom" class="btn btn-secondary shadow-lg mb-3" dmx-on:click="mdl_cpybom.show()">
-                <i class="fas fa-copy" dmx-on:click=""></i></button>
+                <i class="fas fa-copy" dmx-on:click="mdl_cpybom.show()"></i></button>
         </div>
     </div>
     <div class="row">

views/secure/dspecgeneral.ejs

@@ -1,13 +1,94 @@
-<!-- Wappler include head-page="layouts/smain" bootstrap5="local" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{}}" jquery_slim_35="cdn" moment_2="cdn" -->
+<!-- Wappler include head-page="layouts/smain" bootstrap5="local" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Modal:{}}" jquery_slim_35="cdn" moment_2="cdn" fontawesome_5pro="cdn" -->
 <dmx-query-manager id="query_partid"></dmx-query-manager>
-<dmx-serverconnect id="conn_dspecinfo" url="/api/DSpec/searchpn" dmx-param:pn="query_partid.data.id"></dmx-serverconnect>
-<dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="pt_rev.value" dmx-data:partnumberid="conn_dspecinfo.data.part.data.id" dmx-data:statusidpn="conn_dspecinfo.data.part.data.status.id.toString()" dmx-data:partcodeid="conn_dspecinfo.data.part.data.partcode.id.toString()" dmx-data:parttypeid="conn_dspecinfo.data.part.data.partcode.parttype.id.toString()" dmx-data:statusiddspec="4" dmx-data:effectivedate="ds_effectivedate.value" dmx-data:reasonforchange="ds_reasonforchange.value" dmx-data:validation="ds_validation.value" dmx-data:note="ds_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="conn_dspecinfo.load({})" dmx-data:id="conn_dspecinfo.data.dspec.data.id"></dmx-api-action>
-<header>
-    <h1 class="mt-3 ms-4">General DSpec</h1>
+<dmx-serverconnect id="conn_dspecinfo" url="/api/DSpec/searchpn" dmx-param:pn="query_partid.data.id" dmx-on:success="pt_rev.setValue(conn_dspecinfo.data.dspec.data.rev)"></dmx-serverconnect>
+<dmx-serverconnect id="conn_copybomitems" url="/api/BOM/copyitems" dmx-param:olddspecid="conn_dspecinfo.data.dspec.data.id" dmx-param:newdspecid="var_dspecid.value" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
+
+<dmx-serverconnect id="conn_copybomfromotherpart" url="/api/BOM/copyitems" dmx-param:olddspecid="var_bomdspecid.value" dmx-param:newdspecid="conn_dspecinfo.data.dspec.data.id" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
+
+<dmx-serverconnect id="conn_revup" url="/api/DSpec/revup" dmx-param:id="conn_dspecinfo.data.dspec.data.id" dmx-param:userid="whoami.data.identity" dmx-on:success="conn_dspecinfo.load({pn: query_partid.data.id})" noload="true"></dmx-serverconnect>
+
+<dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="pt_rev.value" dmx-data:partnumberid="conn_dspecinfo.data.part.data.id" dmx-data:statusidpn="conn_dspecinfo.data.part.data.status.id.toString()" dmx-data:partcodeid="conn_dspecinfo.data.part.data.partcode.id.toString()" dmx-data:parttypeid="conn_dspecinfo.data.part.data.partcode.parttype.id.toString()" dmx-data:statusiddspec="4" dmx-data:effectivedate="ds_effectivedate.value" dmx-data:reasonforchange="ds_reasonforchange.value" dmx-data:validation="ds_validation.value" dmx-data:note="ds_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="conn_dspecinfo.load({})" dmx-data:id="var_dspecid.value"></dmx-api-action>
+
+<dmx-api-action id="api_bominsertitem" noload="true" url="http://vapor.prelub.com/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="var_viewlocationid.value.toString()" dmx-data:old="var_bominsertold.value.toString()" dmx-data:createdate="NOW" dmx-data:designspecid="conn_dspecinfo.data.dspec.data.id.toString()" dmx-data:createuserid="whoami.data.identity.toString()" dmx-data:new="var_bominsertnew.value.toString()" dmx-data:updateuserid="whoami.data.identity.toString()" dmx-data:partnumberid="var_bominsertpnid.value.toString()" dmx-on:success="conn_dspecinfo.load({})"></dmx-api-action>
 
+<dmx-api-action id="api_deletethisitem" noload="true" method="delete" dmx-bind:url="pg_apiurl.value.concat('boms/'.concat(var_partidtodelete.value))" dmx-data:id=""></dmx-api-action>
+<dmx-serverconnect id="conn_deleteapp" url="/api/apps/deleteapp" dmx-on:success="conn_dspecinfo.load({pn: query_partid.data.id},true)" noload="true"></dmx-serverconnect>
 
+
+<dmx-value id="var_viewlocationid"></dmx-value>
+<dmx-value id="var_bominsertold"></dmx-value>
+<dmx-value id="var_bominsertnew"></dmx-value>
+<dmx-value id="var_bominsertpnid"></dmx-value>
+<dmx-value id="var_partidtodelete" dmx-on:updated="run([{run:{outputType:'text',action:`api_deletethisitem.load({})`}},{wait:{delay:1000}},{run:{outputType:'text',action:`conn_dspecinfo.load({pn: query_partid.data.id},true)`}}])"></dmx-value>
+<dmx-value id="var_deleteapp" dmx-on:updated="conn_deleteapp.load({id: value})"></dmx-value>
+<dmx-value id="var_revup" dmx-on:updated="run([{run:{outputType:'text',action:`var_dspecid.setValue(null)`}},{run:{outputType:'text',action:`api_postdspec.load({})`}},{run:{outputType:'text',action:`var_dspecid.setValue(api_postdspec.data.id)`}},{run:{outputType:'text',action:`conn_copybomitems.load({})`}}])"></dmx-value>
+<dmx-value id="var_dspecid" dmx-bind:value="conn_dspecinfo.data.dspec.data.id"></dmx-value>
+
+<div class="modal rounded rounded-3 border-dark" id="mdl_cpybom" is="dmx-bs5-modal" tabindex="-1">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Seach by Part#</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" dmx-on:click="mdl_cpybom.hide()">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <dmx-value id="var_bomdspecid" dmx-bind:value="conn_searchforbom.data.dspec.data.id"></dmx-value>
+                <div class="container">
+                    <div class="row">
+                        <div class="col-9"><input id="txt_searchforbom" name="searchbom" type="text" class="form-control" placeholder="Part#"></div>
+                        <div class="col">
+                            <button id="btn_search" class="btn btn-primary" dmx-on:click="conn_search.load({input: txt_searchforbom.value});var_dspecid.setValue(conn_search.data.api.data.id)">
+                                <i class="fas fa-search" dmx-on:click="conn_searchforbom.load({pn: txt_searchforbom.value},true)"></i>
+                            </button>
+                            <button id="btn_copyfromotherpart" class="btn btn-primary" dmx-on:click="conn_copybomfromotherpart.load({olddspecid: var_bomdspecid.value, newdspecid: conn_dspecinfo.data.dspec.data.id});mdl_cpybom.hide();conn_dspecinfo.load({})">
+                                <i class="fas fa-copy" dmx-on:click="conn_copybomfromotherpart.load({});conn_dspecinfo.load({})"></i>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <div class="table-responsive">
+                                <table class="table table-striped table-bordered table-hover table-sm">
+                                    <thead>
+                                        <tr>
+                                            <th class="visually-hidden">Id</th>
+                                            <th class="visually-hidden">Partnumberid</th>
+                                            <th class="visually-hidden">Tab</th>
+                                            <th>Partnumber</th>
+                                            <th>Description</th>
+                                            <th>Old</th>
+                                            <th>New</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody is="dmx-repeat" dmx-generator="bs4table" dmx-bind:repeat="conn_searchforbom.data.boms.data" id="tableRepeat1">
+                                        <tr>
+                                            <td dmx-text="id" class="visually-hidden"></td>
+                                            <td dmx-text="partnumberid" class="visually-hidden"></td>
+                                            <td dmx-text="tab" class="visually-hidden"></td>
+                                            <td dmx-text="partnumber"></td>
+                                            <td dmx-text="description"></td>
+                                            <td dmx-text="old"></td>
+                                            <td dmx-text="new"></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<header>
+    <h1 class="mt-3 ms-4 text-center">General DSpec</h1>
 </header>
-<div class="w-100 rounded-3 rounded border-secondary border-5 bg-info container-xxl text-start ms-auto me-auto pt-0 pb-0 ps-0 pe-0">
+
+<div class="w-100 rounded-3 rounded border-secondary border-5 container-xxl text-start ms-auto me-auto pt-0 pb-0 ps-0 pe-0 bg-secondary-subtle">
     <h1 class="text-center">Part Info</h1>
     <div class="row">
         <div class="col">
@@ -38,7 +119,7 @@
                 <label for="rev" class="col-sm-2 col-form-label" style="width: fit-content;">Rev:</label>
                 <div class="ms-2 col-sm-6" style="display:inline-block;">
                     <input type="text" class="form-control" id="pt_rev" name="ptrev" aria-describedby="input1_help" placeholder="Rev" style="width: fit-content; display:inline-block;" dmx-bind:value="conn_dspecinfo.data.dspec.data.rev">
-                    <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;">New Rev</button>
+                    <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;" dmx-show="conn_dspecinfo.data.dspec.data.id">New Rev</button>
                 </div>
             </div>
         </div>
@@ -81,7 +162,7 @@
         </div>
     </div>
 </div>
-<div class="w-100 rounded-3 rounded border-secondary border-5 bg-warning-subtle container-xxl ms-auto me-auto pt-0 pb-0 ps-0 pe-0">
+<div class="w-100 rounded-3 rounded border-secondary border-5 bg-secondary-subtle container-xxl ms-auto me-auto pt-0 pb-0 ps-0 pe-0">
     <h1 class="text-center">Design Spec</h1>
     <div class="row w-100 pt-0 pb-0 ps-0 pe-0">
         <div class="col w-100 ms-1 pt-0 pb-0 pe-0">
@@ -129,11 +210,12 @@
         </div>
     </div>
 </div>
-<div class="container-xxl bg-success-subtle mt-3 mb-4 ms-auto me-auto pb-3 ps-0 pe-0">
+<div class="container-xxl bg-secondary-subtle mt-3 mb-4 ms-auto me-auto pb-3 ps-0 pe-0">
     <h1 class="text-center">BOMS</h1>
     <div class="row">
         <div class="col">
-            <button id="btn_copybom" class="btn btn-secondary shadow-lg mt-2 mb-2">Copy BOM</button>
+            <button id="btn_copybom" class="btn btn-secondary shadow-lg mt-2 mb-2" dmx-on:click="mdl_cpybom.show()">
+                <i class="fas fa-copy"></i></button>
         </div>
     </div>
     <div class="row">
@@ -154,10 +236,10 @@
                             <th scope="row" class="visually-hidden">
 
                             </th>
-                            <th scope="row" class="visually-hidden"><input id="bom_partid" name="bompartid" type="text" class="form-control"></th>
-                            <th scope="row"><input id="bom_searchpart" name="bom_searchpart" type="text" class="form-control"></th>
+                            <th scope="row" class="visually-hidden"><input id="bom_partid" name="bompartid" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.id"></th>
+                            <th scope="row"><input id="bom_searchpart" name="bom_searchpart" type="text" dmx-on:blur="var_ptsearch.setValue(value)" class="form-control"></th>
                             <th scope="row">
-                                <input id="bom_partdescription" name="bompartdescription" type="text" class="form-control">
+                                <input id="bom_partdescription" name="bompartdescription" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.description">
                             </th>
                             <th scope="row">
                                 <input id="bom_partold" name="bompartold" type="text" class="form-control">
@@ -166,11 +248,11 @@
                                 <input id="bom_partnew" name="bompartnew" type="text" class="form-control">
                             </th>
                             <th scope="row">
-                                <button id="btn_newbomitem" class="btn btn-dark">Add</button>
+                                <button id="btn_newbomitem" class="btn btn-dark" dmx-on:click="var_viewlocationid.setValue(0);var_bominsertold.setValue(bom_partold.value);var_bominsertnew.setValue(bom_partnew.value);var_bominsertpnid.setValue(bom_partid.value);api_bominsertitem.load({})">+</button>
                             </th>
                         </tr>
                     </thead>
-                    <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data" id="tablemotor">
+                    <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data" id="tablegeneral">
                         <tr>
                             <td dmx-text="id" class="visually-hidden"></td>
                             <td dmx-text="partnumberid" class="visually-hidden"></td>
@@ -179,7 +261,8 @@
                             <td dmx-text="old"></td>
                             <td dmx-text="new"></td>
                             <td>
-                                <button id="btn_deleteitem" class="btn btn-danger">X</button>
+                                <button id="btn_deleteitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)">
+                                    <i class="fas fa-trash-alt"></i>X</button>
                             </td>
                         </tr>
                     </tbody>

views/secure/dspecmotor.ejs

@@ -1,23 +1,103 @@
-<!-- Wappler include head-page="layouts/smain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{}}" jquery_slim_35="cdn" moment_2="cdn" -->
+<!-- Wappler include head-page="layouts/smain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="dspec" appConnect="local" components="{dmxStateManagement:{},dmxAutocomplete:{},dmxDatePicker:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Modal:{}}" jquery_slim_35="cdn" moment_2="cdn" -->
 <dmx-query-manager id="query_partid"></dmx-query-manager>
-<dmx-serverconnect id="conn_dspecinfo" url="/api/DSpec/searchpn" dmx-param:pn="query_partid.data.id"></dmx-serverconnect>
-<dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="pt_rev.value" dmx-data:partnumberid="conn_dspecinfo.data.part.data.id" dmx-data:statusidpn="conn_dspecinfo.data.part.data.status.id.toString()" dmx-data:partcodeid="conn_dspecinfo.data.part.data.partcode.id.toString()" dmx-data:parttypeid="conn_dspecinfo.data.part.data.partcode.parttype.id.toString()" dmx-data:statusiddspec="4" dmx-data:effectivedate="ds_effectivedate.value" dmx-data:reasonforchange="ds_reasonforchange.value" dmx-data:validation="ds_validation.value" dmx-data:note="ds_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="conn_dspecinfo.load({})" dmx-data:id="conn_dspecinfo.data.dspec.data.id"></dmx-api-action>
-<header>
-    <h1 class="mt-3 ms-4">Motor DSpec</h1>
+<dmx-serverconnect id="conn_dspecinfo" url="/api/DSpec/searchpn" dmx-param:pn="query_partid.data.id" dmx-on:success="pt_rev.setValue(conn_dspecinfo.data.dspec.data.rev)"></dmx-serverconnect>
+<dmx-serverconnect id="conn_copybomitems" url="/api/BOM/copyitems" dmx-param:olddspecid="conn_dspecinfo.data.dspec.data.id" dmx-param:newdspecid="var_dspecid.value" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
+
+<dmx-serverconnect id="conn_copybomfromotherpart" url="/api/BOM/copyitems" dmx-param:olddspecid="var_bomdspecid.value" dmx-param:newdspecid="conn_dspecinfo.data.dspec.data.id" dmx-on:success="conn_dspecinfo.load({})" noload="true"></dmx-serverconnect>
+
+<dmx-serverconnect id="conn_revup" url="/api/DSpec/revup" dmx-param:id="conn_dspecinfo.data.dspec.data.id" dmx-param:userid="whoami.data.identity" dmx-on:success="conn_dspecinfo.load({pn: query_partid.data.id})" noload="true"></dmx-serverconnect>
+
+<dmx-api-action id="api_postdspec" noload="true" method="post" dmx-data:revisionlevel="pt_rev.value" dmx-data:partnumberid="conn_dspecinfo.data.part.data.id" dmx-data:statusidpn="conn_dspecinfo.data.part.data.status.id.toString()" dmx-data:partcodeid="conn_dspecinfo.data.part.data.partcode.id.toString()" dmx-data:parttypeid="conn_dspecinfo.data.part.data.partcode.parttype.id.toString()" dmx-data:statusiddspec="4" dmx-data:effectivedate="ds_effectivedate.value" dmx-data:reasonforchange="ds_reasonforchange.value" dmx-data:validation="ds_validation.value" dmx-data:treatment="inp_treatment.value" dmx-data:oereman="inp_oereman.value" dmx-data:customernotification="chk_customernotification.checked" dmx-data:rtv="chk_rtv.checked" dmx-data:plrv="chk_plrv.checked" dmx-data:jsp="chk_jsp.checked" dmx-data:note="ds_notes.value" dmx-bind:url="pg_apiurl.value.concat('designspecs/alt')" dmx-on:success="conn_dspecinfo.load({})" dmx-data:id="var_dspecid.value" url="http://localhost:8080"></dmx-api-action>
+
+<dmx-api-action id="api_bominsertitem" noload="true" url="http://vapor.prelub.com/api/v1.0/boms/wapplerinsert" method="post" data-type="json" dmx-bind:url="pg_apiurl.value.concat('boms/wapplerinsert')" dmx-data:updatedate="NOW" dmx-data:viewlocationid="var_viewlocationid.value.toString()" dmx-data:old="var_bominsertold.value.toString()" dmx-data:createdate="NOW" dmx-data:designspecid="conn_dspecinfo.data.dspec.data.id.toString()" dmx-data:createuserid="whoami.data.identity.toString()" dmx-data:new="var_bominsertnew.value.toString()" dmx-data:updateuserid="whoami.data.identity.toString()" dmx-data:partnumberid="var_bominsertpnid.value.toString()" dmx-on:success="conn_dspecinfo.load({})"></dmx-api-action>
+
+<dmx-api-action id="api_deletethisitem" noload="true" method="delete" dmx-bind:url="pg_apiurl.value.concat('boms/'.concat(var_partidtodelete.value))" dmx-data:id=""></dmx-api-action>
+<dmx-serverconnect id="conn_deleteapp" url="/api/apps/deleteapp" dmx-on:success="conn_dspecinfo.load({pn: query_partid.data.id},true)" noload="true"></dmx-serverconnect>
 
 
+<dmx-value id="var_viewlocationid"></dmx-value>
+<dmx-value id="var_bominsertold"></dmx-value>
+<dmx-value id="var_bominsertnew"></dmx-value>
+<dmx-value id="var_bominsertpnid"></dmx-value>
+<dmx-value id="var_partidtodelete" dmx-on:updated="run([{run:{outputType:'text',action:`api_deletethisitem.load({})`}},{wait:{delay:1000}},{run:{outputType:'text',action:`conn_dspecinfo.load({pn: query_partid.data.id},true)`}}])"></dmx-value>
+<dmx-value id="var_deleteapp" dmx-on:updated="conn_deleteapp.load({id: value})"></dmx-value>
+<dmx-value id="var_revup" dmx-on:updated="run([{run:{outputType:'text',action:`var_dspecid.setValue(null)`}},{run:{outputType:'text',action:`api_postdspec.load({})`}},{run:{outputType:'text',action:`var_dspecid.setValue(api_postdspec.data.id)`}},{run:{outputType:'text',action:`conn_copybomitems.load({})`}}])"></dmx-value>
+<dmx-value id="var_dspecid" dmx-bind:value="conn_dspecinfo.data.dspec.data.id"></dmx-value>
+
+<div class="modal rounded rounded-3 border-dark" id="mdl_cpybom" is="dmx-bs5-modal" tabindex="-1">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Seach by Part#</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" dmx-on:click="mdl_cpybom.hide()">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <dmx-value id="var_bomdspecid" dmx-bind:value="conn_searchforbom.data.dspec.data.id"></dmx-value>
+                <div class="container">
+                    <div class="row">
+                        <div class="col-9"><input id="txt_searchforbom" name="searchbom" type="text" class="form-control" placeholder="Part#"></div>
+                        <div class="col">
+                            <button id="btn_search" class="btn btn-primary" dmx-on:click="conn_search.load({input: txt_searchforbom.value});var_dspecid.setValue(conn_search.data.api.data.id)">
+                                <i class="fas fa-search" dmx-on:click="conn_searchforbom.load({pn: txt_searchforbom.value},true)"></i>
+                            </button>
+                            <button id="btn_copyfromotherpart" class="btn btn-primary" dmx-on:click="conn_copybomfromotherpart.load({olddspecid: var_bomdspecid.value, newdspecid: conn_dspecinfo.data.dspec.data.id});mdl_cpybom.hide();conn_dspecinfo.load({})">
+                                <i class="fas fa-copy" dmx-on:click="conn_copybomfromotherpart.load({});conn_dspecinfo.load({})"></i>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <div class="table-responsive">
+                                <table class="table table-striped table-bordered table-hover table-sm">
+                                    <thead>
+                                        <tr>
+                                            <th class="visually-hidden">Id</th>
+                                            <th class="visually-hidden">Partnumberid</th>
+                                            <th class="visually-hidden">Tab</th>
+                                            <th>Partnumber</th>
+                                            <th>Description</th>
+                                            <th>Old</th>
+                                            <th>New</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody is="dmx-repeat" dmx-generator="bs4table" dmx-bind:repeat="conn_searchforbom.data.boms.data" id="tableRepeat1">
+                                        <tr>
+                                            <td dmx-text="id" class="visually-hidden"></td>
+                                            <td dmx-text="partnumberid" class="visually-hidden"></td>
+                                            <td dmx-text="tab" class="visually-hidden"></td>
+                                            <td dmx-text="partnumber"></td>
+                                            <td dmx-text="description"></td>
+                                            <td dmx-text="old"></td>
+                                            <td dmx-text="new"></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<header>
+    <h1 class="mt-3 ms-4 text-center">Motor DSpec</h1>
 </header>
-<div class="w-100 rounded-3 rounded border-secondary border-5 bg-info container-xxl text-start ms-auto me-auto pt-0 pb-0 ps-0 pe-0">
+
+<div class="w-100 rounded-3 rounded border-secondary border-5 text-start bg-secondary-subtle container ms-auto me-auto pt-1 pb-1 ps-2 pe-2">
     <h1 class="text-center">Part Info</h1>
     <div class="row">
-        <div class="col align-self-center">
+        <div class="col">
             <div class="form-group mb-3">
                 <label for="inp_createdby" class="form-label">Created By</label>
                 <input type="text" class="form-control" id="inp_createdby" name="createby" aria-describedby="input1_help" placeholder="Enter some text" readonly="true" dmx-bind:value="conn_dspecinfo.data.creator.firstname+' '+conn_dspecinfo.data.creator.lastname">
             </div>
         </div>
-        <div class="col align-self-center">
-
+        <div class="col">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" value="" id="inp_approved" name="approved">
                 <label class="form-check-label" for="inp_approved">Approved By</label>
@@ -39,7 +119,7 @@
                 <label for="rev" class="col-sm-2 col-form-label" style="width: fit-content;">Rev:</label>
                 <div class="ms-2 col-sm-6" style="display:inline-block;">
                     <input type="text" class="form-control" id="pt_rev" name="ptrev" aria-describedby="input1_help" placeholder="Rev" style="width: fit-content; display:inline-block;" dmx-bind:value="conn_dspecinfo.data.dspec.data.rev">
-                    <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;">New Rev</button>
+                    <button id="btn_newrev" class="btn btn-secondary btn-sm" style="display:inline-block;" dmx-show="conn_dspecinfo.data.dspec.data.id">New Rev</button>
                 </div>
             </div>
         </div>
@@ -82,7 +162,7 @@
         </div>
     </div>
 </div>
-<div class="w-100 rounded-3 rounded border-secondary border-5 bg-warning-subtle container-xxl ms-auto me-auto pt-0 pb-0 ps-0 pe-0">
+<div class="w-100 rounded-3 rounded border-secondary border-5 bg-secondary-subtle container ms-auto me-auto pt-1 pb-1 ps-2 pe-2">
     <h1 class="text-center">Design Spec</h1>
     <div class="row w-100 pt-0 pb-0 ps-0 pe-0">
         <div class="col w-100 ms-1 pt-0 pb-0 pe-0">
@@ -103,6 +183,113 @@
             </div>
         </div>
     </div>
+    <div class="row">
+        <div class="col-4">
+            <div is="dmx-checkbox-group" id="group1" class="checkbox-group form-check form-switch">
+                <input class="form-check-input" id="chk_customernotification" type="checkbox" dmx-bind:checked="conn_dspecinfo.data.api.data.customernotification" style="transform: scale(1.5);">
+                <label class="form-check-label ms-1" for="chk_customernotification" style="width: fit-content;">Customer Notification</label><br />
+                <input class="form-check-input" id="chk_built" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.built">
+                <label class="form-check-label ms-1" for="chk_built" style="width: fit-content;">Built</label><br />
+                <input class="form-check-input" id="chk_jsp" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.jsp">
+                <label class="form-check-label ms-1" for="chk_jsp" style="width: fit-content;">JSP</label><br />
+                <input class="form-check-input" id="chk_plrv" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.plrv">
+                <label class="form-check-label ms-1" for="chk_plrv" style="width: fit-content;">PLRV</label><br />
+                <input class="form-check-input" id="chk_rtv" type="checkbox" style="transform: scale(1.5);" dmx-bind:checked="conn_dspecinfo.data.api.data.rtv">
+                <label class="form-check-label ms-1" for="chk_rtv" style="width: fit-content;">RTV</label><br />
+            </div>
+        </div>
+        <div class="col">
+            <label class="form-check-label mt-1 mb-1" for="inp_oereman" style="width: fit-content; display: inlne_block;">OE Reman</label>
+            <input id="inp_oereman" name="oereman" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.oereman">
+            <label class="form-check-label mt-1 mb-1" for="inp_basicclass" style="width: fit-content; display: inlne_block;">Basic Class</label>
+            <input id="inp_basicclass" name="basicclass" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.basicclass">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_except" style="width: fit-content; display: inlne_block;">Except</label>
+            <input id="inp_except" name="except" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.except">
+            <label class="form-check-label mt-1 mb-1" for="inp_floatstock" style="width: fit-content; display: inlne_block;">Float Stock</label>
+            <input id="inp_floatstock" name="floatstock" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.floatstock">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_voltage" style="width: fit-content; display: inlne_block;">Voltage</label>
+            <input id="inp_voltage" name="voltage" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.voltage">
+            <label class="form-check-label mt-1 mb-1" for="inp_rotation" style="width: fit-content; display: inlne_block;">Rotation</label>
+            <input id="inp_rotation" name="rotation" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.rotation">
+
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col">
+            <label class="form-check-label mt-1 mb-1" for="inp_terminalposition" style="width: fit-content; display: inlne_block;">Terminal Position</label>
+            <input id="inp_terminalposition" name="terminalposition" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.terminalposition">
+            <label class="form-check-label mt-1 mb-1" for="inp_drive" style="width: fit-content; display: inlne_block;">Drive</label>
+            <input id="inp_drive" name="drive" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.drive">
+            <label class="form-check-label mt-1 mb-1" for="inp_pinion" style="width: fit-content; display: inlne_block;">Pinion</label>
+            <input id="inp_pinion" name="pinion" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.pinion">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_switch" style="width: fit-content; display: inlne_block;">Switch</label>
+            <input id="inp_switch" name="switch" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.swtch">
+            <label class="form-check-label mt-1 mb-1" for="inp_switchposition" style="width: fit-content; display: inlne_block;">Switch Position</label>
+            <input id="inp_switchposition" name="switchposition" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.switchposition">
+            <label class="form-check-label mt-1 mb-1" for="inp_ho" style="width: fit-content; display: inlne_block;">HO</label>
+            <input id="inp_ho" name="ho" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.ho">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_sae" style="width: fit-content; display: inlne_block;">SAE</label>
+            <input id="inp_sae" name="sae" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.sae">
+            <label class="form-check-label mt-1 mb-1" for="inp_mtfh" style="width: fit-content; display: inlne_block;">MTFH</label>
+            <input id="inp_mtfh" name="mtfh" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.mtfh">
+            <label class="form-check-label mt-1 mb-1" for="inp_ftf" style="width: fit-content; display: inlne_block;">FTF</label>
+            <input id="inp_ftf" name="ftf" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="ftf">
+            <label class="form-check-label mt-1 mb-1" for="inp_opening" style="width: fit-content; display: inlne_block;">Opening</label>
+            <input id="inp_opening" name="opening" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.opening">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_treatment" style="width: fit-content; display: inlne_block;">Treatment</label>
+            <input id="inp_treatment" name="treatment" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.treatment">
+            <label class="form-check-label mt-1 mb-1" for="inp_curve" style="width: fit-content; display: inlne_block;">Curve</label>
+            <input id="inp_curve" name="curve" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.curve">
+            <label class="form-check-label mt-1 mb-1" for="inp_remarks" style="width: fit-content; display: inlne_block;">Remarks</label>
+            <input id="inp_remarks" name="remarks" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.remarks">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_suctionport" style="width: fit-content; display: inlne_block;">Suction Port</label>
+            <input id="inp_suctionport" name="suctinoport" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.suctionport">
+            <label class="form-check-label mt-1 mb-1" for="inp_suctionfitting" style="width: fit-content; display: inlne_block;">Suction Fitting</label>
+            <input id="inp_suctionfitting" name="suctionfitting" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.suctionfitting">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_pressureport" style="width: fit-content; display: inlne_block;">Pressure Port</label>
+            <input id="inp_pressureport" name="pressureport" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.pressureport">
+            <label class="form-check-label mt-1 mb-1" for="inp_pressurefitting" style="width: fit-content; display: inlne_block;">Pressure Fitting</label>
+            <input id="inp_pressurefitting" name="pressurefitting" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.pressurefitting">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_tagnumber" style="width: fit-content; display: inlne_block;">Tag Number</label>
+            <input id="inp_tagnumber" name="tagnumber" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.tagnumber">
+            <label class="form-check-label mt-1 mb-1" for="inp_frequency" style="width: fit-content; display: inlne_block;">Frequency</label>
+            <input id="inp_frequency" name="frequency" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.frequency">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_metaltag" style="width: fit-content; display: inlne_block;">Metal Tag</label>
+            <input id="inp_metaltag" name="metaltag" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.metaltag">
+            <label class="form-check-label mt-1 mb-1" for="inp_gasket" style="width: fit-content; display: inlne_block;">Gasket</label>
+            <input id="inp_gasket" name="gasket" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.gasket">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_papertag" style="width: fit-content; display: inlne_block;">Paper Tag</label>
+            <input id="inp_papertag" name="papertag" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.papertag">
+            <label class="form-check-label mt-1 mb-1" for="inp_bracket" style="width: fit-content; display: inlne_block;">Bracket</label>
+            <input id="inp_bracket" name="bracket" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.bracket">
+            <br />
+            <label class="form-check-label mt-1 mb-1" for="inp_othertag" style="width: fit-content; display: inlne_block;">Other Tag</label>
+            <input id="inp_othertag" name="othertag" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.othertag">
+            <label class="form-check-label mt-1 mb-1" for="inp_box" style="width: fit-content; display: inlne_block;">Box</label>
+            <input id="inp_box" name="box" type="text" class="form-control mt-1 mb-1" style="width: fit-content;display: inline-block;" dmx-bind:value="conn_dspecinfo.data.api.data.box">
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="form-group mb-3 row">
+                <label for="inp_additionalparts" class="col-sm-2 col-form-label">Additional Parts</label>
+                <div class="col-sm-10">
+                    <textarea id="inp_additionalparts" class="form-control" name="additionalparts" dmx-bind:value="conn_dspecinfo.data.api.data.additionalparts"></textarea>
+                </div>
+            </div>
+        </div>
+    </div>
     <div class="row">
         <div class="col">
             <label for="ds_reasonforchange" class="col-sm-2 col-form-label" style="width: fit-content;">Reason for change</label>
@@ -130,11 +317,12 @@
         </div>
     </div>
 </div>
-<div class="container-xxl bg-success-subtle mt-3 mb-4 ms-auto me-auto pb-3 ps-0 pe-0">
+<div class="bg-secondary-subtle container mt-3 mb-4 ms-auto me-auto pt-1 pb-3 ps-2 pe-2">
     <h1 class="text-center">BOMS</h1>
     <div class="row">
         <div class="col">
-            <button id="btn_copybom" class="btn btn-secondary shadow-lg">Copy BOM</button>
+            <button id="btn_copybom" class="btn btn-secondary shadow-lg mt-2 mb-2" dmx-on:click="mdl_cpybom.show()">
+                <i class="fas fa-copy"></i></button>
         </div>
     </div>
     <div class="row">
@@ -155,10 +343,10 @@
                             <th scope="row" class="visually-hidden">
 
                             </th>
-                            <th scope="row" class="visually-hidden"><input id="bom_partid" name="bompartid" type="text" class="form-control"></th>
-                            <th scope="row"><input id="bom_searchpart" name="bom_searchpart" type="text" class="form-control"></th>
+                            <th scope="row" class="visually-hidden"><input id="bom_partid" name="bompartid" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.id"></th>
+                            <th scope="row"><input id="bom_searchpart" name="bom_searchpart" type="text" dmx-on:blur="var_ptsearch.setValue(value)" class="form-control"></th>
                             <th scope="row">
-                                <input id="bom_partdescription" name="bompartdescription" type="text" class="form-control">
+                                <input id="bom_partdescription" name="bompartdescription" type="text" class="form-control" dmx-bind:value="conn_search.data.api.data.description">
                             </th>
                             <th scope="row">
                                 <input id="bom_partold" name="bompartold" type="text" class="form-control">
@@ -167,11 +355,11 @@
                                 <input id="bom_partnew" name="bompartnew" type="text" class="form-control">
                             </th>
                             <th scope="row">
-                                <button id="btn_newbomitem" class="btn btn-dark">Add</button>
+                                <button id="btn_newbomitem" class="btn btn-dark" dmx-on:click="var_viewlocationid.setValue(0);var_bominsertold.setValue(bom_partold.value);var_bominsertnew.setValue(bom_partnew.value);var_bominsertpnid.setValue(bom_partid.value);api_bominsertitem.load({})">+</button>
                             </th>
                         </tr>
                     </thead>
-                    <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data" id="tablemotor">
+                    <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_dspecinfo.data.boms.data" id="tablegeneral">
                         <tr>
                             <td dmx-text="id" class="visually-hidden"></td>
                             <td dmx-text="partnumberid" class="visually-hidden"></td>
@@ -180,7 +368,8 @@
                             <td dmx-text="old"></td>
                             <td dmx-text="new"></td>
                             <td>
-                                <button id="btn_deleteitem" class="btn btn-danger">X</button>
+                                <button id="btn_deleteitem" class="btn btn-danger" dmx-on:click="var_partidtodelete.setValue(id)">
+                                    <i class="fas fa-trash-alt"></i>X</button>
                             </td>
                         </tr>
                     </tbody>

views/wadmin/usermanage.ejs

@@ -1,5 +1,5 @@
 <!-- Wappler include head-page="layouts/admin" is="dmx-app" id="usermanage" appConnect="local" components="{dmxBootstrap5TableGenerator:{},dmxTyped:{},dmxBootstrap5Modal:{},dmxFormRepeat:{},dmxFormatter:{},dmxAutocomplete:{},dmxValidator:{}}" bootstrap5="cdn" bootstrap_icons="cdn" fontawesome_5="cdn" -->
-<dmx-value id="var_deleteuser" dmx-on:updated=""></dmx-value>
+<dmx-value id="var_deleteuser" dmx-on:updated="conn_deleterole.load({})"></dmx-value>
 <dmx-serverconnect id="conn_deleterole" url="/api/roles/delete" dmx-on:done="conn_users.load({},true)"></dmx-serverconnect>
 <dmx-serverconnect id="conn_userinrole" url="/api/Users/userinrole" noload="true"></dmx-serverconnect>
 <dmx-serverconnect id="conn_permissions" url="/api/roles/permissions"></dmx-serverconnect>
@@ -9,7 +9,7 @@
 <dmx-serverconnect id="conn_singleuser" url="/api/Users/read" noload="true"></dmx-serverconnect>
 <meta name="ac:route" content="/wadmin/usermanage">
 <dmx-serverconnect id="conn_users" url="/api/Users/search" dmx-param:filter="inp_search.value"></dmx-serverconnect>
-<dmx-serverconnect id="conn_deleteuser" url="/api/Users/delete" dmx-param:id="var_deleteuser.value"></dmx-serverconnect>
+<dmx-serverconnect id="conn_deleteuser" url="/api/Users/delete" dmx-param:id="var_deleteuser.value" dmx-on:done="conn_users.load({},true)"></dmx-serverconnect>
 <dmx-serverconnect id="conn_userroles" url="/api/Users/userroles"></dmx-serverconnect>
 <div class="modal" id="modal1" is="dmx-bs5-modal" tabindex="-1" dmx-on:hide-bs-modal="serverconnectform1.reset()">
     <div class="modal-dialog" role="document">