@patternfly/elements 3.0.1 → 4.0.0

package/pfe.min.js

@@ -1,4 +1,4 @@
-var wc=Object.defineProperty;var tf=Object.getOwnPropertyDescriptor;var oo=(i,t)=>()=>(i&&(t=i(i=0)),t);var Di=(i,t)=>{for(var o in t)wc(i,o,{get:t[o],enumerable:!0})};var r=(i,t,o,e)=>{for(var a=e>1?void 0:e?tf(t,o):t,c=i.length-1,p;c>=0;c--)(p=i[c])&&(a=(e?p(t,o,a):p(a))||a);return e&&a&&wc(t,o,a),a};var Ni=(i,t,o)=>{if(!t.has(i))throw TypeError("Cannot "+o)};var l=(i,t,o)=>(Ni(i,t,"read from private field"),o?o.call(i):t.get(i)),n=(i,t,o)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,o)},b=(i,t,o,e)=>(Ni(i,t,"write to private field"),e?e.call(i,o):t.set(i,o),o);var s=(i,t,o)=>(Ni(i,t,"access private method"),o);import{__classPrivateFieldGet as W,__classPrivateFieldSet as Eo}from"tslib";import{autoUpdate as ef,computePosition as rf,offset as af,shift as lf,flip as nf,arrow as cf}from"@floating-ui/dom";var Io,Ue,te,ee,Ea,Ta,Ra,je,Tt,Ui,ji,Sc,qi,To,qe=oo(()=>{"use strict";To=class{get alignment(){return W(this,Ta,"f")??"center"}get anchor(){return W(this,Ea,"f")??""}get open(){return W(this,Ue,"f")}get placement(){return W(this,je,"f")??"top"}get styles(){return W(this,Ra,"f")??{}}constructor(t,o){Io.add(this),this.host=t,Ue.set(this,!1),te.set(this,!1),ee.set(this,void 0),Ea.set(this,void 0),Ta.set(this,void 0),Ra.set(this,void 0),je.set(this,void 0),Tt.set(this,void 0),t.addController(this),Eo(this,Tt,{invoker:t instanceof HTMLElement?()=>t:()=>{},shift:!0,...o},"f")}hostDisconnected(){W(this,ee,"f")?.call(this)}async show({offset:t,placement:o,flip:e,fallbackPlacements:a}={}){let c=W(this,Io,"a",Ui),p=W(this,Io,"a",ji);if(!(!c||!p)){if(!W(this,te,"f")){Eo(this,te,!0,"f");let d=W(this,Io,"m",qi).call(this,o,t,e,a);Eo(this,ee,W(this,ee,"f")??ef(c,p,()=>W(this,Io,"m",qi).call(this,o,t,e,a)),"f"),await d,Eo(this,te,!1,"f")}Eo(this,Ue,!0,"f"),this.host.requestUpdate()}}async hide(){for(await this.host.updateComplete;W(this,te,"f")&&!this.open;)await new Promise(requestAnimationFrame);Eo(this,Ue,!1,"f"),W(this,ee,"f")?.call(this),this.host.requestUpdate(),await this.host.updateComplete}};Ue=new WeakMap,te=new WeakMap,ee=new WeakMap,Ea=new WeakMap,Ta=new WeakMap,Ra=new WeakMap,je=new WeakMap,Tt=new WeakMap,Io=new WeakSet,Ui=function(){let{invoker:t}=W(this,Tt,"f");return typeof t=="function"?t():t},ji=function(){let{content:t}=W(this,Tt,"f");return typeof t=="function"?t():t},Sc=function(){let{arrow:t}=W(this,Tt,"f");return typeof t=="function"?t():t},qi=async function(t="top",o,e=!0,a){var c,p;let{padding:d,shift:u}=W(this,Tt,"f"),B=W(this,Io,"a",Ui),L=W(this,Io,"a",ji),I=W(this,Io,"a",Sc);if(!B||!L)return;let{x:st,y:pt,placement:bo,middlewareData:Ai}=await rf(B,L,{strategy:"absolute",placement:t,middleware:[af(o),u&&lf({padding:d}),I&&cf({element:I,padding:I.offsetHeight/2}),e&&nf({padding:d,fallbackPlacements:a})].filter(Boolean)});if(I){let{x:dt,y:Ma}=Ai.arrow||{},Oi={top:"bottom",right:"left",bottom:"top",left:"right"}[bo.split("-")[0]]||"";Object.assign(I.style,{left:dt!=null?`${dt}px`:"",top:Ma!=null&&!["top"].includes(bo)?`${Ma}px`:"",right:"",bottom:"",[Oi]:`-${I.offsetHeight/2}px`})}Eo(this,je,bo,"f"),c=this,p=this,[{set value(dt){Eo(c,Ea,dt,"f")}}.value,{set value(dt){Eo(p,Ta,dt,"f")}}.value]=W(this,je,"f").split("-")??[],Eo(this,Ra,{"--_floating-content-translate":`${st}px ${pt}px`},"f"),this.host.requestUpdate()}});function A(i,t,o){if(typeof o?.value!="function")throw new TypeError(`Only methods can be decorated with @bound. <${t??i.name}> is not a method!`);return{configurable:!0,get(){let e=o.value.bind(this);return Object.defineProperty(this,t,{value:e,configurable:!0,writable:!0}),e}}}var Ve=oo(()=>{"use strict"});function Lc(i){return document.head.querySelector(`meta[name="${i}"]`)?.content}function zc(i){return{fromAttribute(t){return typeof t!="string"?null:t.split(",").map(i)},toAttribute(t){return t.join(",")}}}var nv,Mc,Fa,F,Wc,ft=oo(()=>{"use strict";nv=Symbol();Mc=zc(i=>parseInt(i?.trim(),10)),Fa=zc(i=>i.trim()),F=class extends Event{constructor(t,o){super(t,{bubbles:!0,composed:!0,...o})}},Wc=document.body.hasAttribute("no-auto-reveal");window.PfeConfig=Object.assign(window.PfeConfig??{},{trackPerformance:window.PfeConfig?.trackPerformance??Lc("pf-track-performance")==="true",autoReveal:window.PfeConfig?.autoReveal??(Wc?!Wc:Lc("pf-auto-reveal")==="true"),get log(){return!!localStorage.pfeLog},set log(i){i?localStorage.setItem("pfeLog","true"):localStorage.removeItem("pfeLog")}})});import{css as sf}from"lit";var pf,Ec,Tc=oo(()=>{"use strict";pf=sf`:host {
+var tp=Object.defineProperty;var Pm=Object.getOwnPropertyDescriptor;var qo=(l,t)=>()=>(l&&(t=l(l=0)),t);var Zn=(l,t)=>{for(var o in t)tp(l,o,{get:t[o],enumerable:!0})};var r=(l,t,o,e)=>{for(var a=e>1?void 0:e?Pm(t,o):t,c=l.length-1,p;c>=0;c--)(p=l[c])&&(a=(e?p(t,o,a):p(a))||a);return e&&a&&tp(t,o,a),a};var Qn=(l,t,o)=>{if(!t.has(l))throw TypeError("Cannot "+o)};var i=(l,t,o)=>(Qn(l,t,"read from private field"),o?o.call(l):t.get(l)),n=(l,t,o)=>{if(t.has(l))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(l):t.set(l,o)},v=(l,t,o,e)=>(Qn(l,t,"write to private field"),e?e.call(l,o):t.set(l,o),o);var s=(l,t,o)=>(Qn(l,t,"access private method"),o);import{__classPrivateFieldGet as I,__classPrivateFieldSet as Vo}from"tslib";import{autoUpdate as Im,computePosition as Hm,offset as $m,shift as Am,flip as Om,arrow as Dm}from"@floating-ui/dom";var rt,br,he,ue,gl,bl,hl,hr,Ut,Jn,oc,ep,tc,Yo,ur=qo(()=>{"use strict";Yo=class{get alignment(){return I(this,bl,"f")??"center"}get anchor(){return I(this,gl,"f")??""}get open(){return I(this,br,"f")}get placement(){return I(this,hr,"f")??"top"}get styles(){return I(this,hl,"f")??{}}constructor(t,o){rt.add(this),this.host=t,br.set(this,!1),he.set(this,!1),ue.set(this,void 0),gl.set(this,void 0),bl.set(this,void 0),hl.set(this,void 0),hr.set(this,void 0),Ut.set(this,void 0),t.addController(this),Vo(this,Ut,{invoker:()=>t,shift:!0,...o},"f")}hostDisconnected(){I(this,ue,"f")?.call(this)}async show({offset:t,placement:o,flip:e,fallbackPlacements:a}={}){let c=I(this,rt,"a",Jn),p=I(this,rt,"a",oc);if(!(!c||!p)){if(!I(this,he,"f")){Vo(this,he,!0,"f");let f=I(this,rt,"m",tc).call(this,o,t,e,a);Vo(this,ue,I(this,ue,"f")??Im(c,p,()=>I(this,rt,"m",tc).call(this,o,t,e,a)),"f"),await f,Vo(this,he,!1,"f")}Vo(this,br,!0,"f"),this.host.requestUpdate()}}async hide(){for(await this.host.updateComplete;I(this,he,"f")&&!this.open;)await new Promise(requestAnimationFrame);Vo(this,br,!1,"f"),I(this,ue,"f")?.call(this),this.host.requestUpdate(),await this.host.updateComplete}};br=new WeakMap,he=new WeakMap,ue=new WeakMap,gl=new WeakMap,bl=new WeakMap,hl=new WeakMap,hr=new WeakMap,Ut=new WeakMap,rt=new WeakSet,Jn=function(){let{invoker:t}=I(this,Ut,"f");return typeof t=="function"?t():t},oc=function(){let{content:t}=I(this,Ut,"f");return typeof t=="function"?t():t},ep=function(){let{arrow:t}=I(this,Ut,"f");return typeof t=="function"?t():t},tc=async function(t="top",o,e=!0,a){var c,p;let{padding:f,shift:b}=I(this,Ut,"f"),x=I(this,rt,"a",Jn),S=I(this,rt,"a",oc),E=I(this,rt,"a",ep);if(!x||!S)return;let{x:Y,y:U,placement:jo,middlewareData:Gn}=await Hm(x,S,{strategy:"absolute",placement:t,middleware:[$m(o),b&&Am({padding:f}),E&&Dm({element:E,padding:E.offsetHeight/2}),e&&Om({padding:f,fallbackPlacements:a})].filter(Boolean)});if(E){let{x:zt,y:fl}=Gn.arrow||{},ml={top:"bottom",right:"left",bottom:"top",left:"right"}[jo.split("-")[0]]||"";Object.assign(E.style,{left:zt!=null?`${zt}px`:"",top:fl!=null&&!["top"].includes(jo)?`${fl}px`:"",right:"",bottom:"",[ml]:`-${E.offsetHeight/2}px`})}Vo(this,hr,jo,"f"),c=this,p=this,[{set value(zt){Vo(c,gl,zt,"f")}}.value,{set value(zt){Vo(p,bl,zt,"f")}}.value]=I(this,hr,"f").split("-")??[],Vo(this,hl,{"--_floating-content-translate":`${Y}px ${U}px`},"f"),this.host.requestUpdate()}});function A(l,t,o){if(typeof o?.value!="function")throw new TypeError(`Only methods can be decorated with @bound. <${t??l.name}> is not a method!`);return{configurable:!0,get(){let e=o.value.bind(this);return Object.defineProperty(this,t,{value:e,configurable:!0,writable:!0}),e}}}var Wt=qo(()=>{"use strict"});function rp(l){return{fromAttribute(t){return typeof t!="string"?null:t.split(",").map(l)},toAttribute(t){return t.join(",")}}}var ap,ul,Wo,vr=qo(()=>{"use strict";ap=rp(l=>parseInt(l?.trim(),10)),ul=rp(l=>l.trim()),Wo=class extends Event{constructor(t,o){super(t,{bubbles:!0,composed:!0,...o})}}});import{css as Um}from"lit";var Nm,lp,ip=qo(()=>{"use strict";Nm=Um`:host {
   --_timestamp-text-decoration: underline dashed 1px;
   --_timestamp-text-underline-offset: 4px;
   display: inline;
@@ -96,20 +96,20 @@ var wc=Object.defineProperty;var tf=Object.getOwnPropertyDescriptor;var oo=(i,t)
 .bottom.start #tooltip::after  { left: var(--_floating-arrow-size); }
 .bottom.end #tooltip::after    { right: var(--_floating-arrow-size); }
 
-`,Ec=pf});var Hc={};Di(Hc,{PfTooltip:()=>io});import{LitElement as df,html as ff}from"lit";import{customElement as mf}from"lit/decorators/custom-element.js";import{property as Ye}from"lit/decorators/property.js";import{styleMap as Rc}from"lit/directives/style-map.js";import{classMap as gf}from"lit/directives/class-map.js";var bf,hf,Ao,Rt,Pa,Fc,xo,re,Xe,Vi,Ha,Pc,Ge,Yi,io,$a=oo(()=>{"use strict";qe();Ve();ft();Tc();bf=["focusin","tap","click","mouseenter"],hf=["focusout","blur","mouseleave"],io=class extends df{constructor(){super(...arguments);n(this,Ao);n(this,Pa);n(this,Xe);n(this,Ha);n(this,Ge);this.position="top";this.noFlip=!1;n(this,xo,void 0);n(this,re,new To(this,{content:()=>l(this,Pa,Fc),invoker:()=>l(this,xo)?l(this,xo):l(this,Ao,Rt)instanceof HTMLSlotElement&&l(this,Ao,Rt).assignedElements().length>0?l(this,Ao,Rt).assignedElements().at(0):l(this,Ao,Rt)}))}connectedCallback(){super.connectedCallback(),s(this,Xe,Vi).call(this),s(this,Ge,Yi).call(this)}willUpdate(o){o.has("trigger")&&s(this,Ge,Yi).call(this)}render(){let{alignment:o,anchor:e,open:a,styles:c}=l(this,re),d=l(this,Ao,Rt)?.assignedElements().length===0&&l(this,Ao,Rt)?.assignedNodes().length>0?"block":"contents";return ff`
+`,lp=Nm});var pp={};Zn(pp,{PfTooltip:()=>bo});import{LitElement as jm,html as qm,isServer as Vm}from"lit";import{customElement as Ym}from"lit/decorators/custom-element.js";import{property as _r}from"lit/decorators/property.js";import{styleMap as np}from"lit/directives/style-map.js";import{classMap as Xm}from"lit/directives/class-map.js";var Km,Gm,at,Nt,vl,cp,To,ve,xr,ec,_l,sp,Cr,rc,bo,xl=qo(()=>{"use strict";ur();Wt();vr();ip();Km=["focusin","tap","click","mouseenter"],Gm=["focusout","blur","mouseleave"],bo=class extends jm{constructor(){super(...arguments);n(this,at);n(this,vl);n(this,xr);n(this,_l);n(this,Cr);this.position="top";this.noFlip=!1;n(this,To,void 0);n(this,ve,new Yo(this,{content:()=>i(this,vl,cp),invoker:()=>i(this,To)?i(this,To):i(this,at,Nt)instanceof HTMLSlotElement&&i(this,at,Nt).assignedElements().length>0?i(this,at,Nt).assignedElements().at(0):i(this,at,Nt)}))}connectedCallback(){super.connectedCallback(),s(this,xr,ec).call(this),s(this,Cr,rc).call(this)}willUpdate(o){o.has("trigger")&&s(this,Cr,rc).call(this)}render(){let{alignment:o,anchor:e,open:a,styles:c}=i(this,ve),f=i(this,at,Nt)?.assignedElements().length===0&&i(this,at,Nt)?.assignedNodes().length>0?"block":"contents";return qm`
       <div id="container"
-           style="${Rc(c)}"
-           class="${gf({open:a,[e]:!!e,[o]:!!o})}">
+           style="${np(c)}"
+           class="${Xm({open:a,[e]:!!e,[o]:!!o})}">
         <div role="tooltip"
-             style="${Rc({display:d})}"
+             style="${np({display:f})}"
              aria-labelledby="tooltip">
-          <slot id="invoker" @slotchange="${s(this,Xe,Vi)}"></slot>
+          <slot id="invoker" @slotchange="${s(this,xr,ec)}"></slot>
         </div>
         <div aria-hidden="${String(!a)}">
           <slot id="tooltip" name="content">${this.content}</slot>
         </div>
       </div>
-    `}async show(){await this.updateComplete;let o=this.position,e=o?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await l(this,re).show({offset:e,placement:o,flip:!this.noFlip,fallbackPlacements:this.flipBehavior})}async hide(){await l(this,re).hide()}};Ao=new WeakSet,Rt=function(){return this.shadowRoot?.querySelector("#invoker")??null},Pa=new WeakSet,Fc=function(){return this.shadowRoot?.querySelector("#tooltip")??null},xo=new WeakMap,re=new WeakMap,Xe=new WeakSet,Vi=function(){this.requestUpdate()},Ha=new WeakSet,Pc=function(){return this.getRootNode().getElementById(this.trigger?.normalize()??"")},Ge=new WeakSet,Yi=function(){let o=l(this,xo);b(this,xo,this.trigger instanceof HTMLElement?this.trigger:typeof this.trigger=="string"?s(this,Ha,Pc).call(this):null);for(let e of bf)l(this,xo)?(this.removeEventListener(e,this.show),l(this,xo).addEventListener(e,this.show)):(o?.removeEventListener(e,this.show),this.addEventListener(e,this.show));for(let e of hf)l(this,xo)?(this.removeEventListener(e,this.hide),l(this,xo).addEventListener(e,this.hide)):(o?.removeEventListener(e,this.hide),this.addEventListener(e,this.hide))},io.styles=[Ec],r([Ye()],io.prototype,"position",2),r([Ye()],io.prototype,"content",2),r([Ye({type:Boolean,attribute:"no-flip"})],io.prototype,"noFlip",2),r([Ye()],io.prototype,"trigger",2),r([Ye({attribute:"flip-behavior",converter:Fa})],io.prototype,"flipBehavior",2),r([A],io.prototype,"show",1),r([A],io.prototype,"hide",1),io=r([mf("pf-tooltip")],io)});var y,co=oo(()=>{"use strict";y=class i{get prefix(){return this.host instanceof HTMLElement?`[${this.host.localName}${this.host.id?`#${this.host.id}`:""}]`:`[${this.host.constructor.name}]`}static debugLog(t=null){try{return t!==null&&(i.logDebug=!!t,localStorage.pfeLog=!!t),localStorage.pfeLog==="true"}catch{return i.logDebug}}static debug(...t){i.debugLog()&&console.debug(...t)}static info(...t){i.debugLog()&&console.info(...t)}static log(...t){i.debugLog()&&console.log(...t)}static warn(...t){console.warn(...t)}static error(...t){console.error([...t].join(" "))}debug(...t){i.debug(this.prefix,...t)}info(...t){i.info(this.prefix,...t)}log(...t){i.log(this.prefix,...t)}warn(...t){i.warn(this.prefix,...t)}error(...t){i.error(this.prefix,...t)}constructor(t){if(this.host=t,i.instances.get(t))return i.instances.get(t);t.addController(this),i.instances.set(t,this)}hostConnected(){this.debug("connected")}};y.instances=new WeakMap});import{css as rm}from"lit";var am,ns,cs=oo(()=>{"use strict";am=rm`:host {
+    `}async show(){await this.updateComplete;let o=this.position,e=o?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await i(this,ve).show({offset:e,placement:o,flip:!this.noFlip,fallbackPlacements:this.flipBehavior})}async hide(){await i(this,ve).hide()}};at=new WeakSet,Nt=function(){return this.shadowRoot?.querySelector("#invoker")??null},vl=new WeakSet,cp=function(){return this.shadowRoot?.querySelector("#tooltip")??null},To=new WeakMap,ve=new WeakMap,xr=new WeakSet,ec=function(){this.requestUpdate()},_l=new WeakSet,sp=function(){return this.getRootNode().getElementById(this.trigger?.normalize()??"")},Cr=new WeakSet,rc=function(){if(!Vm){let o=i(this,To);v(this,To,this.trigger instanceof HTMLElement?this.trigger:typeof this.trigger=="string"?s(this,_l,sp).call(this):null);for(let e of Km)i(this,To)?(this.removeEventListener(e,this.show),i(this,To).addEventListener(e,this.show)):(o?.removeEventListener(e,this.show),this.addEventListener(e,this.show));for(let e of Gm)i(this,To)?(this.removeEventListener(e,this.hide),i(this,To).addEventListener(e,this.hide)):(o?.removeEventListener(e,this.hide),this.addEventListener(e,this.hide))}},bo.styles=[lp],r([_r()],bo.prototype,"position",2),r([_r()],bo.prototype,"content",2),r([_r({type:Boolean,attribute:"no-flip"})],bo.prototype,"noFlip",2),r([_r()],bo.prototype,"trigger",2),r([_r({attribute:"flip-behavior",converter:ul})],bo.prototype,"flipBehavior",2),r([A],bo.prototype,"show",1),r([A],bo.prototype,"hide",1),bo=r([Ym("pf-tooltip")],bo)});import{isServer as _g}from"lit";var k,mo=qo(()=>{"use strict";k=class l{get prefix(){return!_g&&this.host instanceof HTMLElement?`[${this.host.localName}${this.host.id?`#${this.host.id}`:""}]`:`[${this.host.constructor.name}]`}static debugLog(t=null){try{return t!==null&&(l.logDebug=!!t,localStorage.pfeLog=!!t),localStorage.pfeLog==="true"}catch{return l.logDebug}}static debug(...t){l.debugLog()&&console.debug(...t)}static info(...t){l.debugLog()&&console.info(...t)}static log(...t){l.debugLog()&&console.log(...t)}static warn(...t){console.warn(...t)}static error(...t){console.error([...t].join(" "))}debug(...t){l.debug(this.prefix,...t)}info(...t){l.info(this.prefix,...t)}log(...t){l.log(this.prefix,...t)}warn(...t){l.warn(this.prefix,...t)}error(...t){l.error(this.prefix,...t)}constructor(t){if(this.host=t,l.instances.get(t))return l.instances.get(t);t.addController(this),l.instances.set(t,this)}hostConnected(){this.debug("connected")}};k.instances=new WeakMap});import{css as Vg}from"lit";var Yg,Dp,Up=qo(()=>{"use strict";Yg=Vg`:host {
   position: relative;
   display:  inline-block;
   line-height:  0;
@@ -131,12 +131,7 @@ svg {
   fill: currentcolor;
 }
 
-`,ns=am});import{LitElement as lm,html as im}from"lit";import{property as bn}from"lit/decorators/property.js";import{state as nm}from"lit/decorators/state.js";var ss,hn,Xo,ps=oo(()=>{"use strict";co();cs();ss=window.requestIdleCallback??window.requestAnimationFrame,hn=class extends ErrorEvent{constructor(o,e){super("error",{message:`Could not load icon at ${o}`});this.originalError=e}},Xo=class extends lm{constructor(){super(...arguments);this.set=this.#t.defaultIconSet;this.icon="";this.loading="lazy";this.#o=!1;this.#r=new y(this)}static{this.styles=[ns]}static addIconSet(o,e){if(typeof e!="function")y.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);else{this.getters.set(o,e);for(let a of this.instances)a.load()}}static{this.getIconUrl=(o,e)=>`@patternfly/icons/${o}/${e}.js`}static{this.onIntersect=o=>o.forEach(({isIntersecting:e,target:a})=>{let c=a;c.#o=e,ss(()=>{c.#o&&c.load()})})}static{this.io=new IntersectionObserver(this.onIntersect)}static{this.getters=new Map}static{this.instances=new Set}#o;#r;get#t(){return this.constructor}#a(){this.#t.io.observe(this),this.#o&&this.load()}#e(){switch(this.loading){case"idle":return void ss(()=>this.load());case"lazy":return void this.#a();case"eager":return void this.load()}}connectedCallback(){super.connectedCallback(),this.#t.instances.add(this)}willUpdate(o){o.has("icon")&&this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#t.instances.delete(this)}render(){let o=this.content??"";return im`
-      <div id="container" aria-hidden="true">${o}<span part="fallback" ?hidden=${!!o}>
-          <slot></slot>
-        </span>
-      </div>
-    `}async load(){let{set:o,icon:e}=this,a=this.#t.getters.get(o)??this.#t.getIconUrl,c="UNKNOWN ICON";if(o&&e)try{let p=a(o,e);p instanceof URL?c=p.pathname:c=p;let d=await import(c);this.content=d.default instanceof Node?d.default.cloneNode(!0):d.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(p){let d=new hn(c,p);this.#r.error(p.message),this.dispatchEvent(d)}}};r([bn()],Xo.prototype,"set",2),r([bn({reflect:!0})],Xo.prototype,"icon",2),r([bn()],Xo.prototype,"loading",2),r([nm()],Xo.prototype,"content",2)});import{css as cm}from"lit";var sm,ds,fs=oo(()=>{"use strict";sm=cm`:host([size=sm]) #container { --_size: var(--pf-global--icon--FontSize--sm, 10px); }
+: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); }
@@ -148,14 +143,16 @@ svg {
   min-height: var(--pf-icon--size, var(--_size));
 }
 
-`,ds=sm});var un={};Di(un,{PfIcon:()=>xt});import{customElement as pm}from"lit/decorators/custom-element.js";import{property as dm}from"lit/decorators/property.js";var xt,uo=oo(()=>{"use strict";ps();fs();xt=class extends Xo{constructor(){super(...arguments);this.size="sm"}};xt.styles=[...Xo.styles,ds],xt.defaultIconSet="fas",r([dm({reflect:!0})],xt.prototype,"size",2),xt=r([pm("pf-icon")],xt)});import{css as Ug}from"lit";var jg,Qs,Js=oo(()=>{"use strict";jg=Ug`:host {
+`,Dp=Yg});var zc={};Zn(zc,{IconResolveError:()=>Xl,PfIcon:()=>W});import{LitElement as Xg,html as Kg}from"lit";import{customElement as Gg}from"lit/decorators/custom-element.js";import{property as Yl}from"lit/decorators/property.js";import{state as Zg}from"lit/decorators/state.js";var Np,Xl,Le,Kl,Gl,jp,qr,Lc,Zl,qp,W,ko=qo(()=>{"use strict";mo();Up();Np=globalThis.requestIdleCallback??globalThis.requestAnimationFrame??(async l=>Promise.resolve().then(l)),Xl=class extends ErrorEvent{constructor(o,e,a){super("error",{message:`Could not load icon "${e}" from set "${o}".`});this.originalError=a}},W=class extends Xg{constructor(){super(...arguments);n(this,Gl);n(this,qr);n(this,Zl);this.set="fas";this.icon="";this.size="sm";this.loading="lazy";n(this,Le,!1);n(this,Kl,new k(this))}static addIconSet(o,e){var a;if(typeof o!="string")k.warn(`[${this.name}]: the first argument to addIconSet must be a string.`);else if(typeof e!="function")k.warn(`[${this.name}]: the second argument to addIconSet must be a function.`);else{this.resolvers.set(o,e);for(let c of this.instances)s(a=c,qr,Lc).call(a)}}static reset(){this.resolvers.clear(),this.resolve=this.defaultResolve}connectedCallback(){super.connectedCallback(),W.instances.add(this)}willUpdate(o){o.has("icon")&&s(this,qr,Lc).call(this)}disconnectedCallback(){super.disconnectedCallback(),W.io.unobserve(this),W.instances.delete(this)}render(){let o=this.content??"";return Kg`
+      <div id="container" aria-hidden="true">${o}<span part="fallback"
+          ?hidden=${!!o}><slot></slot>
+        </span>
+      </div>
+    `}async load(){let{set:o,icon:e}=this,a=W.resolvers.get(o)??W.resolve;if(o&&e&&typeof a=="function")try{this.content=await a(o,e),s(this,Zl,qp).call(this)}catch(c){i(this,Kl).error(c.message),this.dispatchEvent?.(new Xl(o,e,c))}}};Le=new WeakMap,Kl=new WeakMap,Gl=new WeakSet,jp=function(){W.io.observe(this),i(this,Le)&&this.load()},qr=new WeakSet,Lc=function(){switch(this.loading){case"idle":return void Np(()=>this.load());case"lazy":return void s(this,Gl,jp).call(this);case"eager":return void this.load()}},Zl=new WeakSet,qp=async function(){await this.updateComplete,this.dispatchEvent?.(new Event("load",{bubbles:!0}))},W.styles=[Dp],W.onIntersect=o=>o.forEach(({isIntersecting:e,target:a})=>{let c=a;v(c,Le,e),Np(()=>{i(c,Le)&&c.load()})}),W.defaultResolve=(o,e)=>import(`@patternfly/icons/${o}/${e}.js`).then(a=>a.default.cloneNode(!0)),W.io=new IntersectionObserver(W.onIntersect),W.resolvers=new Map,W.instances=new Set,W.resolve=W.defaultResolve,r([Yl()],W.prototype,"set",2),r([Yl({reflect:!0})],W.prototype,"icon",2),r([Yl({reflect:!0})],W.prototype,"size",2),r([Yl()],W.prototype,"loading",2),r([Zg()],W.prototype,"content",2),W=r([Gg("pf-icon")],W)});import{css as $h}from"lit";var Ah,Vd,Yd=qo(()=>{"use strict";Ah=$h`:host {
   position: relative;
   white-space: nowrap;
   text-align: center;
   display: inline-block;
-}`,Qs=jg});import{LitElement as qg,html as Vg}from"lit";var Ur,op=oo(()=>{"use strict";Js();Ur=class extends qg{static{this.styles=[Qs]}render(){let{threshold:t,number:o,textContent:e}=this,a=t&&o&&t<o?`${t.toString()}+`:o!=null?o.toString():e??"";return Vg`
-      <span>${a}</span>
-    `}}});import{css as Yg}from"lit";var Xg,tp,ep=oo(()=>{"use strict";Xg=Yg`:host {
   border-radius: var(--pf-c-badge--BorderRadius,
     var(--pf-global--BorderRadius--lg, 180em));
   min-width: var(--pf-c-badge--MinWidth,
@@ -189,7 +186,9 @@ svg {
   --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor,
     var(--pf-global--palette--blue-400, #06c));
 }
-`,tp=Xg});var rp={};Di(rp,{PfBadge:()=>et});import{customElement as Gg}from"lit/decorators/custom-element.js";import{property as zn}from"lit/decorators/property.js";var et,Mn=oo(()=>{"use strict";op();ep();et=class extends Ur{};et.styles=[...Ur.styles,tp],r([zn({reflect:!0})],et.prototype,"state",2),r([zn({reflect:!0,type:Number})],et.prototype,"number",2),r([zn({reflect:!0,type:Number})],et.prototype,"threshold",2),et=r([Gg("pf-badge")],et)});$a();import{LitElement as xf,html as Cf}from"lit";import{customElement as Bf}from"lit/decorators/custom-element.js";import{property as Oo}from"lit/decorators/property.js";import{__classPrivateFieldGet as z,__classPrivateFieldSet as $c}from"tslib";var Xi,Ia,Ic,mt,q,Aa,Ac,uf={dateFormat:void 0,timeFormat:void 0,customFormat:void 0,displaySuffix:"",locale:void 0,relative:!1,utc:!1,hour12:!1},Ke=class{get localeString(){return z(this,mt,"f").toLocaleString(z(this,q,"f").locale)}get date(){return z(this,mt,"f")}set date(t){$c(this,mt,new Date(t),"f")}get isoString(){return z(this,mt,"f").toISOString()}get time(){if(z(this,q,"f").relative)return z(this,Xi,"m",Ac).call(this);{let{displaySuffix:t}=z(this,q,"f"),{locale:o}=z(this,q,"f");return z(this,q,"f").utc&&(t||(t="UTC")),`${z(this,mt,"f").toLocaleString(o,z(this,q,"f").customFormat??{hour12:z(this,q,"f").hour12,timeStyle:z(this,q,"f").timeFormat,dateStyle:z(this,q,"f").dateFormat,...z(this,q,"f").utc&&{timeZone:"UTC"}})} ${t??""}`.trim()}}constructor(t,o){Xi.add(this),mt.set(this,new Date),q.set(this,{}),Aa.set(this,void 0),$c(this,Aa,t,"f"),t.addController(this);for(let[e,a]of Object.entries(z(this,q,"f")))z(this,q,"f")[e]=o?.[e]??a}set(t,o){z(Ia,Ia,"m",Ic).call(Ia,t)&&(z(this,q,"f")[t]=o,z(this,Aa,"f").requestUpdate())}};Ia=Ke,mt=new WeakMap,q=new WeakMap,Aa=new WeakMap,Xi=new WeakSet,Ic=function(t){return t in uf},Ac=function(){let t=z(this,mt,"f"),{locale:o}=z(this,q,"f"),e=new Intl.RelativeTimeFormat(o,{localeMatcher:"best fit",numeric:"auto",style:"long"}),a=t.getTime()-Date.now(),c=a>0?1:-1,p=0,d,u=Math.round(Math.abs(a)/1e3),B=Math.round(u/60),L=Math.round(B/60),I=Math.round(L/24),st=Math.round(I/30),pt=Math.round(st/12);return st>=12?(p=pt,d="year"):I>=30?(p=st,d="month"):L>=24?(p=I,d="day"):B>=45?(p=L,d="hour"):u>=45?(p=B,d="minute"):u>=10&&(p=u,d="second"),typeof d<"u"?e.format(c*p,d):"just now"};import{css as vf}from"lit";var _f=vf`:host {
+`,Vd=Ah});var Xd={};Zn(Xd,{PfBadge:()=>Bt});import{LitElement as Oh,html as Dh}from"lit";import{customElement as Uh}from"lit/decorators/custom-element.js";import{property as Jc}from"lit/decorators/property.js";var Bt,os=qo(()=>{"use strict";Yd();Bt=class extends Oh{render(){let{threshold:t,number:o,textContent:e}=this,a=t&&o&&t<o?`${t.toString()}+`:o!=null?o.toString():e??"";return Dh`
+      <span>${a}</span>
+    `}};Bt.styles=[Vd],r([Jc({reflect:!0})],Bt.prototype,"state",2),r([Jc({reflect:!0,type:Number})],Bt.prototype,"number",2),r([Jc({reflect:!0,type:Number})],Bt.prototype,"threshold",2),Bt=r([Uh("pf-badge")],Bt)});xl();import{LitElement as og,html as tg}from"lit";import{customElement as eg}from"lit/decorators/custom-element.js";import{property as lt}from"lit/decorators/property.js";import{__classPrivateFieldGet as H,__classPrivateFieldSet as dp}from"tslib";var ac,Cl,fp,Tt,ro,Bl,mp,Zm={dateFormat:void 0,timeFormat:void 0,customFormat:void 0,displaySuffix:"",locale:void 0,relative:!1,utc:!1,hour12:!1},Br=class{get localeString(){return H(this,Tt,"f").toLocaleString(H(this,ro,"f").locale)}get date(){return H(this,Tt,"f")}set date(t){dp(this,Tt,new Date(t),"f")}get isoString(){return H(this,Tt,"f").toISOString()}get time(){if(H(this,ro,"f").relative)return H(this,ac,"m",mp).call(this);{let{displaySuffix:t}=H(this,ro,"f"),{locale:o}=H(this,ro,"f");return H(this,ro,"f").utc&&(t||(t="UTC")),`${H(this,Tt,"f").toLocaleString(o,H(this,ro,"f").customFormat??{hour12:H(this,ro,"f").hour12,timeStyle:H(this,ro,"f").timeFormat,dateStyle:H(this,ro,"f").dateFormat,...H(this,ro,"f").utc&&{timeZone:"UTC"}})} ${t??""}`.trim()}}constructor(t,o){ac.add(this),Tt.set(this,new Date),ro.set(this,{}),Bl.set(this,void 0),dp(this,Bl,t,"f"),t.addController(this);for(let[e,a]of Object.entries(H(this,ro,"f")))H(this,ro,"f")[e]=o?.[e]??a}set(t,o){H(Cl,Cl,"m",fp).call(Cl,t)&&(H(this,ro,"f")[t]=o,H(this,Bl,"f").requestUpdate())}};Cl=Br,Tt=new WeakMap,ro=new WeakMap,Bl=new WeakMap,ac=new WeakSet,fp=function(t){return t in Zm},mp=function(){let t=H(this,Tt,"f"),{locale:o}=H(this,ro,"f"),e=new Intl.RelativeTimeFormat(o,{localeMatcher:"best fit",numeric:"auto",style:"long"}),a=t.getTime()-Date.now(),c=a>0?1:-1,p=0,f,b=Math.round(Math.abs(a)/1e3),x=Math.round(b/60),S=Math.round(x/60),E=Math.round(S/24),Y=Math.round(E/30),U=Math.round(Y/12);return Y>=12?(p=U,f="year"):E>=30?(p=Y,f="month"):S>=24?(p=E,f="day"):x>=45?(p=S,f="hour"):b>=45?(p=x,f="minute"):b>=10&&(p=b,f="second"),typeof f<"u"?e.format(c*p,f):"just now"};import{css as Qm}from"lit";var Jm=Qm`:host {
   display: inline;
 }
 
@@ -197,21 +196,9 @@ time {
   text-decoration: var(--_timestamp-text-decoration, none);
   text-underline-offset: var(--_timestamp-text-underline-offset, initial);
 }
-`,Oc=_f;var yf={fromAttribute(i){return!i||i==="true"}},Co,to=class extends xf{constructor(){super(...arguments);n(this,Co,new Ke(this))}get date(){return l(this,Co).localeString}set date(o){l(this,Co).date=new Date(o)}get isoString(){return l(this,Co).isoString}get time(){return l(this,Co).time}connectedCallback(){super.connectedCallback(),this.hasAttribute("date")&&(l(this,Co).date=new Date(this.getAttribute("date")))}willUpdate(o){for(let[e]of o)l(this,Co).set(e,this[e])}render(){return Cf`
-      <time datetime="${l(this,Co).isoString}">${l(this,Co).time}</time>
-    `}};Co=new WeakMap,to.styles=[Oc],r([Oo({reflect:!0,attribute:"date-format"})],to.prototype,"dateFormat",2),r([Oo({reflect:!0,attribute:"time-format"})],to.prototype,"timeFormat",2),r([Oo({attribute:!1})],to.prototype,"customFormat",2),r([Oo({reflect:!0,attribute:"display-suffix"})],to.prototype,"displaySuffix",2),r([Oo({reflect:!0})],to.prototype,"locale",2),r([Oo({reflect:!0,type:Boolean})],to.prototype,"relative",2),r([Oo({reflect:!0,type:Boolean})],to.prototype,"utc",2),r([Oo({reflect:!0,attribute:"hour-12",converter:yf})],to.prototype,"hour12",2),r([Oo({reflect:!0})],to.prototype,"date",1),to=r([Bf("pf-timestamp")],to);import{customElement as Wf}from"lit/decorators/custom-element.js";import{property as Nc}from"lit/decorators/property.js";import{LitElement as kf,html as wf}from"lit";var Oa=class extends kf{render(){return wf`
-      <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 Sf}from"lit";var Lf=Sf`:host {
+`,gp=Jm;var rg={fromAttribute(l){return!l||l==="true"}},Eo,fo=class extends og{constructor(){super(...arguments);n(this,Eo,new Br(this))}get date(){return i(this,Eo).localeString}set date(o){i(this,Eo).date=new Date(o)}get isoString(){return i(this,Eo).isoString}get time(){return i(this,Eo).time}connectedCallback(){super.connectedCallback(),this.hasAttribute("date")&&(i(this,Eo).date=new Date(this.getAttribute("date")))}willUpdate(o){for(let[e]of o)i(this,Eo).set(e,this[e])}render(){return tg`
+      <time datetime="${i(this,Eo).isoString}">${i(this,Eo).time}</time>
+    `}};Eo=new WeakMap,fo.styles=[gp],r([lt({reflect:!0,attribute:"date-format"})],fo.prototype,"dateFormat",2),r([lt({reflect:!0,attribute:"time-format"})],fo.prototype,"timeFormat",2),r([lt({attribute:!1})],fo.prototype,"customFormat",2),r([lt({reflect:!0,attribute:"display-suffix"})],fo.prototype,"displaySuffix",2),r([lt({reflect:!0})],fo.prototype,"locale",2),r([lt({reflect:!0,type:Boolean})],fo.prototype,"relative",2),r([lt({reflect:!0,type:Boolean})],fo.prototype,"utc",2),r([lt({reflect:!0,attribute:"hour-12",converter:rg})],fo.prototype,"hour12",2),r([lt({reflect:!0})],fo.prototype,"date",1),fo=r([eg("pf-timestamp")],fo);import{LitElement as ig,html as ng}from"lit";import{customElement as cg}from"lit/decorators/custom-element.js";import{property as hp}from"lit/decorators/property.js";import{css as ag}from"lit";var lg=ag`:host {
   position: relative;
   display: inline-grid;
   padding: var(--pf-c-tile--PaddingTop, var(--pf-global--spacer--lg, 1.5rem))
@@ -339,7 +326,19 @@ time {
   margin-block: 0;
 }
 
-`,Dc=Lf;var Ft=class extends Oa{constructor(){super(...arguments);this.selected=!1}};Ft.styles=[Dc],r([Nc({reflect:!0,type:Boolean})],Ft.prototype,"selected",2),r([Nc({reflect:!0})],Ft.prototype,"stacked",2),Ft=r([Wf("pf-tile")],Ft);import{LitElement as Vc,html as Rf}from"lit";import{customElement as Ff}from"lit/decorators/custom-element.js";import{property as O}from"lit/decorators/property.js";import{ifDefined as Zi}from"lit/directives/if-defined.js";import{styleMap as Pf}from"lit/directives/style-map.js";import{__classPrivateFieldGet as zf,__decorate as m}from"tslib";var Ki,Uc;function jc(i){return i==="role"||i.startsWith("aria")}var Da=new WeakMap,Gi=!1;function g(i,t){if(Da.has(i)||Da.set(i,new Set),!Da.get(i).has(t)){if(!jc(t))throw new Error("@aria can only be called on ARIAMixin properties");Object.defineProperty(i,t,{enumerable:!0,configurable:!1,get(){return this.attach()[t]},set(o){this.attach()[t]=o,this.host.requestUpdate()}}),Da.get(i).add(t)}}function Mf(i){return i.hidden?"":i.getAttribute?.("aria-label")??i.textContent}var f=class i{static of(t,o){Gi=!0;let e=i.instances.get(t)??new i(t,o);return e.initializeOptions(o),Gi=!1,e}get formDisabled(){return this.element?.matches(":disabled")||this._formDisabled}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get computedLabelText(){return this.internals.ariaLabel||Array.from(this.internals.labels).reduce((t,o)=>`${t}${Mf(o)}`,"")}get element(){return this.host instanceof HTMLElement?this.host:this.options?.getHTMLElement?.()}constructor(t,o){if(Ki.add(this),this.host=t,this.options=o,this.role=null,this.ariaActivedescendant=null,this.ariaAtomic=null,this.ariaAutoComplete=null,this.ariaBusy=null,this.ariaChecked=null,this.ariaColCount=null,this.ariaColIndex=null,this.ariaColIndexText=null,this.ariaColSpan=null,this.ariaCurrent=null,this.ariaDescription=null,this.ariaDisabled=null,this.ariaExpanded=null,this.ariaHasPopup=null,this.ariaHidden=null,this.ariaInvalid=null,this.ariaKeyShortcuts=null,this.ariaLabel=null,this.ariaLevel=null,this.ariaLive=null,this.ariaModal=null,this.ariaMultiLine=null,this.ariaMultiSelectable=null,this.ariaOrientation=null,this.ariaPlaceholder=null,this.ariaPosInSet=null,this.ariaPressed=null,this.ariaReadOnly=null,this.ariaRequired=null,this.ariaRoleDescription=null,this.ariaRowCount=null,this.ariaRowIndex=null,this.ariaRowIndexText=null,this.ariaRowSpan=null,this.ariaSelected=null,this.ariaSetSize=null,this.ariaSort=null,this.ariaValueMax=null,this.ariaValueMin=null,this.ariaValueNow=null,this.ariaValueText=null,this.ariaActiveDescendantElement=null,this.ariaControlsElements=null,this.ariaDescribedByElements=null,this.ariaDetailsElements=null,this.ariaErrorMessageElements=null,this.ariaFlowToElements=null,this.ariaLabelledByElements=null,this.ariaOwnsElements=null,this._formDisabled=!1,!Gi)throw new Error("InternalsController must be constructed with `InternalsController.for()`");if(!this.element)throw new Error("InternalsController must be instantiated with an HTMLElement or a `getHTMLElement` function");this.attach(),this.initializeOptions(o),i.instances.set(t,this),zf(this,Ki,"m",Uc).call(this)}attach(){return this.internals??(this.internals=this.element.attachInternals()),this.internals}initializeOptions(t){var o;this.options??(this.options=t??{});let{getHTMLElement:e,...a}=this.options;(o=this.options).getHTMLElement??(o.getHTMLElement=e);for(let[c,p]of Object.entries(a))jc(c)&&(this[c]=p)}setFormValue(...t){return this.internals.setFormValue(...t)}setValidity(...t){return this.internals.setValidity(...t)}checkValidity(...t){return this.internals.checkValidity(...t)}reportValidity(...t){return this.internals.reportValidity(...t)}submit(){this.internals.form?.requestSubmit()}reset(){this.internals.form?.reset()}};Ki=new WeakSet,Uc=function(){let t=this.element.formDisabledCallback;this.element.formDisabledCallback=o=>{this._formDisabled=o,t?.call(this.host,o)}};f.instances=new WeakMap;m([g],f.prototype,"role",void 0);m([g],f.prototype,"ariaActivedescendant",void 0);m([g],f.prototype,"ariaAtomic",void 0);m([g],f.prototype,"ariaAutoComplete",void 0);m([g],f.prototype,"ariaBusy",void 0);m([g],f.prototype,"ariaChecked",void 0);m([g],f.prototype,"ariaColCount",void 0);m([g],f.prototype,"ariaColIndex",void 0);m([g],f.prototype,"ariaColIndexText",void 0);m([g],f.prototype,"ariaColSpan",void 0);m([g],f.prototype,"ariaCurrent",void 0);m([g],f.prototype,"ariaDescription",void 0);m([g],f.prototype,"ariaDisabled",void 0);m([g],f.prototype,"ariaExpanded",void 0);m([g],f.prototype,"ariaHasPopup",void 0);m([g],f.prototype,"ariaHidden",void 0);m([g],f.prototype,"ariaInvalid",void 0);m([g],f.prototype,"ariaKeyShortcuts",void 0);m([g],f.prototype,"ariaLabel",void 0);m([g],f.prototype,"ariaLevel",void 0);m([g],f.prototype,"ariaLive",void 0);m([g],f.prototype,"ariaModal",void 0);m([g],f.prototype,"ariaMultiLine",void 0);m([g],f.prototype,"ariaMultiSelectable",void 0);m([g],f.prototype,"ariaOrientation",void 0);m([g],f.prototype,"ariaPlaceholder",void 0);m([g],f.prototype,"ariaPosInSet",void 0);m([g],f.prototype,"ariaPressed",void 0);m([g],f.prototype,"ariaReadOnly",void 0);m([g],f.prototype,"ariaRequired",void 0);m([g],f.prototype,"ariaRoleDescription",void 0);m([g],f.prototype,"ariaRowCount",void 0);m([g],f.prototype,"ariaRowIndex",void 0);m([g],f.prototype,"ariaRowIndexText",void 0);m([g],f.prototype,"ariaRowSpan",void 0);m([g],f.prototype,"ariaSelected",void 0);m([g],f.prototype,"ariaSetSize",void 0);m([g],f.prototype,"ariaSort",void 0);m([g],f.prototype,"ariaValueMax",void 0);m([g],f.prototype,"ariaValueMin",void 0);m([g],f.prototype,"ariaValueNow",void 0);m([g],f.prototype,"ariaValueText",void 0);m([g],f.prototype,"ariaActiveDescendantElement",void 0);m([g],f.prototype,"ariaControlsElements",void 0);m([g],f.prototype,"ariaDescribedByElements",void 0);m([g],f.prototype,"ariaDetailsElements",void 0);m([g],f.prototype,"ariaErrorMessageElements",void 0);m([g],f.prototype,"ariaFlowToElements",void 0);m([g],f.prototype,"ariaLabelledByElements",void 0);m([g],f.prototype,"ariaOwnsElements",void 0);import{css as Ef}from"lit";var Tf=Ef`:host {
+`,bp=lg;var jt=class extends ig{constructor(){super(...arguments);this.selected=!1}render(){return ng`
+      <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>
+    `}};jt.styles=[bp],r([hp({reflect:!0,type:Boolean})],jt.prototype,"selected",2),r([hp({reflect:!0})],jt.prototype,"stacked",2),jt=r([cg("pf-tile")],jt);import{LitElement as Cp,html as mg,isServer as gg}from"lit";import{customElement as bg}from"lit/decorators/custom-element.js";import{property as Z}from"lit/decorators/property.js";import{ifDefined as nc}from"lit/directives/if-defined.js";import{styleMap as hg}from"lit/directives/style-map.js";import{__classPrivateFieldGet as sg,__decorate as h}from"tslib";import{isServer as up}from"lit";var ic,vp;function _p(l){return l==="role"||l.startsWith("aria")}var yl=new WeakMap,lc=!1;function u(l,t){if(yl.has(l)||yl.set(l,new Set),!yl.get(l).has(t)){if(!_p(t))throw new Error("@aria can only be called on ARIAMixin properties");Object.defineProperty(l,t,{enumerable:!0,configurable:!1,get(){return this.attachOrRetrieveInternals()[t]},set(o){let e=this.attachOrRetrieveInternals();e[t]=o,this.host.requestUpdate()}}),yl.get(l).add(t)}}function pg(l){return l.hidden?"":l.getAttribute?.("aria-label")??l.textContent}var m=class l{static getLabels(t){return Array.from(this.instances.get(t)?.internals.labels??[])}static of(t,o){lc=!0;let e=l.instances.get(t)??new l(t,o);return e.initializeOptions(o),lc=!1,e}get formDisabled(){return up?this._formDisabled:this.element?.matches(":disabled")||this._formDisabled}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get computedLabelText(){return this.internals.ariaLabel||Array.from(this.internals.labels).reduce((t,o)=>`${t}${pg(o)}`,"")}get element(){return up?this.host:this.host instanceof HTMLElement?this.host:this.options?.getHTMLElement?.()}constructor(t,o){if(ic.add(this),this.host=t,this.options=o,this.role=null,this.ariaActivedescendant=null,this.ariaAtomic=null,this.ariaAutoComplete=null,this.ariaBusy=null,this.ariaBrailleLabel=null,this.ariaBrailleRoleDescription=null,this.ariaChecked=null,this.ariaColCount=null,this.ariaColIndex=null,this.ariaColIndexText=null,this.ariaColSpan=null,this.ariaCurrent=null,this.ariaDescription=null,this.ariaDisabled=null,this.ariaExpanded=null,this.ariaHasPopup=null,this.ariaHidden=null,this.ariaInvalid=null,this.ariaKeyShortcuts=null,this.ariaLabel=null,this.ariaLevel=null,this.ariaLive=null,this.ariaModal=null,this.ariaMultiLine=null,this.ariaMultiSelectable=null,this.ariaOrientation=null,this.ariaPlaceholder=null,this.ariaPosInSet=null,this.ariaPressed=null,this.ariaReadOnly=null,this.ariaRequired=null,this.ariaRoleDescription=null,this.ariaRowCount=null,this.ariaRowIndex=null,this.ariaRowIndexText=null,this.ariaRowSpan=null,this.ariaSelected=null,this.ariaSetSize=null,this.ariaSort=null,this.ariaValueMax=null,this.ariaValueMin=null,this.ariaValueNow=null,this.ariaValueText=null,this.ariaActiveDescendantElement=null,this.ariaControlsElements=null,this.ariaDescribedByElements=null,this.ariaDetailsElements=null,this.ariaErrorMessageElements=null,this.ariaFlowToElements=null,this.ariaLabelledByElements=null,this.ariaOwnsElements=null,this._formDisabled=!1,!lc)throw new Error("InternalsController must be constructed with `InternalsController.for()`");if(!this.element)throw new Error("InternalsController must be instantiated with an HTMLElement or a `getHTMLElement` function");this.attachOrRetrieveInternals(),this.initializeOptions(o),l.instances.set(t,this),sg(this,ic,"m",vp).call(this)}attachOrRetrieveInternals(){return this.internals??(this.internals=this.element.attachInternals()),this.internals}initializeOptions(t){var o;this.options??(this.options=t??{});let{getHTMLElement:e,...a}=this.options;(o=this.options).getHTMLElement??(o.getHTMLElement=e);for(let[c,p]of Object.entries(a))_p(c)&&(this[c]=p)}setFormValue(...t){return this.internals.setFormValue(...t)}setValidity(...t){return this.internals.setValidity(...t)}checkValidity(...t){return this.internals.checkValidity(...t)}reportValidity(...t){return this.internals.reportValidity(...t)}submit(){this.internals.form?.requestSubmit()}reset(){this.internals.form?.reset()}};ic=new WeakSet,vp=function(){let t=this.element.formDisabledCallback;this.element.formDisabledCallback=o=>{this._formDisabled=o,t?.call(this.host,o)}};m.instances=new WeakMap;m.isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);h([u],m.prototype,"role",void 0);h([u],m.prototype,"ariaActivedescendant",void 0);h([u],m.prototype,"ariaAtomic",void 0);h([u],m.prototype,"ariaAutoComplete",void 0);h([u],m.prototype,"ariaBusy",void 0);h([u],m.prototype,"ariaBrailleLabel",void 0);h([u],m.prototype,"ariaBrailleRoleDescription",void 0);h([u],m.prototype,"ariaChecked",void 0);h([u],m.prototype,"ariaColCount",void 0);h([u],m.prototype,"ariaColIndex",void 0);h([u],m.prototype,"ariaColIndexText",void 0);h([u],m.prototype,"ariaColSpan",void 0);h([u],m.prototype,"ariaCurrent",void 0);h([u],m.prototype,"ariaDescription",void 0);h([u],m.prototype,"ariaDisabled",void 0);h([u],m.prototype,"ariaExpanded",void 0);h([u],m.prototype,"ariaHasPopup",void 0);h([u],m.prototype,"ariaHidden",void 0);h([u],m.prototype,"ariaInvalid",void 0);h([u],m.prototype,"ariaKeyShortcuts",void 0);h([u],m.prototype,"ariaLabel",void 0);h([u],m.prototype,"ariaLevel",void 0);h([u],m.prototype,"ariaLive",void 0);h([u],m.prototype,"ariaModal",void 0);h([u],m.prototype,"ariaMultiLine",void 0);h([u],m.prototype,"ariaMultiSelectable",void 0);h([u],m.prototype,"ariaOrientation",void 0);h([u],m.prototype,"ariaPlaceholder",void 0);h([u],m.prototype,"ariaPosInSet",void 0);h([u],m.prototype,"ariaPressed",void 0);h([u],m.prototype,"ariaReadOnly",void 0);h([u],m.prototype,"ariaRequired",void 0);h([u],m.prototype,"ariaRoleDescription",void 0);h([u],m.prototype,"ariaRowCount",void 0);h([u],m.prototype,"ariaRowIndex",void 0);h([u],m.prototype,"ariaRowIndexText",void 0);h([u],m.prototype,"ariaRowSpan",void 0);h([u],m.prototype,"ariaSelected",void 0);h([u],m.prototype,"ariaSetSize",void 0);h([u],m.prototype,"ariaSort",void 0);h([u],m.prototype,"ariaValueMax",void 0);h([u],m.prototype,"ariaValueMin",void 0);h([u],m.prototype,"ariaValueNow",void 0);h([u],m.prototype,"ariaValueText",void 0);h([u],m.prototype,"ariaActiveDescendantElement",void 0);h([u],m.prototype,"ariaControlsElements",void 0);h([u],m.prototype,"ariaDescribedByElements",void 0);h([u],m.prototype,"ariaDetailsElements",void 0);h([u],m.prototype,"ariaErrorMessageElements",void 0);h([u],m.prototype,"ariaFlowToElements",void 0);h([u],m.prototype,"ariaLabelledByElements",void 0);h([u],m.prototype,"ariaOwnsElements",void 0);import{css as dg}from"lit";var fg=dg`:host {
 	--pf-c-form-control--Color: var(--pf-global--Color--100, #151515);
 	--pf-c-form-control--FontSize: var(--pf-global--FontSize--md, 1rem);
 	--pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md, 1.5);
@@ -606,23 +605,23 @@ input::placeholder {
 	--pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
 }
 */
-`,qc=Tf;var no,Ze,Qe,Je,Qi,Ua,Yc,ja,Xc,or,Ji,ae,Na,w=class extends Vc{constructor(){super(...arguments);n(this,Je);n(this,Ua);n(this,ja);n(this,or);n(this,ae);this.leftTruncated=!1;this.plain=!1;this.disabled=!1;this.required=!1;this.readonly=!1;this.value="";n(this,no,f.of(this));n(this,Ze,"");n(this,Qe,!1)}willUpdate(){b(this,Ze,this.accessibleLabel||l(this,no).computedLabelText)}render(){let{valid:o}=l(this,no).validity;return Rf`
+`,xp=fg;var ho,yr,kr,wl,Bp,wr,cc,Sl,yp,Ll,kp,Sr,sc,_e,kl,R=class extends Cp{constructor(){super(...arguments);n(this,wl);n(this,wr);n(this,Sl);n(this,Ll);n(this,Sr);n(this,_e);this.leftTruncated=!1;this.plain=!1;this.disabled=!1;this.required=!1;this.readonly=!1;this.value="";n(this,ho,m.of(this));n(this,yr,"");n(this,kr,!1)}willUpdate(){v(this,yr,this.accessibleLabel||i(this,ho).computedLabelText)}render(){let{valid:o}=i(this,ho).validity;return mg`
       <input id="input"
              .placeholder="${this.placeholder??""}"
              .value="${this.value}"
-             pattern="${Zi(this.pattern)}"
-             @input="${s(this,Ua,Yc)}"
-             @keydown="${s(this,ja,Xc)}"
-             @blur="${s(this,or,Ji)}"
-             ?disabled="${this.matches(":disabled")||this.disabled}"
+             pattern="${nc(this.pattern)}"
+             @input="${s(this,Sl,yp)}"
+             @keydown="${s(this,Ll,kp)}"
+             @blur="${s(this,Sr,sc)}"
+             ?disabled="${i(this,wl,Bp)}"
              ?readonly="${this.readonly}"
              ?required="${this.required}"
-             aria-label="${l(this,Ze)}"
-             type="${Zi(this.type)}"
-             style="${Zi(this.customIconUrl&&Pf({backgroundImage:`url('${this.customIconUrl}')`,backgroundSize:this.customIconDimensions}))}">
+             aria-label="${i(this,yr)}"
+             type="${nc(this.type)}"
+             style="${nc(this.customIconUrl&&hg({backgroundImage:`url('${this.customIconUrl}')`,backgroundSize:this.customIconDimensions}))}">
         <span id="helper-text" ?hidden="${!this.helperText||o}">${this.helperText}</span>
-        <span id="error-text" ?hidden="${o}">${l(this,no).validationMessage}</span>
-    `}async formStateRestoreCallback(o,e){if(e==="restore"){let[a,c]=o.split("/");this.value=c??a,this.requestUpdate(),await this.updateComplete,s(this,ae,Na).call(this)}}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){l(this,no).setValidity({},o),this.requestUpdate()}checkValidity(){s(this,ae,Na).call(this);let o=l(this,no).checkValidity();return this.requestUpdate(),o}reportValidity(){return s(this,ae,Na).call(this),l(this,no).reportValidity()}};no=new WeakMap,Ze=new WeakMap,Qe=new WeakMap,Je=new WeakSet,Qi=function(){return this.shadowRoot?.getElementById("input")??null},Ua=new WeakSet,Yc=function(o){let{value:e}=o.target;this.value=e,l(this,no).setFormValue(e),l(this,Qe)&&!l(this,no).validity.valid&&s(this,or,Ji).call(this),b(this,Qe,!0)},ja=new WeakSet,Xc=function(o){switch(o.key){case"Enter":this.reportValidity()&&l(this,no).form?.requestSubmit(null)}},or=new WeakSet,Ji=function(){this.validateOn==="blur"&&this.checkValidity()},ae=new WeakSet,Na=function(){l(this,no).setValidity(l(this,Je,Qi)?.validity,this.errorText??l(this,Je,Qi).validationMessage),this.requestUpdate()},w.styles=[qc],w.formAssociated=!0,w.shadowRootOptions={...Vc.shadowRootOptions,delegatesFocus:!0},r([O({type:Boolean,reflect:!0,attribute:"left-truncated"})],w.prototype,"leftTruncated",2),r([O({reflect:!0})],w.prototype,"validated",2),r([O({reflect:!0})],w.prototype,"icon",2),r([O({reflect:!0,attribute:"accessible-label"})],w.prototype,"accessibleLabel",2),r([O({reflect:!0,attribute:"custom-icon-url"})],w.prototype,"customIconUrl",2),r([O({reflect:!0,attribute:"custom-icon-dimensions"})],w.prototype,"customIconDimensions",2),r([O({type:Boolean,reflect:!0})],w.prototype,"plain",2),r([O({reflect:!0})],w.prototype,"type",2),r([O({type:Boolean,reflect:!0})],w.prototype,"disabled",2),r([O({type:Boolean,reflect:!0})],w.prototype,"required",2),r([O()],w.prototype,"pattern",2),r([O({type:Boolean,reflect:!0})],w.prototype,"readonly",2),r([O({attribute:"helper-text"})],w.prototype,"helperText",2),r([O({attribute:"validate-on"})],w.prototype,"validateOn",2),r([O({attribute:"error-text"})],w.prototype,"errorText",2),r([O()],w.prototype,"placeholder",2),r([O()],w.prototype,"value",2),w=r([Ff("pf-text-input")],w);import{LitElement as Kc,html as If}from"lit";import{customElement as Af}from"lit/decorators/custom-element.js";import{property as Do}from"lit/decorators/property.js";import{ifDefined as Zc}from"lit/directives/if-defined.js";import{classMap as Of}from"lit/directives/class-map.js";import{css as Hf}from"lit";var $f=Hf`:host {
+        <span id="error-text" ?hidden="${o}">${i(this,ho).validationMessage}</span>
+    `}async formStateRestoreCallback(o,e){if(e==="restore"){let[a,c]=o.split("/");this.value=c??a,this.requestUpdate(),await this.updateComplete,s(this,_e,kl).call(this)}}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){i(this,ho).setValidity({},o),this.requestUpdate()}checkValidity(){s(this,_e,kl).call(this);let o=i(this,ho).checkValidity();return this.requestUpdate(),o}reportValidity(){return s(this,_e,kl).call(this),i(this,ho).reportValidity()}};ho=new WeakMap,yr=new WeakMap,kr=new WeakMap,wl=new WeakSet,Bp=function(){return!gg&&this.matches(":disabled")||this.disabled},wr=new WeakSet,cc=function(){return this.shadowRoot?.getElementById("input")??null},Sl=new WeakSet,yp=function(o){let{value:e}=o.target;this.value=e,i(this,ho).setFormValue(e),i(this,kr)&&!i(this,ho).validity.valid&&s(this,Sr,sc).call(this),v(this,kr,!0)},Ll=new WeakSet,kp=function(o){switch(o.key){case"Enter":this.reportValidity()&&i(this,ho).form?.requestSubmit(null)}},Sr=new WeakSet,sc=function(){this.validateOn==="blur"&&this.checkValidity()},_e=new WeakSet,kl=function(){i(this,ho).setValidity(i(this,wr,cc)?.validity,this.errorText??i(this,wr,cc).validationMessage),this.requestUpdate()},R.styles=[xp],R.formAssociated=!0,R.shadowRootOptions={...Cp.shadowRootOptions,delegatesFocus:!0},r([Z({type:Boolean,reflect:!0,attribute:"left-truncated"})],R.prototype,"leftTruncated",2),r([Z({reflect:!0})],R.prototype,"validated",2),r([Z({reflect:!0})],R.prototype,"icon",2),r([Z({reflect:!0,attribute:"accessible-label"})],R.prototype,"accessibleLabel",2),r([Z({reflect:!0,attribute:"custom-icon-url"})],R.prototype,"customIconUrl",2),r([Z({reflect:!0,attribute:"custom-icon-dimensions"})],R.prototype,"customIconDimensions",2),r([Z({type:Boolean,reflect:!0})],R.prototype,"plain",2),r([Z({reflect:!0})],R.prototype,"type",2),r([Z({type:Boolean,reflect:!0})],R.prototype,"disabled",2),r([Z({type:Boolean,reflect:!0})],R.prototype,"required",2),r([Z()],R.prototype,"pattern",2),r([Z({type:Boolean,reflect:!0})],R.prototype,"readonly",2),r([Z({attribute:"helper-text"})],R.prototype,"helperText",2),r([Z({attribute:"validate-on"})],R.prototype,"validateOn",2),r([Z({attribute:"error-text"})],R.prototype,"errorText",2),r([Z()],R.prototype,"placeholder",2),r([Z()],R.prototype,"value",2),R=r([bg("pf-text-input")],R);import{LitElement as Sp,html as xg,isServer as Cg}from"lit";import{customElement as Bg}from"lit/decorators/custom-element.js";import{property as it}from"lit/decorators/property.js";import{ifDefined as Lp}from"lit/directives/if-defined.js";import{classMap as yg}from"lit/directives/class-map.js";import{css as ug}from"lit";var vg=ug`:host {
   display: block;
 
   /* .pf-c-form-control */
@@ -815,18 +814,18 @@ textarea[readonly] {
 .horizontal { resize: horizontal; }
 .both { resize: both; }
 
-`,Gc=$f;co();var qa,No,tr,Uo,Pt,er,on,rr,tn,ar,en,V=class extends Kc{constructor(){super(...arguments);n(this,Uo);n(this,er);n(this,rr);n(this,ar);this.disabled=!1;this.required=!1;this.readonly=!1;this.value="";this.autoResize=!1;n(this,qa,new y(this));n(this,No,f.of(this));n(this,tr,"")}willUpdate(){b(this,tr,this.accessibleLabel||l(this,No).computedLabelText)}render(){let o={[String(this.resize)]:!!this.resize};return If`
-      <textarea id="textarea" class="${Of(o)}"
-                @input="${s(this,er,on)}"
-                @change="${s(this,er,on)}"
-                ?disabled="${this.matches(":disabled")||this.disabled}"
+`,wp=vg;mo();var zl,nt,Lr,Wl,zp,ct,qt,zr,pc,Wr,dc,Tr,fc,ao=class extends Sp{constructor(){super(...arguments);n(this,Wl);n(this,ct);n(this,zr);n(this,Wr);n(this,Tr);this.disabled=!1;this.required=!1;this.readonly=!1;this.value="";this.autoResize=!1;n(this,zl,new k(this));n(this,nt,m.of(this));n(this,Lr,"")}willUpdate(){v(this,Lr,this.accessibleLabel||i(this,nt).computedLabelText)}render(){let o={[String(this.resize)]:!!this.resize};return xg`
+      <textarea id="textarea" class="${yg(o)}"
+                @input="${s(this,zr,pc)}"
+                @change="${s(this,zr,pc)}"
+                ?disabled="${i(this,Wl,zp)}"
                 ?readonly="${this.readonly}"
                 ?required="${this.required}"
-                aria-label="${Zc(l(this,tr))}"
-                placeholder="${Zc(this.placeholder)}"
+                aria-label="${Lp(i(this,Lr))}"
+                placeholder="${Lp(this.placeholder)}"
                 .value="${this.value}"
       ></textarea>
-    `}firstUpdated(){this.autoResize&&s(this,rr,tn).call(this)}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){l(this,No).setValidity({},o)}checkValidity(){return s(this,ar,en).call(this),l(this,No).checkValidity()}reportValidity(){return s(this,ar,en).call(this),l(this,No).reportValidity()}};qa=new WeakMap,No=new WeakMap,tr=new WeakMap,Uo=new WeakSet,Pt=function(){return this.shadowRoot?.getElementById("textarea")??null},er=new WeakSet,on=function(o){if(o.target instanceof HTMLTextAreaElement){let{value:e}=o.target;this.value=e,l(this,No).setFormValue(e)}this.autoResize&&s(this,rr,tn).call(this)},rr=new WeakSet,tn=function(){l(this,Uo,Pt).style.setProperty("--pf-c-form-control--textarea--Height","auto"),l(this,Uo,Pt).style.setProperty("--pf-c-form-control--textarea--Height",`${l(this,Uo,Pt).scrollHeight}px`)},ar=new WeakSet,en=function(){l(this,Uo,Pt)?l(this,No).setValidity(l(this,Uo,Pt).validity,l(this,Uo,Pt).validationMessage):l(this,qa).warn("await updateComplete before validating")},V.styles=[Gc],V.formAssociated=!0,V.shadowRootOptions={...Kc.shadowRootOptions,delegatesFocus:!0},r([Do({reflect:!0,attribute:"accessible-label"})],V.prototype,"accessibleLabel",2),r([Do({reflect:!0})],V.prototype,"validated",2),r([Do({type:Boolean,reflect:!0})],V.prototype,"disabled",2),r([Do({type:Boolean,reflect:!0})],V.prototype,"required",2),r([Do({type:Boolean,reflect:!0})],V.prototype,"readonly",2),r([Do()],V.prototype,"placeholder",2),r([Do()],V.prototype,"value",2),r([Do()],V.prototype,"resize",2),r([Do({type:Boolean,attribute:"auto-resize"})],V.prototype,"autoResize",2),V=r([Af("pf-text-area")],V);import{html as vn,LitElement as gm}from"lit";import{customElement as bm}from"lit/decorators/custom-element.js";import{property as Go}from"lit/decorators/property.js";import{query as hm}from"lit/decorators/query.js";var jo=class extends Event{constructor(t,o,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=o,this.subscribe=e??!1}};function rn(i){return i}var le=class{constructor(t,o,e,a){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(c,p)=>{this.unsubscribe&&(this.unsubscribe!==p&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=c,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(c,p)),this.unsubscribe=p},this.host=t,o.context!==void 0){let c=o;this.context=c.context,this.callback=c.callback,this.subscribe=c.subscribe??!1}else this.context=o,this.callback=e,this.subscribe=a??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new jo(this.context,this.t,this.subscribe))}};var Va=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,o=!1){let e=o||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[o,{disposer:e}]of this.subscriptions)o(this.o,e)},t!==void 0&&(this.value=t)}addCallback(t,o,e){if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:o});let{disposer:a}=this.subscriptions.get(t);t(this.value,a)}clearCallbacks(){this.subscriptions.clear()}};var an=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},ie=class extends Va{constructor(t,o,e){super(o.context!==void 0?o.initialValue:e),this.onContextRequest=a=>{let c=a.composedPath()[0];a.context===this.context&&c!==this.host&&(a.stopPropagation(),this.addCallback(a.callback,c,a.subscribe))},this.onProviderRequest=a=>{let c=a.composedPath()[0];if(a.context!==this.context||c===this.host)return;let p=new Set;for(let[d,{consumerHost:u}]of this.subscriptions)p.has(d)||(p.add(d),u.dispatchEvent(new jo(this.context,d,!0)));a.stopPropagation()},this.host=t,o.context!==void 0?this.context=o.context:this.context=o,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new an(this.context))}};var lr=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{let o=this.pendingContextRequests.get(t.context);if(o===void 0)return;this.pendingContextRequests.delete(t.context);let{requests:e}=o;for(let{elementRef:a,callbackRef:c}of e){let p=a.deref(),d=c.deref();p===void 0||d===void 0||p.dispatchEvent(new jo(t.context,d,!0))}},this.onContextRequest=t=>{if(t.subscribe!==!0)return;let o=t.composedPath()[0],e=t.callback,a=this.pendingContextRequests.get(t.context);a===void 0&&this.pendingContextRequests.set(t.context,a={callbacks:new WeakMap,requests:[]});let c=a.callbacks.get(o);c===void 0&&a.callbacks.set(o,c=new WeakSet),c.has(e)||(c.add(e),a.requests.push({elementRef:new WeakRef(o),callbackRef:new WeakRef(e)}))}}attach(t){t.addEventListener("context-request",this.onContextRequest),t.addEventListener("context-provider",this.onContextProvider)}detach(t){t.removeEventListener("context-request",this.onContextRequest),t.removeEventListener("context-provider",this.onContextProvider)}};function ir({context:i}){return(t,o)=>{let e=new WeakMap;if(typeof o=="object")return o.addInitializer(function(){e.set(this,new ie(this,{context:i}))}),{get(){return t.get.call(this)},set(a){return e.get(this)?.setValue(a),t.set.call(this,a)},init(a){return e.get(this)?.setValue(a),a}};{t.constructor.addInitializer(p=>{e.set(p,new ie(p,{context:i}))});let a=Object.getOwnPropertyDescriptor(t,o),c;if(a===void 0){let p=new WeakMap;c={get:function(){return p.get(this)},set:function(d){e.get(this).setValue(d),p.set(this,d)},configurable:!0,enumerable:!0}}else{let p=a.set;c={...a,set:function(d){e.get(this).setValue(d),p?.call(this,d)}}}return void Object.defineProperty(t,o,c)}}}function qo({context:i,subscribe:t}){return(o,e)=>{typeof e=="object"?e.addInitializer(function(){new le(this,{context:i,callback:a=>{this[e.name]=a},subscribe:t})}):o.constructor.addInitializer(a=>{new le(a,{context:i,callback:c=>{a[e]=c},subscribe:t})})}}co();import{classMap as um}from"lit/directives/class-map.js";import{__classPrivateFieldGet as _,__classPrivateFieldSet as nr}from"tslib";function ln(i,t,o=!1,e=!1){if(!i||!t)return!1;let a=i.getBoundingClientRect(),c=t.getBoundingClientRect(),p=Math.ceil(a.left),d=Math.floor(a.right),u=Math.ceil(c.left),B=Math.floor(c.right),L=u>=p&&B<=d,I=(o||!e&&a.width<c.width)&&(u<p&&B>p||B>d&&u<d);return L||I}var Vo,sr,sn,D,cr,Ya,Xa,ne,nn,cn,gt,pr=class{get firstItem(){return _(this,cr,"f").at(0)}get lastItem(){return _(this,cr,"f").at(-1)}constructor(t,o){Vo.add(this),this.host=t,this.options=o,D.set(this,void 0),cr.set(this,[]),Ya.set(this,void 0),Xa.set(this,void 0),ne.set(this,void 0),nn.set(this,new MutationObserver(e=>{for(let a of e)a.type==="childList"&&_(this,Vo,"m",gt).call(this)})),cn.set(this,new ResizeObserver(()=>{_(this,Vo,"m",gt).call(this)})),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(_(this,Xa,"f")),nr(this,Xa,setTimeout(()=>_(this,Vo,"m",gt).call(this),_(this,Ya,"f")),"f")},nr(this,ne,o?.hideOverflowButtons??!1,"f"),nr(this,Ya,o?.scrollTimeoutDelay??0,"f"),t.isConnected&&_(sr,sr,"f",sn).add(this),t.addController(this),t.isConnected&&this.hostConnected()}init(t,o){nr(this,D,t,"f"),nr(this,cr,o,"f")}scrollLeft(){if(!_(this,D,"f"))return;let t=_(this,D,"f").scrollLeft-_(this,D,"f").clientWidth;_(this,D,"f").scroll({left:t,behavior:"smooth"}),_(this,Vo,"m",gt).call(this)}scrollRight(){if(!_(this,D,"f"))return;let t=_(this,D,"f").scrollLeft+_(this,D,"f").clientWidth;_(this,D,"f").scroll({left:t,behavior:"smooth"}),_(this,Vo,"m",gt).call(this)}update(){_(this,Vo,"m",gt).call(this)}hostConnected(){_(this,nn,"f").observe(this.host,{attributes:!1,childList:!0,subtree:!0}),_(this,cn,"f").observe(this.host),this.onScroll(),_(this,Vo,"m",gt).call(this)}};sr=pr,D=new WeakMap,cr=new WeakMap,Ya=new WeakMap,Xa=new WeakMap,ne=new WeakMap,nn=new WeakMap,cn=new WeakMap,Vo=new WeakSet,gt=function(){if(!this.firstItem||!this.lastItem||!_(this,D,"f"))return;let t=this.overflowLeft,o=this.overflowRight;this.overflowLeft=!_(this,ne,"f")&&!ln(_(this,D,"f"),this.firstItem),this.overflowRight=!_(this,ne,"f")&&!ln(_(this,D,"f"),this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(_(this,D,"f").parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!_(this,ne,"f")&&_(this,D,"f").scrollWidth>_(this,D,"f").clientWidth+e,(t!==this.overflowLeft||o!==this.overflowRight)&&this.host.requestUpdate()};sn={value:new Set};window.addEventListener("resize",()=>{for(let i of _(sr,sr,"f",sn))i.onScroll()},{capture:!1,passive:!0});import{__classPrivateFieldGet as h,__classPrivateFieldSet as Ht}from"tslib";var S,se,ce,ut,ht,fr,eo,dr,pn,bt,dn,mr,Df=i=>!!i&&!i.ariaHidden&&!i.hasAttribute("hidden"),N=class{static of(t,o){return new se(t,o)}get activeItem(){return h(this,ce,"f")}get items(){return h(this,ht,"f")}get focusableItems(){return h(this,S,"a",eo)}get firstItem(){return h(this,S,"a",eo)[0]}get lastItem(){return h(this,S,"a",eo).at(-1)}get nextItem(){return h(this,S,"a",dr)>=h(this,S,"a",eo).length-1?this.firstItem:h(this,S,"a",eo)[h(this,S,"a",dr)+1]}get prevItem(){return h(this,S,"a",dr)>0?h(this,S,"a",eo)[h(this,S,"a",dr)-1]:this.lastItem}constructor(t,o){S.add(this),this.host=t,ce.set(this,void 0),ut.set(this,void 0),ht.set(this,[]),fr.set(this,!1),bt.set(this,void 0),mr.set(this,a=>{if(!(a instanceof KeyboardEvent)||a.ctrlKey||a.altKey||a.metaKey||!h(this,S,"a",eo).length||!a.composedPath().some(L=>h(this,S,"a",eo).includes(L)))return;let c=h(this,bt,"f").getHTMLElement()?.getAttribute("aria-orientation"),p=this.activeItem,d=!1,u=p?p.tagName==="SELECT"||p.getAttribute("role")==="spinbutton"||c==="horizontal":!1,B=c==="vertical";switch(a.key){case"ArrowLeft":if(B)return;this.setActiveItem(this.prevItem),d=!0;break;case"ArrowRight":if(B)return;this.setActiveItem(this.nextItem),d=!0;break;case"ArrowUp":if(u)return;this.setActiveItem(this.prevItem),d=!0;break;case"ArrowDown":if(u)return;this.setActiveItem(this.nextItem),d=!0;break;case"Home":this.setActiveItem(this.firstItem),d=!0;break;case"End":this.setActiveItem(this.lastItem),d=!0;break;default:break}d&&(a.stopPropagation(),a.preventDefault())}),Ht(this,bt,{getHTMLElement:o?.getHTMLElement??o?.getElement??(()=>t instanceof HTMLElement?t:null),getItems:o?.getItems,getItemContainer:o?.getItemContainer},"f");let e=se.hosts.get(t);if(e)return e;se.hosts.set(t,this),this.host.addController(this),this.updateItems()}hostUpdated(){let t=h(this,ut,"f"),o=h(this,bt,"f").getHTMLElement();t!==o&&(t?.removeEventListener("keydown",h(this,mr,"f")),se.elements.delete(t),this.updateItems()),o&&h(this,S,"m",dn).call(this,o)}hostDisconnected(){h(this,ut,"f")?.removeEventListener("keydown",h(this,mr,"f")),Ht(this,ut,void 0,"f"),Ht(this,fr,!1,"f")}setActiveItem(t){Ht(this,ce,t,"f");for(let o of h(this,S,"a",eo))o.tabIndex=h(this,ce,"f")===o?0:-1;this.host.requestUpdate(),h(this,fr,"f")&&h(this,ce,"f")?.focus()}updateItems(t=h(this,bt,"f").getItems?.()??[]){Ht(this,ht,t,"f");let e=[...h(this,ht,"f").slice(h(this,S,"a",pn)-1),...h(this,ht,"f").slice(0,h(this,S,"a",pn)-1)].find(p=>h(this,S,"a",eo).includes(p)),[a]=h(this,S,"a",eo),c=a??e??this.firstItem;this.setActiveItem(c)}focusOnItem(t){this.setActiveItem(t)}initItems(t,o){let e=o??h(this,bt,"f")?.getItemContainer?.()??h(this,bt,"f").getHTMLElement();e&&h(this,S,"m",dn).call(this,e),this.updateItems(t)}};se=N,ce=new WeakMap,ut=new WeakMap,ht=new WeakMap,fr=new WeakMap,bt=new WeakMap,mr=new WeakMap,S=new WeakSet,eo=function(){return h(this,ht,"f").filter(Df)},dr=function(){return h(this,S,"a",eo)&&this.activeItem?h(this,S,"a",eo).indexOf(this.activeItem):-1},pn=function(){return this.activeItem?h(this,ht,"f").indexOf(this.activeItem):-1},dn=function(t){se.elements.set(t,this),Ht(this,ut,t,"f"),h(this,ut,"f").addEventListener("keydown",h(this,mr,"f")),h(this,ut,"f").addEventListener("focusin",()=>{Ht(this,fr,!0,"f")},{once:!0})};N.hosts=new WeakMap;N.elements=new WeakMap;co();import{__classPrivateFieldGet as E,__classPrivateFieldSet as gr}from"tslib";var br,hr,Za,vt,_t,pe,Ga,Ka,Qa=class{get tabs(){return[...E(this,_t,"f").keys()]}get activeTab(){return this.tabs.find(t=>E(this,pe,"f").isActiveTab(t))}constructor(t,o){if(br.add(this),hr.set(this,void 0),Za.set(this,void 0),vt.set(this,void 0),_t.set(this,new Map),pe.set(this,void 0),Ga.set(this,new MutationObserver(E(this,br,"m",Ka).bind(this))),gr(this,pe,o,"f"),gr(this,hr,new y(t),"f"),t instanceof HTMLElement)gr(this,vt,t,"f");else{let e=o.getHTMLElement?.();if(!e)throw new Error("TabsController must be instantiated with an HTMLElement or a `getHTMLElement()` option");gr(this,vt,e,"f")}gr(this,Za,t,"f").addController(this),E(this,vt,"f").addEventListener("slotchange",E(this,br,"m",Ka)),E(this,vt,"f").isConnected&&this.hostConnected()}hostConnected(){E(this,Ga,"f").observe(E(this,vt,"f"),{attributes:!1,childList:!0,subtree:!1}),E(this,br,"m",Ka).call(this)}hostUpdated(){for(let[t,o]of E(this,_t,"f"))o.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",o.id)}hostDisconnected(){E(this,Ga,"f").disconnect()}panelFor(t){return E(this,_t,"f").get(t)}tabFor(t){for(let[o,e]of E(this,_t,"f"))if(t===e)return o}};hr=new WeakMap,Za=new WeakMap,vt=new WeakMap,_t=new WeakMap,pe=new WeakMap,Ga=new WeakMap,br=new WeakSet,Ka=function(){E(this,_t,"f").clear();let t=[],o=[];for(let e of E(this,vt,"f").children)E(this,pe,"f").isTab(e)?(t.push(e),e.role??(e.role="tab")):E(this,pe,"f").isPanel(e)&&(o.push(e),e.role??(e.role="tabpanel"));for(t.length>o.length?E(this,hr,"f").warn("Too many tabs!"):o.length>t.length&&E(this,hr,"f").warn("Too many panels!");t.length;)E(this,_t,"f").set(t.shift(),o.shift());E(this,Za,"f").requestUpdate()};import{LitElement as Vf,html as Yf}from"lit";import{customElement as Xf}from"lit/decorators/custom-element.js";import{property as gn}from"lit/decorators/property.js";import{queryAssignedElements as Gf}from"lit/decorators/query-assigned-elements.js";import{classMap as Kf}from"lit/directives/class-map.js";Ve();Ve();import{__decorate as Nf}from"tslib";function Qc(i,t,o=!1){let e;return function(...a){let c=this,p=function(){e=null,o||i.apply(c,a)},d=o&&!e;clearTimeout(e),e=window.setTimeout(p,t),d&&i.apply(c,a)}}co();var ur=class i{constructor(t,o){this.host=t,this.options=o,this.mo=new MutationObserver(this.parse),this.cache=new Map,this.class=t.constructor,this.logger=new y(this.host),i.instances.set(t,this);let e=this.options?.properties??{};for(let[a,c]of Object.entries(e))this.initProp(a,c);t.addController(this),this.cascadeProperties=Qc(this.cascadeProperties,1)}hostUpdated(){this.cascadeProperties()}hostConnected(){this.mo.observe(this.host,{attributes:!0,childList:!0}),this.cascadeProperties()}hostDisconnected(){this.mo.disconnect()}cascadeProperties(t=this.host.children){if(this.host.isConnected){let o=this.cache.keys();if(!t)return this._cascadeAttributes(o,this.cache);for(let e of t)if(e instanceof Element){for(let a of o)if(e.matches(a)){let c=this.cache.get(a);for(let p of c??[])this._copyAttribute(p,e)}}}}initProp(t,o){for(let e of[o].flat(1/0).filter(Boolean)){let{attribute:a}=this.class.getPropertyOptions(t),c=typeof a=="string"?a:t.toLowerCase();this.cache.get(e)?this.cache.get(e)?.push(c):this.cache.set(e,[c])}}parse(t){for(let o of t??[])o.type==="childList"&&o.addedNodes.length?this.cascadeProperties(o.addedNodes):o.type==="attributes"&&this._cascadeAttributes(this.cache.keys(),this.cache)}async _copyAttribute(t,o){this.logger.log(`copying ${t} to ${o}`);let e=this.host.getAttribute(t);o.isConnected&&(e==null?o.removeAttribute(t):o.setAttribute(t,e))}_cascadeAttributes(t,o){for(let e of t)for(let a of o.get(e)??[])this._cascadeAttribute(a,e)}_cascadeAttribute(t,o){let e=[...this.host.querySelectorAll(o),...this.host.shadowRoot?.querySelectorAll(o)??[]];for(let a of e)this._copyAttribute(t,a)}};ur.instances=new WeakMap;Nf([A],ur.prototype,"parse",null);co();function Jc(i){return function(t,o){let{alias:e,...a}=i,c=t.constructor,p=c.getPropertyOptions(e);c.createProperty(o,{...p,...a}),c.addInitializer(d=>{d.addController(new fn(d,i,o))})}}var fn=class{constructor(t,o,e){this.host=t,this.options=o,this.deprecatedKey=e,this.logged=!1,this.logger=new y(t)}hostUpdate(){let{deprecatedKey:t,options:{alias:o}}=this;this.host[t]&&this.host[o]!==this.host[t]&&(this.logged||(this.logger.warn(`${t} is deprecated, use ${o} instead`),this.logged=!0),this.host[o]=this.host[t])}};co();var Ja=class{constructor(t,o,e){this.host=t,this.options=e,this.initializer=o.bind(t),this.mo=new MutationObserver(this.initializer),this.logger=new y(this.host),t.addController(this)}hostConnected(){this.hasLightDOM()?this.initializer():this.options?.emptyWarning&&this.logger.warn(this.options?.emptyWarning),this.initObserver()}hostDisconnected(){this.mo.disconnect()}initObserver(){(this.options?.observe??!0)&&this.mo.observe(this.host,typeof this.options?.observe!="object"?{childList:!0}:this.options?.observe)}hasLightDOM(){return this.host.children.length>0||(this.host.textContent??"").trim().length>0}};function os(i){return function(t,o){t.constructor.addInitializer(e=>{let a=t[o],c=new Ja(e,a,i);e.isConnected&&c.hostConnected()})}}var mn=Symbol("observed properties controller"),de=class i{delete(t){this.values.delete(t)}constructor(t){if(this.host=t,this.values=new Map,i.hosts.get(t))return i.hosts.get(t);t.addController(this),t[mn]=this}hostUpdate(){for(let[t,[o,[e,a]]]of this.values)this.host[o]?.(e,a),this.delete(t)}hostUpdated(){this.host.removeController(this)}cache(t,o,...e){this.values.set(t,[o,e])}};de.hosts=new WeakMap;function ho(...i){if(i.length===1){let[t]=i;return function(o,e){o.constructor.addInitializer(a=>new de(a)),ts(o,e,t)}}else{let[t,o]=i;t.constructor.addInitializer(e=>new de(e)),ts(t,o)}}function ts(i,t,o){let e=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(i,t,{...e,configurable:!0,set(a){let c=this[t];if(e?.set?.call(this,a),typeof o=="function")o.call(this,c,a);else{let p=o||`_${t}Changed`;this.hasUpdated?this[p]?.(c,a):this[mn].cache(t,p,c,a)}}})}function Y(i="pfe"){return`${i}-${Math.random().toString(36).substr(2,9)}`}var vr;function Uf(){return vr=new lr,vr.attach(document.body),vr}function ol(...i){return vr??(vr=Uf()),rn(...i)}var $t=class extends Event{constructor(o){super("expand",{bubbles:!0,cancelable:!0});this.tab=o}},fe=ol(Symbol("pf-tabs-context"));import{css as jf}from"lit";var qf=jf`[hidden] {
+    `}firstUpdated(){this.autoResize&&s(this,Wr,dc).call(this)}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}setCustomValidity(o){i(this,nt).setValidity({},o)}checkValidity(){return s(this,Tr,fc).call(this),i(this,nt).checkValidity()}reportValidity(){return s(this,Tr,fc).call(this),i(this,nt).reportValidity()}};zl=new WeakMap,nt=new WeakMap,Lr=new WeakMap,Wl=new WeakSet,zp=function(){return!Cg&&this.matches(":disabled")||this.disabled},ct=new WeakSet,qt=function(){return this.shadowRoot?.getElementById("textarea")??null},zr=new WeakSet,pc=function(o){if(o.target instanceof HTMLTextAreaElement){let{value:e}=o.target;this.value=e,i(this,nt).setFormValue(e)}this.autoResize&&s(this,Wr,dc).call(this)},Wr=new WeakSet,dc=function(){i(this,ct,qt).style.setProperty("--pf-c-form-control--textarea--Height","auto"),i(this,ct,qt).style.setProperty("--pf-c-form-control--textarea--Height",`${i(this,ct,qt).scrollHeight}px`)},Tr=new WeakSet,fc=function(){i(this,ct,qt)?i(this,nt).setValidity(i(this,ct,qt).validity,i(this,ct,qt).validationMessage):i(this,zl).warn("await updateComplete before validating")},ao.styles=[wp],ao.formAssociated=!0,ao.shadowRootOptions={...Sp.shadowRootOptions,delegatesFocus:!0},r([it({reflect:!0,attribute:"accessible-label"})],ao.prototype,"accessibleLabel",2),r([it({reflect:!0})],ao.prototype,"validated",2),r([it({type:Boolean,reflect:!0})],ao.prototype,"disabled",2),r([it({type:Boolean,reflect:!0})],ao.prototype,"required",2),r([it({type:Boolean,reflect:!0})],ao.prototype,"readonly",2),r([it()],ao.prototype,"placeholder",2),r([it()],ao.prototype,"value",2),r([it()],ao.prototype,"resize",2),r([it({type:Boolean,attribute:"auto-resize"})],ao.prototype,"autoResize",2),ao=r([Bg("pf-text-area")],ao);import{html as Wc,LitElement as ob}from"lit";import{customElement as tb}from"lit/decorators/custom-element.js";import{property as mt}from"lit/decorators/property.js";import{query as eb}from"lit/decorators/query.js";var st=class extends Event{constructor(t,o,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=o,this.subscribe=e??!1}};function mc(l){return l}var xe=class{constructor(t,o,e,a){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(c,p)=>{this.unsubscribe&&(this.unsubscribe!==p&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=c,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(c,p)),this.unsubscribe=p},this.host=t,o.context!==void 0){let c=o;this.context=c.context,this.callback=c.callback,this.subscribe=c.subscribe??!1}else this.context=o,this.callback=e,this.subscribe=a??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new st(this.context,this.t,this.subscribe))}};var Tl=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,o=!1){let e=o||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[o,{disposer:e}]of this.subscriptions)o(this.o,e)},t!==void 0&&(this.value=t)}addCallback(t,o,e){if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:o});let{disposer:a}=this.subscriptions.get(t);t(this.value,a)}clearCallbacks(){this.subscriptions.clear()}};var gc=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Ce=class extends Tl{constructor(t,o,e){super(o.context!==void 0?o.initialValue:e),this.onContextRequest=a=>{let c=a.composedPath()[0];a.context===this.context&&c!==this.host&&(a.stopPropagation(),this.addCallback(a.callback,c,a.subscribe))},this.onProviderRequest=a=>{let c=a.composedPath()[0];if(a.context!==this.context||c===this.host)return;let p=new Set;for(let[f,{consumerHost:b}]of this.subscriptions)p.has(f)||(p.add(f),b.dispatchEvent(new st(this.context,f,!0)));a.stopPropagation()},this.host=t,o.context!==void 0?this.context=o.context:this.context=o,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new gc(this.context))}};var Er=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{let o=this.pendingContextRequests.get(t.context);if(o===void 0)return;this.pendingContextRequests.delete(t.context);let{requests:e}=o;for(let{elementRef:a,callbackRef:c}of e){let p=a.deref(),f=c.deref();p===void 0||f===void 0||p.dispatchEvent(new st(t.context,f,!0))}},this.onContextRequest=t=>{if(t.subscribe!==!0)return;let o=t.composedPath()[0],e=t.callback,a=this.pendingContextRequests.get(t.context);a===void 0&&this.pendingContextRequests.set(t.context,a={callbacks:new WeakMap,requests:[]});let c=a.callbacks.get(o);c===void 0&&a.callbacks.set(o,c=new WeakSet),c.has(e)||(c.add(e),a.requests.push({elementRef:new WeakRef(o),callbackRef:new WeakRef(e)}))}}attach(t){t.addEventListener("context-request",this.onContextRequest),t.addEventListener("context-provider",this.onContextProvider)}detach(t){t.removeEventListener("context-request",this.onContextRequest),t.removeEventListener("context-provider",this.onContextProvider)}};function Rr({context:l}){return(t,o)=>{let e=new WeakMap;if(typeof o=="object")return o.addInitializer(function(){e.set(this,new Ce(this,{context:l}))}),{get(){return t.get.call(this)},set(a){return e.get(this)?.setValue(a),t.set.call(this,a)},init(a){return e.get(this)?.setValue(a),a}};{t.constructor.addInitializer(p=>{e.set(p,new Ce(p,{context:l}))});let a=Object.getOwnPropertyDescriptor(t,o),c;if(a===void 0){let p=new WeakMap;c={get(){return p.get(this)},set(f){e.get(this).setValue(f),p.set(this,f)},configurable:!0,enumerable:!0}}else{let p=a.set;c={...a,set(f){e.get(this).setValue(f),p?.call(this,f)}}}return void Object.defineProperty(t,o,c)}}}function pt({context:l,subscribe:t}){return(o,e)=>{typeof e=="object"?e.addInitializer(function(){new xe(this,{context:l,callback:a=>{o.set.call(this,a)},subscribe:t})}):o.constructor.addInitializer(a=>{new xe(a,{context:l,callback:c=>{a[e]=c},subscribe:t})})}}mo();import{classMap as rb}from"lit/directives/class-map.js";import{__classPrivateFieldGet as B,__classPrivateFieldSet as Mr}from"tslib";function bc(l,t,o=!1,e=!1){if(!l||!t)return!1;let a=l.getBoundingClientRect(),c=t.getBoundingClientRect(),p=Math.ceil(a.left),f=Math.floor(a.right),b=Math.ceil(c.left),x=Math.floor(c.right),S=b>=p&&x<=f,E=(o||!e&&a.width<c.width)&&(b<p&&x>p||x>f&&b<f);return S||E}var dt,Pr,vc,Q,Fr,El,Rl,Be,hc,uc,Et,Ir=class{get firstItem(){return B(this,Fr,"f").at(0)}get lastItem(){return B(this,Fr,"f").at(-1)}constructor(t,o){dt.add(this),this.host=t,this.options=o,Q.set(this,void 0),Fr.set(this,[]),El.set(this,void 0),Rl.set(this,void 0),Be.set(this,void 0),hc.set(this,new MutationObserver(e=>{for(let a of e)a.type==="childList"&&B(this,dt,"m",Et).call(this)})),uc.set(this,new ResizeObserver(()=>{B(this,dt,"m",Et).call(this)})),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(B(this,Rl,"f")),Mr(this,Rl,setTimeout(()=>B(this,dt,"m",Et).call(this),B(this,El,"f")),"f")},Mr(this,Be,o?.hideOverflowButtons??!1,"f"),Mr(this,El,o?.scrollTimeoutDelay??0,"f"),t.isConnected&&B(Pr,Pr,"f",vc).add(this),t.addController(this),t.isConnected&&this.hostConnected()}init(t,o){Mr(this,Q,t,"f"),Mr(this,Fr,o,"f")}scrollLeft(){if(!B(this,Q,"f"))return;let t=B(this,Q,"f").scrollLeft-B(this,Q,"f").clientWidth;B(this,Q,"f").scroll({left:t,behavior:"smooth"}),B(this,dt,"m",Et).call(this)}scrollRight(){if(!B(this,Q,"f"))return;let t=B(this,Q,"f").scrollLeft+B(this,Q,"f").clientWidth;B(this,Q,"f").scroll({left:t,behavior:"smooth"}),B(this,dt,"m",Et).call(this)}update(){B(this,dt,"m",Et).call(this)}hostConnected(){B(this,hc,"f").observe(this.host,{attributes:!1,childList:!0,subtree:!0}),B(this,uc,"f").observe(this.host),this.onScroll(),B(this,dt,"m",Et).call(this)}};Pr=Ir,Q=new WeakMap,Fr=new WeakMap,El=new WeakMap,Rl=new WeakMap,Be=new WeakMap,hc=new WeakMap,uc=new WeakMap,dt=new WeakSet,Et=function(){if(!this.firstItem||!this.lastItem||!B(this,Q,"f"))return;let t=this.overflowLeft,o=this.overflowRight;this.overflowLeft=!B(this,Be,"f")&&!bc(B(this,Q,"f"),this.firstItem),this.overflowRight=!B(this,Be,"f")&&!bc(B(this,Q,"f"),this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(B(this,Q,"f").parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!B(this,Be,"f")&&B(this,Q,"f").scrollWidth>B(this,Q,"f").clientWidth+e,(t!==this.overflowLeft||o!==this.overflowRight)&&this.host.requestUpdate()};vc={value:new Set};globalThis.addEventListener?.("resize",()=>{for(let l of B(Pr,Pr,"f",vc))l.onScroll()},{capture:!1,passive:!0});import{__classPrivateFieldGet as xc,__classPrivateFieldSet as Tp,__decorate as Sg}from"tslib";import{isServer as Lg}from"lit";Wt();import{__classPrivateFieldGet as Xo,__classPrivateFieldSet as Wp}from"tslib";import{isServer as kg}from"lit";var Ml,ft,Hr,_c;function wg(l){return!!l&&l.ariaHidden!=="true"&&!l.hasAttribute("inert")&&!l.hasAttribute("hidden")}var ye=class{get atFocusedItemIndex(){return Xo(this,Hr,"f")}set atFocusedItemIndex(t){let o=Xo(this,Hr,"f"),e=t>o?1:-1,{items:a,atFocusableItems:c}=this,p=a.indexOf(this.atFocusableItems.at(-1)),f=a.at(t),b=c.includes(f);if(c.length){let x=0;for(;!f||!b&&x++<=1e3;)t<0?t=p:t>=p?t=0:t=t+e,f=a.at(t),b=c.includes(f);if(x>=1e3)throw new Error("Could not atFocusedItemIndex")}Wp(this,Hr,t,"f")}get controlsElements(){return this.options.getControlsElements?.()??[]}get atFocusableItems(){return this._items.filter(wg)}get itemsContainerElement(){return Xo(this,ft,"f")??null}set itemsContainerElement(t){t!==Xo(this,ft,"f")&&(Xo(this,ft,"f")?.removeEventListener("keydown",this.onKeydown),Wp(this,ft,t,"f"),Xo(this,ft,"f")?.addEventListener("keydown",this.onKeydown),this.host.requestUpdate())}constructor(t,o){Ml.add(this),this.host=t,this.options=o,ft.set(this,null),Hr.set(this,-1),this._items=[],this.host.updateComplete.then(()=>this.initItems())}initItems(){this.items=this.options.getItems(),this.itemsContainerElement??(this.itemsContainerElement=Xo(this,Ml,"m",_c).call(this))}hostConnected(){this.hostUpdate()}hostDisconnected(){Xo(this,ft,"f")?.removeEventListener("keydown",this.onKeydown)}hostUpdate(){this.itemsContainerElement??(this.itemsContainerElement=Xo(this,Ml,"m",_c).call(this))}onKeydown(t){let o=this.options.getOrientation?.()??Xo(this,ft,"f")?.getAttribute("aria-orientation"),e=this._items.at(this.atFocusedItemIndex),a=o==="horizontal"||e?.tagName==="SELECT"||e?.getAttribute("role")==="spinbutton",c=o==="vertical";switch(t.key){case"ArrowLeft":if(c)return;this.atFocusedItemIndex--,t.stopPropagation(),t.preventDefault();break;case"ArrowRight":if(c)return;this.atFocusedItemIndex++,t.stopPropagation(),t.preventDefault();break;case"ArrowUp":if(a)return;this.atFocusedItemIndex--,t.stopPropagation(),t.preventDefault();break;case"ArrowDown":if(a)return;this.atFocusedItemIndex++,t.stopPropagation(),t.preventDefault();break;case"Home":t.target instanceof HTMLElement&&(t.target.hasAttribute("aria-activedescendant")||t.target.ariaActiveDescendantElement)||(this.atFocusedItemIndex=0,t.stopPropagation(),t.preventDefault());break;case"End":t.target instanceof HTMLElement&&(t.target.hasAttribute("aria-activedescendant")||t.target.ariaActiveDescendantElement)||(this.atFocusedItemIndex=this.items.length-1,t.stopPropagation(),t.preventDefault());break;default:break}this.host.requestUpdate()}};ft=new WeakMap,Hr=new WeakMap,Ml=new WeakSet,_c=function(){return this.options.getItemsContainer?.()??(!kg&&this.host instanceof HTMLElement?this.host:null)};mo();Wt();var Cc,Fl,Pl,co=class l extends ye{static of(t,o){return new l(t,o)}get atFocusedItemIndex(){return super.atFocusedItemIndex}set atFocusedItemIndex(t){super.atFocusedItemIndex=t;let o=this.items.at(this.atFocusedItemIndex);for(let e of this.items)e.tabIndex=o===e?0:-1;xc(this,Fl,"f")&&o?.focus(),this.host.requestUpdate()}get items(){return this._items}set items(t){this._items=t,Tp(this,Pl,new Set(t),"f");let o=Math.max(0,this.atFocusedItemIndex),[e]=this.atFocusableItems,a=e?t.indexOf(e):-1,c=t.indexOf(this.items.slice(o).concat(this.items.slice(0,o)).find(p=>this.atFocusableItems.includes(p)));this.atFocusedItemIndex=Math.max(a,c),this.host.requestUpdate()}constructor(t,o){super(t,o),this.host=t,Cc.set(this,new k(this.host)),Fl.set(this,!1),Pl.set(this,new Set),this.initItems();let e=o.getItemsContainer?.()??this.host;Lg||(e instanceof HTMLElement?e.addEventListener("focusin",()=>Tp(this,Fl,!0,"f"),{once:!0}):xc(this,Cc,"f").warn("RovingTabindexController requires a getItemsContainer function"))}onKeydown(t){!t.ctrlKey&&!t.altKey&&!t.metaKey&&this.atFocusableItems.length&&t.composedPath().some(o=>xc(this,Pl,"f").has(o))&&super.onKeydown(t)}};Cc=new WeakMap,Fl=new WeakMap,Pl=new WeakMap;Sg([A],co.prototype,"onKeydown",null);mo();import{__classPrivateFieldGet as O,__classPrivateFieldSet as $r}from"tslib";var Ar,Or,$l,Rt,Mt,ke,Il,Hl,Al=class{get tabs(){return[...O(this,Mt,"f").keys()]}get activeTab(){return this.tabs.find(t=>O(this,ke,"f").isActiveTab(t))}constructor(t,o){if(Ar.add(this),Or.set(this,void 0),$l.set(this,void 0),Rt.set(this,void 0),Mt.set(this,new Map),ke.set(this,void 0),Il.set(this,new MutationObserver(O(this,Ar,"m",Hl).bind(this))),$r(this,ke,o,"f"),$r(this,Or,new k(t),"f"),t instanceof HTMLElement)$r(this,Rt,t,"f");else{let e=o.getHTMLElement?.();if(!e)throw new Error("TabsController must be instantiated with an HTMLElement or a `getHTMLElement()` option");$r(this,Rt,e,"f")}$r(this,$l,t,"f").addController(this),O(this,Rt,"f").addEventListener("slotchange",O(this,Ar,"m",Hl)),O(this,Rt,"f").isConnected&&this.hostConnected()}hostConnected(){O(this,Il,"f").observe(O(this,Rt,"f"),{attributes:!1,childList:!0,subtree:!1}),O(this,Ar,"m",Hl).call(this)}hostUpdated(){for(let[t,o]of O(this,Mt,"f"))o.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",o.id)}hostDisconnected(){O(this,Il,"f").disconnect()}panelFor(t){return O(this,Mt,"f").get(t)}tabFor(t){for(let[o,e]of O(this,Mt,"f"))if(t===e)return o}};Or=new WeakMap,$l=new WeakMap,Rt=new WeakMap,Mt=new WeakMap,ke=new WeakMap,Il=new WeakMap,Ar=new WeakSet,Hl=function(){O(this,Mt,"f").clear();let t=[],o=[];for(let e of O(this,Rt,"f").children)O(this,ke,"f").isTab(e)?(t.push(e),e.role??(e.role="tab")):O(this,ke,"f").isPanel(e)&&(o.push(e),e.role??(e.role="tabpanel"));for(t.length>o.length?O(this,Or,"f").warn("Too many tabs!"):o.length>t.length&&O(this,Or,"f").warn("Too many panels!");t.length;)O(this,Mt,"f").set(t.shift(),o.shift());O(this,$l,"f").requestUpdate()};import{LitElement as Pg,html as Ig}from"lit";import{customElement as Hg}from"lit/decorators/custom-element.js";import{property as Sc}from"lit/decorators/property.js";import{queryAssignedElements as $g}from"lit/decorators/query-assigned-elements.js";import{classMap as Ag}from"lit/directives/class-map.js";Wt();Wt();import{__decorate as zg}from"tslib";function Ep(l,t,o=!1){let e;return function(...a){let c=this,p=function(){e=null,o||l.apply(c,a)},f=o&&!e;clearTimeout(e),e=window.setTimeout(p,t),f&&l.apply(c,a)}}mo();var Dr=class l{constructor(t,o){this.host=t,this.options=o,this.mo=new MutationObserver(this.parse),this.cache=new Map,this.class=t.constructor,this.logger=new k(this.host),l.instances.set(t,this);let e=this.options?.properties??{};for(let[a,c]of Object.entries(e))this.initProp(a,c);t.addController(this),this.cascadeProperties=Ep(this.cascadeProperties,1)}hostUpdated(){this.cascadeProperties()}hostConnected(){this.mo.observe(this.host,{attributes:!0,childList:!0}),this.cascadeProperties()}hostDisconnected(){this.mo.disconnect()}cascadeProperties(t=this.host.children){if(this.host.isConnected){let o=this.cache.keys();if(!t)return this._cascadeAttributes(o,this.cache);for(let e of t)if(e instanceof Element){for(let a of o)if(e.matches(a)){let c=this.cache.get(a);for(let p of c??[])this._copyAttribute(p,e)}}}}initProp(t,o){for(let e of[o].flat(1/0).filter(Boolean)){let{attribute:a}=this.class.getPropertyOptions(t),c=typeof a=="string"?a:t.toLowerCase();this.cache.get(e)?this.cache.get(e)?.push(c):this.cache.set(e,[c])}}parse(t){for(let o of t??[])o.type==="childList"&&o.addedNodes.length?this.cascadeProperties(o.addedNodes):o.type==="attributes"&&this._cascadeAttributes(this.cache.keys(),this.cache)}async _copyAttribute(t,o){this.logger.log(`copying ${t} to ${o}`);let e=this.host.getAttribute(t);o.isConnected&&(e==null?o.removeAttribute(t):o.setAttribute(t,e))}_cascadeAttributes(t,o){for(let e of t)for(let a of o.get(e)??[])this._cascadeAttribute(a,e)}_cascadeAttribute(t,o){let e=[...this.host.querySelectorAll(o),...this.host.shadowRoot?.querySelectorAll(o)??[]];for(let a of e)this._copyAttribute(t,a)}};Dr.instances=new WeakMap;zg([A],Dr.prototype,"parse",null);mo();function Rp(l){return function(t,o){let{alias:e,...a}=l,c=t.constructor,p=c.getPropertyOptions(e);c.createProperty(o,{...p,...a}),c.addInitializer(f=>{f.addController(new Bc(f,l,o))})}}var Bc=class{constructor(t,o,e){this.host=t,this.options=o,this.deprecatedKey=e,this.logged=!1,this.logger=new k(t)}hostUpdate(){let{deprecatedKey:t,options:{alias:o}}=this;this.host[t]&&this.host[o]!==this.host[t]&&(this.logged||(this.logger.warn(`${t} is deprecated, use ${o} instead`),this.logged=!0),this.host[o]=this.host[t])}};mo();var Ol=class{constructor(t,o,e){this.host=t,this.options=e,this.initializer=o.bind(t),this.mo=new MutationObserver(this.initializer),this.logger=new k(this.host),t.addController(this)}hostConnected(){this.hasLightDOM()?this.initializer():this.options?.emptyWarning&&this.logger.warn(this.options?.emptyWarning),this.initObserver()}hostDisconnected(){this.mo.disconnect()}initObserver(){(this.options?.observe??!0)&&this.mo.observe(this.host,typeof this.options?.observe!="object"?{childList:!0}:this.options?.observe)}hasLightDOM(){return this.host.children.length>0||(this.host.textContent??"").trim().length>0}};function Mp(l){return function(t,o){t.constructor.addInitializer(e=>{let a=t[o],c=new Ol(e,a,l);e.isConnected&&c.hostConnected()})}}function yc(l,t){return function(o,e){let a=o.connectedCallback,c=o.disconnectedCallback,p=o[e];o.connectedCallback=function(){a?.call(this),this.addEventListener(l,p,t)},o.disconnectedCallback=function(){c?.call(this),this.removeEventListener(l,p,t)}}}import{__classPrivateFieldGet as kc,__classPrivateFieldSet as Wg}from"tslib";import{notEqual as Tg}from"lit";var Dl,Ul,wc,Fp=Symbol("uninitialized"),Ur=class{constructor(t,o){Dl.add(this),this.host=t,this.options=o,this.oldVal=Fp,Ul.set(this,!0)}hostConnected(){kc(this,Dl,"m",wc).call(this)}async hostUpdate(){kc(this,Dl,"m",wc).call(this);let{oldVal:t,options:{waitFor:o,propertyName:e,callback:a}}=this;if(!a)throw new Error(`no callback for ${e}`);let c=this.host[e];if(this.oldVal=c,c!==t)switch(o){case"connected":if(!this.host.isConnected){let b=this.host.connectedCallback;await new Promise(x=>{this.host.connectedCallback=function(){x(b?.call(this))}})}break;case"firstUpdated":this.host.hasUpdated||await this.host.updateComplete;break;case"updated":await this.host.updateComplete;break}let f=this.host.constructor.getPropertyOptions(this.options.propertyName).hasChanged??Tg;(kc(this,Ul,"f")||f(t,c))&&(a.call(this.host,t,c),Wg(this,Ul,!1,"f"))}};Ul=new WeakMap,Dl=new WeakSet,wc=function(){this.oldVal===Fp&&(this.oldVal=this.host[this.options.propertyName])};function L(l,t){return function(o,e){let a=o[e];if(typeof a!="function")throw new Error("@observes must decorate a class method");o.constructor.addInitializer(p=>{p.addController(new Ur(p,{...t,propertyName:l,callback:a}))})}}function N(l="pfe"){return`${l}-${Math.random().toString(36).substr(2,9)}`}import{isServer as Eg}from"lit";var Pp;function Rg(){let l=new Er;return Eg||l.attach(document.body),l}function Nl(...l){return Pp??(Pp=Rg()),mc(...l)}var Vt=class extends Event{constructor(o){super("expand",{bubbles:!0,cancelable:!0});this.tab=o}},we=Nl(Symbol("pf-tabs-context"));import{css as Mg}from"lit";var Fg=Mg`[hidden] {
   display: none !important;
 }
 
@@ -1012,17 +1011,17 @@ slot[name="icon"] {
 :host([aria-disabled="true"][border-bottom="false"]) #button {
   --pf-c-tabs__link--before--BorderBottomWidth: 0;
 }
-`,es=qf;var xr,tl,rs,el,as,rl,ls,It,_r,Yo=class extends Vf{constructor(){super(...arguments);n(this,tl);n(this,el);n(this,rl);n(this,It);this.active=!1;this.disabled=!1;n(this,xr,f.of(this,{role:"tab"}))}connectedCallback(){super.connectedCallback(),this.id||=Y(this.localName),this.addEventListener("click",s(this,tl,rs)),this.addEventListener("keydown",s(this,el,as)),this.addEventListener("focus",s(this,rl,ls))}willUpdate(){let{borderBottom:o,box:e,fill:a,manual:c,vertical:p}=this.ctx??{};this.toggleAttribute("fill",a),this.toggleAttribute("manual",c),this.toggleAttribute("vertical",p),e?this.setAttribute("box",e):this.removeAttribute("box"),o?this.setAttribute("border-bottom",o):this.removeAttribute("border-bottom")}render(){let{active:o}=this,{box:e,fill:a=!1,vertical:c=!1}=this.ctx??{};return Yf`
+`,Ip=Fg;var jr,jl,Hp,ql,$p,Vl,Ap,Yt,Nr,Ro=class extends Pg{constructor(){super(...arguments);n(this,jl);n(this,ql);n(this,Vl);n(this,Yt);this.active=!1;this.disabled=!1;n(this,jr,m.of(this,{role:"tab"}))}connectedCallback(){super.connectedCallback(),this.id||=N(this.localName),this.addEventListener("click",s(this,jl,Hp)),this.addEventListener("keydown",s(this,ql,$p)),this.addEventListener("focus",s(this,Vl,Ap))}willUpdate(){let{borderBottom:o,box:e,fill:a,manual:c,vertical:p}=this.ctx??{};this.toggleAttribute("fill",a),this.toggleAttribute("manual",c),this.toggleAttribute("vertical",p),e?this.setAttribute("box",e):this.removeAttribute("box"),o?this.setAttribute("border-bottom",o):this.removeAttribute("border-bottom")}render(){let{active:o}=this,{box:e,fill:a=!1,vertical:c=!1}=this.ctx??{};return Ig`
       <div id="button"
            part="button"
-           class="${Kf({active:o,box:!!e,dark:e==="dark",light:e==="light",fill:a,vertical:c})}">
+           class="${Ag({active:o,box:!!e,dark:e==="dark",light:e==="light",fill:a,vertical:c})}">
         <slot name="icon"
               part="icon"
               ?hidden="${!this.icons.length}"
               @slotchange="${()=>this.requestUpdate()}"></slot>
         <slot part="text"></slot>
       </div>
-    `}_activeChanged(o){l(this,xr).ariaSelected=String(!!this.active),this.active&&!o&&s(this,It,_r).call(this)}_disabledChanged(){l(this,xr).ariaDisabled=this.disabled?"true":this.ariaDisabled??"false"}};xr=new WeakMap,tl=new WeakSet,rs=function(){this.disabled||s(this,It,_r).call(this)},el=new WeakSet,as=function(o){if(!this.disabled)switch(o.key){case"Enter":s(this,It,_r).call(this)}},rl=new WeakSet,ls=function(){!this.ctx?.manual&&!this.disabled&&s(this,It,_r).call(this)},It=new WeakSet,_r=function(){return this.dispatchEvent(new $t(this))},Yo.styles=[es],r([Gf({slot:"icon",flatten:!0})],Yo.prototype,"icons",2),r([ho,gn({reflect:!0,type:Boolean})],Yo.prototype,"active",2),r([ho,gn({reflect:!0,type:Boolean})],Yo.prototype,"disabled",2),r([qo({context:fe,subscribe:!0}),gn({attribute:!1})],Yo.prototype,"ctx",2),Yo=r([Xf("pf-tab")],Yo);import{LitElement as Jf,html as om}from"lit";import{customElement as tm}from"lit/decorators/custom-element.js";import{state as em}from"lit/decorators/state.js";import{css as Zf}from"lit";var Qf=Zf`:host {
+    `}activeChanged(o,e){i(this,jr).ariaSelected=String(!!e),e&&!o&&s(this,Yt,Nr).call(this)}disabledChanged(){i(this,jr).ariaDisabled=this.disabled?"true":this.ariaDisabled??"false"}};jr=new WeakMap,jl=new WeakSet,Hp=function(){this.disabled||s(this,Yt,Nr).call(this)},ql=new WeakSet,$p=function(o){if(!this.disabled)switch(o.key){case"Enter":s(this,Yt,Nr).call(this)}},Vl=new WeakSet,Ap=function(){!this.ctx?.manual&&!this.disabled&&s(this,Yt,Nr).call(this)},Yt=new WeakSet,Nr=async function(){this.dispatchEvent(new Vt(this))},Ro.styles=[Ip],r([$g({slot:"icon",flatten:!0})],Ro.prototype,"icons",2),r([Sc({reflect:!0,type:Boolean})],Ro.prototype,"active",2),r([Sc({reflect:!0,type:Boolean})],Ro.prototype,"disabled",2),r([pt({context:we,subscribe:!0}),Sc({attribute:!1})],Ro.prototype,"ctx",2),r([L("active")],Ro.prototype,"activeChanged",1),r([L("disabled")],Ro.prototype,"disabledChanged",1),Ro=r([Hg("pf-tab")],Ro);import{LitElement as Ug,html as Ng}from"lit";import{customElement as jg}from"lit/decorators/custom-element.js";import{state as qg}from"lit/decorators/state.js";import{css as Og}from"lit";var Dg=Og`:host {
   display: block;
 }
 
@@ -1033,9 +1032,9 @@ slot[name="icon"] {
 :host([box="light"]) {
   background-color: var(--pf-c-tab-content--m-light-300, var(--pf-global--BackgroundColor--light-300, #f0f0f0));
 }
-`,is=Qf;var me=class extends Jf{render(){return om`
+`,Op=Dg;var Se=class extends Ug{render(){return Ng`
       <slot></slot>
-    `}connectedCallback(){super.connectedCallback(),this.id||=Y("pf-tab-panel"),this.hidden??=!0,this.tabIndex=0}willUpdate(){let{box:t,vertical:o}=this.ctx??{};this.toggleAttribute("vertical",o),t?this.setAttribute("box",t):this.removeAttribute("box")}};me.styles=[is],r([qo({context:fe,subscribe:!0}),em()],me.prototype,"ctx",2),me=r([tm("pf-tab-panel")],me);uo();import{css as fm}from"lit";var mm=fm`:host {
+    `}connectedCallback(){super.connectedCallback(),this.id||=N("pf-tab-panel"),this.hidden??=!0,this.tabIndex=0}willUpdate(){let{box:t,vertical:o}=this.ctx??{};this.toggleAttribute("vertical",o),t?this.setAttribute("box",t):this.removeAttribute("box")}};Se.styles=[Op],r([pt({context:we,subscribe:!0}),qg()],Se.prototype,"ctx",2),Se=r([jg("pf-tab-panel")],Se);ko();import{css as Qg}from"lit";var Jg=Qg`:host {
   display: block;
 }
 
@@ -1304,30 +1303,30 @@ button:disabled {
   --pf-c-tabs--before--BorderBottomWidth: 0; /* *override user setting* when border-bottom is false border bottom styles should be 0; */
   --pf-c-tabs__link--before--BorderBottomWidth: 0;
 }
-`,ms=mm;var Cr,_n,so,Br,At,al,ll,gs,il,bs,nl,hs,cl,us,yr,xn,U=class extends gm{constructor(){super(...arguments);n(this,Cr);n(this,ll);n(this,il);n(this,nl);n(this,cl);n(this,yr);this.labelScrollLeft="Scroll left";this.labelScrollRight="Scroll left";this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true";this.manual=!1;this.activeIndex=-1;this.ctx=l(this,Cr,_n);n(this,so,new pr(this,{scrollTimeoutDelay:200}));n(this,Br,new Qa(this,{isTab:o=>o.localName==="pf-tab",isPanel:o=>o.localName==="pf-tab-panel",isActiveTab:o=>o.active}));n(this,At,new N(this,{getHTMLElement:()=>this.shadowRoot?.getElementById("tabs")??null,getItems:()=>this.tabs??[]}));n(this,al,new y(this))}static isExpandEvent(o){return o instanceof $t}get tabs(){return l(this,Br).tabs}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",s(this,cl,us)),this.id||=Y(this.localName)}async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all(Array.from(this.querySelectorAll("pf-tab, pf-tab-panel"),a=>a.updateComplete));return o&&e.every(a=>!!a)}willUpdate(o){o.has("activeIndex")?this.select(this.activeIndex):o.has("activeTab")&&this.activeTab?this.select(this.activeTab):s(this,yr,xn).call(this),l(this,so).update(),this.ctx=l(this,Cr,_n)}updated(o){o.has("activeTab")&&this.activeTab?.disabled&&(l(this,al).warn("Active tab is disabled. Setting to first focusable tab"),this.activeIndex=0)}firstUpdated(){this.tabs.length&&this.activeIndex===-1&&this.select(this.tabs.findIndex(o=>!o.disabled))}render(){return vn`
+`,Vp=Jg;var Vr,Yr,Tc,uo,Xr,Xt,Ql,Jl,Yp,oi,Xp,ti,Kp,ei,Gp,X=class extends ob{constructor(){super(...arguments);n(this,Yr);n(this,Jl);n(this,oi);n(this,ti);n(this,ei);this.labelScrollLeft="Scroll left";this.labelScrollRight="Scroll left";this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true";this.manual=!1;n(this,Vr,-1);this.ctx=i(this,Yr,Tc);n(this,uo,new Ir(this,{scrollTimeoutDelay:200}));n(this,Xr,new Al(this,{isTab:o=>o.localName==="pf-tab",isPanel:o=>o.localName==="pf-tab-panel",isActiveTab:o=>o.active}));n(this,Xt,co.of(this,{getItemsContainer:()=>this.tabsContainer??null,getItems:()=>this.tabs??[]}));n(this,Ql,new k(this))}static isExpandEvent(o){return o instanceof Vt}get activeIndex(){return i(this,Vr)}set activeIndex(o){i(this,Xt).atFocusedItemIndex=o,v(this,Vr,o),this.activeTab=this.tabs[o];for(let e of this.tabs)this.activeTab?.disabled||(e.active=e===this.activeTab),i(this,Xr).panelFor(e)?.toggleAttribute("hidden",!e.active)}get tabs(){return i(this,Xr).tabs}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",s(this,ei,Gp)),this.id||=N(this.localName),this.activeIndex=i(this,Xt).atFocusedItemIndex}async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all(Array.from(this.querySelectorAll("pf-tab, pf-tab-panel"),a=>a.updateComplete));return o&&e.every(a=>!!a)}willUpdate(){!this.manual&&this.activeIndex!==i(this,Xt).atFocusedItemIndex&&(this.activeIndex=i(this,Xt).atFocusedItemIndex),i(this,uo).update(),this.ctx=i(this,Yr,Tc)}activeTabChanged(o,e){e?.disabled&&(i(this,Ql).warn("Active tab is disabled. Setting to first focusable tab"),this.activeIndex=0),e&&(this.activeIndex=this.tabs.indexOf(e))}firstUpdated(){this.tabs.length&&this.activeIndex===-1&&this.select(this.tabs.findIndex(o=>!o.disabled))}render(){return Wc`
       <div part="container"
-           class="${um({overflow:l(this,so).showScrollButtons})}">
-        <div part="tabs-container">${l(this,so).showScrollButtons?vn`
+           class="${rb({overflow:i(this,uo).showScrollButtons})}">
+        <div part="tabs-container">${i(this,uo).showScrollButtons?Wc`
           <button id="previousTab" tabindex="-1"
               aria-label="${this.labelScrollLeft}"
-              ?disabled="${!l(this,so).overflowLeft}"
-              @click="${s(this,ll,gs)}">
+              ?disabled="${!i(this,uo).overflowLeft}"
+              @click="${s(this,Jl,Yp)}">
             <pf-icon icon="angle-left" set="fas" loading="eager"></pf-icon>
           </button>`:""}
           <div id="tabs" part="tabs" role="tablist">
-            <slot name="tab" @slotchange="${s(this,nl,hs)}" @scroll="${l(this,so).onScroll}"></slot>
+            <slot name="tab" @slotchange="${s(this,ti,Kp)}" @scroll="${i(this,uo).onScroll}"></slot>
           </div>
-          ${l(this,so).showScrollButtons?vn`
+          ${i(this,uo).showScrollButtons?Wc`
           <button id="nextTab" tabindex="-1"
               aria-label="${this.labelScrollRight}"
-              ?disabled="${!l(this,so).overflowRight}"
-              @click="${s(this,il,bs)}">
+              ?disabled="${!i(this,uo).overflowRight}"
+              @click="${s(this,oi,Xp)}">
             <pf-icon icon="angle-right" set="fas" loading="eager"></pf-icon>
           </button>`:""}
         </div>
         <slot part="panels"></slot>
       </div>
-    `}select(o){if(typeof o=="number"){let e=this.tabs[o];l(this,At).setActiveItem(e)}else l(this,At).setActiveItem(o);s(this,yr,xn).call(this,{force:!0})}};Cr=new WeakSet,_n=function(){let{activeTab:o,borderBottom:e,box:a,fill:c,manual:p,vertical:d}=this;return{activeTab:o,borderBottom:e,box:a,fill:c,manual:p,vertical:d}},so=new WeakMap,Br=new WeakMap,At=new WeakMap,al=new WeakMap,ll=new WeakSet,gs=function(){l(this,so).scrollLeft()},il=new WeakSet,bs=function(){l(this,so).scrollRight()},nl=new WeakSet,hs=function(){this.tabs&&l(this,so).init(this.tabsContainer,this.tabs)},cl=new WeakSet,us=function(o){o instanceof $t&&!o.defaultPrevented&&this.tabs.includes(o.tab)&&this.select(o.tab)},yr=new WeakSet,xn=function({force:o=!1}={}){l(this,At).activeItem?.disabled||this.tabs?.forEach((e,a)=>{if(o||!this.manual){let c=e===l(this,At).activeItem;e.active=c,c&&(this.activeIndex=a,this.activeTab=e)}l(this,Br).panelFor(e)?.toggleAttribute("hidden",!e.active)})},U.styles=[ms],U.scrollTimeoutDelay=150,r([Go({reflect:!1,attribute:"label-scroll-left"})],U.prototype,"labelScrollLeft",2),r([Go({reflect:!1,attribute:"label-scroll-right"})],U.prototype,"labelScrollRight",2),r([Go({reflect:!0})],U.prototype,"box",2),r([Go({reflect:!0,type:Boolean})],U.prototype,"vertical",2),r([Go({reflect:!0,type:Boolean})],U.prototype,"fill",2),r([Go({attribute:"border-bottom"})],U.prototype,"borderBottom",2),r([Go({reflect:!0,type:Boolean})],U.prototype,"manual",2),r([Go({attribute:"active-index",reflect:!0,type:Number})],U.prototype,"activeIndex",2),r([Go({attribute:!1})],U.prototype,"activeTab",2),r([hm("#tabs")],U.prototype,"tabsContainer",2),r([ir({context:fe})],U.prototype,"ctx",2),U=r([bm("pf-tabs")],U);import{LitElement as Dm,html as zr}from"lit";import{customElement as Nm}from"lit/decorators/custom-element.js";import{property as Ws}from"lit/decorators/property.js";import{css as vm}from"lit";var _m=vm`:host {
+    `}select(o){typeof o=="number"?this.activeIndex=o:this.activeIndex=this.tabs.indexOf(o)}};Vr=new WeakMap,Yr=new WeakSet,Tc=function(){let{activeTab:o,borderBottom:e,box:a,fill:c,manual:p,vertical:f}=this;return{activeTab:o,borderBottom:e,box:a,fill:c,manual:p,vertical:f}},uo=new WeakMap,Xr=new WeakMap,Xt=new WeakMap,Ql=new WeakMap,Jl=new WeakSet,Yp=function(){i(this,uo).scrollLeft()},oi=new WeakSet,Xp=function(){i(this,uo).scrollRight()},ti=new WeakSet,Kp=function(){this.tabs&&i(this,uo).init(this.tabsContainer,this.tabs)},ei=new WeakSet,Gp=function(o){o instanceof Vt&&!o.defaultPrevented&&this.tabs.includes(o.tab)&&this.select(o.tab)},X.styles=[Vp],X.scrollTimeoutDelay=150,r([mt({reflect:!1,attribute:"label-scroll-left"})],X.prototype,"labelScrollLeft",2),r([mt({reflect:!1,attribute:"label-scroll-right"})],X.prototype,"labelScrollRight",2),r([mt({reflect:!0})],X.prototype,"box",2),r([mt({reflect:!0,type:Boolean})],X.prototype,"vertical",2),r([mt({reflect:!0,type:Boolean})],X.prototype,"fill",2),r([mt({attribute:"border-bottom"})],X.prototype,"borderBottom",2),r([mt({reflect:!0,type:Boolean})],X.prototype,"manual",2),r([mt({attribute:"active-index",reflect:!0,type:Number})],X.prototype,"activeIndex",1),r([mt({attribute:!1})],X.prototype,"activeTab",2),r([eb("#tabs")],X.prototype,"tabsContainer",2),r([Rr({context:we})],X.prototype,"ctx",2),r([L("activeTab")],X.prototype,"activeTabChanged",1),X=r([tb("pf-tabs")],X);import{LitElement as Bb,html as Qr}from"lit";import{customElement as yb}from"lit/decorators/custom-element.js";import{property as id}from"lit/decorators/property.js";import{css as ab}from"lit";var lb=ab`:host {
   display: grid;
   align-items: center;
   padding-inline-start: calc(50px * var(--_pf-table--expandable-rows, 0));
@@ -1414,39 +1413,19 @@ button:disabled {
 :host([expanded]) #toggle-icon {
   transform: rotate(90deg);
 }
-`,vs=_m;import{ifDefined as Um}from"lit/directives/if-defined.js";import{LitElement as $m,html as Im}from"lit";import{customElement as Am}from"lit/decorators/custom-element.js";import{property as Q}from"lit/decorators/property.js";import{ifDefined as Ss}from"lit/directives/if-defined.js";import{classMap as Om}from"lit/directives/class-map.js";co();import{__classPrivateFieldGet as T,__classPrivateFieldSet as Ct}from"tslib";var Cn,Sr,Bt,sl,kr,pl,Ot,wr,Bn,yn,_s,Dt;function xm(i){return i.length===1&&typeof i[0]=="object"&&i[0]!==null}var Cm=i=>t=>i===k.default?!t.hasAttribute("slot"):t.getAttribute("slot")===i,k=class{constructor(t,...o){if(Cn.add(this),this.host=t,Bt.set(this,new Map),sl.set(this,void 0),kr.set(this,!1),pl.set(this,new MutationObserver(e=>T(this,yn,"f").call(this,e))),Ot.set(this,void 0),wr.set(this,{}),Bn.set(this,e=>{let a=e.target.name;T(this,Dt,"f").call(this,a),this.host.requestUpdate()}),yn.set(this,async e=>{let a=[];for(let{addedNodes:c,removedNodes:p}of e)for(let d of[...c,...p])d instanceof HTMLElement&&d.slot&&(T(this,Dt,"f").call(this,d.slot),a.push(d.slot));this.host.requestUpdate()}),Dt.set(this,e=>{let a=e||Sr.default,c=T(this,Bt,"f").get(a)?.slot?.assignedElements?.()??T(this,Cn,"m",_s).call(this,a),p=e?`slot[name="${e}"]`:"slot:not([name])",d=this.host.shadowRoot?.querySelector?.(p)??null,u=!!c.length;T(this,Bt,"f").set(a,{elements:c,name:e??"",hasContent:u,slot:d}),T(this,sl,"f").debug(e,u)}),Ct(this,sl,new y(this.host),"f"),xm(o)){let[{slots:e,deprecations:a}]=o;Ct(this,Ot,e,"f"),Ct(this,wr,a??{},"f")}else o.length>=1?(Ct(this,Ot,o,"f"),Ct(this,wr,{},"f")):Ct(this,Ot,[null],"f");t.addController(this)}async hostConnected(){this.host.addEventListener("slotchange",T(this,Bn,"f")),Ct(this,kr,!1,"f"),T(this,pl,"f").observe(this.host,{childList:!0}),T(this,Bt,"f").clear(),T(this,Ot,"f").forEach(T(this,Dt,"f")),Object.values(T(this,wr,"f")).forEach(T(this,Dt,"f")),this.host.requestUpdate(),await this.host.updateComplete,this.host.requestUpdate()}hostUpdated(){T(this,kr,"f")||(T(this,Ot,"f").forEach(T(this,Dt,"f")),Ct(this,kr,!0,"f"))}hostDisconnected(){T(this,pl,"f").disconnect()}getSlotted(...t){return t.length?t.flatMap(o=>T(this,Bt,"f").get(o)?.elements??[]):T(this,Bt,"f").get(Sr.default)?.elements??[]}hasSlotted(...t){let{anonymous:o}=Sr,e=Array.from(t,a=>a??o);return e.length||e.push(o),e.some(a=>T(this,Bt,"f").get(a)?.hasContent??!1)}isEmpty(...t){return!this.hasSlotted(...t)}};Sr=k,Bt=new WeakMap,sl=new WeakMap,kr=new WeakMap,pl=new WeakMap,Ot=new WeakMap,wr=new WeakMap,Bn=new WeakMap,yn=new WeakMap,Dt=new WeakMap,Cn=new WeakSet,_s=function(t){return Array.from(this.host.children).filter(Cm(t))};k.default=Symbol("default slot");k.anonymous=Sr.default;uo();import{html as Wm}from"lit";import{customElement as zm}from"lit/decorators/custom-element.js";import{styleMap as Mm}from"lit/directives/style-map.js";import{LitElement as km,html as wm}from"lit";import{property as Cs}from"lit/decorators/property.js";import{css as Bm}from"lit";var ym=Bm`:host {
+`,Zp=lb;import{ifDefined as kb}from"lit/directives/if-defined.js";import{LitElement as xb,html as Pc}from"lit";import{customElement as Cb}from"lit/decorators/custom-element.js";import{property as J}from"lit/decorators/property.js";import{ifDefined as Ic}from"lit/directives/if-defined.js";import{classMap as ad}from"lit/directives/class-map.js";mo();import{__classPrivateFieldGet as D,__classPrivateFieldSet as Ft}from"tslib";var Ec,ze,Pt,ri,Kr,ai,Kt,Gr,Rc,Mc,Qp,Gt;function ib(l){return l.length===1&&typeof l[0]=="object"&&l[0]!==null}var nb=l=>t=>l===T.default?!t.hasAttribute("slot"):t.getAttribute("slot")===l,T=class{constructor(t,...o){if(Ec.add(this),this.host=t,Pt.set(this,new Map),ri.set(this,void 0),Kr.set(this,!1),ai.set(this,new MutationObserver(e=>D(this,Mc,"f").call(this,e))),Kt.set(this,void 0),Gr.set(this,{}),Rc.set(this,e=>{let a=e.target.name;D(this,Gt,"f").call(this,a),this.host.requestUpdate()}),Mc.set(this,async e=>{let a=[];for(let{addedNodes:c,removedNodes:p}of e)for(let f of[...c,...p])f instanceof HTMLElement&&f.slot&&(D(this,Gt,"f").call(this,f.slot),a.push(f.slot));this.host.requestUpdate()}),Gt.set(this,e=>{let a=e||ze.default,c=D(this,Pt,"f").get(a)?.slot?.assignedElements?.()??D(this,Ec,"m",Qp).call(this,a),p=e?`slot[name="${e}"]`:"slot:not([name])",f=this.host.shadowRoot?.querySelector?.(p)??null,b=!!c.length;D(this,Pt,"f").set(a,{elements:c,name:e??"",hasContent:b,slot:f}),D(this,ri,"f").debug(e,b)}),Ft(this,ri,new k(this.host),"f"),ib(o)){let[{slots:e,deprecations:a}]=o;Ft(this,Kt,e,"f"),Ft(this,Gr,a??{},"f")}else o.length>=1?(Ft(this,Kt,o,"f"),Ft(this,Gr,{},"f")):Ft(this,Kt,[null],"f");t.addController(this)}async hostConnected(){this.host.addEventListener("slotchange",D(this,Rc,"f")),Ft(this,Kr,!1,"f"),D(this,ai,"f").observe(this.host,{childList:!0}),D(this,Pt,"f").clear(),D(this,Kt,"f").forEach(D(this,Gt,"f")),Object.values(D(this,Gr,"f")).forEach(D(this,Gt,"f")),this.host.requestUpdate(),await this.host.updateComplete,this.host.requestUpdate()}hostUpdated(){D(this,Kr,"f")||(D(this,Kt,"f").forEach(D(this,Gt,"f")),Ft(this,Kr,!0,"f"))}hostDisconnected(){D(this,ai,"f").disconnect()}getSlotted(...t){return t.length?t.flatMap(o=>D(this,Pt,"f").get(o)?.elements??[]):D(this,Pt,"f").get(ze.default)?.elements??[]}hasSlotted(...t){let o=Array.from(t,e=>e??ze.default);return o.length||o.push(ze.default),o.some(e=>D(this,Pt,"f").get(e)?.hasContent??!1)}isEmpty(...t){return!this.hasSlotted(...t)}};ze=T,Pt=new WeakMap,ri=new WeakMap,Kr=new WeakMap,ai=new WeakMap,Kt=new WeakMap,Gr=new WeakMap,Rc=new WeakMap,Mc=new WeakMap,Gt=new WeakMap,Ec=new WeakSet,Qp=function(t){return Array.from(this.host.children).filter(nb(t))};T.default=Symbol("default slot");T.anonymous=ze.default;ko();import{LitElement as pb,html as db}from"lit";import{customElement as fb}from"lit/decorators/custom-element.js";import{styleMap as mb}from"lit/directives/style-map.js";import{property as od}from"lit/decorators/property.js";import{css as cb}from"lit";var sb=cb`: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;
-}
-
-`,xs=ym;var Nt=class extends km{constructor(){super(...arguments);this.size="xl"}static{this.styles=[xs]}render(){return wm`
-      <svg viewBox="0 0 100 100">
-        <circle cx="50" cy="50" r="45" fill="none" />
-      </svg>
-    `}};r([Cs({reflect:!0})],Nt.prototype,"size",2),r([Cs({reflect:!0})],Nt.prototype,"diameter",2);import{css as Sm}from"lit";var Lm=Sm`[hidden] {
+[hidden] {
   display: none !important;
 }
 
-div {
-  display: contents;
-}
-
 svg {
+  overflow: hidden;
   width: var(--pf-c-spinner--Width,
     var(--pf-c-spinner--diameter,
       var(--pf-global--icon--FontSize--xl, 3.375rem)));
@@ -1459,35 +1438,41 @@ svg {
     var(--pf-c-spinner--AnimationTimingFunction, linear) infinite;
 }
 
-:host([size="sm"]) div {
+circle {
+  width: 100%;
+  height: 100%;
+  transform-origin: 50% 50%;
+  stroke-linecap: round;
+  stroke-dasharray: 283;
+  stroke-dashoffset: 280;
+  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;
+}
+
+:host([size="sm"]) svg {
   --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter,
     var(--pf-global--icon--FontSize--sm, 0.625rem));
 }
 
-:host([size="md"]) div {
+:host([size="md"]) svg {
   --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter,
     var(--pf-global--icon--FontSize--md, 1.125rem));
 }
 
-:host([size="lg"]) div {
+:host([size="lg"]) svg {
   --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter,
     var(--pf-global--icon--FontSize--lg, 1.5rem));
 }
 
-:host([size="xl"]) div {
+:host([size="xl"]) svg {
   --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(0deg);
@@ -1514,7 +1499,12 @@ circle {
     transform: rotate(720deg);
   }
 }
-`,Bs=Lm;var kn,Lr=class extends Nt{constructor(){super(...arguments);n(this,kn,f.of(this,{role:"progressbar"}))}render(){return Wm`<div style=${Mm({"--pf-c-spinner--diameter":this.diameter})}>${super.render()}</div>`}};kn=new WeakMap,Lr.styles=[...Nt.styles,Bs],Lr=r([zm("pf-spinner")],Lr);import{css as Em}from"lit";var Tm=Em`:host {
+`,Jp=sb;var Fc,Zt=class extends pb{constructor(){super(...arguments);n(this,Fc,m.of(this,{role:"progressbar"}));this.size="xl"}render(){return db`
+      <svg viewBox="0 0 100 100"
+           style="${mb({"--pf-c-spinner--diameter":this.diameter})}">
+        <circle cx="50" cy="50" r="45" fill="none" />
+      </svg>
+    `}};Fc=new WeakMap,Zt.styles=[Jp],r([od({reflect:!0})],Zt.prototype,"size",2),r([od({reflect:!0})],Zt.prototype,"diameter",2),Zt=r([fb("pf-spinner")],Zt);import{css as gb}from"lit";var bb=gb`:host {
 	--pf-c-button--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem);
 	--pf-c-button--PaddingRight: var(--pf-global--spacer--md, 1rem);
 	--pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element, 0.375rem);
@@ -1687,7 +1677,7 @@ circle {
   --_button-color: var(--pf-c-button--m-primary--Color);
   --_button-background-color: var(--pf-c-button--m-primary--BackgroundColor);
 }
-`,ys=Tm;import{css as Rm}from"lit";var Fm=Rm`/******************************
+`,td=bb;import{css as hb}from"lit";var ub=hb`/******************************
  *                            *
  *            ICON            *
  *                            *
@@ -1698,8 +1688,7 @@ circle {
     var(--pf-global--spacer--xs, 0.25rem)));
 }
 
-`,ks=Fm;import{css as Pm}from"lit";var Hm=Pm`:host {
-  position: relative;
+`,ed=ub;import{css as vb}from"lit";var _b=vb`:host {
 	font-size: var(--pf-c-button--FontSize);
 	font-weight: var(--pf-c-button--FontWeight);
 	line-height: var(--pf-c-button--LineHeight);
@@ -1711,15 +1700,6 @@ circle {
     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, 0.375rem))
-    var(--pf-c-button--PaddingRight,
-      var(--pf-global--spacer--md, 1rem))
-    var(--pf-c-button--PaddingBottom,
-      var(--pf-global--spacer--form-element, 0.375rem))
-    var(--pf-c-button--PaddingLeft,
-      var(--pf-global--spacer--md, 1rem));
   display: inline-block;
   height: max-content;
   cursor: pointer;
@@ -1752,13 +1732,26 @@ pf-icon,
   vertical-align: var(--_button-icon-vertical-align);
 }
 
+#icon {
+  margin-inline-end: var(--pf-c-button__icon--m-start--MarginRight,
+      var(--pf-global--spacer--xs, 0.25rem));
+}
+
 #button {
-  display: contents;
+  display: inline-block;
   color: var(--_button-color);
+  padding:
+    var(--pf-c-button--PaddingTop,
+      var(--pf-global--spacer--form-element, 0.375rem))
+    var(--pf-c-button--PaddingRight,
+      var(--pf-global--spacer--md, 1rem))
+    var(--pf-c-button--PaddingBottom,
+      var(--pf-global--spacer--form-element, 0.375rem))
+    var(--pf-c-button--PaddingLeft,
+      var(--pf-global--spacer--md, 1rem));
 }
 
-#button::before,
-  #button::after {
+#button::before,#button::after {
     position: absolute;
     inset: 0;
     content: "";
@@ -1778,6 +1771,14 @@ pf-icon,
     border-radius: var(--pf-c-button--after--BorderRadius);
   }
 
+#button.anchor {
+    text-decoration: none;
+  }
+
+#button.anchor::after {
+      pointer-events: all;
+    }
+
 #text {
   display: inline;
   position: relative;
@@ -1904,8 +1905,7 @@ pf-icon,
       tranparent);
   }
 
-#button.plain:not(.hasIcon) [part=icon],
-  #button.plain.loading [part=icon] {
+#button.plain:not(.hasIcon) [part=icon],#button.plain.loading [part=icon] {
     left: 16px;
   }
 
@@ -1913,8 +1913,7 @@ pf-icon,
     display: contents;
   }
 
-#button.plain.disabled,
-  #button.plain.link.disabled {
+#button.plain.disabled,#button.plain.link.disabled {
     --_button-color: var(--pf-c-button--disabled--Color,
       var(--pf-c-button--m-plain--disabled--Color,
         var(--pf-global--disabled--color--200, #d2d2d2)));
@@ -1986,7 +1985,7 @@ pf-icon,
  *                            *
  ******************************/
 
-:host([loading]) {
+:host([loading]) #button {
   position: relative;
   display: flex;
   align-items: center;
@@ -2008,8 +2007,7 @@ pf-icon,
       var(--pf-global--spacer--xs, 0.25rem));
   }
 
-#button.loading.primary:not(.plain),
-  #button.loading.danger {
+#button.loading.primary:not(.plain),#button.loading.danger {
     --pf-c-spinner--Color: white;
   }
 
@@ -2176,7 +2174,7 @@ pf-icon,
       var(--pf-global--active-color--100, #06c));
   }
 
-:host(:focus) #button.control::after {
+:is(:host(:focus) #button.control)::after {
       border-block-end-width: var(--pf-c-button--m-control--focus--after--BorderBottomWidth,
         var(--pf-global--BorderWidth--md, 2px));
     }
@@ -2190,7 +2188,7 @@ pf-icon,
       var(--pf-global--active-color--100, #06c));
   }
 
-:host(:hover) #button.control::after {
+:is(:host(:hover) #button.control)::after {
       border-block-end-width: var(--pf-c-button--m-control--hover--after--BorderBottomWidth,
         var(--pf-global--BorderWidth--md, 2px));
     }
@@ -2204,7 +2202,7 @@ pf-icon,
       var(--pf-global--active-color--100, #06c));
   }
 
-:host(:active) #button.control::after {
+:is(:host(:active) #button.control)::after {
       border-block-end-width: var(--pf-c-button--m-control--active--after--BorderBottomWidth,
         var(--pf-global--BorderWidth--md, 2px));
     }
@@ -2328,43 +2326,49 @@ pf-icon,
     var(--pf-global--danger-color--100, #c9190b));
 }
 
-`,ws=Hm;var yt,fl,Wr,wn,ge,dl,ml,Ls,R=class extends $m{constructor(){super(...arguments);n(this,Wr);n(this,ge);n(this,ml);this.loading=!1;this.plain=!1;this.warning=!1;this.danger=!1;this.variant="primary";this.inline=!1;this.block=!1;this.disabled=!1;n(this,yt,f.of(this,{role:"button"}));n(this,fl,new k(this,"icon",null))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",s(this,ge,dl)),this.addEventListener("keydown",s(this,ml,Ls)),this.tabIndex=0}willUpdate(){l(this,yt).ariaLabel=this.label||null,l(this,yt).ariaDisabled=String(!!this.disabled)}render(){let o=!!this.icon||!!this.loading||l(this,fl).hasSlotted("icon"),{warning:e,variant:a,danger:c,loading:p,plain:d,inline:u,block:B,size:L}=this,I=l(this,Wr,wn);return Im`
+`,rd=_b;var Ko,ii,Zr,Hc,We,li,ni,ld,F=class extends xb{constructor(){super(...arguments);n(this,Zr);n(this,We);n(this,ni);this.disabled=!1;this.loading=!1;this.warning=!1;this.danger=!1;this.plain=!1;this.variant="primary";this.inline=!1;this.block=!1;n(this,Ko,m.of(this,{role:this.variant==="link"?"none":"button"}));n(this,ii,new T(this,"icon",null))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",s(this,We,li)),this.addEventListener("keydown",s(this,ni,ld))}willUpdate(){i(this,Ko).ariaLabel=this.label||null,i(this,Ko).ariaDisabled=String(!!this.disabled),this.variant==="link"&&this.href?(this.removeAttribute("tabindex"),i(this,Ko).role="none"):(this.tabIndex=0,i(this,Ko).role="button")}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}render(){let o=!!this.icon||!!this.loading||i(this,ii).hasSlotted("icon"),{warning:e,variant:a,danger:c,loading:p,plain:f,inline:b,block:x,size:S,href:E,target:Y}=this,U=i(this,Zr,Hc),jo=Pc`
+      <slot id="icon"
+            part="icon"
+            name="icon"
+            ?hidden="${!o}">
+        <pf-icon role="presentation"
+                 icon="${Ic(this.icon)}"
+                 set="${Ic(this.iconSet)}"
+                 ?hidden="${!this.icon||this.loading}"></pf-icon>
+        <pf-spinner size="md"
+                    ?hidden="${!this.loading}"
+                    aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
+      </slot>
+      <slot id="text"></slot>
+    `;return a==="link"&&E?Pc`
+        <a id="button"
+           href="${E}"
+           target="${Ic(Y)}"
+           class="${ad({[a]:!0,[S??""]:!!S,anchor:!0,inline:b,block:x,danger:c,disabled:U,hasIcon:o,loading:p,plain:f,warning:e})}">${jo}</a>`:Pc`
       <div id="button"
-           class="${Om({[a]:!0,[L??""]:!!L,inline:u,block:B,danger:c,disabled:I,hasIcon:o,loading:p,plain:d,warning:e})}">
-        <slot id="icon" part="icon" name="icon" ?hidden="${!o}">
-          <pf-icon role="presentation"
-                   icon="${Ss(this.icon)}"
-                   set="${Ss(this.iconSet)}"
-                   ?hidden="${!this.icon}"></pf-icon>
-          <pf-spinner size="md"
-                      ?hidden="${!this.loading}"
-                      aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
-        </slot>
-        <slot id="text"></slot>
-      </div>
-    `}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};yt=new WeakMap,fl=new WeakMap,Wr=new WeakSet,wn=function(){return this.disabled||l(this,yt).formDisabled},ge=new WeakSet,dl=function(){if(!l(this,Wr,wn))switch(this.type){case"reset":return l(this,yt).reset();default:return l(this,yt).submit()}},ml=new WeakSet,Ls=function(o){switch(o.key){case" ":o.preventDefault(),o.stopPropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))&&s(this,ge,dl).call(this);break;case"Enter":this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))&&s(this,ge,dl).call(this)}},R.formAssociated=!0,R.styles=[ys,ks,ws],r([Q({type:Boolean,reflect:!0})],R.prototype,"loading",2),r([Q({type:Boolean,reflect:!0})],R.prototype,"plain",2),r([Q({type:Boolean,reflect:!0})],R.prototype,"warning",2),r([Q({reflect:!0})],R.prototype,"size",2),r([Q({attribute:"icon-set"})],R.prototype,"iconSet",2),r([Q({type:Boolean,reflect:!0})],R.prototype,"danger",2),r([Q({reflect:!0})],R.prototype,"variant",2),r([Q({reflect:!0,type:Boolean})],R.prototype,"inline",2),r([Q({reflect:!0,type:Boolean})],R.prototype,"block",2),r([Q({reflect:!0,type:Boolean})],R.prototype,"disabled",2),r([Q({reflect:!0})],R.prototype,"type",2),r([Q()],R.prototype,"label",2),r([Q()],R.prototype,"value",2),r([Q()],R.prototype,"name",2),r([Q()],R.prototype,"icon",2),R=r([Am("pf-button")],R);uo();var kt=class extends Event{constructor(o,e){super("request-expand",{bubbles:!0,cancelable:!0});this.compoundExpanded=!1;e&&(this.compoundExpanded=o??!1,this.row=e)}};function jm(...i){let t=new Set(i);return{fromAttribute(o){return o&&t.has(o.toLowerCase())?o:o!=null},toAttribute(o){return o?o==="compound"?o:"":null}}}var qm={fromAttribute(i){return i||i!==null},toAttribute(i){return i?typeof i=="string"?i:"":null}},gl,zs,Mr,Sn,bl,Ms,Ko=class extends Dm{constructor(){super(...arguments);n(this,gl);n(this,Mr);n(this,bl);this.expandable=!1;this.expanded=!1}connectedCallback(){super.connectedCallback(),s(this,Mr,Sn).call(this)}willUpdate(o){o.has("expandable")&&s(this,Mr,Sn).call(this),o.has("expanded")&&s(this,gl,zs).call(this)}render(){return[this.expandable&&this.expandable!=="compound"&&zr`
+           class="${ad({[a]:!0,[S??""]:!!S,inline:b,block:x,danger:c,disabled:U,hasIcon:o,loading:p,plain:f,warning:e})}">${jo}</div>`}};Ko=new WeakMap,ii=new WeakMap,Zr=new WeakSet,Hc=function(){return this.disabled||i(this,Ko).formDisabled},We=new WeakSet,li=function(){if(!i(this,Zr,Hc))switch(this.type){case"reset":return i(this,Ko).reset();default:return i(this,Ko).submit()}},ni=new WeakSet,ld=function(o){switch(o.key){case" ":o.preventDefault(),o.stopPropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))&&s(this,We,li).call(this);break;case"Enter":this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))&&s(this,We,li).call(this)}},F.formAssociated=!0,F.styles=[td,ed,rd],r([J({reflect:!0})],F.prototype,"type",2),r([J()],F.prototype,"label",2),r([J()],F.prototype,"value",2),r([J()],F.prototype,"name",2),r([J({reflect:!0,type:Boolean})],F.prototype,"disabled",2),r([J({type:Boolean,reflect:!0})],F.prototype,"loading",2),r([J({reflect:!0})],F.prototype,"size",2),r([J({type:Boolean,reflect:!0})],F.prototype,"warning",2),r([J({type:Boolean,reflect:!0})],F.prototype,"danger",2),r([J({type:Boolean,reflect:!0})],F.prototype,"plain",2),r([J({reflect:!0})],F.prototype,"variant",2),r([J({reflect:!0,type:Boolean})],F.prototype,"inline",2),r([J({reflect:!0,type:Boolean})],F.prototype,"block",2),r([J()],F.prototype,"icon",2),r([J({attribute:"icon-set"})],F.prototype,"iconSet",2),r([J({reflect:!0})],F.prototype,"href",2),r([J({reflect:!0})],F.prototype,"target",2),F=r([Cb("pf-button")],F);ko();var It=class extends Event{constructor(o,e){super("request-expand",{bubbles:!0,cancelable:!0});this.compoundExpanded=!1;e&&(this.compoundExpanded=o??!1,this.row=e)}};function wb(...l){let t=new Set(l);return{fromAttribute(o){return o&&t.has(o.toLowerCase())?o:o!=null},toAttribute(o){return o?o==="compound"?o:"":null}}}var Sb={fromAttribute(l){return l||l!==null},toAttribute(l){return l?typeof l=="string"?l:"":null}},ci,nd,Jr,$c,si,cd,gt=class extends Bb{constructor(){super(...arguments);n(this,ci);n(this,Jr);n(this,si);this.expandable=!1;this.expanded=!1}connectedCallback(){super.connectedCallback(),s(this,Jr,$c).call(this)}willUpdate(o){o.has("expandable")&&s(this,Jr,$c).call(this),o.has("expanded")&&s(this,ci,nd).call(this)}render(){return[this.expandable&&this.expandable!=="compound"&&Qr`
         <pf-td id="toggle-cell">
           <pf-button id="toggle-button"
                      aria-expanded=${String(this.expanded)}
                      plain
-                     @click=${s(this,bl,Ms)}>
+                     @click=${s(this,si,cd)}>
             <pf-icon id="toggle-icon"
                      icon="angle-right"
                      size="md"
             ></pf-icon>
           </pf-button>
         </pf-td>
-      `,zr`
-        <div id="container" role="${Um(this.expandable?"row":void 0)}">
+      `,Qr`
+        <div id="container" role="${kb(this.expandable?"row":void 0)}">
           <slot></slot>
         </div>
-      `,this.expandable&&this.expandable!=="compound"&&this.expanded&&zr`
+      `,this.expandable&&this.expandable!=="compound"&&this.expanded&&Qr`
         <div id="expansion" role="row"><slot name="expansion"></slot></div>
-      `,this.expandable==="compound"&&zr`
-        <div id="expansion">${this.expanded?zr`
+      `,this.expandable==="compound"&&Qr`
+        <div id="expansion">${this.expanded?Qr`
           <slot name="${this.expanded}"></slot>`:""}
         </div>
-      `].filter(Boolean)}};gl=new WeakSet,zs=function(){this.expanded&&!this.expandable&&(this.expanded=!1)},Mr=new WeakSet,Sn=function(){switch(this.expandable){case"compound":break;case!0:this.setAttribute("role","rowgroup");break;default:this.setAttribute("role","row")}},bl=new WeakSet,Ms=function(){this.dispatchEvent(new kt)},Ko.styles=[vs],r([Ws({reflect:!0,converter:jm("compound")})],Ko.prototype,"expandable",2),r([Ws({reflect:!0,converter:qm})],Ko.prototype,"expanded",2),Ko=r([Nm("pf-tr")],Ko);import{LitElement as Xm,html as Gm}from"lit";import{customElement as Km}from"lit/decorators/custom-element.js";import{css as Vm}from"lit";var Ym=Vm`:host {
+      `].filter(Boolean)}};ci=new WeakSet,nd=function(){this.expanded&&!this.expandable&&(this.expanded=!1)},Jr=new WeakSet,$c=function(){switch(this.expandable){case"compound":break;case!0:this.setAttribute("role","rowgroup");break;default:this.setAttribute("role","row")}},si=new WeakSet,cd=function(){this.dispatchEvent(new It)},gt.styles=[Zp],r([id({reflect:!0,converter:wb("compound")})],gt.prototype,"expandable",2),r([id({reflect:!0,converter:Sb})],gt.prototype,"expanded",2),gt=r([yb("pf-tr")],gt);import{LitElement as Wb,html as Tb}from"lit";import{customElement as Eb}from"lit/decorators/custom-element.js";import{css as Lb}from"lit";var zb=Lb`:host {
   --pf-c-table--cell--MinWidth: var(--pf-c-table--m-truncate--cell--MinWidth);
   --pf-c-table--cell--MaxWidth: var(--pf-c-table--m-truncate--cell--MaxWidth);
   --pf-c-table--cell--Overflow: hidden;
@@ -2382,9 +2386,9 @@ pf-icon,
     display: none;
     visibility: hidden;
   }
-}`,Es=Ym;var hl,Ts,Er=class extends Xm{constructor(){super(...arguments);n(this,hl)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","rowgroup")}render(){return Gm`
-      <slot @slotchange=${s(this,hl,Ts)}></slot>
-    `}};hl=new WeakSet,Ts=function(){for(let o of this.querySelectorAll(":scope > pf-th"))o.setAttribute("role","columnheader")},Er.styles=[Es],Er=r([Km("pf-thead")],Er);import{LitElement as Jm,html as Fs,svg as og}from"lit";import{customElement as tg}from"lit/decorators/custom-element.js";import{property as ul}from"lit/decorators/property.js";import{classMap as eg}from"lit/directives/class-map.js";import{css as Zm}from"lit";var Qm=Zm`:host {
+}`,sd=zb;var pi,pd,oa=class extends Wb{constructor(){super(...arguments);n(this,pi)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","rowgroup")}render(){return Tb`
+      <slot @slotchange=${s(this,pi,pd)}></slot>
+    `}};pi=new WeakSet,pd=function(){for(let o of this.querySelectorAll(":scope > pf-th"))o.setAttribute("role","columnheader")},oa.styles=[sd],oa=r([Eb("pf-thead")],oa);import{LitElement as Fb,html as fd,svg as Pb}from"lit";import{customElement as Ib}from"lit/decorators/custom-element.js";import{property as di}from"lit/decorators/property.js";import{classMap as Hb}from"lit/directives/class-map.js";import{css as Rb}from"lit";var Mb=Rb`:host {
   font-weight: bold;
   padding: 1rem;
   position: relative;
@@ -2477,22 +2481,22 @@ button.selected {
   white-space: nowrap;
   border: 0;
 }
-`,Rs=Qm;var rg={asc:"desc",desc:"asc"},Tr=class extends Event{constructor(o,e){super("request-sort",{bubbles:!0,cancelable:!0});this.key=o;this.direction=e}},ag=new Map(Object.entries({asc:"M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z",desc:"M168 345.941V44c0-6.627-5.373-12-12-12h-56c-6.627 0-12 5.373-12 12v301.941H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.569 9.373 33.941 0l86.059-86.059c15.119-15.119 4.411-40.971-16.971-40.971H168z",sort:"M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"})),vl,Ps,Bo=class extends Jm{constructor(){super(...arguments);n(this,vl);this.sortable=!1;this.selected=!1}connectedCallback(){super.connectedCallback();let o=this.closest("pf-thead"),e=this.closest("pf-table"),c=!!o&&!!e?.contains(o)?"colheader":"rowheader";this.setAttribute("role",c)}render(){let o=!!this.selected;return this.sortable?Fs`
+`,dd=Mb;var $b={asc:"desc",desc:"asc"},ta=class extends Event{constructor(o,e){super("request-sort",{bubbles:!0,cancelable:!0});this.key=o;this.direction=e}},Ab=new Map(Object.entries({asc:"M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z",desc:"M168 345.941V44c0-6.627-5.373-12-12-12h-56c-6.627 0-12 5.373-12 12v301.941H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.569 9.373 33.941 0l86.059-86.059c15.119-15.119 4.411-40.971-16.971-40.971H168z",sort:"M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"})),fi,md,Mo=class extends Fb{constructor(){super(...arguments);n(this,fi);this.sortable=!1;this.selected=!1}connectedCallback(){super.connectedCallback();let o=this.closest("pf-thead"),e=this.closest("pf-table"),c=!!o&&!!e?.contains(o)?"colheader":"rowheader";this.setAttribute("role",c)}render(){let o=!!this.selected;return this.sortable?fd`
         <button id="sort-button"
-                class="sortable ${eg({selected:o})}"
+                class="sortable ${Hb({selected:o})}"
                 part="sort-button"
-                @click="${s(this,vl,Ps)}">
+                @click="${s(this,fi,md)}">
           <slot></slot>
           <span class="visually-hidden">${this.sortDirection?`(sorted ${this.sortDirection==="asc"?"ascending":"descending"})`:""}</span>
           <span id="sort-indicator">
-            <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">${og`
-              <path d="${ag.get(this.sortDirection??"sort")}"></path>`}
+            <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">${Pb`
+              <path d="${Ab.get(this.sortDirection??"sort")}"></path>`}
             </svg>
           </span>
         </button>
-      `:Fs`
+      `:fd`
         <slot></slot>
-      `}sort(){let o=rg[this.sortDirection??"asc"];this.dispatchEvent(new Tr(this.key,o))}};vl=new WeakSet,Ps=function(){this.sortable&&this.sort()},Bo.styles=[Rs],r([ul({type:Boolean,reflect:!0})],Bo.prototype,"sortable",2),r([ul({type:Boolean,reflect:!0})],Bo.prototype,"selected",2),r([ul({reflect:!0,attribute:"sort-direction"})],Bo.prototype,"sortDirection",2),r([ul()],Bo.prototype,"key",2),Bo=r([tg("pf-th")],Bo);import{LitElement as ng,html as $s}from"lit";import{customElement as cg}from"lit/decorators/custom-element.js";import{property as Is}from"lit/decorators/property.js";import{css as lg}from"lit";var ig=lg`:host(:empty),
+      `}sort(){let o=$b[this.sortDirection??"asc"];this.dispatchEvent(new ta(this.key,o))}};fi=new WeakSet,md=function(){this.sortable&&this.sort()},Mo.styles=[dd],r([di({type:Boolean,reflect:!0})],Mo.prototype,"sortable",2),r([di({type:Boolean,reflect:!0})],Mo.prototype,"selected",2),r([di({reflect:!0,attribute:"sort-direction"})],Mo.prototype,"sortDirection",2),r([di()],Mo.prototype,"key",2),Mo=r([Ib("pf-th")],Mo);import{LitElement as Ub,html as bd}from"lit";import{customElement as Nb}from"lit/decorators/custom-element.js";import{property as hd}from"lit/decorators/property.js";import{css as Ob}from"lit";var Db=Ob`:host(:empty),
 :host([compound-expand]) {
   padding: 0;
 }
@@ -2597,13 +2601,13 @@ button:hover {
   color: var(--pf-c-table__button--hover--Color);
 }
 
-`,Hs=ig;var _l,As,Zo=class extends ng{constructor(){super(...arguments);n(this,_l);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}render(){return this.compoundExpand?$s`
-      <button @click="${s(this,_l,As)}">
+`,gd=Db;var mi,ud,bt=class extends Ub{constructor(){super(...arguments);n(this,mi);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}render(){return this.compoundExpand?bd`
+      <button @click="${s(this,mi,ud)}">
         <slot></slot>
       </button>
-    `:$s`
+    `:bd`
       <slot></slot>
-    `}};_l=new WeakSet,As=function(){let o=this.closest("pf-tr"),e=this.compoundExpand,a=o?new kt(o.expanded===e||e||!1,o):new kt;this.dispatchEvent(a)},Zo.styles=[Hs],r([Is({attribute:"compound-expand"})],Zo.prototype,"compoundExpand",2),r([Is({type:Boolean,reflect:!0})],Zo.prototype,"expanded",2),Zo=r([cg("pf-td")],Zo);import{LitElement as dg,html as fg}from"lit";import{customElement as mg}from"lit/decorators/custom-element.js";import{css as sg}from"lit";var pg=sg`:host {
+    `}};mi=new WeakSet,ud=function(){let o=this.closest("pf-tr"),e=this.compoundExpand,a=o?new It(o.expanded===e||e||!1,o):new It;this.dispatchEvent(a)},bt.styles=[gd],r([hd({attribute:"compound-expand"})],bt.prototype,"compoundExpand",2),r([hd({type:Boolean,reflect:!0})],bt.prototype,"expanded",2),bt=r([Nb("pf-td")],bt);import{LitElement as Vb,html as Yb}from"lit";import{customElement as Xb}from"lit/decorators/custom-element.js";import{css as jb}from"lit";var qb=jb`:host {
   --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
   --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);
   display: grid;
@@ -2619,9 +2623,9 @@ button:hover {
   }
 }
 
-`,Os=pg;var Rr=class extends dg{connectedCallback(){super.connectedCallback(),this.setAttribute("role","rowgroup")}render(){return fg`
+`,vd=qb;var ea=class extends Vb{connectedCallback(){super.connectedCallback(),this.setAttribute("role","rowgroup")}render(){return Yb`
       <slot></slot>
-    `}};Rr.styles=[Os],Rr=r([mg("pf-tbody")],Rr);import{LitElement as Cg,html as Bg}from"lit";import{customElement as yg}from"lit/decorators/custom-element.js";import{styleMap as kg}from"lit/directives/style-map.js";import{state as wg}from"lit/decorators/state.js";import{LitElement as hg,html as ug}from"lit";import{customElement as vg}from"lit/decorators/custom-element.js";import{css as gg}from"lit";var bg=gg`:host {
+    `}};ea.styles=[vd],ea=r([Xb("pf-tbody")],ea);import{LitElement as eh,html as rh}from"lit";import{customElement as ah}from"lit/decorators/custom-element.js";import{styleMap as lh}from"lit/directives/style-map.js";import{state as ih}from"lit/decorators/state.js";import{LitElement as Zb,html as Qb}from"lit";import{customElement as Jb}from"lit/decorators/custom-element.js";import{css as Kb}from"lit";var Gb=Kb`:host {
   display: table-caption;
   /* stylelint-disable-next-line max-line-length */
   padding: var(--pf-c-table-caption--PaddingTop, var(--pf-global--spacer--md, 1rem)) var(--pf-c-table-caption--PaddingRight, var(--pf-global--spacer--lg, 1.5rem)) var(--pf-c-table-caption--PaddingBottom, var(--pf-global--spacer--md, 1rem)) var(--pf-c-table-caption--PaddingLeft, var(--pf-global--spacer--lg, 1.5rem));
@@ -2629,9 +2633,9 @@ button:hover {
   color: var(--pf-c-table-caption--Color, var(--pf-global--Color--200, #6a6e73));
   text-align: left;
   background-color: var(--pf-c-table--BackgroundColor);
-}`,Ds=bg;var Fr=class extends hg{render(){return ug`
+}`,_d=Gb;var ra=class extends Zb{render(){return Qb`
       <slot></slot>
-    `}};Fr.styles=[Ds],Fr=r([vg("pf-caption")],Fr);import{css as _g}from"lit";var xg=_g`:host {
+    `}};ra.styles=[_d],ra=r([Jb("pf-caption")],ra);import{css as oh}from"lit";var th=oh`:host {
 	--pf-c-table--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
 	--pf-c-table--BorderColor: var(--pf-global--BorderColor--100, #d2d2d2);
 	--pf-c-table--border-width--base: var(--pf-global--BorderWidth--sm, 1px);
@@ -2854,17 +2858,18 @@ button:hover {
     border: none;
   }
 }
-`,Ns=xg;var Sg=[":scope > pf-tbody:not([expandable]) > pf-tr",":scope > pf-tbody > pf-tr[expandable]",":scope > pf-tr",":scope > pf-tr[expandable]"].join(),xl,Us,Pr,Ln,Cl,js,Bl,qs,Qo=class extends Cg{constructor(){super(...arguments);n(this,xl);n(this,Pr);n(this,Cl);n(this,Bl);this.columns=0}get rows(){return this.querySelectorAll(Sg)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table"),s(this,Pr,Ln).call(this)}render(){let e=!!this.querySelector("pf-tr[expandable]")?"1":"0";return Bg`
-      <slot @slotchange="${s(this,Pr,Ln)}"
-            @request-expand="${s(this,xl,Us)}"
-            @request-sort="${s(this,Cl,js)}"
-            style="${kg({"--_pf-table--expandable-rows":e,"--_pf-table--number-of-columns":this.columns})}"
+`,xd=th;var nh=[":scope > pf-tbody:not([expandable]) > pf-tr",":scope > pf-tbody > pf-tr[expandable]",":scope > pf-tr",":scope > pf-tr[expandable]"].join(),gi,Cd,aa,Ac,bi,Bd,hi,yd,ht=class extends eh{constructor(){super(...arguments);n(this,gi);n(this,aa);n(this,bi);n(this,hi);this.columns=0}get rows(){return this.querySelectorAll?.(nh)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table"),s(this,aa,Ac).call(this)}render(){let e=!!this.querySelector?.("pf-tr[expandable]")?"1":"0";return rh`
+      <slot @slotchange="${s(this,aa,Ac)}"
+            @request-expand="${s(this,gi,Cd)}"
+            @request-sort="${s(this,bi,Bd)}"
+            style="${lh({"--_pf-table--expandable-rows":e,"--_pf-table--number-of-columns":this.columns})}"
       ></slot>
     `}static getNodeContentForSort(o,e){let a=e.querySelector(`
       :scope > :is(pf-th, pf-td):nth-child(${o+1}),
       :scope > pf-tr > :is(pf-th, pf-td):nth-child(${o+1})
-    `.trim())?.textContent?.trim()?.toLowerCase()??"";return{node:e,content:a}}static sortByContent(o,e,a){return o==="asc"?e.content<a.content?-1:e.content>a.content?1:0:a.content<e.content?-1:a.content>e.content?1:0}};xl=new WeakSet,Us=function(o){if(o instanceof kt&&!o.defaultPrevented){if(o.stopPropagation(),o.target instanceof Ko)o.target.expanded=!!o.target.expandable&&!o.target.expanded;else if(o.target instanceof Zo&&o.row){o.row.expanded=o.compoundExpanded;for(let e of o.row.querySelectorAll("pf-td"))e.expanded=o.compoundExpanded===e.compoundExpand}}},Pr=new WeakSet,Ln=function(){this.columns=this.querySelector("pf-tr")?.querySelectorAll("pf-th")?.length??0,this.requestUpdate()},Cl=new WeakSet,js=function(o){if(o instanceof Tr){for(let e of this.querySelectorAll("pf-th[sortable]"))e.selected=e===o.target,e!==o.target&&e.removeAttribute("sort-direction");!o.defaultPrevented&&o.target instanceof Bo&&(o.target.sortDirection=o.direction,s(this,Bl,qs).call(this,o.target,o.direction))}},Bl=new WeakSet,qs=function(o,e){let a=o.parentElement?.children;if(a){let c=[...a].indexOf(o);Array.from(this.rows,p=>Qo.getNodeContentForSort(c,p)).sort((p,d)=>Qo.sortByContent(e,p,d)).forEach(({node:p},d)=>{let u=this.rows[d];if(this.rows[d]!==p){let B=e==="desc"?"afterend":"beforebegin";u.insertAdjacentElement(B,p)}})}},Qo.styles=[Ns],r([wg()],Qo.prototype,"columns",2),Qo=r([yg("pf-table")],Qo);import{customElement as Rg}from"lit/decorators/custom-element.js";import{LitElement as zg,html as Mg}from"lit";import{property as yl}from"lit/decorators/property.js";import{css as Lg}from"lit";var Wg=Lg`:host {
+    `.trim())?.textContent?.trim()?.toLowerCase()??"";return{node:e,content:a}}static sortByContent(o,e,a){return o==="asc"?e.content<a.content?-1:e.content>a.content?1:0:a.content<e.content?-1:a.content>e.content?1:0}};gi=new WeakSet,Cd=function(o){if(o instanceof It&&!o.defaultPrevented){if(o.stopPropagation(),o.target instanceof gt)o.target.expanded=!!o.target.expandable&&!o.target.expanded;else if(o.target instanceof bt&&o.row){o.row.expanded=o.compoundExpanded;for(let e of o.row.querySelectorAll("pf-td"))e.expanded=o.compoundExpanded===e.compoundExpand}}},aa=new WeakSet,Ac=function(){this.columns=this.querySelector("pf-tr")?.querySelectorAll("pf-th")?.length??0,this.requestUpdate()},bi=new WeakSet,Bd=function(o){if(o instanceof ta){for(let e of this.querySelectorAll("pf-th[sortable]"))e.selected=e===o.target,e!==o.target&&e.removeAttribute("sort-direction");!o.defaultPrevented&&o.target instanceof Mo&&(o.target.sortDirection=o.direction,s(this,hi,yd).call(this,o.target,o.direction))}},hi=new WeakSet,yd=function(o,e){let a=o.parentElement?.children;if(a){let c=[...a].indexOf(o);Array.from(this.rows,p=>ht.getNodeContentForSort(c,p)).sort((p,f)=>ht.sortByContent(e,p,f)).forEach(({node:p},f)=>{let b=this.rows[f];if(this.rows[f]!==p){let x=e==="desc"?"afterend":"beforebegin";b.insertAdjacentElement(x,p)}})}},ht.styles=[xd],r([ih()],ht.prototype,"columns",2),ht=r([ah("pf-table")],ht);import{LitElement as ph,html as dh}from"lit";import{customElement as fh}from"lit/decorators/custom-element.js";import{property as ui}from"lit/decorators/property.js";import{css as ch}from"lit";var sh=ch`:host {
   display: inline-block;
+  outline: none;
 }
 
 svg {
@@ -2875,43 +2880,7 @@ svg {
   display: none !important;
 }
 
-:host(:disabled) {
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-:host(:disabled) #container {
-  cursor: not-allowed;
-}
-
-:host(:disabled:is(:focus,:focus-within)) {
-  outline: none;
-}
-
-#container {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-}
-
-#container::before {
-  position: absolute;
-  display: block;
-  content: "";
-}
-`,Vs=Wg;var Jo=class extends zg{constructor(){super(...arguments);this.#o=f.of(this,{role:"switch"});this.showCheckIcon=!1;this.checked=!1;this.disabled=!1}static{this.styles=[Vs]}static{this.formAssociated=!0}#o;get labels(){return this.#o.labels}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("click",this.#r),this.addEventListener("keyup",this.#t),this.addEventListener("keydown",this.#a),this.#l()}formDisabledCallback(o){this.disabled=o}render(){return Mg`
-      <div id="container">
-        <svg id="toggle"
-             role="presentation"
-             fill="currentColor"
-             height="1em"
-             width="1em"
-             viewBox="0 0 512 512"
-             ?hidden=${!this.showCheckIcon}>
-          <path 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>
-    `}willUpdate(){this.#o.ariaChecked=String(!!this.checked),this.#o.ariaDisabled=String(!!this.disabled)}#r(o){let{originalTarget:e,explicitOriginalTarget:a}=o;if(a){let c;if(e===o.target&&!(c=Array.from(this.labels)).includes(a)&&c.includes(this.closest("label")))return}this.#e()}#t(o){(o.key===" "||o.key==="Enter")&&(o.preventDefault(),o.stopPropagation(),this.#e())}#a(o){o.key===" "&&(o.preventDefault(),o.stopPropagation())}#e(){this.disabled||(this.checked=!this.checked,this.#l(),this.dispatchEvent(new Event("change",{bubbles:!0})))}#l(){let o=this.checked?"on":"off";this.labels.forEach(e=>{e.querySelectorAll("[data-state]").forEach(c=>{c&&(c.hidden=c.dataset.state!==o)})})}};r([yl({reflect:!0})],Jo.prototype,"label",2),r([yl({reflect:!0,type:Boolean,attribute:"show-check-icon"})],Jo.prototype,"showCheckIcon",2),r([yl({reflect:!0,type:Boolean})],Jo.prototype,"checked",2),r([yl({reflect:!0,type:Boolean})],Jo.prototype,"disabled",2);import{css as Eg}from"lit";var Tg=Eg`:host([checked]) #container {
+: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,
@@ -2923,7 +2892,22 @@ svg {
     calc(100% + var(--pf-c-switch__toggle-icon--Offset, 0.125rem)));
 }
 
+:host(:is(:focus,: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));
+}
+
+:host(:disabled) {
+  pointer-events: none;
+  cursor: not-allowed;
+}
+
 :host(:disabled) #container {
+  cursor: not-allowed;
+
   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,
@@ -2940,7 +2924,14 @@ svg {
     calc(100% + var(--pf-c-switch__toggle-icon--Offset, 0.125rem)));
 }
 
+:host(:disabled:focus-within) #container {
+  outline: none;
+}
+
 #container {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
   width: var(--pf-c-switch__toggle--Width,
     calc(var(--pf-c-switch__toggle--Height,
       calc(var(--pf-c-switch--FontSize,
@@ -2961,6 +2952,9 @@ svg {
 }
 
 #container::before {
+  position: absolute;
+  display: block;
+  content: "";
   top: var(--pf-c-switch__toggle--before--Top,
     calc((var(--pf-c-switch__toggle--Height,
       calc(var(--pf-c-switch--FontSize,
@@ -2992,19 +2986,7 @@ svg {
   box-shadow: var(--pf-c-switch__toggle--before--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)));
   transition: var(--pf-c-switch__toggle--before--Transition,
-    var(--pf-c-switch__toggle--before--Transition, translate .25s ease 0s)); ;
-}
-
-:host {
-  outline: none;
-}
-
-:host(:is(:focus,: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));
+    var(--pf-c-switch__toggle--before--Transition, translate .25s ease 0s));
 }
 
 svg {
@@ -3017,7 +2999,31 @@ svg {
   color: var(--pf-c-switch__toggle-icon--Color,
     var(--pf-global--Color--light-100, #fff));
 }
-`,Ys=Tg;var Hr=class extends Jo{};Hr.styles=[...Jo.styles,Ys],Hr=r([Rg("pf-switch")],Hr);import{LitElement as ap,html as jr}from"lit";import{customElement as Kg}from"lit/decorators/custom-element.js";import{property as ko}from"lit/decorators/property.js";import{query as Zg}from"lit/decorators/query.js";import{repeat as Qg}from"lit/directives/repeat.js";import{styleMap as lp}from"lit/directives/style-map.js";import{classMap as En}from"lit/directives/class-map.js";import{ifDefined as Tn}from"lit/directives/if-defined.js";import{__classPrivateFieldGet as C,__classPrivateFieldSet as be}from"tslib";var J,ot,wt,$r,kl,Ir,wl,Sl,Ll,Wl,Xs,Gs,Ar,Wn=!1,Or=class i{static of(t,o){Wn=!0;let e=i.instances.get(t)??new i(t,o);return Wn=!1,e}constructor(t,o){if(J.add(this),this.host=t,this._options=o,ot.set(this,null),wt.set(this,[]),$r.set(this,!1),this.disabled=!1,wl.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);a&&a!==this._options.a11yController.activeItem&&this._options.a11yController.setActiveItem(a)}),Sl.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);if(a){let c=this.value;this._options.multi?e.shiftKey?C(this,ot,"f")&&a&&C(this,J,"m",Ar).call(this,a,C(this,ot,"f")):this._options.requestSelect(a,!this._options.isSelected(a)):this.options.forEach(p=>this._options.requestSelect(p,p===a)),a!==this._options.a11yController.activeItem&&this._options.a11yController.setActiveItem(a),c!==this.value&&this.host.requestUpdate()}}),Ll.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);a&&e.shiftKey&&this._options.multi&&(C(this,ot,"f")&&a&&C(this,J,"m",Ar).call(this,a,C(this,ot,"f")),e.key==="Shift"&&be(this,ot,null,"f"))}),Wl.set(this,e=>{let a=C(this,J,"m",Ir).call(this,e);if(!a||e.altKey||e.metaKey||!this.options.includes(a))return;let c=this._options.a11yController.firstItem,p=this._options.a11yController.lastItem;switch(e.key==="Shift"&&this._options.multi&&be(this,ot,this.activeItem??null,"f"),e.key){case"a":case"A":e.ctrlKey&&(C(this,J,"m",Ar).call(this,c,p,!0),e.preventDefault());break;case"Enter":case" ":this._options.multi?e.shiftKey?C(this,J,"m",Ar).call(this,a):this.disabled||this._options.requestSelect(a,!this._options.isSelected(a)):C(this,J,"m",Gs).call(this),e.preventDefault();break;default:break}}),!Wn)throw new Error("ListboxController must be constructed with `ListboxController.of()`");if(!(t instanceof HTMLElement)&&typeof o.getHTMLElement!="function")throw new Error("ListboxController requires the host to be an HTMLElement, or for the initializer to include a `getHTMLElement()` function");if(!o.a11yController)throw new Error("ListboxController requires an additional keyboard accessibility controller. Provide either a RovingTabindexController or an ActiveDescendantController");i.instances.set(t,this),this.host.addController(this),this.element?.isConnected&&this.hostConnected()}get activeItem(){return this.options.find(t=>t===this._options.a11yController.activeItem)||this._options.a11yController.firstItem}get nextItem(){return this._options.a11yController.nextItem}get options(){return C(this,wt,"f")}get selectedOptions(){return this.options.filter(t=>this._options.isSelected(t))}get value(){let[t]=this.selectedOptions;return this._options.multi?this.selectedOptions:t}get element(){return this._options.getHTMLElement()}async hostConnected(){C(this,$r,"f")||(await this.host.updateComplete,this.element?.addEventListener("click",C(this,Sl,"f")),this.element?.addEventListener("focus",C(this,wl,"f")),this.element?.addEventListener("keydown",C(this,Wl,"f")),this.element?.addEventListener("keyup",C(this,Ll,"f")),be(this,$r,!0,"f"))}hostUpdated(){this.element?.setAttribute("role","listbox"),this.element?.setAttribute("aria-disabled",String(!!this.disabled)),this.element?.setAttribute("aria-multi-selectable",String(!!this._options.multi));for(let t of this._options.a11yController.items)this._options.a11yController.activeItem===t?t.setAttribute("aria-selected","true"):t.removeAttribute("aria-selected")}hostDisconnected(){this.element?.removeEventListener("click",C(this,Sl,"f")),this.element?.removeEventListener("focus",C(this,wl,"f")),this.element?.removeEventListener("keydown",C(this,Wl,"f")),this.element?.removeEventListener("keyup",C(this,Ll,"f")),be(this,$r,!1,"f")}setValue(t){let o=Array.isArray(t)?t:[t],[e=null]=o;for(let a of this.options)this._options.requestSelect(a,this._options.multi&&Array.isArray(t)?t?.includes(a):e===a)}setOptions(t){let o=[...C(this,wt,"f")];be(this,wt,t,"f"),C(this,J,"m",Xs).call(this,o)}};ot=new WeakMap,wt=new WeakMap,$r=new WeakMap,wl=new WeakMap,Sl=new WeakMap,Ll=new WeakMap,Wl=new WeakMap,J=new WeakSet,kl=function(t=this.options){return t.filter(o=>!o.ariaDisabled&&!o.closest("[disabled]"))},Ir=function(t){return t.composedPath().find(o=>C(this,wt,"f").includes(o))},Xs=function(t){(C(this,wt,"f").length!==t.length||!t.every((e,a)=>e===C(this,wt,"f")[a]))&&this._options.a11yController.updateItems(this.options)},Gs=function(){!this._options.multi&&!this.disabled&&C(this,J,"m",kl).call(this).forEach(t=>this._options.requestSelect(t,t===this._options.a11yController.activeItem))},Ar=function(t,o=this.activeItem,e=!1){if(o&&this._options.multi&&!this.disabled&&t){let[a,c]=[this.options.indexOf(o),this.options.indexOf(t)].sort(),p=[...this.options].slice(a,c+1),d=C(this,J,"m",kl).call(this,p).filter(B=>!this._options.isSelected(B))?.length===0,u=e?!d:this._options.isSelected(o);C(this,J,"m",kl).call(this,p).forEach(B=>this._options.requestSelect(B,u)),be(this,ot,t,"f")}};Or.instances=new WeakMap;qe();import{LitElement as Hg,html as $g}from"lit";import{customElement as Ig}from"lit/decorators/custom-element.js";import{queryAssignedNodes as Ag}from"lit/decorators/query-assigned-nodes.js";import{property as Dr}from"lit/decorators/property.js";import{classMap as Og}from"lit/directives/class-map.js";import{css as Fg}from"lit";var Pg=Fg`:host {
+`,kd=sh;var Te,vi,wd,_i,Sd,xi,Ld,la,Oc,ia,Dc,Go=class extends ph{constructor(){super(...arguments);n(this,vi);n(this,_i);n(this,xi);n(this,la);n(this,ia);n(this,Te,m.of(this,{role:"switch"}));this.showCheckIcon=!1;this.checked=!1;this.disabled=!1}get labels(){return i(this,Te).labels}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("click",s(this,vi,wd)),this.addEventListener("keyup",s(this,_i,Sd)),this.addEventListener("keydown",s(this,xi,Ld)),s(this,ia,Dc).call(this)}formDisabledCallback(o){this.disabled=o,this.requestUpdate()}willUpdate(){i(this,Te).ariaChecked=String(!!this.checked),i(this,Te).ariaDisabled=String(!!this.disabled)}render(){return dh`
+      <div id="container">
+        <svg id="toggle"
+             role="presentation"
+             fill="currentColor"
+             height="1em"
+             width="1em"
+             viewBox="0 0 512 512"
+             ?hidden=${!this.showCheckIcon}>
+          <path 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>
+    `}};Te=new WeakMap,vi=new WeakSet,wd=function(o){let{originalTarget:e,explicitOriginalTarget:a}=o;if(a){let c;if(e===o.target&&!(c=Array.from(this.labels)).includes(a)&&c.includes(this.closest("label")))return}s(this,la,Oc).call(this)},_i=new WeakSet,Sd=function(o){switch(o.key){case" ":case"Enter":o.preventDefault(),s(this,la,Oc).call(this)}},xi=new WeakSet,Ld=function(o){o.key===" "&&(o.preventDefault(),o.stopPropagation())},la=new WeakSet,Oc=function(){this.disabled||(this.checked=!this.checked,s(this,ia,Dc).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},ia=new WeakSet,Dc=function(){let o=this.checked?"on":"off";this.labels.forEach(e=>{e.querySelectorAll("[data-state]").forEach(c=>{c&&(c.hidden=c.dataset.state!==o)})})},Go.styles=[kd],Go.formAssociated=!0,r([ui({reflect:!0})],Go.prototype,"label",2),r([ui({reflect:!0,type:Boolean,attribute:"show-check-icon"})],Go.prototype,"showCheckIcon",2),r([ui({reflect:!0,type:Boolean})],Go.prototype,"checked",2),r([ui({reflect:!0,type:Boolean})],Go.prototype,"disabled",2),Go=r([fh("pf-switch")],Go);import{LitElement as Kd,html as ha,isServer as Nh}from"lit";import{customElement as jh}from"lit/decorators/custom-element.js";import{property as So}from"lit/decorators/property.js";import{query as Ae}from"lit/decorators/query.js";import{repeat as qh}from"lit/directives/repeat.js";import{styleMap as Gd}from"lit/directives/style-map.js";import{classMap as ts}from"lit/directives/class-map.js";import{ifDefined as Vh}from"lit/directives/if-defined.js";import{__classPrivateFieldGet as d,__classPrivateFieldSet as Qo}from"tslib";import{nothing as vh}from"lit";import{__classPrivateFieldGet as g,__classPrivateFieldSet as Zo}from"tslib";import{isServer as mh}from"lit";function Ee(l,t){if(!Array.isArray(l)||!Array.isArray(t))return l===t;if(l.length!==t.length)return!1;if(!l.length&&!t.length)return!0;for(let[o,e]of l.entries())if(e!==t[o])return!1;return!0}var Fo,ut,z,Qt,vo,na,vt,Nc,zd,Ci,Bi,Re,Me,yi;function gh(l,t){t?l.setAttribute("aria-selected","true"):l.removeAttribute("aria-selected")}function jc(l){return l instanceof Element&&l?.parentElement?.role==="listbox"&&l?.role!=="presentation"&&l?.localName!=="hr"}function qc(l){return"disabled"in l&&typeof l.disabled=="boolean"&&l.disabled||l.getAttribute("aria-disabled")==="true"||l.hasAttribute("disabled")||l.hasAttribute("inert")||l.matches(":disabled")}var Uc=!1,ca=class l{static of(t,o){Uc=!0;let e=new l(t,o);return Uc=!1,e}get container(){return g(this,z,"f").getItemsContainer?.()??this.host}get multi(){return!!g(this,z,"f").multi}set multi(t){g(this,z,"f").multi=t,this.host.requestUpdate()}get items(){return g(this,Qt,"f")}set items(t){Zo(this,Qt,t,"f"),g(this,Qt,"f").forEach((o,e,a)=>{o.ariaSetSize=a.length.toString(),o.ariaPosInSet=(e+1).toString()})}set selected(t){if(!Ee(t,Array.from(g(this,vo,"f")))){Zo(this,vo,new Set(t),"f");for(let o of this.items)g(this,z,"f").setItemSelected(o,g(this,vo,"f").has(o));this.host.requestUpdate()}}get selected(){return[...g(this,vo,"f")]}constructor(t,o){if(Fo.add(this),this.host=t,ut.set(this,null),z.set(this,void 0),Qt.set(this,[]),vo.set(this,new Set),na.set(this,!1),this.disabled=!1,vt.set(this,[]),Bi.set(this,a=>{let c=g(this,Fo,"m",Ci).call(this,a);if(Zo(this,ut,g(this,ut,"f")??g(this,Fo,"m",Ci).call(this,a),"f"),c&&!g(this,z,"f").isItemDisabled(c))if(!this.multi)this.selected=[c];else if(!a.shiftKey)this.selected=this.items.filter(p=>g(this,vo,"f").has(p)?p!==c:p===c);else{let p=g(this,ut,"f"),f=g(this,vo,"f").has(p),[b,x]=[this.items.indexOf(p),this.items.indexOf(c)].sort();this.selected=this.items.filter((S,E)=>E>=b&&E<=x?f:g(this,vo,"f").has(S))}Zo(this,ut,c,"f"),this.host.requestUpdate()}),Re.set(this,a=>{a.key==="Shift"&&Zo(this,ut,null,"f")}),Me.set(this,a=>{let c=g(this,Fo,"m",Ci).call(this,a);if(!(this.disabled||a.altKey||a.metaKey||!g(this,Fo,"a",zd))){switch(a.key==="Shift"&&this.multi&&Zo(this,ut,g(this,ut,"f")??g(this,z,"f").getATFocusedItem()??null,"f"),a.key){case"a":case"A":if(a.ctrlKey&&(a.target===this.container||g(this,z,"f").isItem(a.target))){let p=this.items.filter(f=>!g(this,z,"f").isItemDisabled(f));Ee(this.selected,p)?this.selected=[]:this.selected=p,a.preventDefault()}break;case"Enter":if(c&&!a.shiftKey){let p=c;g(this,Fo,"m",yi).call(this,p,a.shiftKey),a.preventDefault()}break;case"ArrowUp":if(this.multi&&a.shiftKey&&g(this,z,"f").isItem(a.target)){let p=a.target;this.selected=this.items.filter((f,b)=>g(this,vo,"f").has(f)||b===this.items.indexOf(p)-1).filter(f=>!g(this,z,"f").isItemDisabled(f))}break;case"ArrowDown":if(this.multi&&a.shiftKey&&g(this,z,"f").isItem(a.target)){let p=a.target;this.selected=this.items.filter((f,b)=>g(this,vo,"f").has(f)||b===this.items.indexOf(p)+1).filter(f=>!g(this,z,"f").isItemDisabled(f))}break;case" ":c&&a.target===this.container?(g(this,Fo,"m",yi).call(this,c,a.shiftKey),a.preventDefault()):g(this,z,"f").isItem(a.target)&&(g(this,Fo,"m",yi).call(this,a.target,a.shiftKey),a.preventDefault());break;default:break}this.host.requestUpdate()}}),Zo(this,z,{setItemSelected:gh,isItemDisabled:qc,isItem:jc,...o},"f"),!Uc)throw new Error("ListboxController must be constructed with `ListboxController.of()`");if(!mh&&!(t instanceof HTMLElement)&&typeof o.getItemsContainer!="function")throw new Error(["ListboxController requires the host to be an HTMLElement","or for the initializer to include a getItemsContainer() function"].join(" "));let e=l.instances.get(t);if(e)return e;l.instances.set(t,this),this.host.addController(this),this.multi=g(this,z,"f").multi??!1,this.container?.isConnected&&this.hostConnected()}async hostConnected(){await this.host.updateComplete,this.hostUpdate(),this.hostUpdated()}hostUpdate(){let t=g(this,vt,"f");if(Zo(this,vt,g(this,z,"f").getControlsElements?.()??[],"f"),!Ee(t,g(this,vt,"f"))){g(this,Fo,"m",Nc).call(this,t);for(let o of g(this,vt,"f"))o.addEventListener("keydown",g(this,Me,"f")),o.addEventListener("keyup",g(this,Re,"f"))}}hostUpdated(){g(this,na,"f")||(this.container?.addEventListener("click",g(this,Bi,"f")),this.container?.addEventListener("keydown",g(this,Me,"f")),this.container?.addEventListener("keyup",g(this,Re,"f")),Zo(this,na,!0,"f")),this.container?.setAttribute("role","listbox"),this.container?.setAttribute("aria-disabled",String(!!this.disabled)),this.container?.setAttribute("aria-multiselectable",String(!!g(this,z,"f").multi))}hostDisconnected(){this.container?.removeEventListener("click",g(this,Bi,"f")),this.container?.removeEventListener("keydown",g(this,Me,"f")),this.container?.removeEventListener("keyup",g(this,Re,"f")),g(this,Fo,"m",Nc).call(this),Zo(this,na,!1,"f")}isSelected(t){return g(this,vo,"f").has(t)}};ut=new WeakMap,z=new WeakMap,Qt=new WeakMap,vo=new WeakMap,na=new WeakMap,vt=new WeakMap,Bi=new WeakMap,Re=new WeakMap,Me=new WeakMap,Fo=new WeakSet,Nc=function(t=g(this,vt,"f")){for(let o of t)o.removeEventListener("keydown",g(this,Me,"f")),o.removeEventListener("keyup",g(this,Re,"f"))},zd=function(){return g(this,vt,"f").length?g(this,vt,"f").every(t=>t.ariaExpanded==="true"):!0},Ci=function(t){let o=t.composedPath();if(this.items.some(a=>a.hasAttribute("tabindex"))){let a=o.find(g(this,z,"f").isItem);if(a)return a}else{if(g(this,z,"f").isItem(t.target)&&t.target.getRootNode()!==this.container.getRootNode()&&"ariaActiveDescendantElement"in HTMLElement.prototype)return t.target;if(t.target instanceof HTMLElement&&t.target.ariaActiveDescendantElement)return t.target.ariaActiveDescendantElement;if(t.type==="click"&&g(this,z,"f").isItem(t.target)&&t.target.id){let a=t.target,c=a.getRootNode();if(c instanceof ShadowRoot&&this.container.getRootNode()===c){let p=this.container,f=a;if(f&&p){if(this.items.includes(f))return f;{let b=Array.from(p?.children??[]).filter(g(this,z,"f").isItem).filter(x=>!x.hidden).indexOf(f);return g(this,Qt,"f").filter(x=>!x.hidden)[b]}}}}else{let a=t.target,c=a.getRootNode(),p=a?.getAttribute("aria-controls"),f=g(this,z,"f").isItem(a)?this.container:p?c.getElementById(p):null,x=c.querySelector(`[aria-controls="${f?.id}"][aria-activedescendant]`)?.getAttribute("aria-activedescendant"),S=x&&c.getElementById(x);if(S&&f){if(this.items.includes(S))return S;{let Y=Array.from(f?.children??[]).filter(g(this,z,"f").isItem).filter(U=>!U.hidden).indexOf(S);return g(this,Qt,"f").filter(U=>!U.hidden)[Y]}}let E=f||o.find(Y=>Y instanceof HTMLElement&&Y.role==="listbox");if(E){let U=Array.from(E.children).filter(g(this,z,"f").isItem).findIndex(jo=>o.includes(jo));if(U>=0)return this.items[U]??null}}}return null},yi=function(t,o=!1){g(this,z,"f").isItemDisabled(t)||(this.multi&&o?this.selected=[...this.selected,t]:this.multi&&g(this,vo,"f").has(t)?this.selected=this.selected.filter(e=>e!==t):this.multi?this.selected=this.selected.concat(t):this.selected=[t])};ca.instances=new WeakMap;import{__classPrivateFieldGet as $,__classPrivateFieldSet as Vc,__decorate as bh}from"tslib";import{isServer as hh,nothing as uh}from"lit";Wt();var pa,Ie,da,ki,Fe,sa,wi,Pe,Wd,Td,Ed,Jt=class l extends ye{static get supportsCrossRootActiveDescendant(){return!hh&&"ariaActiveDescendantElement"in HTMLElement.prototype}static of(t,o){return new l(t,o)}get atFocusedItemIndex(){return super.atFocusedItemIndex}set atFocusedItemIndex(t){super.atFocusedItemIndex=t;let o=this._items.at(this.atFocusedItemIndex);for(let a of this.items)this.options.setItemActive?.(a,a===o);let e=this.options.getActiveDescendantContainer();l.supportsCrossRootActiveDescendant?e&&(e.ariaActiveDescendantElement=o??null):e?.setAttribute("aria-activedescendant",o?.id??""),this.host.requestUpdate()}get controlsElements(){return $(this,Fe,"f")}set controlsElements(t){for(let o of $(this,Fe,"f"))o?.removeEventListener("keydown",this.onKeydown);Vc(this,Fe,t,"f");for(let o of $(this,Fe,"f"))o.addEventListener("keydown",this.onKeydown)}get items(){return this._items}set items(t){let o=this.options.getItemsContainer?.()??this.host;if(!(o instanceof HTMLElement))throw new Error("items container must be an HTMLElement");this.itemsContainerElement=o;let{supportsCrossRootActiveDescendant:e}=l;e||[o].concat(this.controlsElements).concat(t).every((a,c,p)=>a.getRootNode()===p[0].getRootNode())?this._items=t.map(a=>(e||a.id||(a.id=N()),a)):this._items=t?.map(a=>{if(a.removeAttribute("tabindex"),o.contains(a))return a.id||(a.id=N()),$(this,ki,"f").add(a),$(this,da,"f").set(a,a),a;{let c=a.cloneNode(!0);return c.id=N(),$(this,Ie,"f").set(a,c),$(this,da,"f").set(c,a),$(this,Pe,"f").observe(c,{attributes:!0}),$(this,Pe,"f").observe(a,{attributes:!0}),c}})}constructor(t,o){var e;super(t,o),pa.add(this),this.host=t,this.options=o,Ie.set(this,new WeakMap),da.set(this,new WeakMap),ki.set(this,new WeakSet),Fe.set(this,[]),sa.set(this,!1),wi.set(this,new MutationObserver(a=>$(this,pa,"m",Td).call(this,a))),Pe.set(this,new MutationObserver(a=>$(this,pa,"m",Ed).call(this,a))),(e=this.options).getItemValue??(e.getItemValue=function(){return this.value})}initItems(){$(this,Pe,"f").disconnect(),super.initItems(),this.controlsElements=this.options.getControlsElements?.()??[],!$(this,sa,"f")&&this.itemsContainerElement&&this.itemsContainerElement.isConnected&&($(this,wi,"f").observe(this.itemsContainerElement,{childList:!0}),Vc(this,sa,!0,"f"))}hostDisconnected(){this.controlsElements=[],Vc(this,sa,!1,"f"),$(this,wi,"f").disconnect(),$(this,Pe,"f").disconnect()}onKeydown(t){!t.ctrlKey&&!t.altKey&&!t.metaKey&&this.atFocusableItems.length&&super.onKeydown(t)}renderItemsToShadowRoot(){return l.supportsCrossRootActiveDescendant?uh:this.items?.filter(t=>!$(this,ki,"f").has(t))}};Ie=new WeakMap,da=new WeakMap,ki=new WeakMap,Fe=new WeakMap,sa=new WeakMap,wi=new WeakMap,Pe=new WeakMap,pa=new WeakSet,Wd=function(t,o){let e=$(this,da,"f").get(o)??$(this,Ie,"f").get(o),a=o.getAttribute(t),c=e?.getAttribute(t);o.hasAttribute(t)?c!==a&&e?.setAttribute(t,a):e?.removeAttribute(t)},Td=function(t){for(let{removedNodes:o}of t)for(let e of o)$(this,Ie,"f").get(e)?.remove(),$(this,Ie,"f").delete(e)},Ed=function(t){for(let{target:o,attributeName:e}of t)e&&$(this,pa,"m",Wd).call(this,e,o)};bh([A],Jt.prototype,"onKeydown",null);var _,G,He,Zc,wo,oo,fa,P,V,K,Li,zi,Yc,oe,Ii,Wi,Id,Rd,Md,Fd,Xc,Pd,Kc,Ht,_t,Hd,Si,$d,Gc,$e,Ti,ma,Ei,Ri,Mi,Fi,Pi;function _h(l,t){let o=l?.closest(t),e=l?.getRootNode(),a=0;for(;a<500&&!o&&l;){if(a++,e=l.getRootNode(),e instanceof ShadowRoot)l=e.host;else if(e instanceof Document)l=document.documentElement;else return null;o=l.closest(t)}return o}function Ad(l){return"value"in l&&typeof l.value=="string"?l.value:""}function xh(l,t){return!Ad(l).toLowerCase().startsWith(t.toLowerCase())}function Ch(l,t){l.hidden=t}function Bh(l,t){if("value"in l)l.value=t;else return console.warn(`Cannot set value on combobox element ${l.localName}`)}function yh(l){return"value"in l&&typeof l.value=="string"?l.value:(console.warn(`Cannot get value from combobox element ${l.localName}`),"")}var $t=class{static of(t,o){return new G(t,o)}static get supportsCrossRootActiveDescendant(){return Jt.supportsCrossRootActiveDescendant}get items(){return d(this,wo,"f").items}set items(t){d(this,wo,"f").items=t}get disabled(){return d(this,wo,"f").disabled}set disabled(t){d(this,wo,"f").disabled=t}get multi(){return d(this,wo,"f").multi}set multi(t){d(this,wo,"f").multi=t}get selected(){return d(this,wo,"f").selected}set selected(t){d(this,wo,"f").selected=t}constructor(t,o){_.add(this),this.host=t,wo.set(this,void 0),oo.set(this,void 0),fa.set(this,!1),P.set(this,null),V.set(this,null),K.set(this,null),Li.set(this,null),zi.set(this,new MutationObserver(()=>d(this,_,"m",Kc).call(this))),Yc.set(this,new Map(Object.entries({dimmed:{en:"dimmed",es:"atenuada",de:"gedimmt",it:"oscurato",fr:"att\xE9nu\xE9",ja:"\u6697\u304F\u306A\u3063\u305F",zh:"\u53D8\u6697"},selected:{en:"selected",es:"seleccionado",de:"ausgew\xE4hlt",fr:"choisie",it:"selezionato",ja:"\u9078\u3070\u308C\u305F",zh:"\u9009"},of:{en:"of",es:"de",de:"von",fr:"sur",it:"di",ja:"\u4EF6\u76EE",zh:"\u7684"}}))),$e.set(this,()=>{this.options.isExpanded()?d(this,_,"m",_t).call(this):d(this,_,"m",Ht).call(this)}),Ti.set(this,e=>{!this.multi&&e.composedPath().some(this.options.isItem)&&d(this,_,"m",_t).call(this)}),ma.set(this,e=>{if(!(e.ctrlKey||e.shiftKey||!d(this,P,"f")))switch(e.key){case"ArrowDown":case"ArrowUp":this.options.isExpanded()||(Qo(this,fa,e.altKey,"f"),d(this,_,"m",Ht).call(this));break;case"Enter":this.multi||d(this,_,"m",_t).call(this);break;case"Escape":this.options.isExpanded()||(this.options.setComboboxValue(d(this,P,"f"),""),this.host.requestUpdate()),d(this,_,"m",_t).call(this);break;case"Alt":case"AltGraph":case"Shift":case"Control":case"Fn":case"Symbol":case"Hyper":case"Super":case"Meta":case"CapsLock":case"FnLock":case"NumLock":case"Tab":case"ScrollLock":case"SymbolLock":case" ":break;default:this.options.isExpanded()||d(this,_,"m",Ht).call(this)}}),Ei.set(this,e=>{if(d(this,P,"f"))switch(e.key){case"ArrowUp":case"ArrowDown":d(this,_,"a",Ii)&&this.options.getComboboxInput()&&m.isSafari&&d(this,_,"m",$d).call(this,d(this,_,"a",Ii));break;default:d(this,_,"m",Gc).call(this)}}),Ri.set(this,e=>d(this,_,"a",oe)?d(this,ma,"f").call(this,e):d(this,Pi,"f").call(this,e)),Mi.set(this,e=>{if(!d(this,_,"a",oe))switch(e.key){case"Home":case"End":d(this,Pi,"f").call(this,e);break;case"Escape":d(this,_,"m",_t).call(this),d(this,V,"f")?.focus();break;case"Enter":case" ":{let a=e.composedPath().find(this.options.isItem);a&&!this.multi&&this.options.isExpanded()&&!this.options.isItemDisabled(a)&&(d(this,_,"m",_t).call(this),d(this,V,"f")?.focus())}}}),Fi.set(this,e=>{if(!d(this,_,"a",oe)&&this.options.isExpanded()){let a=d(this,_,"a",Wi)?.getRootNode();(a instanceof ShadowRoot||a instanceof Document)&&!this.items.includes(e.relatedTarget)&&d(this,_,"m",_t).call(this)}}),Pi.set(this,async e=>{switch(e.key){case"ArrowDown":case"ArrowUp":this.options.isExpanded()||d(this,_,"m",Ht).call(this);break;case"Home":this.options.isExpanded()||await d(this,_,"m",Ht).call(this),d(this,oo,"f")&&(d(this,oo,"f").atFocusedItemIndex=0);break;case"End":this.options.isExpanded()||await d(this,_,"m",Ht).call(this),d(this,oo,"f")&&(d(this,oo,"f").atFocusedItemIndex=this.items.length-1);break;case" ":case"Enter":e.preventDefault(),await d(this,_,"m",Hd).call(this),await this.host.updateComplete,this.options.isExpanded()||d(this,V,"f")?.focus();break}}),t.addController(this),this.options={isItem:jc,getItemValue:Ad,isItemFiltered:xh,isItemDisabled:qc,getComboboxValue:yh,setComboboxValue:Bh,setItemHidden:Ch,getOrientation:()=>"vertical",...o},Qo(this,wo,ca.of(t,{isItem:this.options.isItem,getItemsContainer:this.options.getListboxElement,getControlsElements:()=>[this.options.getToggleButton(),this.options.getComboboxInput()].filter(e=>!!e),getATFocusedItem:()=>this.items[d(this,oo,"f")?.atFocusedItemIndex??-1]??null,isItemDisabled:this.options.isItemDisabled,setItemSelected:this.options.setItemSelected}),"f")}async hostConnected(){await this.host.updateComplete,this.hostUpdated()}hostUpdated(){d(this,oo,"f")||d(this,_,"m",Id).call(this);let t=this.options.isExpanded();d(this,V,"f")?.setAttribute("aria-expanded",String(t)),d(this,P,"f")?.setAttribute("aria-expanded",String(t)),d(this,_,"a",oe)?d(this,V,"f")?.setAttribute("tabindex","-1"):d(this,V,"f")?.removeAttribute("tabindex"),d(this,_,"m",Xc).call(this)}hostDisconnected(){d(this,oo,"f")?.hostDisconnected()}renderItemsToShadowRoot(){return d(this,oo,"f")instanceof Jt?d(this,oo,"f").renderItemsToShadowRoot():vh}};G=$t,wo=new WeakMap,oo=new WeakMap,fa=new WeakMap,P=new WeakMap,V=new WeakMap,K=new WeakMap,Li=new WeakMap,zi=new WeakMap,Yc=new WeakMap,$e=new WeakMap,Ti=new WeakMap,ma=new WeakMap,Ei=new WeakMap,Ri=new WeakMap,Mi=new WeakMap,Fi=new WeakMap,Pi=new WeakMap,_=new WeakSet,oe=function(){return this.options.getComboboxInput()},Ii=function(){return d(this,oo,"f")?.items.at(Math.max(d(this,oo,"f")?.atFocusedItemIndex??-1,0))??null},Wi=function(){if(this.host instanceof HTMLElement)return this.host;if(this.options.getListboxElement()instanceof HTMLElement)return this.options.getListboxElement()},Id=async function(){await this.host.updateComplete,d(this,_,"m",Rd).call(this),d(this,_,"m",Kc).call(this),d(this,_,"m",Md).call(this),d(this,_,"m",Fd).call(this),d(this,_,"m",Xc).call(this),d(this,_,"m",Pd).call(this)},Rd=function(){var t;if(d(this,zi,"f").disconnect(),d(this,K,"f")?.removeEventListener("focusout",d(this,Fi,"f")),d(this,K,"f")?.removeEventListener("keydown",d(this,Mi,"f")),d(this,K,"f")?.removeEventListener("click",d(this,Ti,"f")),Qo(this,K,this.options.getListboxElement(),"f"),!d(this,K,"f"))throw new Error("ComboboxController getListboxElement() option must return an element");d(this,K,"f").addEventListener("focusout",d(this,Fi,"f")),d(this,K,"f").addEventListener("keydown",d(this,Mi,"f")),d(this,K,"f").addEventListener("click",d(this,Ti,"f")),(t=d(this,K,"f")).id??(t.id=N()),d(this,zi,"f").observe(d(this,K,"f"),{childList:!0})},Md=function(){if(d(this,V,"f")?.removeEventListener("click",d(this,$e,"f")),d(this,V,"f")?.removeEventListener("keydown",d(this,Ri,"f")),Qo(this,V,this.options.getToggleButton(),"f"),!d(this,V,"f"))throw new Error("ComboboxController getToggleButton() option must return an element");Qo(this,Li,d(this,V,"f").role,"f"),d(this,V,"f").role="combobox",d(this,V,"f").setAttribute("aria-controls",d(this,K,"f")?.id??""),d(this,V,"f").addEventListener("click",d(this,$e,"f")),d(this,V,"f").addEventListener("keydown",d(this,Ri,"f"))},Fd=function(){if(d(this,P,"f")?.removeEventListener("click",d(this,$e,"f")),d(this,P,"f")?.removeEventListener("keyup",d(this,Ei,"f")),d(this,P,"f")?.removeEventListener("keydown",d(this,ma,"f")),Qo(this,P,this.options.getComboboxInput(),"f"),d(this,P,"f")&&!("value"in d(this,P,"f")))throw new Error("ComboboxController getToggleInput() option must return an element with a value property");d(this,P,"f")&&(d(this,P,"f").role="combobox",d(this,V,"f").role=d(this,Li,"f"),d(this,P,"f").setAttribute("aria-autocomplete","both"),d(this,P,"f").setAttribute("aria-controls",d(this,K,"f")?.id??""),d(this,P,"f").addEventListener("click",d(this,$e,"f")),d(this,P,"f").addEventListener("keyup",d(this,Ei,"f")),d(this,P,"f").addEventListener("keydown",d(this,ma,"f")))},Xc=function(){let t=m.getLabels(this.host)??d(this,_,"a",Wi)?.ariaLabelledByElements??[],o=this.options.getFallbackLabel()||d(this,_,"a",Wi)?.ariaLabelledByElements?.map(e=>e.textContent).join("")||null;for(let e of[d(this,V,"f"),d(this,K,"f"),d(this,P,"f")].filter(a=>!!a))"ariaLabelledByElements"in HTMLElement.prototype&&t.filter(a=>!!a).length?e.ariaLabelledByElements=[...t??[]]:e.ariaLabel=o},Pd=function(){d(this,oo,"f")?.hostDisconnected();let{getOrientation:t}=this.options,o=()=>this.items,e=()=>d(this,K,"f");d(this,_,"a",oe)?Qo(this,oo,Jt.of(this.host,{getItems:o,getItemsContainer:e,getOrientation:t,getActiveDescendantContainer:()=>d(this,P,"f"),getControlsElements:()=>[this.options.getToggleButton(),this.options.getComboboxInput()].filter(a=>!!a),setItemActive:this.options.setItemActive}),"f"):Qo(this,oo,co.of(this.host,{getItems:o,getItemsContainer:e,getOrientation:t,getControlsElements:()=>[this.options.getToggleButton()].filter(a=>!!a)}),"f")},Kc=function(){d(this,K,"f")&&(this.items=this.options.getItems())},Ht=async function(){let t=await this.options.requestShowListbox();d(this,_,"m",Gc).call(this),t!==!1&&!d(this,_,"a",oe)&&(d(this,fa,"f")||((d(this,_,"a",Ii)??d(this,oo,"f")?.items.at(0))?.focus(),Qo(this,fa,!1,"f")))},_t=async function(){await this.options.requestHideListbox()},Hd=async function(){return this.options.isExpanded()?d(this,_,"m",_t).call(this):d(this,_,"m",Ht).call(this)},Si=function(t,o){return d(this,Yc,"f").get(t)?.[o]??t},$d=function(t){let o=this.options.getItemValue(t);d(G,G,"f",He)?.remove();let e=d(G,G,"f",Zc).content.cloneNode(!0);Qo(G,G,e.firstElementChild,"f",He);let a=o,c=_h(d(this,K,"f"),"[lang]")?.getAttribute("lang")??"en",p=c?.match(G.langsRE)?.at(0)??"en";this.options.isItemDisabled(t)&&(a+=` (${d(this,_,"m",Si).call(this,"dimmed",p)})`),d(this,wo,"f").isSelected(t)&&(a+=`, (${d(this,_,"m",Si).call(this,"selected",p)})`),t.hasAttribute("aria-setsize")&&t.hasAttribute("aria-posinset")&&(p==="ja"?a+=`, (${t.getAttribute("aria-setsize")} \u4EF6\u4E2D ${t.getAttribute("aria-posinset")} \u4EF6\u76EE)`:a+=`, (${t.getAttribute("aria-posinset")} ${d(this,_,"m",Si).call(this,"of",p)} ${t.getAttribute("aria-setsize")})`),d(G,G,"f",He).lang=c,d(G,G,"f",He).innerText=a,document.body.append(d(G,G,"f",He))},Gc=function(){if(d(this,P,"f")){let t;for(let o of this.items){let e=!!this.options.isExpanded()&&!!(t=this.options.getComboboxValue(d(this,P,"f")))&&this.options.isItemFiltered?.(o,t)||!1;this.options.setItemHidden(o,e)}}};He={value:void 0};Zc={value:document.createElement("template")};$t.langs=["en","es","de","fr","it","ja","zh"];$t.langsRE=new RegExp(G.langs.join("|"));d(G,G,"f",Zc).innerHTML=`
+      <div role="alert" style="
+         border: 0;
+         clip: rect(0, 0, 0, 0);
+         block-size: 1px;
+         margin: -1px;
+         overflow: hidden;
+         padding: 0;
+         position: absolute;
+         white-space: nowrap;
+         inline-size: 1px;
+        "></div>
+      `;ur();import{LitElement as Sh,html as Lh}from"lit";import{customElement as zh}from"lit/decorators/custom-element.js";import{queryAssignedNodes as Wh}from"lit/decorators/query-assigned-nodes.js";import{property as ga}from"lit/decorators/property.js";import{classMap as Th}from"lit/directives/class-map.js";import{css as kh}from"lit";var wh=kh`:host {
   display: block;
 }
 
@@ -3033,7 +3039,7 @@ svg {
 
 :host(:focus) #outer,
 :host(:hover) #outer,
-:host([aria-selected="true"]) {
+#outer.selected {
   background-color: #e0e0e0;
 }
 
@@ -3091,10 +3097,10 @@ slot[name="description"] {
   margin-inline-end: 0.5em;
 }
 
-`,Ks=Pg;var Nr,tt,yo=class extends Hg{constructor(){super(...arguments);this.disabled=!1;this.selected=!1;this.active=!1;this.description="";n(this,Nr,void 0);n(this,tt,f.of(this,{role:"option"}))}get value(){return(l(this,Nr)??this.textContent??"").trim()}set value(o){b(this,Nr,o)}set posInSet(o){l(this,tt).ariaPosInSet=`${Math.max(0,o??0)}`}get posInSet(){let o=parseInt(l(this,tt).ariaPosInSet??"0");return Number.isNaN(o)?null:o}set setSize(o){l(this,tt).ariaSetSize=`${Math.max(0,o??0)}`}get setSize(){try{let o=parseInt(l(this,tt).ariaSetSize??"0");return Number.isNaN(o)?0:o}catch{return 0}}connectedCallback(){super.connectedCallback(),this.id||=Y()}render(){let{disabled:o,active:e}=this;return $g`
-      <div id="outer" class="${Og({active:e,disabled:o})}">
+`,Od=wh;var ba,xt,so=class extends Sh{constructor(){super(...arguments);this.disabled=!1;this.selected=!1;this.active=!1;this.description="";n(this,ba,void 0);n(this,xt,m.of(this,{role:"option"}))}get value(){return(i(this,ba)??this.textContent??"").trim()}set value(o){v(this,ba,o)}set posInSet(o){i(this,xt).ariaPosInSet=`${Math.max(0,o??0)}`}get posInSet(){let o=parseInt(i(this,xt).ariaPosInSet??"0");return Number.isNaN(o)?null:o}set setSize(o){i(this,xt).ariaSetSize=`${Math.max(0,o??0)}`}get setSize(){try{let o=parseInt(i(this,xt).ariaSetSize??"0");return Number.isNaN(o)?0:o}catch{return 0}}render(){let{disabled:o,active:e,selected:a}=this;return Lh`
+      <div id="outer" class="${Th({active:e,disabled:o,selected:a})}">
         <input type="checkbox"
-               aria-hidden="true"
+               inert
                role="presentation"
                tabindex="-1"
                ?checked="${this.selected}"
@@ -3102,7 +3108,7 @@ slot[name="description"] {
         <slot name="icon"></slot>
         <span>
           <slot name="create"></slot>
-          <slot></slot>
+          <slot>${this.value}</slot>
         </span>
         <svg ?hidden="${!this.selected}"
              viewBox="0 0 512 512"
@@ -3112,70 +3118,200 @@ slot[name="description"] {
         </svg>
         <slot id="description" name="description">${this.description??""}</slot>
       </div>
-    `}willUpdate(o){o.has("selected")&&o.get("selected")!==void 0&&this.selected===!1&&(l(this,tt).ariaSelected=this.selected?"true":"false"),o.has("disabled")&&(l(this,tt).ariaDisabled=String(!!this.disabled))}get optionText(){return this._slottedText.map(o=>o.textContent).join("").trim()}};Nr=new WeakMap,tt=new WeakMap,yo.styles=[Ks],r([Dr({type:Boolean,reflect:!0})],yo.prototype,"disabled",2),r([Dr({reflect:!0})],yo.prototype,"value",1),r([Dr({type:Boolean})],yo.prototype,"selected",2),r([Dr({type:Boolean})],yo.prototype,"active",2),r([Dr()],yo.prototype,"description",2),r([Ag({slot:"",flatten:!0})],yo.prototype,"_slottedText",2),yo=r([Ig("pf-option")],yo);import{css as Dg}from"lit";var Ng=Dg`:host {
-  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);
-	color: var(--pf-global--Color--100, #151515);
-  --_pf-option-checkboxes-display: none;
-  --_pf-option-svg-display: block;
-	--pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem);
-	--pf-c-select__toggle--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
-	--pf-c-select__toggle--PaddingBottom: var(--pf-global--spacer--form-element, 0.375rem);
-	--pf-c-select__toggle--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
-	--pf-c-select__toggle--MinWidth: var(--pf-global--target-size--MinWidth, 44px);
-	--pf-c-select__toggle--FontSize: var(--pf-global--FontSize--md, 1rem);
-	--pf-c-select__toggle--FontWeight: var(--pf-global--FontWeight--normal, 400);
-	--pf-c-select__toggle--LineHeight: var(--pf-global--LineHeight--md, 1.5);
-	--pf-c-select__toggle--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
-	--pf-c-select__toggle--before--BorderTopWidth: var(--pf-global--BorderWidth--sm, 1px);
-	--pf-c-select__toggle--before--BorderRightWidth: var(--pf-global--BorderWidth--sm, 1px);
-	--pf-c-select__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm, 1px);
-	--pf-c-select__toggle--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm, 1px);
-	--pf-c-select__toggle--before--BorderWidth: initial;
-	--pf-c-select__toggle--before--BorderTopColor: var(--pf-global--BorderColor--300, #f0f0f0);
-	--pf-c-select__toggle--before--BorderRightColor: var(--pf-global--BorderColor--300, #f0f0f0);
-	--pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
-	--pf-c-select__toggle--before--BorderLeftColor: var(--pf-global--BorderColor--300, #f0f0f0);
-	--pf-c-select__toggle--Color: var(--pf-global--Color--100, #151515);
-	--pf-c-select__toggle--hover--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
-	--pf-c-select__toggle--focus--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
-	--pf-c-select__toggle--focus--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	--pf-c-select__toggle--active--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
-	--pf-c-select__toggle--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	--pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
-	--pf-c-select__toggle--m-expanded--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	--pf-c-select__toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300, #f0f0f0);
-	--pf-c-select__toggle--m-plain--before--BorderColor: transparent;
-	--pf-c-select__toggle--m-placeholder--Color: transparent;
-	--pf-c-select--m-invalid__toggle--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
-	--pf-c-select--m-invalid__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	--pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
-	--pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
-	--pf-c-select--m-invalid__toggle--active--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
-	--pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
-	--pf-c-select--m-invalid__toggle-status-icon--Color: var(--pf-global--danger-color--100, #c9190b);
-	--pf-c-select--m-success__toggle--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
-	--pf-c-select--m-success__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	--pf-c-select--m-success__toggle--hover--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
-	--pf-c-select--m-success__toggle--focus--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
-	--pf-c-select--m-success__toggle--active--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
-	--pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
-	--pf-c-select--m-success__toggle-status-icon--Color: var(--pf-global--success-color--100, #3e8635);
-	--pf-c-select--m-warning__toggle--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
-	--pf-c-select--m-warning__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
-	--pf-c-select--m-warning__toggle--hover--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
-	--pf-c-select--m-warning__toggle--focus--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
-	--pf-c-select--m-warning__toggle--active--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
-	--pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
-	--pf-c-select--m-warning__toggle-status-icon--Color: var(--pf-global--warning-color--100, #f0ab00);
-	--pf-c-select__toggle-wrapper--not-last-child--MarginRight: var(--pf-global--spacer--xs, 0.25rem);
-	--pf-c-select__toggle-wrapper--MaxWidth: calc(100% - var(--pf-global--spacer--lg, 1.5rem));
-	--pf-c-select__toggle-wrapper--c-chip-group--MarginTop: 0.3125rem;
-	--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom: 0.3125rem;
-	--pf-c-select__toggle-typeahead--FlexBasis: 10em;
-	--pf-c-select__toggle-typeahead--BackgroundColor: transparent;
-	--pf-c-select__toggle-typeahead--BorderTop: var(--pf-global--BorderWidth--sm, 1px) solid transparent;
+    `}selectedChanged(){i(this,xt).ariaSelected=String(!!this.selected)}disabledChanged(){i(this,xt).ariaDisabled=String(!!this.disabled)}get optionText(){return this._slottedText.map(o=>o.textContent).join("").trim()}};ba=new WeakMap,xt=new WeakMap,so.styles=[Od],r([ga({type:Boolean,reflect:!0})],so.prototype,"disabled",2),r([ga({reflect:!0})],so.prototype,"value",1),r([ga({type:Boolean,reflect:!0})],so.prototype,"selected",2),r([ga({type:Boolean,reflect:!0})],so.prototype,"active",2),r([ga()],so.prototype,"description",2),r([Wh({slot:"",flatten:!0})],so.prototype,"_slottedText",2),r([L("selected")],so.prototype,"selectedChanged",1),r([L("disabled")],so.prototype,"disabledChanged",1),so=r([zh("pf-option")],so);import{LitElement as Ud,html as Nd}from"lit";import{customElement as Ph}from"lit/decorators/custom-element.js";import{property as Qc}from"lit/decorators/property.js";import{css as Eh}from"lit";var Rh=Eh`:host {
+  --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
+  --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
+  --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100, #fff);
+  --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm, 3px);
+  --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300, #f0f0f0);
+  --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm, 1px);
+  --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
+  --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100, #06c);
+  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200, #f0f0f0);
+  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm, 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06));
+  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm, 0.625rem);
+  --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs, 0.75rem);
+  --pf-c-chip__text--Color: var(--pf-global--Color--100, #151515);
+  --pf-c-chip__text--MaxWidth: 16ch;
+  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm, 0.5rem);
+  color: var(--pf-global--Color--100, #151515);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  list-style: none;
+  background-color: var(--pf-c-chip--BackgroundColor);
+  border-radius: var(--pf-c-chip--BorderRadius);
+  padding:
+	  var(--pf-c-chip--PaddingTop)
+	  var(--pf-c-chip--PaddingRight)
+	  var(--pf-c-chip--PaddingBottom)
+	  var(--pf-c-chip--PaddingLeft);
+}
+
+[hidden],
+:host([hidden]) {
+  display: none !important;
+}
+
+div#outer {
+  display: contents;
+}
+
+#outer:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  border: var(--pf-c-chip--before--BorderWidth) solid var(--pf-c-chip--before--BorderColor);
+  border-radius: var(--pf-c-chip--before--BorderRadius);
+}
+
+span {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+  max-width: var(--pf-c-chip__text--MaxWidth);
+  font-size: var(--pf-c-chip__text--FontSize);
+  color: var(--pf-c-chip__text--Color);
+}
+
+:host([readonly]) span {
+  color: var(--pf-global--Color--200, #6a6e73);
+}
+
+/* OVERFLOW */
+
+button#outer {
+  display: flex;
+  background: none;
+  border: 1px solid transparent;
+}
+
+button#outer span {
+  color: var(--pf-c-chip--m-overflow__text--Color);
+}
+
+/* CLOSE */
+
+#close-button {
+  --pf-icon--size: 12px;
+  --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
+  --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
+  --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
+  --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
+  --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
+  margin-top: var(--pf-c-chip__c-button--MarginTop);
+  margin-right: var(--pf-c-chip__c-button--MarginRight);
+  margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
+  inset-block-start: 0.125em;
+}
+
+::slotted(pf-badge) {
+  font-size: var(--pf-global--FontSize--xs, 12px);
+  margin: 0 0 0 var(--pf-global--spacer--xs, 0.25rem) !important;
+  min-width: unset;
+}
+`,Dd=Rh;import{css as Mh}from"lit";var Fh=Mh`:host {
+  --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
+  --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
+  --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
+  --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
+  --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
+  --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs, 0.75rem);
+  --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs, 0.25rem);
+}
+`,Hi=Fh;var te=class extends Event{constructor(o){super("remove",{bubbles:!0});this.chip=o}},$i,jd,Ct=class extends Ud{constructor(){super(...arguments);n(this,$i);this.accessibleCloseLabel="Close";this.readonly=!1;this.overflowChip=!1}render(){return this.overflowChip?Nd`
+      <button id="outer">
+        <span part="text">
+          <slot></slot>
+        </span>
+      </button>
+    `:Nd`
+      <div id="outer">
+        <span id="chip-text" part="text">
+          <slot></slot>
+        </span>
+        <pf-button id="close-button"
+                plain
+                icon="close" icon-set="patternfly"
+                label="${this.accessibleCloseLabel}"
+                aria-describedby="chip-text"
+                ?hidden="${this.readonly||this.overflowChip}"
+                @click="${s(this,$i,jd)}"></pf-button>
+      </div>
+    `}};$i=new WeakSet,jd=function(){this.dispatchEvent(new te(this))&&this.remove()},Ct.styles=[Hi,Dd],Ct.shadowRootOptions={...Ud.shadowRootOptions,delegatesFocus:!0},r([Qc({attribute:"accessible-close-label",type:String})],Ct.prototype,"accessibleCloseLabel",2),r([Qc({reflect:!0,type:Boolean})],Ct.prototype,"readonly",2),r([Qc({attribute:"overflow-chip",reflect:!0,type:Boolean})],Ct.prototype,"overflowChip",2),Ct=r([Ph("pf-chip")],Ct);import{css as Ih}from"lit";var Hh=Ih`:host {
+  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);
+	color: var(--pf-global--Color--100, #151515);
+  --_pf-option-checkboxes-display: none;
+  --_pf-option-svg-display: block;
+	--pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem);
+	--pf-c-select__toggle--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
+	--pf-c-select__toggle--PaddingBottom: var(--pf-global--spacer--form-element, 0.375rem);
+	--pf-c-select__toggle--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
+	--pf-c-select__toggle--MinWidth: var(--pf-global--target-size--MinWidth, 44px);
+	--pf-c-select__toggle--FontSize: var(--pf-global--FontSize--md, 1rem);
+	--pf-c-select__toggle--FontWeight: var(--pf-global--FontWeight--normal, 400);
+	--pf-c-select__toggle--LineHeight: var(--pf-global--LineHeight--md, 1.5);
+	--pf-c-select__toggle--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
+	--pf-c-select__toggle--before--BorderTopWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-select__toggle--before--BorderRightWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-select__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-select__toggle--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-select__toggle--before--BorderWidth: initial;
+	--pf-c-select__toggle--before--BorderTopColor: var(--pf-global--BorderColor--300, #f0f0f0);
+	--pf-c-select__toggle--before--BorderRightColor: var(--pf-global--BorderColor--300, #f0f0f0);
+	--pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
+	--pf-c-select__toggle--before--BorderLeftColor: var(--pf-global--BorderColor--300, #f0f0f0);
+	--pf-c-select__toggle--Color: var(--pf-global--Color--100, #151515);
+	--pf-c-select__toggle--hover--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
+	--pf-c-select__toggle--focus--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
+	--pf-c-select__toggle--focus--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+	--pf-c-select__toggle--active--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
+	--pf-c-select__toggle--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+	--pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--active-color--100, #06c);
+	--pf-c-select__toggle--m-expanded--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+	--pf-c-select__toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300, #f0f0f0);
+	--pf-c-select__toggle--m-plain--before--BorderColor: transparent;
+	--pf-c-select__toggle--m-placeholder--Color: transparent;
+	--pf-c-select--m-invalid__toggle--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
+	--pf-c-select--m-invalid__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+	--pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
+	--pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
+	--pf-c-select--m-invalid__toggle--active--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
+	--pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
+	--pf-c-select--m-invalid__toggle-status-icon--Color: var(--pf-global--danger-color--100, #c9190b);
+	--pf-c-select--m-success__toggle--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
+	--pf-c-select--m-success__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+	--pf-c-select--m-success__toggle--hover--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
+	--pf-c-select--m-success__toggle--focus--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
+	--pf-c-select--m-success__toggle--active--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
+	--pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
+	--pf-c-select--m-success__toggle-status-icon--Color: var(--pf-global--success-color--100, #3e8635);
+	--pf-c-select--m-warning__toggle--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
+	--pf-c-select--m-warning__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+	--pf-c-select--m-warning__toggle--hover--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
+	--pf-c-select--m-warning__toggle--focus--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
+	--pf-c-select--m-warning__toggle--active--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
+	--pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
+	--pf-c-select--m-warning__toggle-status-icon--Color: var(--pf-global--warning-color--100, #f0ab00);
+	--pf-c-select__toggle-wrapper--not-last-child--MarginRight: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-select__toggle-wrapper--MaxWidth: calc(100% - var(--pf-global--spacer--lg, 1.5rem));
+	--pf-c-select__toggle-wrapper--c-chip-group--MarginTop: 0.3125rem;
+	--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom: 0.3125rem;
+	--pf-c-select__toggle-typeahead--FlexBasis: 10em;
+	--pf-c-select__toggle-typeahead--BackgroundColor: transparent;
+	--pf-c-select__toggle-typeahead--BorderTop: var(--pf-global--BorderWidth--sm, 1px) solid transparent;
 	--pf-c-select__toggle-typeahead--BorderRight: none;
 	--pf-c-select__toggle-typeahead--BorderLeft: none;
 	--pf-c-select__toggle-typeahead--MinWidth: 7.5rem;
@@ -3392,6 +3528,11 @@ slot[name="description"] {
   padding: var(--pf-global--spacer--sm, 0.5rem);
 }
 
+#toggle-button:focus:before {
+  border-bottom-color: var(--pf-c-select__toggle--focus--before--BorderBottomColor);
+  border-bottom-width: var(--pf-c-select__toggle--focus--before--BorderBottomWidth);
+}
+
 #outer.typeahead #toggle-button {
   flex: 0 0 auto;
 }
@@ -3437,13 +3578,16 @@ pf-badge {
   display: none !important;
 }
 
-.offscreen {
-  position: absolute;
-  left: -99999;
-  width: 0;
-  height: 0;
-  opacity: 0;
+.visually-hidden {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  block-size: 1px;
+  margin: -1px;
   overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  inline-size: 1px;
 }
 
 ::slotted(hr) {
@@ -3483,43 +3627,29 @@ pf-badge {
   background-color: var(--pf-c-divider--after--BackgroundColor);
   flex: 1 0 100%;
 }
-`,Zs=Ng;var Rn=class extends Event{constructor(){super("change",{bubbles:!0})}},he,ue,zl,ro,qr,Ml,ip,El,np,Tl,cp,Rl,sp,Fl,pp,Pl,dp,Hl,fp,$l,mp,Il,gp,Al,bp,Ol,hp,Dl,up,Vr,Fn,$=class extends ap{constructor(){super(...arguments);n(this,Ml);n(this,El);n(this,Tl);n(this,Rl);n(this,Fl);n(this,Pl);n(this,Hl);n(this,$l);n(this,Il);n(this,Al);n(this,Ol);n(this,Dl);n(this,Vr);n(this,he,f.of(this));n(this,ue,new To(this,{content:()=>this.shadowRoot?.getElementById("listbox-container")??null}));n(this,zl,new k(this,null,"placeholder"));n(this,ro,void 0);this.variant="single";this.accessibleCurrentSelectionsLabel="Current selections";this.itemsSelectedText="items selected";this.disabled=!1;this.expanded=!1;this.enableFlip=!1;this.position="bottom";this.checkboxSelectionBadgeHidden=!1;n(this,qr,this.selected)}set selected(o){l(this,ro)?.setValue(o)}get selected(){return l(this,ro)?.value}get options(){let o=Array.from(this.querySelectorAll("pf-option")),e=this.shadowRoot?.getElementById("placeholder");return e?[e,...o]:o}willUpdate(o){this.variant==="checkbox"&&Promise.resolve().then(()=>(Mn(),rp)),o.has("variant")&&s(this,Rl,sp).call(this),o.has("value")&&l(this,he).setFormValue(this.value??""),o.has("disabled")&&(l(this,ro).disabled=this.disabled)}render(){let{disabled:o,expanded:e,variant:a}=this,{anchor:c="bottom",alignment:p="start",styles:d={}}=l(this,ue),{computedLabelText:u}=l(this,he),{height:B,width:L}=this.getBoundingClientRect()||{},I=l(this,Tl,cp),st=l(this,El,np),pt=l(this,ro)?.selectedOptions??[],bo=a.startsWith("typeahead"),Ai=a==="checkbox",dt=bo&&"offscreen",Ma=st&&"badge",Oi=!!(Array.isArray(this.selected)?this.selected.length:this.selected);return jr`
+`,qd=Hh;var es=class extends Event{constructor(){super("change",{bubbles:!0})}},Ai,ua,Oe,De,_o,Oi,Zd,va,rs,Di,Qd,Ui,Jd,Ni,of,_a,as,w=class extends Kd{constructor(){super(...arguments);n(this,Oi);n(this,va);n(this,Di);n(this,Ui);n(this,Ni);n(this,_a);this.variant="single";this.accessibleCurrentSelectionsLabel="Current selections";this.itemsSelectedText="items selected";this.disabled=!1;this.expanded=!1;this.enableFlip=!1;this.position="bottom";this.checkboxSelectionBadgeHidden=!1;n(this,Ai,o=>o!==this._placeholder);n(this,ua,m.of(this));n(this,Oe,new Yo(this,{content:()=>this._listboxContainer}));n(this,De,new T(this,null,"placeholder"));n(this,_o,$t.of(this,{multi:this.variant==="typeaheadmulti"||this.variant==="checkbox",getItems:()=>this.options,getFallbackLabel:()=>this.accessibleLabel||i(this,ua).computedLabelText||this.placeholder||i(this,De).getSlotted("placeholder").map(o=>o.textContent).join(""),getListboxElement:()=>this._listbox??null,getToggleButton:()=>this._toggleButton??null,getComboboxInput:()=>this._toggleInput??null,isExpanded:()=>this.expanded,requestShowListbox:()=>void(this.expanded||=!0),requestHideListbox:()=>void(this.expanded&&=!1),setItemHidden:(o,e)=>o.id!=="placeholder"&&void(o.hidden=e),isItem:o=>o instanceof so,setItemActive:(o,e)=>o.active=e,setItemSelected:(o,e)=>o.selected=e}))}set selected(o){let e=Array.isArray(o)?o:[o];i(this,_o).selected=e}get selected(){return i(this,_o).selected}get options(){return Nh?[]:[this._placeholder,...Array.from(this.querySelectorAll("pf-option"))].filter(o=>!!o&&!o.hidden)}render(){let{disabled:o,expanded:e,variant:a,placeholder:c}=this,{anchor:p="bottom",alignment:f="start",styles:b={}}=i(this,Oe),{height:x,width:S}=this.getBoundingClientRect?.()||{},E=i(this,Oi,Zd),Y=i(this,_o).selected??[],U=a.startsWith("typeahead"),jo=a==="checkbox",Gn=E&&"badge",zt=!!(Array.isArray(this.selected)?this.selected.length:this.selected),fl=U&&!$t.supportsCrossRootActiveDescendant,ml=!c&&i(this,De).isEmpty("placeholder");return ha`
       <div id="outer"
-           style="${lp(d)}"
-           class="${En({disabled:o,typeahead:bo,expanded:e,[c]:!!c,[p]:!!p})}">
+           style="${Gd(b)}"
+           class="${ts({disabled:o,typeahead:U,expanded:e,[p]:!!p,[f]:!!f})}">
         <div id="toggle">
-          ${bo&&pt.length<1?jr`
+          ${U&&Y.length<1?ha`
           <pf-chip-group label="${this.accessibleCurrentSelectionsLabel}">
-            ${Qg(pt,Ne=>Ne.id,Ne=>jr`
-            <pf-chip id="chip-${Ne.textContent}"
+            ${qh(Y,gr=>gr.id,gr=>ha`
+            <pf-chip id="chip-${gr.textContent}"
                      .readonly="${this.disabled}"
-                     @remove="${s(this,Ol,hp).bind(this,Ne)}">${Ne.textContent}</pf-chip>`)}
+                     @remove="${s(this,Ni,of).bind(this,gr)}">${gr.textContent}</pf-chip>`)}
           </pf-chip-group>`:""}
-          ${bo?jr`
+          ${U?ha`
           <input id="toggle-input"
-                 aria-label="${this.accessibleLabel??(u||I)}"
-                 aria-autocomplete="both"
+                 ?hidden="${!U}"
                  ?disabled="${o}"
-                 ?hidden="${!bo}"
-                 placeholder="${I}"
-                 @input="${s(this,Dl,up)}">
-          `:""}
-          <button id="toggle-button"
-                  role="combobox"
-                  aria-hidden="${bo.toString()}"
-                  aria-label="${Tn(this.accessibleLabel||l(this,he).computedLabelText||void 0)}"
-                  aria-describedby="placeholder"
-                  aria-controls="listbox"
-                  aria-haspopup="listbox"
-                  aria-expanded="${String(this.expanded)}"
-                  @keydown="${s(this,Il,gp)}"
-                  @click="${()=>!bo&&this.toggle()}"
-                  tabindex="${Tn(bo?-1:void 0)}">
+                 placeholder="${c||i(this,va,rs)}">`:""}
+          <button id="toggle-button">
             <span id="button-text" style="display: contents;">
               <span id="toggle-text"
-                    class="${En({offscreen:dt,badge:Ma})}">${I}</span>${st?jr`
+                    class="${ts({"visually-hidden":!!U,badge:Gn})}">${i(this,va,rs)}</span>${E?ha`
               <span id="toggle-badge">
-                <pf-badge number="${pt.length}">${pt.length}</pf-badge>
+                <pf-badge number="${Y.length}">${Y.length}</pf-badge>
               </span>`:""}
             </span>
             <svg viewBox="0 0 320 512"
@@ -3531,22 +3661,20 @@ pf-badge {
         </div>
         <div id="listbox-container"
              ?hidden="${!e}"
-             style="${lp({marginTop:`${B||0}px`,width:L?`${L}px`:"auto"})}">
-          <div id="listbox"
-               @focusout="${s(this,$l,mp)}"
-               @keydown="${s(this,Hl,fp)}"
-               class="${En({checkboxes:Ai})}">
+             style="${Gd({marginTop:`${x||0}px`,width:S?`${S}px`:"auto"})}">
+          <div id="listbox" class="${ts({checkboxes:jo})}">
             <pf-option id="placeholder"
                        disabled
-                       aria-hidden="${Tn(Oi?"true":void 0)}"
-                       ?hidden="${!this.placeholder&&!l(this,zl).hasSlotted("placeholder")}">
-              <slot name="placeholder">${this.placeholder}</slot>
-            </pf-option>
-            <slot @slotchange="${s(this,Al,bp)}"></slot>
+                       ?inert="${ml}"
+                       aria-hidden="${Vh(ml?void 0:String(!!zt))}"
+                       ?hidden="${!c&&i(this,De).isEmpty("placeholder")}"
+            ><slot name="placeholder">${c??""}</slot></pf-option>
+            ${i(this,_o).renderItemsToShadowRoot()}
+            <slot ?hidden="${fl}"></slot>
           </div>
         </div>
       </div>
-    `}updated(o){o.has("expanded")&&s(this,Fl,pp).call(this),o.has("value")&&this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))}firstUpdated(){this.requestUpdate()}async show(){this.expanded=!0,await this.updateComplete}async hide(){this.expanded=!1,await this.updateComplete}async toggle(){this.expanded=!this.expanded,await this.updateComplete}};he=new WeakMap,ue=new WeakMap,zl=new WeakMap,ro=new WeakMap,qr=new WeakMap,Ml=new WeakSet,ip=function(){return this.shadowRoot?.getElementById("listbox")??null},El=new WeakSet,np=function(){return this.variant==="checkbox"&&!this.checkboxSelectionBadgeHidden},Tl=new WeakSet,cp=function(){switch(this.variant){case"checkbox":return l(this,ro)?.selectedOptions?.map?.(o=>o.optionText||"")?.join(" ")?.trim()||s(this,Vr,Fn).call(this)||"Options";default:return(this.selected?this.value:"")||s(this,Vr,Fn).call(this)||"Select a value"}},Rl=new WeakSet,sp=function(){l(this,ro)?.hostDisconnected();let o=()=>l(this,Ml,ip);switch(this.variant){default:b(this,ro,Or.of(this,{multi:this.variant==="checkbox",getHTMLElement:o,isSelected:e=>e.selected,requestSelect:(e,a)=>(b(this,qr,this.selected),e.selected=!e.disabled&&!!a,s(this,Pl,dp).call(this),!0),a11yController:N.of(this,{getHTMLElement:o,getItems:()=>this.options})}));break}},Fl=new WeakSet,pp=async function(){let o=this.expanded?"close":"open";this.dispatchEvent(new Event(o)),this.expanded?(await l(this,ue).show({placement:this.position||"bottom",flip:!!this.enableFlip}),(l(this,ro)?.activeItem??l(this,ro)?.nextItem)?.focus()):l(this,qr)===this.selected&&(await l(this,ue).hide(),this._toggle?.focus())},Pl=new WeakSet,dp=async function(){switch(await this.updateComplete,this.value=[this.selected].flat().filter(o=>!!o).map(o=>o.value).join(),this.dispatchEvent(new Rn),this.variant){case"single":this.hide(),this._toggle?.focus()}},Hl=new WeakSet,fp=function(o){switch(o.key){case"Escape":this.hide(),this._toggle?.focus()}},$l=new WeakSet,mp=function(o){switch(this.variant){case"single":case"checkbox":if(this.expanded){let e=this.getRootNode();(e instanceof ShadowRoot||e instanceof Document&&!this.options.includes(o.relatedTarget))&&this.hide()}}},Il=new WeakSet,gp=function(o){switch(this.variant){case"single":case"checkbox":switch(o.key){case"ArrowDown":this.show()}}},Al=new WeakSet,bp=function(){l(this,ro)?.setOptions(this.options),this.options.forEach((o,e,a)=>{o.setSize=a.length,o.posInSet=e})},Ol=new WeakSet,hp=function(o,e){},Dl=new WeakSet,up=function(){},Vr=new WeakSet,Fn=function(){return this.placeholder||this.querySelector("[slot=placeholder]")?.assignedNodes()?.reduce((o,e)=>`${o}${e.textContent}`,"")?.trim()||l(this,ro)?.options?.filter(o=>o!==this.shadowRoot?.getElementById("placeholder"))?.at(0)?.value||""},$.styles=[Zs],$.shadowRootOptions={...ap.shadowRootOptions,delegatesFocus:!0},$.formAssociated=!0,r([ko()],$.prototype,"variant",2),r([ko({attribute:"accessible-label"})],$.prototype,"accessibleLabel",2),r([ko({attribute:"accessible-current-selections-label"})],$.prototype,"accessibleCurrentSelectionsLabel",2),r([ko({attribute:"items-selected-text"})],$.prototype,"itemsSelectedText",2),r([ko({type:Boolean,reflect:!0})],$.prototype,"disabled",2),r([ko({type:Boolean,reflect:!0})],$.prototype,"expanded",2),r([ko({attribute:"enable-flip",type:Boolean})],$.prototype,"enableFlip",2),r([ko()],$.prototype,"value",2),r([ko()],$.prototype,"placeholder",2),r([ko({reflect:!0})],$.prototype,"position",2),r([ko({attribute:"checkbox-selection-badge-hidden",type:Boolean})],$.prototype,"checkboxSelectionBadgeHidden",2),r([Zg("#toggle-button")],$.prototype,"_toggle",2),$=r([Kg("pf-select")],$);import{LitElement as tb,html as eb}from"lit";import{classMap as _p}from"lit/directives/class-map.js";import{customElement as rb}from"lit/decorators/custom-element.js";import{property as xp}from"lit/decorators/property.js";import{css as Jg}from"lit";var ob=Jg`:host {
+    `}disabledChanged(){i(this,_o).disabled=this.disabled}async expandedChanged(o,e){this.dispatchEvent(new Event(this.expanded?"close":"open"))&&(e?s(this,Di,Qd).call(this):s(this,Ui,Jd).call(this))}async selectedChanged(o,e){switch(this.value=e.map(a=>a.value).join(),await this.updateComplete,this.variant){case"single":this.hide(),this._toggleButton?.focus();break;case"typeahead":this._toggleInput.value=this.value}}async variantChanged(){i(this,_o).hostDisconnected(),i(this,_o).multi=this.variant==="typeaheadmulti"||this.variant==="checkbox",i(this,_o).hostConnected(),this.variant==="checkbox"&&Promise.resolve().then(()=>(os(),Xd))}valueChanged(){i(this,ua).setFormValue(this.value??""),this.dispatchEvent(new es)}focusChips(){if(this.variant==="typeaheadmulti"&&this._toggleInput?.value){let e=this.shadowRoot?.querySelector(`pf-chip#chip-${this._toggleInput?.value}`);e&&this._chipGroup&&(this._chipGroup.focusOnChip(e),this._toggleInput.value="")}}async show(){this.expanded=!0,await this.updateComplete}async hide(){this.expanded=!1,await this.updateComplete}async toggle(){this.expanded?await this.hide():await this.show()}};Ai=new WeakMap,ua=new WeakMap,Oe=new WeakMap,De=new WeakMap,_o=new WeakMap,Oi=new WeakSet,Zd=function(){return this.variant==="checkbox"&&!this.checkboxSelectionBadgeHidden},va=new WeakSet,rs=function(){let{selected:o}=i(this,_o);switch(this.variant){case"typeaheadmulti":return`${o?.length??0} ${this.itemsSelectedText}`;case"checkbox":return s(this,_a,as).call(this)||"Options";default:return(o?this.value:"")||s(this,_a,as).call(this)||"Select a value"}},Di=new WeakSet,Qd=async function(){try{return await i(this,Oe).show({placement:this.position||"bottom",flip:!!this.enableFlip}),!0}catch{return!1}},Ui=new WeakSet,Jd=async function(){try{return await i(this,Oe).hide(),!0}catch{return!1}},Ni=new WeakSet,of=function(o,e){e instanceof te&&(o.selected=!1,this._toggleInput?.focus())},_a=new WeakSet,as=function(){return this.placeholder||this.querySelector?.("[slot=placeholder]")?.assignedNodes()?.reduce((o,e)=>`${o}${e.textContent}`,"")?.trim()||i(this,_o).items.filter(i(this,Ai)).at(0)?.value||""},w.styles=[qd],w.formAssociated=!0,w.shadowRootOptions={...Kd.shadowRootOptions,delegatesFocus:!0},r([So()],w.prototype,"variant",2),r([So({attribute:"accessible-label"})],w.prototype,"accessibleLabel",2),r([So({attribute:"accessible-current-selections-label"})],w.prototype,"accessibleCurrentSelectionsLabel",2),r([So({attribute:"items-selected-text"})],w.prototype,"itemsSelectedText",2),r([So({type:Boolean,reflect:!0})],w.prototype,"disabled",2),r([So({type:Boolean,reflect:!0})],w.prototype,"expanded",2),r([So({attribute:"enable-flip",type:Boolean})],w.prototype,"enableFlip",2),r([So()],w.prototype,"value",2),r([So()],w.prototype,"placeholder",2),r([So({reflect:!0})],w.prototype,"position",2),r([So({attribute:"checkbox-selection-badge-hidden",type:Boolean})],w.prototype,"checkboxSelectionBadgeHidden",2),r([Ae("pf-chip-group")],w.prototype,"_chipGroup",2),r([Ae("#toggle-input")],w.prototype,"_toggleInput",2),r([Ae("#toggle-button")],w.prototype,"_toggleButton",2),r([Ae("#listbox")],w.prototype,"_listbox",2),r([Ae("#listbox-container")],w.prototype,"_listboxContainer",2),r([Ae("#placeholder")],w.prototype,"_placeholder",2),r([So({hasChanged:(o,e)=>!Ee(o,e)})],w.prototype,"selected",1),r([L("disabled")],w.prototype,"disabledChanged",1),r([L("expanded")],w.prototype,"expandedChanged",1),r([L("selected")],w.prototype,"selectedChanged",1),r([L("variant")],w.prototype,"variantChanged",1),r([L("value")],w.prototype,"valueChanged",1),r([L("variant"),L("value")],w.prototype,"focusChips",1),w=r([jh("pf-select")],w);import{LitElement as Kh,html as Gh}from"lit";import{classMap as ef}from"lit/directives/class-map.js";import{customElement as Zh}from"lit/decorators/custom-element.js";import{property as rf}from"lit/decorators/property.js";import{css as Yh}from"lit";var Xh=Yh`:host {
   display: block;
   border-bottom: 1px solid var(--pf-global--BorderColor--100, #d2d2d2);
 }
@@ -3571,14 +3699,14 @@ slot[name="label"] {
   color: var(--pf-global--Color--dark-200, #6a6e73);
   padding: var(--pf-global--spacer--md, 1rem) var(--pf-global--spacer--md, 1rem) 0;
 }
-`,vp=ob;var Pn,Ut=class extends tb{constructor(){super(...arguments);this.disabled=!1;n(this,Pn,f.of(this,{role:"group"}))}render(){let{disabled:o}=this;return eb`
+`,tf=Xh;var ls,ee=class extends Kh{constructor(){super(...arguments);this.disabled=!1;n(this,ls,m.of(this,{role:"group"}))}render(){let{disabled:o}=this;return Gh`
       <div id="label-container"
            role="presentation">
-        <slot class="${_p({disabled:o})}"
+        <slot class="${ef({disabled:o})}"
               name="label">${this.label}</slot>
       </div>
-      <slot class="${_p({disabled:o})}"></slot>
-    `}};Pn=new WeakMap,Ut.styles=[vp],r([xp()],Ut.prototype,"label",2),r([xp({type:Boolean,reflect:!0})],Ut.prototype,"disabled",2),Ut=r([rb("pf-option-group")],Ut);import{LitElement as db,html as fb}from"lit";import{customElement as mb}from"lit/decorators/custom-element.js";import{property as Hn}from"lit/decorators/property.js";import{css as ab}from"lit";var lb=ab`[hidden] {
+      <slot class="${ef({disabled:o})}"></slot>
+    `}};ls=new WeakMap,ee.styles=[tf],r([rf()],ee.prototype,"label",2),r([rf({type:Boolean,reflect:!0})],ee.prototype,"disabled",2),ee=r([Zh("pf-option-group")],ee);import{LitElement as lu,html as iu}from"lit";import{customElement as nu}from"lit/decorators/custom-element.js";import{property as is}from"lit/decorators/property.js";import{css as Qh}from"lit";var Jh=Qh`[hidden] {
   display: none !important;
 }
 
@@ -3806,7 +3934,7 @@ slot[name="label"] {
   grid-template-columns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
   grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
 }
-`,Cp=lb;import{LitElement as cb,html as sb}from"lit";import{customElement as pb}from"lit/decorators/custom-element.js";import{property as Yr}from"lit/decorators/property.js";import{ifDefined as yp}from"lit/directives/if-defined.js";import{classMap as kp}from"lit/directives/class-map.js";import{css as ib}from"lit";var nb=ib`[hidden] {
+`,af=Jh;import{LitElement as eu,html as ru}from"lit";import{customElement as au}from"lit/decorators/custom-element.js";import{property as xa}from"lit/decorators/property.js";import{ifDefined as nf}from"lit/directives/if-defined.js";import{classMap as cf}from"lit/directives/class-map.js";import{css as ou}from"lit";var tu=ou`[hidden] {
   display: none !important;
 }
 
@@ -3930,19 +4058,19 @@ slot[name="label"] {
   --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);
 }
-`,Bp=nb;var wp=new Map(Object.entries({success:{icon:"check-circle"},danger:{icon:"exclamation-circle"},warning:{icon:"exclamation-triangle"},info:{icon:"resources-full",set:"patternfly"}})),Nl,Ul,wo=class extends cb{constructor(){super(...arguments);this.current=!1;n(this,Nl,new k(this,"title","description"));n(this,Ul,f.of(this,{role:"listitem"}))}render(){let o=!!(this.description??l(this,Nl).hasSlotted("description")),e=this.icon??wp.get(this.variant??"default")?.icon,a=this.iconSet??wp.get(this.variant??"default")?.set,{parentTagName:c}=this.constructor,{compact:p=!1}=this.closest(c)??{};return sb`
-      <div id="connector" class="${kp({compact:p})}">
+`,lf=tu;var sf=new Map(Object.entries({success:{icon:"check-circle"},danger:{icon:"exclamation-circle"},warning:{icon:"exclamation-triangle"},info:{icon:"resources-full",set:"patternfly"}})),ji,qi,Po=class extends eu{constructor(){super(...arguments);this.current=!1;n(this,ji,new T(this,"title","description"));n(this,qi,m.of(this,{role:"listitem"}))}render(){let o=!!(this.description??i(this,ji).hasSlotted("description")),e=this.icon??sf.get(this.variant??"default")?.icon,a=this.iconSet??sf.get(this.variant??"default")?.set,{parentTagName:c}=this.constructor,{compact:p=!1}=this.closest?.(c)??{};return ru`
+      <div id="connector" class="${cf({compact:p})}">
         <slot id="icon" name="icon">
           <pf-icon ?hidden="${!e}"
-                    icon="${yp(e)}"
-                    set="${yp(a)}"></pf-icon>
+                    icon="${nf(e)}"
+                    set="${nf(a)}"></pf-icon>
         </slot>
       </div>
-      <div id="main" class="${kp({compact:p})}">
+      <div id="main" class="${cf({compact:p})}">
         <slot id="title"></slot>
         <slot id="description" name="description" ?hidden="${!o}">${this.description}</slot>
       </div>
-    `}updated(o){super.updated?.(o),o.has("current")&&(l(this,Ul).ariaCurrent=String(!!this.current))}};Nl=new WeakMap,Ul=new WeakMap,wo.parentTagName="pf-progress-stepper",wo.styles=[Bp],r([Yr()],wo.prototype,"description",2),r([Yr()],wo.prototype,"icon",2),r([Yr({attribute:"icon-set"})],wo.prototype,"iconSet",2),r([Yr({reflect:!0})],wo.prototype,"variant",2),r([Yr({type:Boolean,reflect:!0})],wo.prototype,"current",2),wo=r([pb("pf-progress-step")],wo);uo();var jl,ql,Vl,Sp,Ro=class extends db{constructor(){super();n(this,Vl);this.vertical=!1;this.center=!1;this.compact=!1;n(this,jl,f.of(this,{role:"progressbar",ariaValueNow:this.value.toString()}));n(this,ql,new MutationObserver(()=>s(this,Vl,Sp).call(this)));l(this,ql).observe(this,{childList:!0})}get value(){let{childTagName:o}=this.constructor,e=this.querySelectorAll(o),a=this.querySelector(`${o}[current]`);return(Array.from(e).indexOf(a)+1)/e.length*100}render(){return fb`<div role="listbox" style="display:contents;"><slot></slot></div>`}};jl=new WeakMap,ql=new WeakMap,Vl=new WeakSet,Sp=function(){l(this,jl).ariaValueNow=this.value.toString()},Ro.childTagName="pf-progress-step",Ro.styles=[Cp],Ro.formAssociated=!0,r([Hn({type:Boolean,reflect:!0})],Ro.prototype,"vertical",2),r([Hn({type:Boolean,reflect:!0})],Ro.prototype,"center",2),r([ho(function(){this.querySelectorAll("pf-progress-step").forEach(o=>o.requestUpdate())}),Hn({type:Boolean,reflect:!0})],Ro.prototype,"compact",2),Ro=r([mb("pf-progress-stepper")],Ro);import{LitElement as hb,html as Yl}from"lit";import{classMap as ub}from"lit/directives/class-map.js";import{customElement as vb}from"lit/decorators/custom-element.js";import{property as St}from"lit/decorators/property.js";import{ifDefined as _b}from"lit/directives/if-defined.js";import{styleMap as xb}from"lit/directives/style-map.js";import{css as gb}from"lit";var bb=gb`* {
+    `}updated(o){o.has("current")&&(i(this,qi).ariaCurrent=String(!!this.current))}};ji=new WeakMap,qi=new WeakMap,Po.parentTagName="pf-progress-stepper",Po.styles=[lf],r([xa()],Po.prototype,"description",2),r([xa()],Po.prototype,"icon",2),r([xa({attribute:"icon-set"})],Po.prototype,"iconSet",2),r([xa({reflect:!0})],Po.prototype,"variant",2),r([xa({type:Boolean,reflect:!0})],Po.prototype,"current",2),Po=r([au("pf-progress-step")],Po);ko();var Vi,Yi,Xi,pf,Jo=class extends lu{constructor(){super();n(this,Xi);this.vertical=!1;this.center=!1;this.compact=!1;n(this,Vi,m.of(this,{role:"progressbar",ariaValueNow:this.value.toString()}));n(this,Yi,new MutationObserver(()=>s(this,Xi,pf).call(this)));i(this,Yi).observe(this,{childList:!0})}get value(){let{childTagName:o}=this.constructor,e=this.querySelectorAll?.(o)??[],a=this.querySelector?.(`${o}[current]`);return(Array.from(e).indexOf(a)+1)/e.length*100}render(){return iu`<div role="listbox" style="display:contents;"><slot></slot></div>`}updated(o){o.has("compact")&&this.querySelectorAll?.("pf-progress-step").forEach(e=>e.requestUpdate())}};Vi=new WeakMap,Yi=new WeakMap,Xi=new WeakSet,pf=function(){i(this,Vi).ariaValueNow=this.value.toString()},Jo.childTagName="pf-progress-step",Jo.styles=[af],Jo.formAssociated=!0,r([is({type:Boolean,reflect:!0})],Jo.prototype,"vertical",2),r([is({type:Boolean,reflect:!0})],Jo.prototype,"center",2),r([is({type:Boolean,reflect:!0})],Jo.prototype,"compact",2),Jo=r([nu("pf-progress-stepper")],Jo);import{LitElement as pu,html as Ki}from"lit";import{classMap as du}from"lit/directives/class-map.js";import{customElement as fu}from"lit/decorators/custom-element.js";import{property as At}from"lit/decorators/property.js";import{ifDefined as mu}from"lit/directives/if-defined.js";import{styleMap as gu}from"lit/directives/style-map.js";import{css as cu}from"lit";var su=cu`* {
   box-sizing: border-box;
 }
 
@@ -4152,41 +4280,41 @@ progress[value]::-webkit-progress-value {
 pf-tooltip {
   height: 0.01px;
 }
-`,Lp=bb;var Cb=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-xmark"},warning:{icon:"triangle-exclamation"}})),Xl,Xr,$n,Gr,In,po=class extends hb{constructor(){super(...arguments);n(this,Xr);n(this,Gr);n(this,Xl,this.attachInternals());this.value=0;this.descriptionTruncated=!1;this.max=100;this.min=0}willUpdate(o){(o.has("value")||o.has("min")||o.has("max"))&&(l(this,Xl).ariaValueNow=l(this,Xr,$n).toString()),l(this,Gr,In)&&Promise.resolve().then(()=>(uo(),un)),this.descriptionTruncated&&Promise.resolve().then(()=>($a(),Hc))}render(){let{size:o,measureLocation:e,variant:a,description:c,descriptionTruncated:p}=this,d=l(this,Gr,In),u=c?.length===0,B=l(this,Xr,$n),L=`${B}%`;return Yl`
-      <div id="container" class="${ub({[o??""]:!!o,[e??""]:!!e,[a??""]:!!a,singleLine:u,descriptionTruncated:p})}">
+`,df=su;var bu=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-xmark"},warning:{icon:"triangle-exclamation"}})),Gi,Ca,ns,Ba,cs,xo=class extends pu{constructor(){super(...arguments);n(this,Ca);n(this,Ba);n(this,Gi,this.attachInternals());this.value=0;this.descriptionTruncated=!1;this.max=100;this.min=0}willUpdate(o){(o.has("value")||o.has("min")||o.has("max"))&&(i(this,Gi).ariaValueNow=i(this,Ca,ns).toString()),i(this,Ba,cs)&&Promise.resolve().then(()=>(ko(),zc)),this.descriptionTruncated&&Promise.resolve().then(()=>(xl(),pp))}render(){let{size:o,measureLocation:e,variant:a,description:c,descriptionTruncated:p}=this,f=i(this,Ba,cs),b=c?.length===0,x=i(this,Ca,ns),S=`${x}%`;return Ki`
+      <div id="container" class="${du({[o??""]:!!o,[e??""]:!!e,[a??""]:!!a,singleLine:b,descriptionTruncated:p})}">
 
         <div id="description" aria-hidden="true">${c??""}</div>
 
-        ${p?Yl`
+        ${p?Ki`
         <pf-tooltip content="${this.description??""}"
                     trigger="description"></pf-tooltip>
         `:""}
 
-        ${e==="none"?"":Yl`
+        ${e==="none"?"":Ki`
         <div id="status" aria-hidden="true">
-          ${e!=="inside"?"":L}
+          ${e!=="inside"?"":S}
           <pf-icon set="fas"
-                   icon="${_b(d)}"
+                   icon="${mu(f)}"
                    size="md"
-                   ?hidden="${!d}"
+                   ?hidden="${!f}"
           ></pf-icon>
         </div>
         `}
 
           <progress id="progress"
                     max="100"
-                    value="${B}"
+                    value="${x}"
                     aria-valuemin="0"
-                    aria-valuenow="${B}"
+                    aria-valuenow="${x}"
                     aria-valuemax="100"
           ></progress>
 
-          ${e!=="inside"?"":Yl`
+          ${e!=="inside"?"":Ki`
           <span id="progress-span"
-                style="${xb({width:L})}"
-                data-value="${L}"></span>
+                style="${gu({width:S})}"
+                data-value="${S}"></span>
           `}
-      </div>`}};Xl=new WeakMap,Xr=new WeakSet,$n=function(){let{value:o,min:e,max:a}=this,c=Math.round((o-e)/(a-e)*100);return Number.isNaN(c)||c<0?0:Math.min(c,100)},Gr=new WeakSet,In=function(){return Cb.get(this.variant??"")?.icon},po.styles=[Lp],r([St({reflect:!0,type:Number})],po.prototype,"value",2),r([St()],po.prototype,"description",2),r([St({type:Boolean,reflect:!0,attribute:"description-truncated"})],po.prototype,"descriptionTruncated",2),r([St({type:Number,reflect:!0})],po.prototype,"max",2),r([St({type:Number,reflect:!0})],po.prototype,"min",2),r([St()],po.prototype,"size",2),r([St({attribute:"measure-location"})],po.prototype,"measureLocation",2),r([St()],po.prototype,"variant",2),po=r([vb("pf-progress")],po);qe();import{LitElement as kb,nothing as wb,html as rt}from"lit";import{customElement as Sb}from"lit/decorators/custom-element.js";import{property as j}from"lit/decorators/property.js";import{query as An}from"lit/decorators/query.js";import{styleMap as Lb}from"lit/directives/style-map.js";import{classMap as Wb}from"lit/directives/class-map.js";import{ifDefined as zp}from"lit/directives/if-defined.js";Ve();ft();import{css as Bb}from"lit";var yb=Bb`:host {
+      </div>`}};Gi=new WeakMap,Ca=new WeakSet,ns=function(){let{value:o,min:e,max:a}=this,c=Math.round((o-e)/(a-e)*100);return Number.isNaN(c)||c<0?0:Math.min(c,100)},Ba=new WeakSet,cs=function(){return bu.get(this.variant??"")?.icon},xo.styles=[df],r([At({reflect:!0,type:Number})],xo.prototype,"value",2),r([At()],xo.prototype,"description",2),r([At({type:Boolean,reflect:!0,attribute:"description-truncated"})],xo.prototype,"descriptionTruncated",2),r([At({type:Number,reflect:!0})],xo.prototype,"max",2),r([At({type:Number,reflect:!0})],xo.prototype,"min",2),r([At()],xo.prototype,"size",2),r([At({attribute:"measure-location"})],xo.prototype,"measureLocation",2),r([At()],xo.prototype,"variant",2),xo=r([fu("pf-progress")],xo);ur();import{LitElement as vu,nothing as _u,html as yt,isServer as ss}from"lit";import{customElement as xu}from"lit/decorators/custom-element.js";import{property as to}from"lit/decorators/property.js";import{query as ps}from"lit/decorators/query.js";import{styleMap as Cu}from"lit/directives/style-map.js";import{classMap as Bu}from"lit/directives/class-map.js";import{ifDefined as mf}from"lit/directives/if-defined.js";Wt();vr();import{css as hu}from"lit";var uu=hu`:host {
   display: inline;
   --_floating-arrow-size: var(--pf-c-popover__arrow--Width, var(--pf-global--arrow--width-lg, 1.5625rem));
   --_header-text-color: var(--pf-c-popover__title-text--Color, inherit);
@@ -4377,21 +4505,21 @@ pf-tooltip {
   --_header-icon-color: var(--pf-c-popover--m-danger__title-icon--Color, var(--pf-global--danger-color--100, #c9190b));
   --_header-text-color: var(--pf-c-popover--m-danger__title-text--Color, var(--pf-global--danger-color--200, #a30000));
 }
-`,Wp=yb;var On=class extends F{constructor(){super("hide")}},Dn=class extends F{constructor(){super("hidden")}},Nn=class extends F{constructor(){super("show")}},Un=class extends F{constructor(){super("shown")}},ve,fo,jt,_e,Gl,Mp,Kr,jn,at,Kl,Ep,v=class extends kb{constructor(){super();n(this,Gl);n(this,Kr);n(this,Kl);this.position="top";this.noFlip=!1;n(this,ve,!0);n(this,fo,null);n(this,jt,new To(this,{content:()=>this._popover,arrow:()=>this._arrow,invoker:()=>l(this,fo)||this._slottedTrigger}));n(this,_e,new k(this,null,"icon","heading","body","footer"));n(this,at,o=>{switch(o.key){case"Escape":case"Esc":o.preventDefault(),this.hide();return;case"Enter":(o.target===l(this,fo)||o.target===this._slottedTrigger)&&(o.preventDefault(),this.show());return}});this.addEventListener("keydown",l(this,at))}render(){let{alignment:o,anchor:e,styles:a}=l(this,jt),c=l(this,_e).hasSlotted("footer")||!!this.footer,p=l(this,_e).hasSlotted("heading")||!!this.heading,d=l(this,_e).hasSlotted("icon")||!!this.icon||!!this.alertSeverity,u=rt`<h6>${this.heading??""}</h6>`;switch(this.headingLevel){case 2:u=rt`<h2>${this.heading??""}</h2>`;break;case 3:u=rt`<h3>${this.heading??""}</h3>`;break;case 4:u=rt`<h4>${this.heading??""}</h4>`;break;case 5:u=rt`<h5>${this.heading??""}</h5>`;break}let B=rt`
-      <slot id="heading" name="heading" part="heading" ?hidden=${!p}>${u}</slot>
-    `,L=this.icon??v.alertIcons.get(this.alertSeverity)??"";return rt`
+`,ff=uu;var ds=class extends Wo{constructor(){super("hide")}},fs=class extends Wo{constructor(){super("hidden")}},ms=class extends Wo{constructor(){super("show")}},gs=class extends Wo{constructor(){super("shown")}},Ue,Co,re,Ne,Zi,gf,ya,bs,kt,Qi,bf,C=class extends vu{constructor(){super();n(this,Zi);n(this,ya);n(this,Qi);this.position="top";this.noFlip=!1;n(this,Ue,!0);n(this,Co,null);n(this,re,new Yo(this,{content:()=>this._popover,arrow:()=>this._arrow,invoker:()=>i(this,Co)||this._slottedTrigger}));n(this,Ne,new T(this,null,"icon","heading","body","footer"));n(this,kt,o=>{switch(o.key){case"Escape":case"Esc":o.preventDefault(),this.hide();return;case"Enter":(o.target===i(this,Co)||o.target===this._slottedTrigger)&&(o.preventDefault(),this.show());return}});ss||this.addEventListener("keydown",i(this,kt))}render(){let{alignment:o,anchor:e,styles:a}=i(this,re),c=i(this,Ne).hasSlotted("footer")||!!this.footer,p=i(this,Ne).hasSlotted("heading")||!!this.heading,f=i(this,Ne).hasSlotted("icon")||!!this.icon||!!this.alertSeverity,b=yt`<h6>${this.heading??""}</h6>`;switch(this.headingLevel){case 2:b=yt`<h2>${this.heading??""}</h2>`;break;case 3:b=yt`<h3>${this.heading??""}</h3>`;break;case 4:b=yt`<h4>${this.heading??""}</h4>`;break;case 5:b=yt`<h5>${this.heading??""}</h5>`;break}let x=yt`
+      <slot id="heading" name="heading" part="heading" ?hidden=${!p}>${b}</slot>
+    `,S=this.icon??C.alertIcons.get(this.alertSeverity)??"";return yt`
       <div id="container"
-           style="${Lb(a)}"
-           class="${Wb({[e]:!!e,[o]:!!o})}">
+           style="${Cu(a)}"
+           class="${Bu({[e]:!!e,[o]:!!o})}">
         <slot id="trigger"
-              @slotchange="${s(this,Kr,jn)}"
-              @keydown="${l(this,at)}"
+              @slotchange="${s(this,ya,bs)}"
+              @keydown="${i(this,kt)}"
               @click="${this.toggle}"></slot>
         <dialog id="popover"
-                ?hidden="${l(this,ve)}"
+                ?hidden="${i(this,Ue)}"
                 aria-labelledby="heading"
                 aria-describedby="body"
-                aria-label=${zp(this.label)}>
+                aria-label=${mf(this.label)}>
           <div id="arrow"></div>
           <div id="content" part="content">
             <pf-button id="close-button"
@@ -4399,24 +4527,24 @@ pf-tooltip {
                        plain
                        label="${this.accessibleCloseLabel??this.closeButtonLabel??"Close popover"}"
                        @click="${this.hide}"
-                       @keydown="${l(this,at)}"
+                       @keydown="${i(this,kt)}"
                        ?hidden="${this.hideClose}">
               <svg fill="currentColor" height="1em" width="1em" 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>
-            ${p&&d?rt`
+            ${p&&f?yt`
             <header part="header">
               <span part="icon">
                 <slot name="icon">
-                  <pf-icon icon="${L}"
-                           set="${zp(this.iconSet)}"
+                  <pf-icon icon="${S}"
+                           set="${mf(this.iconSet)}"
                            size="md"></pf-icon>
                 </slot>
-              </span>${this.alertSeverity?rt`
-              <span class="visually-hidden">${this.alertSeverityText??`${this.alertSeverity} alert:`}</span>`:wb}
-              ${B}
-            </header>`:B}
+              </span>${this.alertSeverity?yt`
+              <span class="visually-hidden">${this.alertSeverityText??`${this.alertSeverity} alert:`}</span>`:_u}
+              ${x}
+            </header>`:x}
             <slot id="body" part="body" name="body">${this.body??""}</slot>
             <footer part="footer" ?hidden=${!c}>
               <slot name="footer">${this.footer}</slot>
@@ -4424,7 +4552,7 @@ pf-tooltip {
           </div>
         </dialog>
       </div>
-    `}disconnectedCallback(){super.disconnectedCallback(),v.instances.delete(this),l(this,fo)?.removeEventListener("click",this.toggle),l(this,fo)?.removeEventListener("keydown",l(this,at))}willUpdate(o){o.has("trigger")&&s(this,Kr,jn).call(this)}async toggle(){l(this,jt).open?this.hide():this.show()}async show(){b(this,ve,!1),this.requestUpdate(),this.dispatchEvent(new Nn),await this.updateComplete,await l(this,jt).show({offset:this.distance??25,placement:this.position,flip:!this.noFlip,fallbackPlacements:this.flipBehavior}),this._popover?.show(),this.dispatchEvent(new Un),v.instances.add(this)}async hide(){this.dispatchEvent(new On),await l(this,jt).hide(),this._popover?.close(),this.dispatchEvent(new Dn),v.instances.delete(this),b(this,ve,!0),this.requestUpdate()}};ve=new WeakMap,fo=new WeakMap,jt=new WeakMap,_e=new WeakMap,Gl=new WeakSet,Mp=function(){let o=this.getRootNode();return this.trigger?o.getElementById(this.trigger):null},Kr=new WeakSet,jn=function(){let o=l(this,fo);b(this,fo,s(this,Gl,Mp).call(this)),o!==l(this,fo)&&(o?.removeEventListener("click",this.toggle),o?.removeEventListener("keydown",l(this,at)),l(this,fo)?.addEventListener("click",this.toggle),l(this,fo)?.addEventListener("keydown",l(this,at)))},at=new WeakMap,Kl=new WeakSet,Ep=function(o){let e=o.composedPath();!e.includes(this)&&!e.includes(l(this,fo))&&this.hide()},v.styles=[Wp],v.instances=new Set,v.alertIcons=new Map(Object.entries({default:"bell",info:"circle-info",success:"circle-check",warning:"triangle-exclamation",danger:"circle-exclamation"})),document.addEventListener("click",function(o){var e;for(let a of v.instances)a.noOutsideClick||s(e=a,Kl,Ep).call(e,o)}),r([j({reflect:!0})],v.prototype,"position",2),r([j({reflect:!0})],v.prototype,"heading",2),r([j({reflect:!0})],v.prototype,"body",2),r([j({reflect:!0})],v.prototype,"footer",2),r([j({reflect:!0})],v.prototype,"icon",2),r([j({reflect:!0})],v.prototype,"label",2),r([j({type:Number,reflect:!0})],v.prototype,"distance",2),r([j({attribute:"flip-behavior",converter:Fa})],v.prototype,"flipBehavior",2),r([j({type:Boolean,reflect:!0,attribute:"no-flip"})],v.prototype,"noFlip",2),r([j({type:Number,reflect:!0,attribute:"heading-level"})],v.prototype,"headingLevel",2),r([j({reflect:!0,attribute:"icon-set"})],v.prototype,"iconSet",2),r([j({type:Boolean,reflect:!0,attribute:"hide-close"})],v.prototype,"hideClose",2),r([j({reflect:!0,attribute:"alert-severity"})],v.prototype,"alertSeverity",2),r([j({reflect:!0,attribute:"accessible-close-label"})],v.prototype,"accessibleCloseLabel",2),r([Jc({alias:"accessible-close-label",attribute:"close-label"})],v.prototype,"closeButtonLabel",2),r([j({reflect:!0,attribute:"alert-severity-text"})],v.prototype,"alertSeverityText",2),r([j({type:Boolean,reflect:!0,attribute:"no-outside-click"})],v.prototype,"noOutsideClick",2),r([j({reflect:!0})],v.prototype,"trigger",2),r([An("#popover")],v.prototype,"_popover",2),r([An("#trigger")],v.prototype,"_slottedTrigger",2),r([An("#arrow")],v.prototype,"_arrow",2),r([A],v.prototype,"toggle",1),r([A],v.prototype,"show",1),r([A],v.prototype,"hide",1),v=r([Sb("pf-popover")],v);import{LitElement as Eb,html as Tb}from"lit";import{customElement as Rb}from"lit/decorators/custom-element.js";import{property as Rp}from"lit/decorators/property.js";import{css as zb}from"lit";var Mb=zb`:host {
+    `}disconnectedCallback(){super.disconnectedCallback(),C.instances.delete(this),i(this,Co)?.removeEventListener("click",this.toggle),i(this,Co)?.removeEventListener("keydown",i(this,kt))}willUpdate(o){o.has("trigger")&&s(this,ya,bs).call(this)}async toggle(){i(this,re).open?this.hide():this.show()}async show(){v(this,Ue,!1),this.requestUpdate(),this.dispatchEvent(new ms),await this.updateComplete,await i(this,re).show({offset:this.distance??25,placement:this.position,flip:!this.noFlip,fallbackPlacements:this.flipBehavior}),this._popover?.show(),this.dispatchEvent(new gs),C.instances.add(this)}async hide(){this.dispatchEvent(new ds),await i(this,re).hide(),this._popover?.close(),this.dispatchEvent(new fs),C.instances.delete(this),v(this,Ue,!0),this.requestUpdate()}};Ue=new WeakMap,Co=new WeakMap,re=new WeakMap,Ne=new WeakMap,Zi=new WeakSet,gf=function(){return ss||!this.trigger?null:this.getRootNode().getElementById(this.trigger)},ya=new WeakSet,bs=function(){let o=i(this,Co);v(this,Co,s(this,Zi,gf).call(this)),o!==i(this,Co)&&(o?.removeEventListener("click",this.toggle),o?.removeEventListener("keydown",i(this,kt)),i(this,Co)?.addEventListener("click",this.toggle),i(this,Co)?.addEventListener("keydown",i(this,kt)))},kt=new WeakMap,Qi=new WeakSet,bf=function(o){let e=o.composedPath();!e.includes(this)&&!e.includes(i(this,Co))&&this.hide()},C.styles=[ff],C.instances=new Set,C.alertIcons=new Map(Object.entries({default:"bell",info:"circle-info",success:"circle-check",warning:"triangle-exclamation",danger:"circle-exclamation"})),ss||document.addEventListener("click",function(o){var e;for(let a of C.instances)a.noOutsideClick||s(e=a,Qi,bf).call(e,o)}),r([to({reflect:!0})],C.prototype,"position",2),r([to({reflect:!0})],C.prototype,"heading",2),r([to({reflect:!0})],C.prototype,"body",2),r([to({reflect:!0})],C.prototype,"footer",2),r([to({reflect:!0})],C.prototype,"icon",2),r([to({reflect:!0})],C.prototype,"label",2),r([to({type:Number,reflect:!0})],C.prototype,"distance",2),r([to({attribute:"flip-behavior",converter:ul})],C.prototype,"flipBehavior",2),r([to({type:Boolean,reflect:!0,attribute:"no-flip"})],C.prototype,"noFlip",2),r([to({type:Number,reflect:!0,attribute:"heading-level"})],C.prototype,"headingLevel",2),r([to({reflect:!0,attribute:"icon-set"})],C.prototype,"iconSet",2),r([to({type:Boolean,reflect:!0,attribute:"hide-close"})],C.prototype,"hideClose",2),r([to({reflect:!0,attribute:"alert-severity"})],C.prototype,"alertSeverity",2),r([to({reflect:!0,attribute:"accessible-close-label"})],C.prototype,"accessibleCloseLabel",2),r([Rp({alias:"accessible-close-label",attribute:"close-label"})],C.prototype,"closeButtonLabel",2),r([to({reflect:!0,attribute:"alert-severity-text"})],C.prototype,"alertSeverityText",2),r([to({type:Boolean,reflect:!0,attribute:"no-outside-click"})],C.prototype,"noOutsideClick",2),r([to({reflect:!0})],C.prototype,"trigger",2),r([ps("#popover")],C.prototype,"_popover",2),r([ps("#trigger")],C.prototype,"_slottedTrigger",2),r([ps("#arrow")],C.prototype,"_arrow",2),r([A],C.prototype,"toggle",1),r([A],C.prototype,"show",1),r([A],C.prototype,"hide",1),C=r([xu("pf-popover")],C);import{LitElement as wu,html as Su}from"lit";import{customElement as Lu}from"lit/decorators/custom-element.js";import{property as uf}from"lit/decorators/property.js";import{css as yu}from"lit";var ku=yu`:host {
   /* NB: upstream sets these on the container, which is why we do not use fallbacks here. */
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;
@@ -4594,7 +4722,7 @@ hr::after {
 ::slotted(:is(p, h1, h2, h3, h4, h5, h6):is(:last-of-type, :first-of-type)) {
   margin-block: 0;
 }
-`,Tp=Mb;var Zr,qt=class extends Eb{constructor(){super(...arguments);this.scrollable=!1;n(this,Zr,new k(this,"header",null,"footer"))}render(){let o=l(this,Zr).hasSlotted("header"),e=l(this,Zr).hasSlotted("footer");return Tb`
+`,hf=ku;var ka,ae=class extends wu{constructor(){super(...arguments);this.scrollable=!1;n(this,ka,new T(this,"header",null,"footer"))}render(){let o=i(this,ka).hasSlotted("header"),e=i(this,ka).hasSlotted("footer");return Su`
       <header>
         <slot name="header" ?hidden="${!o}"></slot>
       </header>
@@ -4603,7 +4731,7 @@ hr::after {
       <footer>
         <slot name="footer" ?hidden="${!e}"></slot>
       </footer>
-    `}};Zr=new WeakMap,qt.styles=[Tp],r([Rp({type:Boolean,reflect:!0})],qt.prototype,"scrollable",2),r([Rp({reflect:!0})],qt.prototype,"variant",2),qt=r([Rb("pf-panel")],qt);ft();import{LitElement as Pp,html as Hb}from"lit";import{customElement as $b}from"lit/decorators/custom-element.js";import{property as Zl}from"lit/decorators/property.js";import{query as qn}from"lit/decorators/query.js";import{ifDefined as Hp}from"lit/directives/if-defined.js";import{classMap as Ib}from"lit/directives/class-map.js";import{css as Fb}from"lit";var Pb=Fb`:host {
+    `}};ka=new WeakMap,ae.styles=[hf],r([uf({type:Boolean,reflect:!0})],ae.prototype,"scrollable",2),r([uf({reflect:!0})],ae.prototype,"variant",2),ae=r([Lu("pf-panel")],ae);vr();import{LitElement as _f,html as Tu}from"lit";import{customElement as Eu}from"lit/decorators/custom-element.js";import{property as Ji}from"lit/decorators/property.js";import{query as hs}from"lit/decorators/query.js";import{ifDefined as xf}from"lit/directives/if-defined.js";import{classMap as Ru}from"lit/directives/class-map.js";import{css as zu}from"lit";var Wu=zu`:host {
 	display: block;
 	position: relative;
   --_spacer-align-top: var(--pf-c-modal-box--m-align-top--spacer,
@@ -4787,18 +4915,18 @@ footer {
   align-items: center;
   gap: var(--pf-global--spacer--xl, 0.5rem);
 }
-`,Fp=Pb;var Vn=class extends F{constructor(){super("cancel")}},Yn=class extends F{constructor(){super("close")}},Xn=class extends F{constructor(o){super("open");this.trigger=o}},xe,X,Vt,Qr,Yt,Ce,Be,M=class extends Pp{constructor(){super(...arguments);this.open=!1;this.returnValue="";n(this,xe,Y());n(this,X,null);n(this,Vt,null);n(this,Qr,[]);n(this,Yt,[]);n(this,Ce,!1);n(this,Be,new k(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let o=l(this,Vt)||l(this,Yt).length?l(this,xe):void 0,e=l(this,X)?l(this,X).innerText:void 0,a=l(this,Be).hasSlotted("header"),c=l(this,Be).hasSlotted("description"),p=l(this,Be).hasSlotted("footer");return Hb`
+`,vf=Wu;var us=class extends Wo{constructor(){super("cancel")}},vs=class extends Wo{constructor(){super("close")}},_s=class extends Wo{constructor(o){super("open");this.trigger=o}},je,lo,le,wa,ie,qe,Ve,M=class extends _f{constructor(){super(...arguments);this.open=!1;this.returnValue="";n(this,je,N());n(this,lo,null);n(this,le,null);n(this,wa,[]);n(this,ie,[]);n(this,qe,!1);n(this,Ve,new T(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let o=i(this,le)||i(this,ie).length?i(this,je):void 0,e=i(this,lo)?i(this,lo).innerText:void 0,a=i(this,Ve).hasSlotted("header"),c=i(this,Ve).hasSlotted("description"),p=i(this,Ve).hasSlotted("footer");return Tu`
       <section ?hidden=${!this.open}>
         <div id="overlay" part="overlay" ?hidden=${!this.open}></div>
         <div id="dialog"
             part="dialog"
             tabindex="0"
             role="dialog"
-            aria-labelledby=${Hp(o)}
-            aria-label=${Hp(e)}
+            aria-labelledby=${xf(o)}
+            aria-label=${xf(e)}
             ?hidden="${!this.open}">
           <div id="container">
-            <div id="content" part="content" class=${Ib({hasHeader:a,hasDescription:c,hasFooter:p})}>
+            <div id="content" part="content" class=${Ru({hasHeader:a,hasDescription:c,hasFooter:p})}>
               <header part="header">
                 <slot name="header"></slot>
                 <div part="description" ?hidden=${!c}>
@@ -4822,7 +4950,7 @@ footer {
           </div>
         </div>
       </section>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),l(this,X)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,b(this,Vt,this.querySelector('[slot$="header"]')),b(this,Qr,[...this.querySelectorAll("*:not([slot])")]),b(this,Yt,l(this,Qr).filter(o=>o.tagName.slice(0,1)==="H")),l(this,X)&&(l(this,X).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),l(this,Vt)?l(this,Vt).id=l(this,xe):l(this,Yt).length>0&&(l(this,Yt)[0].id=l(this,xe))}async _openChanged(o,e){o==null||e==null||o==e||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new Xn(l(this,X)))):(document.body.style.overflow="auto",await this.updateComplete,l(this,X)&&l(this,X).focus(),this.dispatchEvent(l(this,Ce)?new Vn:new Yn)))}_triggerChanged(){this.trigger&&(b(this,X,this.getRootNode().getElementById(this.trigger)),l(this,X)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(o){o.preventDefault(),this.showModal()}onClick(o){let{open:e,overlay:a,dialog:c}=this;if(e){let p=o.composedPath(),{closeOnOutsideClick:d}=this.constructor;d&&p.includes(a)&&!p.includes(c)&&(o.preventDefault(),this.cancel())}}onKeydown(o){switch(o.key){case"Tab":o.target===this.closeButton&&(o.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":o.preventDefault(),this.cancel();return;case"Enter":o.target===l(this,X)&&(o.preventDefault(),this.showModal());return}}async cancel(){b(this,Ce,!0),this.open=!1,await this.updateComplete,b(this,Ce,!1)}setTrigger(o){b(this,X,o),l(this,X).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(o){typeof o=="string"&&(this.returnValue=o),this.open=!1}};xe=new WeakMap,X=new WeakMap,Vt=new WeakMap,Qr=new WeakMap,Yt=new WeakMap,Ce=new WeakMap,Be=new WeakMap,M.shadowRootOptions={...Pp.shadowRootOptions,delegatesFocus:!0},M.styles=[Fp],M.closeOnOutsideClick=!1,r([Zl({reflect:!0})],M.prototype,"variant",2),r([Zl({reflect:!0})],M.prototype,"position",2),r([ho,Zl({type:Boolean,reflect:!0})],M.prototype,"open",2),r([ho,Zl()],M.prototype,"trigger",2),r([qn("#overlay")],M.prototype,"overlay",2),r([qn("#dialog")],M.prototype,"dialog",2),r([qn("#close-button")],M.prototype,"closeButton",2),r([os()],M.prototype,"_init",1),r([A],M.prototype,"onTriggerClick",1),r([A],M.prototype,"onClick",1),r([A],M.prototype,"onKeydown",1),r([A],M.prototype,"toggle",1),r([A],M.prototype,"show",1),r([A],M.prototype,"showModal",1),r([A],M.prototype,"close",1),M=r([$b("pf-modal")],M);ft();import{html as Gn}from"lit";import{customElement as Vb}from"lit/decorators/custom-element.js";import{property as Xt}from"lit/decorators/property.js";import{classMap as Yb}from"lit/directives/class-map.js";import{LitElement as Db,html as Nb}from"lit";import{classMap as Ub}from"lit/directives/class-map.js";import{css as Ab}from"lit";var Ob=Ab`:host {
+    `}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),i(this,lo)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,v(this,le,this.querySelector('[slot$="header"]')),v(this,wa,[...this.querySelectorAll("*:not([slot])")]),v(this,ie,i(this,wa).filter(o=>o.tagName.slice(0,1)==="H")),i(this,lo)&&(i(this,lo).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),i(this,le)?i(this,le).id=i(this,je):i(this,ie).length>0&&(i(this,ie)[0].id=i(this,je))}async openChanged(o,e){o==null||e==null||o==e||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new _s(i(this,lo)))):(document.body.style.overflow="auto",await this.updateComplete,i(this,lo)&&i(this,lo).focus(),this.dispatchEvent(i(this,qe)?new us:new vs)))}triggerChanged(){this.trigger&&(v(this,lo,this.getRootNode().getElementById(this.trigger)),i(this,lo)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(o){o.preventDefault(),this.showModal()}onClick(o){let{open:e,overlay:a,dialog:c}=this;if(e){let p=o.composedPath(),{closeOnOutsideClick:f}=this.constructor;f&&p.includes(a)&&!p.includes(c)&&(o.preventDefault(),this.cancel())}}onKeydown(o){switch(o.key){case"Tab":o.target===this.closeButton&&(o.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":o.preventDefault(),this.cancel();return;case"Enter":o.target===i(this,lo)&&(o.preventDefault(),this.showModal());return}}async cancel(){v(this,qe,!0),this.open=!1,await this.updateComplete,v(this,qe,!1)}setTrigger(o){v(this,lo,o),i(this,lo).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(o){typeof o=="string"&&(this.returnValue=o),this.open=!1}};je=new WeakMap,lo=new WeakMap,le=new WeakMap,wa=new WeakMap,ie=new WeakMap,qe=new WeakMap,Ve=new WeakMap,M.shadowRootOptions={..._f.shadowRootOptions,delegatesFocus:!0},M.styles=[vf],M.closeOnOutsideClick=!1,r([Ji({reflect:!0})],M.prototype,"variant",2),r([Ji({reflect:!0})],M.prototype,"position",2),r([Ji({type:Boolean,reflect:!0})],M.prototype,"open",2),r([Ji()],M.prototype,"trigger",2),r([hs("#overlay")],M.prototype,"overlay",2),r([hs("#dialog")],M.prototype,"dialog",2),r([hs("#close-button")],M.prototype,"closeButton",2),r([Mp()],M.prototype,"_init",1),r([L("open")],M.prototype,"openChanged",1),r([L("trigger")],M.prototype,"triggerChanged",1),r([A],M.prototype,"onTriggerClick",1),r([A],M.prototype,"onClick",1),r([A],M.prototype,"onKeydown",1),r([A],M.prototype,"toggle",1),r([A],M.prototype,"show",1),r([A],M.prototype,"showModal",1),r([A],M.prototype,"close",1),M=r([Eu("pf-modal")],M);import{LitElement as Bf,html as Pu}from"lit";import{customElement as Iu}from"lit/decorators/custom-element.js";import{property as ne}from"lit/decorators/property.js";import{classMap as Hu}from"lit/directives/class-map.js";import{css as Mu}from"lit";var Fu=Mu`:host {
   position: relative;
   white-space: nowrap;
   border: 0;
@@ -4844,6 +4972,18 @@ pf-icon, ::slotted(pf-icon) {
   text-overflow: ellipsis;
   white-space: nowrap;
   border-width: 0;
+  padding-top: var(--pf-c-label--PaddingTop, var(--pf-global--spacer--xs, 0.25rem));
+  padding-left: var(--pf-c-label--PaddingLeft, var(--pf-global--spacer--sm, 0.5rem));
+  padding-bottom: var(--pf-c-label--PaddingBottom, var(--pf-global--spacer--xs, 0.25rem));
+  padding-right: var(--pf-c-label--PaddingRight, var(--pf-global--spacer--sm, 0.5rem));
+  font-size: var(--pf-c-label--FontSize, var(--pf-global--FontSize--sm, 0.875rem));
+  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));
+
+  --pf-global--icon--FontSize--sm: 14px;
 }
 
 #container::before {
@@ -4854,6 +4994,8 @@ pf-icon, ::slotted(pf-icon) {
   left: 0;
   pointer-events: none;
   content: "";
+  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));
 }
 
 [part=icon] {
@@ -4866,37 +5008,6 @@ pf-icon, ::slotted(pf-icon) {
   width: 1em;
 }
 
-`,$p=Ob;var ye=class extends Db{constructor(){super(...arguments);this.slots=new k(this,null,"icon")}static{this.styles=[$p]}render(){let{variant:o,color:e,icon:a}=this,c=!!a||this.slots.hasSlotted("icon");return Nb`
-      <span id="container"
-            class=${Ub({hasIcon:c,[o??""]:!!o,[e??""]:!!e})}>
-        <slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
-        <slot id="text"></slot>
-        ${this.renderSuffix?.()??""}
-      </span>
-    `}};import{css as jb}from"lit";var qb=jb`#pf-container {
-  display: contents;
-}
-
-#container {
-  --pf-global--icon--FontSize--sm: 14px;
-
-  padding-top: var(--pf-c-label--PaddingTop, var(--pf-global--spacer--xs, 0.25rem));
-  padding-left: var(--pf-c-label--PaddingLeft, var(--pf-global--spacer--sm, 0.5rem));
-  padding-bottom: var(--pf-c-label--PaddingBottom, var(--pf-global--spacer--xs, 0.25rem));
-  padding-right: var(--pf-c-label--PaddingRight, var(--pf-global--spacer--sm, 0.5rem));
-  font-size: var(--pf-c-label--FontSize, 0.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));
@@ -4905,7 +5016,6 @@ pf-icon, ::slotted(pf-icon) {
   --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));
@@ -5038,21 +5148,26 @@ svg {
   height: 1em;
   width: 1em;
 }
-`,Ip=qb;var mo=class extends ye{constructor(){super(...arguments);this.variant="filled";this.color="grey";this.compact=!1;this.truncated=!1;this.removable=!1}render(){let{compact:o,truncated:e}=this;return Gn`
-      <span id="pf-container" class="${Yb({compact:o,truncated:e})}">${super.render()}</span>
-    `}renderDefaultIcon(){return this.icon?Gn`
-      <pf-icon icon="${this.icon}" size="sm"></pf-icon>
-    `:""}renderSuffix(){return this.removable?Gn`
-      <span part="close-button" ?hidden=${!this.removable}>
-        <pf-button plain
-                    @click="${()=>this.dispatchEvent(new F("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>
+`,Cf=Fu;var xs=class extends Event{constructor(){super("close",{bubbles:!0,cancelable:!0})}},on,tn,yf,Bo=class extends Bf{constructor(){super(...arguments);n(this,tn);this.variant="filled";this.color="grey";this.compact=!1;this.truncated=!1;this.removable=!1;n(this,on,new T(this,null,"icon"))}render(){let{compact:o,truncated:e}=this,{variant:a,color:c,icon:p}=this,f=!!p||i(this,on).hasSlotted("icon");return Pu`
+      <span id="container"
+            class="${Hu({hasIcon:f,compact:o,truncated:e,[a??""]:!!a,[c??""]:!!c})}">
+        <slot name="icon" part="icon">
+          <pf-icon ?hidden="${!p}"
+                   size="sm"
+                   .icon="${this.icon||void 0}"></pf-icon>
+        </slot>
+        <slot id="text"></slot>
+        <span part="close-button" ?hidden=${!this.removable}>
+          <pf-button plain
+                     @click="${s(this,tn,yf)}"
+                     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>
       </span>
-    `:""}};mo.styles=[...ye.styles,Ip],mo.shadowRootOptions={...ye.shadowRootOptions,delegatesFocus:!0},r([Xt()],mo.prototype,"variant",2),r([Xt()],mo.prototype,"color",2),r([Xt()],mo.prototype,"icon",2),r([Xt({type:Boolean})],mo.prototype,"compact",2),r([Xt({type:Boolean})],mo.prototype,"truncated",2),r([Xt({type:Boolean})],mo.prototype,"removable",2),r([Xt({attribute:"close-button-label"})],mo.prototype,"closeButtonLabel",2),mo=r([Vb("pf-label")],mo);import{html as Qn,LitElement as th}from"lit";import{customElement as eh}from"lit/decorators/custom-element.js";import{property as we}from"lit/decorators/property.js";import{__classPrivateFieldGet as x,__classPrivateFieldSet as G}from"tslib";var K,la,Ql,Gt,Jr,ia,ke,oa,ta,ea,Jl,na,ra,aa,Kn,Zn,Op,Ap,oi=class{get root(){return x(this,oa,"f")}set root(t){G(this,oa,t,"f"),x(this,Gt,"f")?.disconnect(),x(this,K,"m",aa).call(this)}get rootMargin(){return x(this,ta,"f")}set rootMargin(t){G(this,ta,t,"f"),x(this,Gt,"f")?.disconnect(),x(this,K,"m",aa).call(this)}get threshold(){return x(this,ea,"f")}set threshold(t){G(this,ea,t,"f"),x(this,Gt,"f")?.disconnect(),x(this,K,"m",aa).call(this)}constructor(t,o){K.add(this),this.host=t,la.set(this,void 0),Ql.set(this,void 0),Gt.set(this,void 0),Jr.set(this,new Set),ia.set(this,!1),ke.set(this,!1),oa.set(this,void 0),ta.set(this,void 0),ea.set(this,void 0),Jl.set(this,void 0),na.set(this,void 0),t.addController(this),G(this,la,o.tagNames,"f"),G(this,oa,o.root,"f"),G(this,ta,o.rootMargin,"f"),G(this,Ql,o.activeAttribute??"active","f"),G(this,ea,o.threshold??.85,"f"),G(this,Jl,o.rootNode??t.getRootNode(),"f"),G(this,na,o?.getHash??(e=>e.getAttribute("href")),"f")}hostConnected(){x(this,K,"m",aa).call(this)}async setActive(t){G(this,ia,!0,"f"),x(this,K,"m",Zn).call(this,t);let o=!1;for(let e of x(this,K,"a",ra))x(this,K,"m",Kn).call(this,e,!o),e===t&&(o=!0);await x(this,K,"m",Op).call(this),G(this,ia,!1,"f")}};la=new WeakMap,Ql=new WeakMap,Gt=new WeakMap,Jr=new WeakMap,ia=new WeakMap,ke=new WeakMap,oa=new WeakMap,ta=new WeakMap,ea=new WeakMap,Jl=new WeakMap,na=new WeakMap,K=new WeakSet,ra=function(){return Array.from(this.host.querySelectorAll(x(this,la,"f").join(","))).filter(x(this,na,"f"))},aa=function(){let t=x(this,Jl,"f");if(t instanceof Document||t instanceof ShadowRoot){let{rootMargin:o,threshold:e,root:a}=this;G(this,Gt,new IntersectionObserver(c=>x(this,K,"m",Ap).call(this,c),{root:a,rootMargin:o,threshold:e}),"f"),x(this,K,"a",ra).map(c=>x(this,na,"f").call(this,c)).filter(c=>!!c).map(c=>t.getElementById(c.replace("#",""))).filter(c=>!!c).forEach(c=>x(this,Gt,"f")?.observe(c))}},Kn=function(t,o){o?x(this,Jr,"f").add(t):x(this,Jr,"f").delete(t)},Zn=function(t){for(let o of x(this,K,"a",ra))o.toggleAttribute(x(this,Ql,"f"),o===t)},Op=async function(){for(G(this,ke,!1,"f"),setTimeout(()=>G(this,ke,!1,"f"),3e3);!x(this,ke,"f");)await new Promise(requestAnimationFrame)},Ap=async function(t){if(!x(this,ia,"f")){for(let{target:a,boundingClientRect:c,intersectionRect:p}of t){let d=`:is(${x(this,la,"f").join(",")})[href="#${a.id}"]`,u=this.host.querySelector(d);u&&x(this,K,"m",Kn).call(this,u,c.top<p.top)}let e=[...x(this,Jr,"f")].at(-1);x(this,K,"m",Zn).call(this,e??x(this,K,"a",ra).at(0))}G(this,ke,!0,"f")};import{html as Kb,LitElement as Np}from"lit";import{customElement as Zb}from"lit/decorators/custom-element.js";import{property as Up}from"lit/decorators/property.js";import{ifDefined as Qb}from"lit/directives/if-defined.js";import{css as Xb}from"lit";var Gb=Xb`:host {
+    `}};on=new WeakMap,tn=new WeakSet,yf=function(){this.removable&&this.dispatchEvent(new xs)&&this.remove()},Bo.styles=[Cf],Bo.shadowRootOptions={...Bf.shadowRootOptions,delegatesFocus:!0},r([ne()],Bo.prototype,"variant",2),r([ne()],Bo.prototype,"color",2),r([ne()],Bo.prototype,"icon",2),r([ne({type:Boolean})],Bo.prototype,"compact",2),r([ne({type:Boolean})],Bo.prototype,"truncated",2),r([ne({type:Boolean})],Bo.prototype,"removable",2),r([ne({attribute:"close-button-label"})],Bo.prototype,"closeButtonLabel",2),Bo=r([Iu("pf-label")],Bo);import{html as ys,LitElement as qu}from"lit";import{customElement as Vu}from"lit/decorators/custom-element.js";import{property as Xe}from"lit/decorators/property.js";import{__classPrivateFieldGet as y,__classPrivateFieldSet as io}from"tslib";var no,Ra,en,ce,Sa,Ma,Ye,La,za,Wa,rn,Fa,Ta,Ea,Cs,Bs,wf,kf,an=class{get root(){return y(this,La,"f")}set root(t){io(this,La,t,"f"),y(this,ce,"f")?.disconnect(),y(this,no,"m",Ea).call(this)}get rootMargin(){return y(this,za,"f")}set rootMargin(t){io(this,za,t,"f"),y(this,ce,"f")?.disconnect(),y(this,no,"m",Ea).call(this)}get threshold(){return y(this,Wa,"f")}set threshold(t){io(this,Wa,t,"f"),y(this,ce,"f")?.disconnect(),y(this,no,"m",Ea).call(this)}constructor(t,o){no.add(this),this.host=t,Ra.set(this,void 0),en.set(this,void 0),ce.set(this,void 0),Sa.set(this,new Set),Ma.set(this,!1),Ye.set(this,!1),La.set(this,void 0),za.set(this,void 0),Wa.set(this,void 0),rn.set(this,void 0),Fa.set(this,void 0),t.addController(this),io(this,Ra,o.tagNames,"f"),io(this,La,o.root,"f"),io(this,za,o.rootMargin,"f"),io(this,en,o.activeAttribute??"active","f"),io(this,Wa,o.threshold??.85,"f"),io(this,rn,()=>o.rootNode??t.getRootNode(),"f"),io(this,Fa,o?.getHash??(e=>e.getAttribute("href")),"f")}hostConnected(){y(this,no,"m",Ea).call(this)}async setActive(t){io(this,Ma,!0,"f"),y(this,no,"m",Bs).call(this,t);let o=!1;for(let e of y(this,no,"a",Ta))y(this,no,"m",Cs).call(this,e,!o),e===t&&(o=!0);await y(this,no,"m",wf).call(this),io(this,Ma,!1,"f")}};Ra=new WeakMap,en=new WeakMap,ce=new WeakMap,Sa=new WeakMap,Ma=new WeakMap,Ye=new WeakMap,La=new WeakMap,za=new WeakMap,Wa=new WeakMap,rn=new WeakMap,Fa=new WeakMap,no=new WeakSet,Ta=function(){return Array.from(this.host.querySelectorAll(y(this,Ra,"f").join(","))).filter(y(this,Fa,"f"))},Ea=function(){let t=y(this,rn,"f").call(this);if(t instanceof Document||t instanceof ShadowRoot){let{rootMargin:o,threshold:e,root:a}=this;io(this,ce,new IntersectionObserver(c=>y(this,no,"m",kf).call(this,c),{root:a,rootMargin:o,threshold:e}),"f"),y(this,no,"a",Ta).map(c=>y(this,Fa,"f").call(this,c)).filter(c=>!!c).map(c=>t.getElementById(c.replace("#",""))).filter(c=>!!c).forEach(c=>y(this,ce,"f")?.observe(c))}},Cs=function(t,o){o?y(this,Sa,"f").add(t):y(this,Sa,"f").delete(t)},Bs=function(t){for(let o of y(this,no,"a",Ta))o.toggleAttribute(y(this,en,"f"),o===t)},wf=async function(){for(io(this,Ye,!1,"f"),setTimeout(()=>io(this,Ye,!1,"f"),3e3);!y(this,Ye,"f");)await new Promise(requestAnimationFrame)},kf=async function(t){if(!y(this,Ma,"f")){for(let{target:a,boundingClientRect:c,intersectionRect:p}of t){let f=`:is(${y(this,Ra,"f").join(",")})[href="#${a.id}"]`,b=this.host.querySelector(f);b&&y(this,no,"m",Cs).call(this,b,c.top<p.top)}let e=[...y(this,Sa,"f")].at(-1);y(this,no,"m",Bs).call(this,e??y(this,no,"a",Ta).at(0))}io(this,Ye,!0,"f")};import{html as Ou,LitElement as Lf}from"lit";import{customElement as Du}from"lit/decorators/custom-element.js";import{property as zf}from"lit/decorators/property.js";import{ifDefined as Uu}from"lit/directives/if-defined.js";import{css as $u}from"lit";var Au=$u`:host {
   display: block;
 }
 
@@ -5121,12 +5236,14 @@ a:focus {
   --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color,
     pfvar(--pf-global--Color--100, #151515));
 }
-`,Dp=Gb;var ti,ei,jp,ri,qp,Fo=class extends Np{constructor(){super(...arguments);n(this,ei);n(this,ri);this.active=!1;n(this,ti,f.of(this,{role:"listitem"}))}connectedCallback(){super.connectedCallback(),this.activeChanged()}render(){return Kb`
-      <a href="${Qb(this.href)}" @focus="${s(this,ri,qp)}" @click="${s(this,ei,jp)}">
+`,Sf=Au;var ln,nn,Wf,cn,Tf,Io=class extends Lf{constructor(){super(...arguments);n(this,nn);n(this,cn);this.active=!1;n(this,ln,m.of(this,{role:"listitem"}))}render(){return Ou`
+      <a href="${Uu(this.href)}"
+         @focus="${s(this,cn,Tf)}"
+         @click="${s(this,nn,Wf)}">
         <slot></slot>
       </a>
       <slot name="subsection"></slot>
-    `}activeChanged(){l(this,ti).ariaCurrent=this.active?"location":null}};ti=new WeakMap,ei=new WeakSet,jp=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},ri=new WeakSet,qp=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},Fo.styles=[Dp],Fo.shadowRootOptions={...Np.shadowRootOptions,delegatesFocus:!0},r([ho("activeChanged"),Up({type:Boolean,reflect:!0})],Fo.prototype,"active",2),r([Up({reflect:!0})],Fo.prototype,"href",2),Fo=r([Zb("pf-jump-links-item")],Fo);uo();import{css as Jb}from"lit";var oh=Jb`[hidden] {
+    `}activeChanged(){i(this,ln).ariaCurrent=this.active?"location":null}};ln=new WeakMap,nn=new WeakSet,Wf=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},cn=new WeakSet,Tf=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},Io.styles=[Sf],Io.shadowRootOptions={...Lf.shadowRootOptions,delegatesFocus:!0},r([zf({type:Boolean,reflect:!0})],Io.prototype,"active",2),r([zf({reflect:!0})],Io.prototype,"href",2),r([L("active")],Io.prototype,"activeChanged",1),Io=r([Du("pf-jump-links-item")],Io);ko();import{css as Nu}from"lit";var ju=Nu`[hidden] {
   display: none !important;
 }
 
@@ -5254,9 +5371,9 @@ summary span {
     var(--pf-global--Color--100, #151515));
   --pf-c-jump-links__toggle-icon--Rotate: 90deg;
 }
-`,Vp=oh;var ca,Se,sa,ai,Yp,li,Xp,pa,Jn,ii,Gp,So=class extends th{constructor(){super(...arguments);n(this,ai);n(this,li);n(this,pa);n(this,ii);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;n(this,ca,this.querySelectorAll(":is(pf-jump-links-item, pf-jump-links-list)"));n(this,Se,void 0);n(this,sa,new oi(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all(Array.from(l(this,ca),a=>a.updateComplete));return o&&e.every(a=>!!a)}connectedCallback(){super.connectedCallback(),this.addEventListener("slotchange",s(this,ai,Yp)),this.addEventListener("select",s(this,li,Xp))}firstUpdated(){b(this,Se,new N(this,{getItems:()=>Array.from(l(this,ca)).flatMap(a=>[...a.shadowRoot?.querySelectorAll("a")??[],...a.querySelectorAll("a")??[]])}));let o=this.querySelector("pf-jump-links-item[active]");o&&s(this,pa,Jn).call(this,o)}updated(o){o.has("offset")&&(l(this,sa).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return Qn`
-      <nav id="container">${this.expandable?Qn`
-        <details ?open="${this.expanded}" @toggle="${s(this,ii,Gp)}">
+`,Ef=ju;var Pa,Ia,ks,Ke,Ha,sn,Rf,pn,Mf,$a,ws,dn,Ff,Ho=class extends qu{constructor(){super(...arguments);n(this,Ia);n(this,sn);n(this,pn);n(this,$a);n(this,dn);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;n(this,Pa,this.querySelectorAll?.(":is(pf-jump-links-item, pf-jump-links-list)"));n(this,Ke,co.of(this,{getItems:()=>i(this,Ia,ks)}));n(this,Ha,new an(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all(Array.from(i(this,Pa),a=>a.updateComplete));return o&&e.every(a=>!!a)}connectedCallback(){super.connectedCallback(),this.addEventListener("slotchange",s(this,sn,Rf)),this.addEventListener("select",s(this,pn,Mf))}firstUpdated(){let o=this.querySelector?.("pf-jump-links-item[active]");o&&s(this,$a,ws).call(this,o)}updated(o){o.has("offset")&&(i(this,Ha).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return ys`
+      <nav id="container">${this.expandable?ys`
+        <details ?open="${this.expanded}" @toggle="${s(this,dn,Ff)}">
           <summary>
             <pf-icon icon="chevron-right"></pf-icon>
             <span id="label">${this.label}</span>
@@ -5264,13 +5381,13 @@ summary span {
           <div role="listbox" aria-labelledby="label">
             <slot></slot>
           </div>
-        </details>`:Qn`
+        </details>`:ys`
         <span id="label">${this.label}</span>
         <div role="listbox" aria-labelledby="label">
           <slot></slot>
         </div>`}
       </nav>
-    `}};ca=new WeakMap,Se=new WeakMap,sa=new WeakMap,ai=new WeakSet,Yp=function(){l(this,Se)?.updateItems()},li=new WeakSet,Xp=function(o){o.target instanceof Fo&&s(this,pa,Jn).call(this,o.target)},pa=new WeakSet,Jn=function(o){l(this,Se)?.setActiveItem(o.shadowRoot?.querySelector("a")??void 0),l(this,sa).setActive(o)},ii=new WeakSet,Gp=function(o){o.target instanceof HTMLDetailsElement&&(this.expanded=o.target.open),this.dispatchEvent(new Event("toggle"))},So.styles=[Vp],r([we({reflect:!0,type:Boolean})],So.prototype,"expandable",2),r([we({reflect:!0,type:Boolean})],So.prototype,"expanded",2),r([we({reflect:!0,type:Boolean})],So.prototype,"vertical",2),r([we({reflect:!0,type:Boolean})],So.prototype,"centered",2),r([we({type:Number})],So.prototype,"offset",2),r([we()],So.prototype,"label",2),So=r([eh("pf-jump-links")],So);import{html as lh,LitElement as ih}from"lit";import{customElement as nh}from"lit/decorators/custom-element.js";import{css as rh}from"lit";var ah=rh`:host {
+    `}};Pa=new WeakMap,Ia=new WeakSet,ks=function(){return Array.from(i(this,Pa)??[]).flatMap(o=>[...o.shadowRoot?.querySelectorAll?.("a")??[],...o.querySelectorAll?.("a")??[]])},Ke=new WeakMap,Ha=new WeakMap,sn=new WeakSet,Rf=function(){i(this,Ke).items=i(this,Ia,ks)},pn=new WeakSet,Mf=function(o){o.target instanceof Io&&s(this,$a,ws).call(this,o.target)},$a=new WeakSet,ws=function(o){let e=o.shadowRoot?.querySelector?.("a")??null;e&&(i(this,Ke).atFocusedItemIndex=i(this,Ke).items.indexOf(e),i(this,Ha).setActive(o))},dn=new WeakSet,Ff=function(o){o.target instanceof HTMLDetailsElement&&(this.expanded=o.target.open),this.dispatchEvent(new Event("toggle"))},Ho.styles=[Ef],r([Xe({reflect:!0,type:Boolean})],Ho.prototype,"expandable",2),r([Xe({reflect:!0,type:Boolean})],Ho.prototype,"expanded",2),r([Xe({reflect:!0,type:Boolean})],Ho.prototype,"vertical",2),r([Xe({reflect:!0,type:Boolean})],Ho.prototype,"centered",2),r([Xe({type:Number})],Ho.prototype,"offset",2),r([Xe()],Ho.prototype,"label",2),Ho=r([Vu("pf-jump-links")],Ho);import{html as Ku,LitElement as Gu}from"lit";import{customElement as Zu}from"lit/decorators/custom-element.js";import{css as Yu}from"lit";var Xu=Yu`:host {
   display: block;
 }
 
@@ -5285,7 +5402,7 @@ summary span {
   --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft,
     var(--pf-global--spacer--lg, 1.5rem));
 }
-`,Kp=ah;var da=class extends ih{render(){return lh`<div id="container" role="listbox"><slot></slot></div>`}};da.styles=[Kp],da=r([nh("pf-jump-links-list")],da);uo();import{LitElement as cd,html as Lh}from"lit";import{styleMap as Wh}from"lit/directives/style-map.js";import{classMap as zh}from"lit/directives/class-map.js";import{customElement as Mh}from"lit/decorators/custom-element.js";import{property as sd}from"lit/decorators/property.js";import{queryAssignedElements as pd}from"lit/decorators/query-assigned-elements.js";qe();co();var Le=ol(Symbol("pf-dropdown-menu-context"));import{LitElement as Qp,html as oc}from"lit";import{customElement as ph}from"lit/decorators/custom-element.js";import{property as We}from"lit/decorators/property.js";import{classMap as dh}from"lit/directives/class-map.js";import{query as fh}from"lit/decorators/query.js";import{css as ch}from"lit";var sh=ch`:host {
+`,Pf=Xu;var Aa=class extends Gu{render(){return Ku`<div id="container" role="listbox"><slot></slot></div>`}};Aa.styles=[Pf],Aa=r([Zu("pf-jump-links-list")],Aa);ko();import{LitElement as Vf,html as uv}from"lit";import{styleMap as vv}from"lit/directives/style-map.js";import{classMap as _v}from"lit/directives/class-map.js";import{customElement as xv}from"lit/decorators/custom-element.js";import{property as Yf}from"lit/decorators/property.js";import{queryAssignedElements as Xf}from"lit/decorators/query-assigned-elements.js";ur();mo();var Ge=Nl(Symbol("pf-dropdown-menu-context"));import{LitElement as Hf,html as Ss}from"lit";import{customElement as ov}from"lit/decorators/custom-element.js";import{property as Ze}from"lit/decorators/property.js";import{classMap as tv}from"lit/directives/class-map.js";import{query as ev}from"lit/decorators/query.js";import{css as Qu}from"lit";var Ju=Qu`:host {
   display: block;
   width: 100%;
   text-align: left;
@@ -5323,6 +5440,10 @@ summary span {
   display: none !important;
 }
 
+:is(:host([disabled]),.disabled),:is(:host([disabled]),.disabled) a {
+    cursor: not-allowed;
+  }
+
 :host([disabled]),
 .disabled {
   --pf-c-dropdown__menu-item--Color: var(
@@ -5335,10 +5456,6 @@ summary span {
   );
 }
 
-:is(:host([disabled]),.disabled), :is(:host([disabled]),.disabled) a {
-    cursor: not-allowed;
-  }
-
 :host(:hover) {
   --pf-c-dropdown__menu-item--Color: var(
     --pf-c-dropdown__menu-item--hover--Color,
@@ -5429,19 +5546,19 @@ slot:not([name]){
 slot[name="icon"]::slotted(*) {
   margin-inline-end: 0.5em;
 }
-`,Zp=sh;var fa=class extends Event{constructor(){super("change",{bubbles:!0,cancelable:!0})}},P=class extends Qp{constructor(){super(...arguments);this.active=!1;this.disabled=!1}updated(o){o.has("href")&&this.dispatchEvent(new fa)}render(){let{disabled:o}=this.ctx??{disabled:!1},e=!!this.disabled||!!this.ctx?.disabled;return oc`
-      <div id="menuitem" role="none" class="${dh({disabled:o})}">${this.href?oc`
+`,If=Ju;var Oa=class extends Event{constructor(){super("change",{bubbles:!0,cancelable:!0})}},j=class extends Hf{constructor(){super(...arguments);this.active=!1;this.disabled=!1}updated(o){o.has("href")&&this.dispatchEvent(new Oa)}render(){let{disabled:o}=this.ctx??{disabled:!1},e=!!this.disabled||!!this.ctx?.disabled;return Ss`
+      <div id="menuitem" role="none" class="${tv({disabled:o})}">${this.href?Ss`
         <a id="item" role="menuitem" href="${this.href}" aria-disabled="${e}">
           <slot name="icon"></slot>
           <slot></slot>
         </a>
-        `:oc`
+        `:Ss`
         <div id="item" role="menuitem" aria-disabled="${e}">
           <slot name="icon"></slot>
           <slot></slot>
         </div>`}
         <slot id="description" name="description">${this.description??""}</slot>
-      </div>`}};P.styles=[Zp],P.shadowRootOptions={...Qp.shadowRootOptions,delegatesFocus:!0},r([We({reflect:!0})],P.prototype,"value",2),r([We({attribute:"href"})],P.prototype,"href",2),r([We({type:Boolean,reflect:!0})],P.prototype,"active",2),r([We({type:Boolean,reflect:!0})],P.prototype,"disabled",2),r([We()],P.prototype,"description",2),r([qo({context:Le,subscribe:!0}),We({attribute:!1})],P.prototype,"ctx",2),r([fh("#item")],P.prototype,"menuItem",2),P=r([ph("pf-dropdown-item")],P);import{LitElement as ed,html as xh}from"lit";import{customElement as Ch}from"lit/decorators/custom-element.js";import{state as Bh}from"lit/decorators/state.js";import{LitElement as od,html as bh}from"lit";import{customElement as hh}from"lit/decorators/custom-element.js";import{property as uh}from"lit/decorators/property.js";import{css as mh}from"lit";var gh=mh`:host {
+      </div>`}};j.styles=[If],j.shadowRootOptions={...Hf.shadowRootOptions,delegatesFocus:!0},r([Ze({reflect:!0})],j.prototype,"value",2),r([Ze({attribute:"href"})],j.prototype,"href",2),r([Ze({type:Boolean,reflect:!0})],j.prototype,"active",2),r([Ze({type:Boolean,reflect:!0})],j.prototype,"disabled",2),r([Ze()],j.prototype,"description",2),r([pt({context:Ge,subscribe:!0}),Ze({attribute:!1})],j.prototype,"ctx",2),r([ev("#item")],j.prototype,"menuItem",2),j=r([ov("pf-dropdown-item")],j);import{LitElement as Df,html as pv}from"lit";import{customElement as dv}from"lit/decorators/custom-element.js";import{state as fv}from"lit/decorators/state.js";import{LitElement as Af,html as lv}from"lit";import{customElement as iv}from"lit/decorators/custom-element.js";import{property as nv}from"lit/decorators/property.js";import{css as rv}from"lit";var av=rv`:host {
   display: block;
 }
 
@@ -5479,10 +5596,10 @@ p {
   display: block;
   pointer-events: none;
 }
-`,Jp=gh;var lt=class extends od{render(){return bh`
+`,$f=av;var wt=class extends Af{render(){return lv`
       <p ?hidden="${!this.label}" role="presentation">${this.label}</p>
       <slot></slot>
-    `}};lt.styles=[Jp],lt.shadowRootOptions={...od.shadowRootOptions,delegatesFocus:!0},r([uh({reflect:!0})],lt.prototype,"label",2),lt=r([hh("pf-dropdown-group")],lt);import{css as vh}from"lit";var _h=vh`:host {
+    `}};wt.styles=[$f],wt.shadowRootOptions={...Af.shadowRootOptions,delegatesFocus:!0},r([nv({reflect:!0})],wt.prototype,"label",2),wt=r([iv("pf-dropdown-group")],wt);import{css as cv}from"lit";var sv=cv`:host {
   background: var(--pf-c-dropdown__menu--BackgroundColor, #fff);
 }
 
@@ -5519,11 +5636,11 @@ p {
   pointer-events: none;
 }
 
-`,td=_h;import{classMap as yh}from"lit/directives/class-map.js";function kh(i){return!!i.composedPath().find(o=>o instanceof P)?.disabled}var ni,ao,ci,rd,si,ad,pi,ld,di,id,ma,tc,Lo=class extends ed{constructor(){super(...arguments);n(this,ci);n(this,si);n(this,pi);n(this,di);n(this,ma);n(this,ni,f.of(this,{role:"menu"}));n(this,ao,new N(this,{getItems:()=>this.items.map(o=>o.menuItem)}))}get activeItem(){return l(this,ao).activeItem??l(this,ao).firstItem}get activeIndex(){return l(this,ao).activeItem?l(this,ao).items.indexOf(l(this,ao).activeItem):-1}get items(){return s(this,ma,tc).call(this,this.shadowRoot?.querySelector("slot"))}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",s(this,pi,ld)),this.addEventListener("click",s(this,di,id))}willUpdate(){l(this,ni).ariaDisabled=String(!!this.ctx?.disabled)}render(){let{disabled:o=!1}=this.ctx??{};return xh`
-      <slot class="${yh({disabled:o})}"
-            @slotchange="${s(this,si,ad)}"
-            @change="${s(this,ci,rd)}"></slot>
-    `}};ni=new WeakMap,ao=new WeakMap,ci=new WeakSet,rd=function(o){o instanceof fa&&l(this,ao).updateItems()},si=new WeakSet,ad=function(){l(this,ao).updateItems()},pi=new WeakSet,ld=function(o){this.ctx?.disabled?(o.preventDefault(),o.stopPropagation()):o.target instanceof P&&o.target.menuItem!==l(this,ao).activeItem&&l(this,ao).setActiveItem(o.target.menuItem)},di=new WeakSet,id=function(o){this.ctx?.disabled||kh(o)?(o.preventDefault(),o.stopPropagation()):o.target instanceof P&&o.target.menuItem!==l(this,ao).activeItem&&l(this,ao).setActiveItem(o.target.menuItem)},ma=new WeakSet,tc=function(o){return o?.assignedElements().flatMap(e=>e instanceof HTMLSlotElement?s(this,ma,tc).call(this,e):e instanceof P?[e]:e instanceof lt?Array.from(e.querySelectorAll("pf-dropdown-item")):[])??[]},Lo.styles=[td],Lo.shadowRootOptions={...ed.shadowRootOptions,delegatesFocus:!0},r([qo({context:Le,subscribe:!0}),Bh()],Lo.prototype,"ctx",2),Lo=r([Ch("pf-dropdown-menu")],Lo);import{css as wh}from"lit";var Sh=wh`:host {
+`,Of=sv;import{classMap as mv}from"lit/directives/class-map.js";function gv(l){return!!l.composedPath().find(o=>o instanceof j)?.disabled}var fn,Da,Ls,$o,mn,Uf,Ua,zs,gn,Nf,bn,jf,Na,Ws,ja,Ts,Ao=class extends Df{constructor(){super(...arguments);n(this,Da);n(this,mn);n(this,Ua);n(this,gn);n(this,bn);n(this,Na);n(this,ja);n(this,fn,m.of(this,{role:"menu"}));n(this,$o,co.of(this,{getItems:()=>i(this,Da,Ls)}))}get activeItem(){return i(this,$o).items.at(i(this,$o).atFocusedItemIndex)??i(this,$o).atFocusableItems.at(0)??null}get activeIndex(){return i(this,$o).atFocusedItemIndex}get items(){return s(this,ja,Ts).call(this,this.shadowRoot?.querySelector("slot"))}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",s(this,gn,Nf)),this.addEventListener("click",s(this,bn,jf))}willUpdate(){i(this,fn).ariaDisabled=String(!!this.ctx?.disabled)}render(){let{disabled:o=!1}=this.ctx??{};return pv`
+      <slot class="${mv({disabled:o})}"
+            @slotchange="${s(this,Ua,zs)}"
+            @change="${s(this,mn,Uf)}"></slot>
+    `}};fn=new WeakMap,Da=new WeakSet,Ls=function(){return this.items.map(o=>o.menuItem)},$o=new WeakMap,mn=new WeakSet,Uf=function(o){o instanceof Oa&&s(this,Ua,zs).call(this)},Ua=new WeakSet,zs=function(){i(this,$o).items=i(this,Da,Ls)},gn=new WeakSet,Nf=function(o){this.ctx?.disabled?(o.preventDefault(),o.stopPropagation()):o.target instanceof j&&s(this,Na,Ws).call(this,o.target.menuItem)},bn=new WeakSet,jf=function(o){this.ctx?.disabled||gv(o)?(o.preventDefault(),o.stopPropagation()):o.target instanceof j&&s(this,Na,Ws).call(this,o.target.menuItem)},Na=new WeakSet,Ws=function(o){let e=i(this,$o).items.indexOf(o);e!==i(this,$o).atFocusedItemIndex&&(i(this,$o).atFocusedItemIndex=e)},ja=new WeakSet,Ts=function(o){return o?.assignedElements().flatMap(e=>e instanceof HTMLSlotElement?s(this,ja,Ts).call(this,e):e instanceof j?[e]:e instanceof wt?Array.from(e.querySelectorAll("pf-dropdown-item")):[])??[]},Ao.styles=[Of],Ao.shadowRootOptions={...Df.shadowRootOptions,delegatesFocus:!0},r([pt({context:Ge,subscribe:!0}),fv()],Ao.prototype,"ctx",2),Ao=r([dv("pf-dropdown-menu")],Ao);import{css as bv}from"lit";var hv=bv`:host {
   display: inline-block;
   position: relative;
   --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem);
@@ -5784,14 +5901,12 @@ pf-button svg {
   display: block;
 }
 
-.disabled pf-dropdown-menu,
-  .disabled ::slotted(pf-dropdown-menu) {
+.disabled pf-dropdown-menu,.disabled ::slotted(pf-dropdown-menu) {
     background-color: var(--pf-theme--color--surface--lighter, #f0f0f0) !important;
     cursor: not-allowed !important;
   }
 
-.disabled pf-button#default-toggle,
-  .disabled ::slotted([slot="toggle"]) {
+.disabled pf-button#default-toggle,.disabled ::slotted([slot="toggle"]) {
     --pf-c-button--Color: var(--pf-c-button--disabled--Color);
     --pf-c-button--BackgroundColor: var(--pf-c-button--disabled--BackgroundColor);
     --pf-c-button--after--BorderColor: var(--pf-c-button--disabled--after--BorderColor);
@@ -5848,8 +5963,7 @@ pf-button svg {
     --pf-c-button--m-plain--focus--BackgroundColor: var(--pf-c-button--disabled--BackgroundColor);
   }
 
-.disabled pf-button:focus,
-  .disabled ::slotted([slot="toggle"]:focus) {
+.disabled pf-button:focus,.disabled ::slotted([slot="toggle"]:focus) {
     outline: 3px solid var(--pf-global--link--Color, #0066cc);
   }
 
@@ -5861,12 +5975,12 @@ pf-button#default-toggle,
   --_button-icon-padding-inline-end: var(-pf-c-dropdown__toggle--PaddingRight,
     var(--pf-global--spacer--sm, 0.5rem));
 }
-`,nd=Sh;var ec=class extends Event{constructor(o,e){super("select",{bubbles:!0,cancelable:!0});this.originalEvent=o;this.value=e}},ze,Me,ga,rc,ba,ac,fi,dd,mi,fd,ha,lc,gi,md,bi,gd,hi,bd,Wo=class extends cd{constructor(){super(...arguments);n(this,ga);n(this,ba);n(this,fi);n(this,mi);n(this,ha);n(this,gi);n(this,bi);n(this,hi);this.disabled=!1;this.expanded=!1;this.ctx={disabled:!1};n(this,ze,new y(this));n(this,Me,new To(this,{content:()=>this._menuElements?.at(0)}))}async getUpdateComplete(){return(await Promise.all([super.getUpdateComplete(),this._menuElements?.map(e=>e.updateComplete)])).every(e=>!!e)}willUpdate(o){if(o.has("disabled")){let{disabled:e}=this;this.ctx={disabled:e}}}render(){let{expanded:o}=this,{anchor:e,alignment:a,styles:c={}}=l(this,Me),{disabled:p}=this;return Lh`
-    <div class="${zh({disabled:p,expanded:o,[e??""]:!!e,[a??""]:!!a})}"
-         style="${Wh(c)}"
-         @slotchange="${s(this,ba,ac)}">
+`,qf=hv;var Es=class extends Event{constructor(o,e){super("select",{bubbles:!0,cancelable:!0});this.originalEvent=o;this.value=e}},Qe,Je,qa,Rs,Va,Ms,hn,Kf,un,Gf,Ya,Fs,vn,Zf,_n,Qf,xn,Jf,Oo=class extends Vf{constructor(){super(...arguments);n(this,qa);n(this,Va);n(this,hn);n(this,un);n(this,Ya);n(this,vn);n(this,_n);n(this,xn);this.disabled=!1;this.expanded=!1;this.ctx={disabled:!1};n(this,Qe,new k(this));n(this,Je,new Yo(this,{content:()=>this._menuElements?.at(0)}))}async getUpdateComplete(){return(await Promise.all([super.getUpdateComplete(),this._menuElements?.map(e=>e.updateComplete)])).every(e=>!!e)}willUpdate(o){if(o.has("disabled")){let{disabled:e}=this;this.ctx={disabled:e}}}render(){let{expanded:o}=this,{anchor:e,alignment:a,styles:c={}}=i(this,Je),{disabled:p}=this;return uv`
+    <div class="${_v({disabled:p,expanded:o,[e??""]:!!e,[a??""]:!!a})}"
+         style="${vv(c)}"
+         @slotchange="${s(this,Va,Ms)}">
       <slot name="toggle"
-            @keydown="${s(this,gi,md)}"
+            @keydown="${s(this,vn,Zf)}"
             @click="${()=>this.toggle()}">
         <pf-button id="default-toggle" variant="control">
           Dropdown
@@ -5875,27 +5989,26 @@ pf-button#default-toggle,
       </slot>
       <slot name="menu"
             ?hidden="${!this.expanded}"
-            @focusout="${s(this,bi,gd)}"
-            @keydown="${s(this,hi,bd)}"
-            @click="${s(this,ha,lc)}">
+            @focusout="${s(this,_n,Qf)}"
+            @keydown="${s(this,xn,Jf)}"
+            @click="${s(this,Ya,Fs)}">
         <pf-dropdown-menu id="menu" part="menu" ?disabled="${p}">
           <slot></slot>
         </pf-dropdown-menu>
       </slot>
-    </div>`}firstUpdated(){s(this,ba,ac).call(this)}updated(o){o.has("expanded")&&s(this,fi,dd).call(this),o.has("disabled")&&s(this,mi,fd).call(this)}async show(){this.expanded=!0,await this.updateComplete}async hide(){this.expanded=!1,await this.updateComplete}async toggle(){this.expanded=!this.expanded,await this.updateComplete}};ze=new WeakMap,Me=new WeakMap,ga=new WeakSet,rc=function(){let[o]=this._toggleElements,[e]=this._menuElements;return o?e?[o,e].map(a=>this.shadowRoot?.contains(a)).every((a,c,p)=>a===p[0])?!0:(l(this,ze).warn("toggle and menu must be located in the same root"),!1):(l(this,ze).warn("no menu found"),!1):(l(this,ze).warn("no toggle found"),!1)},ba=new WeakSet,ac=function(){if(s(this,ga,rc).call(this)){let[o]=this._menuElements,[e]=this._toggleElements;o.id||=Y("menu"),e.setAttribute("aria-controls",o.id),e.setAttribute("aria-haspopup",o.id),e.setAttribute("aria-expanded",String(this.expanded))}},fi=new WeakSet,dd=async function(){let o=this.expanded?"close":"open",[e]=this._menuElements,[a]=this._toggleElements;a.setAttribute("aria-expanded",`${String(this.expanded)}`),this.dispatchEvent(new Event(o)),this.expanded?(await l(this,Me).show(),e instanceof Lo&&e.activeItem?.focus()):await l(this,Me).hide()},mi=new WeakSet,fd=function(){if(s(this,ga,rc).call(this)){let[o]=this._toggleElements;o.setAttribute("aria-disabled",String(!!this.disabled))}},ha=new WeakSet,lc=function(o){let[e]=this._menuElements;if(e instanceof Lo){let a=o.target||e.activeItem;this.dispatchEvent(new ec(o,`${a?.value}`)),this.hide()}},gi=new WeakSet,md=function(o){switch(o.key){case"ArrowDown":this.show()}},bi=new WeakSet,gd=function(o){if(this.expanded){let e=this.getRootNode(),[a]=this._menuElements;(e instanceof ShadowRoot||e instanceof Document&&o.relatedTarget instanceof P&&a instanceof Lo&&!a.items.includes(o.relatedTarget))&&this.hide()}},hi=new WeakSet,bd=function(o){switch(o.key){case"Enter":case" ":o.preventDefault(),s(this,ha,lc).call(this,o);break;case"Escape":this.hide(),this._toggleElements?.at(0)?.focus()}},Wo.styles=[nd],Wo.shadowRootOptions={...cd.shadowRootOptions,delegatesFocus:!0},r([sd({type:Boolean,reflect:!0})],Wo.prototype,"disabled",2),r([sd({type:Boolean,reflect:!0})],Wo.prototype,"expanded",2),r([pd({slot:"toggle",flatten:!0})],Wo.prototype,"_toggleElements",2),r([pd({slot:"menu",flatten:!0})],Wo.prototype,"_menuElements",2),r([ir({context:Le})],Wo.prototype,"ctx",2),Wo=r([Mh("pf-dropdown")],Wo);import{html as Hh}from"lit";import{customElement as $h}from"lit/decorators/custom-element.js";import{property as Ih}from"lit/decorators/property.js";import{classMap as Ah}from"lit/directives/class-map.js";import{LitElement as Rh}from"lit";import{css as Eh}from"lit";var Th=Eh`:host {
+    </div>`}firstUpdated(){s(this,Va,Ms).call(this)}updated(o){o.has("expanded")&&s(this,hn,Kf).call(this),o.has("disabled")&&s(this,un,Gf).call(this)}async show(){this.expanded=!0,await this.updateComplete}async hide(){this.expanded=!1,await this.updateComplete}async toggle(){this.expanded=!this.expanded,await this.updateComplete}};Qe=new WeakMap,Je=new WeakMap,qa=new WeakSet,Rs=function(){let[o]=this._toggleElements,[e]=this._menuElements;return o?e?[o,e].map(a=>this.shadowRoot?.contains(a)).every((a,c,p)=>a===p[0])?!0:(i(this,Qe).warn("toggle and menu must be located in the same root"),!1):(i(this,Qe).warn("no menu found"),!1):(i(this,Qe).warn("no toggle found"),!1)},Va=new WeakSet,Ms=function(){if(s(this,qa,Rs).call(this)){let[o]=this._menuElements,[e]=this._toggleElements;o.id||=N("menu"),e.setAttribute("aria-controls",o.id),e.setAttribute("aria-haspopup",o.id),e.setAttribute("aria-expanded",String(this.expanded))}},hn=new WeakSet,Kf=async function(){let o=this.expanded?"close":"open",[e]=this._menuElements,[a]=this._toggleElements;a.setAttribute("aria-expanded",`${String(this.expanded)}`),this.dispatchEvent(new Event(o)),this.expanded?(await i(this,Je).show(),e instanceof Ao&&e.activeItem?.focus()):await i(this,Je).hide()},un=new WeakSet,Gf=function(){if(s(this,qa,Rs).call(this)){let[o]=this._toggleElements;o.setAttribute("aria-disabled",String(!!this.disabled))}},Ya=new WeakSet,Fs=function(o){let[e]=this._menuElements;if(e instanceof Ao){let a=o.target||e.activeItem;this.dispatchEvent(new Es(o,`${a?.value}`)),this.hide()}},vn=new WeakSet,Zf=function(o){switch(o.key){case"ArrowDown":this.show()}},_n=new WeakSet,Qf=function(o){if(this.expanded){let e=this.getRootNode(),[a]=this._menuElements;(e instanceof ShadowRoot||e instanceof Document&&o.relatedTarget instanceof j&&a instanceof Ao&&!a.items.includes(o.relatedTarget))&&this.hide()}},xn=new WeakSet,Jf=function(o){switch(o.key){case"Enter":case" ":o.preventDefault(),s(this,Ya,Fs).call(this,o);break;case"Escape":this.hide(),this._toggleElements?.at(0)?.focus()}},Oo.styles=[qf],Oo.shadowRootOptions={...Vf.shadowRootOptions,delegatesFocus:!0},r([Yf({type:Boolean,reflect:!0})],Oo.prototype,"disabled",2),r([Yf({type:Boolean,reflect:!0})],Oo.prototype,"expanded",2),r([Xf({slot:"toggle",flatten:!0})],Oo.prototype,"_toggleElements",2),r([Xf({slot:"menu",flatten:!0})],Oo.prototype,"_menuElements",2),r([Rr({context:Ge})],Oo.prototype,"ctx",2),Oo=r([xv("pf-dropdown")],Oo);import{LitElement as yv,html as kv}from"lit";import{customElement as wv}from"lit/decorators/custom-element.js";import{property as Sv}from"lit/decorators/property.js";import{classMap as Lv}from"lit/directives/class-map.js";import{css as Cv}from"lit";var Bv=Cv`:host {
   display: block;
-}
-
-[hidden] {
-  display: none !important;
-}
-`,hd=Th;var ua=class extends Rh{static{this.styles=[hd]}get content(){let t=this.querySelector("script[type]");return t?.type!=="text/javascript-sample"&&t?.type.match(/(j(ava)?|ecma|live)script/)?"":t?.textContent??""}dedent(t){let o=t.replace(/^\n/,""),e=o.match(/^\s+/);return e?o.replace(new RegExp(`^${e[0]}`,"gm"),""):t}};import{css as Fh}from"lit";var Ph=Fh`:host {
   background-color: var(--pf-c-code-block--BackgroundColor, #f0f0f0);
   font-size: var(--pf-c-code-block__pre--FontSize, 0.875rem);
   font-family: var(--pf-c-code-block__pre--FontFamily, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace);
 }
 
+[hidden] {
+  display: none !important;
+}
+
 #container {
+  margin: 0;
   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);
@@ -5906,10 +6019,6 @@ pf-button#default-toggle,
   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;
 }
@@ -5937,43 +6046,77 @@ button svg {
   color: #151515;
   margin-right: 12px;
   transition: .2s ease-in 0s;
+  vertical-align: -0.125em;
 }
 
 .expanded button svg {
   transform: rotate(-90deg);
 }
-`,ud=Ph;var ui,vd,va,ic,Ee=class extends ua{constructor(){super(...arguments);n(this,ui);n(this,va);this.expanded=!1}render(){let{expanded:o}=this;return Hh`
+`,om=Bv;function zv(l){let t=l.replace(/^\n/,""),o=t.match(/^\s+/);return o?t.replace(new RegExp(`^${o[0]}`,"gm"),""):l}var Xa,Ps,Cn,tm,Bn,em,or=class extends yv{constructor(){super(...arguments);n(this,Xa);n(this,Cn);n(this,Bn);this.expanded=!1}render(){let{expanded:o}=this;return kv`
       <div id="header">
         <div id="actions">
           <slot name="actions"></slot>
         </div>
       </div>
-      <div id="container" class="${Ah({expanded:o})}">
-        <pre><code id="content">${this.content}</code><code id="code-block-expand"
-          ?hidden="${!o}">${l(this,va,ic)}</code></pre>
-        <button ?hidden="${!l(this,va,ic)}"
-                @click=${s(this,ui,vd)}
+      <div id="container" class="${Lv({expanded:o})}">
+        <pre><code id="content">${i(this,Cn,tm)}</code><code id="code-block-expand"
+            ?hidden="${!o}">${i(this,Xa,Ps)}</code></pre>
+        <button ?hidden="${!i(this,Xa,Ps)}"
+                @click=${s(this,Bn,em)}
                 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>
+          <svg fill="currentColor"
+               height="1em"
+               width="1em"
+               viewBox="0 0 256 512"
+               aria-hidden="true"
+               role="img"><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"/></svg>
           ${this.expanded?"Show less":"Show more"}
         </button>
       </div>
-    `}};ui=new WeakSet,vd=function(){this.expanded=!this.expanded},va=new WeakSet,ic=function(){return this.querySelector("script[data-expand]")?.textContent??""},Ee.styles=[...ua.styles,ud],r([Ih({type:Boolean,reflect:!0})],Ee.prototype,"expanded",2),Ee=r([$h("pf-code-block")],Ee);import{html as qh}from"lit";import{customElement as Vh}from"lit/decorators/custom-element.js";import{property as lo}from"lit/decorators/property.js";import{classMap as Yh}from"lit/directives/class-map.js";import{ifDefined as Xh}from"lit/directives/if-defined.js";ft();import{LitElement as Nh}from"lit";import{css as Oh}from"lit";var Dh=Oh`[hidden],
+    `}};Xa=new WeakSet,Ps=function(){return this.querySelector?.("script[data-expand]")?.textContent??""},Cn=new WeakSet,tm=function(){let o=this.querySelector?.("script[type]");return o?.type!=="text/javascript-sample"&&o?.type.match(/(j(ava)?|ecma|live)script/)?"":zv(o?.textContent??"")},Bn=new WeakSet,em=function(){this.expanded=!this.expanded},or.styles=[om],r([Sv({type:Boolean,reflect:!0})],or.prototype,"expanded",2),or=r([wv("pf-code-block")],or);import{LitElement as lm,html as Mv}from"lit";import{customElement as Fv}from"lit/decorators/custom-element.js";import{property as go}from"lit/decorators/property.js";import{classMap as Pv}from"lit/directives/class-map.js";import{ifDefined as Iv}from"lit/directives/if-defined.js";import{css as Wv}from"lit";var Tv=Wv`:host {
+	--pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
+	--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
+	--pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md, 1rem);
+	--pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100, #fff);
+	--pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
+	--pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100, #d2d2d2);
+	--pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs, 0.25rem));
+	--pf-c-clipboard-copy--m-inline--PaddingTop: 0;
+	--pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
+	--pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200, #f0f0f0);
+	--pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace);
+	--pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm, 0.875rem);
+	--pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element, 0.375rem));
+	--pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element, 0.375rem));
+	--pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
+	--pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-icon--size: var(--pf-global--FontSize--md, 1rem);
+}
+
+[hidden],
 [inert],
 [inert]::slotted(*) {
   display: none !important;
 }
 
-`,_d=Dh;var nc=class extends F{constructor(o){super("copy");this.text=o}},Te=class extends Nh{static{this.styles=[_d]}async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new nc(this.value))}};import{css as Uh}from"lit";var jh=Uh`.container {
-  display: flex;
+#container {
   flex-direction: column;
 }
 
+#container,
 #input-group,
-#wrapper,
-pf-tooltip,
-pf-button {
+#wrapper {
   display: flex;
 }
 
@@ -5981,87 +6124,69 @@ pf-button {
   display: inline-flex;
 }
 
-pf-button {
-  height: 100%;
-}
-
-pf-tooltip::part(invoker) {
-  display: flex;
-  height: 100%;
-}
-
-:host {
-  --pf-icon--size: var(--pf-global--FontSize--md, 1rem);
-}
-
 #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)));
+  color: var(--pf-c-form-control--Color);
   width: var(--pf-c-form-control--Width);
   padding:
-    var(--pf-c-form-control--PaddingTop, calc(var(--pf-global--spacer--form-element, 0.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, 0.5rem)))
-    var(--pf-c-form-control--PaddingBottom, calc(var(--pf-global--spacer--form-element, 0.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, 0.5rem)));
+    var(--pf-c-form-control--PaddingTop)
+    var(--pf-c-form-control--PaddingRight)
+    var(--pf-c-form-control--PaddingBottom)
+    var(--pf-c-form-control--PaddingLeft);
   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: var(--pf-c-form-control--BorderWidth) 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);
+    var(--pf-c-form-control--BorderTopColor)
+    var(--pf-c-form-control--BorderRightColor)
+    var(--pf-c-form-control--BorderBottomColor)
+    var(--pf-c-form-control--BorderLeftColor);
+  border-radius: var(--pf-c-form-control--BorderRadius);
   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);
+  height: var(--pf-c-form-control--Height);
   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));
+  background-color: var(--pf-c-form-control--readonly--BackgroundColor);
 }
 
 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));
+    var(--pf-c-clipboard-copy__expandable-content--PaddingTop)
+    var(--pf-c-clipboard-copy__expandable-content--PaddingRight)
+    var(--pf-c-clipboard-copy__expandable-content--PaddingBottom)
+    var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
   word-wrap: break-word;
-  background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor, var(--pf-global--BackgroundColor--light-100, #fff));
+  background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
   background-clip: padding-box;
-  border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor,
-    var(--pf-global--BorderColor--100, #d2d2d2));
+  border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
   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));
+    var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth)
+    var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth)
+    var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth)
+    var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
   box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
   margin: 0;
   color: inherit;
   font-family: inherit;
 }
 
-.container.code textarea {
+#input-group {
+  display: flex;
+  height: 100%;
+}
+
+#container.code textarea {
   font-family: var(--pf-global--FontFamily--monospace,
     var(--pf-global--FontFamily--redhat--monospace,
       "RedHatMono",
@@ -6074,231 +6199,208 @@ textarea {
       monospace));
 }
 
-.container.expanded #expand-button pf-icon {
+#container.expanded #expand-button pf-icon {
   rotate: 90deg;
 }
 
-.container.inline {
+#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));
+  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
+  padding-block-start: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
+  padding-block-end: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
+  padding-inline-start: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
   word-break: break-word;
   white-space: normal;
 }
 
-#input-group {
-  display: flex;
-  height: 100%;
-}
-
-.container:is(.compact, .inline) #input-group {
+#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 {
+#container:is(.compact, .inline) #input-group {
   background-color: var(--pf-c-button--m-plain--BackgroundColor,
     var(--pf-global--BackgroundColor--200, #f0f0f0));
 }
 
-.container.compact.block {
+#container.compact.block {
   display: block;
-  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor,
-    var(--pf-global--BackgroundColor--200, #f0f0f0));
+  background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
 }
 
-.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));
+#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) !important;
+  --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight) !important;
+  --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom) !important;
+  --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft) !important;
   margin-block-start: calc(-1 * var(--pf-c-button--PaddingTop));
   margin-block-end: calc(-1 * var(--pf-c-button--PaddingBottom));
 }
 
-`,xd=jh;uo();$a();var Cd=i=>new Promise(t=>setTimeout(t,i)),Re,vi,_i,Bd,_a,cc,xa,sc,xi,yd,H=class extends Te{constructor(){super(...arguments);n(this,_i);n(this,_a);n(this,xa);n(this,xi);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="";n(this,Re,!1);n(this,vi,new MutationObserver(()=>s(this,xa,sc).call(this)))}connectedCallback(){super.connectedCallback(),l(this,vi).observe(this,{characterData:!0}),s(this,xa,sc).call(this)}render(){let{expanded:o,expandable:e,inline:a,compact:c,code:p,block:d,readonly:u}=this;return qh`
-      <div class="container ${Yh({code:p,expanded:o,inline:a,compact:c,block:d})}">
-        <div id="input-group">
-          <div id="wrapper">
-            <pf-button id="expand-button"
-                        plain
-                        variant="control"
-                        label="EXPAND"
-                        ?inert="${!e}"
-                        @click="${s(this,_i,Bd)}">
-              <pf-icon icon="chevron-right"></pf-icon>
-            </pf-button>
-          </div>
-          <span ?hidden="${!(a||c)}">${this.value}</span>
-          <input
-              ?hidden="${a||c}"
-              ?disabled="${o||u}"
-              .value="${this.value}"
-              @input="${s(this,_a,cc)}"
-              aria-label="${this.textAriaLabel}">
-          <pf-tooltip>
-            <pf-button id="copy-button"
-                        plain
-                        variant="${Xh(a||c?void 0:"control")}"
-                        label="${this.hoverTip}"
-                        size="lg"
-                        @click="${this.copy}">
-              <pf-icon icon="copy"></pf-icon>
-            </pf-button>
-            <span slot="content">${l(this,Re)?this.clickTip:this.hoverTip}</span>
-          </pf-tooltip>
-          <slot name="actions"></slot>
-        </div>
-        <textarea .value="${this.value}"
-                  .disabled="${this.readonly}"
-                  ?hidden="${!(e&&o)}"
-                  @input="${s(this,_a,cc)}">
-        </textarea>
-      </div>
-    `}async copy(){await super.copy(),await Cd(this.entryDelay),b(this,Re,!0),this.requestUpdate(),await Cd(this.exitDelay),b(this,Re,!1),this.requestUpdate()}};Re=new WeakMap,vi=new WeakMap,_i=new WeakSet,Bd=function(){this.expanded=!this.expanded},_a=new WeakSet,cc=function(o){let{value:e}=o.target||HTMLTextAreaElement;this.value=e},xa=new WeakSet,sc=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??s(this,xi,yd).call(this,Array.from(this.childNodes,o=>o instanceof Element||o instanceof Text?o.textContent??"":"").join("")))},xi=new WeakSet,yd=function(o){let e=o.replace(/^\n/,""),a=e.match(/^\s+/);return a?e.replace(new RegExp(`^${a[0]}`,"gm"),""):o},H.styles=[...Te.styles,xd],H.shadowRootOptions={...Te.shadowRootOptions,delegatesFocus:!0},r([lo({attribute:"click-tip"})],H.prototype,"clickTip",2),r([lo({attribute:"hover-tip"})],H.prototype,"hoverTip",2),r([lo({attribute:"text-label"})],H.prototype,"textAriaLabel",2),r([lo({attribute:"toggle-label"})],H.prototype,"toggleAriaLabel",2),r([lo({type:Number,attribute:"entry-delay"})],H.prototype,"entryDelay",2),r([lo({type:Number,attribute:"exit-delay"})],H.prototype,"exitDelay",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"block",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"code",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"expanded",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"expandable",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"readonly",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"inline",2),r([lo({type:Boolean,reflect:!0})],H.prototype,"compact",2),r([lo()],H.prototype,"value",2),H=r([Vh("pf-clipboard-copy")],H);import{LitElement as wd,html as Sd}from"lit";import{customElement as Jh}from"lit/decorators/custom-element.js";import{property as pc}from"lit/decorators/property.js";import{css as Gh}from"lit";var Kh=Gh`:host {
-  --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
-  --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
-  --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
-  --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
-  --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100, #fff);
-  --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm, 3px);
-  --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300, #f0f0f0);
-  --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm, 1px);
-  --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
-  --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100, #06c);
-  --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200, #f0f0f0);
-  --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm, 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06));
-  --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm, 0.625rem);
-  --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs, 0.75rem);
-  --pf-c-chip__text--Color: var(--pf-global--Color--100, #151515);
-  --pf-c-chip__text--MaxWidth: 16ch;
-  --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm, 0.5rem);
-  color: var(--pf-global--Color--100, #151515);
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  min-width: 0;
-  list-style: none;
-  background-color: var(--pf-c-chip--BackgroundColor);
-  border-radius: var(--pf-c-chip--BorderRadius);
-  padding:
-	  var(--pf-c-chip--PaddingTop)
-	  var(--pf-c-chip--PaddingRight)
-	  var(--pf-c-chip--PaddingBottom)
-	  var(--pf-c-chip--PaddingLeft);
-}
-
-[hidden],
-:host([hidden]) {
-  display: none !important;
-}
-
-div#outer {
-  display: contents;
-}
-
-#outer:before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  border: var(--pf-c-chip--before--BorderWidth) solid var(--pf-c-chip--before--BorderColor);
-  border-radius: var(--pf-c-chip--before--BorderRadius);
-}
-
-span {
-  display: inline-block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  max-width: var(--pf-c-chip__text--MaxWidth);
-  font-size: var(--pf-c-chip__text--FontSize);
-  color: var(--pf-c-chip__text--Color);
-}
-
-:host([readonly]) span {
-  color: var(--pf-global--Color--200, #6a6e73);
-}
-
-/* OVERFLOW */
-
-button#outer {
-  display: flex;
-  background: none;
-  border: 1px solid transparent;
-}
-
-button#outer span {
-  color: var(--pf-c-chip--m-overflow__text--Color);
-}
-
-/* CLOSE */
-
-#close-button {
-  --pf-icon--size: 12px;
-  --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
-  --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
-  --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
-  --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
-  --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
-  margin-top: var(--pf-c-chip__c-button--MarginTop);
-  margin-right: var(--pf-c-chip__c-button--MarginRight);
-  margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
-  inset-block-start: 0.125em;
-}
-
-::slotted(pf-badge) {
-  font-size: var(--pf-global--FontSize--xs, 12px);
-  margin: 0 0 0 var(--pf-global--spacer--xs, 0.25rem) !important;
-  min-width: unset;
-}
-`,kd=Kh;import{css as Zh}from"lit";var Qh=Zh`:host {
-  --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
-  --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
-  --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs, 0.25rem);
-  --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm, 0.5rem);
-  --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
-  --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
-  --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
-  --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs, 0.75rem);
-  --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs, 0.25rem);
+`,rm=Tv;import{css as Ev}from"lit";var Rv=Ev`:host {
+  --pf-c-form-control--Color: var(--pf-global--Color--100, #151515);
+  --pf-c-form-control--FontSize: var(--pf-global--FontSize--md, 1rem);
+  --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md, 1.5);
+  --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm, 1px);
+  --pf-c-form-control--BorderTopColor: var(--pf-global--BorderColor--300, #f0f0f0);
+  --pf-c-form-control--BorderRightColor: var(--pf-global--BorderColor--300, #f0f0f0);
+  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
+  --pf-c-form-control--BorderLeftColor: var(--pf-global--BorderColor--300, #f0f0f0);
+  --pf-c-form-control--BorderRadius: 0;
+  --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
+  --pf-c-form-control--Width: 100%;
+  --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));
+  --pf-c-form-control--inset--base: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-c-form-control--PaddingTop: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm));
+  --pf-c-form-control--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm));
+  --pf-c-form-control--PaddingRight: var(--pf-c-form-control--inset--base);
+  --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--inset--base);
+  --pf-c-form-control--hover--BorderBottomColor: var(--pf-global--primary-color--100, #06c);
+  --pf-c-form-control--focus--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+  --pf-c-form-control--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-c-form-control--focus--BorderBottomWidth));
+  --pf-c-form-control--focus--BorderBottomColor: var(--pf-global--primary-color--100, #06c);
+  --pf-c-form-control--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+  --pf-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-c-form-control--focus--BorderBottomWidth));
+  --pf-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--primary-color--100, #06c);
+  --pf-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200, #6a6e73);
+  --pf-c-form-control--placeholder--child--Color: var(--pf-global--Color--100, #151515);
+  --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--100, #6a6e73);
+  --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300, #f0f0f0);
+  --pf-c-form-control--disabled--BorderColor: transparent;
+  --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--300, #f0f0f0);
+  --pf-c-form-control--readonly--hover--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
+  --pf-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-global--BorderWidth--sm));
+  --pf-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-global--BorderWidth--sm, 1px);
+  --pf-c-form-control--readonly--focus--BorderBottomColor: var(--pf-global--BorderColor--200, #8a8d90);
+  --pf-c-form-control--readonly--m-plain--BackgroundColor: transparent;
+  --pf-c-form-control--readonly--m-plain--inset--base: 0;
+  --pf-c-form-control--success--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+  --pf-c-form-control--success--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-c-form-control--success--BorderBottomWidth));
+  --pf-c-form-control--success--BorderBottomColor: var(--pf-global--success-color--100, #3e8635);
+  --pf-c-form-control--success--PaddingRight: var(--pf-global--spacer--xl, 2rem);
+  --pf-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
+  --pf-c-form-control--success--BackgroundPositionY: center;
+  --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPositionX) var(--pf-c-form-control--success--BackgroundPositionY);
+  --pf-c-form-control--success--BackgroundSizeX: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--success--BackgroundSizeY: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY);
+  --pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
+  --pf-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+  --pf-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-c-form-control--m-warning--BorderBottomWidth));
+  --pf-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100, #f0ab00);
+  --pf-c-form-control--m-warning--PaddingRight: var(--pf-global--spacer--xl, 2rem);
+  --pf-c-form-control--m-warning--BackgroundPositionX: calc(100% - calc(var(--pf-c-form-control--PaddingLeft) - 0.0625rem));
+  --pf-c-form-control--m-warning--BackgroundPositionY: center;
+  --pf-c-form-control--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPositionX) var(--pf-c-form-control--m-warning--BackgroundPositionY);
+  --pf-c-form-control--m-warning--BackgroundSizeX: 1.25rem;
+  --pf-c-form-control--m-warning--BackgroundSizeY: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSizeX) var(--pf-c-form-control--m-warning--BackgroundSizeY);
+  --pf-c-form-control--m-warning--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
+  --pf-c-form-control--invalid--BorderBottomWidth: var(--pf-global--BorderWidth--md, 2px);
+  --pf-c-form-control--invalid--PaddingBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) - var(--pf-c-form-control--invalid--BorderBottomWidth));
+  --pf-c-form-control--invalid--BorderBottomColor: var(--pf-global--danger-color--100, #c9190b);
+  --pf-c-form-control--invalid--PaddingRight: var(--pf-global--spacer--xl, 2rem);
+  --pf-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
+  --pf-c-form-control--invalid--BackgroundPositionY: center;
+  --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPositionX) var(--pf-c-form-control--invalid--BackgroundPositionY);
+  --pf-c-form-control--invalid--BackgroundSizeX: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--invalid--BackgroundSizeY: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY);
+  --pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fe5142' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
+  --pf-c-form-control--invalid--exclamation--Background: var(--pf-c-form-control--invalid--BackgroundUrl) var(--pf-c-form-control--invalid--BackgroundPosition) / var(--pf-c-form-control--invalid--BackgroundSize) no-repeat;
+  --pf-c-form-control--invalid--Background: var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background);
+  --pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl, 2rem);
+  --pf-c-form-control--m-search--BackgroundPosition: var(--pf-c-form-control--PaddingRight);
+  --pf-c-form-control--m-search--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
+  --pf-c-form-control--m-icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
+  --pf-c-form-control--m-icon--BackgroundUrl: none;
+  --pf-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-c-form-control--inset--base));
+  --pf-c-form-control--m-icon--BackgroundPositionY: center;
+  --pf-c-form-control--m-icon--BackgroundSizeX: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--m-icon--BackgroundSizeY: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--m-icon--icon--spacer: var(--pf-global--spacer--sm, 0.5rem);
+  --pf-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--invalid--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
+  --pf-c-form-control--m-icon--icon--BackgroundPositionX: calc(var(--pf-c-form-control--m-icon--BackgroundPositionX) - var(--pf-c-form-control--m-icon--icon--spacer) - var(--pf-c-form-control--invalid--BackgroundSizeX));
+  --pf-c-form-control--m-icon--invalid--BackgroundUrl: var(--pf-c-form-control--invalid--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
+  --pf-c-form-control--m-icon--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
+  --pf-c-form-control--m-icon--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
+  --pf-c-form-control--m-icon--success--BackgroundUrl: var(--pf-c-form-control--success--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
+  --pf-c-form-control--m-icon--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
+  --pf-c-form-control--m-icon--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
+  --pf-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-c-form-control--m-warning--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
+  --pf-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
+  --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
+  --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
+  --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
+  --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg, 1.5rem) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
+  --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm, 0.5rem) - var(--pf-c-form-control--BorderWidth));
+  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
+  --pf-c-form-control__select--BackgroundSize: .625em;
+  --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md, 1rem) + 1px);
+  --pf-c-form-control__select--BackgroundPositionY: center;
+  --pf-c-form-control__select--BackgroundPosition: var(--pf-c-form-control__select--BackgroundPositionX) var(--pf-c-form-control__select--BackgroundPositionY);
+  --pf-c-form-control__select--success--PaddingRight: var(--pf-global--spacer--3xl, 4rem);
+  --pf-c-form-control__select--success--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg, 1.5rem));
+  --pf-c-form-control__select--m-warning--PaddingRight: var(--pf-global--spacer--3xl, 4rem);
+  --pf-c-form-control__select--m-warning--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg, 1.5rem) + 0.0625rem);
+  --pf-c-form-control__select--invalid--PaddingRight: var(--pf-global--spacer--3xl, 4rem);
+  --pf-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg, 1.5rem));
+  --pf-c-form-control--textarea--Width: var(--pf-c-form-control--Width);
+  --pf-c-form-control--textarea--Height: auto;
+  --pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
+  --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
+  --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
+  --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233e8635' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E%0A");
+  --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E%0A");
+  --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346 7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E%0A");
+  --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23151515' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E%0A");
+  --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E%0A");
+  --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E%0A");
+  --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E%0A");
+  --pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-c-form-control--FontSize);
+  --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md, 1rem) + 7px);
+  --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md, 1rem) + 1px - var(--pf-global--spacer--lg));
+  --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md, 1rem) - var(--pf-global--spacer--lg) + 0.0625rem);
+  --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md, 1rem) - var(--pf-global--spacer--lg));
 }
-`,Ci=Qh;var Ca=class extends Event{constructor(o){super("remove",{bubbles:!0});this.chip=o}},Bi,Ld,it=class extends wd{constructor(){super(...arguments);n(this,Bi);this.accessibleCloseLabel="Close";this.readonly=!1;this.overflowChip=!1}render(){return this.overflowChip?Sd`
-      <button id="outer">
-        <span part="text">
-          <slot></slot>
-        </span>
-      </button>
-    `:Sd`
-      <div id="outer">
-        <span id="chip-text" part="text">
-          <slot></slot>
-        </span>
-        <pf-button id="close-button"
-                plain
-                icon="close" icon-set="patternfly"
-                label="${this.accessibleCloseLabel}"
-                aria-describedby="chip-text"
-                ?hidden="${this.readonly||this.overflowChip}"
-                @click="${s(this,Bi,Ld)}"></pf-button>
+`,am=Rv;ko();xl();var im=l=>new Promise(t=>setTimeout(t,l)),Is=class extends Event{constructor(o){super("copy",{bubbles:!0});this.text=o}},tr,yn,kn,nm,Ka,Hs,Ga,$s,wn,cm,q=class extends lm{constructor(){super(...arguments);n(this,kn);n(this,Ka);n(this,Ga);n(this,wn);this.clickTip="Successfully copied to clipboard!";this.hoverTip="Copy to clipboard";this.accessibleTextLabel="Copyable input";this.accessibleToggleLabel="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="";n(this,tr,!1);n(this,yn,new MutationObserver(()=>s(this,Ga,$s).call(this)))}connectedCallback(){super.connectedCallback(),i(this,yn).observe(this,{characterData:!0}),s(this,Ga,$s).call(this)}render(){let{expanded:o,expandable:e,inline:a,compact:c,code:p,block:f,readonly:b}=this;return Mv`
+      <div id="container" class="${Pv({code:p,expanded:o,inline:a,compact:c,block:f})}">
+        <div id="input-group">
+          <div id="wrapper">
+            <pf-button id="expand-button"
+                       variant="control"
+                       label="EXPAND"
+                       ?inert="${!e}"
+                       @click="${s(this,kn,nm)}">
+              <pf-icon icon="chevron-right"></pf-icon>
+            </pf-button>
+          </div>
+          <span ?hidden="${!(a||c)}">${this.value}</span>
+          <input aria-label="${this.accessibleTextLabel}"
+                 ?hidden="${a||c}"
+                 ?disabled="${o||b}"
+                 .value="${this.value}"
+                 @input="${s(this,Ka,Hs)}">
+          <pf-tooltip>
+            <pf-button id="copy-button"
+                       icon="copy"
+                       ?plain="${a||c}"
+                       variant="${Iv(a||c?void 0:"control")}"
+                       label="${this.hoverTip}"
+                       @click="${this.copy}">
+            </pf-button>
+            <span slot="content">${i(this,tr)?this.clickTip:this.hoverTip}</span>
+          </pf-tooltip>
+          <slot name="actions"></slot>
+        </div>
+        <textarea .value="${this.value}"
+                  .disabled="${this.readonly}"
+                  ?hidden="${!(e&&o)}"
+                  @input="${s(this,Ka,Hs)}">
+        </textarea>
       </div>
-    `}};Bi=new WeakSet,Ld=function(){this.dispatchEvent(new Ca(this))&&this.remove()},it.styles=[Ci,kd],it.shadowRootOptions={...wd.shadowRootOptions,delegatesFocus:!0},r([pc({attribute:"accessible-close-label",type:String})],it.prototype,"accessibleCloseLabel",2),r([pc({reflect:!0,type:Boolean})],it.prototype,"readonly",2),r([pc({attribute:"overflow-chip",reflect:!0,type:Boolean})],it.prototype,"overflowChip",2),it=r([Jh("pf-chip")],it);import{LitElement as zd,html as eu}from"lit";import{customElement as ru}from"lit/decorators/custom-element.js";import{property as Kt}from"lit/decorators/property.js";import{query as Md}from"lit/decorators/query.js";import{queryAssignedNodes as au}from"lit/decorators/query-assigned-nodes.js";import{classMap as lu}from"lit/directives/class-map.js";import{css as ou}from"lit";var tu=ou`:host {
+    `}async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new Is(this.value)),await im(this.entryDelay),v(this,tr,!0),this.requestUpdate(),await im(this.exitDelay),v(this,tr,!1),this.requestUpdate()}};tr=new WeakMap,yn=new WeakMap,kn=new WeakSet,nm=function(){this.expanded=!this.expanded},Ka=new WeakSet,Hs=function(o){let{value:e}=o.target||HTMLTextAreaElement;this.value=e},Ga=new WeakSet,$s=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??s(this,wn,cm).call(this,Array.from(this.childNodes,o=>o instanceof Element||o instanceof Text?o.textContent??"":"").join("")))},wn=new WeakSet,cm=function(o){let e=o.replace(/^\n/,""),a=e.match(/^\s+/);return a?e.replace(new RegExp(`^${a[0]}`,"gm"),""):o},q.styles=[am,rm],q.shadowRootOptions={...lm.shadowRootOptions,delegatesFocus:!0},r([go({attribute:"click-tip"})],q.prototype,"clickTip",2),r([go({attribute:"hover-tip"})],q.prototype,"hoverTip",2),r([go({attribute:"accessible-text-label"})],q.prototype,"accessibleTextLabel",2),r([go({attribute:"accessible-toggle-label"})],q.prototype,"accessibleToggleLabel",2),r([go({type:Number,attribute:"entry-delay"})],q.prototype,"entryDelay",2),r([go({type:Number,attribute:"exit-delay"})],q.prototype,"exitDelay",2),r([go({type:Boolean,reflect:!0})],q.prototype,"block",2),r([go({type:Boolean,reflect:!0})],q.prototype,"code",2),r([go({type:Boolean,reflect:!0})],q.prototype,"expanded",2),r([go({type:Boolean,reflect:!0})],q.prototype,"expandable",2),r([go({type:Boolean,reflect:!0})],q.prototype,"readonly",2),r([go({type:Boolean,reflect:!0})],q.prototype,"inline",2),r([go({type:Boolean,reflect:!0})],q.prototype,"compact",2),r([go()],q.prototype,"value",2),q=r([Fv("pf-clipboard-copy")],q);import{LitElement as pm,html as Av}from"lit";import{customElement as Ov}from"lit/decorators/custom-element.js";import{property as se}from"lit/decorators/property.js";import{query as dm}from"lit/decorators/query.js";import{queryAssignedNodes as Dv}from"lit/decorators/query-assigned-nodes.js";import{classMap as Uv}from"lit/directives/class-map.js";import{css as Hv}from"lit";var $v=Hv`:host {
   --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs, 0.25rem) * -1);
   --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs, 0.25rem) * -1);
   --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
@@ -6380,35 +6482,35 @@ svg {
   height: var(--pf-global--FontSize--sm, 14px);
 }
 
-.offscreen {
-  position: absolute;
-  left: -99999;
-  width: 0;
-  height: 0;
-  opacity: 0;
+.visually-hidden {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  block-size: 1px;
+  margin: -1px;
   overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  inline-size: 1px;
 }
 
-`,Wd=tu;var dc=class extends Event{constructor(){super("expand",{bubbles:!0,cancelable:!0})}},fc=class extends Event{constructor(){super("remove",{bubbles:!0,cancelable:!0})}},iu=/\$\{\s*remaining\s*\}/g,go,Zt,zo,Fe,yi,wi,Ed,Si,Td,Li,Rd,Ba,mc,Pe,ki,Wi,Fd,Z=class extends zd{constructor(){super();n(this,Fe);n(this,wi);n(this,Si);n(this,Li);n(this,Ba);n(this,Pe);n(this,Wi);this.accessibleLabel="";this.accessibleCloseLabel="Close";this.collapsedText="${remaining} more";this.expandedText="show less";this.numChips=3;this.open=!1;this.closeable=!1;n(this,go,[]);n(this,Zt,[]);n(this,zo,new N(this,{getItems:()=>l(this,Zt).filter(o=>!o.hidden)}));this.addEventListener("remove",s(this,wi,Ed))}render(){let o=l(this,go).length<=0;return eu`
+`,sm=$v;var As=class extends Event{constructor(){super("expand",{bubbles:!0,cancelable:!0})}},Sn=class extends Event{constructor(){super("remove",{bubbles:!0,cancelable:!0})}},Nv=/\$\{\s*remaining\s*\}/g,St,pe,Do,Ln,fm,zn,mm,Za,Os,Wn,gm,Tn,bm,eo=class extends pm{constructor(){super();n(this,St);n(this,Ln);n(this,zn);n(this,Za);n(this,Wn);n(this,Tn);this.accessibleLabel="";this.accessibleCloseLabel="Close";this.collapsedText="${remaining} more";this.expandedText="show less";this.numChips=3;this.open=!1;this.closeable=!1;n(this,Do,co.of(this,{getItems:()=>[...Array.prototype.slice.call(i(this,St,pe),0,this.open?i(this,St,pe).length:Math.min(i(this,St,pe).length,this.numChips)),this._overflowChip,this._button].filter(o=>!!o)}));this.addEventListener("remove",s(this,Wn,gm))}get activeChip(){return i(this,Do).items.at(i(this,Do).atFocusedItemIndex)?.getRootNode()?.host}set activeChip(o){let e=o.shadowRoot?.querySelector("button");e&&(i(this,Do).atFocusedItemIndex=i(this,Do).items.indexOf(e))}get hasCategory(){return(this._categorySlotted||[]).length>0}get remaining(){return i(this,St,pe).length-this.numChips}render(){let o=i(this,St,pe).length<=0;return Av`
       <div id="outer"
-           class="${lu({"has-category":this.hasCategory,empty:o})}"
+           class="${Uv({"has-category":this.hasCategory,empty:o})}"
            role="toolbar">
         <slot id="category"
               name="category-name"
-              @slotchange="${s(this,Ba,mc)}">
-          <span class="offscreen"
+              @slotchange="${s(this,Za,Os)}">
+          <span class="visually-hidden"
                 ?hidden="${!this.accessibleLabel}">${this.accessibleLabel??""}</span>
         </slot>
-        <slot id="chips"
-              @slotchange="${s(this,Ba,mc)}"
-              @remove="${s(this,Pe,ki)}"
-        ></slot>
+        <slot id="chips" @slotchange="${s(this,Za,Os)}"></slot>
         <pf-chip id="overflow"
                  aria-controls="chips"
                  overflow-chip
                  ?hidden="${this.remaining<1}"
-                 @click="${s(this,Li,Rd)}"
-        >${this.remaining<1?"":this.open?this.expandedText:this.collapsedText.replace(iu,this.remaining.toString())}</pf-chip>
+                 @click="${s(this,zn,mm)}"
+        >${this.remaining<1?"":this.open?this.expandedText:this.collapsedText.replace(Nv,this.remaining.toString())}</pf-chip>
         <pf-button id="close-button"
                    plain
                    icon="times-circle"
@@ -6416,136 +6518,230 @@ svg {
                    label="${this.accessibleCloseLabel}"
                    aria-describedby="category"
                    ?hidden="${!this.closeable}"
-                   @click="${s(this,Si,Td)}"></pf-button>
+                   @click="${s(this,Ln,fm)}"></pf-button>
       </div>
-    `}updated(o){(o.has("accessibleCloseLabel")||o.has("numChips")||o.has("closeable")||o.has("open"))&&s(this,Fe,yi).call(this)}get activeChip(){return l(this,zo).activeItem?.getRootNode()?.host}set activeChip(o){let e=o.shadowRoot?.querySelector("button");l(this,zo).setActiveItem(e)}get hasCategory(){return(this._categorySlotted||[]).length>0}get remaining(){return l(this,go).length-this.numChips}focusOnChip(o){l(this,zo).setActiveItem(o)}};go=new WeakMap,Zt=new WeakMap,zo=new WeakMap,Fe=new WeakSet,yi=function(){if(l(this,go).length>0){let o=[...l(this,zo).items||[]],e=this.open?l(this,go).length:Math.min(l(this,go).length,this.numChips);b(this,Zt,[...l(this,go).slice(0,e),this._overflowChip,this._button].filter(a=>!!a)),(o.length!==l(this,Zt).length||!o.every((a,c)=>a===l(this,Zt)[c]))&&l(this,zo).updateItems(),s(this,Wi,Fd).call(this)}},wi=new WeakSet,Ed=async function(o){o instanceof Ca&&(await s(this,Pe,ki).call(this),await this.updateComplete,l(this,zo).setActiveItem(l(this,zo).activeItem))},Si=new WeakSet,Td=function(){this.dispatchEvent(new fc),this.remove()},Li=new WeakSet,Rd=async function(o){o.stopPropagation(),this.open=!this.open,await this.updateComplete,s(this,Fe,yi).call(this),this._overflowChip&&this.focusOnChip(this._overflowChip),this.dispatchEvent(new dc)},Ba=new WeakSet,mc=function(){s(this,Pe,ki).call(this),this.requestUpdate()},Pe=new WeakSet,ki=async function(){return await this.updateComplete,b(this,go,[...this.querySelectorAll("pf-chip:not([slot]):not([overflow-chip])")]),this.requestUpdate(),await this.updateComplete,l(this,zo).updateItems(l(this,go)),s(this,Fe,yi).call(this),l(this,go)},Wi=new WeakSet,Fd=function(){l(this,go).forEach((o,e)=>{o.accessibleCloseLabel=this.accessibleCloseLabel;let a=e>=this.numChips&&!this.open;o.hidden=a})},Z.styles=[Ci,Wd],Z.shadowRootOptions={...zd.shadowRootOptions,delegatesFocus:!0},r([Kt({attribute:"accessible-label",type:String})],Z.prototype,"accessibleLabel",2),r([Kt({attribute:"accessible-close-label",type:String})],Z.prototype,"accessibleCloseLabel",2),r([Kt({attribute:"collapsed-text",type:String})],Z.prototype,"collapsedText",2),r([Kt({attribute:"expanded-text",type:String})],Z.prototype,"expandedText",2),r([Kt({attribute:"num-chips",type:Number})],Z.prototype,"numChips",2),r([Kt({reflect:!0,type:Boolean})],Z.prototype,"open",2),r([Kt({reflect:!0,type:Boolean})],Z.prototype,"closeable",2),r([Md("#overflow")],Z.prototype,"_overflowChip",2),r([Md("#close-button")],Z.prototype,"_button",2),r([au({slot:"category-name",flatten:!0})],Z.prototype,"_categorySlotted",2),Z=r([ru("pf-chip-group")],Z);import{customElement as mu}from"lit/decorators/custom-element.js";import{property as zi}from"lit/decorators/property.js";import{css as nu}from"lit";var cu=nu`:host {
-  background-color: var(--pf-c-card--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));
-  box-shadow: var(--pf-c-card--BoxShadow, var(--pf-global--BoxShadow--sm, 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)));
+    `}chipsChanged(){s(this,Tn,bm).call(this)}focusOnChip(o){i(this,Do).atFocusedItemIndex=i(this,Do).items.indexOf(o)}};St=new WeakSet,pe=function(){return this.querySelectorAll("pf-chip:not([slot]):not([overflow-chip])")},Do=new WeakMap,Ln=new WeakSet,fm=function(){this.dispatchEvent(new Sn)},zn=new WeakSet,mm=async function(o){o.stopPropagation(),this.open=!this.open,await this.updateComplete,this.chipsChanged(),this._overflowChip&&this.focusOnChip(this._overflowChip),this.dispatchEvent(new As)},Za=new WeakSet,Os=function(){this.requestUpdate()},Wn=new WeakSet,gm=function(o){if(o instanceof te){let e=i(this,Do).atFocusedItemIndex;o.chip&&(i(this,Do).atFocusedItemIndex=e+1)}else o instanceof Sn&&this.remove()},Tn=new WeakSet,bm=function(){i(this,St,pe).forEach((o,e)=>{o.accessibleCloseLabel=this.accessibleCloseLabel;let a=e>=this.numChips&&!this.open;o.hidden=a})},eo.styles=[Hi,sm],eo.shadowRootOptions={...pm.shadowRootOptions,delegatesFocus:!0},r([se({attribute:"accessible-label",type:String})],eo.prototype,"accessibleLabel",2),r([se({attribute:"accessible-close-label",type:String})],eo.prototype,"accessibleCloseLabel",2),r([se({attribute:"collapsed-text",type:String})],eo.prototype,"collapsedText",2),r([se({attribute:"expanded-text",type:String})],eo.prototype,"expandedText",2),r([se({attribute:"num-chips",type:Number})],eo.prototype,"numChips",2),r([se({reflect:!0,type:Boolean})],eo.prototype,"open",2),r([se({reflect:!0,type:Boolean})],eo.prototype,"closeable",2),r([dm("#overflow")],eo.prototype,"_overflowChip",2),r([dm("#close-button")],eo.prototype,"_button",2),r([Dv({slot:"category-name",flatten:!0})],eo.prototype,"_categorySlotted",2),r([L("accessibleCloseLabel"),L("numChips"),L("closeable"),L("open")],eo.prototype,"chipsChanged",1),eo=r([Ov("pf-chip-group")],eo);import{LitElement as Vv,html as Yv}from"lit";import{customElement as Xv}from"lit/decorators/custom-element.js";import{property as En}from"lit/decorators/property.js";import{classMap as Ds}from"lit/directives/class-map.js";import{css as jv}from"lit";var qv=jv`:host {
+	--pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
+	--pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm, 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06));
+	--pf-c-card--first-child--PaddingTop: var(--pf-global--spacer--lg, 1.5rem);
+	--pf-c-card--child--PaddingRight: var(--pf-global--spacer--lg, 1.5rem);
+	--pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg, 1.5rem);
+	--pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg, 1.5rem);
+	--pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg, 1.5rem);
+	--pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif, "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif);
+	--pf-c-card__title--FontSize: var(--pf-global--FontSize--md, 1rem);
+	--pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold, 700);
+	--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md, 1rem);
+	--pf-c-card__body--FontSize: var(--pf-global--FontSize--md, 1rem);
+	--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md, 1rem);
+	--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md, 1rem);
+	--pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm, 0.5rem);
+	--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element, 0.375rem) * -1);
+	--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element, 0.375rem) * -1);
+	--pf-c-card__header-toggle--MarginLeft: calc(var(--pf-global--spacer--md, 1rem) * -1);
+	--pf-c-card__header-toggle-icon--Transition: var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1));
+	--pf-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
+	--pf-c-card--m-hoverable--hover--BoxShadow: var(--pf-global--BoxShadow--lg, 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
+	--pf-c-card--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--lg, 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
+	--pf-c-card--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--lg, 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
+	--pf-c-card--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--lg, 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
+	--pf-c-card--m-selectable--m-selected--BoxShadow: var(--pf-global--BoxShadow--lg, 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
+	--pf-c-card--m-selectable--m-selected--before--Height: var(--pf-global--BorderWidth--lg, 3px);
+	--pf-c-card--m-selectable--m-selected--before--BackgroundColor: var(--pf-global--active-color--100, #06c);
+	--pf-c-card--m-hoverable-raised--hover--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-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400, #73bcf7);
+	--pf-c-card--m-selectable-raised--before--Right: 0;
+	--pf-c-card--m-selectable-raised--before--Bottom: 0;
+	--pf-c-card--m-selectable-raised--before--Left: 0;
+	--pf-c-card--m-flat--m-selectable-raised--before--Right: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
+	--pf-c-card--m-flat--m-selectable-raised--before--Bottom: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
+	--pf-c-card--m-flat--m-selectable-raised--before--Left: calc(-1 * var(--pf-c-card--m-flat--BorderWidth));
+	--pf-c-card--m-selectable-raised--before--Height: var(--pf-global--BorderWidth--xl, 4px);
+	--pf-c-card--m-selectable-raised--before--BackgroundColor: transparent;
+	--pf-c-card--m-selectable-raised--before--Transition: none;
+	--pf-c-card--m-selectable-raised--before--ScaleY: 1;
+	--pf-c-card--m-selectable-raised--before--TranslateY: 0;
+	--pf-c-card--m-selectable-raised--hover--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-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400, #73bcf7);
+	--pf-c-card--m-selectable-raised--focus--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-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-global--active-color--400, #73bcf7);
+	--pf-c-card--m-selectable-raised--active--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-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-global--active-color--400, #73bcf7);
+	--pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-global--active-color--100, #06c);
+	--pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-global--BoxShadow--lg, 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
+	--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
+	--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
+	--pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-flat--BorderWidth));
+	--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-rounded--BorderRadius));
+	--pf-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-global--ZIndex--xs, 100);
+	--pf-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear, box-shadow .25s linear;
+	--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
+	--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
+	--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
+	--pf-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-global--BackgroundColor--light-200, #fafafa);
+	--pf-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-global--disabled-color--200, #d2d2d2);
+	--pf-c-card--m-non-selectable-raised--before--ScaleY: 2;
+	--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-global--disabled-color--200, #d2d2d2);
+	--pf-c-card--m-compact__body--FontSize: var(--pf-global--FontSize--sm, 0.875rem);
+	--pf-c-card--m-compact__footer--FontSize: var(--pf-global--FontSize--sm, 0.875rem);
+	--pf-c-card--m-compact--first-child--PaddingTop: var(--pf-global--spacer--md, 1rem);
+	--pf-c-card--m-compact--child--PaddingRight: var(--pf-global--spacer--md, 1rem);
+	--pf-c-card--m-compact--child--PaddingBottom: var(--pf-global--spacer--md, 1rem);
+	--pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md, 1rem);
+	--pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md, 1rem);
+	--pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm, 0.5rem);
+	--pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl, 1.25rem);
+	--pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl, 2rem);
+	--pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl, 2rem);
+	--pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl, 2rem);
+	--pf-c-card--m-display-lg--child--PaddingLeft: var(--pf-global--spacer--xl, 2rem);
+	--pf-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-global--spacer--xl, 2rem);
+	--pf-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-global--spacer--lg, 1.5rem);
+	--pf-c-card--m-flat--BorderWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-card--m-flat--BorderColor: var(--pf-global--BorderColor--100, #d2d2d2);
+	--pf-c-card--m-rounded--BorderRadius: var(--pf-global--BorderRadius--sm, 3px);
+	--pf-c-card--m-full-height--Height: 100%;
+	--pf-c-card--m-plain--BoxShadow: none;
+	--pf-c-card--m-plain--BackgroundColor: transparent;
+	--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element, 0.375rem) * -1);
+	--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs, 0.25rem);
+	--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
+	--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md, 2px);
+	--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100, #06c);
+  display: flex;
+  flex-direction: column;
+	background-color: var(--pf-c-card--BackgroundColor);
+	box-shadow: var(--pf-c-card--BoxShadow);
 }
 
-: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));
+[hidden],
+.empty {
+  display: none !important;
 }
 
-: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));
+header {
+  padding-block-start: var(--pf-c-card--first-child--PaddingTop);
+  padding-block-end: var(--pf-c-card__title--not--last-child--PaddingBottom);
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
 }
 
-: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));
-}
+header ::slotted(*) {
+  margin-block: 0 !important;
 
-: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);
+  font-family: var(--pf-c-card__title--FontFamily) !important;
+  font-size: var(--pf-c-card__title--FontSize) !important;
+  font-weight: var(--pf-c-card__title--FontWeight) !important;
 }
 
-:host([rounded]) {
-  border-radius: var(--pf-c-card--m-rounded--BorderRadius, var(--pf-global--BorderRadius--sm, 3px));
+header ::slotted(pf-dropdown) {
+  margin-inline-start: auto;
 }
 
-:host([full-height]) {
-  height: var(--pf-c-card--m-full-height--Height, 100%);
-  --_pf-c-card__body--FullHeight--Flex: 1 1 auto;
+article {
+  position: relative;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 [part="header"],
 [part="body"],
 [part="footer"] {
-  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));
+  padding-inline-start: var(--pf-c-card--child--PaddingLeft);
+  padding-inline-end: var(--pf-c-card--child--PaddingRight);
+  padding-block-end: var(--pf-c-card--child--PaddingBottom);
+}
+
+#title {
+  display: block;
+  flex: 1 0 100%;
+  padding-block-start: var(--pf-c-card__title--not--last-child--PaddingBottom);
 }
 
 [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);
+  font-size: var(--pf-c-card__body--FontSize);
+  flex: var(--pf-c-card__body--FullHeight--Flex);
 }
 
-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));
+[part="body"] ::slotted(:not([slot]):first-of-type) {
+  margin-block-start: 0 !important;
 }
 
-header ::slotted(*) {
-  font-family: var(--pf-c-card__title--FontFamily, var(--pf-global--FontFamily--heading--sans-serif, "RedHatDisplayUpdated", helvetica, arial, sans-serif)) !important;
-  font-size: var(--pf-c-card__title--FontSize, var(--pf-global--FontSize--md, 1rem)) !important;
-  font-weight: var(--pf-c-card__title--FontWeight, var(--pf-global--FontWeight--bold, 700)) !important;
-  margin-block: 0 !important;
+[part="body"] ::slotted(:not([slot]):last-of-type) {
+  margin-block-end: 0 !important;
 }
 
 [part="footer"] {
-  font-size: var(--_pf-c-card__footer--FontSize, var(--pf-global--FontSize--md, 1rem));
   margin-block-start: auto;
-}
-
-`,Pd=cu;import{LitElement as du,html as fu}from"lit";import{classMap as gc}from"lit/directives/class-map.js";import{css as su}from"lit";var pu=su`:host {
   display: flex;
-  flex-direction: column;
+  gap: 0.5em;
+  inset-block-end: 0;
+  font-size: var(--pf-c-card__footer--FontSize);
 }
 
-article {
-  position: relative;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
+:host([size="compact"]) {
+	--pf-c-card__body--FontSize: var(--pf-c-card--m-compact__body--FontSize);
+	--pf-c-card__footer--FontSize: var(--pf-c-card--m-compact__footer--FontSize);
+	--pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-compact--first-child--PaddingTop);
+	--pf-c-card--child--PaddingRight: var(--pf-c-card--m-compact--child--PaddingRight);
+	--pf-c-card--child--PaddingBottom: var(--pf-c-card--m-compact--child--PaddingBottom);
+	--pf-c-card--child--PaddingLeft: var(--pf-c-card--m-compact--child--PaddingLeft);
+	--pf-c-card--c-divider--child--PaddingTop: var(--pf-c-card--m-compact--c-divider--child--PaddingTop);
+	--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
 }
 
-[part=header] {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
+:host([size="large"]) {
+	--pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
+	--pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
+	--pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
+	--pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
+	--pf-c-card--child--PaddingLeft: var(--pf-c-card--m-display-lg--child--PaddingLeft);
+	--pf-c-card--c-divider--child--PaddingTop: var(--pf-c-card--m-display-lg--c-divider--child--PaddingTop);
+	--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-display-lg__title--not--last-child--PaddingBottom);
 }
 
-[part=body] ::slotted(:not([slot]):first-of-type) {
-  margin-block-start: 0 !important;
+:host([flat]) {
+  --pf-c-card--BoxShadow: none;
+  border: var(--pf-c-card--m-flat--BorderWidth) solid var(--pf-c-card--m-flat--BorderColor);
 }
 
-[part=body] ::slotted(:not([slot]):last-of-type) {
-  margin-block-end: 0 !important;
+:host([plain]) {
+  --pf-c-card--BoxShadow: var(--pf-c-card--m-plain--BoxShadow);
+  --pf-c-card--BackgroundColor: var(--pf-c-card--m-plain--BackgroundColor);
 }
 
-[part=footer] {
-  display: flex;
-  gap: 0.5em;
-  inset-block-end: 0;
+:host([rounded]) {
+  border-radius: var(--pf-c-card--m-rounded--BorderRadius);
 }
 
-.empty {
-  display: none;
+:host([full-height]) {
+  height: var(--pf-c-card--m-full-height--Height);
+  --pf-c-card__body--FullHeight--Flex: 1 1 auto;
 }
 
-`,Hd=pu;var ya=class extends du{constructor(){super(...arguments);this.slots=new k(this,"header",null,"footer")}static{this.styles=[Hd]}render(){return fu`
+`,hm=qv;var de,Lt=class extends Vv{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1;n(this,de,new T(this,"header","title",null,"footer"))}render(){return Yv`
       <article>
         <header id="header"
                 part="header"
-                class="${gc({empty:!this.slots.hasSlotted("header")})}">
+                class="${Ds({empty:i(this,de).isEmpty("header")})}">
           <slot name="header"></slot>
+          <slot id="title" name="title" ?hidden="${i(this,de).isEmpty("title")}"></slot>
         </header>
         <div id="body"
              part="body"
-             class="${gc({empty:!this.querySelector(":not([slot])")})}">
+             class="${Ds({empty:i(this,de).isEmpty(null)})}">
           <slot></slot>
         </div>
         <footer id="footer"
                 part="footer"
-                class="${gc({empty:!this.slots.hasSlotted("footer")})}">
+                class="${Ds({empty:i(this,de).isEmpty("footer")})}">
           <slot name="footer"></slot>
         </footer>
       </article>
-    `}};var nt=class extends ya{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1}};nt.styles=[...ya.styles,Pd],r([zi({reflect:!0})],nt.prototype,"size",2),r([zi({type:Boolean,reflect:!0})],nt.prototype,"rounded",2),r([zi({type:Boolean,reflect:!0,attribute:"full-height"})],nt.prototype,"fullHeight",2),r([zi({type:Boolean,reflect:!0})],nt.prototype,"plain",2),nt=r([mu("pf-card")],nt);import{LitElement as hu,html as Id}from"lit";import{customElement as uu}from"lit/decorators/custom-element.js";import{property as bc}from"lit/decorators/property.js";import{classMap as vu}from"lit/directives/class-map.js";import{css as gu}from"lit";var bu=gu`:host {
+    `}};de=new WeakMap,Lt.styles=[hm],r([En({reflect:!0})],Lt.prototype,"size",2),r([En({type:Boolean,reflect:!0})],Lt.prototype,"rounded",2),r([En({type:Boolean,reflect:!0,attribute:"full-height"})],Lt.prototype,"fullHeight",2),r([En({type:Boolean,reflect:!0})],Lt.prototype,"plain",2),Lt=r([Xv("pf-card")],Lt);import{LitElement as Zv,html as vm}from"lit";import{customElement as Qv}from"lit/decorators/custom-element.js";import{property as Us}from"lit/decorators/property.js";import{classMap as Jv}from"lit/directives/class-map.js";import{css as Kv}from"lit";var Gv=Kv`:host {
   display: block;
   --pf-c-banner--PaddingTop: var(--pf-global--spacer--xs, 0.25rem);
   --pf-c-banner--PaddingRight: var(--pf-global--spacer--md, 1rem);
@@ -6641,15 +6837,15 @@ pf-icon,
     --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft, var(--pf-global--spacer--lg, 1.5rem));
   }
 }
-`,$d=bu;var Mi,Lt=class extends hu{constructor(){super(...arguments);this.sticky=!1;n(this,Mi,new k(this,null,"icon"))}willUpdate(o){o.has("icon")&&this.icon&&Promise.resolve().then(()=>(uo(),un))}render(){let{variant:o,icon:e}=this,a=!!e||l(this,Mi).hasSlotted("icon");return Id`
+`,um=Gv;var Rn,Ot=class extends Zv{constructor(){super(...arguments);this.sticky=!1;n(this,Rn,new T(this,null,"icon"))}willUpdate(o){o.has("icon")&&this.icon&&Promise.resolve().then(()=>(ko(),zc))}render(){let{variant:o,icon:e}=this,a=!!e||i(this,Rn).hasSlotted("icon");return vm`
       <div id="container" part="container"
-            class=${vu({hasIcon:a,[o??""]:!!o})}>
-        <slot name="icon" part="icon">${this.icon?Id`
+            class=${Jv({hasIcon:a,[o??""]:!!o})}>
+        <slot name="icon" part="icon">${this.icon?vm`
           <pf-icon icon="${this.icon}"></pf-icon>`:""}
         </slot>
         <slot id="text"></slot>
       </div>
-    `}};Mi=new WeakMap,Lt.styles=[$d],r([bc({reflect:!0})],Lt.prototype,"variant",2),r([bc()],Lt.prototype,"icon",2),r([bc({type:Boolean})],Lt.prototype,"sticky",2),Lt=r([uu("pf-banner")],Lt);Mn();import{LitElement as Cu,html as Ei}from"lit";import{customElement as Bu}from"lit/decorators/custom-element.js";import{queryAssignedElements as yu}from"lit/decorators/query-assigned-elements.js";import{property as He}from"lit/decorators/property.js";import{styleMap as ku}from"lit/directives/style-map.js";import{css as _u}from"lit";var xu=_u`:host {
+    `}};Rn=new WeakMap,Ot.styles=[um],r([Us({reflect:!0})],Ot.prototype,"variant",2),r([Us()],Ot.prototype,"icon",2),r([Us({type:Boolean})],Ot.prototype,"sticky",2),Ot=r([Qv("pf-banner")],Ot);os();import{LitElement as e0,html as Mn}from"lit";import{customElement as r0}from"lit/decorators/custom-element.js";import{queryAssignedElements as a0}from"lit/decorators/query-assigned-elements.js";import{property as er}from"lit/decorators/property.js";import{styleMap as l0}from"lit/directives/style-map.js";import{css as o0}from"lit";var t0=o0`:host {
   display: flex;
 
   --_background-image: var(--pf-c-background-image--BackgroundImage);
@@ -6715,11 +6911,11 @@ slot[part="content"] {
     background-image: var(--pf-c-background-image--BackgroundImage--lg, var(--_background-image-lg, var(--_background-image)));
   }
 }
-`,Ad=xu;var $e,Ie,Ti,Od,vo=class extends Cu{constructor(){super(...arguments);n(this,Ti);this.filter=!1;n(this,$e,void 0);n(this,Ie,!1)}render(){let o={"--_background-image":this.src,"--_background-image-2x":this.src2x,"--_background-image-sm":this.srcSm,"--_background-image-sm-2x":this.srcSm2x,"--_background-image-lg":this.srcLg};return Object.entries(o).forEach(([e,a])=>{a?o[e]=`url(${a})`:delete o[e]}),Ei`
-      <div id="container" part="container" style="${ku(o)}">
-        ${this.filter?Ei`
-          <slot name="filter" @slotchange=${s(this,Ti,Od)}>
-            ${l(this,$e)&&l(this,Ie)?l(this,$e):Ei`
+`,_m=t0;var rr,ar,Fn,xm,Lo=class extends e0{constructor(){super(...arguments);n(this,Fn);this.filter=!1;n(this,rr,void 0);n(this,ar,!1)}render(){let o={"--_background-image":this.src,"--_background-image-2x":this.src2x,"--_background-image-sm":this.srcSm,"--_background-image-sm-2x":this.srcSm2x,"--_background-image-lg":this.srcLg};return Object.entries(o).forEach(([e,a])=>{a?o[e]=`url(${a})`:delete o[e]}),Mn`
+      <div id="container" part="container" style="${l0(o)}">
+        ${this.filter?Mn`
+          <slot name="filter" @slotchange=${s(this,Fn,xm)}>
+            ${i(this,rr)&&i(this,ar)?i(this,rr):Mn`
               <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0">
                 <filter id="image_overlay">
                   <feColorMatrix type="matrix" values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"></feColorMatrix>
@@ -6733,9 +6929,9 @@ slot[part="content"] {
               </svg>
             `}
           </slot>
-        `:Ei``}
+        `:Mn``}
       </div>
-    `}};$e=new WeakMap,Ie=new WeakMap,Ti=new WeakSet,Od=function(){let[o]=this._svg;o?(b(this,$e,o),b(this,Ie,!0),this.requestUpdate()):b(this,Ie,!1)},vo.styles=[Ad],r([He({reflect:!0})],vo.prototype,"src",2),r([He({reflect:!0,attribute:"src-2x"})],vo.prototype,"src2x",2),r([He({reflect:!0,attribute:"src-sm"})],vo.prototype,"srcSm",2),r([He({reflect:!0,attribute:"src-sm-2x"})],vo.prototype,"srcSm2x",2),r([He({reflect:!0,attribute:"src-lg"})],vo.prototype,"srcLg",2),r([He({type:Boolean,reflect:!0})],vo.prototype,"filter",2),r([yu({slot:"filter",selector:"svg"})],vo.prototype,"_svg",2),vo=r([Bu("pf-background-image")],vo);co();import{LitElement as Lu,html as Nd}from"lit";import{customElement as Wu}from"lit/decorators/custom-element.js";import{property as Qt}from"lit/decorators/property.js";import{ifDefined as Ri}from"lit/directives/if-defined.js";uo();import{css as wu}from"lit";var Su=wu`:host {
+    `}};rr=new WeakMap,ar=new WeakMap,Fn=new WeakSet,xm=function(){let[o]=this._svg;o?(v(this,rr,o),v(this,ar,!0),this.requestUpdate()):v(this,ar,!1)},Lo.styles=[_m],r([er({reflect:!0})],Lo.prototype,"src",2),r([er({reflect:!0,attribute:"src-2x"})],Lo.prototype,"src2x",2),r([er({reflect:!0,attribute:"src-sm"})],Lo.prototype,"srcSm",2),r([er({reflect:!0,attribute:"src-sm-2x"})],Lo.prototype,"srcSm2x",2),r([er({reflect:!0,attribute:"src-lg"})],Lo.prototype,"srcLg",2),r([er({type:Boolean,reflect:!0})],Lo.prototype,"filter",2),r([a0({slot:"filter",selector:"svg"})],Lo.prototype,"_svg",2),Lo=r([r0("pf-background-image")],Lo);mo();import{LitElement as c0,html as Bm,isServer as s0}from"lit";import{customElement as p0}from"lit/decorators/custom-element.js";import{property as fe}from"lit/decorators/property.js";import{ifDefined as Pn}from"lit/directives/if-defined.js";ko();import{css as i0}from"lit";var n0=i0`:host {
   display: inline-block;
   position: absolute;
   right: var(--pf-c-back-to-top--Right, var(--pf-global--spacer--2xl, 3rem));
@@ -6766,6 +6962,16 @@ a {
   gap: var(--pf-c-button__icon--m-end--MarginLeft, var(--pf-global--spacer--xs, 0.25rem));
 }
 
+a: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));
+}
+
+a:focus {
+  --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));
+}
+
 [part="trigger"][hidden] {
   display: none;
 }
@@ -6788,20 +6994,20 @@ span {
     --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom, var(--pf-global--spacer--2xl, 3rem));
   }
 }
-`,Dd=Su;var ka,Po,Mo,wa,Ae,Fi,Ud,Sa,hc,Pi,jd,La,uc,Wa,vc,Jt,_o=class extends Lu{constructor(){super(...arguments);n(this,Fi);n(this,Sa);n(this,Pi);n(this,La);n(this,Wa);this.alwaysVisible=!1;this.scrollDistance=400;n(this,ka,!1);n(this,Po,!1);n(this,Mo,void 0);n(this,wa,!1);n(this,Ae,new y(this));n(this,Jt,()=>{if(this.alwaysVisible){b(this,Po,!0),this.requestUpdate();return}let o=l(this,Po);if(l(this,Mo)){let e=l(this,Mo)instanceof Window?l(this,Mo).scrollY:l(this,Mo).scrollTop;b(this,Po,e>this.scrollDistance),o!==l(this,Po)&&this.requestUpdate()}})}connectedCallback(){super.connectedCallback(),s(this,Wa,vc).call(this)}disconnectedCallback(){super.disconnectedCallback(),s(this,La,uc).call(this)}willUpdate(o){o.has("scrollableSelector")&&s(this,Wa,vc).call(this),o.has("alwaysVisible")&&l(this,Jt).call(this)}render(){return this.href&&this.href.charAt(0)!=="#"&&(this.href=`#${this.href}`,l(this,Ae).warn("missing hash in href fragment link")),this.href?Nd`
-        <a href="${this.href}" ?hidden="${!l(this,Po)}" part="trigger" aria-label="${Ri(l(this,Sa,hc))}">
+`,Cm=n0;var Qa,ot,Uo,Ja,lr,In,ym,ol,Ns,Hn,km,tl,js,el,qs,me,zo=class extends c0{constructor(){super(...arguments);n(this,In);n(this,ol);n(this,Hn);n(this,tl);n(this,el);this.alwaysVisible=!1;this.scrollDistance=400;n(this,Qa,!1);n(this,ot,!1);n(this,Uo,void 0);n(this,Ja,!1);n(this,lr,new k(this));n(this,me,()=>{if(this.alwaysVisible){v(this,ot,!0),this.requestUpdate();return}let o=i(this,ot);if(i(this,Uo)){let e=i(this,Uo)instanceof Window?i(this,Uo).scrollY:i(this,Uo).scrollTop;v(this,ot,e>this.scrollDistance),o!==i(this,ot)&&this.requestUpdate()}})}connectedCallback(){super.connectedCallback(),s(this,el,qs).call(this)}disconnectedCallback(){super.disconnectedCallback(),s(this,tl,js).call(this)}willUpdate(o){o.has("scrollableSelector")&&s(this,el,qs).call(this),o.has("alwaysVisible")&&i(this,me).call(this)}render(){return this.href&&this.href.charAt(0)!=="#"&&(this.href=`#${this.href}`,i(this,lr).warn("missing hash in href fragment link")),this.href?Bm`
+        <a href="${this.href}" ?hidden="${!i(this,ot)}" part="trigger" aria-label="${Pn(i(this,ol,Ns))}">
           <slot name="icon"></slot>
-          <slot @slotchange="${s(this,Pi,jd)}"></slot>
+          <slot @slotchange="${s(this,Hn,km)}"></slot>
           <pf-icon icon="angle-up" set="fas"></pf-icon>
         </a>
-      `:Nd`
+      `:Bm`
         <pf-button
-            icon="${Ri(this.icon)}"
-            icon-set="${Ri(this.iconSet)}"
-            ?hidden="${!l(this,Po)}"
-            tabindex="${l(this,Po)?"0":"-1"}"
+            icon="${Pn(this.icon)}"
+            icon-set="${Pn(this.iconSet)}"
+            ?hidden="${!i(this,ot)}"
+            tabindex="${i(this,ot)?"0":"-1"}"
             part="trigger"
-            label="${Ri(l(this,Sa,hc))}"
+            label="${Pn(i(this,ol,Ns))}"
           >
           <slot name="icon" slot="icon"></slot>
           <span>
@@ -6809,162 +7015,91 @@ span {
             <pf-icon icon="angle-up" set="fas"></pf-icon>
           </span>
         </pf-button>
-      `}};ka=new WeakMap,Po=new WeakMap,Mo=new WeakMap,wa=new WeakMap,Ae=new WeakMap,Fi=new WeakSet,Ud=function(){let o=this.getRootNode();return o instanceof Document||o instanceof ShadowRoot?o:document},Sa=new WeakSet,hc=function(){if(!l(this,wa))return this.label??"Back to top"},Pi=new WeakSet,jd=function(o){let a=o.currentTarget.assignedNodes();b(this,wa,a.length>0),this.requestUpdate()},La=new WeakSet,uc=function(){l(this,Mo)?.removeEventListener("scroll",l(this,Jt))},Wa=new WeakSet,vc=function(){if(s(this,La,uc).call(this),this.scrollableSelector?.trim()===""){l(this,Ae).error("scrollable-selector attribute cannot be empty");return}if(b(this,ka,!!this.scrollableSelector),l(this,ka)&&this.scrollableSelector){let o=l(this,Fi,Ud).querySelector(this.scrollableSelector);if(!o){l(this,Ae).error(`unable to find element with selector ${this.scrollableSelector}`);return}b(this,Mo,o)}else b(this,Mo,window);l(this,Mo).addEventListener("scroll",l(this,Jt),{passive:!0}),l(this,Jt).call(this)},Jt=new WeakMap,_o.styles=[Dd],r([Qt({reflect:!0})],_o.prototype,"icon",2),r([Qt({attribute:"icon-set"})],_o.prototype,"iconSet",2),r([Qt({reflect:!0,type:Boolean,attribute:"always-visible"})],_o.prototype,"alwaysVisible",2),r([Qt({reflect:!0,attribute:"scrollable-selector"})],_o.prototype,"scrollableSelector",2),r([Qt({type:Number,attribute:"scroll-distance"})],_o.prototype,"scrollDistance",2),r([Qt()],_o.prototype,"label",2),r([Qt({reflect:!0})],_o.prototype,"href",2),_o=r([Wu("pf-back-to-top")],_o);import{property as Yd}from"lit/decorators/property.js";import{customElement as Fu}from"lit/decorators/custom-element.js";import{LitElement as Eu,html as _c}from"lit";import{property as Hi}from"lit/decorators/property.js";import{css as zu}from"lit";var Mu=zu`:host {
-  display: contents;
+      `}};Qa=new WeakMap,ot=new WeakMap,Uo=new WeakMap,Ja=new WeakMap,lr=new WeakMap,In=new WeakSet,ym=function(){let o=null;return s0?null:(o=this.getRootNode())instanceof Document||o instanceof ShadowRoot?o:document},ol=new WeakSet,Ns=function(){if(!i(this,Ja))return this.label??"Back to top"},Hn=new WeakSet,km=function(o){let a=o.currentTarget.assignedNodes();v(this,Ja,a.length>0),this.requestUpdate()},tl=new WeakSet,js=function(){i(this,Uo)?.removeEventListener("scroll",i(this,me))},el=new WeakSet,qs=function(){if(s(this,tl,js).call(this),this.scrollableSelector?.trim()===""){i(this,lr).error("scrollable-selector attribute cannot be empty");return}if(v(this,Qa,!!this.scrollableSelector),i(this,Qa)&&this.scrollableSelector){let o=i(this,In,ym)?.querySelector?.(this.scrollableSelector);if(!o){i(this,lr).error(`unable to find element with selector ${this.scrollableSelector}`);return}v(this,Uo,o)}else v(this,Uo,window);i(this,Uo).addEventListener("scroll",i(this,me),{passive:!0}),i(this,me).call(this)},me=new WeakMap,zo.styles=[Cm],r([fe({reflect:!0})],zo.prototype,"icon",2),r([fe({attribute:"icon-set"})],zo.prototype,"iconSet",2),r([fe({reflect:!0,type:Boolean,attribute:"always-visible"})],zo.prototype,"alwaysVisible",2),r([fe({reflect:!0,attribute:"scrollable-selector"})],zo.prototype,"scrollableSelector",2),r([fe({type:Number,attribute:"scroll-distance"})],zo.prototype,"scrollDistance",2),r([fe()],zo.prototype,"label",2),r([fe({reflect:!0})],zo.prototype,"href",2),zo=r([p0("pf-back-to-top")],zo);import{LitElement as m0,html as Vs}from"lit";import{property as rl}from"lit/decorators/property.js";import{customElement as g0}from"lit/decorators/custom-element.js";import{css as d0}from"lit";var f0=d0`:host {
+  display: inline-block;
+	--pf-c-avatar--BorderColor: transparent;
+	--pf-c-avatar--BorderWidth: 0;
+	--pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg, 30em);
+	--pf-c-avatar--Width: 2.25rem;
+	--pf-c-avatar--Height: 2.25rem;
+	--pf-c-avatar--m-sm--Width: 1.5rem;
+	--pf-c-avatar--m-sm--Height: 1.5rem;
+	--pf-c-avatar--m-md--Width: 2.25rem;
+	--pf-c-avatar--m-md--Height: 2.25rem;
+	--pf-c-avatar--m-lg--Width: 4.5rem;
+	--pf-c-avatar--m-lg--Height: 4.5rem;
+	--pf-c-avatar--m-xl--Width: 8rem;
+	--pf-c-avatar--m-xl--Height: 8rem;
+	--pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100, #d2d2d2);
+	--pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm, 1px);
+	--pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700, #4f5255);
+	--pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm, 1px);
+	width: var(--pf-c-avatar--Width);
+	height: var(--pf-c-avatar--Height);
+	border-radius: var(--pf-c-avatar--BorderRadius);
 }
 
-svg,
-:host([src]) img {
-  display: inline;
-  object-fit: cover;
+:host([hidden]),
+[hidden] {
+  display: none !important;
 }
 
-:host([hidden]) {
-  display: none;
-}
-`,qd=Mu;var xc=class extends Event{constructor(o){super("load",{bubbles:!0,composed:!0});this.originalEvent=o}},Wt=class extends Eu{constructor(){super(...arguments);this.alt="Avatar image";this.size="sm";this.dark=!1}static{this.styles=[qd]}render(){return this.src!=null?_c`
-      <img
-        size=${this.size}
-        alt=${this.alt??""}
-        @load="${o=>this.dispatchEvent(new xc(o))}"
-        src=${this.src}>
-    `:this.dark?_c`
-      <svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
-        <style>.st1,.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6a6e73}.st2{fill:#4f5255}</style><path d="M0 0h36v36H0z" style="fill:#212427"/>
-        <path d="M30.5 36c-.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.6C6.7 27 5.8 32.2 5.4 36h25.1zM17.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" class="st1"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2zM22.7 36v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h-3.2z" class="st2"/>
-      </svg>
-    `:_c`
-      <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>
-      `}};r([Hi()],Wt.prototype,"src",2),r([Hi({reflect:!0})],Wt.prototype,"alt",2),r([Hi({reflect:!0})],Wt.prototype,"size",2),r([Hi({type:Boolean,reflect:!0})],Wt.prototype,"dark",2);import{css as Tu}from"lit";var Ru=Tu`svg,
+svg,
 img {
-  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));
+  display: inline;
+  object-fit: cover;
+  width: var(--pf-c-avatar--Width);
+  height: var(--pf-c-avatar--Height);
+  border-radius: var(--pf-c-avatar--BorderRadius);
+  border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
 }
 
-:host([border]) :is(img, svg) {
+:host([border]) {
   --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);
-}
-`,Vd=Ru;var oe=class extends Wt{constructor(){super(...arguments);this.size="sm"}};oe.styles=[Vd],r([Yd({reflect:!0})],oe.prototype,"size",2),r([Yd({reflect:!0})],oe.prototype,"border",2),oe=r([Fu("pf-avatar")],oe);import{property as Ii}from"lit/decorators/property.js";import{customElement as tv}from"lit/decorators/custom-element.js";ft();co();import{LitElement as Uu,html as ju}from"lit";import{property as qu}from"lit/decorators/property.js";import{LitElement as Gd,html as zt}from"lit";import{property as Cc}from"lit/decorators/property.js";ft();co();import{css as Pu}from"lit";var Hu=Pu`#heading {
-  font-size: 100%;
-  padding: 0;
-  margin: 0;
-}
-
-button,
-a {
-  cursor: pointer;
-}
-
-.toggle,
-.toggle:before,
-.toggle:after {
-  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;
-}
-`,Xd=Hu;var $u=i=>i instanceof HTMLElement&&!!i.tagName.match(/P|^H[1-6]/),za=class extends F{constructor(o,e,a){super("change");this.expanded=o;this.toggle=e;this.accordion=a}},Ho=class extends Gd{constructor(){super(...arguments);this.expanded=!1;this.#r=new y(this)}static{this.styles=[Xd]}static{this.shadowRootOptions={...Gd.shadowRootOptions,delegatesFocus:!0}}#o;#r;#t;connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.#i),this.hidden=!0,this.id||=Y(this.localName),this.#a()}async#a(){this.headingText&&!this.headingTag&&(this.headingTag="h3"),this.#t=this.#l(),this.#t!==this.#o&&(this.#o=void 0);do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1}render(){switch(this.headingTag){case"h1":return zt`<h1 id="heading">${this.#e()}</h1>`;case"h2":return zt`<h2 id="heading">${this.#e()}</h2>`;case"h3":return zt`<h3 id="heading">${this.#e()}</h3>`;case"h4":return zt`<h4 id="heading">${this.#e()}</h4>`;case"h5":return zt`<h5 id="heading">${this.#e()}</h5>`;case"h6":return zt`<h6 id="heading">${this.#e()}</h6>`;default:return this.#e()}}#e(){let o=this.headingText?.trim()??this.#t?.textContent?.trim();return zt`
-      <button id="button"
-              class="toggle"
-              aria-expanded="${String(!!this.expanded)}">
-        <span part="text">${o??zt`
-          <slot></slot>`}
-        </span>
-        ${this.renderAfterButton?.()}
-      </button>
-    `}#l(){if(!this.firstElementChild&&!this.firstChild)return void this.#r.warn("No header content provided");if(this.firstElementChild){let[o,...e]=Array.from(this.children).filter(a=>!a.hasAttribute("slot")&&$u(a));if(o)e.length&&this.#r.warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void this.#r.warn("No heading information was provided.");return o}else return this.#o||this.#r.warn("Header should contain at least 1 heading tag for correct semantics."),this.#o=document.createElement("h3"),this.firstChild?.nodeType===Node.TEXT_NODE?this.#o.textContent=this.firstChild.textContent:this.#o.textContent=this.textContent,this.#o}#i(o){let e=!this.expanded,a=o.composedPath().find(Oe.isAccordion);a&&this.dispatchEvent(new za(e,this,a))}};r([Cc({type:Boolean,reflect:!0})],Ho.prototype,"expanded",2),r([Cc({reflect:!0,attribute:"heading-text"})],Ho.prototype,"headingText",2),r([Cc({reflect:!0,attribute:"heading-tag"})],Ho.prototype,"headingTag",2);import{LitElement as Ou,html as Du}from"lit";import{property as Nu}from"lit/decorators/property.js";import{css as Iu}from"lit";var Au=Iu`:host {
-  display: none;
-  overflow: hidden;
-  will-change: height;
+:host([border="dark"]) {
+  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
 }
 
-:host([expanded]) {
-  display: block;
-  position: relative;
+:host([size="sm"]) {
+  --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width);
+  --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height);
 }
 
-:host([fixed]) {
-  overflow-y: auto;
+:host([size="md"]) {
+  --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width);
+  --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height);
 }
 
-.body {
-  position: relative;
-  overflow: hidden;
+:host([size="lg"]) {
+  --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
+  --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);
 }
 
-.body:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
+:host([size="xl"]) {
+  --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
+  --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);
 }
-`,Kd=Au;var Mt=class extends Ou{constructor(){super(...arguments);this.expanded=!1}static{this.styles=[Kd]}connectedCallback(){super.connectedCallback(),this.id||=Y(this.localName),this.setAttribute("role","region")}render(){return Du`
-      <div tabindex="-1">
-        <div id="container" class="content" part="container">
-          <div class="body">
-            <slot></slot>
-          </div>
-        </div>
-      </div>
-    `}};r([Nu({type:Boolean,reflect:!0})],Mt.prototype,"expanded",2);var Bc=class extends F{constructor(o,e){super("expand");this.toggle=o;this.panel=e}},yc=class extends F{constructor(o,e){super("collapse");this.toggle=o;this.panel=e}},$o=class $o extends Uu{constructor(){super(...arguments);this.#r=new N(this,{getItems:()=>this.headers});this.#t=[];this.expandedSets=new Set;this.#e=new y(this);this.#l=!1;this.#i=new MutationObserver(()=>this.#f())}static isAccordion(o){return o instanceof $o}static isHeader(o){return o instanceof Ho}static isPanel(o){return o instanceof Mt}static#o(o){return o instanceof za}#r;#t;get expandedIndex(){return this.#t}set expandedIndex(o){let e=this.#t;this.#t=o,JSON.stringify(e)!==JSON.stringify(o)&&(this.requestUpdate("expandedIndex",e),this.collapseAll().then(async()=>{for(let a of this.expandedIndex)await this.expand(a,this)}))}get headers(){return this.#p()}get panels(){return this.#b()}get#a(){let{headers:o}=this,e=o.findIndex(a=>a.matches(":focus,:focus-within"));return e>-1?o.at(e):void 0}#e;#l;async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all([...this.#p().map(a=>a.updateComplete),...this.#b().map(a=>a.updateComplete)]);return o&&e.every(Boolean)}#i;connectedCallback(){super.connectedCallback(),this.addEventListener("change",this.#u),this.#i.observe(this,{childList:!0}),this.#f()}render(){return ju`
-      <slot></slot>
-    `}async firstUpdated(){let{headers:o}=this;o.forEach((e,a)=>{if(e.expanded){this.#c(e,a);let c=this.#n(e);c&&this.#s(c)}})}async#f(){this.#l||=!!await this.updateComplete,this.addEventListener("focusin",this.#h),this.updateAccessibility()}#h(){this.#a!==this.#r.activeItem&&this.#r.setActiveItem(this.#a)}#n(o){let e=o.nextElementSibling;return $o.isPanel(e)?e:void this.#e.error("Sibling element to a header needs to be a panel")}#c(o,e=this.#d(o)){this.expandedSets.add(e),this.#t=[...this.expandedSets],o.expanded=!0}#s(o){o.expanded=!0,o.hidden=!1}async#m(o,e=this.#d(o)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(e),o.expanded=!1,await o.updateComplete}async#g(o){await o.updateComplete,o.expanded&&(o.expanded=!1,o.hidden=!0)}#u(o){if($o.#o(o)){let e=this.#d(o.target);o.expanded?this.expand(e,o.accordion):this.collapse(e)}}#p(o=this){return Array.from(o.children).filter($o.isHeader)}#b(o=this){return Array.from(o.children).filter($o.isPanel)}#d(o){return $o.isHeader(o)?this.headers.findIndex(e=>e.id===o.id):$o.isPanel(o)?this.panels.findIndex(e=>e.id===o.id):(this.#e.warn("The #getIndex method expects to receive a header or panel element."),-1)}updateAccessibility(){this.#r.updateItems();let{headers:o}=this;o.forEach(e=>{let a=this.#n(e);a&&(e.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",e.id),a.hidden=!a.expanded)})}async toggle(o){let{headers:e}=this;e[o].expanded?await this.collapse(o):await this.expand(o)}async expand(o,e){let c=this.#p(e)[o];if(!c)return;let p=this.#n(c);p&&(this.#c(c,o),this.#s(p),c.focus(),this.dispatchEvent(new Bc(c,p)),await this.updateComplete)}async expandAll(){this.headers.forEach(o=>this.#c(o)),this.panels.forEach(o=>this.#s(o)),await this.updateComplete}async collapse(o){let e=this.headers.at(o),a=this.panels.at(o);!e||!a||(this.#m(e),this.#g(a),this.dispatchEvent(new yc(e,a)),await this.updateComplete)}async collapseAll(){this.headers.forEach(o=>this.#m(o)),this.panels.forEach(o=>this.#g(o)),await this.updateComplete}};r([qu({attribute:"expanded-index",converter:Mc})],$o.prototype,"expandedIndex",1);var Oe=$o;import{html as Qd}from"lit";import{customElement as Xu}from"lit/decorators/custom-element.js";import{property as kc}from"lit/decorators/property.js";import{css as Vu}from"lit";var Yu=Vu`:host {
+`,wm=f0;var Ys=class extends Event{constructor(o){super("load",{bubbles:!0});this.originalEvent=o}},$n,Sm,tt=class extends m0{constructor(){super(...arguments);n(this,$n);this.alt="Avatar image";this.size="sm";this.dark=!1}render(){return this.src!=null?Vs`
+      <img id="img"
+           alt="${this.alt??""}"
+           src=${this.src}
+           @load="${s(this,$n,Sm)}">
+    `:this.dark?Vs`
+      <svg xmlns="http://www.w3.org/2000/svg"
+           style="enable-background:new 0 0 36 36"
+           viewBox="0 0 36 36">
+        <style>.st1,.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6a6e73}.st2{fill:#4f5255}</style><path d="M0 0h36v36H0z" style="fill:#212427"/>
+        <path d="M30.5 36c-.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.6C6.7 27 5.8 32.2 5.4 36h25.1zM17.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" class="st1"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2zM22.7 36v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h-3.2z" class="st2"/>
+      </svg>
+    `:Vs`
+      <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>
+      `}};$n=new WeakSet,Sm=function(o){this.dispatchEvent(new Ys(o))},tt.styles=[wm],r([rl()],tt.prototype,"src",2),r([rl({reflect:!0})],tt.prototype,"alt",2),r([rl({reflect:!0})],tt.prototype,"size",2),r([rl({reflect:!0})],tt.prototype,"border",2),r([rl({type:Boolean,reflect:!0})],tt.prototype,"dark",2),tt=r([g0("pf-avatar")],tt);import{LitElement as S0,html as L0}from"lit";import{property as ll}from"lit/decorators/property.js";import{customElement as z0}from"lit/decorators/custom-element.js";vr();mo();import{LitElement as zm,html as Dt}from"lit";import{customElement as u0}from"lit/decorators/custom-element.js";import{property as ir}from"lit/decorators/property.js";mo();import{css as b0}from"lit";var h0=b0`:host {
   --pf-icon--size: var(--pf-c-accordion__toggle--IconSize, 10px);
 
   color: var(--pf-c-accordion__toggle--Color, var(--pf-global--Color--100, #151515));
@@ -6998,11 +7133,21 @@ span {
 
 #heading {
   font-weight: var(--pf-c-accordion__toggle--FontWeight, var(--pf-global--FontWeight--normal, 400));
+  font-size: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+button,
+a {
+  cursor: pointer;
 }
 
 .toggle,
 .toggle:before,
 .toggle:after {
+  padding: 0;
+  margin: 0;
   background-color: var(--pf-c-accordion__toggle--BackgroundColor, transparent);
 }
 
@@ -7011,6 +7156,12 @@ span {
 }
 
 .toggle {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  border: 0;
   padding:
     var(--pf-c-accordion__toggle--PaddingTop, var(--pf-global--spacer--md, 0.5rem))
     var(--pf-c-accordion__toggle--PaddingRight, var(--pf-global--spacer--md, 1rem))
@@ -7043,9 +7194,16 @@ span {
   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);
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
 }
 
 span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   max-width: var(--pf-c-accordion__toggle-text--MaxWidth,
     calc(100% - var(--pf-global--spacer--lg, 1.5rem)));
 }
@@ -7073,16 +7231,29 @@ span {
   font-weight: var(--pf-c-accordion__toggle--active-text--FontWeight,
       var(--pf-global--FontWeight--semi-bold, 700));
 }
-`,Zd=Yu;uo();var $i,Et=class extends Ho{constructor(){super(...arguments);n(this,$i,new k(this,"accents",null))}renderAfterButton(){return Qd`${l(this,$i).hasSlotted("accents")?Qd`
-      <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>
-    `}};$i=new WeakMap,Et.styles=[...Ho.styles,Zd],r([kc({reflect:!0})],Et.prototype,"bordered",2),r([kc({reflect:!0})],Et.prototype,"icon",2),r([kc({reflect:!0,attribute:"icon-set"})],Et.prototype,"iconSet",2),Et=r([Xu("pf-accordion-header")],Et);import{customElement as Zu}from"lit/decorators/custom-element.js";import{property as Qu}from"lit/decorators/property.js";import{css as Gu}from"lit";var Ku=Gu`:host {
+`,Lm=h0;ko();var v0=l=>l instanceof HTMLElement&&!!l.tagName.match(/P|^H[1-6]/),al=class extends Event{constructor(o,e,a){super("change",{bubbles:!0});this.expanded=o;this.toggle=e;this.accordion=a}},et,ge,nr,An,On,Wm,Dn,Tm,Un,Em,po=class extends zm{constructor(){super(...arguments);n(this,On);n(this,Dn);n(this,Un);this.expanded=!1;n(this,et,void 0);n(this,ge,new k(this));n(this,nr,void 0);n(this,An,new T(this,"accents",null))}connectedCallback(){super.connectedCallback(),this.id||=N(this.localName),s(this,On,Wm).call(this)}render(){let o=this.headingText?.trim()??i(this,nr)?.textContent?.trim(),e=Dt`
+      <button id="button"
+              class="toggle"
+              @click="${s(this,Un,Em)}"
+              aria-expanded="${String(!!this.expanded)}">
+        <span part="text">${o??Dt`
+          <slot></slot>`}
+        </span>
+        <span part="accents" ?hidden="${i(this,An).isEmpty("accents")}">
+          <slot name="accents"></slot>
+        </span>
+        <pf-icon part="icon"
+                 class="icon"
+                 size="lg"
+                 set="${this.iconSet??"fas"}"
+                 icon="${this.icon??"angle-right"}"
+        ></pf-icon>
+      </button>
+    `;switch(this.headingTag){case"h1":return Dt`<h1 id="heading">${e}</h1>`;case"h2":return Dt`<h2 id="heading">${e}</h2>`;case"h3":return Dt`<h3 id="heading">${e}</h3>`;case"h4":return Dt`<h4 id="heading">${e}</h4>`;case"h5":return Dt`<h5 id="heading">${e}</h5>`;case"h6":return Dt`<h6 id="heading">${e}</h6>`;default:return e}}};et=new WeakMap,ge=new WeakMap,nr=new WeakMap,An=new WeakMap,On=new WeakSet,Wm=async function(){this.headingText&&(this.headingTag||="h3"),v(this,nr,s(this,Dn,Tm).call(this)),i(this,nr)!==i(this,et)&&v(this,et,void 0);do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},Dn=new WeakSet,Tm=function(){if(!this.firstElementChild&&!this.firstChild)return void i(this,ge).warn("No header content provided");if(this.firstElementChild){let[o,...e]=Array.from(this.children).filter(a=>!a.hasAttribute("slot")&&v0(a));if(o)e.length&&i(this,ge).warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void i(this,ge).warn("No heading information was provided.");return o}else return i(this,et)||i(this,ge).warn("Header should contain at least 1 heading tag for correct semantics."),v(this,et,document.createElement("h3")),this.firstChild?.nodeType===Node.TEXT_NODE?i(this,et).textContent=this.firstChild.textContent:i(this,et).textContent=this.textContent,i(this,et)},Un=new WeakSet,Em=function(){let o=!this.expanded,e=this.closest("pf-accordion");e&&this.dispatchEvent(new al(o,this,e))},po.styles=[Lm],po.shadowRootOptions={...zm.shadowRootOptions,delegatesFocus:!0},r([ir({reflect:!0})],po.prototype,"bordered",2),r([ir({reflect:!0})],po.prototype,"icon",2),r([ir({reflect:!0,attribute:"icon-set"})],po.prototype,"iconSet",2),r([ir({type:Boolean,reflect:!0})],po.prototype,"expanded",2),r([ir({reflect:!0,attribute:"heading-text"})],po.prototype,"headingText",2),r([ir({reflect:!0,attribute:"heading-tag"})],po.prototype,"headingTag",2),po=r([u0("pf-accordion-header")],po);import{LitElement as C0,html as B0}from"lit";import{customElement as y0}from"lit/decorators/custom-element.js";import{property as Mm}from"lit/decorators/property.js";import{css as _0}from"lit";var x0=_0`:host {
+  display: none;
+  position: relative;
+  overflow: hidden;
+  will-change: height;
   color: var(--pf-global--Color--100, #151515);
   background-color:
     var(
@@ -7100,6 +7271,11 @@ span {
 }
 
 .body:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
   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);
 }
@@ -7130,9 +7306,15 @@ span {
 }
 
 :host([fixed]) {
+  overflow-y: auto;
   max-height: var(--pf-c-accordion__panel--m-fixed--MaxHeight, 9.375rem);
 }
 
+:host([expanded]) {
+  display: block;
+  position: relative;
+}
+
 .content[expanded],
 :host([expanded]) .content {
   --pf-c-accordion__panel-body--before--BackgroundColor:
@@ -7140,7 +7322,15 @@ span {
       --pf-c-accordion__panel--content-body--before--BackgroundColor,
       var(--pf-global--primary-color--100, #0066cc));
 }
-`,Jd=Ku;var De=class extends Mt{};De.styles=[...Mt.styles,Jd],r([Qu({reflect:!0})],De.prototype,"bordered",2),De=r([Zu("pf-accordion-panel")],De);import{css as Ju}from"lit";var ov=Ju`:host {
+`,Rm=x0;var No=class extends C0{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||=N(this.localName),this.setAttribute("role","region")}render(){return B0`
+      <div tabindex="-1">
+        <div id="container" class="content" part="container">
+          <div class="body">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `}};No.styles=[Rm],r([Mm({type:Boolean,reflect:!0})],No.prototype,"expanded",2),r([Mm({reflect:!0})],No.prototype,"bordered",2),No=r([y0("pf-accordion-panel")],No);import{css as k0}from"lit";var w0=k0`:host {
 	--pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100, #fff);
 	--pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm, 0.5rem);
 	--pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md, 1rem);
@@ -7231,6 +7421,8 @@ span {
   display: block;
   border-bottom: 1px solid var(--accordion__bordered--Color);
 }
-`,of=ov;var ct=class extends Oe{constructor(){super(...arguments);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1}async firstUpdated(){let o=null;if(this.single){let e=[...this.querySelectorAll("pf-accordion-header")],a=e.filter(c=>c.hasAttribute("expanded")).pop();a&&(o=e.indexOf(a))}await super.firstUpdated(),o!==null&&this.headers.forEach((e,a)=>{this.headers.at(a)?.toggleAttribute("expanded",a===o),this.panels.at(a)?.toggleAttribute("expanded",a===o)})}async expand(o,e){if(o===-1)return;let a=this.headers;this.single&&await Promise.all([...a.map((c,p)=>c.expanded&&this.collapse(p))]),await super.expand(o,e)}};ct.styles=[of],r([Ii({reflect:!0,type:Boolean})],ct.prototype,"single",2),r([Ii({type:Boolean,reflect:!0})],ct.prototype,"bordered",2),r([ho(function(){[...this.headers,...this.panels].forEach(e=>e.toggleAttribute("large",this.large))}),Ii({type:Boolean,reflect:!0})],ct.prototype,"large",2),r([Ii({type:Boolean,reflect:!0})],ct.prototype,"fixed",2),ct=r([tv("pf-accordion")],ct);export{fa as DropdownItemChange,Vn as ModalCancelEvent,Yn as ModalCloseEvent,Xn as ModalOpenEvent,ct as PfAccordion,Et as PfAccordionHeader,De as PfAccordionPanel,oe as PfAvatar,_o as PfBackToTop,vo as PfBackgroundImage,et as PfBadge,Lt as PfBanner,R as PfButton,Fr as PfCaption,nt as PfCard,it as PfChip,Z as PfChipGroup,dc as PfChipGroupExpandEvent,fc as PfChipGroupRemoveEvent,Ca as PfChipRemoveEvent,H as PfClipboardCopy,Ee as PfCodeBlock,Wo as PfDropdown,lt as PfDropdownGroup,P as PfDropdownItem,Lo as PfDropdownMenu,ec as PfDropdownSelectEvent,xt as PfIcon,So as PfJumpLinks,Fo as PfJumpLinksItem,da as PfJumpLinksList,mo as PfLabel,M as PfModal,yo as PfOption,Ut as PfOptionGroup,qt as PfPanel,v as PfPopover,po as PfProgress,wo as PfProgressStep,Ro as PfProgressStepper,$ as PfSelect,Rn as PfSelectChangeEvent,Lr as PfSpinner,Hr as PfSwitch,Yo as PfTab,me as PfTabPanel,Qo as PfTable,U as PfTabs,Rr as PfTbody,Zo as PfTd,V as PfTextArea,w as PfTextInput,Bo as PfTh,Er as PfThead,Ft as PfTile,to as PfTimestamp,io as PfTooltip,Ko as PfTr,Dn as PopoverHiddenEvent,On as PopoverHideEvent,Nn as PopoverShowEvent,Un as PopoverShownEvent,kt as RequestExpandEvent,Tr as RequestSortEvent};
+`,Fm=w0;var Xs=class extends Event{constructor(o,e){super("expand",{bubbles:!0,cancelable:!0});this.toggle=o;this.panel=e}},Ks=class extends Event{constructor(o,e){super("collapse",{bubbles:!0,cancelable:!0});this.toggle=o;this.panel=e}},il,Xn,Kn,cr,be,sr,Nn,nl,Gs,pr,jn,dr,qn,fr,Vn,cl,Zs,sl,Qs,pl,Js,dl,op,mr,Yn,yo=class extends S0{constructor(){super(...arguments);n(this,sr);n(this,nl);n(this,pr);n(this,dr);n(this,fr);n(this,cl);n(this,sl);n(this,pl);n(this,dl);n(this,mr);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1;n(this,il,new k(this));n(this,Xn,!1);n(this,Kn,new MutationObserver(()=>s(this,nl,Gs).call(this)));n(this,cr,co.of(this,{getItems:()=>this.headers}));n(this,be,[]);this.expandedSets=new Set}get expandedIndex(){return i(this,be)}set expandedIndex(o){let e=i(this,be);v(this,be,o),i(this,cr).atFocusedItemIndex=o.at(-1)??-1,JSON.stringify(e)!==JSON.stringify(o)&&(this.requestUpdate("expandedIndex",e),this.collapseAll().then(async()=>{for(let a of this.expandedIndex)await this.expand(a)}))}get headers(){return s(this,pl,Js).call(this)}get panels(){return s(this,dl,op).call(this)}connectedCallback(){super.connectedCallback(),i(this,Kn).observe(this,{childList:!0}),s(this,nl,Gs).call(this)}render(){return L0`
+      <slot></slot>
+    `}async firstUpdated(){let o,{headers:e,single:a}=this,c=e.filter(p=>p.hasAttribute("expanded")).pop();c&&(o=e.indexOf(c)),e.forEach((p,f)=>{if(p.expanded&&(!a||f===o)){s(this,dr,qn).call(this,p,f);let b=s(this,pr,jn).call(this,p);b&&s(this,fr,Vn).call(this,b)}})}async getUpdateComplete(){let o=await super.getUpdateComplete(),e=await Promise.all([...s(this,pl,Js).call(this).map(a=>a.updateComplete),...s(this,dl,op).call(this).map(a=>a.updateComplete)]);return o&&e.every(Boolean)}largeChanged(){for(let o of[...this.headers,...this.panels])o.toggleAttribute("large",this.large)}updateActiveHeader(){i(this,sr,Nn)&&i(this,sr,Nn)!==this.headers.at(i(this,cr).atFocusedItemIndex)&&(i(this,cr).atFocusedItemIndex=this.headers.indexOf(i(this,sr,Nn)))}onChange(o){if(o instanceof al&&o.accordion===this){let e=s(this,mr,Yn).call(this,o.target);o.expanded?this.expand(e):this.collapse(e),o.stopPropagation()}}updateAccessibility(){let{headers:o}=this;o.forEach(e=>{let a=s(this,pr,jn).call(this,e);a&&(e.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",e.id),a.hidden=!a.expanded)})}async expand(o){if(o===-1)return;this.single&&await Promise.all([...this.headers.map((c,p)=>c.expanded&&this.collapse(p))]);let e=this.headers[o];if(!e)return;let a=s(this,pr,jn).call(this,e);a&&(s(this,dr,qn).call(this,e,o),s(this,fr,Vn).call(this,a),this.dispatchEvent(new Xs(e,a)),await this.updateComplete)}async collapse(o){let e=this.headers.at(o),a=this.panels.at(o);!e||!a||(s(this,cl,Zs).call(this,e),s(this,sl,Qs).call(this,a),this.dispatchEvent(new Ks(e,a)),await this.updateComplete)}async toggle(o){let{headers:e}=this;e[o].expanded?await this.collapse(o):await this.expand(o)}async expandAll(){this.headers.forEach(o=>s(this,dr,qn).call(this,o)),this.panels.forEach(o=>s(this,fr,Vn).call(this,o)),await this.updateComplete}async collapseAll(){this.headers.forEach(o=>s(this,cl,Zs).call(this,o)),this.panels.forEach(o=>s(this,sl,Qs).call(this,o)),await this.updateComplete}};il=new WeakMap,Xn=new WeakMap,Kn=new WeakMap,cr=new WeakMap,be=new WeakMap,sr=new WeakSet,Nn=function(){let{headers:o}=this,e=o.findIndex(a=>a.matches(":focus,:focus-within"));return e>-1?o.at(e):void 0},nl=new WeakSet,Gs=async function(){i(this,Xn)||v(this,Xn,!!await this.updateComplete),this.updateAccessibility()},pr=new WeakSet,jn=function(o){let e=o.nextElementSibling;return e instanceof No?e:void i(this,il).error("Sibling element to a header needs to be a panel")},dr=new WeakSet,qn=function(o,e=s(this,mr,Yn).call(this,o)){this.expandedSets.add(e),v(this,be,[...this.expandedSets]),o.expanded=!0},fr=new WeakSet,Vn=function(o){o.expanded=!0,o.hidden=!1},cl=new WeakSet,Zs=async function(o,e=s(this,mr,Yn).call(this,o)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(e),o.expanded=!1,await o.updateComplete},sl=new WeakSet,Qs=async function(o){await o.updateComplete,o.expanded&&(o.expanded=!1,o.hidden=!0)},pl=new WeakSet,Js=function(o=this){return Array.from(o.children??[]).filter(e=>e instanceof po)},dl=new WeakSet,op=function(o=this){return Array.from(o.children??[]).filter(e=>e instanceof No)},mr=new WeakSet,Yn=function(o){return o instanceof po?this.headers.findIndex(e=>e.id===o.id):o instanceof No?this.panels.findIndex(e=>e.id===o.id):(i(this,il).warn("The #getIndex method expects to receive a header or panel element."),-1)},yo.styles=[Fm],r([ll({reflect:!0,type:Boolean})],yo.prototype,"single",2),r([ll({type:Boolean,reflect:!0})],yo.prototype,"bordered",2),r([ll({type:Boolean,reflect:!0})],yo.prototype,"large",2),r([ll({type:Boolean,reflect:!0})],yo.prototype,"fixed",2),r([ll({attribute:"expanded-index",converter:ap})],yo.prototype,"expandedIndex",1),r([L("large")],yo.prototype,"largeChanged",1),r([yc("focusin")],yo.prototype,"updateActiveHeader",1),r([yc("change")],yo.prototype,"onChange",1),yo=r([z0("pf-accordion")],yo);export{Oa as DropdownItemChange,Xl as IconResolveError,xs as LabelCloseEvent,us as ModalCancelEvent,vs as ModalCloseEvent,_s as ModalOpenEvent,yo as PfAccordion,Ks as PfAccordionCollapseEvent,Xs as PfAccordionExpandEvent,po as PfAccordionHeader,al as PfAccordionHeaderChangeEvent,No as PfAccordionPanel,tt as PfAvatar,Ys as PfAvatarLoadEvent,zo as PfBackToTop,Lo as PfBackgroundImage,Bt as PfBadge,Ot as PfBanner,F as PfButton,ra as PfCaption,Lt as PfCard,Ct as PfChip,eo as PfChipGroup,As as PfChipGroupExpandEvent,Sn as PfChipGroupRemoveEvent,te as PfChipRemoveEvent,q as PfClipboardCopy,Is as PfClipboardCopyCopiedEvent,or as PfCodeBlock,Oo as PfDropdown,wt as PfDropdownGroup,j as PfDropdownItem,Ao as PfDropdownMenu,Es as PfDropdownSelectEvent,W as PfIcon,Ho as PfJumpLinks,Io as PfJumpLinksItem,Aa as PfJumpLinksList,Bo as PfLabel,M as PfModal,so as PfOption,ee as PfOptionGroup,ae as PfPanel,C as PfPopover,xo as PfProgress,Po as PfProgressStep,Jo as PfProgressStepper,w as PfSelect,es as PfSelectChangeEvent,Zt as PfSpinner,Go as PfSwitch,Ro as PfTab,Se as PfTabPanel,ht as PfTable,X as PfTabs,ea as PfTbody,bt as PfTd,ao as PfTextArea,R as PfTextInput,Mo as PfTh,oa as PfThead,jt as PfTile,fo as PfTimestamp,bo as PfTooltip,gt as PfTr,fs as PopoverHiddenEvent,ds as PopoverHideEvent,ms as PopoverShowEvent,gs as PopoverShownEvent,It as RequestExpandEvent,ta as RequestSortEvent};
 /*! For license information please see pfe.min.js.LEGAL.txt */
 //# sourceMappingURL=pfe.min.js.map