not-bulma 1.0.2 → 1.0.5

package/dist/notBulma.js

@@ -1143,7 +1143,7 @@ var notBulma = (function (exports) {
     	}
     }
 
-    var index$9 = /*#__PURE__*/Object.freeze({
+    var index$8 = /*#__PURE__*/Object.freeze({
         __proto__: null,
         UIBlock: Ui_block,
         UIBox: Ui_box,
@@ -1853,7 +1853,7 @@ var notBulma = (function (exports) {
       }, {});
     };
 
-    class notCommon$1 {
+    class notCommon$2 {
       static isError(e) {
         return e instanceof Error || Object.prototype.hasOwnProperty.call(e, 'status') && e.status === 'error';
       }
@@ -1946,8 +1946,8 @@ var notBulma = (function (exports) {
         if (obj) {
           const proc = notPath.get(':' + name, obj);
 
-          if (notCommon$1.isFunc(proc)) {
-            if (notCommon$1.isAsync(proc)) {
+          if (notCommon$2.isFunc(proc)) {
+            if (notCommon$2.isAsync(proc)) {
               return await proc(...params);
             } else {
               return proc(...params);
@@ -2047,10 +2047,10 @@ var notBulma = (function (exports) {
       static genLogMsg(prefix) {
         return function () {
           //not arrow bc of arguments special var is not available in arrow functions
-          let now = notCommon$1.localIsoDate(); // eslint-disable-next-line no-console
+          let now = notCommon$2.localIsoDate(); // eslint-disable-next-line no-console
 
-          window[notCommon$1.LOG].log(`[${now}]: ${prefix}::`, ...arguments);
-          notCommon$1.backlogAdd([`[${now}]: ${prefix}::`, ...arguments], 'log');
+          window[notCommon$2.LOG].log(`[${now}]: ${prefix}::`, ...arguments);
+          notCommon$2.backlogAdd([`[${now}]: ${prefix}::`, ...arguments], 'log');
         };
       }
       /**
@@ -2094,10 +2094,10 @@ var notBulma = (function (exports) {
       static genLogError(prefix) {
         return function () {
           //do not change to arrow function, bc of arguments
-          let now = notCommon$1.localIsoDate(); // eslint-disable-next-line no-console
+          let now = notCommon$2.localIsoDate(); // eslint-disable-next-line no-console
 
-          window[notCommon$1.LOG].error(`[${now}]: ${prefix}::`, ...arguments);
-          notCommon$1.backlogAdd([`[${now}]: ${prefix}::`, ...arguments], 'error');
+          window[notCommon$2.LOG].error(`[${now}]: ${prefix}::`, ...arguments);
+          notCommon$2.backlogAdd([`[${now}]: ${prefix}::`, ...arguments], 'error');
         };
       }
 
@@ -2378,29 +2378,29 @@ var notBulma = (function (exports) {
 
     }
 
-    _defineProperty(notCommon$1, "MANAGER", null);
+    _defineProperty(notCommon$2, "MANAGER", null);
 
-    _defineProperty(notCommon$1, "LOG", 'console');
+    _defineProperty(notCommon$2, "LOG", 'console');
 
-    _defineProperty(notCommon$1, "deepMerge", deepmerge);
+    _defineProperty(notCommon$2, "deepMerge", deepmerge);
 
-    _defineProperty(notCommon$1, "TZ_OFFSET", new Date().getTimezoneOffset() / 60 * -1);
+    _defineProperty(notCommon$2, "TZ_OFFSET", new Date().getTimezoneOffset() / 60 * -1);
 
-    _defineProperty(notCommon$1, "DEV_ENV", 'production');
+    _defineProperty(notCommon$2, "DEV_ENV", 'production');
 
-    _defineProperty(notCommon$1, "ENV_TYPE", window.NOT_ENV_TYPE ? window.NOT_ENV_TYPE : notCommon$1.DEV_ENV);
+    _defineProperty(notCommon$2, "ENV_TYPE", window.NOT_ENV_TYPE ? window.NOT_ENV_TYPE : notCommon$2.DEV_ENV);
 
-    _defineProperty(notCommon$1, "NOOP", function () {});
+    _defineProperty(notCommon$2, "NOOP", function () {});
 
-    _defineProperty(notCommon$1, "backlog", []);
+    _defineProperty(notCommon$2, "backlog", []);
 
-    _defineProperty(notCommon$1, "registry", {});
+    _defineProperty(notCommon$2, "registry", {});
 
     function absorbServices(target, src) {
       if (target) {
         for (let serv in src) {
           if (Object.prototype.hasOwnProperty.call(target, serv)) {
-            notCommon$1.logError(`services property duplication ${serv}`);
+            notCommon$2.logError(`services property duplication ${serv}`);
           }
 
           target[serv] = src[serv];
@@ -2463,7 +2463,7 @@ var notBulma = (function (exports) {
       if (target) {
         for (let ui in src) {
           if (Object.prototype.hasOwnProperty.call(target, ui)) {
-            notCommon$1.logError(`uis property duplication ${ui}`);
+            notCommon$2.logError(`uis property duplication ${ui}`);
           }
 
           target[ui] = src[ui];
@@ -2475,7 +2475,7 @@ var notBulma = (function (exports) {
       if (target) {
         for (let ui in src) {
           if (Object.prototype.hasOwnProperty.call(target, ui)) {
-            notCommon$1.logError(`fields property duplication ${ui}`);
+            notCommon$2.logError(`fields property duplication ${ui}`);
           }
 
           target[ui] = src[ui];
@@ -2483,10 +2483,10 @@ var notBulma = (function (exports) {
       }
     }
 
-    notCommon$1.register('absorb.wsc', absorbWSC);
-    notCommon$1.register('absorb.services', absorbServices);
-    notCommon$1.register('absorb.uis', absorbUIs);
-    notCommon$1.register('absorb.uis', absorbFields);
+    notCommon$2.register('absorb.wsc', absorbWSC);
+    notCommon$2.register('absorb.services', absorbServices);
+    notCommon$2.register('absorb.uis', absorbUIs);
+    notCommon$2.register('absorb.uis', absorbFields);
 
     var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3001,10 +3001,10 @@ var notBulma = (function (exports) {
           this.setOptions(input.options);
         }
 
-        this.log = notCommon$1.genLogMsg(this.getWorking('name'));
+        this.log = notCommon$2.genLogMsg(this.getWorking('name'));
         this.info = this.log;
-        this.debug = notCommon$1.genLogDebug(this.getWorking('name'));
-        this.error = notCommon$1.genLogError(this.getWorking('name'));
+        this.debug = notCommon$2.genLogDebug(this.getWorking('name'));
+        this.error = notCommon$2.genLogError(this.getWorking('name'));
       }
 
       setCommon(what, args) {
@@ -3118,13 +3118,13 @@ var notBulma = (function (exports) {
       }
 
       report(e) {
-        if (notCommon$1.report) {
-          notCommon$1.report(e);
+        if (notCommon$2.report) {
+          notCommon$2.report(e);
         }
       }
 
       getApp() {
-        return notCommon$1.getApp();
+        return notCommon$2.getApp();
       }
 
       destroy() {
@@ -3469,12 +3469,12 @@ var notBulma = (function (exports) {
         this.debug(`tasks [${list}]`);
         let task = this.queue.shift();
 
-        if (!notCommon$1.isFunc(task.action)) {
+        if (!notCommon$2.isFunc(task.action)) {
           this.error('В задании нет исполнимой части, action не функция', task.title);
           return Promise.resolve();
         }
 
-        if (!notCommon$1.isFunc(task.resolve)) {
+        if (!notCommon$2.isFunc(task.resolve)) {
           this.error('В задании нет возвратной части, resolve не функция', task.title);
           return task.action();
         }
@@ -3635,7 +3635,7 @@ var notBulma = (function (exports) {
 
     _defineProperty(notAPIConnection, "online", void 0);
 
-    var index$8 = /*#__PURE__*/Object.freeze({
+    var index$7 = /*#__PURE__*/Object.freeze({
         __proto__: null,
         notAPIQueue: notAPIQueue,
         notAPIOptions: notAPIOptions,
@@ -3645,11 +3645,15 @@ var notBulma = (function (exports) {
     var _lib = /*#__PURE__*/new WeakMap();
 
     class Lib {
-      constructor() {
+      constructor(seedLib) {
         _classPrivateFieldInitSpec(this, _lib, {
           writable: true,
           value: {}
         });
+
+        if (seedLib instanceof Lib) {
+          this.import(seedLib.getContent());
+        }
       }
       /**
       *
@@ -3691,14 +3695,19 @@ var notBulma = (function (exports) {
         return Object.keys(_classPrivateFieldGet(this, _lib)).length === 0;
       }
 
+      getContent() {
+        return { ..._classPrivateFieldGet(this, _lib)
+        };
+      }
+
     }
 
     /*
     * Библиотека UI конструкторов
     */
-    const COMPONENTS = new Lib();
-    const FIELDS$1 = new Lib();
-    const VARIANTS = new Lib();
+    const COMPONENTS$1 = new Lib();
+    const FIELDS$2 = new Lib();
+    const VARIANTS$1 = new Lib();
 
     const //interface
     //record
@@ -3799,8 +3808,8 @@ var notBulma = (function (exports) {
             return response.json();
           });
         } catch (e) {
-          notCommon$1.error(e);
-          notCommon$1.report(e);
+          notCommon$2.error(e);
+          notCommon$2.report(e);
         }
       }
 
@@ -3808,7 +3817,7 @@ var notBulma = (function (exports) {
         try {
           let actionData = this.getActionData(actionName),
               requestParams = this.collectRequestData(actionData);
-          const WS = notCommon$1.getApp().getWSClient();
+          const WS = notCommon$2.getApp().getWSClient();
           const messageName = this.getWSRequestName(actionName);
           const payload = Object.assign({}, requestParams, record.getData());
 
@@ -3822,8 +3831,8 @@ var notBulma = (function (exports) {
             });
           }
         } catch (e) {
-          notCommon$1.error(e);
-          notCommon$1.report(e);
+          notCommon$2.error(e);
+          notCommon$2.report(e);
         }
       }
 
@@ -3847,9 +3856,9 @@ var notBulma = (function (exports) {
           let client;
 
           if (Object.prototype.hasOwnProperty.call(actionData, 'wsClient') && actionData.wsClient) {
-            client = notCommon$1.getApp().getWSClient(actionData.wsClient);
+            client = notCommon$2.getApp().getWSClient(actionData.wsClient);
           } else {
-            client = notCommon$1.getApp().getWSClient();
+            client = notCommon$2.getApp().getWSClient();
           }
 
           if (client) {
@@ -3924,7 +3933,7 @@ var notBulma = (function (exports) {
       }
 
       getServerURL() {
-        return notCommon$1.getApp() ? notCommon$1.getApp().getOptions('api.server.url', '') : '';
+        return notCommon$2.getApp() ? notCommon$2.getApp().getOptions('api.server.url', '') : '';
       }
 
       getWSRequestName(actionName) {
@@ -3962,7 +3971,7 @@ var notBulma = (function (exports) {
 
         if (Object.prototype.hasOwnProperty.call(actionData, 'data') && Array.isArray(actionData.data)) {
           for (let i = 0; i < actionData.data.length; i++) {
-            let dataProviderName = 'get' + notCommon$1.capitalizeFirstLetter(actionData.data[i]);
+            let dataProviderName = 'get' + notCommon$2.capitalizeFirstLetter(actionData.data[i]);
 
             if (this[dataProviderName] && typeof this[dataProviderName] === 'function') {
               let data = this[dataProviderName](),
@@ -4116,7 +4125,7 @@ var notBulma = (function (exports) {
         }
 
         if (item && item.isProxy) {
-          notCommon$1.error('this is Proxy item');
+          notCommon$2.error('this is Proxy item');
           return item;
         }
 
@@ -4152,7 +4161,7 @@ var notBulma = (function (exports) {
 
       mapToMethods() {
         let manifest = this[META_INTERFACE].manifest,
-            app = notCommon$1.getApp(),
+            app = notCommon$2.getApp(),
             methods = {};
 
         if (manifest.methods) {
@@ -4239,7 +4248,7 @@ var notBulma = (function (exports) {
         let prx = this.getData(what, {});
 
         if (plain) {
-          return notCommon$1.stripProxy(prx);
+          return notCommon$2.stripProxy(prx);
         } else {
           return prx;
         }
@@ -4297,13 +4306,13 @@ var notBulma = (function (exports) {
           options
         });
         this.log('start app');
-        notCommon$1.register('app', this);
+        notCommon$2.register('app', this);
         this.initManifest();
         return this;
       }
 
       initManifest() {
-        notCommon$1.getJSON(this.getOptions('manifestURL'), {}).then(this.setInterfaceManifest.bind(this)).catch(notCommon$1.report.bind(this));
+        notCommon$2.getJSON(this.getOptions('manifestURL'), {}).then(this.setInterfaceManifest.bind(this)).catch(notCommon$2.report.bind(this));
       }
 
       initRouter() {
@@ -4404,17 +4413,17 @@ var notBulma = (function (exports) {
               return new notRecord(recordManifest, recordData);
             };
 
-            window['nr' + notCommon$1.capitalizeFirstLetter(name)] = this.getWorking('interfaces')[name];
+            window['nr' + notCommon$2.capitalizeFirstLetter(name)] = this.getWorking('interfaces')[name];
           }
         }
       }
 
       getRecordName(name) {
-        return OPT_RECORD_PREFIX + notCommon$1.capitalizeFirstLetter(name);
+        return OPT_RECORD_PREFIX + notCommon$2.capitalizeFirstLetter(name);
       }
 
       getControllerName(name) {
-        return OPT_CONTROLLER_PREFIX + notCommon$1.capitalizeFirstLetter(name);
+        return OPT_CONTROLLER_PREFIX + notCommon$2.capitalizeFirstLetter(name);
       }
 
       getInterfaces() {
@@ -4459,7 +4468,7 @@ var notBulma = (function (exports) {
           for (let servName in this.getOptions('services')) {
             try {
               let serv = this.getOptions(`services.${servName}`);
-              const servType = notCommon$1.detectType(serv);
+              const servType = notCommon$2.detectType(serv);
 
               switch (servType) {
                 case 'function':
@@ -4597,7 +4606,7 @@ var notBulma = (function (exports) {
 
 
       getApp() {
-        return notCommon$1.getApp();
+        return notCommon$2.getApp();
       }
       /**
        *  Sets default controller model
@@ -4646,7 +4655,7 @@ var notBulma = (function (exports) {
 
 
       setModelName(modelName) {
-        this.setWorking('modelName', notCommon$1.lowerFirstLetter(modelName));
+        this.setWorking('modelName', notCommon$2.lowerFirstLetter(modelName));
         return this;
       }
       /**
@@ -4709,7 +4718,7 @@ var notBulma = (function (exports) {
 
 
       setModuleName(val) {
-        this.setOptions('moduleName', notCommon$1.lowerFirstLetter(val));
+        this.setOptions('moduleName', notCommon$2.lowerFirstLetter(val));
         this.updateAutoName();
         return this;
       }
@@ -4729,7 +4738,7 @@ var notBulma = (function (exports) {
 
 
       getModulePrefix() {
-        return [notCommon$1.getApp().getOptions('paths.modules'), this.getModuleName()].join('/');
+        return [notCommon$2.getApp().getOptions('paths.modules'), this.getModuleName()].join('/');
       }
       /**
        *  Returns this model URL with URL prefix
@@ -4738,7 +4747,7 @@ var notBulma = (function (exports) {
 
 
       getModelURL() {
-        return notCommon$1.buildURL({
+        return notCommon$2.buildURL({
           prefix: this.getURLPrefix(),
           module: this.getModuleName(),
           model: this.getModelName()
@@ -4754,7 +4763,7 @@ var notBulma = (function (exports) {
 
       getModelActionURL(id) {
         let action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        return notCommon$1.buildURL({
+        return notCommon$2.buildURL({
           prefix: this.getURLPrefix(),
           module: this.getModuleName(),
           model: this.getModelName(),
@@ -4764,7 +4773,7 @@ var notBulma = (function (exports) {
       }
 
       buildURL(val) {
-        return notCommon$1.buildURL(val);
+        return notCommon$2.buildURL(val);
       }
       /**
        *  Updates working name
@@ -4855,7 +4864,7 @@ var notBulma = (function (exports) {
 
       getActionName() {
         let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : OPT_DEFAULT_ACTION_NAME;
-        return 'run' + notCommon$1.capitalizeFirstLetter(name);
+        return 'run' + notCommon$2.capitalizeFirstLetter(name);
       }
       /**
        *  Get default controller action name
@@ -4973,11 +4982,11 @@ var notBulma = (function (exports) {
         let path = [];
 
         if (this.MODULE_NAME && this.MODULE_NAME.length > 0) {
-          path.push(notCommon$1.lowerFirstLetter(this.MODULE_NAME));
+          path.push(notCommon$2.lowerFirstLetter(this.MODULE_NAME));
         }
 
         if (this.MODEL_NAME && this.MODEL_NAME.length > 0) {
-          path.push(notCommon$1.lowerFirstLetter(this.MODEL_NAME));
+          path.push(notCommon$2.lowerFirstLetter(this.MODEL_NAME));
         }
 
         path = [path.join('/')];
@@ -5207,7 +5216,7 @@ var notBulma = (function (exports) {
             throw new Error(`Unknown locale phrase: ${phrase}`);
           }
         } catch (e) {
-          notCommon$1.debug(e);
+          notCommon$2.debug(e);
           return phrase;
         }
       }
@@ -5230,7 +5239,7 @@ var notBulma = (function (exports) {
           try {
             return window.localStorage.setItem('dictionary', JSON.stringify(dict));
           } catch (e) {
-            notCommon$1.debug(e);
+            notCommon$2.debug(e);
             return false;
           }
         }
@@ -5250,7 +5259,7 @@ var notBulma = (function (exports) {
               return false;
             }
           } catch (e) {
-            notCommon$1.debug(e);
+            notCommon$2.debug(e);
             return false;
           }
         }
@@ -5799,7 +5808,7 @@ var notBulma = (function (exports) {
 
     // (53:2) {#if !isNaN(field.maxLength) && field.maxLength }
     function create_if_block_7$3(ctx) {
-    	let t_value = notCommon$1.strLengthCap(notPath.get(/*field*/ ctx[1].path, /*item*/ ctx[2], /*helpers*/ ctx[3]), /*field*/ ctx[1].maxLength) + "";
+    	let t_value = notCommon$2.strLengthCap(notPath.get(/*field*/ ctx[1].path, /*item*/ ctx[2], /*helpers*/ ctx[3]), /*field*/ ctx[1].maxLength) + "";
     	let t;
 
     	return {
@@ -5810,7 +5819,7 @@ var notBulma = (function (exports) {
     			insert(target, t, anchor);
     		},
     		p(ctx, dirty) {
-    			if (dirty & /*field, item, helpers*/ 14 && t_value !== (t_value = notCommon$1.strLengthCap(notPath.get(/*field*/ ctx[1].path, /*item*/ ctx[2], /*helpers*/ ctx[3]), /*field*/ ctx[1].maxLength) + "")) set_data(t, t_value);
+    			if (dirty & /*field, item, helpers*/ 14 && t_value !== (t_value = notCommon$2.strLengthCap(notPath.get(/*field*/ ctx[1].path, /*item*/ ctx[2], /*helpers*/ ctx[3]), /*field*/ ctx[1].maxLength) + "")) set_data(t, t_value);
     		},
     		i: noop,
     		o: noop,
@@ -9599,15 +9608,15 @@ var notBulma = (function (exports) {
 
     class notFormUtils {
       static addComponent(name, value) {
-        COMPONENTS.add(name, value);
+        COMPONENTS$1.add(name, value);
       }
 
       static addVariants(name, value) {
-        VARIANTS.add(name, value);
+        VARIANTS$1.add(name, value);
       }
 
       static addField(name, field) {
-        FIELDS$1.add(name, field);
+        FIELDS$2.add(name, field);
       }
 
       static actionFieldsInit(fieldName, options, data) {
@@ -9618,11 +9627,11 @@ var notBulma = (function (exports) {
             _this.actionFieldsInit(subFieldName, options, data);
           });
         } else {
-          if (!notCommon$1.objHas(options, 'fields')) {
+          if (!notCommon$2.objHas(options, 'fields')) {
             options.fields = {};
           }
 
-          if (!notCommon$1.objHas(options.fields, fieldName)) {
+          if (!notCommon$2.objHas(options.fields, fieldName)) {
             options.fields[fieldName] = {};
           } //copying initial data
 
@@ -9641,7 +9650,7 @@ var notBulma = (function (exports) {
       return Object.keys(data).reduce((acc, curr)=>{acc[curr] = []; return acc;}, {});
     };
 
-    const FIELDS = ['fields', 'form'];
+    const FIELDS$1 = ['fields', 'form'];
 
     var result = class ValidationResult{
       #clean = true;
@@ -9650,7 +9659,7 @@ var notBulma = (function (exports) {
       constructor(result){
         this.#result = JSON.parse(JSON.stringify(result));
         Object.keys(this.#result).forEach((fieldName)=>{
-          if(!FIELDS.includes(fieldName)){
+          if(!FIELDS$1.includes(fieldName)){
             delete this.#result[fieldName];
           }
         });
@@ -10064,7 +10073,7 @@ var notBulma = (function (exports) {
       } //adding variants list to field from VARIANTS store
 
 
-      if (notCommon$1.objHas(field, 'variantsSource') && VARIANTS.contains(field.variantsSource)) {
+      if (notCommon$2.objHas(field, 'variantsSource') && VARIANTS.contains(field.variantsSource)) {
         field.variants = VARIANTS.get(field.variantsSource);
       } else {
         if (!field.variants || field.variants.length === 0) {
@@ -10100,11 +10109,11 @@ var notBulma = (function (exports) {
       } else {
         let opts = {};
 
-        if (formFieldsOptions && notCommon$1.objHas(formFieldsOptions, 'mutations') && notCommon$1.objHas(formFieldsOptions.mutations, fieldName)) {
+        if (formFieldsOptions && notCommon$2.objHas(formFieldsOptions, 'mutations') && notCommon$2.objHas(formFieldsOptions.mutations, fieldName)) {
           opts = formFieldsOptions.mutations[fieldName]; //option mutation for field
         }
 
-        if (data && notCommon$1.objHas(data, fieldName)) {
+        if (data && notCommon$2.objHas(data, fieldName)) {
           opts.value = data[fieldName];
         }
 
@@ -10259,7 +10268,7 @@ var notBulma = (function (exports) {
     }
 
     function setFieldValue(form, fieldName, value) {
-      if (notCommon$1.objHas(form, fieldName)) {
+      if (notCommon$2.objHas(form, fieldName)) {
         form[fieldName].value = value;
         return true;
       }
@@ -10268,7 +10277,7 @@ var notBulma = (function (exports) {
     }
 
     function fieldIsVisibleAndFilled(form, fieldName) {
-      return notCommon$1.objHas(form, fieldName) && form[fieldName].enabled && form[fieldName].visible && typeof form[fieldName].value !== 'undefined';
+      return notCommon$2.objHas(form, fieldName) && form[fieldName].enabled && form[fieldName].visible && typeof form[fieldName].value !== 'undefined';
     }
 
     function collectData(fields, form) {
@@ -10689,7 +10698,7 @@ var notBulma = (function (exports) {
     		});
 
     	const switch_instance_spread_levels = [/*control*/ ctx[18], { fieldname: /*name*/ ctx[1] }];
-    	var switch_value = COMPONENTS.get(/*control*/ ctx[18].component);
+    	var switch_value = COMPONENTS$1.get(/*control*/ ctx[18].component);
 
     	function switch_props(ctx) {
     		let switch_instance_props = {};
@@ -10737,7 +10746,7 @@ var notBulma = (function (exports) {
     				])
     			: {};
 
-    			if (switch_value !== (switch_value = COMPONENTS.get(/*control*/ ctx[18].component))) {
+    			if (switch_value !== (switch_value = COMPONENTS$1.get(/*control*/ ctx[18].component))) {
     				if (switch_instance) {
     					group_outros();
     					const old_component = switch_instance;
@@ -10788,7 +10797,7 @@ var notBulma = (function (exports) {
     	let switch_instance_anchor;
     	let current;
     	const switch_instance_spread_levels = [/*control*/ ctx[18], { fieldname: /*name*/ ctx[1] }];
-    	var switch_value = COMPONENTS.get(/*control*/ ctx[18].component);
+    	var switch_value = COMPONENTS$1.get(/*control*/ ctx[18].component);
 
     	function switch_props(ctx) {
     		let switch_instance_props = {};
@@ -10826,7 +10835,7 @@ var notBulma = (function (exports) {
     				])
     			: {};
 
-    			if (switch_value !== (switch_value = COMPONENTS.get(/*control*/ ctx[18].component))) {
+    			if (switch_value !== (switch_value = COMPONENTS$1.get(/*control*/ ctx[18].component))) {
     				if (switch_instance) {
     					group_outros();
     					const old_component = switch_instance;
@@ -10873,7 +10882,7 @@ var notBulma = (function (exports) {
     	let switch_instance_anchor;
     	let current;
     	const switch_instance_spread_levels = [/*control*/ ctx[18], { fieldname: /*name*/ ctx[1] }];
-    	var switch_value = COMPONENTS.get(/*control*/ ctx[18].component);
+    	var switch_value = COMPONENTS$1.get(/*control*/ ctx[18].component);
 
     	function switch_props(ctx) {
     		let switch_instance_props = {};
@@ -10911,7 +10920,7 @@ var notBulma = (function (exports) {
     				])
     			: {};
 
-    			if (switch_value !== (switch_value = COMPONENTS.get(/*control*/ ctx[18].component))) {
+    			if (switch_value !== (switch_value = COMPONENTS$1.get(/*control*/ ctx[18].component))) {
     				if (switch_instance) {
     					group_outros();
     					const old_component = switch_instance;
@@ -12610,7 +12619,7 @@ var notBulma = (function (exports) {
     	];
     }
 
-    class Form$1 extends SvelteComponent {
+    class Form extends SvelteComponent {
     	constructor(options) {
     		super();
 
@@ -12754,7 +12763,7 @@ var notBulma = (function (exports) {
           options = {},
           working = {},
           data: _data = {},
-          ui = Form$1 //default UI
+          ui = Form //default UI
 
         } = _ref;
         super({
@@ -12799,16 +12808,18 @@ var notBulma = (function (exports) {
 
         _classPrivateFieldInitSpec(this, _variants, {
           writable: true,
-          value: new Lib()
+          value: null
         });
 
+        _classPrivateFieldSet(this, _variants, new Lib(VARIANTS$1.getContent()));
+
         if (target) {
           this.setOptions('target', target);
         }
 
         _classPrivateFieldSet(this, _uiComponent, ui);
 
-        if (notCommon$1.objHas(options, 'action')) {
+        if (notCommon$2.objHas(options, 'action')) {
           _classPrivateFieldSet(this, _action, options.action);
         }
 
@@ -12840,14 +12851,14 @@ var notBulma = (function (exports) {
       initFields() {
         const manifest = this.getFormManifest();
 
-        if (notCommon$1.objHas(manifest, 'fields') && _classPrivateFieldGet(this, _fields).isEmpty()) {
+        if (notCommon$2.objHas(manifest, 'fields') && _classPrivateFieldGet(this, _fields).isEmpty()) {
           _classPrivateFieldGet(this, _fields).import(manifest.fields); //all fields available in model manifest
 
         }
       }
 
       initVariants() {
-        if (this.getOptions('variants') && _classPrivateFieldGet(this, _variants).isEmpty()) {
+        if (this.getOptions('variants')) {
           _classPrivateFieldGet(this, _variants).import(this.getOptions('variants'));
         }
       } //creating validators runner for this specific form
@@ -12911,7 +12922,7 @@ var notBulma = (function (exports) {
           };
           _classPrivateFieldGet(this, _form$1) && _classPrivateFieldGet(this, _form$1).updateFormValidationStatus(report);
           this.emit('error', report);
-          notCommon$1.report(e);
+          notCommon$2.report(e);
         }
       }
 
@@ -13060,8 +13071,8 @@ var notBulma = (function (exports) {
       getFormManifest() {
         const modelName = this.getOptions('model', undefined);
 
-        if (modelName && notCommon$1.getApp()) {
-          return notCommon$1.getApp().getInterfaceManifest(modelName);
+        if (modelName && notCommon$2.getApp()) {
+          return notCommon$2.getApp().getInterfaceManifest(modelName);
         }
 
         if (this.getOptions('manifest', undefined)) {
@@ -13429,7 +13440,7 @@ var notBulma = (function (exports) {
       constructor(_ref) {
         let {
           options = {},
-          formComponent = Form$1,
+          formComponent = Form,
           formSetComponent = Form_set
         } = _ref;
         super({
@@ -13463,7 +13474,7 @@ var notBulma = (function (exports) {
           value: null
         });
 
-        _classPrivateFieldSet(this, _formComponent, Form$1);
+        _classPrivateFieldSet(this, _formComponent, Form);
 
         _classPrivateFieldSet(this, _formSetComponent, Form_set);
 
@@ -14006,8 +14017,8 @@ var notBulma = (function (exports) {
       }
 
       static getComponent(name) {
-        if (COMPONENTS.contains(name)) {
-          return COMPONENTS.get(name);
+        if (COMPONENTS$1.contains(name)) {
+          return COMPONENTS$1.get(name);
         } else {
           return false;
         }
@@ -15065,7 +15076,7 @@ var notBulma = (function (exports) {
     	let { classes = '' } = $$props;
     	let sided = false;
     	let { events = {} } = $$props;
-    	let { register = notCommon$1.registerWidgetEvents.bind(notCommon$1) } = $$props;
+    	let { register = notCommon$2.registerWidgetEvents.bind(notCommon$2) } = $$props;
 
     	let { onUpdate = data => {
     		if (Object.prototype.hasOwnProperty.call(data, 'title')) {
@@ -15185,7 +15196,7 @@ var notBulma = (function (exports) {
     	let switch_instance_anchor;
     	let current;
     	const switch_instance_spread_levels = [{ id: /*item*/ ctx[0].id }, /*item*/ ctx[0].props];
-    	var switch_value = COMPONENTS.get(/*item*/ ctx[0].component);
+    	var switch_value = COMPONENTS$1.get(/*item*/ ctx[0].component);
 
     	function switch_props(ctx) {
     		let switch_instance_props = {};
@@ -15219,7 +15230,7 @@ var notBulma = (function (exports) {
     			? get_spread_update(switch_instance_spread_levels, [{ id: /*item*/ ctx[0].id }, get_spread_object(/*item*/ ctx[0].props)])
     			: {};
 
-    			if (switch_value !== (switch_value = COMPONENTS.get(/*item*/ ctx[0].component))) {
+    			if (switch_value !== (switch_value = COMPONENTS$1.get(/*item*/ ctx[0].component))) {
     				if (switch_instance) {
     					group_outros();
     					const old_component = switch_instance;
@@ -15402,7 +15413,7 @@ var notBulma = (function (exports) {
     	function select_block_type(ctx, dirty) {
     		if (dirty & /*item*/ 1) show_if = null;
     		if (/*item*/ ctx[0].icon) return 0;
-    		if (show_if == null) show_if = !!(/*item*/ ctx[0].type === 'component' && /*item*/ ctx[0].component && COMPONENTS.contains(/*item*/ ctx[0].component));
+    		if (show_if == null) show_if = !!(/*item*/ ctx[0].type === 'component' && /*item*/ ctx[0].component && COMPONENTS$1.contains(/*item*/ ctx[0].component));
     		if (show_if) return 1;
     		return 2;
     	}
@@ -16241,7 +16252,7 @@ var notBulma = (function (exports) {
 
     	function select_block_type(ctx, dirty) {
     		if (dirty & /*section*/ 1) show_if = null;
-    		if (show_if == null) show_if = !!(/*section*/ ctx[0].type === 'component' && /*section*/ ctx[0].component && COMPONENTS.contains(/*section*/ ctx[0].component));
+    		if (show_if == null) show_if = !!(/*section*/ ctx[0].type === 'component' && /*section*/ ctx[0].component && COMPONENTS$1.contains(/*section*/ ctx[0].component));
     		if (show_if) return 0;
     		return 1;
     	}
@@ -16398,7 +16409,7 @@ var notBulma = (function (exports) {
     	let switch_instance_anchor;
     	let current;
     	const switch_instance_spread_levels = [{ id: /*section*/ ctx[0].id }, /*section*/ ctx[0].props];
-    	var switch_value = COMPONENTS.get(/*section*/ ctx[0].component);
+    	var switch_value = COMPONENTS$1.get(/*section*/ ctx[0].component);
 
     	function switch_props(ctx) {
     		let switch_instance_props = {};
@@ -16435,7 +16446,7 @@ var notBulma = (function (exports) {
     				])
     			: {};
 
-    			if (switch_value !== (switch_value = COMPONENTS.get(/*section*/ ctx[0].component))) {
+    			if (switch_value !== (switch_value = COMPONENTS$1.get(/*section*/ ctx[0].component))) {
     				if (switch_instance) {
     					group_outros();
     					const old_component = switch_instance;
@@ -17468,7 +17479,7 @@ var notBulma = (function (exports) {
     	let switch_instance_anchor;
     	let current;
     	const switch_instance_spread_levels = [{ id: /*item*/ ctx[0].id }, /*item*/ ctx[0].props];
-    	var switch_value = COMPONENTS.get(/*item*/ ctx[0].component);
+    	var switch_value = COMPONENTS$1.get(/*item*/ ctx[0].component);
 
     	function switch_props(ctx) {
     		let switch_instance_props = {};
@@ -17502,7 +17513,7 @@ var notBulma = (function (exports) {
     			? get_spread_update(switch_instance_spread_levels, [{ id: /*item*/ ctx[0].id }, get_spread_object(/*item*/ ctx[0].props)])
     			: {};
 
-    			if (switch_value !== (switch_value = COMPONENTS.get(/*item*/ ctx[0].component))) {
+    			if (switch_value !== (switch_value = COMPONENTS$1.get(/*item*/ ctx[0].component))) {
     				if (switch_instance) {
     					group_outros();
     					const old_component = switch_instance;
@@ -17699,7 +17710,7 @@ var notBulma = (function (exports) {
     	function select_block_type(ctx, dirty) {
     		if (dirty & /*item*/ 1) show_if = null;
     		if (/*item*/ ctx[0].icon) return 0;
-    		if (show_if == null) show_if = !!(/*item*/ ctx[0].type === 'component' && /*item*/ ctx[0].component && COMPONENTS.contains(/*item*/ ctx[0].component));
+    		if (show_if == null) show_if = !!(/*item*/ ctx[0].type === 'component' && /*item*/ ctx[0].component && COMPONENTS$1.contains(/*item*/ ctx[0].component));
     		if (show_if) return 1;
     		return 2;
     	}
@@ -18625,7 +18636,7 @@ var notBulma = (function (exports) {
     function instance$x($$self, $$props, $$invalidate) {
     	const dispatch = createEventDispatcher();
     	let { events = {} } = $$props;
-    	let { register = notCommon$1.registerWidgetEvents.bind(notCommon$1) } = $$props;
+    	let { register = notCommon$2.registerWidgetEvents.bind(notCommon$2) } = $$props;
     	let { closed = true } = $$props;
 
     	function toggle(e) {
@@ -19715,7 +19726,7 @@ var notBulma = (function (exports) {
             let libProps = Object.keys(preload);
             let proms = [];
             libProps.forEach(function (prop) {
-              let modelName = notCommon$1.lowerFirstLetter(preload[prop]);
+              let modelName = notCommon$2.lowerFirstLetter(preload[prop]);
               let Model = controller.make[modelName]({});
               proms.push(Model.$listAll());
             });
@@ -20042,7 +20053,7 @@ var notBulma = (function (exports) {
     	}
     }
 
-    var index$7 = /*#__PURE__*/Object.freeze({
+    var index$6 = /*#__PURE__*/Object.freeze({
         __proto__: null,
         UIError: Ui_error,
         UISuccess: Ui_success,
@@ -20099,7 +20110,7 @@ var notBulma = (function (exports) {
 
           controller.ui[ACTION$4] = new notForm({
             options: {
-              target: controller.els.main,
+              target: controller.getContainerInnerElement(),
               model: controller.getModelName(),
               action: createActionName,
               name: `${controller.getName()}.${ACTION$4}Form`,
@@ -20163,7 +20174,7 @@ var notBulma = (function (exports) {
           }]);
           controller.ui[ACTION$3] = new notForm({
             options: {
-              target: controller.els.main,
+              target: controller.getContainerInnerElement(),
               model: controller.getModelName(),
               action: detailsActionName,
               name: `${controller.getName()}.${ACTION$3}Form`,
@@ -20176,9 +20187,9 @@ var notBulma = (function (exports) {
             data: res.result
           });
           controller.emit(`after:render:${ACTION$3}`);
-          controller.ui[ACTION$3].$on('reject', controller.goList.bind(this));
+          controller.ui[ACTION$3].$on('reject', controller.goList.bind(controller));
         } catch (e) {
-          contoller.report(e);
+          controller.report(e);
           controller.showErrorMessage(e);
         }
       }
@@ -20222,7 +20233,7 @@ var notBulma = (function (exports) {
           }]);
           controller.ui[ACTION$2] = new notForm({
             options: {
-              target: controller.els.main,
+              target: controller.getContainerInnerElement(),
               model: controller.getModelName(),
               action: MODEL_ACTION_UPDATE,
               name: `${controller.getName()}.${ACTION$2}Form`,
@@ -20231,7 +20242,7 @@ var notBulma = (function (exports) {
               ui: controller.getOptions(`${ACTION$2}.ui`, {}),
               fields: controller.getOptions(`${ACTION$2}.fields`, {})
             },
-            data: notCommon$1.stripProxy(res.result)
+            data: notCommon$2.stripProxy(res.result)
           });
           controller.ui[ACTION$2].$on('submit', async function (ev) {
             const success = await controller.onActionSubmit(ACTION$2, ev.detail);
@@ -20329,7 +20340,7 @@ var notBulma = (function (exports) {
         };
         const TABLE_OPTIONS = {
           options: {
-            targetEl: controller.els.main,
+            targetEl: controller.getContainerInnerElement(),
             endless: false,
             actions: [{
               title: 'Создать',
@@ -20349,7 +20360,7 @@ var notBulma = (function (exports) {
 
     }
 
-    var index$6 = {
+    var index$5 = {
       create: CRUDActionCreate,
       details: CRUDActionDetails,
       update: CRUDActionUpdate,
@@ -20359,7 +20370,7 @@ var notBulma = (function (exports) {
 
     var CRUDActions = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        'default': index$6
+        'default': index$5
     });
 
     const BREADCRUMBS = [];
@@ -20509,16 +20520,16 @@ var notBulma = (function (exports) {
 
       async preloadVariants() {
         let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'list';
-        await CRUDVariantsPreloader.preload(this, type);
+        await _classPrivateFieldGet(this, _preloader).preload(this, type);
       }
 
       getTitleFromLib(propName, id) {
-        return Form.getVariant(propName, id).title;
+        throw new Error('not suported anymore'); //return Form.getVariant(propName, id).title;
       }
 
       getItemTitle(item) {
         const fieldName = this.TITLE_FIELDS_PRIORITY.find(function (key) {
-          return notCommon$1.objHas(item, key);
+          return notCommon$2.objHas(item, key);
         });
 
         if (fieldName) {
@@ -20551,7 +20562,7 @@ var notBulma = (function (exports) {
       runAction(actionName, params) {
         if (Object.keys(_classPrivateFieldGet(this, _actions)).includes(actionName)) {
           return _classPrivateFieldGet(this, _actions)[actionName].run(this, params);
-        } else if (typeof this['run' + notCommon$1.capitalizeFirstLetter(actionName)]) {
+        } else if (typeof this['run' + notCommon$2.capitalizeFirstLetter(actionName)]) {
           throw new Error(`No such action: ${actionName} in contoller ${this.getWorking('name')}`);
         }
       }
@@ -20633,9 +20644,9 @@ var notBulma = (function (exports) {
     //import 'babel-polyfill/dist/polyfill';
     const ncCRUD = notCRUD; //legacy alias
 
-    var index$5 = /*#__PURE__*/Object.freeze({
+    var Frame = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        notCommon: notCommon$1,
+        notCommon: notCommon$2,
         notPath: notPath,
         notController: notController,
         notBase: notBase,
@@ -20643,14 +20654,14 @@ var notBulma = (function (exports) {
         notRecord: notRecord,
         notInterface: notInterface,
         notApp: notApp,
-        notAPI: index$8,
+        notAPI: index$7,
         notCRUD: notCRUD,
         ncCRUD: ncCRUD,
-        COMPONENTS: COMPONENTS,
-        FIELDS: FIELDS$1,
-        VARIANTS: VARIANTS,
+        COMPONENTS: COMPONENTS$1,
+        FIELDS: FIELDS$2,
+        VARIANTS: VARIANTS$1,
         notTable: notTable,
-        UIForm: Form$1,
+        UIForm: Form,
         notForm: notForm,
         notFormSet: notFormSet,
         notFormUtils: notFormUtils,
@@ -20724,7 +20735,7 @@ var notBulma = (function (exports) {
     	let { bottom = false } = $$props;
     	let sided = false;
     	let { events = {} } = $$props;
-    	let { register = notCommon$1.registerWidgetEvents.bind(notCommon$1) } = $$props;
+    	let { register = notCommon$2.registerWidgetEvents.bind(notCommon$2) } = $$props;
 
     	let { onUpdate = data => {
     		if (Object.prototype.hasOwnProperty.call(data, 'state')) {
@@ -21116,7 +21127,7 @@ var notBulma = (function (exports) {
     	let { username = 'John Doe' } = $$props;
     	let { role = 'admin' } = $$props;
     	let { events = {} } = $$props;
-    	let { register = notCommon$1.registerWidgetEvents } = $$props;
+    	let { register = notCommon$2.registerWidgetEvents } = $$props;
 
     	let { onUpdate = data => {
     		if (Object.prototype.hasOwnProperty.call(data, 'username')) {
@@ -31535,7 +31546,7 @@ var notBulma = (function (exports) {
 
     var index = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        Blocks: index$9,
+        Blocks: index$8,
         Various: Various,
         Buttons: Buttons,
         Forms: index$4,
@@ -31544,7 +31555,7 @@ var notBulma = (function (exports) {
         Layouts: index$2,
         Links: Links,
         Modals: index$1,
-        Notifications: index$7,
+        Notifications: index$6,
         UICommon: UICommon
     });
 
@@ -31553,14 +31564,24 @@ var notBulma = (function (exports) {
       say,
       notLocale: notLocale$1
     };
+    const {
+      notCommon: notCommon$1,
+      COMPONENTS,
+      FIELDS,
+      VARIANTS
+    } = Frame;
     Object.keys(index$4).forEach(function (fieldtype) {
       notFormUtils.addComponent(fieldtype, index$4[fieldtype]);
     });
 
+    exports.COMPONENTS = COMPONENTS;
     exports.Elements = index;
-    exports.Frame = index$5;
+    exports.FIELDS = FIELDS;
+    exports.Frame = Frame;
     exports.LOCALE = LOCALE;
     exports.Locale = Locale;
+    exports.VARIANTS = VARIANTS;
+    exports.notCommon = notCommon$1;
     exports.notLocale = notLocale$1;
     exports.say = say;