@leapdev/gui 0.2.265 → 1.0.1

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

@@ -1,79 +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 {
-  position: relative;
-  display: block;
-
-  .ui-autocomplete-panel {
-    min-width: 100%;
-  }
-}
-
-.ui-autocomplete-input {
-  @extend %form-control;
-}
-
-.ui-autocomplete-panel {
-  position: absolute;
-
-  .ui-autocomplete-items {
-    @extend .py-0,
-            .overflow-auto,
-            %list-group,
-            %list-group-flush,
-            .dropdown-menu;
-
-    max-height: $x-ui-autocomplete-max-height;
-    width: 100%;
-  }
-
-  .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-item-query {
-      @extend .pr-1;
-      font-size: $font-size-base;
-    }
-
-    .pac-matched {
-      @extend .text-primary;
-    }
-  }
-}

package/dist/scss/x1/components/input/_input-check-round.scss

@@ -1,39 +0,0 @@
-
-$x-todo-checkbox-checked-bg:                theme-color('success') !default;
-$x-todo-checkbox-indeterminate-color:       $white !default;
-$x-todo-checkbox-border-radius:             50% !default;
-$x-todo-checkbox-indicator-icon-checked:    str-replace(url("data:image/svg+xml;chatset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='#{$x-todo-checkbox-indeterminate-color}' points='4 6 7 9 12 4 12 7 7 12 4 9'%3E%3C/polygon%3E%3C/svg%3E"), "#","%23") !default;
-
-
-.x-checkbox-round {
-
-  .custom-control-input {
-    &:checked ~ .custom-control-label::before {
-      border-color: $x-todo-checkbox-checked-bg !important;
-      background-color: $x-todo-checkbox-checked-bg !important;
-      color: $x-todo-checkbox-indeterminate-color !important;
-    }
-  }
-
-  .custom-checkbox {
-    @extend %mb-0;
-  }
-
-  .custom-control-label {
-
-    &::before {
-      @extend .border-info;
-      border-width: 2px !important;
-    }
-
-    &::after {
-      background-image: $x-todo-checkbox-indicator-icon-checked !important;
-    }
-
-    &::after,
-    &::before {
-      @extend %overflow-hidden;
-      border-radius: $x-todo-checkbox-border-radius !important;
-    }
-  }
-}

package/dist/scss/x1/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/x1/components/input/_input-custom.scss

@@ -1,8 +0,0 @@
-.custom-input-check {
-  @extend %custom-control,
-          %custom-checkbox;
-}
-
-.custom-label-primary {
-  @extend %custom-control-label;
-}

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

@@ -1,239 +0,0 @@
-@import "~bootstrap/scss/input-group";
-
-// Set default customise component variables here,
-// Override it in theme variables files
-$x-input-group-input-zindex:        4      !default;
-$x-input-group-icon-zindex:         auto      !default;
-$x-input-group-icon-position:       0.5rem !default;
-$x-input-group-icon-form-padding:   2.0rem !default;
-
-.x-input-group {
-  @extend .input-group,
-          .flex-nowrap;
-
-  .ng-select {
-    @extend .flex-auto;
-  }
-
-  // For elements as direct children and thoses wrapped in components
-  & > *:first-child:not(:only-child):not(.ui-widget-content),
-  & > *:not(:last-child):not(.ui-widget-content) {
-    .ng-select-container,
-    *:not(.ng-value) {
-      @include border-right-radius(0);
-
-      &:focus {
-        z-index: $x-input-group-input-zindex;
-      }
-    }
-  }
-
-  & > *:last-child:not(:only-child):not(.ui-widget-content),
-  & > *:not(:first-child):not(.ui-widget-content) {
-    .ng-select-container,
-    *:not(.ng-value) {
-      @include border-left-radius(0);
-
-      &:focus {
-        z-index: $x-input-group-input-zindex;
-      }
-    }
-  }
-
-  .x-is-invalid {
-    .form-control,
-    .custom-select,
-    .ui-inputtext,
-    .ng-select-container {
-      z-index: $x-input-group-input-zindex;
-    }
-  }
-}
-
-.x-input-group-prepend {
-  @extend .input-group-prepend;
-}
-
-.x-input-group-prepend,
-.input-group-prepend {
-  & > *:first-child {
-    @include border-left-radius($border-radius);
-    @include border-right-radius(0);
-  }
-
-  // Form control inside a component
-  & + * > .form-control {
-    @include border-left-radius(0);
-  }
-}
-
-.x-input-group-append {
-  @extend .input-group-append;
-}
-
-.x-input-group-append,
-.input-group-append {
-  *,
-  .ui-inputtext { // p-calendar
-    @include border-left-radius(0);
-  }
-  & > *:last-child {
-    @include border-right-radius($border-radius);
-  }
-}
-
-.x-input-group-prepend,
-.x-input-group-append {
-  min-width: 2.250rem;
-
-  > * {
-    width: 100%;
-  }
-
-  .btn {
-    @extend %btn-sm;
-    @include hover-focus-active {
-        z-index: $x-input-group-input-zindex;
-    }
-
-    &:disabled {
-      @extend  .text-info-transparent;
-      opacity: 1!important;
-      background: $input-disabled-bg;
-    }
-  }
-
-  .x-btn-icon-only {
-    @extend %p-0;
-  }
-}
-
-.x-input-group-icon {
-  @extend %d-flex,
-          %flex-1,
-          %position-relative;
-
-  .x-icon-container {
-    @extend %position-absolute,
-            %align-self-center,
-            %text-muted,
-            %x-icon-md;
-
-    z-index: $x-input-group-icon-zindex;
-
-    &:first-child {
-      left: $x-input-group-icon-position;
-    }
-    &:last-child {
-      right: $x-input-group-icon-position;
-    }
-    &.btn, &button {
-      &:last-child {
-        right: 0;
-      }
-    }
-    ~ .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) {
-      padding-right: $x-input-group-icon-form-padding;
-    }
-
-    @include hover-focus-active {
-      ~ .x-icon-container {
-        z-index: $x-input-group-icon-zindex;
-      }
-    }
-  }
-  & + & {
-    @extend .mt-2;
-  }
-}
-
-.x-overlay-panel {
-  .x-input-group-icon {
-    .x-icon-container {
-      z-index: 5 !important;
-    }
-  }
-}
-
-
-.x-attendees {
-  @extend %d-flex,
-          %bg-white,
-          .border,
-          %p-2,
-          %align-items-center,
-          %position-relative;
-
-  .x-attendees-prepend {
-    @extend %d-flex,
-            %align-items-center,
-            %align-self-start,
-            %justify-content-center,
-            %p-1,
-            %mr-2,
-            .h-100;
-
-    .x-avatar {
-      @extend %bg-primary,
-              %text-white;
-    }
-  }
-
-  .x-attendees-list {
-    @extend %d-flex,
-            %justify-content-start,
-            .h-100,
-            %overflow-auto,
-            %flex-wrap;
-    flex-grow: 1;
-    max-height: 8em;
-    min-height: 2em;
-
-    &.x-border {
-      @extend %pl-2,
-              .border-left;
-    }
-  }
-
-  .x-attendees-item {
-    @extend %d-flex,
-            %justify-content-center,
-            %align-items-center,
-            %position-relative,
-            %p-1;
-
-    @include hover-focus {
-      .x-notification {
-        @extend %d-block;
-      }
-    }
-  }
-
-  .x-attendees-item--add {
-    min-width: 2.67em;
-
-    .x-icon-container {
-      @extend %text-muted,
-              %x-icon-lg;
-
-      @include hover-focus {
-        @extend %text-primary;
-        cursor: pointer;
-      }
-    }
-  }
-}

package/dist/scss/x1/components/input/_input-select.scss

@@ -1,202 +0,0 @@
-// NG Select
-// https://github.com/ng-select/ng-select
-
-$custom-select-arrows: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
-
-
-.ng-select {
-  @extend %flex-1,
-          %d-flex;
-
-  .ng-select-container {
-    @extend %form-control,
-            %ml-0;
-
-    .ng-placeholder {
-      @extend .position-absolute;
-
-      color: $input-placeholder-color;
-    }
-
-    .ng-input {
-      @extend %position-relative;
-
-      input {
-        @extend %p-0;
-        color: $input-color;
-
-        &:focus {
-          outline: 0;
-        }
-      }
-    }
-  }
-
-  &.disabled,
-  &.ng-select-disabled {
-    .ng-select-container {
-      background-color: $input-disabled-bg !important;
-    }
-  }
-
-  &.ng-select-sm .ng-select-container {
-    @extend %form-control-sm;
-  }
-
-  &.ng-select-focused {
-    .ng-select-container {
-      @include x-form-control-focus;
-
-      z-index: 3;
-    }
-  }
-
-  // Overflow auto for ng-select-multiple
-  &.ng-select-multiple {
-    .ng-select-container {
-      @extend .overflow-auto;
-    }
-
-    .ng-value-container {
-      align-items: baseline;
-    }
-
-    .ng-value {
-      // Preventing badge from shrinking
-      height: calc(#{$input-line-height-sm * 1rem} - 2px);
-      margin-bottom: 2px;
-    }
-
-    .ng-arrow-wrapper,
-    .ng-clear-wrapper {
-      display: none;
-    }
-  }
-
-  .ng-has-value .ng-placeholder {
-    @extend %d-none;
-  }
-}
-
-.x-select-truncate .ng-value {
-  width: 85%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.ng-value {
-  .ng-select-multiple & {
-    @extend %mr-2,
-            %p-0,
-            %x-badge-tag,
-            %badge-light;
-  }
-
-  .ng-select-single & {
-    @extend %position-absolute;
-  }
-
-  color: $input-color;
-}
-
-.ng-dropdown-panel {
-  @extend %zindex-dropdown;
-
-
-  &.ng-select-bottom {
-    top: 100%;
-    margin-left: 6px;
-  }
-
-  &.ng-select-top {
-    bottom: 100%;
-  }
-
-  .ng-dropdown-panel-items {
-    @extend .w-100,
-            %py-0,
-            %list-group,
-            %list-group-flush,
-            .dropdown-menu,
-            .show;
-
-    max-height: 30vh !important;
-
-    .ng-option {
-      @extend %white-space-normal,
-              .dropdown-item,
-              %list-group,
-              %list-group-item-action,
-              %px-3,
-              %py-2,
-              .border-top;
-      &.ng-option-selected {
-        background-color: $x-row-selected-color;
-      }
-
-      &:hover,
-      &.ng-option-marked {
-        background-color: $x-row-hover-color;
-      }
-
-      &:last-child:not(:first-child):not(.selected) {
-        // @extend .border-top;
-      }
-    }
-  }
-}
-
-.ng-select-disabled {
-  .ng-select-container {
-    background-color: $input-disabled-bg;
-  }
-}
-
-.ng-select {
-  &.x-select {
-    min-width: 0 !important;
-  }
-}
-
-.ng-dropdown-panel {
-  &.x-min-width-360 {
-    min-width: 360px !important;
-  }
-}
-
-
-.ng-dropdown-header {
-  @extend %bg-light-secondary,
-          .w-100,
-          %py-2,
-          %d-flex,
-          %justify-content-end;
-
-  padding-left: $dropdown-item-padding-x;
-  padding-right: $dropdown-item-padding-x;
-  margin-bottom: -1px;
-  border-left: 1px solid $dropdown-border-color;
-  border-right: 1px solid $dropdown-border-color;
-}
-
-
-.ng-clear-wrapper,
-.ng-arrow-wrapper {
-  width: 1rem;
-}
-
-.ng-clear-wrapper {
-  text-align: right;
-}
-
-.ng-arrow-wrapper {
-  background: $custom-select-arrows right center/8px 10px no-repeat;
-}
-
-// Removes arrows on input groups
-.x-input-group,
-.input-group {
-  .ng-select .ng-arrow-wrapper {
-    display: none;
-  }
-}

package/dist/scss/x1/components/jumbotron/_jumbotron.scss

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

package/dist/scss/x1/components/layouts/_layout-aside-responsive.scss

@@ -1,34 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$ls-aside-width-lg:          22.50rem;
-$ls-aside-width-xl:          30rem !default;
-
-@import "layout-aside";
-
-html,
-body {
-	@include media-breakpoint-up(md) {
-		height: 100%;
-	}
-}
-
-%lt-aside,
-.lt-aside {
-	@extend %bg-white,
-					%flex-wrap;
-	width: $ls-aside-width-sm;
-
-	&.is-wide {
-		width: $ls-aside-width-lg;
-		@include media-breakpoint-up(xl) {
-			width: $ls-aside-width-xl;
-		}
-	}
-}
-
-.x-content {
-	@extend .h-100,
-					%position-relative;
-}
-

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

@@ -1,91 +0,0 @@
-// Set default customise component variables here,
-// Override it in theme variables files
-
-$ls-aside-width-collapsed:   3.25rem    !default;
-$ls-aside-width-sm:          15.00rem    !default;
-$ls-aside-width-md:          18.75rem    !default;
-$ls-aside-width-lg:          25.00rem    !default;
-
-.layout-aside {
-	@extend .h-100,
-          %d-flex,
-			    %overflow-auto;
-}
-
-.layout-aside-overflow-hidden {
-  @extend .h-100,
-          %d-flex,
-          %overflow-hidden;
-}
-
-%lt-aside,
-.lt-aside {
-  @extend %d-flex,
-          %bg-light-transparent,
-          %justify-content-between,
-          %overflow-auto,
-          %flex-column,
-          %pb-5;
-  width: $ls-aside-width-md;
-
-  .x-card-detail & {
-    @extend %pb-0;
-  }
-
-  > * {
-  	width: 100%;
-  }
-
-  .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 %bg-dark,
-            %p-0;
-		width: $ls-aside-width-collapsed;
-	}
-
-}
-
-
-// Aside footer Card Switch
-.lt-aside-switch {
-	@extend .p-3,
-          .d-flex,
-          .text-grey,
-          .font-weight-bold,
-          .bg-light-transparent;
-
-	.x-switch {
-    @extend %font-size-sm;
-	}
-}
-
-
-// DEFAULT BACKGROUND
-.lt-header {
-	@extend .bg-light;
-}
-
-.lt-container {
-	@extend .h-100,
-          .d-flex,
-          .flex-auto;
-  > * {
-    @extend .flex-auto;
-    width: 1em;
-  }
-}
-
-
-.x-ag-wrapper {
-	@extend .position-relative;
-}