feat(components): Add reusable message input component, refactor element properties to use accessor, update styles and docs, bump dependencies
This commit is contained in:
@@ -46,11 +46,11 @@ export class SioImageLightbox extends DeesElement {
|
||||
`;
|
||||
|
||||
@property({ type: Boolean })
|
||||
public isOpen: boolean = false;
|
||||
public accessor isOpen: boolean = false;
|
||||
|
||||
@property({ type: Object })
|
||||
public file: ILightboxFile | null = null;
|
||||
|
||||
public accessor file: ILightboxFile | null = null;
|
||||
|
||||
// For backwards compatibility
|
||||
public get image(): ILightboxFile | null {
|
||||
return this.file;
|
||||
@@ -60,16 +60,16 @@ export class SioImageLightbox extends DeesElement {
|
||||
}
|
||||
|
||||
@state()
|
||||
private fileLoaded: boolean = false;
|
||||
private accessor fileLoaded: boolean = false;
|
||||
|
||||
@state()
|
||||
private scale: number = 1;
|
||||
private accessor scale: number = 1;
|
||||
|
||||
@state()
|
||||
private translateX: number = 0;
|
||||
private accessor translateX: number = 0;
|
||||
|
||||
@state()
|
||||
private translateY: number = 0;
|
||||
private accessor translateY: number = 0;
|
||||
|
||||
private isDragging: boolean = false;
|
||||
private startX: number = 0;
|
||||
|
||||
Reference in New Issue
Block a user