not-bulma 2.0.13 → 2.0.15

package/src/frame/components/navigation/top.menu.svelte.js

@@ -1,6 +1,6 @@
-import Menu from "not-bulma/src/frame/components/navigation/menu.svelte.js";
+import Menu from "./menu.svelte.js";
 import UINavbar from "../../../elements/navigation/ui.navbar.svelte";
-import UIAdapterSvelte from "not-bulma/src/frame/ui.adapter.svelte.js";
+import UIAdapterSvelte from "../../ui.adapter.svelte.js";
 
 const TYPE = "top";
 
@@ -15,11 +15,10 @@ const TYPE = "top";
  *  @prop   {boolean}   burgerControlsSidemenu
  *  @prop   {string}    class
  *  @prop   {function}  onclick
- *  
+ *
  **/
 
 class notTopMenu extends Menu {
-
     static DEFAULT = {
         section: "any",
         sectionTitle: "Меню",
@@ -63,23 +62,22 @@ class notTopMenu extends Menu {
             onclick: this.getOptions()?.onclick,
             url: this.getCurrentUrl(),
         };
-        
     }
 
     static render(app) {
         if (app) {
             this.setApp(app);
-        }        
+        }
         if (!this.menu) {
             this.prepareData();
             let props = this.initMenuProps();
             const target = document.querySelector(
                 this.getOptions().targetSelector
-            );        
+            );
             if (!target) {
                 return;
             }
-            this.menu = new UIAdapterSvelte(UINavbar, target, props, true);            
+            this.menu = new UIAdapterSvelte(UINavbar, target, props, true);
             this.interval = setInterval(
                 this.updateMenuActiveItem.bind(this),
                 notTopMenu.INTERVAL_UPDATE_ACTIVE_ITEM
@@ -87,24 +85,24 @@ class notTopMenu extends Menu {
         }
     }
 
-    static updateMenuActiveItem() {        
-        this.menu.set('url', this.getCurrentUrl()) ;
+    static updateMenuActiveItem() {
+        this.menu.set("url", this.getCurrentUrl());
     }
 
     static toggle() {
-        this.menu.set('active', !this.menu.get('active'));        
+        this.menu.set("active", !this.menu.get("active"));
     }
 
-    static hide() {        
-        this.menu.set('active', false);
+    static hide() {
+        this.menu.set("active", false);
     }
 
-    static show() {        
-        this.menu.set('active', true);
+    static show() {
+        this.menu.set("active", true);
     }
 
     static setBurgerState(menuClosed) {
-        this.menu.set('menuClosed', menuClosed);
+        this.menu.set("menuClosed", menuClosed);
     }
 }
 

package/src/frame/components/table/notTable.svelte.js

@@ -1,11 +1,9 @@
 import EventEmitter from "wolfy87-eventemitter";
 import notPath from "not-path";
-import notCommon from "not-bulma/src/frame/common.js";
+import notCommon from "../../common.js";
 
-
-
-import UITable from "not-bulma/src/frame/components/table/notTable.svelte";
-import UIAdapterSvelte from "not-bulma/src/frame/ui.adapter.svelte.js";
+import UITable from "./notTable.svelte";
+import UIAdapterSvelte from "../../ui.adapter.svelte.js";
 
 const CONST_ID_DUBLICATE_POSTFIX = "__dublicate__";
 
@@ -33,11 +31,9 @@ const DEFAULT_OPTIONS = {
     },
 };
 
-function defaultState(){
+function defaultState() {
     return {
-        pager:{
-
-        },
+        pager: {},
         pagination: {
             items: {
                 count: 0,
@@ -55,7 +51,7 @@ function defaultState(){
     };
 }
 
-function defaultStores(){
+function defaultStores() {
     return {
         raw: [],
         filtered: [],
@@ -66,9 +62,7 @@ function defaultStores(){
     };
 }
 
-
 class notTable extends EventEmitter {
-
     #stores = defaultStores();
 
     #data = {
@@ -76,8 +70,8 @@ class notTable extends EventEmitter {
         filtered: [],
         refined: [],
         selected: {},
-        working: {}
-    }; 
+        working: {},
+    };
 
     #ui = {};
 
@@ -88,10 +82,9 @@ class notTable extends EventEmitter {
             ...DEFAULT_OPTIONS,
             ...(input.options ? input.options : {}),
         };
-        
-     
+
         if (notCommon.objHas(input, "data") && Array.isArray(input.data)) {
-            this.setStoreContent('raw', input.data);
+            this.setStoreContent("raw", input.data);
         }
 
         this.setCombinedActionName(
@@ -127,27 +120,26 @@ class notTable extends EventEmitter {
             this.setSearch();
         }
 
-        this.on('onStateUpdate', this.onStateUpdate.bind(this));
+        this.on("onStateUpdate", this.onStateUpdate.bind(this));
         this.render();
         this.updateData();
         return this;
     }
 
-    setStoreContent(storeName, value){
+    setStoreContent(storeName, value) {
         this.#stores[storeName] = value;
         this.callStoreUpdateEvent(storeName, value);
     }
 
-
-    updateStore(storeName, valueHandler){        
+    updateStore(storeName, valueHandler) {
         this.#stores[storeName] = valueHandler(this.#stores[storeName]);
         this.callStoreUpdateEvent(storeName, this.#stores[storeName]);
     }
 
-    callStoreUpdateEvent(storeName, value){
-        const StoreName =notCommon.capitalizeFirstLetter(storeName);
+    callStoreUpdateEvent(storeName, value) {
+        const StoreName = notCommon.capitalizeFirstLetter(storeName);
         const EventHandlerName = `on${StoreName}Update`;
-        if(this[EventHandlerName]){
+        if (this[EventHandlerName]) {
             this[EventHandlerName](value);
         }
     }
@@ -171,11 +163,11 @@ class notTable extends EventEmitter {
     onRefinedUpdate(val) {
         this.#data.refined = val;
         this.clearSelected();
-        if (this.#ui && this.#ui.table){
-            this.#ui.table.set('items', this.#data.refined);
+        if (this.#ui && this.#ui.table) {
+            this.#ui.table.set("items", this.#data.refined);
         }
         return val;
-    }    
+    }
 
     onSearchChange(line) {
         if (line.length > 3) {
@@ -235,10 +227,10 @@ class notTable extends EventEmitter {
         return this.getOptions("getItemId", DEFAULT_OPTIONS.getItemId)(item);
     }
 
-    selectAll() {                
+    selectAll() {
         this.#data.filtered.forEach((item) => {
             this.#ui.table.set(`selected.${this.getItemId(item)}`, true);
-        });        
+        });
     }
 
     selectNone() {
@@ -254,10 +246,10 @@ class notTable extends EventEmitter {
                 this.options.targetEl,
                 {
                     id: this.id,
-                    filterUI: this.getOptions("filterUI", undefined),                    
+                    filterUI: this.getOptions("filterUI", undefined),
                     helpers: Object.assign({}, this.getHelpers()),
                     fields: this.getOptions("fields"),
-                    
+
                     actions: this.getActions(),
                     links: this.getLinks(),
                     search: "",
@@ -268,16 +260,15 @@ class notTable extends EventEmitter {
                     idField: this.getOptions("idField"),
                     getItemId: this.getOptions("getItemId"),
                     filter: this.getFilter(),
-                    
+
                     items: this.#stores.refined,
                     selected: this.#stores.selected,
 
-                    state: this.#stores.state
-
+                    state: this.#stores.state,
                 }
-            );            
+            );
         }
-        
+
         this.#ui.table.$on("onSearchChange", (e) => this.onSearchChange(e));
         this.#ui.table.$on("onSorterChange", (e) => this.onSorterChange(e));
         this.#ui.table.$on("onFilterChange", (e) => this.onFilterChange(e));
@@ -300,7 +291,7 @@ class notTable extends EventEmitter {
 
     setWorking(key, value) {
         notPath.set(key, this.#stores.working, this.getHelpers(), value);
-        this.onWorkingUpdate(this.#stores.working);            
+        this.onWorkingUpdate(this.#stores.working);
         return this;
     }
 
@@ -313,20 +304,20 @@ class notTable extends EventEmitter {
         }
     }
 
-    onStateUpdate(){
-        if(this.#ui.table){
-            this.#ui.table.set(':state', this.#stores.state);
+    onStateUpdate() {
+        if (this.#ui.table) {
+            this.#ui.table.set(":state", this.#stores.state);
         }
     }
 
     setState(key, value) {
         notPath.set(key, this.#stores.state, this.getHelpers(), value);
-        this.emit('onStateUpdate');
+        this.emit("onStateUpdate");
         return this;
     }
 
     getState(key, def) {
-        let res = notPath.get(`:${key}`,  this.#stores.state);
+        let res = notPath.get(`:${key}`, this.#stores.state);
         if (res === undefined) {
             return def;
         } else {
@@ -334,15 +325,20 @@ class notTable extends EventEmitter {
         }
     }
 
-    updateState(updater){
+    updateState(updater) {
         this.#stores.state = updater(this.#stores.state);
-        this.emit('onStateUpdate');
+        this.emit("onStateUpdate");
         return this;
     }
 
-    updateStateProp(key, updater){
-        notPath.set(key, this.#stores.state, this.getHelpers(), updater(notPath.get(key,  this.#stores.state)));        
-        this.emit('onStateUpdate');
+    updateStateProp(key, updater) {
+        notPath.set(
+            key,
+            this.#stores.state,
+            this.getHelpers(),
+            updater(notPath.get(key, this.#stores.state))
+        );
+        this.emit("onStateUpdate");
         return this;
     }
 
@@ -407,7 +403,7 @@ class notTable extends EventEmitter {
         });
     }
 
-    getPager() {        
+    getPager() {
         return this.getState("pager");
     }
 
@@ -467,15 +463,15 @@ class notTable extends EventEmitter {
     }
 
     clearFilteredData() {
-        this.setStoreContent('filtered', []);
+        this.setStoreContent("filtered", []);
     }
 
     clearRawData() {
-        this.setStoreContent('raw', []);
+        this.setStoreContent("raw", []);
     }
 
     clearRefinedData() {
-        this.setStoreContent('refined', []);
+        this.setStoreContent("refined", []);
     }
 
     invalidateData() {
@@ -617,10 +613,10 @@ class notTable extends EventEmitter {
 
     updatePagination(itemsCount) {
         this.log("update pagination", itemsCount);
-        this.updateStateProp('pagination.pages.list', (listVal)=>{
+        this.updateStateProp("pagination.pages.list", (listVal) => {
             listVal.splice(0, listVal.length);
             return listVal;
-        });   
+        });
         let itemsFrom =
                 (this.getPager().page - OPT_DEFAULT_PAGE_NUMBER) *
                     this.getPager().size +
@@ -649,18 +645,18 @@ class notTable extends EventEmitter {
             });
         }
 
-        this.log("update pagination", this.getState(':'));
-        this.setState('count', itemsCount);
-        this.setState('pagination.items.from', itemsFrom);
-        this.setState('pagination.items.to',itemsTo);
-        this.setState('pagination.pages.count',pagesCount);        
-        this.setState('pagination.pages.from',pagesFrom);        
-        this.setState('pagination.pages.to',pagesTo);        
-        this.setState('pagination.pages.current', this.getPager().page);        
-        this.updateStateProp('pagination.pages.list', (listVal)=>{
-            listVal.splice(0, listVal.length, ...list );
+        this.log("update pagination", this.getState(":"));
+        this.setState("count", itemsCount);
+        this.setState("pagination.items.from", itemsFrom);
+        this.setState("pagination.items.to", itemsTo);
+        this.setState("pagination.pages.count", pagesCount);
+        this.setState("pagination.pages.from", pagesFrom);
+        this.setState("pagination.pages.to", pagesTo);
+        this.setState("pagination.pages.current", this.getPager().page);
+        this.updateStateProp("pagination.pages.list", (listVal) => {
+            listVal.splice(0, listVal.length, ...list);
             return listVal;
-        });        
+        });
     }
 
     updateData() {
@@ -678,7 +674,7 @@ class notTable extends EventEmitter {
                         const full =
                             notCommon.objHas(data, "status") &&
                             notCommon.objHas(data, "result");
-                        this.updateStore('filtered', (val) => {
+                        this.updateStore("filtered", (val) => {
                             if (!this.getOptions("endless", false)) {
                                 val.splice(0);
                             }
@@ -709,10 +705,10 @@ class notTable extends EventEmitter {
             } else {
                 this.loadData()
                     .then((data) => {
-                        this.updateStore('filtered', (val) => {
+                        this.updateStore("filtered", (val) => {
                             val.push(...data);
                             return val;
-                        });                        
+                        });
                     })
                     .then(this.getRowsCount.bind(this))
                     .catch(this.error.bind(this))
@@ -741,7 +737,7 @@ class notTable extends EventEmitter {
             thatFilter.filterSearch !== null &&
             thatFilter.filterSearch.length > 0
         ) {
-            this.updateStore('filtered', (val) => {
+            this.updateStore("filtered", (val) => {
                 val.splice(
                     0,
                     val.length,
@@ -750,7 +746,7 @@ class notTable extends EventEmitter {
                 return val;
             });
         } else {
-            this.updateStore('filtered',(val) => {
+            this.updateStore("filtered", (val) => {
                 val.splice(0, val.length, ...this.#data.raw);
                 return val;
             });
@@ -758,7 +754,7 @@ class notTable extends EventEmitter {
         ////sorter
         let thatSorter = this.getSorter();
         if (typeof thatSorter !== "undefined" && thatSorter !== null) {
-            this.updateStore('filtered', (val) => {
+            this.updateStore("filtered", (val) => {
                 val.sort((item1, item2) => {
                     let t1 = notPath.get(thatSorter.sortByField, item1, {}),
                         t2 = notPath.get(thatSorter.sortByField, item2, {});
@@ -855,7 +851,7 @@ class notTable extends EventEmitter {
             });
             result.push(refined);
         });
-        this.updateStore('refined',(val) => {
+        this.updateStore("refined", (val) => {
             val.splice(0, val.length, ...result);
             return val;
         });

package/src/frame/crud/controller.crud.svelte.js

@@ -1,17 +1,17 @@
-import UICommon from "not-bulma/src/elements/common.js";
+import UICommon from "../../elements/common.js";
 
-import notBreadcrumbs from "not-bulma/src/frame/components/breadcrumbs/index.js";
+import notBreadcrumbs from "../components/breadcrumbs/index.js";
 
 import UILoader from "../../elements/various/ui.loader.svelte";
 import UIAdapterSvelte from "../ui.adapter.svelte";
 
-import notController from "not-bulma/src/frame/controller.js";
-import notCommon from "not-bulma/src/frame/common.js";
+import notController from "../controller.js";
+import notCommon from "../common.js";
 
-import CRUDVariantsPreloader from "not-bulma/src/frame/crud/variants.preloader.js";
-import CRUDRouter from "not-bulma/src/frame/crud/router.js";
-import CRUDMessage from "not-bulma/src/frame/crud/message.js";
-import CRUDActions from "not-bulma/src/frame/crud/actions/index.js";
+import CRUDVariantsPreloader from "./variants.preloader.js";
+import CRUDRouter from "./router.js";
+import CRUDMessage from "./message.js";
+import CRUDActions from "./actions/index.js";
 
 const BREADCRUMBS = [];
 const TITLE_FIELDS_PRIORITY = ["title", "label", "id", "name"];
@@ -57,7 +57,6 @@ class notCRUD extends notController {
             },
         ];
     }
-       
 
     constructor(
         app,
@@ -69,7 +68,7 @@ class notCRUD extends notController {
         }
     ) {
         super(app, `CRUD.${name}`);
-        
+
         if (actions) {
             // @ts-ignore
             this.#actions = { ...this.#actions, ...actions };
@@ -80,7 +79,7 @@ class notCRUD extends notController {
         if (preloader) {
             this.#preloader = preloader;
         }
-        this.ui = {};        
+        this.ui = {};
         this.els = {};
         this.setOptions("names", {
             module: "",
@@ -226,8 +225,7 @@ class notCRUD extends notController {
 
     async preloadVariants(type = "list") {
         await this.#preloader.preload(this, type);
-        this.emit('onVariantsPreloaded', {type});
-
+        this.emit("onVariantsPreloaded", { type });
     }
 
     getTitleFromLib(propName, id) {
@@ -400,7 +398,7 @@ class notCRUD extends notController {
         if (Object.hasOwn(this.ui, name)) {
             this.ui[name].$destroy && this.ui[name].$destroy();
             this.ui[name].destroy && this.ui[name].destroy();
-            delete this.ui[name];            
+            delete this.ui[name];
         }
     }
 
@@ -447,20 +445,24 @@ class notCRUD extends notController {
     }
 
     createLoaderUI() {
-        return new UIAdapterSvelte(UILoader, this.getContainerInnerElement(), this.#loaderProps);
+        return new UIAdapterSvelte(
+            UILoader,
+            this.getContainerInnerElement(),
+            this.#loaderProps
+        );
     }
 
-    setUIProp(uiName, propKey, propValue){
-        if (this.ui && this.ui[uiName]){
+    setUIProp(uiName, propKey, propValue) {
+        if (this.ui && this.ui[uiName]) {
             this.ui[uiName].set(propKey, propValue);
         }
     }
 
-    getActionProps(){
+    getActionProps() {
         return this.ui[this.getCurrentAction()].props;
     }
 
-    setLoaderProp(key, val){
+    setLoaderProp(key, val) {
         this.getUI(LOADING_SCREEN_UI_NAME).set(key, val);
     }
 }