'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-9a9efa1c.js');
const pnProfileModalStore = require('./pn-profile-modal-store-d96aaa77.js');
require('./index-a8de2b09.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) {
        index.registerInstance(this, hostRef);
        this.typeid = '';
        this.name = 'false';
        this.selected = false;
        this.selectedprofile = null;
    }
    get hostElement() { return index.getElement(this); }
    onSelectedChange() {
        if (this.selected) {
            pnProfileModalStore.state.selectedType = this.name;
        }
        pnProfileModalStore.state.selectedProfile = '';
        [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {
            x.setAttribute('selected', 'false');
        });
    }
    render() {
        return (index.h(index.Host, { key: 'd34b3a25b0f60ac52c17bdcb1989ef59f6131c9b', selected: (pnProfileModalStore.state.selectedType === this.name) + '', "selected-profile": pnProfileModalStore.state.selectedProfile + '' }, index.h("slot", { key: 'd91f5074b557b20bdeab4d2359a054490cee2711' })));
    }
    static get watchers() { return {
        "selected": ["onSelectedChange"]
    }; }
};
PnProfileModalType.style = PnProfileModalTypeStyle0;

exports.pn_profile_modal_type = PnProfileModalType;

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