@ngodings/ngx-image-tagger
Version:
Simple Image Tagger like instagram, easy to put stuff/item information in x/y position from image, easy configuration in Angular
44 lines (43 loc) • 2.3 kB
TypeScript
import { EventEmitter, OnInit } from '@angular/core';
import { Tagged, TaggerModel } from './model/tag';
import * as i0 from "@angular/core";
export declare class NgxImageTaggerComponent implements OnInit {
heightElement: number;
widthElement: number;
isAllowCreate: boolean;
isShowThumbnail: boolean;
imageClassList: string;
placeholderName: string;
placeholderPrice: string;
isShowPrice: boolean;
placeholderLink: string;
isShowLink: boolean;
borderColor: string;
backgroundColor: string;
textColor: string;
inputClassList: string;
placeholderCreateTitle: string;
buttonCancelTitle: string;
buttonCreateTitle: string;
isShowShop: boolean;
titleShop: string;
onShowTagMode: "Hover" | "Click" | "IconClick";
tagger: TaggerModel;
taggerChange: EventEmitter<TaggerModel>;
isShowForm: boolean;
isShowView: boolean;
form: Tagged;
constructor();
ngOnInit(): void;
changeStyleClick(id: string, tag: Tagged): void;
changeStyleHover(id: string, show: boolean): void;
onShowStyle(id: string, show: boolean): void;
goToURL(url: string): void;
goToTag(item: Tagged): void;
resetTag(): void;
submitTag(item: TaggerModel): void;
editTag(item: TaggerModel, tag: Tagged, subindex: number): void;
deleteTag(item: TaggerModel, tag: Tagged, subindex: number): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxImageTaggerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxImageTaggerComponent, "ngx-image-tagger", never, { "isAllowCreate": "isAllowCreate"; "isShowThumbnail": "isShowThumbnail"; "imageClassList": "imageClassList"; "placeholderName": "placeholderName"; "placeholderPrice": "placeholderPrice"; "isShowPrice": "isShowPrice"; "placeholderLink": "placeholderLink"; "isShowLink": "isShowLink"; "borderColor": "borderColor"; "backgroundColor": "backgroundColor"; "textColor": "textColor"; "inputClassList": "inputClassList"; "placeholderCreateTitle": "placeholderCreateTitle"; "buttonCancelTitle": "buttonCancelTitle"; "buttonCreateTitle": "buttonCreateTitle"; "isShowShop": "isShowShop"; "titleShop": "titleShop"; "onShowTagMode": "onShowTagMode"; "tagger": "tagger"; }, { "taggerChange": "taggerChange"; }, never, never, false, never>;
}