{"__symbolic":"module","version":4,"metadata":{"LetterheadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@gorilainvest/ui-toolkit/icon","name":"IconModule","line":13,"character":4},{"__symbolic":"reference","module":"@gorilainvest/ui-toolkit/shadow","name":"ShadowModule","line":14,"character":4},{"__symbolic":"reference","module":"@gorilainvest/ui-toolkit/directives","name":"DirectivesModule","line":15,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"gor-letterhead","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"template":"<main class=\"letterhead-page preview\" [ngClass]=\"{'no-box': !!_isPrinting}\">\n  <gor-shadow\n    [displayShadow]=\"displayShadow\"\n    [loading]=\"loading\"\n    shadowType=\"header-shadow\"\n  >\n    <gor-letterhead-header\n      [isPrinting]=\"isPrinting\"\n      [headerId]=\"headerId\"\n      [iconList]=\"headerIconList\"\n      [rightMain]=\"headerRightMain\"\n      [rightSub]=\"headerRightSub\"\n      (iconClick)=\"onIconClick($event)\">\n      <div gorLogo>\n        <ng-content select=\"[gorLogo]\"></ng-content>\n      </div>\n      <ng-content select=\"[letterheadSubheader]\" subheader></ng-content>\n    </gor-letterhead-header>\n  </gor-shadow>\n  <ng-content select=\"[letterheadBody]\"></ng-content>\n  <gor-shadow\n    [displayShadow]=\"displayShadow\"\n    [loading]=\"loading\"\n    shadowType=\"footer-shadow\"\n  >\n    <gor-letterhead-footer\n      [isPrinting]=\"isPrinting\"\n      [leftMain]=\"footerLeftMain\"\n      [leftSub]=\"footerLeftSub\"\n      [middleMain]=\"footerMiddleMain\"\n      [middleSub]=\"footerMiddleSub\"\n      [landingPageUrl]=\"landingPageUrl\"\n      [printLogoUrl]=\"printLogoUrl\"\n      [displayLogoUrl]=\"displayLogoUrl\"\n      [footnoteText]=\"footnoteText\">\n    </gor-letterhead-footer>\n  </gor-shadow>\n</main>\n","styles":[".letterhead-page{width:inherit;height:inherit;margin:inherit;padding:0!important}.no-box{box-shadow:none!important}:host.full-body,:host.full-body .letterhead-page{display:flex;flex-direction:column}:host.full-body .letterhead-page>::ng-deep :nth-child(2),:host.full-body>::ng-deep :nth-child(2){display:flex!important;flex:1;flex-direction:column}gor-shadow{height:auto}"]}]}],"members":{"isPrinting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"bodyFillPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["class.full-body"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":35}}]}],"headerIconList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"headerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"headerRightMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"headerRightSub":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"footerLeftMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"footerLeftSub":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"footerMiddleMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"footerMiddleSub":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"footnoteText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"landingPageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"printLogoUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"displayLogoUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"displayShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"iconClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"onIconClick":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"gor-letterhead-footer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<section class=\"letterhead-footnote\">\n  <div *ngIf=\"footnoteText\" class=\"letterhead-footnote-text\">{{ footnoteText }}</div>\n</section>\n<section class=\"letterhead-footer\">\n  <div *ngIf=\"leftMain\" class=\"left main\">{{ leftMain }}</div>\n  <div *ngIf=\"leftSub\" class=\"left sub\">{{ leftSub }}</div>\n  <div *ngIf=\"middleMain\" class=\"middle main\">{{ middleMain }}</div>\n  <div *ngIf=\"middleSub\" class=\"middle sub\">{{ middleSub }}</div>\n  <div class=\"gorila-wrapper main\">\n    <span>powered by</span>\n    <img [src]=\"logoUrl\" alt=\"Footer logo\" *ngIf=\"!!logoUrl\">\n  </div>\n  <div class=\"gorila-wrapper sub\">{{ landingPageUrl }}</div>\n</section>\n","styles":[":host{display:block;background:#fff}.letterhead-footnote{display:flex;flex-direction:column;justify-content:flex-end;height:80px;margin:40px 60px 0}.letterhead-footnote-text{padding-bottom:10px;font-size:12px;color:#888e8e;text-align:start;white-space:pre-line}.letterhead-footer{display:grid;grid-template-areas:\"ltop mtop rtop\" \"lbot mbot rbot\";grid-template-columns:repeat(3,1fr);margin:0 60px;padding-top:30px;padding-bottom:92px;color:#888e8e;font-size:14px;line-height:1.43;border-top:1px solid #979797}.letterhead-footer>*{align-self:flex-end}.letterhead-footer .left{justify-self:flex-start;line-height:1.45}.letterhead-footer .left.main{-ms-grid-row:1;-ms-grid-column:1;grid-area:ltop;color:#2d2d2d;font-weight:800;font-size:22px}.letterhead-footer .left.sub{-ms-grid-row:2;-ms-grid-column:1;grid-area:lbot;color:#888e8e;font-size:18px}.letterhead-footer .middle{justify-self:center;text-align:center}.letterhead-footer .middle.main{-ms-grid-row:1;-ms-grid-column:2;grid-area:mtop}.letterhead-footer .middle.sub{-ms-grid-row:2;-ms-grid-column:2;grid-area:mbot}.letterhead-footer .gorila-wrapper{justify-self:flex-end;text-align:right}.letterhead-footer .gorila-wrapper.main{-ms-grid-row:1;-ms-grid-column:3;grid-area:rtop}.letterhead-footer .gorila-wrapper.sub{-ms-grid-row:2;-ms-grid-column:3;grid-area:rbot;font-size:18px;line-height:1.56}.letterhead-footer span{margin-right:7px;vertical-align:bottom}.letterhead-footer img,.letterhead-footer object{width:99px;height:32px;-o-object-fit:contain;object-fit:contain}"]}]}],"members":{"landingPageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"printLogoUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"displayLogoUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"isPrinting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"leftMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"leftSub":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"middleMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"middleSub":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"footnoteText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"gor-letterhead-header","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"template":"<section class=\"letterhead-header\">\n  <div class=\"header-wrapper\">\n    <div class=\"logo-wrapper\">\n      <ng-content select=\"[gorLogo]\"></ng-content>\n    </div>\n    <div class=\"icon-wrapper\">\n      <div *ngFor=\"let icon of iconList\" class=\"iconList\">\n        <div *ngIf=\"icon.tooltipText;else noTooltipTemplate\" gorTippy [tippyOptions]=\"{ content: icon.tooltipText , placement: icon.tooltipOrientation }\">\n          <gor-icon tabindex=\"0\" *ngIf=\"!_isPrinting\" [iconFolder]=\"icon.folder\" class=\"icon\" [icon]=\"icon.name\" [height]=\"'32px'\" [width]=\"'32px'\"  (click)=\"onSelectIcon(icon.name)\"></gor-icon>\n        </div>  \n        <ng-template #noTooltipTemplate>\n          <gor-icon tabindex=\"0\" *ngIf=\"!_isPrinting\" [iconFolder]=\"icon.folder\" class=\"icon\" [icon]=\"icon.name\" [height]=\"'32px'\" [width]=\"'32px'\"  (click)=\"onSelectIcon(icon.name)\"></gor-icon>\n        </ng-template>\n      </div>\n    </div>\n    <div *ngIf=\"!!_rightMain || !!_rightMainWithLabel\" class=\"right main\">\n        <span *ngIf=\"displayDefaultTemplate; else labelTemplate\" >{{ _rightMain }}</span>\n    </div>\n    <div class=\"right sub\">{{ rightSub }}</div>\n  </div>\n  <div class=\"subheader-wrapper\">\n    <ng-content></ng-content>\n  </div>\n</section>\n\n<ng-template #labelTemplate>\n  <span id=\"right-main-label\">{{ _rightMainWithLabel.label }}</span>\n  <span>{{ _rightMainWithLabel.value }}</span>\n</ng-template>\n","styles":[":host{width:100%}.letterhead-header{width:100%}.letterhead-header .header-wrapper{display:grid;grid-template-areas:\"logo icons\" \"logo main\" \". sub\";grid-template-rows:auto 38px 28px;grid-template-columns:1fr 1fr;padding:70px 60px 30px}.letterhead-header .subheader-wrapper:not(:empty){padding-bottom:30px}.letterhead-header .logo-wrapper{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;grid-area:logo;align-self:flex-end;width:300px;height:100px}.letterhead-header .icon-wrapper{-ms-grid-row:1;-ms-grid-column:2;display:flex;grid-area:icons;align-items:center;justify-content:flex-end}.letterhead-header .iconList{margin-left:15px}.letterhead-header .icon{-ms-grid-row:1;-ms-grid-column:2;display:flex;grid-area:icons;align-items:center;justify-content:flex-end;cursor:pointer}.letterhead-header .right{color:#2d2d2d;font-family:Lato;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:right}.letterhead-header .right.main{-ms-grid-row:2;-ms-grid-column:2;grid-area:main;font-weight:800;font-size:28px;line-height:1.36}.letterhead-header #right-main-label{color:#888e8e;font-weight:400}.letterhead-header .right.sub{-ms-grid-row:3;-ms-grid-column:2;grid-area:sub;font-size:18px;line-height:1.56}","@media print{.letterhead-header .icon-wrapper .icon{display:none}}"]}]}],"members":{"isPrinting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"iconList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"rightMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"rightSub":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"headerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["id"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":22}}]}],"iconClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"onSelectIcon":[{"__symbolic":"method"}]}}},"origins":{"LetterheadModule":"./lib/letterhead.module","ɵa":"./lib/letterhead.component","ɵb":"./lib/footer/footer.component","ɵc":"./lib/header/header.component"},"importAs":"@gorilainvest/ui-toolkit/letterhead"}