@norwegian/core-components 6.2.0 → 6.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/accordion/accordion.component.mjs +3 -11
- package/esm2022/lib/components/filter/filter.component.mjs +1 -1
- package/esm2022/lib/components/info/info.component.mjs +1 -1
- package/esm2022/lib/components/page-header/page-header.component.mjs +3 -3
- package/esm2022/lib/components/trip-summary/trip-summary.component.mjs +1 -1
- package/fesm2022/norwegian-core-components.mjs +7 -15
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/accordion/accordion.component.d.ts +1 -25
- package/package.json +1 -1
|
@@ -124,7 +124,7 @@ export class TripSummaryComponent extends NasComponentBase {
|
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n </nas-accordion>\n </div>\n\n <ng-template #tripDetailsRef>\n <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n <div>\n\n <div [nasClass]=\"getClass('item')\">\n <div [nasClass]=\"getClass('',['title'])\">\n {{detail.header}}\n </div>\n <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n <span [nasClass]=\"getClass('',['text'])\">\n {{explanation.text}}\n </span>\n <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\" \n [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n [departureTimeLabel]=\"departureLabel\">\n </nas-journey-stopover>\n </div>\n\n </div>\n\n </ng-template>\n </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\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", "
|
|
127
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n </nas-accordion>\n </div>\n\n <ng-template #tripDetailsRef>\n <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n <div>\n\n <div [nasClass]=\"getClass('item')\">\n <div [nasClass]=\"getClass('',['title'])\">\n {{detail.header}}\n </div>\n <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n <span [nasClass]=\"getClass('',['text'])\">\n {{explanation.text}}\n </span>\n <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\" \n [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n [departureTimeLabel]=\"departureLabel\">\n </nas-journey-stopover>\n </div>\n\n </div>\n\n </ng-template>\n </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\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", "info", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.JourneyComponent, selector: "nas-journey", inputs: ["journeyModel", "dateFormat", "timeFormat", "arrivalLabel", "departureLabel", "arrivalEstimatedLabel", "departureEstimatedLabel", "locale", "timeZone"] }, { kind: "component", type: i5.JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: ["journeyStopoverModel", "transitLabel", "arrivalTimeLabel", "departureTimeLabel", "timeFormat", "dateFormat", "transitHoursIndicator", "transitMinutesIndicator", "locale", "timeZone"] }] }); }
|
|
128
128
|
}
|
|
129
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, decorators: [{
|
|
130
130
|
type: Component,
|