@patternfly/elements 1.0.0

package/pfe.min.js

@@ -0,0 +1,472 @@
+var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e,r)=>{for(var l=r>1?void 0:r?Sl(n,e):n,p=s.length-1,c;p>=0;p--)(c=s[p])&&(l=(r?c(n,e,l):c(l))||l);return r&&l&&Ll(n,e,l),l};var Dr=(s,n,e)=>{if(!n.has(s))throw TypeError("Cannot "+e)};var o=(s,n,e)=>(Dr(s,n,"read from private field"),e?e.call(s):n.get(s)),a=(s,n,e)=>{if(n.has(s))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(s):n.set(s,e)},d=(s,n,e,r)=>(Dr(s,n,"write to private field"),r?r.call(s,e):n.set(s,e),e);var i=(s,n,e)=>(Dr(s,n,"access private method"),e);import"@patternfly/pfe-core/controllers/logger.js";import{observed as di}from"@patternfly/pfe-core/decorators.js";import{property as qt}from"lit/decorators.js";import{customElement as fi}from"lit/decorators.js";import{LitElement as Zl,html as Yl}from"lit";import{property as Kl}from"lit/decorators.js";import{observed as Xl}from"@patternfly/pfe-core/decorators.js";import{NumberListConverter as Ql,ComposedEvent as Io}from"@patternfly/pfe-core";import{Logger as Jl}from"@patternfly/pfe-core/controllers/logger.js";import{LitElement as Mo,html as El}from"lit";import{property as jr}from"lit/decorators.js";import{unsafeStatic as Rl,html as Hl}from"lit/static-html.js";import{ComposedEvent as $l}from"@patternfly/pfe-core";import{getRandomId as Il}from"@patternfly/pfe-core/functions/random.js";import{Logger as Dl}from"@patternfly/pfe-core/controllers/logger.js";import{css as Ml}from"lit";var Fl=Ml`#heading{font-size:100%;padding:0;margin:0}a,button{cursor:pointer}.toggle,.toggle:after,.toggle:before{padding:0;margin:0}.toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;border:0}.toggle:after{content:"";position:absolute;bottom:0;left:0}span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`,So=Fl;var jl=s=>s instanceof HTMLElement&&!!s.tagName.match(/P|^H[1-6]/),Ar=class extends $l{constructor(e,r,l){super("change");this.expanded=e;this.toggle=r;this.accordion=l}},F,ee,Mt,Fo,Ft,Eo,Et,Ro,w=class extends Mo{constructor(){super(...arguments);a(this,Mt);a(this,Ft);a(this,Et);this.expanded=!1;this.headingText="";this.headingTag="h3";a(this,F,void 0);a(this,ee,new Dl(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i(this,Et,Ro)),this.hidden=!0,this.id||(this.id=Il(this.localName)),i(this,Mt,Fo).call(this)}render(){let e=Rl(this.headingTag),r=String(!!this.expanded);return Hl`
+      <${e} id="heading">
+        <button id="button"
+                class="toggle"
+                aria-expanded="${r}">
+          <span part="text">${this.headingText||El`
+            <slot></slot>`}
+          </span>
+          ${this.renderAfterButton?.()}
+        </button>
+      </${e}>
+    `}};F=new WeakMap,ee=new WeakMap,Mt=new WeakSet,Fo=async function(){let e=i(this,Ft,Eo).call(this);e!==o(this,F)&&d(this,F,void 0),this.headingTag=e?.tagName.toLowerCase()??"h3",this.headingText=e?.textContent?.trim()??"";do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},Ft=new WeakSet,Eo=function(){if(!this.firstElementChild&&!this.firstChild)return void o(this,ee).warn("No header content provided");if(this.firstElementChild){let[e,...r]=Array.from(this.children).filter(l=>!l.hasAttribute("slot")&&jl(l));if(e)r.length&&o(this,ee).warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void o(this,ee).warn("No heading information was provided.");return e}else return o(this,F)||o(this,ee).warn("Header should contain at least 1 heading tag for correct semantics."),d(this,F,document.createElement("h3")),this.firstChild?.nodeType===Node.TEXT_NODE?o(this,F).textContent=this.firstChild.textContent:o(this,F).textContent=this.textContent,o(this,F)},Et=new WeakSet,Ro=function(e){let r=!this.expanded,l=e.composedPath().find($.isAccordion);l&&this.dispatchEvent(new Ar(r,this,l))},w.styles=[So],w.shadowRootOptions={...Mo.shadowRootOptions,delegatesFocus:!0},t([jr({type:Boolean,reflect:!0})],w.prototype,"expanded",2),t([jr({reflect:!0,attribute:"heading-text"})],w.prototype,"headingText",2),t([jr({reflect:!0,attribute:"heading-tag"})],w.prototype,"headingTag",2);import{LitElement as Nl,html as Pl}from"lit";import{property as Gl}from"lit/decorators.js";import{getRandomId as Ul}from"@patternfly/pfe-core/functions/random.js";import{css as Al}from"lit";var Ol=Al`:host{display:none;overflow:hidden;will-change:height}:host([expanded]){display:block;position:relative}:host(.animating){display:block;transition:height .3s ease-in-out}:host([fixed]){overflow-y:auto}.body{position:relative}.body:after{content:"";position:absolute;top:0;bottom:0;left:0}`,Ho=Ol;var I=class extends Nl{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=Ul(this.localName)),this.setAttribute("role","region")}render(){return Pl`
+      <div tabindex="-1">
+        <div id="container" class="content" part="container">
+          <div class="body">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `}};I.styles=[Ho],t([Gl({type:Boolean,reflect:!0})],I.prototype,"expanded",2);import{css as ql}from"lit";var Vl=ql`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,$o=Vl;var ei=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,Or=class extends Io{constructor(e,r){super("expand");this.toggle=e;this.panel=r}},Nr=class extends Io{constructor(e,r){super("collapse");this.toggle=e;this.panel=r}},qe,$t,Ve,It,Dt,Ze,Pr,Ye,Gr,Ke,Ur,Xe,qr,Qe,Vr,Je,Zr,et,Yr,tt,Kr,jt,Do,At,jo,xe,Rt,rt,Xr,Ot,Ao,Nt,Oo,Pt,No,Gt,Po,ye,Ht,D=class extends Zl{constructor(){super(...arguments);a(this,Ze);a(this,Ye);a(this,Ke);a(this,Xe);a(this,Qe);a(this,Je);a(this,et);a(this,tt);a(this,jt);a(this,At);a(this,xe);a(this,rt);a(this,Ot);a(this,Nt);a(this,Pt);a(this,Gt);a(this,ye);this.expandedIndex=[];this.expandedSets=new Set;a(this,qe,new Jl(this));a(this,$t,getComputedStyle(this));a(this,Ve,i(this,et,Yr).call(this));a(this,It,!1);a(this,Dt,new MutationObserver(()=>i(this,Ze,Pr).call(this)))}static isAccordion(e){return e instanceof D}static isHeader(e){return e instanceof w}static isPanel(e){return e instanceof I}get headers(){return i(this,xe,Rt).call(this)}get panels(){return i(this,rt,Xr).call(this)}async getUpdateComplete(){let e=await super.getUpdateComplete(),r=await Promise.all([...i(this,xe,Rt).call(this).map(l=>l.updateComplete),...i(this,rt,Xr).call(this).map(l=>l.updateComplete)]);return e&&r.every(Boolean)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",i(this,jt,Do)),this.addEventListener("keydown",i(this,At,jo)),o(this,Dt).observe(this,{childList:!0}),i(this,Ze,Pr).call(this)}render(){return Yl`
+      <slot></slot>
+    `}async firstUpdated(){let{headers:e}=this;for(let r of e.filter(l=>l.expanded))await this.expand(e.indexOf(r))}updateAccessibility(){let{headers:e}=this;e.forEach(r=>{let l=i(this,Ye,Gr).call(this,r);l&&(r.setAttribute("aria-controls",l.id),l.setAttribute("aria-labelledby",r.id),l.hidden=!l.expanded)})}async toggle(e){let{headers:r}=this;r[e].expanded?await this.collapse(e):await this.expand(e)}async expand(e,r){if(e===-1)return;let p=i(this,xe,Rt).call(this,r)[e];if(!p)return;let c=i(this,Ye,Gr).call(this,p);!c||(i(this,Ke,Ur).call(this,p,e),i(this,Xe,qr).call(this,c),p.focus(),this.dispatchEvent(new Or(p,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(e=>i(this,Ke,Ur).call(this,e)),this.panels.forEach(e=>i(this,Xe,qr).call(this,e)),await this.updateComplete}async collapse(e){let r=this.headers.at(e),l=this.panels.at(e);!r||!l||(i(this,Qe,Vr).call(this,r),i(this,Je,Zr).call(this,l),this.dispatchEvent(new Nr(r,l)),await this.updateComplete)}async collapseAll(){this.headers.forEach(e=>i(this,Qe,Vr).call(this,e)),this.panels.forEach(e=>i(this,Je,Zr).call(this,e)),await this.updateComplete}},$=D;qe=new WeakMap,$t=new WeakMap,Ve=new WeakMap,It=new WeakMap,Dt=new WeakMap,Ze=new WeakSet,Pr=async function(){o(this,It)||d(this,It,!!await this.updateComplete),this.updateAccessibility()},Ye=new WeakSet,Gr=function(e){let r=e.nextElementSibling;return D.isPanel(r)?r:void o(this,qe).error("Sibling element to a header needs to be a panel")},Ke=new WeakSet,Ur=function(e,r=i(this,ye,Ht).call(this,e)){this.expandedSets.add(r),e.expanded=!0},Xe=new WeakSet,qr=async function(e){e.expanded=!0,e.hidden=!1,await e.updateComplete;let r=e.getBoundingClientRect();i(this,tt,Kr).call(this,e,0,r.height)},Qe=new WeakSet,Vr=async function(e,r=i(this,ye,Ht).call(this,e)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(r),e.expanded=!1,await e.updateComplete},Je=new WeakSet,Zr=async function(e){if(await e.updateComplete,!e.expanded)return;let r=e.getBoundingClientRect();e.expanded=!1,e.hidden=!0,i(this,tt,Kr).call(this,e,r.height,0),await e.updateComplete},et=new WeakSet,Yr=function(){if("computedStyleMap"in this)return this.computedStyleMap().get("transition-duration")?.to("ms").value;{let{transitionDuration:e}=o(this,$t),r=ei.exec(e)?.groups;if(!r)return 0;let l=parseFloat(e);return r.unit==="s"?l*1e3:l}},tt=new WeakSet,Kr=async function(e,r,l){if(e){let p=e.previousElementSibling,c=i(this,et,Yr).call(this);c&&d(this,Ve,c);let C=o(this,Ve)??0;p?.classList.add("animating"),e.classList.add("animating");let z=e.animate({height:[`${r}px`,`${l}px`]},{duration:C});z.play(),await z.finished,p?.classList.remove("animating"),e.classList.remove("animating"),e.style.removeProperty("height"),e.hidden=!e.expanded}},jt=new WeakSet,Do=function(e){if(this.classList.contains("animating"))return;let r=i(this,ye,Ht).call(this,e.target);e.expanded?this.expand(r,e.accordion):this.collapse(r)},At=new WeakSet,jo=async function(e){let r=e.target;if(!D.isHeader(r))return;let l;switch(e.key){case"ArrowDown":e.preventDefault(),l=i(this,Nt,Oo).call(this);break;case"ArrowUp":e.preventDefault(),l=i(this,Ot,Ao).call(this);break;case"Home":e.preventDefault(),l=i(this,Pt,No).call(this);break;case"End":e.preventDefault(),l=i(this,Gt,Po).call(this);break}l?.focus?.()},xe=new WeakSet,Rt=function(e=this){return Array.from(e.children).filter(D.isHeader)},rt=new WeakSet,Xr=function(e=this){return Array.from(e.children).filter(D.isPanel)},Ot=new WeakSet,Ao=function(){let{headers:e}=this,r=e.findIndex(l=>l.matches(":focus,:focus-within"))-1;return e[(r+e.length)%e.length]},Nt=new WeakSet,Oo=function(){let{headers:e}=this,r=e.findIndex(l=>l.matches(":focus,:focus-within"))+1;return e[r%e.length]},Pt=new WeakSet,No=function(){return this.headers.at(0)},Gt=new WeakSet,Po=function(){return this.headers.at(-1)},ye=new WeakSet,Ht=function(e){return D.isHeader(e)?this.headers.findIndex(r=>r.id===e.id):D.isPanel(e)?this.panels.findIndex(r=>r.id===e.id):(o(this,qe).warn("The #getIndex method expects to receive a header or panel element."),-1)},$.styles=[$o],t([Xl(async function(n,e){if(n&&n!==e){await this.collapseAll();for(let r of this.expandedIndex)await this.expand(r,this)}}),Kl({attribute:"expanded-index",converter:Ql})],$.prototype,"expandedIndex",2);import{html as Uo}from"lit";import{customElement as oi,property as Qr}from"lit/decorators.js";import{SlotController as ai}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as ti}from"lit";var ri=ti`:host{--pf-icon--size:var(--pf-c-accordion__toggle--IconSize, 10px);color:var(--pf-c-accordion__toggle--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([large]){--pf-c-accordion__toggle--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingLeft:var(--pf-global--spacer--lg, 1.5rem);--pf-c-accordion__toggle--FontFamily:var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
+      "RedHatDisplayUpdated",
+      "Overpass",
+      overpass,
+      helvetica,
+      arial,
+      sans-serif
+    );--pf-c-accordion__toggle--FontSize:var(--pf-global--FontSize--xl, 1.25rem);--pf-c-accordion__toggle--hover-text--Color:var(--pf-global--Color--100, #151515);--pf-c-accordion__toggle--active-text--Color:var(--pf-global--Color--100, #151515);--pf-c-accordion__toggle--active-text--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-accordion__toggle--focus-text--Color:var(--pf-global--Color--100, #151515);--pf-c-accordion__toggle--focus-text--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-accordion__toggle--expanded-text--Color:var(--pf-global--Color--100, #151515);--pf-c-accordion__toggle--expanded-text--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-icon--size:var(--pf-c-accordion__toggle--IconSize, 12px)}#heading{font-weight:var(--pf-c-accordion__toggle--FontWeight,var(--pf-global--FontWeight--normal,400))}.toggle,.toggle:after,.toggle:before{background-color:var(--pf-c-accordion__toggle--BackgroundColor,transparent)}.icon{transition:var(--pf-c-accordion__toggle-icon--Transition, .2s ease-in 0s)}.toggle{padding:var(--pf-c-accordion__toggle--PaddingTop,var(--pf-global--spacer--md,.5rem)) var(--pf-c-accordion__toggle--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-accordion__toggle--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-accordion__toggle--PaddingLeft,var(--pf-global--spacer--md,1rem));font-family:var(--pf-c-accordion__toggle--FontFamily,
+      var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
+        "RedHatTextUpdated",
+        helvetica,
+        arial,
+        sans-serif));font-size:var(--pf-c-accordion__toggle--FontSize, var(--pf-global--FontSize--lg, 1rem));font-weight:var(--pf-c-accordion__toggle--FontWeight,var(--pf-global--FontWeight--normal,400));color:var(--pf-c-accordion__toggle--Color,var(--pf-global--Color--100,#151515))}.toggle[aria-expanded=true]{--pf-c-accordion__toggle--after--BackgroundColor:var(
+      --pf-c-accordion__toggle--expanded--before--BackgroundColor,
+      var(
+        --pf-global--primary-color--100,
+        #0066cc
+      )
+    )}.toggle:after{top:var(--pf-c-accordion__toggle--before--Top,-1px);width:var(--pf-c-accordion__toggle--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__toggle--after--BackgroundColor,transparent)}span{max-width:var(--pf-c-accordion__toggle-text--MaxWidth,calc(100% - var(--pf-global--spacer--lg,1.5rem)))}.toggle[aria-expanded=true] .icon{rotate:var(--pf-c-accordion__toggle--expanded-icon--Rotate,90deg)}.toggle:active,.toggle:focus,.toggle:hover{background-color:var(--pf-c-accordion__toggle--active--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0))}.toggle:active span,.toggle:focus span,.toggle:hover span{color:var(--pf-c-accordion__toggle--active-text--Color,var(--pf-global--link--Color,#06c))}.toggle:active span,.toggle:focus span{font-weight:var(--pf-c-accordion__toggle--active-text--FontWeight,var(--pf-global--FontWeight--semi-bold,700))}`,Go=ri;import"@patternfly/elements/pf-icon/pf-icon.js";var Ut,U=class extends w{constructor(){super(...arguments);a(this,Ut,new ai(this,"accents",null))}renderAfterButton(){return Uo`${o(this,Ut).hasSlotted("accents")?Uo`
+      <span part="accents">
+        <slot name="accents"></slot>
+      </span>`:""}
+      <pf-icon part="icon"
+                icon="${this.icon??"angle-right"}"
+                set="${this.iconSet??"fas"}"
+                class="icon"
+                size="lg"></pf-icon>
+    `}};Ut=new WeakMap,U.styles=[...w.styles,Go],t([Qr({reflect:!0})],U.prototype,"bordered",2),t([Qr({reflect:!0})],U.prototype,"icon",2),t([Qr({reflect:!0,attribute:"icon-set"})],U.prototype,"iconSet",2),U=t([oi("pf-accordion-header")],U);import{customElement as ni,property as si}from"lit/decorators.js";import{css as li}from"lit";var ii=li`:host{color:var(--pf-global--Color--100,#151515);background-color:var(--pf-c-accordion--BackgroundColor,var(--pf-global--BackgroundColor--light-100,#fff))}.body{padding:var(--pf-c-accordion__panel-body--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-accordion__panel-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-accordion__panel-body--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-accordion__panel-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}.body:after{width:var(--pf-c-accordion__panel-body--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__panel-body--before--BackgroundColor,transparent)}:host([large]){--pf-c-accordion__panel-body--PaddingTop:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop, 0);--pf-c-accordion__panel-body--PaddingRight:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight, 1rem);--pf-c-accordion__panel-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom, 1.5rem);--pf-c-accordion__panel-body--PaddingLeft:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft, 1.5rem);--pf-c-accordion__panel--FontSize:var(--pf-c-accordion--m-display-lg__expanded-content--FontSize, 1rem);--pf-c-accordion__panel--Color:var(--pf-c-accordion--m-display-lg__expanded-content--Color, #151515)}:host([large]) .body:last-child{--pf-c-accordion__panel-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom, 1.5rem)}.content{color:var(--pf-c-accordion__panel--Color,var(--pf-global--Color--dark-200,#6a6e73));font-size:var(--pf-c-accordion__panel--FontSize, var(--pf-global--FontSize--sm, .875rem))}:host([fixed]){max-height:var(--pf-c-accordion__panel--m-fixed--MaxHeight,9.375rem)}.content[expanded],:host([expanded]) .content{--pf-c-accordion__panel-body--before--BackgroundColor:var(
+      --pf-c-accordion__panel--content-body--before--BackgroundColor,
+      var(--pf-global--primary-color--100, #0066cc))}`,qo=ii;var Ce=class extends I{};Ce.styles=[...I.styles,qo],t([si({reflect:!0})],Ce.prototype,"bordered",2),Ce=t([ni("pf-accordion-panel")],Ce);import{css as pi}from"lit";var ci=pi`:host{--accordion__bordered--Color:var(--rh-color-black-300, #d2d2d2);color:var(--pf-global--Color--100,#151515);background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([bordered]) ::slotted(pf-accordion-header:first-child),:host([large]) ::slotted(pf-accordion-header:first-child){display:block;border-top:1px solid var(--accordion__bordered--Color);border-bottom:1px solid var(--accordion__bordered--Color)}:host([bordered]) ::slotted(pf-accordion-header:not(:first-child)),:host([large]) ::slotted(pf-accordion-header:not(:first-child)){display:block;border-bottom:1px solid var(--accordion__bordered--Color)}:host([bordered]) ::slotted(pf-accordion-header:is([expanded])),:host([large]) ::slotted(pf-accordion-header:is([expanded])){display:block;border-bottom:0}:host([bordered]) ::slotted(pf-accordion-panel:is([expanded])),:host([large]) ::slotted(pf-accordion-panel:is([expanded])){display:block;border-bottom:1px solid var(--accordion__bordered--Color)}`,Vo=ci;var j=class extends ${constructor(){super(...arguments);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1}async expand(e,r){if(e===-1)return;let l=this.headers;this.single&&await Promise.all([...l.map((p,c)=>p.expanded&&this.collapse(c))]),await super.expand(e,r)}};j.styles=[...$.styles,Vo],t([qt({reflect:!0,type:Boolean})],j.prototype,"single",2),t([qt({type:Boolean,reflect:!0})],j.prototype,"bordered",2),t([di(function(){[...this.headers,...this.panels].forEach(n=>n.toggleAttribute("large",this.large))}),qt({type:Boolean,reflect:!0})],j.prototype,"large",2),t([qt({type:Boolean,reflect:!0})],j.prototype,"fixed",2),j=t([fi("pf-accordion")],j);import{property as Xo,customElement as ui}from"lit/decorators.js";import{LitElement as bi,html as Yo}from"lit";import{property as Jr}from"lit/decorators.js";import{css as gi}from"lit";var mi=gi`:host{display:contents}:host([src]) img,svg{display:inline;object-fit:cover}:host([hidden]){display:none}`,Zo=mi;var eo=class extends Event{constructor(e){super("load",{bubbles:!0,composed:!0});this.originalEvent=e}},q=class extends bi{constructor(){super(...arguments);this.alt="Avatar image";this.size="sm"}render(){return this.src!=null?Yo`
+      <img
+        size=${this.size}
+        alt=${this.alt??""}
+        @load="${r=>this.dispatchEvent(new eo(r))}"
+        src=${this.src}>
+    `:Yo`
+      <svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
+        <style>.st2{fill:#b8bbbe}</style><path d="M0 0h36v36H0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0"/>
+        <path d="M17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#d2d2d2"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2z" class="st2"/>
+        <path d="m10.1 36 .1-3.2c.2-2.1 1.1-3.1 3.1-3.5V36h9.4v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h4.7c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6-1.7 1.9-2.6 7.1-3 10.9h4.7z" style="fill:#d2d2d2"/><path d="m25.9 36-.1-3.2c-.2-2.1-1.1-3.1-3.1-3.5V36h3.2z" class="st2"/>
+      </svg>
+      `}};q.styles=[Zo],t([Jr()],q.prototype,"src",2),t([Jr({reflect:!0})],q.prototype,"alt",2),t([Jr({reflect:!0})],q.prototype,"size",2);import{css as hi}from"lit";var vi=hi`img,svg{width:var(--pf-c-avatar--Width,24px);height:var(--pf-c-avatar--Height,24px);border-radius:var(--pf-c-avatar--BorderRadius,var(--pf-global--BorderRadius--lg,128px));border:var(--pf-c-avatar--BorderWidth,0) solid var(--pf-c-avatar--BorderColor,var(--pf-global--BorderColor--dark-100,#d2d2d2))}:host([border]) :is(img,svg){--pf-c-avatar--BorderWidth:var(--pf-global--BorderWidth--sm, 1px)}:host([border=dark]) :is(img,svg){--pf-c-avatar--BorderColor:var(--pf-c-avatar--m-dark--BorderColor,
+      var(--pf-global--palette--black-700, #4f5255))}:host([size=sm]){--pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width, 24px);--pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height, 24px)}:host([size=md]){--pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width, 36px);--pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height, 36px)}:host([size=lg]){--pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width, 72px);--pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height, 72px)}:host([size=xl]){--pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width, 128px);--pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height, 128px)}`,Ko=vi;var te=class extends q{constructor(){super(...arguments);this.size="sm"}};te.styles=[Ko],t([Xo({reflect:!0})],te.prototype,"size",2),t([Xo({reflect:!0})],te.prototype,"border",2),te=t([ui("pf-avatar")],te);import{customElement as wi,property as to}from"lit/decorators.js";import{LitElement as yi,html as Ci}from"lit";import{css as _i}from"lit";var xi=_i`:host{position:relative;white-space:nowrap;text-align:center;display:inline-block}`,Qo=xi;var ke=class extends yi{render(){let{threshold:n,number:e,textContent:r}=this,l=n&&e&&n<e?`${n.toString()}+`:e!=null?e.toString():r??"";return Ci`
+      <span>${l}</span>
+    `}};ke.styles=[Qo];import{css as ki}from"lit";var Bi=ki`:host{border-radius:var(--pf-c-badge--BorderRadius,var(--pf-global--BorderRadius--lg,180em));min-width:var(--pf-c-badge--MinWidth,var(--pf-global--spacer--xl,2rem));padding-left:var(--pf-c-badge--PaddingLeft,var(--pf-global--spacer--sm,.5rem));padding-right:var(--pf-c-badge--PaddingRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-badge--FontSize,
+    var(--pf-theme--font-size, .75em));font-weight:var(--pf-c-badge--FontWeight,var(--pf-theme--font-weight--bold,700));line-height:var(--pf-c-badge--LineHeight,
+    var(--pf-global--LineHeight--md, 1.5));color:var(--pf-c-badge--Color,var(--pf-global--palette--black-900,#151515));background-color:var(--pf-c-badge--BackgroundColor,var(--pf-global--palette--black-200,#f0f0f0))}:host([state=read]){--pf-c-badge--Color:var(--pf-c-badge--m-read--Color,
+    var(--pf-global--palette--black-900, #151515));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-read--BackgroundColor,
+    var(--pf-global--palette--black-200, #f0f0f0))}:host([state=unread]){--pf-c-badge--Color:var(--pf-c-badge--m-unread--Color,
+    var(--pf-global--palette--white, #fff));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-unread--BackgroundColor,
+    var(--pf-global--palette--blue-400, #06c))}`,Jo=Bi;var V=class extends ke{};V.styles=[...ke.styles,Jo],t([to({reflect:!0})],V.prototype,"state",2),t([to({reflect:!0,type:Number})],V.prototype,"number",2),t([to({reflect:!0,type:Number})],V.prototype,"threshold",2),V=t([wi("pf-badge")],V);import{html as Ei}from"lit";import{customElement as Ri,property as re}from"lit/decorators.js";import{ifDefined as aa}from"lit/directives/if-defined.js";import{LitElement as ta,html as zi}from"lit";import{property as Be}from"lit/decorators.js";import{classMap as Li}from"lit/directives/class-map.js";import{ifDefined as ro}from"lit/directives/if-defined.js";import{InternalsController as Si}from"@patternfly/pfe-core/controllers/internals-controller.js";import{css as Ti}from"lit";var Wi=Ti`:host{display:inline-block;height:max-content}:host([hidden]){display:none!important}[hidden]{display:none!important}button{cursor:pointer;position:relative;font-family:inherit}button{border-width:0;border-style:solid}button::after{position:absolute;inset:0 0 0 0;content:"";border-style:solid}:host(:is(:disabled,[aria-disabled=true])),:host(:is(:disabled,[aria-disabled=true])) #container,:host(:is(:disabled,[aria-disabled=true])) button,:host(:is(:disabled,[aria-disabled=true])[danger]) button,:host(:is(:disabled,[aria-disabled=true])[variant=link]) button{pointer-events:none;cursor:default}[part=icon]{display:none;pointer-events:none}.hasIcon{position:relative;display:flex;align-items:center}.hasIcon [part=icon]{display:inline-flex;align-items:center;position:absolute;width:16px}:host(:not([disabled])) .hasIcon [part=icon]{cursor:pointer}[part=icon] ::slotted(*){width:16px;max-width:16px;height:16px;max-height:16px}.hasIcon button{position:absolute;inset:0}`,ea=Wi;var we,Vt,ra,_=class extends ta{constructor(){super(...arguments);a(this,Vt);this.disabled=!1;a(this,we,new Si(this))}get hasIcon(){return!!this.icon}render(){let{hasIcon:e}=this;return zi`
+      <button type="${ro(this.type)}"
+              class="${Li({hasIcon:e})}"
+              value="${ro(this.value)}"
+              aria-label="${ro(this.label)}"
+              @click="${i(this,Vt,ra)}"
+              ?disabled="${this.disabled||o(this,we).formDisabled}">
+        <slot id="icon" part="icon" aria-hidden="true" name="icon">${this.renderDefaultIcon()}</slot>
+        <slot id="text" aria-hidden=${String(!!this.label)}></slot>
+      </button>
+    `}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};we=new WeakMap,Vt=new WeakSet,ra=function(){switch(this.type){case"reset":return o(this,we).reset();default:return o(this,we).submit()}},_.styles=[ea],_.formAssociated=!0,_.shadowRootOptions={...ta.shadowRootOptions,delegatesFocus:!0},t([Be({reflect:!0,type:Boolean})],_.prototype,"disabled",2),t([Be({reflect:!0})],_.prototype,"type",2),t([Be()],_.prototype,"label",2),t([Be()],_.prototype,"value",2),t([Be()],_.prototype,"name",2),t([Be()],_.prototype,"icon",2);import"@patternfly/elements/pf-icon/pf-icon.js";import"@patternfly/elements/pf-spinner/pf-spinner.js";import{css as Mi}from"lit";var Fi=Mi`button{color:var(--pf-c-button--m-primary--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-primary--BackgroundColor,var(--pf-global--primary-color--100,#06c));font-size:var(--pf-c-button--FontSize,
+    var(--pf-global--FontSize--md, 1rem));font-weight:var(--pf-c-button--FontWeight,var(--pf-global--FontWeight--normal,400));line-height:var(--pf-c-button--LineHeight,
+    var(--pf-global--LineHeight--md, 1.5));padding:var(--pf-c-button--PaddingTop,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-button--PaddingBottom,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingLeft,var(--pf-global--spacer--md,1rem))}:host,button{border-radius:var(--pf-c-button--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}::slotted(pf-icon),pf-icon{color:currentColor}button::after{border-color:var(--pf-c-button--after--BorderColor,transparent);border-width:var(--pf-c-button--after--BorderWidth,var(--pf-global--BorderWidth--sm,1px));border-radius:var(--pf-c-button--after--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}button:active{--pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--active--Color,
+    var(--pf-global--Color--light-100, #fff));--pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--active--BackgroundColor,
+    var(--pf-global--primary-color--200, #004080));--pf-c-button--after--BorderWidth:var(--pf-c-button--active--after--BorderWidth,
+    var(--pf-global--BorderWidth--md, 2px));--pf-c-button--m-danger--Color:var(--pf-c-button--m-danger--active--Color,
+    var(--pf-global--Color--light-100, #fff));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-danger--active--BackgroundColor,
+    var(--pf-global--danger-color--200, #a30000))}button:focus{--pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--focus--Color,
+    var(--pf-global--Color--light-100, #fff));--pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--focus--BackgroundColor,
+    var(--pf-global--primary-color--200, #004080));--pf-c-button--after--BorderWidth:var(--pf-c-button--focus--after--BorderWidth,
+    var(--pf-global--BorderWidth--md, 2px));--pf-c-button--m-danger--Color:var(--pf-c-button--m-danger--focus--Color,
+    var(--pf-global--Color--light-100, #fff));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-danger--focus--BackgroundColor,
+    var(--pf-global--danger-color--200, #a30000))}button:hover{--pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--hover--Color,
+    var(--pf-global--Color--light-100, #fff));--pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--hover--BackgroundColor,
+    var(--pf-global--primary-color--200, #004080));--pf-c-button--after--BorderWidth:var(--pf-c-button--hover--after--BorderWidth,
+    var(--pf-global--BorderWidth--md, 2px));--pf-c-button--m-danger--Color:var(--pf-c-button--m-danger--hover--Color,
+    var(--pf-global--Color--light-100, #fff));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-danger--hover--BackgroundColor,
+    var(--pf-global--danger-color--200, #a30000))}:host([warning]) button{color:var(--pf-c-button--m-warning--Color,var(--pf-global--Color--dark-100,#151515));background-color:var(--pf-c-button--m-warning--BackgroundColor,var(--pf-global--warning-color--100,#f0ab00))}:host([warning]) button:active{--pf-c-button--m-warning--Color:var(--pf-c-button--m-warning--active--Color,
+    var(--pf-global--Color--dark-100, #151515));--pf-c-button--m-warning--BackgroundColor:var(--pf-c-button--m-warning--active--BackgroundColor,
+    var(--pf-global--palette--gold-500, #c58c00))}:host([warning]) button:focus{--pf-c-button--m-warning--Color:var(--pf-c-button--m-warning--focus--Color,
+    var(--pf-global--Color--dark-100, #151515));--pf-c-button--m-warning--BackgroundColor:var(--pf-c-button--m-warning--focus--BackgroundColor,
+    var(--pf-global--palette--gold-500, #c58c00))}:host([warning]) button:hover{--pf-c-button--m-warning--Color:var(--pf-c-button--m-warning--hover--Color,
+    var(--pf-global--Color--dark-100, #151515));--pf-c-button--m-warning--BackgroundColor:var(--pf-c-button--m-warning--hover--BackgroundColor,
+    var(--pf-global--palette--gold-500, #c58c00))}:host([disabled][warning]) button{pointer-events:none;cursor:default;color:var(--pf-c-button--disabled--Color,var(--pf-global--disabled-color--100,#6a6e73));background-color:var(--pf-c-button--disabled--BackgroundColor,var(--pf-global--disabled-color--200,#d2d2d2))}:host([plain]){--pf-c-button--disabled--BackgroundColor:var(--pf-c-button--m-plain--disabled--BackgroundColor, transparent)}:host([plain]) button{--pf-c-button--after--BorderWidth:0;--pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--after--BorderColor,
+    var(--pf-global--Color--100, #151515));--pf-c-button--disabled--Color:var(--pf-c-button--m-plain--disabled--Color,
+    var(--pf-global--disabled-color--200, #d2d2d2));color:var(--pf-c-button--m-plain--Color,var(--pf-global--Color--200,#6a6e73));background-color:var(--pf-c-button--m-plain--BackgroundColor,transparent)}:host([plain]) button:active{--pf-c-button--m-plain--Color:var(--pf-c-button--m-plain--active--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-plain--BackgroundColor:var(--pf-c-button--m-plain--active--BackgroundColor,
+    tranparent)}:host([plain]) button:focus{--pf-c-button--m-plain--Color:var(--pf-c-button--m-plain--focus--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-plain--BackgroundColor:var(--pf-c-button--m-plain--focus--BackgroundColor,
+    transparent)}:host([plain]) button:hover{--pf-c-button--m-plain--Color:var(--pf-c-button--m-plain--hover--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-plain--BackgroundColor:var(--pf-c-button--m-plain--hover--BackgroundColor,
+    transparent)}:host([loading][plain]) [part=icon],:host([plain]) .hasIcon [part=icon]{left:16px}:host([plain]) button:disabled,:host([plain]) button[aria-disabled=true],:host([plain][disabled]),:host([plain][disabled]) button,:host([plain][disabled][variant=link]) button{color:var(--pf-c-button--disabled--Color,var(--pf-c-button--m-plain--disabled--Color,var(--pf-global--disabled--color--200,#d2d2d2)))}.hasIcon{gap:calc(2 * var(--pf-c-button__icon--m-start--MarginLeft,var(--pf-global--spacer--xs,.25rem)))}.hasIcon [part=icon]{--pf-icon--size:16px;position:relative}:host([icon-position=right]) .hasIcon [part=icon],:host([icon-position=right][loading]) [part=icon]{order:1}:host([icon-position=right]) .hasIcon button{padding-left:var(--pf-c-button--PaddingLeft,var(--pf-global--spacer--md,1rem));padding-right:calc(16px + 8px + var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem)))}:host([loading]) button{position:relative;display:flex;align-items:center}:host([loading]) button [part=icon]{display:inline-block;z-index:1;position:absolute;cursor:pointer;top:var(--pf-c-button__progress--Top,50%);left:var(--pf-c-button__progress--Left,var(--pf-global--spacer--md,1rem));line-height:1;transform:translate(var(--pf-c-button__progress--TranslateX,0),var(--pf-c-button__progress--TranslateY,-50%));margin-inline-end:var(--pf-c-button__icon--m-start--MarginRight,var(--pf-global--spacer--xs,.25rem))}:host([loading][danger]),:host([loading][variant=primary]:not([plain])){--pf-c-spinner--Color:white}:host([loading]:not([plain])){--pf-c-button--PaddingRight:var(--pf-c-button--m-in-progress--PaddingRight,
+    var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingLeft:var(--pf-c-button--m-in-progress--PaddingLeft,
+    calc(
+      var(--pf-global--spacer--md, 1rem) + var(--pf-c-button__progress--width,
+        calc(var(--pf-global--icon--FontSize--md, 1.125rem) + var(--pf-global--spacer--sm, 0.5rem))) / 2))}:host([loading]:not([plain])) button{padding-left:calc(12px + var(--pf-c-button--PaddingLeft,var(--pf-global--spacer--md,1rem)))}:host([variant=secondary]){--pf-c-button--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--Color,
+    var(--pf-global--danger-color--100, #c9190b));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--BackgroundColor, transparent)}:host([variant=secondary]) button{color:var(--pf-c-button--m-secondary--Color,var(--pf-global--primary-color--100,#06c));background-color:var(--pf-c-button--m-secondary--BackgroundColor,transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--after--BorderColor,
+    var(--pf-global--primary-color--100, #06c))}:host([variant=secondary]) button:active{--pf-c-button--m-secondary--Color:var(--pf-c-button--m-secondary--active--Color,
+    var(--pf-global--primary-color--100, #06c));--pf-c-button--m-secondary--BackgroundColor:var(--pf-c-button--m-secondary--active--BackgroundColor, transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--active--after--BorderColor,
+    var(--pf-global--primary-color--100, #06c));--pf-c-button--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--active--Color,
+    var(--pf-global--danger--color--200, #a30000));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--active--BackgroundColor, transparent)}:host([variant=secondary]) button:focus{--pf-c-button--m-secondary--Color:var(--pf-c-button--m-secondary--focus--Color,
+    var(--pf-global--primary-color--100, #06c));--pf-c-button--m-secondary--BackgroundColor:var(--pf-c-button--m-secondary--focus--BackgroundColor, transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--focus--after--BorderColor,
+    var(--pf-global--primary-color--100, #06c));--pf-c-button--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--focus--Color,
+    var(--pf-global--danger--color--200, #a30000));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--focus--BackgroundColor, transparent)}:host([variant=secondary]) button:hover{--pf-c-button--m-secondary--Color:var(--pf-c-button--m-secondary--hover--Color,
+    var(--pf-global--primary-color--100, #06c));--pf-c-button--m-secondary--BackgroundColor:var(--pf-c-button--m-secondary--hover--BackgroundColor,
+    transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--hover--after--BorderColor,
+    var(--pf-global--primary-color--100, #06c));--pf-c-button--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--hover--Color,
+    var(--pf-global--danger--color--200, #a30000));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--hover--BackgroundColor, transparent)}:host([variant=secondary][danger]) button{color:var(--pf-c-button--m-secondary--m-danger--Color,var(--pf-global--danger--color--100,#c9190b));background-color:var(--pf-c-button--m-secondary--m-danger--BackgroundColor,transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--after--BorderColor,
+    var(--pf-global--danger--color--100, #c9190b))}:host([variant=secondary][danger]) button:active{--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--active--after--BorderColor,
+    var(--pf-global--danger--color--100, #c9190b))}:host([variant=secondary][danger]) button:focus{--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--focus--after--BorderColor,
+    var(--pf-global--danger--color--100, #c9190b))}:host([variant=secondary][danger]) button:hover{--pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--hover--after--BorderColor,
+    var(--pf-global--danger--color--100, #c9190b))}:host([variant=tertiary]) button{--pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--after--BorderColor,
+    var(--pf-global--Color--100, #151515));color:var(--pf-c-button--m-tertiary--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-button--m-tertiary--BackgroundColor,transparent)}:host([variant=tertiary]) button:active{--pf-c-button--m-tertiary--Color:var(--pf-c-button--m-tertiary--active--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-tertiary--BackgroundColor:var(--pf-c-button--m-tertiary--active--BackgroundColor, transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--active--after--BorderColor,
+    var(--pf-global--Color--100, #151515))}:host([variant=tertiary]) button:focus{--pf-c-button--m-tertiary--Color:var(--pf-c-button--m-tertiary--focus--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-tertiary--BackgroundColor:var(--pf-c-button--m-tertiary--focus--BackgroundColor,
+    transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--focus--after--BorderColor,
+    var(--pf-global--Color--100, #151515))}:host([variant=tertiary]) button:hover{--pf-c-button--m-tertiary--Color:var(--pf-c-button--m-tertiary--hover--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-tertiary--BackgroundColor:var(--pf-c-button--m-tertiary--hover--BackgroundColor, transparent);--pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--hover--after--BorderColor,
+    var(--pf-global--Color--100, #151515))}:host([variant=control]) button{--pf-c-button--BorderRadius:var(--pf-c-button--m-control--BorderRadius, 0);--pf-c-button--disabled--BackgroundColor:var(--pf-c-button--m-control--disabled--BackgroundColor,
+    var(--pf-global--disabled-color--300, #f0f0f0));--pf-c-button--after--BorderRadius:0;--pf-c-button--after--BorderWidth:var(--pf-c-button--m-control--after--BorderWidth,
+    var(--pf-global--BorderWidth--sm, 1px));--pf-c-button--after--BorderColor:var(--pf-c-button--m-control--after--BorderTopColor,
+      var(--pf-global--BorderColor--300, #f0f0f0)) var(--pf-c-button--m-control--after--BorderRightColor,
+      var(--pf-global--BorderColor--300, #f0f0f0)) var(--pf-c-button--m-control--after--BorderBottomColor,
+      var(--pf-global--BorderColor--200, #8a8d90)) var(--pf-c-button--m-control--after--BorderLeftColor,
+      var(--pf-global--BorderColor--300, #f0f0f0));color:var(--pf-c-button--m-control--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-button--m-control--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff))}:host([variant=control]) button:active{--pf-c-button--m-control--Color:var(--pf-c-button--m-control--active--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-control--BackgroundColor:var(--pf-c-button--m-control--active--BackgroundColor,
+    var(--pf-global--BackgroundColor--100, #fff));--pf-c-button--m-control--after--BorderBottomColor:var(--pf-c-button--m-control--active--after--BorderBottomColor,
+    var(--pf-global--active-color--100, #06c))}:host([variant=control]) button:focus{--pf-c-button--m-control--Color:var(--pf-c-button--m-control--focus--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-control--BackgroundColor:var(--pf-c-button--m-control--focus--BackgroundColor,
+    var(--pf-global--BackgroundColor--100, #fff));--pf-c-button--m-control--after--BorderBottomColor:var(--pf-c-button--m-control--focus--after--BorderBottomColor,
+    var(--pf-global--active-color--100, #06c))}:host([variant=control]) button:hover{--pf-c-button--m-control--Color:var(--pf-c-button--m-control--hover--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-button--m-control--BackgroundColor:var(--pf-c-button--m-control--hover--BackgroundColor,
+    var(--pf-global--BackgroundColor--100, #fff));--pf-c-button--m-control--after--BorderBottomColor:var(--pf-c-button--m-control--hover--after--BorderBottomColor,
+    var(--pf-global--active-color--100, #06c))}:host([variant=control]) button:active::after{border-block-end-width:var(--pf-c-button--m-control--active--after--BorderBottomWidth,var(--pf-global--BorderWidth--md,2px))}:host([variant=control]) button:focus::after{border-block-end-width:var(--pf-c-button--m-control--focus--after--BorderBottomWidth,var(--pf-global--BorderWidth--md,2px))}:host([variant=control]) button:hover::after{border-block-end-width:var(--pf-c-button--m-control--hover--after--BorderBottomWidth,var(--pf-global--BorderWidth--md,2px))}:host([variant=link]) button{color:var(--pf-c-button--m-link--Color,var(--pf-global--link--Color,#06c))}:host([variant=link]) button{background-color:var(--pf-c-button--m-link--BackgroundColor,var(--pf-c-button--m-link--hover--BackgroundColor,transparent))}:host([variant=link][inline]),:host([variant=link][inline]) button{display:inline}:host([variant=link][inline]){--pf-c-button--PaddingTop:0;--pf-c-button--PaddingLeft:0;--pf-c-button--PaddingBottom:0;--pf-c-button--PaddingRight:0}:host([variant=link][inline]) button:hover{text-decoration:var(--pf-c-button--m-link--m-inline--hover--TextDecoration,var(--pf-global--link--TextDecoration--hover,underline))}:host([variant=link]){--pf-c-button--disabled--BackgroundColor:var(--pf-c-button--m-link--disabled--BackgroundColor, transparent)}:host(:hover){--pf-c-button--m-link--Color:var(--pf-c-button--m-link--hover--Color,
+    var(--pf-global--link--Color--hover, #004080));--pf-c-button--m-link--BackgroundColor:var(--pf-c-button--m-link--hover--BackgroundColor, transparent)}:host(:focus),:host(:focus-within){--pf-c-button--m-link--Color:var(--pf-c-button--m-link--focus--Color,
+    var(--pf-global--link--Color--hover, #004080));--pf-c-button--m-link--BackgroundColor:var(--pf-c-button--m-link--hover--BackgroundColor, transparent)}:host(:not([inline])) button:active{--pf-c-button--m-link--Color:var(--pf-c-button--m-link--active--Color,
+    var(--pf-global--link--Color--hover, #004080));--pf-c-button--m-link--BackgroundColor:var(--pf-c-button--m-link--active--BackgroundColor, transparent)}:host(:not([inline]):has(button:active)){--pf-c-button--m-link--Color:var(--pf-c-button--m-link--active--Color,
+    var(--pf-global--link--Color--hover, #004080));--pf-c-button--m-link--BackgroundColor:var(--pf-c-button--m-link--active--BackgroundColor, transparent)}:host([variant=link][danger]) button{--pf-c-button--m-danger--Color:var(--pf-c-button--m-link--m-danger--Color,
+      var(--pf-global--danger-color--100, #c9190b));--pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--BackgroundColor, transparent)}:host([variant=link][danger]) button:hover{--pf-c-button--m-link--m-danger--Color:var(--pf-c-button--m-link--m-danger--hover--Color,
+      var(--pf-global--danger-color--200, #a30000));--pf-c-button--m-link--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--hover--BackgroundColor, transparent)}:host([variant=link][danger]) button:active{--pf-c-button--m-link--m-danger--Color:var(--pf-c-button--m-link--m-danger--active--Color,
+    var(--pf-global--danger-color--200, #a30000));--pf-c-button--m-link--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--active--BackgroundColor, transparent)}:host([variant=link][danger]:has(button:active)){--pf-c-button--m-link--m-danger--Color:var(--pf-c-button--m-link--m-danger--active--Color,
+    var(--pf-global--danger-color--200, #a30000));--pf-c-button--m-link--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--active--BackgroundColor, transparent)}:host([variant=link][danger]:is(:focus,:focus-within)){--pf-c-button--m-link--m-danger--Color:var(--pf-c-button--m-link--m-danger--focus--Color,
+    var(--pf-global--danger-color--200, #a30000));--pf-c-button--m-link--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--focus--BackgroundColor, transparent)}:host(:is(:disabled,[aria-disabled=true])),:host(:is(:disabled,[aria-disabled=true])) button,:host(:is(:disabled,[aria-disabled=true])[danger]) button,:host(:is(:disabled,[aria-disabled=true])[variant=link]) button{color:var(--pf-c-button--disabled--Color,var(--pf-global--disabled-color--100,#6a6e73));background-color:var(--pf-c-button--disabled--BackgroundColor,var(--pf-global--disabled-color--200,#d2d2d2))}:host(:is(:disabled,[aria-disabled=true])) button::after{border-color:var(--pf-c-button--disabled--after--BorderColor,transparent)}:host([block]),:host([block]) button{display:flex;width:100%;justify-content:center}:host([size=large]) button{--pf-c-button--PaddingTop:var(--pf-c-button--m-display-lg--PaddingTop,
+    var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingRight:var(--pf-c-button--m-display-lg--PaddingRight,
+    var(--pf-global--spacer--xl, 2rem));--pf-c-button--PaddingBottom:var(--pf-c-button--m-display-lg--PaddingBottom,
+    var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingLeft:var(--pf-c-button--m-display-lg--PaddingLeft,
+    var(--pf-global--spacer--xl, 2rem));--pf-c-button--FontWeight:var(--pf-c-button--m-display-lg--FontWeight,
+    var(--pf-global--FontWeight--bold, 700))}:host([size=small]) button{--pf-c-button--FontSize:var(--pf-c-button--m-small--FontSize,
+    var(--pf-global--FontSize--md, 1rem))}:host([danger]) button{color:var(--pf-c-button--m-danger--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-danger--BackgroundColor,var(--pf-global--danger-color--100,#c9190b))}`,oa=Fi;var T=class extends _{constructor(){super(...arguments);this.loading=!1;this.plain=!1;this.warning=!1;this.danger=!1;this.variant="primary"}get hasIcon(){return!!this.icon||!!this.loading}renderDefaultIcon(){return Ei`
+      <pf-icon
+          icon="${aa(this.icon)}"
+          set="${aa(this.iconSet)}"
+          ?hidden="${!this.icon}"></pf-icon>
+      <pf-spinner
+          ?hidden="${!this.loading}"
+          size="md"
+          aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
+    `}};T.styles=[..._.styles,oa],t([re({type:Boolean,reflect:!0})],T.prototype,"loading",2),t([re({type:Boolean,reflect:!0})],T.prototype,"plain",2),t([re({type:Boolean,reflect:!0})],T.prototype,"warning",2),t([re({reflect:!0})],T.prototype,"size",2),t([re({attribute:"icon-set"})],T.prototype,"iconSet",2),t([re({type:Boolean,reflect:!0})],T.prototype,"danger",2),t([re({reflect:!0})],T.prototype,"variant",2),T=t([Ri("pf-button")],T);import{customElement as Ni,property as Zt}from"lit/decorators.js";import{css as Hi}from"lit";var $i=Hi`:host{background-color:var(--pf-c-card--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));box-shadow:var(--pf-c-card--BoxShadow,var(--pf-global--BoxShadow--sm,0 .0625rem .125rem 0 rgba(3,3,3,.12),0 0 .125rem 0 rgba(3,3,3,.06)))}:host([size=compact]){--_pf-c-card__body--FontSize:var(--pf-c-card--size-compact__body--FontSize, var(--pf-global--FontSize--sm, .875rem));--_pf-c-card__footer--FontSize:var(--pf-c-card--size-compact__footer--FontSize, var(--pf-global--spacer--md, 1rem));--_pf-c-card--first-child--PaddingTop:var(--pf-c-card--size-compact--first-child--PaddingTop, var(--pf-global--spacer--lg, 1.5rem));--_pf-c-card--child--PaddingRight:var(--pf-c-card--size-compact--child--PaddingRight, var(--pf-global--spacer--md, 1rem));--_pf-c-card--child--PaddingBottom:var(--pf-c-card--size-compact--child--PaddingBottom, var(--pf-global--spacer--md, 1rem));--_pf-c-card--child--PaddingLeft:var(--pf-c-card--size-compact--child--PaddingLeft, var(--pf-global--spacer--md, 1rem));--_pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--size-compact__title--not--last-child--PaddingBottom, var(--pf-global--spacer--sm, .5rem))}:host([size=large]){--pf-c-card__title--FontSize:var(--pf-c-card--size-large__title--FontSize, var(--pf-global--FontSize--xl, 1.25rem));--_pf-c-card--first-child--PaddingTop:var(--pf-c-card--size-large--first-child--PaddingTop, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingRight:var(--pf-c-card--size-large--child--PaddingRight, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingBottom:var(--pf-c-card--size-large--child--PaddingBottom, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingLeft:var(--pf-c-card--size-large--child--PaddingLeft, var(--pf-global--spacer--xl, 2rem));--_pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--size-large__title--not--last-child--PaddingBottom, var(--pf-global--spacer--lg, 1.5rem))}:host([flat]){--pf-c-card--BoxShadow:none;border:var(--pf-c-card--m-flat--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-card--m-flat--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host([plain]){--pf-c-card--BoxShadow:var(--pf-c-card--m-plain--BoxShadow, none);--pf-c-card--BackgroundColor:var(--pf-c-card--m-plain--BackgroundColor, transparent)}:host([rounded]){border-radius:var(--pf-c-card--m-rounded--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}:host([full-height]){height:var(--pf-c-card--m-full-height--Height,100%);--_pf-c-card__body--FullHeight--Flex:1 1 auto}[part=body],[part=footer],[part=header]{padding-inline-start:var(--_pf-c-card--child--PaddingLeft,var(--pf-global--spacer--lg,1.5rem));padding-inline-end:var(--_pf-c-card--child--PaddingRight,var(--pf-global--spacer--lg,1.5rem));padding-block-end:var(--_pf-c-card--child--PaddingBottom,var(--pf-global--spacer--lg,1.5rem))}[part=body]{font-size:var(--_pf-c-card__body--FontSize, var(--pf-global--FontSize--md, 1rem));flex:var(--_pf-c-card__body--FullHeight--Flex,initial)}header{padding-block-start:var(--_pf-c-card--first-child--PaddingTop,var(--pf-global--spacer--lg,1.5rem));padding-block-end:var(--_pf-c-card__title--not--last-child--PaddingBottom,var(--pf-global--spacer--md,1rem))}header ::slotted(*){font-family:var(--pf-c-card__title--FontFamily, var(--pf-global--FontFamily--heading--sans-serif, "RedHatDisplayUpdated", helvetica, arial, sans-serif));font-size:var(--pf-c-card__title--FontSize, var(--pf-global--FontSize--md, 1rem));font-weight:var(--pf-c-card__title--FontWeight,var(--pf-global--FontWeight--bold,700));margin-block:0}[part=footer]{font-size:var(--_pf-c-card__footer--FontSize, var(--pf-global--FontSize--md, 1rem));margin-block-start:auto}`,la=$i;import{LitElement as ji,html as Ai}from"lit";import{SlotController as Oi}from"@patternfly/pfe-core/controllers/slot-controller.js";import{classMap as oo}from"lit/directives/class-map.js";import{css as Ii}from"lit";var Di=Ii`:host{display:flex;flex-direction:column}article{position:relative;height:100%;display:flex;flex-direction:column}[part=header]{display:flex;flex-direction:row;align-items:center}[part=body] ::slotted(:not([slot]):first-of-type){margin-block-start:0}[part=body] ::slotted(:not([slot]):last-of-type){margin-block-end:0}[part=footer]{display:flex;gap:.5em;inset-block-end:0}.empty{display:none}`,ia=Di;var Te=class extends ji{constructor(){super(...arguments);this.slots=new Oi(this,"header",null,"footer")}render(){return Ai`
+      <article>
+        <header id="header"
+                part="header"
+                class="${oo({empty:!this.slots.hasSlotted("header")})}">
+          <slot name="header"></slot>
+        </header>
+        <div id="body"
+             part="body"
+             class="${oo({empty:!this.querySelector(":not([slot])")})}">
+          <slot></slot>
+        </div>
+        <footer id="footer"
+                part="footer"
+                class="${oo({empty:!this.slots.hasSlotted("footer")})}">
+          <slot name="footer"></slot>
+        </footer>
+      </article>
+    `}};Te.styles=[ia];var A=class extends Te{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1}};A.styles=[...Te.styles,la],t([Zt({reflect:!0})],A.prototype,"size",2),t([Zt({type:Boolean,reflect:!0})],A.prototype,"rounded",2),t([Zt({type:Boolean,reflect:!0,attribute:"full-height"})],A.prototype,"fullHeight",2),t([Zt({type:Boolean,reflect:!0})],A.prototype,"plain",2),A=t([Ni("pf-card")],A);import{html as Yi}from"lit";import{customElement as Ki,property as x}from"lit/decorators.js";import{classMap as Xi}from"lit/directives/class-map.js";import{ifDefined as Qi}from"lit/directives/if-defined.js";import{LitElement as Ui}from"lit";import{ComposedEvent as qi}from"@patternfly/pfe-core";import{css as Pi}from"lit";var Gi=Pi`[hidden],[inert],[inert]::slotted(*){display:none!important}`,na=Gi;var ao=class extends qi{constructor(e){super("copy");this.text=e}},oe=class extends Ui{async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new ao(this.value))}};oe.styles=[na];import{css as Vi}from"lit";var Zi=Vi`.container{display:flex;flex-direction:column}#input-group{display:flex}pf-tooltip::part(invoker){display:flex;height:100%}#input-group>*+*{margin-left:-1px}input{color:var(--pf-c-form-control--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)));width:var(--pf-c-form-control--Width);padding:var(--pf-c-form-control--PaddingTop,calc(var(--pf-global--spacer--form-element,.375rem) - var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-form-control--PaddingRight,var(--pf-c-form-control--inset--base,var(--pf-global--spacer--sm,.5rem))) var(--pf-c-form-control--PaddingBottom,calc(var(--pf-global--spacer--form-element,.375rem) - var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-form-control--PaddingLeft,var(--pf-c-form-control--inset--base,var(--pf-global--spacer--sm,.5rem)));font-size:var(--pf-c-form-control--FontSize);line-height:var(--pf-c-form-control--LineHeight);background-color:var(--pf-c-form-control--BackgroundColor);background-repeat:no-repeat;border:var(--pf-c-form-control--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid;border-color:var(--pf-c-form-control--BorderTopColor,var(--pf-global--BorderColor--300,#f0f0f0)) var(--pf-c-form-control--BorderRightColor,var(--pf-global--BorderColor--300,#f0f0f0)) var(--pf-c-form-control--BorderBottomColor,var(--pf-global--BorderColor--200,#8a8d90)) var(--pf-c-form-control--BorderLeftColor,var(--pf-global--BorderColor--300,#f0f0f0));border-radius:var(--pf-c-form-control--BorderRadius,0);margin:0;appearance:none;height:var(--pf-c-form-control--Height,calc(var(--pf-c-form-control--FontSize) * var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth) * 2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom)),36px);text-overflow:ellipsis;flex:1 1 auto}input[disabled]{background-color:var(--pf-c-form-control--readonly--BackgroundColor,var(--pf-global--disabled-color--300,#f0f0f0))}textarea{display:flex;flex:1 1 auto;padding:var(--pf-c-clipboard-copy__expandable-content--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft,var(--pf-global--spacer--md,1rem));word-wrap:break-word;background-color:var(--pf-c-clipboard-copy__expandable-content--BackgroundColor,var(--pf-global--BackgroundColor--light-100,#fff));background-clip:padding-box;border:solid var(--pf-c-clipboard-copy__expandable-content--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-width:var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth,0) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth,var(--pf-global--BorderWidth--sm,1px));box-shadow:var(--pf-c-clipboard-copy__expandable-content--BoxShadow);margin:0;color:inherit;font-family:inherit}.container.code textarea{font-family:var(--pf-global--FontFamily--monospace,
+    var(--pf-global--FontFamily--redhat--monospace,
+      "RedHatMono",
+      "Liberation Mono",
+      consolas,
+      "SFMono-Regular",
+      menlo,
+      monaco,
+      "Courier New",
+      monospace))}.container.expanded #expand-button pf-icon{rotate:90deg}.container.inline{display:inline;background-color:var(--pf-c-clipboard-copy--m-inline--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0));padding-block-start:var(--pf-c-clipboard-copy--m-inline--PaddingTop,0px);padding-block-end:var(--pf-c-clipboard-copy--m-inline--PaddingBottom,0px);padding-inline-start:var(--pf-c-clipboard-copy--m-inline--PaddingLeft,var(--pf-global--spacer--xs,0.25rem));word-break:break-word;white-space:normal}.container:is(.compact,.inline) #input-group{display:contents}.container:is(.compact,.inline) pf-tooltip,.container:is(.compact,.inline) pf-tooltip::part(invoker){display:inline-flex}.container:is(.compact,.inline) #input-group{background-color:var(--pf-c-button--m-plain--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0))}.container.compact.block{display:block;background-color:var(--pf-c-clipboard-copy--m-inline--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0))}.container:is(.compact,.inline) #copy-button,.container:is(.compact,.inline) slot[name=actions]::slotted(*){--pf-c-button--PaddingTop:var(--pf-c-clipboard-copy__actions-item--button--PaddingTop,
+    var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-clipboard-copy__actions-item--button--PaddingRight,
+    var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingBottom:var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom,
+    var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft,
+    var(--pf-global--spacer--sm, 0.5rem));margin-block-start:calc(-1 * var(--pf-c-button--PaddingTop));margin-block-end:calc(-1 * var(--pf-c-button--PaddingBottom))}`,sa=Zi;import"@patternfly/elements/pf-button/pf-button.js";import"@patternfly/elements/pf-icon/pf-icon.js";import"@patternfly/elements/pf-tooltip/pf-tooltip.js";var pa=s=>new Promise(n=>setTimeout(n,s)),We,Yt,Kt,ca,ot,lo,at,io,Xt,da,g=class extends oe{constructor(){super(...arguments);a(this,Kt);a(this,ot);a(this,at);a(this,Xt);this.clickTip="Copied";this.hoverTip="Copy";this.textAriaLabel="Copyable input";this.toggleAriaLabel="Show content";this.entryDelay=300;this.exitDelay=1500;this.block=!1;this.code=!1;this.expanded=!1;this.expandable=!1;this.readonly=!1;this.inline=!1;this.compact=!1;this.value="";a(this,We,!1);a(this,Yt,new MutationObserver(()=>i(this,at,io).call(this)))}connectedCallback(){super.connectedCallback(),o(this,Yt).observe(this,{characterData:!0}),i(this,at,io).call(this)}render(){let{expanded:e,expandable:r,inline:l,compact:p,code:c,block:C,readonly:z}=this;return Yi`
+      <div class="container ${Xi({code:c,expanded:e,inline:l,compact:p,block:C})}">
+        <div id="input-group">
+          <pf-button id="expand-button"
+                      plain
+                      variant="control"
+                      label="EXPAND"
+                      ?inert="${!r}"
+                      @click="${i(this,Kt,ca)}">
+            <pf-icon icon="chevron-right"></pf-icon>
+          </pf-button>
+          <span ?hidden="${!(l||p)}">${this.value}</span>
+          <input
+              ?hidden="${l||p}"
+              ?disabled="${e||z}"
+              .value="${this.value}"
+              @input="${i(this,ot,lo)}"
+              aria-label="${this.textAriaLabel}">
+          <pf-tooltip>
+            <pf-button id="copy-button"
+                        plain
+                        variant="${Qi(l||p?void 0:"control")}"
+                        label="${this.hoverTip}"
+                        size="lg"
+                        @click="${this.copy}">
+              <pf-icon icon="copy"></pf-icon>
+            </pf-button>
+            <span slot="content">${o(this,We)?this.clickTip:this.hoverTip}</span>
+          </pf-tooltip>
+          <slot name="actions"></slot>
+        </div>
+        <textarea .value="${this.value}"
+                  .disabled="${this.readonly}"
+                  ?hidden="${!(r&&e)}"
+                  @input="${i(this,ot,lo)}">
+        </textarea>
+      </div>
+    `}async copy(){await super.copy(),await pa(this.entryDelay),d(this,We,!0),this.requestUpdate(),await pa(this.exitDelay),d(this,We,!1),this.requestUpdate()}};We=new WeakMap,Yt=new WeakMap,Kt=new WeakSet,ca=function(){this.expanded=!this.expanded},ot=new WeakSet,lo=function(e){let{value:r}=e.target||HTMLTextAreaElement;this.value=r},at=new WeakSet,io=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??i(this,Xt,da).call(this,Array.from(this.childNodes,e=>e instanceof Element||e instanceof Text?e.textContent??"":"").join("")))},Xt=new WeakSet,da=function(e){let r=e.replace(/^\n/,""),l=r.match(/^\s+/);return l?r.replace(new RegExp(`^${l[0]}`,"gm"),""):e},g.styles=[...oe.styles,sa],g.shadowRootOptions={...oe.shadowRootOptions,delegatesFocus:!0},t([x({attribute:"click-tip"})],g.prototype,"clickTip",2),t([x({attribute:"hover-tip"})],g.prototype,"hoverTip",2),t([x({attribute:"text-label"})],g.prototype,"textAriaLabel",2),t([x({attribute:"toggle-label"})],g.prototype,"toggleAriaLabel",2),t([x({type:Number,attribute:"entry-delay"})],g.prototype,"entryDelay",2),t([x({type:Number,attribute:"exit-delay"})],g.prototype,"exitDelay",2),t([x({type:Boolean,reflect:!0})],g.prototype,"block",2),t([x({type:Boolean,reflect:!0})],g.prototype,"code",2),t([x({type:Boolean,reflect:!0})],g.prototype,"expanded",2),t([x({type:Boolean,reflect:!0})],g.prototype,"expandable",2),t([x({type:Boolean,reflect:!0})],g.prototype,"readonly",2),t([x({type:Boolean,reflect:!0})],g.prototype,"inline",2),t([x({type:Boolean,reflect:!0})],g.prototype,"compact",2),t([x()],g.prototype,"value",2),g=t([Ki("pf-clipboard-copy")],g);import{html as an}from"lit";import{customElement as ln,property as nn}from"lit/decorators.js";import{classMap as sn}from"lit/directives/class-map.js";import{LitElement as tn}from"lit";import{css as Ji}from"lit";var en=Ji`:host{display:block}[hidden]{display:none!important}`,fa=en;var ze=class extends tn{get content(){let n=this.querySelector("script[type]");return n?.type!=="text/javascript-sample"&&!!n?.type.match(/(j(ava)?|ecma|live)script/)?"":n?.textContent??""}dedent(n){let e=n.replace(/^\n/,""),r=e.match(/^\s+/);return r?e.replace(new RegExp(`^${r[0]}`,"gm"),""):n}};ze.styles=[fa];import{css as rn}from"lit";var on=rn`:host{background-color:var(--pf-c-code-block--BackgroundColor,#f0f0f0);font-size:var(--pf-c-code-block__pre--FontSize, .875rem);font-family:var(--pf-c-code-block__pre--FontFamily, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace)}#container{padding-top:var(--pf-c-code-block__content--PaddingTop,1rem);padding-right:var(--pf-c-code-block__content--PaddingRight,1rem);padding-bottom:var(--pf-c-code-block__content--PaddingBottom,1rem);padding-left:var(--pf-c-code-block__content--PaddingLeft,1rem)}#header{border-bottom:var(--pf-c-code-block__header--BorderBottomWidth,1px) solid var(--pf-c-code-block__header--BorderBottomColor,#d2d2d2)}#container{margin:0}pre{margin:0}slot[name=actions]{display:flex;justify-content:end}#expanded{display:inline}button{display:flex;background:0 0;border:none;padding:6px 16px 6px 0;color:#06c;cursor:pointer;font-size:16px}button svg{color:#151515;margin-right:12px;transition:.2s ease-in 0s}.expanded button svg{transform:rotate(-90deg)}`,ga=on;var Qt,ma,lt,no,Le=class extends ze{constructor(){super(...arguments);a(this,Qt);a(this,lt);this.expanded=!1}render(){let{expanded:e}=this;return an`
+      <div id="header">
+        <div id="actions">
+          <slot name="actions"></slot>
+        </div>
+      </div>
+      <div id="container" class="${sn({expanded:e})}">
+        <pre><code id="content">${this.content}</code><code id="code-block-expand"
+          ?hidden="${!e}">${o(this,lt,no)}</code></pre>
+        <button ?hidden="${!o(this,lt,no)}"
+                @click=${i(this,Qt,ma)}
+                aria-expanded=${this.expanded}
+                aria-controls="code-block-expand">
+          <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>
+          ${this.expanded?"Show less":"Show more"}
+        </button>
+      </div>
+    `}};Qt=new WeakSet,ma=function(){this.expanded=!this.expanded},lt=new WeakSet,no=function(){return this.querySelector("script[data-expand]")?.textContent??""},Le.styles=[...ze.styles,ga],t([nn({type:Boolean,reflect:!0})],Le.prototype,"expanded",2),Le=t([ln("pf-code-block")],Le);import{LitElement as dn,html as fn}from"lit";import{property as so,state as gn}from"lit/decorators.js";import{Logger as ha}from"@patternfly/pfe-core/controllers/logger.js";import{css as pn}from"lit";var cn=pn`:host{position:relative;display:inline-block;line-height:0;height:fit-content!important;width:fit-content!important}#container{display:grid;grid-template:1fr/1fr;place-content:center}#container.content ::slotted(*){display:none}svg{fill:currentcolor}`,ba=cn;var va=window.requestIdleCallback??window.requestAnimationFrame,po=class extends ErrorEvent{constructor(e,r){super("error",{message:`Could not load icon at ${e}`});this.originalError=r}},Se,Jt,O,ae,er,ua,tr,_a,co=class extends dn{constructor(){super(...arguments);a(this,O);a(this,er);a(this,tr);this.set=o(this,O,ae).defaultIconSet;this.icon="";this.loading="lazy";a(this,Se,!1);a(this,Jt,new ha(this))}static addIconSet(e,r){if(typeof r!="function")ha.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);else{this.getters.set(e,r);for(let l of this.instances)l.load()}}connectedCallback(){super.connectedCallback(),o(this,O,ae).instances.add(this)}willUpdate(e){e.has("icon")&&i(this,tr,_a).call(this)}disconnectedCallback(){super.disconnectedCallback(),o(this,O,ae).instances.delete(this)}render(){let e=this.content??"";return fn`
+      <div id="container" aria-hidden="true">${e}<span part="fallback" ?hidden=${!!e}>
+          <slot></slot>
+        </span>
+      </div>
+    `}async load(){let{set:e,icon:r}=this,l=o(this,O,ae).getters.get(e)??o(this,O,ae).getIconUrl,p="UNKNOWN ICON";if(e&&r)try{({pathname:p}=l(e,r));let c=await import(p);this.content=c.default instanceof Node?c.default.cloneNode(!0):c.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(c){let C=new po(p,c);o(this,Jt).error(c.message),this.dispatchEvent(C)}}},v=co;Se=new WeakMap,Jt=new WeakMap,O=new WeakSet,ae=function(){return this.constructor},er=new WeakSet,ua=function(){o(this,O,ae).io.observe(this),o(this,Se)&&this.load()},tr=new WeakSet,_a=function(){switch(this.loading){case"idle":return void va(()=>this.load());case"lazy":return void i(this,er,ua).call(this);case"eager":return void this.load()}},v.styles=[ba],v.getIconUrl=(e,r)=>new URL(`./icons/${e}/${r}.js`,import.meta.url),v.onIntersect=e=>e.forEach(({isIntersecting:r,target:l})=>{let p=l;d(p,Se,r),va(()=>{o(p,Se)&&p.load()})}),v.io=new IntersectionObserver(co.onIntersect),v.getters=new Map,v.instances=new Set,t([so()],v.prototype,"set",2),t([so({reflect:!0})],v.prototype,"icon",2),t([so()],v.prototype,"loading",2),t([gn()],v.prototype,"content",2);import{customElement as hn,property as vn}from"lit/decorators.js";import{css as mn}from"lit";var bn=mn`:host([size=sm]) #container{--_size:var(--pf-global--icon--FontSize--sm, 10px)}:host([size=md]) #container{--_size:var(--pf-global--icon--FontSize--md, 18px)}:host([size=lg]) #container{--_size:var(--pf-global--icon--FontSize--lg, 24px)}:host([size=xl]) #container{--_size:var(--pf-global--icon--FontSize--xl, 54px)}#container,svg{width:var(--pf-icon--size,var(--_size));height:var(--pf-icon--size,var(--_size));min-width:var(--pf-icon--size,var(--_size));min-height:var(--pf-icon--size,var(--_size))}`,xa=bn;var le=class extends v{constructor(){super(...arguments);this.size="sm"}};le.styles=[...v.styles,xa],le.defaultIconSet="fas",t([vn({reflect:!0})],le.prototype,"size",2),le=t([hn("pf-icon")],le);import{html as fo,LitElement as Ln}from"lit";import{customElement as Sn,property as Me,queryAssignedElements as Mn}from"lit/decorators.js";import{ScrollSpyController as Fn}from"@patternfly/pfe-core/controllers/scroll-spy-controller.js";import{RovingTabindexController as En}from"@patternfly/pfe-core/controllers/roving-tabindex-controller.js";import{html as xn,LitElement as yn}from"lit";import{customElement as Cn,property as Ca,query as kn}from"lit/decorators.js";import{ifDefined as Bn}from"lit/directives/if-defined.js";import{InternalsController as wn}from"@patternfly/pfe-core/controllers/internals-controller.js";import{css as un}from"lit";var _n=un`:host{display:block}#container{display:contents}slot:not([name]){display:flex;flex-direction:column;row-gap:var(--pf-global--spacer--md,1rem)}a{position:relative;display:flex;cursor:pointer;flex:1;padding-block-start:var(--pf-c-jump-links__link--PaddingTop,var(--pf-global--spacer--md,1rem));padding-inline-end:var(--pf-c-jump-links__link--PaddingRight,var(--pf-global--spacer--md,1rem));padding-block-end:var(--pf-c-jump-links__link--PaddingBottom,var(--pf-global--spacer--md,1rem));padding-inline-start:var(--pf-c-jump-links__link--PaddingLeft,var(--pf-global--spacer--md,1rem));text-decoration:none;outline-offset:var(--pf-c-jump-links__link--OutlineOffset,calc(-1 * var(--pf-global--spacer--sm,0.5rem)));color:var(--pf-c-jump-links__link-text--Color,var(--pf-global--Color--200,#6a6e73))}a::before{position:absolute;inset:0;pointer-events:none;content:"";border-color:var(--pf-c-jump-links__link--before--BorderColor,transparent);border-style:solid;border-width:var(--pf-c-jump-links__link--before--BorderTopWidth,var(--pf-c-jump-links__list--before--BorderTopWidth,var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-jump-links__link--before--BorderRightWidth,0) var(--pf-c-jump-links__link--before--BorderBottomWidth,0) var(--pf-c-jump-links__link--before--BorderLeftWidth,0)}a:hover{--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--hover__link-text--Color,
+    var(--pf-global--Color--100, #151515))}a:focus{--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--focus__link-text--Color,
+    var(--pf-global--Color--100, #151515))}:host([active]){--pf-c-jump-links__link--before--BorderTopWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth,
+    var(--pf-global--BorderWidth--lg, 3px));--pf-c-jump-links__link--before--BorderLeftWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth, 0);--pf-c-jump-links__link--before--BorderColor:var(--pf-c-jump-links__item--m-current__link--before--BorderColor,
+    var(--pf-global--primary-color--100, #06c));--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__item--m-current__link-text--Color,
+    pfvar(--pf-global--Color--100, #151515))}`,ya=_n;import{observed as Tn}from"@patternfly/pfe-core/decorators/observed.js";var rr,or,ka,ar,Ba,Z=class extends yn{constructor(){super(...arguments);a(this,or);a(this,ar);this.active=!1;a(this,rr,new wn(this,{role:"listitem"}))}connectedCallback(){super.connectedCallback(),this.activeChanged()}render(){return xn`
+      <a href="${Bn(this.href)}" @focus="${i(this,ar,Ba)}" @click="${i(this,or,ka)}">
+        <slot></slot>
+      </a>
+      <slot name="subsection"></slot>
+    `}focus(){this.link.focus()}activeChanged(){o(this,rr).ariaCurrent=this.active?"location":null}};rr=new WeakMap,or=new WeakSet,ka=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},ar=new WeakSet,Ba=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},Z.styles=[ya],t([kn("a")],Z.prototype,"link",2),t([Tn("activeChanged"),Ca({type:Boolean,reflect:!0})],Z.prototype,"active",2),t([Ca({reflect:!0})],Z.prototype,"href",2),Z=t([Cn("pf-jump-links-item")],Z);import"@patternfly/elements/pf-icon/pf-icon.js";import{css as Wn}from"lit";var zn=Wn`[hidden]{display:none!important}:host{display:block}#container{display:flex;flex-wrap:wrap;font-family:var(--pf-global--FontFamily--sans-serif, "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif);font-size:var(--pf-global--FontSize--md, 16px);font-weight:var(--pf-global--FontWeight--normal,400)}slot{position:relative;display:var(--pf-c-jump-links__list--Display,flex);flex-direction:var(--pf-c-jump-links__list--FlexDirection,row);padding-block-start:var(--pf-c-jump-links__list--PaddingTop,0);padding-inline-end:var(--pf-c-jump-links__list--PaddingRight,var(--pf-global--spacer--md,1rem));padding-block-end:var(--pf-c-jump-links__list--PaddingBottom,0);padding-inline-start:var(--pf-c-jump-links__list--PaddingLeft,var(--pf-global--spacer--md,1rem));visibility:var(--pf-c-jump-links__list--Visibility,visible)}slot::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border:solid var(--pf-c-jump-links__list--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-width:var(--pf-c-jump-links__list--before--BorderTopWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-jump-links__list--before--BorderRightWidth,0) var(--pf-c-jump-links__list--before--BorderBottomWidth,0) var(--pf-c-jump-links__list--before--BorderLeftWidth,0)}:host([vertical]) #container{--pf-c-jump-links__list--PaddingTop:var(--pf-c-jump-links--m-vertical__list--PaddingTop,
+    var(--pf-global--spacer--md, 1rem));--pf-c-jump-links__list--PaddingRight:var(--pf-c-jump-links--m-vertical__list--PaddingRight, 0);--pf-c-jump-links__list--PaddingBottom:var(--pf-c-jump-links--m-vertical__list--PaddingBottom
+    var(--pf-global--spacer--md, 1rem));--pf-c-jump-links__list--PaddingLeft:var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);--pf-c-jump-links__list--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);--pf-c-jump-links__list--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth, 
+    var(--pf-global--BorderWidth--sm, 1px));--pf-c-jump-links__item--m-current__link--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
+    var(--pf-global--BorderWidth--lg, 3px));--pf-c-jump-links__list--FlexDirection:var(--pf-c-jump-links--m-vertical__list--FlexDirection, column)}:host([centered]) #container{justify-content:center}:host([centered]) #label{text-align:center}:host(:not([expandable])) #label{display:block;width:100%;margin-block-end:var(--pf-c-jump-links__label--MarginBottom,var(--pf-global--spacer--md,1rem))}:host([expandable]){--pf-c-jump-links--m-expanded__toggle--MarginBottom:calc(var(--pf-c-jump-links__toggle--MarginBottom--base,
+      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))
+    ) + var(--pf-global--spacer--md, 1rem))}summary{display:block;margin-block-start:var(--pf-c-jump-links__toggle--MarginTop,calc(-1 * var(--pf-global--spacer--form-element,0.375rem)));margin-block-end:var(--pf-c-jump-links__toggle--MarginBottom,var(--pf-c-jump-links__toggle--MarginBottom--base,calc(-1 * var(--pf-global--spacer--form-element,0.375rem))));margin-inline-start:var(--pf-c-jump-links__toggle--MarginLeft);color:var(--pf-c-jump-links__toggle-text--Color,var(--pf-global--Color--100,#151515));padding:var(--pf-c-button--PaddingTop,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-button--PaddingBottom,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingLeft,var(--pf-global--spacer--md,1rem))}summary pf-icon{rotate:var(--pf-c-jump-links__toggle-icon--Rotate,0);transition:var(--pf-c-jump-links__toggle-icon--Transition,
+    var(--pf-global--Transition, all 250ms cubic-bezier(.42, 0, .58, 1)))}summary span{margin-inline-start:var(--pf-c-jump-links__toggle-text--MarginLeft,var(--pf-global--spacer--md,1rem))}:host([expanded]) #container{--pf-c-jump-links__toggle--MarginBottom:var(--pf-c-jump-links--m-expanded__toggle--MarginBottom,
+    calc(var(--pf-c-jump-links__toggle--MarginBottom--base,
+      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))) +
+      var(--pf-global--spacer--md, 1rem)));--pf-c-jump-links__toggle-icon--Rotate:var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate,
+    90deg);--pf-c-jump-links__toggle-icon--Color:var(--pf-c-jump-links--m-expanded__toggle-icon--Color,
+    var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,wa=zn;var it,nt,st,pt,ct,go,lr,Ta,ir,Wa,W=class extends Ln{constructor(){super(...arguments);a(this,ct);a(this,lr);a(this,ir);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;a(this,it,void 0);a(this,nt,!1);a(this,st,new En(this));a(this,pt,new Fn(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}connectedCallback(){super.connectedCallback(),this.addEventListener("select",i(this,lr,Ta))}updated(e){e.has("offset")&&(o(this,pt).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return fo`
+      <nav id="container">${this.expandable?fo`
+        <details ?open="${this.expanded}" @toggle="${i(this,ir,Wa)}">
+          <summary>
+            <pf-icon icon="chevron-right"></pf-icon>
+            <span id="label">${this.label}</span>
+          </summary>
+          <slot role="listbox" @slotchange="${i(this,ct,go)}"></slot>
+        </details>`:fo`
+        <span id="label">${this.label}</span>
+        <slot role="listbox" @slotchange="${i(this,ct,go)}"></slot>`}
+      </nav>
+    `}};it=new WeakMap,nt=new WeakMap,st=new WeakMap,pt=new WeakMap,ct=new WeakSet,go=function(){d(this,it,this._items);let e=o(this,it)?.map(r=>r.link);o(this,nt)?o(this,st).updateItems(e):(o(this,st).initItems(e),d(this,nt,!0))},lr=new WeakSet,Ta=async function(e){o(this,pt).setActive(e.target)},ir=new WeakSet,Wa=function(e){e.target instanceof HTMLDetailsElement&&(this.expanded=e.target.open),this.dispatchEvent(new Event("toggle"))},W.styles=[wa],t([Mn()],W.prototype,"_items",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"expandable",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"expanded",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"vertical",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"centered",2),t([Me({type:Number})],W.prototype,"offset",2),t([Me()],W.prototype,"label",2),W=t([Sn("pf-jump-links")],W);import{html as mo}from"lit";import{customElement as Nn,property as ne}from"lit/decorators.js";import{classMap as Pn}from"lit/directives/class-map.js";import{ComposedEvent as Gn}from"@patternfly/pfe-core";import{LitElement as $n,html as In}from"lit";import{classMap as Dn}from"lit/directives/class-map.js";import{SlotController as jn}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as Rn}from"lit";var Hn=Rn`:host{position:relative;white-space:nowrap;border:0}::slotted(pf-icon),pf-icon{color:currentColor}#container,:host{display:inline-flex;align-items:center;vertical-align:middle}#container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:0}#container::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}[part=icon]{display:none;pointer-events:none}.hasIcon [part=icon]{display:inline-flex;width:1em}`,za=Hn;var ie=class extends $n{constructor(){super(...arguments);this.slots=new jn(this,null,"icon")}render(){let{variant:e,color:r,icon:l}=this,p=!!l||this.slots.hasSlotted("icon");return In`
+      <span id="container"
+            class=${Dn({hasIcon:p,[e??""]:!!e,[r??""]:!!r})}>
+        <slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
+        <slot id="text"></slot>
+        ${this.renderSuffix?.()??""}
+      </span>
+    `}};ie.styles=[za];import"@patternfly/elements/pf-button/pf-button.js";import{css as An}from"lit";var On=An`#pf-container{display:contents}#container{--pf-global--icon--FontSize--sm:14px;padding-top:var(--pf-c-label--PaddingTop,var(--pf-global--spacer--xs,.25rem));padding-left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--sm,.5rem));padding-bottom:var(--pf-c-label--PaddingBottom,var(--pf-global--spacer--xs,.25rem));padding-right:var(--pf-c-label--PaddingRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-label--FontSize, .875em);color:var(--pf-c-label--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-label--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5));border-radius:var(--pf-c-label--BorderRadius,30em);max-width:var(--pf-c-label__content--MaxWidth,100%);color:var(--pf-c-label__content--Color,var(--pf-global--Color--100,#151515))}#container::before{border-radius:var(--pf-c-label--BorderRadius,30em);border:var(--pf-c-label__content--before--BorderWidth,1px) solid var(--pf-c-label__content--before--BorderColor,var(--pf-global--palette--black-300,#d2d2d2))}.compact{--pf-c-label--PaddingTop:var(--pf-c-label--m-compact--PaddingTop, 0);--pf-c-label--PaddingRight:var(--pf-c-label--m-compact--PaddingRight, var(--pf-global--spacer--sm, 0.5rem));--pf-c-label--PaddingBottom:var(--pf-c-label--m-compact--PaddingBottom, 0);--pf-c-label--PaddingLeft:var(--pf-c-label--m-compact--PaddingLeft, var(--pf-global--spacer--sm, 0.5rem));--pf-global--icon--FontSize--sm:12px}.blue{--pf-c-label__content--Color:var(--pf-c-label--m-blue__content--Color, var(--pf-global--info-color--200, #002952));--pf-c-label--BackgroundColor:var(--pf-c-label--m-blue--BackgroundColor, var(--pf-global--palette--blue-50, #e7f1fa));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-blue__content--before--BorderColor, var(--pf-global--palette--blue-100, #bee1f4))}.blue.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-blue__content--Color, var(--pf-global--primary-color--100, #06c)))}.cyan{--pf-c-label__content--Color:var(--pf-c-label--m-cyan__content--Color, var(--pf-global--default-color--300, #003737));--pf-c-label--BackgroundColor:var(--pf-c-label--m-cyan--BackgroundColor, var(--pf-global--palette--cyan-50, #f2f9f9));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-cyan__content--before--BorderColor, var(--pf-global--palette--cyan-100, #a2d9d9))}.cyan.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-cyan__content--Color, var(--pf-global--palette--cyan-400, #005f60)))}.green{--pf-c-label__content--Color:var(--pf-c-label--m-green__content--Color,var(--pf-global--success-color--200, #1e4f18));--pf-c-label--BackgroundColor:var(--pf-c-label--m-green--BackgroundColor, var(--pf-global--palette--green-50, #f3faf2));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-green__content--before--BorderColor, var(--pf-global--palette--green-100, #bde5b8))}.green.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-green__content--Color, var(--pf-global--success-color--100, #3e8635)))}.orange{--pf-c-label__content--Color:var(--pf-c-label--m-orange__content--Color, var(--pf-global--palette--orange-700, #3b1f00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-orange--BackgroundColor, var(--pf-global--palette--orange-50, #fff6ec));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-orange__content--before--BorderColor, var(--pf-global--palette--orange-100, #f4b678))}.orange.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-orange__content--Color, var(--pf-global--palette--orange-500, #8f4700)))}.purple{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-700, #1f0066));--pf-c-label--BackgroundColor:var(--pf-c-label--m-purple--BackgroundColor, var(--pf-global--palette--purple-50, #f2f0fc));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-purple__content--before--BorderColor, var(--pf-global--palette--purple-100, #cbc1ff))}.purple.outline{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac));--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac)))}.red{--pf-c-label__content--Color:var(--pf-c-label--m-red__content--Color, var(--pf-global--palette--red-300, #7d1007));--pf-c-label--BackgroundColor:var(--pf-c-label--m-red--BackgroundColor, var(--pf-global--palette--red-50, #faeae8));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-red__content--before--BorderColor, var(--pf-global--palette--red-100, #c9190b))}.red.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-red__content--Color, var(--pf-global--danger-color--100, #c9190b)))}.gold{--pf-c-label__content--Color:var(--pf-c-label--m-gold__content--Color, var(--pf-global--palette--gold-700, #3d2c00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-gold--BackgroundColor, var(--pf-global--palette--gold-50, #fdf7e7));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-gold__content--before--BorderColor, var(--pf-global--palette--gold-100, #f9e0a2))}.gold.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-gold__content--Color, var(--pf-global--palette--gold-600, #795600)))}.outline{--pf-c-label--BackgroundColor:var(--pf-c-label--m-outline--BackgroundColor, #ffffff);--pf-c-label__content--before--BorderColor:var(--pf-global--palette--black-300, #d2d2d2)}.hasIcon [part=icon]{left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--md,1rem));margin-inline-end:var(--pf-c-label__icon--MarginRight,var(--pf-global--spacer--xs,.25rem))}.blue .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-blue__icon--Color,var(--pf-global--primary-color--100,#06c)))}.cyan .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-cyan__icon--Color,var(--pf-global--default-color--200,#009596)))}.green .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-green__icon--Color,var(--pf-global--success-color--100,#3e8635)))}.orange .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-orange__icon--Color,var(--pf-global--palette--orange-300,#ec7a08)))}.purple .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-purple__icon--Color,var(--pf-global--palette--purple-500,#6753ac)))}.red .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-red__icon--Color,var(--pf-global--danger-color--100,#c9190b)))}.gold .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-gold__icon--Color,var(--pf-global--palette--gold-400,#f0ab00)))}pf-button{--pf-c-button--FontSize:var(--pf-c-label__c-button--FontSize,
+    var(--pf-global--FontSize--xs, 0.75rem));--pf-c-button--PaddingTop:var(--pf-c-label__c-button--PaddingTop,
+    var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-label__c-button--PaddingRight,
+    var(--pf-global--spacer--sm, 0.5rem));--pf-c-button--PaddingBottom:var(--pf-c-label__c-button--PaddingBottom,
+    var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-label__c-button--PaddingLeft,
+    var(--pf-global--spacer--sm, 0.5rem));margin-top:var(--pf-c-label__c-button--MarginTop,-.5rem);margin-right:var(--pf-c-label__c-button--MarginRight,-.5rem);margin-bottom:var(--pf-c-label__c-button--MarginBottom,-.5rem);margin-left:var(--pf-c-label__c-button--MarginLeft,.25rem)}svg{vertical-align:-.125em;fill:currentColor;height:1em;width:1em}`,La=On;var k=class extends ie{constructor(){super(...arguments);this.variant="filled";this.color="grey";this.compact=!1;this.truncated=!1;this.removable=!1}render(){let{compact:e,truncated:r}=this;return mo`
+      <span id="pf-container" class="${Pn({compact:e,truncated:r})}">${super.render()}</span>
+    `}renderDefaultIcon(){return this.icon?mo`
+      <pf-icon icon="${this.icon}" size="sm"></pf-icon>
+    `:""}renderSuffix(){return this.removable?mo`
+      <span part="close-button" ?hidden=${!this.removable}>
+        <pf-button plain
+                    @click="${()=>this.dispatchEvent(new Gn("close"))}"
+                    label="${this.closeButtonLabel??"remove"}">
+          <svg viewBox="0 0 352 512">
+            <path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/>
+          </svg>
+        </pf-button>
+      </span>
+    `:""}};k.styles=[...ie.styles,La],k.shadowRootOptions={...ie.shadowRootOptions,delegatesFocus:!0},t([ne()],k.prototype,"variant",2),t([ne()],k.prototype,"color",2),t([ne()],k.prototype,"icon",2),t([ne({type:Boolean})],k.prototype,"compact",2),t([ne({type:Boolean})],k.prototype,"truncated",2),t([ne({type:Boolean})],k.prototype,"removable",2),t([ne({attribute:"close-button-label"})],k.prototype,"closeButtonLabel",2),k=t([Nn("pf-label")],k);import{LitElement as Ma,html as Vn}from"lit";import{customElement as Zn,property as nr,query as bo}from"lit/decorators.js";import{ifDefined as Fa}from"lit/directives/if-defined.js";import{classMap as Yn}from"lit/directives/class-map.js";import{ComposedEvent as _o}from"@patternfly/pfe-core";import{bound as se,deprecation as Kn,initializer as Xn,observed as Ea}from"@patternfly/pfe-core/decorators.js";import{getRandomId as Qn}from"@patternfly/pfe-core/functions/random.js";import{SlotController as Jn}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as Un}from"lit";var qn=Un`:host{display:block;position:relative;--_spacer-align-top:var(--pf-c-modal-box--m-align-top--spacer,
+    var(--pf-global--spacer--sm, 0.5rem));--_height-offset:min(var(--_spacer-align-top), var(--pf-global--spacer--2xl, 3rem))}[hidden]{display:none!important}section{display:flex;position:fixed;height:100%;width:100%;top:0;left:0;align-items:center;justify-content:center;z-index:var(--pf-c-modal-box--ZIndex,var(--pf-global--ZIndex--xl,500))}#container{position:relative;max-height:inherit}[part=overlay]{position:fixed;height:100%;width:100%;top:0;left:0;background-color:var(--pf-c-backdrop--BackgroundColor,var(--pf-global--BackgroundColor--dark-transparent-100,rgba(3,3,3,.62)))}[part=dialog]{position:relative;margin:0 auto;width:var(--pf-c-modal-box--Width,calc(100% - var(--pf-global--spacer--xl,2rem)));max-width:var(--pf-c-modal-box--MaxWidth,calc(100% - var(--pf-global--spacer--xl,2rem)));max-height:var(--pf-c-modal-box--MaxHeight,calc(100% - var(--pf-global--spacer--2xl,3rem)));box-shadow:var(--pf-c-modal-box--BoxShadow,var(--pf-global--BoxShadow--xl,0 1rem 2rem 0 rgba(3,3,3,.16),0 0 .5rem 0 rgba(3,3,3,.1)));background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)));padding:var(--pf-global--spacer--lg,1.5rem);margin-inline:var(--pf-global--spacer--md,1rem)}:host([variant]) [part=dialog],:host([width]) [part=dialog]{margin-inline:0}:host([variant=small]) [part=dialog],:host([width=small]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-sm--sm--MaxWidth, 35rem)}:host([variant=medium]) [part=dialog],:host([width=medium]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-md--Width, 52.5rem)}:host([variant=large]) [part=dialog],:host([width=large]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-lg--lg--MaxWidth, 70rem)}[part=content]{overflow-y:auto;overscroll-behavior:contain;max-height:var(--pf-c-modal-box--MaxHeight,calc(100vh - var(--pf-global--spacer--2xl,3rem)));box-sizing:border-box}[part=content] ::slotted([slot=header]){margin-top:0!important}header{position:sticky;top:0;background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)))}header ::slotted(:is(h1,h2,h3,h4,h5,h6)[slot=header]){font-size:var(--pf-c-modal-box__title--FontSize,
+    var(--pf-global--FontSize--2xl,
+      1.5rem));font-weight:var(--pf-global--FontWeight--normal,400);font-family:var(--pf-c-modal-box__title--FontFamily,
+    var(--pf-global--FontFamily--heading--sans-serif,
+      var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
+        "RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif)))}[part=close-button]{background-color:transparent;border:none;margin:0;padding:0;text-align:left;position:absolute;cursor:pointer;line-height:24px;padding-block:var(--pf-c-button--PaddingTop,var(--pf-global--spacer--form-element,0.375rem));padding-inline:var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem));top:0;right:calc(var(--pf-global--spacer--lg,1.5rem)/ -3);color:var(--pf-c-button--m-plain--Color,var(--pf-global--Color--200,#6a6e73));font-size:var(--pf-c-button--FontSize,
+    var(--pf-global--FontSize--md,
+      1rem))}[part=close-button]:is(:focus-within,:focus-visible,:hover){color:var(--pf-c-button--m-plain--focus--Color,var(--pf-global--Color--100,#151515))}[part=close-button]>svg{font-size:16px;width:var(--pf-global--spacer--md,1rem);aspect-ratio:1/1}:host([position=top]) #dialog{align-self:start;margin-block:var(--pf-c-modal-box--m-align-top--MarginTop,var(--pf-c-modal-box--m-align-top--spacer,2rem));margin-inline:var(--pf-global--spacer--md,1rem);width:100%;max-width:var(--pf-c-modal-box--m-align-top--MaxWidth,calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer,2rem) * 2,var(--pf-global--spacer--xl,2rem))));max-height:var(--pf-c-modal-box--m-align-top--MaxHeight,calc(100% - var(--_height-offset) - var(--_spacer-align-top)))}footer{display:flex;align-items:center;gap:var(--pf-global--spacer--xl,.5rem)}`,Sa=qn;var ho=class extends _o{constructor(){super("cancel")}},vo=class extends _o{constructor(){super("close")}},uo=class extends _o{constructor(e){super("open");this.trigger=e}},Fe,b,pe,dt,ce,Ee,Re,f=class extends Ma{constructor(){super(...arguments);this.open=!1;this.returnValue="";a(this,Fe,Qn());a(this,b,null);a(this,pe,null);a(this,dt,[]);a(this,ce,[]);a(this,Ee,!1);a(this,Re,new Jn(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let e=o(this,pe)||o(this,ce).length?o(this,Fe):void 0,r=o(this,b)?o(this,b).innerText:void 0,l=o(this,Re).hasSlotted("header"),p=o(this,Re).hasSlotted("description"),c=o(this,Re).hasSlotted("footer");return Vn`
+      <section ?hidden=${!this.open}>
+        <div id="overlay" part="overlay" ?hidden=${!this.open}></div>
+        <div id="dialog"
+            part="dialog"
+            tabindex="0"
+            role="dialog"
+            aria-labelledby=${Fa(e)}
+            aria-label=${Fa(r)}
+            ?hidden="${!this.open}">
+          <div id="container">
+            <div id="content" part="content" class=${Yn({hasHeader:l,hasDescription:p,hasFooter:c})}>
+              <header part="header">
+                <slot name="header"></slot>
+                <div part="description" ?hidden=${!p}>
+                  <slot name="description"></slot>
+                </div>
+              </header>
+              <slot></slot>
+              <footer ?hidden=${!c} part="footer">
+                <slot name="footer"></slot>
+              </footer>
+            </div>
+            <button id="close-button"
+                part="close-button"
+                aria-label="Close dialog"
+                @keydown=${this.onKeydown}
+                @click=${this.close}>
+              <svg fill="currentColor" viewBox="0 0 352 512">
+                <path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </section>
+    `}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),o(this,b)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,d(this,pe,this.querySelector('[slot$="header"]')),d(this,dt,[...this.querySelectorAll("*:not([slot])")]),d(this,ce,o(this,dt).filter(e=>e.tagName.slice(0,1)==="H")),o(this,b)&&(o(this,b).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),o(this,pe)?o(this,pe).id=o(this,Fe):o(this,ce).length>0&&(o(this,ce)[0].id=o(this,Fe))}async _openChanged(e,r){e==null||r==null||e==r||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new uo(o(this,b)))):(document.body.style.overflow="auto",await this.updateComplete,o(this,b)&&o(this,b).focus(),this.dispatchEvent(o(this,Ee)?new ho:new vo)))}_triggerChanged(){this.trigger&&(d(this,b,this.getRootNode().getElementById(this.trigger)),o(this,b)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(e){e.preventDefault(),this.showModal()}onClick(e){let{open:r,overlay:l,dialog:p}=this;if(r){let c=e.composedPath(),{closeOnOutsideClick:C}=this.constructor;C&&c.includes(l)&&!c.includes(p)&&(e.preventDefault(),this.cancel())}}onKeydown(e){switch(e.key){case"Tab":e.target===this.closeButton&&(e.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":e.preventDefault(),this.cancel();return;case"Enter":e.target===o(this,b)&&(e.preventDefault(),this.showModal());return}}async cancel(){d(this,Ee,!0),this.open=!1,await this.updateComplete,d(this,Ee,!1)}setTrigger(e){d(this,b,e),o(this,b).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(e){typeof e=="string"&&(this.returnValue=e),this.open=!1}};Fe=new WeakMap,b=new WeakMap,pe=new WeakMap,dt=new WeakMap,ce=new WeakMap,Ee=new WeakMap,Re=new WeakMap,f.shadowRootOptions={...Ma.shadowRootOptions,delegatesFocus:!0},f.styles=[Sa],f.closeOnOutsideClick=!1,t([nr({reflect:!0})],f.prototype,"variant",2),t([Kn({alias:"variant",attribute:"width"})],f.prototype,"width",2),t([nr({reflect:!0})],f.prototype,"position",2),t([Ea,nr({type:Boolean,reflect:!0})],f.prototype,"open",2),t([Ea,nr()],f.prototype,"trigger",2),t([bo("#overlay")],f.prototype,"overlay",2),t([bo("#dialog")],f.prototype,"dialog",2),t([bo("#close-button")],f.prototype,"closeButton",2),t([Xn()],f.prototype,"_init",1),t([se],f.prototype,"onTriggerClick",1),t([se],f.prototype,"onClick",1),t([se],f.prototype,"onKeydown",1),t([se],f.prototype,"toggle",1),t([se],f.prototype,"show",1),t([se],f.prototype,"showModal",1),t([se],f.prototype,"close",1),f=t([Zn("pf-modal")],f);import{LitElement as rs,html as os}from"lit";import{customElement as as,property as Ha}from"lit/decorators.js";import{SlotController as ls}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as es}from"lit";var ts=es`:host{--pf-c-panel--Width:auto;--pf-c-panel--MinWidth:auto;--pf-c-panel--MaxWidth:none;--pf-c-panel--ZIndex:auto;--pf-c-panel--BackgroundColor:var(--pf-global--BackgroundColor--100, #fff);--pf-c-panel--BoxShadow:none;--pf-c-panel--before--BorderWidth:0;--pf-c-panel--before--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-panel--m-bordered--before--BorderWidth:var(--pf-global--BorderWidth--sm, 1px);--pf-c-panel--m-raised--BoxShadow:pfglobalvar(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06));--pf-c-panel--m-raised--ZIndex:var(--pf-global--ZIndex--sm, 200);--pf-c-panel__header--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main--MaxHeight:none;--pf-c-panel__main--Overflow:visible;--pf-c-panel__main-body--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--BoxShadow:none;--pf-c-panel--m-scrollable__main--MaxHeight:18.75rem;--pf-c-panel--m-scrollable__main--Overflow:auto;--pf-c-panel--m-scrollable__footer--BoxShadow:0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);position:relative;z-index:var(--pf-c-panel--ZIndex);width:var(--pf-c-panel--Width);min-width:var(--pf-c-panel--MinWidth);max-width:var(--pf-c-panel--MaxWidth);background-color:var(--pf-c-panel--BackgroundColor);box-shadow:var(--pf-c-panel--BoxShadow)}:host([variant=bordered])::before{position:absolute;inset:0;pointer-events:none;content:"";border:var(--pf-c-panel--before--BorderWidth,var(--pf-c-panel--m-bordered--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px))) solid var(--pf-c-panel--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host([variant=raised]){--pf-c-panel--BoxShadow:var(--pf-c-panel--m-raised--BoxShadow,
+    var(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)));--pf-c-panel--ZIndex:var(--pf-c-panel--m-raised--ZIndex,
+    var(--pf-global--ZIndex--sm, 200))}:host([scrollable]){--pf-c-panel__main--MaxHeight:var(--pf-c-panel--m-scrollable__main--MaxHeight);--pf-c-panel__main--Overflow:var(--pf-c-panel--m-scrollable__main--Overflow);--pf-c-panel__footer--BoxShadow:var(--pf-c-panel--m-scrollable__footer--BoxShadow)}[hidden]{display:none!important}slot{display:block}slot:not([name]){max-height:var(--pf-c-panel__main--MaxHeight);overflow:var(--pf-c-panel__main--Overflow);padding:var(--pf-c-panel__main-body--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}slot[name=header]{padding:var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft)}slot[name=footer]{padding:var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);box-shadow:var(--pf-c-panel__footer--BoxShadow)}hr{--pf-c-divider--BorderWidth--base:var(--pf-global--BorderWidth--sm, 1px);--pf-c-divider--BorderColor--base:var(--pf-c-divider--BackgroundColor);--pf-c-divider--Height:var(--pf-c-divider--BorderWidth--base);--pf-c-divider--BackgroundColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-divider--after--BackgroundColor:var(--pf-c-divider--BorderColor--base);--pf-c-divider--after--FlexBasis:100%;--pf-c-divider--after--Inset:0%;--pf-c-divider--m-vertical--after--FlexBasis:100%;--pf-c-divider--m-horizontal--Display:flex;--pf-c-divider--m-horizontal--FlexDirection:row;--pf-c-divider--m-horizontal--after--Height:var(--pf-c-divider--Height);--pf-c-divider--m-horizontal--after--Width:auto;--pf-c-divider--m-vertical--Display:inline-flex;--pf-c-divider--m-vertical--FlexDirection:column;--pf-c-divider--m-vertical--after--Height:auto;--pf-c-divider--m-vertical--after--Width:var(--pf-c-divider--BorderWidth--base);--pf-hidden-visible--visible--Display:var(--pf-c-divider--Display);--pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);--pf-c-divider--FlexDirection:var(--pf-c-divider--m-horizontal--FlexDirection);--pf-c-divider--after--Width:var(--pf-c-divider--m-horizontal--after--Width);--pf-c-divider--after--Height:var(--pf-c-divider--m-horizontal--after--Height);width:100%;height:auto;display:var(--pf-c-divider--Display);flex-direction:var(--pf-c-divider--FlexDirection);align-items:center;align-self:stretch;flex-shrink:0;justify-content:center;border:0}hr::after{align-self:stretch;width:var(--pf-c-divider--after--Width);height:var(--pf-c-divider--after--Height);content:"";background-color:var(--pf-c-divider--after--BackgroundColor);justify-self:center;padding:0;margin:0;flex-basis:calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2)}::slotted(:is(p,h1,h2,h3,h4,h5,h6):first-of-type){margin-block-start:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):last-of-type){margin-block-end:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):is(:last-of-type,:first-of-type)){margin-block:0}`,Ra=ts;var ft,de=class extends rs{constructor(){super(...arguments);this.scrollable=!1;a(this,ft,new ls(this,"header",null,"footer"))}render(){let e=o(this,ft).hasSlotted("header"),r=o(this,ft).hasSlotted("footer");return os`
+      <slot name="header" role="region" ?hidden="${!e}"></slot>
+      <hr role="presentation" ?hidden="${!e}">
+      <slot></slot>
+      <slot name="footer" role="region" ?hidden="${!r}"></slot>
+    `}};ft=new WeakMap,de.styles=[Ra],t([Ha({type:Boolean,reflect:!0})],de.prototype,"scrollable",2),t([Ha({reflect:!0})],de.prototype,"variant",2),de=t([as("pf-panel")],de);import{LitElement as bs,html as hs}from"lit";import{customElement as vs,property as yo}from"lit/decorators.js";import{observed as us}from"@patternfly/pfe-core/decorators/observed.js";import{css as is}from"lit";var ns=is`[hidden]{display:none!important}:host{--pf-c-progress-stepper--m-vertical--GridAutoFlow:row;--pf-c-progress-stepper--m-vertical--GridTemplateColumns:auto 1fr;--pf-c-progress-stepper--m-vertical__step-connector--before--Top:0;--pf-c-progress-stepper--m-vertical__step-connector--before--Left:calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);--pf-c-progress-stepper--m-vertical__step-connector--before--Width:auto;--pf-c-progress-stepper--m-vertical__step-connector--before--Height:100%;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth:0;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor:transparent;--pf-c-progress-stepper--m-vertical__step-connector--before--Transform:translateX(-50%);--pf-c-progress-stepper--m-vertical__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical__step-main--MarginBottom:var(--pf-global--spacer--xl, 2rem);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow:auto;--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--GridAutoFlow:column;--pf-c-progress-stepper--m-horizontal--GridTemplateColumns:initial;--pf-c-progress-stepper--m-horizontal__step-connector--before--Top:calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Left:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--Width:100%;--pf-c-progress-stepper--m-horizontal__step-connector--before--Height:auto;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor:unset;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform:translateY(-50%);--pf-c-progress-stepper--m-horizontal__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom:0;--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns:repeat(auto-fill, 1.75rem);--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom:0;--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow:2;--pf-c-progress-stepper--m-compact--GridAutoFlow:row;--pf-c-progress-stepper--m-compact__step-main--MarginTop:0;--pf-c-progress-stepper--m-compact__step-main--MarginBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-compact__step-connector--MinWidth:1.75rem;--pf-c-progress-stepper--m-compact__step-icon--Width:1.125rem;--pf-c-progress-stepper--m-compact__step-icon--FontSize:var(--pf-global--icon--FontSize--sm, 0.625rem);--pf-c-progress-stepper--m-compact__step-title--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper--m-compact__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper--m-compact__pficon--MarginTop:2px;--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop:-3px;--pf-c-progress-stepper--m-center__step-connector--before--Left:50%;--pf-c-progress-stepper--m-center--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-center__step-connector--JustifyContent:center;--pf-c-progress-stepper--m-center__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--TextAlign:center;--pf-c-progress-stepper--m-center__step-description--MarginRight:0;--pf-c-progress-stepper--m-center__step-description--MarginLeft:0;--pf-c-progress-stepper--GridTemplateRows:auto 1fr;--pf-c-progress-stepper__step-connector--JustifyContent:start;--pf-c-progress-stepper__step-icon--ZIndex:var(--pf-global--ZIndex--xs, 100);--pf-c-progress-stepper__step-icon--Width:1.75rem;--pf-c-progress-stepper__step-icon--Height:var(--pf-c-progress-stepper__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-icon--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-icon--BackgroundColor:var(--pf-global--BackgroundColor--light-200, #fafafa);--pf-c-progress-stepper__step-icon--BorderWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper__step-icon--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper__pficon--MarginTop:3px;--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:-5px;--pf-c-progress-stepper__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--TextAlign:left;--pf-c-progress-stepper__step-title--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-global--FontWeight--bold, 700);--pf-c-progress-stepper__step--m-current__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-pending__step-title--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step--m-danger__step-title--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-global--BorderColor--200, #8a8d90);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness:var(--pf-global--BorderWidth--sm, 1px);--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset:0.25rem;--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecoerationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step-description--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper__step-description--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper__step-description--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step-description--TextAlign:left;--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;position:relative;display:grid;grid-auto-flow:var(--pf-c-progress-stepper--GridAutoFlow);grid-template-columns:var(--pf-c-progress-stepper--GridTemplateColumns);grid-template-rows:var(--pf-c-progress-stepper--GridTemplateRows);grid-auto-columns:1fr}@media (min-width:768px){:host{--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow, column);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns, initial);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper--m-center__step-connector--before--Content:'';--pf-c-progress-stepper--m-center__step-main--before--Content:none}}:host([center]){--pf-c-progress-stepper__step-connector--JustifyContent:var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-center__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);--pf-c-progress-stepper--step-main--TextAlign:var(--pf-c-progress-stepper--m-center__step-main--TextAlign, auto);--pf-c-progress-stepper__step-title--TextAlign:var(--pf-c-progress-stepper--m-center__step-title--TextAlign, auto);--pf-c-progress-stepper__step-description--MarginRight:var(--pf-c-progress-stepper--m-center__step-description--MarginRight);--pf-c-progress-stepper__step-description--MarginLeft:var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);--pf-c-progress-stepper__step-description--TextAlign:var(--pf-c-progress-stepper--m-center__step-description--TextAlign, auto);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left);grid-template-columns:var(--pf-c-progress-stepper--m-center--GridTemplateColumns)}:host([center]:not([compact])){--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content)}:host([vertical]) ::slotted(pf-progress-step){flex-direction:row;align-items:flex-start}:host([vertical]){--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-main--Position:relative}:host([vertical][center]){--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left)}:host([compact]){--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);--pf-c-progress-stepper__step-icon--Width:var(--pf-c-progress-stepper--m-compact__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);--pf-c-progress-stepper__step-title--FontSize:var(--pf-c-progress-stepper--m-compact__step-title--FontSize);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);--pf-c-progress-stepper__pficon--MarginTop:var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);display:inline-grid;grid-template-columns:var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);grid-auto-flow:var(--pf-c-progress-stepper--m-compact--GridAutoFlow)}`,$a=ns;import{LitElement as cs,html as ds}from"lit";import{customElement as fs,property as gt}from"lit/decorators.js";import{ifDefined as Da}from"lit/directives/if-defined.js";import{classMap as ja}from"lit/directives/class-map.js";import{SlotController as gs}from"@patternfly/pfe-core/controllers/slot-controller.js";import{InternalsController as ms}from"@patternfly/pfe-core/controllers/internals-controller.js";import{css as ss}from"lit";var ps=ss`[hidden]{display:none!important}#icon{z-index:var(--pf-c-progress-stepper__step-icon--ZIndex);display:flex;align-items:center;justify-content:center;width:var(--pf-c-progress-stepper__step-icon--Width);height:var(--pf-c-progress-stepper__step-icon--Height);color:var(--pf-c-progress-stepper__step-icon--Color);background-color:var(--pf-c-progress-stepper__step-icon--BackgroundColor);border:var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);border-radius:50%;font-size:var(--pf-c-progress-stepper__step-icon--FontSize);--pf-icon--size:1.125em}#main{position:var(--pf-c-progress-stepper__step-main--Position,initial);min-width:0;margin:var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);text-align:var(--pf-c-progress-stepper--step-main--TextAlign,auto);overflow-wrap:anywhere}:host(:not([current])) #main.compact{position:fixed;top:0;left:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin-bottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom)}:host([current]) #main.compact{grid-column:1/-1;grid-row:1/2}#title{font-size:var(--pf-c-progress-stepper__step-title--FontSize);font-weight:var(--pf-c-progress-stepper__step-title--FontWeight);color:var(--pf-c-progress-stepper__step-title--Color);text-align:var(--pf-c-progress-stepper__step-title--TextAlign);border:0}#description{margin-top:var(--pf-c-progress-stepper__step-description--MarginTop);font-size:var(--pf-c-progress-stepper__step-description--FontSize);color:var(--pf-c-progress-stepper__step-description--Color);text-align:var(--pf-c-progress-stepper__step-description--TextAlign);display:block}:host{display:contents}#connector{position:relative;display:flex;justify-content:var(--pf-c-progress-stepper__step-connector--JustifyContent);width:100%}#connector.compact{min-width:var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);grid-row:var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);padding-bottom:var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom)}:host(:not(:last-of-type)) #main::before{content:var(--pf-c-progress-stepper__step-main--before--Content);position:absolute;top:calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));left:calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth)/ 2);width:auto;height:calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor)}:host(:not(:last-of-type)) #connector::before{position:absolute;top:var(--pf-c-progress-stepper__step-connector--before--Top);left:var(--pf-c-progress-stepper__step-connector--before--Left);width:var(--pf-c-progress-stepper__step-connector--before--Width);height:var(--pf-c-progress-stepper__step-connector--before--Height);content:var(--pf-c-progress-stepper__step-connector--before--Content);border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);border-bottom:var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);transform:var(--pf-c-progress-stepper__step-connector--before--Transform)}:host([current]){--pf-c-progress-stepper__step-title--FontWeight:var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-current__step-title--Color)}:host([variant=success]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--success-color--100, #3e8635)}:host([variant=info]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--info-color--100, #2b9af3)}:host([variant=warning]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--warning-color--100, #f0ab00)}:host([variant=danger]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--Color);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor)}`,Ia=ps;var Aa=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),xo,sr,L=class extends cs{constructor(){super(...arguments);this.current=!1;a(this,xo,new gs(this,"title","description"));a(this,sr,new ms(this,{role:"listitem"}))}render(){let e=!!this.description,r=this.icon??Aa.get(this.variant??"default")?.icon,l=this.iconSet??Aa.get(this.variant??"default")?.set,{parentTagName:p}=this.constructor,{compact:c=!1}=this.closest(p)??{};return ds`
+      <div id="connector" class="${ja({compact:c})}">
+        <slot id="icon" name="icon">
+          <pf-icon ?hidden="${!r}"
+                    icon="${Da(r)}"
+                    set="${Da(l)}"></pf-icon>
+        </slot>
+      </div>
+      <div id="main" class="${ja({compact:c})}">
+        <slot id="title"></slot>
+        <slot id="description" name="description" ?hidden="${!e}">${this.description}</slot>
+      </div>
+    `}updated(e){super.updated?.(e),e.has("current")&&(o(this,sr).ariaCurrent=String(!!this.current))}};xo=new WeakMap,sr=new WeakMap,L.parentTagName="pf-progress-stepper",L.styles=[Ia],t([gt()],L.prototype,"description",2),t([gt()],L.prototype,"icon",2),t([gt({attribute:"icon-set"})],L.prototype,"iconSet",2),t([gt({reflect:!0})],L.prototype,"variant",2),t([gt({type:Boolean,reflect:!0})],L.prototype,"current",2),L=t([fs("pf-progress-step")],L);import{InternalsController as _s}from"@patternfly/pfe-core/controllers/internals-controller.js";import"@patternfly/elements/pf-icon/pf-icon.js";var pr,cr,dr,Oa,E=class extends bs{constructor(){super();a(this,dr);this.vertical=!1;this.center=!1;this.compact=!1;a(this,pr,new _s(this,{role:"progressbar",ariaValueNow:this.value.toString()}));a(this,cr,new MutationObserver(()=>i(this,dr,Oa).call(this)));o(this,cr).observe(this,{childList:!0})}get value(){let{childTagName:e}=this.constructor,r=this.querySelectorAll(e),l=this.querySelector(`${e}[current]`);return(Array.from(r).indexOf(l)+1)/r.length*100}render(){return hs`
+      <slot role="listbox"></slot>
+    `}};pr=new WeakMap,cr=new WeakMap,dr=new WeakSet,Oa=function(){o(this,pr).ariaValueNow=this.value.toString()},E.childTagName="pf-progress-step",E.styles=[$a],E.formAssociated=!0,t([yo({type:Boolean,reflect:!0})],E.prototype,"vertical",2),t([yo({type:Boolean,reflect:!0})],E.prototype,"center",2),t([us(function(){let{childTagName:s}=this.constructor;this.querySelectorAll(s).forEach(n=>n.requestUpdate())}),yo({type:Boolean,reflect:!0})],E.prototype,"compact",2),E=t([vs("pf-progress-stepper")],E);import{html as Ts}from"lit";import{customElement as Ws}from"lit/decorators.js";import{styleMap as zs}from"lit/directives/style-map.js";import{LitElement as Cs,html as ks}from"lit";import{property as Pa}from"lit/decorators.js";import{css as xs}from"lit";var ys=xs`:host{display:inline-block;width:min-content;min-height:0;aspect-ratio:1/1}svg{overflow:hidden}circle{width:100%;height:100%;transform-origin:50% 50%;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280}`,Na=ys;var Y=class extends Cs{constructor(){super(...arguments);this.size="xl"}render(){return ks`
+      <svg role="progressbar" viewBox="0 0 100 100">
+        <circle cx="50" cy="50" r="45" fill="none" />
+      </svg>
+    `}};Y.styles=[Na],t([Pa({reflect:!0})],Y.prototype,"size",2),t([Pa({reflect:!0})],Y.prototype,"diameter",2);import{css as Bs}from"lit";var ws=Bs`[hidden]{display:none!important}div{display:contents}svg{width:var(--pf-c-spinner--Width,var(--pf-c-spinner--diameter,var(--pf-global--icon--FontSize--xl,3.375rem)));height:var(--pf-c-spinner--Height,var(--pf-c-spinner--diameter,var(--pf-global--icon--FontSize--xl,3.375rem)));animation:pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration,1.4s) * 2) var(--pf-c-spinner--AnimationTimingFunction,linear) infinite}:host([size=sm]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-sm--diameter,
+    var(--pf-global--icon--FontSize--sm, 0.625rem))}:host([size=md]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter,
+    var(--pf-global--icon--FontSize--md, 1.125rem))}:host([size=lg]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter,
+    var(--pf-global--icon--FontSize--lg, 1.5rem))}:host([size=xl]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter,
+    var(--pf-global--icon--FontSize--xl, 3.375rem))}circle{stroke:var(--pf-c-spinner--Color,var(--pf-global--primary-color--100,#06c));stroke-width:var(--pf-c-spinner--stroke-width,10);animation:pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration,1.4s) var(--pf-c-spinner__path--AnimationTimingFunction,ease-in-out) infinite}@keyframes pf-c-spinner-animation-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pf-c-spinner-animation-dash{0%{stroke-dashoffset:280;transform:rotate(0)}15%{stroke-width:calc(var(--pf-c-spinner__path--StrokeWidth,10) - 4)}40%{stroke-dashoffset:150;stroke-dasharray:220}100%{stroke-dashoffset:280;transform:rotate(720deg)}}`,Ga=ws;var mt=class extends Y{render(){return Ts`<div style=${zs({"--pf-c-spinner--diameter":this.diameter})}>${super.render()}</div>`}};mt.styles=[...Y.styles,Ga],mt=t([Ws("pf-spinner")],mt);import{customElement as Rs}from"lit/decorators.js";import{LitElement as qa,html as Ms}from"lit";import{property as Co}from"lit/decorators.js";import{css as Ls}from"lit";var Ss=Ls`:host{display:inline-block}svg{fill:currentcolor}[hidden]{display:none!important}:host(:disabled){pointer-events:none;cursor:not-allowed}:host(:disabled) #container{cursor:not-allowed}:host(:disabled:focus-within) #container{outline:0}#container{position:relative;display:inline-flex;align-items:center}#container::before{position:absolute;display:block;content:""}`,Ua=Ss;var He,fr,gr,Va,mr,Za,bt,ko,ht,Bo,S=class extends qa{constructor(){super(...arguments);a(this,gr);a(this,mr);a(this,bt);a(this,ht);a(this,He,this.attachInternals());a(this,fr,this.hasAttribute("disabled"));this.showCheckIcon=!1;this.checked=!1;this.disabled=o(this,fr)}get labels(){return o(this,He).labels}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox"),this.addEventListener("click",i(this,gr,Va)),this.addEventListener("keyup",i(this,mr,Za)),i(this,ht,Bo).call(this)}formDisabledCallback(e){this.disabled=e,this.requestUpdate()}render(){return Ms`
+      <div id="container" tabindex="0">
+        <svg id="toggle" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512">
+          <path ?hidden=${!this.showCheckIcon} d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" />
+        </svg>
+      </div>
+    `}updated(){o(this,He).ariaChecked=String(this.checked),o(this,He).ariaDisabled=String(this.disabled)}};He=new WeakMap,fr=new WeakMap,gr=new WeakSet,Va=function(e){let{originalTarget:r,explicitOriginalTarget:l}=e;if(l){let p;if(r===e.target&&!(p=Array.from(this.labels)).includes(l)&&p.includes(this.closest("label")))return}i(this,bt,ko).call(this)},mr=new WeakSet,Za=function(e){switch(e.key){case" ":case"Enter":e.preventDefault(),i(this,bt,ko).call(this)}},bt=new WeakSet,ko=function(){this.disabled||(this.checked=!this.checked,i(this,ht,Bo).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},ht=new WeakSet,Bo=function(){let e=this.checked?"on":"off";if(this.labels.length>1)for(let r of this.labels)r.hidden=r.dataset.state!==e},S.styles=[Ua],S.shadowRootOptions={...qa.shadowRootOptions,delegatesFocus:!0},S.formAssociated=!0,t([Co({reflect:!0})],S.prototype,"label",2),t([Co({reflect:!0,type:Boolean,attribute:"show-check-icon"})],S.prototype,"showCheckIcon",2),t([Co({reflect:!0,type:Boolean})],S.prototype,"checked",2);import{css as Fs}from"lit";var Es=Fs`:host([checked]) #container{color:var(--pf-c-switch__input--checked__label--Color,var(--pf-global--Color--dark-100,#151515));background-color:var(--pf-c-switch__input--checked__toggle--BackgroundColor,var(--pf-global--primary-color--100,#06c))}:host([checked]) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}:host(:disabled) #container{color:var(--pf-c-switch__input--disabled__label--Color,var(--pf-global--disabled-color--100,#6a6e73));background-color:var(--pf-c-switch__input--disabled__toggle--BackgroundColor,var(--pf-global--disabled-color--200,#d2d2d2))}:host(:disabled) #container::before{background-color:var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5))}:host([checked]:disabled) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}#container{width:var(--pf-c-switch__toggle--Width,calc(var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) + var(--pf-c-switch__toggle-icon--Offset,.125rem) + var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))));height:var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5))));background-color:var(--pf-c-switch__toggle--BackgroundColor,var(--pf-global--palette--black-500,#8a8d90));border-radius:var(--pf-c-switch__toggle--BorderRadius,var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))))}#container::before{top:var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2));left:var(--pf-c-switch__toggle--before--Left,var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2)));width:var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)));height:var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem))));background-color:var(--pf-c-switch__toggle--before--backgroundcolor,var(--pf-global--backgroundcolor--100,#fff));border-radius:var(--pf-c-switch__toggle--before--BorderRadius,var(--pf-global--BorderRadius--lg,30em));box-shadow:var(--pf-c-switch__toggle--before--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));transition:var(--pf-c-switch__toggle--before--Transition,
+    var(--pf-c-switch__toggle--before--Transition, translate .25s ease 0s))}:host(:focus-within) #container{outline:var(--pf-c-switch__input--focus__toggle--OutlineWidth,var(--pf-global--BorderWidth--md,2px)) solid var(--pf-c-switch__input--focus__toggle--OutlineColor,var(--pf-global--primary-color--100,#06c));outline-offset:var(--pf-c-switch__input--focus__toggle--OutlineOffset,var(--pf-global--spacer--sm,0.5rem))}svg{margin-inline:var(--pf-c-switch__toggle-icon--Left,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * .4));font-size:var(--pf-c-switch__toggle-icon--FontSize,
+    calc(var(--pf-c-switch--FontSize,
+      var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,Ya=Es;var vt=class extends S{};vt.styles=[...S.styles,Ya],vt=t([Rs("pf-switch")],vt);import{customElement as sp,property as Rr}from"lit/decorators.js";import{cascades as Hr}from"@patternfly/pfe-core/decorators.js";import{LitElement as Vs,html as wo}from"lit";import{property as Zs,query as Ys,queryAssignedElements as ol}from"lit/decorators.js";import{getRandomId as Ks}from"@patternfly/pfe-core/functions/random.js";import{Logger as Xs}from"@patternfly/pfe-core/controllers/logger.js";import{isElementInView as _r}from"@patternfly/pfe-core/functions/isElementInView.js";import{LitElement as Xa,html as Is,nothing as Ds}from"lit";import{queryAssignedElements as js}from"lit/decorators.js";import{ComposedEvent as As}from"@patternfly/pfe-core";import{css as Hs}from"lit";var $s=Hs`:host{display:flex;flex:none}:host([vertical]) [part=text]{max-width:100%;overflow-wrap:break-word}[hidden]{display:none!important}slot[name=icon]{display:block}button{margin:0;font-family:inherit;font-size:100%;border:0;position:relative;display:flex;flex:1;text-decoration:none;cursor:pointer}button::after,button::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-style:solid;padding:0;margin:0;background-color:transparent}button::before{pointer-events:none}:host([fill]) button{flex-basis:100%;justify-content:center}:host(:disabled) button{pointer-events:none}:host([aria-disabled=true]) button{cursor:default}`,Ka=$s;var ut=class extends As{constructor(e,r){super("expand");this.active=e;this.tab=r}},K,br,Qa,hr,Ja,vr,el,R=class extends Xa{constructor(){super(...arguments);a(this,br);a(this,hr);a(this,vr);a(this,K,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i(this,br,Qa))}render(){let e=this.active&&!this.disabled?null:"-1";return Is`
+      <button part="button" role="tab" tabindex="${e??Ds}">
+        <slot name="icon"
+              part="icon"
+              ?hidden="${!this.icons.length}"
+              @slotchange="${()=>this.requestUpdate()}"></slot>
+        <slot part="text"></slot>
+      </button>
+    `}updated(e){o(this,K).ariaSelected=String(this.ariaSelected),e.has("active")&&i(this,hr,Ja).call(this),e.has("disabled")&&i(this,vr,el).call(this)}};K=new WeakMap,br=new WeakSet,Qa=function(){!this.disabled&&o(this,K).ariaDisabled!=="true"&&(this.active=!0)},hr=new WeakSet,Ja=function(){this.active&&!this.disabled?o(this,K).ariaSelected="true":o(this,K).ariaSelected="false",this.dispatchEvent(new ut(this.active,this))},vr=new WeakSet,el=function(){o(this,K).ariaDisabled=String(!!this.disabled)},R.styles=[Ka],R.shadowRootOptions={...Xa.shadowRootOptions,delegatesFocus:!0},t([js({slot:"icon",flatten:!0})],R.prototype,"icons",2);import{LitElement as Ps,html as Gs}from"lit";import{css as Os}from"lit";var Ns=Os`:host{display:block}:host([hidden]){display:none}`,tl=Ns;var ur,X=class extends Ps{constructor(){super(...arguments);this.hidden=!0;a(this,ur,this.attachInternals())}render(){return Gs`
+      <slot></slot>
+    `}connectedCallback(){super.connectedCallback(),o(this,ur).role="tabpanel",this.tabIndex=0}};ur=new WeakMap,X.styles=[tl];import{css as Us}from"lit";var qs=Us`:host{display:block}[part=tabs-container]{position:relative;display:flex;overflow:hidden}[part=tabs-container]::before{position:absolute;right:0;bottom:0;left:0;border-style:solid}:host button{opacity:1}:host button:first-of-type{margin-inline-end:0;translate:0 0}:host button:nth-of-type(2){margin-inline-start:0;translate:0 0}[part=panels],[part=tabs]{display:block}[part=tabs]{scrollbar-width:none;position:relative;max-width:100%;overflow-x:auto}[part=tabs-container]::before,[part=tabs]::before,button::before{position:absolute;right:0;bottom:0;left:0;content:"";border-style:solid}[part=tabs]::before,button::before{top:0}[part=tabs]::before,button{border:0}button{flex:none;line-height:1;opacity:0}button::before{border-block-start-width:0}button:first-of-type{translate:-100% 0}button:nth-of-type(2){translate:100% 0}button:disabled{pointer-events:none}`,rl=qs;var Ie,De,je,Ae,yt,ge,Ct,B,kt,Bt,me,kr,al,m,h,ll,M,fe,il,J,xr,nl,wt,To,Br,sl,wr,Tr,pl,Q,$e,Wr,cl,Tt,Wo,Wt,zo,zr,dl,Lr,fl,zt,Lo,Oe,yr,be,_t,Sr,Ne,Mr,gl,Pe,Cr,Fr,ml,Er,bl,xt=class extends Vs{constructor(){super(...arguments);a(this,kr);a(this,m);a(this,M);a(this,J);a(this,wt);a(this,Br);a(this,Tr);a(this,Q);a(this,Wr);a(this,Tt);a(this,Wt);a(this,zr);a(this,Lr);a(this,zt);a(this,Oe);a(this,be);a(this,Mr);a(this,Pe);a(this,Fr);a(this,Er);a(this,De,!1);a(this,je,!1);a(this,Ae,!1);a(this,yt,new Xs(this));a(this,ge,[]);a(this,Ct,[]);a(this,B,[]);a(this,kt,void 0);a(this,Bt,void 0);a(this,me,0);this.id=this.id||Ks(this.localName);a(this,wr,e=>{if(!(e instanceof ut)||o(this,m,h).length===0||o(this,M,fe).length===0)return;let r=e;r.active&&(this.activeIndex=o(this,m,h).findIndex(l=>l===r.tab))});a(this,Sr,e=>{if(!!o(this,m,h).find(l=>l===e.target))switch(e.key){case"ArrowUp":case"ArrowLeft":e.preventDefault(),i(this,Lr,fl).call(this);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),i(this,zr,dl).call(this);break;case"Home":e.preventDefault(),i(this,be,_t).call(this,i(this,Q,$e).call(this));break;case"End":e.preventDefault(),i(this,be,_t).call(this,i(this,Wr,cl).call(this));break;default:return}});a(this,Ne,()=>{clearTimeout(o(this,Bt));let{scrollTimeoutDelay:e}=this.constructor;d(this,Bt,setTimeout(()=>i(this,Pe,Cr).call(this),e))})}static isTab(e){return e instanceof R}static isPanel(e){return e instanceof X}get activeIndex(){return o(this,me)}set activeIndex(e){let r=this.activeIndex,l=o(this,m,h)[e];if(l){if(l.disabled){o(this,yt).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,Oe,yr).call(this,i(this,Q,$e).call(this)),e=o(this,m,h).findIndex(p=>p===i(this,Q,$e).call(this));return}else if(!l.active){l.active=!0;return}}if(e===-1){o(this,yt).warn("No active tab found, setting first focusable tab to active"),i(this,Oe,yr).call(this,i(this,Q,$e).call(this)),e=o(this,m,h).findIndex(p=>p===i(this,Q,$e).call(this));return}d(this,me,e),this.requestUpdate("activeIndex",r),o(this,M,fe)[o(this,me)].hidden=!1,i(this,Tr,pl).call(this,o(this,me))}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",o(this,wr)),this.addEventListener("keydown",o(this,Sr)),o(xt,Ie).add(this)}disconnectedCallback(){super.disconnectedCallback(),o(xt,Ie).delete(this)}render(){let{scrollIconSet:e,scrollIconLeft:r,scrollIconRight:l}=this.constructor;return wo`
+      <div part="container">
+        <div part="tabs-container">${o(this,De)?wo`
+          <button id="previousTab"
+              aria-label="${this.getAttribute("label-scroll-left")??"Scroll left"}"
+              ?disabled="${!o(this,je)}"
+              @click="${i(this,Fr,ml)}">
+            <pf-icon icon="${r}" set="${e}" loading="eager"></pf-icon>
+          </button>`:""}
+          <slot name="tab"
+                part="tabs"
+                role="tablist"
+                @slotchange="${i(this,wt,To)}"></slot> ${o(this,De)?wo`
+          <button id="nextTab"
+              aria-label="${this.getAttribute("label-scroll-right")??"Scroll right"}"
+              ?disabled="${!o(this,Ae)}"
+              @click="${i(this,Er,bl)}">
+            <pf-icon icon="${l}" set="${e}" loading="eager"></pf-icon>
+          </button>`:""}
+        </div>
+        <slot part="panels" @slotchange="${i(this,wt,To)}"></slot>
+      </div>
+    `}async firstUpdated(){o(this,Ne).call(this),this.tabList.addEventListener("scroll",o(this,Ne))}get canShowScrollButtons(){return!0}},u=xt;Ie=new WeakMap,De=new WeakMap,je=new WeakMap,Ae=new WeakMap,yt=new WeakMap,ge=new WeakMap,Ct=new WeakMap,B=new WeakMap,kt=new WeakMap,Bt=new WeakMap,me=new WeakMap,kr=new WeakSet,al=function(){let[e]=o(this,ge).filter(r=>r.active);return e},m=new WeakSet,h=function(){return o(this,ge)},ll=function(e){d(this,ge,e.filter(r=>this.constructor.isTab(r))),d(this,B,o(this,ge).filter(r=>!r.disabled))},M=new WeakSet,fe=function(){return o(this,Ct)},il=function(e){d(this,Ct,e.filter(r=>this.constructor.isPanel(r)))},J=new WeakSet,xr=function(){return o(this,kt)},nl=function(e){d(this,kt,e)},wt=new WeakSet,To=function(e){e.target.name==="tab"?d(this,m,this.tabs,ll):d(this,M,this.panels,il),o(this,m,h).length===o(this,M,fe).length&&(o(this,m,h).length!==0||o(this,M,fe).length!==0)&&(i(this,Br,sl).call(this),this.activeIndex=o(this,m,h).findIndex(r=>r.active),i(this,Mr,gl).call(this))},Br=new WeakSet,sl=function(){o(this,m,h).forEach((e,r)=>{let l=o(this,M,fe)[r];l.hasAttribute("aria-labelledby")||l.setAttribute("aria-labelledby",e.id),e.setAttribute("aria-controls",l.id)})},wr=new WeakMap,Tr=new WeakSet,pl=function(e){o(this,m,h).forEach((r,l)=>r.active=l===e),o(this,M,fe).forEach((r,l)=>r.hidden=l!==e)},Q=new WeakSet,$e=function(){let[e]=o(this,B);return e},Wr=new WeakSet,cl=function(){return o(this,B).at(-1)},Tt=new WeakSet,Wo=function(){let[e]=o(this,m,h);return e},Wt=new WeakSet,zo=function(){return o(this,m,h).at(-1)},zr=new WeakSet,dl=function(){let r=i(this,zt,Lo).call(this)+1,l;r>=o(this,B).length?[l]=o(this,B):l=o(this,B)[r],i(this,be,_t).call(this,l)},Lr=new WeakSet,fl=function(){let r=i(this,zt,Lo).call(this)-1,l;r<0?l=o(this,B)[o(this,B).length-1]:l=o(this,B)[r],i(this,be,_t).call(this,l)},zt=new WeakSet,Lo=function(){let e;return o(this,J,xr)?.ariaDisabled==="true"?e=o(this,J,xr):e=o(this,kr,al),o(this,B).findIndex(l=>l===e)},Oe=new WeakSet,yr=function(e){e.ariaDisabled!=="true"&&(e.active=!0)},be=new WeakSet,_t=async function(e){i(this,Oe,yr).call(this,e),d(this,J,e,nl),await this.updateComplete,o(this,J,xr).focus()},Sr=new WeakMap,Ne=new WeakMap,Mr=new WeakSet,gl=function(){o(this,Tt,Wo).classList.add("first"),o(this,Wt,zo).classList.add("last")},Pe=new WeakSet,Cr=function(){let{canShowScrollButtons:e}=this;d(this,je,e&&!_r(this.tabList,o(this,Tt,Wo))),d(this,Ae,e&&!_r(this.tabList,o(this,Wt,zo))),d(this,De,e&&(o(this,je)||o(this,Ae))),this.requestUpdate()},Fr=new WeakSet,ml=function(){let e=this.tabList,r=o(this,m,h),l,p;for(let c=0;c<r.length&&!l;c++)_r(e,r[c],!1)&&(l=r[c],p=r[c-1]);p&&(e.scrollLeft-=p.scrollWidth),i(this,Pe,Cr).call(this)},Er=new WeakSet,bl=function(){let e=this.tabList,r=o(this,m,h),l,p;for(let c=r.length-1;c>=0&&!l;c--)_r(e,r[c],!1)&&(l=r[c],p=r[c+1]);p&&(e.scrollLeft+=p.scrollWidth),i(this,Pe,Cr).call(this)},u.styles=[rl],u.scrollTimeoutDelay=0,u.scrollIconLeft="angle-left",u.scrollIconRight="angle-right",u.scrollIconSet="fas",a(u,Ie,new Set),(()=>{window.addEventListener("resize",()=>{var e;for(let r of o(xt,Ie))o(e=r,Ne).call(e)},{capture:!1})})(),t([ol({slot:"tab"})],u.prototype,"tabs",2),t([ol()],u.prototype,"panels",2),t([Ys('[part="tabs"]')],u.prototype,"tabList",2),t([Zs({attribute:!1})],u.prototype,"activeIndex",1);import{customElement as ep,property as vl}from"lit/decorators.js";import{observed as ul}from"@patternfly/pfe-core/decorators.js";import{getRandomId as tp}from"@patternfly/pfe-core/functions/random.js";import{css as Qs}from"lit";var Js=Qs`:host{scroll-snap-align:var(--pf-c-tabs__item--ScrollSnapAlign,end)}:host([active]){--pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color,  var(--pf-global--Color--100, #151515));--pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor, var(--pf-global--active-color--100, #06c));--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box][active]){--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor, transparent)}:host(.first[box][active]) #current::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}button{line-height:var(--pf-global--LineHeight--md, 1.5);color:var(--pf-global--Color--100,#151515);padding:var(--pf-c-tabs__link--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-tabs__link--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingLeft,var(--pf-global--spacer--md,1rem));font-size:var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));color:var(--pf-c-tabs__link--Color,var(--pf-global--Color--200,#6a6e73));outline-offset:var(--pf-c-tabs__link--OutlineOffset,calc(-1 * 0.375rem));--pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);background-color:var(--pf-c-tabs__link--BackgroundColor,transparent)}button::before{border-block-start-width:var(--pf-c-tabs__link--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs__link--before--BorderLeftWidth,0);border-block-start-color:var(--pf-c-tabs__link--before--BorderTopColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-color:var(--pf-c-tabs__link--before--BorderRightColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-end-color:var(--pf-c-tabs__link--before--BorderBottomColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-start-color:var(--pf-c-tabs__link--before--BorderLeftColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)))}button::after{top:var(--pf-c-tabs__link--after--Top,auto);right:var(--pf-c-tabs__link--after--Right,0);bottom:var(--pf-c-tabs__link--after--Bottom,0);left:var(--pf-c-tabs__link--before--Left,0);border-color:var(--pf-c-tabs__link--after--BorderColor,var(--pf-global--BorderColor--light-100,#b8bbbe));border-block-start-width:var(--pf-c-tabs__link--after--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--after--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--after--BorderBottomWidth);border-inline-start-width:var(--pf-c-tabs__link--after--BorderLeftWidth)}button:hover{--pf-c-tabs__link-toggle-icon--Color:var(--pf-c-tabs__link--hover__toggle-icon--Color);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:focus,button:focus-visible{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:active{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box]) button{--pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth, 0)}:host([box]) button,:host([vertical]) button{--pf-c-tabs__link--after--BorderBottomWidth:0}:host([vertical]) button{--pf-c-tabs__link--after--Bottom:0;--pf-c-tabs__link--after--BorderTopWidth:0;--pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);max-width:100%;text-align:left}:host([box][vertical]) button::after{top:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host(.first[box][vertical]) button::after,:host([box][vertical][active]) button::after{top:0}:host([box][vertical][active]) button::before{--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2))}:host(.first[box][active]) button::before{border-block-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderTopWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host(.last[box][active]) button::before{border-inline-end-width:var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([aria-disabled=true]) button,:host([disabled]) button{--pf-c-tabs__link--Color:var(--pf-c-tabs__link--disabled--Color,  var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth, 0);--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth, var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px)));--pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth, 0);--pf-c-tabs__link--after--BorderWidth:0}[part=icon]{margin-inline-end:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem))}[part=icon]:last-child{--pf-c-tabs__link--child--MarginRight:0}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,hl=Js;var N=class extends R{constructor(){super(...arguments);this.active=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=tp("pf-tab"))}};N.styles=[...R.styles,hl],t([ul,vl({reflect:!0,type:Boolean})],N.prototype,"active",2),t([ul,vl({reflect:!0,type:Boolean})],N.prototype,"disabled",2),N=t([ep("pf-tab")],N);import{customElement as ap}from"lit/decorators.js";import{getRandomId as lp}from"@patternfly/pfe-core/functions/random.js";import{css as rp}from"lit";var op=rp`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,_l=op;var he=class extends X{connectedCallback(){super.connectedCallback(),this.id||(this.id=lp("pf-tab-panel"))}};he.styles=[...X.styles,_l],he=t([ap("pf-tab-panel")],he);import{css as ip}from"lit";var np=ip`[part=tabs-container]{width:var(--pf-c-tabs--Width,auto);padding-inline-end:var(--pf-c-tabs--inset,0);padding-inline-start:var(--pf-c-tabs--inset,0)}[part=tabs-container]::before{border-color:var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-block-start-width:var(--pf-c-tabs--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--before--BorderBottomWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--before--BorderLeftWidth,0)}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:last-of-type){translate:calc(-1 * var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px)) 0}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:first-of-type){translate:var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px) 0}:host([box]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-box__link--BackgroundColor, var(--pf-global--BackgroundColor--200, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-box__link--disabled--BackgroundColor, var(--pf-global--disabled-color--200, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Bottom:auto}:host([box]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderRightWidth:0}:host([box]) button:nth-of-type(2)::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host([box]) pf-tab[aria-selected=true]+pf-tab{--pf-c-tabs__link--before--Left:0}:host([box=light]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor, transparent);--pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--light-300, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5))}:host([vertical]) [part=tabs-container]{--pf-c-tabs--Width:var(--pf-c-tabs--m-vertical--Width, 100%);--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--inset, var(--pf-global--spacer--lg, 1.5rem));--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--PaddingTop:var(--pf-c-tabs--m-vertical__link--PaddingTop, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--PaddingBottom:var(--pf-c-tabs--m-vertical__link--PaddingBottom, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--before--Left:0;--pf-c-tabs__link--disabled--before--BorderBottomWidth:0;--pf-c-tabs__link--disabled--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Right:auto;display:inline-flex;flex-direction:column;height:100%;padding:0;overflow:visible}:host([vertical]) [part=tabs]{position:relative;flex-direction:column;flex-grow:1;max-width:var(--pf-c-tabs--m-vertical--MaxWidth,15.625rem)}:host([vertical]) [part=tabs]::before{position:absolute;right:auto;border-style:solid;border-color:var(--pf-c-tabs--m-vertical__list--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([vertical]) ::slotted(pf-tab:first-of-type){margin-block-start:var(--pf-c-tabs--inset,0)}:host([vertical]) ::slotted(pf-tab:last-of-type){margin-block-end:var(--pf-c-tabs--inset,0)}:host([box][vertical]) [part=tabs-container]{--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--m-box--inset, var(--pf-global--spacer--xl, 2rem));--pf-c-tabs--m-vertical__list--before--BorderLeftWidth:0;--pf-c-tabs--m-vertical__list--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderLeftWidth:0}:host([box][vertical]) [part=tabs]::before{right:0;left:auto}:host([box][vertical]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]){--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]:first-of-type){--pf-c-tabs__link--before--BorderTopWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}[part=tabs]{display:var(--pf-c-tabs__list--Display,flex)}button{width:var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem));color:var(--pf-c-tabs__scroll-button--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-tabs__scroll-button--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));outline-offset:var(--pf-c-tabs__scroll-button--OutlineOffset,calc(-1 * var(--pf-global--spacer--xs,0.25rem)));transition:margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin, .125s),translate var(--pf-c-tabs__scroll-button--TransitionDuration--transform, .125s),opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity, .125s)}button:hover{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--hover--Color, var(--pf-global--active-color--100, #06c))}button::before{border-color:var(--pf-c-tabs__scroll-button--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-width:var(--pf-c-tabs__scroll-button--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__scroll-button--before--BorderBottomWidth,var(--pf-c-tabs__scroll-button--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs__scroll-button--before--BorderLeftWidth,0)}button:first-of-type{--pf-c-tabs__scroll-button--before--BorderRightWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-end:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:nth-of-type(2){--pf-c-tabs__scroll-button--before--BorderLeftWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-start:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:disabled{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--disabled--Color, var(--pf-global--disabled-color--200, #d2d2d2))}:host(:not[vertical]) [part=tabs-container]{--pf-c-tabs--inset:0;--pf-c-tabs--m-vertical--inset:0;--pf-c-tabs--m-vertical--m-box--inset:0}:host([fill]) [part=tabs]{flex-basis:100%}:host([fill]) ::slotted(pf-tab){flex-grow:1}:host([fill]) ::slotted(pf-tab:first-of-type){--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:0}:host([fill]) ::slotted(pf-tab:last-of-type){--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:0}:host([border-bottom=false]) [part=tabs-container]{--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderBottomWidth:0}`,xl=np;var H=class extends u{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(e){return e instanceof N}static isPanel(e){return e instanceof he}get canShowScrollButtons(){return!this.vertical}};H.styles=[...u.styles,xl],H.scrollTimeoutDelay=150,t([Hr("pf-tab","pf-tab-panel"),Rr({reflect:!0})],H.prototype,"box",2),t([Hr("pf-tab","pf-tab-panel"),Rr({reflect:!0,type:Boolean})],H.prototype,"vertical",2),t([Hr("pf-tab"),Rr({reflect:!0,type:Boolean})],H.prototype,"fill",2),t([Hr("pf-tab"),Rr({attribute:"border-bottom"})],H.prototype,"borderBottom",2),H=t([sp("pf-tabs")],H);import{customElement as gp}from"lit/decorators.js";import{property as Cl}from"lit/decorators.js";import{LitElement as pp,html as cp}from"lit";var $r=class extends pp{render(){return cp`
+      <div part="header">
+        <div part="icon">
+          <slot id="icon" name="icon"></slot>
+        </div>
+        <div part="title">
+          <slot id="title" name="title"></slot>
+        </div>
+      </div>
+      <div part="body">
+        <slot id="body"></slot>
+      </div>
+    `}};import{css as dp}from"lit";var fp=dp`:host{position:relative;display:inline-grid;padding:var(--pf-c-tile--PaddingTop,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingRight,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingBottom,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingLeft,var(--pf-global--spacer--lg,1.5rem));text-align:center;cursor:pointer;background-color:var(--pf-c-tile--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--light-100),#fff));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;transition:var(--pf-c-tile--Transition, none);transform:translateY(var(--pf-c-tile--TranslateY,0))}:host::after,:host::before{position:absolute;pointer-events:none;content:""}:host::before{top:0;right:0;bottom:0;left:0;border:var(--pf-c-tile--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-tile--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host::after{right:0;bottom:0;left:0;height:var(--pf-c-tile--after--Height,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-tile--after--BackgroundColor,transparent);transition:var(--pf-c-tile--after--Transition, none);transform:scaleY(var(--pf-c-tile--after--ScaleY,1)) translateY(var(--pf-c-tile--after--TranslateY,0))}:host(:hover){--pf-c-tile__title--Color:var(--pf-c-tile--hover__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--hover__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--hover--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:focus){--pf-c-tile__title--Color:var(--pf-c-tile--focus__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--focus__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--focus--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:active),:host([selected]){--pf-c-tile__title--Color:var(--pf-c-tile--m-selected__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--m-selected__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--TranslateY:var(--pf-c-tile--m-selected--TranslateY,
+                            calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY, 2) * var(--pf-c-tile--m-selected--after--Height,
+                            var(--pf-global--BorderWidth--lg, 3px))));--pf-c-tile--Transition:var(--pf-c-tile--m-selected--Transition,
+                          var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--Height:var(--pf-c-tile--m-selected--after--Height, var(--pf-global--BorderWidth--lg, 3px));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--m-selected--after--BackgroundColor, var(--pf-global--active-color--100, #06c));--pf-c-tile--after--Transition:var(--pf-c-tile--m-selected--after--Transition,
+                          var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--ScaleY:var(--pf-c-tile--m-selected--after--ScaleY, 2)}:host([disabled]){--pf-c-tile--BackgroundColor:var(--pf-c-tile--m-disabled--BackgroundColor, var( --pf-global--disabled-color--300, #f0f0f0));--pf-c-tile__title--Color:var(--pf-c-tile--m-disabled__title--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile__body--Color:var(--pf-c-tile--m-disabled__body--Color,  var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile--before--BorderWidth:0;--pf-c-tile__icon--Color:var(--pf-c-tile--m-disabled__icon--Color, var(--pf-global--disabled-color--100, #6a6e73));pointer-events:none}[part=header]{display:flex;align-items:center;justify-content:center}[part=title]{color:var(--pf-c-tile__title--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)))}[part=body]{font-size:var(--pf-c-tile__body--FontSize, var(--pf-global--FontSize--xs, .75rem));color:var(--pf-c-tile__body--Color,var(--pf-global--Color--100,#151515))}[part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md, 1.125rem));--pf-icon--size:var(--_icon-size);margin-right:var(--pf-c-tile__icon--MarginRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--_icon-size);color:var(--pf-c-tile__icon--Color,var(--pf-global--Color--100,#151515))}:host([stacked]) [part=header]{--pf-c-tile__icon--MarginRight:0;--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--lg, 1.5rem)));flex-direction:column;justify-content:initial}:host([stacked=lg]) [part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--xl, 3.375rem)))}:host([stacked]) [part=icon]{display:flex;align-items:center;justify-content:center;margin-bottom:var(--pf-c-tile__header--m-stacked__icon--MarginBottom,var(--pf-global--spacer--xs,.25rem))}#body::slotted(:is(h1,h2,h3,h4,h5,h6,p)),#title::slotted(:is(h1,h2,h3,h4,h5,h6,p)){margin-block:0}`,yl=fp;var ve=class extends $r{constructor(){super(...arguments);this.selected=!1}};ve.styles=[yl],t([Cl({reflect:!0,type:Boolean})],ve.prototype,"selected",2),t([Cl({reflect:!0})],ve.prototype,"stacked",2),ve=t([gp("pf-tile")],ve);import{LitElement as hp,html as vp}from"lit";import{customElement as up,property as P}from"lit/decorators.js";import{css as mp}from"lit";var bp=mp`:host{display:inline}time{text-decoration:var(--_timestamp-text-decoration,none);text-underline-offset:var(--_timestamp-text-underline-offset,initial)}`,kl=bp;var _p={fromAttribute(s){return!s||s==="true"}},G,Lt,Ir,Bl,y=class extends hp{constructor(){super(...arguments);a(this,Ir);a(this,G,new Date);a(this,Lt,o(this,G).toISOString())}get date(){return o(this,G).toLocaleString()}set date(e){d(this,G,new Date(e)),d(this,Lt,o(this,G).toISOString())}get isoString(){return o(this,Lt)}get time(){let{hour12:e,customFormat:r,dateFormat:l,timeFormat:p,utc:c}=this,z=r||{hour12:e,dateStyle:l,timeStyle:p,timeZone:c?"UTC":void 0},_e=o(this,G).toLocaleString(this.locale,z);return this.relative?i(this,Ir,Bl).call(this,o(this,G)):`${_e}${this.displaySuffix?` ${this.displaySuffix}`:""}`}willUpdate(){!this.displaySuffix&&this.utc&&(this.displaySuffix="UTC")}render(){return vp`
+      <time datetime="${this.isoString}">${this.time}</time>
+    `}};G=new WeakMap,Lt=new WeakMap,Ir=new WeakSet,Bl=function(e){let r=e.getTime()-Date.now(),l=r>0?"until":"ago",p="just now",c=Math.round(Math.abs(r)/1e3),C=Math.round(c/60),z=Math.round(C/60),_e=Math.round(z/24),St=Math.round(_e/30),zl=Math.round(St/12);return St>=18?p=`${zl} years`:St>=12?p="a year":_e>=45?p=`${St} months`:_e>=30?p="a month":z>=36?p=`${_e} days`:z>=24?p="a day":C>=90?p=`${z} hours`:C>=45?p="an hour":c>=90?p=`${C} minutes`:c>=45?p="a minute":c>=10&&(p=`${c} seconds`),p!=="just now"?`${p} ${l}`:p},y.styles=[kl],t([P({reflect:!0})],y.prototype,"date",1),t([P({reflect:!0,attribute:"date-format"})],y.prototype,"dateFormat",2),t([P({reflect:!0,attribute:"time-format"})],y.prototype,"timeFormat",2),t([P({attribute:!1})],y.prototype,"customFormat",2),t([P({reflect:!0,attribute:"display-suffix"})],y.prototype,"displaySuffix",2),t([P({reflect:!0})],y.prototype,"locale",2),t([P({reflect:!0,type:Boolean})],y.prototype,"relative",2),t([P({reflect:!0,type:Boolean})],y.prototype,"utc",2),t([P({reflect:!0,attribute:"hour-12",converter:_p})],y.prototype,"hour12",2),y=t([up("pf-timestamp")],y);import{customElement as Mp,property as Wl}from"lit/decorators.js";import{LitElement as Cp,html as kp}from"lit";import{classMap as Bp}from"lit/directives/class-map.js";import{styleMap as wp}from"lit/directives/style-map.js";import{FloatingDOMController as Tp}from"@patternfly/pfe-core/controllers/floating-dom-controller.js";import{css as xp}from"lit";var yp=xp`:host{display:inline}#container{display:inline-flex;position:relative;--_floating-arrow-size:0.5rem}#invoker{display:inline-block;position:relative}#tooltip,#tooltip::after{position:absolute}#tooltip{display:block;opacity:0;pointer-events:none;z-index:10000;transition:opacity .3s cubic-bezier(.54, 1.5, .38, 1.11) 0s;text-align:center;word-break:break-word;translate:var(--_floating-content-translate);max-width:calc(100vw - 10px);width:max-content;top:0;left:0;will-change:opacity}#tooltip::after{display:block;content:'';rotate:45deg;width:var(--_floating-arrow-size);height:var(--_floating-arrow-size);will-change:left top right bottom}.open #tooltip{opacity:1}.left #tooltip::after{right:calc(-.5 * var(--_floating-arrow-size))}.left.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.left.start #tooltip::after{top:var(--_floating-arrow-size)}.left.end #tooltip::after{bottom:var(--_floating-arrow-size)}.top #tooltip::after{top:calc(100% - .5 * var(--_floating-arrow-size))}.top.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.top.start #tooltip::after{left:var(--_floating-arrow-size)}.top.end #tooltip::after{right:var(--_floating-arrow-size)}.right #tooltip::after{right:calc(100% - .5 * var(--_floating-arrow-size))}.right.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.right.start #tooltip::after{top:var(--_floating-arrow-size)}.right.end #tooltip::after{bottom:var(--_floating-arrow-size)}.bottom #tooltip::after{bottom:calc(100% - .5 * var(--_floating-arrow-size))}.bottom.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.bottom.start #tooltip::after{left:var(--_floating-arrow-size)}.bottom.end #tooltip::after{right:var(--_floating-arrow-size)}`,wl=yp;var Wp=["focusin","tap","click","mouseenter"],zp=["focusout","blur","mouseleave"],Ue,Ge=class extends Cp{constructor(){super(...arguments);a(this,Ue,new Tp(this,{arrow:!0,content:()=>this.shadowRoot?.querySelector("#tooltip")}))}connectedCallback(){super.connectedCallback(),Wp.forEach(e=>this.addEventListener(e,this.show)),zp.forEach(e=>this.addEventListener(e,this.hide))}async show(){await this.updateComplete;let e=this.position,r=e?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await o(this,Ue).show({offset:r,placement:e})}async hide(){await o(this,Ue).hide()}render(){let{alignment:e,anchor:r,open:l,styles:p}=o(this,Ue);return kp`
+      <div id="container"
+           style="${wp(p)}"
+        class="${Bp({open:l,[r]:!!r,[e]:!!e})}">
+        <slot id="invoker" role="tooltip" aria-labelledby="tooltip"></slot>
+        <slot id="tooltip"
+              name="content"
+              aria-hidden="${String(!l)}">${this.content}</slot>
+      </div>
+    `}};Ue=new WeakMap,Ge.styles=[wl];import{css as Lp}from"lit";var Sp=Lp`:host{--_timestamp-text-decoration:underline dashed 1px;--_timestamp-text-underline-offset:4px}#tooltip{--_timestamp-text-decoration:none;--_timestamp-text-underline-offset:initial;line-height:var(--pf-c-tooltip--line-height, 1.5);max-width:var(--pf-c-tooltip--MaxWidth,18.75rem);box-shadow:var(--pf-c-tooltip--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));padding:var(--pf-c-tooltip__content--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingRight,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingLeft,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-tooltip__content--FontSize,
+    var(--pf-global--FontSize--sm, .875rem));color:var(--pf-c-tooltip__content--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}#container{--_floating-arrow-size:var(--pf-c-tooltip__arrow--Width, 0.5rem)}#tooltip::after{background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}`,Tl=Sp;var ue=class extends Ge{constructor(){super(...arguments);this.position="top"}};ue.styles=[...Ge.styles,Tl],t([Wl()],ue.prototype,"position",2),t([Wl()],ue.prototype,"content",2),ue=t([Mp("pf-tooltip")],ue);export{ho as ModalCancelEvent,vo as ModalCloseEvent,uo as ModalOpenEvent,j as PfAccordion,U as PfAccordionHeader,Ce as PfAccordionPanel,te as PfAvatar,V as PfBadge,T as PfButton,A as PfCard,g as PfClipboardCopy,Le as PfCodeBlock,le as PfIcon,W as PfJumpLinks,k as PfLabel,f as PfModal,de as PfPanel,E as PfProgressStepper,mt as PfSpinner,vt as PfSwitch,H as PfTabs,ve as PfTile,y as PfTimestamp,ue as PfTooltip};
+//# sourceMappingURL=pfe.min.js.map