=

arikaim-package.json

@@ -2,7 +2,7 @@
     "title": "UI components",
     "package-type": "components",
     "name": "semantic",
-    "version": "1.8.11",
+    "version": "1.8.12",
     "description": "Arikaim components library for Semantic UI.",
     "repository": "https://github.com/arikaim/ui-components.git",
     "require": {

panel/panel.html

@@ -1,5 +1,6 @@
 <div
     id="{{ component_id }}"
+    show_parent="{{ show_parent|default(false) }}"
     class="ui {{ class|default('ui segment') }}">
     {% if hide_title != true %}
     {{  component('semantic~panel.title',{ 

panel/panel.js

@@ -2,11 +2,21 @@
 
 arikaim.component.onLoaded(function(component) {
 
+    component.close = function() {
+        if (component.get('show_parent') != true) {
+            $(component.getElement()).parent().hide();     
+        }
+        $(component.getElement()).remove();             
+    };
+
+    component.remove = function() {
+        $(component.getElement()).remove();    
+    }
+
     component.init = function() {
         var closeButtons = $(component.getElement()).find('.panel-close-button');
-        arikaim.ui.button(closeButtons,function(element) { 
-            $(component.getElement()).parent().hide();     
-            $(component.getElement()).remove();             
+        arikaim.ui.button(closeButtons,function() { 
+            component.close();
         });
         $(component.getElement()).parent().show();
     };

properties/items/items.html

@@ -4,6 +4,11 @@
     {% else %}
         {% set field_name = property.name %} 
     {% endif %}    
+
+    {% if field_group is not empty %}
+        {% set field_name = field_group ~ '[' ~ field_name ~ ']' %}
+    {% endif %}
+
     {% set rule = (property.required == true) ? 'empty' : '' %}    
     {% if property['type'] == 7 %}
         <div class="field {{ property.required|ifthen(true,'required') }}">