cronapp-framework-mobile-js 2.9.1-RC.26-SNAPSHOT.5 → 2.9.1

package/deprecated/components/css/multiselect-editor.css

@@ -1,119 +1,119 @@
-ui-select:not([multiple]) ui-select-match {
-    display: block;
-    height: 26px;
-    padding: 0 0 0 8px;
-    overflow: hidden;
-    position: relative;
-
-    border: 1px solid #aaa;
-    white-space: nowrap;
-    line-height: 26px;
-    color: #444;
-    text-decoration: none;
-
-    border-radius: 4px;
-
-    background-clip: padding-box;
-
-    -webkit-touch-callout: none;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-
-    background-color: #fff;
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
-    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
-    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
-    background-image: linear-gradient(top, #fff 0%, #eee 50%);
-}
-
-ui-select:not([multiple]) ui-select-match:after {
-    content: " ";
-    display: inline-block;
-    width: 18px;
-    height: 100%;
-    position: absolute;
-    right: 0;
-    top: 0;
-
-    border-left: 1px solid #aaa;
-    border-radius: 0 4px 4px 0;
-
-    background-clip: padding-box;
-
-    background: #ccc;
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwklEQVQ4T73Suw3CMBAG4P/cpoBNcBtfkxFgAsIGbMIIwAQwginitB4lFG5zyEigoDyUh4RL2/+n8/kICxctzGM5wMwewGZmJZaMMRURreYAIvKMgAZgpyIxDCB79yBN061S6jalirqud2VZ3r9NNMbkRHQeg4jIwTl3iXd/foGZjwBOQ0gz3ALiBjNHed+DXIuiyJtnnXPQg7TCnRV89OZ8iMjDOZd1VdU7iVrrdZIkNoZCCJn3vpoEjPmNwSf8DXgB3Rg//TfNQlEAAAAASUVORK5CYII=');
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 8px 8px;
-  
-}
-
-ui-select[multiple] {
-    display: block;
-    border: 1px solid #aaa;
-    cursor: text;
-    overflow: hidden;
-
-    background-color: #fff;
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
-    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
-    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
-    background-image: linear-gradient(top, #eee 1%, #fff 15%);
-    height: auto;
-}
-
-ui-select[multiple] ui-select-match {
-    display: block;
-    padding: 3px 5px 3px 5px;
-    margin: 3px 5px 3px 5px;
-    position: relative;
-
-    line-height: 13px;
-    color: #333;
-    cursor: default;
-    border: 1px solid #aaaaaa;
-    font-size: 12px;
-
-    border-radius: 3px;
-
-    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-
-    background-clip: padding-box;
-
-    -webkit-touch-callout: none;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-
-    background-color: #e4e4e4;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
-    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-}
-
-ui-select[multiple] ui-select-match::before { 
-    content: "x";
-    margin-right: 5px;
-    color: #999;
-}
-
-ui-select-choices {
-    display: block;
-    border: 1px solid #5897fb;
-    outline: none;
-    padding: 3px;
-
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-}
-
-ui-select-choices.invisible {
-  display:none;
+ui-select:not([multiple]) ui-select-match {
+    display: block;
+    height: 26px;
+    padding: 0 0 0 8px;
+    overflow: hidden;
+    position: relative;
+
+    border: 1px solid #aaa;
+    white-space: nowrap;
+    line-height: 26px;
+    color: #444;
+    text-decoration: none;
+
+    border-radius: 4px;
+
+    background-clip: padding-box;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+
+    background-color: #fff;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
+    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
+    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
+    background-image: linear-gradient(top, #fff 0%, #eee 50%);
+}
+
+ui-select:not([multiple]) ui-select-match:after {
+    content: " ";
+    display: inline-block;
+    width: 18px;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    border-left: 1px solid #aaa;
+    border-radius: 0 4px 4px 0;
+
+    background-clip: padding-box;
+
+    background: #ccc;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwklEQVQ4T73Suw3CMBAG4P/cpoBNcBtfkxFgAsIGbMIIwAQwginitB4lFG5zyEigoDyUh4RL2/+n8/kICxctzGM5wMwewGZmJZaMMRURreYAIvKMgAZgpyIxDCB79yBN061S6jalirqud2VZ3r9NNMbkRHQeg4jIwTl3iXd/foGZjwBOQ0gz3ALiBjNHed+DXIuiyJtnnXPQg7TCnRV89OZ8iMjDOZd1VdU7iVrrdZIkNoZCCJn3vpoEjPmNwSf8DXgB3Rg//TfNQlEAAAAASUVORK5CYII=');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 8px 8px;
+  
+}
+
+ui-select[multiple] {
+    display: block;
+    border: 1px solid #aaa;
+    cursor: text;
+    overflow: hidden;
+
+    background-color: #fff;
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
+    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
+    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
+    background-image: linear-gradient(top, #eee 1%, #fff 15%);
+    height: auto;
+}
+
+ui-select[multiple] ui-select-match {
+    display: block;
+    padding: 3px 5px 3px 5px;
+    margin: 3px 5px 3px 5px;
+    position: relative;
+
+    line-height: 13px;
+    color: #333;
+    cursor: default;
+    border: 1px solid #aaaaaa;
+    font-size: 12px;
+
+    border-radius: 3px;
+
+    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+
+    background-clip: padding-box;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+
+    background-color: #e4e4e4;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
+    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+}
+
+ui-select[multiple] ui-select-match::before { 
+    content: "x";
+    margin-right: 5px;
+    color: #999;
+}
+
+ui-select-choices {
+    display: block;
+    border: 1px solid #5897fb;
+    outline: none;
+    padding: 3px;
+
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+}
+
+ui-select-choices.invisible {
+  display:none;
 }

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

@@ -1,10 +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> 
-
+<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

@@ -1,4 +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 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

@@ -1,4 +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 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

@@ -1,4 +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 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

@@ -1,4 +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 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

@@ -1,5 +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> 
+<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

@@ -1,5 +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> 
+<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/templates/button-bar.template.html

@@ -1,5 +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 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/card.template.html

@@ -1,7 +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 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/checkbox.template.html

@@ -1,8 +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 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.template.html

@@ -1,8 +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 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/div.horizontal.template.html

@@ -1,27 +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 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

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

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

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

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

@@ -1,18 +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>
+<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/item.avatar.template.html

@@ -1,5 +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 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

@@ -1,4 +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 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

@@ -1,14 +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 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.thumbnail.template.html

@@ -1,5 +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 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/list.swipe.template.html

@@ -1,16 +1,16 @@
-<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}">
-  <div ng-repeat="rowData in datasource.data" class="to-repeat">
-    <ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe">
-      <h2 style="display: inline;">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>
-  </div>
+<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}">
+  <div ng-repeat="rowData in datasource.data" class="to-repeat">
+    <ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe">
+      <h2 style="display: inline;">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>
+  </div>
 </ion-list>

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

@@ -1,5 +1,5 @@
-<div class="list">
-  <div crn-datasource=""  ng-repeat="rowData in datasource.data">
-    <ion-item data-component="crn-list-item" class="item dark text-left item-content" xattr-theme="dark" xattr-text-position="text-left">Content</ion-item>
-  </div>
+<div class="list">
+  <div crn-datasource=""  ng-repeat="rowData in datasource.data">
+    <ion-item data-component="crn-list-item" class="item dark text-left item-content" xattr-theme="dark" xattr-text-position="text-left">Content</ion-item>
+  </div>
 </div>