import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$4 } from './p-1b62d0ae.js';
import { d as defineCustomElement$3 } from './p-89e58464.js';
import { d as defineCustomElement$2 } from './p-888b8e69.js';

const DgaTableUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTableUsage extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("div", { key: 'cd2286690f3fda93c40d998e5814bf28e91fa020' }, h("h1", { key: 'd110ad7a270245b135a702788ee4c3f5634be124' }, "Table Example"), h("div", { key: 'e8b40a3a981540cbe8e07df7d30db7371291d146', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'c040fbc983c62b9daee162566f7f66d88b17fa1b', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-data-table-updated", { key: '0cefb01370e75663e69b009d12ad165593b99c2e', columns: [
                {
                    label: "Header"
                }
            ], cells: [
                {
                    title: "city",
                    sort: "up",
                    isSort: true,
                    isFilter: true,
                    type: "propertyName",
                    propertyName: "city",
                    colSpan: 1, // Set colSpan to 1 (default is 1)
                },
                {
                    title: "price",
                    sort: "down",
                    isSort: true,
                    isFilter: true,
                    type: "propertyName",
                    propertyName: "price",
                    colSpan: 1,
                },
                {
                    title: "state",
                    isSort: true,
                    isFilter: true,
                    type: "propertyName",
                    propertyName: "state",
                    colSpan: 1,
                },
            ], data: [
                {
                    h_id: "3",
                    city: "Dallas",
                    state: "TX",
                    zip: "75201",
                    price: "162500",
                    selected: false, // Add selected property for checkbox functionality
                },
                {
                    h_id: "4",
                    city: "Bevery Hills",
                    state: "CA",
                    zip: "90210",
                    price: "319250",
                    selected: false,
                },
                {
                    h_id: "5",
                    city: "New York",
                    state: "NY",
                    zip: "00010",
                    price: "962500",
                    selected: false,
                },
            ] })), h("div", { key: '31334ab440f76ed7ae7efcc4b56e9441b5e0e1de', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
    }
}, [0, "dga-table-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-table-usage", "dga-checkbox", "dga-data-table-updated", "dga-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-table-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaTableUsage$1);
            }
            break;
        case "dga-checkbox":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-data-table-updated":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaTableUsage = DgaTableUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaTableUsage, defineCustomElement };

//# sourceMappingURL=dga-table-usage.js.map