@huntsman-cancer-institute/navigation 17.15.0 → 17.16.0

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 (5) hide show
  1. package/esm2022/components/li-dd-nav.component.mjs +5 -5
  2. package/esm2022/components/li-nav.component.mjs +61 -129
  3. package/fesm2022/huntsman-cancer-institute-navigation.mjs +64 -132
  4. package/fesm2022/huntsman-cancer-institute-navigation.mjs.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/huntsman-cancer-institute-navigation.mjs CHANGED
@@ -959,6 +959,8 @@ var __metadata$8 = (this && this.__metadata) || function (k, v) {
959
959
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
960
960
  };
961
961
  let LiNavComponent = class LiNavComponent extends NavComponent {
962
+ // = () => {
963
+ //}
962
964
  constructor(elementRef, renderer, resolver, navigationService, changeDetectorRef) {
963
965
  super(elementRef, renderer, resolver, navigationService, changeDetectorRef);
964
966
  this.liClass = "nav-item";
@@ -968,11 +970,13 @@ let LiNavComponent = class LiNavComponent extends NavComponent {
968
970
  this.showValueFlag = false;
969
971
  this.showValue = "";
970
972
  this.showValueClass = "";
971
- this.liClick = () => {
972
- };
973
973
  }
974
974
  handleLiClick(event) {
975
- this.liClick(this, this.navigationService, event);
975
+ if (this.liClick) {
976
+ console.log("li click exist");
977
+ console.log(this.liClick);
978
+ this.liClick(this, this.navigationService, event);
979
+ }
976
980
  }
977
981
  setConfig(config) {
978
982
  super.setConfig(config);
@@ -1048,83 +1052,47 @@ let LiNavComponent = class LiNavComponent extends NavComponent {
1048
1052
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LiNavComponent, selector: "hci-li", inputs: { liClass: "liClass", href: "href", target: "target", route: "route", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", aClass: "aClass", spanClass: "spanClass", iClass: "iClass", imgSrc: "imgSrc", altText: "altText", iText: "iText", iRight: "iRight", badgeCount: "badgeCount", badgeLoading: "badgeLoading", showValueFlag: "showValueFlag", showValue: "showValue", showValueClass: "showValueClass", liClick: "liClick" }, usesInheritance: true, ngImport: i0, template: `
1049
1053
  <ng-container>
1050
1054
  <li [id]="id + '-li'" class="hci-li {{liClass}}" (click)="handleLiClick($event)">
1051
- <a *ngIf="!href && !route" class="hci-li-a {{aClass}}">
1052
- <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1053
- <span [class]="iClass"></span>
1054
- {{iText}}
1055
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1056
- </i>
1057
- <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1058
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1059
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1060
- </i>
1061
- <span riRippleEffect class="hci-li-span {{spanClass}}">{{title}}</span>
1062
- <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1063
- <span class="{{iClass}}"></span>
1064
- {{iText}}
1065
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1066
- </i>
1067
- <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1068
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1069
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1070
- </i>
1071
- </a>
1072
-
1055
+ <button [disabled]="!liClick" *ngIf="!href && !route" class="hci-li-a {{aClass}}">
1056
+ <ng-container *ngTemplateOutlet="innerContent"></ng-container>
1057
+ </button>
1073
1058
  <a *ngIf="href" [href]="href" [target]="target" class="hci-li-a {{aClass}}">
1074
- <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1075
- <span [class]="iClass"></span>
1076
- {{iText}}
1077
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1078
- </i>
1079
- <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1080
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1081
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1082
- </i>
1083
- <span class="hci-li-span {{spanClass}}">{{title}}</span>
1084
- <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1085
- <span class="{{iClass}}"></span>
1086
- {{iText}}
1087
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1088
- </i>
1089
- <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1090
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1091
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1092
- </i>
1059
+ <ng-container *ngTemplateOutlet="innerContent"></ng-container>
1093
1060
  </a>
1094
-
1095
1061
  <a *ngIf="route"
1096
1062
  routerLink="{{route}}"
1097
1063
  routerLinkActive="active-link"
1098
1064
  [queryParams]="queryParams"
1099
1065
  queryParamsHandling="{{queryParamsHandling}}"
1100
1066
  class="hci-li-a {{aClass}}">
1101
- <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1102
- <span [class]="iClass"></span>
1103
- {{iText}}
1104
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1105
- </i>
1106
- <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1107
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText"/>
1108
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1109
- </i>
1110
- <span class="{{spanClass}}">{{title}}</span>
1111
- <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1112
- <span [class]="iClass"></span>
1113
- {{iText}}
1114
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1115
- </i>
1116
- <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1117
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText"/>
1118
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1119
- </i>
1067
+ <ng-container *ngTemplateOutlet="innerContent"></ng-container>
1120
1068
  </a>
1121
1069
  </li>
1122
-
1070
+ <ng-template #innerContent>
1071
+ <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1072
+ <span [class]="iClass"></span>
1073
+ {{iText}}
1074
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1075
+ </i>
1076
+ <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1077
+ <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1078
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1079
+ </i>
1080
+ <span riRippleEffect class="hci-li-span {{spanClass}}">{{title}}</span>
1081
+ <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1082
+ <span class="{{iClass}}"></span>
1083
+ {{iText}}
1084
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1085
+ </i>
1086
+ <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1087
+ <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1088
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1089
+ </i>
1090
+ </ng-template>
1123
1091
  <p class="{{showValueClass}}" *ngIf="showValueFlag">
1124
1092
  {{showValue}}
1125
1093
  </p>
1126
1094
  </ng-container>
1127
- `, isInline: true, styles: [".hci-dic-li-l{float:left;border:0 var(--greywarm-meddark)!important;padding:0;margin:0}.hci-dic-li-r{float:right;border:0 var(--greywarm-meddark)!important;padding-right:10px;margin:0}.hci-dic-span-1{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%)}.hci-dic-span-3{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-meddark) 0%,var(--bluewarm-dark) 100%)}#filterReadOnly{float:left}.hci-dic-show-value{padding-left:10px;padding-top:3px;font-size:15px!important;float:left}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: BadgeComponent, selector: "hci-badge", inputs: ["countSubject", "countLoading"] }, { kind: "directive", type: RIRippleEffectDirective, selector: "[riRippleEffect]", inputs: ["hostClass", "rippleClass"] }] }); }
1095
+ `, isInline: true, styles: [".hci-dic-li-l{float:left;border:0 var(--greywarm-meddark)!important;padding:0;margin:0}.hci-dic-li-r{float:right;border:0 var(--greywarm-meddark)!important;padding-right:10px;margin:0}.hci-dic-span-1{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%)}.hci-dic-span-3{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-meddark) 0%,var(--bluewarm-dark) 100%)}#filterReadOnly{float:left}.hci-dic-show-value{padding-left:10px;padding-top:3px;font-size:15px!important;float:left}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: BadgeComponent, selector: "hci-badge", inputs: ["countSubject", "countLoading"] }, { kind: "directive", type: RIRippleEffectDirective, selector: "[riRippleEffect]", inputs: ["hostClass", "rippleClass"] }] }); }
1128
1096
  };
1129
1097
  LiNavComponent = __decorate$9([
1130
1098
  ComponentType("LiNavComponent"),
@@ -1135,78 +1103,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1135
1103
  args: [{ selector: "hci-li", template: `
1136
1104
  <ng-container>
1137
1105
  <li [id]="id + '-li'" class="hci-li {{liClass}}" (click)="handleLiClick($event)">
1138
- <a *ngIf="!href && !route" class="hci-li-a {{aClass}}">
1139
- <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1140
- <span [class]="iClass"></span>
1141
- {{iText}}
1142
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1143
- </i>
1144
- <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1145
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1146
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1147
- </i>
1148
- <span riRippleEffect class="hci-li-span {{spanClass}}">{{title}}</span>
1149
- <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1150
- <span class="{{iClass}}"></span>
1151
- {{iText}}
1152
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1153
- </i>
1154
- <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1155
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1156
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1157
- </i>
1158
- </a>
1159
-
1106
+ <button [disabled]="!liClick" *ngIf="!href && !route" class="hci-li-a {{aClass}}">
1107
+ <ng-container *ngTemplateOutlet="innerContent"></ng-container>
1108
+ </button>
1160
1109
  <a *ngIf="href" [href]="href" [target]="target" class="hci-li-a {{aClass}}">
1161
- <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1162
- <span [class]="iClass"></span>
1163
- {{iText}}
1164
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1165
- </i>
1166
- <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1167
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1168
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1169
- </i>
1170
- <span class="hci-li-span {{spanClass}}">{{title}}</span>
1171
- <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1172
- <span class="{{iClass}}"></span>
1173
- {{iText}}
1174
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1175
- </i>
1176
- <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1177
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1178
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1179
- </i>
1110
+ <ng-container *ngTemplateOutlet="innerContent"></ng-container>
1180
1111
  </a>
1181
-
1182
1112
  <a *ngIf="route"
1183
1113
  routerLink="{{route}}"
1184
1114
  routerLinkActive="active-link"
1185
1115
  [queryParams]="queryParams"
1186
1116
  queryParamsHandling="{{queryParamsHandling}}"
1187
1117
  class="hci-li-a {{aClass}}">
1188
- <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1189
- <span [class]="iClass"></span>
1190
- {{iText}}
1191
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1192
- </i>
1193
- <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1194
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText"/>
1195
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1196
- </i>
1197
- <span class="{{spanClass}}">{{title}}</span>
1198
- <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1199
- <span [class]="iClass"></span>
1200
- {{iText}}
1201
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1202
- </i>
1203
- <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1204
- <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText"/>
1205
- <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1206
- </i>
1118
+ <ng-container *ngTemplateOutlet="innerContent"></ng-container>
1207
1119
  </a>
1208
1120
  </li>
1209
-
1121
+ <ng-template #innerContent>
1122
+ <i *ngIf="!imgSrc && iClass && !iRight" class="hci-li-i">
1123
+ <span [class]="iClass"></span>
1124
+ {{iText}}
1125
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1126
+ </i>
1127
+ <i *ngIf="imgSrc && !iRight" class="hci-li-i-img">
1128
+ <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1129
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1130
+ </i>
1131
+ <span riRippleEffect class="hci-li-span {{spanClass}}">{{title}}</span>
1132
+ <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1133
+ <span class="{{iClass}}"></span>
1134
+ {{iText}}
1135
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1136
+ </i>
1137
+ <i *ngIf="imgSrc && iRight" class="hci-li-i-img">
1138
+ <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true" [alt]="altText" />
1139
+ <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1140
+ </i>
1141
+ </ng-template>
1210
1142
  <p class="{{showValueClass}}" *ngIf="showValueFlag">
1211
1143
  {{showValue}}
1212
1144
  </p>
@@ -1335,7 +1267,7 @@ let LiDdNavComponent = class LiDdNavComponent extends NavComponent {
1335
1267
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LiDdNavComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: NavigationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
1336
1268
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LiDdNavComponent, selector: "hci-li-dd", inputs: { liClass: "liClass", href: "href", aClass: "aClass", spanClass: "spanClass", iClass: "iClass", ulClass: "ulClass", iRight: "iRight", liClick: "liClick" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "containerRefSetter", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
1337
1269
  <li [id]="id + '-li'" class="hci-li-dd-li dropdown {{liClass}}" (click)="handleLiClick($event)" ngbDropdown #dropdown="ngbDropdown" [autoClose]="true">
1338
- <a id="li-dd-dropdown" class="hci-li-dd-a dropdown-toggle {{aClass}}" ngbDropdownToggle>
1270
+ <button id="li-dd-dropdown" class=" dropdown-toggle {{aClass}}" ngbDropdownToggle>
1339
1271
  <i *ngIf="iClass && !iRight" class="hci-li-dd-i">
1340
1272
  <span [class]="iClass"></span>
1341
1273
  </i>
@@ -1343,7 +1275,7 @@ let LiDdNavComponent = class LiDdNavComponent extends NavComponent {
1343
1275
  <i *ngIf="iClass && iRight" class="hci-li-dd-i">
1344
1276
  <span [class]="iClass"></span>
1345
1277
  </i>
1346
- </a>
1278
+ </button>
1347
1279
  <ul ngbDropdownMenu aria-labelledby="li-dd-dropdown" class="hci-li-dd-ul dropdown-menu {{ulClass}}" (click)="close()">
1348
1280
  <ng-container #containerRef></ng-container>
1349
1281
  </ul>
@@ -1360,7 +1292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1360
1292
  selector: "hci-li-dd",
1361
1293
  template: `
1362
1294
  <li [id]="id + '-li'" class="hci-li-dd-li dropdown {{liClass}}" (click)="handleLiClick($event)" ngbDropdown #dropdown="ngbDropdown" [autoClose]="true">
1363
- <a id="li-dd-dropdown" class="hci-li-dd-a dropdown-toggle {{aClass}}" ngbDropdownToggle>
1295
+ <button id="li-dd-dropdown" class=" dropdown-toggle {{aClass}}" ngbDropdownToggle>
1364
1296
  <i *ngIf="iClass && !iRight" class="hci-li-dd-i">
1365
1297
  <span [class]="iClass"></span>
1366
1298
  </i>
@@ -1368,7 +1300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
1368
1300
  <i *ngIf="iClass && iRight" class="hci-li-dd-i">
1369
1301
  <span [class]="iClass"></span>
1370
1302
  </i>
1371
- </a>
1303
+ </button>
1372
1304
  <ul ngbDropdownMenu aria-labelledby="li-dd-dropdown" class="hci-li-dd-ul dropdown-menu {{ulClass}}" (click)="close()">
1373
1305
  <ng-container #containerRef></ng-container>
1374
1306
  </ul>