UNPKG

@vue-pdf-viewer/viewer

Version:

A vue-pdf-viewer component for Vue and Nuxt. Suitable for vue-pdf document.

778 lines 120 kB
import { Ref } from 'vue'; import type { AnnotationLayer, PDFPageProxy } from 'pdfjs-dist'; import { AnnotationType } from '@vue-pdf-viewer/shared'; import type { AnnotationFreeText } from '@/utils/types'; interface UseAnnotationFreeTextProps { page: Ref<PDFPageProxy>; pageWrapperLayer: Ref<HTMLDivElement>; annotationLayer: Ref<AnnotationLayer>; editorLayer: Ref<HTMLDivElement>; } export declare const useAnnotationFreeText: (props: UseAnnotationFreeTextProps) => { isPrepared: Ref<boolean, boolean>; freeTextAnnotations: Ref<{ defaultAppearanceData?: { fontColor: { [x: number]: number; readonly BYTES_PER_ELEMENT: number; readonly buffer: { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => ArrayBuffer; readonly [Symbol.toStringTag]: string; } | { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => SharedArrayBuffer; readonly [Symbol.species]: SharedArrayBuffer; readonly [Symbol.toStringTag]: "SharedArrayBuffer"; }; readonly byteLength: number; readonly byteOffset: number; copyWithin: (target: number, start: number, end?: number | undefined) => Uint8ClampedArray; every: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; fill: (value: number, start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; filter: (predicate: (value: number, index: number, array: Uint8ClampedArray) => any, thisArg?: any) => Uint8ClampedArray; find: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number | undefined; findIndex: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number; forEach: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => void, thisArg?: any) => void; indexOf: (searchElement: number, fromIndex?: number | undefined) => number; join: (separator?: string | undefined) => string; lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number; readonly length: number; map: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => number, thisArg?: any) => Uint8ClampedArray; reduce: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U, initialValue: U): U; }; reduceRight: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U_1, initialValue: U_1): U_1; }; reverse: () => Uint8ClampedArray; set: (array: ArrayLike<number>, offset?: number | undefined) => void; slice: (start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; some: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8ClampedArray; subarray: (begin?: number | undefined, end?: number | undefined) => Uint8ClampedArray; toLocaleString: () => string; toString: () => string; valueOf: () => Uint8ClampedArray; entries: () => IterableIterator<[number, number]>; keys: () => IterableIterator<number>; values: () => IterableIterator<number>; includes: (searchElement: number, fromIndex?: number | undefined) => boolean; at: (index: number) => number | undefined; [Symbol.iterator]: () => IterableIterator<number>; readonly [Symbol.toStringTag]: "Uint8ClampedArray"; }; fontName: string; fontSize: number; } | undefined; pageIndex?: number | undefined; fontSize?: number | undefined; value?: string | undefined; richText?: { html: { attributes: { style: { [x: number]: string | undefined; accentColor?: string | undefined; alignContent?: string | undefined; alignItems?: string | undefined; alignSelf?: string | undefined; alignmentBaseline?: string | undefined; all?: string | undefined; animation?: string | undefined; animationDelay?: string | undefined; animationDirection?: string | undefined; animationDuration?: string | undefined; animationFillMode?: string | undefined; animationIterationCount?: string | undefined; animationName?: string | undefined; animationPlayState?: string | undefined; animationTimingFunction?: string | undefined; appearance?: string | undefined; aspectRatio?: string | undefined; backdropFilter?: string | undefined; backfaceVisibility?: string | undefined; background?: string | undefined; backgroundAttachment?: string | undefined; backgroundBlendMode?: string | undefined; backgroundClip?: string | undefined; backgroundColor?: string | undefined; backgroundImage?: string | undefined; backgroundOrigin?: string | undefined; backgroundPosition?: string | undefined; backgroundPositionX?: string | undefined; backgroundPositionY?: string | undefined; backgroundRepeat?: string | undefined; backgroundSize?: string | undefined; baselineShift?: string | undefined; blockSize?: string | undefined; border?: string | undefined; borderBlock?: string | undefined; borderBlockColor?: string | undefined; borderBlockEnd?: string | undefined; borderBlockEndColor?: string | undefined; borderBlockEndStyle?: string | undefined; borderBlockEndWidth?: string | undefined; borderBlockStart?: string | undefined; borderBlockStartColor?: string | undefined; borderBlockStartStyle?: string | undefined; borderBlockStartWidth?: string | undefined; borderBlockStyle?: string | undefined; borderBlockWidth?: string | undefined; borderBottom?: string | undefined; borderBottomColor?: string | undefined; borderBottomLeftRadius?: string | undefined; borderBottomRightRadius?: string | undefined; borderBottomStyle?: string | undefined; borderBottomWidth?: string | undefined; borderCollapse?: string | undefined; borderColor?: string | undefined; borderEndEndRadius?: string | undefined; borderEndStartRadius?: string | undefined; borderImage?: string | undefined; borderImageOutset?: string | undefined; borderImageRepeat?: string | undefined; borderImageSlice?: string | undefined; borderImageSource?: string | undefined; borderImageWidth?: string | undefined; borderInline?: string | undefined; borderInlineColor?: string | undefined; borderInlineEnd?: string | undefined; borderInlineEndColor?: string | undefined; borderInlineEndStyle?: string | undefined; borderInlineEndWidth?: string | undefined; borderInlineStart?: string | undefined; borderInlineStartColor?: string | undefined; borderInlineStartStyle?: string | undefined; borderInlineStartWidth?: string | undefined; borderInlineStyle?: string | undefined; borderInlineWidth?: string | undefined; borderLeft?: string | undefined; borderLeftColor?: string | undefined; borderLeftStyle?: string | undefined; borderLeftWidth?: string | undefined; borderRadius?: string | undefined; borderRight?: string | undefined; borderRightColor?: string | undefined; borderRightStyle?: string | undefined; borderRightWidth?: string | undefined; borderSpacing?: string | undefined; borderStartEndRadius?: string | undefined; borderStartStartRadius?: string | undefined; borderStyle?: string | undefined; borderTop?: string | undefined; borderTopColor?: string | undefined; borderTopLeftRadius?: string | undefined; borderTopRightRadius?: string | undefined; borderTopStyle?: string | undefined; borderTopWidth?: string | undefined; borderWidth?: string | undefined; bottom?: string | undefined; boxShadow?: string | undefined; boxSizing?: string | undefined; breakAfter?: string | undefined; breakBefore?: string | undefined; breakInside?: string | undefined; captionSide?: string | undefined; caretColor?: string | undefined; clear?: string | undefined; clip?: string | undefined; clipPath?: string | undefined; clipRule?: string | undefined; color?: string | undefined; colorInterpolation?: string | undefined; colorInterpolationFilters?: string | undefined; colorScheme?: string | undefined; columnCount?: string | undefined; columnFill?: string | undefined; columnGap?: string | undefined; columnRule?: string | undefined; columnRuleColor?: string | undefined; columnRuleStyle?: string | undefined; columnRuleWidth?: string | undefined; columnSpan?: string | undefined; columnWidth?: string | undefined; columns?: string | undefined; contain?: string | undefined; container?: string | undefined; containerName?: string | undefined; containerType?: string | undefined; content?: string | undefined; counterIncrement?: string | undefined; counterReset?: string | undefined; counterSet?: string | undefined; cssFloat?: string | undefined; cssText?: string | undefined; cursor?: string | undefined; direction?: string | undefined; display?: string | undefined; dominantBaseline?: string | undefined; emptyCells?: string | undefined; fill?: string | undefined; fillOpacity?: string | undefined; fillRule?: string | undefined; filter?: string | undefined; flex?: string | undefined; flexBasis?: string | undefined; flexDirection?: string | undefined; flexFlow?: string | undefined; flexGrow?: string | undefined; flexShrink?: string | undefined; flexWrap?: string | undefined; float?: string | undefined; floodColor?: string | undefined; floodOpacity?: string | undefined; font?: string | undefined; fontFamily?: string | undefined; fontFeatureSettings?: string | undefined; fontKerning?: string | undefined; fontOpticalSizing?: string | undefined; fontPalette?: string | undefined; fontSize?: string | undefined; fontSizeAdjust?: string | undefined; fontStretch?: string | undefined; fontStyle?: string | undefined; fontSynthesis?: string | undefined; fontVariant?: string | undefined; fontVariantAlternates?: string | undefined; fontVariantCaps?: string | undefined; fontVariantEastAsian?: string | undefined; fontVariantLigatures?: string | undefined; fontVariantNumeric?: string | undefined; fontVariantPosition?: string | undefined; fontVariationSettings?: string | undefined; fontWeight?: string | undefined; gap?: string | undefined; grid?: string | undefined; gridArea?: string | undefined; gridAutoColumns?: string | undefined; gridAutoFlow?: string | undefined; gridAutoRows?: string | undefined; gridColumn?: string | undefined; gridColumnEnd?: string | undefined; gridColumnGap?: string | undefined; gridColumnStart?: string | undefined; gridGap?: string | undefined; gridRow?: string | undefined; gridRowEnd?: string | undefined; gridRowGap?: string | undefined; gridRowStart?: string | undefined; gridTemplate?: string | undefined; gridTemplateAreas?: string | undefined; gridTemplateColumns?: string | undefined; gridTemplateRows?: string | undefined; height?: string | undefined; hyphenateCharacter?: string | undefined; hyphens?: string | undefined; imageOrientation?: string | undefined; imageRendering?: string | undefined; inlineSize?: string | undefined; inset?: string | undefined; insetBlock?: string | undefined; insetBlockEnd?: string | undefined; insetBlockStart?: string | undefined; insetInline?: string | undefined; insetInlineEnd?: string | undefined; insetInlineStart?: string | undefined; isolation?: string | undefined; justifyContent?: string | undefined; justifyItems?: string | undefined; justifySelf?: string | undefined; left?: string | undefined; readonly length?: number | undefined; letterSpacing?: string | undefined; lightingColor?: string | undefined; lineBreak?: string | undefined; lineHeight?: string | undefined; listStyle?: string | undefined; listStyleImage?: string | undefined; listStylePosition?: string | undefined; listStyleType?: string | undefined; margin?: string | undefined; marginBlock?: string | undefined; marginBlockEnd?: string | undefined; marginBlockStart?: string | undefined; marginBottom?: string | undefined; marginInline?: string | undefined; marginInlineEnd?: string | undefined; marginInlineStart?: string | undefined; marginLeft?: string | undefined; marginRight?: string | undefined; marginTop?: string | undefined; marker?: string | undefined; markerEnd?: string | undefined; markerMid?: string | undefined; markerStart?: string | undefined; mask?: string | undefined; maskClip?: string | undefined; maskComposite?: string | undefined; maskImage?: string | undefined; maskMode?: string | undefined; maskOrigin?: string | undefined; maskPosition?: string | undefined; maskRepeat?: string | undefined; maskSize?: string | undefined; maskType?: string | undefined; maxBlockSize?: string | undefined; maxHeight?: string | undefined; maxInlineSize?: string | undefined; maxWidth?: string | undefined; minBlockSize?: string | undefined; minHeight?: string | undefined; minInlineSize?: string | undefined; minWidth?: string | undefined; mixBlendMode?: string | undefined; objectFit?: string | undefined; objectPosition?: string | undefined; offset?: string | undefined; offsetDistance?: string | undefined; offsetPath?: string | undefined; offsetRotate?: string | undefined; opacity?: string | undefined; order?: string | undefined; orphans?: string | undefined; outline?: string | undefined; outlineColor?: string | undefined; outlineOffset?: string | undefined; outlineStyle?: string | undefined; outlineWidth?: string | undefined; overflow?: string | undefined; overflowAnchor?: string | undefined; overflowClipMargin?: string | undefined; overflowWrap?: string | undefined; overflowX?: string | undefined; overflowY?: string | undefined; overscrollBehavior?: string | undefined; overscrollBehaviorBlock?: string | undefined; overscrollBehaviorInline?: string | undefined; overscrollBehaviorX?: string | undefined; overscrollBehaviorY?: string | undefined; padding?: string | undefined; paddingBlock?: string | undefined; paddingBlockEnd?: string | undefined; paddingBlockStart?: string | undefined; paddingBottom?: string | undefined; paddingInline?: string | undefined; paddingInlineEnd?: string | undefined; paddingInlineStart?: string | undefined; paddingLeft?: string | undefined; paddingRight?: string | undefined; paddingTop?: string | undefined; pageBreakAfter?: string | undefined; pageBreakBefore?: string | undefined; pageBreakInside?: string | undefined; paintOrder?: string | undefined; readonly parentRule?: { cssText: string; readonly parentRule: any | null; readonly parentStyleSheet: { readonly cssRules: { [x: number]: any; readonly length: number; item: (index: number) => CSSRule | null; [Symbol.iterator]: () => IterableIterator<CSSRule>; }; readonly ownerRule: any | null; readonly rules: { [x: number]: any; readonly length: number; item: (index: number) => CSSRule | null; [Symbol.iterator]: () => IterableIterator<CSSRule>; }; addRule: (selector?: string | undefined, style?: string | undefined, index?: number | undefined) => number; deleteRule: (index: number) => void; insertRule: (rule: string, index?: number | undefined) => number; removeRule: (index?: number | undefined) => void; replace: (text: string) => Promise<CSSStyleSheet>; replaceSync: (text: string) => void; disabled: boolean; readonly href: string | null; readonly media: { [x: number]: string; readonly length: number; mediaText: string; toString: () => string; appendMedium: (medium: string) => void; deleteMedium: (medium: string) => void; item: (index: number) => string | null; [Symbol.iterator]: () => IterableIterator<string>; }; readonly ownerNode: Element | ProcessingInstruction | null; readonly parentStyleSheet: any | null; readonly title: string | null; readonly type: string; } | null; readonly type: number; readonly CHARSET_RULE: number; readonly FONT_FACE_RULE: number; readonly IMPORT_RULE: number; readonly KEYFRAMES_RULE: number; readonly KEYFRAME_RULE: number; readonly MEDIA_RULE: number; readonly NAMESPACE_RULE: number; readonly PAGE_RULE: number; readonly STYLE_RULE: number; readonly SUPPORTS_RULE: number; } | null | undefined; perspective?: string | undefined; perspectiveOrigin?: string | undefined; placeContent?: string | undefined; placeItems?: string | undefined; placeSelf?: string | undefined; pointerEvents?: string | undefined; position?: string | undefined; printColorAdjust?: string | undefined; quotes?: string | undefined; resize?: string | undefined; right?: string | undefined; rotate?: string | undefined; rowGap?: string | undefined; rubyPosition?: string | undefined; scale?: string | undefined; scrollBehavior?: string | undefined; scrollMargin?: string | undefined; scrollMarginBlock?: string | undefined; scrollMarginBlockEnd?: string | undefined; scrollMarginBlockStart?: string | undefined; scrollMarginBottom?: string | undefined; scrollMarginInline?: string | undefined; scrollMarginInlineEnd?: string | undefined; scrollMarginInlineStart?: string | undefined; scrollMarginLeft?: string | undefined; scrollMarginRight?: string | undefined; scrollMarginTop?: string | undefined; scrollPadding?: string | undefined; scrollPaddingBlock?: string | undefined; scrollPaddingBlockEnd?: string | undefined; scrollPaddingBlockStart?: string | undefined; scrollPaddingBottom?: string | undefined; scrollPaddingInline?: string | undefined; scrollPaddingInlineEnd?: string | undefined; scrollPaddingInlineStart?: string | undefined; scrollPaddingLeft?: string | undefined; scrollPaddingRight?: string | undefined; scrollPaddingTop?: string | undefined; scrollSnapAlign?: string | undefined; scrollSnapStop?: string | undefined; scrollSnapType?: string | undefined; scrollbarGutter?: string | undefined; shapeImageThreshold?: string | undefined; shapeMargin?: string | undefined; shapeOutside?: string | undefined; shapeRendering?: string | undefined; stopColor?: string | undefined; stopOpacity?: string | undefined; stroke?: string | undefined; strokeDasharray?: string | undefined; strokeDashoffset?: string | undefined; strokeLinecap?: string | undefined; strokeLinejoin?: string | undefined; strokeMiterlimit?: string | undefined; strokeOpacity?: string | undefined; strokeWidth?: string | undefined; tabSize?: string | undefined; tableLayout?: string | undefined; textAlign?: string | undefined; textAlignLast?: string | undefined; textAnchor?: string | undefined; textCombineUpright?: string | undefined; textDecoration?: string | undefined; textDecorationColor?: string | undefined; textDecorationLine?: string | undefined; textDecorationSkipInk?: string | undefined; textDecorationStyle?: string | undefined; textDecorationThickness?: string | undefined; textEmphasis?: string | undefined; textEmphasisColor?: string | undefined; textEmphasisPosition?: string | undefined; textEmphasisStyle?: string | undefined; textIndent?: string | undefined; textOrientation?: string | undefined; textOverflow?: string | undefined; textRendering?: string | undefined; textShadow?: string | undefined; textTransform?: string | undefined; textUnderlineOffset?: string | undefined; textUnderlinePosition?: string | undefined; top?: string | undefined; touchAction?: string | undefined; transform?: string | undefined; transformBox?: string | undefined; transformOrigin?: string | undefined; transformStyle?: string | undefined; transition?: string | undefined; transitionDelay?: string | undefined; transitionDuration?: string | undefined; transitionProperty?: string | undefined; transitionTimingFunction?: string | undefined; translate?: string | undefined; unicodeBidi?: string | undefined; userSelect?: string | undefined; verticalAlign?: string | undefined; visibility?: string | undefined; webkitAlignContent?: string | undefined; webkitAlignItems?: string | undefined; webkitAlignSelf?: string | undefined; webkitAnimation?: string | undefined; webkitAnimationDelay?: string | undefined; webkitAnimationDirection?: string | undefined; webkitAnimationDuration?: string | undefined; webkitAnimationFillMode?: string | undefined; webkitAnimationIterationCount?: string | undefined; webkitAnimationName?: string | undefined; webkitAnimationPlayState?: string | undefined; webkitAnimationTimingFunction?: string | undefined; webkitAppearance?: string | undefined; webkitBackfaceVisibility?: string | undefined; webkitBackgroundClip?: string | undefined; webkitBackgroundOrigin?: string | undefined; webkitBackgroundSize?: string | undefined; webkitBorderBottomLeftRadius?: string | undefined; webkitBorderBottomRightRadius?: string | undefined; webkitBorderRadius?: string | undefined; webkitBorderTopLeftRadius?: string | undefined; webkitBorderTopRightRadius?: string | undefined; webkitBoxAlign?: string | undefined; webkitBoxFlex?: string | undefined; webkitBoxOrdinalGroup?: string | undefined; webkitBoxOrient?: string | undefined; webkitBoxPack?: string | undefined; webkitBoxShadow?: string | undefined; webkitBoxSizing?: string | undefined; webkitFilter?: string | undefined; webkitFlex?: string | undefined; webkitFlexBasis?: string | undefined; webkitFlexDirection?: string | undefined; webkitFlexFlow?: string | undefined; webkitFlexGrow?: string | undefined; webkitFlexShrink?: string | undefined; webkitFlexWrap?: string | undefined; webkitJustifyContent?: string | undefined; webkitLineClamp?: string | undefined; webkitMask?: string | undefined; webkitMaskBoxImage?: string | undefined; webkitMaskBoxImageOutset?: string | undefined; webkitMaskBoxImageRepeat?: string | undefined; webkitMaskBoxImageSlice?: string | undefined; webkitMaskBoxImageSource?: string | undefined; webkitMaskBoxImageWidth?: string | undefined; webkitMaskClip?: string | undefined; webkitMaskComposite?: string | undefined; webkitMaskImage?: string | undefined; webkitMaskOrigin?: string | undefined; webkitMaskPosition?: string | undefined; webkitMaskRepeat?: string | undefined; webkitMaskSize?: string | undefined; webkitOrder?: string | undefined; webkitPerspective?: string | undefined; webkitPerspectiveOrigin?: string | undefined; webkitTextFillColor?: string | undefined; webkitTextSizeAdjust?: string | undefined; webkitTextStroke?: string | undefined; webkitTextStrokeColor?: string | undefined; webkitTextStrokeWidth?: string | undefined; webkitTransform?: string | undefined; webkitTransformOrigin?: string | undefined; webkitTransformStyle?: string | undefined; webkitTransition?: string | undefined; webkitTransitionDelay?: string | undefined; webkitTransitionDuration?: string | undefined; webkitTransitionProperty?: string | undefined; webkitTransitionTimingFunction?: string | undefined; webkitUserSelect?: string | undefined; whiteSpace?: string | undefined; widows?: string | undefined; width?: string | undefined; willChange?: string | undefined; wordBreak?: string | undefined; wordSpacing?: string | undefined; wordWrap?: string | undefined; writingMode?: string | undefined; zIndex?: string | undefined; getPropertyPriority?: ((property: string) => string) | undefined; getPropertyValue?: ((property: string) => string) | undefined; item?: ((index: number) => string) | undefined; removeProperty?: ((property: string) => string) | undefined; setProperty?: ((property: string, value: string | null, priority?: string | undefined) => void) | undefined; [Symbol.iterator]?: (() => IterableIterator<string>) | undefined; }; class: string[]; }; name: string; }; str: string; } | undefined; isModified?: boolean | undefined; id: string | null; annotationType: AnnotationType; rotation: number; rect: number[]; parentRect?: number[] | undefined; fieldType?: string | undefined; annotationFlags?: import("@vue-pdf-viewer/shared").AnnotationFlag | undefined; borderStyle?: { dashArray: number[]; horizontalCornerRadius: number; style: number; verticalCornerRadius: number; width: number; rawWidth: number; } | undefined; color?: { [x: number]: number; readonly BYTES_PER_ELEMENT: number; readonly buffer: { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => ArrayBuffer; readonly [Symbol.toStringTag]: string; } | { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => SharedArrayBuffer; readonly [Symbol.species]: SharedArrayBuffer; readonly [Symbol.toStringTag]: "SharedArrayBuffer"; }; readonly byteLength: number; readonly byteOffset: number; copyWithin: (target: number, start: number, end?: number | undefined) => Uint8ClampedArray; every: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; fill: (value: number, start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; filter: (predicate: (value: number, index: number, array: Uint8ClampedArray) => any, thisArg?: any) => Uint8ClampedArray; find: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number | undefined; findIndex: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number; forEach: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => void, thisArg?: any) => void; indexOf: (searchElement: number, fromIndex?: number | undefined) => number; join: (separator?: string | undefined) => string; lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number; readonly length: number; map: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => number, thisArg?: any) => Uint8ClampedArray; reduce: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U, initialValue: U): U; }; reduceRight: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U_1, initialValue: U_1): U_1; }; reverse: () => Uint8ClampedArray; set: (array: ArrayLike<number>, offset?: number | undefined) => void; slice: (start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; some: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8ClampedArray; subarray: (begin?: number | undefined, end?: number | undefined) => Uint8ClampedArray; toLocaleString: () => string; toString: () => string; valueOf: () => Uint8ClampedArray; entries: () => IterableIterator<[number, number]>; keys: () => IterableIterator<number>; values: () => IterableIterator<number>; includes: (searchElement: number, fromIndex?: number | undefined) => boolean; at: (index: number) => number | undefined; [Symbol.iterator]: () => IterableIterator<number>; readonly [Symbol.toStringTag]: "Uint8ClampedArray"; } | null | undefined; creationDate?: string | Date | null | undefined; backgroundColor?: { [x: number]: number; readonly BYTES_PER_ELEMENT: number; readonly buffer: { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => ArrayBuffer; readonly [Symbol.toStringTag]: string; } | { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => SharedArrayBuffer; readonly [Symbol.species]: SharedArrayBuffer; readonly [Symbol.toStringTag]: "SharedArrayBuffer"; }; readonly byteLength: number; readonly byteOffset: number; copyWithin: (target: number, start: number, end?: number | undefined) => Uint8ClampedArray; every: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; fill: (value: number, start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; filter: (predicate: (value: number, index: number, array: Uint8ClampedArray) => any, thisArg?: any) => Uint8ClampedArray; find: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number | undefined; findIndex: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number; forEach: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => void, thisArg?: any) => void; indexOf: (searchElement: number, fromIndex?: number | undefined) => number; join: (separator?: string | undefined) => string; lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number; readonly length: number; map: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => number, thisArg?: any) => Uint8ClampedArray; reduce: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U, initialValue: U): U; }; reduceRight: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U_1, initialValue: U_1): U_1; }; reverse: () => Uint8ClampedArray; set: (array: ArrayLike<number>, offset?: number | undefined) => void; slice: (start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; some: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8ClampedArray; subarray: (begin?: number | undefined, end?: number | undefined) => Uint8ClampedArray; toLocaleString: () => string; toString: () => string; valueOf: () => Uint8ClampedArray; entries: () => IterableIterator<[number, number]>; keys: () => IterableIterator<number>; values: () => IterableIterator<number>; includes: (searchElement: number, fromIndex?: number | undefined) => boolean; at: (index: number) => number | undefined; [Symbol.iterator]: () => IterableIterator<number>; readonly [Symbol.toStringTag]: "Uint8ClampedArray"; } | null | undefined; borderColor?: { [x: number]: number; readonly BYTES_PER_ELEMENT: number; readonly buffer: { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => ArrayBuffer; readonly [Symbol.toStringTag]: string; } | { readonly byteLength: number; slice: (begin: number, end?: number | undefined) => SharedArrayBuffer; readonly [Symbol.species]: SharedArrayBuffer; readonly [Symbol.toStringTag]: "SharedArrayBuffer"; }; readonly byteLength: number; readonly byteOffset: number; copyWithin: (target: number, start: number, end?: number | undefined) => Uint8ClampedArray; every: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; fill: (value: number, start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; filter: (predicate: (value: number, index: number, array: Uint8ClampedArray) => any, thisArg?: any) => Uint8ClampedArray; find: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number | undefined; findIndex: (predicate: (value: number, index: number, obj: Uint8ClampedArray) => boolean, thisArg?: any) => number; forEach: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => void, thisArg?: any) => void; indexOf: (searchElement: number, fromIndex?: number | undefined) => number; join: (separator?: string | undefined) => string; lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number; readonly length: number; map: (callbackfn: (value: number, index: number, array: Uint8ClampedArray) => number, thisArg?: any) => Uint8ClampedArray; reduce: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U, initialValue: U): U; }; reduceRight: { (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number): number; (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => number, initialValue: number): number; <U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: Uint8ClampedArray) => U_1, initialValue: U_1): U_1; }; reverse: () => Uint8ClampedArray; set: (array: ArrayLike<number>, offset?: number | undefined) => void; slice: (start?: number | undefined, end?: number | undefined) => Uint8ClampedArray; some: (predicate: (value: number, index: number, array: Uint8ClampedArray) => unknown, thisArg?: any) => boolean; sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8ClampedArray; subarray: (begin?: number | undefined, end?: number | undefined) => Uint8ClampedArray; toLocaleString: () => string; toString