import { r as registerInstance, h, H as Host } from './index-92f6d7ee.js';

const bsInputAddonCss = "bs-input-addon{--input-border:var(--bs-violet-300);align-items:center;background-color:var(--input-bg, var(--bs-bg-base));border-radius:0.25rem;color:var(--bs-ink-base);display:flex;height:2.5rem;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%}bs-input-addon::after,bs-input-addon::before,bs-input-addon ::after,bs-input-addon ::before{pointer-events:none}bs-input-addon::after,bs-input-addon::before{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}bs-input-addon::after{border-radius:0.25rem;border:1px solid var(--input-border)}bs-input-addon :where(bs-input-addon)::after{border:1px solid var(--input-addon-nested-border)}bs-input-addon>*{flex-grow:0;flex-shrink:0;position:relative}bs-input-addon>:where([data-autowidth]:not([data-autowidth=\"false\"]),bs-input-addon,bs-input){flex-grow:1;flex-shrink:1}bs-input-addon>:where([data-autowidth]:not([data-autowidth=\"false\"]))>:where(input,select){width:100%}bs-input-addon>*:where(:not(bs-input-addon)){background-color:var(--input-bg, var(--bs-bg-base));border-width:0px;display:flex;height:100%;overflow:hidden;pointer-events:auto}bs-input-addon>*,bs-input-addon :where(input,select),bs-input-addon :is(bs-input,bs-select) :where(input,select),bs-input-addon :where(bs-input-addon){--input-border:transparent;--input-border-width:0px}bs-input-addon{--input-addon-nested-border:transparent}bs-input-addon :where(:focus-within) :where(input,select),bs-input-addon :where(:focus-within) :is(bs-input,bs-select) :where(input,select),bs-input-addon :where(input,select):where(:focus,:focus-within,:focus-visible),bs-input-addon :is(bs-input,bs-select) :where(input,select):where(:focus,:focus-within,:focus-visible){--input-border:transparent;box-shadow:none;outline:none}bs-input-addon:where([data-variant=\"inner-bordered\"]),bs-input-addon:where([data-variant=\"inner-bordered\"]) :where(bs-input-addon){--input-addon-nested-border:var(--bs-violet-100)}bs-input-addon>:where(bs-input-addon:not(:last-child,:focus-within)),bs-input-addon>:where(:not(:last-child,:focus-within))::after{border-top-right-radius:0;border-bottom-right-radius:0}bs-input-addon>:where(bs-input-addon:not(:first-child,:focus-within)),bs-input-addon>:where(:not(:first-child,:focus-within))::after{border-top-left-radius:0;border-bottom-left-radius:0}bs-input-addon:where([data-variant=\"inner-bordered\"])>:where(:not(:focus,:focus-within))::after{border-left-width:0px;border-right-width:1px;border-right-color:var(--input-addon-nested-border)}bs-input-addon:where([data-variant=\"inner-bordered\"])>:where(:not(bs-input-addon,:focus,:focus-within))::after{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}bs-input-addon:where([data-variant=\"inner-bordered\"])>:where(bs-input-addon)::after{border-radius:0px}bs-input-addon{--focus-border:var(--bs-blue-400)}bs-input-addon:where(:not([data-multifocus]):focus-within),bs-input-addon:where([data-multifocus]) :where(input,select):where(:focus,:focus-within,:focus-visible),bs-input-addon:where([data-multifocus]) :is(bs-input,bs-select) :where(input,select):where(:focus,:focus-within,:focus-visible){--input-border:var(--focus-border);position:relative;z-index:1}bs-input-addon :where(bs-input-addon:focus-within){--input-addon-nested-border:var(--focus-border);z-index:1}bs-input-addon :where(bs-input-addon:focus-within)::after{z-index:1}bs-input-addon:where([data-multifocus])>:where(:not(bs-input-addon))>:where(input:focus,select:focus),bs-input-addon:where([data-multifocus])>:is(bs-input,bs-select) :where(input:focus,select:focus),bs-input-addon:where([data-multifocus])>:where(input:focus,select:focus){border-radius:0.25rem;box-shadow:var(--focus-border) 0px 0px 0px 1px inset}bs-input-addon:where(:not([data-multifocus]):focus-within)::after{border-width:1px;border-radius:0.25rem}bs-input-addon:where(:focus-within) :where(:not(:focus,:focus-within))::after,bs-input-addon:where(:focus-within) :where(:not(:focus,:focus-within)){border-color:transparent}bs-input-addon:where([data-multifocus]) :where(:focus-within)::before{border-bottom-width:1px;border-color:var(--bs-violet-300);border-radius:0;border-top-width:1px;z-index:1}bs-input-addon:where([data-disabled]:not([data-disabled=\"false\"])),bs-input-addon:where([data-disabled]:not([data-disabled=\"false\"])) bs-button .bs-button{--input-bg:var(--bs-gray-200);--input-border:var(--bs-gray-400);color:var(--bs-gray-400)}bs-input-addon:where([data-disabled]:not([data-disabled=\"false\"])) *{pointer-events:none}bs-input-addon:where([data-error]),bs-input-addon:where([data-error]) :where(bs-input-addon){--focus-border:var(--bs-red-400);--input-border:var(--bs-red-400)}bs-input-addon:where([data-error],[data-disabled])>*::before,bs-input-addon:where(bs-input-addon[data-error] bs-input-addon,bs-input-addon[data-disabled] bs-input-addon)>*::before{border-color:var(--input-border)}:where(label,.bs-label,bs-label)+bs-input-addon{margin-top:0.25rem}";

const BsInputAddon = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.disabled = false;
    this.error = false;
    this.multifocus = false;
    this.variant = undefined;
  }
  render() {
    return (h(Host, { "data-disabled": this.disabled ? true : undefined, "data-error": this.error ? true : undefined, "data-variant": this.variant || undefined, "data-multifocus": this.multifocus }, h("slot", null)));
  }
};
BsInputAddon.style = bsInputAddonCss;

export { BsInputAddon as bs_input_addon };

//# sourceMappingURL=bs-input-addon.entry.js.map