thi-ng/umbrella

import type {
    Attribs,
    AttribVal,
    BooleanAttrib,
    CORSAttribs,
    DimensionAttribs,
    ImportanceAttribs,
    LoadingAttribs,
    MultiStringAttrib,
    NumericAttrib,
    ReferrerAttribs,
    StringAttrib,
} from "./api.js";
import { defElement } from "./def.js";

export interface CanvasAttribs extends Attribs, DimensionAttribs {}

export const canvas = defElement<Partial<CanvasAttribs>>("canvas");

export interface ImageAttribs
    extends Attribs,
        CORSAttribs,
        DimensionAttribs,
        ImportanceAttribs,
        LoadingAttribs,
        ReferrerAttribs {
    alt: StringAttrib;
    decoding: AttribVal<"sync" | "async" | "auto">;
    ismap: BooleanAttrib;
    sizes: MultiStringAttrib;
    src: StringAttrib;
    srcset: MultiStringAttrib;
    usemap: BooleanAttrib;
}

export const img = defElement<Partial<ImageAttribs>, never>("img");

export const picture = defElement("picture");

export interface SourceAttribs extends Attribs {
    media: StringAttrib;
    src: StringAttrib;
    sizes: MultiStringAttrib;
    srcset: MultiStringAttrib;
    type: StringAttrib;
}

export const source = defElement<Partial<SourceAttribs>, never>("source");

export interface AudioAttribs extends Attribs, CORSAttribs {
    autoplay: BooleanAttrib;
    controls: BooleanAttrib;
    disableRemotePlayback: BooleanAttrib;
    loop: BooleanAttrib;
    muted: BooleanAttrib;
    preload: AttribVal<"none" | "preload" | "auto">;
    src: StringAttrib;
}

export const audio = defElement<Partial<AudioAttribs>>("audio");

export interface VideoAttribs extends AudioAttribs, DimensionAttribs {
    autoPictureInPicture: BooleanAttrib;
    controlslist: AttribVal<"nodownload" | "nofullscreen" | "noremoteplayback">;
    disablePictureInPicture: BooleanAttrib;
    playsinline: BooleanAttrib;
    poster: StringAttrib;
}

export const video = defElement<Partial<VideoAttribs>>("video");

export interface TrackAttribs extends Attribs {
    default: BooleanAttrib;
    kind: AttribVal<
        "captions" | "chapters" | "descriptions" | "metadata" | "subtitles"
    >;
    label: StringAttrib;
    src: StringAttrib;
    srclang: StringAttrib;
}

export const track = defElement<Partial<TrackAttribs>>("track");

export interface ObjectAttribs extends Omit<Attribs, "data"> {
    data: StringAttrib;
    type: StringAttrib;
    form: StringAttrib;
    name: StringAttrib;
    height: NumericAttrib;
    width: NumericAttrib;
}

export const object = defElement<Partial<ObjectAttribs>>("object");