@adobe/cq-angular-editable-components/adobe-cq-angular-editable-components.metadata.json

* [API](#api) * [Documentation](#documentation) * [Changelog](#changelog)

{"__symbolic":"module","version":4,"metadata":{"AEMComponentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":36,"character":1},"arguments":[{"selector":"[aemComponent]"}]}],"members":{"cqItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"cqPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"itemName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"itemAttrs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"aemComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":88,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":89,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":90,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"renderComponent":[{"__symbolic":"method"}],"updateComponentData":[{"__symbolic":"method"}],"setupItemAttrs":[{"__symbolic":"method"}],"usePlaceholder":[{"__symbolic":"method"}],"setupPlaceholder":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AEMContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"aem-container","host":{"[class]":"hostClasses","[attr.data-cq-data-path]":"cqPath","$quoted$":["[class]","[attr.data-cq-data-path]"]},"template":"<ng-container *ngFor=\"let itemKey of cqItemsOrder\">\n  <aem-model-provider [cqItem]=\"getItem(itemKey)\"\n                      [cqPath]=\"getDataPath(itemKey)\"\n                      [itemName]=\"itemKey\"></aem-model-provider>\n</ng-container>\n<div *ngIf=\"isInEditMode\"\n     [attr.data-cq-data-path]=\"placeholderPath\"\n     [class]=\"getPlaceholderClassNames()\"></div>\n"}]}],"members":{"cqItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"cqItemsOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"cqPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"modelName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"getDataPath":[{"__symbolic":"method"}],"getItem":[{"__symbolic":"method"}],"getHostClassNames":[{"__symbolic":"method"}],"getPlaceholderClassNames":[{"__symbolic":"method"}]}},"AEMResponsiveGridComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AEMAllowedComponentsContainerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"aem-responsivegrid","host":{"[class]":"hostClasses","[attr.data-cq-data-path]":"cqPath","$quoted$":["[class]","[attr.data-cq-data-path]"]},"template":"<ng-container *ngIf=\"isAllowedComponentsApplicable(); else container\">\n  <div [class]=\"getAllowedComponentListPlaceholderClassNames()\">\n    <div [attr.data-text]=\"getAllowedComponentListLabel()\" [class]=\"allowedComponentListTitleClassNames\"></div>\n    <ng-container *ngFor=\"let allowedComponent of getAllowedComponents()\">\n      <div [attr.data-cq-data-path]=\"allowedComponent.path\"\n           [attr.data-emptytext]=\"allowedComponent.title\"\n           [class]=\"allowedComponentClassNames\"></div>\n    </ng-container>\n  </div>\n</ng-container>\n<ng-template #container>\n  <ng-container *ngFor=\"let itemKey of cqItemsOrder\">\n    <div [aemModelProvider]\n         [cqItem]=\"getItem(itemKey)\"\n         [cqPath]=\"getDataPath(itemKey)\"\n         [itemName]=\"itemKey\"\n         [class]=\"getColumnClassNames(itemKey)\"\n         [attr.data-cq-data-path]=\"getAttrDataPath(itemKey)\"></div>\n  </ng-container>\n  <div *ngIf=\"isInEditMode\"\n       [attr.data-cq-data-path]=\"placeholderPath\"\n       [class]=\"getPlaceholderClassNames()\"></div>\n</ng-template>\n\n\n"}]}],"members":{"gridClassNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"columnClassNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"columnCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"getColumnClassNames":[{"__symbolic":"method"}],"getPlaceholderClassNames":[{"__symbolic":"method"}],"getHostClassNames":[{"__symbolic":"method"}],"getAttrDataPath":[{"__symbolic":"method"}]}},"ALLOWED_PLACEHOLDER_CLASS_NAMES":"aem-AllowedComponent--list","ALLOWED_COMPONENT_TITLE_CLASS_NAMES":"aem-AllowedComponent--title","ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES":"aem-AllowedComponent--component cq-placeholder placeholder","AEMAllowedComponentsContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AEMContainerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aem-allowed-components-container","template":"<div [class]=\"getAllowedComponentListPlaceholderClassNames()\">\n  <div [attr.data-text]=\"getAllowedComponentListLabel()\" [class]=\"allowedComponentListTitleClassNames\"></div>\n  <ng-container *ngFor=\"let allowedComponent of getAllowedComponents()\">\n    <div [attr.data-cq-data-path]=\"allowedComponent.path\"\n         [attr.data-emptytext]=\"allowedComponent.title\"\n         [class]=\"allowedComponentClassNames\"></div>\n  </ng-container>\n</div>\n","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"emptyLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"allowedComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"isAllowedComponentsApplicable":[{"__symbolic":"method"}],"getAllowedComponentListPlaceholderClassNames":[{"__symbolic":"method"}],"getAllowedComponentListLabel":[{"__symbolic":"method"}],"getAllowedComponents":[{"__symbolic":"method"}]}},"AEMModelProviderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"aem-model-provider,[aemModelProvider]","template":"<ng-container aemComponent [cqItem]='cqItem' [cqPath]='cqPath' [itemName]='itemName'></ng-container>"}]}],"members":{"cqPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"cqItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"itemName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"aemModelProvider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"aemComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"AEMComponentDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"updateItem":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngDestroy":[{"__symbolic":"method"}]}},"AEMPageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AEMContainerComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"aem-page","host":{"[class]":"hostClasses","[attr.data-cq-data-path]":"cqPath","$quoted$":["[class]","[attr.data-cq-data-path]"]},"template":"<ng-container *ngFor=\"let itemKey of cqItemsOrder\">\n  <aem-model-provider [cqItem]=\"getItem(itemKey)\"\n                      [cqPath]=\"getDataPath(itemKey)\"\n                      [itemName]=\"itemKey\"></aem-model-provider>\n</ng-container>\n<div *ngIf=\"isInEditMode\"\n     [attr.data-cq-data-path]=\"placeholderPath\"\n     [class]=\"getPlaceholderClassNames()\"></div>\n"}]}],"members":{"getDataPath":[{"__symbolic":"method"}]}},"ComponentMappingWithConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@adobe/cq-spa-component-mapping","name":"ComponentMapping","line":30,"character":33}]}],"map":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"getEditConfig":[{"__symbolic":"method"}]}},"ComponentMapping":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"ComponentMappingWithConfig"},"arguments":[{"__symbolic":"reference","module":"@adobe/cq-spa-component-mapping","name":"ComponentMapping","line":30,"character":33}]},"MapTo":{"__symbolic":"function","parameters":["resourceTypes"],"value":{"__symbolic":"error","message":"Lambda not supported","line":67,"character":11,"module":"./lib/layout/component-mapping"}},"Constants":{"NEW_SECTION_CLASS_NAMES":"new section","TYPE_PROP":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@adobe/cq-spa-page-model-manager","name":"Constants","line":27,"character":15},"member":"TYPE_PROP"},"ITEMS_PROP":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@adobe/cq-spa-page-model-manager","name":"Constants","line":33,"character":16},"member":"ITEMS_PROP"},"ITEMS_ORDER_PROP":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@adobe/cq-spa-page-model-manager","name":"Constants","line":39,"character":22},"member":"ITEMS_ORDER_PROP"},"PATH_PROP":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@adobe/cq-spa-page-model-manager","name":"Constants","line":45,"character":15},"member":"PATH_PROP"},"CHILDREN_PROP":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@adobe/cq-spa-page-model-manager","name":"Constants","line":51,"character":19},"member":"CHILDREN_PROP"},"DATA_PATH_PROP":":dataPath","HIERARCHY_TYPE_PROP":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@adobe/cq-spa-page-model-manager","name":"Constants","line":62,"character":25},"member":"HIERARCHY_TYPE_PROP"}},"Utils":{},"SpaAngularEditableComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":12}],"declarations":[{"__symbolic":"reference","name":"AEMContainerComponent"},{"__symbolic":"reference","name":"AEMAllowedComponentsContainerComponent"},{"__symbolic":"reference","name":"AEMResponsiveGridComponent"},{"__symbolic":"reference","name":"AEMComponentDirective"},{"__symbolic":"reference","name":"AEMModelProviderComponent"},{"__symbolic":"reference","name":"AEMPageComponent"}],"exports":[{"__symbolic":"reference","name":"AEMContainerComponent"},{"__symbolic":"reference","name":"AEMAllowedComponentsContainerComponent"},{"__symbolic":"reference","name":"AEMResponsiveGridComponent"},{"__symbolic":"reference","name":"AEMComponentDirective"},{"__symbolic":"reference","name":"AEMModelProviderComponent"},{"__symbolic":"reference","name":"AEMPageComponent"}],"entryComponents":[{"__symbolic":"reference","name":"AEMContainerComponent"},{"__symbolic":"reference","name":"AEMAllowedComponentsContainerComponent"},{"__symbolic":"reference","name":"AEMResponsiveGridComponent"},{"__symbolic":"reference","name":"AEMPageComponent"}]}]}],"members":{}},"AemPageDataResolver":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"resolve":[{"__symbolic":"method"}]}},"AemPageRouteReuseStrategy":{"__symbolic":"class","members":{"shouldDetach":[{"__symbolic":"method"}],"store":[{"__symbolic":"method"}],"shouldAttach":[{"__symbolic":"method"}],"retrieve":[{"__symbolic":"method"}],"shouldReuseRoute":[{"__symbolic":"method"}]}}},"origins":{"AEMComponentDirective":"./lib/layout/aem-component.directive","AEMContainerComponent":"./lib/layout/aem-container/aem-container.component","AEMResponsiveGridComponent":"./lib/layout/aem-responsivegrid/aem-responsivegrid.component","ALLOWED_PLACEHOLDER_CLASS_NAMES":"./lib/layout/aem-allowed-components-container/aem-allowed-components-container.component","ALLOWED_COMPONENT_TITLE_CLASS_NAMES":"./lib/layout/aem-allowed-components-container/aem-allowed-components-container.component","ALLOWED_COMPONENT_PLACEHOLDER_CLASS_NAMES":"./lib/layout/aem-allowed-components-container/aem-allowed-components-container.component","AEMAllowedComponentsContainerComponent":"./lib/layout/aem-allowed-components-container/aem-allowed-components-container.component","AEMModelProviderComponent":"./lib/layout/aem-model-provider/aem-model-provider.component","AEMPageComponent":"./lib/layout/aem-page/aem-page.component","ComponentMappingWithConfig":"./lib/layout/component-mapping","ComponentMapping":"./lib/layout/component-mapping","MapTo":"./lib/layout/component-mapping","Constants":"./lib/layout/constants","Utils":"./lib/layout/utils","SpaAngularEditableComponentsModule":"./lib/cq-angular-editable-components.module","AemPageDataResolver":"./lib/routing/AemPageDataResolver","AemPageRouteReuseStrategy":"./lib/routing/AemPageRouteReuseStrategy"},"importAs":"@adobe/cq-angular-editable-components"}