import { r as registerInstance, g as getElement, h, d as Host } from './index-c0a4d8bd.js';
import { s as state } from './pn-profile-modal-store-2832b3e3.js';
import './index-a0a6fb88.js';

const pnProfileModalTypeCss = "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-profile-modal-type{display:flex;width:100%;padding:3.2rem 0 1.2rem;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:flex;opacity:1}";
const PnProfileModalTypeStyle0 = pnProfileModalTypeCss;

const PnProfileModalType = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.typeid = '';
        this.name = 'false';
        this.selected = false;
        this.selectedprofile = null;
    }
    get hostElement() { return getElement(this); }
    onSelectedChange() {
        if (this.selected) {
            state.selectedType = this.name;
        }
        state.selectedProfile = '';
        [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {
            x.setAttribute('selected', 'false');
        });
    }
    render() {
        return (h(Host, { key: 'd34b3a25b0f60ac52c17bdcb1989ef59f6131c9b', selected: (state.selectedType === this.name) + '', "selected-profile": state.selectedProfile + '' }, h("slot", { key: 'd91f5074b557b20bdeab4d2359a054490cee2711' })));
    }
    static get watchers() { return {
        "selected": ["onSelectedChange"]
    }; }
};
PnProfileModalType.style = PnProfileModalTypeStyle0;

export { PnProfileModalType as pn_profile_modal_type };

//# sourceMappingURL=pn-profile-modal-type.entry.js.map