cronapp-framework-mobile-js 2.8.8 → 2.9.0

package/components/css/icon-size.css

@@ -1,15 +1,15 @@
-.tabs-striped.icon-size-small .tab-item i{
+.tabs-striped.icon-size-small .tab-item i {
     font-size: 20px;
 }
 
-.tabs-striped.icon-size-medium .tab-item i{
+.tabs-striped.icon-size-medium .tab-item i {
     font-size: 27px;
 }
 
-.tabs-striped.icon-size-large .tab-item i{
+.tabs-striped.icon-size-large .tab-item i {
     font-size: 32px;
 }
 
-.tabs-striped.icon-size-extra-large .tab-item i{
+.tabs-striped.icon-size-extra-large .tab-item i {
     font-size: 41px;
 }

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

@@ -28,30 +28,6 @@
                     <i class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i>
                 </div>
             </ion-item>
-
-            <ion-item class="item item-complex item-right-editable item-icon-right item-thumbnail-left">
-                <ul ng-if="options.allowMultiselect"
-                    class="checkbox-group component-holder cron-list-multiselect-thumbnail">
-                    <label class="checkbox">
-                        <input type="checkbox">
-                    </label>
-                </ul>
-                <div class="item-content">
-                    <img alt="Thumbnail" src="node_modules/cronapp-framework-mobile-js/img/user.svg">
-                    <div class="text-left ">
-                        <h2 class="ng-binding">admin@cronapp.io</h2>
-                        <p class="dark ng-binding">Administrator</p>
-                        <p class="dark ng-binding">admin</p>
-                    </div>
-                    <i ng-if="options.icon" class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i>
-                </div>
-                <div class="item-options invisible">
-                    <ion-option-button class="button-positive ion-edit button" ng-click="User.startEditing(rowData)"
-                        role="button" tabindex="0"><span class="ng-binding">Editar</span></ion-option-button>
-                    <ion-option-button class="button-assertive ion-trash-a button" ng-click="User.remove(rowData)"
-                        role="button" tabindex="0"><span class="ng-binding">Remover</span></ion-option-button>
-                </div>
-            </ion-item>
         </div>
     </ion-list>
 </div>

package/components/templates/checkbox.template.html

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+<style>
+  .wrapper {
+    position: relative;
+    width: 100%;
+    height: 200px;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  img {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+  
+  .signature-pad {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width:100%;
+    height:100px;
+  }</style>
+  <div>
+  <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>
+ </div>

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

@@ -0,0 +1 @@
+<signature-pad dataurl="storedSignature" ng-model="vars.input${RANDOM}" ng-click=""  clear="clear" class="col-md-12" height="250px"></signature-pad>

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

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

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

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

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

@@ -1,4 +1,4 @@
-<ion-slide xattr-theme="dark-bg" id="crn-slider-item-${RANDOM}-1" data-component="crn-slider-item"
-    class="dark-bg active" style="width: 100%; height: 200px; position: relative"  data-container="true" data-replace="true">
-    <h2 data-component="crn-label" style="color: white; font-weight: bold; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); position: absolute;" data-container="true" data-replace="true">SLIDE TITLE</h2>
+<ion-slide xattr-theme="positive-bg" id="crn-slider-item-${RANDOM}" data-component="crn-slider-item" class="positive-bg crn-slider-item" data-container="true" data-replace="true">
+    <img alt="Placehold" src="node_modules/cronapp-framework-mobile-js/img/placehold-300x200.png" class="component-holder" style="object-fit: cover;" xattr-position="" width="100%" height="100%" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-${RANDOM}">
+    <h2 class="text-center top-50" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">NEW SLIDE</h2>
 </ion-slide>

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

@@ -1,6 +1,6 @@
-<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}">
+<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}" data-component="crn-item-swipe">
   <ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe">
-    <h2 class="titleItem" style="display: inline">Item</h2>
+    <h2 class="titleItem">Item</h2>
     <div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options">
       <div class="crn-item-options" data-item="true">
         <ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-positive button editButton">

package/components/templates/slider.template.html

@@ -1,24 +1,20 @@
 <div class="crn-slider display-ion-slider" id="crn-slider-${COMPONENTID}">
-  <ion-slide-box class="" auto-play="true" slide-interval="2000" does-continue="true">
-    <ion-slide xattr-theme="positive-bg" id="crn-slider-item-${RANDOM}-1" data-component="crn-slider-item"
-      class="positive-bg active" style="width: 100%; height: 200px; position: relative" data-container="true"
-      data-replace="true">
-      <h2 data-component="crn-label"
-        style="color: white; font-weight: bold; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); position: absolute"
-        data-container="true" data-replace="true">SLIDE 1</h2>
+  <ion-slide-box class="" auto-play="false" slide-interval="2000" does-continue="false">
+
+    <ion-slide xattr-theme="positive-bg" id="crn-slider-item-${RANDOM}-1" data-component="crn-slider-item" class="positive-bg active crn-slider-item" data-container="true" data-replace="true">
+      <img alt="Placehold" src="node_modules/cronapp-framework-mobile-js/img/placehold-300x200.png" class="component-holder" style="object-fit: cover;" xattr-position="" width="100%" height="100%" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-${RANDOM}">
+      <h2 class="text-center top-50" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">SLIDE 1</h2>
     </ion-slide>
-    <ion-slide xattr-theme="royal-bg" id="crn-slider-item-${RANDOM}-2" data-component="crn-slider-item" class="royal-bg"
-      style="width: 100%; height: 200px; position: relative" data-container="true" data-replace="true">
-      <h2 data-component="crn-label"
-        style="text-align: center; color: white; font-weight: bold; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); position: absolute"
-        data-container="true" data-replace="true">SLIDE 2</h2>
+
+    <ion-slide xattr-theme="royal-bg" id="crn-slider-item-${RANDOM}-2" data-component="crn-slider-item" class="royal-bg crn-slider-item" data-container="true" data-replace="true">
+      <img alt="Placehold" src="node_modules/cronapp-framework-mobile-js/img/placehold-300x200.png" class="component-holder" style="object-fit: cover;" xattr-position="" width="100%" height="100%" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-${RANDOM}">
+      <h2 class="text-center top-50" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">SLIDE 2</h2>
     </ion-slide>
-    <ion-slide xattr-theme="balanced-bg" id="crn-slider-item-${RANDOM}-3" data-component="crn-slider-item"
-      class="balanced-bg" style="width: 100%; height: 200px; position: relative" data-container="true"
-      data-replace="true">
-      <h2 data-component="crn-label"
-        style="text-align: center; color: white; font-weight: bold; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); position: absolute"
-        data-container="true" data-replace="true">SLIDE 3</h2>
+
+    <ion-slide xattr-theme="balanced-bg" id="crn-slider-item-${RANDOM}-3" data-component="crn-slider-item" class="balanced-bg crn-slider-item" data-container="true" data-replace="true">
+      <img alt="Placehold" src="node_modules/cronapp-framework-mobile-js/img/placehold-300x200.png" class="component-holder" style="object-fit: cover;" xattr-position="" width="100%" height="100%" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-${RANDOM}">
+      <h2 class="text-center top-50" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">SLIDE 3</h2>
     </ion-slide>
+
   </ion-slide-box>
 </div>

package/css/app.css

@@ -1,30 +1,26 @@
 @import 'custom-ionic.css';
 @import 'signup.css';
 @import "groupingOfCss/import_groupingOfCss.css";
-@import '../components/css/color-default.css';
-
+@import '../components/css/app.css';
 /* Empty. Add your own CSS if you like */
 
 /*Set CSS Properties to Iphone x^ devices*/
+
 :root {
-    --safe-area-inset-top : env(safe-area-inset-top);
-    --safe-area-inset-right : env(safe-area-inset-right);
+    --safe-area-inset-top: env(safe-area-inset-top);
+    --safe-area-inset-right: env(safe-area-inset-right);
     --safe-area-inset-bottom: env(safe-area-inset-bottom);
-    --safe-area-inset-left : env(safe-area-inset-left);
-
-
+    --safe-area-inset-left: env(safe-area-inset-left);
     /* //portrait orientation, status bar is shown */
     /*
     additionalSafeAreaInsets.top = 24.0
     additionalSafeAreaInsets.bottom = 34.0
     */
-
     /* //portrait orientation, status bar is hidden */
     /*
     additionalSafeAreaInsets.top = 44.0
     additionalSafeAreaInsets.bottom = 34.0
     */
-
     /* //landscape orientation */
     /*
     additionalSafeAreaInsets.top = 0.0
@@ -34,15 +30,14 @@
     */
 }
 
-.platform-ios.platform-cordova:not(.fullscreen) .has-header,
-.platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
+.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
     padding-left: calc(0px + var(--safe-area-inset-left));
     padding-right: calc(0px + var(--safe-area-inset-right));
     padding-bottom: calc(0px + var(--safe-area-inset-bottom));
 }
 
 .bar-footer {
-    height: calc(54px + var(--safe-area-inset-bottom, 19px));
+    height: calc(44px + var(--safe-area-inset-bottom, 19px));
     padding-left: var(--safe-area-inset-left);
     padding-right: var(--safe-area-inset-right);
 }
@@ -53,25 +48,25 @@
     padding-right: var(--safe-area-inset-right);
 }
 
-.bar-header:not(.bar-subheader) > * {
+.bar-header:not(.bar-subheader)>* {
     margin-top: var(--safe-area-inset-top, 20px) !important;
 }
 
 .bar-footer button {
-   margin-bottom: var(--safe-area-inset-bottom);
+    margin-bottom: var(--safe-area-inset-bottom);
 }
 
 .tabs {
-    height: calc(44px + var(--safe-area-inset-bottom, 19px)) !important;
-    min-height: 44px;
+    height: calc(53px + var(--safe-area-inset-bottom, 19px)) !important;
+    min-height: 53px;
 }
 
-.bar .title + .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons {
+.bar .title, .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons {
     margin-right: calc(5px + var(--safe-area-inset-left));
 }
 
 .has-header {
-  top: calc(44px + var(--safe-area-inset-top)) !important;
+    top: calc(44px + var(--safe-area-inset-top)) !important;
 }
 
 body {
@@ -105,8 +100,7 @@ body {
     line-height: 0px;
 }
 
-.list .item.item-accordion.ng-hide-add,
-.list .item.item-accordion.ng-hide-remove {
+.list .item.item-accordion.ng-hide-add, .list .item.item-accordion.ng-hide-remove {
     display: block !important;
 }
 
@@ -133,7 +127,7 @@ body {
     transition: 400ms;
 }
 
-.menu-view .user-button p, .login-bg .user-button p  {
+.menu-view .user-button p, .login-bg .user-button p {
     color: #aaa;
 }
 
@@ -147,7 +141,7 @@ body {
     border: 1px solid #1d4f9e;
 } */
 
-.center-content-vertically{
+.center-content-vertically {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -196,7 +190,7 @@ body {
     padding-left: 10px;
 }
 
-.custom-item-avatar-imagem{
+.custom-item-avatar-imagem {
     width: 40px;
     height: 40px;
     border-radius: 50%;
@@ -206,12 +200,12 @@ body {
     float: left;
 }
 
-
 /*
  * This class was intended to be used only for Screen Readers
  * Please, search for .sr-only on Bootstrap docs
  */
-.sr-only{
+
+.sr-only {
     display: none !important;
 }
 
@@ -226,7 +220,7 @@ kendo-chat .k-bubble {
     user-select: auto;
 }
 
-.icon-designtime-ion-list{
+.icon-designtime-ion-list {
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -240,35 +234,38 @@ kendo-chat .k-bubble {
     right: 18px;
 }
 
-.selected-designtime-list .checkbox input:checked:before,
-.selected-designtime-list input:checked + .selected-designtime-list .checkbox-icon:before{
+.selected-designtime-list .checkbox input:checked:before, .selected-designtime-list input:checked+.selected-designtime-list .checkbox-icon:before {
     background: #2B71E8;
     border-color: #2B71E8;
 }
 
-.bar .title{
+.bar .title {
     text-align: inherit;
 }
 
-.bar-positive .button.button-icon{
+ion-header-bar.bar h1.title {
+    text-align: center;
+}
+
+.bar-positive .button.button-icon {
     align-content: center;
     display: grid;
 }
 
-.bar-positive .button.button-clear i{
+.bar-positive .button.button-clear i {
     font-size: 28px;
 }
 
-.button-bar > .button{
+.button-bar>.button {
     gap: 6px;
     display: flex;
 }
 
-.button-bar > .button:last-child{
+.button-bar>.button:last-child {
     border-right-width: inherit;
 }
 
-.item-floating-label .input-label{
+.item-floating-label .input-label {
     display: table;
 }
 
@@ -298,4 +295,97 @@ kendo-chat .k-bubble {
 
 .has-footer-tabs {
     bottom: 57px;
+}
+
+.tab-content>.tab-pane {
+    display: none
+}
+
+.tab-content>.active {
+    display: block
+}
+
+.crn-ion-header-bar h1.title{    
+    left: 40px; 
+    right: 40px;
+}
+
+
+/* ion-footer-bar */
+
+.bar-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.bar-footer .button {
+    border-color: #1659ca;
+    margin: 0;
+}
+
+.bar-footer .buttons:last-child {
+    margin-right: 0;
+}
+
+.bar.bar-footer {
+    padding: 5px;
+}
+
+.bar-footer.bar .title {
+    position: initial;
+    width: 45%;
+}
+
+.bar-footer.bar .title+.buttons{
+    position: initial;
+}
+
+/* Carrossel */
+
+.crn-slider-item {
+    height: 200px; 
+    position: relative;
+    object-fit: cover;
+}
+
+.crn-slider-item h2 {
+    text-align: center;
+    color: #ffffff;
+    font-weight: bold;
+    left: 50%;
+    margin: 0;
+    transform: translate(-50%, -50%);
+    position: absolute;
+    width: 100%;
+}
+
+.crn-slider-item h2.text-center{
+    text-align: center !important;
+}
+
+.crn-slider-item h2.text-left{
+    text-align: left !important;
+}
+
+.crn-slider-item h2.text-right{
+    text-align: right !important;
+}
+
+.slider-pager{
+    bottom: 5px;
+}
+
+.slider{
+    width: 100%;
+}
+
+.item-input input.ng-invalid{
+    border-bottom: 1px solid #f15858;
+}
+
+textarea.ng-invalid, textarea.ng-invalid-minlength{
+    border-bottom: 1px solid #f15858;
+    margin-bottom: 0;
 }

package/css/signup.css

@@ -0,0 +1,13 @@
+.containerMobile{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    flex-direction: column;
+}
+
+.buttonFooter{
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none;
+}

package/dist/components/css/app.css

@@ -0,0 +1 @@
+@import "tabs-color.css";@import 'background-color.css';@import 'icon-size.css';@import 'crn-ion-segment.css';:root{--assertive:#ef473a;--balanced:#33cd5f;--energized:#ffc900;--light:#fff;--stable:#f8f8f8;--calm:#11c1f3;--positive:#387ef5;--royal:#886aea;--dark:#444;--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}.font-size-100{font-size:100%}.font-size-200{font-size:200%}.font-size-300{font-size:300%}.font-size-400{font-size:400%}.font-size-500{font-size:500%}.font-size-600{font-size:600%}.font-size-700{font-size:700%}.top-13{top:13%}.top-50{top:50%}.top-78{top:78%}

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

@@ -1 +1 @@
-.tabs-striped.background-white .tabs{background-color:var(--white)}.tabs-striped.background-gray .tabs{background-color:var(--gray)}.tabs-striped.background-black .tabs{background-color:var(--black)}.tabs-striped.background-blue .tabs{background-color:var(--blue)}.tabs-striped.background-light-blue .tabs{background-color:var(--light-blue)}.tabs-striped.background-dark-blue .tabs{background-color:var(--dark-blue)}.tabs-striped.background-purple .tabs{background-color:var(--purple)}.tabs-striped.background-light-purple .tabs{background-color:var(--light-purple)}.tabs-striped.background-dark-purple .tabs{background-color:var(--dark-purple)}.tabs-striped.background-red .tabs{background-color:var(--red)}.tabs-striped.background-light-red .tabs{background-color:var(--light-red)}.tabs-striped.background-dark-red .tabs{background-color:var(--dark-red)}.tabs-striped.background-orange .tabs{background-color:var(--orange)}.tabs-striped.background-light-orange .tabs{background-color:var(--light-orange)}.tabs-striped.background-dark-orange .tabs{background-color:var(--dark-orange)}.tabs-striped.background-yellow .tabs{background-color:var(--yellow)}.tabs-striped.background-light-yellow .tabs{background-color:var(--light-yellow)}.tabs-striped.background-dark-yellow .tabs{background-color:var(--dark-yellow)}.tabs-striped.background-green .tabs{background-color:var(--green)}.tabs-striped.background-light-green .tabs{background-color:var(--light-green)}.tabs-striped.background-dark-green .tabs{background-color:var(--dark-green)}
+.tabs-striped.background-white .tabs{background-color:var(--white)}.tabs-striped.background-gray .tabs{background-color:var(--gray)}.tabs-striped.background-black .tabs{background-color:var(--black)}.tabs-striped.background-blue .tabs{background-color:var(--blue)}.tabs-striped.background-light-blue .tabs{background-color:var(--light-blue)}.tabs-striped.background-dark-blue .tabs{background-color:var(--dark-blue)}.tabs-striped.background-purple .tabs{background-color:var(--purple)}.tabs-striped.background-light-purple .tabs{background-color:var(--light-purple)}.tabs-striped.background-dark-purple .tabs{background-color:var(--dark-purple)}.tabs-striped.background-red .tabs{background-color:var(--red)}.tabs-striped.background-light-red .tabs{background-color:var(--light-red)}.tabs-striped.background-dark-red .tabs{background-color:var(--dark-red)}.tabs-striped.background-orange .tabs{background-color:var(--orange)}.tabs-striped.background-light-orange .tabs{background-color:var(--light-orange)}.tabs-striped.background-dark-orange .tabs{background-color:var(--dark-orange)}.tabs-striped.background-yellow .tabs{background-color:var(--yellow)}.tabs-striped.background-light-yellow .tabs{background-color:var(--light-yellow)}.tabs-striped.background-dark-yellow .tabs{background-color:var(--dark-yellow)}.tabs-striped.background-green .tabs{background-color:var(--green)}.tabs-striped.background-light-green .tabs{background-color:var(--light-green)}.tabs-striped.background-dark-green .tabs{background-color:var(--dark-green)}.tabs-striped.background-assertive .tabs{background-color:var(--assertive)}.tabs-striped.background-balanced .tabs{background-color:var(--balanced)}.tabs-striped.background-energized .tabs{background-color:var(--energized)}.tabs-striped.background-light .tabs{background-color:var(--light)}.tabs-striped.background-stable .tabs{background-color:var(--stable)}.tabs-striped.background-calm .tabs{background-color:var(--calm)}.tabs-striped.background-positive .tabs{background-color:var(--positive)}.tabs-striped.background-royal .tabs{background-color:var(--royal)}.tabs-striped.background-dark .tabs{background-color:var(--dark)}

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

@@ -1 +1 @@
-@import "tabs-color.css";@import 'background-color.css';@import 'icon-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)}
+.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/css/crn-ion-segment.css

@@ -0,0 +1 @@
+.crn-ion-segment-light ul,.crn-ion-segment-modern ul,.crn-ion-segment-classic ul{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:18px;margin:0 auto;padding:2.5px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li,.crn-ion-segment-classic ul li{background-color:transparent;border:0;border-radius:16px;cursor:pointer;font-size:11px;text-align:center;line-height:21px;padding-top:2px;min-width:93px;width:-webkit-fill-available;height:98%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{display:flex;align-items:center;justify-content:center;width:100%}.crn-ion-segment-light ul{min-height:54px}.crn-ion-segment-classic ul.icon-orientation-below,.crn-ion-segment-modern ul.icon-orientation-below,.crn-ion-segment-classic ul.icon-orientation-above,.crn-ion-segment-modern ul.icon-orientation-above{min-height:54px;height:100%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{height:100%}.crn-ion-segment-modern ul.icon-orientation-left,.crn-ion-segment-classic ul.icon-orientation-left .crn-ion-segment-modern ul.icon-orientation-right,.crn-ion-segment-classic ul.icon-orientation-right{min-height:auto}.crn-ion-segment-light ul li a:hover,.crn-ion-segment-modern ul li a:hover,.crn-ion-segment-classic ul li a:hover{cursor:pointer}.crn-ion-segment-light ul li a i,.crn-ion-segment-modern ul li a i,.crn-ion-segment-classic ul li a i{margin-bottom:3px}.crn-ion-segment-light ul li.active a,.crn-ion-segment-modern ul li.active a,.crn-ion-segment-classic ul li.active a{background-color:transparent}.crn-ion-segment-light ul li.active{font-weight:600}.crn-ion-segment-modern ul li.active,.crn-ion-segment-classic ul li.active{box-shadow:rgb(0 16 46 / 15%) 0 2px 3px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li{border-radius:6px}.crn-ion-segment-light ul,.crn-ion-segment-modern ul{border-radius:0}.crn-ion-segment-classic ul.tabs-template-compact{width:79%}.crn-ion-segment-light ul.tabs-template-full,.crn-ion-segment-modern ul.tabs-template-full{width:100%}.icon-orientation-above li a{flex-direction:column;gap:0}.icon-orientation-below li a{flex-direction:column-reverse;gap:0}.icon-orientation-right li a{flex-direction:row-reverse;gap:5px}.icon-orientation-left li a{flex-direction:row;gap:5px}div.crn-ion-segment-light.icon-theme-light-assertive li a,.ion-segment-assertive li a{color:var(--assertive);opacity:.64}div.crn-ion-segment-light.icon-theme-light-assertive li.active a,.ion-segment-assertive li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-balanced li a,.ion-segment-balanced li a{color:var(--balanced);opacity:.64}div.crn-ion-segment-light.icon-theme-light-balanced li.active a,.ion-segment-balanced li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-energized li a,.ion-segment-energized li a{color:var(--energized);opacity:.64}div.crn-ion-segment-light.icon-theme-light-energized li.active a,.ion-segment-energized li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light li a,.ion-segment-light li a{color:var(--light);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light li.active a,.ion-segment-light li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-stable li a,.ion-segment-stable li a{color:var(--stable);opacity:.64}div.crn-ion-segment-light.icon-theme-light-stable li.active a,.ion-segment-stable li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-calm li a,.ion-segment-calm li a{color:var(--calm);opacity:.64}div.crn-ion-segment-light.icon-theme-light-calm li.active a,.ion-segment-calm li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-positive li a,.ion-segment-positive li a{color:var(--positive);opacity:.64}div.crn-ion-segment-light.icon-theme-light-positive li.active a,.ion-segment-positive li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-royal li a,.ion-segment-royal li a{color:var(--royal);opacity:.64}div.crn-ion-segment-light.icon-theme-light-royal li.active a,.ion-segment-royal li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark li a,.ion-segment-dark li a{color:var(--dark);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark li.active a,.ion-segment-dark li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-white li a,.ion-segment-white li a{color:var(--white);opacity:.64}div.crn-ion-segment-light.icon-theme-light-white li.active a,.ion-segment-white li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-gray li a,.ion-segment-gray li a{color:var(--gray);opacity:.64}div.crn-ion-segment-light.icon-theme-light-gray li.active a,.ion-segment-gray li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-black li a,.ion-segment-black li a{color:var(--black);opacity:.64}div.crn-ion-segment-light.icon-theme-light-black li.active a,.ion-segment-black li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-blue li a,.ion-segment-blue li a{color:var(--blue);opacity:.64}div.crn-ion-segment-light.icon-theme-light-blue li.active a,.ion-segment-blue li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-blue li a,.ion-segment-light-blue li a{color:var(--light-blue);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-blue li.active a,.ion-segment-light-blue li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-blue li a,.ion-segment-dark-blue li a{color:var(--dark-blue);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-blue li.active a,.ion-segment-dark-blue li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-purple li a,.ion-segment-purple li a{color:var(--purple);opacity:.64}div.crn-ion-segment-light.icon-theme-light-purple li.active a,.ion-segment-purple li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-purple li a,.ion-segment-light-purple li a{color:var(--light-purple);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-purple li.active a,.ion-segment-light-purple li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-purple li a,.ion-segment-dark-purple li a{color:var(--dark-purple);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-purple li.active a,.ion-segment-dark-purple li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-red li a,.ion-segment-red li a{color:var(--red);opacity:.64}div.crn-ion-segment-light.icon-theme-light-red li.active a,.ion-segment-red li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-red li a,.ion-segment-light-red li a{color:var(--light-red);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-red li.active a,.ion-segment-light-red li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-red li a,.ion-segment-dark-red li a{color:var(--dark-red);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-red li.active a,.ion-segment-dark-red li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-orange li a,.ion-segment-orange li a{color:var(--orange);opacity:.64}div.crn-ion-segment-light.icon-theme-light-orange li.active a,.ion-segment-orange li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-red li a,.ion-segment-light-orange li a{color:var(--light-orange);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-red li.active a,.ion-segment-light-orange li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-red li a,.ion-segment-dark-orange li a{color:var(--dark-orange);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-red li.active a,.ion-segment-dark-orange li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-yellow li a,.ion-segment-yellow li a{color:var(--yellow);opacity:.64}div.crn-ion-segment-light.icon-theme-light-yellow li.active a,.ion-segment-yellow li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-yellow li a,.ion-segment-light-yellow li a{color:var(--light-yellow);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-yellow li.active a,.ion-segment-light-yellow li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-yellow li a,.ion-segment-dark-yellow li a{color:var(--dark-yellow);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-yellow li.active a,.ion-segment-dark-yellow li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-green li a,.ion-segment-green li a{color:var(--green);opacity:.64}div.crn-ion-segment-light.icon-theme-light-green li.active a,.ion-segment-green li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-green li a,.ion-segment-light-green li a{color:var(--light-green);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-green li.active a,.ion-segment-light-green li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-green li a,.ion-segment-dark-green li a{color:var(--dark-green);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-green li.active a,.ion-segment-dark-green li.active a{opacity:1}.font-size-100 i{font-size:100%}.font-size-200 i{font-size:200%}.font-size-300 i{font-size:300%}.font-size-400 i{font-size:400%}.font-size-500 i{font-size:500%}.font-size-600 i{font-size:600%}.font-size-700 i{font-size:700%}.background-assertive{background-color:#ef473a47}.background-balanced{background-color:#33cd5f47}.background-energized{background-color:#ffc90047}.background-light{background-color:#ffffff47}.background-stable{background-color:#f8f8f847}.background-calm{background-color:#11c1f347}.background-positive{background-color:#387ef547}.background-royal{background-color:#886aea47}.background-dark{background-color:#44444447}.background-white{background-color:#ffffff47}.background-gray{background-color:#33333347}.background-black{background-color:#00000047}.background-blue{background-color:#0247FE47}.background-light-blue{background-color:#85A5FF47}.background-dark-blue{background-color:#00217A47}.background-purple{background-color:#3D01A447}.background-light-purple{background-color:#B285FF47}.background-dark-purple{background-color:#2D007A47}.background-red{background-color:#FE271247}.background-light-red{background-color:#FE8F8447}.background-dark-red{background-color:#7A0B0047}.background-orange{background-color:#FB9B0247}.background-light-orange{background-color:#FFD08547}.background-dark-orange{background-color:#7A4B0047}.background-yellow{background-color:#FFFF3347}.background-light-yellow{background-color:#FFFF8547}.background-dark-yellow{background-color:#7A7A0047}.background-green{background-color:#66B03247}.background-light-green{background-color:#B7FF8547}.background-dark-green{background-color:#337A0047}div.crn-ion-segment-classic ul.active-background-assertive li.active,div.crn-ion-segment-modern ul.active-background-assertive li.active{background-color:var(--assertive)}div.crn-ion-segment-classic ul.active-background-balanced li.active,div.crn-ion-segment-modern ul.active-background-balanced li.active{background-color:var(--balanced)}div.crn-ion-segment-classic ul.active-background-energized li.active,div.crn-ion-segment-modern ul.active-background-energized li.active{background-color:var(--energized)}div.crn-ion-segment-classic ul.active-background-light li.active,div.crn-ion-segment-modern ul.active-background-light li.active{background-color:var(--light)}div.crn-ion-segment-classic ul.active-background-stable li.active,div.crn-ion-segment-modern ul.active-background-stable li.active{background-color:var(--stable)}div.crn-ion-segment-classic ul.active-background-calm li.active,div.crn-ion-segment-modern ul.active-background-calm li.active{background-color:var(--calm)}div.crn-ion-segment-classic ul.active-background-positive li.active,div.crn-ion-segment-modern ul.active-background-positive li.active{background-color:var(--positive)}div.crn-ion-segment-classic ul.active-background-royal li.active,div.crn-ion-segment-modern ul.active-background-royal li.active{background-color:var(--royal)}div.crn-ion-segment-classic ul.active-background-dark li.active,div.crn-ion-segment-modern ul.active-background-dark li.active{background-color:var(--dark)}div.crn-ion-segment-classic ul.active-background-white li.active,div.crn-ion-segment-modern ul.active-background-white li.active{background-color:var(--white)}div.crn-ion-segment-classic ul.active-background-gray li.active,div.crn-ion-segment-modern ul.active-background-gray li.active{background-color:var(--gray)}div.crn-ion-segment-classic ul.active-background-black li.active,div.crn-ion-segment-modern ul.active-background-black li.active{background-color:var(--black)}div.crn-ion-segment-classic ul.active-background-blue li.active,div.crn-ion-segment-modern ul.active-background-blue li.active{background-color:var(--blue)}div.crn-ion-segment-classic ul.active-background-light-blue li.active,div.crn-ion-segment-modern ul.active-background-light-blue li.active{background-color:var(--light-blue)}div.crn-ion-segment-classic ul.active-background-dark-blue li.active,div.crn-ion-segment-modern ul.active-background-dark-blue li.active{background-color:var(--dark-blue)}div.crn-ion-segment-classic ul.active-background-purple li.active,div.crn-ion-segment-modern ul.active-background-purple li.active{background-color:var(--purple)}div.crn-ion-segment-classic ul.active-background-light-purple li.active,div.crn-ion-segment-modern ul.active-background-light-purple li.active{background-color:var(--light-purple)}div.crn-ion-segment-classic ul.active-background-dark-purple li.active,div.crn-ion-segment-modern ul.active-background-dark-purple li.active{background-color:var(--dark-purple)}div.crn-ion-segment-classic ul.active-background-red li.active,div.crn-ion-segment-modern ul.active-background-red li.active{background-color:var(--red)}div.crn-ion-segment-classic ul.active-background-light-red li.active,div.crn-ion-segment-modern ul.active-background-light-red li.active{background-color:var(--light-red)}div.crn-ion-segment-classic ul.active-background-dark-red li.active,div.crn-ion-segment-modern ul.active-background-dark-red li.active{background-color:var(--dark-red)}div.crn-ion-segment-classic ul.active-background-orange li.active,div.crn-ion-segment-modern ul.active-background-orange li.active{background-color:var(--orange)}div.crn-ion-segment-classic ul.active-background-light-orange li.active,div.crn-ion-segment-modern ul.active-background-light-orange li.active{background-color:var(--light-orange)}div.crn-ion-segment-classic ul.active-background-dark-orange li.active,div.crn-ion-segment-modern ul.active-background-dark-orange li.active{background-color:var(--dark-orange)}div.crn-ion-segment-classic ul.active-background-yellow li.active,div.crn-ion-segment-modern ul.active-background-yellow li.active{background-color:var(--yellow)}div.crn-ion-segment-classic ul.active-background-light-yellow li.active,div.crn-ion-segment-modern ul.active-background-light-yellow li.active{background-color:var(--light-yellow)}div.crn-ion-segment-classic ul.active-background-dark-yellow li.active,div.crn-ion-segment-modern ul.active-background-dark-yellow li.active{background-color:var(--dark-yellow)}div.crn-ion-segment-classic ul.active-background-green li.active,div.crn-ion-segment-modern ul.active-background-green li.active{background-color:var(--green)}div.crn-ion-segment-classic ul.active-background-light-green li.active,div.crn-ion-segment-modern ul.active-background-light-green li.active{background-color:var(--light-green)}div.crn-ion-segment-classic ul.active-background-dark-green li.active,div.crn-ion-segment-modern ul.active-background-dark-green li.active{background-color:var(--dark-green)}.crn-ion-segment-light ul{padding-bottom:0}div.crn-ion-segment-light ul li.active{border-bottom:1px solid;border-radius:0;box-shadow:none;background-color:transparent}div.crn-ion-segment-light.icon-theme-light-white li.active{border-color:var(--white)}div.crn-ion-segment-light.icon-theme-light-gray li.active{border-color:var(--gray)}div.crn-ion-segment-light.icon-theme-light-black li.active{border-color:var(--black)}div.crn-ion-segment-light.icon-theme-light-blue li.active{border-color:var(--blue)}div.crn-ion-segment-light.icon-theme-light-light-blue li.active{border-color:var(--light-blue)}div.crn-ion-segment-light.icon-theme-light-dark-blue li.active{border-color:var(--dark-blue)}div.crn-ion-segment-light.icon-theme-light-purple li.active{border-color:var(--purple)}div.crn-ion-segment-light.icon-theme-light-light-purple li.active{border-color:var(--light-purple)}div.crn-ion-segment-light.icon-theme-light-dark-purple li.active{border-color:var(--dark-purple)}div.crn-ion-segment-light.icon-theme-light-red li.active{border-color:var(--red)}div.crn-ion-segment-light.icon-theme-light-light-red li.active{border-color:var(--light-red)}div.crn-ion-segment-light.icon-theme-light-dark-red li.active{border-color:var(--dark-red)}div.crn-ion-segment-light.icon-theme-light-orange li.active{border-color:var(--orange)}div.crn-ion-segment-light.icon-theme-light-light-orange li.active{border-color:var(--light-orange)}div.crn-ion-segment-light.icon-theme-light-dark-orange li.active{border-color:var(--dark-orange)}div.crn-ion-segment-light.icon-theme-light-yellow li.active{border-color:var(--yellow)}div.crn-ion-segment-light.icon-theme-light-light-yellow li.active{border-color:var(--light-yellow)}div.crn-ion-segment-light.icon-theme-light-dark-yellow li.active{border-color:var(--dark-yellow)}div.crn-ion-segment-light.icon-theme-light-green li.active{border-color:var(--green)}div.crn-ion-segment-light.icon-theme-light-light-green li.active{border-color:var(--light-green)}div.crn-ion-segment-light.icon-theme-light-dark-green li.active{border-color:var(--dark-green)}div.crn-ion-segment-light.icon-theme-light-assertive li.active{border-color:var(--assertive)}div.crn-ion-segment-light.icon-theme-light-balanced li.active{border-color:var(--balanced)}div.crn-ion-segment-light.icon-theme-light-energized li.active{border-color:var(--energized)}div.crn-ion-segment-light.icon-theme-light-light li.active{border-color:var(--light)}div.crn-ion-segment-light.icon-theme-light-stable li.active{border-color:var(--stable)}div.crn-ion-segment-light.icon-theme-light-calm li.active{border-color:var(--calm)}div.crn-ion-segment-light.icon-theme-light-positive li.active{border-color:var(--positive)}div.crn-ion-segment-light.icon-theme-light-royal li.active{border-color:var(--royal)}div.crn-ion-segment-light.icon-theme-light-dark li.active{border-color:var(--dark)}

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

@@ -1 +1 @@
-<div class="component-holder ng-scope" data-component="crn-ion-list" id="crn-ion-list-1003183"><div class="item item-input-inset"><div class="item-input-wrapper"><i class="icon ion-search placeholder-icon"></i> <input aria-label="Pesquisar" type="text" placeholder="Pesquisar" class="ng-pristine ng-untouched ng-valid ng-empty"></div><button class="button-small cron-list-button-clean button button-inline button-positive component-holder"><span cron-list-button-text="">Limpar Seleção</span></button></div><ion-list type="" can-swipe="listCanSwipe" class="disable-user-behavior"><div class="list"><ion-item class="item item-complex item-right-editable item-icon-right item-thumbnail-left cron-list-selected"><ul class="checkbox-group component-holder cron-list-multiselect-thumbnail selected-designtime-list"><label class="checkbox"><input type="checkbox" value="on" checked="checked"></label></ul><div class="item-content"><img alt="Thumbnail" src="node_modules/cronapp-framework-mobile-js/img/user.svg"><div class="text-left"><h2 class="ng-binding">Advanced List Title</h2><p class="dark ng-binding">Advanced List Subtitle</p><p class="dark ng-binding">Advanced List Subtitle</p></div><i class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i></div></ion-item><ion-item class="item item-complex item-right-editable item-icon-right item-thumbnail-left"><ul ng-if="options.allowMultiselect" class="checkbox-group component-holder cron-list-multiselect-thumbnail"><label class="checkbox"><input type="checkbox"></label></ul><div class="item-content"><img alt="Thumbnail" src="node_modules/cronapp-framework-mobile-js/img/user.svg"><div class="text-left"><h2 class="ng-binding">admin@cronapp.io</h2><p class="dark ng-binding">Administrator</p><p class="dark ng-binding">admin</p></div><i ng-if="options.icon" class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i></div><div class="item-options invisible"><ion-option-button class="button-positive ion-edit button" ng-click="User.startEditing(rowData)" role="button" tabindex="0"><span class="ng-binding">Editar</span></ion-option-button><ion-option-button class="button-assertive ion-trash-a button" ng-click="User.remove(rowData)" role="button" tabindex="0"><span class="ng-binding">Remover</span></ion-option-button></div></ion-item></div></ion-list></div>
+<div class="component-holder ng-scope" data-component="crn-ion-list" id="crn-ion-list-1003183"><div class="item item-input-inset"><div class="item-input-wrapper"><i class="icon ion-search placeholder-icon"></i> <input aria-label="Pesquisar" type="text" placeholder="Pesquisar" class="ng-pristine ng-untouched ng-valid ng-empty"></div><button class="button-small cron-list-button-clean button button-inline button-positive component-holder"><span cron-list-button-text="">Limpar Seleção</span></button></div><ion-list type="" can-swipe="listCanSwipe" class="disable-user-behavior"><div class="list"><ion-item class="item item-complex item-right-editable item-icon-right item-thumbnail-left cron-list-selected"><ul class="checkbox-group component-holder cron-list-multiselect-thumbnail selected-designtime-list"><label class="checkbox"><input type="checkbox" value="on" checked="checked"></label></ul><div class="item-content"><img alt="Thumbnail" src="node_modules/cronapp-framework-mobile-js/img/user.svg"><div class="text-left"><h2 class="ng-binding">Advanced List Title</h2><p class="dark ng-binding">Advanced List Subtitle</p><p class="dark ng-binding">Advanced List Subtitle</p></div><i class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i></div></ion-item></div></ion-list></div>

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

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

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

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