@c8y/style 1023.17.19 → 1023.22.2

package/styles/vendor/angular/_loading-bar.scss

@@ -0,0 +1,33 @@
+@use "../../../variables/index" as *;
+
+.loading-bar {
+  position: relative;
+  overflow: visible;
+  margin-top: 0;
+  height: 0;
+  &:before {
+    position: absolute;
+    left: 0;
+    display: none;
+    min-width: 32px;
+    width: 5%;
+    height: 2px;
+    background: $component-brand-primary;
+    content: '';
+  }
+  &.active {
+    animation: loading 1.5s ease-in-out alternate infinite;
+    &::before {
+      display: block;
+    }
+  }
+}
+
+@keyframes loading {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(95%);
+  }
+}

package/styles/{_ui-sortable.less → vendor/angular/_ui-sortable.less}

@@ -7,7 +7,7 @@
     cursor: move;
 
     &:hover {
-      outline: 1px solid @brand-primary-light;
+      outline: 1px solid var(--brand-primary-light, var(--c8y-brand-primary-light));
       cursor: move;
     }
 

package/styles/vendor/angular/_ui-sortable.scss

@@ -0,0 +1,70 @@
+@use "../../../variables/index" as *;
+
+.ui-sortable {
+  &.inner-scroll {
+    position: static;
+  }
+
+  .ui-sortable-handle {
+    cursor: move;
+
+    &:hover {
+      outline: 1px solid var(--brand-primary-light, var(--c8y-brand-primary-light));
+      cursor: move;
+    }
+
+    .c8y-checkbox {
+      display: flex;
+
+      input + span {
+        margin-right: $size-base;
+      }
+    }
+  }
+
+  .panel-heading {
+    font-weight: normal;
+    font-size: 14px;
+  }
+
+  .ui-sortable-handle:not(.list-group-item) {
+    &:not(.list-inline-item) {
+      width: 40px;
+    }
+  }
+
+  .ui-sortable-handle.list-inline-item:not(.list-group-item) {
+    flex: 1 0 20%;
+    min-width: 55px;
+
+    .modal-body & {
+      flex: 1 1 100%;
+
+      .c8y-schema-form-empty {
+        flex: 1 1 auto;
+      }
+    }
+
+    .popover-content & {
+      flex: 1 0 50%;
+    }
+  }
+
+  .ui-sortable-title {
+    flex: 1 1 0%;
+  }
+
+  .ui-sortable-actions {
+    margin-right: -15px;
+    margin-left: auto;
+    width: 40px;
+
+    .btn {
+      color: $text-color;
+
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+}

package/styles/{_uib-accordion.less → vendor/angular/_uib-accordion.less}

@@ -27,7 +27,7 @@ uib-accordion {
       font-size: 18px;
     }
     .btn-danger {
-      color: @status-danger;
+      color: var(--palette-status-danger, var(--c8y-palette-status-danger));
     }
   }
   .billing-toggle {

package/styles/vendor/angular/_uib-accordion.scss

@@ -0,0 +1,59 @@
+@use "../../../variables/index" as *;
+
+uib-accordion {
+  .panel-group .panel {
+    border-right: 0;
+    border-bottom: 1px solid $component-border-color;
+    border-left: 0;
+    box-shadow: none;
+  }
+  .panel-open {
+    background-color: $component-background-default;
+  }
+  .accordion-toggle {
+    &:focus {
+      outline: none;
+    }
+    &:hover {
+      .showOnHover {
+        visibility: visible;
+      }
+    }
+  }
+  .panel-group .panel + .panel {
+    margin-top: -1px;
+  }
+  .fragments {
+    .input-group-btn .btn {
+      padding: 3px 7px;
+      font-size: 18px;
+    }
+    .btn-danger {
+      color: var(--palette-status-danger, var(--c8y-palette-status-danger));
+    }
+  }
+  .billing-toggle {
+    padding: 8px 0;
+    width: 100%;
+    color: $text-color;
+    text-transform: none;
+    font-weight: normal;
+    font-size: 14px;
+    input[type='radio'] {
+      margin-right: 10px;
+    }
+    &:focus {
+      outline: none;
+    }
+  }
+}
+
+.modal {
+  .panel-billing {
+    padding: 0 20px;
+  }
+}
+
+.accordion-billing .panel-group {
+  margin-bottom: 0;
+}

package/styles/vendor/angular/angular-ui-select/_select.scss

@@ -0,0 +1,154 @@
+@use "../../../../variables/index" as *;
+
+/* ui-select
+ * http://github.com/angular-ui/ui-select
+ * Version: 0.8.3 - 2014-10-14T18:22:05.435Z
+ * License: MIT
+ */
+
+/* Style when highlighting a search. */
+.ui-select-highlight {
+  font-weight: bold;
+}
+
+.ui-select-offscreen {
+  position: absolute !important;
+  top: 0px !important;
+  left: 0px !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  width: 1px !important;
+  height: 1px !important;
+  outline: 0 !important;
+  border: 0 !important;
+}
+
+/* Select2 theme */
+/* Mark invalid Select2 */
+.ng-dirty.ng-invalid > a.select2-choice {
+  border-color: $status-danger;
+}
+
+.select2-result-single {
+  padding-left: 0;
+}
+
+/* Selectize theme */
+/* Helper class to show styles when focus */
+.selectize-input.selectize-focus {
+  border-color: $form-control-border-color-focus !important;
+}
+
+/* Fix input width for Selectize theme */
+.selectize-control > .selectize-input > input {
+  width: 100%;
+}
+
+/* Fix dropdown width for Selectize theme */
+.selectize-control > .selectize-dropdown {
+  width: 100%;
+}
+
+/* Mark invalid Selectize */
+.ng-dirty.ng-invalid > div.selectize-input {
+  border-color: $status-danger;
+}
+
+/* Bootstrap theme */
+// Removed unused focus helper class - verified 0 usages: .btn-default-focus
+
+/* Fix Bootstrap dropdown position when inside a input-group */
+.input-group > .ui-select-bootstrap.dropdown {
+  /* Instead of relative */
+  position: static;
+}
+
+.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
+  border-radius: $form-control-border-radius;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui-select-bootstrap > .ui-select-match {
+  /* Instead of center because of .btn */
+  text-align: left;
+}
+
+.ui-select-bootstrap > .ui-select-match > .caret {
+  position: absolute;
+  top: 45%;
+  right: 15px;
+}
+
+/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
+.ui-select-bootstrap > .ui-select-choices {
+  overflow-x: hidden;
+  max-height: 200px;
+  width: 100%;
+  height: auto;
+}
+
+.ui-select-multiple.ui-select-bootstrap {
+  padding: 0.3em;
+  height: auto;
+}
+
+.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
+  height: 1.666666em;
+  outline: none;
+  border: none;
+  background-color: transparent !important,/* To prevent double background when disabled */
+}
+
+.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
+  font-size: 1.6em;
+  line-height: 0.75;
+}
+
+.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
+  outline: 0;
+}
+
+.ui-select-bootstrap .ui-select-choices-row > a {
+  display: block;
+  clear: both;
+  padding: 3px 20px;
+  color: #333;
+  white-space: nowrap;
+  font-weight: 400;
+  line-height: 1.42857143;
+}
+
+.ui-select-bootstrap .ui-select-choices-row > a:hover,
+.ui-select-bootstrap .ui-select-choices-row > a:focus {
+  background-color: #f5f5f5;
+  color: #262626;
+  text-decoration: none;
+}
+
+.ui-select-bootstrap .ui-select-choices-row.active > a {
+  outline: 0;
+  background-color: #428bca;
+  color: #fff;
+  text-decoration: none;
+}
+
+.ui-select-bootstrap .ui-select-choices-row.disabled > a,
+.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
+  background-color: #fff;
+  color: #777;
+  cursor: not-allowed;
+}
+
+/* fix hide/show angular animation */
+.ui-select-match.ng-hide-add,
+.ui-select-search.ng-hide-add {
+  display: none !important;
+}
+
+/* Mark invalid Bootstrap */
+.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
+  border-color: $status-danger;
+}

package/styles/vendor/angular/angular-ui-select/select.less

@@ -0,0 +1,161 @@
+/* ui-select
+ * http://github.com/angular-ui/ui-select
+ * Version: 0.8.3 - 2014-10-14T18:22:05.435Z
+ * License: MIT
+ */
+
+/* Style when highlighting a search. */
+.ui-select-highlight {
+  font-weight: bold;
+}
+
+.ui-select-offscreen {
+  position: absolute !important;
+  top: 0px !important;
+  left: 0px !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  width: 1px !important;
+  height: 1px !important;
+  outline: 0 !important;
+  border: 0 !important;
+}
+
+/* Select2 theme */
+/* Mark invalid Select2 */
+.ng-dirty.ng-invalid > a.select2-choice {
+  border-color: @status-danger;
+}
+
+.select2-result-single {
+  padding-left: 0;
+}
+
+/* Selectize theme */
+/* Helper class to show styles when focus */
+.selectize-input.selectize-focus {
+  border-color: @form-control-border-color-focus !important;
+}
+
+/* Fix input width for Selectize theme */
+.selectize-control > .selectize-input > input {
+  width: 100%;
+}
+
+/* Fix dropdown width for Selectize theme */
+.selectize-control > .selectize-dropdown {
+  width: 100%;
+}
+
+/* Mark invalid Selectize */
+.ng-dirty.ng-invalid > div.selectize-input {
+  border-color: @status-danger;
+}
+
+/* Bootstrap theme */
+/* Helper class to show styles when focus */
+.btn-default-focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+  border-color: @btn-default-border-color-default;
+  background-color: @btn-default-background-default;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  color: #333;
+  text-decoration: none;
+}
+
+/* Fix Bootstrap dropdown position when inside a input-group */
+.input-group > .ui-select-bootstrap.dropdown {
+  /* Instead of relative */
+  position: static;
+}
+
+.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
+  border-radius: @form-control-border-radius;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui-select-bootstrap > .ui-select-match {
+  /* Instead of center because of .btn */
+  text-align: left;
+}
+
+.ui-select-bootstrap > .ui-select-match > .caret {
+  position: absolute;
+  top: 45%;
+  right: 15px;
+}
+
+/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
+.ui-select-bootstrap > .ui-select-choices {
+  overflow-x: hidden;
+  max-height: 200px;
+  width: 100%;
+  height: auto;
+}
+
+.ui-select-multiple.ui-select-bootstrap {
+  padding: 0.3em;
+  height: auto;
+}
+
+.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
+  height: 1.666666em;
+  outline: none;
+  border: none;
+  background-color: transparent !important; /* To prevent double background when disabled */
+}
+
+.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
+  font-size: 1.6em;
+  line-height: 0.75;
+}
+
+.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
+  outline: 0;
+}
+
+.ui-select-bootstrap .ui-select-choices-row > a {
+  display: block;
+  clear: both;
+  padding: 3px 20px;
+  color: #333;
+  white-space: nowrap;
+  font-weight: 400;
+  line-height: 1.42857143;
+}
+
+.ui-select-bootstrap .ui-select-choices-row > a:hover,
+.ui-select-bootstrap .ui-select-choices-row > a:focus {
+  background-color: #f5f5f5;
+  color: #262626;
+  text-decoration: none;
+}
+
+.ui-select-bootstrap .ui-select-choices-row.active > a {
+  outline: 0;
+  background-color: #428bca;
+  color: #fff;
+  text-decoration: none;
+}
+
+.ui-select-bootstrap .ui-select-choices-row.disabled > a,
+.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
+  background-color: #fff;
+  color: #777;
+  cursor: not-allowed;
+}
+
+/* fix hide/show angular animation */
+.ui-select-match.ng-hide-add,
+.ui-select-search.ng-hide-add {
+  display: none !important;
+}
+
+/* Mark invalid Bootstrap */
+.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
+  border-color: @status-danger;
+}

package/styles/vendor/cdk/_cdk-drag.scss

@@ -0,0 +1,71 @@
+@use "../../../variables/index" as *;
+
+@use "../../mixins/shadows-helper";
+
+.list-group.cdk-drop-list {
+  min-width: 220px;
+}
+
+.cdk-drag-preview:not(.resize-handle) {
+  box-sizing: border-box;
+  @include shadows-helper.boxShadowHelper(md);
+  z-index: $zindex-modal + 1 !important;
+
+  > *,
+  > * > * {
+    pointer-events: auto !important;
+    cursor: move !important;
+  }
+
+  &[cdkDragLockAxis='y'] {
+    > *,
+    > * > * {
+      pointer-events: auto !important;
+      cursor: ns-resize !important;
+    }
+  }
+  &[cdkDragLockAxis='x'] {
+    > *,
+    > * > * {
+      pointer-events: auto !important;
+      cursor: ew-resize !important;
+    }
+  }
+}
+
+.cdk-drag-placeholder {
+  opacity: 0;
+  > .list-group-item {
+    > *,
+    &:after {
+      opacity: 0;
+    }
+  }
+}
+
+.cdk-drag-animating {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/* Animate items as they're being sorted. */
+.cdk-drop-list-dragging .cdk-drag {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.cdk-drop-list-dragging .draggable-el:not(.cdk-drag-placeholder) {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+c8y-list-group.cdk-drop-list-dragging c8y-datapoint-selector-list-item:not(.cdk-drag-placeholder) {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.cdk-drop-list-disabled {
+  c8y-datapoint-selector-list-item.cdk-drag {
+    .c8y-list__item__block {
+      &::before {
+        display: none !important;
+      }
+    }
+  }
+}

package/styles/{_cdk-tree.less → vendor/cdk/_cdk-tree.less}

@@ -57,6 +57,6 @@
   > [class^='dlt-c8y-icon-'],
   > [class*=' dlt-c8y-icon-'] {
     margin-right: @margin-4;
-    color: @brand-primary;
+    color: var(--brand-primary, var(--c8y-brand-primary));
   }
 }

package/styles/vendor/cdk/_cdk-tree.scss

@@ -0,0 +1,66 @@
+@use "../../../variables/index" as *;
+
+@use "../../mixins/icon-base";
+
+.cdk-tree > .cdk-nested-tree-node {
+  padding-left: 0;
+  &:before,
+  &:after {
+    display: none;
+  }
+}
+
+.cdk-tree-node {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.cdk-nested-tree-node {
+  position: relative;
+  padding-left: 16px;
+  &:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 7px;
+    border-left: 1px solid var(
+        --c8y-component-icon-dark-color-light,
+        var(--c8y-root-component-icon-dark-color-light, var(--brand-light, var(--c8y-brand-light)))
+);;
+    content: '';
+  }
+  &:last-child:before {
+    bottom: 9px
+  }
+  &:after {
+    position: absolute;
+    top: 10px;
+    left: 7px;
+    width: 8px;
+    border-top: 1px solid var(
+        --c8y-component-icon-dark-color-light,
+        var(--c8y-root-component-icon-dark-color-light, var(--brand-light, var(--c8y-brand-light)))
+);
+    content: '';
+  }
+  > span {
+    &:before {
+      content: '';
+
+      @include icon-base.dlt-c8y-icon;
+    }
+  }
+  > button + span:before {
+    display: none;
+  }
+}
+
+.cdk-tree-node-toggle {
+  cursor: pointer;
+  > [class^='dlt-c8y-icon-'],
+  > [class*=' dlt-c8y-icon-'] {
+    margin-right: $size-4;
+    color: var(--brand-primary, var(--c8y-brand-primary));
+  }
+}

package/styles/vendor/cdk/_cdk-virtual-scroll-window.scss

@@ -0,0 +1,18 @@
+@use "../../../variables/index" as *;
+
+.body {
+  display: none;
+}
+
+.cdk-virtual-scroll-viewport[windowVirtualScrollStrategy],
+.cdk-virtual-scroll-viewport[autosize] {
+  position: relative;
+  display: block;
+  overflow: visible;
+
+  contain: none;
+
+  .cdk-virtual-scroll-spacer {
+    position: relative;
+  }
+}

package/styles/{_bs-datepicker.less → vendor/datepicker/_bs-datepicker.less}

@@ -152,9 +152,6 @@
           font-size: 13px;
 
           user-select: none;
-          -moz-user-select: none;
-          -webkit-user-select: none;
-          -ms-user-select: none;
         }
         &.week {
           span {
@@ -273,7 +270,7 @@
         span {
           &.active:not(.select-start):before,
           &.in-range:not(.select-start):before {
-            background: @brand-70;
+            background: var(--brand-70, var(--c8y-brand-70));
           }
         }
 
@@ -380,9 +377,6 @@
     cursor: pointer;
 
     user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
 
     span:not(:empty):before {
       display: inline-block;