import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
import { v as validateProp } from './props-CJZgTDla.js';
import { S as Sizes } from './sizes-BcQO4NH2.js';
import { p as pick } from './utils-CQvUntGY.js';
import { g as govHost } from './template-CoD1xawt.js';
import './gov.log-BtqD9K8d.js';

const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL']);
var SpacerBreakpoints;
(function (SpacerBreakpoints) {
    SpacerBreakpoints["NONE"] = "none";
    SpacerBreakpoints["SM"] = "sm";
    SpacerBreakpoints["MD"] = "md";
    SpacerBreakpoints["LG"] = "lg";
    SpacerBreakpoints["XL"] = "xl";
})(SpacerBreakpoints || (SpacerBreakpoints = {}));
const SpacerClass = {
    root: 'gov-spacer',
};

const GovSpacer = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * Breakpoint
         */
        this.breakpoint = undefined;
        this.h = govHost(this.host);
    }
    validateSize(newValue) {
        validateProp(SpacerSize, newValue, SpacerClass.root);
    }
    validateBreakpoint(newValue) {
        validateProp(SpacerBreakpoints, newValue, SpacerClass.root);
    }
    componentWillLoad() {
        this.validateSize(this.size);
        this.validateBreakpoint(this.breakpoint);
    }
    render() {
        return h(Host, { key: '97560206986a3dea272c7e4a939bb91a050f6252', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
    }
    get host() { return getElement(this); }
    static get watchers() { return {
        "size": ["validateSize"],
        "breakpoint": ["validateBreakpoint"]
    }; }
};

export { GovSpacer as gov_spacer };
//# sourceMappingURL=gov-spacer.entry.js.map

//# sourceMappingURL=gov-spacer.entry.js.map