import { r as o, h as i, H as d, g as a } from "./index.e6beb8d9.js";
import { c as n } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const r = () => ":host{display:block}:host *{box-sizing:border-box}.description-list-item__inner{display:flex;max-width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:flex-start;color:var(--s-text-default);line-height:var(--s-line-height-base);justify-content:space-between;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__inner{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.description-list-item--bordered{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list-item:not(.description-list-item--has-tools) .description-list-item__tools{display:none}.description-list-item:not(.description-list-item--has-additional-content) .description-list-item__additional-content{display:none}.description-list-item__text-container{flex-grow:1}.description-list-item__term{display:block;margin-bottom:var(--s-space-4);font-weight:var(--s-font-weight-semibold);overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__term{margin-bottom:var(--s-space-2)}}.description-list-item__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.description-list-item__description{display:block;max-width:40rem;margin:0;overflow-wrap:break-word}.description-list-item__tools{display:flex;min-height:2.625rem;flex-shrink:0;align-items:center}.description-list-item__additional-content{padding-bottom:var(--s-space-8);flex-basis:100%;flex-shrink:0}", l = class {
  constructor(t) {
    o(this, t), this.bordered = !0;
  }
  render() {
    const t = Boolean(this.el.querySelector('[slot="tools"]')), e = Boolean(this.el.querySelector('[slot="additional-content"]')), s = n("description-list-item", {
      "description-list-item--bordered": this.bordered,
      "description-list-item--has-additional-content": e,
      "description-list-item--has-tools": t
    });
    return i(d, { key: "b3873f4225fd477a2df3ffc053ddd6157023b22f", role: "listitem" }, i("div", { key: "01f5c14d69019560eeff0729d628fced6d02da95", class: s, part: "description-list-item", role: "group" }, i("div", { key: "ab5b61780ac4ed77a0066116ac598536c82cbc71", class: "description-list-item__inner" }, i("div", { key: "259c2dc39b82c047a1d85f5945022971a9e8bf40", class: "description-list-item__text-container" }, i("div", { key: "19b8ee979c0ababb784d7b46b0dd3dfbb6af34d1", class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && i("span", { key: "c873937c354c114cd7bae59f62b11bd0cf2c02b1", class: "description-list-item__tooltip" }, i("swirl-tooltip", { key: "7a4c4e82dba491a081518b2d0d3c3bd86ba94fe7", content: this.tooltip, position: "right" }, i("swirl-icon-info", { key: "b527b72143953bc9e8235143723806201b894b1f", size: 16, tabIndex: 0 })))), i("div", { key: "ccfa430f0049c1c9f23b1932ced3f392d3ddab94", style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, i("slot", { key: "84598b3d362a781dca8210a3434a24ceb8d2c2d9" }))), i("div", { key: "e5f4320e3175708d87b48ad4264914e478111760", class: "description-list-item__tools" }, i("slot", { key: "8a5d1ec085197294957807a4342d71b3f5801223", name: "tools" }))), i("div", { key: "4ac5c0d60d079b8d3df8ad4b409ac1f6dc1447a5", class: "description-list-item__additional-content" }, i("slot", { key: "97bb62a58a09c7cec0975aec3ae9f10e026fa4b7", name: "additional-content" }))));
  }
  get el() {
    return a(this);
  }
};
l.style = r();
export {
  l as swirl_description_list_item
};
