cronapp-framework-js 2.8.29 → 2.9.0-SNAPSHOT.2

package/css/themes/custom/fuse/theme-example.view.html

@@ -0,0 +1,830 @@
+<h1 class="title component-holder text-left" xattr-position="text-left" xattr-type="h1"
+    data-component="crn-text-component" id="crn-text-component-604522">Elementos</h1>
+<div class="component-holder ng-scope col-md-12" data-component="crn-panel" id="crn-panel-501134"></div>
+<div class="component-holder ng-scope" data-component="crn-grid" id="crn-grid-737873">
+    <div crn-datasource="" class="k-grid k-widget k-display-block k-grid-content">
+        <table class="">
+            <thead>
+            <tr class="table-header k-grid-header"></tr>
+            </thead>
+            <tbody>
+            <tr class="table-content" data-container="true" ng-repeat="rowData in datasource.data"></tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+<div class="component-holder ng-scope" data-component="crn-grid" id="crn-grid-602632">
+    <div crn-datasource="" class="k-grid k-widget k-display-block k-grid-content">
+        <table class="">
+            <thead>
+            <tr class="table-header k-grid-header">
+
+
+            </tr>
+            </thead>
+            <tbody>
+            <tr class="table-content" data-container="true" ng-repeat="rowData in datasource.data">
+
+
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+<div class="component-holder ng-binding ng-scope" data-component="crn-table" data-replace="true" id="crn-table-810219">
+    <div crn-datasource="" class=""></div>
+</div>
+<div class="component-holder ng-binding ng-scope" data-component="crn-table" data-replace="true" id="crn-table-622756">
+    <div crn-datasource="" class="">
+
+    </div>
+</div>
+<div class="panel panel-primary component-holder" xattr-theme="panel-primary" data-container="true" id="crn-panel-82634"
+     data-component="crn-panel">
+    <div class="panel-body" data-container="true" id="panel-body-1442">
+        <datasource data-component="crn-datasource" class="component-holder" name="Pais" entity="dados.Pais"
+                    keys="_objectKey" rows-per-page="100"
+                    schema="[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}]"
+                    parameters="" dependent-lazy-post="" lazy="true" condition="" checkrequired=""></datasource>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-812261">Calendário</h1>
+        <div class="component-holder ng-scope" data-component="crn-cron-calendar" id="crn-cron-calendar-101447">
+            <cron-calendar ng-model="vars.cronCalendar7818" options="" class=""></cron-calendar>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-57361">Grade</h1>
+        <div class="component-holder ng-scope" data-component="crn-cron-grid" id="crn-cron-grid-39263">
+            <cron-grid
+                    options="{&quot;dataSourceScreen&quot;:{&quot;name&quot;:&quot;Pais&quot;,&quot;entity&quot;:&quot;dados.Pais&quot;,&quot;entityDataSource&quot;:{&quot;id&quot;:&quot;dados.Pais&quot;,&quot;customId&quot;:&quot;Pais&quot;,&quot;name&quot;:&quot;Pais&quot;,&quot;customQueryName&quot;:&quot;dados.Pais&quot;,&quot;paramValues&quot;:[],&quot;entityFullName&quot;:&quot;dados.entity.Pais&quot;,&quot;schemaFields&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;type&quot;:&quot;entity&quot;,&quot;hasError&quot;:false},&quot;keys&quot;:&quot;_objectKey&quot;,&quot;schema&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;parameters&quot;:&quot;&quot;,&quot;dependentLazyPost&quot;:&quot;&quot;,&quot;lazy&quot;:&quot;true&quot;,&quot;id&quot;:&quot;927&quot;,&quot;oldName&quot;:&quot;&quot;},&quot;allowPaging&quot;:true,&quot;allowSorting&quot;:true,&quot;allowGrouping&quot;:false,&quot;allowSelectionTotalPageToShow&quot;:true,&quot;allowRefreshGrid&quot;:true,&quot;allowSelectionRow&quot;:true,&quot;batchMode&quot;:true,&quot;hideModalButtons&quot;:false,&quot;editable&quot;:&quot;inline&quot;,&quot;pathView&quot;:&quot;src/main/webapp/views/logged/componentes.view.html&quot;,&quot;modelGrid&quot;:&quot;custom&quot;,&quot;columns&quot;:[{&quot;dataType&quot;:&quot;Database&quot;,&quot;field&quot;:&quot;id&quot;,&quot;headerText&quot;:&quot;Id&quot;,&quot;type&quot;:&quot;string&quot;,&quot;sortable&quot;:false,&quot;filterable&quot;:false,&quot;visible&quot;:false,&quot;visibleCrud&quot;:true,&quot;linkParentType&quot;:&quot;screen&quot;,&quot;linkParentLoadIfEmpty&quot;:false,&quot;required&quot;:true,&quot;alignment&quot;:&quot;left&quot;,&quot;showAsImage&quot;:false,&quot;blocklyInfo&quot;:{&quot;blocklyParams&quot;:[]},&quot;inputType&quot;:&quot;default&quot;,&quot;comboboxOptions&quot;:{&quot;dataSourceScreen&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;customTemplate&quot;:false},&quot;aggregates&quot;:[],&quot;widthDevices&quot;:[]},{&quot;dataType&quot;:&quot;Database&quot;,&quot;field&quot;:&quot;nomeDoPais&quot;,&quot;headerText&quot;:&quot;Nome Do Pais&quot;,&quot;type&quot;:&quot;string&quot;,&quot;sortable&quot;:true,&quot;filterable&quot;:true,&quot;visible&quot;:true,&quot;visibleCrud&quot;:true,&quot;linkParentType&quot;:&quot;screen&quot;,&quot;linkParentLoadIfEmpty&quot;:false,&quot;required&quot;:true,&quot;alignment&quot;:&quot;left&quot;,&quot;showAsImage&quot;:false,&quot;blocklyInfo&quot;:{&quot;blocklyParams&quot;:[]},&quot;inputType&quot;:&quot;default&quot;,&quot;comboboxOptions&quot;:{&quot;dataSourceScreen&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;customTemplate&quot;:false},&quot;aggregates&quot;:[],&quot;widthDevices&quot;:[]},{&quot;dataType&quot;:&quot;Database&quot;,&quot;field&quot;:&quot;_objectKey&quot;,&quot;headerText&quot;:&quot;Object Key&quot;,&quot;type&quot;:&quot;string&quot;,&quot;sortable&quot;:false,&quot;filterable&quot;:false,&quot;visible&quot;:false,&quot;visibleCrud&quot;:false,&quot;linkParentType&quot;:&quot;screen&quot;,&quot;linkParentLoadIfEmpty&quot;:false,&quot;required&quot;:true,&quot;alignment&quot;:&quot;left&quot;,&quot;showAsImage&quot;:false,&quot;blocklyInfo&quot;:{&quot;blocklyParams&quot;:[]},&quot;inputType&quot;:&quot;default&quot;,&quot;comboboxOptions&quot;:{&quot;dataSourceScreen&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;customTemplate&quot;:false},&quot;aggregates&quot;:[],&quot;widthDevices&quot;:[]},{&quot;dataType&quot;:&quot;Command&quot;,&quot;headerText&quot;:&quot;{{ 'Action' | translate }}&quot;,&quot;sortable&quot;:false,&quot;filterable&quot;:false,&quot;visible&quot;:true,&quot;visibleCrud&quot;:false,&quot;linkParentType&quot;:&quot;screen&quot;,&quot;linkParentLoadIfEmpty&quot;:false,&quot;command&quot;:&quot;edit|destroy&quot;,&quot;required&quot;:false,&quot;showAsImage&quot;:false,&quot;blocklyInfo&quot;:{&quot;blocklyParams&quot;:[]},&quot;inputType&quot;:&quot;default&quot;,&quot;comboboxOptions&quot;:{&quot;dataSourceScreen&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;customTemplate&quot;:false},&quot;aggregates&quot;:[],&quot;widthDevices&quot;:[]}],&quot;toolBarButtons&quot;:[{&quot;type&quot;:&quot;Native&quot;,&quot;title&quot;:&quot;create&quot;,&quot;blocklyInfo&quot;:{&quot;blocklyParams&quot;:[]}},{&quot;type&quot;:&quot;Title&quot;,&quot;blocklyInfo&quot;:{&quot;blocklyParams&quot;:[]},&quot;template&quot;:&quot;<div class=\&quot;crn-grid-title\&quot;>Grade</div>&quot;}],&quot;details&quot;:[],&quot;groupings&quot;:[]}"
+                    ng-model="vars.grid7305" scrollable="false" class=""></cron-grid>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-15431">Caixa de Seleção Dinâmica</h1>
+        <div class="component-holder ng-scope" data-component="crn-enterprise-dynamic-combobox">
+            <div class="form-group" id="cron-crn-enterprise-dynamic-combobox-69363777631"><label
+                    for="cron-crn-enterprise-dynamic-combobox-69363777631">Label</label>
+                <cron-dynamic-select
+                        options="{&quot;headerTemplate&quot;:&quot;&quot;,&quot;footerTemplate&quot;:&quot;&quot;,&quot;dataSourceScreen&quot;:{&quot;name&quot;:&quot;Pais&quot;,&quot;entity&quot;:&quot;dados.Pais&quot;,&quot;entityDataSource&quot;:{&quot;id&quot;:&quot;dados.Pais&quot;,&quot;customId&quot;:&quot;Pais&quot;,&quot;name&quot;:&quot;Pais&quot;,&quot;customQueryName&quot;:&quot;dados.Pais&quot;,&quot;paramValues&quot;:[],&quot;entityFullName&quot;:&quot;dados.entity.Pais&quot;,&quot;schemaFields&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;type&quot;:&quot;entity&quot;,&quot;hasError&quot;:false},&quot;keys&quot;:&quot;_objectKey&quot;,&quot;rowsPerPage&quot;:&quot;100&quot;,&quot;schema&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;parameters&quot;:&quot;&quot;,&quot;condition&quot;:&quot;&quot;,&quot;dependentLazyPost&quot;:&quot;&quot;,&quot;lazy&quot;:&quot;true&quot;,&quot;checkrequired&quot;:&quot;&quot;,&quot;onBeforeCreate&quot;:&quot;&quot;,&quot;onAfterCreate&quot;:&quot;&quot;,&quot;onBeforeUpdate&quot;:&quot;&quot;,&quot;onAfterUpdate&quot;:&quot;&quot;,&quot;onBeforeDelete&quot;:&quot;&quot;,&quot;onAfterDelete&quot;:&quot;&quot;,&quot;onAfterFill&quot;:&quot;&quot;,&quot;dataComponent&quot;:&quot;crn-datasource&quot;,&quot;id&quot;:&quot;&quot;,&quot;oldName&quot;:&quot;&quot;},&quot;filter&quot;:&quot;startswith&quot;,&quot;dataTextField&quot;:&quot;nomeDoPais&quot;,&quot;dataValueField&quot;:&quot;_objectKey&quot;,&quot;dynamic&quot;:true,&quot;valuePrimitive&quot;:true,&quot;dropDownList&quot;:true,&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;initValue&quot;:&quot;&quot;,&quot;firstValue&quot;:false,&quot;changeCursor&quot;:true,&quot;customTemplate&quot;:false}"
+                        ng-required="false" id="cron-crn-enterprise-dynamic-combobox-69363777631"
+                        ng-model="vars.dynCombobox150160291" class="k-textbox crn-select form-control"
+                        style=""></cron-dynamic-select>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-68861">Botão</h1>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-313177">
+            <button class="btn k-button btn-block btn-default" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-default" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                   icon-theme="color-white"></i> <span
+                    class="color-white" text-theme="color-white">Button</span></button>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-68751">
+            <button class="btn k-button btn-block btn-primary" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-primary" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                   icon-theme="color-white"></i> <span
+                    class="color-white" text-theme="color-white">Button</span></button>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-32381">
+            <button class="btn k-button btn-block btn-success" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-success" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                   icon-theme="color-white"></i> <span
+                    class="color-white" text-theme="color-white">Button</span></button>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-15291">
+            <button class="btn k-button btn-block btn-info" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-info" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                icon-theme="color-white"></i> <span class="color-white"
+                                                                                                    text-theme="color-white">Button</span>
+            </button>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-76741">
+            <button class="btn k-button btn-block btn-warning" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-warning" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                   icon-theme="color-white"></i> <span
+                    class="color-white" text-theme="color-white">Button</span></button>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-22301">
+            <button class="btn k-button btn-block btn-danger" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-danger" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                  icon-theme="color-white"></i> <span
+                    class="color-white" text-theme="color-white">Button</span></button>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-27141">
+            <button class="btn k-button btn-block btn-light" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-light" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                 icon-theme="color-white"></i> <span class="color-white"
+                                                                                                     text-theme="color-white">Button</span>
+            </button>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-62631">
+            <button class="btn k-button btn-block btn-link" ng-click="" xattr-fullsize="btn-block"
+                    xattr-theme="btn-link" xattr-disabled=""><i class="glyphicon glyphicon-home color-white"
+                                                                icon-theme="color-white"></i> <span class="color-white"
+                                                                                                    text-theme="color-white">Button</span>
+            </button>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-29441">Entrada de Texto</h1>
+        <div class="component-holder ng-scope" data-component="crn-textinput" id="crn-textinput-885271">
+            <div class="form-group"><label for="input111">Label</label><input type="text" mask="" mask-placeholder=""
+                                                                              ng-required="false"
+                                                                              ng-model="vars.input111"
+                                                                              class="form-control k-textbox"
+                                                                              id="input111"
+                                                                              placeholder="Placeholder text"></div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-79331">Caixa de Checagem</h1>
+        <div class="component-holder ng-scope" data-component="crn-enterprise-checkbox"
+             id="crn-enterprise-checkbox-881130">
+            <div class="form-group checkbox-blue" checkbox-theme="checkbox-blue"><input type="checkbox"
+                                                                                        id="vars.checkbox9458"
+                                                                                        ng-model="vars.checkbox9458"
+                                                                                        class="k-checkbox"
+                                                                                        ng-initial-value="false"
+                                                                                        crn-allow-null-values="true"
+                                                                                        ng-false-value="false"
+                                                                                        ng-true-value="true"><label
+                    class="k-checkbox-label" for="vars.checkbox9458">Label</label></div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-93201">Imagem dinâmica</h1>
+        <div class="form-group component-holder" data-component="crn-dynamic-image" id="crn-dynamic-image-940709"><label
+                for="img-8002-button">Imagem</label>
+            <div id="img-8002" dynamic-image="" ng-model="vars.dynamicimage8002" class="dynamic-image-container"
+                 ng-required="false" max-file-size="5MB">{{"template.crud.clickOrDragAnImage" | translate}}
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-76901">Caixa de Seleção Fixa</h1>
+        <div class="component-holder ng-scope" data-component="crn-enterprise-combobox">
+            <div class="form-group" id="cron-crn-enterprise-combobox-174803"><label
+                    for="cron-crn-enterprise-combobox-174803" class="">Label</label>
+                <cron-select
+                        options="{&quot;headerTemplate&quot;:&quot;&quot;,&quot;template&quot;:&quot;&quot;,&quot;footerTemplate&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Selecione um item...&quot;,&quot;dataSourceScreen&quot;:{&quot;schema&quot;:[]},&quot;filter&quot;:&quot;contains&quot;,&quot;dataTextField&quot;:&quot;value&quot;,&quot;dataValueField&quot;:&quot;key&quot;,&quot;dynamic&quot;:false,&quot;valuePrimitive&quot;:true,&quot;relationDataSource&quot;:{&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[{&quot;key&quot;:&quot;1&quot;,&quot;value&quot;:&quot;Valor 1&quot;},{&quot;key&quot;:&quot;2&quot;,&quot;value&quot;:&quot;Valor 2&quot;},{&quot;key&quot;:&quot;3&quot;,&quot;value&quot;:&quot;Valor 3&quot;}],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;initValue&quot;:&quot;&quot;,&quot;firstValue&quot;:false,&quot;changeCursor&quot;:true}"
+                        ng-required="false" id="cron-crn-enterprise-combobox-174803" ng-model="vars.combobox2326"
+                        class="crn-select form-control k-textbox" style=""></cron-select>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-78421">Caixa de Seleção Múltipla</h1>
+        <div class="component-holder ng-scope" data-component="crn-enterprise-combobox-multiple"
+             id="crn-enterprise-combobox-multiple-794730">
+            <div class="form-group combobox-gray" combobox-theme="combobox-gray"><label
+                    for="cron-crn-enterprise-combobox-multiple-794730-container">Label</label>
+                <cron-multi-select
+                        options="{&quot;headerTemplate&quot;:&quot;&quot;,&quot;footerTemplate&quot;:&quot;&quot;,&quot;dataSourceScreen&quot;:{&quot;name&quot;:&quot;Pais&quot;,&quot;entity&quot;:&quot;dados.Pais&quot;,&quot;entityDataSource&quot;:{&quot;id&quot;:&quot;dados.Pais&quot;,&quot;customId&quot;:&quot;Pais&quot;,&quot;name&quot;:&quot;Pais&quot;,&quot;customQueryName&quot;:&quot;dados.Pais&quot;,&quot;paramValues&quot;:[],&quot;entityFullName&quot;:&quot;dados.entity.Pais&quot;,&quot;schemaFields&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;type&quot;:&quot;entity&quot;,&quot;hasError&quot;:false},&quot;keys&quot;:&quot;_objectKey&quot;,&quot;rowsPerPage&quot;:&quot;100&quot;,&quot;schema&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;parameters&quot;:&quot;&quot;,&quot;condition&quot;:&quot;&quot;,&quot;dependentLazyPost&quot;:&quot;&quot;,&quot;lazy&quot;:&quot;true&quot;,&quot;checkrequired&quot;:&quot;&quot;,&quot;onBeforeCreate&quot;:&quot;&quot;,&quot;onAfterCreate&quot;:&quot;&quot;,&quot;onBeforeUpdate&quot;:&quot;&quot;,&quot;onAfterUpdate&quot;:&quot;&quot;,&quot;onBeforeDelete&quot;:&quot;&quot;,&quot;onAfterDelete&quot;:&quot;&quot;,&quot;onAfterFill&quot;:&quot;&quot;,&quot;dataComponent&quot;:&quot;crn-datasource&quot;,&quot;id&quot;:&quot;&quot;,&quot;oldName&quot;:&quot;&quot;},&quot;filter&quot;:&quot;startswith&quot;,&quot;dataTextField&quot;:&quot;nomeDoPais&quot;,&quot;dataValueField&quot;:&quot;_objectKey&quot;,&quot;dynamic&quot;:true,&quot;valuePrimitive&quot;:true,&quot;dropDownList&quot;:false,&quot;multiple&quot;:true,&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;initValue&quot;:&quot;&quot;,&quot;firstValue&quot;:false,&quot;changeCursor&quot;:true,&quot;customTemplate&quot;:false,&quot;dontAllowOutsideList&quot;:true}"
+                        ng-required="false" id="cron-crn-enterprise-combobox-multiple-794730"
+                        ng-model="vars.multipleCombobox3898"
+                        class="crn-select form-control k-content"></cron-multi-select>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-73291">Texto Simples</h1><span data-component="crn-span" class="component-holder"
+                                                                  id="crn-span-683607">Text</span>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-26161">Texto Simples</h1>
+        <cron-dynamic-menu
+                options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;qxfhylqx9sh1&quot;,&quot;name&quot;:&quot;Menu 1&quot;,&quot;title&quot;:&quot;Menu 1&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;qe1juldmy0kk&quot;,&quot;name&quot;:&quot;Menu A&quot;,&quot;title&quot;:&quot;Menu A&quot;,&quot;level&quot;:2,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]},{&quot;id&quot;:&quot;1jenqtqrij8mb&quot;,&quot;name&quot;:&quot;Menu 2&quot;,&quot;title&quot;:&quot;Menu 2&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;urgv85ip8603&quot;,&quot;name&quot;:&quot;Menu B&quot;,&quot;title&quot;:&quot;Menu B&quot;,&quot;level&quot;:2,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]}]}"
+                data-component="crn-dynamic-menu" class="component-holder" id="crn-dynamic-menu-333058">Dynamic Menu
+        </cron-dynamic-menu>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-17881"><br><br>Abas</h1>
+        <div class="component-holder ng-scope" data-component="crn-tabs" id="crn-tabs-163185">
+            <div class="ctn-tab">
+                <ul class="nav nav-tabs" role="tablist">
+                    <li role="presentation" class="active"><a data-target="#tab1" role="tab" data-toggle="tab"
+                                                              data-container="true">First Tab</a></li>
+                    <li role="presentation" class=""><a data-target="#tab2" role="tab" data-toggle="tab"
+                                                        data-container="true">Second Tab</a></li>
+                </ul>
+                <div class="tab-content">
+                    <div role="tabpanel" class="tab-pane active" id="tab1">
+                        <div data-container="true" data-replace="true"></div>
+                    </div>
+                    <div role="tabpanel" class="tab-pane" id="tab2">
+                        <div data-container="true" data-replace="true"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-91261">Acordeão</h1>
+        <div class="component-holder ng-scope" data-component="crn-accordion" id="crn-accordion-619489">
+            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+                <div class="panel panel-default">
+                    <div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse"
+                         data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                        <div class="lead text-center" data-component="crn-title" xattr-position="text-center"><h1
+                                class="text-center title component-holder h3" xattr-position="h1 text-center"
+                                xattr-type="h3" data-component="crn-text-component">Ungroup and change the
+                            component</h1></div>
+                    </div>
+                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
+                         aria-labelledby="headingOne">
+                        <div class="panel-body" data-container="true">
+                            <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center"><h1
+                                    class="text-center title component-holder h3" xattr-position="h3 text-center"
+                                    xattr-type="h3" data-component="crn-text-component">Ungroup and insert
+                                component</h1></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default">
+                    <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse"
+                         data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+                        <div class="lead text-center" data-component="crn-title" xattr-position="text-center"><h1
+                                class="text-center title component-holder h3" xattr-position="h1 text-center"
+                                xattr-type="h3" data-component="crn-text-component">Ungroup and change the
+                            component</h1></div>
+                    </div>
+                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
+                        <div class="panel-body" data-container="true">
+                            <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center"><h1
+                                    class="text-center title component-holder h3" xattr-position="h3 text-center"
+                                    xattr-type="h3" data-component="crn-text-component">Ungroup and insert
+                                component</h1></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default">
+                    <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse"
+                         data-parent="#accordion" href="#collapseThree" aria-expanded="false"
+                         aria-controls="collapseThree">
+                        <div class="lead text-center" data-component="crn-title" xattr-position="text-center"><h1
+                                class="text-center title component-holder h3" xattr-position="h1 text-center"
+                                xattr-type="h3" data-component="crn-text-component">Ungroup and change the
+                            component</h1></div>
+                    </div>
+                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
+                         aria-labelledby="headingThree">
+                        <div class="panel-body" data-container="true">
+                            <div class="lead text-center" data-component="crn-subtitle" xattr-position="text-center"><h1
+                                    class="text-center title component-holder h3" xattr-position="h3 text-center"
+                                    xattr-type="h3" data-component="crn-text-component">Ungroup and insert
+                                component</h1></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-13811">Área de Texto</h1>
+        <div class="component-holder ng-scope" data-component="crn-textarea" id="crn-textarea-795638">
+            <div class="form-group"><label for="textArea8428">Label:</label><textarea id="textArea8428"
+                                                                                      ng-model="vars.textarea8428"
+                                                                                      maxlength="300"
+                                                                                      style="resize:none"
+                                                                                      resize="resize:none;"
+                                                                                      class="form-control k-textbox"
+                                                                                      rows="5"></textarea></div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-87811">Auto Completar</h1>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-87781">Auto Completar Dinâmico</h1>
+        <div class="component-holder ng-scope" data-component="crn-enterprise-dynamic-autocomplete"
+             id="crn-enterprise-dynamic-autocomplete-747145">
+            <div class="form-group" id="crn-enterprise-dynamic-autocomplete-747145"><label
+                    for="cron-crn-enterprise-dynamic-autocomplete-747145">Label</label>
+                <cron-auto-complete
+                        options="{&quot;headerTemplate&quot;:&quot;&quot;,&quot;footerTemplate&quot;:&quot;&quot;,&quot;dataSourceScreen&quot;:{&quot;name&quot;:&quot;Pais&quot;,&quot;entity&quot;:&quot;dados.Pais&quot;,&quot;entityDataSource&quot;:{&quot;id&quot;:&quot;dados.Pais&quot;,&quot;customId&quot;:&quot;Pais&quot;,&quot;name&quot;:&quot;Pais&quot;,&quot;customQueryName&quot;:&quot;dados.Pais&quot;,&quot;paramValues&quot;:[],&quot;entityFullName&quot;:&quot;dados.entity.Pais&quot;,&quot;schemaFields&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;type&quot;:&quot;entity&quot;,&quot;hasError&quot;:false},&quot;keys&quot;:&quot;_objectKey&quot;,&quot;rowsPerPage&quot;:&quot;100&quot;,&quot;schema&quot;:[{&quot;name&quot;:&quot;id&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;nomeDoPais&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:false},{&quot;name&quot;:&quot;_objectKey&quot;,&quot;type&quot;:&quot;String&quot;,&quot;nullable&quot;:false,&quot;key&quot;:true}],&quot;parameters&quot;:&quot;&quot;,&quot;condition&quot;:&quot;&quot;,&quot;dependentLazyPost&quot;:&quot;&quot;,&quot;lazy&quot;:&quot;true&quot;,&quot;checkrequired&quot;:&quot;&quot;,&quot;onBeforeCreate&quot;:&quot;&quot;,&quot;onAfterCreate&quot;:&quot;&quot;,&quot;onBeforeUpdate&quot;:&quot;&quot;,&quot;onAfterUpdate&quot;:&quot;&quot;,&quot;onBeforeDelete&quot;:&quot;&quot;,&quot;onAfterDelete&quot;:&quot;&quot;,&quot;onAfterFill&quot;:&quot;&quot;,&quot;dataComponent&quot;:&quot;crn-datasource&quot;,&quot;id&quot;:&quot;&quot;,&quot;oldName&quot;:&quot;&quot;},&quot;filter&quot;:&quot;startswith&quot;,&quot;dataTextField&quot;:&quot;nomeDoPais&quot;,&quot;dataValueField&quot;:&quot;_objectKey&quot;,&quot;dynamic&quot;:true,&quot;autoComplete&quot;:true,&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;initValue&quot;:&quot;&quot;,&quot;customTemplate&quot;:false}"
+                        ng-required="false" id="cron-crn-enterprise-dynamic-autocomplete-747145"
+                        ng-model="vars.dynAutocomplete2139" class="crn-select form-control k-textbox"
+                        style=""></cron-auto-complete>
+            </div>
+        </div>
+        <div class="component-holder ng-scope" data-component="crn-enterprise-autocomplete"
+             id="crn-enterprise-autocomplete-280204">
+            <div class="form-group"><label for="cron-crn-enterprise-autocomplete-280204">Label</label>
+                <cron-auto-complete
+                        options="{&quot;headerTemplate&quot;:&quot;&quot;,&quot;template&quot;:&quot;&quot;,&quot;footerTemplate&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Selecione um Item&quot;,&quot;dataSourceScreen&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;filter&quot;:&quot;contains&quot;,&quot;dataTextField&quot;:&quot;value&quot;,&quot;dataValueField&quot;:&quot;key&quot;,&quot;dynamic&quot;:false,&quot;valuePrimitive&quot;:true,&quot;autoComplete&quot;:true,&quot;relationDataSource&quot;:{&quot;entityDataSource&quot;:{&quot;hasError&quot;:false},&quot;schema&quot;:[]},&quot;staticDataSource&quot;:[{&quot;key&quot;:&quot;VALOR 1&quot;,&quot;value&quot;:&quot;VALOR 1&quot;},{&quot;key&quot;:&quot;VALOR 2&quot;,&quot;value&quot;:&quot;VALOR 2&quot;},{&quot;key&quot;:&quot;VALOR 3&quot;,&quot;value&quot;:&quot;VALOR 3&quot;}],&quot;filterKeyValues&quot;:{&quot;&quot;:&quot;&quot;,&quot;contains&quot;:&quot;Contendo&quot;,&quot;startswith&quot;:&quot;Iniciando com&quot;,&quot;endswith&quot;:&quot;Final com&quot;},&quot;initValue&quot;:&quot;&quot;,&quot;customTemplate&quot;:false}"
+                        ng-required="false" id="cron-crn-enterprise-autocomplete-280204" ng-model="vars.autocomplete752"
+                        class="crn-select form-control" style=""></cron-auto-complete>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-77901">Avaliação</h1>
+        <div data-component="crn-rating" class="component-holder" id="crn-rating-741881">
+            <cronapp-rating ng-model="vars.evaluation6761" icon-off="fa fa-star-o" xattr-default-value=""><i
+                    style="font-size: 200%; color: #3A3A3A" icon-theme="color: #3A3A3A;" icon-size=""
+                    class="component-holder fa fa-star"></i> <i style="font-size: 200%; color: #3A3A3A"
+                                                                icon-theme="color: #3A3A3A;" icon-size=""
+                                                                class="component-holder fa fa-star"></i> <i
+                    style="font-size: 200%; color: #3A3A3A" icon-theme="color: #3A3A3A;" icon-size=""
+                    class="component-holder fa fa-star"></i> <i style="font-size: 200%; color: #3A3A3A"
+                                                                icon-theme="color: #3A3A3A;" icon-size=""
+                                                                class="component-holder fa fa-star"></i> <i
+                    style="font-size: 200%; color: #3A3A3A" icon-theme="color: #3A3A3A;" icon-size=""
+                    class="component-holder fa fa-star"></i></cronapp-rating>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-17441">Banner</h1>
+        <div class="jumbotron component-holder" data-component="crn-jumbotron" data-replace="true"
+             id="crn-jumbotron-355150"><h1 data-component="crn-title" data-replace="true"
+                                           class="component-holder text-center" xattr-position="text-center">Title</h1>
+            <h2 data-component="crn-subtitle" data-replace="true" class="component-holder text-center"
+                xattr-position="text-center">Subtitle</h2></div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-57201">Barra de Navegação</h1>
+        <div class="component-holder ng-scope" data-component="crn-navbar" id="crn-navbar-378419">
+            <nav class="navbar navbar-default">
+                <div class="container-fluid">
+                    <div class="navbar-header">
+                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                                data-target="#navbar" aria-expanded="false" aria-controls="navbar"><span
+                                class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span
+                                class="icon-bar"></span> <span class="icon-bar"></span></button>
+                        <a class="component-holder ng-binding ng-scope navbar-brand" data-component="crn-image"
+                           href="#/home"><img alt="cronapp-logo"
+                                              src="node_modules/cronapp-framework-js/dist/img/logo.svg"
+                                              style="width:101px; margin-top:-4px" id="crn-navbar-logo"
+                                              data-component="crn-image"></a></div>
+                    <div id="navbar" class="navbar-collapse collapse">
+                        <ul class="nav navbar-nav" style="float:none">
+                            <li class="dropdown component-holder" data-component=""><a href="#/home"
+                                                                                       class="dropdown-toggle"
+                                                                                       data-toggle="dropdown"
+                                                                                       role="button"
+                                                                                       aria-haspopup="true"
+                                                                                       aria-expanded="false"><i
+                                    class="fa fa-lg fa-home"></i> <span ___content="{Home}" ______content="{Home}"
+                                                                        _________content="{{&quot;Home.view.Home&quot; | translate}}">{Home}</span></a>
+                            </li>
+                            <cron-dynamic-menu
+                                    options="{&quot;escope&quot;:&quot;WEB&quot;,&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;qxfhylqx9sh1&quot;,&quot;name&quot;:&quot;Menu 1&quot;,&quot;title&quot;:&quot;Menu 1&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;qe1juldmy0kk&quot;,&quot;name&quot;:&quot;Menu A&quot;,&quot;title&quot;:&quot;Menu A&quot;,&quot;level&quot;:2,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]},{&quot;id&quot;:&quot;1jenqtqrij8mb&quot;,&quot;name&quot;:&quot;Menu 2&quot;,&quot;title&quot;:&quot;Menu 2&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[{&quot;id&quot;:&quot;urgv85ip8603&quot;,&quot;name&quot;:&quot;Menu B&quot;,&quot;title&quot;:&quot;Menu B&quot;,&quot;level&quot;:2,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]}]}"
+                                    data-component="crn-dynamic-menu" class="component-holder"
+                                    id="crn-dynamic-menu-226965">Dynamic Menu
+                            </cron-dynamic-menu>
+                        </ul>
+                    </div>
+                </div>
+            </nav>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-5841">Cabeçalho</h1>
+        <div class="component-holder" data-component="crn-header" id="crn-header-522128"><h1
+                class="text-left title component-holder col-lg-8 col-sm-8 col-xs-8 h3 col-md-10"
+                xattr-position="h1 text-left" xattr-type="h3" data-component="crn-text-component"
+                id="crn-text-component-6417">Title</h1>
+            <div class="component-holder ng-scope col-lg-4 col-sm-4 col-xs-4 col-md-2" data-component="crn-button"
+                 id="crn-button-6417">
+                <button class="btn k-button btn-light btn-block" ng-click="" xattr-fullsize="btn-block"
+                        xattr-theme="btn-light" xattr-disabled=""><i class="glyphicon glyphicon-log-in"></i> <span>Button</span>
+                </button>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-46491">Código QR</h1>
+        <div qr="true" ng-model="vars.QR6878" data-component="crn-QRCode" class="component-holder"
+             id="crn-QRCode-259391">
+            <div class=""></div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-23401">Data</h1>
+        <div class="component-holder ng-scope" data-component="crn-datepicker" id="crn-datepicker-143915">
+            <div class="form-group"><label for="label-crn-datepicker-143915">Label</label><input type="date" mask=""
+                                                                                                 mask-placeholder=""
+                                                                                                 ng-required="false"
+                                                                                                 ng-model="vars.datecrn-datepicker-143915"
+                                                                                                 class="form-control k-textbox"
+                                                                                                 id="input-crn-datepicker-143915">
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-71881">Data e Hora</h1>
+        <div class="component-holder ng-scope" data-component="crn-datetimepicker" id="crn-datetimepicker-1044974">
+            <div class="form-group"><label for="datetime-crn-datetimepicker-1044974">Label</label><input type="datetime"
+                                                                                                         id="datetime-crn-datetimepicker-1044974"
+                                                                                                         class="form-control k-textbox"
+                                                                                                         mask=""
+                                                                                                         ng-model="vars.datetime8322"
+                                                                                                         ng-required="false">
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-3961">Editor de Texto Rico</h1>
+        <div class="component-holder ng-scope" data-component="crn-cron-rich-editor" id="crn-cron-rich-editor-422235">
+            <cron-rich-editor ng-model="vars.richEditor8702"
+                              options="{&quot;allowFullScreen&quot;:true,&quot;allowPage&quot;:true,&quot;allowPrint&quot;:true,&quot;allowTransferArea&quot;:true,&quot;allowDoUndo&quot;:true,&quot;allowSymbol&quot;:true,&quot;allowEmbeddedImage&quot;:true,&quot;allowFont&quot;:true,&quot;allowLinks&quot;:true,&quot;allowParagraph&quot;:true,&quot;allowFormulas&quot;:true,&quot;showMenuBar&quot;:true,&quot;showStatusBar&quot;:true,&quot;allowReadonly&quot;:false,&quot;contentStyle&quot;:&quot;&quot;}">
+                <img width="100%" src="node_modules/cronapp-framework-js/dist/img/cronRichEditor.png">
+            </cron-rich-editor>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-75111">Entrada de Texto com Botão</h1>
+        <div class="component-holder ng-scope" data-component="crn-textinputbutton" id="crn-textinputbutton-546233">
+            <label class="form-group" for="inputButton5267">Label</label>
+            <div class="form-inline form-group">
+                <div class="input-group"><input id="inputButton5267" type="text" mask="" mask-placeholder=""
+                                                ng-required="false" class="form-control k-textbox"
+                                                ng-model="vars.input5267" placeholder="Placeholder text"></div>
+                <button class="btn component-holder btn-success k-button" type="submit" ng-click="" xattr-size=""
+                        xattr-fullsize="" xattr-theme="btn-succes" data-component="crn-button" id="crn-button-5267"><i
+                        class=""></i><span>Button</span></button>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-9931">Entrada de Texto com Ícone</h1>
+        <div class="component-holder ng-scope" data-component="crn-textinputicon" id="crn-textinputicon-140331">
+            <div><label class="form-group" for="inputButton-7391">Label</label>
+                <div class="input-group"><span class="k-button"><i class="glyphicon glyphicon-search"
+                                                                   aria-hidden="true"></i> </span><input
+                        id="inputButton-7391" type="text" mask="" mask-placeholder="" ng-required="false"
+                        class="k-textbox" ng-model="vars.input7391" placeholder="Placeholder text"></div>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-67851">Envio de Arquivo</h1>
+        <div class="component-holder" data-component="crn-upload" id="crn-upload-235878">
+            <form action="" method="post" enctype="multipart/form-data"><label
+                    class="component-holder btn btn-primary k-button" xattr-theme="btn-primary"
+                    data-component="crn-upload-file"><i class="glyphicon glyphicon-cloud-upload"></i> <input type="file"
+                                                                                                             style="display:none"
+                                                                                                             onchange="$('#upload-file-info').html($(this).val().split('\\')[2])">
+                <span>Upload</span></label><span id="upload-file-info"></span></form>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-50851">Envio de Arquivo Dinâmico</h1>
+        <div class="component-holder ng-scope" data-component="crn-dynamic-file" id="crn-dynamic-file-942772">
+            <div class="form-group"><label for="file-6096-button">Arquivo</label>
+                <div id="file-6096" dynamic-file="" ng-model="vars.dynamicfile6096" class="dynamic-image-container"
+                     ng-required="false" max-file-size="5MB">{{"template.crud.clickOrDragAnFile" | translate}}
+                </div>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-18261">Hora
+            <div class="component-holder ng-scope" data-component="crn-timepicker" id="crn-timepicker-100380">
+                <div class="form-group"><label for="input7978">Label</label><input type="time" mask=""
+                                                                                   mask-placeholder=""
+                                                                                   ng-required="false"
+                                                                                   ng-model="vars.time7978"
+                                                                                   class="form-control k-textbox"
+                                                                                   id="input7978" placeholder="--:--">
+                </div>
+            </div>
+        </h1>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-80881">Ícone</h1>
+        <div data-component="crn-icon" class="component-holder" id="crn-icon-711425"><i class="fa fa-star" icon-size=""
+                                                                                        icon-theme=""></i></div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-7341">Imagem</h1><img alt="image"
+                                                         src="node_modules/cronapp-framework-js/img/placehold-100x100.png"
+                                                         class="crn-image component-holder" style="object-fit: contain"
+                                                         object-fit="object-fit: contain;" xattr-position=""
+                                                         width="100px" height="100px" data-component="crn-image"
+                                                         id="crn-image-637343">
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-24611">Link</h1><a href="" class="cron-link component-holder" target="_self"
+                                                      data-replace="true" data-component="crn-anchor"
+                                                      id="crn-anchor-691208">Link</a>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-51171">Lista de Opção</h1>
+        <div class="crn-radiogroup component-holder" ng-model="vars.radio6508" data-component="crn-radiogroup"
+             id="crn-radiogroup-613265">
+            <div class="k-content" data-component="crn-radioOption"><input class="k-radio" type="radio" crn-value=""
+                                                                           value="1" name="optionsRadios"
+                                                                           id="optionsRadios1crn-radiogroup-613265"
+                                                                           ng-checked=""><label class="k-radio-label"
+                                                                                                for="optionsRadios1crn-radiogroup-613265">Option
+                One</label></div>
+            <div class="k-content" data-component="crn-radioOption"><input class="k-radio" type="radio" crn-value=""
+                                                                           value="2" name="optionsRadios"
+                                                                           id="optionsRadios2crn-radiogroup-613265"
+                                                                           ng-checked=""><label class="k-radio-label"
+                                                                                                for="optionsRadios2crn-radiogroup-613265">Option
+                Two</label></div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-33911">Lista Não Ordenada</h1>
+        <div class="component-holder ng-scope" data-component="crn-unordered-list" id="crn-unordered-list-125682">
+            <ul class="list" list-type="list-style-type:disc;" style="list-style-type:disc">
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+            </ul>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-89821">Lista Ordenada</h1>
+        <div class="component-holder ng-scope" data-component="crn-ordered-list" id="crn-ordered-list-415119">
+            <ol class="list" type="1">
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+            </ol>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-90421">Lista Simples</h1>
+        <div crn-datasource="" data-component="crn-list" class="component-holder" id="crn-list-211816"
+             ng-repeat="rowData in datasource.data"><h1 class="text-center component-holder"
+                                                        xattr-position="h1 text-center" xattr-type="h1"
+                                                        id="crn-text-component-1666">Title</h1>
+            <h3 class="text-center component-holder h3" xattr-position="h3 text-center" xattr-type="h3"
+                id="crn-subtitle-component-1666">Subtitle</h3></div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-87711">Login Social</h1>
+        <div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login"
+             id="crn-social-login-430546">
+            <ul class="list-inline center-block text-center">
+                <li data-container="true">
+                    <form action="/signin/facebook" method="POST" id="facebook"><input type="hidden" name="scope"
+                                                                                       value="email,public_profile"> <a
+                            title="Facebook" role="button" onclick="document.getElementById('facebook').submit()">
+                        <div data-component="crn-icon" class="component-holder" id="crn-icon-9025"><i
+                                class="fa fa-2x fa-facebook" style="color: #3A3A3A" icon-theme="" icon-size=""></i>
+                        </div>
+                    </a></form>
+                </li>
+                <li data-container="true">
+                    <form action="/signin/github" method="POST" id="github"><input type="hidden" name="scope"
+                                                                                   value="email,public_profile"> <a
+                            title="GitHub" role="button" onclick="document.getElementById('github').submit()">
+                        <div data-component="crn-icon" class="component-holder" id="crn-icon-9025"><i
+                                class="fa fa-2x fa-github-alt" style="color: #3A3A3A" icon-theme="" icon-size=""></i>
+                        </div>
+                    </a></form>
+                </li>
+                <li data-container="true">
+                    <form action="/signin/linkedin" method="POST" id="linkedin"><input type="hidden" name="scope"
+                                                                                       value="r_emailaddress"> <a
+                            title="LinkedIn" role="button" onclick="document.getElementById('linkedin').submit()">
+                        <div data-component="crn-icon" class="component-holder" id="crn-icon-9025"><i
+                                class="fa fa-2x fa-linkedin-square" style="color: #3A3A3A" icon-theme=""
+                                icon-size=""></i></div>
+                    </a></form>
+                </li>
+                <li data-container="true">
+                    <form action="/signin/google" method="POST" id="google"><input type="hidden" name="scope"
+                                                                                   value="email"> <a title="Google"
+                                                                                                     role="button"
+                                                                                                     onclick="document.getElementById('google').submit()">
+                        <div data-component="crn-icon" class="component-holder" id="crn-icon-9025"><i
+                                class="fa fa-2x fa-google" style="color: #3A3A3A" icon-theme="" icon-size=""></i></div>
+                    </a></form>
+                </li>
+                <li data-container="true">
+                    <form action="/signin/cronapp" method="POST" id="cronapp"><input type="hidden" name="scope"
+                                                                                     value="email"> <a title="CronApp"
+                                                                                                       role="button"
+                                                                                                       onclick="document.getElementById('cronapp').submit()">
+                        <div data-component="crn-icon" class="component-holder" id="crn-icon-9025"><i
+                                class="fa fa-2x fa-cloud" style="color: #3A3A3A" icon-theme="" icon-size=""></i></div>
+                    </a></form>
+                </li>
+            </ul>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-4131">Slider</h1>
+        <div class="component-holder ng-scope" data-component="crn-slider" id="crn-slider-284992">
+            <div class="form-group"><label for="cron-3435" class="">Label</label>
+                <cron-slider
+                        options="{&quot;increaseButtonTitle&quot;:null,&quot;decreaseButtonTitle&quot;:null,&quot;min&quot;:1,&quot;max&quot;:10,&quot;smallStep&quot;:1,&quot;largeStep&quot;:1,&quot;dragHandleTitle&quot;:null}"
+                        ng-required="false" id="cron-3435" ng-model="vars.slider3435" class="crn-select form-control"
+                        style=""></cron-slider>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-54501">Sub Lista Não Ordenada</h1>
+        <div data-component="crn-unordered-sub-list" class="component-holder" id="crn-unordered-sub-list-207101">
+            <ul class="sub-list" list-type="list-style-type:disc;" style="list-style-type:disc">
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+                <li data-component="crn-list-item" data-replace="true">Item</li>
+            </ul>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-14721">Sub Lista Ordenada</h1>
+        <ol class="sub-list component-holder" type="1" data-component="crn-ordered-sub-list"
+            id="crn-ordered-sub-list-514341">
+            <li data-component="crn-list-item" data-replace="true">Item</li>
+            <li data-component="crn-list-item" data-replace="true">Item</li>
+            <li data-component="crn-list-item" data-replace="true">Item</li>
+        </ol>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-84051">Sub Lista Ordenada</h1>
+        <div class="component-holder ng-binding ng-scope" data-component="crn-table" data-replace="true"
+             id="crn-table-341160">
+            <div crn-datasource="" class="">
+                <table class="table table-hover table-bordered" data-container="true">
+                    <thead data-container="true" class="">
+                    <tr class="table-content" data-container="true" data-component="crn-head-row">
+                        <th class="" data-container="true" rowspan="" colspan="" data-component="crn-head-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </th>
+                        <th class="" data-container="true" rowspan="" colspan="" data-component="crn-head-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </th>
+                        <th class="" data-container="true" rowspan="" colspan="" data-component="crn-head-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </th>
+                    </tr>
+                    </thead>
+                    <tbody data-container="true" class="">
+                    <tr class="table-content" data-container="true" data-component="crn-row"
+                        ng-repeat="rowData in datasource.data">
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="table-content" data-container="true" data-component="crn-row">
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="table-content" data-container="true" data-component="crn-row">
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                        <td class="" data-container="true" rowspan="" colspan="" data-component="crn-cell">
+                            <div class="" data-component="crn-horizontal-container" data-container="true"
+                                 data-replace="true">Content goes here
+                            </div>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-65381">Sub Formulário</h1>
+        <div class="component-holder ng-scope" data-component="crn-sub-form" id="crn-sub-form-931610">
+            <section class="form">
+                <div crn-datasource="" data-component="crn-sub-form">
+                    <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
+                        <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.startInserting()"><span
+                                class="k-icon k-i-plus"></span></button>
+                        <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.startEditing()"><span
+                                class="k-icon k-i-edit"></span></button>
+                        <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-disabled="!datasource.hasPrevious()"
+                                ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span>
+                        </button>
+                        <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-disabled="!datasource.hasNext()"
+                                ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span>
+                        </button>
+                        <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.remove()"><span
+                                class="k-icon k-i-close"></span></button>
+                    </div>
+                    <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
+                        <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button"
+                                id="btn_crud_post41107" data-component="crn-button" ng-click="datasource.post()"><span
+                                class="k-icon k-i-check"></span></button>
+                        <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button"
+                                id="btn_crud_cancel41107" data-component="crn-button" ng-click="datasource.cancel()">
+                            <span class="k-icon k-i-cancel"></span></button>
+                    </div>
+                    <br>
+                    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
+                         id="crn-horizontal-container-2781"
+                         ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+                        <div class="col-md-12" style="padding-left: 0; padding-right: 0" data-container="true"
+                             data-replace="true">Arraste os campos do formulário aqui
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-95031">Formulário</h1>
+        <div class="component-holder ng-scope" data-component="crn-form" id="crn-form-89781">
+            <section class="form">
+                <form crn-datasource="" data-component="crn-form">
+                    <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
+                        <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.startInserting()"><span
+                                class="k-icon k-i-plus"></span></button>
+                        <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.startEditing()"><span
+                                class="k-icon k-i-edit"></span></button>
+                        <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-disabled="!datasource.hasPrevious()"
+                                ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span>
+                        </button>
+                        <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-disabled="!datasource.hasNext()"
+                                ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span>
+                        </button>
+                        <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.remove()"><span
+                                class="k-icon k-i-close"></span></button>
+                    </div>
+                    <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
+                        <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button"
+                                id="btn_crud_post_6043" data-component="crn-button" ng-click="datasource.post()"><span
+                                class="k-icon k-i-check"></span></button>
+                        <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button"
+                                id="btn_crud_cancel_6043" data-component="crn-button" ng-click="datasource.cancel()">
+                            <span class="k-icon k-i-cancel"></span></button>
+                    </div>
+                    <br>
+                    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
+                         id="crn-horizontal-container-6043"
+                         ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+                        <div class="col-md-12" style="padding-left: 0; padding-right: 0" data-container="true"
+                             data-replace="true">Arraste os campos do formulário aqui
+                        </div>
+                    </div>
+                </form>
+            </section>
+        </div>
+        <h1 class="title" xattr-position="h1 text-center" xattr-type="h1" data-component="crn-text-component"
+            id="crn-text-component-23111">Crud</h1>
+        <div class="component-holder ng-scope" data-component="crn-cron-crud" id="crn-cron-crud-175695">
+            <datasource data-component="crn-datasource" name="" entity="" keys="" rows-per-page="100"
+                        on-before-create="" on-after-create="" on-before-update="" on-after-update=""
+                        on-before-delete="" on-after-delete="" on-after-fill="" lazy="true"></datasource>
+            <h1 class="title component-holder text-left h3" xattr-position="text-left" xattr-type="h3"
+                data-component="crn-text-component" id="crn-text-component-7214">Title</h1>
+            <div class="component-holder ng-scope" data-component="crn-textinput" id="crn-textinput-7214">
+                <div class="form-group"><label for="input7214">{{"template.crud.search" | translate}}</label><input
+                        type="search" mask="" mask-placeholder="" ng-required="false" ng-model="vars.input7214"
+                        class="form-control k-textbox" id="input7214"
+                        placeholder="{{&quot;template.crud.search&quot; | translate}}"></div>
+            </div>
+            <div class="component-holder ng-scope" data-component="crn-cron-grid" id="crn-cron-grid-7214">
+                <cron-grid options="" ng-model="vars.grid7214" scrollable="false" class=""></cron-grid>
+            </div>
+            <section class="form">
+                <form crn-datasource="" data-component="crn-form">
+                    <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
+                        <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.startInserting()"><span
+                                class="k-icon k-i-plus"></span></button>
+                        <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.startEditing()"><span
+                                class="k-icon k-i-edit"></span></button>
+                        <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-disabled="!datasource.hasPrevious()"
+                                ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span>
+                        </button>
+                        <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button"
+                                data-component="crn-button" ng-disabled="!datasource.hasNext()"
+                                ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span>
+                        </button>
+                        <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button"
+                                data-component="crn-button" ng-click="datasource.remove()"><span
+                                class="k-icon k-i-close"></span></button>
+                    </div>
+                    <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
+                        <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button"
+                                id="btn_crud_post_7214" data-component="crn-button" ng-click="datasource.post()"><span
+                                class="k-icon k-i-check"></span></button>
+                        <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button"
+                                id="btn_crud_cancel_7214" data-component="crn-button" ng-click="datasource.cancel()">
+                            <span class="k-icon k-i-cancel"></span></button>
+                    </div>
+                    <br>
+                    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
+                         id="crn-horizontal-container-7214"
+                         ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+                        <div class="col-md-12" style="padding-left: 0; padding-right: 0" data-container="true"
+                             data-replace="true">Arraste os campos do formulário aqui
+                        </div>
+                    </div>
+                </form>
+            </section>
+        </div>
+    </div>
+</div>