npm - @norwegian/core-components - Versions diffs - 6.24.1 → 6.25.1 - Mend

@norwegian/core-components 6.24.1 → 6.25.1

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

Files changed (24) hide show

package/esm2022/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.mjs CHANGED Viewed

@@ -544,7 +544,7 @@ export class AirportSelectDropdownComponent extends NasComponentBase {
         this.updateSelected(airport);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, deps: [{ token: DOCUMENT }, { token: i1.AirportSelectService }, { token: i2.AirportSelectDropdownService }, { token: i3.GeolocationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i7.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i7.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/button/button.component.mjs CHANGED Viewed

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../core/directives/nas-class/nas-class.directive";
 import * as i3 from "@angular/router";
+import * as i4 from "../icon/icon.component";
 let nextId = 0;
 /**
  * @description
@@ -29,16 +30,16 @@ export class ButtonComponent extends NasComponentBase {
         return [
             this.exists(this.primary) && 'primary',
             this.exists(this.secondary) && 'secondary',
-            this.exists(this.approve) && 'approve',
             this.exists(this.large) && 'large',
             this.exists(this.block) && 'block',
             this.exists(this.flex) && 'flex',
             this.exists(this.compact) && 'compact',
             this.exists(this.right) && 'right',
             this.exists(this.spaceless) && 'spaceless',
-            this.exists(this.transparent) && 'transparent',
             this.exists(this.link) && 'link',
-            this.exists(this.light) && 'light'
+            this.exists(this.light) && 'light',
+            this.exists(this.buttonlink) && 'buttonlink',
+            (this.exists(this.primary) && !this.exists(this.compact)) && 'white-background'
         ];
     }
     /**
@@ -107,11 +108,11 @@ export class ButtonComponent extends NasComponentBase {
         this.clickChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonComponent, selector: "nas-button", inputs: { primary: "primary", secondary: "secondary", link: "link", approve: "approve", light: "light", large: "large", block: "block", flex: "flex", compact: "compact", right: "right", spaceless: "spaceless", transparent: "transparent", href: "href", trackingvalue: "trackingvalue", canContinueOnDisabled: "canContinueOnDisabled", disabled: "disabled", type: "type", cssClass: "cssClass", ariaLabel: "ariaLabel", cssStyle: "cssStyle", tabindex: "tabindex", overrideBaseCssClass: "overrideBaseCssClass", useRouterLink: "useRouterLink", id: "id", target: "target" }, outputs: { clickChange: "clickChange" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button #button\n  *ngIf=\"!href\"\n  [nasClass]=\"getClasses('', modifiers)\"\n  [ngStyle]=\"buttonStyle\"\n  [disabled]=\"!canContinueOnDisabled && disabled\"\n  [class.disabled]=\"disabled\"\n  [attr.type]=\"type\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.tabindex]=\"tabindex\"\n  [id]=\"buttonId\"\n  (click)=\"emitTrackingAndClickEvent($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n<ng-container *ngIf=\"href\">\n  <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n    <a [nasClass]=\"getClasses('', modifiers)\"\n      [attr.disabled]=\"disabled\"\n      [routerLink]=\"href\"\n      [id]=\"buttonId\"\n      (click)=\"emitTrackingEvent();\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n  <a [nasClass]=\"getClasses('', modifiers)\"\n    [attr.disabled]=\"disabled\"\n    [href]=\"href\"\n    [target]=\"target\"\n    [id]=\"buttonId\"\n    (click)=\"emitTrackingEvent();\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-button{position:relative;display:inline-block;padding:12px 24px;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonComponent, selector: "nas-button", inputs: { primary: "primary", secondary: "secondary", link: "link", light: "light", large: "large", block: "block", flex: "flex", compact: "compact", right: "right", spaceless: "spaceless", href: "href", trackingvalue: "trackingvalue", canContinueOnDisabled: "canContinueOnDisabled", disabled: "disabled", type: "type", cssClass: "cssClass", ariaLabel: "ariaLabel", cssStyle: "cssStyle", tabindex: "tabindex", overrideBaseCssClass: "overrideBaseCssClass", useRouterLink: "useRouterLink", id: "id", target: "target", icon: "icon", iconLeft: "iconLeft", buttonlink: "buttonlink" }, outputs: { clickChange: "clickChange" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: "  <button #button\n    *ngIf=\"!href\"\n    [nasClass]=\"getClasses('', modifiers)\"\n    [ngStyle]=\"buttonStyle\"\n    [disabled]=\"!canContinueOnDisabled && disabled\"\n    [class.disabled]=\"disabled\"\n    [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabindex\"\n    [id]=\"buttonId\"\n    (click)=\"emitTrackingAndClickEvent($event)\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </span>\n  </button>\n\n<ng-container *ngIf=\"href\">\n  <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n    <a [nasClass]=\"getClasses('', modifiers)\"\n      [attr.disabled]=\"disabled\"\n      [routerLink]=\"href\"\n      [id]=\"buttonId\"\n      (click)=\"emitTrackingEvent();\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n  <a [nasClass]=\"getClasses('', modifiers)\"\n    [attr.disabled]=\"disabled\"\n    [href]=\"href\"\n    [target]=\"target\"\n    [id]=\"buttonId\"\n    (click)=\"emitTrackingEvent();\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-button{position:relative;display:inline-block;padding:12px 24px;width:-webkit-max-content;width:max-content;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;font-weight:700;line-height:24px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button--container{background-color:#fff}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:2px;bottom:-3.5px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#b71530}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#891024}.nas-button--primary:active:before{background-color:#003251}.nas-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--primary:focus-visible:before{display:none}.nas-button--primary:disabled{background-color:#e3e3e3}.nas-button--secondary{color:#fff;background-color:#15273f}.nas-button--secondary:before{background-color:#15273f}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#0a2033}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#0a2033}.nas-button--secondary:active{color:#fff;background:#071622}.nas-button--secondary:active:before{background-color:#071622}.nas-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--secondary:focus-visible:before{display:none}.nas-button--secondary:before{display:none}.nas-button--secondary:disabled{background-color:#e3e3e3}.nas-button--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#f1f1f1}.nas-button--light:active{color:#15273f;background:#EBF4FF}.nas-button--light:active:before{background-color:#ebf4ff}.nas-button--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--light:focus-visible:before{display:none}.nas-button--light:before{display:none}.nas-button--light:hover{border-color:#15273f}.nas-button--light:disabled{border:0}.nas-button--buttonlink{color:#b12a0b;background-color:transparent}.nas-button--buttonlink:before{background-color:transparent}.nas-button--buttonlink:hover,.nas-button--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button--buttonlink:hover:before,.nas-button--buttonlink:focus:before{background-color:#f1f1f1}.nas-button--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button--buttonlink:active:before{background-color:#ebf4ff}.nas-button--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--buttonlink:focus-visible:before{display:none}.nas-button--buttonlink:before{display:none}.nas-button--buttonlink:disabled{background-color:#f9f9f9}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}.nas-button__content{display:flex;justify-content:center;gap:4px}.nas-button__content--reverse{flex-direction:row-reverse}.nas-button__icon{position:relative}.nas-button__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button--white-background{border-bottom:2px solid #fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button\n  *ngIf=\"!href\"\n  [nasClass]=\"getClasses('', modifiers)\"\n  [ngStyle]=\"buttonStyle\"\n  [disabled]=\"!canContinueOnDisabled && disabled\"\n  [class.disabled]=\"disabled\"\n  [attr.type]=\"type\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.tabindex]=\"tabindex\"\n  [id]=\"buttonId\"\n  (click)=\"emitTrackingAndClickEvent($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n<ng-container *ngIf=\"href\">\n  <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n    <a [nasClass]=\"getClasses('', modifiers)\"\n      [attr.disabled]=\"disabled\"\n      [routerLink]=\"href\"\n      [id]=\"buttonId\"\n      (click)=\"emitTrackingEvent();\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n  <a [nasClass]=\"getClasses('', modifiers)\"\n    [attr.disabled]=\"disabled\"\n    [href]=\"href\"\n    [target]=\"target\"\n    [id]=\"buttonId\"\n    (click)=\"emitTrackingEvent();\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-button{position:relative;display:inline-block;padding:12px 24px;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}\n"] }]
+            args: [{ selector: 'nas-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "  <button #button\n    *ngIf=\"!href\"\n    [nasClass]=\"getClasses('', modifiers)\"\n    [ngStyle]=\"buttonStyle\"\n    [disabled]=\"!canContinueOnDisabled && disabled\"\n    [class.disabled]=\"disabled\"\n    [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabindex\"\n    [id]=\"buttonId\"\n    (click)=\"emitTrackingAndClickEvent($event)\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </span>\n  </button>\n\n<ng-container *ngIf=\"href\">\n  <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n    <a [nasClass]=\"getClasses('', modifiers)\"\n      [attr.disabled]=\"disabled\"\n      [routerLink]=\"href\"\n      [id]=\"buttonId\"\n      (click)=\"emitTrackingEvent();\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </a>\n  </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n  <a [nasClass]=\"getClasses('', modifiers)\"\n    [attr.disabled]=\"disabled\"\n    [href]=\"href\"\n    [target]=\"target\"\n    [id]=\"buttonId\"\n    (click)=\"emitTrackingEvent();\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-button{position:relative;display:inline-block;padding:12px 24px;width:-webkit-max-content;width:max-content;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;font-weight:700;line-height:24px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button--container{background-color:#fff}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:2px;bottom:-3.5px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#b71530}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#891024}.nas-button--primary:active:before{background-color:#003251}.nas-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--primary:focus-visible:before{display:none}.nas-button--primary:disabled{background-color:#e3e3e3}.nas-button--secondary{color:#fff;background-color:#15273f}.nas-button--secondary:before{background-color:#15273f}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#0a2033}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#0a2033}.nas-button--secondary:active{color:#fff;background:#071622}.nas-button--secondary:active:before{background-color:#071622}.nas-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--secondary:focus-visible:before{display:none}.nas-button--secondary:before{display:none}.nas-button--secondary:disabled{background-color:#e3e3e3}.nas-button--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#f1f1f1}.nas-button--light:active{color:#15273f;background:#EBF4FF}.nas-button--light:active:before{background-color:#ebf4ff}.nas-button--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--light:focus-visible:before{display:none}.nas-button--light:before{display:none}.nas-button--light:hover{border-color:#15273f}.nas-button--light:disabled{border:0}.nas-button--buttonlink{color:#b12a0b;background-color:transparent}.nas-button--buttonlink:before{background-color:transparent}.nas-button--buttonlink:hover,.nas-button--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button--buttonlink:hover:before,.nas-button--buttonlink:focus:before{background-color:#f1f1f1}.nas-button--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button--buttonlink:active:before{background-color:#ebf4ff}.nas-button--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--buttonlink:focus-visible:before{display:none}.nas-button--buttonlink:before{display:none}.nas-button--buttonlink:disabled{background-color:#f9f9f9}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}.nas-button__content{display:flex;justify-content:center;gap:4px}.nas-button__content--reverse{flex-direction:row-reverse}.nas-button__icon{position:relative}.nas-button__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button--white-background{border-bottom:2px solid #fff}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { button: [{
                 type: ViewChild,
                 args: ['button']
@@ -121,8 +122,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], link: [{
                 type: Input
-            }], approve: [{
-                type: Input
             }], light: [{
                 type: Input
             }], large: [{
@@ -137,8 +136,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], spaceless: [{
                 type: Input
-            }], transparent: [{
-                type: Input
             }], href: [{
                 type: Input
             }], trackingvalue: [{
@@ -165,7 +162,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], target: [{
                 type: Input
+            }], icon: [{
+                type: Input
+            }], iconLeft: [{
+                type: Input
+            }], buttonlink: [{
+                type: Input
             }], clickChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsRUFDakIsU0FBUyxFQUVULHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7OztBQUd0RSxJQUFJLE1BQU0sR0FBRyxDQUFDLENBQUM7QUFFZjs7O0dBR0c7QUFRSCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxnQkFBZ0I7SUF3UW5ELElBQUksV0FBVztRQUNiLElBQUksSUFBSSxDQUFDLHFCQUFxQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDL0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLFNBQVMsQ0FBQztZQUM1QyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDdEI7UUFFRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsY0FBYyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUQsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU87WUFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLFdBQVc7WUFDMUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxPQUFPO1lBQ2xDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLE9BQU87WUFDbEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksTUFBTTtZQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLE9BQU87WUFDbEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksV0FBVztZQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxhQUFhO1lBQzlDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLE1BQU07WUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztTQUNuQyxDQUFDO0lBQ0osQ0FBQztJQU1EOzs7O09BSUc7SUFDSDtRQUNFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQXJJdEI7Ozs7Ozs7V0FPRztRQUNNLFNBQUksR0FBRyxRQUFRLENBQUM7UUFzQnpCOzs7Ozs7O1dBT0c7UUFDTSxhQUFRLEdBQVEsRUFBRSxDQUFDO1FBb0M1Qjs7Ozs7O1dBTUc7UUFDTSxXQUFNLEdBQUcsT0FBTyxDQUFDO1FBRTFCOzs7Ozs7O1dBT0c7UUFDTyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFnQzFDLHdCQUFtQixHQUFHLElBQUksT0FBTyxFQUFVLENBQUM7UUFDcEQsbUJBQWMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxFQUFFLENBQUM7UUFVdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsVUFBVSxDQUFDLE9BQWdCLEVBQUUsU0FBZTtRQUMxQyxNQUFNLE9BQU8sR0FBRyxJQUFJLEtBQUssRUFBYyxDQUFDO1FBRXhDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQzNELE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVCLE9BQU8sT0FBTyxDQUFDO1NBQ2hCO1FBRUQsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDO1FBRWhELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QjtRQUVELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRUQseUJBQXlCLENBQUMsS0FBWTtRQUNwQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOzhHQTVVVSxlQUFlO2tHQUFmLGVBQWUsMHdCQ2hDNUIsOHFDQXNDYzs7MkZETkQsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxZQUFZLGlCQUdQLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07MEVBRzFCLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFVVixPQUFPO3NCQUFmLEtBQUs7Z0JBV0csU0FBUztzQkFBakIsS0FBSztnQkFVRyxJQUFJO3NCQUFaLEtBQUs7Z0JBVUcsT0FBTztzQkFBZixLQUFLO2dCQVVHLEtBQUs7c0JBQWIsS0FBSztnQkFVRyxLQUFLO3NCQUFiLEtBQUs7Z0JBV0csS0FBSztzQkFBYixLQUFLO2dCQVdHLElBQUk7c0JBQVosS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBV0csS0FBSztzQkFBYixLQUFLO2dCQVdHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBVUcsV0FBVztzQkFBbkIsS0FBSztnQkFXRyxJQUFJO3NCQUFaLEtBQUs7Z0JBV0csYUFBYTtzQkFBckIsS0FBSztnQkFVRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBVUcsUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxJQUFJO3NCQUFaLEtBQUs7Z0JBVUcsUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxTQUFTO3NCQUFqQixLQUFLO2dCQVVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBVUcsUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBT0csYUFBYTtzQkFBckIsS0FBSztnQkFPRyxFQUFFO3NCQUFWLEtBQUs7Z0JBU0csTUFBTTtzQkFBZCxLQUFLO2dCQVVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5cbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcbmltcG9ydCB7IENsYXNzTW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL21vZGVscy9jbGFzcy5tb2RlbCc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIEJ1dHRvbiBDb21wb25lbnQgfCBCdXR0b25zIGFuZCBJbmRpY2F0b3JzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2Uge1xuICBAVmlld0NoaWxkKCdidXR0b24nKSBidXR0b246IEVsZW1lbnRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IHByaW1hcnkgc3R5bGUgb2YgYnV0dG9uIChyZWQpLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBwcmltYXJ5PkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIHByaW1hcnk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IHNlY29uZGFyeSBzdHlsZSBvZiBidXR0b24gKGJsdWUpLlxuICAgKiBQcmltYXJ5IGlzIGRlZmF1bHQgc3R5bGUuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIHNlY29uZGFyeT5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBzZWNvbmRhcnk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IGxpbmsgc3R5bGUgb2YgYnV0dG9uLiBCdXR0b24gd2lsbCBsb29rIGxpa2UgYSBsaW5rLCB3aXRoIHVuZGVybGluZWQgdGV4dC5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gbGluaz5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBsaW5rPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCBhcHByb3ZlZCBzdHlsZSBvZiBidXR0b24gKGdyZWVuKS5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gYXBwcm92ZT5BcHByb3ZlITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIGFwcHJvdmU/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IGxpZ2h0IHN0eWxlIG9mIGJ1dHRvbiAoZ3JleSkuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIGxpZ2h0PkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIGxpZ2h0PzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCBsYXJnZSBzdHlsZSBvZiBidXR0b24uIENhbiBiZSBjb21waW5lZCB3aXRoIHByaW1hcnksIHNlY29uZGFyeSwgYXBwcm92ZWQgYW5kIGxpZ2h0LlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBsYXJnZT5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBsYXJnZT86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgYmxvY2sgc3R5bGUgb2YgYnV0dG9uLiBXaWxsIGhhdmUgYmxvY2sgYmVoYXZpb3VyLlxuICAgKiBDYW4gYmUgY29tcGluZWQgd2l0aCBwcmltYXJ5LCBzZWNvbmRhcnksIGFwcHJvdmVkIGFuZCBsaWdodC5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gYmxvY2s+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgYmxvY2s/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IGZsZXggc3R5bGUgb2YgYnV0dG9uLiBXaWxsIGhhdmUgZmxleCBib3ggYmVoYXZpb3VyLlxuICAgKiBDYW4gYmUgY29tcGluZWQgd2l0aCBwcmltYXJ5LCBzZWNvbmRhcnksIGFwcHJvdmVkIGFuZCBsaWdodC5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gZmxleD5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBmbGV4PzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCBjb21wYWN0IHN0eWxlIG9mIGJ1dHRvbi4gV2lsbCBiZSBzbWFsbGVyLCB3aXRob3V0IFwidGhlIGxpbmVcIi5cbiAgICogQ2FuIGJlIGNvbXBpbmVkIHdpdGggcHJpbWFyeSwgc2Vjb25kYXJ5LCBhcHByb3ZlZCBhbmQgbGlnaHQuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIGNvbXBhY3Q+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgY29tcGFjdD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgcmlnaHQgc3R5bGUgb2YgYnV0dG9uLiBXaWxsIGJlIGFsaWduZWQgYXQgcmlnaHQuXG4gICAqIENhbiBiZSBjb21waW5lZCB3aXRoIHByaW1hcnksIHNlY29uZGFyeSwgYXBwcm92ZWQgYW5kIGxpZ2h0LlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiByaWdodD5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSByaWdodD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgc3BhY2VsZXNzIHN0eWxlIG9mIGJ1dHRvbi4gV2lsbCByZW1vdmUgc3BhY2UgYXJvdW5kIGJ1dHRvbi5cbiAgICogQ2FuIGJlIGNvbXBpbmVkIHdpdGggcHJpbWFyeSwgc2Vjb25kYXJ5LCBhcHByb3ZlZCBhbmQgbGlnaHQuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIHNwYWNlbGVzcz5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBzcGFjZWxlc3M/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IHRyYW5zcGFyZW50IHN0eWxlIG9mIGJ1dHRvbi4gV2lsbCBiZSB0cmFuc3BhcmVudC5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gdHJhbnNwYXJlbnQ+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgdHJhbnNwYXJlbnQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFN0cmluZyB0byBzdXBwb3J0IGhyZWYuXG4gICAqIENhbiBiZSBjb21iaW5lZCB3aXRoIGFsbCBvdGhlciBwcm9wZXJ0aWVzLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbaHJlZl09XCJodHRwOi8vd3d3Lm5vcndlZ2lhbi5jb21cIj5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBocmVmPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFN0cmluZyB0byBiZSB0cmFja2VkIGJ5IGUueC4gR1RNIG9nIEdBLlxuICAgKiBDYW4gYmUgY29tYmluZWQgd2l0aCBhbGwgb3RoZXIgcHJvcGVydGllcy5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gW3RyYWNraW5nVmFsdWVdPVwidHJhY2tpbmdWYWx1ZVwiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIHRyYWNraW5ndmFsdWU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBvdmVycmlkZSBkaXNhYmxlZC4gQnV0dG9uIHdpbGwgYmUgY2xpY2thYmxlIGV2ZW4gdGhvdWdoIGRpc2FibGVkIGlzIHNldC5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gY2FuQ29udGludWVPbkRpc2FibGVkPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIGNhbkNvbnRpbnVlT25EaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgZGlzYWJsZWQuIEJ1dHRvbiB3aWxsIGdldCBkaXNhYmxlZCBzdHlsaW5nLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBkaXNhYmxlZD5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTdHJpbmcgdG8gc2V0IGJ1dHRvbiB0eXBlLiBEZWZhdWx0IHZhbHVlIGlzIFwiYnV0dG9uXCIuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIFt0eXBlXT1cIidzdWJtaXQnXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgdHlwZSA9ICdidXR0b24nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEFkZHMgY3VzdG9tIENTUyBjbGFzcyB0byB0aGUgYnV0dG9uLiBCdXR0b24gd2lsbCBzZXR0IGFkZGl0aW9uYWwgY3VzdG9tIHN0eWxpbmcuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIFtjc3NDbGFzc109XCInbXktY3VzdG9tLWNsYXNzJ1wiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIGNzc0NsYXNzPzogQ2xhc3NNb2RlbDtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTdHJpbmcgdG8gc2V0IGFyaWEgbGFiZWwgb24gYnV0dG9uLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbYXJpYUxhYmVsXT1cIid0aGlzIGlzIG15IGFyaWEgbGFiZWwnXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgYXJpYUxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFByb3BlcnR5IHRvIHNldCBjdXN0b20gc3R5bGluZyBvbiBidXR0b24uXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIFtjc3NTdHlsZV09XCJ7J3dpZHRoJzogJzMwMHB4JywgJ2hlaWdodCc6ICc0MHB4J31cIj5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBjc3NTdHlsZTogYW55ID0ge307XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogTnVtYmVyIHRvIHNldCBjdXN0b20gdGFiIGluZGV4IG9uIGJ1dHRvbi5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gW3RhYkluZGV4XT1cIjEwXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgdGFiaW5kZXg6IG51bWJlcjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIG92ZXJyaWRlIGJhc2UgY3NzIGNsYXNzLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbb3ZlcnJpZGVCYXNlQ3NzQ2xhc3NdPVwidHJ1ZVwiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIG92ZXJyaWRlQmFzZUNzc0NsYXNzPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBVc2Ugcm91dGVyIGxpbmsgaW5zdGVhZCBvZiBocmVmIG9uIGxpbmtzXG4gICAqL1xuICBASW5wdXQoKSB1c2VSb3V0ZXJMaW5rPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBUaGUgSUQgb2YgdGhlIG5hdGl2ZSBidXR0b24gZWxlbWVudFxuICAgKi9cbiAgQElucHV0KCkgaWQ6IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBUaGUgdGFyZ2V0IGF0dHJpYnV0ZSBzcGVjaWZpZXMgd2hlcmUgdG8gb3BlbiB0aGUgbGluay5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gbGluayBocmVmPVwiaHR0cHM6Ly93d3cubm9yd2VnaWFuLmNvbVwiIHRhcmdldD1cIl9ibGFua1wiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIHRhcmdldCA9ICdfc2VsZic7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBPdXRwdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIENoYW5nZSBldmVudCB3aGVuIGNsaWNraW5nIG9uIGJ1dHRvbi5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gKGNsaWNrQ2hhbmdlKT1cIm15RnVuY3Rpb24oKVwiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBPdXRwdXQoKSBjbGlja0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgZ2V0IGJ1dHRvblN0eWxlKCk6IGFueSB7XG4gICAgaWYgKHRoaXMuY2FuQ29udGludWVPbkRpc2FibGVkICYmIHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuY3NzU3R5bGVbJ3BvaW50ZXItZXZlbnRzJ10gPSAnaW5oZXJpdCc7XG4gICAgICByZXR1cm4gdGhpcy5jc3NTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5jc3NTdHlsZTtcbiAgfVxuXG4gIGdldCBidXR0b25JZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlkID8gdGhpcy5pZCA6IGBuYXMtYnV0dG9uLSR7dGhpcy5jb21wb25lbnRJZH1gO1xuICB9XG5cbiAgZ2V0IG1vZGlmaWVycygpOiBBcnJheTxzdHJpbmc+IHtcbiAgICByZXR1cm4gW1xuICAgICAgdGhpcy5leGlzdHModGhpcy5wcmltYXJ5KSAmJiAncHJpbWFyeScsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnNlY29uZGFyeSkgJiYgJ3NlY29uZGFyeScsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmFwcHJvdmUpICYmICdhcHByb3ZlJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMubGFyZ2UpICYmICdsYXJnZScsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmJsb2NrKSAmJiAnYmxvY2snLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5mbGV4KSAmJiAnZmxleCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmNvbXBhY3QpICYmICdjb21wYWN0JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMucmlnaHQpICYmICdyaWdodCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnNwYWNlbGVzcykgJiYgJ3NwYWNlbGVzcycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnRyYW5zcGFyZW50KSAmJiAndHJhbnNwYXJlbnQnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5saW5rKSAmJiAnbGluaycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmxpZ2h0KSAmJiAnbGlnaHQnXG4gICAgXTtcbiAgfVxuXG4gIHByaXZhdGUgdHJhY2tpbmdFdmVudFNvdXJjZSA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKTtcbiAgdHJhY2tpbmdFdmVudCQgPSB0aGlzLnRyYWNraW5nRXZlbnRTb3VyY2UuYXNPYnNlcnZhYmxlKCk7XG4gIHByaXZhdGUgY29tcG9uZW50SWQ6IG51bWJlcjtcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFJlcHJlc2VudCBhIGJ1dHRvbiBjb21wb25lbnQuXG4gICAqIFdpbGwgaW5pdGlhdGUgY29ycmVjdCBibG9jayBzdHlsZS5cbiAgICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCduYXMtYnV0dG9uJyk7XG4gICAgdGhpcy5jb21wb25lbnRJZCA9IG5leHRJZCsrO1xuICB9XG5cbiAgZ2V0Q2xhc3NlcyhlbGVtZW50Pzogc3RyaW5nLCBtb2RpZmllcnM/OiBhbnkpOiBBcnJheTxDbGFzc01vZGVsPiB7XG4gICAgY29uc3QgY2xhc3NlcyA9IG5ldyBBcnJheTxDbGFzc01vZGVsPigpO1xuXG4gICAgaWYgKHRoaXMuZXhpc3RzKHRoaXMub3ZlcnJpZGVCYXNlQ3NzQ2xhc3MpICYmIHRoaXMuY3NzQ2xhc3MpIHtcbiAgICAgIGNsYXNzZXMucHVzaCh0aGlzLmNzc0NsYXNzKTtcbiAgICAgIHJldHVybiBjbGFzc2VzO1xuICAgIH1cblxuICAgIGNsYXNzZXMucHVzaCh0aGlzLmdldENsYXNzKGVsZW1lbnQsIG1vZGlmaWVycykpO1xuXG4gICAgaWYgKHRoaXMuY3NzQ2xhc3MpIHtcbiAgICAgIGNsYXNzZXMucHVzaCh0aGlzLmNzc0NsYXNzKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIGVtaXRUcmFja2luZ0V2ZW50KCk6IHZvaWQge1xuICAgIHRoaXMudHJhY2tpbmdFdmVudFNvdXJjZS5uZXh0KHRoaXMudHJhY2tpbmd2YWx1ZSk7XG4gIH1cblxuICBlbWl0VHJhY2tpbmdBbmRDbGlja0V2ZW50KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMudHJhY2tpbmdFdmVudFNvdXJjZS5uZXh0KHRoaXMudHJhY2tpbmd2YWx1ZSk7XG4gICAgdGhpcy5jbGlja0NoYW5nZS5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGJ1dHRvbiAjYnV0dG9uXG4gICpuZ0lmPVwiIWhyZWZcIlxuICBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJywgbW9kaWZpZXJzKVwiXG4gIFtuZ1N0eWxlXT1cImJ1dHRvblN0eWxlXCJcbiAgW2Rpc2FibGVkXT1cIiFjYW5Db250aW51ZU9uRGlzYWJsZWQgJiYgZGlzYWJsZWRcIlxuICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbYXR0ci50eXBlXT1cInR5cGVcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gIFthdHRyLnRhYmluZGV4XT1cInRhYmluZGV4XCJcbiAgW2lkXT1cImJ1dHRvbklkXCJcbiAgKGNsaWNrKT1cImVtaXRUcmFja2luZ0FuZENsaWNrRXZlbnQoJGV2ZW50KVwiPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG48bmctY29udGFpbmVyICpuZ0lmPVwiaHJlZlwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiZXhpc3RzKHVzZVJvdXRlckxpbmspOyBlbHNlIGxpbmtzSHJlZlwiPlxuICAgIDxhIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCcnLCBtb2RpZmllcnMpXCJcbiAgICAgIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtyb3V0ZXJMaW5rXT1cImhyZWZcIlxuICAgICAgW2lkXT1cImJ1dHRvbklkXCJcbiAgICAgIChjbGljayk9XCJlbWl0VHJhY2tpbmdFdmVudCgpO1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2E+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjbGlua3NIcmVmPlxuICA8YSBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJywgbW9kaWZpZXJzKVwiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtocmVmXT1cImhyZWZcIlxuICAgIFt0YXJnZXRdPVwidGFyZ2V0XCJcbiAgICBbaWRdPVwiYnV0dG9uSWRcIlxuICAgIChjbGljayk9XCJlbWl0VHJhY2tpbmdFdmVudCgpO1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvYT5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsRUFDakIsU0FBUyxFQUVULHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7QUFHdEUsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0FBRWY7OztHQUdHO0FBUUgsTUFBTSxPQUFPLGVBQWdCLFNBQVEsZ0JBQWdCO0lBNFFuRCxJQUFJLFdBQVc7UUFDYixJQUFJLElBQUksQ0FBQyxxQkFBcUIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQy9DLElBQUksQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxTQUFTLENBQUM7WUFDNUMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO1NBQ3RCO1FBRUQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGNBQWMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzlELENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxXQUFXO1lBQzFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLE9BQU87WUFDbEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNO1lBQ2hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxXQUFXO1lBQzFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLE1BQU07WUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxZQUFZO1lBQzVDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLGtCQUFrQjtTQUNoRixDQUFDO0lBQ0osQ0FBQztJQU1EOzs7O09BSUc7SUFDSDtRQUNFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQTdKdEI7Ozs7Ozs7V0FPRztRQUNNLFNBQUksR0FBRyxRQUFRLENBQUM7UUFzQnpCOzs7Ozs7O1dBT0c7UUFDTSxhQUFRLEdBQVEsRUFBRSxDQUFDO1FBb0M1Qjs7Ozs7O1dBTUc7UUFDTSxXQUFNLEdBQUcsT0FBTyxDQUFDO1FBMEIxQjs7Ozs7OztXQU9HO1FBQ08sZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBZ0MxQyx3QkFBbUIsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO1FBQ3BELG1CQUFjLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBVXZELElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUFnQixFQUFFLFNBQWU7UUFDMUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxLQUFLLEVBQWMsQ0FBQztRQUV4QyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUMzRCxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM1QixPQUFPLE9BQU8sQ0FBQztTQUNoQjtRQUVELE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUVoRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDN0I7UUFFRCxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELHlCQUF5QixDQUFDLEtBQVk7UUFDcEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0FoVlUsZUFBZTtrR0FBZixlQUFlLHd4QkNoQzVCLGs2Q0E0Q2M7OzJGRFpELGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzBFQUcxQixNQUFNO3NCQUExQixTQUFTO3VCQUFDLFFBQVE7Z0JBVVYsT0FBTztzQkFBZixLQUFLO2dCQVdHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBVUcsSUFBSTtzQkFBWixLQUFLO2dCQVVHLEtBQUs7c0JBQWIsS0FBSztnQkFVRyxLQUFLO3NCQUFiLEtBQUs7Z0JBV0csS0FBSztzQkFBYixLQUFLO2dCQVdHLElBQUk7c0JBQVosS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBV0csS0FBSztzQkFBYixLQUFLO2dCQVdHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBV0csSUFBSTtzQkFBWixLQUFLO2dCQVdHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBVUcscUJBQXFCO3NCQUE3QixLQUFLO2dCQVVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBVUcsSUFBSTtzQkFBWixLQUFLO2dCQVVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBVUcsU0FBUztzQkFBakIsS0FBSztnQkFVRyxRQUFRO3NCQUFoQixLQUFLO2dCQVVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBVUcsb0JBQW9CO3NCQUE1QixLQUFLO2dCQU9HLGFBQWE7c0JBQXJCLEtBQUs7Z0JBT0csRUFBRTtzQkFBVixLQUFLO2dCQVNHLE1BQU07c0JBQWQsS0FBSztnQkFPRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0csUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxVQUFVO3NCQUFsQixLQUFLO2dCQVVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5cbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcbmltcG9ydCB7IENsYXNzTW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL21vZGVscy9jbGFzcy5tb2RlbCc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIEJ1dHRvbiBDb21wb25lbnQgfCBCdXR0b25zIGFuZCBJbmRpY2F0b3JzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2Uge1xuICBAVmlld0NoaWxkKCdidXR0b24nKSBidXR0b246IEVsZW1lbnRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IHByaW1hcnkgc3R5bGUgb2YgYnV0dG9uIChyZWQpLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBwcmltYXJ5PkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIHByaW1hcnk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IHNlY29uZGFyeSBzdHlsZSBvZiBidXR0b24gKGJsdWUpLlxuICAgKiBQcmltYXJ5IGlzIGRlZmF1bHQgc3R5bGUuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIHNlY29uZGFyeT5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBzZWNvbmRhcnk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IGxpbmsgc3R5bGUgb2YgYnV0dG9uLiBCdXR0b24gd2lsbCBsb29rIGxpa2UgYSBsaW5rLCB3aXRoIHVuZGVybGluZWQgdGV4dC5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gbGluaz5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBsaW5rPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCBsaWdodCBzdHlsZSBvZiBidXR0b24gKGdyZXkpLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBsaWdodD5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBsaWdodD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgbGFyZ2Ugc3R5bGUgb2YgYnV0dG9uLiBDYW4gYmUgY29tcGluZWQgd2l0aCBwcmltYXJ5LCBzZWNvbmRhcnkgYW5kIGxpZ2h0LlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBsYXJnZT5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBsYXJnZT86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgYmxvY2sgc3R5bGUgb2YgYnV0dG9uLiBXaWxsIGhhdmUgYmxvY2sgYmVoYXZpb3VyLlxuICAgKiBDYW4gYmUgY29tcGluZWQgd2l0aCBwcmltYXJ5LCBzZWNvbmRhcnkgYW5kIGxpZ2h0LlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBibG9jaz5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBibG9jaz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgZmxleCBzdHlsZSBvZiBidXR0b24uIFdpbGwgaGF2ZSBmbGV4IGJveCBiZWhhdmlvdXIuXG4gICAqIENhbiBiZSBjb21waW5lZCB3aXRoIHByaW1hcnksIHNlY29uZGFyeSBhbmQgbGlnaHQuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIGZsZXg+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgZmxleD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgY29tcGFjdCBzdHlsZSBvZiBidXR0b24uIFdpbGwgYmUgc21hbGxlciwgd2l0aG91dCBcInRoZSBsaW5lXCIuXG4gICAqIENhbiBiZSBjb21waW5lZCB3aXRoIHByaW1hcnksIHNlY29uZGFyeSBhbmQgbGlnaHQuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIGNvbXBhY3Q+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgY29tcGFjdD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgcmlnaHQgc3R5bGUgb2YgYnV0dG9uLiBXaWxsIGJlIGFsaWduZWQgYXQgcmlnaHQuXG4gICAqIENhbiBiZSBjb21waW5lZCB3aXRoIHByaW1hcnksIHNlY29uZGFyeSBhbmQgbGlnaHQuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIHJpZ2h0PkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIHJpZ2h0PzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCBzcGFjZWxlc3Mgc3R5bGUgb2YgYnV0dG9uLiBXaWxsIHJlbW92ZSBzcGFjZSBhcm91bmQgYnV0dG9uLlxuICAgKiBDYW4gYmUgY29tcGluZWQgd2l0aCBwcmltYXJ5LCBzZWNvbmRhcnkgYW5kIGxpZ2h0LlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBzcGFjZWxlc3M+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgc3BhY2VsZXNzPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTdHJpbmcgdG8gc3VwcG9ydCBocmVmLlxuICAgKiBDYW4gYmUgY29tYmluZWQgd2l0aCBhbGwgb3RoZXIgcHJvcGVydGllcy5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gW2hyZWZdPVwiaHR0cDovL3d3dy5ub3J3ZWdpYW4uY29tXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgaHJlZj86IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTdHJpbmcgdG8gYmUgdHJhY2tlZCBieSBlLnguIEdUTSBvZyBHQS5cbiAgICogQ2FuIGJlIGNvbWJpbmVkIHdpdGggYWxsIG90aGVyIHByb3BlcnRpZXMuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIFt0cmFja2luZ1ZhbHVlXT1cInRyYWNraW5nVmFsdWVcIj5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSB0cmFja2luZ3ZhbHVlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gb3ZlcnJpZGUgZGlzYWJsZWQuIEJ1dHRvbiB3aWxsIGJlIGNsaWNrYWJsZSBldmVuIHRob3VnaCBkaXNhYmxlZCBpcyBzZXQuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIGNhbkNvbnRpbnVlT25EaXNhYmxlZD5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBjYW5Db250aW51ZU9uRGlzYWJsZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IGRpc2FibGVkLiBCdXR0b24gd2lsbCBnZXQgZGlzYWJsZWQgc3R5bGluZy5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gZGlzYWJsZWQ+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU3RyaW5nIHRvIHNldCBidXR0b24gdHlwZS4gRGVmYXVsdCB2YWx1ZSBpcyBcImJ1dHRvblwiLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbdHlwZV09XCInc3VibWl0J1wiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIHR5cGUgPSAnYnV0dG9uJztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBBZGRzIGN1c3RvbSBDU1MgY2xhc3MgdG8gdGhlIGJ1dHRvbi4gQnV0dG9uIHdpbGwgc2V0dCBhZGRpdGlvbmFsIGN1c3RvbSBzdHlsaW5nLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbY3NzQ2xhc3NdPVwiJ215LWN1c3RvbS1jbGFzcydcIj5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBjc3NDbGFzcz86IENsYXNzTW9kZWw7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU3RyaW5nIHRvIHNldCBhcmlhIGxhYmVsIG9uIGJ1dHRvbi5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gW2FyaWFMYWJlbF09XCIndGhpcyBpcyBteSBhcmlhIGxhYmVsJ1wiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIGFyaWFMYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBQcm9wZXJ0eSB0byBzZXQgY3VzdG9tIHN0eWxpbmcgb24gYnV0dG9uLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbY3NzU3R5bGVdPVwieyd3aWR0aCc6ICczMDBweCcsICdoZWlnaHQnOiAnNDBweCd9XCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgY3NzU3R5bGU6IGFueSA9IHt9O1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIE51bWJlciB0byBzZXQgY3VzdG9tIHRhYiBpbmRleCBvbiBidXR0b24uXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIFt0YWJJbmRleF09XCIxMFwiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIHRhYmluZGV4OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBvdmVycmlkZSBiYXNlIGNzcyBjbGFzcy5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gW292ZXJyaWRlQmFzZUNzc0NsYXNzXT1cInRydWVcIj5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBvdmVycmlkZUJhc2VDc3NDbGFzcz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogVXNlIHJvdXRlciBsaW5rIGluc3RlYWQgb2YgaHJlZiBvbiBsaW5rc1xuICAgKi9cbiAgQElucHV0KCkgdXNlUm91dGVyTGluaz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogVGhlIElEIG9mIHRoZSBuYXRpdmUgYnV0dG9uIGVsZW1lbnRcbiAgICovXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogVGhlIHRhcmdldCBhdHRyaWJ1dGUgc3BlY2lmaWVzIHdoZXJlIHRvIG9wZW4gdGhlIGxpbmsuXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIGxpbmsgaHJlZj1cImh0dHBzOi8vd3d3Lm5vcndlZ2lhbi5jb21cIiB0YXJnZXQ9XCJfYmxhbmtcIj5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSB0YXJnZXQgPSAnX3NlbGYnO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgdGhlIGljb24gb24gdGhlIGlucHV0XG4gICAqL1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBkaXNwbGF5IHRoZSBpY29uIG9uIHRoZSBsZWZ0IHNpZGUgb2YgdGhlIGJ1dHRvbiB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBpY29uTGVmdD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBzZXQgdGhlIGJ1dHRvbi1saW5rIHN0eWxpbmcgb24gdGhlIGJ1dHRvblxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBidXR0b25saW5rPlRoaXMgaXMgYSBidXR0b24gbGluayE8L25hcy1idXR0b24+XG4gICAqL1xuICBASW5wdXQoKSBidXR0b25saW5rOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgT3V0cHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBDaGFuZ2UgZXZlbnQgd2hlbiBjbGlja2luZyBvbiBidXR0b24uXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIChjbGlja0NoYW5nZSk9XCJteUZ1bmN0aW9uKClcIj5DbGljayBvbiBtZSE8L25hcy1idXR0b24+XG4gICAqL1xuICBAT3V0cHV0KCkgY2xpY2tDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIGdldCBidXR0b25TdHlsZSgpOiBhbnkge1xuICAgIGlmICh0aGlzLmNhbkNvbnRpbnVlT25EaXNhYmxlZCAmJiB0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmNzc1N0eWxlWydwb2ludGVyLWV2ZW50cyddID0gJ2luaGVyaXQnO1xuICAgICAgcmV0dXJuIHRoaXMuY3NzU3R5bGU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuY3NzU3R5bGU7XG4gIH1cblxuICBnZXQgYnV0dG9uSWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5pZCA/IHRoaXMuaWQgOiBgbmFzLWJ1dHRvbi0ke3RoaXMuY29tcG9uZW50SWR9YDtcbiAgfVxuXG4gIGdldCBtb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMucHJpbWFyeSkgJiYgJ3ByaW1hcnknLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5zZWNvbmRhcnkpICYmICdzZWNvbmRhcnknLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5sYXJnZSkgJiYgJ2xhcmdlJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuYmxvY2spICYmICdibG9jaycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmZsZXgpICYmICdmbGV4JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuY29tcGFjdCkgJiYgJ2NvbXBhY3QnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5yaWdodCkgJiYgJ3JpZ2h0JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuc3BhY2VsZXNzKSAmJiAnc3BhY2VsZXNzJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMubGluaykgJiYgJ2xpbmsnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5saWdodCkgJiYgJ2xpZ2h0JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuYnV0dG9ubGluaykgJiYgJ2J1dHRvbmxpbmsnLFxuICAgICAgKHRoaXMuZXhpc3RzKHRoaXMucHJpbWFyeSkgJiYgIXRoaXMuZXhpc3RzKHRoaXMuY29tcGFjdCkpICYmICd3aGl0ZS1iYWNrZ3JvdW5kJ1xuICAgIF07XG4gIH1cblxuICBwcml2YXRlIHRyYWNraW5nRXZlbnRTb3VyY2UgPSBuZXcgU3ViamVjdDxzdHJpbmc+KCk7XG4gIHRyYWNraW5nRXZlbnQkID0gdGhpcy50cmFja2luZ0V2ZW50U291cmNlLmFzT2JzZXJ2YWJsZSgpO1xuICBwcml2YXRlIGNvbXBvbmVudElkOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBSZXByZXNlbnQgYSBidXR0b24gY29tcG9uZW50LlxuICAgKiBXaWxsIGluaXRpYXRlIGNvcnJlY3QgYmxvY2sgc3R5bGUuXG4gICAqL1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcignbmFzLWJ1dHRvbicpO1xuICAgIHRoaXMuY29tcG9uZW50SWQgPSBuZXh0SWQrKztcbiAgfVxuXG4gIGdldENsYXNzZXMoZWxlbWVudD86IHN0cmluZywgbW9kaWZpZXJzPzogYW55KTogQXJyYXk8Q2xhc3NNb2RlbD4ge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBuZXcgQXJyYXk8Q2xhc3NNb2RlbD4oKTtcblxuICAgIGlmICh0aGlzLmV4aXN0cyh0aGlzLm92ZXJyaWRlQmFzZUNzc0NsYXNzKSAmJiB0aGlzLmNzc0NsYXNzKSB7XG4gICAgICBjbGFzc2VzLnB1c2godGhpcy5jc3NDbGFzcyk7XG4gICAgICByZXR1cm4gY2xhc3NlcztcbiAgICB9XG5cbiAgICBjbGFzc2VzLnB1c2godGhpcy5nZXRDbGFzcyhlbGVtZW50LCBtb2RpZmllcnMpKTtcblxuICAgIGlmICh0aGlzLmNzc0NsYXNzKSB7XG4gICAgICBjbGFzc2VzLnB1c2godGhpcy5jc3NDbGFzcyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cblxuICBlbWl0VHJhY2tpbmdFdmVudCgpOiB2b2lkIHtcbiAgICB0aGlzLnRyYWNraW5nRXZlbnRTb3VyY2UubmV4dCh0aGlzLnRyYWNraW5ndmFsdWUpO1xuICB9XG5cbiAgZW1pdFRyYWNraW5nQW5kQ2xpY2tFdmVudChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLnRyYWNraW5nRXZlbnRTb3VyY2UubmV4dCh0aGlzLnRyYWNraW5ndmFsdWUpO1xuICAgIHRoaXMuY2xpY2tDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIiAgPGJ1dHRvbiAjYnV0dG9uXG4gICAgKm5nSWY9XCIhaHJlZlwiXG4gICAgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJycsIG1vZGlmaWVycylcIlxuICAgIFtuZ1N0eWxlXT1cImJ1dHRvblN0eWxlXCJcbiAgICBbZGlzYWJsZWRdPVwiIWNhbkNvbnRpbnVlT25EaXNhYmxlZCAmJiBkaXNhYmxlZFwiXG4gICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbYXR0ci50eXBlXT1cInR5cGVcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgICBbYXR0ci50YWJpbmRleF09XCJ0YWJpbmRleFwiXG4gICAgW2lkXT1cImJ1dHRvbklkXCJcbiAgICAoY2xpY2spPVwiZW1pdFRyYWNraW5nQW5kQ2xpY2tFdmVudCgkZXZlbnQpXCI+XG4gICAgPHNwYW4gW25hc0NsYXNzXT1cImdldENsYXNzKCdjb250ZW50JywgZXhpc3RzKGljb25MZWZ0KSAmJiAncmV2ZXJzZScpXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPHNwYW4gW25hc0NsYXNzXT1cImdldENsYXNzKCdpY29uJylcIiAqbmdJZj1cImljb25cIj5cbiAgICAgICAgPG5hcy1pY29uIFtpY29uXT1cImljb25cIj48L25hcy1pY29uPlxuICAgICAgPC9zcGFuPlxuICAgIDwvc3Bhbj5cbiAgPC9idXR0b24+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJocmVmXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJleGlzdHModXNlUm91dGVyTGluayk7IGVsc2UgbGlua3NIcmVmXCI+XG4gICAgPGEgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJycsIG1vZGlmaWVycylcIlxuICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgW3JvdXRlckxpbmtdPVwiaHJlZlwiXG4gICAgICBbaWRdPVwiYnV0dG9uSWRcIlxuICAgICAgKGNsaWNrKT1cImVtaXRUcmFja2luZ0V2ZW50KCk7XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvYT5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNsaW5rc0hyZWY+XG4gIDxhIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCcnLCBtb2RpZmllcnMpXCJcbiAgICBbYXR0ci5kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2hyZWZdPVwiaHJlZlwiXG4gICAgW3RhcmdldF09XCJ0YXJnZXRcIlxuICAgIFtpZF09XCJidXR0b25JZFwiXG4gICAgKGNsaWNrKT1cImVtaXRUcmFja2luZ0V2ZW50KCk7XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9hPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/esm2022/lib/components/button/button.module.mjs CHANGED Viewed

@@ -3,18 +3,19 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { ButtonComponent } from './button.component';
 import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
+import { IconModule } from '../icon/icon.module';
 import * as i0 from "@angular/core";
 export class ButtonModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, NasClassModule, RouterModule], exports: [ButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, imports: [CommonModule, NasClassModule, RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, NasClassModule, RouterModule, IconModule], exports: [ButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, imports: [CommonModule, NasClassModule, RouterModule, IconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ButtonComponent],
-                    imports: [CommonModule, NasClassModule, RouterModule],
+                    imports: [CommonModule, NasClassModule, RouterModule, IconModule],
                     exports: [ButtonComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0RBQWtELENBQUM7O0FBT2xGLE1BQU0sT0FBTyxZQUFZOzhHQUFaLFlBQVk7K0dBQVosWUFBWSxpQkFKUixlQUFlLGFBQ3BCLFlBQVksRUFBRSxjQUFjLEVBQUUsWUFBWSxhQUMxQyxlQUFlOytHQUVkLFlBQVksWUFIYixZQUFZLEVBQUUsY0FBYyxFQUFFLFlBQVk7OzJGQUd6QyxZQUFZO2tCQUx4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLENBQUM7b0JBQ3JELE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmFzQ2xhc3NNb2R1bGUgfSBmcm9tICcuLi8uLi9jb3JlL2RpcmVjdGl2ZXMvbmFzLWNsYXNzL25hcy1jbGFzcy5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCdXR0b25Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOYXNDbGFzc01vZHVsZSwgUm91dGVyTW9kdWxlXSxcbiAgZXhwb3J0czogW0J1dHRvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbk1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDbEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU9qRCxNQUFNLE9BQU8sWUFBWTs4R0FBWixZQUFZOytHQUFaLFlBQVksaUJBSlIsZUFBZSxhQUNwQixZQUFZLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxVQUFVLGFBQ3RELGVBQWU7K0dBRWQsWUFBWSxZQUhiLFlBQVksRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLFVBQVU7OzJGQUdyRCxZQUFZO2tCQUx4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsVUFBVSxDQUFDO29CQUNqRSxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQnV0dG9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTmFzQ2xhc3NNb2R1bGUsIFJvdXRlck1vZHVsZSwgSWNvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtCdXR0b25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Nb2R1bGUgeyB9XG4iXX0=

package/esm2022/lib/components/continue/continue.component.mjs CHANGED Viewed

@@ -147,7 +147,7 @@ export class ContinueComponent extends NasComponentBase {
         this.scrolledPast = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ContinueComponent, deps: [{ token: i1.ViewPortService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ContinueComponent, selector: "nas-continue", inputs: { wide: "wide", icon: "icon", disabled: "disabled", actionText: "actionText", actionType: "actionType", simple: "simple", spaceless: "spaceless", tiny: "tiny", canContinueOnDisabled: "canContinueOnDisabled", light: "light", sticky: "sticky", actionId: "actionId" }, outputs: { stickyChange: "stickyChange", clickContinue: "clickContinue" }, host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<footer [nasClass]=\"mainClass\"\n  [style.minHeight.px]=\"minHeight\">\n  <div #wrapper\n    [nasClass]=\"wrapperClass\">\n    <div #content\n      [nasClass]=\"getClass('content')\">\n      <div [nasClass]=\"getClass('extra')\">\n        <ng-content></ng-content>\n      </div>\n      <nas-button #button\n        *ngIf=\"actionText\"\n        primary\n        spaceless\n        [type]=\"actionType\"\n        [nasClass]=\"getClass('action')\"\n        [disabled]=\"disabled\"\n        [canContinueOnDisabled]=\"canContinueOnDisabled\"\n        [id]=\"actionButtonId\"\n        (clickChange)=\"clickContinue.emit($event)\">\n        <span>{{actionText}}</span>\n        <nas-icon *ngIf=\"icon\"\n          [icon]=\"icon\"\n          [cssClass]=\"iconClass\"\n          [isIndicator]=\"true\"></nas-icon>\n      </nas-button>\n    </div>\n  </div>\n</footer>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #d8d8d8;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f1f1f1;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i5.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ContinueComponent, selector: "nas-continue", inputs: { wide: "wide", icon: "icon", disabled: "disabled", actionText: "actionText", actionType: "actionType", simple: "simple", spaceless: "spaceless", tiny: "tiny", canContinueOnDisabled: "canContinueOnDisabled", light: "light", sticky: "sticky", actionId: "actionId" }, outputs: { stickyChange: "stickyChange", clickContinue: "clickContinue" }, host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<footer [nasClass]=\"mainClass\"\n  [style.minHeight.px]=\"minHeight\">\n  <div #wrapper\n    [nasClass]=\"wrapperClass\">\n    <div #content\n      [nasClass]=\"getClass('content')\">\n      <div [nasClass]=\"getClass('extra')\">\n        <ng-content></ng-content>\n      </div>\n      <nas-button #button\n        *ngIf=\"actionText\"\n        primary\n        spaceless\n        [type]=\"actionType\"\n        [nasClass]=\"getClass('action')\"\n        [disabled]=\"disabled\"\n        [canContinueOnDisabled]=\"canContinueOnDisabled\"\n        [id]=\"actionButtonId\"\n        (clickChange)=\"clickContinue.emit($event)\">\n        <span>{{actionText}}</span>\n        <nas-icon *ngIf=\"icon\"\n          [icon]=\"icon\"\n          [cssClass]=\"iconClass\"\n          [isIndicator]=\"true\"></nas-icon>\n      </nas-button>\n    </div>\n  </div>\n</footer>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #d8d8d8;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f1f1f1;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i5.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
 }
 __decorate([
     Debounce()

package/esm2022/lib/components/cover/cover.component.mjs CHANGED Viewed

@@ -40,7 +40,7 @@ export class CoverComponent extends NasComponentBase {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", noIllustration: "noIllustration", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n  <div *ngIf=\"backLink\">\n    <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n    <nas-button link secondary [useRouterLink]=\"exists(useRouterLink)\"\n      [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n  </div>\n  <header [nasClass]=\"getClass('header')\">\n    <div [nasClass]=\"getClass('content')\">\n      <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n      <div [nasClass]=\"getClass('description')\">\n        <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n        <ng-template #descriptionContent>\n          <ng-content select=\"[description]\"></ng-content>\n        </ng-template>\n      </div>\n    </div>\n    <nas-icon *ngIf=\"illustration\" type=\"large\" [icon]=\"illustration\" [nasClass]=\"getClass('illustration')\"></nas-icon>\n    <div *ngIf=\"!illustration\" [nasClass]=\"getClass('additions')\">\n      <ng-content></ng-content>\n    </div>\n  </header>\n  <p *ngIf=\"preamble\" [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--no-illustration .nas-cover__header{background-image:none}.nas-cover--no-illustration .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", noIllustration: "noIllustration", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n  <div *ngIf=\"backLink\">\n    <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n    <nas-button link secondary [useRouterLink]=\"exists(useRouterLink)\"\n      [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n  </div>\n  <header [nasClass]=\"getClass('header')\">\n    <div [nasClass]=\"getClass('content')\">\n      <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n      <div [nasClass]=\"getClass('description')\">\n        <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n        <ng-template #descriptionContent>\n          <ng-content select=\"[description]\"></ng-content>\n        </ng-template>\n      </div>\n    </div>\n    <nas-icon *ngIf=\"illustration\" type=\"large\" [icon]=\"illustration\" [nasClass]=\"getClass('illustration')\"></nas-icon>\n    <div *ngIf=\"!illustration\" [nasClass]=\"getClass('additions')\">\n      <ng-content></ng-content>\n    </div>\n  </header>\n  <p *ngIf=\"preamble\" [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--no-illustration .nas-cover__header{background-image:none}.nas-cover--no-illustration .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/info/info.component.mjs CHANGED Viewed

@@ -82,7 +82,7 @@ export class InfoComponent extends NasComponentBase {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", warning: "warning", information: "information", success: "success", outlined: "outlined", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#fc9e12}.nas-info__content--error{background-color:#fff;border:3px solid #E5212D}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i5.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", warning: "warning", information: "information", success: "success", outlined: "outlined", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#fc9e12}.nas-info__content--error{background-color:#fff;border:3px solid #E5212D}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i5.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/input/input.component.mjs CHANGED Viewed

@@ -114,11 +114,11 @@ export class InputComponent extends NasComponentBase {
         this.blur.emit(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputComponent, selector: "nas-input", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", label: "label", labelInside: "labelInside", errorMessage: "errorMessage", placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", info: "info", icon: "icon", type: "type", readonly: "readonly", name: "name", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", min: "min", max: "max", line: "line", pattern: "pattern" }, outputs: { modelChange: "modelChange", blur: "blur" }, viewQueries: [{ propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }, { propertyName: "inputNotReactive", first: true, predicate: ["inputNotReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{border:0;position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputComponent, selector: "nas-input", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", label: "label", labelInside: "labelInside", errorMessage: "errorMessage", placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", info: "info", icon: "icon", type: "type", readonly: "readonly", name: "name", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", min: "min", max: "max", line: "line", pattern: "pattern" }, outputs: { modelChange: "modelChange", blur: "blur" }, viewQueries: [{ propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }, { propertyName: "inputNotReactive", first: true, predicate: ["inputNotReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{border:0;position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
+            args: [{ selector: 'nas-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { inputReactive: [{
                 type: ViewChild,
                 args: ['inputReactive']