@leapdev/gui 0.2.264 → 1.0.0

package/dist/scss/x3/components/nav/_nav-tabs.scss

@@ -1,168 +0,0 @@
-$x-nav-tabs-link-color:          theme-color('info')    !default;
-$x-nav-tabs-link-hover-color:    var(--custom-theme-primary, theme-color("primary")) !default;
-$x-nav-tabs-link-hover-bg:       var(--custom-theme-primary-transparent, theme-color("primary-transparent")) !default;
-
-
-%x-nav-tabs,
-.x-nav-tabs {
-  @extend .nav,
-          .nav-tabs,
-          %border-bottom,
-          %mb-3;
-
-  @include x-section-heading-min-height;
-
-  .nav-item {
-    @extend %d-flex;
-
-    // .x-aside-theme-dark & {
-    //   @extend %x-theme-dark-aside-mobile;
-    // }
-
-    .nav-link {
-      @extend %font-size-sm,
-              %font-weight-medium,
-              %py-2,
-              %px-3,
-              %w-100,
-              %border-left-0,
-              %border-right-0,
-              %border-top-0,
-              .rounded-0,
-              %d-flex,
-              %align-items-center,
-              %position-relative;
-
-      .x-icon {
-        @extend %x-icon-lg;
-      }
-
-      &.detailed {
-        @extend %d-flex,
-                %flex-column,
-                %justify-content-start,
-                %align-items-start;
-        padding-left: 2.2rem !important;
-      }
-
-      &:not(.no-bottom-bar)::after {
-        content: '';
-        background: currentColor;
-        position: absolute;
-        height: 2px;
-        width: 100%;
-        left: 0;
-        bottom: -1px;
-        transition: all 250ms ease-out;
-        transform: scaleX(0);
-      }
-
-      &:not(.active) {
-        // Cannot @extend color here because `!important` by Bootstrap
-        color: $x-nav-tabs-link-color;
-      }
-
-      @include hover {
-        &:not(.active) {
-          color: $x-nav-tabs-link-hover-color;
-          background-color: $x-nav-tabs-link-hover-bg;
-        }
-        &::after {
-          transform: scaleX(1);
-        }
-      }
-
-      &.arrow:not(.no-bottom-bar)::before  {
-        @extend %position-absolute;
-        content: '';
-        bottom: -6px;
-        width: 0;
-        height: 0;
-        border-left: 6px solid transparent;
-        border-right: 6px solid transparent;
-        border-top: 6px solid $x-nav-tabs-link-hover-color;
-        z-index: 2;
-      }
-
-      &.active {
-        background-color: transparent;
-        color: $x-nav-tabs-link-hover-color;
-        &::after {
-          transform: scaleX(1);
-        }
-      }
-    }
-
-    .nav-link-subheading {
-      @extend %d-block,
-              %font-size-xs;
-      color: theme-color("info");
-    }
-
-
-
-    .nav-link-icon {
-      @extend %position-absolute;
-      margin-left: -1.2rem;
-      margin-top: 0.1rem;
-
-      .x-icon {
-        @extend %x-icon-sm;
-        font-size: inherit !important;
-      }
-    }
-
-    .x-nav-item-dropdown {
-      @extend %d-inline-flex;
-      .nav-link {
-        &.active {
-          // Show hover color instead of active color on nav dropdown button
-          color: $x-nav-tabs-link-hover-color;
-          background-color: $x-nav-tabs-link-hover-bg;
-        }
-        .x-icon {
-          @extend %ml-1,
-                  %x-icon-sm;
-        }
-      }
-
-    }
-  }
-
-  &.nav-justified {
-    .nav-link {
-      @extend %justify-content-center;
-    }
-  }
-  &:not(.x-nav-tabs-vertical) {
-    @extend %text-antialiased;
-
-    .nav-link {
-      @extend %text-uppercase;
-    }
-  }
-
-}
-
-.x-nav-tabs-vertical {
-  @extend %x-nav-tabs,
-          %border-bottom-0,
-          %flex-wrap,
-          %flex-column;
-  .nav-item {
-    @extend %mb-0;
-
-    .nav-link {
-      @extend %py-3,
-              %text-capitalize;
-
-      &:not(.no-border) {
-        @extend %border-bottom;
-      }
-
-      &.active {
-        background-color: theme-color("light");
-      }
-    }
-  }
-}

package/dist/scss/x3/components/nav/_nav.scss

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

package/dist/scss/x3/components/navbar/_navbar-complex.scss

@@ -1,87 +0,0 @@
-
-.x-navbar-complex {
-  @extend %x-flex-center,
-          %w-100,
-          %py-2,
-          %py-md-0;
-
-  min-width: 0;
-
-  .breadcrumb {
-    @extend %pl-0,
-            %pt-0;
-
-    min-width: 0;
-    flex-wrap: nowrap;
-
-    &-item {
-
-      &:last-child {
-        overflow: hidden;
-        white-space: nowrap;
-        min-width: 0;
-      }
-
-      a {
-        color: theme-color("info") !important;
-
-        @include hover-focus-active {
-          color: theme-color("secondary");
-        }
-      }
-
-      &-wrapper {
-        display: inline-block !important;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}
-
-.x-navbar-complex-prepend {
-  @extend %pr-0,
-          %x-flex-center;
-
-  .btn {
-    @extend %x-flex-center,
-            %p-0,
-            %text-info,
-            %bg-transparent,
-            .x-no-focus;
-    line-height: 1;
-
-    @include hover-focus-active {
-      color: theme-color("secondary");
-    }
-  }
-}
-
-.x-navbar-complex-content {
-  @extend %ml-3,
-          %pl-3,
-          %pr-3,
-          %flex-grow-1,
-          %position-relative,
-          %border-left;
-  min-width: 0;
-
-  .x-title {
-    @extend %position-relative;
-
-    flex: 1;
-    min-width: 0;
-
-    h6 {
-      @extend %mb-0;
-      max-width: 17rem;
-      overflow: hidden !important;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      @include media-breakpoint-up(md) {
-        max-width: 100%;
-      }
-    }
-  }
-}

package/dist/scss/x3/components/navbar/_navbar-sidebar.scss

@@ -1,34 +0,0 @@
-
-@include media-breakpoint-up(md) {
-
-	.x-navbar-brand-img {
-    width: 10em;
-
-		.is-wide & {
-			width: 14em;
-		}
-	}
-
-	.x-navbar {
-		@extend %x-flex-center;
-		padding: 2.250em 1.875em;
-
-		.is-wide & {
-			padding: 2.5em 5.625em;
-		}
-	}
-}
-
-@include media-breakpoint-up(xl) {
-
-	.x-navbar {
-		padding: 2.250em 1.875em;
-
-		.is-wide & {
-			padding: 5.5em 5em;
-		}
-	}
-
-}
-
-

package/dist/scss/x3/components/navbar/_navbar.scss

@@ -1,107 +0,0 @@
-@import "~bootstrap/scss/navbar";
-
-// Set default customise component variables here,
-// Override it in theme variables files
-$enable-navbar-fixed-top:      false          !default;
-$x-navbar-nav-link-min-height: 3.125rem       !default;
-$x-navbar-logo-height:         1.625rem       !default;
-$x-navbar-nav-border-color:    rgba(theme-color('primary-lighter'), 0.6) !default;
-
-@if($enable-navbar-fixed-top) {
-  body {
-    padding-top: $x-navbar-nav-link-min-height;
-  }
-}
-
-%x-navbar-primary,
-.x-navbar-primary {
-  @extend .navbar,
-          %p-0,
-          %bg-transparent,
-          %d-block,
-          %mb-0;
-  @if($enable-navbar-fixed-top) {
-    @extend %position-fixed,
-            %fixed-top;
-  }
-
-  > *:not(:last-child):not(.x-main-heading) {
-    @extend .border-right;
-    border-color: $x-navbar-nav-border-color !important;
-  }
-
-  .navbar-brand  {
-    @extend %mr-0,
-            %px-3,
-            %x-flex-a-center;
-  }
-
-  .navbar-nav {
-    &:last-child {
-      @extend %ml-auto;
-    }
-  }
-
-  .nav-item {
-    @extend %d-flex,
-            %align-items-stretch;
-    border: 0 solid $x-navbar-nav-border-color;
-
-
-    &:not(:last-child) {
-      border-right-width: 1px;
-      &:first-child {
-        border-left-width: 1px;
-      }
-    }
-  }
-
-  .nav-link {
-    @extend %btn,
-            %border-0,
-            %py-0,
-            %btn-primary,
-            %x-flex-a-center;
-
-    &.x-nav-link-icon {
-      @include hover-focus-active {
-        @extend %text-secondary-darker;
-      }
-    }
-
-    min-height: $x-navbar-nav-link-min-height;
-
-    .x-nav-user-info {
-
-      @extend %font-size-lg,
-              %mr-2,
-              %d-flex,
-              %flex-column,
-              %align-items-start,
-              %font-weight-normal,
-              %text-capitalize;
-
-      small {
-        @extend %text-lowercase,
-                %font-size-xs,
-                %font-weight-bold,
-                %text-light-transparent !optional;
-        margin-top: -(map_get($spacers, 1))
-      }
-    }
-
-    &.x-nav-link-icon {
-      @extend %x-icon-lg;
-    }
-  }
-}
-
-.x-navbar-secondary {
-  @extend %x-navbar-primary,
-          %border-bottom-0,
-          %my-2;
-}
-
-.x-navbar-logo {
-  height: $x-navbar-logo-height;
-}

package/dist/scss/x3/components/notification/_notification-slider.scss

@@ -1,87 +0,0 @@
-
-
-
-
-
-.lt-container {
-  @include media-breakpoint-down(sm) {
-    position: fixed;
-    width: 100%;
-    padding-bottom: 3.5rem;
-  }
-}
-
-.x-notification-slider {
-  @extend %d-flex,
-          %w-100;
-  margin-left: -0.25rem;
-  margin-right: -0.25rem;
-
-  .cdk-virtual-scroll-viewport {
-    &::-webkit-scrollbar-track-piece,
-    &::-webkit-scrollbar-track,
-    &::-webkit-scrollbar  {
-      width: 0;
-      height: 0;
-     }
-  }
-
-  .x-card-notify {
-    @extend %m-2,
-            %d-none;
-    width: 100%;
-    min-height: 8rem;
-
-    .x-card-header .x-title {
-      @extend %text-grey;
-
-      b {
-        @extend %text-default;
-      }
-
-      h6 {
-        max-height: calc(1.5em * 2);
-      }
-    }
-
-    .close {
-      @include media-breakpoint-up(xl) {
-        visibility: hidden;
-      }
-    }
-
-    @include hover-focus {
-      .close {
-        visibility: visible;
-      }
-    }
-
-
-    // Mobile Notification display 1
-    &:nth-of-type(1) {
-      @extend %d-flex;
-    }
-
-    // Tablet Notification display 2
-    @include media-breakpoint-up(md) {
-      width: 50%;
-      max-width: 50%;
-
-      &:nth-of-type(1),
-      &:nth-of-type(2) {
-        display: flex !important;
-      }
-    }
-
-    // Desktop Notification display 3
-    @include media-breakpoint-up(lg) {
-      width: 33.333%;
-      max-width: 33.333%;
-      &:nth-of-type(1),
-      &:nth-of-type(2),
-      &:nth-of-type(3) {
-        display: flex !important;
-      }
-    }
-  }
-}

package/dist/scss/x3/components/notification/_notification.scss

@@ -1,25 +0,0 @@
-$x-card-border-hover-color: var(--custom-theme-primary-lighter-hover, $border-active);
-$box-highlight-border-shadow: 0 0 0 1px $x-card-border-hover-color;
-
-.x-notification {
-  position: relative;
-  @include transition(transform 0.18s ease-in-out);
-  transform: scale(1);
-
-  .close {
-    @include media-breakpoint-up(xl) {
-      visibility: hidden;
-    }
-  }
-
-  &:hover,
-  &:active {
-    transform: scale(1.01);
-    // Use box-shadow instead of border to prevent expanding element's dimension
-    @include box-shadow($box-highlight-shadow, $box-highlight-border-shadow);
-
-    .close {
-      visibility: visible;
-    }
-  }
-}

package/dist/scss/x3/components/overlay-panel/_overlay-panel-iframe.scss

@@ -1,25 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-
-// Max Height & Width for Center Panel
-$x-overlay-center-max-height:       80vh        !default;
-$x-overlay-center-max-width:        80vw        !default;
-
-.x-panel-iframe {
-  @extend %x-panel-center;
-
-  @include media-breakpoint-up(sm) {
-    width: auto !important;
-    max-width: $x-overlay-center-max-width;
-    max-height: $x-overlay-center-max-height;
-  }
-
-  .modal-body {
-    @extend %py-4,
-            %px-2;
-    iframe {
-      @include transition(all 0.25s ease-in);
-    }
-  }
-}

package/dist/scss/x3/components/overlay-panel/_overlay-panel-position.scss

@@ -1,122 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-// Box Shadow
-$x-overlay-box-shadow-offset: 1rem                           !default;
-$x-overlay-box-shadow-blur:   2rem                           !default;
-$x-overlay-box-shadow-spread: -0.5rem                        !default;
-$x-overlay-box-shadow-color:  rgba(theme-color('dark'), .24) !default;
-
-$x-overlay-box-shadow-center: $box-shadow  !default; // Same Box Shadow with Modal
-$x-overlay-box-shadow-top:    0 $x-overlay-box-shadow-offset  $x-overlay-box-shadow-blur $x-overlay-box-shadow-spread $x-overlay-box-shadow-color   !default;
-$x-overlay-box-shadow-right:  -$x-overlay-box-shadow-offset 0 $x-overlay-box-shadow-blur $x-overlay-box-shadow-spread $x-overlay-box-shadow-color   !default;
-$x-overlay-box-shadow-bottom: 0 (-$x-overlay-box-shadow-offset) $x-overlay-box-shadow-blur $x-overlay-box-shadow-spread $x-overlay-box-shadow-color !default;
-$x-overlay-box-shadow-left:   $x-overlay-box-shadow-offset 0  $x-overlay-box-shadow-blur $x-overlay-box-shadow-spread $x-overlay-box-shadow-color   !default;
-
-
-%x-dropshadow-left {
-  @include box-shadow($x-overlay-box-shadow-left);
-}
-
-%x-dropshadow-right {
-  @include box-shadow($x-overlay-box-shadow-right);
-}
-
-%x-dropshadow-top {
-  @include box-shadow($x-overlay-box-shadow-top);
-}
-
-%x-dropshadow-bottom {
-  @include box-shadow($x-overlay-box-shadow-bottom);
-}
-
-%x-panel-floating,
-.x-panel-floating {
-  @extend .x-panel-light-header,
-          .x-panel-light-footer,
-          .x-panel-h-auto;
-
-  @include border-radius(map_get($spacers, 2));
-
-  &.border-0-sm {
-    @include media-breakpoint-down(sm) {
-      @include border-radius(map_get($spacers, 0));
-    }
-  }
-
-  .modal-body {
-    @extend %flex-auto;
-  }
-
-}
-%x-panel-center,
-.x-panel-center {
-  @extend .x-panel-floating,
-          .mh-100,
-          .m-auto;
-
-  @include box-shadow($x-overlay-box-shadow-center);
-
-}
-%x-panel-right,
-.x-panel-right {
-  @extend %ml-auto;
-  @include box-shadow($x-overlay-box-shadow-right);
-  transform: translateX(100%);
-}
-%x-panel-left,
-.x-panel-left {
-  @include box-shadow($x-overlay-box-shadow-left);
-  transform: translateX(-100%);
-}
-
-%x-panel-bottom,
-.x-panel-bottom {
-  @extend %fixed-bottom;
-  @include box-shadow($x-overlay-box-shadow-bottom);
-
-  &.x-panel-right {
-    transform: translateX(0);
-  }
-}
-
-:not(.x-overlay-loaded) >,
-.x-overlay-loaded.ng-animating > {
-  .x-panel-center {
-    opacity: 0;
-    transform: translateY(-25%);
-  }
-
-  .x-panel-top {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-}
-
-.x-feedback-modal-header {
-  button:not(.x-feedback-close) {
-    display: none;
-  }
-}
-
-.x-feedback-modal-body {
-  border-bottom-left-radius: 0.5rem !important;
-  border-bottom-right-radius: 0.5rem !important;
-}
-
-.x-panel-connected-left {
-  @include box-shadow($x-overlay-box-shadow-left);
-  position: absolute;
-  top: 0;
-  left: 0;
-  // z-index: $zindex-popover;
-  .x-panel-connected-offset & {
-    left: 240px;
-  }
-
-  .x-panel-connected-mobile & {
-    @include media-breakpoint-up(lg) {
-      top: 55px;
-    }
-  }
-}

package/dist/scss/x3/components/overlay-panel/_overlay-panel-size.scss

@@ -1,38 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$x-overlay-panel-xl:                map-get($container-max-widths, 'xl')!default;
-$x-overlay-panel-lg:                $modal-lg                           !default;
-$x-overlay-panel-md:                $modal-md                           !default;
-$x-overlay-panel-sm:                $modal-sm                           !default;
-
-
-.x-panel-h-auto {
-  @include media-breakpoint-up(sm) {
-    height: auto!important;
-  }
-}
-
-/* Default Full Width */
-.x-panel-xl {
-  max-width: $x-overlay-panel-xl;
-
-  .x-file-viewer-controls-wrapper {
-    // max-width: $x-overlay-panel-xl;
-  }
-}
-
-.x-panel-lg {
-  max-width: $x-overlay-panel-lg;
-}
-
-.x-panel-md {
-  max-width: $x-overlay-panel-md;
-}
-
-.x-panel-sm {
-  max-width: $x-overlay-panel-sm;
-  @include media-breakpoint-down(xs) {
-    max-width: 90vw;
-  }
-}