import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const pnLineShapeCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-line-shape .pn-line-shape__container{display:flex}pn-line-shape .pn-line-shape__line{border-style:solid;border-width:0.4rem;border-radius:1.6rem;border-color:#00a0d6}pn-line-shape .pn-line-shape__dot{width:0.8rem;border-style:solid;border-width:0.4rem;border-radius:1.6rem;height:0.8rem;border-color:#00a0d6}pn-line-shape[slot=horizontal-line] .pn-line-shape__container{flex-direction:row;flex-wrap:nowrap;width:100%;gap:0.8rem;padding:2.4rem 0}pn-line-shape[slot=horizontal-line] .pn-line-shape__line{height:0.8rem;width:100%}pn-line-shape[slot=vertical-line] .pn-line-shape__container{height:100%;flex-direction:column;gap:0.8rem;padding:0.8rem 0.5rem}pn-line-shape[slot=vertical-line] .pn-line-shape__line{height:100%;width:0.8rem}";
const PnLineShapeStyle0 = pnLineShapeCss;

const PnLineShape$1 = /*@__PURE__*/ proxyCustomElement(class PnLineShape extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
    }
    get hostElement() { return this; }
    //props
    render() {
        return (h(Host, { key: '6f7804eed509b1f396fabdcd82154bbc0ff35a7c' }, h("div", { key: '63fb1b9e18eb96f7618dfe8bda1731c8c8e1aa0f', class: "pn-line-shape__container" }, h("canvas", { key: '88bc355c48871838e141fccddab97203bb020edc', class: "pn-line-shape__line" }), h("canvas", { key: 'b1836cc1f1520d7e780d82568028caeb47d0dd1b', class: "pn-line-shape__dot" }))));
    }
    static get style() { return PnLineShapeStyle0; }
}, [0, "pn-line-shape"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-line-shape"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-line-shape":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnLineShape$1);
            }
            break;
    } });
}

const PnLineShape = PnLineShape$1;
const defineCustomElement = defineCustomElement$1;

export { PnLineShape, defineCustomElement };

//# sourceMappingURL=pn-line-shape.js.map