@deviceinsight/ng-ui-components 7.20.0 → 7.21.0

package/dist/style.css

@@ -4,12 +4,10 @@
 */
 
 /* Upload */
-
 .di.upload,
 .di.upload * {
 	transition: all 0.1s ease;
 }
-
 .di.upload {
 	margin: 0;
 	padding: 0;
@@ -22,40 +20,32 @@
 	overflow: hidden;
 	user-select: none;
 }
-
 .di.upload {
 	display: flex;
 	flex-direction: column;
 	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: '';
@@ -67,23 +57,19 @@
 	opacity: 0.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%;
@@ -95,11 +81,9 @@
 	align-items: center;
 	border: none;
 }
-
 .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;
 }
@@ -110,17 +94,14 @@
 	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;
 }
@@ -130,7 +111,6 @@
 	width: 100%;
 	height: 100%;
 }
-
 .di.upload .preview {
 	flex: 1;
 	background-size: contain;
@@ -139,7 +119,6 @@
 	overflow: hidden;
 	display: flex;
 }
-
 .di.upload .preview .action-button {
 	border: none;
 	background: none;
@@ -156,18 +135,14 @@
 	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);
 }
-
 /* Slider */
-
 .di.slider .rc-slider-with-marks {
 	margin-bottom: 25px;
 }
-
 .di.slider .disabled-area-element {
 	position: absolute;
 	right: 0;
@@ -175,25 +150,20 @@
 	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);
 }
 
 /* Tooltip */
-
 .rc-tooltip {
 	background-color: rgb(108, 108, 108);
 	border-radius: 6px;
@@ -212,376 +182,216 @@
 }
 
 /* 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; position:relative;}
-
 .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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20id='triangle_up'%20data-name='triangle%20up'%20points='7.5%203%204%207%2011%207%207.5%203'/%3e%3cpolygon%20id='triangle_down'%20data-name='triangle%20down'%20points='7.5%2013%204%209%2011%209%207.5%2013'/%3e%3c/svg%3e"); 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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%206%204%2010%2011%2010%207.5%206'/%3e%3c/svg%3e"); 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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e"); position:absolute; padding:0 0 0 0px; margin-left:2px; width:16px; height:16px;filter:none;}
 
 /* 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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%208%209.94%201.65%2011.35%203.06%206.41%208%2011.35%2012.94%209.94%2014.35%203.59%208'/%3e%3cpath%20d='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'/%3e%3c/g%3e%3c/svg%3e") center no-repeat; cursor:pointer; background-size: 16px 16px;}
-
 .di.monthpicker .pager .page-nav.next {width:40px; background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%2012.94%208.53%208%203.59%203.06%205%201.65%2011.35%208%205%2014.35%203.59%2012.94'/%3e%3cpath%20d='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'/%3e%3c/g%3e%3c/svg%3e") 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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='10%208.04%206%204%206%2012.08%2010%208.04'/%3e%3c/svg%3e") 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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='12.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='8.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='4.5'%20cy='7.5'%20r='1.5'/%3e%3c/svg%3e") 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;}
 
-.di.modal.scroll-horizontally-advice {padding-top: 40vh}
 
+.di.modal.scroll-horizontally-advice {padding-top: 40vh}
 .di.modal.scroll-horizontally-advice .modal-content .scroll-horizontally-advice-buttons {text-align: right; margin-top: 24px;}
 /**
 * CS NG

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@ import './styles/style.css';
 import '@deviceinsight/ng-ui-basic-components/style.css';
 import '@rc-component/tooltip/assets/bootstrap.css';
 import '@rc-component/slider/assets/index.css';
-export { messageBoxSuccess, messageBoxInfo, messageBoxWarn, messageBoxError, messageBoxDismissSingle, messageBoxDismissGroup, messageBoxDismissAll, setGlobalErrorMessageBoxOptions, MessageBoxContainer } from './modules/messageBox/messageBox';
+export { messageBoxSuccess, messageBoxInfo, messageBoxWarn, messageBoxError, messageBoxDismissSingle, messageBoxDismissGroup, messageBoxDismissAll, setGlobalMessageBoxOptions, setGlobalErrorMessageBoxOptions, MessageBoxContainer } from './modules/messageBox/messageBox';
 export { uuidV4 } from './modules/utils/uuidGen';
 export { nanoid10 } from './modules/utils/nanoidGen';
 export { initializeTranslation } from './i18n';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/modules/messageBox/messageBox.d.ts

@@ -1,6 +1,12 @@
-import { ToastContent, ToastOptions } from 'react-toastify/unstyled';
+import { ToastContent, ToastOptions, ToastContainerProps } from 'react-toastify/unstyled';
 import 'react-toastify/dist/ReactToastify.css';
 import './react-toastify-custom.css';
+export declare const DEFAULT_AUTO_CLOSE_MS = 3000;
+/**
+ * Base options merged into every messageBox call (success, info, warn and error).
+ * Per-call options and, for errors, the error specific global options take precedence.
+ */
+export declare const setGlobalMessageBoxOptions: (options: ToastOptions) => void;
 export declare const setGlobalErrorMessageBoxOptions: (options: ToastOptions) => void;
 export declare const messageBoxSuccess: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
 export declare const messageBoxInfo: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
@@ -9,5 +15,5 @@ export declare const messageBoxError: (content: ToastContent, options?: ToastOpt
 export declare const messageBoxDismissSingle: (id: number) => void;
 export declare const messageBoxDismissGroup: (groupName: string) => void;
 export declare const messageBoxDismissAll: () => void;
-export declare const MessageBoxContainer: () => import("react").JSX.Element;
+export declare const MessageBoxContainer: ({ position, theme, autoClose, hideProgressBar, transition, ...props }?: ToastContainerProps) => import("react").JSX.Element;
 //# sourceMappingURL=messageBox.d.ts.map

package/dist/types/modules/messageBox/messageBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageBox.d.ts","sourceRoot":"","sources":["../../../../src/modules/messageBox/messageBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,YAAY,EAAwB,MAAM,yBAAyB,CAAC;AAEjG,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6BAA6B,CAAC;AAQrC,eAAO,MAAM,+BAA+B,GAAI,SAAS,YAAY,KAAG,IAEvE,CAAC;AAYF,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAGrG,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAGlG,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAGlG,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAInG,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,IAAI,MAAM,KAAG,IAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,WAAW,MAAM,KAAG,IAK1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,IAGvC,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAE/B,CAAC"}
+{"version":3,"file":"messageBox.d.ts","sourceRoot":"","sources":["../../../../src/modules/messageBox/messageBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,YAAY,EAAkB,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AAEtH,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6BAA6B,CAAC;AAIrC,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAQ1C;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,SAAS,YAAY,KAAG,IAElE,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,SAAS,YAAY,KAAG,IAEvE,CAAC;AAYF,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAGrG,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAGlG,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAGlG,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,YAAY,EAAE,UAAU,YAAY,EAAE,YAAY,MAAM,KAAG,IAInG,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,IAAI,MAAM,KAAG,IAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,WAAW,MAAM,KAAG,IAK1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,IAGvC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,wEAOjC,mBAAwB,gCAS1B,CAAC"}