Mixins / foldkit-mixins-ui

ImageCropperView

interface · packages/mixins-ui/src/imageCropper.ts:811

interface ImageCropperView<Message> {
  readonly model: Model
  readonly onMessage: (message: typeof Message.Type) => NoInfer<Message>
  readonly label: string
  readonly src: string
  readonly crossOrigin?: 'anonymous' | 'use-credentials' | undefined
  readonly controls?:
    | {
        readonly zoom?: boolean
        readonly rotate?: boolean
        readonly reset?: boolean
      }
    | undefined
  readonly labels?: Partial<ImageCropperLabels> | undefined
  readonly disabled?: boolean | undefined
  readonly style?: NamedStyle<typeof ImageCropperSlots> | undefined
  readonly slider?: NamedStyle<typeof SliderSlots> | undefined
  readonly mixins?: MixinList<Message> | undefined
}

Members

ImageCropperView.model

property · packages/mixins-ui/src/imageCropper.ts:812

readonly model: Model

ImageCropperView.onMessage

property · packages/mixins-ui/src/imageCropper.ts:814

readonly onMessage: (message: typeof Message.Type) => NoInfer<Message>

Lifts the cropper's own Messages into the application's.

ImageCropperView.label

property · packages/mixins-ui/src/imageCropper.ts:816

readonly label: string

What is cropped, shown and naming the group.

ImageCropperView.src

property · packages/mixins-ui/src/imageCropper.ts:818

readonly src: string

The image's URL; a canvas exports it only from this origin or with CORS.

ImageCropperView.crossOrigin

property · packages/mixins-ui/src/imageCropper.ts:820

readonly crossOrigin?: 'anonymous' | 'use-credentials' | undefined

anonymous to export an image of another origin that allows it.

ImageCropperView.controls

property · packages/mixins-ui/src/imageCropper.ts:822

readonly controls?:
  | {
      readonly zoom?: boolean
      readonly rotate?: boolean
      readonly reset?: boolean
    }
  | undefined

Which controls are drawn below the viewport; each default true.

ImageCropperView.labels

property · packages/mixins-ui/src/imageCropper.ts:825

readonly labels?: Partial<ImageCropperLabels> | undefined

ImageCropperView.disabled

property · packages/mixins-ui/src/imageCropper.ts:826

readonly disabled?: boolean | undefined

ImageCropperView.style

property · packages/mixins-ui/src/imageCropper.ts:828

readonly style?: NamedStyle<typeof ImageCropperSlots> | undefined

A style of ImageCropperSlots, for the look.

ImageCropperView.slider

property · packages/mixins-ui/src/imageCropper.ts:830

readonly slider?: NamedStyle<typeof SliderSlots> | undefined

The zoom Slider's style.

ImageCropperView.mixins

property · packages/mixins-ui/src/imageCropper.ts:832

readonly mixins?: MixinList<Message> | undefined

Mixins beside the style.