@open-rlb/ng-bootstrap 2.2.17

package/assets/scss/custom/plugins/_colorpicker.scss

@@ -0,0 +1,65 @@
+
+//
+// colorpicker.scss
+//
+
+.sp-container{
+  background-color: $dropdown-bg;
+  button{
+    padding: .25rem .5rem;
+      font-size: .71094rem;
+      border-radius: .2rem;
+      font-weight: 400;
+      color: $dark;
+  
+      &.sp-palette-toggle{
+        background-color: $light;
+      }
+      
+      &.sp-choose{
+        background-color: $success;
+        margin-left: 5px;
+        margin-right: 0;
+      }
+  }
+}
+
+.sp-palette-container{
+  border-right: 1px solid $border-color;
+}
+
+.sp-input{
+  background-color: $input-bg;
+  border-color: $input-border-color !important;
+  color: $input-color;
+  &:focus{
+    outline: none;
+  }
+}
+
+
+[dir="rtl"]{
+
+  .sp-alpha{
+    direction: ltr;
+  }
+
+  .sp-original-input-container {
+    .sp-add-on{
+      border-top-right-radius: 0!important;
+      border-bottom-right-radius: 0!important;
+      border-top-left-radius: 4px!important;
+      border-bottom-left-radius: 4px!important
+    }
+  } 
+
+  input.spectrum.with-add-on{
+    border: 1px solid $input-border-color;
+    border-left: 0;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-right-radius: $input-border-radius;
+    border-bottom-right-radius: $input-border-radius;
+
+  }
+}

package/assets/scss/custom/plugins/_custom-scrollbar.scss

@@ -0,0 +1,221 @@
+[data-simplebar] {
+  position: relative;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: flex-start;
+}
+
+.simplebar-wrapper {
+  overflow: hidden;
+  width: inherit;
+  height: inherit;
+  max-width: inherit;
+  max-height: inherit;
+}
+
+.simplebar-mask {
+  direction: inherit;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: auto !important;
+  height: auto !important;
+  z-index: 0;
+}
+
+.simplebar-offset {
+  direction: inherit !important;
+  box-sizing: inherit !important;
+  resize: none !important;
+  position: absolute;
+  top: 0;
+  left: 0 !important;
+  bottom: 0;
+  right: 0 !important;
+  padding: 0;
+  margin: 0;
+  -webkit-overflow-scrolling: touch;
+}
+
+.simplebar-content-wrapper {
+  direction: inherit;
+  box-sizing: border-box !important;
+  position: relative;
+  display: block;
+  height: 100%;
+  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
+  width: auto;
+  visibility: visible;
+  overflow: auto;
+  /* Scroll on this element otherwise element can't have a padding applied properly */
+  max-width: 100%;
+  /* Not required for horizontal scroll to trigger */
+  max-height: 100%;
+  /* Needed for vertical scroll to trigger */
+  scrollbar-width: none;
+  padding: 0px !important;
+}
+
+.simplebar-content-wrapper::-webkit-scrollbar,
+.simplebar-hide-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+.simplebar-content:before,
+.simplebar-content:after {
+  content: ' ';
+  display: table;
+}
+
+.simplebar-placeholder {
+  max-height: 100%;
+  max-width: 100%;
+  width: 100%;
+  pointer-events: none;
+}
+
+.simplebar-height-auto-observer-wrapper {
+  box-sizing: inherit !important;
+  height: 100%;
+  width: 100%;
+  max-width: 1px;
+  position: relative;
+  float: left;
+  max-height: 1px;
+  overflow: hidden;
+  z-index: -1;
+  padding: 0;
+  margin: 0;
+  pointer-events: none;
+  flex-grow: inherit;
+  flex-shrink: 0;
+  flex-basis: 0;
+}
+
+.simplebar-height-auto-observer {
+  box-sizing: inherit;
+  display: block;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 1000%;
+  width: 1000%;
+  min-height: 1px;
+  min-width: 1px;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.simplebar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-content {
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-track {
+  pointer-events: all;
+}
+
+.simplebar-scrollbar {
+  position: absolute;
+  right: -5px;
+  width: 4px;
+  min-height: 10px;
+  background-color: #74788d;
+  border-radius: 10px;
+}
+
+.simplebar-scrollbar:before {
+  position: absolute;
+  content: '';
+  background: #a2adb7;
+  border-radius: 7px;
+  left: 0;
+  right: 0;
+  opacity: 0;
+  transition: opacity 0.2s linear;
+}
+
+.simplebar-scrollbar.simplebar-visible:before {
+  /* When hovered, remove all transitions from drag handle */
+  opacity: 0.5;
+  transition: opacity 0s linear;
+}
+
+.simplebar-track.simplebar-vertical {
+  top: 0;
+  width: 11px;
+}
+
+.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
+  top: 2px;
+  bottom: 2px;
+}
+
+.simplebar-track.simplebar-horizontal {
+  left: 0;
+  height: 11px;
+}
+
+.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
+  height: 100%;
+  left: 2px;
+  right: 2px;
+}
+
+.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
+  right: auto;
+  left: 0;
+  top: 2px;
+  height: 7px;
+  min-height: 0;
+  min-width: 10px;
+  width: auto;
+}
+
+/* Rtl support */
+[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
+  right: auto;
+  left: 0;
+}
+
+.hs-dummy-scrollbar-size {
+  direction: rtl;
+  position: fixed;
+  opacity: 0;
+  visibility: hidden;
+  height: 500px;
+  width: 500px;
+  overflow-y: hidden;
+  overflow-x: scroll;
+}
+
+.simplebar-hide-scrollbar {
+  position: fixed;
+  left: 0;
+  visibility: hidden;
+  overflow-y: scroll;
+  scrollbar-width: none;
+}
+
+.custom-scroll {
+  height: 100%;
+}

package/assets/scss/custom/plugins/_datatable.scss

@@ -0,0 +1,54 @@
+/* 
+Datatable
+*/
+
+// datatable
+
+div.dataTables_wrapper {
+  div.dataTables_filter {
+    text-align: right;
+
+    @media (max-width: 767px) {
+      text-align: center;
+    }
+
+
+    input {
+      margin-left: 0.5em;
+      margin-right: 0;
+    }
+  }
+}
+
+.table,
+table {
+  &.dataTable {
+    border-collapse: collapse !important;
+    &.dtr-inline.collapsed>tbody>tr>td {
+      position: relative;
+
+      &.dtr-control {
+        padding-left: 30px;
+
+        &:before {
+          top: 50%;
+          left: 5px;
+          height: 14px;
+          width: 14px;
+          margin-top: -9px;
+          display: block;
+          position: absolute;
+          color: $white;
+          border: 2px solid $white;
+          border-radius: 14px;
+          box-sizing: content-box;
+          text-align: center;
+          text-indent: 0 !important;
+          line-height: 14px;
+          content: '+';
+          background-color: $primary;
+        }
+      }
+    }
+  }
+}

package/assets/scss/custom/plugins/_datepicker.scss

@@ -0,0 +1,121 @@
+
+//
+// Datepicker
+//
+
+.datepicker {
+  border: 1px solid var(--#{$prefix}border-color);
+  padding: 8px;
+  z-index: 999 !important;
+  
+
+  table{
+    tr{
+      th{
+        font-weight: 500;
+      }
+      td{
+        &.active, &.active:hover, .active.disabled, &.active.disabled:hover,
+        &.today,  &.today:hover, &.today.disabled, &.today.disabled:hover, 
+        &.selected, &.selected:hover, &.selected.disabled, &.selected.disabled:hover,
+        span.active.active, span.active:hover.active{
+          background-color: $primary !important;
+          background-image: none;
+          box-shadow: none;
+          color: $white !important;
+        }
+
+        &.day.focused,
+        &.day:hover,
+        span.focused,
+        span:hover {
+            background: var(--#{$prefix}light);
+        }
+
+        &.new,
+        &.old,
+        span.new,
+        span.old {
+            color: var(--#{$prefix}gray-500);
+            opacity: 0.6;
+        }
+
+        &.range, &.range.disabled, &.range.disabled:hover, &.range:hover{
+            background-color: var(--#{$prefix}tertiary-bg);
+        }
+      }
+    }
+  }
+}
+
+.table-condensed{
+  >thead>tr>th, >tbody>tr>td {
+    padding: 7px;
+  }
+}
+
+.bootstrap-datepicker-inline{
+  .datepicker-inline{
+    width: auto !important;
+    display: inline-block;
+  }
+}
+
+
+// DATEPICKER
+
+.datepicker-container{
+  border: 1px solid var(--#{$prefix}border-color);
+  box-shadow: none;
+  background-color: $dropdown-bg;
+
+  &.datepicker-inline{
+    width: 212px;
+  }
+}
+
+.datepicker{
+  color: var(--#{$prefix}secondary-color);
+    .datepicker-switch:hover,.next:hover,.prev:hover,  tfoot tr th:hover {
+      background: var(--#{$prefix}light);
+    } 
+  }
+
+
+.datepicker-panel{
+  
+  >ul{
+    >li{
+      background-color: $dropdown-bg;
+      border-radius: 4px;
+
+      &.picked, &.picked:hover{
+        background-color: rgba($primary, 0.25);
+        color: $primary;
+      }
+
+      &.highlighted, &.highlighted:hover, &:hover{
+        background-color: $primary;
+        color: $white;
+      }
+
+      
+      &.muted, &.muted:hover{
+        color: var(--#{$prefix}gray-500);
+        opacity: 0.6;
+      }
+    }
+
+    
+
+    &[data-view=week]{
+      >li{
+        font-weight: $font-weight-medium;
+      }
+
+      >li, >li:hover{
+        background-color: $dropdown-bg;
+      }
+    }
+  }
+}

package/assets/scss/custom/plugins/_dragula.scss

@@ -0,0 +1,16 @@
+
+
+/* ==============
+  Druafula
+===================*/
+
+
+.task-box{
+  
+  border: 1px solid var(--#{$prefix}border-color);
+}
+
+.gu-transit {
+    border: 1px dashed var(--#{$prefix}border-color) !important;
+    background-color: var(--#{$prefix}gray-200) !important;
+}

package/assets/scss/custom/plugins/_echarts.scss

@@ -0,0 +1,8 @@
+
+//
+// echarts.scss
+//
+
+.e-charts{
+    height: 350px;
+}

package/assets/scss/custom/plugins/_flot.scss

@@ -0,0 +1,19 @@
+
+
+/* Flot chart */
+.flot-charts-height {
+  height: 320px;
+}
+
+.flotTip {
+  padding: 8px 12px;
+  background-color: rgba($dark, 0.9);
+  z-index: 100;
+  color: $gray-100;
+  box-shadow: $box-shadow;
+  border-radius: 4px;
+}
+
+.legendLabel{
+  color: $gray-500;
+}

package/assets/scss/custom/plugins/_form-editors.scss

@@ -0,0 +1,68 @@
+//
+// Form editors.scss
+//
+
+// Tinymce
+
+form {
+    .tox-tinymce {
+        border: 1px solid $border-color !important;
+    }
+
+    .tox-toolbar-overlord {
+        background-color: var(--#{$prefix}secondary-bg) !important;
+    }
+
+    .tox {
+
+        &:not(.tox-tinymce-inline) {
+            .tox-editor-header {
+                box-shadow: var(--#{$prefix}box-shadow);
+            }
+        }
+
+        .tox-mbtn {
+            color: $body-secondary-color;
+
+            &:hover:not(:disabled):not(.tox-mbtn--active) {
+                background-color: $body-tertiary-bg;
+            }
+        }
+
+        .tox-tbtn {
+
+            &:hover {
+                color: $body-tertiary-color;
+                background-color: $body-tertiary-bg;
+            }
+        }
+
+        .tox-tbtn--disabled svg,
+        .tox-tbtn--disabled:hover svg,
+        .tox-tbtn:disabled svg,
+        .tox-tbtn:disabled:hover svg {
+            fill: $body-tertiary-color;
+        }
+
+        .tox-tbtn--bespoke {
+            background-color: $body-tertiary-bg;
+        }
+    }
+}
+
+.ck-reset,.ck-input{
+    background-color: var(--#{$prefix}secondary-bg) !important;
+    border-color: var(--#{$prefix}border-color) !important;
+}
+
+.ck-link-form{
+    background-color: var(--#{$prefix}secondary-bg) !important;
+    border-color: var(--#{$prefix}border-color) !important;
+}
+.ck.ck-balloon-panel{
+    border-color: var(--#{$prefix}border-color) !important;
+}
+
+.ck.ck-balloon-panel[class*=arrow_n]:after{
+    border-color: var(--#{$prefix}border-color) !important;
+}

package/assets/scss/custom/plugins/_form-upload.scss

@@ -0,0 +1,51 @@
+//
+// Form-Upload
+//
+
+/* Dropzone */
+
+.dropzone .dz-preview .dz-image {
+  border-radius: 20px;
+  overflow: hidden;
+  width: 120px;
+  height: 120px;
+  position: relative;
+  display: block;
+  z-index: 10;
+  background: var(--#{$prefix}light);
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.dropzone .dz-preview .dz-image img {
+  display: block;
+  height: 90px;
+  width: 90px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.dropzone .dz-preview .dz-remove {
+  margin-top: 10px;
+  font-size: var(--#{$prefix}font-xs);
+}
+
+dropzone>.dropzone.dz-wrapper .dz-message {
+  background-color: transparent !important;
+  border: none !important;
+  overflow: inherit !important;
+  width: inherit !important;
+  min-width: inherit !important;
+  min-height: 180px !important;
+  max-width: inherit !important;
+  max-height: inherit !important;
+  margin: 0px !important;
+}
+
+dropzone>.dropzone.dz-wrapper {
+  min-height: 76px !important;
+  border: none !important;
+}