@leapdev/gui 0.2.264 → 1.0.0

package/dist/scss/x2/components/datepicker/_datepicker-primeng.scss

@@ -1,339 +0,0 @@
-// Set default variables here,
-//
-
-$x-calendar-bg:                   $white                           !default;
-$x-calendar-bg-date-hover:        theme-color("light-transparent") !default;
-$x-calendar-bg-date-active:       theme-color("secondary")         !default;
-$x-calendar-border:               $border-color                    !default;
-$x-calendar-border-radius:        $border-radius                   !default;
-
-$x-calendar-text-primary:         theme-color("primary")           !default;
-$x-calendar-text-default:         theme-color("default")           !default;
-$x-calendar-text-active:          $white                           !default;
-$x-calendar-text-disabled:        theme-color("info-transparent")  !default;
-
-$x-calender-icon:                 str-replace(url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$x-calendar-text-primary}' viewBox='0 0 96 96'%3e%3cpath fill-rule='evenodd' d='M80,8 L96,8 L96,96 L0,96 L0,8 L16,8 L16,0 L24,0 L24,8 L72,8 L72,0 L80,0 L80,8 L80,8 Z M8,24 L88,24 L88,88 L8,88 L8,24 L8,24 Z M64,40 L80,40 L80,56 L64,56 L64,40 L64,40 Z M40,40 L56,40 L56,56 L40,56 L40,40 L40,40 Z M40,64 L56,64 L56,80 L40,80 L40,64 L40,64 Z M16,40 L32,40 L32,56 L16,56 L16,40 L16,40 Z M16,64 L32,64 L32,80 L16,80 L16,64 L16,64 Z'/%3E%3C/svg%3E"), "#","%23");
-$arrow-left:                      str-replace(url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$x-calendar-text-primary}' viewBox='0 0 96 96'%3e%3cpath d='M59.0292154,75.3649306 C60.0061345,76.376531 60.0061345,78.002068 59.0292154,79.0066918 C58.0522964,80.0113156 56.4741963,80.0159666 55.4995544,79.0066918 L26.9707846,49.5819128 C25.9938655,48.577289 25.9938655,46.9517519 26.9707846,45.9401516 L55.4995544,16.5153726 C56.4764735,15.5107488 58.0545736,15.5107488 59.0292154,16.5153726 C60.0061345,17.5246474 60.0061345,19.15251 59.0292154,20.1548082 L33.0099207,47.7633577 L59.0292154,75.3649306 L59.0292154,75.3649306 L59.0292154,75.3649306 Z'/%3E%3C/svg%3E"), "#","%23");
-$arrow-right:                     str-replace(url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$x-calendar-text-primary}' viewBox='0 0 96 96'%3e%3cpath d='M36.9707846,75.3649306 C35.9938655,76.376531 35.9938655,78.002068 36.9707846,79.0066918 C37.9477036,80.0113156 39.5258037,80.0159666 40.5004456,79.0066918 L69.0292154,49.5819128 C70.0061345,48.577289 70.0061345,46.9517519 69.0292154,45.9401516 L40.5004456,16.5153726 C39.5235265,15.5107488 37.9454264,15.5107488 36.9707846,16.5153726 C35.9938655,17.5246474 35.9938655,19.15251 36.9707846,20.1548082 L62.9900793,47.7633577 L36.9707846,75.3649306 L36.9707846,75.3649306 L36.9707846,75.3649306 Z'/%3E%3C/svg%3E"), "#","%23");
-$arrow-down:                      str-replace(url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$x-calendar-text-primary}' viewBox='0 0 96 96'%3e%3cpath d='M20.3969741,31.7326893 C19.3853738,30.7557702 17.7598367,30.7557702 16.755213,31.7326893 C15.7505892,32.7096084 15.7459382,34.2877085 16.755213,35.2623503 L46.179992,63.7911202 C47.1846158,64.7680393 48.8101528,64.7680393 49.8217532,63.7911202 L79.2465322,35.2623503 C80.2511559,34.2854313 80.2511559,32.7073312 79.2465322,31.7326893 C78.2372574,30.7557702 76.6093948,30.7557702 75.6070965,31.7326893 L47.9985471,57.7519841 L20.3969741,31.7326893 L20.3969741,31.7326893 L20.3969741,31.7326893 Z'/%3e%3c/svg%3e"), "#","%23");
-$arrow-up:                        str-replace(url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$x-calendar-text-primary}' viewBox='0 0 96 96'%3e%3cpath d='M20.3969741,63.7911202 C19.3853738,64.7680393 17.7598367,64.7680393 16.755213,63.7911202 C15.7505892,62.8142011 15.7459382,61.2361011 16.755213,60.2614592 L46.179992,31.7326893 C47.1846158,30.7557702 48.8101528,30.7557702 49.8217532,31.7326893 L79.2465322,60.2614592 C80.2511559,61.2383783 80.2511559,62.8164783 79.2465322,63.7911202 C78.2372574,64.7680393 76.6093948,64.7680393 75.6070965,63.7911202 L47.9985471,37.7718255 L20.3969741,63.7911202 L20.3969741,63.7911202 Z'/%3e%3c/svg%3e"), "#","%23");
-
-/* Calendar */
-.ui-calendar {
-  .ui-inputtext {
-    @extend .form-control;
-  }
-
-  &.ui-calendar-w-btn {
-    @extend .x-input-group;
-
-    .ui-calendar-button {
-      @extend .x-input-group-append,
-              .btn,
-              .x-btn-default,
-              .x-btn-icon-only,
-              .p-0;
-
-      z-index: 1;
-      .ui-button-icon-left {
-        @extend .x-icon-md;
-        &.pi-calendar {
-          height: 1.25rem;
-          background-image: $x-calender-icon;
-          background-repeat: no-repeat;
-          background-size: 12px;
-          background-position: center;
-        }
-      }
-
-      .ui-button-text {
-        @extend .d-none;
-      }
-    }
-  }
-
-}
-
-
-/* Fluid */
-.ui-fluid {
-
-  .ui-calendar {
-    width: 100%;
-
-    &.ui-calendar-w-btn .ui-inputtext {
-      width: calc(100% - 2em);
-    }
-  }
-
-  .ui-calendar-button {
-    width: 2em;
-  }
-
-  .ui-datepicker-buttonbar button {
-    @extend .w-auto;
-  }
-}
-
-
-/* Datepicker */
-.ui-datepicker {
-  @extend .position-absolute,
-          .border,
-          .py-2,
-          .px-1,
-          .w-auto;
-  background-color: $x-calendar-bg;
-  box-shadow: $dropdown-box-shadow;
-  display: none;
-
-  &.ui-datepicker-inline {
-    @extend .d-inline-block,
-            .position-static;
-  }
-
-  .ui-corner-all,
-  .ui-datepicker-header {
-    @extend .d-flex,
-            .align-items-center,
-            .justify-content-center;
-  }
-
-  .ui-datepicker-header {
-    @extend .py-2;
-  }
-
-  .pi-chevron-left,
-  .pi-chevron-right,
-  .pi-chevron-up,
-  .pi-chevron-down {
-    @extend .d-block,
-            .p-2,
-            .w-100;
-    background-repeat: no-repeat;
-    background-position: center;
-    height: 1.5em;
-  }
-
-  .pi-chevron-left  { background-image: $arrow-left;}
-  .pi-chevron-right { background-image: $arrow-right;}
-  .pi-chevron-up    { background-image: $arrow-up;}
-  .pi-chevron-down  { background-image: $arrow-down;}
-
-  .ui-datepicker-prev,
-  .ui-datepicker-next {
-    @extend .px-1;
-    @include size(1.8em);
-    @include border-radius($x-calendar-border-radius);
-
-    &:hover,
-    &:focus {
-      @extend %cursor-pointer;
-      background-color: $x-calendar-bg-date-hover;
-    }
-  }
-
-  .ui-datepicker-prev {
-    @extend .mr-auto,
-            .ml-2,
-            .order-1;
-  }
-
-  .ui-datepicker-next {
-    @extend .ml-auto,
-            .mr-2,
-            .order-3;
-  }
-
-  .ui-datepicker-title {
-    @extend .order-2,
-            .text-center,
-            .text-uppercase;
-    color: $x-calendar-text-primary;
-    min-width: 60%;
-
-    .ui-datepicker-month,
-    .ui-datepicker-year {
-      @extend .px-1;
-    }
-
-    select {
-      @extend .custom-select;
-
-      &.ui-datepicker-month {
-        @extend .mr-1;
-        width: 55%;
-
-      }
-
-      &.ui-datepicker-year {
-        width: 35%;
-      }
-    }
-  }
-
-  .ui-datepicker-buttonpane {
-    background-image: none;
-
-    button {
-      @extend .w-auto,
-              .m-1,
-              .p-1,
-              .overflow-visible,
-              %cursor-pointer;
-
-      float: right;
-
-      &.ui-datepicker-current {
-        float: left;
-      }
-    }
-  }
-
-  .ui-datepicker-buttonbar {
-    @extend .p-3;
-
-    .ui-button-secondary {
-      @extend .x-btn-outline-default,
-              %cursor-pointer;
-    }
-
-    .ui-g {
-      @extend .d-flex,
-              .align-items-center,
-              .justify-content-between;
-    }
-
-    > .ui-g > div {
-      @extend .p-0;
-
-      &:last-child {
-        @extend .text-center;
-      }
-    }
-  }
-
-  // tables
-  table {
-    @extend .w-100;
-    border-collapse: collapse;
-
-    th {
-      @extend .p-1,
-              .text-center,
-              .border-0;
-      font-weight: $font-weight-bold;
-    }
-
-    td {
-      @extend .border-0;
-    }
-
-    td span,
-    td a {
-      @extend .d-block,
-              .py-1,
-              .px-3,
-              .text-center;
-      text-decoration: none;
-      border-radius: $x-calendar-border-radius;
-
-      &.ui-state-default{
-        color: $x-calendar-text-default;
-
-        &:hover:not(.ui-state-active),
-        &:focus:not(.ui-state-active) {
-          background-color: $x-calendar-bg-date-hover;
-        }
-      }
-
-      &.ui-state-disabled & {
-        color: $x-calendar-text-disabled;
-      }
-
-      &.ui-state-active {
-        background-color: $x-calendar-bg-date-active;
-        color: $x-calendar-text-active;
-      }
-    }
-  }
-}
-
-
-/* with multiple calendars */
-.ui-datepicker-multi {
-
-  &.ui-datepicker-multi {
-    @extend .w-auto;
-  }
-
-  .ui-datepicker-group {
-    @extend .float-left;
-
-    table {
-      width: 95%;
-      margin: 0 auto;
-    }
-
-    .ui-datepicker-multi-2 & {
-      width: 50%;
-    }
-
-    .ui-datepicker-multi-3 & {
-      width: 33.3%;
-    }
-
-    .ui-datepicker-multi-4 & {
-      width: 25%;
-    }
-  }
-
-  .ui-datepicker-buttonpane {
-    clear: left;
-  }
-}
-
-
-.ui-datepicker-row-break {
-  @extend .w-100;
-  clear: both;
-  font-size: 0;
-}
-
-
-/* time picker */
-.ui-timepicker {
-  @extend .text-center,
-          .py-1;
-  min-width: 10.750em;
-
-  > div {
-    @extend .d-inline-block;
-    min-width: 1.5em;
-
-    a {
-      @extend .d-block;
-      opacity: 0.7;
-      filter:Alpha(Opacity=70);
-
-      &:hover {
-        @extend .d-block;
-        opacity: 1;
-        filter:Alpha(Opacity=100);
-      }
-    }
-  }
-
-  a {
-    @extend .d-block,
-            .w-100;
-  }
-
-  > .ui-separator {
-    min-width: .75em;
-
-    a {
-      @extend .invisible;
-    }
-  }
-}

package/dist/scss/x2/components/datepicker/_datepicker.scss

@@ -1,99 +0,0 @@
-// Set default variables here,
-//
-$main-bg:              $white;
-$custom-range-bg:      theme-color("light-secondary");
-
-$font-color-01:        $white;
-$font-color-02:        theme-color("default");
-$font-color-03:        theme-color("default");
-
-$border-color:         $border-color;
-$highlighted:          theme-color("light");
-
-$btn-bg:               theme-color("light");
-$btn-bg-hover:         theme-color("light-secondary");
-
-$theme-primary:        theme-color("primary");
-$theme-secondary: 		 theme-color("secondary");
-$theme-minimal: 			 $white;
-
-$disabled-background:  $text-muted;
-$disabled-color:       theme-color("light-secondary");
-
-$theme-list: (
-  'sirius': $theme-primary,
-  'minimal': $theme-minimal
-);
-
-// Add imported styles
-//
-@import "~ngx-bootstrap/datepicker/bs-datepicker.scss";
-
-.bs-datepicker-container {
-  @extend .p-0;
-}
-
-.bs-datepicker {
-  box-shadow:     0 2px 5px rgba($black,.1);
-  border:         1px solid $border-color;
-  border-radius:  $border-radius;
-
-  &-head {
-    background-color: theme-color("primary");
-
-    button {
-      &:hover {
-        background-color: theme-color("primary-darker");
-      }
-      &:active {
-        background-color: theme-color("primary-darker");
-      }
-    }
-
-    bs-datepicker-navigation-view {
-      @extend .d-flex,
-              .justify-content-center,
-              .align-items-center,
-              .w-100
-    }
-  }
-
-  &-body {
-    border-top:     1px solid $border-color;
-    border-right:   none;
-    border-bottom: 	none;
-    border-left: 	  none;
-
-    table {
-      th {
-        height: 32px;
-        color: theme-color("primary");
-      }
-
-      td {
-        span.selected { background-color: theme-color("primary"); }
-      }
-    }
-  }
-}
-
-// Custom Minimal Theme
-
-.theme-minimal {
-  .bs-datepicker-body {
-    @extend .border-0;
-  }
-  .bs-datepicker-head {
-    @extend .font-weight-bold;
-  }
-  .bs-datepicker-head button.next span,
-  .bs-datepicker-head button.previous span {
-    @extend .text-info;
-  }
-  .bs-datepicker-head button.current span {
-    @extend .text-primary;
-  }
-  .bs-datepicker-body table td span.selected {
-    @extend .bg-secondary;
-  }
-}

package/dist/scss/x2/components/drag-drop/_drag-drop.scss

@@ -1,111 +0,0 @@
-.x-drag-drop {
-  @include make-col-ready();
-  @include make-col(12);
-
-  &-header {
-    @include  make-col-ready();
-    @include  make-col(12);
-    @extend   .mb-2;
-  }
-
-  &-container {
-    @include make-col-ready();
-    @include make-col(12);
-  }
-
-  &-row {
-    @include  make-row();
-    @extend   .align-items-center;
-  }
-
-  &-item-container {
-    @include make-col-ready();
-    @include make-col(12);
-
-    & & {
-      @extend .pl-5;
-    }
-  }
-
-  &-item-list {
-    @include  make-col-ready();
-    @include  make-col(12);
-    @extend   .mb-4;
-
-    & & {
-      @extend .mb-0;
-    }
-  }
-
-  &-item {
-    @include  make-col-ready();
-    @include  make-col(12);
-    @extend   %cursor-pointer, 
-              .mb-1,
-              .pt-2,
-              .pr-2,
-              .pb-2,
-              .pl-3;
-    
-    border-radius: $border-radius-lg;
-    background-color: #f5f6f7;
-
-    &:hover,
-    &:active {
-      background-color: #D0E0EC;
-    }
-
-    &-label {
-      @extend .text-info;
-      font-size: $small-font-size;
-    }
-  }
-
-  &-btn {
-    @include  make-col-ready();
-    @include  make-col(12);
-    @extend   %cursor-pointer,
-              .py-1,
-              .px-0;
-
-    &.x-drag-drop-sub-item-btn { @extend .mb-1; }
-
-    &-row {
-      @include  make-row();
-      @extend   .justify-content-center;
-    }
-
-    &-divider {
-      @include make-col-ready();
-      @include make-col(12);
-      @include transition($btn-transition);
-      height: 1.0625rem;
-      position: absolute;
-      top: 0;
-      border-bottom: 2px solid rgba(0, 96, 170, 0.15);
-
-      &.is-hover { border-bottom: 2px solid theme-color("primary"); }
-    }
-
-    &-icon {
-      @extend .px-2;
-      display: inline-flex;
-      position: relative;
-      z-index: 10;
-      background-color: #ffffff;
-    }
-  }
-
-  & .x-icon-container { 
-    @include transition($btn-transition);
-    @extend .x-icon-md;
-    color: theme-color("primary-lighter");
-
-    @include x-hover-focus-active {
-      color: theme-color("primary");
-    }
-
-    &.is-hover { color: theme-color("primary"); }
-  }
-
-}

package/dist/scss/x2/components/dropdown/_dropdown-critical-datepicker.scss

@@ -1,19 +0,0 @@
-.x-dropdown-critical-date-picker {
-  @extend .bg-white,
-          .border,
-          .position-absolute,
-          .py-2,
-          .mx-3,
-          .px-2,
-          .w-auto;
-  box-shadow: $dropdown-box-shadow;
-  left: -0.7rem;
-  min-width: 28em;
-  z-index: 99;
-  top: 90%;
-}
-
-.x-dropdown-critical-date-picker-description {
-  @extend .position-absolute;
-  top: 1.5rem;
-}

package/dist/scss/x2/components/dropdown/_dropdown-with-icons.scss

@@ -1,105 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-dropdown-item-space:        3rem !default;
-$x-dropdown-item-space-lg:     5rem !default;
-
-.x-dropdown-with-icons {
-  .dropdown-header,
-  .dropdown-item {
-    padding-left: $x-dropdown-item-space;
-  }
-  .dropdown-divider {
-    @extend .my-0;
-    margin-left: $x-dropdown-item-space;
-  }
-	.dropdown-item {
-    @extend .d-flex,
-            .rounded-0,
-						.align-items-center;
-
-    .x-icon-container {
-      @extend .x-icon-md,
-              .position-absolute,
-              .align-items-center;
-      margin-left: - ($x-dropdown-item-space - map_get($spacers, 2) * 2);
-    }
-	}
-}
-
-.x-dropdown-with-icons-lg {
-  @extend .x-dropdown-with-icons;
-  .dropdown-header,
-  .dropdown-item {
-    @extend .py-3;
-  }
-  @include media-breakpoint-up(sm) {
-    .dropdown-header,
-    .dropdown-item {
-      padding-left: $x-dropdown-item-space-lg;
-      font-size: $h4-font-size;
-      .x-icon-container {
-        font-size: map_get($icon-sizes, lg);
-        margin-left: - ($x-dropdown-item-space-lg - map_get($spacers, 3) * 2);
-      }
-    }
-    .dropdown-divider {
-      margin-left: $x-dropdown-item-space-lg;
-    }
-  }
-}
-
-.x-btn-link-dropdown {
-  @extend .btn-link,
-          .px-0,
-          .bg-transparent,
-          .text-grey,
-          .align-items-center,
-          .border-0,
-          .d-flex,
-          .flex-nowrap,
-          %cursor-pointer,
-          .py-2;
-
-  > *:last-child {
-    @extend .ml-2;
-  }
-
-  .x-btn-text {
-    @extend .d-lg-flex,
-            .d-none,
-            .text-nowrap;
-  }
-
-  @include x-hover-focus-active() {
-    // @include custom-theme-color(primary, color);
-    text-decoration: none;
-    outline: none;
-  }
-}
-
-.x-dropdown-z-index {
-  z-index: 2000;
-}
-
-.x-dropdown-filter {
-  @extend .x-dropdown-with-icons;
-
-  .dropdown-item {
-    .x-icon-container {
-      @extend .d-flex;
-      @include transition($transition-fade);
-      opacity: 0;
-    }
-    @include x-hover-focus-active {
-      .x-icon-container {
-        opacity: 1;
-      }
-    }
-  }
-}
-
-.x-dropdown-filter-lg {
-  @extend .x-dropdown-filter,
-          .x-dropdown-with-icons-lg;
-}

package/dist/scss/x2/components/dropdown/_dropdown.scss

@@ -1,47 +0,0 @@
-@import "~bootstrap/scss/dropdown";
-
-.dropdown-menu {
-  background-clip: border-box;
-
-  &.dropdown-menu-right {
-    @extend .x-animation-origin-right-top;
-  }
-
-  .dropup & {
-    transform: translateY(0)!important; // To fix ngx-bootstrap & Bootstrap Dropup style conflict
-  }
-  @if($has-custom-theme) {
-    @extend .x-text-primary;
-  }
-}
-
-.dropdown-header {
-	color: theme-color("secondary");
-}
-
-@if($has-custom-theme) {
-  .dropdown-item {
-    @extend .x-btn-inverted-primary;
-  }
-
-}
-
-@if ($is-sirius) {
-	.dropdown,
-  .dropdown-item {
-    @extend %font-size-sm;
-  }
-
-  .dropdown-toggle:not(.dropdown-toggle-split):after {
-    @extend .ml-1;
-  }
-  .dropdown-toggle-split {
-    @extend .px-2;
-  }
-
-	.dropdown-item {
-    @include hover-focus {
-      @extend %cursor-pointer;
-		}
-	}
-}