'use strict';

var index = require('./index-BEF5cZxd.js');
var props = require('./props-CPENhBnM.js');
var constants = require('./constants-CYm8AK_D.js');
var string_utils = require('./string.utils-BG4pUfEi.js');
var template = require('./template-Cj6PcLmR.js');
require('./gov.log-C5EH15b_.js');
require('./utils-NnC78QR3.js');
require('./colors-DgrrxjsX.js');
require('./sizes-D5zsw2g5.js');

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

exports.gov_stepper_item = GovStepperItem;
//# sourceMappingURL=gov-stepper-item.entry.cjs.js.map

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