import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
import { r as randomIdGenerator } from './p-ffe5c0e8.js';

const iconEllipsisCss = ".sc-digi-icon-ellipsis-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-ellipsis-h svg.sc-digi-icon-ellipsis{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
const DigiIconEllipsisStyle0 = iconEllipsisCss;

const IconEllipsis = /*@__PURE__*/ proxyCustomElement(class IconEllipsis extends H {
    constructor() {
        super();
        this.__registerHost();
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '153f3476d7db70448139a2e11a638ff1382e51f6', class: "digi-icon-ellipsis", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                ? this.afSvgAriaLabelledby
                : this.afTitle
                    ? this.titleId
                    : undefined }, this.afTitle && h("title", { key: 'c9e8f674f9f6b906e19cb47395342a4e9a0d1d08', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c30dadd9dfed1f2e92e028a1509bf7a24e42f190' }, this.afDesc), h("path", { key: 'c72ff6ae9a3b8e176196995ba2ed19454e21ff0a', class: "digi-icon-ellipsis__shape", d: "M28.9655172,23.9655172 C28.9655172,26.7068966 26.5560345,28.9310345 23.5862069,28.9310345 C20.6163793,28.9310345 18.2068966,26.7068966 18.2068966,23.9655172 C18.2068966,21.2241379 20.6163793,19 23.5862069,19 C26.5560345,19 28.9655172,21.2241379 28.9655172,23.9655172 Z M42.6206897,19 C39.6508621,19 37.2413793,21.2241379 37.2413793,23.9655172 C37.2413793,26.7068966 39.6508621,28.9310345 42.6206897,28.9310345 C45.5905172,28.9310345 48,26.7068966 48,23.9655172 C48,21.2241379 45.5905172,19 42.6206897,19 Z M5.37931034,19 C2.40948276,19 0,21.2241379 0,23.9655172 C0,26.7068966 2.40948276,28.9310345 5.37931034,28.9310345 C8.34913793,28.9310345 10.7586207,26.7068966 10.7586207,23.9655172 C10.7586207,21.2241379 8.34913793,19 5.37931034,19 Z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get style() { return DigiIconEllipsisStyle0; }
}, [2, "digi-icon-ellipsis", {
        "afTitle": [1, "af-title"],
        "afDesc": [1, "af-desc"],
        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
        "titleId": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-icon-ellipsis"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-ellipsis":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconEllipsis);
            }
            break;
    } });
}

const DigiIconEllipsis = IconEllipsis;
const defineCustomElement = defineCustomElement$1;

export { DigiIconEllipsis, defineCustomElement };
