diff --git a/docs/iframe.html b/docs/iframe.html index 6df780d..ec58bed 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -71,4 +71,4 @@ }

No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.


\ No newline at end of file
+      }
No Preview
Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file
diff --git a/docs/main.45e61ba9460ea7894579.bundle.js b/docs/main.45e61ba9460ea7894579.bundle.js
deleted file mode 100644
index ec07fbb..0000000
--- a/docs/main.45e61ba9460ea7894579.bundle.js
+++ /dev/null
@@ -1,3 +0,0 @@
-/*! For license information please see main.45e61ba9460ea7894579.bundle.js.LICENSE.txt */
-(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{107:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AssetManagementComponent}));var _a,_b,_c,_d,_e,_f,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),ngx_spinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(122),_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(13),_ordercloud_cms_sdk__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(12),_shared_models_resource_type_interface__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(121),_asset_list_asset_list_component__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(76),_constants_asset_types_constants__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(67);let AssetManagementComponent=class AssetManagementComponent{constructor(spinner,modalService){this.spinner=spinner,this.modalService=modalService,this.defaultListOptions={},this.selectable=!1,this.multiple=!1,this.selectedAsset=[],this.showAssetStatus=!0,this.downloadableFileTypes=[],this.showListModeToggle=!0,this.listMode="table",this.selectedAssetChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.assetTypes=_constants_asset_types_constants__WEBPACK_IMPORTED_MODULE_7__.b,this.tagOptions=[],this.options={},this.search="",this.items=[]}ngOnInit(){this.assetTypesOverride&&(this.assetTypes=this.assetTypesOverride),this.tagOptionsOverride&&(this.tagOptions=this.tagOptionsOverride),this.resourceID&&this.resourceType&&this.defaultListOptions&&console.warn("Because you've provided a resourceType and resourceID, defaultListOptions will be ignored as they are not currently supported while listing assets per resource"),this.listAssets()}ngOnChanges(changes){changes.assetTypesOverride&&!changes.assetTypesOverride.firstChange&&(this.assetTypes=this.assetTypesOverride?this.assetTypesOverride:_constants_asset_types_constants__WEBPACK_IMPORTED_MODULE_7__.b),changes.tagOptionsOverride&&!changes.tagOptionsOverride.firstChange&&(this.tagOptions=this.tagOptionsOverride?this.tagOptionsOverride:[]),(changes.defaultListOptions&&!changes.defaultListOptions.firstChange||changes.resourceID&&!changes.resourceID.firstChange||changes.resourceType&&!changes.resourceType.firstChange)&&(this.options.page=1,this.ngOnInit())}listAssets(){this.spinner.show();const requestOptions=Object.assign({pageSize:24},Object.assign(Object.assign(Object.assign({},this.options),this.defaultListOptions),{filters:Object.assign(Object.assign({},this.options.filters),this.defaultListOptions.filters)}));return 1===this.assetTypes.length?requestOptions.filters.Type=this.assetTypes[0]:requestOptions.filters&&requestOptions.filters.Type||(requestOptions.filters.Type=this.assetTypes.join("|")),this.currentRequestOptions=requestOptions,(this.resourceID&&this.resourceType?this.listAssetsByResource(requestOptions):this.listAssetsByFilters(requestOptions)).finally(()=>{this.spinner.hide()})}listAssetsByResource(options){return _ordercloud_cms_sdk__WEBPACK_IMPORTED_MODULE_4__.c.Assets.ListAssets(this.resourceType,this.resourceID,options).then(response=>{options===this.currentRequestOptions&&(this.items=response)})}listAssetsByFilters(options){return _ordercloud_cms_sdk__WEBPACK_IMPORTED_MODULE_4__.c.Assets.List(options).then(response=>{options===this.currentRequestOptions&&(this.items=response.Items,this.meta=response.Meta)})}handleAssetClick(asset){this.assetDetail=asset}handleselectedAssetChange(assets){this.selectedAssetChange.emit(assets)}handleAssetsUploaded(event){this.items=[...this.items,...event.uploaded],1!==event.uploaded.length||this.selectable||(this.assetDetail=event.uploaded[0]),this.selectedAssetChange.emit(event.uploaded),event.errors&&event.errors.length}handleAssetDeleted(asset){this.items=this.items.filter(i=>i.ID!==asset.ID),this.assetDetail=void 0}handleAssetSaved(asset){const selectedIndex=this.items.findIndex(i=>i.ID===asset.ID);selectedIndex<0||(this.items[selectedIndex]=asset,this.assetDetail=asset)}handleSearchChange(value){this.searchDebounce&&clearTimeout(this.searchDebounce),this.search=value,this.options=Object.assign(Object.assign({},this.options),{page:1,filters:Object.assign(Object.assign({},this.options.filters),{Title:`*${value}*`})}),this.searchDebounce=setTimeout(()=>{this.listAssets()},300)}handleFilterChange(selections){this.options.page=1,this.options.filters=Object.assign(Object.assign({},this.options.filters),{Type:this.assetTypes.filter(k=>selections.types[k]).join("|"),Tags:this.tagOptions.filter(k=>selections.tags[k]).join("|")}),this.listAssets()}handlePageChange(page){this.options.page=page,this.listAssets()}get tagSelections(){const result={};return this.options&&this.options.filters&&this.options.filters.Tags&&this.tagOptions.forEach(t=>{result[t]=this.options.filters.Tags.includes(t)}),result}get typeSelections(){const result={};return this.options&&this.options.filters&&this.options.filters.Type&&this.assetTypes.forEach(t=>{result[t]=this.options.filters.Type.includes(t)}),result}};Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type","function"==typeof(_a="undefined"!=typeof Partial&&Partial)?_a:Object)],AssetManagementComponent.prototype,"defaultListOptions",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type","function"==typeof(_b=void 0!==_shared_models_resource_type_interface__WEBPACK_IMPORTED_MODULE_5__.ResourceType&&_shared_models_resource_type_interface__WEBPACK_IMPORTED_MODULE_5__.ResourceType)?_b:Object)],AssetManagementComponent.prototype,"resourceType",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",String)],AssetManagementComponent.prototype,"resourceID",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Object)],AssetManagementComponent.prototype,"selectable",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Object)],AssetManagementComponent.prototype,"multiple",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Array)],AssetManagementComponent.prototype,"selectedAsset",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Object)],AssetManagementComponent.prototype,"showAssetStatus",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type","function"==typeof(_c=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef)?_c:Object)],AssetManagementComponent.prototype,"additionalFilters",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Array)],AssetManagementComponent.prototype,"downloadableFileTypes",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)("assetTypes"),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Array)],AssetManagementComponent.prototype,"assetTypesOverride",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)("tagOptions"),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Array)],AssetManagementComponent.prototype,"tagOptionsOverride",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Function)],AssetManagementComponent.prototype,"beforeAssetUpload",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Object)],AssetManagementComponent.prototype,"showListModeToggle",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type","function"==typeof(_d=void 0!==_asset_list_asset_list_component__WEBPACK_IMPORTED_MODULE_6__.AssetListMode&&_asset_list_asset_list_component__WEBPACK_IMPORTED_MODULE_6__.AssetListMode)?_d:Object)],AssetManagementComponent.prototype,"listMode",void 0),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output)(),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:type",Object)],AssetManagementComponent.prototype,"selectedAssetChange",void 0),AssetManagementComponent=Object(tslib__WEBPACK_IMPORTED_MODULE_0__.b)([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cms-asset-management",template:(__webpack_require__(296).default||__webpack_require__(296)).length?__webpack_require__(296).default||__webpack_require__(296):"",styles:[(__webpack_require__(297).default||__webpack_require__(297)).length?__webpack_require__(297).default||__webpack_require__(297):""]}),Object(tslib__WEBPACK_IMPORTED_MODULE_0__.c)("design:paramtypes",["function"==typeof(_e=void 0!==ngx_spinner__WEBPACK_IMPORTED_MODULE_2__.b&&ngx_spinner__WEBPACK_IMPORTED_MODULE_2__.b)?_e:Object,"function"==typeof(_f=void 0!==_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__.d&&_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__.d)?_f:Object])],AssetManagementComponent)},1103:function(module,exports){function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=function(){return[]},webpackEmptyContext.resolve=webpackEmptyContext,module.exports=webpackEmptyContext,webpackEmptyContext.id=1103},1104:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AssetList",(function(){return AssetList}));__webpack_require__(138);var _storybook_angular__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(46),_public_api__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(27),_angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(18),_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(54),_admin_components_asset_list_asset_list_component__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(76);__webpack_exports__.default={title:"Admin/Asset List",component:_admin_components_asset_list_asset_list_component__WEBPACK_IMPORTED_MODULE_5__.a,parameters:{component:_admin_components_asset_list_asset_list_component__WEBPACK_IMPORTED_MODULE_5__.a},decorators:[Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_1__.moduleMetadata)({declarations:[],imports:[_angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__.BrowserModule,_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_4__.a,_public_api__WEBPACK_IMPORTED_MODULE_2__.a]})]};const AssetList=()=>({component:_admin_components_asset_list_asset_list_component__WEBPACK_IMPORTED_MODULE_5__.a,template:'\n    
\n      \n      \n    
\n  ',props:{selectable:!1,multiple:!0,items:[{ID:"mgrdev-0000000",Title:"diamond",Active:!0,Url:"https://marktplacetest.blob.core.windows.net/assets-90cc2a02-513a-4fc4-98d9-f93788d97cad/b88408ae-0b3b-421d-b8fe-2bc37a73d73e",Type:"Image",Tags:[],FileName:"5137AkUbf+L._SX342_.jpg",Metadata:{IsUrlOverridden:!1,ContentType:"image/jpeg",SizeBytes:14084,ImageHeight:342,ImageWidth:342,ImageVerticalResolution:96,ImageHorizontalResolution:96},History:{DateCreated:"2020-08-31T14:23:38.7809297+00:00",CreatedByUserID:"ararick-admin",DateUpdated:"2020-10-05T20:47:13.370196+00:00",UpdatedByUserID:"Ug7EhLhVa0eWzB9zT8W3ZQ"}},{ID:"mgrdev-0000001",Title:"diamond",Active:!1,Url:"https://marktplacetest.blob.core.windows.net/assets-90cc2a02-513a-4fc4-98d9-f93788d97cad/fd1a0e51-174a-440b-b33d-927621019239",Type:"Image",Tags:["Instruments","Guitars"],FileName:"6975953_preview.png",Metadata:{IsUrlOverridden:!1,ContentType:"image/png",SizeBytes:80833,ImageHeight:953,ImageWidth:1300,ImageVerticalResolution:300,ImageHorizontalResolution:300},History:{DateCreated:"2020-08-31T14:24:12.0264271+00:00",CreatedByUserID:"ararick-admin",DateUpdated:"2020-09-23T14:09:47.7644335+00:00",UpdatedByUserID:"ararick-admin"}},{ID:"guide-c9c87637-fb79-43f5-aab7-5f640ad4570f",Title:"Winmark CMS Reference.pdf",Active:!0,Url:"https://marktplacetest.blob.core.windows.net/assets-90cc2a02-513a-4fc4-98d9-f93788d97cad/02643b61-51f0-4496-8a2d-d048a1534bbe",Type:"PDF",Tags:[],FileName:"Winmark CMS Reference.pdf",Metadata:{IsUrlOverridden:!1,ContentType:"application/pdf",SizeBytes:107037,ImageHeight:null,ImageWidth:null,ImageVerticalResolution:null,ImageHorizontalResolution:null},History:{DateCreated:"2020-10-22T19:06:34.5936389+00:00",CreatedByUserID:"Kahn_admin",DateUpdated:"2020-10-22T19:24:48.9587185+00:00",UpdatedByUserID:"ararick-admin"}}],meta:{Page:2,PageSize:24,TotalCount:2,TotalPages:1,ItemRange:[1,2]},downloadableFileTypes:["application/pdf"]}})},1105:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Management",(function(){return Management})),__webpack_require__.d(__webpack_exports__,"SingleSelect",(function(){return SingleSelect})),__webpack_require__.d(__webpack_exports__,"MultipleSelect",(function(){return MultipleSelect})),__webpack_require__.d(__webpack_exports__,"OneAssetType",(function(){return OneAssetType})),__webpack_require__.d(__webpack_exports__,"OneAssetTypeNoTags",(function(){return OneAssetTypeNoTags}));__webpack_require__(138);var _storybook_angular__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(46),_public_api__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(27),_angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(18),_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(54),_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(107);__webpack_exports__.default={title:"Admin/Asset Management",component:_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__.a,parameters:{component:_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__.a},decorators:[Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_1__.moduleMetadata)({declarations:[],imports:[_angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__.BrowserModule,_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_4__.a,_public_api__WEBPACK_IMPORTED_MODULE_2__.a]})]};const Management=()=>({component:_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__.a,template:'\n    
\n      \n      \n    
\n  ',props:{selectable:!1,multiple:!0,tagOptions:["Blog","Promotion","People","Instruments","Backgrounds","Icons","Graphics"]}}),SingleSelect=()=>({component:_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__.a,template:'\n    
\n      \n        
Test
\n      \n      \n\n      \n    
\n  ',props:{defaultListOptions:{filters:{ID:"mgrdev-*|40009-*"}},selectable:!0,multiple:!1,tagOptions:["Blog","Promotion","People","Instruments","Backgrounds","Icons","Graphics"]}}),MultipleSelect=()=>({component:_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__.a,template:'\n    
\n      \n      \n    
\n  ',props:{defaultListOptions:{Active:!0},selectable:!0,multiple:!0,tagOptions:["Blog","Promotion","People","Instruments","Backgrounds","Icons","Graphics"]}}),OneAssetType=()=>({component:_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__.a,template:'\n    
\n      \n      \n    
\n  ',props:{selectable:!0,multiple:!0,assetTypes:["Image"],tagOptions:["Blog","Promotion","People","Instruments","Backgrounds","Icons","Graphics"]}}),OneAssetTypeNoTags=()=>({component:_admin_components_asset_management_asset_management_component__WEBPACK_IMPORTED_MODULE_5__.a,template:'\n    
\n      \n      \n    
\n  ',props:{selectable:!0,multiple:!0,assetTypes:["Image"]}})},1106:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DefaultExample",(function(){return DefaultExample})),__webpack_require__.d(__webpack_exports__,"AlternateInitialDevice",(function(){return AlternateInitialDevice})),__webpack_require__.d(__webpack_exports__,"AlternateDimensionsForDevices",(function(){return AlternateDimensionsForDevices})),__webpack_require__.d(__webpack_exports__,"WithImages",(function(){return WithImages}));__webpack_require__(138);var _storybook_angular__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(46),_public_api__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(27),_angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(18),_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(54),_admin_public_api__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(123);__webpack_exports__.default={title:"Admin/Page Preview",component:_admin_public_api__WEBPACK_IMPORTED_MODULE_5__.d,parameters:{component:_admin_public_api__WEBPACK_IMPORTED_MODULE_5__.d},decorators:[Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_1__.moduleMetadata)({declarations:[],imports:[_angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__.BrowserModule,_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_4__.a,_public_api__WEBPACK_IMPORTED_MODULE_2__.a]})]};const DefaultExample=()=>({component:_admin_public_api__WEBPACK_IMPORTED_MODULE_5__.d,props:{html:'
\n
\n
\n
Many Sections
\n
This page is made up of many sections
\nStart Now Read More
\n
\n
\n
\n
\n
This is another section!
\n
\n
\n
\n
\n
Quisque
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non ante purus. Integer vitae dignissim lectus, at pharetra.
\nWatch Now
\n
\n
\n
\n
\n
\n
Vivamus
\n
Aliquam massa tellus, efficitur id vehicula vitae, sagittis nec orci. Etiam in sapien eget nibh consectetur semper vitae.
\nRead Now
\n
\n
\n
\n
\n
',remoteCss:"https://mgrstoragetest.azureedge.net/buyerweb/styles.e94215343d3493186ae1.css"}}),AlternateInitialDevice=()=>({component:_admin_public_api__WEBPACK_IMPORTED_MODULE_5__.d,props:{initialPreview:"tablet",html:'
\n
\n
\n
Many Sections
\n
This page is made up of many sections
\nStart Now Read More
\n
\n
\n
\n
\n
This is another section!
\n
\n
\n
\n
\n
Quisque
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non ante purus. Integer vitae dignissim lectus, at pharetra.
\nWatch Now
\n
\n
\n
\n
\n
\n
Vivamus
\n
Aliquam massa tellus, efficitur id vehicula vitae, sagittis nec orci. Etiam in sapien eget nibh consectetur semper vitae.
\nRead Now
\n
\n
\n
\n
\n
',remoteCss:"https://mgrstoragetest.azureedge.net/buyerweb/styles.e94215343d3493186ae1.css"}}),AlternateDimensionsForDevices=()=>({component:_admin_public_api__WEBPACK_IMPORTED_MODULE_5__.d,props:{deviceDimensions:{phone:{height:1080,width:1920},tablet:{height:800,width:800},desktop:{height:667,width:375}},html:'
\n
\n
\n
Many Sections
\n
This page is made up of many sections
\nStart Now Read More
\n
\n
\n
\n
\n
This is another section!
\n
\n
\n
\n
\n
Quisque
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non ante purus. Integer vitae dignissim lectus, at pharetra.
\nWatch Now
\n
\n
\n
\n
\n
\n
Vivamus
\n
Aliquam massa tellus, efficitur id vehicula vitae, sagittis nec orci. Etiam in sapien eget nibh consectetur semper vitae.
\nRead Now
\n
\n
\n
\n
\n
',remoteCss:"https://mgrstoragetest.azureedge.net/buyerweb/styles.e94215343d3493186ae1.css"}}),WithImages=()=>({component:_admin_public_api__WEBPACK_IMPORTED_MODULE_5__.d,props:{html:'
\n
\n
3 COLUMN WITH HEADER
\n
\n
\n
\n
senior-woman-electric-bass-guitar-smiling-camera-full-length-portrait-senior-woman-electric-bass-153660023.jpg
\n
\n
Column 1
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
\n
\n
\n
\n
\n
\n
senior-woman-electric-bass-guitar-smiling-camera-full-length-portrait-senior-woman-electric-bass-153660023.jpg
\n
\n
Column 2
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
\n
\n
\n
\n
\n
\n
senior-woman-electric-bass-guitar-smiling-camera-full-length-portrait-senior-woman-electric-bass-153660023.jpg
\n
\n
Column 2
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
\n
\n
\n
\n
\n
\n
',remoteCss:"https://mgrstoragetest.azureedge.net/buyerweb/styles.e94215343d3493186ae1.css"}})},1107:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"FullExample",(function(){return FullExample})),__webpack_require__.d(__webpack_exports__,"WithContentChanging",(function(){return WithContentChanging}));__webpack_require__(138);var _storybook_angular__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(46),_angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(18),_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(54),_buyer_components_page_renderer_page_renderer_component__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(119),_buyer_public_api__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(183);__webpack_exports__.default={title:"Buyer/Page Renderer",component:_buyer_components_page_renderer_page_renderer_component__WEBPACK_IMPORTED_MODULE_4__.a,parameters:{component:_buyer_components_page_renderer_page_renderer_component__WEBPACK_IMPORTED_MODULE_4__.a},decorators:[Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_1__.moduleMetadata)({declarations:[],imports:[_angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__.BrowserModule,_angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_3__.a,_buyer_public_api__WEBPACK_IMPORTED_MODULE_5__.a]})]};const FullExample=()=>({component:_buyer_components_page_renderer_page_renderer_component__WEBPACK_IMPORTED_MODULE_4__.a,props:{pageDoc:{ID:"he2ZJA2nJEe93c-996pH1g",Doc:{Title:"test page1",Url:"test-page1",Description:"",HeaderEmbeds:"",Content:'
\n         fivestars.png\n             
Get\n                 Rewarded 
\n             
 We all love points. Get rewarded every time you shop for or sell,\n                 classic and trendy, secondhand styles by signing up for our rewards\n                 program, where you’ll get access to exclusive discounts, special\n                 promotions, store events, and more. 
Never miss a beat! 
\n             
\n                 \n                     Sign up online\n                 \n             
\n             [[DUMMY_TEXT]]\n         
',FooterEmbeds:"",Active:!1,NavigationTitle:"test page1",MetaTitle:"test page",Author:"Alexa Snyder",DateCreated:"2020-10-16T18:53:34.272Z",DateLastUpdated:"2020-10-16T18:53:34.272Z",LastUpdatedBy:"Alexa Snyder"},SchemaSpecUrl:"https://marketplace-middleware-test.azurewebsites.net/schema-specs/953ae2db-659d-4754-a53e-967927547b46",History:{DateCreated:"2020-10-16T18:53:34.1615401+00:00",CreatedByUserID:"asnyder",DateUpdated:"2020-10-16T18:53:34.1615422+00:00",UpdatedByUserID:"asnyder"}},dynamicTextReplacements:{"[[REWARDS_URL]]":"testingtestingtesting","[[DUMMY_TEXT]]":"hello!"}}}),WithContentChanging=()=>({component:_buyer_components_page_renderer_page_renderer_component__WEBPACK_IMPORTED_MODULE_4__.a,template:'\n  \n  \n  \n  ',props:{pageDoc:null,pageDoc1:{ID:"4ad8bd98-3fe8-4caa-9402-0c8f2769d156",$schema:"https://marketplace-middleware-test.azurewebsites.net/schema-specs/5539d88d-2787-476c-9b61-cdadd181f12d",Doc:{Title:"Page1",Url:"page1",SiteUrl:"https://www.my-awesome-website.com",Description:"",MetaImageUrl:"",DateLastUpdated:"2020-07-30T21:48:54.957Z",HeaderEmbeds:"\n