npm - @openziti/ziti-console-lib - Versions diffs - 0.3.1 → 0.4.1 - Mend

@openziti/ziti-console-lib 0.3.1 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/assets/html/index.htm CHANGED Viewed

@@ -15,7 +15,7 @@
         <span data-i18n="Dashboard"></span>
     </div>
 </div>
-<div class="grid dashboard">
+<div id="DashHeader" class="grid dashboard">
     <div class="grid numbers">
         <div class="dial"></div>
         <a href="./identities">
@@ -55,7 +55,14 @@
             </div>
         </a>
     </div>
-    <div class="grid split wide">
+    <div id="NavLinks" class="grid split wide">
+        <a id="NetVisualizer" href="./network-visualizer" style="display: none">
+            <div class="iconLink">
+                <div class="network-visualizer"></div>
+                <div class="label" data-i18n="Network" ></div>
+                <div class="label" data-i18n="Visualizer"></div>
+            </div>
+        </a>
         <a href="https://docs.openziti.io/docs/downloads" target="_blank">
             <div class="iconLink">
                 <div class="downloads"></div>
@@ -116,6 +123,7 @@
                 page.idsObject.init(true);
                 summary.get();
+                page.showVisualizer();
             },
             events: function() {
                 context.addListener(page.idsObject.name, page.idsLoaded);
@@ -156,6 +164,16 @@
                 $("#Host").val("localhost");
                 $("#Port").val("80");
                 $("#HowToPort").val("80");
+            },
+            showVisualizer: function(e) {
+                const urlParams = new URLSearchParams(window.location.search);
+                const feature = urlParams.get('feature');
+                if (feature === 'visualizer') {
+                    $('#NetVisualizer').show();
+                    $('.grid.split.wide').addClass('exp');
+                    $('.grid.dashboard').addClass('exp');
+                    $('.grid.numbers').addClass('exp');
+                }
             }
         }
-    </script>
+    </script>

package/assets/images/Icon_Minus.png ADDED Viewed

Binary file

package/assets/languages/en-us.json CHANGED Viewed

@@ -14,6 +14,8 @@
     "Recipe": "Recipe",
     "Recipes": "Recipes",
     "Services": "Services",
+    "Network": "Network",
+    "Visualizer": "Visualizer",
     "Service": "Service",
     "EdgeService": "Edge Service",
     "EdgeServices": "Edge Services",
@@ -327,4 +329,4 @@
     "ServiceAttributesPlaceholder": "Add attributes to group Services",
     "ServiceAttributesHelp": "Attributes are tags applied to a resource. Apply the same tag to other Services to form a group of Services.",
     "Encryption": "Encryption"
-}
+}

package/assets/styles/global.scss CHANGED Viewed

@@ -116,9 +116,16 @@ input {
   display: flex;
   flex-direction: column;
   align-items: center;
+  position: absolute;
+  top: 0px;
+  left: 0;
   height: 100%;
   width: 100%;
   min-width: 675px;
+  padding-top: 14px;
+  padding-left: 20px;
+  padding-right: 20px;
+  background-color: var(--formBackground);
   overflow: hidden;
   .projectable-form-container {
@@ -587,7 +594,7 @@ lib-form-field-container {
 }
 .cdk-overlay-container {
-  z-index: 999999 !important;
+  z-index: 99999999 !important;
 }
 .zac-wrapper-container .dots {
@@ -887,4 +894,21 @@ lib-tag-selector {
       display: none;
     }
   }
+}
+.attag,
+.hashtag {
+  .tag-name {
+    padding-left: 10px;
+    padding-right: 10px;
+    color: #FFF;
+    position: relative;
+    float: left;
+    line-height: 30px;
+    border-radius: 7px;
+    margin-left: 2px;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    transition: var(--transition);
+  }
 }

package/assets/styles/tables.css CHANGED Viewed

@@ -41,6 +41,12 @@
 	grid-template-columns: auto 50%;
 }
+.split.exp {
+	display: grid;
+	grid-gap: 5px;
+	grid-template-columns: auto 40%;
+}
 .grid.aside {
 	display: grid;
 	grid-gap: 10px;
@@ -146,11 +152,23 @@
 }
 .grid.split.wide {
-	grid-template-columns: auto 49%;
+	grid-template-columns: auto 49%;
 	column-gap: 20px;
     z-index: 10;
 }
+.grid.split.wide {
+    grid-template-columns: auto 49%;
+    column-gap: 20px;
+    z-index: 10;
+}
+.grid.split.wide.exp {
+	grid-template-columns: auto auto auto;
+	column-gap: 10px;
+	z-index: 10;
+}
 .grid.fived {
 	grid-template-columns: 50px 150px 150px auto 50px;
 }
@@ -183,11 +201,18 @@
 	row-gap: 20px;
 }
+.grid.dashboard.exp {
+	margin-top: 20px;
+	grid-template-columns: auto 30%;
+	column-gap: 20px;
+	row-gap: 20px;
+}
 .grid.numbers {
     grid-template-columns: 50px 15% auto 15% 15% 15% 15%;
-    column-gap: 20px;
+	column-gap: 20px;
     border-width: 3px;
-	border-style: solid;
+    border-style: solid;
     border-color: var(--white);
     background-color: rgba(255,255,255,0.5);
     padding: 22px;

package/assets/styles/ziti.css CHANGED Viewed

@@ -1082,7 +1082,13 @@ aside .icon {
     height: 56px;
     background-position: center;
 }
+.network-visualizer {
+    background-image: url(../svgs/v8visualizer.svg);
+    background-size: contain;
+    width: 50px;
+    height: 50px;
+    background-position: center;
+}
 .dial {
     background-image: url(../svgs/dial.svg);
     background-size: contain;
@@ -1109,13 +1115,18 @@ aside .icon {
     border-width: 3px;
     border-style: solid;
     border-color: var(--white);
-    background-color: rgba(255,255,255,0.6);
+    background-color: rgba(255, 255, 255, 0.6);
     padding: 13px;
     border-radius: 12px;
     z-index: 10;
     box-shadow: var(--shadowLarge);
     transition: var(--transition);
     cursor: pointer;
+    height: 110px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }
 .iconLink:hover {
@@ -2051,6 +2062,20 @@ path.green {
     padding-left: 10px;
     padding-right: 10px;
     background-color: var(--primary);
+    color: transparent;
+    position: absolute;
+    float: left;
+    line-height: 30px;
+    border-radius: 7px;
+    margin-left: 2px;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    transition: var(--transition);
+}
+.tag-name {
+    padding-left: 10px;
+    padding-right: 10px;
     color: #FFF;
     position: relative;
     float: left;
@@ -2064,6 +2089,8 @@ path.green {
 .attag {
     background-color: var(--secondary);
+    filter: brightness(90%);
+    position: absolute;
 }
 .tagButton {

package/assets/svgs/v8visualizer.svg ADDED Viewed

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg id='Outline_Icons' style='enable-background:new 0 0 22.3 22.2;' version='1.1'
+     viewBox='0 0 22.3 22.2'
+     x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' y='0px'>
+<style type='text/css'>
+	.st0 {
+    fill: #344459;
+  }
+  .st1 {
+    fill: #FFFFFF;
+  }
+  .st2 {
+    fill: #0273FB;
+  }
+  .st3 {
+    fill: #FEC000;
+  }
+  .st4 {
+    fill: #0ADC59;
+  }
+  .st5 {
+    fill: #FF0E49;
+  }
+</style>
+  <g>
+	<path class='st0' d='M17.2,19.4C17.2,19.4,17.1,19.4,17.2,19.4c-3.5-0.2-6.3-3.2-6.2-6.7l0-3.2C10.9,6,13.6,3,17.1,2.8
+		c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-3,0.1-5.3,2.7-5.2,5.6v3.2c-0.1,3,2.2,5.5,5.2,5.7c0.3,0,0.5,0.2,0.5,0.5
+		C17.6,19.2,17.4,19.4,17.2,19.4z'/>
+</g>
+  <g>
+	<path class='st0'
+        d='M17.2,11.6H5.8c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h11.3c0.3,0,0.5,0.2,0.5,0.5S17.4,11.6,17.2,11.6z'/>
+</g>
+  <g>
+	<path class='st1' d='M3,13.2c1.2,0,2.1-0.9,2.1-2.1S4.2,9,3,9s-2.1,0.9-2.1,2.1S1.9,13.2,3,13.2z'/>
+    <path class='st2' d='M3,14.1c-1.7,0-3-1.3-3-3c0-1.7,1.3-3,3-3s3,1.3,3,3C6,12.8,4.7,14.1,3,14.1z M3,9.9c-0.7,0-1.2,0.6-1.2,1.2
+		s0.6,1.2,1.2,1.2s1.2-0.6,1.2-1.2S3.7,9.9,3,9.9z'/>
+</g>
+  <g>
+	<path class='st1' d='M19.3,21c1.2,0,2.1-0.9,2.1-2.1s-0.9-2.1-2.1-2.1s-2.1,0.9-2.1,2.1S18.1,21,19.3,21z'/>
+    <path class='st3' d='M19.3,21.9c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3S20.9,21.9,19.3,21.9z M19.3,17.6c-0.7,0-1.2,0.6-1.2,1.2
+		s0.6,1.2,1.2,1.2s1.2-0.6,1.2-1.2S20,17.6,19.3,17.6z'/>
+</g>
+  <g>
+	<path class='st1' d='M19.3,13.2c1.2,0,2.1-0.9,2.1-2.1S20.4,9,19.3,9s-2.1,0.9-2.1,2.1S18.1,13.2,19.3,13.2z'/>
+    <path class='st4' d='M19.3,14.1c-1.7,0-3-1.3-3-3c0-1.7,1.3-3,3-3s3,1.3,3,3C22.3,12.8,20.9,14.1,19.3,14.1z M19.3,9.9
+		c-0.7,0-1.2,0.6-1.2,1.2s0.6,1.2,1.2,1.2s1.2-0.6,1.2-1.2S20,9.9,19.3,9.9z'/>
+</g>
+  <g>
+	<path class='st1' d='M19.3,5.4c1.2,0,2.1-0.9,2.1-2.1s-0.9-2.1-2.1-2.1s-2.1,0.9-2.1,2.1S18.1,5.4,19.3,5.4z'/>
+    <path class='st5' d='M19.3,6.3c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3S20.9,6.3,19.3,6.3z M19.3,2.1c-0.7,0-1.2,0.6-1.2,1.2
+		s0.6,1.2,1.2,1.2s1.2-0.6,1.2-1.2S20,2.1,19.3,2.1z'/>
+</g>
+</svg>

package/esm2022/lib/features/card/card.component.mjs CHANGED Viewed

@@ -7,14 +7,18 @@ class CardComponent {
         this.content = '';
         this.buttonText = '';
         this.id = '';
+        this.href = '';
+    }
+    linkClicked(event) {
+        event.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { imageUrl: "imageUrl", title: "title", content: "content", buttonText: "buttonText", id: "id" }, ngImport: i0, template: "<div class=\"service-card-container\">\n    <div class=\"buttonCard selectType\" [id]=\"id\">\n        <div style=\"background-image: url({{imageUrl}})\" class=\"icon\"></div>\n        <div class=\"title\">{{title}}</div>\n        <div class=\"content\">\n            {{ content }}\n        </div>\n        <div class=\"row center buttonArea\">\n            <button class=\"save\">{{buttonText}}</button>\n        </div>\n    </div>\n</div>", styles: [".buttonCard .title{top:230px}.buttonCard .content{font-size:14px;bottom:80px;display:flex;flex-direction:column;align-items:center;text-align:center}.red{color:var(--red);font-weight:650;background-color:unset}.disabled{background:var(--inputBorder);box-shadow:none;color:var(--icon)}.save{margin-top:3px;font-size:14px;font-family:Open Sans;font-weight:600;display:inline-block;min-width:150px;clear:both;overflow:hidden;height:45px;padding:13px;width:-moz-fit-content;width:fit-content;text-transform:uppercase;text-align:center;border-radius:7px;position:relative;border:0;background:var(--primaryColor);color:#fff;white-space:nowrap;transition:all .15s ease;cursor:pointer;box-shadow:0 3px 9px 0 var(--primaryColorOpaque)}.padTop{padding-top:12px}.linkButton{margin-top:unset}.subtext{color:var(--stroke)}.buttonCard{max-width:320px;width:320px;position:relative;float:none;cursor:pointer;padding-bottom:25px;margin:20px 20px 0;background-color:var(--navigation);box-shadow:0 12px 23px 0 var(--shadow);transition:box-shadow .3s;border-radius:7px;min-height:405px;display:flex;flex-direction:column;align-items:center;justify-content:center}.buttonCard.shadow{box-shadow:0 12px 23px 0 var(--shadow)}.buttonCard.shadow .icon{background-size:50%;background-position:center top}.buttonCard:hover{filter:brightness(99.5%);box-shadow:0 3px 3px 0 var(--shadow);transition:box-shadow .3s}.buttonCard:active{filter:brightness(99%);box-shadow:0 1px 1px 0 var(--shadow);transition:box-shadow .3s}.buttonCard .title{font-size:16px;color:var(--tableText);text-align:center;text-transform:uppercase;padding-top:0;font-weight:600;font-family:Open Sans;position:absolute;top:220px;width:100%}.buttonCard .buttonArea{position:absolute;bottom:25px;width:100%}.buttonCard .subButton{position:absolute;bottom:10px}.buttonCard .content{color:var(--text);font-size:13px;height:80px;margin-top:15px;margin-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px;bottom:70px;position:absolute;font-weight:400;font-family:Open Sans}.buttonCard .icon{position:absolute;top:30px;left:10px;right:10px;height:185px;background-position:center bottom;background-size:contain;z-index:unset;width:unset;min-width:unset;min-height:unset}.buttonCard .buttonArea{bottom:30px}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { imageUrl: "imageUrl", title: "title", content: "content", buttonText: "buttonText", id: "id", href: "href" }, ngImport: i0, template: "<a href=\"/{{href}}\" (click)=\"linkClicked($event)\">\n    <div class=\"service-card-container\">\n        <div class=\"buttonCard selectType\" [id]=\"id\">\n            <div style=\"background-image: url({{imageUrl}})\" class=\"icon\"></div>\n            <div class=\"title\">{{title}}</div>\n            <div class=\"content\">\n                {{ content }}\n            </div>\n            <div class=\"row center buttonArea\">\n                <button class=\"save\">{{buttonText}}</button>\n            </div>\n        </div>\n    </div>\n</a>", styles: [".buttonCard .title{top:230px}.buttonCard .content{font-size:14px;bottom:80px;display:flex;flex-direction:column;align-items:center;text-align:center}.red{color:var(--red);font-weight:650;background-color:unset}.disabled{background:var(--inputBorder);box-shadow:none;color:var(--icon)}.save{margin-top:3px;font-size:14px;font-family:Open Sans;font-weight:600;display:inline-block;min-width:150px;clear:both;overflow:hidden;height:45px;padding:13px;width:-moz-fit-content;width:fit-content;text-transform:uppercase;text-align:center;border-radius:7px;position:relative;border:0;background:var(--primaryColor);color:#fff;white-space:nowrap;transition:all .15s ease;cursor:pointer;box-shadow:0 3px 9px 0 var(--primaryColorOpaque)}.padTop{padding-top:12px}.linkButton{margin-top:unset}.subtext{color:var(--stroke)}.buttonCard{max-width:320px;width:320px;position:relative;float:none;cursor:pointer;padding-bottom:25px;margin:20px 20px 0;background-color:var(--navigation);box-shadow:0 12px 23px 0 var(--shadow);transition:box-shadow .3s;border-radius:7px;min-height:405px;display:flex;flex-direction:column;align-items:center;justify-content:center}.buttonCard.shadow{box-shadow:0 12px 23px 0 var(--shadow)}.buttonCard.shadow .icon{background-size:50%;background-position:center top}.buttonCard:hover{filter:brightness(99.5%);box-shadow:0 3px 3px 0 var(--shadow);transition:box-shadow .3s}.buttonCard:active{filter:brightness(99%);box-shadow:0 1px 1px 0 var(--shadow);transition:box-shadow .3s}.buttonCard .title{font-size:16px;color:var(--tableText);text-align:center;text-transform:uppercase;padding-top:0;font-weight:600;font-family:Open Sans;position:absolute;top:220px;width:100%}.buttonCard .buttonArea{position:absolute;bottom:25px;width:100%}.buttonCard .subButton{position:absolute;bottom:10px}.buttonCard .content{color:var(--text);font-size:13px;height:80px;margin-top:15px;margin-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px;bottom:70px;position:absolute;font-weight:400;font-family:Open Sans}.buttonCard .icon{position:absolute;top:30px;left:10px;right:10px;height:185px;background-position:center bottom;background-size:contain;z-index:unset;width:unset;min-width:unset;min-height:unset}.buttonCard .buttonArea{bottom:30px}\n"] }); }
 }
 export { CardComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-card', template: "<div class=\"service-card-container\">\n    <div class=\"buttonCard selectType\" [id]=\"id\">\n        <div style=\"background-image: url({{imageUrl}})\" class=\"icon\"></div>\n        <div class=\"title\">{{title}}</div>\n        <div class=\"content\">\n            {{ content }}\n        </div>\n        <div class=\"row center buttonArea\">\n            <button class=\"save\">{{buttonText}}</button>\n        </div>\n    </div>\n</div>", styles: [".buttonCard .title{top:230px}.buttonCard .content{font-size:14px;bottom:80px;display:flex;flex-direction:column;align-items:center;text-align:center}.red{color:var(--red);font-weight:650;background-color:unset}.disabled{background:var(--inputBorder);box-shadow:none;color:var(--icon)}.save{margin-top:3px;font-size:14px;font-family:Open Sans;font-weight:600;display:inline-block;min-width:150px;clear:both;overflow:hidden;height:45px;padding:13px;width:-moz-fit-content;width:fit-content;text-transform:uppercase;text-align:center;border-radius:7px;position:relative;border:0;background:var(--primaryColor);color:#fff;white-space:nowrap;transition:all .15s ease;cursor:pointer;box-shadow:0 3px 9px 0 var(--primaryColorOpaque)}.padTop{padding-top:12px}.linkButton{margin-top:unset}.subtext{color:var(--stroke)}.buttonCard{max-width:320px;width:320px;position:relative;float:none;cursor:pointer;padding-bottom:25px;margin:20px 20px 0;background-color:var(--navigation);box-shadow:0 12px 23px 0 var(--shadow);transition:box-shadow .3s;border-radius:7px;min-height:405px;display:flex;flex-direction:column;align-items:center;justify-content:center}.buttonCard.shadow{box-shadow:0 12px 23px 0 var(--shadow)}.buttonCard.shadow .icon{background-size:50%;background-position:center top}.buttonCard:hover{filter:brightness(99.5%);box-shadow:0 3px 3px 0 var(--shadow);transition:box-shadow .3s}.buttonCard:active{filter:brightness(99%);box-shadow:0 1px 1px 0 var(--shadow);transition:box-shadow .3s}.buttonCard .title{font-size:16px;color:var(--tableText);text-align:center;text-transform:uppercase;padding-top:0;font-weight:600;font-family:Open Sans;position:absolute;top:220px;width:100%}.buttonCard .buttonArea{position:absolute;bottom:25px;width:100%}.buttonCard .subButton{position:absolute;bottom:10px}.buttonCard .content{color:var(--text);font-size:13px;height:80px;margin-top:15px;margin-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px;bottom:70px;position:absolute;font-weight:400;font-family:Open Sans}.buttonCard .icon{position:absolute;top:30px;left:10px;right:10px;height:185px;background-position:center bottom;background-size:contain;z-index:unset;width:unset;min-width:unset;min-height:unset}.buttonCard .buttonArea{bottom:30px}\n"] }]
+            args: [{ selector: 'lib-card', template: "<a href=\"/{{href}}\" (click)=\"linkClicked($event)\">\n    <div class=\"service-card-container\">\n        <div class=\"buttonCard selectType\" [id]=\"id\">\n            <div style=\"background-image: url({{imageUrl}})\" class=\"icon\"></div>\n            <div class=\"title\">{{title}}</div>\n            <div class=\"content\">\n                {{ content }}\n            </div>\n            <div class=\"row center buttonArea\">\n                <button class=\"save\">{{buttonText}}</button>\n            </div>\n        </div>\n    </div>\n</a>", styles: [".buttonCard .title{top:230px}.buttonCard .content{font-size:14px;bottom:80px;display:flex;flex-direction:column;align-items:center;text-align:center}.red{color:var(--red);font-weight:650;background-color:unset}.disabled{background:var(--inputBorder);box-shadow:none;color:var(--icon)}.save{margin-top:3px;font-size:14px;font-family:Open Sans;font-weight:600;display:inline-block;min-width:150px;clear:both;overflow:hidden;height:45px;padding:13px;width:-moz-fit-content;width:fit-content;text-transform:uppercase;text-align:center;border-radius:7px;position:relative;border:0;background:var(--primaryColor);color:#fff;white-space:nowrap;transition:all .15s ease;cursor:pointer;box-shadow:0 3px 9px 0 var(--primaryColorOpaque)}.padTop{padding-top:12px}.linkButton{margin-top:unset}.subtext{color:var(--stroke)}.buttonCard{max-width:320px;width:320px;position:relative;float:none;cursor:pointer;padding-bottom:25px;margin:20px 20px 0;background-color:var(--navigation);box-shadow:0 12px 23px 0 var(--shadow);transition:box-shadow .3s;border-radius:7px;min-height:405px;display:flex;flex-direction:column;align-items:center;justify-content:center}.buttonCard.shadow{box-shadow:0 12px 23px 0 var(--shadow)}.buttonCard.shadow .icon{background-size:50%;background-position:center top}.buttonCard:hover{filter:brightness(99.5%);box-shadow:0 3px 3px 0 var(--shadow);transition:box-shadow .3s}.buttonCard:active{filter:brightness(99%);box-shadow:0 1px 1px 0 var(--shadow);transition:box-shadow .3s}.buttonCard .title{font-size:16px;color:var(--tableText);text-align:center;text-transform:uppercase;padding-top:0;font-weight:600;font-family:Open Sans;position:absolute;top:220px;width:100%}.buttonCard .buttonArea{position:absolute;bottom:25px;width:100%}.buttonCard .subButton{position:absolute;bottom:10px}.buttonCard .content{color:var(--text);font-size:13px;height:80px;margin-top:15px;margin-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px;bottom:70px;position:absolute;font-weight:400;font-family:Open Sans}.buttonCard .icon{position:absolute;top:30px;left:10px;right:10px;height:185px;background-position:center bottom;background-size:contain;z-index:unset;width:unset;min-width:unset;min-height:unset}.buttonCard .buttonArea{bottom:30px}\n"] }]
         }], propDecorators: { imageUrl: [{
                 type: Input
             }], title: [{
@@ -25,5 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], id: [{
                 type: Input
+            }], href: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBRS9DLE1BS2EsYUFBYTtJQUwxQjtRQU9XLGFBQVEsR0FBRyxNQUFNLENBQUM7UUFDbEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLE9BQUUsR0FBRyxFQUFFLENBQUM7S0FDbEI7K0dBUFksYUFBYTttR0FBYixhQUFhLDBKQ1AxQiwwYkFXTTs7U0RKTyxhQUFhOzRGQUFiLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTs4QkFNWCxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGltYWdlVXJsID0gJ3Rlc3QnO1xuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICBASW5wdXQoKSBjb250ZW50ID0gJyc7XG4gIEBJbnB1dCgpIGJ1dHRvblRleHQgPSAnJztcbiAgQElucHV0KCkgaWQgPSAnJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJzZXJ2aWNlLWNhcmQtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbkNhcmQgc2VsZWN0VHlwZVwiIFtpZF09XCJpZFwiPlxuICAgICAgICA8ZGl2IHN0eWxlPVwiYmFja2dyb3VuZC1pbWFnZTogdXJsKHt7aW1hZ2VVcmx9fSlcIiBjbGFzcz1cImljb25cIj48L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3t0aXRsZX19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgICAgICB7eyBjb250ZW50IH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93IGNlbnRlciBidXR0b25BcmVhXCI+XG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic2F2ZVwiPnt7YnV0dG9uVGV4dH19PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBRS9DLE1BS2EsYUFBYTtJQUwxQjtRQU9XLGFBQVEsR0FBRyxNQUFNLENBQUM7UUFDbEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFDUixTQUFJLEdBQUcsRUFBRSxDQUFDO0tBS3BCO0lBSEMsV0FBVyxDQUFDLEtBQUs7UUFDZixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQzsrR0FYVSxhQUFhO21HQUFiLGFBQWEsd0tDUDFCLHdpQkFhSTs7U0ROUyxhQUFhOzRGQUFiLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTs4QkFNWCxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBpbWFnZVVybCA9ICd0ZXN0JztcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgY29udGVudCA9ICcnO1xuICBASW5wdXQoKSBidXR0b25UZXh0ID0gJyc7XG4gIEBJbnB1dCgpIGlkID0gJyc7XG4gIEBJbnB1dCgpIGhyZWYgPSAnJztcblxuICBsaW5rQ2xpY2tlZChldmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH1cbn1cbiIsIjxhIGhyZWY9XCIve3tocmVmfX1cIiAoY2xpY2spPVwibGlua0NsaWNrZWQoJGV2ZW50KVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZXJ2aWNlLWNhcmQtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25DYXJkIHNlbGVjdFR5cGVcIiBbaWRdPVwiaWRcIj5cbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJiYWNrZ3JvdW5kLWltYWdlOiB1cmwoe3tpbWFnZVVybH19KVwiIGNsYXNzPVwiaWNvblwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3t0aXRsZX19PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICAgICAgICAgIHt7IGNvbnRlbnQgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdyBjZW50ZXIgYnV0dG9uQXJlYVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJzYXZlXCI+e3tidXR0b25UZXh0fX08L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvYT4iXX0=

package/esm2022/lib/features/card-list/card-list.component.mjs CHANGED Viewed

@@ -6,15 +6,18 @@ import { ZITI_DATA_SERVICE } from "../../services/ziti-data.service";
 import * as i0 from "@angular/core";
 import * as i1 from "../projectable-forms/service/service-form.service";
 import * as i2 from "../messaging/growler.service";
-import * as i3 from "../card/card.component";
-import * as i4 from "../../services/settings.service";
-import * as i5 from "../../services/ziti-data.service";
+import * as i3 from "@angular/router";
+import * as i4 from "../card/card.component";
+import * as i5 from "../../services/settings.service";
+import * as i6 from "../../services/ziti-data.service";
 class CardListComponent extends ProjectableForm {
-    constructor(settingsService, svc, zitiService, growlerService, extService) {
-        super(growlerService, extService);
+    constructor(settingsService, svc, zitiService, growlerService, extService, router, route) {
+        super(growlerService, extService, zitiService, router, route);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
+        this.router = router;
+        this.route = route;
         this.formData = {};
         this.close = new EventEmitter();
         this.selected = new EventEmitter();
@@ -24,27 +27,27 @@ class CardListComponent extends ProjectableForm {
     save() {
     }
     cardSelected(type) {
-        this.selected.emit(type);
+        this.router.navigateByUrl(`/services/${type}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardListComponent, deps: [{ token: SETTINGS_SERVICE }, { token: i1.ServiceFormService }, { token: ZITI_DATA_SERVICE }, { token: i2.GrowlerService }, { token: SERVICE_EXTENSION_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardListComponent, selector: "lib-card-list", outputs: { close: "close", selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card-list-wrapper fullModal opened\">\n    <div class=\"title\" style=\"filter: brightness(50%)\">Create a service</div>\n    <div class=\"subtitle\">Choose a service type</div>\n    <div class=\"card-list-container\">\n        <lib-card\n            (click)=\"cardSelected('simple')\"\n            [imageUrl]=\"'/assets/svgs/Simple.svg'\"\n            [title]=\"'Simple'\"\n            [content]=\"'Simple services required fewer details, only asking for the most commonly used fields.'\"\n            [buttonText]=\"'Create Simple Service'\"\n            [id]=\"'SimpleServiceCard'\"\n        ></lib-card>\n        <lib-card\n                (click)=\"cardSelected('advanced')\"\n                [imageUrl]=\"'/assets/svgs/Advanced.svg'\"\n                [title]=\"'Advanced'\"\n                [content]=\"'Advanced services allow you to configure any option supported by the controller but are subsequently a bit more complex.'\"\n                [buttonText]=\"'Create Advanced Service'\"\n                [id]=\"'AdvancedServiceCard'\"\n        ></lib-card>\n    </div>\n    <div (click)=\"closeModal()\" class=\"buttonBall close\" id=\"EscZitiAWClose\">\n        <div class=\"buttonLabel\">ESC</div>\n    </div>\n\n</div>\n", styles: [":host{--shadow: rgba(0, 0, 0, .08)}.card-list-wrapper>.title{font-size:26px;filter:brightness(50%);padding-top:35px;text-align:center;width:100%;color:var(--primaryColor);font-family:Russo One;text-transform:uppercase;position:relative;font-weight:400}.card-list-wrapper>.subtitle{text-align:center;width:100%;color:var(--tableText);position:relative;margin-bottom:0;font-size:32px;font-weight:300;font-family:Open Sans;float:left}.card-list-wrapper .card-list-container{display:flex;flex-direction:row;width:100%;justify-content:center}.card-list-wrapper .buttonBall.close{font-style:normal;font-weight:600;-webkit-font-smoothing:antialiased;cursor:pointer;position:absolute;width:63px;height:63px;font-size:30px;top:20px;right:20px;left:unset;z-index:20;color:var(--stroke);text-transform:uppercase;text-align:center;line-height:40px;font-family:zac!important;font-variant:normal;border-radius:33px;transition:all .3s ease 0s}.card-list-wrapper .buttonBall.close:before{content:\"\\e91b\";font-size:30px}.card-list-wrapper .buttonBall:hover{background-color:var(--primaryColor);color:var(--white);box-shadow:0 2px 3px 0 var(--primaryColorOpaque);transition:all .2s ease 0s}.card-list-wrapper .buttonBall:hover:before{color:var(--white)}.card-list-wrapper .buttonBall .buttonLabel{font-weight:600;font-family:Open Sans,Arial,sans-serif;position:absolute;bottom:-2px;width:100%;text-align:center;font-size:12px;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i3.CardComponent, selector: "lib-card", inputs: ["imageUrl", "title", "content", "buttonText", "id"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardListComponent, deps: [{ token: SETTINGS_SERVICE }, { token: i1.ServiceFormService }, { token: ZITI_DATA_SERVICE }, { token: i2.GrowlerService }, { token: SERVICE_EXTENSION_SERVICE }, { token: i3.Router }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardListComponent, selector: "lib-card-list", outputs: { close: "close", selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card-list-wrapper ziti-page-container fullModal opened\">\n    <div class=\"title\" style=\"filter: brightness(50%)\">Create a service</div>\n    <div class=\"subtitle\">Choose a service type</div>\n    <div class=\"card-list-container\">\n        <lib-card\n            (click)=\"cardSelected('simple')\"\n            [imageUrl]=\"'/assets/svgs/Simple.svg'\"\n            [title]=\"'Simple'\"\n            [content]=\"'Simple services required fewer details, only asking for the most commonly used fields.'\"\n            [buttonText]=\"'Create Simple Service'\"\n            [id]=\"'SimpleServiceCard'\"\n            [href]=\"'services/simple'\"\n        ></lib-card>\n        <lib-card\n            (click)=\"cardSelected('advanced')\"\n            [imageUrl]=\"'/assets/svgs/Advanced.svg'\"\n            [title]=\"'Advanced'\"\n            [content]=\"'Advanced services allow you to configure any option supported by the controller but are subsequently a bit more complex.'\"\n            [buttonText]=\"'Create Advanced Service'\"\n            [id]=\"'AdvancedServiceCard'\"\n            [href]=\"'services/advanced'\"\n        ></lib-card>\n    </div>\n    <div (click)=\"returnToListPage()\" class=\"buttonBall close\" id=\"EscZitiAWClose\">\n        <div class=\"buttonLabel\">ESC</div>\n    </div>\n\n</div>\n", styles: [":host{--shadow: rgba(0, 0, 0, .08)}.card-list-wrapper>.title{font-size:26px;filter:brightness(50%);padding-top:35px;text-align:center;width:100%;color:var(--primaryColor);font-family:Russo One;text-transform:uppercase;position:relative;font-weight:400}.card-list-wrapper>.subtitle{text-align:center;width:100%;color:var(--tableText);position:relative;margin-bottom:0;font-size:32px;font-weight:300;font-family:Open Sans;float:left}.card-list-wrapper .card-list-container{display:flex;flex-direction:row;width:100%;justify-content:center}.card-list-wrapper .buttonBall.close{font-style:normal;font-weight:600;-webkit-font-smoothing:antialiased;cursor:pointer;position:absolute;width:63px;height:63px;font-size:30px;top:20px;right:20px;left:unset;z-index:20;color:var(--stroke);text-transform:uppercase;text-align:center;line-height:40px;font-family:zac!important;font-variant:normal;border-radius:33px;transition:all .3s ease 0s}.card-list-wrapper .buttonBall.close:before{content:\"\\e91b\";font-size:30px}.card-list-wrapper .buttonBall:hover{background-color:var(--primaryColor);color:var(--white);box-shadow:0 2px 3px 0 var(--primaryColorOpaque);transition:all .2s ease 0s}.card-list-wrapper .buttonBall:hover:before{color:var(--white)}.card-list-wrapper .buttonBall .buttonLabel{font-weight:600;font-family:Open Sans,Arial,sans-serif;position:absolute;bottom:-2px;width:100%;text-align:center;font-size:12px;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i4.CardComponent, selector: "lib-card", inputs: ["imageUrl", "title", "content", "buttonText", "id", "href"] }] }); }
 }
 export { CardListComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-card-list', template: "<div class=\"card-list-wrapper fullModal opened\">\n    <div class=\"title\" style=\"filter: brightness(50%)\">Create a service</div>\n    <div class=\"subtitle\">Choose a service type</div>\n    <div class=\"card-list-container\">\n        <lib-card\n            (click)=\"cardSelected('simple')\"\n            [imageUrl]=\"'/assets/svgs/Simple.svg'\"\n            [title]=\"'Simple'\"\n            [content]=\"'Simple services required fewer details, only asking for the most commonly used fields.'\"\n            [buttonText]=\"'Create Simple Service'\"\n            [id]=\"'SimpleServiceCard'\"\n        ></lib-card>\n        <lib-card\n                (click)=\"cardSelected('advanced')\"\n                [imageUrl]=\"'/assets/svgs/Advanced.svg'\"\n                [title]=\"'Advanced'\"\n                [content]=\"'Advanced services allow you to configure any option supported by the controller but are subsequently a bit more complex.'\"\n                [buttonText]=\"'Create Advanced Service'\"\n                [id]=\"'AdvancedServiceCard'\"\n        ></lib-card>\n    </div>\n    <div (click)=\"closeModal()\" class=\"buttonBall close\" id=\"EscZitiAWClose\">\n        <div class=\"buttonLabel\">ESC</div>\n    </div>\n\n</div>\n", styles: [":host{--shadow: rgba(0, 0, 0, .08)}.card-list-wrapper>.title{font-size:26px;filter:brightness(50%);padding-top:35px;text-align:center;width:100%;color:var(--primaryColor);font-family:Russo One;text-transform:uppercase;position:relative;font-weight:400}.card-list-wrapper>.subtitle{text-align:center;width:100%;color:var(--tableText);position:relative;margin-bottom:0;font-size:32px;font-weight:300;font-family:Open Sans;float:left}.card-list-wrapper .card-list-container{display:flex;flex-direction:row;width:100%;justify-content:center}.card-list-wrapper .buttonBall.close{font-style:normal;font-weight:600;-webkit-font-smoothing:antialiased;cursor:pointer;position:absolute;width:63px;height:63px;font-size:30px;top:20px;right:20px;left:unset;z-index:20;color:var(--stroke);text-transform:uppercase;text-align:center;line-height:40px;font-family:zac!important;font-variant:normal;border-radius:33px;transition:all .3s ease 0s}.card-list-wrapper .buttonBall.close:before{content:\"\\e91b\";font-size:30px}.card-list-wrapper .buttonBall:hover{background-color:var(--primaryColor);color:var(--white);box-shadow:0 2px 3px 0 var(--primaryColorOpaque);transition:all .2s ease 0s}.card-list-wrapper .buttonBall:hover:before{color:var(--white)}.card-list-wrapper .buttonBall .buttonLabel{font-weight:600;font-family:Open Sans,Arial,sans-serif;position:absolute;bottom:-2px;width:100%;text-align:center;font-size:12px;text-transform:uppercase}\n"] }]
-        }], ctorParameters: function () { return [{ type: i4.SettingsService, decorators: [{
+            args: [{ selector: 'lib-card-list', template: "<div class=\"card-list-wrapper ziti-page-container fullModal opened\">\n    <div class=\"title\" style=\"filter: brightness(50%)\">Create a service</div>\n    <div class=\"subtitle\">Choose a service type</div>\n    <div class=\"card-list-container\">\n        <lib-card\n            (click)=\"cardSelected('simple')\"\n            [imageUrl]=\"'/assets/svgs/Simple.svg'\"\n            [title]=\"'Simple'\"\n            [content]=\"'Simple services required fewer details, only asking for the most commonly used fields.'\"\n            [buttonText]=\"'Create Simple Service'\"\n            [id]=\"'SimpleServiceCard'\"\n            [href]=\"'services/simple'\"\n        ></lib-card>\n        <lib-card\n            (click)=\"cardSelected('advanced')\"\n            [imageUrl]=\"'/assets/svgs/Advanced.svg'\"\n            [title]=\"'Advanced'\"\n            [content]=\"'Advanced services allow you to configure any option supported by the controller but are subsequently a bit more complex.'\"\n            [buttonText]=\"'Create Advanced Service'\"\n            [id]=\"'AdvancedServiceCard'\"\n            [href]=\"'services/advanced'\"\n        ></lib-card>\n    </div>\n    <div (click)=\"returnToListPage()\" class=\"buttonBall close\" id=\"EscZitiAWClose\">\n        <div class=\"buttonLabel\">ESC</div>\n    </div>\n\n</div>\n", styles: [":host{--shadow: rgba(0, 0, 0, .08)}.card-list-wrapper>.title{font-size:26px;filter:brightness(50%);padding-top:35px;text-align:center;width:100%;color:var(--primaryColor);font-family:Russo One;text-transform:uppercase;position:relative;font-weight:400}.card-list-wrapper>.subtitle{text-align:center;width:100%;color:var(--tableText);position:relative;margin-bottom:0;font-size:32px;font-weight:300;font-family:Open Sans;float:left}.card-list-wrapper .card-list-container{display:flex;flex-direction:row;width:100%;justify-content:center}.card-list-wrapper .buttonBall.close{font-style:normal;font-weight:600;-webkit-font-smoothing:antialiased;cursor:pointer;position:absolute;width:63px;height:63px;font-size:30px;top:20px;right:20px;left:unset;z-index:20;color:var(--stroke);text-transform:uppercase;text-align:center;line-height:40px;font-family:zac!important;font-variant:normal;border-radius:33px;transition:all .3s ease 0s}.card-list-wrapper .buttonBall.close:before{content:\"\\e91b\";font-size:30px}.card-list-wrapper .buttonBall:hover{background-color:var(--primaryColor);color:var(--white);box-shadow:0 2px 3px 0 var(--primaryColorOpaque);transition:all .2s ease 0s}.card-list-wrapper .buttonBall:hover:before{color:var(--white)}.card-list-wrapper .buttonBall .buttonLabel{font-weight:600;font-family:Open Sans,Arial,sans-serif;position:absolute;bottom:-2px;width:100%;text-align:center;font-size:12px;text-transform:uppercase}\n"] }]
+        }], ctorParameters: function () { return [{ type: i5.SettingsService, decorators: [{
                     type: Inject,
                     args: [SETTINGS_SERVICE]
-                }] }, { type: i1.ServiceFormService }, { type: i5.ZitiDataService, decorators: [{
+                }] }, { type: i1.ServiceFormService }, { type: i6.ZitiDataService, decorators: [{
                     type: Inject,
                     args: [ZITI_DATA_SERVICE]
                 }] }, { type: i2.GrowlerService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SERVICE_EXTENSION_SERVICE]
-                }] }]; }, propDecorators: { close: [{
+                }] }, { type: i3.Router }, { type: i3.ActivatedRoute }]; }, propDecorators: { close: [{
                 type: Output
             }], selected: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jYXJkLWxpc3QvY2FyZC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jYXJkLWxpc3QvY2FyZC1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDZDQUE2QyxDQUFDO0FBQzVFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBa0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUNsRixPQUFPLEVBQUMseUJBQXlCLEVBQXFCLE1BQU0sbURBQW1ELENBQUM7QUFDaEgsT0FBTyxFQUFDLGlCQUFpQixFQUFrQixNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7O0FBSXBGLE1BS2EsaUJBQWtCLFNBQVEsZUFBZTtJQU1wRCxZQUNxQyxlQUFnQyxFQUMxRCxHQUF1QixFQUNLLFdBQTRCLEVBQy9ELGNBQThCLEVBQ0ssVUFBNEI7UUFFakUsS0FBSyxDQUFDLGNBQWMsRUFBRSxVQUFVLENBQUMsQ0FBQztRQU5DLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUMxRCxRQUFHLEdBQUgsR0FBRyxDQUFvQjtRQUNLLGdCQUFXLEdBQVgsV0FBVyxDQUFpQjtRQVJuRSxhQUFRLEdBQVEsRUFBRSxDQUFDO1FBRVQsVUFBSyxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ25ELGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQVVoRSxDQUFDO0lBQ0QsS0FBSztJQUNMLENBQUM7SUFFRCxJQUFJO0lBQ0osQ0FBQztJQUVELFlBQVksQ0FBQyxJQUFJO1FBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDMUIsQ0FBQzsrR0F2QlUsaUJBQWlCLGtCQU9oQixnQkFBZ0IsK0NBRWhCLGlCQUFpQiwyQ0FFakIseUJBQXlCO21HQVgxQixpQkFBaUIsK0hDYjlCLDh0Q0EwQkE7O1NEYmEsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZTs7MEJBV3BCLE1BQU07MkJBQUMsZ0JBQWdCOzswQkFFdkIsTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUV4QixNQUFNOzJCQUFDLHlCQUF5Qjs0Q0FSM0IsS0FBSztzQkFBZCxNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1Byb2plY3RhYmxlRm9ybX0gZnJvbSBcIi4uL3Byb2plY3RhYmxlLWZvcm1zL3Byb2plY3RhYmxlLWZvcm0uY2xhc3NcIjtcbmltcG9ydCB7U0VUVElOR1NfU0VSVklDRSwgU2V0dGluZ3NTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvc2V0dGluZ3Muc2VydmljZVwiO1xuaW1wb3J0IHtTRVJWSUNFX0VYVEVOU0lPTl9TRVJWSUNFLCBTZXJ2aWNlRm9ybVNlcnZpY2V9IGZyb20gXCIuLi9wcm9qZWN0YWJsZS1mb3Jtcy9zZXJ2aWNlL3NlcnZpY2UtZm9ybS5zZXJ2aWNlXCI7XG5pbXBvcnQge1pJVElfREFUQV9TRVJWSUNFLCBaaXRpRGF0YVNlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy96aXRpLWRhdGEuc2VydmljZVwiO1xuaW1wb3J0IHtHcm93bGVyU2VydmljZX0gZnJvbSBcIi4uL21lc3NhZ2luZy9ncm93bGVyLnNlcnZpY2VcIjtcbmltcG9ydCB7RXh0ZW5zaW9uU2VydmljZX0gZnJvbSBcIi4uL2V4dGVuZGFibGUvZXh0ZW5zaW9ucy1ub29wLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWNhcmQtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWxpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkTGlzdENvbXBvbmVudCBleHRlbmRzIFByb2plY3RhYmxlRm9ybSB7XG4gIGZvcm1EYXRhOiBhbnkgPSB7fTtcblxuICBAT3V0cHV0KCkgY2xvc2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIEBJbmplY3QoU0VUVElOR1NfU0VSVklDRSkgcHVibGljIHNldHRpbmdzU2VydmljZTogU2V0dGluZ3NTZXJ2aWNlLFxuICAgICAgcHVibGljIHN2YzogU2VydmljZUZvcm1TZXJ2aWNlLFxuICAgICAgQEluamVjdChaSVRJX0RBVEFfU0VSVklDRSkgcHJpdmF0ZSB6aXRpU2VydmljZTogWml0aURhdGFTZXJ2aWNlLFxuICAgICAgZ3Jvd2xlclNlcnZpY2U6IEdyb3dsZXJTZXJ2aWNlLFxuICAgICAgQEluamVjdChTRVJWSUNFX0VYVEVOU0lPTl9TRVJWSUNFKSBleHRTZXJ2aWNlOiBFeHRlbnNpb25TZXJ2aWNlXG4gICkge1xuICAgIHN1cGVyKGdyb3dsZXJTZXJ2aWNlLCBleHRTZXJ2aWNlKTtcbiAgfVxuICBjbGVhcigpOiB2b2lkIHtcbiAgfVxuXG4gIHNhdmUoKTogdm9pZCB7XG4gIH1cblxuICBjYXJkU2VsZWN0ZWQodHlwZSkge1xuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdCh0eXBlKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1saXN0LXdyYXBwZXIgZnVsbE1vZGFsIG9wZW5lZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiIHN0eWxlPVwiZmlsdGVyOiBicmlnaHRuZXNzKDUwJSlcIj5DcmVhdGUgYSBzZXJ2aWNlPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+Q2hvb3NlIGEgc2VydmljZSB0eXBlPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtbGlzdC1jb250YWluZXJcIj5cbiAgICAgICAgPGxpYi1jYXJkXG4gICAgICAgICAgICAoY2xpY2spPVwiY2FyZFNlbGVjdGVkKCdzaW1wbGUnKVwiXG4gICAgICAgICAgICBbaW1hZ2VVcmxdPVwiJy9hc3NldHMvc3Zncy9TaW1wbGUuc3ZnJ1wiXG4gICAgICAgICAgICBbdGl0bGVdPVwiJ1NpbXBsZSdcIlxuICAgICAgICAgICAgW2NvbnRlbnRdPVwiJ1NpbXBsZSBzZXJ2aWNlcyByZXF1aXJlZCBmZXdlciBkZXRhaWxzLCBvbmx5IGFza2luZyBmb3IgdGhlIG1vc3QgY29tbW9ubHkgdXNlZCBmaWVsZHMuJ1wiXG4gICAgICAgICAgICBbYnV0dG9uVGV4dF09XCInQ3JlYXRlIFNpbXBsZSBTZXJ2aWNlJ1wiXG4gICAgICAgICAgICBbaWRdPVwiJ1NpbXBsZVNlcnZpY2VDYXJkJ1wiXG4gICAgICAgID48L2xpYi1jYXJkPlxuICAgICAgICA8bGliLWNhcmRcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2FyZFNlbGVjdGVkKCdhZHZhbmNlZCcpXCJcbiAgICAgICAgICAgICAgICBbaW1hZ2VVcmxdPVwiJy9hc3NldHMvc3Zncy9BZHZhbmNlZC5zdmcnXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwiJ0FkdmFuY2VkJ1wiXG4gICAgICAgICAgICAgICAgW2NvbnRlbnRdPVwiJ0FkdmFuY2VkIHNlcnZpY2VzIGFsbG93IHlvdSB0byBjb25maWd1cmUgYW55IG9wdGlvbiBzdXBwb3J0ZWQgYnkgdGhlIGNvbnRyb2xsZXIgYnV0IGFyZSBzdWJzZXF1ZW50bHkgYSBiaXQgbW9yZSBjb21wbGV4LidcIlxuICAgICAgICAgICAgICAgIFtidXR0b25UZXh0XT1cIidDcmVhdGUgQWR2YW5jZWQgU2VydmljZSdcIlxuICAgICAgICAgICAgICAgIFtpZF09XCInQWR2YW5jZWRTZXJ2aWNlQ2FyZCdcIlxuICAgICAgICA+PC9saWItY2FyZD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IChjbGljayk9XCJjbG9zZU1vZGFsKClcIiBjbGFzcz1cImJ1dHRvbkJhbGwgY2xvc2VcIiBpZD1cIkVzY1ppdGlBV0Nsb3NlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25MYWJlbFwiPkVTQzwvZGl2PlxuICAgIDwvZGl2PlxuXG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jYXJkLWxpc3QvY2FyZC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jYXJkLWxpc3QvY2FyZC1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDZDQUE2QyxDQUFDO0FBQzVFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBa0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUNsRixPQUFPLEVBQUMseUJBQXlCLEVBQXFCLE1BQU0sbURBQW1ELENBQUM7QUFDaEgsT0FBTyxFQUFDLGlCQUFpQixFQUFrQixNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7OztBQUtwRixNQUthLGlCQUFrQixTQUFRLGVBQWU7SUFNcEQsWUFDcUMsZUFBZ0MsRUFDMUQsR0FBdUIsRUFDTSxXQUE0QixFQUNoRSxjQUE4QixFQUNLLFVBQTRCLEVBQzVDLE1BQWMsRUFDZCxLQUFxQjtRQUUxQyxLQUFLLENBQUMsY0FBYyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBUjNCLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUMxRCxRQUFHLEdBQUgsR0FBRyxDQUFvQjtRQUNNLGdCQUFXLEdBQVgsV0FBVyxDQUFpQjtRQUc3QyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFaNUMsYUFBUSxHQUFRLEVBQUUsQ0FBQztRQUVULFVBQUssR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNuRCxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFZaEUsQ0FBQztJQUNELEtBQUs7SUFDTCxDQUFDO0lBRUQsSUFBSTtJQUNKLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBSTtRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLGFBQWEsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNqRCxDQUFDOytHQXpCVSxpQkFBaUIsa0JBT2hCLGdCQUFnQiwrQ0FFaEIsaUJBQWlCLDJDQUVqQix5QkFBeUI7bUdBWDFCLGlCQUFpQiwrSENkOUIsc3pDQTRCQTs7U0RkYSxpQkFBaUI7NEZBQWpCLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlOzswQkFXcEIsTUFBTTsyQkFBQyxnQkFBZ0I7OzBCQUV2QixNQUFNOzJCQUFDLGlCQUFpQjs7MEJBRXhCLE1BQU07MkJBQUMseUJBQXlCOzhGQVIzQixLQUFLO3NCQUFkLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UHJvamVjdGFibGVGb3JtfSBmcm9tIFwiLi4vcHJvamVjdGFibGUtZm9ybXMvcHJvamVjdGFibGUtZm9ybS5jbGFzc1wiO1xuaW1wb3J0IHtTRVRUSU5HU19TRVJWSUNFLCBTZXR0aW5nc1NlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9zZXR0aW5ncy5zZXJ2aWNlXCI7XG5pbXBvcnQge1NFUlZJQ0VfRVhURU5TSU9OX1NFUlZJQ0UsIFNlcnZpY2VGb3JtU2VydmljZX0gZnJvbSBcIi4uL3Byb2plY3RhYmxlLWZvcm1zL3NlcnZpY2Uvc2VydmljZS1mb3JtLnNlcnZpY2VcIjtcbmltcG9ydCB7WklUSV9EQVRBX1NFUlZJQ0UsIFppdGlEYXRhU2VydmljZX0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL3ppdGktZGF0YS5zZXJ2aWNlXCI7XG5pbXBvcnQge0dyb3dsZXJTZXJ2aWNlfSBmcm9tIFwiLi4vbWVzc2FnaW5nL2dyb3dsZXIuc2VydmljZVwiO1xuaW1wb3J0IHtFeHRlbnNpb25TZXJ2aWNlfSBmcm9tIFwiLi4vZXh0ZW5kYWJsZS9leHRlbnNpb25zLW5vb3Auc2VydmljZVwiO1xuaW1wb3J0IHtBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyfSBmcm9tIFwiQGFuZ3VsYXIvcm91dGVyXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1jYXJkLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2FyZExpc3RDb21wb25lbnQgZXh0ZW5kcyBQcm9qZWN0YWJsZUZvcm0ge1xuICBmb3JtRGF0YTogYW55ID0ge307XG5cbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBASW5qZWN0KFNFVFRJTkdTX1NFUlZJQ0UpIHB1YmxpYyBzZXR0aW5nc1NlcnZpY2U6IFNldHRpbmdzU2VydmljZSxcbiAgICAgIHB1YmxpYyBzdmM6IFNlcnZpY2VGb3JtU2VydmljZSxcbiAgICAgIEBJbmplY3QoWklUSV9EQVRBX1NFUlZJQ0UpIG92ZXJyaWRlIHppdGlTZXJ2aWNlOiBaaXRpRGF0YVNlcnZpY2UsXG4gICAgICBncm93bGVyU2VydmljZTogR3Jvd2xlclNlcnZpY2UsXG4gICAgICBASW5qZWN0KFNFUlZJQ0VfRVhURU5TSU9OX1NFUlZJQ0UpIGV4dFNlcnZpY2U6IEV4dGVuc2lvblNlcnZpY2UsXG4gICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICApIHtcbiAgICBzdXBlcihncm93bGVyU2VydmljZSwgZXh0U2VydmljZSwgeml0aVNlcnZpY2UsIHJvdXRlciwgcm91dGUpO1xuICB9XG4gIGNsZWFyKCk6IHZvaWQge1xuICB9XG5cbiAgc2F2ZSgpOiB2b2lkIHtcbiAgfVxuXG4gIGNhcmRTZWxlY3RlZCh0eXBlKSB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybChgL3NlcnZpY2VzLyR7dHlwZX1gKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtbGlzdC13cmFwcGVyIHppdGktcGFnZS1jb250YWluZXIgZnVsbE1vZGFsIG9wZW5lZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiIHN0eWxlPVwiZmlsdGVyOiBicmlnaHRuZXNzKDUwJSlcIj5DcmVhdGUgYSBzZXJ2aWNlPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+Q2hvb3NlIGEgc2VydmljZSB0eXBlPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtbGlzdC1jb250YWluZXJcIj5cbiAgICAgICAgPGxpYi1jYXJkXG4gICAgICAgICAgICAoY2xpY2spPVwiY2FyZFNlbGVjdGVkKCdzaW1wbGUnKVwiXG4gICAgICAgICAgICBbaW1hZ2VVcmxdPVwiJy9hc3NldHMvc3Zncy9TaW1wbGUuc3ZnJ1wiXG4gICAgICAgICAgICBbdGl0bGVdPVwiJ1NpbXBsZSdcIlxuICAgICAgICAgICAgW2NvbnRlbnRdPVwiJ1NpbXBsZSBzZXJ2aWNlcyByZXF1aXJlZCBmZXdlciBkZXRhaWxzLCBvbmx5IGFza2luZyBmb3IgdGhlIG1vc3QgY29tbW9ubHkgdXNlZCBmaWVsZHMuJ1wiXG4gICAgICAgICAgICBbYnV0dG9uVGV4dF09XCInQ3JlYXRlIFNpbXBsZSBTZXJ2aWNlJ1wiXG4gICAgICAgICAgICBbaWRdPVwiJ1NpbXBsZVNlcnZpY2VDYXJkJ1wiXG4gICAgICAgICAgICBbaHJlZl09XCInc2VydmljZXMvc2ltcGxlJ1wiXG4gICAgICAgID48L2xpYi1jYXJkPlxuICAgICAgICA8bGliLWNhcmRcbiAgICAgICAgICAgIChjbGljayk9XCJjYXJkU2VsZWN0ZWQoJ2FkdmFuY2VkJylcIlxuICAgICAgICAgICAgW2ltYWdlVXJsXT1cIicvYXNzZXRzL3N2Z3MvQWR2YW5jZWQuc3ZnJ1wiXG4gICAgICAgICAgICBbdGl0bGVdPVwiJ0FkdmFuY2VkJ1wiXG4gICAgICAgICAgICBbY29udGVudF09XCInQWR2YW5jZWQgc2VydmljZXMgYWxsb3cgeW91IHRvIGNvbmZpZ3VyZSBhbnkgb3B0aW9uIHN1cHBvcnRlZCBieSB0aGUgY29udHJvbGxlciBidXQgYXJlIHN1YnNlcXVlbnRseSBhIGJpdCBtb3JlIGNvbXBsZXguJ1wiXG4gICAgICAgICAgICBbYnV0dG9uVGV4dF09XCInQ3JlYXRlIEFkdmFuY2VkIFNlcnZpY2UnXCJcbiAgICAgICAgICAgIFtpZF09XCInQWR2YW5jZWRTZXJ2aWNlQ2FyZCdcIlxuICAgICAgICAgICAgW2hyZWZdPVwiJ3NlcnZpY2VzL2FkdmFuY2VkJ1wiXG4gICAgICAgID48L2xpYi1jYXJkPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKGNsaWNrKT1cInJldHVyblRvTGlzdFBhZ2UoKVwiIGNsYXNzPVwiYnV0dG9uQmFsbCBjbG9zZVwiIGlkPVwiRXNjWml0aUFXQ2xvc2VcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbkxhYmVsXCI+RVNDPC9kaXY+XG4gICAgPC9kaXY+XG5cbjwvZGl2PlxuIl19

package/esm2022/lib/features/creation-summary-dialog/creation-summary-dialog.component.mjs CHANGED Viewed

@@ -79,7 +79,7 @@ class CreationSummaryDialogComponent {
         this.dialogRef.close('new');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreationSummaryDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.GrowlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreationSummaryDialogComponent, selector: "lib-creation-summary-dialog", ngImport: i0, template: "<div class=\"creation-summary-dialog-container\">\n    <div class=\"close icon-close\" (click)=\"close()\"></div>\n    <div class=\"title-row\">\n        <span class=\"title\">Execution Summary</span>\n        <span class=\"subtitle\">The following entities were created for this service</span>\n    </div>\n    <lib-form-field-container [showHeader]=\"false\">\n        <div class=\"copy-links-container\">\n            <span class=\"copy-links-title\">\n                <span class=\"title\">Entities</span>\n                <span class=\"subtitle\" *ngIf=\"hasCreationError\">One or more of the following resources failed to create. See below for more details and/or retry.</span>\n            </span>\n        </div>\n        <div class=\"form-group-row exec-operations-group\">\n            <div class=\"summary-groups-container\">\n                <div class=\"summary-group\" *ngFor=\"let group of summaryData\">\n                    <div class=\"summary-group-title\">{{group.title}}</div>\n                    <ul>\n                        <li\n                                *ngFor=\"let entity of group.entities\"\n                                (click)=\"selectZitiEntity(entity.name, 'all')\"\n                                [ngClass]=\"{selected: selectedEntityType === 'all'}\"\n                                class=\"entity-item drop-target-svc\"\n                        >\n                            <span class=\"spinner\" *ngIf=\"entity.status === 'loading'\"></span>\n                            <input type=\"checkbox\" [disabled]=\"true\" [checked]=\"true\" class=\"success-check\" *ngIf=\"entity.status === 'done'\">\n                            <div class=\"retry\" *ngIf=\"entity.status === 'error'\" (click)=\"doRetry(entity)\"></div>\n                            <div class=\"icon-clear\" *ngIf=\"entity.status === 'error'\"></div>\n                            <span class=\"entity-name\" matTooltipShowDelay=\"1000\">\n                                {{ entity.name.length > 0 ? entity.name : 'SimpleService' }}\n                            </span>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </lib-form-field-container>\n    <lib-form-field-container [showHeader]=\"false\" style=\"margin-top: 10px;\">\n        <div class=\"copy-links-container\">\n            <div class=\"copy-links-title\">\n                <div class=\"title-container\">\n                    <span class=\"title\">Copy Links</span>\n                    <div class=\"copy-icon\"></div>\n                </div>\n            </div>\n            <div class=\"copy-links\">\n                <div class=\"link-button\" (click)=\"copyCliCommands()\">CLI Commands</div>\n                <div class=\"link-button\" (click)=\"copyAPIRequests()\">API Requests</div>\n            </div>\n        </div>\n    </lib-form-field-container>\n\n    <div class=\"confirm-buttons-container\">\n        <button class=\"button save alert\" (click)=\"done()\">Done</button>\n        <button class=\"button save cancel\" (click)=\"confirm()\">Create another</button>\n    </div>\n</div>", styles: [".creation-summary-dialog-container{background-color:var(--formBackground);min-width:475px;border-radius:var(--modalBorderRadius);padding:var(--paddingXXL)}.creation-summary-dialog-container .title-row{display:flex;align-items:center;flex-direction:column;margin-bottom:var(--marginLarge)}.creation-summary-dialog-container .subtitle{color:var(--text)}.creation-summary-dialog-container .close{font-size:25px;top:15px;right:15px;width:35px;font-weight:600}.resource-type-container{display:flex;flex-direction:column;padding-left:var(--paddingLarge);padding-right:var(--paddingLarge)}.resource-type-container.disabled{opacity:.5}.resource-type-container.disabled select{cursor:not-allowed}.resource-type-container .resource-type-content{margin-top:20px;flex-wrap:wrap}.entity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.summary-group ul{padding-inline-start:0px;margin-block-start:var(--marginSmall);max-height:650px;overflow:auto;overflow-x:hidden}.summary-group .entity-item{display:flex;align-items:center;gap:5px;font-weight:600;font-size:16px;padding-top:3px;padding-bottom:3px;position:relative;cursor:pointer;border-left-width:5px;border-left-color:transparent;border-left-style:solid}.summary-group .entity-item:hover{background-color:#2196f31a;border-left-width:5px;border-left-color:var(--primaryColor)}.summary-group .entity-item[hidden]{display:none}.summary-group .entity-item.no-results{font-weight:400}.summary-group .entity-item.no-results:hover{background-color:transparent;border-left-color:transparent;cursor:default}.summary-groups-container{overflow:auto;height:100%;width:100%;max-width:300px;display:flex;position:relative;flex-direction:column}.summary-group-title{margin-left:0;color:var(--primaryColor);font-weight:700;font-size:15px;filter:brightness(65%);text-transform:uppercase}.exec-operations-group{padding:0}.confirm-buttons-container{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:100%;padding-top:var(--paddingMedium)}.confirm-buttons-container .linkButton{position:absolute;left:25px;color:var(--subText);font-weight:600}.confirm-buttons-container .button{text-align:center;line-height:normal}button{width:100px;height:40px;color:var(--white);display:flex;align-items:center;justify-content:center}button.confirm{background-color:var(--secondary)}button.cancel{background-color:var(--primary)}.spinner{right:1em;top:1em;display:inline-block;width:16px;height:16px;border-radius:50%;background:transparent;border-top:2px solid var(--placeholder);border-right:2px solid var(--placeholder);border-bottom:2px solid transparent;border-left:2px solid transparent;animation:loading .5s infinite linear}.config-check,.success-check{width:17px;height:17px;cursor:pointer;background-color:var(--navigation);margin:4px 0 0}.config-check:checked,.success-check:checked{background-color:var(--green)!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAABdElEQVRIia3UPWsUURSH8f9GRRvtFKtIgoKggo2CYO0XsLKzsbARbNKJYGPndxEEO8VGRRvBF6xFBAkplPiyb/lZzAx7d9jE3ewcmOLOPTyc85x7bw/pKI4keZ7kUpIHQVffIwxU0e91VPHlJK+T9Or19y7Ah5N8TLJeg3eSXO9CwcNCwQCPkWWhFzE2iZ84viz4ED4X4DFuNPvLgO8XCoZ4Wu7vF3oeo0LBL5xcFnwA7wsFI9xs5+0HvFG33ih4NitvUejZAgp/sLoseAVvC7dD3NotfxHw3ZaCl+jtBT6qOn+n94CuoV8o+Fv/27WQ4E3dXh9XZyT18Kql4M7/OozJsdnBb1xoJd0uFIxqzyvzgJ+Y3KAxtrBeJ6yqJt/EEGfmmUlwDB9aVX3FCbwwPbCNeaANOKoX6UvL41axHuOd6tYtBA5OYdP0a9XECOfmhbbBUT0u26pBNjHAvUWgs8DBFdPD/ISDXYCDa/iBb3UXC0GRf9rA4qSLGyBIAAAAAElFTkSuQmCC);background-size:45%;background-position:center center;background-repeat:no-repeat;border:none}.config-check:checked:disabled,.success-check:checked:disabled{opacity:1!important}.success-check{border-radius:100%;top:13px;left:10px;transition:var(--transition);border:2px var(--offWhite) solid}.config-check{border-radius:0}.config-check:checked{background-size:10px}.icon-clear{color:var(--red);margin-top:4px}.retry{background-image:url(/assets/svgs/refresh.svg);background-size:18px;background-repeat:no-repeat;height:18px;width:18px;margin-left:5px}.copy-links-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--gapMedium)}.copy-links-container .copy-links-title{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:375px}.copy-links-container .copy-links-title .title-container{display:flex}.copy-links-container .copy-links-title .title{font-size:20px;line-height:20px}.copy-links-container .copy-links-title .subtitle{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--red)}.copy-links-container .copy-links-title .copy-icon{background-image:url(/assets/svgs/copy.svg);background-size:18px;background-repeat:no-repeat;height:20px;width:20px;margin-left:7px}.copy-links-container .copy-links{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:var(--paddingMedium);width:100%}.copy-links-container .copy-links .link-button{color:var(--subText);font-size:16px;font-weight:600;cursor:pointer}.copy-links-container .copy-links .link-button:hover{text-decoration:underline}.visibility-config-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:flex-start;gap:5px;margin-top:var(--marginMedium)}::ng-deep .creation-summary-dialog-container .form-field-content{gap:0!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader"], outputs: ["actionRequested"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreationSummaryDialogComponent, selector: "lib-creation-summary-dialog", ngImport: i0, template: "<div class=\"creation-summary-dialog-container\">\n    <div class=\"close icon-close\" (click)=\"close()\"></div>\n    <div class=\"title-row\">\n        <span class=\"title\">Execution Summary</span>\n        <span class=\"subtitle\">The following entities were created for this service</span>\n    </div>\n    <lib-form-field-container [showHeader]=\"false\">\n        <div class=\"copy-links-container\">\n            <span class=\"copy-links-title\">\n                <span class=\"title\">Entities</span>\n                <span class=\"subtitle\" *ngIf=\"hasCreationError\">One or more of the following resources failed to create. See below for more details and/or retry.</span>\n            </span>\n        </div>\n        <div class=\"form-group-row exec-operations-group\">\n            <div class=\"summary-groups-container\">\n                <div class=\"summary-group\" *ngFor=\"let group of summaryData\">\n                    <div class=\"summary-group-title\">{{group.title}}</div>\n                    <ul>\n                        <li\n                                *ngFor=\"let entity of group.entities\"\n                                (click)=\"selectZitiEntity(entity.name, 'all')\"\n                                [ngClass]=\"{selected: selectedEntityType === 'all'}\"\n                                class=\"entity-item drop-target-svc\"\n                        >\n                            <span class=\"spinner\" *ngIf=\"entity.status === 'loading'\"></span>\n                            <input type=\"checkbox\" [disabled]=\"true\" [checked]=\"true\" class=\"success-check\" *ngIf=\"entity.status === 'done'\">\n                            <div class=\"retry\" *ngIf=\"entity.status === 'error'\" (click)=\"doRetry(entity)\"></div>\n                            <div class=\"icon-clear\" *ngIf=\"entity.status === 'error'\"></div>\n                            <span class=\"entity-name\" matTooltipShowDelay=\"1000\">\n                                {{ entity.name.length > 0 ? entity.name : 'SimpleService' }}\n                            </span>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </lib-form-field-container>\n    <lib-form-field-container [showHeader]=\"false\" style=\"margin-top: 10px;\">\n        <div class=\"copy-links-container\">\n            <div class=\"copy-links-title\">\n                <div class=\"title-container\">\n                    <span class=\"title\">Copy Links</span>\n                    <div class=\"copy-icon\"></div>\n                </div>\n            </div>\n            <div class=\"copy-links\">\n                <div class=\"link-button\" (click)=\"copyCliCommands()\">CLI Commands</div>\n                <div class=\"link-button\" (click)=\"copyAPIRequests()\">API Requests</div>\n            </div>\n        </div>\n    </lib-form-field-container>\n\n    <div class=\"confirm-buttons-container\">\n        <button class=\"button save alert\" (click)=\"done()\">Done</button>\n        <button class=\"button save cancel\" (click)=\"confirm()\">Create another</button>\n    </div>\n</div>", styles: [".creation-summary-dialog-container{background-color:var(--formBackground);min-width:475px;border-radius:var(--modalBorderRadius);padding:var(--paddingXXL)}.creation-summary-dialog-container .title-row{display:flex;align-items:center;flex-direction:column;margin-bottom:var(--marginLarge)}.creation-summary-dialog-container .subtitle{color:var(--text)}.creation-summary-dialog-container .close{font-size:25px;top:15px;right:15px;width:35px;font-weight:600}.resource-type-container{display:flex;flex-direction:column;padding-left:var(--paddingLarge);padding-right:var(--paddingLarge)}.resource-type-container.disabled{opacity:.5}.resource-type-container.disabled select{cursor:not-allowed}.resource-type-container .resource-type-content{margin-top:20px;flex-wrap:wrap}.entity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.summary-group ul{padding-inline-start:0px;margin-block-start:var(--marginSmall);max-height:650px;overflow:auto;overflow-x:hidden}.summary-group .entity-item{display:flex;align-items:center;gap:5px;font-weight:600;font-size:16px;padding-top:3px;padding-bottom:3px;position:relative;cursor:pointer;border-left-width:5px;border-left-color:transparent;border-left-style:solid}.summary-group .entity-item:hover{background-color:#2196f31a;border-left-width:5px;border-left-color:var(--primaryColor)}.summary-group .entity-item[hidden]{display:none}.summary-group .entity-item.no-results{font-weight:400}.summary-group .entity-item.no-results:hover{background-color:transparent;border-left-color:transparent;cursor:default}.summary-groups-container{overflow:auto;height:100%;width:100%;max-width:300px;display:flex;position:relative;flex-direction:column}.summary-group-title{margin-left:0;color:var(--primaryColor);font-weight:700;font-size:15px;filter:brightness(65%);text-transform:uppercase}.exec-operations-group{padding:0}.confirm-buttons-container{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:100%;padding-top:var(--paddingMedium)}.confirm-buttons-container .linkButton{position:absolute;left:25px;color:var(--subText);font-weight:600}.confirm-buttons-container .button{text-align:center;line-height:normal}button{width:100px;height:40px;color:var(--white);display:flex;align-items:center;justify-content:center}button.confirm{background-color:var(--secondary)}button.cancel{background-color:var(--primary)}.spinner{right:1em;top:1em;display:inline-block;width:16px;height:16px;border-radius:50%;background:transparent;border-top:2px solid var(--placeholder);border-right:2px solid var(--placeholder);border-bottom:2px solid transparent;border-left:2px solid transparent;animation:loading .5s infinite linear}.config-check,.success-check{width:17px;height:17px;cursor:pointer;background-color:var(--navigation);margin:4px 0 0}.config-check:checked,.success-check:checked{background-color:var(--green)!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAABdElEQVRIia3UPWsUURSH8f9GRRvtFKtIgoKggo2CYO0XsLKzsbARbNKJYGPndxEEO8VGRRvBF6xFBAkplPiyb/lZzAx7d9jE3ewcmOLOPTyc85x7bw/pKI4keZ7kUpIHQVffIwxU0e91VPHlJK+T9Or19y7Ah5N8TLJeg3eSXO9CwcNCwQCPkWWhFzE2iZ84viz4ED4X4DFuNPvLgO8XCoZ4Wu7vF3oeo0LBL5xcFnwA7wsFI9xs5+0HvFG33ih4NitvUejZAgp/sLoseAVvC7dD3NotfxHw3ZaCl+jtBT6qOn+n94CuoV8o+Fv/27WQ4E3dXh9XZyT18Kql4M7/OozJsdnBb1xoJd0uFIxqzyvzgJ+Y3KAxtrBeJ6yqJt/EEGfmmUlwDB9aVX3FCbwwPbCNeaANOKoX6UvL41axHuOd6tYtBA5OYdP0a9XECOfmhbbBUT0u26pBNjHAvUWgs8DBFdPD/ISDXYCDa/iBb3UXC0GRf9rA4qSLGyBIAAAAAElFTkSuQmCC);background-size:45%;background-position:center center;background-repeat:no-repeat;border:none}.config-check:checked:disabled,.success-check:checked:disabled{opacity:1!important}.success-check{border-radius:100%;top:13px;left:10px;transition:var(--transition);border:2px var(--offWhite) solid}.config-check{border-radius:0}.config-check:checked{background-size:10px}.icon-clear{color:var(--red);margin-top:4px}.retry{background-image:url(/assets/svgs/refresh.svg);background-size:18px;background-repeat:no-repeat;height:18px;width:18px;margin-left:5px}.copy-links-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--gapMedium)}.copy-links-container .copy-links-title{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:375px}.copy-links-container .copy-links-title .title-container{display:flex}.copy-links-container .copy-links-title .title{font-size:20px;line-height:20px}.copy-links-container .copy-links-title .subtitle{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--red)}.copy-links-container .copy-links-title .copy-icon{background-image:url(/assets/svgs/copy.svg);background-size:18px;background-repeat:no-repeat;height:20px;width:20px;margin-left:7px}.copy-links-container .copy-links{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:var(--paddingMedium);width:100%}.copy-links-container .copy-links .link-button{color:var(--subText);font-size:16px;font-weight:600;cursor:pointer}.copy-links-container .copy-links .link-button:hover{text-decoration:underline}.visibility-config-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:flex-start;gap:5px;margin-top:var(--marginMedium)}::ng-deep .creation-summary-dialog-container .form-field-content{gap:0!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader", "headerActions"], outputs: ["actionRequested"] }] }); }
 }
 export { CreationSummaryDialogComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreationSummaryDialogComponent, decorators: [{

package/esm2022/lib/features/data-table/cells/table-cell-name/table-cell-name.component.mjs ADDED Viewed

@@ -0,0 +1,33 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+class TableCellNameComponent {
+    constructor(dialogForm, router) {
+        this.dialogForm = dialogForm;
+        this.router = router;
+    }
+    agInit(params) {
+        this.cellParams = params;
+        this.item = params.data;
+    }
+    refresh(params) {
+        this.cellParams = params;
+        this.item = params.data;
+        return true;
+    }
+    linkClicked(event) {
+        this.router.navigateByUrl(`${this.cellParams.pathRoot}${this.item.id}`);
+        event.stopPropagation();
+        event.preventDefault();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCellNameComponent, deps: [{ token: i1.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableCellNameComponent, selector: "lib-table-cell-name", ngImport: i0, template: "<span class=\"cell-name-container\">\n    <a href=\"./{{cellParams.pathRoot}}{{item.id}}\" (click)=\"linkClicked($event)\">\n        <div class=\"col cell-name-renderer\" data-id=\"{{item.id}}\">\n            <div *ngIf=\"cellParams.showIdentityIcons\" class=\"cell-status-container\">\n                <span class=\"circle {{item.hasApiSession}}\" title=\"Api Session\"></span>\n                <span class=\"circle {{item.hasEdgeRouterConnection}}\" title=\"Edge Router Connected\"></span>\n            </div>\n            <div *ngIf=\"cellParams.showRouterIcons\" class=\"cell-status-container\">\n                <span class=\"circle {{item.isVerified}}\" title=\"Api Session\"></span>\n                <span class=\"circle {{item.isOnline}}\" title=\"Edge Router Connected\"></span>\n            </div>\n            <strong>{{item.name}}</strong>\n        </div>\n    </a>\n</span>\n", styles: [".cell-name-renderer{display:flex;flex-direction:row;gap:5px}.cell-name-container{display:flex;flex-direction:row;flex-wrap:nowrap}.cell-status-container{position:relative;display:flex;align-items:center;justify-content:center;gap:4px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+export { TableCellNameComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCellNameComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-table-cell-name', template: "<span class=\"cell-name-container\">\n    <a href=\"./{{cellParams.pathRoot}}{{item.id}}\" (click)=\"linkClicked($event)\">\n        <div class=\"col cell-name-renderer\" data-id=\"{{item.id}}\">\n            <div *ngIf=\"cellParams.showIdentityIcons\" class=\"cell-status-container\">\n                <span class=\"circle {{item.hasApiSession}}\" title=\"Api Session\"></span>\n                <span class=\"circle {{item.hasEdgeRouterConnection}}\" title=\"Edge Router Connected\"></span>\n            </div>\n            <div *ngIf=\"cellParams.showRouterIcons\" class=\"cell-status-container\">\n                <span class=\"circle {{item.isVerified}}\" title=\"Api Session\"></span>\n                <span class=\"circle {{item.isOnline}}\" title=\"Edge Router Connected\"></span>\n            </div>\n            <strong>{{item.name}}</strong>\n        </div>\n    </a>\n</span>\n", styles: [".cell-name-renderer{display:flex;flex-direction:row;gap:5px}.cell-name-container{display:flex;flex-direction:row;flex-wrap:nowrap}.cell-status-container{position:relative;display:flex;align-items:center;justify-content:center;gap:4px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.Router }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2VsbC1uYW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9kYXRhLXRhYmxlL2NlbGxzL3RhYmxlLWNlbGwtbmFtZS90YWJsZS1jZWxsLW5hbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2RhdGEtdGFibGUvY2VsbHMvdGFibGUtY2VsbC1uYW1lL3RhYmxlLWNlbGwtbmFtZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU0xQyxNQUthLHNCQUFzQjtJQU1qQyxZQUFtQixVQUFxQixFQUFVLE1BQWM7UUFBN0MsZUFBVSxHQUFWLFVBQVUsQ0FBVztRQUFVLFdBQU0sR0FBTixNQUFNLENBQVE7SUFDaEUsQ0FBQztJQUVELE1BQU0sQ0FBQyxNQUEyQjtRQUNoQyxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztRQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUVELE9BQU8sQ0FBQyxNQUFnQztRQUN0QyxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztRQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUN4RSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7K0dBeEJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLDJEQ1huQywwM0JBZUE7O1NESmEsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0lDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcH0gZnJvbSBcImFnLWdyaWQtYW5ndWxhclwiO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7SUNlbGxSZW5kZXJlclBhcmFtc30gZnJvbSBcImFnLWdyaWQtY29tbXVuaXR5XCI7XG5pbXBvcnQge1JvdXRlcn0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGFibGUtY2VsbC1uYW1lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLWNlbGwtbmFtZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLWNlbGwtbmFtZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlQ2VsbE5hbWVDb21wb25lbnQgIGltcGxlbWVudHMgSUNlbGxSZW5kZXJlckFuZ3VsYXJDb21wIHtcblxuICBjZWxsUGFyYW1zOiBhbnk7XG4gIGl0ZW06IGFueTtcbiAgZGlhbG9nUmVmOiBhbnk7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ0Zvcm06IE1hdERpYWxvZywgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge1xuICB9XG5cbiAgYWdJbml0KHBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtcyk6IHZvaWQge1xuICAgIHRoaXMuY2VsbFBhcmFtcyA9IHBhcmFtcztcbiAgICB0aGlzLml0ZW0gPSBwYXJhbXMuZGF0YTtcbiAgfVxuXG4gIHJlZnJlc2gocGFyYW1zOiBJQ2VsbFJlbmRlcmVyUGFyYW1zPGFueT4pOiBib29sZWFuIHtcbiAgICB0aGlzLmNlbGxQYXJhbXMgPSBwYXJhbXM7XG4gICAgdGhpcy5pdGVtID0gcGFyYW1zLmRhdGE7XG4gICAgcmV0dXJuIHRydWU7XG4gIH1cblxuICBsaW5rQ2xpY2tlZChldmVudCkge1xuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwoYCR7dGhpcy5jZWxsUGFyYW1zLnBhdGhSb290fSR7dGhpcy5pdGVtLmlkfWApO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwiY2VsbC1uYW1lLWNvbnRhaW5lclwiPlxuICAgIDxhIGhyZWY9XCIuL3t7Y2VsbFBhcmFtcy5wYXRoUm9vdH19e3tpdGVtLmlkfX1cIiAoY2xpY2spPVwibGlua0NsaWNrZWQoJGV2ZW50KVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sIGNlbGwtbmFtZS1yZW5kZXJlclwiIGRhdGEtaWQ9XCJ7e2l0ZW0uaWR9fVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImNlbGxQYXJhbXMuc2hvd0lkZW50aXR5SWNvbnNcIiBjbGFzcz1cImNlbGwtc3RhdHVzLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2lyY2xlIHt7aXRlbS5oYXNBcGlTZXNzaW9ufX1cIiB0aXRsZT1cIkFwaSBTZXNzaW9uXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2lyY2xlIHt7aXRlbS5oYXNFZGdlUm91dGVyQ29ubmVjdGlvbn19XCIgdGl0bGU9XCJFZGdlIFJvdXRlciBDb25uZWN0ZWRcIj48L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjZWxsUGFyYW1zLnNob3dSb3V0ZXJJY29uc1wiIGNsYXNzPVwiY2VsbC1zdGF0dXMtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUge3tpdGVtLmlzVmVyaWZpZWR9fVwiIHRpdGxlPVwiQXBpIFNlc3Npb25cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUge3tpdGVtLmlzT25saW5lfX1cIiB0aXRsZT1cIkVkZ2UgUm91dGVyIENvbm5lY3RlZFwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPHN0cm9uZz57e2l0ZW0ubmFtZX19PC9zdHJvbmc+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvYT5cbjwvc3Bhbj5cbiJdfQ==