import { r as e, h as s, H as a } from "./index.61732cef.js";
import { c as o } from "./index-orsBiyT_.fc4357c3.js";
import { D as r } from "./media-query.service-CCYT6DU8.f0931fdc.js";
import "react";
import "react-dom";
import "./utils-CCck-DTo.e4e43b6a.js";
const l = () => ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", c = class {
  constructor(i) {
    e(this, i), this.size = "m", this.iconSize = 20, this.mediaQueryUnsubscribe = () => {
    };
  }
  componentDidLoad() {
    this.mediaQueryUnsubscribe = r.subscribe((i) => {
      this.forceIconProps(i);
    });
  }
  disconnectedCallback() {
    this.mediaQueryUnsubscribe();
  }
  forceIconProps(i) {
    if (!Boolean(this.iconEl))
      return;
    const t = this.iconEl.children[0];
    if (!Boolean(t))
      return;
    let n = "24";
    this.size === "s" ? n = "16" : i && (n = "20"), t.setAttribute("size", n);
  }
  render() {
    const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
    return s(a, { key: "b18d7de74d9dd5d223809565649d49c8de9e132c" }, s("span", { key: "4959ca5eedd286da17c05bd4ed553213543070c9", class: i, part: "inline-status" }, this.icon && s("span", { key: "77620374c0be91ee501d3913cc846355f7cd3242", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "e7688ed698e410df00a8aa2bf9a40f3e0ede7f2f", class: "inline-status__message" }, this.message)));
  }
};
c.style = l();
export {
  c as swirl_inline_status
};
