@leapdev/gui 0.2.264 → 1.0.0

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

@@ -1,424 +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-bg-date-today:        theme-color("primary-transparent") !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")  !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");
-$x-calender-icon-disabled:        str-replace(url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$x-calendar-text-disabled}' 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 {
-  position: relative;
-  display: inline-block;
-  @extend .rounded;
-
-  .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;
-
-      border-bottom-left-radius: 0 !important;
-      border-top-left-radius: 0 !important;
-      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;
-      }
-      &:disabled {
-        background: $input-disabled-bg;
-        opacity: 1!important;
-
-        .ui-button-icon-left.pi-calendar {
-          background-image: $x-calender-icon-disabled;
-        }
-      }
-    }
-  }
-
-}
-
-
-/* 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 .border,
-          %py-2,
-          %px-1;
-
-  width: auto;
-  position: absolute;
-  background-color: $x-calendar-bg;
-
-  &.ui-datepicker-inline {
-    display: inline-block;
-    position: static;
-
-    .x-calendar-inline & {
-      @extend %p-0,
-              .border-0;
-    }
-
-    .bg-transparent & {
-      background-color: transparent;
-    }
-  }
-
-  .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;
-      outline: none;
-    }
-
-  }
-
-  .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;
-    }
-
-    a.ui-state-disabled {
-      cursor: default!important;
-      color: lighten($x-calendar-text-disabled, 30%) !important;
-      background: lighten($x-calendar-text-disabled, 50%) !important;
-    }
-
-    td.ui-datepicker-today a {
-      background-color: $x-calendar-bg-date-today;
-    }
-
-    td span,
-    td a {
-      @extend .d-block,
-              %py-1,
-              %px-3,
-              %text-center;
-      text-decoration: none;
-      border-radius: $x-calendar-border-radius;
-
-      .x-calendar-inline & {
-        @extend %px-2;
-      }
-
-      &.ui-state-default{
-        color: $x-calendar-text-default;
-        @extend %cursor-pointer;
-
-        &:hover:not(.ui-state-active),
-        &:focus:not(.ui-state-active) {
-          background-color: $x-calendar-bg-date-hover;
-        }
-      }
-
-
-      &.ui-state-active {
-        background-color: $x-calendar-bg-date-active;
-
-        &,
-        &:hover {
-          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;
-    }
-  }
-}
-
-// Year/Month picker - Expiry date
-.ui-datepicker-monthpicker {
-  .ui-datepicker-title {
-    select.ui-datepicker-year {
-      border: none;
-      color: $x-calendar-text-primary;
-      margin-left: 1.5rem; // centering by adding margin to compensate caret's right position
-    }
-  }
-}
-
-.ui-datepicker-monthpicker-container {
-  @extend %d-flex,
-          %flex-wrap,
-          %pb-1,
-          %justify-content-between;
-
-  .ui-datepicker-month-cell {
-    flex: 1 1 25%;
-    text-align: center;
-    text-decoration: none;
-    text-transform: uppercase;
-    font-size: $font-size-sm;
-
-    @extend %py-2;
-
-    &:hover {
-      background-color: $x-calendar-bg-date-hover;
-    }
-
-    &,
-    &:visited {
-      color: $x-calendar-text-default;
-    }
-  }
-}
-
-// Other basic classes
-.ui-shadow {
-  box-shadow: $dropdown-box-shadow;
-}

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

@@ -1,116 +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";
-
-
-// Set default customise component variables here,
-// Override it in theme variables files
-
-.bs-datepicker {
-	border-radius: $border-radius;
-	box-shadow: 0 2px 5px rgba($black,.1);
-  border: 1px solid $border-color;
-}
-
-.bs-datepicker-container {
-	@extend %p-0;
-}
-
-.bs-datepicker-head bs-datepicker-navigation-view {
-	@extend %d-flex,
-  %justify-content-center,
-  %align-items-center,
-					.w-100;
-}
-
-.bs-datepicker-head,
-.bs-datepicker-body table {
-
-	button,
-	th {
-		@extend %text-uppercase,
-    %font-weight-bold;
-	}
-
-	&.days span { width: 2.75rem; }
-	span { line-height: 0.875em; }
-}
-
-.bs-datepicker-head button.next,
-.bs-datepicker-head button.previous {
-	span { line-height: 0.875em !important; }
-}
-
-.bs-datepicker-head button.next {
-	@extend %ml-auto;
-}
-
-.bs-datepicker-head button.previous {
-	@extend %mr-auto;
-}
-
-.bs-datepicker-head button.current {
-	@extend .d-flex,
-					.justify-content-center,
-					.align-items-center;
-}
-
-.bs-datepicker-head button.next,
-.bs-datepicker-head button.current,
-.bs-datepicker-head button.previous,
-.bs-datepicker-body table td span,
-.bs-datepicker-body table.months td.is-highlighted span,
-.bs-datepicker-body table td span.selected {
-	border-radius: $border-radius;
-}
-
-
-// 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/x1/components/drag-drop/_drag-drop.scss

@@ -1,49 +0,0 @@
-// For Drag n Drop Component
-// used in detail list
-// https://github.com/bevacqua/dragula
-
-.cdk-drag-preview {
-  @extend %cursor-grab,
-          %position-fixed,
-          %bg-white,
-          .rounded-0,
-          .border-left-0,
-          .border-right-0,
-          %m-0;
-
-  z-index: 9999 !important;
-  opacity: 0.8;
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-  filter: alpha(opacity=80);
-
-  .x-list-group-item-header,
-  .x-list-group-item-content {
-    @extend %d-flex,
-    %align-items-center,
-            .w-100;
-  }
-
-  .x-list-group-item-header {
-    @extend .text-info,
-            .justify-content-between;
-    label {
-      @extend %font-size-xs,
-              %mb-0;
-    }
-    .x-icon-container {
-      @extend %x-icon-lg,
-              %text-info,
-              .is-clickable;
-
-      @include hover-focus-active {
-        @extend %cursor-pointer,
-                %text-primary;
-
-      }
-    }
-  }
-}
-
-.cdk-drag-placeholder {
-  @extend %bg-light-secondary;
-}

package/dist/scss/x1/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: 2.5rem;
-}

package/dist/scss/x1/components/dropdown/_dropdown-offset.scss

@@ -1,80 +0,0 @@
-// Dropdown status vars
-$dropdown-offset-border: 1px solid $dropdown-border-color !important;
-
-.x-dropdown-offset-240:not(.ng-dropdown-panel) {
-  min-width: map-get($x-min-widths, 240) !important;
-  }
-
-.x-dropdown-offset-180:not(.ng-dropdown-panel) {
-    min-width: map-get($x-min-widths, 180) !important;
-    }
-
-// theres two versions of the DOM for this components dependant on the append to boddy parameter
-// the implementation approach works with both options
-.ng-dropdown-panel.x-dropdown-offset-240,
-.x-dropdown-offset-240 .ng-dropdown-panel {
-  // adding up the offset to the original width of the element to create offset effect
-  min-width: map-get($x-min-widths, 240) + map-get($x-min-widths, 120) !important;
-}
-.ng-dropdown-panel.x-dropdown-offset-180,
-.x-dropdown-offset-180 .ng-dropdown-panel {
-  // adding up the offset to the original width of the element to create offset effect
-  min-width: map-get($x-min-widths, 180) + map-get($x-min-widths, 120) !important;
-}
-
-.ng-dropdown-panel.x-dropdown-offset-240,
-.ng-dropdown-panel.x-dropdown-offset-180,
-.x-dropdown-offset-240 .ng-dropdown-panel,
-.x-dropdown-offset-180 .ng-dropdown-panel {
-  // aligning element the element to create offset effect
-  margin-left: - map-get($x-min-widths, 120) !important;
-  border-bottom-right-radius:  $border-radius-sm;
-  border-bottom-left-radius:  $border-radius-sm;
-
-  .ng-dropdown-header {
-    border-top-left-radius: $border-radius-sm !important;
-    border: $dropdown-offset-border;
-    padding: 0 !important;
-
-    .x-offset-tabs-container, a.nav-link {
-      width: 100%;
-    }
-    .nav-item {
-      width: 50%;
-      &:first-child {
-        border-top-left-radius: $border-radius-sm !important;
-      }
-    }
-  }
-
-  .ng-dropdown-panel-items {
-    border: 0;
-    border-bottom-left-radius:  $border-radius-sm !important;
-    border-bottom: $dropdown-offset-border;
-  }
-
-  .ng-option{
-    border-top-right-radius:  0 !important;
-    border-top-left-radius:  0 !important;
-    border-left: $dropdown-offset-border;
-    border-right: $dropdown-offset-border;
-    box-shadow: 0 !important;
-
-    * {
-      margin-bottom: 0 !important;
-    }
-
-    .x-icon-container{
-      visibility: hidden;
-    }
-
-    &:hover {
-      background-color: theme-color('light-secondary') !important;
-
-      .x-icon-container{
-        visibility: visible;
-        @include transition(visibility 0.5s ease-in-out 0.2s);
-      }
-    }
-  }
-}