@leapdev/gui 0.2.265 → 1.0.0

package/dist/scss/4d/components/icons.scss

@@ -1,40 +0,0 @@
-//
-// Icon sizes
-//
-$icon-sizes: (
-   xs: 0.75rem, // ~12px
-   sm: 1rem, // ~16px
-   md: 1.5rem, // ~24px
-   lg: 1.75rem, // ~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: 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/4d/components/leap-icons.scss

@@ -1,57 +0,0 @@
-// @import "../../../fonts/leap-4d-system/src/style"; TODO
-// @import "../../../fonts/leap-4d-doctypes/src/style"; TODO 
-
-@mixin icon-init() {
-  & {
-    position: relative;
-    font-size: 1rem;
-    line-height: 1;
-    display: inline-block;
-  }
-
-  &:before, &:after {
-    position: relative;
-    display: block;
-    content: '';
-  }
-}
-
-.x-icon-search {
-  @include icon-init();
-
-  &:before {
-    width: $search-icon-dimension;
-    height: $search-icon-dimension;
-    border-radius: $search-icon-dimension;
-    border: 1px solid $btn-default-color;
-  }
-
-  &:after {
-    width: 0.0625rem;
-    height: 0.3125rem;
-    left: -0.1875rem;
-    transform: rotate(45deg) translateY(-0.1875rem);
-    background-color: $btn-default-color;
-  }
-}
-
-.x-icon-close {
-  @include icon-init();
-
-  &:before, &:after {
-    width: 2px;
-    height: 15px;
-    background-color: $gray-var-8;
-    transform-origin: center;
-  }
-
-  &:before {
-    transform: rotate(45deg);
-  }
-
-  &:after {
-    top: 0;
-    position: absolute !important;
-    transform: rotate(-45deg);
-  }
-}

package/dist/scss/4d/components/list.scss

@@ -1,57 +0,0 @@
-.list {
-  @extend .list-group,
-          .list-group-flush;
-
-          &_content {
-            flex: 1;
-          }
-}
-
-.list-pull {
-  margin-left: -1rem;
-  margin-right: -1rem;
-}
-
-.item_num {
-  @extend %text-truncate;
-  color: theme-color("default");
-  font-weight: $font-weight-bold;
-  font-size: $font-size-lg;
-  margin-bottom: 0.25rem;
-}
-.item_name {
-  @extend %text-truncate;
-  color: theme-color("primary-lighter");
-  font-weight: $font-weight-bold;
-  font-size: $font-size-lg;
-  margin-bottom: 0.25rem;
-}
-.item_desc {
-  color: theme-color("info");
-  margin-bottom: 0;
-}
-
-.list-item {
-  @extend .list-group-item,
-          %px-2;
-  display: flex;
-  position: relative;
-  border: 1px solid #d6d6d6;
-
-  &:focus,
-  &:hover {
-      background-color: $list-group-hover-bg;
-      cursor: pointer;
-      transition: all 0.15s ease-in-out;
-  }
-
-  .form-group {
-    margin-bottom: 0 !important;
-  }
-}
-
-.list_status {
-  position: absolute;
-  right: 0;
-  top: 0;
-}

package/dist/scss/4d/components/page.scss

@@ -1,105 +0,0 @@
-.page {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  flex: 1;
-
-
-  &_header {
-    width: 100%;
-  }
-
-  &_content {
-    flex-grow: 1;
-    width: 100%;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-
-  &-full {
-    height: 100vh;
-    .page_content {
-      align-items: center;
-      display: flex;
-    }
-  }
-
-  &_footer {
-    background-color: theme-color("light");
-    padding: 1rem;
-    width: 100%;
-    margin-top: auto;
-  }
-
-
-  // Sticky Header & Footer
-  &--footer-fixed{
-    .page_footer {
-        position: fixed;
-        z-index: 1030;
-        right: 0;
-        left: 0;
-        transform: translateZ(0);
-    }
-
-    .page_footer {
-      bottom: 0;
-    }
-  }
-
-
-  &--header-fixed {
-    .page_header {
-        position: fixed;
-        z-index: 1030;
-        right: 0;
-        left: 0;
-    }
-    .page_header {
-      top: 0;
-    }
-  }
-
-  &--footer-fixed {
-    .page_content {
-      padding-bottom: 5rem;
-    }
-  }
-
-  &--header-fixed {
-    .page_content {
-      padding-top: 5rem;
-    }
-  }
-}
-
-.page_footer {
-  .footer_accent-img {
-    max-width: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    img {
-      width: 100%;
-      height: auto;
-    }
-  }
-  .form-check {
-    @extend %mb-0;
-  }
-
-  &--centered {
-    .col {
-      align-items: center;
-    }
-  }
-
-  .btn-group leap-button:not(:first-child) {
-    margin-left: 0.5rem;
-  }
-}

package/dist/scss/4d/components/pre-loader.scss

@@ -1,34 +0,0 @@
-.x-loader {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  left: 0;
-  position: relative;
-  top: 0;
-  width: 100%;
-  z-index: 1030;
-  color: theme-color("primary");
-
-  &.absolute {
-    height: 100%;
-    position: absolute;
-  }
-
-  &.fixed {
-    height: 100%;
-    position: fixed;
-  }
-
-  &.bg-light-transparent { background-color: rgba(theme-color("light-secondary"), $opacity-base); }
-  &.bg-clear,
-  &.bg-default,
-  &.bg-primary,
-  &.bg-dark,
-  &.bg-dark-transparent {
-    color: theme-color("light") !important;
-  }
-
-  svg {
-    width: 3rem;
-  }
-}

package/dist/scss/4d/components/responsive-table.scss

@@ -1,50 +0,0 @@
-.responsive-table {
-  table {
-    border-collapse: collapse;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    table-layout: fixed;
-
-    th {
-      font-weight: inherit;
-    }
-  }
-}
-
-@media only screen and (max-width: 767px) {
-  .responsive-table {
-    table {
-      border: 0;
-      thead {
-        border: none;
-        clip: rect(0 0 0 0);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-      }
-
-      tr {
-        display: block;
-        margin-bottom: 0.5rem;
-        border-bottom: 1px solid $hr-border-color;
-      }
-
-      td {
-        display: block;
-        margin-bottom: 0.5rem;
-        &::before {
-          /*
-          * aria-label has no advantage, it won't be read inside a table
-          content: attr(aria-label);
-          */
-          content: attr(data-label);
-          float: left;
-        }
-      }
-    }
-  }
-}

package/dist/scss/4d/components/search-input-group.scss

@@ -1,3 +0,0 @@
-.input-group-search {
-  display: flex;
-}

package/dist/scss/4d/components/section.scss

@@ -1,36 +0,0 @@
-
-// Specific to word-app
-.section-header {
-  display: flex;
-  margin: 0.5rem 0;
-  align-items: center;
-  grid-template-columns: auto 1fr;
-
-  .btn,
-  .btn-link {
-    padding: 0 !important;
-    line-height: 1;
-    .x-icon-container {
-      margin-left: -5px;
-    }
-  }
-}
-.section_title {
-  > * {
-    width: auto;
-    overflow-wrap: break-word;
-    word-break: break-word;
-    white-space: break-word;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  h3 {
-    margin-bottom: 0;
-    line-height: 1;
-  }
-
-  h3, h4 {
-    text-transform: uppercase;
-  }
-}

package/dist/scss/4d/components/svg.scss

@@ -1,14 +0,0 @@
-.fill-primary {
-  fill: var(--primary, theme-color("primary"));
-}
-.fill-primary-lighter {
-  fill: var(--primary-lighter, theme-color("primary-lighter"));
-}
-.fill-primary-darker {
-  fill: var(--primary-darker, theme-color("primary-darker"));
-}
-.fill-secondary {
-  fill: var(--secondary, theme-color("secondary"));
-}
-
-

package/dist/scss/4d/components/tabs.scss

@@ -1,5 +0,0 @@
-.toolbar {
-  margin-left: -1rem;
-  margin-right: -1rem;
-  margin-bottom: 1rem;
-}

package/dist/scss/4d/components/toastr.scss

@@ -1,8 +0,0 @@
-@import '~ngx-toastr/toastr-bs4-alert';
-
-@each $color, $value in $theme-colors {
-  %toast-#{$color},
-  .toast-#{$color} {
-    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
-  }
-}

package/dist/scss/4d/components/treeview.scss

@@ -1,118 +0,0 @@
-$chevron-width: $chevron-width + 0.0625rem;
-
-.treeview-container {
-  position: relative;
-  overflow: auto;
-  border: 1px solid $gray-var-9;
-  min-height: 18.75rem;
-  height: 18.75rem;
-  padding: $treeview-container-padding;
-  background-color: $white;
-
-  > .treeview:first-of-type {
-    overflow: hidden;
-  }
-
-  .treeview {
-    position: relative;
-    z-index: 1;
-  }
-}
-
-.treeview {
-  position: relative;
-  list-style-type: none;
-  padding-left: 0;
-  display: block;
-  flex-direction: column;
-  width: 100%;
-}
-
-.treeview-node {
-  display: block;
-  width: 100%;
-  position: relative;
-
-  .treeview-link {
-    display: flex;
-    align-items: center;
-    color: $body-color;
-    position: relative;
-    text-decoration: none !important;
-    line-height: 1;
-    padding: $treeview-toggle-padding;
-    cursor: pointer;
-
-    &::after {
-      display: none;
-      top: 0;
-      right: -50%;
-      bottom: 0;
-      left: -50%;
-      position: absolute;
-      z-index: -1;
-      content: '';
-    }
-    &:hover::after {
-      display: block;
-      background-color: $treeview-node-hover-bg;
-    }
-  }
-}
-
-.treeview-toggle {
-  padding-left: $treeview-offset-left;
-
-  &::before {
-    left: -0.125rem;
-    display: block;
-    position: relative;
-    width: $chevron-width;
-    height: $chevron-width;
-    border-style: solid;
-    border-color: $treeview-chevron-color;
-    border-width: $treeview-chevron-width $treeview-chevron-width 0 0;
-    content: '';
-    transform: rotate(45deg);
-  }
-
-  &[aria-expanded="true"] {
-    &::before {
-      top: -0.0625rem;
-      transform: rotate(135deg);
-      left: 0;
-      border-color: $treeview-chevron-color-active;
-    }
-  }
-
-  &:active {
-    &::before {
-      border-color: $treeview-chevron-color-focus;
-    }
-  }
-}
-
-.treeview-label {
-  margin-left: $treeview-label-offset;
-}
-
-.treeview-icon {
-  width: $treeview-icon-width;
-  height: $treeview-icon-height;
-  margin-left: $treeview-icon-spacer;
-  margin-right: $treeview-icon-spacer;
-  display: inline-block;
-
-  &:before {
-    content: $treeview-folder-icon;
-  }
-
-  & + .treeview-label {
-    margin-left: 0 !important;
-  }
-}
-
-.treeview > .treeview-node .treeview {
-  width: calc(100% - #{$treeview-subtreeview-offset});
-  margin-left: $treeview-subtreeview-offset;
-}

package/dist/scss/4d/components/wizard.scss

@@ -1,28 +0,0 @@
-// Content App (SuperLayout) - Welcome screen and matter selection
-.wizard {
-  @extend %x-flex-center;
-  padding: 2rem 0;
-  flex-direction: column;
-  max-width: 17.5rem;
-  text-align: center;
-  margin: 0 auto;
-  height: 100%;
-
-  &_title {
-    color: var(--primary-lighter, theme-color("primary-lighter"));
-    font-size: $display3-size;
-    font-weight: $display3-weight;
-    margin-bottom: 1.75rem;
-  }
-
-  &_image {
-    max-width: 9rem;
-    margin-bottom: 1.75rem;
-  }
-
-  &_desc {
-    margin-bottom: 1.75rem;
-    padding: 0 2rem;
-    color: theme-color("default");
-  }
-}

package/dist/scss/4d/mixins/_all.scss

@@ -1,2 +0,0 @@
-@import './chevron';
-@import './mobile-device';

package/dist/scss/4d/mixins/_chevron.scss

@@ -1,51 +0,0 @@
-@mixin chevron-down {
-  top: $chevron-width;
-  right: $chevron-width;
-  transform: rotate(135deg);
-}
-
-@mixin chevron-up {
-  top: $chevron-width;
-  right: $chevron-width;
-  transform: rotate(-45deg);
-}
-
-@mixin chevron-right {
-  $offset: $chevron-width/2;
-  top: calc(50% - #{$offset});
-  right: $chevron-width;
-  transform: rotate(45deg);
-}
-
-@mixin chevron-left {
-  border-top: $chevron-width solid transparent;
-  border-right: $chevron-width solid;
-  border-bottom: $chevron-width solid transparent;
-}
-
-@mixin chevron($direction: down) {
-  @if $enable-chevron {
-    &::after {
-      width: $chevron-width;
-      height: $chevron-width;
-      display: block;
-      position: absolute;
-      border-style: solid;
-      border-width: 0.062rem 0.062rem 0 0;
-      content: '';
-
-      @if $direction == down {
-        @include chevron-down;
-      } @else if $direction == up {
-        @include chevron-up;
-      } @else if $direction == right {
-        @include chevron-right;
-      }
-    }
-
-    @if $direction == left {
-
-    }
-
-  }
-}

package/dist/scss/4d/mixins/_mobile-device.scss

@@ -1,8 +0,0 @@
-@mixin mobile-device-only() {
-  @media screen and (max-width: 844px) 
-  and (-webkit-min-device-pixel-ratio: 2),
-  screen and (max-width: 844px) 
-  and (-webkit-min-device-pixel-ratio: 3) { 
-    @content;
-  }
-}

package/dist/scss/4d/overrides/badge/badge.scss

@@ -1,68 +0,0 @@
-.badge-lg {
-  font-size: $badge-lg-font-size;
-}
-
-
-
-.badge {
-  text-transform: uppercase;
-  font-size:  $font-size-sm;
-  font-weight: $font-weight-medium;
-  letter-spacing: -0.16px;
-  line-height: 1;
-  min-width: 6rem;
-}
-
-.badge-default {
-	@include x-badge-outline-variant(theme-color("primary"), $border-color, $white);
-}
-
-.badge-info {
-	@include x-badge-outline-variant(theme-color("info"), $border-color, $white);
-}
-
-.badge-chrome {
-	@include x-badge-outline-variant(theme-color("grey"), $border-color, theme-color("light-secondary"));
-}
-
-.badge-light {
-  @include x-badge-outline-variant(theme-color("primary-lighter"), theme-color("primary-lighter"), $white);
-}
-
-.badge-danger {
-  @include x-badge-outline-variant(theme-color("light"), theme-color("danger"), theme-color("danger"));
-}
-
-.badge-warning {
-	@include x-badge-outline-variant(theme-color("light"), theme-color("warning"), theme-color("warning"));
-}
-
-
-// .badge-default {
-// 	@include x-badge-variant(theme-color("primary"), $white);
-// }
-// .badge-chrome {
-// 	@include x-badge-variant(theme-color("grey"), theme-color("light-secondary"));
-// }
-
-// .badge-danger {
-//   @include x-badge-variant(theme-color("danger"), theme-color("danger"));
-// }
-
-// .badge-warning {
-// 	@include x-badge-variant(theme-color("warning"), theme-color("warning"));
-// }
-
-// .badge-success {
-// 	@include x-badge-variant(theme-color("success"), theme-color("success"));
-// }
-
-// .badge-info {
-// 	@include x-badge-variant(theme-color("info"), theme-color("info"));
-// }
-
-// .badge-light {
-//   @include x-badge-outline-variant(theme-color("primary-lighter"), theme-color("primary-lighter"), $white);
-// }
-
-

package/dist/scss/4d/overrides/buttons/button-group.scss

@@ -1,4 +0,0 @@
-.dropdown-toggle-split {
-  padding-left: $dropdown-toggle-padding-x;
-  padding-right: $dropdown-toggle-padding-x;
-}