@leapdev/gui 0.2.265 → 1.0.0

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

@@ -1,32 +0,0 @@
-.custom-input-check {
-  @extend %custom-control,
-          %custom-checkbox;
-}
-
-.custom-label-primary {
-  @extend %custom-control-label;
-}
-
-.custom-control-label {
-  &.x-is-invalid:before {
-    @extend %border-danger
-  }
-}
-
-
-// checkbox card
-.x-custom-checkbox-card {
-  @extend  %m-0;
-  z-index: 2;
-}
-
-.x-custom-checkbox-card .custom-control-input {
-  & ~ .custom-control-label {
-    &::before {
-      background-color: theme-color("light");
-    }
-  }
-  &:indeterminate ~ .custom-control-label::after {
-    background-image: none !important;
-  }
-}

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

@@ -1,74 +0,0 @@
-
-// 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 {
-  background-color: theme-color("light");
-  @extend %d-flex,
-          %flex-1,
-          %position-relative;
-
-  .x-icon-container {
-    color: theme-color("info-transparent");
-    @extend %position-absolute,
-            %align-self-center;
-
-    &: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;
-  }
-}

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

@@ -1,107 +0,0 @@
-.x-upload-group {
-  background-color: theme-color("light");
-  @extend %d-flex,
-          %justify-content-between,
-          %flex-nowrap,
-          %py-3,
-          %px-4,
-          %border;
-  @include border-radius($input-border-radius-lg);
-
-  .x-upload-label {
-    @extend %mb-xl-0,
-            %text-info,
-            %font-size-sm,
-            %pr-2;
-  }
-  .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,
-            %h-100,
-            %w-100;
-    content: '';
-    z-index: 0;
-    visibility: hidden;
-    opacity: 0;
-  }
-}
-
-
-.x-btn-delete {
-  @extend %btn,
-          %close,
-          .x-no-focus,
-          %py-0,
-          %text-white,
-          %position-absolute,
-          %cursor-pointer,
-          %px-2;
-  bottom: 0;
-  left: 0;
-  z-index: 2;
-
-  &.x-btn-hidden {
-    @include invisible(hidden);
-    opacity: 0;
-  }
-}

package/dist/scss/x3/components/invoice/_invoice-cover-note.scss

@@ -1,31 +0,0 @@
-$linkColor: var(--custom-theme-primary, #0E5FE3);
-$link-arrow-image: str-replace(url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.14645 4.64645C8.34171 4.45118 8.65829 4.45118 8.85355 4.64645L11.8536 7.64645C12.0488 7.84171 12.0488 8.15829 11.8536 8.35355L8.85355 11.3536C8.65829 11.5488 8.34171 11.5488 8.14645 11.3536C7.95118 11.1583 7.95118 10.8417 8.14645 10.6464L10.2929 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H10.2929L8.14645 5.35355C7.95118 5.15829 7.95118 4.84171 8.14645 4.64645Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z' fill='black'/%3E%3C/svg%3E%0A"), "#", "%23");
-
-.cover-note {
-  h1 {
-    margin-bottom: 1.3125rem;
-  }
-  p {
-    margin-top: 0.75rem;
-    margin-bottom: 0.375rem;
-  }
-
-  ol,
-  ul,
-  dl {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 1rem;
-    list-style-position: outside;
-
-    a {
-      color: $linkColor;
-    }
-
-    ol,
-    ul,
-    dl {
-      margin-left: 1rem;
-    }
-  }
-}

package/dist/scss/x3/components/invoice/_invoice-page.scss

@@ -1,75 +0,0 @@
-$spacer-xl: 2.875rem;
-$page-padding: 3cm;
-
-.invoice-page {
-  background-color: #fff;
-  padding: $page-padding;
-  max-width: 58rem;
-  // box-shadow: 0px 0px 16px rgba(109, 114, 120, 0.6);
-  @include box-shadow(0 0 map-get($spacers, 3) theme-color("info-transparent"));
-  font-size: 0.875rem;
-  line-height: 1.5rem;
-  color: #191919;
-
-  section {
-    margin-bottom: $spacer-xl;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  .text-sm {
-    font-size: 0.875rem;
-    line-height: 1.3125rem;
-  }
-
-  h1 {
-    margin-bottom: 0;
-  }
-
-  .table {
-    min-width: 0;
-  }
-}
-
-hr.separator {
-  border: none;
-  border-bottom: 1px dashed theme-color('info'); //text-grey
-  margin-bottom: $spacer-xl;
-}
-
-.invoice-heading-md {
-  font-size: 1.1875rem;
-  line-height: 1.625rem;
-  letter-spacing: 0.25px;
-  font-weight: 500;
-  text-transform: uppercase;
-  margin-top: 0;
-  margin-bottom: 0.625rem;
-}
-
-/*  For Print */
-
-@media screen {
-  .page-break {
-    display: none;
-  }
-}
-
-@media print {
-  .page-break {
-    display: block;
-    break-before: page;
-    height: $page-padding;
-  }
-
-  .invoice-page {
-    max-width: unset;
-  }
-}
-
-// Page rules only supported in Chrome and Edge, not Safari, Firefox, IE.
-@page {
-  size: A4;
-}

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

@@ -1,221 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$ls-aside-width-collapsed:   3.5rem      !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;
-
-
-body {
-  @extend %bg-transparent;
-
-  // Scrollbars
-  scrollbar-width: auto;
-  scrollbar-color: theme-color('dark') $border-color;
-  -ms-overflow-style: auto;
-
-  ::-webkit-scrollbar {
-    width: 6px !important;
-  }
-  ::-webkit-scrollbar-track {
-    background: $border-color;
-  }
-  ::-webkit-scrollbar-thumb {
-    background-color: theme-color('dark');
-    border-radius: 3px;
-  }
-}
-
-html,
-body {
-  @include media-breakpoint-up(md) {
-    height: 100%;
-    min-height: 100%;
-  }
-}
-
-%layout-aside,
-.layout-aside {
-  @extend %d-flex,
-          %overflow-auto,
-          %h-100,
-          %flex-nowrap;
-
- @include media-breakpoint-down(md) {
-   padding-top: $x-header-height-xs;
-  }
-}
-
-.x-main-container {
-  @extend %flex-column,
-          %flex-md-row,
-          %d-flex,
-          %h-100,
-          %flex-grow-1;
-}
-
-.x-main-panel {
-  @extend %d-flex,
-          %flex-column,
-          %overflow-hidden,
-          %flex-1;
-  @include transition(all 300ms ease-in-out);
-}
-
-.x-main-aside {
-  @extend %d-flex,
-          %flex-column,
-          %flex-wrap,
-          %h-100,
-          %w-100;
-
-  @include media-breakpoint-up(md) {
-    max-width: $ls-aside-width-lg;
-  }
-
-  @media (min-width: 1367px)  {
-    max-width: $ls-aside-width-xl;
-  }
-}
-
-%lt-aside,
-.lt-aside {
-  @extend %d-flex,
-          %flex-column,
-          %flex-wrap,
-          %h-100,
-          %position-relative,
-          %justify-content-between;
-  background-color: $x-aside-nav-bg;
-  transition: $x-transition-transform;
-  width: $ls-aside-width-sm;
-  left: 0;
-
-  @include media-breakpoint-up(lg) {
-    position: relative;
-  }
-
-  .x-aside-theme-dark & {
-    @extend %x-theme-dark-aside;
-  }
-
-  &.is-wide {
-    width: $ls-aside-width-lg;
-    @include media-breakpoint-up(xl) {
-      width: $ls-aside-width-xl;
-    }
-  }
-
-  .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 %p-0;
-		width: $ls-aside-width-collapsed;
-	}
-}
-
-
-// Aside footer Card Switch
-.lt-aside-switch {
-  @extend %text-grey,
-  %bg-light-transparent;
-
-  @extend %p-3,
-          %font-weight-bold,
-          %d-flex;
-
-	.x-switch {
-    @extend %font-size-sm;
-	}
-}
-
-.lt-header-aside {
-  @extend %d-flex,
-          %py-3,
-          %px-3,
-          %py-lg-4,
-          %px-lg-4,
-          %align-items-center,
-          %justify-content-between;
-  border-bottom: 1px solid $border-color;
-  padding: 1.5rem;
-}
-
-.lt-container {
-  @extend %d-flex,
-          %overflow-hidden,
-          %flex-1,
-          %h-100;
-  > * {
-    @extend %d-flex,
-            %w-100;
-  }
-
-  .x-overlay & {
-    z-index: $zindex-fixed;
-    top: 3.5rem;
-  }
-
-  .lt-header-aside {
-    @extend %d-flex,
-            %py-3,
-            %px-3,
-            %py-lg-4,
-            %px-lg-4,
-            %align-items-center,
-            %justify-content-between;
-    border-bottom: 1px solid $border-color;
-    padding: 1.5rem;
-  }
-
-  .lt-header-title {
-    @extend %flex-column,
-            %py-3,
-            %py-xl-4,
-            %border-bottom,
-            %justify-content-center;
-  }
-
-  .lt-header {
-    @extend %flex-row,
-            %py-1,
-            %py-md-3,
-            %py-xl-4,
-            %w-100,
-            %d-flex,
-            %justify-content-center,
-            %justify-content-xl-start,
-            %align-items-center;
-    min-height: $x-header-height-xs;
-
-    @include media-breakpoint-up(xl) {
-      min-height: $x-header-height-sm;
-    }
-    > * {
-      @extend %d-flex;
-    }
-  }
-}
-
-
-
-/// scroll cdk overrides
-div.cdk-virtual-scroll-content-wrapper {
-  contain: unset !important;
-}

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

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

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

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

package/dist/scss/x3/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,
-.x-list-group-action {
-  .list-group {
-    @extend %list-group-flush;
-  }
-
-  .list-group-item {
-    @include custom-theme-color(primary, color);
-    @extend %d-flex,
-            %font-size-sm,
-            %align-items-center;
-
-    span {
-      @extend %text-default;
-    }
-
-    .x-icon-container {
-      @extend %x-icon-lg,
-              %pr-3;
-    }
-
-    @include hover-focus-active() {
-      span {
-        @include custom-theme-color(secondry-darker, color);
-      }
-    }
-  }
-
-  &: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 {
-          @include custom-theme-color(secondary, color);
-        }
-      }
-    }
-  }
-}
-
-%x-list-group-action-lg,
-.x-list-group-action-lg {
-  @extend %x-list-group-action;
-
-  .list-group {
-    .list-group-item {
-      @extend %py-3,
-              %font-size-lg,
-              %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,
-.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,
-            %d-flex,
-            %text-info,
-            %justify-content-center,
-            %align-items-center,
-            %position-relative;
-    .x-icon-container {
-      @extend %x-icon-lg;
-    }
-
-    @include hover-focus-active() {
-      @include custom-theme-color(secondary, background-color);
-      .x-icon-container {
-        @extend %text-white;
-      }
-    }
-  }
-
-  .aside-slim-separator {
-      @extend %mx-3,
-              %my-1,
-              %border,
-              %border-info-transparent;
-  }
-}