const js = @import("../../../js/js.zig");
const Frame = @import("../../../Frame.zig");
const Node = @import("../../Node.zig");
const Element = @import("../../Element.zig");
const HtmlElement = @import("../Html.zig");

const Output = @This();

_proto: *HtmlElement,

pub fn asElement(self: *Output) *Element {
    return self._proto._proto;
}
pub fn asNode(self: *Output) *Node {
    return self.asElement().asNode();
}

pub fn getLabels(self: *Output, frame: *Frame) !js.Array {
    return @import("Label.zig").getControlLabels(self.asElement(), frame);
}

pub const JsApi = struct {
    pub const bridge = js.Bridge(Output);

    pub const Meta = struct {
        pub const name = "HTMLOutputElement";
        pub const prototype_chain = bridge.prototypeChain();
        pub var class_id: bridge.ClassId = undefined;
    };

    pub const labels = bridge.accessor(Output.getLabels, null, .{});
};
