cronapp-framework-mobile-js 4.0.0 → 4.0.2

package/lib/ionic/scss/_modal.scss

@@ -1,102 +0,0 @@
-
-/**
- * Modals
- * --------------------------------------------------
- * Modals are independent windows that slide in from off-screen.
- */
-
-.modal-backdrop,
-.modal-backdrop-bg {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: $z-index-modal;
-  width: 100%;
-  height: 100%;
-}
-
-.modal-backdrop-bg {
-  pointer-events: none;
-}
-
-.modal {
-  display: block;
-  position: absolute;
-  top: 0;
-  z-index: $z-index-modal;
-  overflow: hidden;
-  min-height: 100%;
-  width: 100%;
-  background-color: $modal-bg-color;
-}
-
-@media (min-width: $modal-inset-mode-break-point) {
-  // inset mode is when the modal doesn't fill the entire
-  // display but instead is centered within a large display
-  .modal {
-    top: $modal-inset-mode-top;
-    right: $modal-inset-mode-right;
-    bottom: $modal-inset-mode-bottom;
-    left: $modal-inset-mode-left;
-    min-height: $modal-inset-mode-min-height;
-    width: (100% - $modal-inset-mode-left - $modal-inset-mode-right);
-  }
-
-  .modal.ng-leave-active {
-    bottom: 0;
-  }
-
-  // remove ios header padding from inset header
-  .platform-ios.platform-cordova .modal-wrapper .modal {
-    .bar-header:not(.bar-subheader) {
-      height: $bar-height;
-      > * {
-        margin-top: 0;
-      }
-    }
-    .tabs-top > .tabs,
-    .tabs.tabs-top {
-      top: $bar-height;
-    }
-    .has-header,
-    .bar-subheader {
-      top: $bar-height;
-    }
-    .has-subheader {
-      top: $bar-height + $bar-subheader-height;
-    }
-    .has-header.has-tabs-top {
-      top: $bar-height + $tabs-height;
-    }
-    .has-header.has-subheader.has-tabs-top {
-      top: $bar-height + $bar-subheader-height + $tabs-height;
-    }
-  }
-
-  .modal-backdrop-bg {
-    @include transition(opacity 300ms ease-in-out);
-    background-color: $modal-backdrop-bg-active;
-    opacity: 0;
-  }
-
-  .active .modal-backdrop-bg {
-    opacity: 0.5;
-  }
-}
-
-// disable clicks on all but the modal
-.modal-open {
-  pointer-events: none;
-
-  .modal,
-  .modal-backdrop {
-    pointer-events: auto;
-  }
-  // prevent clicks on modal when loading overlay is active though
-  &.loading-active {
-    .modal,
-    .modal-backdrop {
-      pointer-events: none;
-    }
-  }
-}

package/lib/ionic/scss/_platform.scss

@@ -1,77 +0,0 @@
-
-/**
- * Platform
- * --------------------------------------------------
- * Platform specific tweaks
- */
-
-.platform-ios.platform-cordova {
-  // iOS has a status bar which sits on top of the header.
-  // Bump down everything to make room for it. However, if
-  // if its in Cordova, and set to fullscreen, then disregard the bump.
-  &:not(.fullscreen) {
-    .bar-header:not(.bar-subheader) {
-      height: $bar-height + $ios-statusbar-height;
-
-      &.item-input-inset .item-input-wrapper {
-        margin-top: 19px !important;
-      }
-
-      > * {
-        margin-top: $ios-statusbar-height;
-      }
-    }
-    .tabs-top > .tabs,
-    .tabs.tabs-top {
-      top: $bar-height + $ios-statusbar-height;
-    }
-
-    .has-header,
-    .bar-subheader {
-      top: $bar-height + $ios-statusbar-height;
-    }
-    .has-subheader {
-      top: $bar-height + $bar-subheader-height + $ios-statusbar-height;
-    }
-    .has-header.has-tabs-top {
-      top: $bar-height + $tabs-height + $ios-statusbar-height;
-    }
-    .has-header.has-subheader.has-tabs-top {
-      top: $bar-height + $bar-subheader-height + $tabs-height + $ios-statusbar-height;
-    }
-  }
-  .popover{
-    .bar-header:not(.bar-subheader) {
-      height: $bar-height;
-      &.item-input-inset .item-input-wrapper {
-        margin-top: -1px;
-      }
-      > * {
-        margin-top: 0;
-      }
-    }
-    .has-header,
-    .bar-subheader {
-      top: $bar-height;
-    }
-    .has-subheader {
-      top: $bar-height + $bar-subheader-height;
-    }
-  }
-  &.status-bar-hide {
-    // Cordova doesn't adjust the body height correctly, this makes up for it
-    margin-bottom: 20px;
-  }
-}
-
-@media (orientation:landscape) {
-  .platform-ios.platform-browser.platform-ipad {
-    position: fixed; // required for iPad 7 Safari
-  }
-}
-
-.platform-c:not(.enable-transitions) * {
-  // disable transitions on grade-c devices (Android 2)
-  -webkit-transition: none !important;
-  transition: none !important;
-}

package/lib/ionic/scss/_popover.scss

@@ -1,168 +0,0 @@
-
-/**
- * Popovers
- * --------------------------------------------------
- * Popovers are independent views which float over content
- */
-
-.popover-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: $z-index-popover;
-  width: 100%;
-  height: 100%;
-  background-color: $popover-backdrop-bg-inactive;
-
-  &.active {
-    background-color: $popover-backdrop-bg-active;
-  }
-}
-
-.popover {
-  position: absolute;
-  top: 25%;
-  left: 50%;
-  z-index: $z-index-popover;
-  display: block;
-  margin-top: 12px;
-  margin-left: -$popover-width / 2;
-  height: $popover-height;
-  width: $popover-width;
-  background-color: $popover-bg-color;
-  box-shadow: $popover-box-shadow;
-  opacity: 0;
-
-  .item:first-child {
-    border-top: 0;
-  }
-
-  .item:last-child {
-    border-bottom: 0;
-  }
-
-  &.popover-bottom {
-    margin-top: -12px;
-  }
-}
-
-
-// Set popover border-radius
-.popover,
-.popover .bar-header {
-  border-radius: $popover-border-radius;
-}
-.popover .scroll-content {
-  z-index: 1;
-  margin: 2px 0;
-}
-.popover .bar-header {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.popover .has-header {
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-}
-.popover-arrow {
-  display: none;
-}
-
-
-// iOS Popover
-.platform-ios {
-
-  .popover {
-    box-shadow: $popover-box-shadow-ios;
-    border-radius: $popover-border-radius-ios;
-  }
-  .popover .bar-header {
-    @include border-top-radius($popover-border-radius-ios);
-  }
-  .popover .scroll-content {
-    margin: 8px 0;
-    border-radius: $popover-border-radius-ios;
-  }
-  .popover .scroll-content.has-header {
-    margin-top: 0;
-  }
-  .popover-arrow {
-    position: absolute;
-    display: block;
-    top: -17px;
-    width: 30px;
-    height: 19px;
-    overflow: hidden;
-
-    &:after {
-      position: absolute;
-      top: 12px;
-      left: 5px;
-      width: 20px;
-      height: 20px;
-      background-color: $popover-bg-color;
-      border-radius: 3px;
-      content: '';
-      @include rotate(-45deg);
-    }
-  }
-  .popover-bottom .popover-arrow {
-    top: auto;
-    bottom: -10px;
-    &:after {
-      top: -6px;
-    }
-  }
-}
-
-
-// Android Popover
-.platform-android {
-
-  .popover {
-    margin-top: -32px;
-    background-color: $popover-bg-color-android;
-    box-shadow: $popover-box-shadow-android;
-
-    .item {
-      border-color: $popover-bg-color-android;
-      background-color: $popover-bg-color-android;
-      color: #4d4d4d;
-    }
-    &.popover-bottom {
-      margin-top: 32px;
-    }
-  }
-
-  .popover-backdrop,
-  .popover-backdrop.active {
-    background-color: transparent;
-  }
-}
-
-
-// disable clicks on all but the popover
-.popover-open {
-  pointer-events: none;
-
-  .popover,
-  .popover-backdrop {
-    pointer-events: auto;
-  }
-  // prevent clicks on popover when loading overlay is active though
-  &.loading-active {
-    .popover,
-    .popover-backdrop {
-      pointer-events: none;
-    }
-  }
-}
-
-
-// wider popover on larger viewports
-@media (min-width: $popover-large-break-point) {
-  .popover {
-    width: $popover-large-width;
-    margin-left: -$popover-large-width / 2;
-  }
-}

package/lib/ionic/scss/_popup.scss

@@ -1,110 +0,0 @@
-
-/**
- * Popups
- * --------------------------------------------------
- */
-
-.popup-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0,0,0,0);
-
-  @include display-flex();
-  @include justify-content(center);
-  @include align-items(center);
-
-  z-index: $z-index-popup;
-
-  // Start hidden
-  visibility: hidden;
-  &.popup-showing {
-    visibility: visible;
-  }
-
-  &.popup-hidden .popup {
-    @include animation-name(scaleOut);
-    @include animation-duration($popup-leave-animation-duration);
-    @include animation-timing-function(ease-in-out);
-    @include animation-fill-mode(both);
-  }
-
-  &.active .popup {
-    @include animation-name(superScaleIn);
-    @include animation-duration($popup-enter-animation-duration);
-    @include animation-timing-function(ease-in-out);
-    @include animation-fill-mode(both);
-  }
-
-  .popup {
-    width: $popup-width;
-    max-width: 100%;
-    max-height: 90%;
-
-    border-radius: $popup-border-radius;
-    background-color: $popup-background-color;
-
-    @include display-flex();
-    @include flex-direction(column);
-  }
-
-  input,
-  textarea {
-    width: 100%;
-  }
-}
-
-.popup-head {
-  padding: 15px 10px;
-  border-bottom: 1px solid #eee;
-  text-align: center;
-}
-.popup-title {
-  margin: 0;
-  padding: 0;
-  font-size: 15px;
-}
-.popup-sub-title {
-  margin: 5px 0 0 0;
-  padding: 0;
-  font-weight: normal;
-  font-size: 11px;
-}
-.popup-body {
-  padding: 10px;
-  overflow: auto;
-}
-
-.popup-buttons {
-  @include display-flex();
-  @include flex-direction(row);
-  padding: 10px;
-  min-height: $popup-button-min-height + 20;
-
-  .button {
-    @include flex(1);
-    display: block;
-    min-height: $popup-button-min-height;
-    border-radius: $popup-button-border-radius;
-    line-height: $popup-button-line-height;
-
-    margin-right: 5px;
-    &:last-child {
-      margin-right: 0px;
-    }
-  }
-}
-
-.popup-open {
-  pointer-events: none;
-
-  &.modal-open .modal {
-    pointer-events: none;
-  }
-
-  .popup-backdrop, .popup {
-    pointer-events: auto;
-  }
-}

package/lib/ionic/scss/_progress.scss

@@ -1,11 +0,0 @@
-
-/**
- * Progress
- * --------------------------------------------------
- */
-
-progress {
-  display: block;
-  margin: $progress-margin;
-  width: $progress-width;
-}

package/lib/ionic/scss/_radio.scss

@@ -1,47 +0,0 @@
-
-/**
- * Radio Button Inputs
- * --------------------------------------------------
- */
-
-.item-radio {
-  padding: 0;
-
-  &:hover {
-    cursor: pointer;
-  }
-}
-
-.item-radio .item-content {
-  /* give some room to the right for the checkmark icon */
-  padding-right: $item-padding * 4;
-}
-
-.item-radio .radio-icon {
-  /* checkmark icon will be hidden by default */
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: $z-index-item-radio;
-  visibility: hidden;
-  padding: $item-padding - 2;
-  height: 100%;
-  font-size: 24px;
-}
-
-.item-radio input {
-  /* hide any radio button inputs elements (the ugly circles) */
-  position: absolute;
-  left: -9999px;
-
-  &:checked + .radio-content .item-content {
-    /* style the item content when its checked */
-    background: #f7f7f7;
-  }
-
-  &:checked + .radio-content .radio-icon {
-    /* show the checkmark icon when its checked */
-    visibility: visible;
-  }
-}
-

package/lib/ionic/scss/_range.scss

@@ -1,160 +0,0 @@
-
-/**
- * Range
- * --------------------------------------------------
- */
-
- .range input{
-  display: inline-block;
-  overflow: hidden;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding-right: 2px;
-  padding-left: 1px;
-  width: auto;
-  height: $range-slider-height + 15;
-  outline: none;
-  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, $range-default-track-bg), color-stop(100%, $range-default-track-bg));
-  background: linear-gradient(to right, $range-default-track-bg 0%, $range-default-track-bg 100%);
-  background-position: center;
-  background-size: 99% $range-track-height;
-  background-repeat: no-repeat;
-  -webkit-appearance: none;
-
-  &::-moz-focus-outer {
-    /* hide the focus outline in Firefox */
-    border: 0;
-  }
-
-  &::-webkit-slider-thumb {
-    position: relative;
-    width: $range-slider-width;
-    height: $range-slider-height;
-    border-radius: $range-slider-border-radius;
-    background-color: $toggle-handle-off-bg-color;
-    box-shadow: $range-slider-box-shadow;
-    cursor: pointer;
-    -webkit-appearance: none;
-    border: 0;
-  }
-
-  &::-webkit-slider-thumb:before{
-    /* what creates the colorful line on the left side of the slider */
-    position: absolute;
-    top: ($range-slider-height / 2) - ($range-track-height / 2);
-    left: -2001px;
-    width: 2000px;
-    height: $range-track-height;
-    background: $dark;
-    content: ' ';
-  }
-
-  &::-webkit-slider-thumb:after {
-    /* create a larger (but hidden) hit area */
-    position: absolute;
-    top: -15px;
-    left: -15px;
-    padding: 30px;
-    content: ' ';
-    //background: red;
-    //opacity: .5;
-  }
-   &::-ms-fill-lower{
-     height: $range-track-height;
-     background:$dark;
-   }
-  /*
-   &::-ms-track{
-     background: transparent;
-     border-color: transparent;
-     border-width: 11px 0 16px;
-     color:transparent;
-     margin-top:20px;
-   }
-   &::-ms-thumb {
-     width: $range-slider-width;
-     height: $range-slider-height;
-     border-radius: $range-slider-border-radius;
-     background-color: $toggle-handle-off-bg-color;
-     border-color:$toggle-handle-off-bg-color;
-     box-shadow: $range-slider-box-shadow;
-     margin-left:1px;
-     margin-right:1px;
-     outline:none;
-   }
-   &::-ms-fill-upper {
-     height: $range-track-height;
-     background:$range-default-track-bg;
-   }
-   */
-}
-
-.range {
-  @include display-flex();
-  @include align-items(center);
-  padding: 2px 11px;
-
-  &.range-light {
-    input { @include range-style($range-light-track-bg); }
-  }
-  &.range-stable {
-    input { @include range-style($range-stable-track-bg); }
-  }
-  &.range-positive {
-    input { @include range-style($range-positive-track-bg); }
-  }
-  &.range-calm {
-    input { @include range-style($range-calm-track-bg); }
-  }
-  &.range-balanced {
-    input { @include range-style($range-balanced-track-bg); }
-  }
-  &.range-assertive {
-    input { @include range-style($range-assertive-track-bg); }
-  }
-  &.range-energized {
-    input { @include range-style($range-energized-track-bg); }
-  }
-  &.range-royal {
-    input { @include range-style($range-royal-track-bg); }
-  }
-  &.range-dark {
-    input { @include range-style($range-dark-track-bg); }
-  }
-}
-
-.range .icon {
-  @include flex(0);
-  display: block;
-  min-width: $range-icon-size;
-  text-align: center;
-  font-size: $range-icon-size;
-}
-
-.range input {
-  @include flex(1);
-  display: block;
-  margin-right: 10px;
-  margin-left: 10px;
-}
-
-.range-label {
-  @include flex(0, 0, auto);
-  display: block;
-  white-space: nowrap;
-}
-
-.range-label:first-child {
-  padding-left: 5px;
-}
-.range input + .range-label {
-  padding-right: 5px;
-  padding-left: 0;
-}
-
-// WP range height must be auto
-.platform-windowsphone{
-  .range input{
-    height:auto;
-  }
-}