@conectate/ct-dialog/ct-dialog-builder.js

HTML dialog made with Web Components

import { CtDialog } from "./ct-dialog.js";
export default class CtDialogBuilder {
    constructor(cnx = document.body, dialog = new CtDialog()) {
        this.cornerRadiusValue = 16;
        this.cnx = cnx;
        this.dialog = dialog;
    }
    // ================================== Header ==================================
    icon(svg) { }
    title(title) { }
    // ================================== Button ==================================
    positiveButton(positiveButton) { }
    negativeButton(negativeButton) { }
    neutralButton(negativeButton) { }
    // ================================== BODY ==================================
    content(content) { }
    // ================= LISTAS =================
    listItems(items) { }
    listItemsSingleChoice(items) { }
    listItemsMultiChoice(items) { }
    customListAdapter(items, renderItem) { }
    // ================= View =================
    show() {
        this.cnx.appendChild(this.dialogType);
    }
    dismiss() { }
    // ================= EVENTS =================
    onPreShow() { }
    onPostShow() { }
    onDismiss() { }
    // =============== CUSTOM ==========
    cornerRadius(radius) {
        this.cornerRadiusValue = radius;
    }
}
// @ts-ignore
window.CtDialogBuilder = CtDialogBuilder;