import { CssColor } from '@breadstone/mosaik-themes'; import { QRErrorCorrection } from '../../../Types/QRErrorCorrection'; import { CustomElement } from '../../Abstracts/CustomElement'; import { IQRCodeElementProps } from './IQRCodeElementProps'; declare const QRCodeElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * QR Code - A machine-readable code consisting of an array of black and white squares, typically used for storing URLs or other information that can be scanned by a smartphone camera. * * @example * ```html * * * * * * * * * ``` * * @public */ export declare class QRCodeElement extends QRCodeElement_base implements IQRCodeElementProps { private _canvas; private _text; private _radius; private _dimension; private _errorCorrection; private _backgroundColor; private _foregroundColor; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `text` property. * * @public */ get text(): string; set text(value: string); /** * Gets or sets the `radius` property. * * @public */ get radius(): number; set radius(value: number); /** * Gets or sets the `dimension` property. * * @public */ get dimension(): number; set dimension(value: number); /** * Gets or sets the `errorCorrection` property. * * @public * @attr */ get errorCorrection(): QRErrorCorrection; set errorCorrection(value: QRErrorCorrection); /** * Gets or sets the `backgroundColor` property of the QR code. * If not set (`null` or `undefind`), the background color will respect the CSS variable `--qr-code-background-color`. * * @public * @attr */ get backgroundColor(): CssColor | null | undefined; set backgroundColor(value: CssColor | null | undefined); /** * Gets or sets the `foregroundColor` property of the QR code. * If not set (`null` or `undefind`), the fill color will respect the CSS variable `--qr-code-foreground-color`. * * @public * @attr */ get foregroundColor(): CssColor | null | undefined; set foregroundColor(value: CssColor | null | undefined); /** * Returns qr code image as data URL (see https://mdn.io/todataurl for the list of possible paramters). * * @public */ toDataURL(imageType?: string, quality?: number): string; /** * Returns qr code image as data URL trimmed from white space. * * @public */ toBlob(): Blob; /** * @protected * @override */ protected onApplyTemplate(): void; /** * @protected */ protected onTextPropertyChanged(_prev?: string, _next?: string): void; /** * @protected */ protected onRadiusPropertyChanged(_prev?: number, _next?: number): void; /** * @protected */ protected onDimensionPropertyChanged(_prev?: number, _next?: number): void; /** * @protected */ protected onErrorCorrectionPropertyChanged(_prev?: QRErrorCorrection, _next?: QRErrorCorrection): void; /** * @protected */ protected onBackgroundColorPropertyChanged(_prev?: CssColor | null, _next?: CssColor | null): void; /** * @protected */ protected onForegroundColorPropertyChanged(_prev?: CssColor | null, _next?: CssColor | null): void; /** * @private */ private invalidate; /** * @private */ private dataURLToBlob; } /** * @public */ export declare namespace QRCodeElement { type Props = IQRCodeElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-qrcode': QRCodeElement; } } export {}; //# sourceMappingURL=QRCodeElement.d.ts.map