cronapp-framework-js 2.8.24 → 2.8.28

package/components/templates/form.template.html

@@ -1,54 +1,31 @@
 <section class="form">
   <form crn-datasource="" data-component="crn-form">
     <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
-      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-        <button aria-label="{{'StartInserting' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startInserting()" xattr-theme="btn-default" xattr-fullsize="">
-          <span class="k-icon k-i-plus color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-        </button>
-      </div>
-
-      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-        <button aria-label="{{'StartEditing' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startEditing()" xattr-theme="btn-default" xattr-fullsize="">
-          <span class="k-icon k-i-edit color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-        </button>
-      </div>
-
-      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-84681">
-        <button aria-label="{{'Before' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()" xattr-theme="btn-default" xattr-fullsize="">
-          <span class="k-icon k-i-arrow-chevron-left color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-        </button>
-      </div>
-
-      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-        <button aria-label="{{'Next' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()" xattr-theme="btn-default" xattr-fullsize="">
-          <span class="k-icon k-i-arrow-chevron-right color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-        </button>
-      </div>
-
-      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-        <button aria-label="{{'Remove' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.remove()" xattr-theme="btn-danger" xattr-fullsize="">
-          <span class="k-icon k-i-close color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-        </button>
-      </div>
-
+      <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button"
+        data-component="crn-button" ng-click="datasource.startInserting()"><span
+          class="k-icon k-i-plus"></span></button>
+      <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button"
+        data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button>
+      <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button"
+        ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span
+          class="k-icon k-i-arrow-chevron-left"></span></button>
+      <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button"
+        ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span
+          class="k-icon k-i-arrow-chevron-right"></span></button>
+      <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button"
+        ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button>
     </div>
     <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
-
-      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-        <button aria-label="{{'SaveChanges' | translate}}" class="btn k-button btn-fab btn-success" ng-disabled="!datasource.hasNext()" ng-click="datasource.post()" xattr-theme="btn-success" id="btn_crud_post_8499" xattr-fullsize="">
-          <span class="k-icon k-i-check color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-        </button>
-      </div>
-
-      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-        <button aria-label="{{'CancelChanges' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.cancel()" xattr-theme="btn-danger" id="btn_crud_cancel_8499" xattr-fullsize="">
-          <span class="k-icon k-i-cancel color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-        </button>
-      </div>
-
+      <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button"
+        id="btn_crud_post_${RANDOM}" data-component="crn-button" ng-click="datasource.post()"><span
+          class="k-icon k-i-check"></span></button>
+      <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button"
+        id="btn_crud_cancel_${RANDOM}" data-component="crn-button" ng-click="datasource.cancel()"><span
+          class="k-icon k-i-cancel"></span></button>
     </div>
     <br>
-    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
+      id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
       <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
         Arraste os campos do formulário aqui</div>
     </div>

package/components/templates/icon.template.html

@@ -1 +1 @@
-<i class="fa fa-star font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
+<div><i class="fa fa-star" icon-size="" icon-theme=""></i></div>

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

@@ -1 +1,2 @@
-<img alt="image" src="node_modules/cronapp-framework-js/img/placehold-100x100.png" class="crn-image object-fit-contain" object-fit="object-fit-contain" xattr-position="" width="100px" height="100px" />
+<img alt="image" src="node_modules/cronapp-framework-js/img/placehold-100x100.png" class="crn-image"
+    style="object-fit: contain;"  object-fit="object-fit: contain;" xattr-position="" width="100px" height="100px" />

package/components/templates/navbar.template.html

@@ -6,11 +6,11 @@
     </div>  
     <div id="navbar" class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav" style="float:none">
-        <li class="dropdown component-holder" data-component=""> <a href="#/home" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-lg fa-home"></i> <span ___content="{Home}" _________content="{{&quot;Home.view.Home&quot; | translate}}">{Home}</span> </a> </li> 
-        <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;:[]}]}]}" data-component="crn-dynamic-menu" class="component-holder" id="crn-dynamic-menu-226965">
-          Dynamic Menu
-        </cron-dynamic-menu>
+        <div class="component-holder ng-scope col-md-10" data-component="crn-dynamic-menu" id="crn-dynamic-menu">
+          <cron-dynamic-menu options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;1iut7rlrhfnzs&quot;,&quot;name&quot;:&quot;Home&quot;,&quot;title&quot;:&quot;{{\&quot;Home.view.Home\&quot; | translate}}&quot;,&quot;action&quot;:&quot;cronapi.screen.changeView('#/public/home', [])&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]}" data-component="crn-dynamic-menu" class="component-holder" id="crn-dynamic-menu-226965"> Dynamic Menu
+          </cron-dynamic-menu>
+        </div>
       </ul>
     </div>
   </div>
-</nav>
+</nav>

package/components/templates/rating.template.html

@@ -1,9 +1,9 @@
-<div class="component-holder ng-scope" data-component="crn-rating" id="crn-rating-${RANDON}">
+<div>
     <cronapp-rating ng-model="vars.evaluation${RANDOM}" icon-off="fa fa-star-o" xattr-default-value="">
-        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
-        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
-        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
-        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
-        <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i>
+        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
+        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
+        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
+        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
+        <i style="font-size: 200%;" icon-theme="color: #3A3A3A;"  icon-size="" class="component-holder fa fa-star"></i>
     </cronapp-rating>
 </div>

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

@@ -1,11 +1,12 @@
-<div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login" id="crn-social-login${RANDOM}">
+<div class="component-holder ng-binding ng-scope col-xs-12 col-md-12" data-component="crn-social-login"
+  id="crn-social-login${RANDOM}">
   <ul class="list-inline center-block text-center">
     <li data-container="true">
       <form action="/signin/facebook" method="POST" id="facebook">
         <input type="hidden" name="scope" value="email,public_profile">
         <a title="Facebook" role="button" onclick="document.getElementById('facebook').submit();">
-          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-facebook font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
+          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-facebook" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
           </div>
         </a>
       </form>
@@ -14,8 +15,8 @@
       <form action="/signin/github" method="POST" id="github">
         <input type="hidden" name="scope" value="email,public_profile">
         <a title="GitHub" role="button" onclick="document.getElementById('github').submit();">
-          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-github-alt font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
+          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-github-alt" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
           </div>
         </a>
       </form>
@@ -24,8 +25,8 @@
       <form action="/signin/linkedin" method="POST" id="linkedin">
         <input type="hidden" name="scope" value="r_emailaddress">
         <a title="LinkedIn" role="button" onclick="document.getElementById('linkedin').submit();">
-          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-linkedin-square font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
+          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-linkedin-square" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
           </div>
         </a>
       </form>
@@ -34,8 +35,8 @@
       <form action="/signin/google" method="POST" id="google">
         <input type="hidden" name="scope" value="email">
         <a title="Google" role="button" onclick="document.getElementById('google').submit();">
-          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-google font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
+          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-google" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
           </div>
         </a>
       </form>
@@ -44,8 +45,8 @@
       <form action="/signin/cronapp" method="POST" id="cronapp">
         <input type="hidden" name="scope" value="email">
         <a title="CronApp" role="button" onclick="document.getElementById('cronapp').submit();">
-          <div class="component-holder ng-scope" data-component="crn-icon" id="crn-icon-${RANDOM}">
-            <i class="fa fa-2x fa-cloud font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
+          <div data-component="crn-icon" class="component-holder" id="crn-icon-${RANDOM}">
+            <i class="fa fa-2x fa-cloud" style="color: #3A3A3A;" icon-theme="" icon-theme="" icon-size=""></i>
           </div>
         </a>
       </form>

package/components/templates/sub-form.template.html

@@ -1,54 +1,21 @@
 <section class="form">
     <div crn-datasource="" data-component="crn-sub-form">
         <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
-            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-                <button aria-label="{{'StartInserting' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startInserting()" xattr-theme="btn-default" xattr-fullsize="">
-                    <span class="k-icon k-i-plus color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-                </button>
-            </div>
-
-            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-                <button aria-label="{{'StartEditing' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startEditing()" xattr-theme="btn-default" xattr-fullsize="">
-                    <span class="k-icon k-i-edit color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-                </button>
-            </div>
-
-            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-84681">
-                <button aria-label="{{'Before' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()" xattr-theme="btn-default" xattr-fullsize="">
-                    <span class="k-icon k-i-arrow-chevron-left color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-                </button>
-            </div>
-
-            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-                <button aria-label="{{'Next' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()" xattr-theme="btn-default" xattr-fullsize="">
-                    <span class="k-icon k-i-arrow-chevron-right color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-                </button>
-            </div>
-
-            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-                <button aria-label="{{'Remove' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.remove()" xattr-theme="btn-danger" xattr-fullsize="">
-                    <span class="k-icon k-i-close color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-                </button>
-            </div>
+            <button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startInserting()"><span class="k-icon k-i-plus"></span></button>
+            <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button>
+            <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span></button>
+            <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span></button>
+            <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button" ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button>
         </div>
         <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
-            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-                <button aria-label="{{'SaveChanges' | translate}}" class="btn k-button btn-fab btn-success" ng-disabled="!datasource.hasNext()" ng-click="datasource.post()" xattr-theme="btn-success" id="btn_crud_post_8499" xattr-fullsize="">
-                    <span class="k-icon k-i-check color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-                </button>
-            </div>
-
-            <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499">
-                <button aria-label="{{'CancelChanges' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.cancel()" xattr-theme="btn-danger" id="btn_crud_cancel_8499" xattr-fullsize="">
-                    <span class="k-icon k-i-cancel color-theme" icon-theme="color-theme" text-theme="color-theme"></span>
-                </button>
-            </div>
-
+            <button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button" id="btn_crud_post41107" data-component="crn-button" ng-click="datasource.post()"><span class="k-icon k-i-check"></span></button>
+            <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button" id="btn_crud_cancel41107" data-component="crn-button" ng-click="datasource.cancel()"><span class="k-icon k-i-cancel"></span></button>
         </div>
         <br>
-        <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
-            <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
-                Arraste os campos do formulário aqui</div>
+        <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container"
+        id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
+        <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
+            Arraste os campos do formulário aqui</div>
         </div>
     </div>
 </section>

package/components/templates/textinputbutton.template.html

@@ -1,9 +1,12 @@
-<label class="form-group" for="inputButton${RANDOM}">Label</label>
-<div class="form-inline form-group">
+<div class="form-inline form-group crn-textinputbutton">
+    <label class="form-group" for="inputButton-${RANDOM}">Label</label>
     <div class="input-group">
-        <input id="inputButton${RANDOM}" type="text" mask="" mask-placeholder="" ng-required="false" class="form-control k-textbox" ng-model="vars.input${RANDOM}" placeholder="Placeholder text">
-    </div>
-    <div class="component-holder ng-scope crn-button-form-group" data-component="crn-button" id="crn-button-${RANDOM}">
-        <button class="btn k-button btn-default" type="submit" ng-click="" xattr-fullsize="" xattr-theme="btn-default" xattr-disabled=""><i class="" icon-theme="color-theme"></i> <span class="color-theme" text-theme="color-theme">Button</span></button>
+        <input id="inputButton-${RANDOM}" type="text" mask="" mask-placeholder="" ng-required="false" class="form-control k-textbox" ng-model="vars.input${RANDOM}" placeholder="Placeholder text">
+        <div class="component-holder ng-scope crn-textinputbutton-button" data-component="crn-button" id="crn-button-${RANDOM}">
+            <button class="btn k-button btn-default" ng-click="" xattr-fullsize="" xattr-theme="btn-default" xattr-disabled="">
+                <i class="color-white glyphicon glyphicon-search" icon-theme="color-white"></i>
+                <span></span>
+            </button>
+        </div>
     </div>
 </div>

package/css/app.css

@@ -394,29 +394,17 @@ fieldset[disabled] .btn-default:hover {
     content: "\f078";
 }
 
-.form-group div{
-    display: contents;
-}
-
-/* Form - Sub Form */
-.form .tool-bar,
-form .active-bar,
-form .tool-bar {
+/* Entrada de texto com botão */
+.crn-textinputbutton{
     display: flex;
-    flex-direction: initial;
-    gap: 2px;
+    align-items: center;
 }
 
-.form .tool-bar,
-.form .active-bar{
-    display: inline-flex;
-    flex-direction: initial;
-    gap: 2px;
+.crn-textinputbutton-button{
+    display: inherit;
 }
 
-.form .tool-bar > div,
-.form .active-bar > div,
-form .active-bar > div,
-form .tool-bar > div{
-    width: auto;
+.crn-textinputbutton-button button{
+    margin: 0;
+    margin-left: 10px;
 }

package/dist/components/css/checkbox-color.css

@@ -1 +1 @@
-.checkbox-theme .k-checkbox:focus+.k-checkbox-label:before,.checkbox-theme .k-checkbox:hover+.k-checkbox-label:before,.checkbox-theme .k-radio:focus+.k-radio-label:before,.checkbox-theme .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--light-blue);border-color:var(--light-blue)}.checkbox-theme .k-checkbox:checked+.k-checkbox-label:before,.checkbox-theme .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:var(--light-blue);background-color:var(--light-blue)}.checkbox-theme .k-checkbox:checked+.k-checkbox-label:after,.checkbox-theme .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--blue);border-color:var(--light-blue)}.checkbox-white .k-checkbox:focus+.k-checkbox-label:before,.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,.checkbox-white .k-radio:focus+.k-radio-label:before,.checkbox-white .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #707070;border-color:#707070}.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#707070;background-color:#707070}.checkbox-white .k-checkbox:checked+.k-checkbox-label:after,.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--white);border-color:#707070;color:var(--black)}.checkbox-gray .k-checkbox:focus+.k-checkbox-label:before,.checkbox-gray .k-checkbox:hover+.k-checkbox-label:before,.checkbox-gray .k-radio:focus+.k-radio-label:before,.checkbox-gray .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #707070;border-color:#707070}.checkbox-gray .k-checkbox:checked+.k-checkbox-label:before,.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#707070;background-color:#707070}.checkbox-gray .k-checkbox:checked+.k-checkbox-label:after,.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--gray);border-color:#707070}.checkbox-black .k-checkbox:focus+.k-checkbox-label:before,.checkbox-black .k-checkbox:hover+.k-checkbox-label:before,.checkbox-black .k-radio:focus+.k-radio-label:before,.checkbox-black .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #707070;border-color:#707070}.checkbox-black .k-checkbox:checked+.k-checkbox-label:before,.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#707070;background-color:#707070}.checkbox-black .k-checkbox:checked+.k-checkbox-label:after,.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--black);border-color:#707070}.checkbox-blue .k-checkbox:focus+.k-checkbox-label:before,.checkbox-blue .k-checkbox:hover+.k-checkbox-label:before,.checkbox-blue .k-radio:focus+.k-radio-label:before,.checkbox-blue .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--light-blue);border-color:var(--light-blue)}.checkbox-blue .k-checkbox:checked+.k-checkbox-label:before,.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:var(--light-blue);background-color:var(--light-blue)}.checkbox-blue .k-checkbox:checked+.k-checkbox-label:after,.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--blue);border-color:var(--light-blue)}.checkbox-light-blue .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-blue .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-blue .k-radio:focus+.k-radio-label:before,.checkbox-light-blue .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #3155b8;border-color:#3155b8}.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#3155b8;background-color:#3155b8}.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-blue);border-color:#3155b8}.checkbox-dark-blue .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-blue .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-blue .k-radio:focus+.k-radio-label:before,.checkbox-dark-blue .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #4869c7;border-color:#4869c7}.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#4869c7;background-color:#4869c7}.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-blue);border-color:#4869c7}.checkbox-purple .k-checkbox:focus+.k-checkbox-label:before,.checkbox-purple .k-checkbox:hover+.k-checkbox-label:before,.checkbox-purple .k-radio:focus+.k-radio-label:before,.checkbox-purple .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #8645f4;border-color:#8645f4}.checkbox-purple .k-checkbox:checked+.k-checkbox-label:before,.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#8645f4;background-color:#8645f4}.checkbox-purple .k-checkbox:checked+.k-checkbox-label:after,.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--purple);border-color:#8645f4}.checkbox-light-purple .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-purple .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-purple .k-radio:focus+.k-radio-label:before,.checkbox-light-purple .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #6b4ba2;border-color:#6b4ba2}.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#6b4ba2}.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-purple);border-color:#6b4ba2}.checkbox-dark-purple .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-purple .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-purple .k-radio:focus+.k-radio-label:before,.checkbox-dark-purple .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #6b4ba2;border-color:#6b4ba2}.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#6b4ba2}.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-purple);border-color:#6b4ba2}.checkbox-red .k-checkbox:focus+.k-checkbox-label:before,.checkbox-red .k-checkbox:hover+.k-checkbox-label:before,.checkbox-red .k-radio:focus+.k-radio-label:before,.checkbox-red .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #680f06;border-color:#680f06}.checkbox-red .k-checkbox:checked+.k-checkbox-label:before,.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#680f06}.checkbox-red .k-checkbox:checked+.k-checkbox-label:after,.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--red);border-color:#680f06}.checkbox-light-red .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-red .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-red .k-radio:focus+.k-radio-label:before,.checkbox-light-red .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-red);border-color:var(--dark-red)}.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-red)}.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-red);border-color:var(--dark-red)}.checkbox-dark-red .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-red .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-red .k-radio:focus+.k-radio-label:before,.checkbox-dark-red .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--light-red);border-color:var(--light-red)}.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--light-red)}.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-red);border-color:var(--light-red)}.checkbox-orange .k-checkbox:focus+.k-checkbox-label:before,.checkbox-orange .k-checkbox:hover+.k-checkbox-label:before,.checkbox-orange .k-radio:focus+.k-radio-label:before,.checkbox-orange .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--light-orange);border-color:var(--light-orange)}.checkbox-orange .k-checkbox:checked+.k-checkbox-label:before,.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--light-orange)}.checkbox-orange .k-checkbox:checked+.k-checkbox-label:after,.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--orange);border-color:var(--light-orange)}.checkbox-light-orange .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-orange .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-orange .k-radio:focus+.k-radio-label:before,.checkbox-light-orange .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-orange);border-color:var(--dark-orange)}.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-orange)}.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-orange);border-color:var(--dark-orange);color:#492b10}.checkbox-dark-orange .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-orange .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-orange .k-radio:focus+.k-radio-label:before,.checkbox-dark-orange .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #cd9946;border-color:#cd9946}.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#cd9946}.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-orange);border-color:#cd9946}.checkbox-yellow .k-checkbox:focus+.k-checkbox-label:before,.checkbox-yellow .k-checkbox:hover+.k-checkbox-label:before,.checkbox-yellow .k-radio:focus+.k-radio-label:before,.checkbox-yellow .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-yellow);border-color:var(--dark-yellow)}.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:before,.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-yellow)}.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:after,.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--yellow);border-color:var(--dark-yellow);color:#474432}.checkbox-light-yellow .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-yellow .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-yellow .k-radio:focus+.k-radio-label:before,.checkbox-light-yellow .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-yellow);border-color:var(--dark-yellow)}.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-yellow)}.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-yellow);border-color:var(--dark-yellow);color:#474432}.checkbox-dark-yellow .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-yellow .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-yellow .k-radio:focus+.k-radio-label:before,.checkbox-dark-yellow .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #dddd7c;border-color:#dddd7c}.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#dddd7c}.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-yellow);border-color:#dddd7c}.checkbox-green .k-checkbox:focus+.k-checkbox-label:before,.checkbox-green .k-checkbox:hover+.k-checkbox-label:before,.checkbox-green .k-radio:focus+.k-radio-label:before,.checkbox-green .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #24470c;border-color:#24470c}.checkbox-green .k-checkbox:checked+.k-checkbox-label:before,.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#24470c}.checkbox-green .k-checkbox:checked+.k-checkbox-label:after,.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--green);border-color:#24470c}.checkbox-light-green .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-green .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-green .k-radio:focus+.k-radio-label:before,.checkbox-light-green .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-green);border-color:var(--dark-green)}.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-green)}.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-green);border-color:var(--dark-green);color:#24470c}.checkbox-dark-green .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-green .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-green .k-radio:focus+.k-radio-label:before,.checkbox-dark-green .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #66b032;border-color:#66b032}.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#66b032}.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-green);border-color:#66b032}
+.checkbox-white .k-checkbox:focus+.k-checkbox-label:before,.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,.checkbox-white .k-radio:focus+.k-radio-label:before,.checkbox-white .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #707070;border-color:#707070}.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#707070;background-color:#707070}.checkbox-white .k-checkbox:checked+.k-checkbox-label:after,.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--white);border-color:#707070;color:var(--black)}.checkbox-gray .k-checkbox:focus+.k-checkbox-label:before,.checkbox-gray .k-checkbox:hover+.k-checkbox-label:before,.checkbox-gray .k-radio:focus+.k-radio-label:before,.checkbox-gray .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #707070;border-color:#707070}.checkbox-gray .k-checkbox:checked+.k-checkbox-label:before,.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#707070;background-color:#707070}.checkbox-gray .k-checkbox:checked+.k-checkbox-label:after,.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--gray);border-color:#707070}.checkbox-black .k-checkbox:focus+.k-checkbox-label:before,.checkbox-black .k-checkbox:hover+.k-checkbox-label:before,.checkbox-black .k-radio:focus+.k-radio-label:before,.checkbox-black .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #707070;border-color:#707070}.checkbox-black .k-checkbox:checked+.k-checkbox-label:before,.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#707070;background-color:#707070}.checkbox-black .k-checkbox:checked+.k-checkbox-label:after,.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--black);border-color:#707070}.checkbox-blue .k-checkbox:focus+.k-checkbox-label:before,.checkbox-blue .k-checkbox:hover+.k-checkbox-label:before,.checkbox-blue .k-radio:focus+.k-radio-label:before,.checkbox-blue .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--light-blue);border-color:var(--light-blue)}.checkbox-blue .k-checkbox:checked+.k-checkbox-label:before,.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:var(--light-blue);background-color:var(--light-blue)}.checkbox-blue .k-checkbox:checked+.k-checkbox-label:after,.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--blue);border-color:var(--light-blue)}.checkbox-light-blue .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-blue .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-blue .k-radio:focus+.k-radio-label:before,.checkbox-light-blue .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #3155b8;border-color:#3155b8}.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#3155b8;background-color:#3155b8}.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-blue);border-color:#3155b8}.checkbox-dark-blue .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-blue .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-blue .k-radio:focus+.k-radio-label:before,.checkbox-dark-blue .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #4869c7;border-color:#4869c7}.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#4869c7;background-color:#4869c7}.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-blue);border-color:#4869c7}.checkbox-purple .k-checkbox:focus+.k-checkbox-label:before,.checkbox-purple .k-checkbox:hover+.k-checkbox-label:before,.checkbox-purple .k-radio:focus+.k-radio-label:before,.checkbox-purple .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #8645f4;border-color:#8645f4}.checkbox-purple .k-checkbox:checked+.k-checkbox-label:before,.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:before{border-color:#8645f4;background-color:#8645f4}.checkbox-purple .k-checkbox:checked+.k-checkbox-label:after,.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--purple);border-color:#8645f4}.checkbox-light-purple .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-purple .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-purple .k-radio:focus+.k-radio-label:before,.checkbox-light-purple .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #6b4ba2;border-color:#6b4ba2}.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#6b4ba2}.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-purple);border-color:#6b4ba2}.checkbox-dark-purple .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-purple .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-purple .k-radio:focus+.k-radio-label:before,.checkbox-dark-purple .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #6b4ba2;border-color:#6b4ba2}.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#6b4ba2}.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-purple);border-color:#6b4ba2}.checkbox-red .k-checkbox:focus+.k-checkbox-label:before,.checkbox-red .k-checkbox:hover+.k-checkbox-label:before,.checkbox-red .k-radio:focus+.k-radio-label:before,.checkbox-red .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #680f06;border-color:#680f06}.checkbox-red .k-checkbox:checked+.k-checkbox-label:before,.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#680f06}.checkbox-red .k-checkbox:checked+.k-checkbox-label:after,.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--red);border-color:#680f06}.checkbox-light-red .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-red .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-red .k-radio:focus+.k-radio-label:before,.checkbox-light-red .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-red);border-color:var(--dark-red)}.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-red)}.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-red);border-color:var(--dark-red)}.checkbox-dark-red .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-red .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-red .k-radio:focus+.k-radio-label:before,.checkbox-dark-red .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--light-red);border-color:var(--light-red)}.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--light-red)}.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-red);border-color:var(--light-red)}.checkbox-orange .k-checkbox:focus+.k-checkbox-label:before,.checkbox-orange .k-checkbox:hover+.k-checkbox-label:before,.checkbox-orange .k-radio:focus+.k-radio-label:before,.checkbox-orange .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--light-orange);border-color:var(--light-orange)}.checkbox-orange .k-checkbox:checked+.k-checkbox-label:before,.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--light-orange)}.checkbox-orange .k-checkbox:checked+.k-checkbox-label:after,.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--orange);border-color:var(--light-orange)}.checkbox-light-orange .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-orange .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-orange .k-radio:focus+.k-radio-label:before,.checkbox-light-orange .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-orange);border-color:var(--dark-orange)}.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-orange)}.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-orange);border-color:var(--dark-orange);color:#492b10}.checkbox-dark-orange .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-orange .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-orange .k-radio:focus+.k-radio-label:before,.checkbox-dark-orange .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #cd9946;border-color:#cd9946}.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#cd9946}.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-orange);border-color:#cd9946}.checkbox-yellow .k-checkbox:focus+.k-checkbox-label:before,.checkbox-yellow .k-checkbox:hover+.k-checkbox-label:before,.checkbox-yellow .k-radio:focus+.k-radio-label:before,.checkbox-yellow .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-yellow);border-color:var(--dark-yellow)}.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:before,.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-yellow)}.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:after,.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--yellow);border-color:var(--dark-yellow);color:#474432}.checkbox-light-yellow .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-yellow .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-yellow .k-radio:focus+.k-radio-label:before,.checkbox-light-yellow .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-yellow);border-color:var(--dark-yellow)}.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-yellow)}.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-yellow);border-color:var(--dark-yellow);color:#474432}.checkbox-dark-yellow .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-yellow .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-yellow .k-radio:focus+.k-radio-label:before,.checkbox-dark-yellow .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #dddd7c;border-color:#dddd7c}.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#dddd7c}.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-yellow);border-color:#dddd7c}.checkbox-green .k-checkbox:focus+.k-checkbox-label:before,.checkbox-green .k-checkbox:hover+.k-checkbox-label:before,.checkbox-green .k-radio:focus+.k-radio-label:before,.checkbox-green .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #24470c;border-color:#24470c}.checkbox-green .k-checkbox:checked+.k-checkbox-label:before,.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#24470c}.checkbox-green .k-checkbox:checked+.k-checkbox-label:after,.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--green);border-color:#24470c}.checkbox-light-green .k-checkbox:focus+.k-checkbox-label:before,.checkbox-light-green .k-checkbox:hover+.k-checkbox-label:before,.checkbox-light-green .k-radio:focus+.k-radio-label:before,.checkbox-light-green .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 var(--dark-green);border-color:var(--dark-green)}.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:before,.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:var(--dark-green)}.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:after,.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--light-green);border-color:var(--dark-green);color:#24470c}.checkbox-dark-green .k-checkbox:focus+.k-checkbox-label:before,.checkbox-dark-green .k-checkbox:hover+.k-checkbox-label:before,.checkbox-dark-green .k-radio:focus+.k-radio-label:before,.checkbox-dark-green .k-radio:hover+.k-radio-label:before{box-shadow:0 0 5px 0 #66b032;border-color:#66b032}.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:before,.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:before{background-color:#66b032}.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:after,.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:after{background-color:var(--dark-green);border-color:#66b032}

package/dist/components/css/color-default.css

@@ -1 +1 @@
-@import 'checkbox-color.css';@import 'combobox-color.css';@import 'option-color.css';@import 'image.css';@import 'font-size.css';:root{--white:#fff;--gray:#333;--black:#000;--blue:#0247fe;--light-blue:#85a5ff;--dark-blue:#00217a;--purple:#3d01a4;--light-purple:#b285ff;--dark-purple:#2d007a;--red:#fe2712;--light-red:#fe8f84;--dark-red:#7a0b00;--orange:#fb9b02;--light-orange:#ffd085;--dark-orange:#7a4b00;--yellow:#ff3;--light-yellow:#ffff85;--dark-yellow:#7a7a00;--green:#66b032;--light-green:#b7ff85;--dark-green:#337a00}.color-white{color:var(--white)}.color-gray{color:var(--gray)}.color-black{color:var(--black)}.color-blue{color:var(--blue)}.color-light-blue{color:var(--light-blue)}.color-dark-blue{color:var(--dark-blue)}.color-purple{color:var(--purple)}.color-light-purple{color:var(--light-purple)}.color-dark-purple{color:var(--dark-purple)}.color-red{color:var(--red)}.color-light-red{color:var(--light-red)}.color-dark-red{color:var(--dark-red)}.color-orange{color:var(--orange)}.color-light-orange{color:var(--light-orange)}.color-dark-orange{color:var(--dark-orange)}.color-yellow{color:var(--yellow)}.color-light-yellow{color:var(--light-yellow)}.color-dark-yellow{color:var(--dark-yellow)}.color-green{color:var(--green)}.color-light-green{color:var(--light-green)}.color-dark-green{color:var(--dark-green)}
+@import 'checkbox-color.css';@import 'combobox-color.css';@import 'option-color.css';:root{--white:#fff;--gray:#333;--black:#000;--blue:#0247fe;--light-blue:#85a5ff;--dark-blue:#00217a;--purple:#3d01a4;--light-purple:#b285ff;--dark-purple:#2d007a;--red:#fe2712;--light-red:#fe8f84;--dark-red:#7a0b00;--orange:#fb9b02;--light-orange:#ffd085;--dark-orange:#7a4b00;--yellow:#ff3;--light-yellow:#ffff85;--dark-yellow:#7a7a00;--green:#66b032;--light-green:#b7ff85;--dark-green:#337a00}.color-white{color:var(--white)}.color-gray{color:var(--gray)}.color-black{color:var(--black)}.color-blue{color:var(--blue)}.color-light-blue{color:var(--light-blue)}.color-dark-blue{color:var(--dark-blue)}.color-purple{color:var(--purple)}.color-light-purple{color:var(--light-purple)}.color-dark-purple{color:var(--dark-purple)}.color-red{color:var(--red)}.color-light-red{color:var(--light-red)}.color-dark-red{color:var(--dark-red)}.color-orange{color:var(--orange)}.color-light-orange{color:var(--light-orange)}.color-dark-orange{color:var(--dark-orange)}.color-yellow{color:var(--yellow)}.color-light-yellow{color:var(--light-yellow)}.color-dark-yellow{color:var(--dark-yellow)}.color-green{color:var(--green)}.color-light-green{color:var(--light-green)}.color-dark-green{color:var(--dark-green)}

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

@@ -1 +1 @@
-<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-theme" icon-theme="color-theme"></i> <span class="color-theme" text-theme="color-theme">Button</span></button>
+<button class="btn k-button btn-block btn-default" ng-click="" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled=""><i class="glyphicon glyphicon-home color-white" icon-theme="color-white"></i> <span class="color-white" text-theme="color-white">Button</span></button>

package/dist/components/templates/cron-autocomplete.designtime.html

@@ -1 +1,26 @@
-<div class="form-group" id="${COMPONENTID}"><label for="cron-${COMPONENTID}">Label</label><span class="k-widget k-autocomplete cronAutoComplete" style="width: 100%"><input class="cronAutoComplete k-input" type="text"></span></div>
+<div class="form-group" id="{{attrs.id}}-designtime"><label for="cron-${COMPONENTID}">Label</label><span style="display: none" id="cron-autocomplete-designtime" data-attrs="{{attrs}}"><script>let $documentDesignTime = $(document.getElementsByTagName('iframe')[0].contentWindow.document);
+            let wait = setInterval(()=> {
+
+                let $element = $documentDesignTime.find('[id=cron-autocomplete-designtime]')
+                if ($element.length) {
+                    clearInterval(wait);
+
+                    $element.each((idx, c) => {
+
+                        let $current = $(c);
+                        let attrs = $current.data('attrs');
+                        let $label = $documentDesignTime.find(`#${attrs.id}`).find('label');
+                        let $labelDesignTime = $documentDesignTime.find(`#${attrs.id}-designtime`).find('label');
+                        if (!$label.data('synchronize-started')) {
+                            $label.data('synchronize-started', true);
+                            let synchronize = setInterval(() => {
+                                if ($label.html() !== $labelDesignTime.html()) {
+                                    $labelDesignTime.html($label.html());
+                                }
+                            }, 500);
+
+                        }
+
+                    });
+                }
+            });</script></span><span class="k-widget k-autocomplete cronAutoComplete" style="width: 100%"><input class="cronAutoComplete k-input" type="text"></span></div>

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

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

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

@@ -1 +1 @@
-<div class="form-group combobox-theme" combobox-theme="combobox-theme"><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></div>
+<div class="form-group combobox-gray" combobox-theme="combobox-gray"><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></div>

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

@@ -1 +1 @@
-<datasource data-component="crn-datasource" name="" entity="" keys="" rows-per-page="100" on-before-create="" on-after-create="" on-before-update="" on-after-update="" on-before-delete="" on-after-delete="" on-after-fill="" lazy="true"></datasource><h1 class="title component-holder text-left h3" xattr-position="text-left" xattr-type="h3" data-component="crn-text-component" id="crn-text-component-${RANDOM}">Title</h1><div class="component-holder ng-scope" data-component="crn-textinput" id="crn-textinput-${RANDOM}"><div class="form-group"><label for="input${RANDOM}">{{"template.crud.search" | translate}}</label><input type="search" mask="" mask-placeholder="" ng-required="false" ng-model="vars.input${RANDOM}" class="form-control k-textbox" id="input${RANDOM}" placeholder="{{&quot;template.crud.search&quot; | translate}}"></div></div><div class="component-holder ng-scope" data-component="crn-cron-grid" id="crn-cron-grid-${RANDOM}"><cron-grid options="" ng-model="vars.grid${RANDOM}" scrollable="false" class=""></cron-grid></div><section class="form"><form crn-datasource="" data-component="crn-form"><div class="tool-bar" ng-hide="datasource.editing || datasource.inserting"><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'StartInserting' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startInserting()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-plus color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'StartEditing' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startEditing()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-edit color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-84681"><button aria-label="{{'Before' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-arrow-chevron-left color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'Next' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-arrow-chevron-right color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'Remove' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.remove()" xattr-theme="btn-danger" xattr-fullsize=""><span class="k-icon k-i-close color-theme" icon-theme="color-theme" text-theme="color-theme"></span></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="crn-button-8499"><button aria-label="{{'SaveChanges' | translate}}" class="btn k-button btn-fab btn-success" ng-disabled="!datasource.hasNext()" ng-click="datasource.post()" xattr-theme="btn-success" id="btn_crud_post_8499" xattr-fullsize=""><span class="k-icon k-i-check color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'CancelChanges' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.cancel()" xattr-theme="btn-danger" id="btn_crud_cancel_8499" xattr-fullsize=""><span class="k-icon k-i-cancel color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div></div><br><div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting"><div class="col-md-12" style="padding-left: 0; padding-right: 0" data-container="true" data-replace="true">Arraste os campos do formulário aqui</div></div></form></section>
+<datasource data-component="crn-datasource" name="" entity="" keys="" rows-per-page="100" on-before-create="" on-after-create="" on-before-update="" on-after-update="" on-before-delete="" on-after-delete="" on-after-fill="" lazy="true"></datasource><h1 class="title component-holder text-left h3" xattr-position="text-left" xattr-type="h3" data-component="crn-text-component" id="crn-text-component-${RANDOM}">Title</h1><div class="component-holder ng-scope" data-component="crn-textinput" id="crn-textinput-${RANDOM}"><div class="form-group"><label for="input${RANDOM}">{{"template.crud.search" | translate}}</label><input type="search" mask="" mask-placeholder="" ng-required="false" ng-model="vars.input${RANDOM}" class="form-control k-textbox" id="input${RANDOM}" placeholder="{{&quot;template.crud.search&quot; | translate}}"></div></div><div class="component-holder ng-scope" data-component="crn-cron-grid" id="crn-cron-grid-${RANDOM}"><cron-grid options="" ng-model="vars.grid${RANDOM}" scrollable="false" class=""></cron-grid></div><section class="form"><form crn-datasource="" data-component="crn-form"><div class="tool-bar" ng-hide="datasource.editing || datasource.inserting"><button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startInserting()"><span class="k-icon k-i-plus"></span></button> <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button> <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span></button> <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span></button> <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button" ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button></div><div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting"><button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button" id="btn_crud_post_${RANDOM}" data-component="crn-button" ng-click="datasource.post()"><span class="k-icon k-i-check"></span></button> <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button" id="btn_crud_cancel_${RANDOM}" data-component="crn-button" ng-click="datasource.cancel()"><span class="k-icon k-i-cancel"></span></button></div><br><div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting"><div class="col-md-12" style="padding-left: 0; padding-right: 0" data-container="true" data-replace="true">Arraste os campos do formulário aqui</div></div></form></section>

package/dist/components/templates/cron-dynamic-combobox.template.html

@@ -1 +1 @@
-<div class="form-group" id="cron-${COMPONENTID}"><label for="cron-${COMPONENTID}">Label</label><cron-dynamic-select ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.dynCombobox${RANDOM}" class="k-textbox crn-select form-control" no-results-message="{{'noDataFound' | translate}}" validationmessage="{{'requiredField' | translate}}" options="{}"></cron-dynamic-select></div>
+<div class="form-group" id="cron-${COMPONENTID}"><label for="cron-${COMPONENTID}" id="cron-${COMPONENTID}_label">Label</label><cron-dynamic-select ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.dynCombobox${RANDOM}" class="k-textbox crn-select form-control" no-results-message="{{'noDataFound' | translate}}" validationmessage="{{'requiredField' | translate}}" options="{}"></cron-dynamic-select></div>

package/dist/components/templates/fileupload-button.template.html

@@ -1 +1 @@
-<label class="btn btn-default" xattr-theme="btn-default"><i class="glyphicon glyphicon-cloud-upload"></i> <input type="file" style="display:none" onchange="$('#upload-file-info').html($(this).val().split('\\')[2])"> <span>Upload</span></label><label id="upload-file-info"></label>
+<label class="btn btn-primary" xattr-theme="btn-primary"><i class="glyphicon glyphicon-cloud-upload"></i> <input type="file" style="display:none" onchange="$('#upload-file-info').html($(this).val().split('\\')[2])"> <span>Upload</span></label><label id="upload-file-info"></label>

package/dist/components/templates/fileupload.template.html

@@ -1 +1 @@
-<div class=""><form action="" method="post" enctype="multipart/form-data"><label class="component-holder btn btn-default k-button" xattr-theme="btn-default" data-component="crn-upload-file"><i class="glyphicon glyphicon-cloud-upload"></i> <input type="file" style="display:none" onchange="$('#upload-file-info').html($(this).val().split('\\')[2])"> <span>Upload</span></label><span id="upload-file-info"></span></form></div>
+<div class=""><form action="" method="post" enctype="multipart/form-data"><label class="component-holder btn btn-primary k-button" xattr-theme="btn-primary" data-component="crn-upload-file"><i class="glyphicon glyphicon-cloud-upload"></i> <input type="file" style="display:none" onchange="$('#upload-file-info').html($(this).val().split('\\')[2])"> <span>Upload</span></label><span id="upload-file-info"></span></form></div>

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

@@ -1 +1 @@
-<section class="form"><form crn-datasource="" data-component="crn-form"><div class="tool-bar" ng-hide="datasource.editing || datasource.inserting"><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'StartInserting' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startInserting()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-plus color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'StartEditing' | translate}}" class="btn k-button btn-fab btn-default" ng-click="datasource.startEditing()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-edit color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-84681"><button aria-label="{{'Before' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-arrow-chevron-left color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'Next' | translate}}" class="btn k-button btn-fab btn-default disabled" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()" xattr-theme="btn-default" xattr-fullsize=""><span class="k-icon k-i-arrow-chevron-right color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'Remove' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.remove()" xattr-theme="btn-danger" xattr-fullsize=""><span class="k-icon k-i-close color-theme" icon-theme="color-theme" text-theme="color-theme"></span></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="crn-button-8499"><button aria-label="{{'SaveChanges' | translate}}" class="btn k-button btn-fab btn-success" ng-disabled="!datasource.hasNext()" ng-click="datasource.post()" xattr-theme="btn-success" id="btn_crud_post_8499" xattr-fullsize=""><span class="k-icon k-i-check color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div><div class="component-holder ng-scope" data-component="crn-button" id="crn-button-8499"><button aria-label="{{'CancelChanges' | translate}}" class="btn k-button btn-fab btn-danger" ng-click="datasource.cancel()" xattr-theme="btn-danger" id="btn_crud_cancel_8499" xattr-fullsize=""><span class="k-icon k-i-cancel color-theme" icon-theme="color-theme" text-theme="color-theme"></span></button></div></div><br><div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting"><div class="col-md-12" style="padding-left: 0; padding-right: 0" data-container="true" data-replace="true">Arraste os campos do formulário aqui</div></div></form></section>
+<section class="form"><form crn-datasource="" data-component="crn-form"><div class="tool-bar" ng-hide="datasource.editing || datasource.inserting"><button aria-label="{{'StartInserting' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startInserting()"><span class="k-icon k-i-plus"></span></button> <button aria-label="{{'StartEditing' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-click="datasource.startEditing()"><span class="k-icon k-i-edit"></span></button> <button aria-label="{{'Before' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasPrevious()" ng-click="datasource.previous()"><span class="k-icon k-i-arrow-chevron-left"></span></button> <button aria-label="{{'Next' | translate}}" class="btn btn-primary btn-fab k-button" data-component="crn-button" ng-disabled="!datasource.hasNext()" ng-click="datasource.next()"><span class="k-icon k-i-arrow-chevron-right"></span></button> <button aria-label="{{'Remove' | translate}}" class="btn btn-danger btn-fab k-button" data-component="crn-button" ng-click="datasource.remove()"><span class="k-icon k-i-close"></span></button></div><div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting"><button aria-label="{{'SaveChanges' | translate}}" class="btn btn-success btn-fab k-button" id="btn_crud_post_${RANDOM}" data-component="crn-button" ng-click="datasource.post()"><span class="k-icon k-i-check"></span></button> <button aria-label="{{'CancelChanges' | translate}}" class="btn btn-danger btn-fab k-button" id="btn_crud_cancel_${RANDOM}" data-component="crn-button" ng-click="datasource.cancel()"><span class="k-icon k-i-cancel"></span></button></div><br><div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting"><div class="col-md-12" style="padding-left: 0; padding-right: 0" data-container="true" data-replace="true">Arraste os campos do formulário aqui</div></div></form></section>

package/dist/components/templates/icon.template.html

@@ -1 +1 @@
-<i class="fa fa-star font-size-theme color-theme" icon-size="font-size-theme" icon-theme="color-theme"></i>
+<div><i class="fa fa-star" icon-size="" icon-theme=""></i></div>

package/dist/components/templates/image.default.template.html

@@ -1 +1 @@
-<img alt="image" src="node_modules/cronapp-framework-js/img/placehold-100x100.png" class="crn-image object-fit-contain" object-fit="object-fit-contain" xattr-position="" width="100px" height="100px">
+<img alt="image" src="node_modules/cronapp-framework-js/img/placehold-100x100.png" class="crn-image" style="object-fit: contain" object-fit="object-fit: contain;" xattr-position="" width="100px" height="100px">

package/dist/components/templates/navbar.template.html

@@ -1 +1 @@
-<nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="component-holder ng-binding ng-scope navbar-brand" data-component="crn-image" href="#/home"><img alt="cronapp-logo" src="node_modules/cronapp-framework-js/dist/img/logo.svg" style="width:101px; margin-top:-4px" id="crn-navbar-logo" data-component="crn-image"></a></div><div id="navbar" class="navbar-collapse collapse"><ul class="nav navbar-nav" style="float:none"><li class="dropdown component-holder" data-component=""><a href="#/home" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-lg fa-home"></i> <span ___content="{Home}" _________content="{{&quot;Home.view.Home&quot; | translate}}">{Home}</span></a></li><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;:[]}]}]}" data-component="crn-dynamic-menu" class="component-holder" id="crn-dynamic-menu-226965">Dynamic Menu</cron-dynamic-menu></ul></div></div></nav>
+<nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="component-holder ng-binding ng-scope navbar-brand" data-component="crn-image" href="#/home"><img alt="cronapp-logo" src="node_modules/cronapp-framework-js/dist/img/logo.svg" style="width:101px; margin-top:-4px" id="crn-navbar-logo" data-component="crn-image"></a></div><div id="navbar" class="navbar-collapse collapse"><ul class="nav navbar-nav" style="float:none"><div class="component-holder ng-scope col-md-10" data-component="crn-dynamic-menu" id="crn-dynamic-menu"><cron-dynamic-menu options="{&quot;subMenuOptions&quot;:[{&quot;id&quot;:&quot;1iut7rlrhfnzs&quot;,&quot;name&quot;:&quot;Home&quot;,&quot;title&quot;:&quot;{{\&quot;Home.view.Home\&quot; | translate}}&quot;,&quot;action&quot;:&quot;cronapi.screen.changeView('#/public/home', [])&quot;,&quot;level&quot;:1,&quot;textPosition&quot;:&quot;left&quot;,&quot;imagePosition&quot;:&quot;left&quot;,&quot;contentTheme&quot;:&quot;light&quot;,&quot;iconTheme&quot;:&quot;light&quot;,&quot;menuItems&quot;:[]}]}" data-component="crn-dynamic-menu" class="component-holder" id="crn-dynamic-menu-226965">Dynamic Menu</cron-dynamic-menu></div></ul></div></div></nav>

package/dist/components/templates/rating.template.html

@@ -1 +1 @@
-<div class="component-holder ng-scope" data-component="crn-rating" id="crn-rating-${RANDON}"><cronapp-rating ng-model="vars.evaluation${RANDOM}" icon-off="fa fa-star-o" xattr-default-value=""><i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i> <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i> <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i> <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i> <i data-theme="color-theme" data-size="font-size-theme" class="fa fa-star color-theme font-size-theme"></i></cronapp-rating></div>
+<div><cronapp-rating ng-model="vars.evaluation${RANDOM}" icon-off="fa fa-star-o" xattr-default-value=""><i style="font-size: 200%" icon-theme="color: #3A3A3A;" icon-size="" class="component-holder fa fa-star"></i> <i style="font-size: 200%" icon-theme="color: #3A3A3A;" icon-size="" class="component-holder fa fa-star"></i> <i style="font-size: 200%" icon-theme="color: #3A3A3A;" icon-size="" class="component-holder fa fa-star"></i> <i style="font-size: 200%" icon-theme="color: #3A3A3A;" icon-size="" class="component-holder fa fa-star"></i> <i style="font-size: 200%" icon-theme="color: #3A3A3A;" icon-size="" class="component-holder fa fa-star"></i></cronapp-rating></div>