@totvs-agro/core-mobile/dist/components/images-itens/images-itens.metadata.json

Core Mobile Totvs Agro (Front-End) para utilização dos estilos do T-Faces

[{"__symbolic":"module","version":4,"metadata":{"ImagesItensComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":117,"character":1},"arguments":[{"selector":"images-itens","template":"\n<div class=\"container\" *ngIf=\"images\">\n  <div (click)=\"callEdit(image._id, image.src)\" *ngFor=\"let image of images; let i = index; let l = last\" [ngClass]=\"{ 'mask-first' : i === 0, 'mask' : i != 0 && !l, 'mask-last' : l }\" [style.background-image]=\"getBackground(image.src)\">\n    <p class=\"titulo-da-foto\">\n      {{image.title}}\n    </p>\n    <span class=\"data\">\n      {{dateAsString(image)}}\n    </span>\n    <ion-icon class=\"arrow-right\" name=\"ios-arrow-forward\" ></ion-icon>\n  </div>\n</div>\n","styles":["    \n.mask {\n\twidth: 140px;\n\theight: 105px;\n\tborder-radius: 3px;\n\tbackground-size:cover;           \n\tdisplay: inline-block; /*Display inline and maintain block characteristics.*/\n\tvertical-align: top; /*Makes sure all the divs are correctly aligned.*/\n\twhite-space: normal; /*Prevents child elements from inheriting nowrap.*/\n\tmargin-left: 16px;\n}\n\n.mask-first {\n\twidth: 140px;\n\theight: 105px;\n\tborder-radius: 3px;\n\tbackground-size:cover;           \n\tdisplay: inline-block; /*Display inline and maintain block characteristics.*/\n\tvertical-align: top; /*Makes sure all the divs are correctly aligned.*/\n\twhite-space: normal; /*Prevents child elements from inheriting nowrap.*/\n\tmargin-left: 16px;\n}\n\n.mask-last {\n\twidth: 140px;\n\theight: 105px;\n\tborder-radius: 3px;\n\tbackground-size:cover;           \n\tdisplay: inline-block; /*Display inline and maintain block characteristics.*/\n\tvertical-align: top; /*Makes sure all the divs are correctly aligned.*/\n\twhite-space: normal; /*Prevents child elements from inheriting nowrap.*/\n\tmargin-right: 24px;\n\tmargin-left: 16px;\n}\n\n.titulo-da-foto {\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\twidth: 120px;\n\tmax-width: 120px;\n\theight: 23px;\n\tfont-family: NunitoSans;\n\tfont-size: 10px;\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-stretch: normal;\n\tline-height: 1.2;\n\tletter-spacing: normal;\n\ttext-align: left;\n\tcolor: #ffffff;\n\tpadding: 65px 12px 14px 8px;\n}\n\n.data {\n\twidth: 109px;\n\theight: 16px;\n\tfont-family: NunitoSans;\n\tfont-size: 8px;\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-stretch: normal;\n\tline-height: 1.6;\n\tletter-spacing: normal;\n\ttext-align: left;\n\tcolor: #ffffff;\n\tpadding: 0px 65px 4.9px 8px;\n}\n\n.arrow-right {\n\twidth: 8px;\n\theight: 13px;\n\tcolor: #ffffff;  \n\tfloat: right;\n\tmargin-right: 10px;      \n}      \n\n.container\n{\n\twhite-space: nowrap; /*Prevents Wrapping*/\n\t\n\n\toverflow-x: scroll;\n\toverflow-y: hidden;\n}\n\n.container-photos{\n\tmin-height: 105px;\n}\n\np {\n\tmargin-block-start: 0px;\n\tmargin-block-end: 0px;\n\tmargin-inline-start: 0px;\n\tmargin-inline-end: 0px;\n  }\n"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":121,"character":16},"member":"None"}}]}],"members":{"callback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":2},"arguments":["callback"]}]}],"images":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":2},"arguments":["images"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":131,"character":32}]}],"getBackground":[{"__symbolic":"method"}],"callEdit":[{"__symbolic":"method"}],"dateAsString":[{"__symbolic":"method"}]}}}}]