import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
import { v as validateProp } from './props-CJZgTDla.js';
import { S as StepperItemClass, c as StepperColors } from './constants-oYp2tkdN.js';
import { c as createID } from './string.utils-vN03FcXN.js';
import { g as govHost } from './template-CoD1xawt.js';
import './gov.log-BtqD9K8d.js';
import './utils-CQvUntGY.js';
import './colors-U40vKHrs.js';
import './sizes-BcQO4NH2.js';

const GovStepperItem = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.govChange = createEvent(this, "gov-change");
        this.hydrated = false;
        /**
         * Style variation of the button.
         */
        this.color = 'primary';
        /**
         * Size of stepper
         */
        this.size = 'm';
        this.h = govHost(this.host);
        this.triggerId = createID('GovStepperItem');
        this.contentId = createID('GovStepperContent');
    }
    validateColor(newValue) {
        validateProp(StepperColors, newValue, StepperItemClass.root);
    }
    componentWillLoad() {
        this.validateColor(this.color);
    }
    connectedCallback() {
        this.hydrated = true;
    }
    render() {
        const triggerId = this.identifier || this.triggerId;
        const contentId = this.contentId;
        return (h(Host, { key: '609a7f8b92363c1de962f2260d36fc674bd4c193', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, h("div", { key: '5afa6db421d268ff22727bedff02fe7e37273b7c' }, h("div", { key: 'f09a6804198fbf9a37b0553bf0539e26dd28d9f4', class: StepperItemClass.steps }, h("span", { key: 'e9f495a434501d1b5f7ac65fb757cca181156814' }), h("span", { key: 'bb3b4bd8d1e613090f9e369a72c20e04eeaad1a9', class: StepperItemClass.prefix }, h("slot", { key: '5d8ee1538f9232cc62d76b1aa2497195732c0b7f', name: "prefix" })), h("span", { key: 'cb3c58492c7190ae67770ed411bf154e831573ca' })), h("div", { key: '5747894f97b0ff23250ead28081410404bfbd0a8', class: StepperItemClass.main }, h("span", { key: '801116e18ad8b6543ceb9106195f5baed23170ee', class: StepperItemClass.headline }, h("slot", { key: '5e032e03983befdeddfa82f3756b7677549cfd53', name: "headline" })), h("slot", { key: '81ae890926e9966125ef3869da9c0230faf7b8a7', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: '4c1bd6e0144a7fd3c8457de9ca2332289a5b86cb', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: 'a8122225841c58776cde45f4a5e61292a2bab389', name: "content" })))))));
    }
    get host() { return getElement(this); }
    static get watchers() { return {
        "color": ["validateColor"]
    }; }
};

export { GovStepperItem as gov_stepper_item };
//# sourceMappingURL=gov-stepper-item.entry.js.map

//# sourceMappingURL=gov-stepper-item.entry.js.map