cronapp-framework-js 2.9.1-SNAPSHOT.1 → 2.9.1-SP.3

package/components/templates/Component_Container/crn-eight-four-container.template.html

@@ -1,4 +1,14 @@
-<div class="eight-twelve-container">
-    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">2 Column</div>    
-</div>
+<div
+  class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>

package/components/templates/Component_Container/crn-four-eight-container.template.html

@@ -1,4 +1,14 @@
-<div class="four-twelve-container">
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" data-container="true" data-replace="true">2 Column</div>
-</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>

package/components/templates/Component_Container/crn-one-container.template.html

@@ -1 +1,7 @@
-<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-container="true" data-replace="true">1 Column</div>
+<div
+  class="col col-lg-12 col-md-12 col-sm-12 col-xs-12"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>

package/components/templates/Component_Container/crn-three-container.template.html

@@ -1,5 +1,21 @@
-<div class="three-container">
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">2 Column</div>
-    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" data-container="true" data-replace="true">3 Column</div>
-</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>
+<div
+  class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
+  data-container="true"
+  data-replace="false"
+>
+  3 Column
+</div>

package/components/templates/Component_Container/crn-three-six-three-container.template.html

@@ -1,5 +1,21 @@
-<div class="trhee-twelve-container">
-    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">2 Column</div>
-    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" data-container="true" data-replace="true">3 Column</div>
-</div>
+<div
+  class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>
+<div
+  class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
+  data-container="true"
+  data-replace="false"
+>
+  3 Column
+</div>

package/components/templates/Component_Container/crn-two-container.template.html

@@ -1,4 +1,14 @@
-<div class="two-container">
-    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">1 Column</div>
-    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" data-container="true" data-replace="true">2 Column</div>
-</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="false"
+>
+  1 Column
+</div>
+<div
+  class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
+  data-container="true"
+  data-replace="false"
+>
+  2 Column
+</div>

package/components/templates/accordion.template.html

@@ -1,6 +1,6 @@
-<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+<div class="panel-group" id="accordion-${RANDOM}" 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-${RANDOM}" aria-expanded="true" aria-controls="collapseOne-${RANDOM}">
+        <div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseOne-${RANDOM}" aria-expanded="true" aria-controls="collapseOne-${RANDOM}">
             <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>
@@ -14,7 +14,7 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo-${RANDOM}" aria-expanded="false" aria-controls="collapseTwo-${RANDOM}">
+        <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseTwo-${RANDOM}" aria-expanded="false" aria-controls="collapseTwo-${RANDOM}">
             <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>
@@ -28,7 +28,7 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion" href="#collapseThree-${RANDOM}" aria-expanded="false" aria-controls="collapseThree-${RANDOM}">
+        <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion-${RANDOM}" href="#collapseThree-${RANDOM}" aria-expanded="false" aria-controls="collapseThree-${RANDOM}">
             <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>

package/components/templates/anchor.template.html

@@ -1 +1 @@
-<a href="" class="cron-link" target="_self" data-replace="true">Link</a>
+<a href="" class="cron-link color-default" target="_self" data-replace="true" link-theme="color-default">Link</a>

package/components/templates/button.template.html

@@ -1,4 +1,4 @@
 <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>
+    <i class="glyphicon glyphicon-home" icon-theme=""></i>
+    <span class="" text-theme="">Button</span>
 </button>

package/components/templates/crn-signature-pad.designtime.html

@@ -1,8 +1,5 @@
-<div class="crn-signature-pad">
-  <div id="signaturepad" class="wrapper">
-    <canvas id="crn-signature-pad" class="signature-pad" width="100%" height="100px"></canvas>
-  </div>
-  <div>
-    <button id="clear">{{'clear'|translate}}</button>
+<div class="crn-signature-pad" style="background-color: rgb(241, 238, 238); height: 100%; min-height: 200px;">
+  <div class="component-holder ng-scope  col-md-2" style="bottom: 0; position: absolute;" data-component="crn-button"> 
+    <button class="btn k-button btn-warning" ng-click="" xattr-fullsize="" xattr-theme="btn-warning" xattr-disabled=""><i class="glyphicon glyphicon-erase" icon-theme=""></i> <span class="" text-theme="">{{'clear'|translate}}</span></button> 
   </div>
 </div>

package/components/templates/cron-calendar.designtime.html

@@ -1,172 +1,77 @@
-<div class="ng-pristine ng-untouched ng-valid k-widget k-calendar ng-empty" data-role="calendar">
-        <div class="k-header">
-                <a href="#" role="button" class="k-link k-nav-prev" aria-label="Previous" aria-disabled="false">
-                        <span class="k-icon k-i-arrow-60-left"></span></a>
-                <a href="#" role="button" aria-live="assertive" aria-atomic="true" class="k-link k-nav-fast"
-                        aria-disabled="false">maio 2021</a>
-                <a href="#" role="button" class="k-link k-nav-next" aria-label="Next" aria-disabled="false">
-                        <span class="k-icon k-i-arrow-60-right"></span>
-                </a>
-        </div>
+<div class="component-holder ng-scope" data-component="crn-cron-calendar">
+    <cron-calendar data-role="calendar">
+        <div class="k-header"><a href="#" role="button" class="k-link k-nav-prev" aria-label="Previous" aria-disabled="false"><span class="k-icon k-i-arrow-60-left"></span></a><a href="#" role="button" aria-live="assertive" aria-atomic="true" class="k-link k-nav-fast" aria-disabled="false">August 2022</a><a href="#" role="button" class="k-link k-nav-next" aria-label="Next" aria-disabled="false"><span class="k-icon k-i-arrow-60-right"></span></a></div>
         <div class="k-calendar-view">
-                <table tabindex="0" role="grid" class="k-content k-month" cellspacing="0" data-start="2021/3/25">
-                        <thead>
-                                <tr role="row">
-                                        <th scope="col" title="domingo">D</th>
-                                        <th scope="col" title="segunda-feira">S</th>
-                                        <th scope="col" title="terça-feira">T</th>
-                                        <th scope="col" title="quarta-feira">Q</th>
-                                        <th scope="col" title="quinta-feira">Q</th>
-                                        <th scope="col" title="sexta-feira">S</th>
-                                        <th scope="col" title="sábado">S</th>
-                                </tr>
-                        </thead>
-                        <tbody>
-                                <tr role="row" style="
-            /* height: 32px; */
-        ">
-                                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1"
-                                                        class="k-link" href="#" data-value="2021/3/25"
-                                                        title="domingo, 25 de abril de 2021">25</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/26"
-                                                        title="segunda-feira, 26 de abril de 2021">26</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/27"
-                                                        title="terça-feira, 27 de abril de 2021">27</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/28"
-                                                        title="quarta-feira, 28 de abril de 2021">28</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/29"
-                                                        title="quinta-feira, 29 de abril de 2021">29</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/3/30"
-                                                        title="sexta-feira, 30 de abril de 2021">30</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/1" title="sábado, 1 de maio de 2021">1</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/2" title="domingo, 2 de maio de 2021">2</a>
-                                        </td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/3"
-                                                        title="segunda-feira, 3 de maio de 2021">3</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/4"
-                                                        title="terça-feira, 4 de maio de 2021">4</a></td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/5"
-                                                        title="quarta-feira, 5 de maio de 2021">5</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/6"
-                                                        title="quinta-feira, 6 de maio de 2021">6</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/7"
-                                                        title="sexta-feira, 7 de maio de 2021">7</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/8" title="sábado, 8 de maio de 2021">8</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/9" title="domingo, 9 de maio de 2021">9</a>
-                                        </td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/10"
-                                                        title="segunda-feira, 10 de maio de 2021">10</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/11"
-                                                        title="terça-feira, 11 de maio de 2021">11</a></td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/12"
-                                                        title="quarta-feira, 12 de maio de 2021">12</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/13"
-                                                        title="quinta-feira, 13 de maio de 2021">13</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/14"
-                                                        title="sexta-feira, 14 de maio de 2021">14</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/15" title="sábado, 15 de maio de 2021">15</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/16"
-                                                        title="domingo, 16 de maio de 2021">16</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/17"
-                                                        title="segunda-feira, 17 de maio de 2021">17</a></td>
-                                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/18"
-                                                        title="terça-feira, 18 de maio de 2021">18</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/19"
-                                                        title="quarta-feira, 19 de maio de 2021">19</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/20"
-                                                        title="quinta-feira, 20 de maio de 2021">20</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/21"
-                                                        title="sexta-feira, 21 de maio de 2021">21</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/22" title="sábado, 22 de maio de 2021">22</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/23"
-                                                        title="domingo, 23 de maio de 2021">23</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/24"
-                                                        title="segunda-feira, 24 de maio de 2021">24</a></td>
-                                        <td class="k-today k-state-selected" role="gridcell" aria-selected="true"><a
-                                                        tabindex="-1" class="k-link" href="#" data-value="2021/4/25"
-                                                        title="terça-feira, 25 de maio de 2021">25</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/26"
-                                                        title="quarta-feira, 26 de maio de 2021">26</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/27"
-                                                        title="quinta-feira, 27 de maio de 2021">27</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/28"
-                                                        title="sexta-feira, 28 de maio de 2021">28</a></td>
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/29" title="sábado, 29 de maio de 2021">29</a>
-                                        </td>
-                                </tr>
-                                <tr role="row">
-                                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/30"
-                                                        title="domingo, 30 de maio de 2021">30</a></td>
-                                        <td role="gridcell" class=""><a tabindex="-1" class="k-link" href="#"
-                                                        data-value="2021/4/31"
-                                                        title="segunda-feira, 31 de maio de 2021">31</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/1"
-                                                        title="terça-feira, 1 de junho de 2021">1</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/2"
-                                                        title="quarta-feira, 2 de junho de 2021">2</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/3"
-                                                        title="quinta-feira, 3 de junho de 2021">3</a></td>
-                                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link"
-                                                        href="#" data-value="2021/5/4"
-                                                        title="sexta-feira, 4 de junho de 2021">4</a></td>
-                                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1"
-                                                        class="k-link" href="#" data-value="2021/5/5"
-                                                        title="sábado, 5 de junho de 2021">5</a></td>
-                                </tr>
-                        </tbody>
-                </table>
-        </div>
-        <div class="k-footer">
-                <a href="#" class="k-link k-nav-today" title="terça-feira, 25 de maio de 2021">terça-feira, 25 de maio
-                        de 2021</a>
+            <table tabindex="0" role="grid" class="k-content k-month" cellspacing="0" data-start="2022/6/31">
+                <thead>
+                    <tr role="row">
+                        <th scope="col" title="Sunday">Su</th>
+                        <th scope="col" title="Monday">Mo</th>
+                        <th scope="col" title="Tuesday">Tu</th>
+                        <th scope="col" title="Wednesday">We</th>
+                        <th scope="col" title="Thursday">Th</th>
+                        <th scope="col" title="Friday">Fr</th>
+                        <th scope="col" title="Saturday">Sa</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr role="row">
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/6/31" title="Sunday, July 31, 2022">31</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/1" title="Monday, August 01, 2022">1</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/2" title="Tuesday, August 02, 2022">2</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/3" title="Wednesday, August 03, 2022">3</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/4" title="Thursday, August 04, 2022">4</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/5" title="Friday, August 05, 2022">5</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/6" title="Saturday, August 06, 2022">6</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/7" title="Sunday, August 07, 2022">7</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/8" title="Monday, August 08, 2022">8</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/9" title="Tuesday, August 09, 2022">9</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/10" title="Wednesday, August 10, 2022">10</a></td>
+                        <td class="k-today k-state-selected" role="gridcell" aria-selected="true"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/11" title="Thursday, August 11, 2022">11</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/12" title="Friday, August 12, 2022">12</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/13" title="Saturday, August 13, 2022">13</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/14" title="Sunday, August 14, 2022">14</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/15" title="Monday, August 15, 2022">15</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/16" title="Tuesday, August 16, 2022">16</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/17" title="Wednesday, August 17, 2022">17</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/18" title="Thursday, August 18, 2022">18</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/19" title="Friday, August 19, 2022">19</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/20" title="Saturday, August 20, 2022">20</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/21" title="Sunday, August 21, 2022">21</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/22" title="Monday, August 22, 2022">22</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/23" title="Tuesday, August 23, 2022">23</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/24" title="Wednesday, August 24, 2022">24</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/25" title="Thursday, August 25, 2022">25</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/26" title="Friday, August 26, 2022">26</a></td>
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/27" title="Saturday, August 27, 2022">27</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/28" title="Sunday, August 28, 2022">28</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/29" title="Monday, August 29, 2022">29</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/30" title="Tuesday, August 30, 2022">30</a></td>
+                        <td role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/7/31" title="Wednesday, August 31, 2022">31</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/1" title="Thursday, September 01, 2022">1</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/2" title="Friday, September 02, 2022">2</a></td>
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/3" title="Saturday, September 03, 2022">3</a></td>
+                    </tr>
+                    <tr role="row">
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/4" title="Sunday, September 04, 2022">4</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/5" title="Monday, September 05, 2022">5</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/6" title="Tuesday, September 06, 2022">6</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/7" title="Wednesday, September 07, 2022">7</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/8" title="Thursday, September 08, 2022">8</a></td>
+                        <td class="k-other-month" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/9" title="Friday, September 09, 2022">9</a></td>
+                        <td class="k-other-month k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-value="2022/8/10" title="Saturday, September 10, 2022">10</a></td>
+                    </tr>
+                </tbody>
+            </table>
         </div>
+        <div class="k-footer"><a href="#" class="k-link k-nav-today" title="Thursday, August 11, 2022">Thursday, August 11, 2022</a></div>
+    </cron-calendar>
 </div>

package/components/templates/cron-checkbox.template.html

@@ -1,4 +1,4 @@
-<div class="form-group checkbox-theme" checkbox-theme="checkbox-theme">
+<div class="form-group checkbox-default" checkbox-theme="checkbox-default">
   <input type="checkbox" id="checkbox${RANDOM}" ng-model="vars.checkbox${RANDOM}" 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="checkbox${RANDOM}">Label</label>
 </div>

package/components/templates/cron-combobox-multiple.designtime.html

@@ -1,10 +1,12 @@
-<div class="k-multiselect-wrap k-floatwrap" unselectable="on">
-    <ul class="k-reset" id="cron-crn-enterprise-combobox-multiple-863497_taglist">
-        <li class="k-button" unselectable="on">
-            <span unselectable="on">admin@cronapp.io</span>
-            <span unselectable="on" aria-label="delete" class="k-select">
-                <span class="k-icon k-i-close"></span>
-            </span>
-        </li>
-    </ul>
+<div class="k-widget k-multiselect cronMultiSelect k-multiselect-clearable combobox-default" combobox-theme="combobox-default">
+    <div class="k-multiselect-wrap k-floatwrap" unselectable="on">
+        <ul class="k-reset" id="cron-crn-enterprise-combobox-multiple-863497_taglist">
+            <li class="k-button" unselectable="on">
+                <span unselectable="on">admin@cronapp.io</span>
+                <span unselectable="on" aria-label="delete" class="k-select">
+                    <span class="k-icon k-i-close"></span>
+                </span>
+            </li>
+        </ul>
+    </div>
 </div>

package/components/templates/cron-combobox-multiple.template.html

@@ -1,4 +1,4 @@
-<div class="form-group combobox-theme" combobox-theme="combobox-theme">
+<div class="form-group combobox-default" combobox-theme="combobox-default">
     <label for="cron-${COMPONENTID}-container">Label</label>
     <cron-multi-select options="{}" ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.multipleCombobox${RANDOM}" class="crn-select form-control k-content">
     </cron-multi-select>

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

@@ -18,39 +18,39 @@
         <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startInserting">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startInserting()" aria-label="{{'StartInserting' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-plus color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-plus" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startEditing">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startEditing()" aria-label="{{'startEditing' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-pencil color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-pencil" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-previous">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.previous()" ng-disabled="!datasource.hasPrevious()" aria-label="{{'Before' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-chevron-left color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-chevron-left" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-next">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.next()" ng-disabled="!datasource.hasNext()" aria-label="{{'Next' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-chevron-right color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-chevron-right" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-remove">
                 <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.remove()" aria-label="{{'Remove' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
-                    <i class="glyphicon glyphicon-remove color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-remove" icon-theme=""></i>
                 </button>
             </div>
         </div>
         <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
             <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_post_${RANDOM}">
                 <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.post()" aria-label="{{'SaveChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
-                    <i class="glyphicon glyphicon-ok color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon glyphicon-ok" icon-theme=""></i>
                 </button>
             </div>
             <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_cancel_${RANDOM}">
                 <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.cancel()" aria-label="{{'CancelChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
-                    <i class="glyphicon  glyphicon-ban-circle color-white" icon-theme="color-white"></i>
+                    <i class="glyphicon  glyphicon-ban-circle" icon-theme=""></i>
                 </button>
             </div>
         </div>

package/components/templates/cron-dynamic-menu.designtime.html

@@ -2,6 +2,8 @@
   <li ng-if="attrs.options.subMenuOptions" ng-repeat="menu in attrs.options.subMenuOptions"
     class="dropdown crn-menu-item">
     <a class="dropdown-toggle" data-toggle="dropdown">
-      <span>{{menu.name}}</span> <span class="caret"></span> </a>
+      <i class="{{menu.iconClass}}"></i>
+      <span>{{menu.name}}</span> <span class="caret"></span>
+    </a>
   </li>
 </ul>

package/components/templates/cron-dynamic-menu.template.html

@@ -1,3 +1,4 @@
-<div class="">
-    <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;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;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;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;menuItems&quot;:[]}]}]}">Dynamic Menu</cron-dynamic-menu>
-</div>
+<cron-dynamic-menu
+  options='{"subMenuOptions":[{"id":"qxfhylqx9sh1","name":"Menu 1","title":"Menu 1","level":1,"menuItems":[{"id":"qe1juldmy0kk","name":"Menu A","title":"Menu A","level":2,"menuItems":[]}]},{"id":"1jenqtqrij8mb","name":"Menu 2","title":"Menu 2","level":1,"menuItems":[{"id":"urgv85ip8603","name":"Menu B","title":"Menu B","level":2,"menuItems":[]}]}]}'
+  >Dynamic Menu</cron-dynamic-menu
+>

package/components/templates/cron-frame.template.html

@@ -1,2 +1,2 @@
-<cron-frame ng-model="vars.cronFrame${RANDOM}" origin="" type="include" class="cronframe">
+<cron-frame origin="" type="include"">
 </cron-frame>