@openziti/ziti-console-lib 0.12.11 → 1.0.1

package/assets/styles/tables.css

@@ -1,449 +0,0 @@
-.grid {
-	display: grid;
-	grid-template-columns: auto;
-	grid-gap: 0.1875rem;
-}
-
-.grid.singular {
-    grid-template-columns: auto 26rem auto;
-    margin-bottom: 1.25rem;
-}
-
-.grid.dual {
-    grid-template-columns: 48% 48%;
-    grid-column-gap: 4%;
-    grid-row-gap: 1.25rem;
-    margin-bottom: 1.25rem;
-}
-
-.grid .col.padLeft {
-	padding-left: 0.625rem;
-}
-
-.grid.links {
-    grid-template-columns: 3.125rem 6.25rem auto 3.125rem;
-    grid-column-gap: 2%;
-	width: 100%;
-}
-
-.grid.threedelete {
-	grid-template-columns: 50% auto 1.875rem;
-    line-height: 2.8125rem;
-    font-size: 1rem;
-    height: 2.8125rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.split {
-	display: grid;
-	grid-gap: 0.625rem;
-	grid-template-columns: auto 50%;
-}
-
-.split.exp {
-	display: grid;
-	grid-gap: 0.3125rem;
-	grid-template-columns: auto 40%;
-}
-
-.grid.aside {
-	display: grid;
-	grid-gap: 0.625rem;
-	grid-template-columns: auto 20%;
-}
-
-.three {
-	display: grid;
-	grid-gap: 0.625rem;
-	grid-template-columns: 33% auto 33%;
-}
-
-.four {
-	display: grid;
-	grid-gap: 0.625rem;
-	grid-template-columns: 25% auto 25% 25%;
-} 
-
-.padCol {
-	padding-left: 0.9375rem;
-}
-
-.duplex {
-	display: grid;
-	grid-gap: 0rem;
-	grid-template-columns: 50% 50%;
-}
-
-.bubbleTitle {
-	width: 100%;
-    height: 4.6875rem;
-    line-height: 4.6875rem;
-    font-weight: bold;
-    font-size: 2.75rem;
-    background-color: #28292B;
-    border-radius: 3.125rem;
-    padding-left: 1.5625rem;
-    margin-top: 1.25rem;
-	color: #FFF;
-	position: relative;
-}
-
-.inside {
-    position: absolute;
-    width: 40%;
-    height: 3.4375rem;
-    right: 0.625rem;
-    text-align: center;
-    top: 1.875rem;    color: var(--white);
-    background-color: var(--black);
-    border-radius: 3.125rem;
-    font-weight: bold;
-    padding-top: 0.5rem;
-}
-
-.split.unsplit {
-	grid-template-columns: auto;
-}
-
-.grid.tags { 
-	grid-template-columns: 50% auto;
-	position: relative;
-	width: 100%;
-    margin-bottom: 0.625rem;	
-}
-
-.grid.checkLabel {
-	grid-template-columns: 4.375rem auto;
-	margin-top: 0.625rem;
-}
-
-.grid.triple {
-	grid-template-columns: 18.75rem auto 18.75rem;
-}
-
-.grid.three {
-	grid-template-columns: 9.375rem auto 9.375rem;
-}
-
-.grid.four {
-	grid-template-columns: 3.125rem auto 9.375rem 3.125rem;
-}
-
-.grid.templates {
-	grid-template-columns: 3.125rem 12.5rem 18.75rem 18.75rem auto 3.125rem;
-}
-
-.grid.flour {
-	grid-template-columns: 3.125rem 9.375rem auto 3.125rem;
-}
-
-.grid.serviceTable {
-	grid-template-columns: 3.125rem auto 30% 9.375rem 3.125rem;
-}
-
-.grid.five {
-	grid-template-columns: 3.125rem auto 9.375rem 9.375rem 3.125rem;
-}
-
-.grid.splitadd {
-	grid-template-columns: auto auto 6.25rem;    
-	column-gap: 0.625rem;
-}
-
-.grid.split.wide {
-	grid-template-columns: auto 49%;
-	column-gap: 1.25rem;
-    z-index: 10;
-}
-
-.grid.split.wide {
-    grid-template-columns: auto 49%;
-    column-gap: 1.25rem;
-    z-index: 10;
-}
-
-.grid.split.wide.exp {
-	grid-template-columns: auto auto auto;
-	column-gap: 0.625rem;
-	z-index: 10;
-}
-
-.grid.fived {
-	grid-template-columns: 3.125rem 9.375rem 9.375rem auto 3.125rem;
-}
-
-.grid.fives {
-	grid-template-columns: 3.125rem 12.5rem auto 9.375rem 3.125rem;
-}
-
-.grid.floor {
-	grid-template-columns: 15.625rem auto 9.375rem 3.125rem;
-}
-
-.grid.flive {
-	grid-template-columns: 9.375rem 9.375rem 9.375rem auto 3.125rem;
-}
-
-.grid.five.same {
-	grid-template-columns: 18.4% 18.4% 18.4% 18.4% 18.4%;
-    grid-column-gap: 2%;
-}
-
-.grid.six {
-	grid-template-columns: 3.125rem auto 20% 20% 9.375rem 3.125rem;
-}
-
-.grid.dashboard {
-	margin-top: 1.25rem;
-	grid-template-columns: auto 20%;
-	column-gap: 1.25rem;
-	row-gap: 1.25rem;
-}
-
-.grid.dashboard.exp {
-	margin-top: 1.25rem;
-	grid-template-columns: auto 30%;
-	column-gap: 1.25rem;
-	row-gap: 1.25rem;
-}
-
-.grid.numbers {
-    grid-template-columns: 3.125rem 15% auto 15% 15% 15% 15%;
-	column-gap: 1.25rem;
-    border-width: 0.1875rem;
-    border-style: solid;
-    border-color: var(--white);
-    background-color: rgba(255,255,255,0.5);
-    padding: 1.375rem;
-    border-radius: 0.75rem;
-    z-index: 10;
-    box-shadow: var(--shadowLarge);
-}
-
-.grid.cells {
-	grid-template-columns: 100%;
-	grid-template-rows: 60% auto;
-    row-gap: 1.25rem;
-}
-
-.grid.seven {
-	grid-template-columns: 3.125rem auto 20% 9.375rem 9.375rem 9.375rem 3.125rem;
-}
-
-.grid.sleven {
-	grid-template-columns: 3.125rem auto 15.625rem 9.375rem 9.375rem 9.375rem 3.125rem;
-}
-
-.grid.policies {
-	grid-template-columns: 3.125rem auto 25% 25% 10% 6.25rem 6.25rem 3.125rem;
-}
-
-.grid.nineOS {
-	grid-template-columns: 3.125rem auto 3.125rem 7.5rem 20% 9.375rem 9.375rem 9.375rem 3.125rem;
-}
-
-.grid.tenOS {
-	grid-template-columns: 3.125rem auto 3.125rem 7.5rem 6.25rem 9.375rem 9.375rem 6.25rem 6.25rem 3.125rem;
-}
-
-.grid.eight {
-	grid-template-columns: 3.125rem 12.5rem auto 15% 15% 15% 15% 3.125rem;
-}
-
-.grid.eightOS {
-	grid-template-columns: 3.125rem 12.5rem 3.125rem auto 15% 15% 15% 15% 3.125rem;
-}
-
-.grid.nine {
-	grid-template-columns: 3.125rem 12.5rem auto 6.25rem 6.25rem 6.25rem 9.375rem 9.375rem 3.125rem;
-}
-
-.grid.ten {
-	grid-template-columns: 3.125rem auto 9.375rem 9.375rem 9.375rem 6.25rem 6.25rem 6.25rem 6.25rem 3.125rem;
-}
-
-.grid.quad {
-	grid-template-columns: 24% 24% 24% 24%;
-	grid-column-gap: 1%;
-}
-
-.grid.oss {
-	grid-template-columns: 4.375rem 6.25rem auto;
-	margin-bottom: 0.625rem;
-}
-
-.grid.quint {
-	grid-template-columns: 24% 24% 24% 24% 3.125rem;
-}
-
-.grid.trio {
-	grid-template-columns: 4.6875rem auto;
-	grid-column-gap: 1%;
-}
-
-.grid.addressProtocol {
-	grid-template-columns: 4.6875rem auto;
-}
-
-.grid.addressPort {
-	grid-template-columns: auto 4.6875rem;
-}
-
-.grid.addressFull {
-	grid-template-columns: 4.6875rem auto 4.6875rem;
-}
-
-.head.grid {
-	box-sizing: border-box;
-    border-bottom: solid 0.25rem var(--primary);
-    padding-left: 0.25rem;
-    line-height: 3.4375rem;
-	position: sticky !important;
-	background-color: var(--background); 
-    top: 0;
-	z-index: 10;
-	opacity: .97;
-}
-
-@supports ((-webkit-backdrop-filter: saturate(90%) blur(1.25rem)) or (backdrop-filter: saturate(90%) blur(1.25rem))) {
-    .head.grid  {
-		background: none;
-		opacity: .97;
-        -webkit-backdrop-filter: saturate(90%) blur(1.25rem);
-        backdrop-filter: saturate(90%) blur(1.25rem)
-    }
-}
-
-.head.grid .col {
-	position: relative;
-	float: left;
-	color: var(--text);
-	font-size: 0.875rem;
-	font-weight: 600;
-	font-family: "Open Sans";
-    padding-left: 0.3125rem;
-}
-
-.grid .col {
-	position: relative;
-	padding-right: 0.3125rem;
-	float: left;
-	font-size: 0.9375rem;
-	font-weight: 400;
-	font-family: 'Open Sans';
-	text-overflow: ellipsis;
-	height: 3.125rem;
-	line-height: 3.125rem;
-	overflow: hidden;
-	white-space: nowrap;
-	transition: var(--transition);
-}
-
-.clickEdit {
-	cursor: pointer;
-}
-
-.table .row:hover, .table .row:nth-child(even):hover {
-    border-left: 0.25rem solid var(--primary);
-}
-
-.table .row {
-    border-left: 0.25rem solid var(--white);
-    background-color: var(--white);
-    background: var(--white);
-}
-
-.table .row:nth-child(even) {
-    border-left: 0.25rem solid var(--shaded);
-    background-color: var(--shaded);
-    background: var(--shaded);
-}
-
-.grid .col.sort {
-	cursor: pointer;
-	background-position: right 0.75rem center;
-	background-repeat: no-repeat;
-	background-size: 0.75rem 0.75rem;
-}
-
-.grid  .col.sort:hover {
-	color: var(--primary);
-}
-
-.grid .col.sort.asc {
-	background-image: url(../images/SortDown.png);
-	opacity: 1.0;
-}
-
-.grid .col.sort.desc {
-	background-image: url(../images/SortUp.png);
-	opacity: 1.0;
-}
-
-.desktop {
-	display: inline-block;
-}
-
-.ball {
-    width: 1.375rem;
-    height: 1.375rem;
-    position: relative;
-    margin-left: 0.75rem;
-    margin-top: 0.875rem;
-    border-radius: 0.6875rem;
-	background-color: var(--black);
-	opacity: 0.04;
-}
-
-.ball.Connected {
-	background-color: var(--green);
-	opacity: 1.0;
-}
-.grid.path {
-	grid-template-columns: 10rem auto 10rem;
-	grid-column-gap: 0rem;
-}
-
-.spot {
-    margin-top: 0.875rem;
-    height: 1.375rem;
-    width: 6.25rem;
-    padding-left: 0.625rem;
-    background-color: var(--black);
-    font-size: 0.75rem;
-    border-radius: 0.6875rem;
-    color: var(--white);
-	line-height: 1.4375rem;
-	position: absolute;
-    z-index: 5;
-}
-
-.connector {
-    width: 100%;
-    height: 0.0625rem;
-    margin-top: 1.5rem;
-	background-color: #28292B;
-	position: absolute;
-	z-index: 1;
-}
-
-.latency {
-    font-size: 0.75rem;
-    position: absolute;
-    padding-right: 0.625rem;
-    left: 0rem;
-    top: 0.75rem;
-    color: #FFF;
-    line-height: 1.625rem;
-    height: 1.625rem;
-    text-align: right;
-    width: 10rem;
-    background-color: #28292B;
-    border-radius: 0.75rem;
-    z-index: 2;
-}
-
-.relative {
-	position: relative;
-}

package/assets/styles/tooltip.css

@@ -1,134 +0,0 @@
-:root {
-    --balloon-border-radius: 0.125rem;
-    --balloon-color: rgba(16, 16, 16, 0.96);
-    --balloon-text-color: #fff;
-    --balloon-font-size: 1rem;
-    --balloon-move: 0.25rem; }
-  
-  button[aria-label][data-balloon-pos] {
-    overflow: visible; }
-  
-  [aria-label][data-balloon-pos] {
-    position: relative;
-    cursor: pointer; }
-    [aria-label][data-balloon-pos]:after {
-      opacity: 0;
-      pointer-events: none;
-      transition: all 0.18s ease-out 0.18s;
-      text-indent: 0;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-      font-weight: normal;
-      font-style: normal;
-      text-shadow: none;
-      font-size: var(--balloon-font-size);
-      background: var(--balloon-color);
-      border-radius: 0.125rem;
-      color: var(--balloon-text-color);
-      border-radius: var(--balloon-border-radius);
-      content: attr(aria-label);
-      padding: .5em 1em;
-      position: absolute;
-      white-space: nowrap;
-      z-index: 12; }
-    [aria-label][data-balloon-pos]:before {
-      width: 0;
-      height: 0;
-      border: 0.3125rem solid transparent;
-      border-top-color: var(--balloon-color);
-      opacity: 0;
-      pointer-events: none;
-      transition: all 0.18s ease-out 0.18s;
-      content: "";
-      position: absolute;
-      z-index: 12; }
-    [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
-      opacity: 1;
-      pointer-events: none; }
-    [aria-label][data-balloon-pos].font-awesome:after {
-      font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
-    [aria-label][data-balloon-pos][data-balloon-break]:after {
-      white-space: pre; }
-    [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
-      white-space: pre-line;
-      word-break: break-word; }
-    [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
-      transition: none; }
-    [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
-      transform: translate(-50%, 0); }
-    [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
-      transform: translate(-50%, 0); }
-    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
-      left: 0; }
-    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
-      left: 0.3125rem; }
-    [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
-      right: 0; }
-    [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
-      right: 0.3125rem; }
-    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
-      transform: translate(0, 0); }
-    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
-      transform: translate(0, 0); }
-    [aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
-      bottom: 100%;
-      transform-origin: top;
-      transform: translate(0, var(--balloon-move)); }
-    [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
-      margin-bottom: 0.625rem; }
-    [aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
-      left: 50%;
-      transform: translate(-50%, var(--balloon-move)); }
-    [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
-      top: 100%;
-      transform: translate(0, calc(var(--balloon-move) * -1)); }
-    [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
-      margin-top: 0.625rem; }
-    [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
-      width: 0;
-      height: 0;
-      border: 0.3125rem solid transparent;
-      border-bottom-color: var(--balloon-color); }
-    [aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
-      left: 50%;
-      transform: translate(-50%, calc(var(--balloon-move) * -1)); }
-    [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
-      transform: translate(0, -50%); }
-    [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
-      transform: translate(0, -50%); }
-    [aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
-      right: 100%;
-      top: 50%;
-      transform: translate(var(--balloon-move), -50%); }
-    [aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
-      margin-right: 0.625rem; }
-    [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
-      width: 0;
-      height: 0;
-      border: 0.3125rem solid transparent;
-      border-left-color: var(--balloon-color); }
-    [aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
-      left: 100%;
-      top: 50%;
-      transform: translate(calc(var(--balloon-move) * -1), -50%); }
-    [aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
-      margin-left: 0.625rem; }
-    [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
-      width: 0;
-      height: 0;
-      border: 0.3125rem solid transparent;
-      border-right-color: var(--balloon-color); }
-    [aria-label][data-balloon-pos][data-balloon-length]:after {
-      white-space: normal; }
-    [aria-label][data-balloon-pos][data-balloon-length="small"]:after {
-      width: 5rem; }
-    [aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
-      width: 9.375rem; }
-    [aria-label][data-balloon-pos][data-balloon-length="large"]:after {
-      width: 16.25rem; }
-    [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
-      width: 23.75rem; }
-      @media screen and (max-width: 768px) {
-        [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
-          width: 90vw; } }
-    [aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
-      width: 100%; }