@openziti/ziti-console-lib 0.5.1 → 0.6.1

package/assets/styles/ziti.css

@@ -70,8 +70,8 @@ body {
     min-height: 34px;
     border: 4px solid rgba(0, 0, 0, 0);
     background-clip: padding-box;
-    -webkit-border-radius: 7px;
-    border-radius: 7px;
+    -webkit-border-radius: var(--inputBorderRadius);
+    border-radius: var(--inputBorderRadius);
     background-color: var(--stroke);
     -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
     box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
@@ -464,9 +464,9 @@ aside .icon {
 .blurb {
     padding: 10px;
     background-color: #ffcc33;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     border-color: #cc3300;
-    border-width: 2px;
+    border-width: var(--inputBorderWidth);
     border-style: solid;
     margin-top: 8px;
 }
@@ -695,7 +695,7 @@ aside .icon {
 
 .configureBox {
     background-color: var(--stroke);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     padding: 20px;
     margin-bottom: 10px;
     position: relative;
@@ -708,7 +708,7 @@ aside .icon {
 
 .configBox {
     background-color: var(--stroke);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     padding: 20px;
     margin-bottom: 10px;
     position: relative;
@@ -721,7 +721,7 @@ aside .icon {
 .lightBox {
     color: #FFF;
     background-color: var(--menu);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     padding: 10px;
     margin-top: 10px;
     position: relative;
@@ -774,7 +774,7 @@ aside .icon {
     padding-top: 5px;
     font-size: 12px;
     padding-bottom: 5px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     color: var(--black);
     transition: var(--transition);
     z-index: 10;
@@ -1021,10 +1021,10 @@ aside .icon {
 }
 
 .selectable {
-    border-width: 2px;
+    border-width: var(--inputBorderWidth);
     border-style: solid;
     border-color: var(--menu);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     background-color: var(--menu);
     padding:0px;
     height: 130px;
@@ -1039,7 +1039,7 @@ aside .icon {
     height: 40px;
     line-height: 40px;
     padding-left: 5px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     margin-bottom: 10px;
     background-color: var(--stroke);
     cursor: pointer;
@@ -1072,7 +1072,7 @@ aside .icon {
     background-color: transparent;
     transition: var(--transition);
     line-height: 13px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
 }
 
 .docs {
@@ -1240,10 +1240,10 @@ aside .icon {
 }
 
 .tagSelect {
-    border-width: 2px;
+    border-width: var(--inputBorderWidth);
     border-style: solid;
     border-color: var(--menu);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     background-color: var(--menu);
     padding: 0px;
     height: 130px;
@@ -1434,7 +1434,7 @@ aside .icon {
     position: absolute;
     width: 150px;
     background-color: var(--menu);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     right: 0px;
     top: 20px;
     box-shadow: 0 0 0 1px var(--shadowColor), 0 8px 16px var(--shadowColor);
@@ -1492,7 +1492,7 @@ aside .icon {
 .cardStack {
     background-color: var(--primary);
     overflow: visable;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     height: 120px;
     width: 100%;
     float: left;
@@ -1600,7 +1600,7 @@ aside .icon {
     gap: 30px;
     box-shadow: 0px 0px 19px -8px rgba(0, 0, 0, 0.2);
     padding: 10px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     cursor: pointer;
     transition: 0.3s;
 }
@@ -1635,7 +1635,7 @@ aside .icon {
     height: 150px;
     position: relative;
     background-color: var(--white);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     box-sizing: var(--shadow);
     cursor: pointer;
 }
@@ -1688,8 +1688,8 @@ aside .icon {
 }
 
 .card {
-    border-radius: 7px;
-    border-width: 2px;
+    border-radius: var(--inputBorderRadius);
+    border-width: var(--inputBorderWidth);
     border-style: solid;
     border-color: var(--offWhite);
     background-color: var(--offWhite);
@@ -1787,7 +1787,7 @@ aside .icon {
 .idBox {
     width: 48%;
     margin: 6px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     background-color: var(--stroke);
     position: relative;
     display: inline-block;
@@ -1850,8 +1850,8 @@ aside .icon {
     opacity: 0.0;
     transition: var(--transition);
     background-color: #fCFCFC;
-    border-radius: 7px;
-    border-width: 2px;
+    border-radius: var(--inputBorderRadius);
+    border-width: var(--inputBorderWidth);
     border-color: var(--placeholder);
     overflow: hidden;
 }
@@ -1865,7 +1865,7 @@ aside .icon {
     position: relative;
     display: inline-block;
     cursor: pointer;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     transition: var(--transition);
 }
 
@@ -2074,7 +2074,7 @@ path.green {
     position: absolute;
     float: left;
     line-height: 30px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     margin-left: 2px;
     margin-bottom: 10px;
     margin-top: 10px;
@@ -2088,7 +2088,7 @@ path.green {
     position: relative;
     float: left;
     line-height: 30px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     margin-left: 2px;
     margin-bottom: 10px;
     margin-top: 10px;
@@ -2133,7 +2133,7 @@ path.green {
     position: relative;
     float: left;
     line-height: 30px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     margin-left: 10px;
     margin-bottom: 10px;
     transition: var(--transition);
@@ -2158,15 +2158,15 @@ path.green {
     position: relative;
     float: left;
     line-height: 30px;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     margin-left: 10px;
     margin-bottom: 10px;
     transition: var(--transition);
 }
 
 .searchSelector {
-    border-radius: 7px;
-    border-width: 2px;
+    border-radius: var(--inputBorderRadius);
+    border-width: var(--inputBorderWidth);
     border-color: var(--stroke);
     border-style: solid;
     width: 100%;
@@ -2200,8 +2200,8 @@ path.green {
     margin-top: -7px;
     margin-bottom: 10px;
     opacity: 1.0;
-    border-bottom-left-radius: 7px;
-    border-bottom-right-radius: 7px;
+    border-bottom-left-radius: var(--inputBorderRadius);
+    border-bottom-right-radius: var(--inputBorderRadius);
     background-color: rgba(0,0,0,0.6);
     padding-top: 25px;
     padding-left: 10px;
@@ -2581,7 +2581,7 @@ div:focus {
 .pod .button {
     margin-top: 10px;
     width: 100%;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     line-height: 30px;
 }
 
@@ -2897,10 +2897,10 @@ svg {
 }
 
 .list {
-    border-width: 2px;
+    border-width: var(--inputBorderWidth);
     border-style: solid;
     border-color: var(--menu);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     background-color: var(--menu);
     padding: 0px;
     height: 260px;
@@ -2912,7 +2912,7 @@ svg {
 .list .listItem {
     position: relative;
     width: 100%;
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     height: 30px;
     background-color: var(--white);
     color: var(--black);
@@ -3147,7 +3147,7 @@ button[aria-label][data-balloon-pos] {
     opacity: 0;
     background-color: var(--black);
     color: var(--white);
-    border-radius: 7px;
+    border-radius: var(--inputBorderRadius);
     padding: 20px;
     transition: var(--transition);
     margin-top: 15px;
@@ -3169,9 +3169,9 @@ button[aria-label][data-balloon-pos] {
 
 .modal .CodeMirror {
     height: 150px;
-    border-radius: 7px;
-    border-top-left-radius: 7px;
-    border-bottom-left-radius: 7px;
+    border-radius: var(--inputBorderRadius);
+    border-top-left-radius: var(--inputBorderRadius);
+    border-bottom-left-radius: var(--inputBorderRadius);
     margin-top: 10px;
 }
 

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

@@ -13,12 +13,12 @@ class CardComponent {
         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", 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"] }); }
+    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:var(--inputBorderRadius);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:var(--inputBorderRadius);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: "<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"] }]
+            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:var(--inputBorderRadius);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:var(--inputBorderRadius);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: [{

package/esm2022/lib/features/data-table/cells/table-cell-menu/table-cell-menu.component.mjs

@@ -37,11 +37,11 @@ class TableCellMenuComponent {
         this.cellParams.closeMenu(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCellMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableCellMenuComponent, selector: "app-table-cell-menu", ngImport: i0, template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div\n    (click)=\"toggleMenu($event)\"\n    *ngIf=\"enableCellMenu\"\n    attr.name=\"RowDots_{{ item.name }}\"\n    class=\"dots\"\n    id=\"RowDots_{{ item.id }}\"\n  >\n    ...\n  </div>\n</div>\n", styles: [".cell-menu-container{width:100%;height:100%;position:absolute}.cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableCellMenuComponent, selector: "app-table-cell-menu", ngImport: i0, template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div\n    (click)=\"toggleMenu($event)\"\n    *ngIf=\"enableCellMenu\"\n    attr.name=\"RowDots_{{ item.name }}\"\n    class=\"dots\"\n    id=\"RowDots_{{ item.id }}\"\n  >\n    ...\n  </div>\n</div>\n", styles: [".cell-menu-container{width:100%;height:100%;position:absolute}.cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:var(--inputBorderRadius)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
 }
 export { TableCellMenuComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCellMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-cell-menu', template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div\n    (click)=\"toggleMenu($event)\"\n    *ngIf=\"enableCellMenu\"\n    attr.name=\"RowDots_{{ item.name }}\"\n    class=\"dots\"\n    id=\"RowDots_{{ item.id }}\"\n  >\n    ...\n  </div>\n</div>\n", styles: [".cell-menu-container{width:100%;height:100%;position:absolute}.cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:7px}\n"] }]
+            args: [{ selector: 'app-table-cell-menu', template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div\n    (click)=\"toggleMenu($event)\"\n    *ngIf=\"enableCellMenu\"\n    attr.name=\"RowDots_{{ item.name }}\"\n    class=\"dots\"\n    id=\"RowDots_{{ item.id }}\"\n  >\n    ...\n  </div>\n</div>\n", styles: [".cell-menu-container{width:100%;height:100%;position:absolute}.cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:var(--inputBorderRadius)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2VsbC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9kYXRhLXRhYmxlL2NlbGxzL3RhYmxlLWNlbGwtbWVudS90YWJsZS1jZWxsLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2RhdGEtdGFibGUvY2VsbHMvdGFibGUtY2VsbC1tZW51L3RhYmxlLWNlbGwtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBR3hDLE9BQU8sQ0FBQyxNQUFNLFFBQVEsQ0FBQzs7OztBQUV2QixNQUthLHNCQUFzQjtJQUxuQztRQU1FLFNBQUksR0FBUTtZQUNWLFFBQVEsRUFBRSxLQUFLO1lBQ2YsRUFBRSxFQUFFLEVBQUU7WUFDTixJQUFJLEVBQUUsRUFBRTtZQUNSLFVBQVUsRUFBRSxFQUFFO1NBQ2YsQ0FBQztRQUVGLFNBQUksR0FBRyxLQUFLLENBQUM7S0E4QmQ7SUE1QkMsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQztJQUVyRixDQUFDO0lBRUQsTUFBTSxDQUFDLFVBQStCO1FBQ3BDLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBQzdCLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELE9BQU8sQ0FBQyxVQUErQjtRQUNyQyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUM3QixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3RDLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFLO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFO1lBQzdCLE9BQU87U0FDUjtRQUNELENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFO1lBQ1gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBSztRQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQXJDVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiwyRENWbkMsNlJBV0E7O1NERGEsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJQ2VsbFJlbmRlcmVyQW5ndWxhckNvbXB9IGZyb20gJ2FnLWdyaWQtYW5ndWxhcic7XG5pbXBvcnQge0lDZWxsUmVuZGVyZXJQYXJhbXN9IGZyb20gJ2FnLWdyaWQtY29tbXVuaXR5JztcbmltcG9ydCBfIGZyb20gJ2xvZGFzaCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC10YWJsZS1jZWxsLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUtY2VsbC1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUtY2VsbC1tZW51LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlQ2VsbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBJQ2VsbFJlbmRlcmVyQW5ndWxhckNvbXAge1xuICBpdGVtOiBhbnkgPSB7XG4gICAgc2VsZWN0ZWQ6IGZhbHNlLFxuICAgIGlkOiAnJyxcbiAgICBuYW1lOiAnJyxcbiAgICBhY3Rpb25MaXN0OiBbXSxcbiAgfTtcbiAgY2VsbFBhcmFtcztcbiAgb3BlbiA9IGZhbHNlO1xuXG4gIGdldCBlbmFibGVDZWxsTWVudSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISghdGhpcy5pdGVtIHx8ICF0aGlzLml0ZW0uYWN0aW9uTGlzdCB8fCB0aGlzLml0ZW0uYWN0aW9uTGlzdC5sZW5ndGggPT09IDApO1xuXG4gIH1cblxuICBhZ0luaXQoY2VsbFBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtcyk6IHZvaWQge1xuICAgIHRoaXMuY2VsbFBhcmFtcyA9IGNlbGxQYXJhbXM7XG4gICAgdGhpcy5pdGVtID0gXy5nZXQoY2VsbFBhcmFtcywgJ2RhdGEnKTtcbiAgfVxuXG4gIHJlZnJlc2goY2VsbFBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtcyk6IGJvb2xlYW4ge1xuICAgIHRoaXMuY2VsbFBhcmFtcyA9IGNlbGxQYXJhbXM7XG4gICAgdGhpcy5pdGVtID0gXy5nZXQoY2VsbFBhcmFtcywgJ2RhdGEnKTtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHRvZ2dsZU1lbnUoZXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY2VsbFBhcmFtcy5vcGVuTWVudSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBfLmRlZmVyKCgpID0+IHtcbiAgICAgIHRoaXMuY2VsbFBhcmFtcy5vcGVuTWVudShldmVudCwgdGhpcy5pdGVtKTtcbiAgICB9KTtcbiAgfVxuXG4gIGNsb3NlQWN0aW9uTWVudShldmVudCk6IHZvaWQge1xuICAgIHRoaXMuY2VsbFBhcmFtcy5jbG9zZU1lbnUoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IChjbGlja091dHNpZGUpPVwiY2xvc2VBY3Rpb25NZW51KCRldmVudClcIiBjbGFzcz1cImNlbGwtbWVudS1jb250YWluZXJcIj5cbiAgPGRpdlxuICAgIChjbGljayk9XCJ0b2dnbGVNZW51KCRldmVudClcIlxuICAgICpuZ0lmPVwiZW5hYmxlQ2VsbE1lbnVcIlxuICAgIGF0dHIubmFtZT1cIlJvd0RvdHNfe3sgaXRlbS5uYW1lIH19XCJcbiAgICBjbGFzcz1cImRvdHNcIlxuICAgIGlkPVwiUm93RG90c197eyBpdGVtLmlkIH19XCJcbiAgPlxuICAgIC4uLlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { isEmpty, get } from 'lodash';
+import { isEmpty, isFunction, get } from 'lodash';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
 import * as i2 from "@angular/router";
@@ -19,9 +19,18 @@ class TableCellNameComponent {
         return true;
     }
     linkClicked(event) {
-        this.router.navigateByUrl(`${this.cellParams.pathRoot}/${this.item.id}`);
         event.stopPropagation();
         event.preventDefault();
+        if (isFunction(this.cellParams?.cellNamePreCheck)) {
+            this.cellParams?.cellNamePreCheck(this.item).then((result) => {
+                if (!result) {
+                    return;
+                }
+                this.router.navigateByUrl(`${this.cellParams.pathRoot}/${this.item.id}`);
+            });
+            return;
+        }
+        this.router.navigateByUrl(`${this.cellParams.pathRoot}/${this.item.id}`);
     }
     get cellText() {
         let val = get(this.item, this.cellParams?.colDef?.field);
@@ -38,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             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>{{cellText}}</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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2VsbC1uYW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9kYXRhLXRhYmxlL2NlbGxzL3RhYmxlLWNlbGwtbmFtZS90YWJsZS1jZWxsLW5hbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2RhdGEtdGFibGUvY2VsbHMvdGFibGUtY2VsbC1uYW1lL3RhYmxlLWNlbGwtbmFtZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTTFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsR0FBRyxFQUFDLE1BQU0sUUFBUSxDQUFDOzs7OztBQUVwQyxNQUthLHNCQUFzQjtJQU1qQyxZQUFtQixVQUFxQixFQUFVLE1BQWM7UUFBN0MsZUFBVSxHQUFWLFVBQVUsQ0FBVztRQUFVLFdBQU0sR0FBTixNQUFNLENBQVE7SUFDaEUsQ0FBQztJQUVELE1BQU0sQ0FBQyxNQUEyQjtRQUNoQyxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztRQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUVELE9BQU8sQ0FBQyxNQUFnQztRQUN0QyxJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztRQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUN6RSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixJQUFJLEdBQUcsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUN6RCxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNoQixHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7U0FDdEI7UUFDRCxPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7K0dBaENVLHNCQUFzQjttR0FBdEIsc0JBQXNCLDJEQ2JuQywwM0JBZUE7O1NERmEsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0lDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcH0gZnJvbSBcImFnLWdyaWQtYW5ndWxhclwiO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7SUNlbGxSZW5kZXJlclBhcmFtc30gZnJvbSBcImFnLWdyaWQtY29tbXVuaXR5XCI7XG5pbXBvcnQge1JvdXRlcn0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xuXG5pbXBvcnQge2lzRW1wdHksIGdldH0gZnJvbSAnbG9kYXNoJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXRhYmxlLWNlbGwtbmFtZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1jZWxsLW5hbWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1jZWxsLW5hbWUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNlbGxOYW1lQ29tcG9uZW50ICBpbXBsZW1lbnRzIElDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcCB7XG5cbiAgY2VsbFBhcmFtczogYW55O1xuICBpdGVtOiBhbnk7XG4gIGRpYWxvZ1JlZjogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2dGb3JtOiBNYXREaWFsb2csIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHtcbiAgfVxuXG4gIGFnSW5pdChwYXJhbXM6IElDZWxsUmVuZGVyZXJQYXJhbXMpOiB2b2lkIHtcbiAgICB0aGlzLmNlbGxQYXJhbXMgPSBwYXJhbXM7XG4gICAgdGhpcy5pdGVtID0gcGFyYW1zLmRhdGE7XG4gIH1cblxuICByZWZyZXNoKHBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtczxhbnk+KTogYm9vbGVhbiB7XG4gICAgdGhpcy5jZWxsUGFyYW1zID0gcGFyYW1zO1xuICAgIHRoaXMuaXRlbSA9IHBhcmFtcy5kYXRhO1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgbGlua0NsaWNrZWQoZXZlbnQpIHtcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKGAke3RoaXMuY2VsbFBhcmFtcy5wYXRoUm9vdH0vJHt0aGlzLml0ZW0uaWR9YCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIGdldCBjZWxsVGV4dCgpIHtcbiAgICBsZXQgdmFsID0gZ2V0KHRoaXMuaXRlbSwgdGhpcy5jZWxsUGFyYW1zPy5jb2xEZWY/LmZpZWxkKTtcbiAgICBpZiAoaXNFbXB0eSh2YWwpKSB7XG4gICAgICB2YWwgPSB0aGlzLml0ZW0ubmFtZTtcbiAgICB9XG4gICAgcmV0dXJuIHZhbDtcbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJjZWxsLW5hbWUtY29udGFpbmVyXCI+XG4gICAgPGEgaHJlZj1cIi4ve3tjZWxsUGFyYW1zLnBhdGhSb290fX0ve3tpdGVtLmlkfX1cIiAoY2xpY2spPVwibGlua0NsaWNrZWQoJGV2ZW50KVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sIGNlbGwtbmFtZS1yZW5kZXJlclwiIGRhdGEtaWQ9XCJ7e2l0ZW0uaWR9fVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImNlbGxQYXJhbXMuc2hvd0lkZW50aXR5SWNvbnNcIiBjbGFzcz1cImNlbGwtc3RhdHVzLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2lyY2xlIHt7aXRlbS5oYXNBcGlTZXNzaW9ufX1cIiB0aXRsZT1cIkFwaSBTZXNzaW9uXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2lyY2xlIHt7aXRlbS5oYXNFZGdlUm91dGVyQ29ubmVjdGlvbn19XCIgdGl0bGU9XCJFZGdlIFJvdXRlciBDb25uZWN0ZWRcIj48L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjZWxsUGFyYW1zLnNob3dSb3V0ZXJJY29uc1wiIGNsYXNzPVwiY2VsbC1zdGF0dXMtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUge3tpdGVtLmlzVmVyaWZpZWR9fVwiIHRpdGxlPVwiQXBpIFNlc3Npb25cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUge3tpdGVtLmlzT25saW5lfX1cIiB0aXRsZT1cIkVkZ2UgUm91dGVyIENvbm5lY3RlZFwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPHN0cm9uZz57e2NlbGxUZXh0fX08L3N0cm9uZz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9hPlxuPC9zcGFuPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2VsbC1uYW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9kYXRhLXRhYmxlL2NlbGxzL3RhYmxlLWNlbGwtbmFtZS90YWJsZS1jZWxsLW5hbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2RhdGEtdGFibGUvY2VsbHMvdGFibGUtY2VsbC1uYW1lL3RhYmxlLWNlbGwtbmFtZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTTFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBQyxNQUFNLFFBQVEsQ0FBQzs7Ozs7QUFFaEQsTUFLYSxzQkFBc0I7SUFNakMsWUFBbUIsVUFBcUIsRUFBVSxNQUFjO1FBQTdDLGVBQVUsR0FBVixVQUFVLENBQVc7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO0lBQ2hFLENBQUM7SUFFRCxNQUFNLENBQUMsTUFBMkI7UUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUM7UUFDekIsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFRCxPQUFPLENBQUMsTUFBZ0M7UUFDdEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUM7UUFDekIsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDO1FBQ3hCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFLO1FBQ2YsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGdCQUFnQixDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLFVBQVUsRUFBRSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7Z0JBQzNELElBQUksQ0FBQyxNQUFNLEVBQUU7b0JBQ1gsT0FBTztpQkFDUjtnQkFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUMzRSxDQUFDLENBQUMsQ0FBQTtZQUNGLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixJQUFJLEdBQUcsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUN6RCxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNoQixHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7U0FDdEI7UUFDRCxPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7K0dBekNVLHNCQUFzQjttR0FBdEIsc0JBQXNCLDJEQ2JuQywwM0JBZUE7O1NERmEsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0lDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcH0gZnJvbSBcImFnLWdyaWQtYW5ndWxhclwiO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7SUNlbGxSZW5kZXJlclBhcmFtc30gZnJvbSBcImFnLWdyaWQtY29tbXVuaXR5XCI7XG5pbXBvcnQge1JvdXRlcn0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xuXG5pbXBvcnQge2lzRW1wdHksIGlzRnVuY3Rpb24sIGdldH0gZnJvbSAnbG9kYXNoJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXRhYmxlLWNlbGwtbmFtZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1jZWxsLW5hbWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1jZWxsLW5hbWUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNlbGxOYW1lQ29tcG9uZW50ICBpbXBsZW1lbnRzIElDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcCB7XG5cbiAgY2VsbFBhcmFtczogYW55O1xuICBpdGVtOiBhbnk7XG4gIGRpYWxvZ1JlZjogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2dGb3JtOiBNYXREaWFsb2csIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHtcbiAgfVxuXG4gIGFnSW5pdChwYXJhbXM6IElDZWxsUmVuZGVyZXJQYXJhbXMpOiB2b2lkIHtcbiAgICB0aGlzLmNlbGxQYXJhbXMgPSBwYXJhbXM7XG4gICAgdGhpcy5pdGVtID0gcGFyYW1zLmRhdGE7XG4gIH1cblxuICByZWZyZXNoKHBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtczxhbnk+KTogYm9vbGVhbiB7XG4gICAgdGhpcy5jZWxsUGFyYW1zID0gcGFyYW1zO1xuICAgIHRoaXMuaXRlbSA9IHBhcmFtcy5kYXRhO1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgbGlua0NsaWNrZWQoZXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmIChpc0Z1bmN0aW9uKHRoaXMuY2VsbFBhcmFtcz8uY2VsbE5hbWVQcmVDaGVjaykpIHtcbiAgICAgIHRoaXMuY2VsbFBhcmFtcz8uY2VsbE5hbWVQcmVDaGVjayh0aGlzLml0ZW0pLnRoZW4oKHJlc3VsdCkgPT4ge1xuICAgICAgICBpZiAoIXJlc3VsdCkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKGAke3RoaXMuY2VsbFBhcmFtcy5wYXRoUm9vdH0vJHt0aGlzLml0ZW0uaWR9YCk7XG4gICAgICB9KVxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKGAke3RoaXMuY2VsbFBhcmFtcy5wYXRoUm9vdH0vJHt0aGlzLml0ZW0uaWR9YCk7XG4gIH1cblxuICBnZXQgY2VsbFRleHQoKSB7XG4gICAgbGV0IHZhbCA9IGdldCh0aGlzLml0ZW0sIHRoaXMuY2VsbFBhcmFtcz8uY29sRGVmPy5maWVsZCk7XG4gICAgaWYgKGlzRW1wdHkodmFsKSkge1xuICAgICAgdmFsID0gdGhpcy5pdGVtLm5hbWU7XG4gICAgfVxuICAgIHJldHVybiB2YWw7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwiY2VsbC1uYW1lLWNvbnRhaW5lclwiPlxuICAgIDxhIGhyZWY9XCIuL3t7Y2VsbFBhcmFtcy5wYXRoUm9vdH19L3t7aXRlbS5pZH19XCIgKGNsaWNrKT1cImxpbmtDbGlja2VkKCRldmVudClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbCBjZWxsLW5hbWUtcmVuZGVyZXJcIiBkYXRhLWlkPVwie3tpdGVtLmlkfX1cIj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjZWxsUGFyYW1zLnNob3dJZGVudGl0eUljb25zXCIgY2xhc3M9XCJjZWxsLXN0YXR1cy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNpcmNsZSB7e2l0ZW0uaGFzQXBpU2Vzc2lvbn19XCIgdGl0bGU9XCJBcGkgU2Vzc2lvblwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNpcmNsZSB7e2l0ZW0uaGFzRWRnZVJvdXRlckNvbm5lY3Rpb259fVwiIHRpdGxlPVwiRWRnZSBSb3V0ZXIgQ29ubmVjdGVkXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY2VsbFBhcmFtcy5zaG93Um91dGVySWNvbnNcIiBjbGFzcz1cImNlbGwtc3RhdHVzLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2lyY2xlIHt7aXRlbS5pc1ZlcmlmaWVkfX1cIiB0aXRsZT1cIkFwaSBTZXNzaW9uXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2lyY2xlIHt7aXRlbS5pc09ubGluZX19XCIgdGl0bGU9XCJFZGdlIFJvdXRlciBDb25uZWN0ZWRcIj48L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxzdHJvbmc+e3tjZWxsVGV4dH19PC9zdHJvbmc+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvYT5cbjwvc3Bhbj5cbiJdfQ==

package/esm2022/lib/features/data-table/column-headers/table-column-default/table-column-default.component.mjs

@@ -256,12 +256,12 @@ class TableColumnDefaultComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableColumnDefaultComponent, deps: [{ token: i1.DataTableFilterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableColumnDefaultComponent, selector: "app-table-column-default", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }], ngImport: i0, template: "<div\n  (click)=\"sort($event)\"\n  [ngClass]=\"{ 'nf-can-sort': enableSorting }\"\n  class=\"ag-cell-label-container ag-header-cell-sorted-none\"\n  id=\"TableHeaderContainer_{{ columnDef.colId }}\"\n>\n    <span\n      #menuButton\n      (click)=\"openGridMenu()\"\n      *ngIf=\"false\"\n      class=\"ag-header-icon ag-header-cell-menu-button\"\n      id=\"HeaderMenu_{{ columnDef.colId }}\"\n      ref=\"eMenu\"\n    >\n        <span class=\"ag-icon ag-icon-menu\" unselectable=\"on\"></span>\n    </span>\n  <span\n    (click)=\"pin()\"\n    class=\"ag-header-icon ag-header-col-pin-button\"\n    id=\"HeaderPin_{{ columnDef.colId }}\"\n    title=\"{{ pinned ? 'Unpin Column' : 'Pin Column' }}\"\n  >\n        <span class=\"ag-icon ag-icon-pin\"></span>\n    </span>\n  <span\n    (click)=\"hide()\"\n    class=\"ag-header-icon ag-header-col-hide-button\"\n    id=\"HeaderHide_{{ columnDef.colId }}\"\n    title=\"Hide Column\"\n  >\n        <span class=\"ag-icon ag-icon-eye-slash\"></span>\n    </span>\n  <div class=\"ag-header-cell-label\" ref=\"eLabel\" unselectable=\"on\">\n        <span\n          *ngIf=\"!headerParams.filterType\"\n          [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n          class=\"ag-header-icon ag-header-col-filter-button\"\n          id=\"HeaderFilterSpacer_{{ columnDef.colId }}\"\n        >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterSpace_{{ columnDef.colId }}\" style=\"opacity: 0\"></span>\n        </span>\n    <span\n      (click)=\"toggleFilter($event)\"\n      *ngIf=\"headerParams.filterType\"\n      [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n      class=\"ag-header-icon ag-header-col-filter-button\"\n      id=\"HeaderFilterButton_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterIcon_{{ columnDef.colId }}\"></span>\n        </span>\n    <div\n      (clickOutside)=\"hideFilter($event)\"\n      [ngClass]=\"{ 'show-input-filter': showFilter }\"\n      class=\"header-text-container text-input-filter\"\n    >\n            <span\n              (click)=\"toggleSecondaryFilter($event)\"\n              *ngIf=\"showBubble\"\n              [ngClass]=\"statusClass\"\n              class=\"bubble\"\n              id=\"HeaderStatus_{{ columnDef.colId }}\"\n            >\n                <svg *ngIf=\"showLoader\" class=\"circular\" viewBox=\"25 25 50 50\">\n                    <circle\n                      class=\"path\"\n                      cx=\"50\"\n                      cy=\"50\"\n                      fill=\"none\"\n                      r=\"20\"\n                      stroke-miterlimit=\"10\"\n                      stroke-width=\"3\"\n                    ></circle>\n                </svg>\n            </span>\n      <app-table-column-filter\n        *ngIf=\"((showFilter || comboActive) && !(filterType === 'COMBO' && !comboActive)) && filterType !== 'SELECT' && filterType !== 'CUSTOM'\"\n        [columnDef]=\"columnDef\"\n        [filterName]=\"headerName\"\n        [filterString]=\"''\"\n        [openStatusMenu]=\"toggleSecondaryFilter.bind(this)\"\n        [type]=\"filterType\"\n      ></app-table-column-filter>\n      <span\n        *ngIf=\"((!showFilter && !comboActive) || (filterType === 'COMBO' && !comboActive)) || filterType === 'SELECT' || filterType === 'CUSTOM'\"\n        [title]=\"headerName\"\n        class=\"ag-header-cell-text\"\n        id=\"HeaderName_{{ columnDef.colId }}\"\n        unselectable=\"on\"\n      >{{ headerName }}</span\n      >\n    </div>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'desc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-ascending-icon\"\n      id=\"HeaderSortAsc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-asc\" unselectable=\"on\"></span>\n        </span>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'asc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-descending-icon\"\n      id=\"HeaderSortDesc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-desc\" unselectable=\"on\"></span>\n        </span>\n  </div>\n</div>\n", styles: [".ag-header-sort-click-space{display:flex;height:100%;position:relative;width:100%}.ag-header-col-filter-button.ag-filter-applied{opacity:1!important}.Online,.v7Online,.v7Offline{margin-right:8px!important;height:14px!important;width:14px!important}.Online:hover,.v7Online:hover,.v7Offline:hover{border-color:var(--primaryColor)!important;border-style:solid;border-width:2px;height:10px!important;width:10px!important}.header-text-container{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.text-input-filter{display:flex;flex-direction:row;align-items:center}.text-input-filter .bubble{margin-top:8px;margin-left:1px;margin-right:8px;width:14px;height:14px;flex-shrink:0}.ag-header-col-filter-button{margin-top:8px}.ag-header-cell-text{margin-top:2px;width:100%}.ag-header-cell-label .ag-sort-descending-icon{margin-top:20px!important}.show-input-filter{width:100%}.filterButton{background-image:none}.filterButton .options{position:fixed}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: i4.TableColumnFilterComponent, selector: "app-table-column-filter", inputs: ["type", "filterString", "filterName", "columnDef", "openStatusMenu", "dateFilter"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableColumnDefaultComponent, selector: "app-table-column-default", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }], ngImport: i0, template: "<div\n  (click)=\"sort($event)\"\n  [ngClass]=\"{ 'nf-can-sort': enableSorting }\"\n  class=\"ag-cell-label-container ag-header-cell-sorted-none\"\n  id=\"TableHeaderContainer_{{ columnDef.colId }}\"\n>\n    <span\n      #menuButton\n      (click)=\"openGridMenu()\"\n      *ngIf=\"false\"\n      class=\"ag-header-icon ag-header-cell-menu-button\"\n      id=\"HeaderMenu_{{ columnDef.colId }}\"\n      ref=\"eMenu\"\n    >\n        <span class=\"ag-icon ag-icon-menu\" unselectable=\"on\"></span>\n    </span>\n  <span\n    (click)=\"pin()\"\n    class=\"ag-header-icon ag-header-col-pin-button\"\n    id=\"HeaderPin_{{ columnDef.colId }}\"\n    title=\"{{ pinned ? 'Unpin Column' : 'Pin Column' }}\"\n  >\n        <span class=\"ag-icon ag-icon-pin\"></span>\n    </span>\n  <span\n    (click)=\"hide()\"\n    class=\"ag-header-icon ag-header-col-hide-button\"\n    id=\"HeaderHide_{{ columnDef.colId }}\"\n    title=\"Hide Column\"\n  >\n        <span class=\"ag-icon ag-icon-eye-slash\"></span>\n    </span>\n  <div class=\"ag-header-cell-label\" ref=\"eLabel\" unselectable=\"on\">\n        <span\n          *ngIf=\"!headerParams.filterType\"\n          [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n          class=\"ag-header-icon ag-header-col-filter-button\"\n          id=\"HeaderFilterSpacer_{{ columnDef.colId }}\"\n        >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterSpace_{{ columnDef.colId }}\" style=\"opacity: 0\"></span>\n        </span>\n    <span\n      (click)=\"toggleFilter($event)\"\n      *ngIf=\"headerParams.filterType\"\n      [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n      class=\"ag-header-icon ag-header-col-filter-button\"\n      id=\"HeaderFilterButton_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterIcon_{{ columnDef.colId }}\"></span>\n        </span>\n    <div\n      (clickOutside)=\"hideFilter($event)\"\n      [ngClass]=\"{ 'show-input-filter': showFilter }\"\n      class=\"header-text-container text-input-filter\"\n    >\n            <span\n              (click)=\"toggleSecondaryFilter($event)\"\n              *ngIf=\"showBubble\"\n              [ngClass]=\"statusClass\"\n              class=\"bubble\"\n              id=\"HeaderStatus_{{ columnDef.colId }}\"\n            >\n                <svg *ngIf=\"showLoader\" class=\"circular\" viewBox=\"25 25 50 50\">\n                    <circle\n                      class=\"path\"\n                      cx=\"50\"\n                      cy=\"50\"\n                      fill=\"none\"\n                      r=\"20\"\n                      stroke-miterlimit=\"10\"\n                      stroke-width=\"3\"\n                    ></circle>\n                </svg>\n            </span>\n      <app-table-column-filter\n        *ngIf=\"((showFilter || comboActive) && !(filterType === 'COMBO' && !comboActive)) && filterType !== 'SELECT' && filterType !== 'CUSTOM'\"\n        [columnDef]=\"columnDef\"\n        [filterName]=\"headerName\"\n        [filterString]=\"''\"\n        [openStatusMenu]=\"toggleSecondaryFilter.bind(this)\"\n        [type]=\"filterType\"\n      ></app-table-column-filter>\n      <span\n        *ngIf=\"((!showFilter && !comboActive) || (filterType === 'COMBO' && !comboActive)) || filterType === 'SELECT' || filterType === 'CUSTOM'\"\n        [title]=\"headerName\"\n        class=\"ag-header-cell-text\"\n        id=\"HeaderName_{{ columnDef.colId }}\"\n        unselectable=\"on\"\n      >{{ headerName }}</span\n      >\n    </div>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'desc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-ascending-icon\"\n      id=\"HeaderSortAsc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-asc\" unselectable=\"on\"></span>\n        </span>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'asc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-descending-icon\"\n      id=\"HeaderSortDesc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-desc\" unselectable=\"on\"></span>\n        </span>\n  </div>\n</div>\n", styles: [".ag-header-sort-click-space{display:flex;height:100%;position:relative;width:100%}.ag-header-col-filter-button.ag-filter-applied{opacity:1!important}.Online,.v7Online,.v7Offline{margin-right:8px!important;height:14px!important;width:14px!important}.Online:hover,.v7Online:hover,.v7Offline:hover{border-color:var(--primaryColor)!important;border-style:solid;border-width:var(--inputBorderWidth);height:10px!important;width:10px!important}.header-text-container{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.text-input-filter{display:flex;flex-direction:row;align-items:center}.text-input-filter .bubble{margin-top:8px;margin-left:1px;margin-right:8px;width:14px;height:14px;flex-shrink:0}.ag-header-col-filter-button{margin-top:8px}.ag-header-cell-text{margin-top:2px;width:100%}.ag-header-cell-label .ag-sort-descending-icon{margin-top:20px!important}.show-input-filter{width:100%}.filterButton{background-image:none}.filterButton .options{position:fixed}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: i4.TableColumnFilterComponent, selector: "app-table-column-filter", inputs: ["type", "filterString", "filterName", "columnDef", "openStatusMenu", "dateFilter"] }] }); }
 }
 export { TableColumnDefaultComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableColumnDefaultComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-column-default', template: "<div\n  (click)=\"sort($event)\"\n  [ngClass]=\"{ 'nf-can-sort': enableSorting }\"\n  class=\"ag-cell-label-container ag-header-cell-sorted-none\"\n  id=\"TableHeaderContainer_{{ columnDef.colId }}\"\n>\n    <span\n      #menuButton\n      (click)=\"openGridMenu()\"\n      *ngIf=\"false\"\n      class=\"ag-header-icon ag-header-cell-menu-button\"\n      id=\"HeaderMenu_{{ columnDef.colId }}\"\n      ref=\"eMenu\"\n    >\n        <span class=\"ag-icon ag-icon-menu\" unselectable=\"on\"></span>\n    </span>\n  <span\n    (click)=\"pin()\"\n    class=\"ag-header-icon ag-header-col-pin-button\"\n    id=\"HeaderPin_{{ columnDef.colId }}\"\n    title=\"{{ pinned ? 'Unpin Column' : 'Pin Column' }}\"\n  >\n        <span class=\"ag-icon ag-icon-pin\"></span>\n    </span>\n  <span\n    (click)=\"hide()\"\n    class=\"ag-header-icon ag-header-col-hide-button\"\n    id=\"HeaderHide_{{ columnDef.colId }}\"\n    title=\"Hide Column\"\n  >\n        <span class=\"ag-icon ag-icon-eye-slash\"></span>\n    </span>\n  <div class=\"ag-header-cell-label\" ref=\"eLabel\" unselectable=\"on\">\n        <span\n          *ngIf=\"!headerParams.filterType\"\n          [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n          class=\"ag-header-icon ag-header-col-filter-button\"\n          id=\"HeaderFilterSpacer_{{ columnDef.colId }}\"\n        >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterSpace_{{ columnDef.colId }}\" style=\"opacity: 0\"></span>\n        </span>\n    <span\n      (click)=\"toggleFilter($event)\"\n      *ngIf=\"headerParams.filterType\"\n      [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n      class=\"ag-header-icon ag-header-col-filter-button\"\n      id=\"HeaderFilterButton_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterIcon_{{ columnDef.colId }}\"></span>\n        </span>\n    <div\n      (clickOutside)=\"hideFilter($event)\"\n      [ngClass]=\"{ 'show-input-filter': showFilter }\"\n      class=\"header-text-container text-input-filter\"\n    >\n            <span\n              (click)=\"toggleSecondaryFilter($event)\"\n              *ngIf=\"showBubble\"\n              [ngClass]=\"statusClass\"\n              class=\"bubble\"\n              id=\"HeaderStatus_{{ columnDef.colId }}\"\n            >\n                <svg *ngIf=\"showLoader\" class=\"circular\" viewBox=\"25 25 50 50\">\n                    <circle\n                      class=\"path\"\n                      cx=\"50\"\n                      cy=\"50\"\n                      fill=\"none\"\n                      r=\"20\"\n                      stroke-miterlimit=\"10\"\n                      stroke-width=\"3\"\n                    ></circle>\n                </svg>\n            </span>\n      <app-table-column-filter\n        *ngIf=\"((showFilter || comboActive) && !(filterType === 'COMBO' && !comboActive)) && filterType !== 'SELECT' && filterType !== 'CUSTOM'\"\n        [columnDef]=\"columnDef\"\n        [filterName]=\"headerName\"\n        [filterString]=\"''\"\n        [openStatusMenu]=\"toggleSecondaryFilter.bind(this)\"\n        [type]=\"filterType\"\n      ></app-table-column-filter>\n      <span\n        *ngIf=\"((!showFilter && !comboActive) || (filterType === 'COMBO' && !comboActive)) || filterType === 'SELECT' || filterType === 'CUSTOM'\"\n        [title]=\"headerName\"\n        class=\"ag-header-cell-text\"\n        id=\"HeaderName_{{ columnDef.colId }}\"\n        unselectable=\"on\"\n      >{{ headerName }}</span\n      >\n    </div>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'desc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-ascending-icon\"\n      id=\"HeaderSortAsc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-asc\" unselectable=\"on\"></span>\n        </span>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'asc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-descending-icon\"\n      id=\"HeaderSortDesc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-desc\" unselectable=\"on\"></span>\n        </span>\n  </div>\n</div>\n", styles: [".ag-header-sort-click-space{display:flex;height:100%;position:relative;width:100%}.ag-header-col-filter-button.ag-filter-applied{opacity:1!important}.Online,.v7Online,.v7Offline{margin-right:8px!important;height:14px!important;width:14px!important}.Online:hover,.v7Online:hover,.v7Offline:hover{border-color:var(--primaryColor)!important;border-style:solid;border-width:2px;height:10px!important;width:10px!important}.header-text-container{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.text-input-filter{display:flex;flex-direction:row;align-items:center}.text-input-filter .bubble{margin-top:8px;margin-left:1px;margin-right:8px;width:14px;height:14px;flex-shrink:0}.ag-header-col-filter-button{margin-top:8px}.ag-header-cell-text{margin-top:2px;width:100%}.ag-header-cell-label .ag-sort-descending-icon{margin-top:20px!important}.show-input-filter{width:100%}.filterButton{background-image:none}.filterButton .options{position:fixed}\n"] }]
+            args: [{ selector: 'app-table-column-default', template: "<div\n  (click)=\"sort($event)\"\n  [ngClass]=\"{ 'nf-can-sort': enableSorting }\"\n  class=\"ag-cell-label-container ag-header-cell-sorted-none\"\n  id=\"TableHeaderContainer_{{ columnDef.colId }}\"\n>\n    <span\n      #menuButton\n      (click)=\"openGridMenu()\"\n      *ngIf=\"false\"\n      class=\"ag-header-icon ag-header-cell-menu-button\"\n      id=\"HeaderMenu_{{ columnDef.colId }}\"\n      ref=\"eMenu\"\n    >\n        <span class=\"ag-icon ag-icon-menu\" unselectable=\"on\"></span>\n    </span>\n  <span\n    (click)=\"pin()\"\n    class=\"ag-header-icon ag-header-col-pin-button\"\n    id=\"HeaderPin_{{ columnDef.colId }}\"\n    title=\"{{ pinned ? 'Unpin Column' : 'Pin Column' }}\"\n  >\n        <span class=\"ag-icon ag-icon-pin\"></span>\n    </span>\n  <span\n    (click)=\"hide()\"\n    class=\"ag-header-icon ag-header-col-hide-button\"\n    id=\"HeaderHide_{{ columnDef.colId }}\"\n    title=\"Hide Column\"\n  >\n        <span class=\"ag-icon ag-icon-eye-slash\"></span>\n    </span>\n  <div class=\"ag-header-cell-label\" ref=\"eLabel\" unselectable=\"on\">\n        <span\n          *ngIf=\"!headerParams.filterType\"\n          [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n          class=\"ag-header-icon ag-header-col-filter-button\"\n          id=\"HeaderFilterSpacer_{{ columnDef.colId }}\"\n        >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterSpace_{{ columnDef.colId }}\" style=\"opacity: 0\"></span>\n        </span>\n    <span\n      (click)=\"toggleFilter($event)\"\n      *ngIf=\"headerParams.filterType\"\n      [ngClass]=\"{ 'ag-filter-applied': filterApplied }\"\n      class=\"ag-header-icon ag-header-col-filter-button\"\n      id=\"HeaderFilterButton_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-filter\" id=\"HeaderFilterIcon_{{ columnDef.colId }}\"></span>\n        </span>\n    <div\n      (clickOutside)=\"hideFilter($event)\"\n      [ngClass]=\"{ 'show-input-filter': showFilter }\"\n      class=\"header-text-container text-input-filter\"\n    >\n            <span\n              (click)=\"toggleSecondaryFilter($event)\"\n              *ngIf=\"showBubble\"\n              [ngClass]=\"statusClass\"\n              class=\"bubble\"\n              id=\"HeaderStatus_{{ columnDef.colId }}\"\n            >\n                <svg *ngIf=\"showLoader\" class=\"circular\" viewBox=\"25 25 50 50\">\n                    <circle\n                      class=\"path\"\n                      cx=\"50\"\n                      cy=\"50\"\n                      fill=\"none\"\n                      r=\"20\"\n                      stroke-miterlimit=\"10\"\n                      stroke-width=\"3\"\n                    ></circle>\n                </svg>\n            </span>\n      <app-table-column-filter\n        *ngIf=\"((showFilter || comboActive) && !(filterType === 'COMBO' && !comboActive)) && filterType !== 'SELECT' && filterType !== 'CUSTOM'\"\n        [columnDef]=\"columnDef\"\n        [filterName]=\"headerName\"\n        [filterString]=\"''\"\n        [openStatusMenu]=\"toggleSecondaryFilter.bind(this)\"\n        [type]=\"filterType\"\n      ></app-table-column-filter>\n      <span\n        *ngIf=\"((!showFilter && !comboActive) || (filterType === 'COMBO' && !comboActive)) || filterType === 'SELECT' || filterType === 'CUSTOM'\"\n        [title]=\"headerName\"\n        class=\"ag-header-cell-text\"\n        id=\"HeaderName_{{ columnDef.colId }}\"\n        unselectable=\"on\"\n      >{{ headerName }}</span\n      >\n    </div>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'desc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-ascending-icon\"\n      id=\"HeaderSortAsc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-asc\" unselectable=\"on\"></span>\n        </span>\n    <span\n      *ngIf=\"enableSorting && !showFilter\"\n      [ngClass]=\"{ 'ag-hidden': sortDir !== 'asc' }\"\n      class=\"ag-header-icon ag-header-label-icon ag-sort-descending-icon\"\n      id=\"HeaderSortDesc_{{ columnDef.colId }}\"\n    >\n            <span class=\"ag-icon ag-icon-desc\" unselectable=\"on\"></span>\n        </span>\n  </div>\n</div>\n", styles: [".ag-header-sort-click-space{display:flex;height:100%;position:relative;width:100%}.ag-header-col-filter-button.ag-filter-applied{opacity:1!important}.Online,.v7Online,.v7Offline{margin-right:8px!important;height:14px!important;width:14px!important}.Online:hover,.v7Online:hover,.v7Offline:hover{border-color:var(--primaryColor)!important;border-style:solid;border-width:var(--inputBorderWidth);height:10px!important;width:10px!important}.header-text-container{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.text-input-filter{display:flex;flex-direction:row;align-items:center}.text-input-filter .bubble{margin-top:8px;margin-left:1px;margin-right:8px;width:14px;height:14px;flex-shrink:0}.ag-header-col-filter-button{margin-top:8px}.ag-header-cell-text{margin-top:2px;width:100%}.ag-header-cell-label .ag-sort-descending-icon{margin-top:20px!important}.show-input-filter{width:100%}.filterButton{background-image:none}.filterButton .options{position:fixed}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DataTableFilterService }]; }, propDecorators: { menuButton: [{
                 type: ViewChild,
                 args: ['menuButton']

package/esm2022/lib/features/data-table/column-headers/table-column-menu/table-column-menu.component.mjs

@@ -28,11 +28,11 @@ class TableColumnMenuComponent {
         this.headerParams.closeMenu(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableColumnMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableColumnMenuComponent, selector: "app-table-column-menu", ngImport: i0, template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"Dots_Bulk\">\n    <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"HeaderRowDots\">...</div>\n  </div>\n</div>", styles: [".cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:7px}\n"], dependencies: [{ kind: "directive", type: i1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableColumnMenuComponent, selector: "app-table-column-menu", ngImport: i0, template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"Dots_Bulk\">\n    <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"HeaderRowDots\">...</div>\n  </div>\n</div>", styles: [".cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:var(--inputBorderRadius)}\n"], dependencies: [{ kind: "directive", type: i1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
 }
 export { TableColumnMenuComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableColumnMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-column-menu', template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"Dots_Bulk\">\n    <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"HeaderRowDots\">...</div>\n  </div>\n</div>", styles: [".cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:7px}\n"] }]
+            args: [{ selector: 'app-table-column-menu', template: "<div (clickOutside)=\"closeActionMenu($event)\" class=\"cell-menu-container\">\n  <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"Dots_Bulk\">\n    <div (click)=\"toggleMenu($event)\" class=\"dots\" id=\"HeaderRowDots\">...</div>\n  </div>\n</div>", styles: [".cell-menu-container .dots{width:30px;right:10px;height:30px;position:absolute;top:10px;font-size:24px;text-align:center;cursor:pointer;background-color:transparent;transition:var(--transition);line-height:13px;border-radius:var(--inputBorderRadius)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY29sdW1uLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2RhdGEtdGFibGUvY29sdW1uLWhlYWRlcnMvdGFibGUtY29sdW1uLW1lbnUvdGFibGUtY29sdW1uLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2RhdGEtdGFibGUvY29sdW1uLWhlYWRlcnMvdGFibGUtY29sdW1uLW1lbnUvdGFibGUtY29sdW1uLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUd4QyxPQUFPLENBQUMsTUFBTSxRQUFRLENBQUM7OztBQUV2QixNQUthLHdCQUF3QjtJQUxyQztRQU1FLFNBQUksR0FBRztZQUNMLFFBQVEsRUFBRSxLQUFLO1lBQ2YsRUFBRSxFQUFFLEVBQUU7WUFDTixVQUFVLEVBQUUsRUFBRTtTQUNmLENBQUM7UUFFRixTQUFJLEdBQUcsS0FBSyxDQUFDO0tBcUJkO0lBbkJDLE1BQU0sQ0FBQyxZQUEyQjtRQUNoQyxJQUFJLENBQUMsWUFBWSxHQUFHLFlBQVksQ0FBQztRQUNqQyxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxPQUFPLENBQUMsWUFBMkI7UUFDakMsSUFBSSxDQUFDLFlBQVksR0FBRyxZQUFZLENBQUM7UUFDakMsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQUs7UUFDZCxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRTtZQUNYLElBQUksQ0FBQyxZQUFZLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFLO1FBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7K0dBM0JVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDZEQ1ZyQyxpUUFJTTs7U0RNTyx3QkFBd0I7NEZBQXhCLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0lIZWFkZXJBbmd1bGFyQ29tcH0gZnJvbSAnYWctZ3JpZC1hbmd1bGFyJztcbmltcG9ydCB7SUhlYWRlclBhcmFtc30gZnJvbSAnYWctZ3JpZC1jb21tdW5pdHknO1xuaW1wb3J0IF8gZnJvbSAnbG9kYXNoJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXRhYmxlLWNvbHVtbi1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLWNvbHVtbi1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUtY29sdW1uLW1lbnUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb2x1bW5NZW51Q29tcG9uZW50IGltcGxlbWVudHMgSUhlYWRlckFuZ3VsYXJDb21wIHtcbiAgaXRlbSA9IHtcbiAgICBzZWxlY3RlZDogZmFsc2UsXG4gICAgaWQ6ICcnLFxuICAgIGFjdGlvbkxpc3Q6IFtdLFxuICB9O1xuICBoZWFkZXJQYXJhbXM7XG4gIG9wZW4gPSBmYWxzZTtcblxuICBhZ0luaXQoaGVhZGVyUGFyYW1zOiBJSGVhZGVyUGFyYW1zKTogdm9pZCB7XG4gICAgdGhpcy5oZWFkZXJQYXJhbXMgPSBoZWFkZXJQYXJhbXM7XG4gICAgdGhpcy5pdGVtID0gXy5nZXQoaGVhZGVyUGFyYW1zLCAnZGF0YScpO1xuICB9XG5cbiAgcmVmcmVzaChoZWFkZXJQYXJhbXM6IElIZWFkZXJQYXJhbXMpOiBib29sZWFuIHtcbiAgICB0aGlzLmhlYWRlclBhcmFtcyA9IGhlYWRlclBhcmFtcztcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHRvZ2dsZU1lbnUoZXZlbnQpOiB2b2lkIHtcbiAgICBfLmRlZmVyKCgpID0+IHtcbiAgICAgIHRoaXMuaGVhZGVyUGFyYW1zLm9wZW5IZWFkZXJNZW51KGV2ZW50KTtcbiAgICB9KTtcbiAgfVxuXG4gIGNsb3NlQWN0aW9uTWVudShldmVudCk6IHZvaWQge1xuICAgIHRoaXMuaGVhZGVyUGFyYW1zLmNsb3NlTWVudShldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgKGNsaWNrT3V0c2lkZSk9XCJjbG9zZUFjdGlvbk1lbnUoJGV2ZW50KVwiIGNsYXNzPVwiY2VsbC1tZW51LWNvbnRhaW5lclwiPlxuICA8ZGl2IChjbGljayk9XCJ0b2dnbGVNZW51KCRldmVudClcIiBjbGFzcz1cImRvdHNcIiBpZD1cIkRvdHNfQnVsa1wiPlxuICAgIDxkaXYgKGNsaWNrKT1cInRvZ2dsZU1lbnUoJGV2ZW50KVwiIGNsYXNzPVwiZG90c1wiIGlkPVwiSGVhZGVyUm93RG90c1wiPi4uLjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==