import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$4 } from './p-115ed7c3.js';
import { d as defineCustomElement$3 } from './p-58a17343.js';
import { d as defineCustomElement$2 } from './p-42103fc2.js';

const DgaTagUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTagUsage extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("div", { key: 'eb90d402657f2c1689ef05166b37542c27d55831' }, h("h1", { key: 'b8f4acaaa8380a3eb7326ac46ef8d9d2efc7cc59' }, "Tag Example"), h("div", { key: 'a2966d08f9c43f1c3276c244edeb602a0e5cfb49', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c129e1096fae35d8b6bb133eea6bd3504e96e4ea', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: '7974c8ed16b03d83767040749724cb286dce7d7d', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "lg", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: 'a6915243264c0057f3db17f086a6957f43ea81ea', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "md", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '6ea8da8f4a8623cfa78d5c360573c926b696025d', label: "Label", variant: "neutral", outlined: false, rounded: false, size: "sm", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '807b211a3e731afbeb7692fc15831c19b5b6f1cb', label: "Label", variant: "success", outlined: false, rounded: false, size: "lg", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '06af24086b55ab3aa87e71a1be95830c64e864cb', label: "Label", variant: "success", outlined: false, rounded: false, size: "md", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '6f39c6e90026ab52322a701bb3a75484bb1b5a2d', label: "Label", variant: "success", outlined: false, rounded: false, size: "sm", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '3b003cb927786d82358f8b3c72f6265d92f0b592', label: "Label", variant: "error", outlined: false, rounded: false, size: "lg", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: 'cc4f8386e3516e4a9da4166464608c3cba0d9716', label: "Label", variant: "error", outlined: false, rounded: false, size: "md", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '2ee05c4d50b9c79e59fda753839cdd3b48506384', label: "Label", variant: "error", outlined: false, rounded: false, size: "sm", leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            }, trailIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } })), h("div", { key: '4de63bc2774c13672e7480c4d6077444b993b229', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-tag", { key: 'cf59f94e2cafa9c28ea58f481bf7166c5dfd2aa4', label: "Label", variant: "error", size: "lg", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '55dc6cabb4cdccf73b340970ca804691db3f58ab', label: "Label", variant: "neutral", size: "md", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-tag", { key: '820e7110096c332d82859a063b965c6db980f5e9', label: "Label", variant: "neutral", size: "sm", outlined: false, rounded: false, iconOnly: true, leadIcon: {
                name: "alert-02",
                type: "rounded",
                variant: "stroke",
                size: 16
            } }), h("dga-status-tag", { key: 'db78fc4fa5cb3e63592acac0c858736aeb4e02b8', label: 'Status', color: 'neutral', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '5e8b440b7bd606f4db5c6a0e0aa671e414216cab', label: 'Status', color: 'neutral', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'a42dc8603af245d646c115416156bde69d865b2b', label: 'Status', color: 'neutral', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: 'd337d0080285a350cf89e2053d359b9458478bb8', label: 'Status', color: 'neutral', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'd1ac3aac0e8ebe20f8faf3cf29ccbc5b060ebf64', label: 'Status', color: 'neutral', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '55af017f10acd6b8468566371b59de29dd9179f7', label: 'Status', color: 'neutral', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '74b571790490bf438583011d91ae78efbff38de5', label: 'Status', color: 'neutral', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: 'f39463cd9cd05b7beb47cc0cd32a69b25ffc1ced', label: 'Status', color: 'neutral', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '7eb9dd573f03ae4ae0348449bf9b63342ba2e74b', label: 'Status', color: 'neutral', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '22826a44f896d6a047849587b43a05dd3350811a', label: 'Status', color: 'blue', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '4236c45781d507ec3db422be3814171165e0930c', label: 'Status', color: 'blue', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: '54d0b071a9a5d6c36ecf2575a0efe8d94d8661c8', label: 'Status', color: 'blue', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '8c8787098a29e1d3e5d940f6c4f356b76549ba1e', label: 'Status', color: 'blue', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '7a7aef5ebf4a93714b7a348927af5794bb6509ca', label: 'Status', color: 'blue', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '7e066296d217f4dbb48ee8b30d5ae1022eaf60b2', label: 'Status', color: 'blue', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '82fee1c3b7991ff9969674a25dd50f96913545af', label: 'Status', color: 'blue', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '571f65a4606ccf0752988824091f204bd398eac7', label: 'Status', color: 'blue', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '7dfe3779399011a24fa4dbbea7fe820853813ff5', label: 'Status', color: 'blue', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '73ccca89ad8afa09d3265e6e92a578f2866d9950', label: 'Status', color: 'green', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '8b2831a7f364568181d47beeebf277cd4fe74006', label: 'Status', color: 'green', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'a4e3c011064e7f1400dedf940548b47834e75a7a', label: 'Status', color: 'green', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '50bed5745ab164c2e2a563f9b903ef9d19e0598b', label: 'Status', color: 'green', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '970c55f68231d4690774352790e7267cf0dd77d1', label: 'Status', color: 'green', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '8b892753c016bf40e06de53f0ff477ab62c93a2e', label: 'Status', color: 'green', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '8b9d0a80e1a2f688d9728572be956aa9f198c361', label: 'Status', color: 'green', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '5d1e73dd1ae8f9d943cf381e08d6f7c56f7a1eb7', label: 'Status', color: 'green', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'a3a283f11306149b81019d3aa3c7147386002d97', label: 'Status', color: 'green', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: 'ce570092a80d8345db851f9b9a5fb1ddab4b2317', label: 'Status', color: 'yellow', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '4d66274b4bd15f65d9de46b2a2662ac3168d7fd3', label: 'Status', color: 'yellow', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'f5ff46c9882dddc48059c7c61ff10e31ee5f70ed', label: 'Status', color: 'yellow', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '0f9a0df77aa7b21d04f5fcaa836ff419b660c28c', label: 'Status', color: 'yellow', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: '18bfc382bb1124d566951d4618a51382903b72e2', label: 'Status', color: 'yellow', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: 'aa432873534125364cb657492976860c1bf3cc1d', label: 'Status', color: 'yellow', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '3536721250d5a312b904af31ad0c33c48e707ca8', label: 'Status', color: 'yellow', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '0abf16fd137caf255f5dc7dc39b3efc1a13391d0', label: 'Status', color: 'yellow', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: 'ee965a334c871d7d805311a04810127fd64fd314', label: 'Status', color: 'yellow', size: 'sm', status: 'ghost' }), h("dga-status-tag", { key: '4c5b5a927996b19d673f7ba0b790dbc99a4bafc1', label: 'Status', color: 'red', size: 'lg', status: 'subtle' }), h("dga-status-tag", { key: '1e76bf29fbd220d3f5027f36bc4cd5194dde7e8a', label: 'Status', color: 'red', size: 'md', status: 'subtle' }), h("dga-status-tag", { key: 'dcde8ed5b0186baad43a8648cba132eff7669a65', label: 'Status', color: 'red', size: 'sm', status: 'subtle' }), h("dga-status-tag", { key: '63776a9bdd092dc397a41daa69b570ebedfd9798', label: 'Status', color: 'red', size: 'lg', status: 'inverted' }), h("dga-status-tag", { key: 'e15eef3cebab5a014bdd0e74cf88e6a8873cb7af', label: 'Status', color: 'red', size: 'md', status: 'inverted' }), h("dga-status-tag", { key: '0302e6ec097b8b0510a6b03092c8c35bbad7fa16', label: 'Status', color: 'red', size: 'sm', status: 'inverted' }), h("dga-status-tag", { key: '26c623c29dbf16295c3b669889070ec160ba8baf', label: 'Status', color: 'red', size: 'lg', status: 'ghost' }), h("dga-status-tag", { key: '090c622ee79eee1849868a8f8cbbf12949658bb8', label: 'Status', color: 'red', size: 'md', status: 'ghost' }), h("dga-status-tag", { key: '0636c099e76eaa5918b479f4186f8db3300f419c', label: 'Status', color: 'red', size: 'sm', status: 'ghost' })))));
    }
}, [0, "dga-tag-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-tag-usage", "dga-icon-v2", "dga-status-tag", "dga-tag"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-tag-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaTagUsage$1);
            }
            break;
        case "dga-icon-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-status-tag":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-tag":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaTagUsage = DgaTagUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaTagUsage, defineCustomElement };

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