@deviceinsight/ng-ui-components 6.18.0-SNAPSHOT

package/lib/esm/assets/style.css

@@ -0,0 +1,255 @@
+/**
+* CS NG
+* UI Components
+*/
+
+
+/* ColorPicker */
+.di.color-picker {margin:-5px -10px; padding:0}
+.di.color-picker .color {width:20%; padding:15px; float:left; position:relative; transition: transform .1s ease; cursor:pointer;}
+.di.color-picker .color:hover {transform: scale(1.2); z-index:1; box-shadow:0 2px 1px rgba(0,0,0,0.2)}
+.di.color-picker .color:active {box-shadow: 0 0px 0px 2px #fff inset;}
+.di.color-picker .color.selected {box-shadow: 0 0 0 2px #ffffff inset, 0px 4px 4px 4px rgba(0, 0, 0, 0.2); z-index:1;}
+
+.di.gradient-color-picker .inputs { display: flex; justify-content: space-between; margin-top: 10px; }
+
+/* RouteLink */
+.di.route-link {color: #666}
+.di.route-link:hover {color: #000}
+.di.route-link .icon {background-color:transparent; display:block; cursor:pointer; opacity:0.65; background-repeat:no-repeat; background-position:50%; position:relative}
+.di.route-link .icon:hover {background-color:rgba(0,0,0,0.07); opacity:1; border-radius:3px; text-decoration:none; cursor:pointer;}
+.di.route-link .icon:active {background-color:rgba(0,0,0,0.1); opacity:1;}
+
+/* misc */
+.clearfix::after {content:""; clear:both; display:block; visibility:hidden; height:0px;}
+.disabled {opacity:0.35; pointer-events:none; cursor:default;}
+
+/* Pagination */
+.di.pagination {text-shadow:0 1px 0 #fff; user-select:none; display:flex; align-items:center; justify-content:center;}
+.di.pagination .next,
+.di.pagination .prev {width:32px; height:32px; display:inline-block; font-size:24px; font-weight:bold; color:#333; position:relative; line-height:28px;}
+.di.pagination .next:hover,
+.di.pagination .prev:hover {cursor:pointer; background:rgba(0,0,0,.07); color:#444}
+.di.pagination .next:active,
+.di.pagination .prev:active {background:rgba(0,0,0,.1);}
+.di.pagination .next,
+.di.pagination .prev,
+.di.pagination .info {padding:0 10px 0; vertical-align:middle; border-radius:3px;}
+.di.pagination .info input {width:45px; height:32px; margin:0 5px; text-align:center; padding:4px 0; font-size:12px; border:1px solid #ccc; border-radius:2px; background:transparent;}
+.di.pagination .info input:hover {border:1px solid #b5b5b5;}
+.di.pagination .info input:focus {border:1px solid #333;}
+.di.pagination .options {margin:0 0 0 10px; padding: 0 0 0 10px; border-left:1px solid #eee;}
+
+/* Reactable */
+.di.reactable {width:100%; margin:0 0 5px; background:none;border-collapse:collapse;}
+.di.reactable [class*="right aligned"],
+.di.reactable[class*="right aligned"] {text-align:right;}
+.di.reactable a {text-decoration:underline; vertical-align:middle;}
+.di.reactable input[type="text"],
+.di.reactable select {width:100%; max-width:380px;}
+.di.reactable th {height:40px; background:none; padding:0 20px 0 0; user-select:none; -moz-user-select:none; white-space:nowrap; border-top:1px solid transparent; text-align:left;}
+.di.reactable td {height:38px; padding:0 15px 0 0; white-space:nowrap;}
+.di.reactable tr {border-top:1px solid #ddd;}
+.di.reactable tr td:first-child {font-weight:bold;}
+.di.reactable tr.transitive td,
+.di.reactable tr.transitive td a {color: #999;}
+.di.reactable .filterrow td {padding:5px 2.5px;}
+.di.reactable.striped tr:nth-child(odd) {background:#f9f9f9;}
+.di.reactable.striped thead + tbody tr:nth-child(even) {background:#f0f0f0;}
+.di.reactable.striped thead + tbody tr:nth-child(odd) {background:#ffffff;}
+.di.reactable.striped td {border-bottom:1px solid #fff;}
+.di.reactable.hoverable tbody tr:hover {background-color:rgba(0,0,0,0.05);}
+.di.reactable.hoverable tbody tr.filterrow:hover {background:none;}
+.di.reactable.selectable tbody tr:hover {background-color:rgba(0,0,0,0.05); cursor:pointer;}
+.di.reactable.selectable tbody tr:active {background-color:rgba(0,0,0,0.1)}
+.di.reactable.selectable tbody tr.filterrow:hover {background-color:transparent;}
+.di.reactable.scroll-x {overflow-x:auto; margin-bottom:10px; padding-bottom:10px;}
+.di.reactable.sortable th {cursor:default;}
+.di.reactable.sortable th:hover {text-decoration:none;}
+.di.reactable.sortable th.sortable:hover { cursor: pointer;}
+.di.reactable.sortable th.sortable:hover::after {content: url('./svg/triangle_up_and_down.svg'); position:absolute; padding:0 0 0 0px; margin-left:1px; filter:opacity(0.3); width:16px; height:16px;}
+.di.reactable.sortable th.sortable.sortAsc::after {content: url('./svg/triangle_up.svg'); position:absolute; padding:0 0 0 0px; margin-left:2px; width:16px; height:16px;filter:none;}
+.di.reactable.sortable th.sortable.sortDes::after {content: url('./svg/triangle_down.svg'); position:absolute; padding:0 0 0 0px; margin-left:2px; width:16px; height:16px;filter:none;}
+/* TODO filterrow form styles */
+
+/* Upload */
+.di.upload,
+.di.upload * {transition:all .1s ease;}
+.di.upload {margin:0; padding:0; width:100%; height:100%; min-height:80px; font-size:16px; border:1px dashed #888; border-radius:4px; overflow:hidden; user-select:none;}
+.di.upload {display:flex; align-items:center;}
+.di.upload:hover {border-color:#666;  background:#f9f9f9;}
+.di.upload:active {background:#eee;}
+.di.upload > div {width:100%; height:100%;}
+.di.upload.clickable { cursor: pointer; }
+.di.upload.hasContent {border:1px solid var(--primary-color, #1a8ed3);}
+.di.upload .drag-drop-hint {margin: 0; padding: 0;}
+.di.upload .drag-drop-hint::before,
+.di.upload .drag-drop-hover-hint::before {content:''; width:32px; height:32px; margin:-9px 0 0 -42px; background:url('./svg/icon_upload.svg') no-repeat center; position:absolute; opacity:.5; background-size: 16px 16px;}
+.di.upload .reject .drag-drop-hint,
+.di.upload .accept .drag-drop-hint {display:none;}
+.di.upload .reject .drag-drop-hover-hint,
+.di.upload .accept .drag-drop-hover-hint {display: none;}
+.di.upload .drag-drop-hover-hint {margin: 0; padding: 0; display: none;}
+.di.upload .drag-drop-text-container {width:100%; height:100%; min-height:80px; margin:0; padding:0 0 0 40px; display:flex; justify-content:center; align-items:center;}
+.di.upload .drag-drop-text-container:hover .drag-drop-hint {display: none;}
+.di.upload .drag-drop-text-container:hover > .drag-drop-hover-hint {display: block;}
+
+.di.upload .drag-drop-accept {margin: 0; padding: 0; color: rgb(26, 142, 211); display: none; }
+.di.upload .accept .drag-drop-accept {display: block;}
+.di.upload .drag-drop-reject { margin: 0; padding: 0;  display: none;}
+.di.upload .reject .drag-drop-reject {display: block;}
+
+.di.upload.preview-container { display: flex; width: 100%; height: 100%; }
+.di.upload .preview {flex: 1; background-size: contain; background-repeat: no-repeat; background-position: center center; overflow: hidden; display: flex;}
+.di.upload .preview .action-button {border: none; background: none; border-radius: 0; margin: 0; padding: 0; flex-grow: 1; cursor: pointer; user-select: none; outline: 0; transition: all, 0.2s ease; background-color: rgba(0, 0, 0, 0); color: transparent; }
+.di.upload .preview .action-button:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.4); }
+
+/* Color Picker */
+.di.color-picker { width: 220px; height: 200px; }
+.di.color-picker.grid-color-picker { max-width: 250px; height: auto;}
+.di.color-picker .colorpicker { position: relative; height: 100%; width: 100%; background-color: #fff;  }
+.di.color-picker .hue-slider {position: absolute;top: 1em;bottom: 1em;right: 1.3em; }
+.di.color-picker .hue-slider .track {  background: linear-gradient(to bottom, #FF0000 0%, #FF0099 10%, #CD00FF 20%, #3200FF 30%, #0066FF 40%, #00FFFD 50%, #00FF66 60%, #35FF00 70%, #CDFF00 80%, #FF9900 90%, #FF0000 100%); }
+.di.color-picker .map {position: absolute;top: 1em;bottom: 1em;right: 2em;left: 1em;overflow: hidden;user-select: none;border-radius: 0.25em; }
+.di.color-picker .map.active {cursor: none; }
+.di.color-picker .map.dark .pointer {border-color: #fff; }
+.di.color-picker .map.light .pointer {border-color: #000; }
+.di.color-picker .map .pointer {position: absolute;width: 10px;height: 10px;margin-left: -5px;margin-bottom: -5px;border-radius: 100%;border: 1px solid #000;will-change: left, bottom; }
+.di.color-picker .map .background {top: 0;left: 0;position: absolute;height: 100%;width: 100%; }
+.di.color-picker .map .background:before,
+.di.color-picker .map .background:after {display: block;content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0; }
+.di.color-picker .map .background:after {background: linear-gradient(to bottom, transparent 0%, black 100%); }
+.di.color-picker .map .background:before {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }
+.di.color-picker .slider {position: absolute;user-select: none; }
+.di.color-picker .slider.vertical {  top: 0;  bottom: 0;  left: 50%;  width: 10px;  cursor: ns-resize; }
+.di.color-picker .slider.vertical .track {    position: absolute;    top: 0;    bottom: 0;    left: 50%;    width: 8px;    margin-left: -4px; }
+.di.color-picker .slider.horizontal {  left: 0;  right: 0;  top: 50%;  height: 10px;  cursor: ew-resize; }
+.di.color-picker .slider.horizontal .track {    position: absolute;    left: 0;    right: 0;    top: 50%;    height: 8px;    margin-top: -4px; }
+.di.color-picker .slider .track {  border-radius: 3px; }
+.di.color-picker .slider .pointer {  position: absolute;  bottom: 50%;  left: 50%;  width: 16px;  height: 16px;  margin-left: -8px;  margin-bottom: -8px;  border-radius: 16px;  background: #fff;  box-shadow: inset 0 0 0 1px #ccc,0 1px 2px #ccc;  will-change: left, bottom; }
+.di.color-picker .opacity-slider {position: absolute;bottom: 1.3em;left: 1em;right: 2em; }
+.di.color-picker .opacity-slider .slider {background: #fff url("data:image/gif;base64,R0lGODdhEAAQAPEAAMvLy8zMzP///wAAACwAAAAAEAAQAEACHYxvosstCAEMrq6Jj812Y59NIDQipdY5XLWqH4sVADs=") repeat;background-size: 8px 8px;height: 8px; }
+.di.color-picker .opacity-slider .slider .track {height: 8px;margin-top: -4px;background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 100%); }
+.di.color-picker .with-opacity-slider .map { bottom: 2em; }
+.di.color-picker .with-opacity-slider .hue-slider {bottom: 2em; }
+.di.color-picker.with-textfield { padding-bottom: 30px; }
+
+.di.color-picker-popper {position:relative; z-index: unset !important; width: 40px; height: 40px;}
+.di.color-picker-popper .trigger {border:1px solid #ccc; box-shadow:0 0 0 2px #ffffff inset; width: 100%; height: 100%; cursor: pointer;}
+.di.color-picker-popper .color-picker-box {width:220px;}
+
+/* Period Picker */
+.di.monthpicker {width:auto;}
+.di.monthpicker .pager {height:35px; line-height:35px; margin:10px 0 0 0; text-align:center;}
+.di.monthpicker .pager * {vertical-align:middle;}
+.di.monthpicker .pager .page-nav {height:35px; display:inline-block; border-radius:3px;}
+.di.monthpicker .pager .page-nav.prev {width:40px; background:url('./svg/icon_chevron_left.svg') center no-repeat; cursor:pointer; background-size: 16px 16px;}
+.di.monthpicker .pager .page-nav.next {width:40px; background:url('./svg/icon_chevron_right.svg') center no-repeat; cursor:pointer; background-size: 16px 16px;}
+.di.monthpicker .pager .page-nav.info {width:75px; font-size:14px; font-weight:bold;}
+.di.monthpicker .pager .page-nav.prev:hover,
+.di.monthpicker .pager .page-nav.next:hover {background-color:rgba(0,0,0,.07)}
+.di.monthpicker .pager .page-nav.prev:active,
+.di.monthpicker .pager .page-nav.next:active {background-color:rgba(0,0,0,.1)}
+.di.monthpicker .months {margin-top:20px;}
+.di.monthpicker .months td {padding:10px 15px; border-radius: 3px}
+.di.monthpicker .months td:hover {background-color:rgba(0,0,0,0.07); cursor:pointer; transition-duration: 0s;}
+.di.monthpicker .months td:active {background-color:rgba(0,0,0,0.1);}
+.di.monthpicker .months td.selected {background-color:#333; color: white; font-weight: bold}
+
+/* Date Time Input */
+.di.date-time-input {display: flex;}
+.di.date-time-input input {height:32px; color: #333}
+.di.date-input-wrapper { position: relative; display: inline-block; }
+.di.date-input-wrapper .date.invalid {border-color: red; border-width: 1px;}
+.di.date-input-wrapper .date.invalid:focus, .di.date-input-wrapper .date.invalid:hover {border-color: red;}
+.di.date-input-wrapper .di.button { position: absolute; right: 0; top: 0; height: 100%; padding: 0 5px;}
+.di.date-time-input input {padding:3px; font-size:16px; border:1px solid transparent; text-align:center;}
+.di.date-time-input input.date {width:105px !important; font-weight:bold;}
+.di.date-time-input input.date::placeholder {font-size: 15px; text-overflow: clip;}
+.di.date-time-input input.time {width:55px !important;}
+.di.date-time-input input:hover {border:1px solid #b5b5b5;}
+.di.date-time-input input:focus {border:1px solid #333;}
+.di.date-time-input.with-warning {border: 1px solid red;}
+
+.di.period-picker {white-space:nowrap;}
+.di.period-picker div:not([class]){display:inline-block; position:relative;}
+.di.period-picker, .di.period-picker .inputs {margin-right:5px; display:flex; align-items: center;}
+.di.period-picker input {padding:3px; font-size:16px; border:1px solid transparent; text-align:center;}
+.di.period-picker input.date {width:105px !important; font-weight:bold;}
+.di.period-picker input.date::placeholder {font-size: 15px; text-overflow: clip;}
+.di.period-picker input.time {width:55px !important;}
+.di.period-picker input:hover {border:1px solid #b5b5b5;}
+.di.period-picker input:focus {border:1px solid #333;}
+.di.period-picker .date-time-input {border: 1px solid transparent; transition: border 1s ease-out;}
+.di.period-picker.centered {display: flex; justify-content: center;}
+
+/* SvgImage */
+.di.svg-image .anchor:hover, .di.svg-image .anchor:hover * { stroke: cyan !important; stroke-width: 2px !important; cursor: pointer; }
+.di.svg-image .di.hover:hover, .di.svg-image .di.hover:hover * { fill: cyan !important; }
+
+.treeview .node-info { display: flex; justify-content: flex-start; align-items: center; margin: 1px 0px; }
+.treeview .node-info:hover { background-color: #eee; }
+.treeview .node-info .description { display: flex; align-items: center; }
+.treeview .node-info > input{ margin: 0 5px; position: static; /*<---this should not be necessary...*/}
+.treeview .node-info > .icon { height: 24px; width: 24px; cursor: pointer; margin: 0 2px; }
+.treeview .node-info .name { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; user-select:none; height: 30px; display: flex; align-items: center; }
+.treeview .icon-container { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin: 0 2px; }
+
+/* root nodes*/
+.treeview > .node { margin-left: 0 !important; }
+/* first childnodes do not have to take skeletons into account */
+.treeview > .node > .node { margin-left: 14px; }
+/* any childnodes below have 14px for node padding and 14px for skeleton padding */
+.treeview .node { margin-left: 28px; }
+.treeview .node-info .skeleton { width: 14px; height: 30px; display: flex; flex-wrap: wrap; }
+.treeview .node-info .skeleton .skeleton-cell { height: 50%; width: 100%; }
+.treeview .node-info .skeleton .skeleton-cell.top { border-left: 1px dashed grey; border-bottom: 1px dashed grey; }
+.treeview .node-info .skeleton .skeleton-cell.bottom { border-left: 1px dashed grey; }
+
+.di.svg-image .anchor:hover, .di.svg-image .anchor:hover * { cursor: pointer; stroke-width: 2px !important; }
+.di.svg-image .di.hover:hover, .di.svg-image .di.hover:hover * { fill: cyan !important; }
+
+.infobox { display: flex; flex-direction: column; box-shadow: 0px 2px 2px -1px #aaa; }
+.infobox-header { display: flex; justify-content: space-between; width: 100%; }
+.infobox-header-content { display: flex; padding: 15px; flex: 1; }
+.infobox-message { line-height: 1.5; word-break: break-word; padding-right: 30px; }
+.infobox-iconcontainer + .infobox-message { padding-left: 10px; padding-top: 3px; }
+.infobox-closebutton { flex-basis: 50px; cursor: pointer; padding: 0; background-color: transparent; }
+.infobox-closebutton:hover { background-color: rgba(0, 0, 0, 0.1); }
+
+/* Multi Menu (Drop & more) */
+.di.multimenu {margin:-10px;}
+.di.multimenu .drop {z-index:1;}
+.di.multimenu .drop .item {padding:0; white-space:nowrap; border-bottom:1px solid #ddd; text-align:left; cursor:pointer; position:relative; z-index:1; display:flex; align-items:center;}
+.di.multimenu .drop .item:last-child {border:none;}
+.di.multimenu .drop .item:hover {background:rgba(0,0,0,0.07)}
+.di.multimenu .drop .item:active {background:rgba(0,0,0,0.1)}
+.di.multimenu .drop .item-text {height:35px; padding:10px 20px 10px 20px; display:flex; align-items:center;}
+.di.multimenu .drop .item-icon {width:16px; height:16px; margin:0 -8px 0 20px;}
+
+.di.multimenu .drop .item-more {width:35px; height:35px; margin-left:auto; background-color:#fff; display:inline-block;  }
+.di.multimenu .drop .item-more.icon.triangle {background:#fff url(./svg/triangle_right.svg) no-repeat center; border-left:1px solid #ddd;}
+.di.multimenu .drop .item-more.icon.triangle:hover {background-color:rgba(0,0,0,0.07);}
+.di.multimenu .drop .item-more.icon.triangle:active {background-color:rgba(0,0,0,0.1);}
+.di.multimenu .drop .item-more.icon.dots {background:url('./svg/icon_menu_horizontal.svg') no-repeat center; background-size: 16px 16px;}
+.di.multimenu .drop .item-more .item-more-submenu {display:none; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); border:1px solid rgba(0, 0, 0, 0.2);}
+.di.multimenu .drop .item-more .item-more-submenu {position:absolute; top:0; left: 100%; background:#fff;}
+.di.multimenu .drop .item-more .item-more-submenu .subitem {padding:10px 20px; border-bottom:1px solid #ddd;}
+.di.multimenu .drop .item-more .item-more-submenu .subitem:last-child {border-bottom:none}
+.di.multimenu .drop .item-more .item-more-submenu .subitem:hover {background:rgba(0,0,0,0.07);}
+.di.multimenu .drop .item-more .item-more-submenu .subitem:active {background:rgba(0,0,0,0.1);}
+.di.multimenu .drop .item-more:hover .item-more-submenu {display:block;}
+
+.di.multimenu .drop .left-box {width:1px; height:calc(100% + 2px); position:absolute; right:0%; top:-1px; border:1px solid; background:#fff; z-index:1; overflow:hidden; opacity:0;}
+.di.multimenu .drop .left-box {box-shadow:0 1px 3px rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); border-radius:3px 0 0 3px;}
+.di.multimenu .drop .left-box.show {right:100%; width:230px; opacity:1;}
+.di.multimenu .drop .right-box {position:relative; z-index:2; border-radius:0 3px 3px 0; /*background:#fff;*/}
+.di.multimenu a {text-decoration: none;}
+
+/* Slider */
+.di.slider .rc-slider-with-marks { margin-bottom: 25px; }
+.di.slider .disabled-area-element { position: absolute; right: 0; top: 0; height: 100%; background: repeating-linear-gradient(-45deg, #f9f9f9 13px 18px, #d4d4d4 0px 20px); }
+.di.slider .rc-slider-track {background-color: var(--primary-color, #1a8ed3);}
+.di.slider .rc-slider-handle {border-color: var(--primary-color, #1a8ed3);}
+.di.slider .rc-slider-dot-active {border-color: var(--primary-color, #1a8ed3);}
+.di.slider .rc-slider-handle:active {box-shadow: 0 0 5px var(--primary-color, #1a8ed3);}

package/lib/esm/assets/svg/icon_add.svg

@@ -0,0 +1,3 @@
+<svg id="icon-add_24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <polygon id="plus" points="20 10 14 10 14 4 10 4 10 10 4 10 4 14 10 14 10 20 14 20 14 14 20 14 20 10"/>
+</svg>

package/lib/esm/assets/svg/icon_calendar.svg

@@ -0,0 +1,50 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g>
+    <g>
+      <rect class="cls-1" x="3.5" y="7.5" width="2" height="2"/>
+      <path d="M5,8V9H4V8H5M6,7H3v3H6V7Z"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="8" y="7" width="1" height="1"/>
+      <polygon points="9 7 8 7 8 8 9 8 9 7 9 7"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="10" y="7" width="1" height="1"/>
+      <polygon points="11 7 10 7 10 8 11 8 11 7 11 7"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="12" y="7" width="1" height="1"/>
+      <polygon points="13 7 12 7 12 8 13 8 13 7 13 7"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="8" y="9" width="1" height="1"/>
+      <polygon points="9 9 8 9 8 10 9 10 9 9 9 9"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="8" y="11" width="1" height="1"/>
+      <polygon points="9 11 8 11 8 12 9 12 9 11 9 11"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="6" y="11" width="1" height="1"/>
+      <polygon points="7 11 6 11 6 12 7 12 7 11 7 11"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="4" y="11" width="1" height="1"/>
+      <polygon points="5 11 4 11 4 12 5 12 5 11 5 11"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="10.5" y="9.5" width="2" height="2"/>
+      <path d="M12,10v1H11V10h1m1-1H10v3h3V9Z"/>
+    </g>
+    <path d="M15.31,2H.69A.69.69,0,0,0,0,2.69V14.31A.69.69,0,0,0,.69,15H15.31a.69.69,0,0,0,.69-.69V2.69A.69.69,0,0,0,15.31,2ZM14,13H2V6H14Z"/>
+  </g>
+  <rect x="3" width="3" height="2"/>
+  <rect x="10" width="3" height="2"/>
+</svg>

package/lib/esm/assets/svg/icon_chevron_left.svg

@@ -0,0 +1,6 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g>
+    <polygon points="3.59 8 9.94 1.65 11.35 3.06 6.41 8 11.35 12.94 9.94 14.35 3.59 8"/>
+    <path d="M9.94,2.35l.71.71L6.41,7.29,5.71,8l.7.71,4.24,4.23-.71.71L4.29,8,9.94,2.35m0-1.41L2.88,8l7.06,7.06,2.12-2.12L7.12,8l4.94-4.94L9.94.94Z"/>
+  </g>
+</svg>

package/lib/esm/assets/svg/icon_chevron_right.svg

@@ -0,0 +1,6 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g>
+    <polygon points="3.59 12.94 8.53 8 3.59 3.06 5 1.65 11.35 8 5 14.35 3.59 12.94"/>
+    <path d="M5,2.35,10.65,8,5,13.65l-.71-.71L8.53,8.71,9.23,8l-.7-.71L4.29,3.06,5,2.35M5,.94,2.88,3.06,7.82,8,2.88,12.94,5,15.06,12.06,8,5,.94Z"/>
+  </g>
+</svg>

package/lib/esm/assets/svg/icon_cross.svg

@@ -0,0 +1,3 @@
+<svg id="icon-cross_24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <polygon id="icon-cross_24" points="20 6.28 17.87 4 12 9.78 6.13 4 4 6.28 9.78 11.97 4 17.66 6.13 19.93 12 14.15 17.87 19.93 20 17.66 14.22 11.97 20 6.28"/>
+</svg>

package/lib/esm/assets/svg/icon_download.svg

@@ -0,0 +1,5 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <polygon points="7.92 12 2.84 7 13 7 7.92 12"/>
+  <rect x="5" y="2" width="6" height="5"/>
+  <rect x="2" y="14" width="12" height="1"/>
+</svg>

package/lib/esm/assets/svg/icon_duplicate.svg

@@ -0,0 +1,10 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g>
+    <path d="M22.1,4.91a3,3,0,0,0-3-3H6.44a2.4,2.4,0,0,1,1.34-.4h12.6A2.12,2.12,0,0,1,22.5,3.62V17.26a1.42,1.42,0,0,1-.4,1Z"/>
+    <path d="M20.38,1H7.78A3,3,0,0,0,5.26,2.4H19.09A2.51,2.51,0,0,1,21.6,4.91V19.12A1.94,1.94,0,0,0,23,17.26V3.62A2.62,2.62,0,0,0,20.38,1Z"/>
+  </g>
+  <g>
+    <path d="M4,21.5A1.5,1.5,0,0,1,2.5,20V5.8A1.5,1.5,0,0,1,4,4.3H18.2a1.5,1.5,0,0,1,1.5,1.5V20a1.5,1.5,0,0,1-1.5,1.5ZM9.5,18a.5.5,0,0,0,.5.5h2a.5.5,0,0,0,.5-.5V14.5H16a.5.5,0,0,0,.5-.5V12a.5.5,0,0,0-.5-.5H12.5V8a.5.5,0,0,0-.5-.5H10a.5.5,0,0,0-.5.5v3.5H6a.5.5,0,0,0-.5.5v2a.5.5,0,0,0,.5.5H9.5Z"/>
+    <path d="M18.2,4.8a1,1,0,0,1,1,1V20a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V5.8a1,1,0,0,1,1-1H18.2M9,11H6a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v3a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V15h3a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1H13V8a1,1,0,0,0-1-1H10A1,1,0,0,0,9,8v3m9.2-7.2H4a2,2,0,0,0-2,2V20a2,2,0,0,0,2,2H18.2a2,2,0,0,0,2-2V5.8a2,2,0,0,0-2-2ZM6,14V12h4V8h2v4h4v2H12v4H10V14Z"/>
+  </g>
+</svg>

package/lib/esm/assets/svg/icon_edit.svg

@@ -0,0 +1,6 @@
+<svg id="icon-edit-24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g id="stift">
+    <path d="M7.35,12.65a.5.5,0,0,0,0,.7l3.3,3.3a.5.5,0,0,0,.7,0l8.3-8.3A1.4,1.4,0,0,0,20,7.5v-1a1.4,1.4,0,0,0-.35-.85l-1.3-1.3A1.4,1.4,0,0,0,17.5,4h-1a1.4,1.4,0,0,0-.85.35Z"/>
+  </g>
+  <path d="M5.9,14.49c.06-.27.26-.33.45-.14l3.3,3.3c.19.19.13.39-.14.45l-4,.8a.3.3,0,0,1-.39-.39Z"/>
+</svg>

package/lib/esm/assets/svg/icon_folder_loading.svg

@@ -0,0 +1,21 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+    <rect x="0" y="0" width="5" height="10" fill="#000">
+      <animateTransform attributeType="xml"
+        attributeName="transform" type="translate"
+        values="0 0; 0 14; 0 0"
+        begin="0" dur="0.6s" repeatCount="indefinite" />
+    </rect>
+    <rect x="9" y="0" width="5" height="10" fill="#000">
+      <animateTransform attributeType="xml"
+        attributeName="transform" type="translate"
+        values="0 0; 0 14; 0 0"
+        begin="0.2s" dur="0.6s" repeatCount="indefinite" />
+    </rect>
+    <rect x="19" y="0" width="5" height="10" fill="#000">
+      <animateTransform attributeType="xml"
+        attributeName="transform" type="translate"
+        values="0 0; 0 14; 0 0"
+        begin="0.4s" dur="0.6s" repeatCount="indefinite" />
+    </rect>
+</svg>

package/lib/esm/assets/svg/icon_fullscreen.svg

@@ -0,0 +1,6 @@
+<svg data-name="icon_fullscreen_sga" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <polygon id="ecke" points="2 14 2 10 0 10 0 16 6 16 6 14 2 14"/>
+  <polygon id="ecke-2" data-name="ecke" points="2 2 6 2 6 0 0 0 0 6 2 6 2 2"/>
+  <polygon id="ecke-3" data-name="ecke" points="14 14 10 14 10 16 16 16 16 10 14 10 14 14"/>
+  <polygon id="ecke-4" data-name="ecke" points="10 0 10 2 14 2 14 6 16 6 16 0 10 0"/>
+</svg>

package/lib/esm/assets/svg/icon_gear.svg

@@ -0,0 +1,5 @@
+<svg id="icon-gear-24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g id="icon-gear-24_sga-2" data-name="icon-gear-24_sga">
+    <path d="M22.82,14.06A1.25,1.25,0,0,0,24,13,7.66,7.66,0,0,0,24,12,7.66,7.66,0,0,0,24,11a1.25,1.25,0,0,0-1.13-1l-1.09,0A1.49,1.49,0,0,1,20.44,9c-.15-.47-.44-2-.07-2.37l.74-.81a1.16,1.16,0,0,0,0-1.5L19.7,2.87a1.16,1.16,0,0,0-1.5,0l-.81.74a1.5,1.5,0,0,1-1.54.27c-.44-.23-1.72-1.08-1.74-1.63l0-1.09A1.25,1.25,0,0,0,13,.05a7.66,7.66,0,0,0-1,0,7.66,7.66,0,0,0-1,.05,1.25,1.25,0,0,0-1,1.13l0,1.09A1.52,1.52,0,0,1,9,3.56c-.47.15-2,.44-2.37.07L5.8,2.89a1.16,1.16,0,0,0-1.5,0L2.86,4.3a1.18,1.18,0,0,0,0,1.5l.74.81A1.5,1.5,0,0,1,3.9,8.15c-.23.44-1.08,1.72-1.63,1.74l-1.09,0A1.25,1.25,0,0,0,.05,11a7.66,7.66,0,0,0,0,1,7.66,7.66,0,0,0,.05,1,1.25,1.25,0,0,0,1.13,1l1.09,0A1.47,1.47,0,0,1,3.55,15c.16.48.45,2,.08,2.37l-.74.81a1.16,1.16,0,0,0,0,1.5L4.3,21.13a1.16,1.16,0,0,0,1.5,0l.81-.74a1.5,1.5,0,0,1,1.54-.27c.44.23,1.72,1.08,1.75,1.63l0,1.09A1.25,1.25,0,0,0,11,24,7.66,7.66,0,0,0,12,24,7.66,7.66,0,0,0,13,24a1.25,1.25,0,0,0,1-1.13l0-1.09A1.49,1.49,0,0,1,15,20.44c.47-.15,2-.44,2.37-.07l.81.74a1.16,1.16,0,0,0,1.5,0l1.43-1.43a1.16,1.16,0,0,0,0-1.5l-.74-.81a1.5,1.5,0,0,1-.27-1.54c.23-.44,1.08-1.72,1.63-1.74ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"/>
+  </g>
+</svg>

package/lib/esm/assets/svg/icon_help_light.svg

@@ -0,0 +1,3 @@
+<svg id="Icon_help" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path id="icon_help-2" data-name="icon_help" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm1,16H11V15h2Zm1.7-6.26a4.85,4.85,0,0,1-.49.81l-1,1.37a1.36,1.36,0,0,0-.18.34,1,1,0,0,0-.07.38L13,14H11l.1-.49a2,2,0,0,1,.13-.77,3.18,3.18,0,0,1,.4-.69l1-1.33a3.21,3.21,0,0,0,.29-.46,1.19,1.19,0,0,0,.11-.47,1.17,1.17,0,0,0-.3-.82,1.07,1.07,0,0,0-.83-.33A1,1,0,0,0,11.1,9a1.25,1.25,0,0,0-.28.83H9a2.94,2.94,0,0,1,.23-1.17,2.45,2.45,0,0,1,.63-.88,2.9,2.9,0,0,1,.93-.55A3.13,3.13,0,0,1,11.94,7a3.31,3.31,0,0,1,1.13.19,2.82,2.82,0,0,1,.94.54,2.62,2.62,0,0,1,.65.88A3,3,0,0,1,14.9,9.8,2.16,2.16,0,0,1,14.7,10.74Z" style="opacity: 0.2"/>
+</svg>

package/lib/esm/assets/svg/icon_key.svg

@@ -0,0 +1,3 @@
+<svg data-name="icon_key" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.02 27">
+  <path d="M35.07,16.5a8.52,8.52,0,0,0-7.69,12L17.2,38.8a2.46,2.46,0,0,0,0,3.46,2.41,2.41,0,0,0,3.42,0l1.69-1.7,2.91,2.94L31,37.63l-2.92-3,2.44-2.46a8.31,8.31,0,0,0,4.51,1.33,8.53,8.53,0,0,0,0-17Zm0,3.91A4.62,4.62,0,1,1,30.5,25,4.6,4.6,0,0,1,35.07,20.41Z" transform="translate(-16.49 -16.5)"/>
+</svg>

package/lib/esm/assets/svg/icon_lupe.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g>
+    <circle class="cls-1" cx="5.5" cy="5.5" r="4.5"/>
+    <path d="M5.5,2A3.5,3.5,0,1,1,2,5.5,3.5,3.5,0,0,1,5.5,2m0-1A4.5,4.5,0,1,0,10,5.5,4.49,4.49,0,0,0,5.5,1Z"/>
+  </g>
+  <rect x="6.79" y="10.04" width="7.74" height="2.16" transform="translate(10.98 -4.28) rotate(45)"/>
+</svg>

package/lib/esm/assets/svg/icon_menu_horizontal.svg

@@ -0,0 +1,5 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <circle cx="12.5" cy="7.5" r="1.5"/>
+  <circle cx="8.5" cy="7.5" r="1.5"/>
+  <circle cx="4.5" cy="7.5" r="1.5"/>
+</svg>

package/lib/esm/assets/svg/icon_menu_vertical.svg

@@ -0,0 +1,5 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <circle cx="7.5" cy="3.5" r="1.5"/>
+  <circle cx="7.5" cy="7.5" r="1.5"/>
+  <circle cx="7.5" cy="11.5" r="1.5"/>
+</svg>

package/lib/esm/assets/svg/icon_reload.svg

@@ -0,0 +1,6 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g id="Pfeilende">
+    <path d="M24,10H15l9-8.93Z"/>
+  </g>
+  <path d="M18.45,18.78A9.33,9.33,0,0,1,2.62,14.86,9.8,9.8,0,0,1,8.89,2.69,9.42,9.42,0,0,1,20.72,9.14H23A11.72,11.72,0,0,0,11.68,0,11.74,11.74,0,0,0,.34,9.14,12,12,0,0,0,8.89,23.65a11.43,11.43,0,0,0,11.16-3.31Z"/>
+</svg>

package/lib/esm/assets/svg/icon_upload.svg

@@ -0,0 +1,7 @@
+<svg id="upload_cloud_32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path id="wolke" d="M25.08,12.31A9.54,9.54,0,0,0,7.26,9.76,7.64,7.64,0,0,0,8.08,25H24.63a6.35,6.35,0,0,0,.45-12.69Z"/>
+  <g id="Pfeil">
+    <polyline points="10 20 16 14 22 20" style="fill: none;stroke: #fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 2px"/>
+    <rect x="14" y="15" width="4" height="11" style="fill: #fff"/>
+  </g>
+</svg>

package/lib/esm/assets/svg/icon_warning_triangle.svg

@@ -0,0 +1,12 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path d="M11.22,2.93,1,20.82a1,1,0,0,0,.86,1.5H22.32a1,1,0,0,0,.87-1.5L13,2.93A1,1,0,0,0,11.22,2.93Z"/>
+  <rect class="cls-1" x="10.6" y="16.34" width="2.99" height="2.99"/>
+  <rect class="cls-1" x="10.6" y="8.88" width="2.99" height="5.98"/>
+</svg>

package/lib/esm/assets/svg/triangle_down.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <polygon points="7.5 10 4 6 11 6 7.5 10"/>
+</svg>

package/lib/esm/assets/svg/triangle_left.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <polygon points="6 8.02 10 12 10 4.04 6 8.02"/>
+</svg>

package/lib/esm/assets/svg/triangle_right.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <polygon points="10 8.04 6 4 6 12.08 10 8.04"/>
+</svg>

package/lib/esm/assets/svg/triangle_up.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <polygon points="7.5 6 4 10 11 10 7.5 6"/>
+</svg>

package/lib/esm/assets/svg/triangle_up_and_down.svg

@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <polygon id="triangle_up" data-name="triangle up" points="7.5 3 4 7 11 7 7.5 3"/>
+  <polygon id="triangle_down" data-name="triangle down" points="7.5 13 4 9 11 9 7.5 13"/>
+</svg>

package/lib/esm/components/chart/Chart.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+declare type Item = {
+    label: string;
+    value: number;
+};
+export declare type Props = {
+    /** 'pie' | 'column'*/
+    type: 'pie' | 'column';
+    /** title displayed above the chart*/
+    title?: string;
+    /** tooltip title displayed when the chart item is hovered */
+    tooltipTitle?: string;
+    /** array of pairs {label, value} displayed in chart */
+    items: Array<Item>;
+    /** Optional function allowing to set custom value formatter  */
+    valueFormatter?: (value: number) => string;
+    /** Optional click handler */
+    onClick?: (index: number) => void;
+    /** @ignore */
+    className?: string;
+    /** Optional function allowing to modify highcharts configuration */
+    updateOptions?: (options: Record<string, any>) => Record<string, any>;
+};
+/**
+ * Displays the provided data in form of the column chart or pie chart.
+ */
+export default class Chart extends React.Component<Props, Record<string, any>> {
+    state: Record<string, any>;
+    chart: any;
+    ro: ResizeObserver | null | undefined;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    handleChart: (chart: any) => void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Chart.d.ts.map

package/lib/esm/components/chart/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+D/B,aAAK,IAAI,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,sBAAsB;IACtB,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uDAAuD;IACvD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE3C,6BAA6B;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtE,CAAC;AAmBF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAChC,KAAK,EAAE,GAAG,CAAQ;IAClB,EAAE,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAQ;IAE7C,iBAAiB;IAsCjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAsEnC,oBAAoB;IAQpB,WAAW,UAAW,GAAG,UAMvB;IAEF,MAAM;CAaN"}