@norwegian/core-components 6.0.0 → 6.0.2
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.
- package/assets/icons/medium/twitter-x.svg +18 -0
- package/assets/icons/small/twitter-x.svg +18 -0
- package/esm2022/lib/components/accordion/accordion.component.mjs +3 -3
- package/esm2022/lib/components/accordion/accordion.module.mjs +4 -4
- package/esm2022/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/airport-select/airport-select.component.mjs +3 -3
- package/esm2022/lib/components/airport-select/airport-select.module.mjs +4 -4
- package/esm2022/lib/components/airport-select/services/airport-select-dropdown.service.mjs +3 -3
- package/esm2022/lib/components/airport-select/services/airport-select.service.mjs +3 -3
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2022/lib/components/backdrop/backdrop.component.mjs +3 -3
- package/esm2022/lib/components/backdrop/backdrop.module.mjs +4 -4
- package/esm2022/lib/components/box/box.component.mjs +3 -3
- package/esm2022/lib/components/box/box.module.mjs +4 -4
- package/esm2022/lib/components/button/button.component.mjs +3 -3
- package/esm2022/lib/components/button/button.module.mjs +4 -4
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/components/chip/chip.component.mjs +3 -3
- package/esm2022/lib/components/chip/chip.module.mjs +4 -4
- package/esm2022/lib/components/container/container.component.mjs +3 -3
- package/esm2022/lib/components/container/container.module.mjs +4 -4
- package/esm2022/lib/components/continue/continue.component.mjs +3 -3
- package/esm2022/lib/components/continue/continue.module.mjs +4 -4
- package/esm2022/lib/components/cover/cover.component.mjs +3 -3
- package/esm2022/lib/components/cover/cover.module.mjs +4 -4
- package/esm2022/lib/components/datepicker/calendar/calendar.component.mjs +3 -3
- package/esm2022/lib/components/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/lib/components/datepicker/datepicker.module.mjs +4 -4
- package/esm2022/lib/components/datepicker/services/calendar.service.mjs +3 -3
- package/esm2022/lib/components/datepicker-combo/datepicker-combo.component.mjs +3 -3
- package/esm2022/lib/components/datepicker-combo/datepicker-combo.module.mjs +4 -4
- package/esm2022/lib/components/divider/divider.component.mjs +3 -3
- package/esm2022/lib/components/divider/divider.module.mjs +4 -4
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/lib/components/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/lib/components/filter/filter.component.mjs +3 -3
- package/esm2022/lib/components/filter/filter.module.mjs +4 -4
- package/esm2022/lib/components/grid/col/col.component.mjs +3 -3
- package/esm2022/lib/components/grid/grid.component.mjs +3 -3
- package/esm2022/lib/components/grid/grid.module.mjs +4 -4
- package/esm2022/lib/components/icon/icon.component.mjs +4 -4
- package/esm2022/lib/components/icon/icon.module.mjs +4 -4
- package/esm2022/lib/components/icon-list/icon-list.component.mjs +3 -3
- package/esm2022/lib/components/icon-list/icon-list.module.mjs +4 -4
- package/esm2022/lib/components/info/info.component.mjs +3 -3
- package/esm2022/lib/components/info/info.module.mjs +4 -4
- package/esm2022/lib/components/input/input.component.mjs +3 -3
- package/esm2022/lib/components/input/input.module.mjs +4 -4
- package/esm2022/lib/components/journey/journey.component.mjs +3 -3
- package/esm2022/lib/components/journey/journey.module.mjs +4 -4
- package/esm2022/lib/components/journey-availability/journey-availability.component.mjs +3 -3
- package/esm2022/lib/components/journey-availability/journey-availability.module.mjs +4 -4
- package/esm2022/lib/components/journey-availability-list/journey-availability-list.component.mjs +3 -3
- package/esm2022/lib/components/journey-availability-list/journey-availability-list.module.mjs +4 -4
- package/esm2022/lib/components/journey-selection/journey-selection.component.mjs +3 -3
- package/esm2022/lib/components/journey-selection/journey-selection.module.mjs +4 -4
- package/esm2022/lib/components/journey-stopover/journey-stopover.component.mjs +3 -3
- package/esm2022/lib/components/journey-stopover/journey-stopover.module.mjs +4 -4
- package/esm2022/lib/components/list/list-item/list-item.component.mjs +3 -3
- package/esm2022/lib/components/list/list.component.mjs +3 -3
- package/esm2022/lib/components/list/list.module.mjs +4 -4
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.module.mjs +4 -4
- package/esm2022/lib/components/number-field/number-field.component.mjs +3 -3
- package/esm2022/lib/components/number-field/number-field.module.mjs +4 -4
- package/esm2022/lib/components/page-footer/page-footer.component.mjs +3 -3
- package/esm2022/lib/components/page-footer/page-footer.module.mjs +4 -4
- package/esm2022/lib/components/page-header/hamburger/hamburger.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.module.mjs +4 -4
- package/esm2022/lib/components/page-header/search/search.component.mjs +3 -3
- package/esm2022/lib/components/passenger-select/passenger-select.component.mjs +3 -3
- package/esm2022/lib/components/passenger-select/passenger-select.module.mjs +4 -4
- package/esm2022/lib/components/phone-number/phone-number.component.mjs +3 -3
- package/esm2022/lib/components/phone-number/phone-number.module.mjs +4 -4
- package/esm2022/lib/components/premium-toggle/premium-toggle.component.mjs +3 -3
- package/esm2022/lib/components/premium-toggle/premium-toggle.module.mjs +4 -4
- package/esm2022/lib/components/radio/radio.component.mjs +3 -3
- package/esm2022/lib/components/radio/radio.module.mjs +4 -4
- package/esm2022/lib/components/select/optgroup/optgroup.component.mjs +3 -3
- package/esm2022/lib/components/select/option/option.component.mjs +3 -3
- package/esm2022/lib/components/select/select.component.mjs +3 -3
- package/esm2022/lib/components/select/select.module.mjs +4 -4
- package/esm2022/lib/components/simple-list/simple-list.component.mjs +3 -3
- package/esm2022/lib/components/simple-list/simple-list.module.mjs +4 -4
- package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +3 -3
- package/esm2022/lib/components/slide-toggle/slide-toggle.module.mjs +4 -4
- package/esm2022/lib/components/slider/slider.component.mjs +3 -3
- package/esm2022/lib/components/slider/slider.module.mjs +4 -4
- package/esm2022/lib/components/sort/sort.component.mjs +3 -3
- package/esm2022/lib/components/sort/sort.module.mjs +4 -4
- package/esm2022/lib/components/spinner/spinner.component.mjs +3 -3
- package/esm2022/lib/components/spinner/spinner.module.mjs +4 -4
- package/esm2022/lib/components/subsidy-discount/subsidy-discount.component.mjs +3 -3
- package/esm2022/lib/components/subsidy-discount/subsidy-discount.module.mjs +4 -4
- package/esm2022/lib/components/suggestions/suggestions.component.mjs +3 -3
- package/esm2022/lib/components/suggestions/suggestions.module.mjs +4 -4
- package/esm2022/lib/components/tab-group/tab/tab.component.mjs +3 -3
- package/esm2022/lib/components/tab-group/tab-group.component.mjs +3 -3
- package/esm2022/lib/components/tab-group/tab-group.module.mjs +4 -4
- package/esm2022/lib/components/table/column/column.component.mjs +3 -3
- package/esm2022/lib/components/table/column-group/column-group.component.mjs +3 -3
- package/esm2022/lib/components/table/services/table.service.mjs +3 -3
- package/esm2022/lib/components/table/table-body/table-body.component.mjs +3 -3
- package/esm2022/lib/components/table/table-foot/table-foot.component.mjs +3 -3
- package/esm2022/lib/components/table/table-head/table-head.component.mjs +3 -3
- package/esm2022/lib/components/table/table-row/table-data/table-data.component.mjs +3 -3
- package/esm2022/lib/components/table/table-row/table-header/table-header.component.mjs +3 -3
- package/esm2022/lib/components/table/table-row/table-row.component.mjs +3 -3
- package/esm2022/lib/components/table/table.component.mjs +3 -3
- package/esm2022/lib/components/table/table.module.mjs +4 -4
- package/esm2022/lib/components/textarea/textarea.component.mjs +3 -3
- package/esm2022/lib/components/textarea/textarea.module.mjs +4 -4
- package/esm2022/lib/components/toggle/toggle.component.mjs +3 -3
- package/esm2022/lib/components/toggle/toggle.module.mjs +4 -4
- package/esm2022/lib/components/trip-summary/trip-summary.component.mjs +3 -3
- package/esm2022/lib/components/trip-summary/trip-summary.module.mjs +4 -4
- package/esm2022/lib/components/weather-icon/weather-icon.component.mjs +3 -3
- package/esm2022/lib/components/weather-icon/weather-icon.module.mjs +4 -4
- package/esm2022/lib/core/directives/nas-class/nas-class.directive.mjs +3 -3
- package/esm2022/lib/core/directives/nas-class/nas-class.module.mjs +4 -4
- package/esm2022/lib/core/services/abandoned-basket/abandoned-basket.service.mjs +3 -3
- package/esm2022/lib/core/services/animate-helper/animate-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/bem-helper/bem-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/date/date-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/device/device-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/geolocation/geolocation.service.mjs +3 -3
- package/esm2022/lib/core/services/language/language-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/sort/sort.service.mjs +3 -3
- package/esm2022/lib/core/services/viewport/viewport.service.mjs +3 -3
- package/esm2022/lib/services/get-position.service.mjs +3 -3
- package/fesm2022/norwegian-core-components.mjs +444 -444
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/2__generic/_fonts.scss +2 -2
- /package/assets/icons/medium/{twitter.svg → twitter-old.svg} +0 -0
- /package/assets/icons/small/{twitter.svg → twitter-old.svg} +0 -0
|
@@ -5,15 +5,15 @@ import { SliderComponent } from './slider.component';
|
|
|
5
5
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class SliderModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: SliderModule, declarations: [SliderComponent], imports: [CommonModule,
|
|
10
10
|
NasClassModule,
|
|
11
11
|
ReactiveFormsModule], exports: [SliderComponent] }); }
|
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SliderModule, imports: [CommonModule,
|
|
13
13
|
NasClassModule,
|
|
14
14
|
ReactiveFormsModule] }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SliderModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
imports: [
|
|
@@ -73,10 +73,10 @@ export class SortComponent extends NasComponentBase {
|
|
|
73
73
|
this.open = false;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SortComponent, selector: "nas-sort", inputs: { model: "model", open: "open", selectedOption: "selectedOption" }, outputs: { selectedOptionChange: "selectedOptionChange", applyButtonClicked: "applyButtonClicked" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n <nas-radio\n block\n [name]=\"model?.name\"\n [value]=\"option.value\"\n *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n [nasFormControlName]=\"option?.nasFormControlName\"\n [nasFormGroup]=\"option?.nasFormGroup\"\n [required]=\"exists(option?.required)\"\n [spaceless]=\"checkSpaceless(option, optionIndex)\"\n [strong]=\"exists(option?.strong)\"\n [tabIndex]=\"option?.tabIndex\"\n [disabled]=\"exists(option?.disabled)\"\n [error]=\"exists(option?.error)\"\n [checked]=\"selectedOption?.value === option?.value\"\n (checkedChange)=\"optionChanged(option, $event)\"\n >\n {{option.title}}\n </nas-radio>\n <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n </nas-dropdown>\n</div>\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-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#c3c3c3}.nas-sort--right{align-self:flex-end;float:right;clear:both}\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: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.DropdownComponent, selector: "nas-dropdown", inputs: ["open", "id", "ariaLabelBackdrop", "cssClass", "inline", "label", "stretched", "labelStyle"], outputs: ["openChange"] }, { kind: "component", type: i4.RadioComponent, selector: "nas-radio", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { 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"] }] }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortComponent, decorators: [{
|
|
80
80
|
type: Component,
|
|
81
81
|
args: [{ selector: 'nas-sort', template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n <nas-radio\n block\n [name]=\"model?.name\"\n [value]=\"option.value\"\n *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n [nasFormControlName]=\"option?.nasFormControlName\"\n [nasFormGroup]=\"option?.nasFormGroup\"\n [required]=\"exists(option?.required)\"\n [spaceless]=\"checkSpaceless(option, optionIndex)\"\n [strong]=\"exists(option?.strong)\"\n [tabIndex]=\"option?.tabIndex\"\n [disabled]=\"exists(option?.disabled)\"\n [error]=\"exists(option?.error)\"\n [checked]=\"selectedOption?.value === option?.value\"\n (checkedChange)=\"optionChanged(option, $event)\"\n >\n {{option.title}}\n </nas-radio>\n <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n </nas-dropdown>\n</div>\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-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#c3c3c3}.nas-sort--right{align-self:flex-end;float:right;clear:both}\n"] }]
|
|
82
82
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
@@ -7,19 +7,19 @@ import { RadioModule } from '../radio/radio.module';
|
|
|
7
7
|
import { ButtonModule } from '../button/button.module';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class SortModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: SortModule, declarations: [SortComponent], imports: [CommonModule,
|
|
12
12
|
NasClassModule,
|
|
13
13
|
DropdownModule,
|
|
14
14
|
RadioModule,
|
|
15
15
|
ButtonModule], exports: [SortComponent] }); }
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortModule, imports: [CommonModule,
|
|
17
17
|
NasClassModule,
|
|
18
18
|
DropdownModule,
|
|
19
19
|
RadioModule,
|
|
20
20
|
ButtonModule] }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
24
24
|
args: [{
|
|
25
25
|
imports: [
|
|
@@ -88,10 +88,10 @@ export class SpinnerComponent extends NasComponentBase {
|
|
|
88
88
|
refreshPage() {
|
|
89
89
|
window.location.reload();
|
|
90
90
|
}
|
|
91
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
92
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SpinnerComponent, selector: "nas-spinner", inputs: { text: "text", refreshText: "refreshText", small: "small", overlay: "overlay", enable: "enable", refresh: "refresh", blockScrolling: "blockScrolling" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(overlay) && 'overlay', exists(small) && 'small'])\" *ngIf=\"enable\">\n <span [nasClass]=\"getClass('box')\">\n <span [nasClass]=\"getClass('border')\"></span>\n </span>\n <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n <div>{{text}}</div>\n <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n </div>\n</div>\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-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#d81939}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spinner{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: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
93
93
|
}
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
96
|
args: [{ selector: 'nas-spinner', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('', [exists(overlay) && 'overlay', exists(small) && 'small'])\" *ngIf=\"enable\">\n <span [nasClass]=\"getClass('box')\">\n <span [nasClass]=\"getClass('border')\"></span>\n </span>\n <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n <div>{{text}}</div>\n <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n </div>\n</div>\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-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#d81939}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#003251;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
|
|
97
97
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { text: [{
|
|
@@ -4,11 +4,11 @@ import { NasClassModule } from '../../core/directives/nas-class/nas-class.module
|
|
|
4
4
|
import { SpinnerComponent } from './spinner.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class SpinnerModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: SpinnerModule, declarations: [SpinnerComponent], imports: [CommonModule, NasClassModule], exports: [SpinnerComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerModule, imports: [CommonModule, NasClassModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [SpinnerComponent],
|
|
@@ -83,10 +83,10 @@ export class SubsidyDiscountComponent extends NasComponentBase {
|
|
|
83
83
|
onInfoButtonKeydown(event) {
|
|
84
84
|
this.infoButtonKeydown.emit(event);
|
|
85
85
|
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: { label: "label", icon: "icon", selectedDiscount: "selectedDiscount", discounts: "discounts" }, outputs: { infoButtonClick: "infoButtonClick", infoButtonKeydown: "infoButtonKeydown", discountSelectChange: "discountSelectChange" }, viewQueries: [{ propertyName: "infoButton", first: true, predicate: ["infoButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('box')\">\n <nas-icon [cssClass]=\"getClass('icon')\"\n [type]=\"'medium'\"\n [icon]=\"icon\"></nas-icon>\n <div [nasClass]=\"getClass('content')\">\n <div>\n <label [nasClass]=\"getClass('label')\">{{label}}</label>\n <nas-button #infoButton\n [cssClass]=\"getClass('info')\"\n [overrideBaseCssClass]=\"true\"\n [ariaLabel]=\"label\"\n (clickChange)=\"onInfoButtonClick()\"\n (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n </div>\n <nas-select [spaceless]=\"true\"\n [fill]=\"true\"\n [cssClass]=\"getClass('select')\"\n [options]=\"options\"\n (selectedChange)=\"onSelectedChange($event)\"\n [selected]=\"selectedOption\"></nas-select>\n </div>\n </div>\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-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:3px solid #c3c3c3;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#d8d8d8}.nas-subsidy-discount__info:before{content:\"?\";font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keydown"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
91
|
args: [{ selector: 'nas-subsidy-discount', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('box')\">\n <nas-icon [cssClass]=\"getClass('icon')\"\n [type]=\"'medium'\"\n [icon]=\"icon\"></nas-icon>\n <div [nasClass]=\"getClass('content')\">\n <div>\n <label [nasClass]=\"getClass('label')\">{{label}}</label>\n <nas-button #infoButton\n [cssClass]=\"getClass('info')\"\n [overrideBaseCssClass]=\"true\"\n [ariaLabel]=\"label\"\n (clickChange)=\"onInfoButtonClick()\"\n (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n </div>\n <nas-select [spaceless]=\"true\"\n [fill]=\"true\"\n [cssClass]=\"getClass('select')\"\n [options]=\"options\"\n (selectedChange)=\"onSelectedChange($event)\"\n [selected]=\"selectedOption\"></nas-select>\n </div>\n </div>\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-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:3px solid #c3c3c3;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#d8d8d8}.nas-subsidy-discount__info:before{content:\"?\";font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"] }]
|
|
92
92
|
}], ctorParameters: function () { return []; }, propDecorators: { infoButton: [{
|
|
@@ -7,19 +7,19 @@ import { SelectModule } from '../select/select.module';
|
|
|
7
7
|
import { SubsidyDiscountComponent } from './subsidy-discount.component';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class SubsidyDiscountModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountModule, declarations: [SubsidyDiscountComponent], imports: [CommonModule,
|
|
12
12
|
SelectModule,
|
|
13
13
|
NasClassModule,
|
|
14
14
|
IconModule,
|
|
15
15
|
ButtonModule], exports: [SubsidyDiscountComponent] }); }
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountModule, imports: [CommonModule,
|
|
17
17
|
SelectModule,
|
|
18
18
|
NasClassModule,
|
|
19
19
|
IconModule,
|
|
20
20
|
ButtonModule] }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
24
24
|
args: [{
|
|
25
25
|
imports: [
|
|
@@ -27,10 +27,10 @@ export class SuggestionsComponent extends NasComponentBase {
|
|
|
27
27
|
}
|
|
28
28
|
this.airportSelect.emit(airport);
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SuggestionsComponent, selector: "nas-suggestions", inputs: { suggestions: "suggestions", orLabel: "orLabel" }, outputs: { airportSelect: "airportSelect" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"suggestions\"\n [nasClass]=\"getClass()\">\n <span *ngFor=\"let suggestion of suggestions?.slice(0, 3); let index = index\">\n <nas-button link\n [tabindex]=\"-1\"\n (clickChange)=\"onAirportSelect(suggestion)\">\n {{suggestion.displayName}}\n </nas-button>\n <span *ngIf=\"index === 0 && suggestions.length > 2\">, </span>\n <span *ngIf=\"index === (suggestions.length - 2)\"> {{orLabel}} </span>\n <span *ngIf=\"index === (suggestions.length - 1)\">?</span>\n </span>\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-suggestions{margin:6px 0 12px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#002a3a}\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: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { 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"] }] }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'nas-suggestions', template: "<div *ngIf=\"suggestions\"\n [nasClass]=\"getClass()\">\n <span *ngFor=\"let suggestion of suggestions?.slice(0, 3); let index = index\">\n <nas-button link\n [tabindex]=\"-1\"\n (clickChange)=\"onAirportSelect(suggestion)\">\n {{suggestion.displayName}}\n </nas-button>\n <span *ngIf=\"index === 0 && suggestions.length > 2\">, </span>\n <span *ngIf=\"index === (suggestions.length - 2)\"> {{orLabel}} </span>\n <span *ngIf=\"index === (suggestions.length - 1)\">?</span>\n </span>\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-suggestions{margin:6px 0 12px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#002a3a}\n"] }]
|
|
36
36
|
}], ctorParameters: function () { return []; }, propDecorators: { suggestions: [{
|
|
@@ -5,15 +5,15 @@ import { ButtonModule } from '../button/button.module';
|
|
|
5
5
|
import { SuggestionsComponent } from './suggestions.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class SuggestionsModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsModule, declarations: [SuggestionsComponent], imports: [CommonModule,
|
|
10
10
|
NasClassModule,
|
|
11
11
|
ButtonModule], exports: [SuggestionsComponent] }); }
|
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsModule, imports: [CommonModule,
|
|
13
13
|
NasClassModule,
|
|
14
14
|
ButtonModule] }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
imports: [
|
|
@@ -100,10 +100,10 @@ export class TabComponent extends NasComponentBase {
|
|
|
100
100
|
this.exists(this.shadowless) && 'shadowless'
|
|
101
101
|
]);
|
|
102
102
|
}
|
|
103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
104
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getClass('label', [selected && 'selected'])\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#d81939}}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:3px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px;z-index:0}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n role=\"tab\"\n [nasClass]=\"getClass('label', [selected && 'selected'])\"\n [id]=\"getLabelId()\"\n [attr.tabIndex]=\"getTabIndex()\"\n [attr.aria-posinset]=\"index + 1\"\n [attr.aria-setsize]=\"size\"\n [attr.aria-controls]=\"getTabContentId()\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n (click)=\"onTabClick()\"\n (keyup.arrowright)=\"onArrowRightClick()\"\n (keyup.arrowleft)=\"onArrowLeftClick()\">\n <nas-icon *ngIf=\"icon\"\n [icon]=\"getIcon()\"></nas-icon>\n {{label}}\n <ng-container *ngIf=\"displayDropdownIcon()\">\n <nas-icon [nasClass]=\"getDropdownClass()\"\n [type]=\"getDropdownIconType()\"></nas-icon>\n </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n [id]=\"getTabContentId()\"\n [attr.aria-labelledby]=\"getLabelId()\">\n <ng-content></ng-content>\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-tab__label{color:#fff;background:#003251;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#003251;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#d81939}}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#002238;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:3px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px;z-index:0}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#002238;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"] }]
|
|
109
109
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tab: [{
|
|
@@ -68,10 +68,10 @@ export class TabGroupComponent extends NasComponentBase {
|
|
|
68
68
|
});
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
72
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
71
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabGroupComponent, selector: "nas-tab-group", inputs: { selectedIndex: "selectedIndex", fit: "fit", shadowless: "shadowless" }, queries: [{ propertyName: "tabs", predicate: TabComponent }], usesInheritance: true, ngImport: i0, template: "<div role=\"tablist\"\n [nasClass]=\"getClass('', [exists(fit) && 'fit'])\">\n <ng-content></ng-content>\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-tab-group{display:flex;flex-wrap:wrap}@media (min-width: 1000px){.nas-tab-group:not(.nas-tab-group--fit){min-width:800px;width:75%}}\n"], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabGroupComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
76
|
args: [{ selector: 'nas-tab-group', encapsulation: ViewEncapsulation.None, template: "<div role=\"tablist\"\n [nasClass]=\"getClass('', [exists(fit) && 'fit'])\">\n <ng-content></ng-content>\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-tab-group{display:flex;flex-wrap:wrap}@media (min-width: 1000px){.nas-tab-group:not(.nas-tab-group--fit){min-width:800px;width:75%}}\n"] }]
|
|
77
77
|
}], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
|
|
@@ -6,15 +6,15 @@ import { IconModule } from '../icon/icon.module';
|
|
|
6
6
|
import { TabComponent } from './tab/tab.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class TabGroupModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: TabGroupModule, declarations: [TabGroupComponent, TabComponent], imports: [CommonModule,
|
|
11
11
|
NasClassModule,
|
|
12
12
|
IconModule], exports: [TabGroupComponent, TabComponent] }); }
|
|
13
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
13
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabGroupModule, imports: [CommonModule,
|
|
14
14
|
NasClassModule,
|
|
15
15
|
IconModule] }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabGroupModule, decorators: [{
|
|
18
18
|
type: NgModule,
|
|
19
19
|
args: [{
|
|
20
20
|
declarations: [TabGroupComponent, TabComponent],
|
|
@@ -6,10 +6,10 @@ import { Component } from '@angular/core';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class ColumnComponent {
|
|
8
8
|
constructor() { }
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ColumnComponent, selector: "nas-column", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'nas-column', template: "<ng-content></ng-content>" }]
|
|
15
15
|
}], ctorParameters: function () { return []; } });
|
|
@@ -18,10 +18,10 @@ export class ColumnGroupComponent {
|
|
|
18
18
|
element.insertAdjacentHTML('afterbegin', item.innerHTML.replace(/nas-column/g, 'col'));
|
|
19
19
|
this.elementRef.nativeElement.replaceWith(element);
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ColumnGroupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ColumnGroupComponent, selector: "nas-column-group", inputs: { span: "span" }, ngImport: i0, template: "<ng-content select=\"nas-column\"></ng-content>\n", styles: [""] }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ColumnGroupComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'nas-column-group', template: "<ng-content select=\"nas-column\"></ng-content>\n" }]
|
|
27
27
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { span: [{
|
|
@@ -9,10 +9,10 @@ export class TableService {
|
|
|
9
9
|
replaceElement.insertAdjacentHTML('afterbegin', item.innerHTML.replace(/nas-table-row/g, 'tr').replace(/nas-table-header/g, 'th').replace(/nas-table-data/g, 'td'));
|
|
10
10
|
nativeElement.replaceWith(replaceElement);
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
13
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
13
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableService, providedIn: 'root' }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableService, decorators: [{
|
|
16
16
|
type: Injectable,
|
|
17
17
|
args: [{
|
|
18
18
|
providedIn: 'root'
|
|
@@ -13,10 +13,10 @@ export class TableBodyComponent {
|
|
|
13
13
|
ngAfterViewInit() {
|
|
14
14
|
this.tableService.replaceNativeElement('tbody', this.elementRef.nativeElement);
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableBodyComponent, deps: [{ token: i0.ElementRef }, { token: i1.TableService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableBodyComponent, selector: "nas-table-body", ngImport: i0, template: "<ng-content select=\"nas-table-row\"></ng-content>\n", styles: [""] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableBodyComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'nas-table-body', template: "<ng-content select=\"nas-table-row\"></ng-content>\n" }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TableService }]; } });
|
|
@@ -13,10 +13,10 @@ export class TableFootComponent {
|
|
|
13
13
|
ngAfterViewInit() {
|
|
14
14
|
this.tableService.replaceNativeElement('tfoot', this.elementRef.nativeElement);
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableFootComponent, deps: [{ token: i0.ElementRef }, { token: i1.TableService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableFootComponent, selector: "nas-table-foot", ngImport: i0, template: "<ng-content select=\"nas-table-row\"></ng-content>\n", styles: [""] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableFootComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'nas-table-foot', template: "<ng-content select=\"nas-table-row\"></ng-content>\n" }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TableService }]; } });
|
|
@@ -13,10 +13,10 @@ export class TableHeadComponent {
|
|
|
13
13
|
ngAfterViewInit() {
|
|
14
14
|
this.tableService.replaceNativeElement('thead', this.elementRef.nativeElement);
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableHeadComponent, deps: [{ token: i0.ElementRef }, { token: i1.TableService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableHeadComponent, selector: "nas-table-head", ngImport: i0, template: "<ng-content select=\"nas-table-row\"></ng-content>\n", styles: [""] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableHeadComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'nas-table-head', template: "<ng-content select=\"nas-table-row\"></ng-content>\n" }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TableService }]; } });
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
import { Component } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class TableDataComponent {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableDataComponent, selector: "nas-table-data", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableDataComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'nas-table-data', template: "<ng-content></ng-content>" }]
|
|
14
14
|
}] });
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
import { Component } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class TableHeaderComponent {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableHeaderComponent, selector: "nas-table-header", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableHeaderComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'nas-table-header', template: "<ng-content></ng-content>" }]
|
|
14
14
|
}] });
|
|
@@ -13,10 +13,10 @@ export class TableRowComponent {
|
|
|
13
13
|
ngAfterViewInit() {
|
|
14
14
|
this.tableService.replaceNativeElement('tr', this.elementRef.nativeElement);
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableRowComponent, deps: [{ token: i0.ElementRef }, { token: i1.TableService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableRowComponent, selector: "nas-table-row", ngImport: i0, template: "<ng-content select=\"nas-table-header\"></ng-content>\n<ng-content select=\"nas-table-data\"></ng-content>\n", styles: [""] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableRowComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'nas-table-row', template: "<ng-content select=\"nas-table-header\"></ng-content>\n<ng-content select=\"nas-table-data\"></ng-content>\n" }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TableService }]; } });
|
|
@@ -17,10 +17,10 @@ export class TableComponent extends NasComponentBase {
|
|
|
17
17
|
}
|
|
18
18
|
ngOnInit() {
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableComponent, selector: "nas-table", inputs: { caption: "caption" }, usesInheritance: true, ngImport: i0, template: "<table [nasClass]=\"getClass()\">\n <caption *ngIf=\"caption\">{{caption}}</caption>\n <ng-content select=\"nas-column-group\"></ng-content>\n <ng-content select=\"nas-table-row\"></ng-content>\n <ng-content select=\"nas-table-head\"></ng-content>\n <ng-content select=\"nas-table-body\"></ng-content>\n <ng-content select=\"nas-table-foot\"></ng-content>\n</table>", 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)}}:host{overflow-x:auto;display:block}.nas-table{width:100%;background:#fff}.nas-table ::ng-deep tr{height:56px}.nas-table ::ng-deep tr td,.nas-table ::ng-deep tr th{padding-left:24px;border-bottom:2px solid #e3e3e3;text-align:left}.nas-table ::ng-deep tr td:last-child,.nas-table ::ng-deep tr th:last-child{padding-right:24px}.nas-table ::ng-deep caption{margin-bottom:9px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ selector: 'nas-table', template: "<table [nasClass]=\"getClass()\">\n <caption *ngIf=\"caption\">{{caption}}</caption>\n <ng-content select=\"nas-column-group\"></ng-content>\n <ng-content select=\"nas-table-row\"></ng-content>\n <ng-content select=\"nas-table-head\"></ng-content>\n <ng-content select=\"nas-table-body\"></ng-content>\n <ng-content select=\"nas-table-foot\"></ng-content>\n</table>", 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)}}:host{overflow-x:auto;display:block}.nas-table{width:100%;background:#fff}.nas-table ::ng-deep tr{height:56px}.nas-table ::ng-deep tr td,.nas-table ::ng-deep tr th{padding-left:24px;border-bottom:2px solid #e3e3e3;text-align:left}.nas-table ::ng-deep tr td:last-child,.nas-table ::ng-deep tr th:last-child{padding-right:24px}.nas-table ::ng-deep caption{margin-bottom:9px}\n"] }]
|
|
26
26
|
}], ctorParameters: function () { return []; }, propDecorators: { caption: [{
|