@leapdev/gui 0.2.265 → 1.0.1

package/dist/scss/x2/components/input/_input-group.scss

@@ -1,144 +0,0 @@
-@import "~bootstrap/scss/input-group";
-
-// Set default customise component variables here,
-// Override it in theme variables files
-$x-input-group-icon-zindex:          4       !default;
-$x-input-group-icon-position:        0.45em  !default;
-$x-input-group-icon-form-padding-sm: 1.75rem  !default;
-$x-input-group-icon-form-padding:    2.5rem  !default;
-
-.x-input-group {
-  @extend .input-group,
-          .flex-nowrap;
-
-  .ng-select {
-    @extend .flex-auto;
-  }
-}
-
-.x-input-group-icon {
-  @extend .d-flex,
-          .flex-1,
-          .bg-white,
-          .position-relative;
-
-  .x-icon-container {
-    @extend .position-absolute,
-            .align-self-center,
-            .text-info-transparent;
-
-    &:first-child {
-      left: $x-input-group-icon-position;
-    }
-    &:last-child {
-      right: $x-input-group-icon-position;
-    }
-    ~ .form-control {
-      padding-left: $x-input-group-icon-form-padding-sm;
-    }
-    @include media-breakpoint-up(sm) {
-      font-size: map_get($icon-sizes, md);
-      ~ .form-control {
-        padding-left: $x-input-group-icon-form-padding;
-      }
-    }
-  }
-  .x-form-control-inputMask {
-    padding-left: $x-input-group-icon-form-padding;
-    @include hover-focus-active {
-      position: relative;
-      background: none;
-      z-index: $x-input-group-icon-zindex;
-    }
-  }
-
-  .form-control {
-    &:nth-last-child(2) {
-      @include border-right-radius($border-radius);
-      padding-right: $x-input-group-icon-form-padding;
-    }
-
-    @include hover-focus-active {
-      ~ .x-icon-container {
-        z-index: $x-input-group-icon-zindex;
-      }
-    }
-  }
-  &:first-child:not(:last-child) {
-    .form-control {
-      @include border-right-radius(0);
-    }
-  }
-  & + & {
-    @extend .mt-2;
-  }
-}
-
-
-.x-attendees {
-  @extend .d-flex,
-          .bg-white,
-          .border,
-          .p-2,
-          .align-items-center,
-          .position-relative;
-
-  .x-attendees-prepend {
-    @extend .d-flex,
-            .align-items-center,
-            .align-self-start,
-            .justify-content-center,
-            .p-1,
-            .mr-2,
-            .h-100;
-
-    .x-avatar {
-      @extend .bg-primary,
-              .text-white;
-    }
-  }
-
-  .x-attendees-list {
-    @extend .d-flex,
-            .justify-content-start,
-            .h-100,
-            .overflow-auto,
-            .flex-wrap;
-    flex-grow: 1;
-    max-height: 8em;
-    min-height: 2em;
-
-    &.x-border {
-      @extend .pl-2,
-              .border-left;
-    }
-  }
-
-  .x-attendees-item {
-    @extend .d-flex,
-            .justify-content-center,
-            .align-items-center,
-            .position-relative,
-            .p-1;
-
-    @include hover-focus {
-      .x-notification {
-        @extend .d-block;
-      }
-    }
-  }
-
-  .x-attendees-item--add {
-    min-width: 2.67em;
-
-    .x-icon-container {
-      @extend .text-muted,
-              .x-icon-lg;
-
-      @include hover-focus {
-        @extend .text-primary;
-        cursor: pointer;
-      }
-    }
-  }
-}

package/dist/scss/x2/components/input/_input-icon.scss

@@ -1,10 +0,0 @@
-.x-input-icon {
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: right 1rem center;
-
-  &.x-input-icon-calendar {
-    background-size: 1.5em;
-    background-image: url("data:image/svg+xml,%3Csvg width='96px' height='96px' viewBox='0 0 96 96' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EExport/calendar%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Export/calendar' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='Calendar-Background' fill-opacity='0.15' fill='%236e7781' x='18' y='31' width='60' height='48'%3E%3C/rect%3E%3Cpath d='M54,23 L42,23 L42,17 L54,17 L54,23 Z M72,23 L72,17 L80,17 C82.209139,17 84,18.5918764 84,20.5555556 L84,81.4444444 C84,83.4081236 82.209139,85 80,85 L16,85 C13.790861,85 12,83.4081236 12,81.4444444 L12,20.5555556 C12,18.5918764 13.790861,17 16,17 L24,17 L24,23 L18,23 L18,79 L78,79 L78,23 L72,23 Z M33,11 C34.6568542,11 36,12.3431458 36,14 L36,26 C36,27.6568542 34.6568542,29 33,29 C31.3431458,29 30,27.6568542 30,26 L30,14 C30,12.3431458 31.3431458,11 33,11 Z M63,11 C64.6568542,11 66,12.3431458 66,14 L66,26 C66,27.6568542 64.6568542,29 63,29 C61.3431458,29 60,27.6568542 60,26 L60,14 C60,12.3431458 61.3431458,11 63,11 Z M30,46 C28.3431458,46 27,44.6568542 27,43 C27,41.3431458 28.3431458,40 30,40 C31.6568542,40 33,41.3431458 33,43 C33,44.6568542 31.6568542,46 30,46 Z M42,46 C40.3431458,46 39,44.6568542 39,43 C39,41.3431458 40.3431458,40 42,40 C43.6568542,40 45,41.3431458 45,43 C45,44.6568542 43.6568542,46 42,46 Z M54,46 C52.3431458,46 51,44.6568542 51,43 C51,41.3431458 52.3431458,40 54,40 C55.6568542,40 57,41.3431458 57,43 C57,44.6568542 55.6568542,46 54,46 Z M66,46 C64.3431458,46 63,44.6568542 63,43 C63,41.3431458 64.3431458,40 66,40 C67.6568542,40 69,41.3431458 69,43 C69,44.6568542 67.6568542,46 66,46 Z M30,58 C28.3431458,58 27,56.6568542 27,55 C27,53.3431458 28.3431458,52 30,52 C31.6568542,52 33,53.3431458 33,55 C33,56.6568542 31.6568542,58 30,58 Z M42,58 C40.3431458,58 39,56.6568542 39,55 C39,53.3431458 40.3431458,52 42,52 C43.6568542,52 45,53.3431458 45,55 C45,56.6568542 43.6568542,58 42,58 Z M54,58 C52.3431458,58 51,56.6568542 51,55 C51,53.3431458 52.3431458,52 54,52 C55.6568542,52 57,53.3431458 57,55 C57,56.6568542 55.6568542,58 54,58 Z M66,58 C64.3431458,58 63,56.6568542 63,55 C63,53.3431458 64.3431458,52 66,52 C67.6568542,52 69,53.3431458 69,55 C69,56.6568542 67.6568542,58 66,58 Z M30,70 C28.3431458,70 27,68.6568542 27,67 C27,65.3431458 28.3431458,64 30,64 C31.6568542,64 33,65.3431458 33,67 C33,68.6568542 31.6568542,70 30,70 Z M42,70 C40.3431458,70 39,68.6568542 39,67 C39,65.3431458 40.3431458,64 42,64 C43.6568542,64 45,65.3431458 45,67 C45,68.6568542 43.6568542,70 42,70 Z M54,70 C52.3431458,70 51,68.6568542 51,67 C51,65.3431458 52.3431458,64 54,64 C55.6568542,64 57,65.3431458 57,67 C57,68.6568542 55.6568542,70 54,70 Z M66,70 C64.3431458,70 63,68.6568542 63,67 C63,65.3431458 64.3431458,64 66,64 C67.6568542,64 69,65.3431458 69,67 C69,68.6568542 67.6568542,70 66,70 Z' id='Fill' fill='%236e7781' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
-  }
-}

package/dist/scss/x2/components/input/_input-select.scss

@@ -1,107 +0,0 @@
-// NG Select
-// https://github.com/ng-select/ng-select
-.ng-select {
-  @extend .flex-1,
-          .d-flex;
-
-  .ng-select-container {
-    @extend .form-control,
-            .ml-0;
-
-    .ng-placeholder {
-      @extend .position-absolute;
-
-      color: $input-placeholder-color;
-    }
-
-    .ng-input {
-      @extend .position-relative;
-
-      input {
-        @extend .p-0;
-        color: $input-color;
-        &:focus {
-          outline: 0;
-        }
-      }
-    }
-  }
-
-  &.ng-select-focused {
-    .ng-select-container {
-      @include x-form-control-focus;
-
-      z-index: 3;
-    }
-    &:not(:first-child) {
-      .ng-select-container {
-        @include border-left-radius(0);
-      }
-    }
-    &:not(:last-child) {
-      .ng-select-container {
-        @include border-right-radius(0);
-      }
-    }
-  }
-
-  .ng-has-value .ng-placeholder {
-    @extend .d-none;
-  }
-
-}
-
-.ng-value {
-  .ng-select-multiple & {
-    @extend .mr-2,
-            .p-0,
-            .x-badge-tag,
-            .badge-light;
-  }
-
-  .ng-select-single & {
-    @extend .position-absolute,
-            .w-100;
-  }
-}
-
-.ng-dropdown-panel {
-  @extend %zindex-dropdown;
-
-
-  &.ng-select-bottom {
-    top: 100%;
-    margin-left: 6px;
-  }
-
-  &.ng-select-top {
-    bottom: 100%;
-  }
-
-  .ng-dropdown-panel-items {
-    @extend .w-100,
-            .py-0,
-            .list-group,
-            .list-group-flush,
-            .dropdown-menu,
-            .show;
-
-    .ng-option {
-      @extend %white-space-normal,
-              .dropdown-item,
-              .list-group-item,
-              .list-group-item-action,
-              .px-3;
-
-      &.ng-option-selected {
-        @extend .list-group-item-info;
-      }
-
-      &:last-child:not(:first-child):not(.selected) {
-        @extend .border-top;
-
-      }
-    }
-  }
-}
-

package/dist/scss/x2/components/input/_input-upload.scss

@@ -1,107 +0,0 @@
-.x-upload-group {
-  @extend .d-flex,
-          .justify-content-between,
-          .flex-nowrap,
-          .bg-white,
-          .py-3,
-          .px-4,
-          .border;
-  @include border-radius($input-border-radius-lg);
-
-  .x-upload-label {
-    @extend %font-size-sm,
-            .mb-xl-0,
-            .pr-2,
-            .text-info;
-  }
-  .x-upload-prepend {
-    @extend .d-block;
-    @include size(5.750rem);
-  }
-  .x-upload-content {
-    @extend .d-flex,
-            .flex-column,
-            .flex-xl-row,
-            .flex-1,
-            .pl-3,
-            .justify-content-between,
-            .align-items-xl-center;
-  }
-}
-
-// Prepend / Append
-.x-input-group-prepend {
-  @extend .input-group-prepend;
-}
-.x-input-group-append {
-  @extend .input-group-append;
-}
-.x-input-group-prepend,
-.x-input-group-append {
-  min-width: 2.250rem;
-
-  > * {
-    @extend .w-100;
-  }
-
-  .btn {
-    @extend .btn-sm;
-    @include hover-focus-active {
-      z-index: $x-input-group-icon-zindex;
-    }
-  }
-
-  .x-btn-icon-only {
-    @extend .p-0;
-  }
-}
-
-// Uploaded Multiple images preview
-.x-upload-prepend,
-.x-uploaded-img {
-  @extend .overflow-hidden,
-          .position-relative;
-  @include transition(all 0.18s ease-in-out);
-  @include border-radius($input-border-radius-lg);
-
-  @include hover-focus {
-    @include transition(all 0.18s ease-in-out);
-
-    .x-btn-hidden,
-    &.has-uploaded:before {
-      @include invisible(visible);
-      opacity: 1;
-    }
-  }
-
-  &.has-uploaded:before {
-    @extend .bg-dark-transparent,
-            .position-absolute,
-            .w-100,
-            .h-100;
-    content: '';
-    z-index: 0;
-    visibility: hidden;
-    opacity: 0;
-  }
-}
-
-
-.x-btn-delete {
-  @extend .btn,
-          .close,
-          .x-no-focus,
-          .position-absolute,
-          .text-light,
-          .py-0,
-          .px-2;
-  @extend %cursor-pointer;
-  bottom: 0;
-  left: 0;
-  z-index: 2;
-
-  &.x-btn-hidden {
-    @include invisible(hidden);
-    opacity: 0;
-  }
-}

package/dist/scss/x2/components/layouts/_layout-aside.scss

@@ -1,137 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$ls-aside-width-collapsed:   3.25rem     !default;
-$ls-aside-width-sm:          15.00rem    !default;
-$ls-aside-width-md:          18.75rem    !default;
-$ls-aside-width-lg:          22.50rem    !default;
-$ls-aside-width-xl:          30rem       !default;
-
-$x-header-height-xs: 3.5em     !default;
-$x-header-height-sm: 6rem      !default;
-$x-header-height-md: 7rem      !default;
-$x-header-height-lg: 14.5rem   !default;
-
-
-
-
-html,
-body {
-  @include media-breakpoint-up(md) {
-    height: 100%;
-    min-height: 100%;
-  }
-  @extend .bg-light-secondary;
-}
-
-
-.layout-aside {
-	@extend .h-100,
-          .d-flex,
-          .flex-wrap,
-          .bg-light-secondary,
-			    .overflow-auto;
-
-}
-
-.x-aside-sticky {
-  @extend .position-fixed,
-          .h-100,
-          .d-flex,
-          .flex-column;
-}
-
-.lt-aside {
-  @extend .d-flex,
-          .justify-content-between,
-          .overflow-auto,
-          .flex-column,
-          .flex-wrap;
-  width: $ls-aside-width-md;
-  background-color: $x-aside-nav-bg-light;
-
-  .x-aside-theme-dark & {
-    @extend %x-theme-dark-aside;
-  }
-
-  .x-aside-sticky {
-    width: $ls-aside-width-sm;
-  }
-
-  &.is-wide {
-    width: $ls-aside-width-lg;
-    .x-aside-sticky {
-      width: $ls-aside-width-lg;
-    }
-    @include media-breakpoint-up(xl) {
-      width: $ls-aside-width-xl;
-      .x-aside-sticky {
-        width: $ls-aside-width-xl;
-      }
-    }
-  }
-
-  > * {
-  	width: 100%;
-  }
-
-  .x-panel-lg &, // for overlay side panel
-  .modal & {
-    width: $ls-aside-width-sm;
-    &.is-wide {
-      width: $ls-aside-width-md;
-    }
-    &.is-wider {
-      width: $ls-aside-width-lg;
-    }
-  }
-
-  &.is-narrow {
-    @extend .bg-dark,
-            .p-0;
-		width: $ls-aside-width-collapsed;
-	}
-}
-
-
-// Aside footer Card Switch
-.lt-aside-switch {
-	@extend .p-3,
-          .d-flex,
-          .text-grey,
-          .font-weight-bold,
-          .bg-light-transparent;
-
-	.x-switch {
-    @extend %font-size-sm;
-	}
-}
-
-
-
-.lt-container {
-	@extend .h-100,
-          .d-flex,
-          .flex-1;
-  > * {
-    @extend .flex-auto;
-    width: 100%;
-  }
-
-  .lt-header {
-    @extend .d-flex,
-            .w-100,
-            .justify-content-between,
-            .align-items-center;
-    min-height: $x-header-height-xs;
-    @include media-breakpoint-up(md) {
-
-      min-height: $x-header-height-sm;
-    }
-    > * {
-      @extend .d-flex;
-    }
-  }
-}
-
-

package/dist/scss/x2/components/layouts/_layout-column.scss

@@ -1,6 +0,0 @@
-.layout-column {
-  @extend .h-100,
-          .d-flex,
-          .flex-column;
-  @include transition(all 300ms ease-in-out);
-}

package/dist/scss/x2/components/layouts/_layout-row.scss

@@ -1,12 +0,0 @@
-.layout-row {
-  @extend .d-flex,
-          .h-100,
-          .pt-4,
-          .pb-2;
-
-  > * {
-    @extend .h-100,
-            .x-min-width-0,
-            .flex-auto;
-  }
-}

package/dist/scss/x2/components/list-group/_list-group-action.scss

@@ -1,127 +0,0 @@
-
-$x-list-group-action-space:        2rem !default;
-$x-list-group-action-space-lg:     4rem !default;
-
-.x-list-group-action {
-  .list-group {
-    @extend .list-group-flush;
-  }
-
-  .list-group-item {
-    @extend %font-size-sm,
-            .d-flex,
-            .align-items-center,
-            .text-primary;
-
-    span {
-      @extend .text-default;
-    }
-
-    .x-icon-container {
-      @extend .x-icon-lg,
-              .pr-3;
-    }
-
-    @include hover-focus-active() {
-      &,
-      span {
-        @extend .text-secondary-darker;
-      }
-    }
-  }
-
-  &:not(.x-no-indent) {
-    .list-group {
-      padding-left: $x-list-group-action-space;
-
-      .list-group-item {
-        .x-icon-container {
-          margin-left: -$x-list-group-action-space;
-        }
-      }
-    }
-  }
-
-  &.x-list-group-dark {
-    .list-group {
-      .list-group-item {
-        @extend .mb-1,
-                .text-info;
-
-        @include x-hover-focus-active {
-          @extend .text-secondary;
-        }
-      }
-    }
-  }
-}
-
-.x-list-group-action-lg {
-  @extend .x-list-group-action;
-
-  .list-group {
-    .list-group-item {
-      @extend %font-size-lg,
-              .py-3,
-              .border-0;
-
-      .x-icon-container {
-        @extend .x-icon-lg;
-
-      }
-    }
-  }
-
-  &.x-card {
-    @extend .p-0;
-  }
-
-  &:not(.x-no-indent) {
-    .list-group {
-      @extend .p-0;
-    }
-    .list-group-item {
-      padding-left: $x-list-group-action-space-lg;
-      .x-icon-container {
-        margin-left: -($x-list-group-action-space-lg - 2rem);
-      }
-    }
-  }
-}
-
-.x-list-group-action-slim {
-    @extend .x-list-group-dark;
-
-  .x-list-group-action-slim-item {
-    @extend .px-0,
-            .py-3,
-            .border-0,
-            .rounded-0,
-            .btn,
-            .btn-link,
-            .text-info,
-            .d-flex,
-            .justify-content-center,
-            .align-items-center,
-            .position-relative;
-
-    .x-icon-container {
-      @extend .x-icon-lg;
-    }
-
-    @include hover-focus-active() {
-      background: theme-color('secondary');
-      .x-icon-container {
-        @extend .text-white;
-      }
-    }
-  }
-
-  .aside-slim-separator {
-      @extend .mx-3,
-              .my-1,
-              .border,
-              .border-info-transparent;
-  }
-
-}