import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
import { d as defineCustomElement$2 } from './p-tS89-nSl.js';

const DgaStructuredListUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaStructuredListUsage extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("div", { key: 'bdc2f47aa3f8ff597300c4096f00efd7b7ed774a' }, h("h1", { key: '015067e5a3a9fa1323b51e37e76fa3864e67f3ae' }, "Structured List Example"), h("div", { key: 'b84d94e8795660d3975dbe8debe9f09be86b644a', style: { padding: "50px" } }, h("dga-structured-list", { key: '98012f35b00f2345d4ed21bb0ff8581ec002e049', cells: [
                {
                    title: "ID",
                    propertyName: "id",
                    type: "propertyName",
                },
                {
                    title: "Name",
                    propertyName: "name",
                    type: "propertyName",
                },
            ], data: [
                { id: 1, name: "Alice", selected: false },
                { id: 2, name: "Bob", selected: false },
                { id: 3, name: "Charlie", selected: false },
            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), h("dga-structured-list", { key: '8e322325aa9b7e48d2c9b00c47b29ec8d6ddfaaa', compact: true, cells: [
                {
                    title: "ID",
                    propertyName: "id",
                    type: "propertyName",
                },
                {
                    title: "Name",
                    propertyName: "name",
                    type: "propertyName",
                },
            ], data: [
                { id: 1, name: "Alice", selected: false },
                { id: 2, name: "Bob", selected: false },
                { id: 3, name: "Charlie", selected: false },
            ], rowDivider: true, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }))));
    }
}, [0, "dga-structured-list-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-structured-list-usage", "dga-structured-list"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-structured-list-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaStructuredListUsage$1);
            }
            break;
        case "dga-structured-list":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaStructuredListUsage = DgaStructuredListUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaStructuredListUsage, defineCustomElement };
