@farris/jit-engine 1.3.187-dev → 1.3.188

package/lib/mobileapp/vue/domstructure/ui/common/vue-padding.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VuePadding = void 0;
+const toolhepler_1 = require("../../../../../utility/toolhepler");
+class VuePadding {
+    constructor(param) {
+        this.keys = 'top,bottom,left,right';
+        let obj;
+        if (typeof param === 'string') {
+            obj = JSON.parse(param);
+        }
+        else {
+            obj = param;
+        }
+        if (!obj) {
+            return;
+        }
+        Object.keys(obj).forEach(key => {
+            if (this.keys.includes(key)) {
+                this[key] = obj[key];
+            }
+        });
+    }
+    getStyle() {
+        return this.keys.split(',').filter(key => toolhepler_1.ToolHelper.isDef(this[key])).map((key) => {
+            return `padding-${key}: ${this[key]}px;`;
+        }).join(' ');
+    }
+}
+exports.VuePadding = VuePadding;
+//# sourceMappingURL=vue-padding.js.map

package/lib/mobileapp/vue/domstructure/ui/common/vue-padding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-padding.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-padding.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAE/D,MAAa,UAAU;IASnB,YAAY,KAAmB;QAFvB,SAAI,GAAG,uBAAuB,CAAC;QAGnC,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACzB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IACD,QAAQ;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC,uBAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAC9E,OAAO,WAAW,GAAG,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,CAAA;QAC5C,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAChB,CAAC;CACJ;AA/BD,gCA+BC"}

package/lib/mobileapp/vue/domstructure/ui/common/vue-position.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VuePosition = void 0;
+const toolhepler_1 = require("../../../../../utility/toolhepler");
+class VuePosition {
+    constructor(param) {
+        this.keys = 'type,top,bottom,left,right,zIndex';
+        let obj;
+        if (typeof param === 'string') {
+            return;
+        }
+        else {
+            obj = param;
+        }
+        if (!obj) {
+            return;
+        }
+        Object.keys(obj).forEach(key => {
+            if (this.keys.includes(key)) {
+                this[key] = obj[key];
+            }
+        });
+    }
+    getStyle() {
+        return this.keys.split(',').filter(key => toolhepler_1.ToolHelper.isDef(this[key])).map((key) => {
+            if (key === 'type') {
+                return `position: ${this[key]};`;
+            }
+            else if (key === 'zIndex') {
+                return `z-index: ${this[key]};`;
+            }
+            else {
+                return `${key}: ${this[key]}px;`;
+            }
+        }).join(' ');
+    }
+}
+exports.VuePosition = VuePosition;
+//# sourceMappingURL=vue-position.js.map

package/lib/mobileapp/vue/domstructure/ui/common/vue-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-position.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-position.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAE/D,MAAa,WAAW;IASpB,YAAY,KAAmB;QAFvB,SAAI,GAAG,mCAAmC,CAAC;QAG/C,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAE3B,OAAM;SACT;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACzB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IACD,QAAQ;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC,uBAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAC9E,IAAG,GAAG,KAAK,MAAM,EAAE;gBACf,OAAO,aAAa,IAAI,CAAC,GAAG,CAAC,GAAG,CAAA;aACnC;iBAAM,IAAG,GAAG,KAAK,QAAQ,EAAE;gBACxB,OAAO,YAAY,IAAI,CAAC,GAAG,CAAC,GAAG,CAAA;aAClC;iBAAM;gBACH,OAAQ,GAAG,GAAG,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,CAAA;aACpC;QACL,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAChB,CAAC;CACJ;AAtCD,kCAsCC"}

package/lib/mobileapp/vue/domstructure/ui/common/vue-size.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VueSize = void 0;
+const toolhepler_1 = require("../../../../../utility/toolhepler");
 class VueSize {
     constructor(param) {
+        this.keys = 'width,height';
         let obj;
         if (typeof param === 'string') {
             obj = JSON.parse(param);
@@ -13,13 +15,17 @@ class VueSize {
         if (!obj) {
             return;
         }
-        const keys = 'width,height';
         Object.keys(obj).forEach(key => {
-            if (keys.includes(key)) {
+            if (this.keys.includes(key)) {
                 this[key] = obj[key];
             }
         });
     }
+    getStyle() {
+        return this.keys.split(',').filter(key => toolhepler_1.ToolHelper.isDef(this[key])).map((key) => {
+            return `${key}: ${this[key]}px;`;
+        }).join(' ');
+    }
 }
 exports.VueSize = VueSize;
 //# sourceMappingURL=vue-size.js.map

package/lib/mobileapp/vue/domstructure/ui/common/vue-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-size.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-size.ts"],"names":[],"mappings":";;;AAAA,MAAa,OAAO;IAKhB,YAAY,KAAmB;QAC3B,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG,cAAc,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAxBD,0BAwBC"}
+{"version":3,"file":"vue-size.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-size.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAC/D,MAAa,OAAO;IAMhB,YAAY,KAAmB;QAFvB,SAAI,GAAG,cAAc,CAAC;QAG1B,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACzB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IACD,QAAQ;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC,uBAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAC9E,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,CAAA;QACpC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAChB,CAAC;CACJ;AA7BD,0BA6BC"}

package/lib/mobileapp/vue/domstructure/ui/common/vue-state.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueState = void 0;
+const toolhepler_1 = require("../../../../../utility/toolhepler");
+const vue_variable_1 = require("./vue-variable");
+class VueState extends vue_variable_1.VueVariable {
+    constructor(param, name, context) {
+        super(param);
+        if (!toolhepler_1.ToolHelper.isDef(param)) {
+            this.value = true;
+            return;
+        }
+        if (this.type == "Expression") {
+            this.value = `form.${context.binding.path}.${name}`;
+        }
+    }
+}
+exports.VueState = VueState;
+//# sourceMappingURL=vue-state.js.map

package/lib/mobileapp/vue/domstructure/ui/common/vue-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-state.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-state.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAC/D,iDAA6C;AAE7C,MAAa,QAAS,SAAQ,0BAAW;IAQrC,YAAY,KAAmB,EAAE,IAAa,EAAE,OAAa;QACzD,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAG,CAAC,uBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAC;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,OAAO;SACV;QAGD,IAAI,IAAI,CAAC,IAAI,IAAI,YAAY,EAAE;YAC3B,IAAI,CAAC,KAAK,GAAG,QAAQ,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,EAAE,CAAA;SACtD;IACL,CAAC;CACJ;AArBD,4BAqBC"}

package/lib/mobileapp/vue/domstructure/ui/common/vue-toolbar.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueToolbar = void 0;
+class VueToolbar {
+    constructor(param, variables) {
+        this.variables = ['click'];
+        this.keys = ['id', 'text', 'type', 'icon', 'click'];
+        this.param = param;
+        variables && (this.variables = variables);
+    }
+    toString() {
+        return '{' + Object.keys(this.param).filter(key => this.keys.includes(key)).map(key => {
+            if (this.variables.includes(key)) {
+                return `'${key}': ${this.param[key]}`;
+            }
+            else {
+                return `'${key}': '${this.param[key]}'`;
+            }
+        }).join(',') + '}';
+    }
+}
+exports.VueToolbar = VueToolbar;
+//# sourceMappingURL=vue-toolbar.js.map

package/lib/mobileapp/vue/domstructure/ui/common/vue-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-toolbar.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-toolbar.ts"],"names":[],"mappings":";;;AACA,MAAa,UAAU;IAIrB,YAAY,KAA6B,EAAE,SAAoB;QAH/D,cAAS,GAAG,CAAC,OAAO,CAAC,CAAC;QACtB,SAAI,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QAG7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;IAC3C,CAAC;IACD,QAAQ;QACN,OAAO,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAA,EAAE;YAClF,IAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBAC/B,OAAO,IAAI,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAA;aACtC;iBAAM;gBACL,OAAO,IAAI,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAA;aACxC;QACH,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;IACpB,CAAC;CACF;AAjBD,gCAiBC"}

package/lib/mobileapp/vue/domstructure/ui/common/vue-variable.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueVariable = void 0;
+const toolhepler_1 = require("../../../../../utility/toolhepler");
+class VueVariable {
+    constructor(param) {
+        if (!toolhepler_1.ToolHelper.isDef(param)) {
+            this.value = undefined;
+            return;
+        }
+        if (toolhepler_1.ToolHelper.isBoolean(param)) {
+            this.value = param;
+            return;
+        }
+        if (toolhepler_1.ToolHelper.isString(param)) {
+            this.value = this.useQuote(param) ? `'${param}'` : param;
+            return;
+        }
+        let obj;
+        if (typeof param === 'string') {
+            obj = JSON.parse(param);
+        }
+        else {
+            obj = param;
+        }
+        if (!obj) {
+            return;
+        }
+        const keys = 'type,path';
+        Object.keys(obj).forEach(key => {
+            if (keys.includes(key)) {
+                this[key] = obj[key];
+            }
+        });
+        if (this.type == "Variable") {
+            this.value = `uiState.${this.path}`;
+        }
+    }
+    useQuote(value) {
+        if (value.indexOf("=>") >= 0) {
+            return false;
+        }
+        else if ((value.indexOf("'") >= 0)) {
+            return false;
+        }
+        else if ((value.indexOf("uiState") >= 0)) {
+            return false;
+        }
+        else if ((value.indexOf("stateMachine") >= 0)) {
+            return false;
+        }
+        return true;
+    }
+}
+exports.VueVariable = VueVariable;
+//# sourceMappingURL=vue-variable.js.map

package/lib/mobileapp/vue/domstructure/ui/common/vue-variable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-variable.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-variable.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAE/D,MAAa,WAAW;IAQpB,YAAY,KAAmB;QAE3B,IAAG,CAAC,uBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAC;YACxB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;YACvB,OAAO;SACV;QAGD,IAAI,uBAAU,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO;SACV;QAGD,IAAI,uBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;YACxD,OAAO;SACV;QAED,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG,WAAW,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE;YACzB,IAAI,CAAC,KAAK,GAAG,WAAW,IAAI,CAAC,IAAI,EAAE,CAAA;SACtC;IACL,CAAC;IACD,QAAQ,CAAC,KAAa;QAClB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAE1B,OAAO,KAAK,CAAA;SACf;aAAM,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE;YACjC,OAAO,KAAK,CAAA;SACf;aAAM,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE;YACvC,OAAO,KAAK,CAAA;SACf;aAAM,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE;YAC5C,OAAO,KAAK,CAAA;SACf;QACD,OAAO,IAAI,CAAA;IACf,CAAC;CACJ;AA9DD,kCA8DC"}

package/lib/mobileapp/vue/domstructure/ui/common/vue-visible.js

@@ -1,56 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VueVisible = void 0;
-const toolhepler_1 = require("../../../../../utility/toolhepler");
-class VueVisible {
+const vue_state_1 = require("./vue-state");
+class VueVisible extends vue_state_1.VueState {
     constructor(param) {
-        this.useQuote = false;
-        if (!param && param != false) {
-            this.useQuote = false;
-            this.value = true;
-            return;
-        }
-        if (toolhepler_1.ToolHelper.isBoolean(param)) {
-            this.useQuote = false;
-            this.value = param;
-            return;
-        }
-        if (toolhepler_1.ToolHelper.isString(param) && toolhepler_1.ToolHelper.isObject(param) == false) {
-            if (param.indexOf("=>") >= 0) {
-                this.value = param;
-            }
-            else {
-                this.value = toolhepler_1.ToolHelper.viewModelReplaceToThisViewModel(param);
-            }
-            this.useQuote = false;
-            return;
-        }
-        let obj;
-        if (typeof param === 'string') {
-            obj = JSON.parse(param);
-        }
-        else {
-            obj = param;
-        }
-        if (!obj) {
-            return;
-        }
-        const keys = 'type,path';
-        Object.keys(obj).forEach(key => {
-            if (keys.includes(key)) {
-                this[key] = obj[key];
-            }
-        });
-        if (this.type == "Variable") {
-            this.useQuote = false;
-            const [frameComponentId, variablePath] = this.path.split('.');
-            if (!variablePath) {
-                this.value = "this.viewModel['uiState']['" + this.path + "']";
-            }
-            else {
-                this.value = "this.context.appContext.getFrameContext('" + frameComponentId + "')['uiState']['" + variablePath + "']";
-            }
-        }
+        super(param);
     }
 }
 exports.VueVisible = VueVisible;

package/lib/mobileapp/vue/domstructure/ui/common/vue-visible.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-visible.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-visible.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAE/D,MAAa,UAAU;IAUnB,YAAY,KAAmB;QAR/B,aAAQ,GAAG,KAAK,CAAC;QAUb,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,OAAO;SACV;QAED,IAAI,uBAAU,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC7B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO;SACV;QAGD,IAAI,uBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,uBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE;YAEnE,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;aACtB;iBAAM;gBAEH,IAAI,CAAC,KAAK,GAAG,uBAAU,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;aAClE;YACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YAEtB,OAAO;SACV;QAED,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG,WAAW,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE;YACzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC9D,IAAI,CAAC,YAAY,EAAE;gBACf,IAAI,CAAC,KAAK,GAAG,6BAA6B,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;aACjE;iBAAM;gBACH,IAAI,CAAC,KAAK,GAAG,2CAA2C,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAAC;aACzH;SACJ;IACL,CAAC;CACJ;AAlED,gCAkEC"}
+{"version":3,"file":"vue-visible.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/common/vue-visible.ts"],"names":[],"mappings":";;;AACA,2CAAuC;AAEvC,MAAa,UAAW,SAAQ,oBAAQ;IACpC,YAAY,KAAmB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC;CACJ;AAJD,gCAIC"}

package/lib/mobileapp/vue/domstructure/ui/container/card.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueCard = void 0;
+const vue_toolbar_1 = require("../common/vue-toolbar");
+const vue_container_1 = require("./vue-container");
+class VueCard extends vue_container_1.VueContainer {
+    constructor(param) {
+        var _a, _b;
+        super(param);
+        let obj;
+        if (typeof param === 'string') {
+            obj = JSON.parse(param);
+        }
+        else {
+            obj = param;
+        }
+        if (!obj) {
+            return;
+        }
+        const keys = 'title,collapsible,collapse,icon,actions,headerTemplate,footerTemplate';
+        Object.keys(obj).forEach((key) => {
+            if (keys.includes(key)) {
+                if (key === 'actions') {
+                    this[key] = obj[key] ? '[' + obj.actions.map((action) => new vue_toolbar_1.VueToolbar(action).toString()).join(',') + ']' : undefined;
+                }
+                else {
+                    this[key] = obj[key];
+                }
+            }
+        });
+        ((_a = this.padding) === null || _a === void 0 ? void 0 : _a.getStyle) && this.addStyle(this.padding.getStyle());
+        ((_b = this.margin) === null || _b === void 0 ? void 0 : _b.getStyle) && this.addStyle(this.margin.getStyle());
+    }
+}
+exports.VueCard = VueCard;
+//# sourceMappingURL=card.js.map

package/lib/mobileapp/vue/domstructure/ui/container/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/card.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAClD,mDAA8C;AAE9C,MAAa,OAAQ,SAAQ,4BAAY;IASvC,YAAY,KAAU;;QACpB,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,GAAQ,CAAA;QACZ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;SACxB;aAAM;YACL,GAAG,GAAG,KAAK,CAAA;SACZ;QAED,IAAI,CAAC,GAAG,EAAE;YACR,OAAM;SACP;QACD,MAAM,IAAI,GAAG,uEAAuE,CAAA;QACpF,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC/B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACtB,IAAI,GAAG,KAAK,SAAS,EAAE;oBACrB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAC,EAAE,CAAC,IAAI,wBAAU,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAE,CAAC,CAAC,SAAS,CAAA;iBAC7H;qBAAM;oBACL,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAA;iBACrB;aACF;QACH,CAAC,CAAC,CAAA;QACF,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;QAChE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;IAChE,CAAC;CACF;AAnCD,0BAmCC"}

package/lib/mobileapp/vue/domstructure/ui/container/field-set.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueFieldSet = void 0;
+const vue_container_1 = require("./vue-container");
+class VueFieldSet extends vue_container_1.VueContainer {
+    constructor(param) {
+        super(param);
+        let obj;
+        if (typeof param === 'string') {
+            obj = JSON.parse(param);
+        }
+        else {
+            obj = param;
+        }
+        if (!obj) {
+            return;
+        }
+        const keys = 'id,title,isInner,headerTemplate,bindTitle,collapse';
+        Object.keys(obj).forEach(key => {
+            if (keys.includes(key)) {
+                this[key] = obj[key];
+            }
+        });
+    }
+}
+exports.VueFieldSet = VueFieldSet;
+//# sourceMappingURL=field-set.js.map

package/lib/mobileapp/vue/domstructure/ui/container/field-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-set.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/field-set.ts"],"names":[],"mappings":";;;AAAA,mDAA8C;AAE9C,MAAa,WAAY,SAAQ,4BAAY;IAWzC,YAAY,KAAU;QAClB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QACD,MAAM,IAAI,GAAG,oDAAoD,CAAC;QAClE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CAGJ;AAjCD,kCAiCC"}

package/lib/mobileapp/vue/domstructure/ui/container/index.js

@@ -11,7 +11,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./vue-container"), exports);
+__exportStar(require("./vue-page-container"), exports);
+__exportStar(require("./vue-page-header-container"), exports);
+__exportStar(require("./vue-page-content-container"), exports);
+__exportStar(require("./vue-page-footer-container"), exports);
 __exportStar(require("./vue-content-container"), exports);
+__exportStar(require("./vue-float-container"), exports);
 __exportStar(require("./vue-form"), exports);
 __exportStar(require("./vue-item-container"), exports);
+__exportStar(require("./card"), exports);
+__exportStar(require("./field-set"), exports);
+__exportStar(require("./vue-tab-page"), exports);
+__exportStar(require("./vue-tabs"), exports);
+__exportStar(require("./vue-section"), exports);
 //# sourceMappingURL=index.js.map

package/lib/mobileapp/vue/domstructure/ui/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAiC;AACjC,0DAAwC;AACxC,6CAA2B;AAC3B,uDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAiC;AACjC,uDAAsC;AACtC,8DAA6C;AAC7C,+DAA8C;AAC9C,8DAA6C;AAC7C,0DAAwC;AACxC,wDAAsC;AACtC,6CAA2B;AAC3B,uDAAqC;AACrC,yCAAuB;AACvB,8CAA4B;AAC5B,iDAA+B;AAC/B,6CAA2B;AAC3B,gDAA8B"}

package/lib/mobileapp/vue/domstructure/ui/container/section/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../vue-section"), exports);
+//# sourceMappingURL=index.js.map

package/lib/mobileapp/vue/domstructure/ui/container/section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/mobileapp/vue/domstructure/ui/container/section/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B"}

package/lib/mobileapp/vue/domstructure/ui/container/section/vue-section.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueSection = void 0;
+const vue_base_component_1 = require("../../vue-base-component");
+const toolhepler_1 = require("../../../../../../utility/toolhepler");
+const vue_content_type_creator_1 = require("../../../../utility/vue-content-type-creator");
+const vue_object_creator_1 = require("../../../../utility/vue-object-creator");
+class VueSection extends vue_base_component_1.VueBaseComponent {
+    constructor(param) {
+        super(param);
+        let obj;
+        if (typeof param === 'string') {
+            obj = JSON.parse(param);
+        }
+        else {
+            obj = param;
+        }
+        if (!obj) {
+            return;
+        }
+        const keys = `contents,mainTitle,headerTemplate,footerTemplate,footerToolbar`;
+        Object.keys(obj).forEach(key => {
+            if (keys.includes(key)) {
+                switch (key) {
+                    case "contents":
+                        this.contents = [];
+                        if (toolhepler_1.ToolHelper.isArray(obj[key], false)) {
+                            obj[key].forEach((item) => {
+                                const contentType = vue_content_type_creator_1.VueContentTypeCreator.create(item.type, item.controlSource, item);
+                                const domObj = vue_object_creator_1.VueObjectCreator.createObjectByType(contentType, this.resourcePrefix);
+                                if (domObj) {
+                                    const domValue = new domObj(item);
+                                    this.contents.push(domValue);
+                                }
+                            });
+                        }
+                        break;
+                    default:
+                        this[key] = obj[key];
+                }
+            }
+        });
+    }
+}
+exports.VueSection = VueSection;
+//# sourceMappingURL=vue-section.js.map

package/lib/mobileapp/vue/domstructure/ui/container/section/vue-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-section.js","sourceRoot":"","sources":["../../../../../../../src/mobileapp/vue/domstructure/ui/container/section/vue-section.ts"],"names":[],"mappings":";;;AAAA,iEAA4D;AAC5D,qEAAkE;AAClE,2FAAqF;AACrF,+EAA0E;AAE1E,MAAa,UAAW,SAAQ,qCAAgB;IAG5C,YAAY,KAAmB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG,gEAAgE,CAAC;QAC9E,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,QAAQ,GAAG,EAAE;oBACT,KAAK,UAAU;wBACX,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;wBACnB,IAAI,uBAAU,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE;4BACrC,GAAG,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;gCAC3B,MAAM,WAAW,GAAG,gDAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;gCACtF,MAAM,MAAM,GAAG,qCAAgB,CAAC,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;gCACrF,IAAI,MAAM,EAAE;oCACR,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;oCAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iCAChC;4BACL,CAAC,CAAC,CAAC;yBACN;wBACD,MAAM;oBACV;wBACI,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;iBAC5B;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAvCD,gCAuCC"}

package/lib/mobileapp/vue/domstructure/ui/container/vue-container.js

@@ -2,6 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VueContainer = void 0;
 const vue_base_component_1 = require("../vue-base-component");
+const vue_content_type_creator_1 = require("../../../utility/vue-content-type-creator");
+const vue_object_creator_1 = require("../../../utility/vue-object-creator");
+const vue_display_1 = require("../common/vue-display");
+const vue_position_1 = require("../common/vue-position");
 class VueContainer extends vue_base_component_1.VueBaseComponent {
     constructor(param) {
         super(param);
@@ -15,10 +19,29 @@ class VueContainer extends vue_base_component_1.VueBaseComponent {
         if (!obj) {
             return;
         }
-        const keys = 'containerId';
+        this.contents = [];
+        const keys = 'contents,display,position';
         Object.keys(obj).forEach(key => {
             if (keys.includes(key)) {
-                this[key] = obj[key];
+                if (key === 'contents') {
+                    obj[key].forEach((item) => {
+                        const contentType = vue_content_type_creator_1.VueContentTypeCreator.create(item.type, item.controlSource, item);
+                        const domObj = vue_object_creator_1.VueObjectCreator.createObjectByType(contentType, this.resourcePrefix);
+                        if (domObj) {
+                            const domValue = new domObj(item);
+                            this.contents.push(domValue);
+                        }
+                    });
+                }
+                else if (key === 'display' && obj[key] === 'flex') {
+                    this.display = new vue_display_1.VueFlex(obj.flexBox);
+                }
+                else if (key === 'position') {
+                    this[key] = new vue_position_1.VuePosition(obj[key]);
+                }
+                else {
+                    this[key] = obj[key];
+                }
             }
         });
     }

package/lib/mobileapp/vue/domstructure/ui/container/vue-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-container.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/vue-container.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAEzD,MAAa,YAAa,SAAQ,qCAAgB;IAG9C,YAAY,KAAmB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAGD,MAAM,IAAI,GAAG,aAAa,CAAC;QAC3B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAxBD,oCAwBC"}
+{"version":3,"file":"vue-container.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/vue-container.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AACzD,wFAAkF;AAClF,4EAAuE;AACvE,uDAAgD;AAChD,yDAAqD;AACrD,MAAa,YAAa,SAAQ,qCAAgB;IAG9C,YAAY,KAAmB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,MAAM,IAAI,GAAG,2BAA2B,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,GAAG,KAAK,UAAU,EAAE;oBACpB,GAAG,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;wBAC3B,MAAM,WAAW,GAAG,gDAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;wBACtF,MAAM,MAAM,GAAG,qCAAgB,CAAC,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;wBACrF,IAAI,MAAM,EAAE;4BACR,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;4BAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;yBAChC;oBACL,CAAC,CAAC,CAAC;iBACN;qBAAM,IAAG,GAAG,KAAK,SAAS,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,MAAM,EAAC;oBAC/C,IAAI,CAAC,OAAO,GAAG,IAAI,qBAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;iBAC1C;qBAAM,IAAI,GAAG,KAAK,UAAU,EAAE;oBAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,0BAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;iBACxC;qBAAM;oBACH,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;iBACxB;aACJ;QACL,CAAC,CAAC,CAAC;IAEP,CAAC;CACJ;AAxCD,oCAwCC"}

package/lib/mobileapp/vue/domstructure/ui/container/vue-content-container.js

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VueContentContainer = void 0;
 const vue_container_1 = require("./vue-container");
-const vue_content_type_creator_1 = require("../../../utility/vue-content-type-creator");
-const vue_object_creator_1 = require("../../../utility/vue-object-creator");
 class VueContentContainer extends vue_container_1.VueContainer {
     constructor(param) {
+        var _a, _b, _c, _d;
         super(param);
         let obj;
         if (typeof param === 'string') {
@@ -17,25 +16,18 @@ class VueContentContainer extends vue_container_1.VueContainer {
         if (!obj) {
             return;
         }
-        this.contents = [];
-        const keys = 'contents,title';
+        const keys = 'title,fill';
         Object.keys(obj).forEach(key => {
             if (keys.includes(key)) {
-                if (key === 'contents') {
-                    obj[key].forEach((item) => {
-                        const contentType = vue_content_type_creator_1.VueContentTypeCreator.create(item.type, item.controlSource, item);
-                        const domObj = vue_object_creator_1.VueObjectCreator.createObjectByType(contentType, this.resourcePrefix);
-                        if (domObj) {
-                            const domValue = new domObj(item);
-                            this.contents.push(domValue);
-                        }
-                    });
-                }
-                else {
-                    this[key] = obj[key];
-                }
+                this[key] = obj[key];
             }
         });
+        this.fill && this.addClass('flex-fill');
+        this.display && this.addClass(this.display.getClass());
+        ((_a = this.size) === null || _a === void 0 ? void 0 : _a.getStyle) && this.addStyle(this.size.getStyle());
+        ((_b = this.position) === null || _b === void 0 ? void 0 : _b.getStyle) && this.addStyle(this.position.getStyle());
+        ((_c = this.padding) === null || _c === void 0 ? void 0 : _c.getStyle) && this.addStyle(this.padding.getStyle());
+        ((_d = this.margin) === null || _d === void 0 ? void 0 : _d.getStyle) && this.addStyle(this.margin.getStyle());
     }
 }
 exports.VueContentContainer = VueContentContainer;

package/lib/mobileapp/vue/domstructure/ui/container/vue-content-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-content-container.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/vue-content-container.ts"],"names":[],"mappings":";;;AAAA,mDAA+C;AAC/C,wFAAkF;AAClF,4EAAuE;AAEvE,MAAa,mBAAoB,SAAQ,4BAAY;IAKjD,YAAY,KAAmB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,MAAM,IAAI,GAAG,gBAAgB,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,GAAG,KAAK,UAAU,EAAE;oBACpB,GAAG,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;wBAC3B,MAAM,WAAW,GAAG,gDAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;wBACtF,MAAM,MAAM,GAAG,qCAAgB,CAAC,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;wBACrF,IAAI,MAAM,EAAE;4BACR,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;4BAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;yBAChC;oBACL,CAAC,CAAC,CAAC;iBACN;qBAAM;oBACH,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;iBACxB;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAtCD,kDAsCC"}
+{"version":3,"file":"vue-content-container.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/vue-content-container.ts"],"names":[],"mappings":";;;AAAA,mDAA+C;AAI/C,MAAa,mBAAoB,SAAQ,4BAAY;IAIjD,YAAY,KAAmB;;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,GAAQ,CAAC;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACH,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QAED,MAAM,IAAI,GAAG,YAAY,CAAC;QAC1B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;aACxB;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QACvC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;QACtD,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC1D,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;QAClE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;QAChE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;IAClE,CAAC;CACJ;AAhCD,kDAgCC"}

package/lib/mobileapp/vue/domstructure/ui/container/vue-float-container.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueFloatContainer = void 0;
+const vue_container_1 = require("./vue-container");
+class VueFloatContainer extends vue_container_1.VueContainer {
+    constructor(param) {
+        var _a, _b, _c, _d, _e;
+        super(param);
+        this.addClass('position-absolute');
+        ((_a = this.size) === null || _a === void 0 ? void 0 : _a.getStyle) && this.addStyle(this.size.getStyle());
+        ((_b = this.position) === null || _b === void 0 ? void 0 : _b.getStyle) && this.addStyle(this.position.getStyle());
+        ((_c = this.display) === null || _c === void 0 ? void 0 : _c.getClass) && this.addClass(this.display.getClass());
+        ((_d = this.padding) === null || _d === void 0 ? void 0 : _d.getStyle) && this.addStyle(this.padding.getStyle());
+        ((_e = this.margin) === null || _e === void 0 ? void 0 : _e.getStyle) && this.addStyle(this.margin.getStyle());
+    }
+}
+exports.VueFloatContainer = VueFloatContainer;
+//# sourceMappingURL=vue-float-container.js.map

package/lib/mobileapp/vue/domstructure/ui/container/vue-float-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-float-container.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/vue-float-container.ts"],"names":[],"mappings":";;;AACA,mDAA+C;AAE/C,MAAa,iBAAkB,SAAQ,4BAAY;IAG/C,YAAY,KAAmB;;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;QAClC,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC1D,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;QAClE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;QAChE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;QAChE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,KAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;IAClE,CAAC;CACJ;AAbD,8CAaC"}

package/lib/mobileapp/vue/domstructure/ui/container/vue-page-container.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VuePageContainer = void 0;
+const vue_container_1 = require("./vue-container");
+class VuePageContainer extends vue_container_1.VueContainer {
+    constructor(param) {
+        super(param);
+        this.addClass('fm-page');
+    }
+}
+exports.VuePageContainer = VuePageContainer;
+//# sourceMappingURL=vue-page-container.js.map

package/lib/mobileapp/vue/domstructure/ui/container/vue-page-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-page-container.js","sourceRoot":"","sources":["../../../../../../src/mobileapp/vue/domstructure/ui/container/vue-page-container.ts"],"names":[],"mappings":";;;AAAA,mDAA+C;AAE/C,MAAa,gBAAiB,SAAQ,4BAAY;IAG9C,YAAY,KAAmB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC;CACJ;AAPD,4CAOC"}