@builder.io/angular - npm Package Compare versions

Comparing version 0.0.66 to 0.0.67

app/modules/builder/decorators/builder-component.dectorator.d.ts

@@ -1,2 +0,3 @@
-export { BuilderComponent } from '@builder.io/sdk/dist/clients/js/src/builder.class';
-export { BuilderComponent as BuilderBlock } from '@builder.io/sdk/dist/clients/js/src/builder.class';
+import { BuilderComponent } from '@builder.io/sdk/dist/clients/js/src/builder.class';
+export declare const BuilderBlock: typeof BuilderComponent;
+export { BuilderComponent };

builder.io-angular.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"BuilderComponent","as":"BuilderComponent"},{"name":"BuilderComponent","as":"BuilderBlock"}],"from":"@builder.io/sdk/dist/clients/js/src/builder.class"}],"metadata":{"BuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12}],"providers":[{"__symbolic":"reference","name":"BuilderService"},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵi"}],"entryComponents":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["apiKey"],"value":{"ngModule":{"__symbolic":"reference","name":"BuilderModule"},"providers":[{"provide":{"__symbolic":"reference","name":"BUILDER_API_KEY"},"useValue":{"__symbolic":"reference","name":"apiKey"}}]}}}},"BUILDER_API_KEY":"BUILDER_API_KEY","EXPRESS_REQUEST":"EXPRESS_REQUEST","EXPRESS_RESPONSE":"EXPRESS_RESPONSE","BuilderService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@builder.io/sdk/dist/clients/js/src/builder.class","name":"Builder","line":17,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":5},"arguments":["BUILDER_API_KEY"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":5},"arguments":["EXPRESS_REQUEST"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":5},"arguments":[{"__symbolic":"reference","module":"@nguniversal/express-engine/tokens","name":"REQUEST","line":41,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":5},"arguments":["EXPRESS_RESPONSE"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":5},"arguments":[{"__symbolic":"reference","module":"@nguniversal/express-engine/tokens","name":"RESPONSE","line":47,"character":12}]}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"express","name":"Request","line":39,"character":28},{"__symbolic":"reference","module":"express","name":"Request","line":39,"character":28},{"__symbolic":"reference","module":"express","name":"Response","line":45,"character":29},{"__symbolic":"reference","module":"express","name":"Response","line":45,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":49,"character":20},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":50,"character":30}]}],"getLocation":[{"__symbolic":"method"}],"requestUrl":[{"__symbolic":"method"}],"getCookie":[{"__symbolic":"method"}],"setCookie":[{"__symbolic":"method"}]},"statics":{"componentInstances":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"builder-content","template":"<ng-content>\n</ng-content>\n","styles":[":host{\n  display:block;\n}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"BuilderService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":30,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":21},{"__symbolic":"reference","name":"ɵa"}]}],"contentLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"contentError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[builderModel]","providers":[{"__symbolic":"reference","name":"ɵa"}],"queries":{"testing":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":26,"character":17},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},"testing2":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":18},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":5}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":49,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":50,"character":22},{"__symbolic":"reference","name":"BuilderService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"TransferState","line":53,"character":39},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"onClick":[{"__symbolic":"method"}],"builderModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"request":[{"__symbolic":"method"}],"_updateView":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"builder-render","template":"<div #container></div>\n","styles":[":host{\n  display:block;\n  min-height:50px;\n}\n\nbody.builder-editing-page :host{\n  position:relative;\n  width:100%;\n}\n\nbody.builder-editing-page :host::after{\n  content:'';\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  position:absolute;\n  top:0;\n  left:0;\n  bottom:0;\n  right:0;\n  pointer-events:none;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n}\n\nbody.builder-editing-page :host:hover::after{\n  content:'';\n  cursor:pointer;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n}\n"]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":52,"character":34}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":55,"character":48}]}],"componentName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":57,"character":3},"arguments":["attr.builder-render"]}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":66,"character":3},"arguments":["click",["$event"]]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"loadComponent":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"builder-rich-text","template":"<div [innerHTML]=\"content\">\n","styles":[""]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"BuilderComponent","module":"@builder.io/sdk/dist/clients/js/src/builder.class"},"arguments":[{"name":"Text","inputs":[{"name":"content","type":"html"}]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"builder-columns","template":"<div class=\"container\" [ngStyle]=\"{ gridGap: gutterSize + 'px', gridTemplateColumns: gridTemplateColumns }\">\n  <div *ngFor=\"let column of columns\" class=\"column\">\n    <builder-render *ngFor=\"let component of column.content\" [component]=\"component.component?.component\" [options]=\"component.component?.options\"></builder-render>\n  </div>\n</div>\n","styles":[".container{\n  display:grid;\n}\n"]}]}],"members":{"gutterSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"builder-embed","template":"<div class=\"embed-container\">\n  <iframe class=\"embed-frame\" [src]=\"url\" [ngStyle]=\"{\n      width: width ? width + 'px' : null,\n      height: height ? height + 'px' : null\n    }\">\n  </iframe>\n</div>\n","styles":[".embed-frame{\n  border:none;\n  margin:auto;\n  width:100%;\n  max-width:100%;\n  min-height:100px;\n  height:400px;\n}\n\n.embed-container{\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n}\n\nbody.builder-editing-page :host .embed-frame{\n  pointer-events:none;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"BuilderComponent","module":"@builder.io/sdk/dist/clients/js/src/builder.class"},"arguments":[{"name":"Embed","inputs":[{"name":"contentUrl","type":"url","required":true},{"name":"height","type":"number"},{"name":"width","type":"number"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":59,"character":33}]}],"contentUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"embedUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"builder-blocks","template":"<builder-render *ngFor=\"let block of blocks; let index = index\" [attr.builder-render-property]=\"field\" [attr.builder-render-index]=\"index\"\n  [component]=\"block?.component?.component\" [options]=\"block?.component?.options\">\n</builder-render>\n","styles":[""]}]}],"members":{"blocks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"BuilderModule":"./app/modules/builder/builder.module","BUILDER_API_KEY":"./app/modules/builder/services/builder.service","EXPRESS_REQUEST":"./app/modules/builder/services/builder.service","EXPRESS_RESPONSE":"./app/modules/builder/services/builder.service","BuilderService":"./app/modules/builder/services/builder.service","ɵa":"./app/modules/builder/services/builder-content.service","ɵb":"./app/modules/builder/components/builder-content/builder-content.component","ɵc":"./app/modules/builder/directives/builder-content.directive","ɵd":"./app/modules/builder/directives/builder-content.directive","ɵe":"./app/modules/builder/components/builder-render/builder-render.component","ɵf":"./app/modules/builder/components/builder-rich-text/builder-rich-text.component","ɵg":"./app/modules/builder/components/builder-columns/builder-columns.component","ɵh":"./app/modules/builder/components/builder-embed/builder-embed.component","ɵi":"./app/modules/builder/components/builder-blocks/builder-blocks.component"},"importAs":"@builder.io/angular"}
+{"__symbolic":"module","version":4,"metadata":{"BuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12}],"providers":[{"__symbolic":"reference","name":"BuilderService"},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵi"}],"entryComponents":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["apiKey"],"value":{"ngModule":{"__symbolic":"reference","name":"BuilderModule"},"providers":[{"provide":{"__symbolic":"reference","name":"BUILDER_API_KEY"},"useValue":{"__symbolic":"reference","name":"apiKey"}}]}}}},"BuilderBlock":{"__symbolic":"reference","name":"BuilderComponent"},"BUILDER_API_KEY":"BUILDER_API_KEY","EXPRESS_REQUEST":"EXPRESS_REQUEST","EXPRESS_RESPONSE":"EXPRESS_RESPONSE","BuilderService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@builder.io/sdk/dist/clients/js/src/builder.class","name":"Builder","line":17,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":5},"arguments":["BUILDER_API_KEY"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":5},"arguments":["EXPRESS_REQUEST"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":5},"arguments":[{"__symbolic":"reference","module":"@nguniversal/express-engine/tokens","name":"REQUEST","line":41,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":5},"arguments":["EXPRESS_RESPONSE"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":5},"arguments":[{"__symbolic":"reference","module":"@nguniversal/express-engine/tokens","name":"RESPONSE","line":47,"character":12}]}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"express","name":"Request","line":39,"character":28},{"__symbolic":"reference","module":"express","name":"Request","line":39,"character":28},{"__symbolic":"reference","module":"express","name":"Response","line":45,"character":29},{"__symbolic":"reference","module":"express","name":"Response","line":45,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":49,"character":20},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":50,"character":30}]}],"getLocation":[{"__symbolic":"method"}],"requestUrl":[{"__symbolic":"method"}],"getCookie":[{"__symbolic":"method"}],"setCookie":[{"__symbolic":"method"}]},"statics":{"componentInstances":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"builder-content","template":"<ng-content>\n</ng-content>\n","styles":[":host{\n  display:block;\n}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"BuilderService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":30,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":21},{"__symbolic":"reference","name":"ɵa"}]}],"contentLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"contentError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[builderModel]","providers":[{"__symbolic":"reference","name":"ɵa"}],"queries":{"testing":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":26,"character":17},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},"testing2":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":18},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":5}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":49,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":50,"character":22},{"__symbolic":"reference","name":"BuilderService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"TransferState","line":53,"character":39},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"onClick":[{"__symbolic":"method"}],"builderModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"request":[{"__symbolic":"method"}],"_updateView":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"builder-render","template":"<div #container></div>\n","styles":[":host{\n  display:block;\n  min-height:50px;\n}\n\nbody.builder-editing-page :host{\n  position:relative;\n  width:100%;\n}\n\nbody.builder-editing-page :host::after{\n  content:'';\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  position:absolute;\n  top:0;\n  left:0;\n  bottom:0;\n  right:0;\n  pointer-events:none;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n}\n\nbody.builder-editing-page :host:hover::after{\n  content:'';\n  cursor:pointer;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n}\n"]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":52,"character":34}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":55,"character":48}]}],"componentName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":57,"character":3},"arguments":["attr.builder-render"]}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":66,"character":3},"arguments":["click",["$event"]]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"loadComponent":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"builder-rich-text","template":"<div [innerHTML]=\"content\">\n","styles":[""]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"BuilderComponent","module":"@builder.io/sdk/dist/clients/js/src/builder.class"},"arguments":[{"name":"Text","inputs":[{"name":"content","type":"html"}]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"builder-columns","template":"<div class=\"container\" [ngStyle]=\"{ gridGap: gutterSize + 'px', gridTemplateColumns: gridTemplateColumns }\">\n  <div *ngFor=\"let column of columns\" class=\"column\">\n    <builder-render *ngFor=\"let component of column.content\" [component]=\"component.component?.component\" [options]=\"component.component?.options\"></builder-render>\n  </div>\n</div>\n","styles":[".container{\n  display:grid;\n}\n"]}]}],"members":{"gutterSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"builder-embed","template":"<div class=\"embed-container\">\n  <iframe class=\"embed-frame\" [src]=\"url\" [ngStyle]=\"{\n      width: width ? width + 'px' : null,\n      height: height ? height + 'px' : null\n    }\">\n  </iframe>\n</div>\n","styles":[".embed-frame{\n  border:none;\n  margin:auto;\n  width:100%;\n  max-width:100%;\n  min-height:100px;\n  height:400px;\n}\n\n.embed-container{\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n}\n\nbody.builder-editing-page :host .embed-frame{\n  pointer-events:none;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"BuilderComponent","module":"@builder.io/sdk/dist/clients/js/src/builder.class"},"arguments":[{"name":"Embed","inputs":[{"name":"contentUrl","type":"url","required":true},{"name":"height","type":"number"},{"name":"width","type":"number"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":59,"character":33}]}],"contentUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"embedUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"builder-blocks","template":"<builder-render *ngFor=\"let block of blocks; let index = index\" [attr.builder-render-property]=\"field\" [attr.builder-render-index]=\"index\"\n  [component]=\"block?.component?.component\" [options]=\"block?.component?.options\">\n</builder-render>\n","styles":[""]}]}],"members":{"blocks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"BuilderModule":"./app/modules/builder/builder.module","BuilderBlock":"@builder.io/sdk/dist/clients/js/src/builder.class","BuilderComponent":"@builder.io/sdk/dist/clients/js/src/builder.class","BUILDER_API_KEY":"./app/modules/builder/services/builder.service","EXPRESS_REQUEST":"./app/modules/builder/services/builder.service","EXPRESS_RESPONSE":"./app/modules/builder/services/builder.service","BuilderService":"./app/modules/builder/services/builder.service","ɵa":"./app/modules/builder/services/builder-content.service","ɵb":"./app/modules/builder/components/builder-content/builder-content.component","ɵc":"./app/modules/builder/directives/builder-content.directive","ɵd":"./app/modules/builder/directives/builder-content.directive","ɵe":"./app/modules/builder/components/builder-render/builder-render.component","ɵf":"./app/modules/builder/components/builder-rich-text/builder-rich-text.component","ɵg":"./app/modules/builder/components/builder-columns/builder-columns.component","ɵh":"./app/modules/builder/components/builder-embed/builder-embed.component","ɵi":"./app/modules/builder/components/builder-blocks/builder-blocks.component"},"importAs":"@builder.io/angular"}

bundles/builder.io-angular.umd.js

@@ -553,2 +553,3 @@ (function (global, factory) {
  */
+var BuilderBlock = builder_class.BuilderComponent;
 /**
@@ -794,5 +795,5 @@ * @fileoverview added by tsickle
 
+exports.BuilderModule = BuilderModule;
+exports.BuilderBlock = BuilderBlock;
 exports.BuilderComponent = builder_class.BuilderComponent;
-exports.BuilderBlock = builder_class.BuilderComponent;
-exports.BuilderModule = BuilderModule;
 exports.BUILDER_API_KEY = BUILDER_API_KEY;
@@ -799,0 +800,0 @@ exports.EXPRESS_REQUEST = EXPRESS_REQUEST;

bundles/builder.io-angular.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/router"),require("@nguniversal/express-engine/tokens"),require("@builder.io/sdk/dist/clients/js/src/builder.class"),require("url"),require("@angular/common/http"),require("rxjs/add/operator/toPromise"),require("cookies"),require("@builder.io/sdk"),require("@angular/platform-browser"),require("lodash-es/omit"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/router","@nguniversal/express-engine/tokens","@builder.io/sdk/dist/clients/js/src/builder.class","url","@angular/common/http","rxjs/add/operator/toPromise","cookies","@builder.io/sdk","@angular/platform-browser","lodash-es/omit","@angular/common"],t):t((e.builder=e.builder||{},e.builder.io=e.builder.io||{},e.builder.io.angular={}),e.ng.core,e.ng.router,e.tokens,e.builder_class,e.url,e.ng.common.http,e.Rx.Observable.prototype,e.Cookies,e.sdk,e.ng.platformBrowser,e.omit,e.ng.common)}(this,function(e,t,n,o,r,i,s,a,c,p,u,l,d){"use strict";l=l&&l.hasOwnProperty("default")?l["default"]:l;var m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};function f(e,t,n,o){var r,i=arguments.length,s=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(i<3?r(s):i>3?r(t,n,s):r(t,n))||s);return i>3&&s&&Object.defineProperty(t,n,s),s}var h="BUILDER_API_KEY",y="EXPRESS_REQUEST",b="EXPRESS_RESPONSE",g=function(e){function t(t,n,o,i,s,a,p){var u=e.call(this)||this;return u.expressRequest=n,u.expressEngineRequest=o,u.expressResponse=i,u.expressEngineResponse=s,u.router=a,u.http=p,u.autoTrack=!u.isDevelopment,u.expressEngineRequest&&(u.expressRequest=u.expressEngineRequest),u.expressEngineResponse&&(u.expressResponse=u.expressEngineResponse),t&&u.init(t),u.expressRequest?(u.setUserAgent(u.expressRequest.get("user-agent")),u.cookies=new c(u.expressRequest,u.expressResponse)):r.Builder.isBrowser||console.warn("No express request set! Builder cannot target appropriately without this, please contact [e-mail] to learn how to set this as required"),u}return function(e,t){function n(){this.constructor=e}m(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),Object.defineProperty(t.prototype,"isDevelopment",{get:function(){return r.Builder.isIframe||r.Builder.isBrowser&&("localhost"===location.hostname||""!==location.port)},enumerable:!0,configurable:!0}),t.prototype.getLocation=function(){return i.parse(this.router.url)},t.prototype.requestUrl=function(t){return this.http?this.http.get(t).toPromise():e.prototype.requestUrl.call(this,t)},t.prototype.getCookie=function(t){return r.Builder.isBrowser?e.prototype.getCookie.call(this,t):this.cookies&&this.cookies.get(t)},t.prototype.setCookie=function(t,n,o){return r.Builder.isBrowser?e.prototype.setCookie.call(this,t,n,o):this.cookies&&this.cookies.set(t,n,o)},t}(r.Builder);g.componentInstances={},g.decorators=[{type:t.Injectable}],g.ctorParameters=function(){return[{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[h]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[y]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[o.REQUEST]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[b]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[o.RESPONSE]}]},{type:n.Router},{type:s.HttpClient,decorators:[{type:t.Optional}]}]};var v=function(){return function(){}}();v.decorators=[{type:t.Injectable}],v.ctorParameters=function(){return[]};var x=function(){function e(e,n,o,r){this.builder=e,this.renderer=n,this.element=o,this.builderContentService=r,this.contentLoad=new t.EventEmitter,this.contentError=new t.EventEmitter,r.componentInstance=this}return Object.defineProperty(e.prototype,"editingMode",{get:function(){return p.Builder.editingPage},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){var e=this;setTimeout(function(){var t=e.element.nativeElement&&e.element.nativeElement.getAttribute&&e.element.nativeElement.getAttribute("builder-model");t?(e.modelName=t,g.componentInstances[t]=e):console.log("no model name??")},100)},e.prototype.ngOnDestroy=function(){this.modelName&&g.componentInstances[this.modelName]===this&&delete g.componentInstances[this.modelName]},e}();x.decorators=[{type:t.Component,args:[{selector:"builder-content",template:"<ng-content>\n</ng-content>\n",styles:[":host{\n  display:block;\n}\n"]}]}],x.ctorParameters=function(){return[{type:g},{type:t.Renderer},{type:t.ElementRef},{type:v}]},x.propDecorators={contentLoad:[{type:t.Output}],contentError:[{type:t.Output}]};var w=function(){function e(e,t,n,o,r,i){this._viewContainer=e,this.renderer=t,this.builder=n,this.builderContentService=o,this.transferState=r,this._context=new k,this._templateRef=null,this._viewRef=null,this.matchId="",this.clickTracked=!1,o.directiveInstance=this,this._templateRef=i}return Object.defineProperty(e.prototype,"component",{get:function(){return g.componentInstances[this._context.model]},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){if(this.matchId&&!this.clickTracked){var e=this.match;this.builder.autoTrack&&this.builder.trackInteraction(this.matchId,e&&e.variationId),this.clickTracked=!0}document.body.classList.contains("builder-editing")&&(this.matchId?window.top.postMessage({type:"builder.clickContent",data:{id:this.matchId,model:this._context.model}},"*"):window.top.postMessage({type:"builder.clickModel",data:{model:this._context.model}},"*"))},Object.defineProperty(e.prototype,"builderModel",{set:function(e){var t=this;if(e){this._context.model=e,this._updateView(),this.stateKey=u.makeStateKey("builder:"+e),this.request();var n=this._viewRef.rootNodes[0];this.renderer.setElementAttribute(n,"builder-model",e),this.renderer.setElementAttribute(n,"builder-model-name",e.replace(/-/g," ")),this.renderer.listen(n,"click",function(){return t.onClick()})}},enumerable:!0,configurable:!0}),e.prototype.request=function(){var e=this,t=this._context.model,n=this.transferState&&this.transferState.get(this.stateKey,null);this.builder.queueGetContent(t,{initialContent:n}).subscribe(function(t){e.transferState&&e.transferState.set(e.stateKey,t);var n=e._viewRef;e._context.loading=!1;var o=t[0];if(e.component?e.component.contentLoad.next(o):console.warn("no component!"),o){var r=e._viewRef.rootNodes[0];e.matchId=o.id,e.renderer.setElementAttribute(r,"builder-content-entry-id",o.id),e.match=o,n.context.$implicit=o.data,n.context.results=t.map(function(e){return Object.assign({},e.data,{$id:e.id})}),e.builder.autoTrack&&e.builder.trackImpression(o.id,o.variationId)}n.detectChanges()},function(t){e.component?e.component.contentError.next(t):console.warn("no component!")})},e.prototype._updateView=function(){this._context.model&&(this._viewContainer.clear(),this._templateRef&&(this._viewRef=this._viewContainer.createEmbeddedView(this._templateRef,this._context)))},e}();w.decorators=[{type:t.Directive,args:[{selector:"[builderModel]",providers:[v],queries:{testing:new t.ContentChild(x),testing2:new t.ViewChild(x)}}]}],w.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.Renderer},{type:g},{type:v},{type:u.TransferState,decorators:[{type:t.Optional}]},{type:t.TemplateRef}]},w.propDecorators={builderModel:[{type:t.Input}]};var k=function(){return function(){this.loading=!0,this.results=[]}}(),R=function(){function e(e){this.componentFactoryResolver=e,this.componentOptions=null}return Object.defineProperty(e.prototype,"component",{set:function(e){this.componentName=e},enumerable:!0,configurable:!0}),e.prototype.onClick=function(e){if(p.Builder.editingPage&&p.Builder.isIframe){e.stopPropagation();var t=this.componentInfo;t&&window.top.postMessage({type:"builder.clickComponent",data:{component:l(t,"class")}},"*")}},Object.defineProperty(e.prototype,"componentInfo",{get:function(){var e=this;return p.Builder.components.find(function(t){return t.name===e.componentName})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{set:function(e){this.componentOptions=e},enumerable:!0,configurable:!0}),e.prototype.loadComponent=function(){var e=this.componentInfo,t=e&&e["class"];if(t){var n=this.componentFactoryResolver.resolveComponentFactory(t);if(n){var o=this.container;o.clear();var r=o.createComponent(n);this.componentOptions&&Object.assign(r.instance,this.componentOptions)}}},e.prototype.ngOnInit=function(){this.loadComponent()},e}();R.decorators=[{type:t.Component,args:[{selector:"builder-render",template:"<div #container></div>\n",styles:[":host{\n  display:block;\n  min-height:50px;\n}\nbody.builder-editing-page :host{\n  position:relative;\n  width:100%;\n}\nbody.builder-editing-page :host::after{\n  content:'';\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  position:absolute;\n  top:0;\n  left:0;\n  bottom:0;\n  right:0;\n  pointer-events:none;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n}\nbody.builder-editing-page :host:hover::after{\n  content:'';\n  cursor:pointer;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n}\n"]}]}],R.ctorParameters=function(){return[{type:t.ComponentFactoryResolver}]},R.propDecorators={container:[{type:t.ViewChild,args:["container",{read:t.ViewContainerRef}]}],componentName:[{type:t.HostBinding,args:["attr.builder-render"]}],component:[{type:t.Input}],onClick:[{type:t.HostListener,args:["click",["$event"]]}],options:[{type:t.Input}]},e.ɵf=function(){function e(){}return e.prototype.ngOnInit=function(){},e}(),e.ɵf.decorators=[{type:t.Component,args:[{selector:"builder-rich-text",template:'<div [innerHTML]="content">\n',styles:[""]}]}],e.ɵf.ctorParameters=function(){return[]},e.ɵf.propDecorators={content:[{type:t.Input}]},e.ɵf=f([r.BuilderComponent({name:"Text",inputs:[{name:"content",type:"html"}]})],e.ɵf);var I=function(){function e(){this.gutterSize=10,this.columns=[]}return Object.defineProperty(e.prototype,"numColumns",{get:function(){return this.columns.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gridTemplateColumns",{get:function(){var e=100/this.columns.length;return this.columns.map(function(t){return e+"%"}).join(" ")},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e}();I.decorators=[{type:t.Component,args:[{selector:"builder-columns",template:'<div class="container" [ngStyle]="{ gridGap: gutterSize + \'px\', gridTemplateColumns: gridTemplateColumns }">\n  <div *ngFor="let column of columns" class="column">\n    <builder-render *ngFor="let component of column.content" [component]="component.component?.component" [options]="component.component?.options"></builder-render>\n  </div>\n</div>\n',styles:[".container{\n  display:grid;\n}\n"]}]}],I.ctorParameters=function(){return[]},I.propDecorators={gutterSize:[{type:t.Input}],columns:[{type:t.Input}]},e.ɵh=function(){function e(e){this.sanitizer=e}return Object.defineProperty(e.prototype,"url",{get:function(){return this.contentUrl&&this.sanitizer.bypassSecurityTrustResourceUrl(this.embedUrl||this.contentUrl)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e}(),e.ɵh.decorators=[{type:t.Component,args:[{selector:"builder-embed",template:'<div class="embed-container">\n  <iframe class="embed-frame" [src]="url" [ngStyle]="{\n      width: width ? width + \'px\' : null,\n      height: height ? height + \'px\' : null\n    }">\n  </iframe>\n</div>\n',styles:[".embed-frame{\n  border:none;\n  margin:auto;\n  width:100%;\n  max-width:100%;\n  min-height:100px;\n  height:400px;\n}\n.embed-container{\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n}\nbody.builder-editing-page :host .embed-frame{\n  pointer-events:none;\n}\n"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ɵh.ctorParameters=function(){return[{type:u.DomSanitizer}]},e.ɵh.propDecorators={contentUrl:[{type:t.Input}],embedUrl:[{type:t.Input}],width:[{type:t.Input}],height:[{type:t.Input}]},e.ɵh=f([r.BuilderComponent({name:"Embed",inputs:[{name:"contentUrl",type:"url",required:!0},{name:"height",type:"number"},{name:"width",type:"number"}]}),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:paramtypes",[u.DomSanitizer])],e.ɵh);var C=function(){function e(){this.blocks=[],this.field=""}return e.prototype.ngOnInit=function(){},e}();C.decorators=[{type:t.Component,args:[{selector:"builder-blocks",template:'<builder-render *ngFor="let block of blocks; let index = index" [attr.builder-render-property]="field" [attr.builder-render-index]="index"\n  [component]="block?.component?.component" [options]="block?.component?.options">\n</builder-render>\n',styles:[""]}]}],C.ctorParameters=function(){return[]},C.propDecorators={blocks:[{type:t.Input}],field:[{type:t.Input}]};var E=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:h,useValue:t}]}},e}();E.decorators=[{type:t.NgModule,args:[{imports:[d.CommonModule],providers:[g,v],declarations:[x,w,R,e.ɵf,I,e.ɵh,C],exports:[x,w,R,e.ɵf,C],entryComponents:[I,e.ɵf,e.ɵh]}]}],E.ctorParameters=function(){return[]},e.BuilderComponent=r.BuilderComponent,e.BuilderBlock=r.BuilderComponent,e.BuilderModule=E,e.BUILDER_API_KEY=h,e.EXPRESS_REQUEST=y,e.EXPRESS_RESPONSE=b,e.BuilderService=g,e.ɵi=C,e.ɵg=I,e.ɵb=x,e.ɵe=R,e.ɵd=k,e.ɵc=w,e.ɵa=v,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/router"),require("@nguniversal/express-engine/tokens"),require("@builder.io/sdk/dist/clients/js/src/builder.class"),require("url"),require("@angular/common/http"),require("rxjs/add/operator/toPromise"),require("cookies"),require("@builder.io/sdk"),require("@angular/platform-browser"),require("lodash-es/omit"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/router","@nguniversal/express-engine/tokens","@builder.io/sdk/dist/clients/js/src/builder.class","url","@angular/common/http","rxjs/add/operator/toPromise","cookies","@builder.io/sdk","@angular/platform-browser","lodash-es/omit","@angular/common"],t):t((e.builder=e.builder||{},e.builder.io=e.builder.io||{},e.builder.io.angular={}),e.ng.core,e.ng.router,e.tokens,e.builder_class,e.url,e.ng.common.http,e.Rx.Observable.prototype,e.Cookies,e.sdk,e.ng.platformBrowser,e.omit,e.ng.common)}(this,function(e,t,n,o,r,i,s,a,c,p,u,l,d){"use strict";l=l&&l.hasOwnProperty("default")?l["default"]:l;var m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};function f(e,t,n,o){var r,i=arguments.length,s=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(i<3?r(s):i>3?r(t,n,s):r(t,n))||s);return i>3&&s&&Object.defineProperty(t,n,s),s}var h="BUILDER_API_KEY",y="EXPRESS_REQUEST",b="EXPRESS_RESPONSE",g=function(e){function t(t,n,o,i,s,a,p){var u=e.call(this)||this;return u.expressRequest=n,u.expressEngineRequest=o,u.expressResponse=i,u.expressEngineResponse=s,u.router=a,u.http=p,u.autoTrack=!u.isDevelopment,u.expressEngineRequest&&(u.expressRequest=u.expressEngineRequest),u.expressEngineResponse&&(u.expressResponse=u.expressEngineResponse),t&&u.init(t),u.expressRequest?(u.setUserAgent(u.expressRequest.get("user-agent")),u.cookies=new c(u.expressRequest,u.expressResponse)):r.Builder.isBrowser||console.warn("No express request set! Builder cannot target appropriately without this, please contact [e-mail] to learn how to set this as required"),u}return function(e,t){function n(){this.constructor=e}m(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),Object.defineProperty(t.prototype,"isDevelopment",{get:function(){return r.Builder.isIframe||r.Builder.isBrowser&&("localhost"===location.hostname||""!==location.port)},enumerable:!0,configurable:!0}),t.prototype.getLocation=function(){return i.parse(this.router.url)},t.prototype.requestUrl=function(t){return this.http?this.http.get(t).toPromise():e.prototype.requestUrl.call(this,t)},t.prototype.getCookie=function(t){return r.Builder.isBrowser?e.prototype.getCookie.call(this,t):this.cookies&&this.cookies.get(t)},t.prototype.setCookie=function(t,n,o){return r.Builder.isBrowser?e.prototype.setCookie.call(this,t,n,o):this.cookies&&this.cookies.set(t,n,o)},t}(r.Builder);g.componentInstances={},g.decorators=[{type:t.Injectable}],g.ctorParameters=function(){return[{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[h]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[y]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[o.REQUEST]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[b]}]},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[o.RESPONSE]}]},{type:n.Router},{type:s.HttpClient,decorators:[{type:t.Optional}]}]};var v=function(){return function(){}}();v.decorators=[{type:t.Injectable}],v.ctorParameters=function(){return[]};var x=function(){function e(e,n,o,r){this.builder=e,this.renderer=n,this.element=o,this.builderContentService=r,this.contentLoad=new t.EventEmitter,this.contentError=new t.EventEmitter,r.componentInstance=this}return Object.defineProperty(e.prototype,"editingMode",{get:function(){return p.Builder.editingPage},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){var e=this;setTimeout(function(){var t=e.element.nativeElement&&e.element.nativeElement.getAttribute&&e.element.nativeElement.getAttribute("builder-model");t?(e.modelName=t,g.componentInstances[t]=e):console.log("no model name??")},100)},e.prototype.ngOnDestroy=function(){this.modelName&&g.componentInstances[this.modelName]===this&&delete g.componentInstances[this.modelName]},e}();x.decorators=[{type:t.Component,args:[{selector:"builder-content",template:"<ng-content>\n</ng-content>\n",styles:[":host{\n  display:block;\n}\n"]}]}],x.ctorParameters=function(){return[{type:g},{type:t.Renderer},{type:t.ElementRef},{type:v}]},x.propDecorators={contentLoad:[{type:t.Output}],contentError:[{type:t.Output}]};var w=function(){function e(e,t,n,o,r,i){this._viewContainer=e,this.renderer=t,this.builder=n,this.builderContentService=o,this.transferState=r,this._context=new k,this._templateRef=null,this._viewRef=null,this.matchId="",this.clickTracked=!1,o.directiveInstance=this,this._templateRef=i}return Object.defineProperty(e.prototype,"component",{get:function(){return g.componentInstances[this._context.model]},enumerable:!0,configurable:!0}),e.prototype.onClick=function(){if(this.matchId&&!this.clickTracked){var e=this.match;this.builder.autoTrack&&this.builder.trackInteraction(this.matchId,e&&e.variationId),this.clickTracked=!0}document.body.classList.contains("builder-editing")&&(this.matchId?window.top.postMessage({type:"builder.clickContent",data:{id:this.matchId,model:this._context.model}},"*"):window.top.postMessage({type:"builder.clickModel",data:{model:this._context.model}},"*"))},Object.defineProperty(e.prototype,"builderModel",{set:function(e){var t=this;if(e){this._context.model=e,this._updateView(),this.stateKey=u.makeStateKey("builder:"+e),this.request();var n=this._viewRef.rootNodes[0];this.renderer.setElementAttribute(n,"builder-model",e),this.renderer.setElementAttribute(n,"builder-model-name",e.replace(/-/g," ")),this.renderer.listen(n,"click",function(){return t.onClick()})}},enumerable:!0,configurable:!0}),e.prototype.request=function(){var e=this,t=this._context.model,n=this.transferState&&this.transferState.get(this.stateKey,null);this.builder.queueGetContent(t,{initialContent:n}).subscribe(function(t){e.transferState&&e.transferState.set(e.stateKey,t);var n=e._viewRef;e._context.loading=!1;var o=t[0];if(e.component?e.component.contentLoad.next(o):console.warn("no component!"),o){var r=e._viewRef.rootNodes[0];e.matchId=o.id,e.renderer.setElementAttribute(r,"builder-content-entry-id",o.id),e.match=o,n.context.$implicit=o.data,n.context.results=t.map(function(e){return Object.assign({},e.data,{$id:e.id})}),e.builder.autoTrack&&e.builder.trackImpression(o.id,o.variationId)}n.detectChanges()},function(t){e.component?e.component.contentError.next(t):console.warn("no component!")})},e.prototype._updateView=function(){this._context.model&&(this._viewContainer.clear(),this._templateRef&&(this._viewRef=this._viewContainer.createEmbeddedView(this._templateRef,this._context)))},e}();w.decorators=[{type:t.Directive,args:[{selector:"[builderModel]",providers:[v],queries:{testing:new t.ContentChild(x),testing2:new t.ViewChild(x)}}]}],w.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.Renderer},{type:g},{type:v},{type:u.TransferState,decorators:[{type:t.Optional}]},{type:t.TemplateRef}]},w.propDecorators={builderModel:[{type:t.Input}]};var k=function(){return function(){this.loading=!0,this.results=[]}}(),R=function(){function e(e){this.componentFactoryResolver=e,this.componentOptions=null}return Object.defineProperty(e.prototype,"component",{set:function(e){this.componentName=e},enumerable:!0,configurable:!0}),e.prototype.onClick=function(e){if(p.Builder.editingPage&&p.Builder.isIframe){e.stopPropagation();var t=this.componentInfo;t&&window.top.postMessage({type:"builder.clickComponent",data:{component:l(t,"class")}},"*")}},Object.defineProperty(e.prototype,"componentInfo",{get:function(){var e=this;return p.Builder.components.find(function(t){return t.name===e.componentName})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{set:function(e){this.componentOptions=e},enumerable:!0,configurable:!0}),e.prototype.loadComponent=function(){var e=this.componentInfo,t=e&&e["class"];if(t){var n=this.componentFactoryResolver.resolveComponentFactory(t);if(n){var o=this.container;o.clear();var r=o.createComponent(n);this.componentOptions&&Object.assign(r.instance,this.componentOptions)}}},e.prototype.ngOnInit=function(){this.loadComponent()},e}();R.decorators=[{type:t.Component,args:[{selector:"builder-render",template:"<div #container></div>\n",styles:[":host{\n  display:block;\n  min-height:50px;\n}\nbody.builder-editing-page :host{\n  position:relative;\n  width:100%;\n}\nbody.builder-editing-page :host::after{\n  content:'';\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n  position:absolute;\n  top:0;\n  left:0;\n  bottom:0;\n  right:0;\n  pointer-events:none;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.1);\n}\nbody.builder-editing-page :host:hover::after{\n  content:'';\n  cursor:pointer;\n  -webkit-box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n          box-shadow:inset 0 0 0 1px rgba(70, 172, 194, 0.5);\n}\n"]}]}],R.ctorParameters=function(){return[{type:t.ComponentFactoryResolver}]},R.propDecorators={container:[{type:t.ViewChild,args:["container",{read:t.ViewContainerRef}]}],componentName:[{type:t.HostBinding,args:["attr.builder-render"]}],component:[{type:t.Input}],onClick:[{type:t.HostListener,args:["click",["$event"]]}],options:[{type:t.Input}]};var I=r.BuilderComponent;e.ɵf=function(){function e(){}return e.prototype.ngOnInit=function(){},e}(),e.ɵf.decorators=[{type:t.Component,args:[{selector:"builder-rich-text",template:'<div [innerHTML]="content">\n',styles:[""]}]}],e.ɵf.ctorParameters=function(){return[]},e.ɵf.propDecorators={content:[{type:t.Input}]},e.ɵf=f([r.BuilderComponent({name:"Text",inputs:[{name:"content",type:"html"}]})],e.ɵf);var C=function(){function e(){this.gutterSize=10,this.columns=[]}return Object.defineProperty(e.prototype,"numColumns",{get:function(){return this.columns.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gridTemplateColumns",{get:function(){var e=100/this.columns.length;return this.columns.map(function(t){return e+"%"}).join(" ")},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e}();C.decorators=[{type:t.Component,args:[{selector:"builder-columns",template:'<div class="container" [ngStyle]="{ gridGap: gutterSize + \'px\', gridTemplateColumns: gridTemplateColumns }">\n  <div *ngFor="let column of columns" class="column">\n    <builder-render *ngFor="let component of column.content" [component]="component.component?.component" [options]="component.component?.options"></builder-render>\n  </div>\n</div>\n',styles:[".container{\n  display:grid;\n}\n"]}]}],C.ctorParameters=function(){return[]},C.propDecorators={gutterSize:[{type:t.Input}],columns:[{type:t.Input}]},e.ɵh=function(){function e(e){this.sanitizer=e}return Object.defineProperty(e.prototype,"url",{get:function(){return this.contentUrl&&this.sanitizer.bypassSecurityTrustResourceUrl(this.embedUrl||this.contentUrl)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e}(),e.ɵh.decorators=[{type:t.Component,args:[{selector:"builder-embed",template:'<div class="embed-container">\n  <iframe class="embed-frame" [src]="url" [ngStyle]="{\n      width: width ? width + \'px\' : null,\n      height: height ? height + \'px\' : null\n    }">\n  </iframe>\n</div>\n',styles:[".embed-frame{\n  border:none;\n  margin:auto;\n  width:100%;\n  max-width:100%;\n  min-height:100px;\n  height:400px;\n}\n.embed-container{\n  display:-webkit-box;\n  display:-ms-flexbox;\n  display:flex;\n}\nbody.builder-editing-page :host .embed-frame{\n  pointer-events:none;\n}\n"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ɵh.ctorParameters=function(){return[{type:u.DomSanitizer}]},e.ɵh.propDecorators={contentUrl:[{type:t.Input}],embedUrl:[{type:t.Input}],width:[{type:t.Input}],height:[{type:t.Input}]},e.ɵh=f([r.BuilderComponent({name:"Embed",inputs:[{name:"contentUrl",type:"url",required:!0},{name:"height",type:"number"},{name:"width",type:"number"}]}),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:paramtypes",[u.DomSanitizer])],e.ɵh);var E=function(){function e(){this.blocks=[],this.field=""}return e.prototype.ngOnInit=function(){},e}();E.decorators=[{type:t.Component,args:[{selector:"builder-blocks",template:'<builder-render *ngFor="let block of blocks; let index = index" [attr.builder-render-property]="field" [attr.builder-render-index]="index"\n  [component]="block?.component?.component" [options]="block?.component?.options">\n</builder-render>\n',styles:[""]}]}],E.ctorParameters=function(){return[]},E.propDecorators={blocks:[{type:t.Input}],field:[{type:t.Input}]};var O=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:h,useValue:t}]}},e}();O.decorators=[{type:t.NgModule,args:[{imports:[d.CommonModule],providers:[g,v],declarations:[x,w,R,e.ɵf,C,e.ɵh,E],exports:[x,w,R,e.ɵf,E],entryComponents:[C,e.ɵf,e.ɵh]}]}],O.ctorParameters=function(){return[]},e.BuilderModule=O,e.BuilderBlock=I,e.BuilderComponent=r.BuilderComponent,e.BUILDER_API_KEY=h,e.EXPRESS_REQUEST=y,e.EXPRESS_RESPONSE=b,e.BuilderService=g,e.ɵi=E,e.ɵg=C,e.ɵb=x,e.ɵe=R,e.ɵd=k,e.ɵc=w,e.ɵa=v,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=builder.io-angular.umd.min.js.map

esm2015/builder.io-angular.js

 import { Injectable, Inject, Optional, Component, Output, EventEmitter, ElementRef, Renderer, Directive, Input, TemplateRef, ViewContainerRef, ContentChild, ViewChild, ComponentFactoryResolver, HostListener, HostBinding, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { Router } from '@angular/router';
 import { RESPONSE, REQUEST } from '@nguniversal/express-engine/tokens';
-import { Builder, BuilderComponent } from '@builder.io/sdk/dist/clients/js/src/builder.class';export { BuilderComponent, BuilderComponent as BuilderBlock } from '@builder.io/sdk/dist/clients/js/src/builder.class';
+import { Builder, BuilderComponent } from '@builder.io/sdk/dist/clients/js/src/builder.class';
 import { parse } from 'url';
@@ -522,2 +522,3 @@ import { HttpClient } from '@angular/common/http';
  */
+const BuilderBlock = BuilderComponent;
 
@@ -797,3 +798,3 @@ /**
 
-export { BuilderModule, BUILDER_API_KEY, EXPRESS_REQUEST, EXPRESS_RESPONSE, BuilderService, BuilderBlocksComponent as ɵi, BuilderColumnsComponent as ɵg, BuilderContentComponent as ɵb, BuilderEmbedComponent as ɵh, BuilderRenderComponent as ɵe, BuilderRichTextComponent as ɵf, BuilderContentContext as ɵd, BuilderContentDirective as ɵc, BuilderContentService as ɵa };
+export { BuilderModule, BuilderBlock, BuilderComponent, BUILDER_API_KEY, EXPRESS_REQUEST, EXPRESS_RESPONSE, BuilderService, BuilderBlocksComponent as ɵi, BuilderColumnsComponent as ɵg, BuilderContentComponent as ɵb, BuilderEmbedComponent as ɵh, BuilderRenderComponent as ɵe, BuilderRichTextComponent as ɵf, BuilderContentContext as ɵd, BuilderContentDirective as ɵc, BuilderContentService as ɵa };
 //# sourceMappingURL=builder.io-angular.js.map

esm5/builder.io-angular.js

@@ -6,3 +6,2 @@ import * as tslib_1 from "tslib";
 import { Builder, BuilderComponent } from '@builder.io/sdk/dist/clients/js/src/builder.class';
-export { BuilderComponent, BuilderComponent as BuilderBlock } from '@builder.io/sdk/dist/clients/js/src/builder.class';
 import { parse } from 'url';
@@ -527,2 +526,3 @@ import { HttpClient } from '@angular/common/http';
  */
+var BuilderBlock = BuilderComponent;
 /**
@@ -778,3 +778,3 @@ * @fileoverview added by tsickle
  */
-export { BuilderModule, BUILDER_API_KEY, EXPRESS_REQUEST, EXPRESS_RESPONSE, BuilderService, BuilderBlocksComponent as ɵi, BuilderColumnsComponent as ɵg, BuilderContentComponent as ɵb, BuilderEmbedComponent as ɵh, BuilderRenderComponent as ɵe, BuilderRichTextComponent as ɵf, BuilderContentContext as ɵd, BuilderContentDirective as ɵc, BuilderContentService as ɵa };
+export { BuilderModule, BuilderBlock, BuilderComponent, BUILDER_API_KEY, EXPRESS_REQUEST, EXPRESS_RESPONSE, BuilderService, BuilderBlocksComponent as ɵi, BuilderColumnsComponent as ɵg, BuilderContentComponent as ɵb, BuilderEmbedComponent as ɵh, BuilderRenderComponent as ɵe, BuilderRichTextComponent as ɵf, BuilderContentContext as ɵd, BuilderContentDirective as ɵc, BuilderContentService as ɵa };
 //# sourceMappingURL=builder.io-angular.js.map

package.json

 {
   "name": "@builder.io/angular",
-  "version": "0.0.66",
+  "version": "0.0.67",
   "scripts": {
@@ -5,0 +5,0 @@ "ng": "ng",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

280743

increased by0.48%

Lines of code

2605

increased by0.12%

No dependency changes