@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/x3/components/file-viewer/_file-viewer.scss

@@ -1,297 +0,0 @@
-// File viewer container
-
-
-// file viewer
-.x-file-viewer {
-
-  // MODIFIERS
-  // layout full/aside
-  &-full {
-    @extend %layout-column,
-    %overflow-hidden;
-
-    // Set to remove extra white-spaces around the file preview area
-    // .x-file-viewer-content, .layout-column
-    .x-file-viewer-content, .layout-column {
-      padding: 0 !important;
-    }
-
-    .btn.close {
-      display: none;
-    }
-
-    .modal-title {
-      @extend %text-truncate;
-      @extend %w-100;
-      padding: 0 !important;
-    }
-  }
-  &-aside {
-    @extend %layout-aside;
-  }
-
-  // TOOLBAR
-  // toolbar ribbon for full doc viewer
-  &-toolbar {
-    @extend %d-flex,
-            %flex-column,
-            %align-items-center,
-            %p-2,
-            %p-md-3;
-
-    @include custom-theme-color(primary, background-color);
-    color: theme-color('light');
-
-    a {
-      color: theme-color('light');
-      font-weight: $font-weight-bold;
-    }
-
-    p {
-      @extend %mb-1,
-              %mb-md-2;
-
-      color: theme-color('primary-lighter');
-    }
-  }
-
-  // CONTENT
-  &-content {
-    @extend %p-0;
-  }
-
-  // POWERED BY
-  // Powered by lawconnect logo
-  &-powered {
-    width: 8.125rem;
-    bottom: 2.5rem;
-    right: 2rem;
-
-    @include x-media-orientation(portrait) {
-      width: 7.5rem;
-
-      @include media-breakpoint-down(sm) {
-        bottom: 7rem;
-      }
-    }
-    @include x-media-orientation(landscape) {
-      @include media-breakpoint-only(xs) {
-        width: 6.25rem;
-      }
-      @include media-breakpoint-between(xs,sm) {
-        right: 1rem;
-      }
-      @include media-breakpoint-between(sm,md) {
-        width: 6.875rem;
-      }
-    }
-
-    @include media-breakpoint-down(md) {
-      bottom: 7rem;
-      right: 1.5rem;
-    }
-
-    @include media-breakpoint-between(sm, md) {
-      right: 3rem;
-    }
-
-    height: auto;
-    position: fixed;
-    background-color: transparent;
-
-    > img {
-      position: relative;
-      z-index: 1;
-    }
-
-    &:after {
-      content: '';
-      display: block;
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: calc(50% - 0.25rem);
-      height: 0.5rem;
-      background-color: rgba(253, 253, 253, 0.98);
-      z-index: 0;
-      border-radius: 10rem;
-      opacity: 0.8;
-      @include box-shadow(0 0 0.4375rem 0.8125rem rgba(253, 253, 253, 1));
-    }
-  }
-
-  // PROMPT
-  // File viewer messages/info
-  &-prompt {
-    text-align: center;
-
-    p {
-      @include media-breakpoint-down(md) {
-        line-height: 1.2;
-        font-size: 85%;
-      }
-    }
-  }
-
-  &-prompt-title {
-    font-weight: $font-weight-medium;
-    @include media-breakpoint-down(md) {
-      line-height: 1.2;
-      font-size: 1rem;
-    }
-  }
-}
-
-.x-file-viewer-container {
-  @extend %x-flex-center,
-          %overflow-auto,
-          %position-relative,
-          %bg-light-transparent,
-          %h-100;
-
-  > * {
-    @extend %pt-3,
-            %w-100;
-  }
-}
-
-// CONTROLS
-// File viewer controls
-.x-file-viewer-controls {
-  @extend %mb-2,
-          %px-2,
-          %d-flex,
-          %position-relative,
-          %overflow-hidden,
-          %bg-info,
-          .x-rounded-lg;
-
-  @include box-shadow(0 0.125rem 0.1875rem rgba(0, 0, 0, 0.2));
-
-  &-wrapper {
-    @extend %w-100,
-            %d-flex,
-            %position-absolute,
-            %justify-content-center,
-            %pb-2;
-    bottom: 0;
-  }
-
-  &-group {
-    @extend %d-flex,
-            %justify-content-center;
-  }
-}
-
-.x-file-viewer-control-text {
-  @extend %d-flex,
-          %text-white,
-          %align-items-center,
-          %cursor-default,
-          %text-noselect;
-  width: 3rem;
-}
-
-.x-file-viewer-control-btn {
-  @extend %btn,
-          %btn-info,
-          %x-btn-icon-only-md,
-          .x-no-focus,
-          %border-0,
-          %cursor-pointer;
-
-  @include media-breakpoint-up(lg) {
-    @extend %x-btn-icon-only-md,
-  }
-
-  @include x-no-hover-focus-active {
-    .x-icon {
-      opacity: .8;
-    }
-  }
-
-  .x-file-viewer-control-text & {
-    @extend %btn-dark,
-    %p-1;
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    @extend %cursor-not-allowed;
-  }
-
-  @include border-radius(0,0);
-}
-
-.x-file-viewer-control-btn-link {
-  @extend %btn,
-          %btn-link,
-          %x-btn-icon-only-lg,
-          %text-white,
-          %x-no-focus;
-
-  @include x-no-hover-focus-active {
-    opacity: .8;
-    text-decoration: none;
-  }
-}
-
-.x-file-viewer-control-input {
-  @extend %text-center,
-          %form-control,
-          %p-0,
-          %border-0;
-
-  @include box-shadow(0 0 0 0.125rem theme-color('dark') inset !important);
-
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    display: none;
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  &[type=number] {
-    -moz-appearance:textfield;
-  }
-
-  line-height: 1;
-  color: theme-color('light') !important;
-  background-color: lighten(theme-color('info'), 10%) !important;
-}
-
-.x-file-viewer-controls-pagination {
-  min-width: 4.5rem;
-
-  .x-file-viewer-control-btn {
-    @extend %btn-block,
-            %py-1;
-    height: 100%;
-  }
-
-  .x-file-viewer-control-input {
-    @extend %mx-auto,
-            %mb-0;
-    min-width: 2rem;
-    width: auto !important;
-    height: auto;
-  }
-
-  .x-file-viewer-control-input-group {
-    @extend %h-100,
-            %py-1,
-            %d-inline-flex;
-  }
-
-  .x-file-viewer-pagination-total {
-    @extend %d-flex;
-    min-width: 2.3rem;
-    color: white;
-    height: 100%;
-    justify-content: center;
-    align-items: center;
-    vertical-align: middle;
-  }
-
-  text-align: center;
-}

package/dist/scss/x3/components/forms/_form-account.scss

@@ -1,141 +0,0 @@
-// Custom form with aside option for create account / login
-
-.x-form {
-  @extend %x-form-centered,
-          .m-auto,
-          .pt-5,
-          .pb-4;
-  max-width: 30em;
-  width: 100%;
-}
-
-.x-form-header {
-  @extend .mb-4,
-          .w-100;
-}
-
-.x-form-header-title {
-  @extend .d-flex,
-          .justify-content-between,
-          .align-items-end;
-}
-
-.x-form-helper {
-  @extend .mb-0,
-          .d-flex,
-          .align-items-center,
-          .mb-md-1;
-  font-size:  $small-font-size;
-  > * {
-    font-size: $small-font-size;
-    line-height: 0;
-  }
-  .btn {
-    @extend .border-0,
-            .ml-1;
-  }
-  .x-btn-label {
-    font-size: $small-font-size;
-    line-height: 0;
-  }
-}
-
-.x-link {
-  @include custom-theme-color(primary, color);
-  @include hover-focus {
-    @extend %cursor-pointer;
-    color: var(--custom-theme-primary-hover, theme-color("primary-darker")) !important;
-  }
-}
-
-
-.x-form-aside {
-  @extend .d-flex,
-          .flex-column,
-          .flex-lg-row,
-          .my-4;
-}
-
-.x-form-main {
-  @extend .pb-3,
-          .pb-md-0,
-          .mb-md-3;
-}
-
-.x-form-main,
-.x-form-aside-main {
-  @extend .w-100;
-}
-
-.x-form-aside-actions {
-  @extend %x-form-aside-divider;
-
-  .btn {
-    @extend .mb-3;
-  }
-}
-
-
-// account signin, create, reset form actions footer
-.x-form-actions {
-  @extend .d-flex,
-          .flex-column,
-          .justify-content-center,
-          .justify-content-md-between,
-          .flex-md-row;
-
-  .x-form-actions-checkbox {
-    @extend .m-0,
-            .mb-4,
-            .pb-2,
-            .mb-md-0,
-            .pb-md-0,
-            .mr-auto;
-  }
-
-  .x-form-actions-btn {
-    @include media-breakpoint-down(sm) {
-      width: 100%;
-      > * {
-        width: 100%;
-      }
-    }
-  }
-}
-
-.x-form-actions-helper {
-  @include media-breakpoint-down(sm) {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-// center form and align
-%x-form-centered {
-  @extend .d-flex,
-          .flex-column,
-          .align-items-md-start,
-          .justify-content-md-center,
-          .h-100;
-}
-
-// divider on aside
-%x-form-aside-divider {
-  @extend .pt-lg-0,
-          .mt-lg-0,
-          .pt-4,
-          .mt-4,
-          .pl-lg-4,
-          .ml-lg-4;
-
-  @include media-breakpoint-down(md) {
-    border-top: 1px solid $border-color;
-  }
-
-  @include media-breakpoint-up(lg) {
-    border-left: 1px solid $border-color;
-  }
-}
-

package/dist/scss/x3/components/forms/_form-group-row.scss

@@ -1,33 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-
-.x-form-group-row {
-  @extend %form-group,
-          %d-flex;
-
-  .col-form-label {
-    @extend .col-form-label-sm,
-            %align-self-center;
-    height: 100%;
-    min-width: 4.75rem;
-
-    &.x-label-btn {
-      @extend .py-0;
-      .btn {
-        @extend .btn-block,
-                .x-btn-default;
-        padding-top: $input-btn-padding-y;
-        padding-bottom: $input-btn-padding-y;
-      }
-    }
-  }
-  .form-control {
-    width: 100%;
-  }
-
-  .ng-select,
-  > .form-control {
-    @extend .ml-4;
-  }
-}

package/dist/scss/x3/components/forms/_form-responsive.scss

@@ -1,13 +0,0 @@
-.x-form-control-lg {
-  @include media-breakpoint-up(sm) {
-    // Form Responsive Control sizing
-    //
-    // Copy from Bootstrap to avoid Sass extend issues.
-    // = form-control-lg;
-    height: $input-height-lg;
-    padding: $input-padding-y-lg $input-padding-x-lg;
-    font-size: $font-size-lg;
-    line-height: $input-line-height-lg;
-    @include border-radius($input-border-radius-lg);
-  }
-}

package/dist/scss/x3/components/forms/_form-validation.scss

@@ -1,73 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-form-feedback-icon-space: (map_get($spacers, 4) + map_get($spacers, 3))!default;
-
-.needs-validation {
-  // margin-right: $x-form-feedback-icon-space;
-  // padding-right: $x-form-feedback-icon-space;
-
-  .x-help-link {
-    // margin-right: $x-form-feedback-icon-space;
-  }
-
-  .x-form-control-container {
-    @extend %d-flex,
-    %align-items-center;
-    position: relative;
-  }
-
-  .x-form-feedback-icon {
-    @extend %pr-1,
-            %x-icon-md;
-    position: absolute;
-    right: 0.5rem;
-  }
-
-  .form-group:not(.ng-dirty) {
-    .x-form-feedback-icon {
-      @extend .x-invisible;
-    }
-  }
-
-  // ng-valid, ng-invalid for Angular
-  .ng-valid,
-  :not(.ng-invalid) ~ .ng-valid {
-    .x-form-feedback-icon {
-      color: theme-color("success");
-    }
-  }
-
-  .ng-invalid ~ .ng-valid,
-  .ng-invalid {
-    .x-form-feedback-icon {
-      color: theme-color("danger");
-    }
-  }
-
-}
-
-
-// for invalid elements we want the border-color and box-shadow from bootstrap
-.x-is-invalid {
-  @extend .is-invalid;
-  background-image: none !important;
-}
-
-// For invalid checkbox inputs after label
-.x-invalid-checkbox + .custom-control-label {
-  &::before, &::before &:focus {
-    box-shadow: 0 0 0 0.2rem lighten(theme-color("danger"), 35%);
-  }
-  &::after {
-    border: 2px solid theme-color("danger");
-    border-radius: 0.5rem;
-  }
-}
-
-// Feedback Message
-.x-invalid-feedback {
-  @extend %d-block,
-          .invalid-feedback;
-
-}

package/dist/scss/x3/components/forms/_forms.scss

@@ -1,115 +0,0 @@
-
-
-.x-form-row {
-  @extend %form-row;
-
-   label{
-     &:not(.custom-control) {
-      @extend %x-flex-a-center,
-      %mb-2;
-      color: theme-color("info");
-     }
-    .x-icon-container {
-      @extend %x-icon-md,
-      %ml-1;
-    }
-  }
-
-  .x-form-row-header {
-    @extend %x-flex-center;
-
-    .x-icon-container {
-      @extend %x-icon-md,
-      %mr-2,
-              .is-clickable;
-    }
-  }
-}
-
-// Form control mobile and desktop size
-.x-form-control {
-  @extend %form-control;
-  @include media-breakpoint-up(md) {
-    height: $input-height-lg;
-    padding: $input-padding-y-lg $input-padding-x-lg;
-    font-size: $font-size-lg;
-    line-height: $input-line-height-lg;
-    @include border-radius($input-border-radius-lg);
-  }
-}
-
-
-// Form row helper link
-.x-help-link {
-  @extend %ml-auto;
-  font-size: $font-size-sm;
-  a {
-    @extend %cursor-pointer;
-    color: theme-color("info");
-    text-decoration: none;
-  }
-}
-
-a.x-help-link {
-  @extend %cursor-pointer;
-  @include x-hover-focus-active {
-    @include custom-theme-color(primary, color);
-  }
-}
-
-.form-text {
-  &:not(.x-invalid-feedback):not(.x-valid-feedback) {
-    color: theme-color("muted");
-  }
-}
-
-.form-control-readonly {
-  @extend %mb-0;
-}
-
-
-.form-control-textarea {
-  @extend %overflow-auto;
-}
-
-// textarea with expanded
-.x-textarea-expand {
-  height: calc(2.5rem + 2px) !important;
-
-  &.active {
-    height: auto !important;
-  }
-}
-
-
-// Form info app details form
-.x-form-info {
-  p {
-    font-size: $font-size-sm;
-    color: theme-color("info");
-  }
-}
-
-.x-form-info-thumbnail {
-  max-width: 4rem;
-}
-
-.x-form-info-actions {
-  @extend .x-form-info,
-          %flex-column,
-          %h-100,
-          %x-flex-j-center;
-}
-
-
-
-.x-form-info-toolbar {
-  @extend %my-0,
-          %w-100,
-          %x-flex-j-center,
-          %flex-column;
-
-  &.is-centered {
-    @extend %align-items-center;
-  }
-}

package/dist/scss/x3/components/grid/_grid.scss

@@ -1,4 +0,0 @@
-@import "~bootstrap/scss/grid";
-
-
-@include make-container-fluid-max-widths();

package/dist/scss/x3/components/icons/_icons.scss

@@ -1,40 +0,0 @@
-//
-// Icon sizes
-//
-$icon-sizes: (
-   xs: 0.75rem, // ~12px
-   sm: 1rem, // ~16px
-   md: 1.5rem, // ~24px
-   lg: 2rem, // ~32px
-   xl: 3rem, // ~48px
-  xxl: 4.5rem, // ~72px
-  xxxl: 7rem, // ~112px
-  xxxxl: 9rem // ~144px
-) !default;
-
-
-.x-icon-container {
-  position: relative;
-  display: inline-flex;
-
-  &.is-clickable {
-    cursor: $cursor-pointer;
-    @include transition($btn-transition);
-    @include custom-theme-color(primary, color);
-
-    @include x-hover-focus-active {
-      @include custom-theme-color(seondary, color);
-    }
-  }
-}
-
-
-
-.x-icon {
-  // set height and width to 1em, so icon size will match its parent
-  height: 1em;
-  width:  1em;
-  fill: currentColor;
-}
-
-@include x-icon-sizing($icon-sizes);

package/dist/scss/x3/components/images/_images.scss

@@ -1,6 +0,0 @@
-@import "~bootstrap/scss/images";
-
-
-%img-fluid {
-  @include img-fluid;
-}