[{"__symbolic":"module","version":3,"metadata":{"DEFAULT_INPUTS_O_LIST_ITEM_CARD_IMAGE":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./o-list-item-card-renderer.class","name":"OListItemCardRenderer"},"member":"DEFAULT_INPUTS_O_CARD_RENDERER"}},"avatar"],"DEFAULT_OUTPUTS_O_LIST_ITEM_CARD_IMAGE":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./o-list-item-card-renderer.class","name":"OListItemCardRenderer"},"member":"DEFAULT_OUTPUTS_O_CARD_RENDERER"}}],"OListItemCardImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./o-list-item-card-renderer.class","name":"OListItemCardRenderer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-list-item-card-image","template":"\n    <md-card fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"o-item-card\" [class.small]=\"compareListHeight('small')\"\n      [class.medium]=\"compareListHeight('medium')\" [class.large]=\"compareListHeight('large')\">\n\n      <md-card-header *ngIf=\"avatar !== undefined\">\n        <img mdCardAvatar src=\"{{ avatar }}\">\n        <md-card-title *ngIf=\"title !== undefined\"> {{ title }}</md-card-title>\n        <md-card-subtitle *ngIf=\"subtitle !== undefined\"> {{ subtitle }}</md-card-subtitle>\n      </md-card-header>\n\n      <img *ngIf=\"image !== undefined\" mdCardImage src=\"{{ image }}\" [class.exists-action-button]=\"icon !== undefined\">\n\n      <button *ngIf=\"icon !== undefined && compareListHeight('small')\" md-mini-fab (click)=\"onActionIconClick($event)\" class=\"action-button\">\n          <md-icon>{{ icon }}</md-icon>\n        </button>\n\n      <button *ngIf=\"icon !== undefined && (compareListHeight('medium') || compareListHeight('large'))\" md-fab (click)=\"onActionIconClick($event)\"\n        class=\"action-button\">\n          <md-icon>{{ icon }}</md-icon>\n      </button>\n\n      <md-card-title *ngIf=\"avatar === undefined && title !== undefined\"> {{ title }}</md-card-title>\n      <md-card-subtitle *ngIf=\"avatar === undefined && subtitle !== undefined\"> {{ subtitle }}</md-card-subtitle>\n\n      <md-card-content *ngIf=\"!collapsible\">\n        <p>\n          {{ content }}\n        </p>\n      </md-card-content>\n\n      <md-card-actions>\n        <button md-button *ngIf=\"action1Text !== undefined\" (click)=\"onAction1ButtonClick($event)\">{{ action1Text }}</button>\n        <button md-button *ngIf=\"action2Text !== undefined\" (click)=\"onAction2ButtonClick($event)\">{{ action2Text }}</button>\n\n        <div class=\"collapse-button-container\">\n          <button md-icon-button *ngIf=\"collapsible\" (click)=\"collapsed = !collapsed\" class=\"collapse-button\">\n            <md-icon *ngIf=\"collapsed\">keyboard_arrow_down</md-icon>\n            <md-icon *ngIf=\"!collapsed\">keyboard_arrow_up</md-icon>\n          </button>\n        </div>\n      </md-card-actions>\n\n      <md-card-content *ngIf=\"collapsible && !collapsed\">\n        <p>\n          {{ content }}\n        </p>\n      </md-card-content>\n\n    </md-card>\n  ","styles":["\n    o-list-item md-list-item.o-card-item .mat-list-item-content{height:auto}.o-list-item-card-image md-card md-card-title,.o-list-item-card-image md-card md-card-subtitle,.o-list-item-card-image md-card md-card-actions,.o-list-item-card-image md-card md-card-header{width:100%}.o-list-item-card-image md-card.large{width:100%}.o-list-item-card-image md-card.medium{width:80%}.o-list-item-card-image md-card.small{width:60%}.o-list-item-card-image md-card.small img.exists-action-button{margin-bottom:-20px}.o-list-item-card-image md-card:not(.small):not(.medium):not(.large){width:100%}.o-list-item-card-image md-card .action-button{margin-left:auto}.o-list-item-card-image md-card img.exists-action-button{margin-bottom:-28px}.o-list-item-card-image md-card .collapse-button-container{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}.o-list-item-card-image md-card .collapse-button-container .collapse-button{margin-left:calc(100% - 40px)}\n  "],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_LIST_ITEM_CARD_IMAGE"}},"content","avatar","icon","collapsible","collapsed"],"outputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_LIST_ITEM_CARD_IMAGE"}},"onIconClick : icon-action"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"host":{"layout-padding":"","[class.o-custom-list-item]":"true","[class.o-list-item-card-image]":"true","$quoted$":["layout-padding","[class.o-custom-list-item]","[class.o-list-item-card-image]"]}}]}],"members":{"_collapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../../decorators","name":"InputConverter"}}]}],"_collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../../decorators","name":"InputConverter"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"../list-item/o-list-item.component","name":"OListItemComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"../list-item/o-list-item.component","name":"OListItemComponent"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onActionIconClick":[{"__symbolic":"method"}]}},"OListItemCardImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OListItemCardImageComponent"}],"imports":[{"__symbolic":"reference","module":"../../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"OListItemCardImageComponent"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DEFAULT_INPUTS_O_LIST_ITEM_CARD_IMAGE":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./o-list-item-card-renderer.class","name":"OListItemCardRenderer"},"member":"DEFAULT_INPUTS_O_CARD_RENDERER"}},"avatar"],"DEFAULT_OUTPUTS_O_LIST_ITEM_CARD_IMAGE":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./o-list-item-card-renderer.class","name":"OListItemCardRenderer"},"member":"DEFAULT_OUTPUTS_O_CARD_RENDERER"}}],"OListItemCardImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./o-list-item-card-renderer.class","name":"OListItemCardRenderer"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-list-item-card-image","template":"\n    <md-card fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"o-item-card\" [class.small]=\"compareListHeight('small')\"\n      [class.medium]=\"compareListHeight('medium')\" [class.large]=\"compareListHeight('large')\">\n\n      <md-card-header *ngIf=\"avatar !== undefined\">\n        <img mdCardAvatar src=\"{{ avatar }}\">\n        <md-card-title *ngIf=\"title !== undefined\"> {{ title }}</md-card-title>\n        <md-card-subtitle *ngIf=\"subtitle !== undefined\"> {{ subtitle }}</md-card-subtitle>\n      </md-card-header>\n\n      <img *ngIf=\"image !== undefined\" mdCardImage src=\"{{ image }}\" [class.exists-action-button]=\"icon !== undefined\">\n\n      <button *ngIf=\"icon !== undefined && compareListHeight('small')\" md-mini-fab (click)=\"onActionIconClick($event)\" class=\"action-button\">\n          <md-icon>{{ icon }}</md-icon>\n        </button>\n\n      <button *ngIf=\"icon !== undefined && (compareListHeight('medium') || compareListHeight('large'))\" md-fab (click)=\"onActionIconClick($event)\"\n        class=\"action-button\">\n          <md-icon>{{ icon }}</md-icon>\n      </button>\n\n      <md-card-title *ngIf=\"avatar === undefined && title !== undefined\"> {{ title }}</md-card-title>\n      <md-card-subtitle *ngIf=\"avatar === undefined && subtitle !== undefined\"> {{ subtitle }}</md-card-subtitle>\n\n      <md-card-content *ngIf=\"!collapsible\">\n        <p>\n          {{ content }}\n        </p>\n      </md-card-content>\n\n      <md-card-actions>\n        <button md-button *ngIf=\"action1Text !== undefined\" (click)=\"onAction1ButtonClick($event)\">{{ action1Text }}</button>\n        <button md-button *ngIf=\"action2Text !== undefined\" (click)=\"onAction2ButtonClick($event)\">{{ action2Text }}</button>\n\n        <div class=\"collapse-button-container\">\n          <button md-icon-button *ngIf=\"collapsible\" (click)=\"collapsed = !collapsed\" class=\"collapse-button\">\n            <md-icon *ngIf=\"collapsed\">keyboard_arrow_down</md-icon>\n            <md-icon *ngIf=\"!collapsed\">keyboard_arrow_up</md-icon>\n          </button>\n        </div>\n      </md-card-actions>\n\n      <md-card-content *ngIf=\"collapsible && !collapsed\">\n        <p>\n          {{ content }}\n        </p>\n      </md-card-content>\n\n    </md-card>\n  ","styles":["\n    o-list-item md-list-item.o-card-item .mat-list-item-content{height:auto}.o-list-item-card-image md-card md-card-title,.o-list-item-card-image md-card md-card-subtitle,.o-list-item-card-image md-card md-card-actions,.o-list-item-card-image md-card md-card-header{width:100%}.o-list-item-card-image md-card.large{width:100%}.o-list-item-card-image md-card.medium{width:80%}.o-list-item-card-image md-card.small{width:60%}.o-list-item-card-image md-card.small img.exists-action-button{margin-bottom:-20px}.o-list-item-card-image md-card:not(.small):not(.medium):not(.large){width:100%}.o-list-item-card-image md-card .action-button{margin-left:auto}.o-list-item-card-image md-card img.exists-action-button{margin-bottom:-28px}.o-list-item-card-image md-card .collapse-button-container{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}.o-list-item-card-image md-card .collapse-button-container .collapse-button{margin-left:calc(100% - 40px)}\n  "],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_LIST_ITEM_CARD_IMAGE"}},"content","avatar","icon","collapsible","collapsed"],"outputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_LIST_ITEM_CARD_IMAGE"}},"onIconClick : icon-action"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"host":{"layout-padding":"","[class.o-custom-list-item]":"true","[class.o-list-item-card-image]":"true"}}]}],"members":{"_collapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../../decorators","name":"InputConverter"}}]}],"_collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../../decorators","name":"InputConverter"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"../list-item/o-list-item.component","name":"OListItemComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"../list-item/o-list-item.component","name":"OListItemComponent"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onActionIconClick":[{"__symbolic":"method"}]}},"OListItemCardImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OListItemCardImageComponent"}],"imports":[{"__symbolic":"reference","module":"../../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"OListItemCardImageComponent"}]}]}]}}}]