@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x1/components/overlay-panel/_overlay-panel-size.scss

@@ -1,39 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-overlay-panel-xxxl:              map-get($container-max-widths, 'xxxl') !default;
-$x-overlay-panel-xxl:               map-get($container-max-widths, 'xxl') !default;
-$x-overlay-panel-xl:                map-get($container-max-widths, 'xl') !default;
-$x-overlay-panel-lg:                $modal-lg                           !default;
-$x-overlay-panel-md:                $modal-md                           !default;
-$x-overlay-panel-sm:                $modal-sm                           !default;
-
-
-.x-panel-h-auto {
-  height: auto!important;
-}
-
-/* Default Full Width */
-.x-panel-xl {
-  max-width: $x-overlay-panel-xl;
-}
-
-.x-panel-lg {
-  max-width: $x-overlay-panel-lg;
-}
-
-.x-panel-md {
-  max-width: $x-overlay-panel-md;
-}
-
-.x-panel-sm {
-  max-width: $x-overlay-panel-sm;
-}
-
-.x-panel-xxl {
-  max-width: $x-overlay-panel-xxl;
-}
-
-.x-panel-xxxl {
-  max-width: $x-overlay-panel-xxxl;
-}

package/dist/scss/x1/components/overlay-panel/_overlay-panel-stacked.scss

@@ -1,43 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-overlay-panel-spacing: 5rem !default;
-$x-overlay-panel-maximum: 5    !default;
-
-// Style for Stacked Panels
-// Start from second-to-last
-
-/* ----------------
-  x-overlay z-index from 1031 to 1039
- ------------------------*/
-
-@for $i from 1 through $x-overlay-panel-maximum {
-  .x-overlay:nth-of-type(#{$i}) {
-    z-index: $zindex-fixed + ($x-overlay-panel-maximum - $i);
-
-    %x-panel-right,
-    .x-panel-right {
-      &:not(.x-panel-not-shift) {
-        transform: translate3d(-$x-overlay-panel-spacing * ($i - 1), 0, 0);
-        .ng-animating:not(.x-overlay-center) ~ & {
-          transform: translate3d(-$x-overlay-panel-spacing * ($i - 2), 0, 0);
-        }
-      }
-      &.x-panel-not-shift {
-        transform: translate3d(0, 0, 0);
-      }
-    }
-
-    %x-panel-left,
-    .x-panel-left {
-      transform: translate3d($x-overlay-panel-spacing * ($i - 1), 0, 0);
-      .ng-animating:not(.x-overlay-center) ~ & {
-        transform: translate3d($x-overlay-panel-spacing * ($i - 2), 0, 0);
-      }
-    }
-  }
-  // For overlay-center panels, make sure they are on top of overlay-side panels
-  .x-overlay-center:nth-of-type(#{$i}) {
-    z-index: $zindex-fixed + ($x-overlay-panel-maximum*2 - $i);
-  }
-}

package/dist/scss/x1/components/overlay-panel/_overlay-panel.scss

@@ -1,128 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-// Backdrop BG
-$x-overlay-backdrop-bg:      $modal-backdrop-bg !default;
-$x-overlay-backdrop-opacity: 0.3                !default;
-
-.x-overlay {
-  @extend .d-flex,
-          .align-items-center,
-          .fixed-top,
-          .h-100;
-}
-
-.x-overlay-panel {
-  @extend .w-100,
-          .d-block,
-          .bg-white,
-          .h-100,
-          .d-flex,
-          .flex-column;
-
-  z-index: 1;
-  // For better transition performance
-  // transform-style: preserve-3d;
-  // backface-visibility: hidden;
-
-  // Dark Panel
-  &.x-panel-dark {
-    @extend %bg-dark;
-
-    .modal-header {
-      .close {
-        @extend %text-light;
-      }
-    }
-
-    .modal-footer {
-      @extend %bg-dark-secondary;
-    }
-  }
-
-  &:not(.x-panel-light-header) {
-    .close {
-      &:not(:first-child) {
-        @extend .border-left,
-                .border-light-transparent;
-      }
-
-      .x-icon-container {
-        @extend .x-icon-lg;
-      }
-    }
-
-    &:not(.x-panel-dark) {
-      .modal-header {
-        @extend .border-info,
-                %bg-info;
-
-        .modal-title {
-          @extend %text-white;
-        }
-
-        .close {
-          @extend %btn-info;
-          opacity: 1;
-        }
-      }
-    }
-  }
-
-  &:not(.x-panel-dark):not(.x-panel-light-footer) {
-    .modal-footer {
-      @extend %bg-light-secondary;
-    }
-  }
-  &:not(.x-panel-floating) {
-    .modal-content,
-    .modal-header {
-      @extend .rounded-0;
-    }
-  }
-}
-
-.x-overlay-backdrop {
-  @extend .fixed-top,
-          .fixed-bottom;
-
-  @include transition(background-color 400ms ease);
-
-  z-index: unset;
-  bottom: 0;
-  background-color: $x-overlay-backdrop-bg;
-  opacity: $x-overlay-backdrop-opacity;
-}
-
-.x-overlay-content {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-@media only screen and (min-width: 1440px) {
-  .x-split-lg > * {
-    width: 50% !important;
-  }
-  .x-split-lg {
-    .x-overlay-panel {
-      width: 50% !important;
-      max-width: 100%;
-    }
-    .layout-column {
-      flex: unset;
-    }
-  }
-}
-
-
-@media only screen and (max-width: 1230px) {
-  .x-split-lg .x-overlay-panel {
-      max-width: 60% !important;
-    }
-}
-
-.x-cdk-overlay-container {
-  z-index: 1051 !important;
-}

package/dist/scss/x1/components/pagination/_pagination.scss

@@ -1,18 +0,0 @@
-@import "~bootstrap/scss/pagination";
-
-%x-pagination-nav,
-.x-pagination-nav {
-  @extend %d-flex,
-          %py-4;
-}
-
-.x-pagination-nav-center {
-  @extend %x-pagination-nav,
-          %align-items-center,
-          .w-100,
-          %justify-content-center;
-}
-
-.page-item.active:hover .page-link {
-  @extend  %text-white;
-}

package/dist/scss/x1/components/popover/_popover.scss

@@ -1,87 +0,0 @@
-@import "~bootstrap/scss/popover";
-
-.x-popover-card {
-  @extend .p-0,
-          .position-relative,
-          .border-0,
-          .d-block;
-  @include size(26em, auto);
-  max-width: 26em !important;
-  @include box-shadow(none);
-}
-
-// Popper Js Content
-.ngxp__container {
-  @extend .rounded,
-          .p-0,
-          .border;
-
-  margin-left: -(map_get($spacers, 2)) !important;
-  box-shadow: $popover-box-shadow !important;
-  z-index: $zindex-popover;
-
-  &[x-placement] > .ngxp__arrow {
-    transform: rotate(45deg);
-    @extend .bg-white,
-            .border-0;
-    @include size(map_get($spacers, 3));
-  }
-
-  &[x-placement="bottom-start"] {
-    margin-top: .6rem !important;
-      .ngxp__arrow {
-        margin-left: .5rem;
-        top: -.4rem !important;
-        width: .7rem;
-        height: .7rem;
-        border-left: 1px solid lighten($border-color, 10%) !important;
-        border-top: 1px solid lighten($border-color, 10%) !important;
-      }
-  }
-
-  &[x-placement^="left"] > .ngxp__arrow {
-    @include box-shadow(inset -1px 1px 0 0 $border-color);
-    right: -(map_get($spacers,2)) !important;
-  }
-
-  &[x-placement^="right"] > .ngxp__arrow {
-    @include box-shadow(inset 1px -1px 0 0 $border-color);
-    left: -(map_get($spacers,2)) !important;
-  }
-}
-
-.x-popover-no-arrow {
-  @extend .border-0,
-          .rounded-0;
-  @include box-shadow(none);
-  max-width: 20rem !important;
-
-  .popover-arrow {
-    @extend .d-none;
-  }
-  .popover-body {
-    @extend .px-4,
-            .bg-secondary,
-            .text-white;
-  }
-
-  &.popover-left {
-    @extend .font-weight-bold,
-            .mr-0;
-  }
-}
-
-
-// Popover footer menu based on dropdown-menu
-.x-popover-menu {
-  @extend .pb-2,
-          .w-100,
-          .d-flex,
-          .flex-column;
-}
-
-
-.x-popover-scroll-y {
-  max-height: 20rem;
-  overflow-y: auto;
-}

package/dist/scss/x1/components/pre-loader/_pre-loader.scss

@@ -1,31 +0,0 @@
-.x-loader-overlay {
-  @extend .position-relative;
-
-  min-height: 50px;
-}
-
-.x-loader {
-    @extend %align-items-center,
-            %layout-column,
-            %justify-content-center,
-            %position-fixed,
-            .w-100;
-    color: theme-color("primary");
-    top: 0;
-    left: 0;
-    z-index: $zindex-fixed;
-
-    &.clear-light,
-    &.bg-default,
-    &.bg-default-transparent,
-    &.bg-primary,
-    &.bg-primary-transparent,
-    &.bg-dark,
-    &.bg-dark-transparent {
-      @extend %text-white;
-    }
-
-    &.absolute {
-     @extend %position-absolute;
-    }
-}

package/dist/scss/x1/components/print/_print.scss

@@ -1 +0,0 @@
-@import "~bootstrap/scss/print";

package/dist/scss/x1/components/progress/_progress.scss

@@ -1,22 +0,0 @@
-@import "~bootstrap/scss/progress";
-
-// ngx-progressbar
-// https://github.com/MurhafSousli/ngx-progressbar#integration
-.x-progress {
-  .ng-bar {
-    @extend %bg-secondary;
-  }
-  .ng-spinner {
-    @extend %bg-primary;
-    z-index: 1029;
-    &-icon {
-      @include size(1.25rem);
-      border-width: 2px;
-      border-top-color: theme-color('white');
-      border-right-color: theme-color('white');
-    }
-  }
-  &[spinnerPosition=left] .ng-spinner {
-    left: 1rem;
-  }
-}

package/dist/scss/x1/components/recipient-list/recipient-details.scss

@@ -1,3 +0,0 @@
-.x-recipient-details-cell {
-  @extend .w-100;
-}

package/dist/scss/x1/components/root/_root.scss

@@ -1,19 +0,0 @@
-@import "~bootstrap/scss/root";
-
-@if($is-sirius) {
-
-  @at-root {
-    .h-100 {
-      min-height: 0;
-    }
-
-    :root {
-      &,
-      body {
-        @extend .h-100;
-      }
-    }
-  }
-}
-
-

package/dist/scss/x1/components/status/_status.scss

@@ -1,23 +0,0 @@
-.x-status {
-	@extend .border,
-					.border-white,
-					%fixed-top,
-					%position-absolute,
-					.rounded-circle;
-	height: 1em;
-	width: 1em;
-}
-
-.is-online {
-	@extend %bg-success;
-}
-
-.is-offline {
-  @extend %bg-info;
-}
-
-.is-away {
-  @extend %bg-warning;
-}
-
-

package/dist/scss/x1/components/steps/_steps.scss

@@ -1,47 +0,0 @@
-$step-default:            theme-color('info-transparent') !default;
-$step-complete:           theme-color('info') !default;
-$step-active:             theme-color('secondary-darker') !default;
-$step-hover:              theme-color('primary') !default;
-
-.steps {
-	@extend .d-flex;
-}
-
-.steps-item {
-	@extend %d-flex,
-          %text-default,
-          %align-items-center;
-}
-
-.steps-link {
-  @extend %font-size-base,
-          %font-weight-bold;
-  color:  $step-default;
-
-  @include x-hover-focus-active {
-    color:  $step-hover;
-    text-decoration: none;
-  }
-
-  .prev-step & {
-    color:  $step-complete;
-  }
-
-  &.disabled {
-    pointer-events: none;
-  }
-
-  .current-step & {
-    @include x-no-hover-focus-active {
-      color:  $step-active;
-      text-decoration: none;
-      pointer-events: none;
-    }
-  }
-}
-
-.steps-icon {
-  color:  $step-default;
-  opacity: 0.3;
-}
-

package/dist/scss/x1/components/switch/_switch.scss

@@ -1,46 +0,0 @@
-// NGX Ui Switch
-// https://github.com/webcat12345/ngx-ui-switch
-
-// Set default customise component variables here,
-// Override it in theme variables files
-$sw-sm-knob-size: 18px;
-
-@import "~ngx-ui-switch/ui-switch.component";
-
-$sw-sm-min-width: 26px;  // This Var need to be after `@import` because ui-switch didn't add `!default` to it.
-
-
-.x-switch {
-  @extend %cursor-pointer,
-          %font-size-sm,
-          %d-inline-flex,
-          %mb-0,
-          %text-grey,
-          %font-weight-bold,
-          %align-items-center;
-
-  > * {
-    @extend %d-flex;
-    &:not(:last-child) {
-      @extend %mr-2;
-    }
-  }
-
-  .switch {
-    @extend .border;
-    outline: 0;
-
-    .bg-dark & {
-      @extend .border-light-transparent;
-    }
-
-    &:not(.checked) {
-      @extend %bg-light-secondary;
-
-      .bg-dark & {
-        @extend %bg-light-transparent;
-      }
-    }
-
-  }
-}

package/dist/scss/x1/components/tables/_tables.scss

@@ -1 +0,0 @@
-@import "~bootstrap/scss/tables";

package/dist/scss/x1/components/toast/_toast.scss

@@ -1,133 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-toast-spacing: map_get($spacers, 3) !default;
-$x-toast-box-shadow: $modal-content-box-shadow-xs !default; // Same Box Shadow with Modal
-
-// Position
-.toast-top-left {
-  top: $x-toast-spacing;
-  left: $x-toast-spacing;
-  .toast {
-    transform-origin: top left;
-  }
-}
-
-.toast-top-right {
-  top: $x-toast-spacing;
-  right: $x-toast-spacing;
-  .toast {
-    transform-origin: top right;
-  }
-}
-
-.toast-bottom-left {
-  bottom: $x-toast-spacing;
-  left: $x-toast-spacing;
-  .toast {
-    transform-origin: bottom left;
-  }
-}
-
-.toast-bottom-right {
-  bottom: $x-toast-spacing * 5;
-  right: $x-toast-spacing;
-  .toast {
-    transform-origin: bottom right;
-  }
-}
-
-.toast-container {
-  @extend %position-fixed;
-  z-index: 999999;
-
-  .toast {
-    @extend %p-3,
-            %mt-3,
-            .border,
-            %bg-white,
-            .border-light,
-            %overflow-hidden,
-            %position-relative;
-    @include box-shadow($x-toast-box-shadow);
-    @include border-radius(map_get($spacers, 2));
-    @include size(25rem, auto);
-  }
-
-  .toast-title {
-    @extend %mb-0,
-            %flex-auto,
-            %font-weight-bold,
-            %text-uppercase,
-            %text-truncate;
-  }
-
-  .x-toast-message-container {
-    @extend %mt-3,
-            %d-flex;
-  }
-
-  .x-toast-icon {
-    @extend %mr-3;
-  }
-
-  .toast-message {
-    @extend %font-size-sm,
-            %align-self-center,
-            %text-grey;
-  }
-
-  .toast-progress {
-    @extend %position-absolute;
-    left: 0;
-    bottom: 0;
-    height: 4px;
-    opacity: 0.3;
-  }
-
-}
-
-// Styles
-
-.toast {
-  &.success {
-    .toast-title,
-    .x-toast-icon {
-      @extend %text-success;
-    }
-    .toast-progress {
-      background-color: theme-color-level('success', -3);
-    }
-  }
-
-  &.error {
-    .toast-title,
-    .x-toast-icon {
-      @extend %text-danger;
-    }
-    .toast-progress {
-      background-color: theme-color-level('danger', -3);
-    }
-  }
-
-  &.loading,
-  &.info {
-    .toast-title,
-    .x-toast-icon {
-      @extend %text-primary;
-    }
-    .toast-progress {
-      background-color: theme-color-level('primary', -3);
-    }
-  }
-
-  &.warning {
-    .toast-title,
-    .x-toast-icon {
-      @extend %text-warning;
-    }
-    .toast-progress {
-      background-color: theme-color-level('warning', -3);
-    }
-  }
-}