cronapp-framework-mobile-js 2.9.2-SP.9 → 2.9.3

package/deprecated/components/reports/BOOLEAN.parameter.html

@@ -0,0 +1,10 @@
+<label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
+    <span>{{getDescription(report.parameters[$index])}}</span> 
+    <div for="_field_" class="checkbox checkbox-assertive">
+        <input aria-label="{{getDescription(report.parameters[$index])}}" type="checkbox" ng-model="report.parameters[$index].value" id="_field_" name="_field_">
+        <div class="track">
+            <div class="handle"></div>
+        </div>
+    </div>
+</label> 
+

package/deprecated/components/reports/DATE.parameter.html

@@ -0,0 +1,4 @@
+<label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
+    <span>{{getDescription(report.parameters[$index])}}</span> 
+    <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="datetime" placeholder="{{getDescription(report.parameters[$index])}}" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_"> 
+</label> 

package/deprecated/components/reports/DOUBLE.parameter.html

@@ -0,0 +1,4 @@
+<label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
+    <span>{{getDescription(report.parameters[$index])}}</span> 
+    <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="number" placeholder="0,00" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_"> 
+</label> 

package/deprecated/components/reports/FLOAT.parameter.html

@@ -0,0 +1,4 @@
+<label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
+    <span>{{getDescription(report.parameters[$index])}}</span> 
+    <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" min="1" type="number" placeholder="0,00" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_"> 
+</label> 

package/deprecated/components/reports/INTEGER.parameter.html

@@ -0,0 +1,4 @@
+<label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
+    <span>{{getDescription(report.parameters[$index])}}</span> 
+    <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="integer" placeholder="0" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_"> 
+</label> 

package/deprecated/components/reports/LONG.parameter.html

@@ -0,0 +1,5 @@
+<label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
+    <span>{{getDescription(report.parameters[$index])}}</span> 
+    <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="integer" placeholder="0" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_"> 
+</label> 
+       

package/deprecated/components/reports/STRING.parameter.html

@@ -0,0 +1,5 @@
+<label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" > 
+    <span>{{getDescription(report.parameters[$index])}}</span> 
+    <input aria-label="{{getDescription(report.parameters[$index])}}" type="text" placeholder="{{getDescription(report.parameters[$index])}}" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_"> 
+</label> 
+       

package/deprecated/components/reports/reports.parameters.html

@@ -0,0 +1,20 @@
+<ion-view role="region" cache-view="false" hide-back-button="true" class="pane">
+ <ion-header-bar align-title="center" class="bar bar-positive" data-component="crn-ion-header-bar" xattr-theme="bar-positive">
+    <div class="buttons"> <button ng-click="onCancel()" class="button button-left">{{ 'Cancel' | translate}}</button> 
+    </div> 
+    <h1 class="title">{{ 'ParamForReport' | translate }} {{report.name}}</h1>
+    <div class="buttons"> <button class="button button-right" ng-click="onPrint()" >{{ 'download' | translate}}</button> 
+    </div> 
+  </ion-header-bar>
+  <ion-content class="scroll-content has-header" data-component="crn-ion-content">
+    <div> 
+      <form> 
+        <div class="list" > 
+          <div ng-if="htmlParameters.length > 0" ng-repeat="item in htmlParameters"> 
+            <span compile ng-bind-html="item | trusted"></span> 
+          </div> 
+        </div> 
+      </form> 
+    </div> 
+  </ion-content> 
+</ion-view>

package/deprecated/components/templates/advanced.list.designtime.html

@@ -0,0 +1,33 @@
+<div class="component-holder ng-scope" data-component="crn-ion-list" id="crn-ion-list-1003183">
+    <div class="item item-input-inset">
+        <div class="item-input-wrapper"><i class="icon ion-search placeholder-icon"></i>
+            <input aria-label="Pesquisar" type="text" placeholder="Pesquisar"
+                class="ng-pristine ng-untouched ng-valid ng-empty">
+        </div>
+        <button class="button-small cron-list-button-clean button button-inline button-positive component-holder">
+            <span cron-list-button-text="">Limpar Seleção</span>
+        </button>
+    </div>
+
+    <ion-list type="" can-swipe="listCanSwipe" class="disable-user-behavior">
+        <div class="list">
+            <ion-item
+                class="item item-complex item-right-editable item-icon-right item-thumbnail-left cron-list-selected">
+                <ul class="checkbox-group component-holder cron-list-multiselect-thumbnail selected-designtime-list">
+                    <label class="checkbox">
+                        <input type="checkbox" value="on" checked="checked">
+                    </label>
+                </ul>
+                <div class="item-content">
+                    <img alt="Thumbnail" src="node_modules/cronapp-framework-mobile-js/img/user.svg">
+                    <div class="text-left ">
+                        <h2 class="ng-binding">Advanced List Title</h2>
+                        <p class="dark ng-binding">Advanced List Subtitle</p>
+                        <p class="dark ng-binding">Advanced List Subtitle</p>
+                    </div>
+                    <i class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i>
+                </div>
+            </ion-item>
+        </div>
+    </ion-list>
+</div>

package/deprecated/components/templates/advanced.list.template.html

@@ -0,0 +1 @@
+<cron-list options="" ng-model="vars.cronlist${RANDOM}" xattr-text-position="text-left"></cron-list>

package/deprecated/components/templates/anchor.template.html

@@ -0,0 +1 @@
+<a href="" class="" style="display:block;" xattr-fullsize="display:block;" data-replace="true">Link</a>

package/deprecated/components/templates/button-bar.template.html

@@ -0,0 +1,5 @@
+<div class="button-bar">  
+<button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
+<button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
+<button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
+</div>   

package/deprecated/components/templates/button-report.template.html

@@ -0,0 +1 @@
+<button type="button" class="button button-dark" ><i class="icon ion-printer"></i></button>

package/deprecated/components/templates/button.template.html

@@ -0,0 +1,4 @@
+<button class="button button-block button-positive button-medium filled" type="submit" xattr-fullsize="button-block" xattr-theme="button-positive" ng-click="" data-component="crn-button" xattr-size="button-medium" xattr-type="filled">
+    <i class="ion ion-home light" xattr-icon-theme="light"></i> 
+    <span>Button</span>
+</button>

package/deprecated/components/templates/card.template.html

@@ -0,0 +1,7 @@
+<div class="card">
+    <div class="item item-avatar item-text-wrap">
+        <img alt="Avatar" src="img/nophoto.png" class="component-holder left-block" style="" xattr-position="left-block" data-component="crn-image" id="crn-image-${RANDOM}">
+        <h2 data-component="crn-heading" class="component-holder" id="crn-heading-${RANDOM}">Card Title</h2>
+        <p xattr-position="text-left" class="text-left component-holder" data-component="crn-paragraph" id="crn-paragraph-${RANDOM}">This is a basic Card.</p>
+    </div>
+</div>

package/deprecated/components/templates/chat.template.html

@@ -0,0 +1,39 @@
+<div id="starter" ng-init="" ng-destroy=""  class="homeView" cache-view="false" ng-controller="chatController">
+<link href="node_modules/cronapp-framework-mobile-js/dist/components/css/chatStyle.css" rel="stylesheet">
+  <ion-content overflow-scroll="false" has-bouncing="true" class="has-header has-footer" delegate-handle="userMessageScroll" on-scroll="checkScroll()"> 
+    <div ng-model="vars.chatMessages"  ng-repeat="message in vars.chatMessages" class="message-wrapper" ng-init="$last &amp;&amp; refreshScroll(user.id === message.userId)" data-component="crn-item-options"> 
+      <div ng-if="vars.user !== message.from"> 
+        <img alt="Avatar" class="profile-pic left" ng-src="img/nophoto.png" src="img/nophoto.png">
+        <div class="chat-bubble left"> 
+          <div class="message-detail"> 
+            <span class="bold">{{message.from}}</span>, 
+            <span am-time-ago="message.date"></span> 
+          </div> 
+          <img alt="Message Photo" ng-click="photoBrowser(message)" ng-if="message.photo" ng-src="{{message.photo}}" ng-success="refreshScroll(scrollDown)">
+          <div ng-if="!message.photo" class="message" ng-bind-html="message.text"> 
+          </div> 
+        </div> 
+      </div> 
+      <div ng-if="vars.user === message.from"> 
+        <img alt="Avatar" class="profile-pic right" ng-src="img/user.png" src="img/user.png">
+        <div class="chat-bubble right"> 
+          <div class="message-detail"> 
+            <span class="bold">{{message.from}}</span>, 
+            <span am-time-ago="message.date"></span> 
+          </div> 
+          <img alt="Message Photo" ng-click="photoBrowser(message)" ng-if="message.photo" ng-src="{{message.photo}}" ng-success="refreshScroll($last)">
+          <div ng-if="!message.photo" class="message" ng-bind-html="message.text " autolinker=""> 
+          </div> 
+        </div> 
+      </div> 
+      <div class="cf"></div> 
+    </div> 
+  </ion-content> 
+  <ion-footer-bar class="bar-stable item-input-inset message-footer" keyboard-attach=""> 
+    <div class="item-input-wrapper"> <textarea aria-label="Aria Label Text" ng-model="vars.message" value="" placeholder="..." ng-keydown="isEnter($event)" data-component="crn-textarea"></textarea> </div>
+    <div class="footer-btn-wrap"> 
+      <button class="button button-icon icon ion-android-send footer-btn" type="submit" ng-disabled="!vars.message || vars.message === ''" ng-click="" id="sendButton" data-component="crn-button"> </button> 
+      <a ng-click="refreshScroll(true, 50)" ng-show="!scrollDown" class="scrollDownBtn button button-icon icon ion-android-arrow-dropdown-circle"></a> 
+    </div> 
+  </ion-footer-bar> 
+</div>

package/deprecated/components/templates/checkbox.template.html

@@ -0,0 +1,8 @@
+<ul class="checkbox-group">
+    <li class="item item-checkbox checkbox-stable" xattr-theme="checkbox-stable">
+        <div class="checkbox">
+            <input aria-label="Aria Label Text" type="checkbox" ng-model="vars.checkbox${RANDOM}" ng-initial-value="false" crn-allow-null-values="true">
+        </div>
+        <span>Item</span>
+    </li>
+</ul>

package/deprecated/components/templates/combobox.designtime.html

@@ -0,0 +1,12 @@
+<div class="component-holder ng-scope" data-component="crn-select" id="">
+    <div class="item item-input item-select">
+        <label class="input-label" aria-label="Select Item" id="">Select Item</label>
+        <select aria-label="Aria Label Text" id="" class="ng-pristine ng-untouched ng-valid ng-empty"
+            aria-invalid="false">
+            <option value=""></option>
+            <option data-component="crn-item-select" class="active" value="1">Value 1</option>
+            <option data-component="crn-item-select" class="" value="2">Value 2</option>
+            <option data-component="crn-item-select" class="" value="3">Value 3</option>
+        </select>
+    </div>
+</div>

package/deprecated/components/templates/combobox.template.html

@@ -0,0 +1,8 @@
+<div class="item item-input item-select">
+  <label class="input-label">Select Item</label>
+  <select aria-label="Aria Label Text" ng-model="vars.combobox${RANDOM}" id="select-${RANDOM}">
+    <option data-component="crn-item-select" class="active" value="1" ng-selected="true">Value 1</option>
+    <option data-component="crn-item-select" class="" value="2" ng-selected="">Value 2</option>
+    <option data-component="crn-item-select" class="" value="3" ng-selected="">Value 3</option>
+  </select>
+</div>

package/deprecated/components/templates/complexsearch.template.html

@@ -0,0 +1,7 @@
+<div class="list">
+	<div data-component="crn-search" class="item item-input" id="search1${RANDOM}"> <i class="icon ion-search placeholder-icon"></i><input aria-label="Aria Label Text" type="text" placeholder="Placeholder text" ng-model="vars.search1${RANDOM}" mask="" cronapp-filter="" crn-datasource="" cronapp-filter-caseinsensitive="true" cronapp-filter-autopost="false" cronapp-filter-operator=">="></div>
+	<div data-component="crn-search" class="item item-input" id="search1${RANDOM}"> <i class="icon ion-search placeholder-icon"></i><input aria-label="Aria Label Text" type="text" placeholder="Placeholder text" ng-model="vars.search2${RANDOM}" mask="" cronapp-filter="" crn-datasource="" cronapp-filter-caseinsensitive="true" cronapp-filter-autopost="false" cronapp-filter-operator="<="></div>
+	<button class="button button-dark component-holder" data-component="crn-filter-button" type="submit" cronapp-filter=""
+					cronapp-filter-caseinsensitive="true" xattr-size="" xattr-fullsize="" xattr-theme="btn-default" crn-datasource=""
+					ng-click="" id="crn-button-${RANDOM}"><i class="ion ion-home"></i> <span>{{"template.crud.search" | translate}}</span></button>
+</div>

package/deprecated/components/templates/crn-ion-segment-item.template.html

@@ -0,0 +1,6 @@
+<li role="presentation" class="active" data-component="crn-ion-segment-item">
+    <a data-target="#tab1-${RANDOM}" lass="" role="tab" data-toggle="tab" data-container="true">
+        <i class="ion ion-android-star"></i>
+        <span>New</span>
+    </a>
+</li>

package/deprecated/components/templates/crn-ion-segment.template.html

@@ -0,0 +1,27 @@
+<div class="crn-ion-segment icon-theme-light-positive crn-ion-segment-classic" theme-ion-segment="crn-ion-segment-classic" icon-theme-light="icon-theme-light-positive">
+  <ul class="nav nav-tabs font-size-200 tabs-template-full active- icon-orientation-left active--blue active- background-positive active-background-positive ion-segment-light" role="tablist" icon-size="font-size-200" tabs-template="tabs-template-full" background-color="background-positive" background-color-active="active-background-positive" icon-theme="ion-segment-light" icon-orientation="icon-orientation-left">
+    <li role="presentation" class="active">
+      <a data-target="#tab1-${RANDOM}" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
+        <i class="ion ion-android-star"></i>
+        <span>IOS</span>
+      </a>
+    </li>
+    <li role="presentation" class="">
+      <a data-target="#tab2-${RANDOM}" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
+        <i class="ion ion-android-star"></i>
+        <span>Android</span>
+      </a>
+    </li>
+  </ul>
+
+  <div class="tab-content">
+    <div role="tabpanel" class="tab-pane active" id="tab1-${RANDOM}">
+      <div data-container="true" data-replace="true">
+      </div>
+    </div>
+    <div role="tabpanel" class="tab-pane" id="tab2-${RANDOM}">
+      <div data-container="true" data-replace="true">
+      </div>
+    </div>
+  </div>
+</div>

package/deprecated/components/templates/cron-crud.template.html

@@ -0,0 +1,7 @@
+<div class="component-holder ng-binding ng-scope ui-draggable ui-draggable-handle" data-component="crn-datasource" id="crn-datasource-${RANDOM}">
+    <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=""><i class="cpn cpn-datasource"></i></datasource>
+</div>
+
+<cron-list options="" ng-model="" xattr-text-position="text-left" data-component="crn-ion-list" class="component-holder" id="crn-ion-list-${RANDOM}"></cron-list>
+
+<div class="list" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting" data-container="true" data-replace="true">Arraste os campos do formulário aqui</div>

package/deprecated/components/templates/cron-mobile-menu.designtime.html

@@ -0,0 +1,10 @@
+<ul class="nav navbar-nav" style="float:none">
+  <li ng-if="attrs.options.subMenuOptions" ng-repeat="menu in attrs.options.subMenuOptions" class="dropdown"> 
+    <a menu-close="" class="item {{menu.imagePosition != null ? 'item-icon-' + menu.imagePosition : ''}}" >
+      <i class="{{menu.iconClass != null ? menu.iconClass : ''}} {{menu.iconTheme != null ? menu.iconTheme : ''}}" style="font-size: 150%"></i> 
+      <div class="item-content {{menu.textPosition != null ? 'text-' + menu.textPosition : ''}}"> 
+        <h2 class="{{menu.contentTheme != null ? menu.contentTheme : ''}}">{{menu.name}}</h2> 
+      </div> 
+    </a> 
+  </li> 
+</ul>

package/deprecated/components/templates/div.horizontal.template.html

@@ -0,0 +1,27 @@
+<div class="row"> 
+  <div class="col"> 
+    <div class="item">
+       .col 
+    </div> 
+  </div> 
+  <div class="col"> 
+    <div class="item">
+       .col 
+    </div> 
+  </div> 
+  <div class="col"> 
+    <div class="item">
+       .col 
+    </div> 
+  </div> 
+  <div class="col"> 
+    <div class="item">
+       .col 
+    </div> 
+  </div> 
+  <div class="col"> 
+    <div class="item">
+       .col 
+    </div> 
+  </div> 
+</div>

package/deprecated/components/templates/div.vertical.template.html

@@ -0,0 +1,11 @@
+<div class="list" > 
+  <div class="item" >
+     .line 
+  </div> 
+  <div class="item" >
+     .line 
+  </div> 
+  <div class="item" >
+     .line 
+  </div> 
+</div>

package/deprecated/components/templates/dynamic-combobox.template.html

@@ -0,0 +1,6 @@
+<div class="item item-input item-select">
+	<span class="input-label">Label</span> 
+	<select aria-label="Seleção Dinâmica" ng-model="vars.combobox${RANDOM}" crn-datasource="" id="dynamic-select-${RANDOM}" name="dynamic-select-${RANDOM}">
+	    <option value="">None</option> 
+	</select> 
+</div>

package/deprecated/components/templates/dynamicfile.template.html

@@ -0,0 +1,8 @@
+<div class="item item-input item-stacked-label">
+  <label class="input-label">Label</label>
+  <div class="form-group">
+    <div dynamic-file="" alt="Dynamic file Aria Label Text"  ng-model="vars.input${RANDOM}" max-file-size="5MB" class="dynamic-image-container" ng-required="false">
+      {{"template.crud.clickToAddFile" | translate}}
+    </div>
+  </div>
+</div>

package/deprecated/components/templates/dynamicimage.designtime.html

@@ -0,0 +1,10 @@
+<div  alt="Dynamic Image Aria Label Text" ng-model="vars.input6723" max-file-size="5MB" target-width="640" target-height="480" class="dynamic-image-container ng-pristine ng-untouched ng-binding ng-empty ng-valid ng-valid-required" ng-required="false" allow-edit="false" aria-required="false" aria-invalid="false">
+    <div ngf-drop="" ngf-drag-over-class="dragover" class="dynamicImage">
+
+        <div class="btn action-button-border ng-binding" ng-if="!vars.input6723" ngf-drop="" ngf-select="" ngf-change="cronapi.internal.setFile('vars.input6723', $file)" ngf-pattern="'image/*'" ngf-max-size="5MB">Clique para adicionar uma imagem</div>
+
+        <div aria-label="Abrir a câmera" class="button button-positive buttomImage" ng-if="!vars.input6723" ng-click="cronapi.internal.startCamera('vars.input6723','60','false','640','480')" role="button" tabindex="0">
+            <span class="icon ion-ios-videocam"></span>
+        </div>
+    </div>
+</div>

package/deprecated/components/templates/dynamicimage.template.html

@@ -0,0 +1,9 @@
+<div class="item item-input item-stacked-label general-dynamic-image" quality="60">
+  <label class="input-label">Label</label>
+  <div class="form-group">
+    <div dynamic-image="" alt="Dynamic Image Aria Label Text" ng-model="vars.input${RANDOM}" max-file-size="5MB"
+      target-width="640" target-height="480" class="dynamic-image-container" ng-required="false" allow-edit="false">
+      {{"template.crud.clickToAddImage" | translate}}
+    </div>
+  </div>
+</div>

package/deprecated/components/templates/evaluation.designtime.html

@@ -0,0 +1,7 @@
+<div cronapp-stars="" class="cronapp-star component-holder ng-untouched ng-valid ng-not-empty ng-dirty ng-valid-parse">
+    <i style="font-size: 200%;" class="component-holder ion ion-android-star-outline"></i>
+    <i style="font-size: 200%;" class="component-holder ion ion-android-star-outline"></i>
+    <i style="font-size: 200%;" class="component-holder ion ion-android-star-outline"></i>
+    <i style="font-size: 200%;" class="component-holder ion ion-android-star-outline"></i>
+    <i style="font-size: 200%;" class="component-holder ion ion-android-star-outline"></i>
+</div>

package/deprecated/components/templates/evaluation.template.html

@@ -0,0 +1 @@
+<div cronapp-stars ng-model="vars.evaluation${RANDOM}"></div>

package/deprecated/components/templates/filterbutton.template.html

@@ -0,0 +1,3 @@
+<button class="button button-dark" type="submit" ng-click="">
+	<i class="ion ion-home"></i> <span>Button </span>
+</button>

package/deprecated/components/templates/floattextinput.designtime.html

@@ -0,0 +1,4 @@
+<label class="item item-input item-floating-label" data-component="crn-input-floating">
+    <span class="input-label has-input">Input Label</span>
+    <input type="text" aria-label="Aria Label Text" placeholder="Input Placeholder" class="ng-valid ng-not-empty ng-dirty ng-valid-parse ng-touched" >
+</label>

package/deprecated/components/templates/floattextinput.template.html

@@ -0,0 +1,4 @@
+<label class="item item-input item-floating-label">
+    <span class="input-label">Input Label</span>
+    <input type="text" aria-label="Aria Label Text" placeholder="Input Placeholder" ng-model="vars.input${RANDOM}" mask="" keyboard="">
+</label>

package/deprecated/components/templates/form.template.html

@@ -0,0 +1,5 @@
+<form crn-datasource="" data-component="crn-form">
+    <div class="list" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting" data-container="true" data-replace="true">
+        Arraste os campos do formulário aqui
+    </div>
+</form>

package/deprecated/components/templates/header.template.html

@@ -0,0 +1,3 @@
+<div class="bar bar-header bar-dark">
+  <h1 class="title">Header</h1>
+</div>

package/deprecated/components/templates/icontextinput.template.html

@@ -0,0 +1,4 @@
+<div class="item item-input">
+    <i class="icon ion-search placeholder-icon"></i>
+    <input aria-label="Search" type="text" placeholder="Search" ng-model="vars.input${RANDOM}" mask keyboard>
+</div>

package/deprecated/components/templates/image.template.html

@@ -0,0 +1,18 @@
+<div class="form-group upload-image-component" ngf-drop ngf-change="datasource.setImage($file, datasource.active.image)" ngf-pattern="'image/*'">
+  <label>Image Upload</label>
+  <img style="max-height: 128px; max-width: 128px;"
+       ng-if="datasource.active.image"
+       alt="Image Upload"
+       data-ng-src="{{'data:image/png;base64,' + datasource.active.image}}"
+       ngf-change="datasource.setImage($file, datasource.active, 'image')"
+       accept="image/*">
+  <img data-ng-src="{{datasource.noImageUpload}}"
+       style="max-height: 128px; max-width: 128px;"
+       ng-if="!datasource.active.image"
+       alt="Image Upload"
+       ngf-select class="btn btn-default btn-block"
+       ngf-change="datasource.setImage($file, datasource.active, 'image')" accept="image/*">
+  <div class="remove btn btn-default btn-xs btn-danger" ng-if="datasource.active.image" ng-click="datasource.active.image=null">
+    <span class="glyphicon glyphicon-remove"></span>
+  </div>
+</div>

package/deprecated/components/templates/inlinetextinput.template.html

@@ -0,0 +1,4 @@
+<div class="item item-input">
+    <span class="input-label">Label</span>
+    <input type="text" ng-model="vars.input${RANDOM}" aria-label="Aria Label Text" placeholder="input placeholder" mask keyboard>
+</div>

package/deprecated/components/templates/ion-footer-bar.template.html

@@ -0,0 +1,15 @@
+<ion-footer-bar class="bar bar-footer bar-positive" xattr-theme="bar-positive">
+    <div class="buttons" id="left-buttons">
+        <button class="button button-positive button-medium filled" xattr-fullsize="" xattr-theme="button-positive" data-component="crn-button" xattr-size="button-medium" xattr-type="filled">
+            <span>Left Button</span>
+        </button>
+    </div>
+
+    <h1 class="title" xattr-position="text-align: center;" style="text-align: center;" id="crn-heading-title">Title!</h1>
+
+    <div class="buttons" id="right-buttons">
+        <button class="button button-positive button-medium filled" xattr-fullsize="" xattr-theme="button-positive" data-component="crn-button" xattr-size="button-medium" xattr-type="filled">
+            <span>Right Button</span>
+        </button>
+    </div>
+</ion-footer-bar>

package/deprecated/components/templates/ion-header-bar.template.html

@@ -0,0 +1,13 @@
+<ion-header-bar class="crn-ion-header-bar bar bar-positive" data-component="crn-ion-header-bar" xattr-theme="bar-positive">
+  <div class="buttons buttons-left header-item" data-component="crn-header-button" id="crn-header-button-1">
+    <button class="button button-clear component-holder" menu-toggle="left">
+      <i class="ion ion-android-menu"></i>
+    </button>
+  </div>
+  <h1 class="title" align-title="text-align: center;" style="text-align: center;">Title!</h1>
+  <div class="buttons buttons-right header-item" data-component="crn-header-button" id="crn-header-button-2">
+    <button class="button button-clear component-holder" menu-toggle="right">
+      <i class="ion ion-android-menu"></i>
+    </button>
+  </div>
+</ion-header-bar>

package/deprecated/components/templates/ion-tab-item.designtime.html

@@ -0,0 +1,5 @@
+<a class="tab-item has-badge">
+  <span class="badge">{{attrs.badge}}</span>
+  <i class="icon {{attrs['icon-off']}}"></i>
+  <span class="tab-title">{{attrs.title}}</span>
+</a>

package/deprecated/components/templates/ion-tab.template.html

@@ -0,0 +1,8 @@
+<ion-tabs class="tabs-icon-bottom tabs-standard tabs-positive" data-component="crn-ion-tab" xattr-theme="tabs-positive">
+  <ion-tab title="Home" id="ion-tab-${RANDOM}-1" icon-on="ion ion-ios-home" icon-off="ion ion-ios-home" data-component="crn-ion-tab-item" href="" badge="" class="">
+  </ion-tab>
+  <ion-tab title="Chat" id="ion-tab-${RANDOM}-2" icon-on="ion ion-chatbubbles" icon-off="ion ion-chatbubbles" data-component="crn-ion-tab-item" href="" badge="">
+  </ion-tab>
+  <ion-tab title="Profile" id="ion-tab-${RANDOM}-3" icon-on="fa fa-user" icon-off="fa fa-user" data-component="crn-ion-tab-item" href="" badge="1">
+  </ion-tab>
+</ion-tabs>

package/deprecated/components/templates/item.avatar.template.html

@@ -0,0 +1,5 @@
+<a class="item item-avatar-left text-left" xattr-image-position="item-avatar-left" xattr-text-position="text-left">
+  <img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
+  <h2 class="dark" xattr-theme="dark">Item Title</h2>
+  <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
+</a>

package/deprecated/components/templates/item.icon.template.html

@@ -0,0 +1,4 @@
+<a class="item item-icon-left" xattr-icon-position="item-icon-left" xattr-text-position="text-left">
+  <i class="icon ion ion-home dark" xattr-theme="dark" xattr-icon-size="font-size:200%;" style="font-size:200%;"></i>
+  <h2 class="dark" xattr-theme="dark">Item Content</h2>
+</a>

package/deprecated/components/templates/item.options.template.html

@@ -0,0 +1,14 @@
+<div class="crn-item-options" data-item="true">
+  <ion-option-button class="button-positive button" data-component="crn-button">
+    <i class="ion ion-home"></i>
+    <span>Home</span>
+  </ion-option-button>
+  <ion-option-button class="button-assertive button"  data-component="crn-button">
+    <i class="ion ion-trash-a"></i>
+    <span>Delete</span>
+  </ion-option-button>
+  <ion-option-button class="button-positive button"  data-component="crn-button">
+    <i class="ion ion-edit"></i>
+    <span>Edit</span>
+  </ion-option-button>
+</div> vc

package/deprecated/components/templates/item.slider.template.html

@@ -0,0 +1,4 @@
+<ion-slide xattr-theme="positive-bg" id="crn-slider-item-${RANDOM}" data-component="crn-slider-item" class="positive-bg crn-slider-item" data-container="true" data-replace="true">
+    <img alt="Placehold" src="node_modules/cronapp-framework-mobile-js/img/placehold-300x200.png" class="component-holder" style="object-fit: cover;" xattr-position="" width="100%" height="100%" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-${RANDOM}">
+    <h2 class="text-center top-50" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">NEW SLIDE</h2>
+</ion-slide>

package/deprecated/components/templates/item.swipe.template.html

@@ -0,0 +1,14 @@
+<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}" data-component="crn-item-swipe">
+  <ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe">
+    <h2 class="titleItem">Item</h2>
+    <div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options">
+      <div class="crn-item-options" data-item="true">
+        <ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-positive button editButton">
+          <i class="ion ion-edit"></i><span>Edit</span>
+        </ion-option-button>
+        <ion-option-button id="crn-option-button${RANDOM}-2" data-component="crn-button"
+          class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Delete</span></ion-option-button>
+      </div>
+    </div>
+  </ion-item>
+</ion-list>

package/deprecated/components/templates/item.template.html

@@ -0,0 +1,5 @@
+<ion-item class="item dark text-left component-holder item-complex" xattr-theme="dark" xattr-text-position="text-left" data-replace="true" >
+    <div class="item-content">
+        <p>Item 1</p>
+    </div>
+</ion-item>

package/deprecated/components/templates/item.thumbnail.template.html

@@ -0,0 +1,5 @@
+<a class="item item-thumbnail-left text-left" xattr-image-position="item-thumbnail-left" href="" xattr-text-position="text-left">
+    <img alt="Thumbnail" src="https://picsum.photos/id/875/100/100"  class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
+    <h2 class="dark" xattr-theme="dark">Item Title</h2>
+    <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
+</a>

package/deprecated/components/templates/kendo-chat.designtime.html

@@ -0,0 +1,20 @@
+<div id="chat" data-role="chat" class="k-widget k-chat">
+    <div class="k-message-list k-avatars" data-role="chat" aria-live="polite">
+        <div class="k-message-list-content">
+            <div me="" class="k-message-group k-alt k-no-avatar">
+                <div class="k-message k-only">
+                    <time class="k-message-time">22:01:47</time>
+                    <div class="k-bubble">Ola, seja bem vindo ao cronchat</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="k-message-box" data-role="chat"><label class="k-hidden"
+                                                       for="inputId_80fd3281-a8fe-4b57-bd57-23dd2ccbc752">Digite aqui sua mensagem</label><input type="text" class="k-input" id="inputId_80fd3281-a8fe-4b57-bd57-23dd2ccbc752"
+                                                                                                                                                 placeholder="Type here...">
+        <button class="k-button k-flat k-button-icon k-button-send" title="Send message" aria-label="Send message">
+            <svg version="1.1" ixmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve"><path d="M0,14.3c-0.1,0.6,0.3,0.8,0.8,0.6l14.8-6.5c0.5-0.2,0.5-0.6,0-0.8L0.8,1.1C0.3,0.9-0.1,1.1,0,1.7l0.7,4.2C0.8,6.5,1.4,7,1.9,7.1l8.8,0.8c0.6,0.1,0.6,0.1,0,0.2L1.9,8.9C1.4,9,0.8,9.5,0.7,10.1L0,14.3z"></path></svg>
+        </button>
+    </div>
+    <div class="k-toolbar-box" role="toolbar" style="display:none;"></div>
+</div>