{"__symbolic":"module","version":4,"metadata":{"UXGChangelogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":6,"character":26}],"declarations":[{"__symbolic":"reference","name":"UXGChangelogComponent"}],"exports":[{"__symbolic":"reference","name":"UXGChangelogComponent"}]}]}],"members":{}},"UXGChangelogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"uxg-changelog","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"template":"<div fxLayout=\"row\" *ngIf=\"title\" class=\"title\" fxLayoutAlign=\"center center\">\n  <div class=\"changelog-icon\"></div>\n  <div fxLayout=\"column\">\n    <div class=\"creator\">{{ title }}</div>\n    <span>Changelog</span>\n  </div>\n</div>\n\n<div class=\"changelog-container\">\n  <div\n    *ngFor=\"let release of changelog; first as first; last as last\"\n    [fxLayout]=\"displayVersion === 'top' ? 'column' : 'row'\"\n    fxLayout.lt-md=\"column\"\n    [fxLayout.gt-md]=\"displayVersion === 'top' ? 'column' : 'row'\"\n    fxLayoutAlign=\"space-between start\"\n    [class.layout-column]=\"displayVersion === 'top'\"\n    [class.layout-none]=\"displayVersion === 'none'\"\n  >\n    <div *ngIf=\"displayVersion !== 'none'\" class=\"version\" fxFlex=\"5\" fxFlex.md=\"10\">\n      <div class=\"version-id uxg-h4\">v{{ release.version }}</div>\n      <span class=\"date uxg-h6\">{{ release.date | date: 'longDate' }}</span>\n    </div>\n    <div\n      [ngClass]=\"{ 'first-release': first, 'last-release': last, 'release-detail': !first && !last }\"\n      fxFlex=\"95\"\n      fxFlex.md=\"90\"\n    >\n      <ng-container *ngFor=\"let category of release.categories\">\n        <div class=\"uxg-subtitle-2 category\">{{ category }}</div>\n        <div *ngFor=\"let change of release.changes\" class=\"change\">\n          <div *ngIf=\"change.category == category\" fxLayout.xs=\"column\" fxLayout.gt-xs=\"row\">\n            <div fxFlex=\"10\" fxFlex.lt-lg=\"15\" class=\"change-type\">\n              <span class=\"{{ change.type | lowercase }} type uxg-caption\">{{ change.type | titlecase }}</span>\n            </div>\n            <div fxFlex=\"90\" class=\"change-detail\">\n              <div [innerHTML]=\"change.description\" class=\"uxg-body-2\"></div>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n","styles":[".mt-0{margin-top:0!important}.pt-0{padding-top:0!important}.mb-0{margin-bottom:0!important}.pb-0{padding-bottom:0!important}.ml-0{margin-left:0!important}.pl-0{padding-left:0!important}.mr-0{margin-right:0!important}.pr-0{padding-right:0!important}.m-0{margin:0!important}.p-0{padding:0!important}.mt-1{margin-top:4px!important}.pt-1{padding-top:4px!important}.mb-1{margin-bottom:4px!important}.pb-1{padding-bottom:4px!important}.ml-1{margin-left:4px!important}.pl-1{padding-left:4px!important}.mr-1{margin-right:4px!important}.pr-1{padding-right:4px!important}.m-1{margin:4px!important}.p-1{padding:4px!important}.mt-2{margin-top:8px!important}.pt-2{padding-top:8px!important}.mb-2{margin-bottom:8px!important}.pb-2{padding-bottom:8px!important}.ml-2{margin-left:8px!important}.pl-2{padding-left:8px!important}.mr-2{margin-right:8px!important}.pr-2{padding-right:8px!important}.m-2{margin:8px!important}.p-2{padding:8px!important}.mt-3{margin-top:16px!important}.pt-3{padding-top:16px!important}.mb-3{margin-bottom:16px!important}.pb-3{padding-bottom:16px!important}.ml-3{margin-left:16px!important}.pl-3{padding-left:16px!important}.mr-3{margin-right:16px!important}.pr-3{padding-right:16px!important}.m-3{margin:16px!important}.p-3{padding:16px!important}.mt-4{margin-top:24px!important}.pt-4{padding-top:24px!important}.mb-4{margin-bottom:24px!important}.pb-4{padding-bottom:24px!important}.ml-4{margin-left:24px!important}.pl-4{padding-left:24px!important}.mr-4{margin-right:24px!important}.pr-4{padding-right:24px!important}.m-4{margin:24px!important}.p-4{padding:24px!important}.mt-5{margin-top:48px!important}.pt-5{padding-top:48px!important}.mb-5{margin-bottom:48px!important}.pb-5{padding-bottom:48px!important}.ml-5{margin-left:48px!important}.pl-5{padding-left:48px!important}.mr-5{margin-right:48px!important}.pr-5{padding-right:48px!important}.m-5{margin:48px!important}.p-5{padding:48px!important}.mt-6{margin-top:96px!important}.pt-6{padding-top:96px!important}.mb-6{margin-bottom:96px!important}.pb-6{padding-bottom:96px!important}.ml-6{margin-left:96px!important}.pl-6{padding-left:96px!important}.mr-6{margin-right:96px!important}.pr-6{padding-right:96px!important}.m-6{margin:96px!important}.p-6{padding:96px!important}uxg-changelog .title{padding:3rem 1rem}uxg-changelog .title .changelog-icon{margin-right:16px;width:120px;height:120px}uxg-changelog .changelog-container{margin:16px 24px}uxg-changelog .changelog-container .version{min-width:100px}uxg-changelog .changelog-container .version .version-id{margin-bottom:0}uxg-changelog .changelog-container .version .date{white-space:nowrap;margin:0}uxg-changelog .changelog-container .version.none{width:0}uxg-changelog .changelog-container .first-release,uxg-changelog .changelog-container .last-release,uxg-changelog .changelog-container .release-detail{position:relative;margin-left:8%;flex:1 1 100%;cursor:unset;height:unset;margin-bottom:24px;padding:24px}uxg-changelog .changelog-container .category{padding:8px 0}uxg-changelog .changelog-container .change .change-detail{margin:8px 0}uxg-changelog .changelog-container .change .change-type{min-width:85px}uxg-changelog .changelog-container .change .change-type .type{margin:8px 0;text-align:center;padding:2px 8px;border-radius:16px;display:inline-block}uxg-changelog .changelog-container .first-release:before{content:\"\";position:absolute;width:28px;height:28px;top:4px;left:calc(-4% - 24px);border-radius:50%;z-index:1}uxg-changelog .changelog-container .last-release:before,uxg-changelog .changelog-container .release-detail:before{content:\"\";position:absolute;width:0;height:0;top:16px;left:calc(-4% - 13px);border-radius:50%;z-index:1}uxg-changelog .changelog-container .first-release:after,uxg-changelog .changelog-container .release-detail:after{content:\"\";position:absolute;width:2px;top:16px;bottom:-48px;left:calc(-4% - 6px)}uxg-changelog .changelog-container .layout-column .version{margin-bottom:8px;position:relative;left:8%;display:inline-flex;align-items:baseline}uxg-changelog .changelog-container .layout-column .version .version-id{margin-right:8px}uxg-changelog .changelog-container .layout-column .first-release,uxg-changelog .changelog-container .layout-column .last-release,uxg-changelog .changelog-container .layout-column .release-detail{width:calc(100% - 8%)}uxg-changelog .changelog-container .layout-column .change .change-detail{margin-top:8px}uxg-changelog .changelog-container .layout-column .first-release:before{top:-39.5px;width:25px;height:25px;left:calc(-4% - 22px)}uxg-changelog .changelog-container .layout-column .last-release:before,uxg-changelog .changelog-container .layout-column .release-detail:before{top:-30px}uxg-changelog .changelog-container .layout-column .first-release:after{top:-35px;bottom:-35px}uxg-changelog .changelog-container .layout-column .release-detail:after{bottom:-35px;top:-24px}@media (min-width:600px) and (max-width:959.9px){uxg-changelog .changelog-container{margin:0 24px}uxg-changelog .changelog-container .version{margin-bottom:8px;position:relative;left:8%;display:inline-flex;align-items:baseline}uxg-changelog .changelog-container .version .version-id{margin-right:8px}uxg-changelog .changelog-container .first-release,uxg-changelog .changelog-container .last-release,uxg-changelog .changelog-container .release-detail{width:calc(100% - 8%)}uxg-changelog .changelog-container .change .change-detail{margin-top:8px}uxg-changelog .changelog-container .first-release:before{top:-39.5px;width:25px;height:25px;left:calc(-4% - 22px)}uxg-changelog .changelog-container .last-release:before,uxg-changelog .changelog-container .release-detail:before{top:-30px}uxg-changelog .changelog-container .first-release:after{top:-35px;bottom:-35px}uxg-changelog .changelog-container .release-detail:after{bottom:-35px;top:-24px}uxg-changelog .changelog-container .layout-none .version{margin-bottom:8px;position:relative;left:8%;display:inline-flex;align-items:baseline}uxg-changelog .changelog-container .layout-none .version .version-id{margin-right:8px}uxg-changelog .changelog-container .layout-none .first-release,uxg-changelog .changelog-container .layout-none .last-release,uxg-changelog .changelog-container .layout-none .release-detail{width:calc(100% - 8%)}uxg-changelog .changelog-container .layout-none .change .change-detail{margin-top:8px}uxg-changelog .changelog-container .layout-none .first-release:before{top:4px}uxg-changelog .changelog-container .layout-none .last-release:before,uxg-changelog .changelog-container .layout-none .release-detail:before{top:16px}uxg-changelog .changelog-container .layout-none .first-release:after{top:16px;bottom:-48px}uxg-changelog .changelog-container .layout-none .release-detail:after{bottom:-35px;top:16px;bottom:-48px}}@media (min-width:0) and (max-width:599.9px){uxg-changelog .changelog-container{margin:0 8px}uxg-changelog .changelog-container .version{margin-bottom:8px;position:relative;left:8%;display:inline-flex;align-items:baseline}uxg-changelog .changelog-container .version .version-id{margin-right:8px}uxg-changelog .changelog-container .first-release,uxg-changelog .changelog-container .last-release,uxg-changelog .changelog-container .release-detail{padding:8px 16px;margin-right:8px;width:calc(100% - 8% - 8px)}uxg-changelog .changelog-container .change .change-type .type{margin:0 0 0 -4px}uxg-changelog .changelog-container .change .change-detail{margin-top:8px}uxg-changelog .changelog-container .first-release:before{top:-36px;width:18px;height:18px;left:calc(-4% - 19px)}uxg-changelog .changelog-container .last-release:before,uxg-changelog .changelog-container .release-detail:before{top:-30px}uxg-changelog .changelog-container .first-release:after,uxg-changelog .changelog-container .release-detail:after{top:-24px;bottom:-44px}uxg-changelog .changelog-container .layout-none .version{margin-bottom:8px;position:relative;left:8%;display:inline-flex;align-items:baseline}uxg-changelog .changelog-container .layout-none .version .version-id{margin-right:8px}uxg-changelog .changelog-container .layout-none .first-release,uxg-changelog .changelog-container .layout-none .last-release,uxg-changelog .changelog-container .layout-none .release-detail{width:calc(100% - 8%)}uxg-changelog .changelog-container .layout-none .change .change-detail{margin-top:8px}uxg-changelog .changelog-container .layout-none .first-release:before{top:4px}uxg-changelog .changelog-container .layout-none .last-release:before,uxg-changelog .changelog-container .layout-none .release-detail:before{top:16px}uxg-changelog .changelog-container .layout-none .first-release:after{top:16px;bottom:-48px}uxg-changelog .changelog-container .layout-none .release-detail:after{bottom:-35px;top:16px;bottom:-48px}uxg-changelog .title{padding:2rem 1rem}uxg-changelog .title .changelog-icon{width:90px;height:90px}}@media (max-width:959.9px){uxg-changelog .title .creator{max-width:400px}}"]}]}],"members":{"changelog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"displayVersion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}]}},"ChangeLog":{"__symbolic":"interface"}},"origins":{"UXGChangelogModule":"./src/changelog.module","UXGChangelogComponent":"./src/changelog.component","ChangeLog":"./src/changelog.models"},"importAs":"@ffdc/uxg-angular-components/changelog"}