@leapdev/gui 0.2.265 → 1.0.1

package/dist/scss/x2/components/editor/_editor.scss

@@ -1,126 +0,0 @@
-// Quill Editor
-// https://quilljs.com/
-@import "~quill/dist/quill.snow.css";
-
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-editor-toolbar-color:               theme-color('default')                !default;
-$x-editor-toolbar-active-color:        theme-color('secondary')              !default;
-$x-editor-toolbar-hover-bg:            theme-color('light-transparent')      !default;
-$x-editor-toolbar-active-bg:           theme-color('secondary-transparent')  !default;
-$x-editor-container-min-height:        25rem                                 !default;
-
-@mixin x-editor-state($active-color, $hover-bg-color, $active-bg-color) {
-  @include transition($btn-transition);
-  &.ql-active,
-  &.ql-selected {
-    background: $active-bg-color;
-    color: $active-color;
-  }
-
-  &:hover,
-  &:focus,
-  &.ql-expanded {
-    background: $hover-bg-color;
-    color: $active-color;
-  }
-
-}
-
-.ql-snow {
-  &.ql-toolbar,
-  &.ql-container {
-    font-family: inherit;
-  }
-
-  &.ql-toolbar {
-    @extend .py-1,
-            .border-top-0,
-            .border-right-0,
-            .border-left-0,
-            .border-bottom;
-
-    .ql-formats {
-      @extend .d-inline-flex,
-              .mr-1;
-    }
-
-    button,
-    .ql-picker,
-    .ql-icon-picker .ql-picker-item {
-      @include size(2rem);
-    }
-
-    button,
-    .ql-picker {
-      color: theme-color('primary');
-      margin: auto 1px;
-
-      .x-icon {
-        @extend .x-icon-lg;
-      }
-      &.ql-header,
-      &.ql-font {
-        width: 6.75rem;
-      }
-    }
-
-    .ql-picker {
-      .ql-picker-label {
-        @extend .d-flex;
-      }
-
-      &:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label {
-        @extend .dropdown-toggle,
-                .align-items-center,
-                .border-light;
-
-        svg {
-          @extend .d-none;
-        }
-
-        &::after {
-          @extend .position-absolute;
-          right: map_get($spacers, 2);
-        }
-      }
-
-      &.ql-color-picker, &.ql-icon-picker {
-        .ql-picker-label {
-          @extend .border-0;
-        }
-      }
-
-      .ql-picker-options {
-        @extend .p-0;
-      }
-    }
-
-    button,
-    .ql-picker-label {
-      @extend .rounded;
-      float: none;
-    }
-
-    button,
-    .ql-picker-label,
-    .ql-picker-item {
-      @extend .x-no-focus;
-      @include x-editor-state($x-editor-toolbar-active-color, $x-editor-toolbar-hover-bg, $x-editor-toolbar-active-bg);
-      padding: 0.375rem;
-    }
-
-  }
-
-  &.ql-container {
-    @extend %font-size-sm,
-            .overflow-auto,
-            .bg-white,
-            .border-0;
-  }
-
-  .ql-editor {
-    @extend .p-3;
-  }
-}

package/dist/scss/x2/components/file-drop/_file-drop.scss

@@ -1,32 +0,0 @@
-.x-file-drop {
-  @extend .position-relative;
-
-  .x-drop-zone {
-    @extend .position-absolute,
-            .h-100,
-            .w-100,
-            .border,
-            .border-secondary,
-            .d-flex,
-            .x-border-dashed,
-            .x-border-thick,
-            .align-items-center,
-            .justify-content-center;
-
-    top: 0;
-    background-color: fade-out(theme-color("light"), .25);
-
-    &.d-none {
-      @extend .d-none;
-    }
-
-    > .x-file-drop-message {
-      @extend .d-flex,
-              .align-items-center,
-              .text-secondary-darker;
-      .x-icon-container {
-        @extend .mr-2;
-      }
-    }
-  }
-}

package/dist/scss/x2/components/file-viewer/_file-viewer-pdf.scss

@@ -1,12 +0,0 @@
-// Ng2-pdf-viewer
-// https://vadimdez.github.io/ng2-pdf-viewer/
-
-.ng2-pdf-viewer-container {
-  .pdfViewer.removePageBorders {
-    @extend .pt-3,
-            .pb-5;
-    .page {
-      @include box-shadow(0 0 map-get($spacers, 3) theme-color("info-transparent"))
-    }
-  }
-}

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

@@ -1,114 +0,0 @@
-.x-file-viewer {
-  @extend .layout-aside;
-}
-
-.x-file-viewer-aside {
-  @extend .lt-aside,
-          .border-right,
-          .is-wider,
-          .layout-column;
-
-}
-.x-file-viewer-aside-info {
-  @extend .bg-white,
-          .border-top,
-          .p-3;
-}
-
-.x-file-viewer-aside-info-header {
-  @extend .d-flex,
-          .align-items-center,
-          .text-primary-lighter;
-
-  .x-icon-container {
-    @extend .mr-2;
-  }
-}
-
-.x-file-viewer-aside-info-content {
-  .x-form-row {
-    @extend .mb-1;
-
-    > * {
-      @extend .text-truncate,
-              .mb-0;
-    }
-
-  }
-}
-
-.x-file-viewer-content {
-  @extend .position-relative,
-          .layout-column,
-          .flex-auto;
-  > * {
-    @extend .w-100;
-  }
-}
-
-.x-file-viewer-toolbar {
-  @extend .border-bottom;
-}
-
-.x-file-viewer-container {
-  @extend .h-100,
-          .bg-light-transparent,
-          .d-flex,
-          .justify-content-center;
-
-  > * {
-    @extend .pt-3,
-            .w-100,
-            .text-center,
-            .overflow-auto;
-  }
-
-}
-
-.x-file-viewer-controls-wrapper {
-  @extend .w-100,
-          .d-flex,
-          .fixed-bottom,
-          .position-absolute,
-          .justify-content-center,
-          .pb-4;
-}
-
-.x-file-viewer-controls {
-  @extend .px-2,
-          .d-flex,
-          .x-rounded-lg,
-          .bg-dark-secondary;
-
-}
-
-.x-file-viewer-control-text {
-  @extend .px-1,
-          .d-flex,
-          .align-items-center;
-  @include size(3rem, auto);
-}
-
-.x-file-viewer-control-btn {
-  @extend .btn,
-          .btn-dark-secondary,
-          .x-btn-icon-only-lg,
-          .x-no-focus;
-
-  @include x-no-hover-focus-active {
-    .x-icon {
-      opacity: .8;
-    }
-  }
-  .x-file-viewer-control-text & {
-    @extend .btn-dark,
-            .p-1;
-  }
-}
-
-.x-file-viewer-control-input {
-  @extend .p-1,
-          .form-control,
-          .form-control-sm,
-          .text-center;
-}

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

@@ -1,34 +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,
-            .h-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 {
-    @extend .w-100;
-  }
-
-  .ng-select,
-  > .form-control {
-    @extend .ml-4;
-  }
-}

package/dist/scss/x2/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/x2/components/forms/_form-validation.scss

@@ -1,65 +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;
-
-  .x-form-control-container {
-    @extend .d-flex,
-            .align-items-center,
-            .position-relative;
-  }
-
-  .x-form-feedback-icon {
-    @extend .pr-1,
-            .position-absolute,
-            .x-icon-md;
-    //@include transition($transition-fade);
-
-    // Position = icon width + gap between input field and icon
-    right: -$x-form-feedback-icon-space;
-  }
-
-  .form-group:not(.ng-dirty) {
-    .x-form-feedback-icon {
-      @extend .x-invisible;
-    }
-  }
-
-  label:not(.custom-control) {
-    margin-right: -$x-form-feedback-icon-space;
-  }
-
-
-  // ng-valid, ng-invalid for Angular
-  .ng-valid,
-  :not(.ng-invalid) ~ .ng-valid {
-    .x-form-feedback-icon {
-      @extend .text-success;
-    }
-  }
-
-  .ng-invalid ~ .ng-valid,
-  .ng-invalid {
-    .x-form-feedback-icon {
-      @extend .text-danger;
-    }
-  }
-
-}
-
-
-// for invalid elements we want the border-color and box-shadow from bootstrap
-.x-is-invalid {
-  @extend .is-invalid;
-}
-
-
-// Feedback Message
-.x-invalid-feedback {
-  @extend .d-block,
-          .invalid-feedback;
-
-}

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

@@ -1,107 +0,0 @@
-@import "~bootstrap/scss/forms";
-
-
-
-.x-form-row {
-  @extend .form-row;
-
-   label{
-     &:not(.custom-control) {
-      @extend .d-flex,
-              .align-items-center,
-              .text-info,
-              .mb-2;
-     }
-    .x-icon-container {
-      @extend .x-icon-md,
-              .ml-1;
-    }
-  }
-
-  .x-form-row-header {
-    @extend .d-flex,
-            .align-items-center,
-            .justify-content-between;
-
-    .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-sm;
-
-  a {
-    @extend .text-info;
-    text-decoration: none;
-  }
-}
-
-.form-text {
-  &:not(.x-invalid-feedback):not(.x-valid-feedback) {
-    @extend .text-muted;
-  }
-}
-
-.form-control-readonly {
-  @extend .mb-0;
-}
-
-
-.form-control-textarea {
-  @extend .h-auto,
-  .overflow-auto;
-}
-
-
-// Form info app details form
-.x-form-info {
-  p {
-    @extend %font-size-sm,
-    .text-info;
-  }
-}
-
-.x-form-info-thumbnail {
-  max-width: 4rem;
-}
-
-.x-form-info-actions {
-  @extend .x-form-info,
-          .flex-column,
-          .h-100,
-          .d-flex,
-          .justify-content-between;
-}
-
-
-
-.x-form-info-toolbar {
-  @extend .my-0,
-          .d-flex,
-          .flex-column,
-          .justify-content-center,
-          .w-100;
-
-  &.is-centered {
-    @extend .align-items-center;
-  }
-}

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

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

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

@@ -1,39 +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 {
-  // Remove line-height for icons
-  @extend .position-relative,
-          .d-inline-flex;
-  &.is-clickable {
-    @extend %cursor-pointer;
-    @include transition($btn-transition);
-    color: theme-color("primary");
-    @include x-hover-focus-active {
-      color: theme-color("secondary");
-    }
-  }
-}
-
-
-
-.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/x2/components/images/_images.scss

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

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

@@ -1,76 +0,0 @@
-// Prime NG
-// https://www.primefaces.org/primeng/#/autocomplete
-
-// Set default customise component variables here,
-// Override it in theme variables files
-$x-ui-autocomplete-max-height:      15rem !default; // Match the max-height of ng-select
-
-.ui-autocomplete {
-  @extend .d-block,
-          .position-relative;
-}
-
-.ui-autocomplete-input {
-  @extend .form-control;
-}
-
-.ui-autocomplete-panel {
-
-  .ui-autocomplete-items {
-    @extend .py-0,
-            .overflow-auto,
-            .list-group,
-            .list-group-flush,
-            .dropdown-menu;
-
-    max-height: $x-ui-autocomplete-max-height;
-  }
-
-  .ui-autocomplete-list-item {
-    @extend %white-space-normal,
-            .dropdown-item,
-            .list-group-item,
-            .list-group-item-action,
-            .px-3;
-  }
-}
-
-
-// Style for Google Place Auto Complete
-.pac-container {
-  @extend .py-0,
-          .overflow-auto,
-          .list-group,
-          .list-group-flush,
-          .dropdown-menu;
-
-  &.pac-logo:after {
-    @extend .m-2;
-  }
-  .pac-item {
-    @extend .dropdown-item,
-            .list-group-item,
-            .list-group-item-action,
-            .px-2;
-
-    &.pac-item-selected {
-      @extend .bg-primary-transparent;
-    }
-
-    &:last-child {
-      @extend .border-bottom;
-    }
-
-    .pac-icon {
-    }
-
-    .pac-item-query {
-      @extend .pr-1;
-      font-size: $font-size-base;
-    }
-
-    .pac-matched {
-      @extend .text-primary;
-    }
-  }
-}

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

@@ -1,25 +0,0 @@
-.x-form-check {
-  @extend .form-check,
-          .d-flex,
-          .custom-control,
-          .custom-checkbox,
-          .m-0,
-          .p-0,
-          .align-items-center;
-
-  &:checked ~ .x-check-badge-label::before {
-    @extend .border-white;
-  }
-}
-
-.x-form-check-input {
-  @extend .custom-control-input,
-          .mt-0,
-          .mr-1;
-}
-
-.x-form-check-label {
-  @extend .custom-control-label,
-          .d-flex,
-          .align-items-center;
-}

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

@@ -1,26 +0,0 @@
-.custom-input-check {
-  @extend .custom-control,
-          .custom-checkbox;
-}
-
-.custom-label-primary {
-  @extend .custom-control-label;
-}
-
-
-// checkbox card
-.x-custom-checkbox-card {
-  @extend  .m-0;
-  z-index: 2;
-}
-
-.x-custom-checkbox-card .custom-control-input {
-  & ~ .custom-control-label {
-    &::before {
-      @extend .bg-light;
-    }
-  }
-  &:indeterminate ~ .custom-control-label::after {
-    background-image: none !important;
-  }
-}