@patternfly/elements 1.0.0 → 2.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +46 -3
- package/pf-accordion/pf-accordion.js +0 -1
- package/pf-accordion/pf-accordion.js.map +1 -1
- package/pf-button/demo/form-control.js +1 -0
- package/pf-button/demo/pf-button.js +1 -0
- package/pf-jump-links/demo/pf-jump-links.js +1 -0
- package/pf-jump-links/demo/scrollspy-with-subsections.js +1 -0
- package/pf-progress-stepper/demo/pf-progress-stepper.js +1 -0
- package/pf-tabs/demo/pf-tabs.js +1 -0
- package/pfe.min.js +108 -100
- package/pfe.min.js.LEGAL.txt +0 -0
- package/pfe.min.js.map +4 -4
- package/pfe.d.ts +0 -19
- package/pfe.js +0 -20
- package/pfe.js.map +0 -1
package/pfe.min.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e,r)=>{for(var l=r>1?void 0:r?El(n,e):n,p=s.length-1,c;p>=0;p--)(c=s[p])&&(l=(r?c(n,e,l):c(l))||l);return r&&l&&Ml(n,e,l),l};var Dr=(s,n,e)=>{if(!n.has(s))throw TypeError("Cannot "+e)};var o=(s,n,e)=>(Dr(s,n,"read from private field"),e?e.call(s):n.get(s)),a=(s,n,e)=>{if(n.has(s))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(s):n.set(s,e)},d=(s,n,e,r)=>(Dr(s,n,"write to private field"),r?r.call(s,e):n.set(s,e),e);var i=(s,n,e)=>(Dr(s,n,"access private method"),e);import{html as qo}from"lit";import{customElement as li,property as Jr}from"lit/decorators.js";import{SlotController as ii}from"@patternfly/pfe-core/controllers/slot-controller.js";import{LitElement as Oo,html as Kl}from"lit";import{property as Xr}from"lit/decorators.js";import{unsafeStatic as Xl,html as Ql}from"lit/static-html.js";import{LitElement as Ol,html as Nl}from"lit";import{property as Pl}from"lit/decorators.js";import{observed as Gl}from"@patternfly/pfe-core/decorators.js";import{NumberListConverter as Ul,ComposedEvent as Fo}from"@patternfly/pfe-core";import{Logger as ql}from"@patternfly/pfe-core/controllers/logger.js";import{LitElement as Hl,html as $l}from"lit";import{property as Il}from"lit/decorators.js";import{getRandomId as jl}from"@patternfly/pfe-core/functions/random.js";import{css as Fl}from"lit";var Rl=Fl`:host{display:none;overflow:hidden;will-change:height}:host([expanded]){display:block;position:relative}:host(.animating){display:block;transition:height .3s ease-in-out}:host([fixed]){overflow-y:auto}.body{position:relative}.body:after{content:"";position:absolute;top:0;bottom:0;left:0}`,Mo=Rl;var $=class extends Hl{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=jl(this.localName)),this.setAttribute("role","region")}render(){return $l`
|
|
2
|
+
<div tabindex="-1">
|
|
3
|
+
<div id="container" class="content" part="container">
|
|
4
|
+
<div class="body">
|
|
5
|
+
<slot></slot>
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
`}};$.styles=[Mo],t([Il({type:Boolean,reflect:!0})],$.prototype,"expanded",2);import{css as Dl}from"lit";var Al=Dl`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,Eo=Al;var Vl=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,Ar=class extends Fo{constructor(e,r){super("expand");this.toggle=e;this.panel=r}},Or=class extends Fo{constructor(e,r){super("collapse");this.toggle=e;this.panel=r}},qe,Rt,Ve,Ht,$t,Ze,Nr,Ye,Pr,Ke,Gr,Xe,Ur,Qe,qr,Je,Vr,et,Zr,tt,Yr,It,Ro,jt,Ho,xe,Et,rt,Kr,Dt,$o,At,Io,Ot,jo,Nt,Do,ye,Ft,I=class extends Ol{constructor(){super(...arguments);a(this,Ze);a(this,Ye);a(this,Ke);a(this,Xe);a(this,Qe);a(this,Je);a(this,et);a(this,tt);a(this,It);a(this,jt);a(this,xe);a(this,rt);a(this,Dt);a(this,At);a(this,Ot);a(this,Nt);a(this,ye);this.expandedIndex=[];this.expandedSets=new Set;a(this,qe,new ql(this));a(this,Rt,getComputedStyle(this));a(this,Ve,i(this,et,Zr).call(this));a(this,Ht,!1);a(this,$t,new MutationObserver(()=>i(this,Ze,Nr).call(this)))}static isAccordion(e){return e instanceof I}static isHeader(e){return e instanceof w}static isPanel(e){return e instanceof $}get headers(){return i(this,xe,Et).call(this)}get panels(){return i(this,rt,Kr).call(this)}async getUpdateComplete(){let e=await super.getUpdateComplete(),r=await Promise.all([...i(this,xe,Et).call(this).map(l=>l.updateComplete),...i(this,rt,Kr).call(this).map(l=>l.updateComplete)]);return e&&r.every(Boolean)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",i(this,It,Ro)),this.addEventListener("keydown",i(this,jt,Ho)),o(this,$t).observe(this,{childList:!0}),i(this,Ze,Nr).call(this)}render(){return Nl`
|
|
10
|
+
<slot></slot>
|
|
11
|
+
`}async firstUpdated(){let{headers:e}=this;for(let r of e.filter(l=>l.expanded))await this.expand(e.indexOf(r))}updateAccessibility(){let{headers:e}=this;e.forEach(r=>{let l=i(this,Ye,Pr).call(this,r);l&&(r.setAttribute("aria-controls",l.id),l.setAttribute("aria-labelledby",r.id),l.hidden=!l.expanded)})}async toggle(e){let{headers:r}=this;r[e].expanded?await this.collapse(e):await this.expand(e)}async expand(e,r){if(e===-1)return;let p=i(this,xe,Et).call(this,r)[e];if(!p)return;let c=i(this,Ye,Pr).call(this,p);c&&(i(this,Ke,Gr).call(this,p,e),i(this,Xe,Ur).call(this,c),p.focus(),this.dispatchEvent(new Ar(p,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(e=>i(this,Ke,Gr).call(this,e)),this.panels.forEach(e=>i(this,Xe,Ur).call(this,e)),await this.updateComplete}async collapse(e){let r=this.headers.at(e),l=this.panels.at(e);!r||!l||(i(this,Qe,qr).call(this,r),i(this,Je,Vr).call(this,l),this.dispatchEvent(new Or(r,l)),await this.updateComplete)}async collapseAll(){this.headers.forEach(e=>i(this,Qe,qr).call(this,e)),this.panels.forEach(e=>i(this,Je,Vr).call(this,e)),await this.updateComplete}},j=I;qe=new WeakMap,Rt=new WeakMap,Ve=new WeakMap,Ht=new WeakMap,$t=new WeakMap,Ze=new WeakSet,Nr=async function(){o(this,Ht)||d(this,Ht,!!await this.updateComplete),this.updateAccessibility()},Ye=new WeakSet,Pr=function(e){let r=e.nextElementSibling;return I.isPanel(r)?r:void o(this,qe).error("Sibling element to a header needs to be a panel")},Ke=new WeakSet,Gr=function(e,r=i(this,ye,Ft).call(this,e)){this.expandedSets.add(r),e.expanded=!0},Xe=new WeakSet,Ur=async function(e){e.expanded=!0,e.hidden=!1,await e.updateComplete;let r=e.getBoundingClientRect();i(this,tt,Yr).call(this,e,0,r.height)},Qe=new WeakSet,qr=async function(e,r=i(this,ye,Ft).call(this,e)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(r),e.expanded=!1,await e.updateComplete},Je=new WeakSet,Vr=async function(e){if(await e.updateComplete,!e.expanded)return;let r=e.getBoundingClientRect();e.expanded=!1,e.hidden=!0,i(this,tt,Yr).call(this,e,r.height,0),await e.updateComplete},et=new WeakSet,Zr=function(){if("computedStyleMap"in this)return this.computedStyleMap().get("transition-duration")?.to("ms").value;{let{transitionDuration:e}=o(this,Rt),r=Vl.exec(e)?.groups;if(!r)return 0;let l=parseFloat(e);return r.unit==="s"?l*1e3:l}},tt=new WeakSet,Yr=async function(e,r,l){if(e){let p=e.previousElementSibling,c=i(this,et,Zr).call(this);c&&d(this,Ve,c);let k=o(this,Ve)??0;p?.classList.add("animating"),e.classList.add("animating");let z=e.animate({height:[`${r}px`,`${l}px`]},{duration:k});z.play(),await z.finished,p?.classList.remove("animating"),e.classList.remove("animating"),e.style.removeProperty("height"),e.hidden=!e.expanded}},It=new WeakSet,Ro=function(e){if(this.classList.contains("animating"))return;let r=i(this,ye,Ft).call(this,e.target);e.expanded?this.expand(r,e.accordion):this.collapse(r)},jt=new WeakSet,Ho=async function(e){let r=e.target;if(!I.isHeader(r))return;let l;switch(e.key){case"ArrowDown":e.preventDefault(),l=i(this,At,Io).call(this);break;case"ArrowUp":e.preventDefault(),l=i(this,Dt,$o).call(this);break;case"Home":e.preventDefault(),l=i(this,Ot,jo).call(this);break;case"End":e.preventDefault(),l=i(this,Nt,Do).call(this);break}l?.focus?.()},xe=new WeakSet,Et=function(e=this){return Array.from(e.children).filter(I.isHeader)},rt=new WeakSet,Kr=function(e=this){return Array.from(e.children).filter(I.isPanel)},Dt=new WeakSet,$o=function(){let{headers:e}=this,r=e.findIndex(l=>l.matches(":focus,:focus-within"))-1;return e[(r+e.length)%e.length]},At=new WeakSet,Io=function(){let{headers:e}=this,r=e.findIndex(l=>l.matches(":focus,:focus-within"))+1;return e[r%e.length]},Ot=new WeakSet,jo=function(){return this.headers.at(0)},Nt=new WeakSet,Do=function(){return this.headers.at(-1)},ye=new WeakSet,Ft=function(e){return I.isHeader(e)?this.headers.findIndex(r=>r.id===e.id):I.isPanel(e)?this.panels.findIndex(r=>r.id===e.id):(o(this,qe).warn("The #getIndex method expects to receive a header or panel element."),-1)},j.styles=[Eo],t([Gl(async function(n,e){if(n&&n!==e){await this.collapseAll();for(let r of this.expandedIndex)await this.expand(r,this)}}),Pl({attribute:"expanded-index",converter:Ul})],j.prototype,"expandedIndex",2);import{ComposedEvent as Jl}from"@patternfly/pfe-core";import{getRandomId as ei}from"@patternfly/pfe-core/functions/random.js";import{Logger as ti}from"@patternfly/pfe-core/controllers/logger.js";import{css as Zl}from"lit";var Yl=Zl`#heading{font-size:100%;padding:0;margin:0}a,button{cursor:pointer}.toggle,.toggle:after,.toggle:before{padding:0;margin:0}.toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;border:0}.toggle:after{content:"";position:absolute;bottom:0;left:0}span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`,Ao=Yl;var ri=s=>s instanceof HTMLElement&&!!s.tagName.match(/P|^H[1-6]/),Qr=class extends Jl{constructor(e,r,l){super("change");this.expanded=e;this.toggle=r;this.accordion=l}},E,ee,Pt,No,Gt,Po,Ut,Go,w=class extends Oo{constructor(){super(...arguments);a(this,Pt);a(this,Gt);a(this,Ut);this.expanded=!1;this.headingText="";this.headingTag="h3";a(this,E,void 0);a(this,ee,new ti(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i(this,Ut,Go)),this.hidden=!0,this.id||(this.id=ei(this.localName)),i(this,Pt,No).call(this)}render(){let e=Xl(this.headingTag),r=String(!!this.expanded);return Ql`
|
|
2
12
|
<${e} id="heading">
|
|
3
13
|
<button id="button"
|
|
4
14
|
class="toggle"
|
|
5
15
|
aria-expanded="${r}">
|
|
6
|
-
<span part="text">${this.headingText||
|
|
16
|
+
<span part="text">${this.headingText||Kl`
|
|
7
17
|
<slot></slot>`}
|
|
8
18
|
</span>
|
|
9
19
|
${this.renderAfterButton?.()}
|
|
10
20
|
</button>
|
|
11
21
|
</${e}>
|
|
12
|
-
`}};
|
|
13
|
-
<div tabindex="-1">
|
|
14
|
-
<div id="container" class="content" part="container">
|
|
15
|
-
<div class="body">
|
|
16
|
-
<slot></slot>
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
`}};I.styles=[Ho],t([Gl({type:Boolean,reflect:!0})],I.prototype,"expanded",2);import{css as ql}from"lit";var Vl=ql`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,$o=Vl;var ei=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,Or=class extends Io{constructor(e,r){super("expand");this.toggle=e;this.panel=r}},Nr=class extends Io{constructor(e,r){super("collapse");this.toggle=e;this.panel=r}},qe,$t,Ve,It,Dt,Ze,Pr,Ye,Gr,Ke,Ur,Xe,qr,Qe,Vr,Je,Zr,et,Yr,tt,Kr,jt,Do,At,jo,xe,Rt,rt,Xr,Ot,Ao,Nt,Oo,Pt,No,Gt,Po,ye,Ht,D=class extends Zl{constructor(){super(...arguments);a(this,Ze);a(this,Ye);a(this,Ke);a(this,Xe);a(this,Qe);a(this,Je);a(this,et);a(this,tt);a(this,jt);a(this,At);a(this,xe);a(this,rt);a(this,Ot);a(this,Nt);a(this,Pt);a(this,Gt);a(this,ye);this.expandedIndex=[];this.expandedSets=new Set;a(this,qe,new Jl(this));a(this,$t,getComputedStyle(this));a(this,Ve,i(this,et,Yr).call(this));a(this,It,!1);a(this,Dt,new MutationObserver(()=>i(this,Ze,Pr).call(this)))}static isAccordion(e){return e instanceof D}static isHeader(e){return e instanceof w}static isPanel(e){return e instanceof I}get headers(){return i(this,xe,Rt).call(this)}get panels(){return i(this,rt,Xr).call(this)}async getUpdateComplete(){let e=await super.getUpdateComplete(),r=await Promise.all([...i(this,xe,Rt).call(this).map(l=>l.updateComplete),...i(this,rt,Xr).call(this).map(l=>l.updateComplete)]);return e&&r.every(Boolean)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",i(this,jt,Do)),this.addEventListener("keydown",i(this,At,jo)),o(this,Dt).observe(this,{childList:!0}),i(this,Ze,Pr).call(this)}render(){return Yl`
|
|
21
|
-
<slot></slot>
|
|
22
|
-
`}async firstUpdated(){let{headers:e}=this;for(let r of e.filter(l=>l.expanded))await this.expand(e.indexOf(r))}updateAccessibility(){let{headers:e}=this;e.forEach(r=>{let l=i(this,Ye,Gr).call(this,r);l&&(r.setAttribute("aria-controls",l.id),l.setAttribute("aria-labelledby",r.id),l.hidden=!l.expanded)})}async toggle(e){let{headers:r}=this;r[e].expanded?await this.collapse(e):await this.expand(e)}async expand(e,r){if(e===-1)return;let p=i(this,xe,Rt).call(this,r)[e];if(!p)return;let c=i(this,Ye,Gr).call(this,p);!c||(i(this,Ke,Ur).call(this,p,e),i(this,Xe,qr).call(this,c),p.focus(),this.dispatchEvent(new Or(p,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(e=>i(this,Ke,Ur).call(this,e)),this.panels.forEach(e=>i(this,Xe,qr).call(this,e)),await this.updateComplete}async collapse(e){let r=this.headers.at(e),l=this.panels.at(e);!r||!l||(i(this,Qe,Vr).call(this,r),i(this,Je,Zr).call(this,l),this.dispatchEvent(new Nr(r,l)),await this.updateComplete)}async collapseAll(){this.headers.forEach(e=>i(this,Qe,Vr).call(this,e)),this.panels.forEach(e=>i(this,Je,Zr).call(this,e)),await this.updateComplete}},$=D;qe=new WeakMap,$t=new WeakMap,Ve=new WeakMap,It=new WeakMap,Dt=new WeakMap,Ze=new WeakSet,Pr=async function(){o(this,It)||d(this,It,!!await this.updateComplete),this.updateAccessibility()},Ye=new WeakSet,Gr=function(e){let r=e.nextElementSibling;return D.isPanel(r)?r:void o(this,qe).error("Sibling element to a header needs to be a panel")},Ke=new WeakSet,Ur=function(e,r=i(this,ye,Ht).call(this,e)){this.expandedSets.add(r),e.expanded=!0},Xe=new WeakSet,qr=async function(e){e.expanded=!0,e.hidden=!1,await e.updateComplete;let r=e.getBoundingClientRect();i(this,tt,Kr).call(this,e,0,r.height)},Qe=new WeakSet,Vr=async function(e,r=i(this,ye,Ht).call(this,e)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(r),e.expanded=!1,await e.updateComplete},Je=new WeakSet,Zr=async function(e){if(await e.updateComplete,!e.expanded)return;let r=e.getBoundingClientRect();e.expanded=!1,e.hidden=!0,i(this,tt,Kr).call(this,e,r.height,0),await e.updateComplete},et=new WeakSet,Yr=function(){if("computedStyleMap"in this)return this.computedStyleMap().get("transition-duration")?.to("ms").value;{let{transitionDuration:e}=o(this,$t),r=ei.exec(e)?.groups;if(!r)return 0;let l=parseFloat(e);return r.unit==="s"?l*1e3:l}},tt=new WeakSet,Kr=async function(e,r,l){if(e){let p=e.previousElementSibling,c=i(this,et,Yr).call(this);c&&d(this,Ve,c);let C=o(this,Ve)??0;p?.classList.add("animating"),e.classList.add("animating");let z=e.animate({height:[`${r}px`,`${l}px`]},{duration:C});z.play(),await z.finished,p?.classList.remove("animating"),e.classList.remove("animating"),e.style.removeProperty("height"),e.hidden=!e.expanded}},jt=new WeakSet,Do=function(e){if(this.classList.contains("animating"))return;let r=i(this,ye,Ht).call(this,e.target);e.expanded?this.expand(r,e.accordion):this.collapse(r)},At=new WeakSet,jo=async function(e){let r=e.target;if(!D.isHeader(r))return;let l;switch(e.key){case"ArrowDown":e.preventDefault(),l=i(this,Nt,Oo).call(this);break;case"ArrowUp":e.preventDefault(),l=i(this,Ot,Ao).call(this);break;case"Home":e.preventDefault(),l=i(this,Pt,No).call(this);break;case"End":e.preventDefault(),l=i(this,Gt,Po).call(this);break}l?.focus?.()},xe=new WeakSet,Rt=function(e=this){return Array.from(e.children).filter(D.isHeader)},rt=new WeakSet,Xr=function(e=this){return Array.from(e.children).filter(D.isPanel)},Ot=new WeakSet,Ao=function(){let{headers:e}=this,r=e.findIndex(l=>l.matches(":focus,:focus-within"))-1;return e[(r+e.length)%e.length]},Nt=new WeakSet,Oo=function(){let{headers:e}=this,r=e.findIndex(l=>l.matches(":focus,:focus-within"))+1;return e[r%e.length]},Pt=new WeakSet,No=function(){return this.headers.at(0)},Gt=new WeakSet,Po=function(){return this.headers.at(-1)},ye=new WeakSet,Ht=function(e){return D.isHeader(e)?this.headers.findIndex(r=>r.id===e.id):D.isPanel(e)?this.panels.findIndex(r=>r.id===e.id):(o(this,qe).warn("The #getIndex method expects to receive a header or panel element."),-1)},$.styles=[$o],t([Xl(async function(n,e){if(n&&n!==e){await this.collapseAll();for(let r of this.expandedIndex)await this.expand(r,this)}}),Kl({attribute:"expanded-index",converter:Ql})],$.prototype,"expandedIndex",2);import{html as Uo}from"lit";import{customElement as oi,property as Qr}from"lit/decorators.js";import{SlotController as ai}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as ti}from"lit";var ri=ti`:host{--pf-icon--size:var(--pf-c-accordion__toggle--IconSize, 10px);color:var(--pf-c-accordion__toggle--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([large]){--pf-c-accordion__toggle--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingLeft:var(--pf-global--spacer--lg, 1.5rem);--pf-c-accordion__toggle--FontFamily:var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
22
|
+
`}};E=new WeakMap,ee=new WeakMap,Pt=new WeakSet,No=async function(){let e=i(this,Gt,Po).call(this);e!==o(this,E)&&d(this,E,void 0),this.headingTag=e?.tagName.toLowerCase()??"h3",this.headingText=e?.textContent?.trim()??"";do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},Gt=new WeakSet,Po=function(){if(!this.firstElementChild&&!this.firstChild)return void o(this,ee).warn("No header content provided");if(this.firstElementChild){let[e,...r]=Array.from(this.children).filter(l=>!l.hasAttribute("slot")&&ri(l));if(e)r.length&&o(this,ee).warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void o(this,ee).warn("No heading information was provided.");return e}else return o(this,E)||o(this,ee).warn("Header should contain at least 1 heading tag for correct semantics."),d(this,E,document.createElement("h3")),this.firstChild?.nodeType===Node.TEXT_NODE?o(this,E).textContent=this.firstChild.textContent:o(this,E).textContent=this.textContent,o(this,E)},Ut=new WeakSet,Go=function(e){let r=!this.expanded,l=e.composedPath().find(j.isAccordion);l&&this.dispatchEvent(new Qr(r,this,l))},w.styles=[Ao],w.shadowRootOptions={...Oo.shadowRootOptions,delegatesFocus:!0},t([Xr({type:Boolean,reflect:!0})],w.prototype,"expanded",2),t([Xr({reflect:!0,attribute:"heading-text"})],w.prototype,"headingText",2),t([Xr({reflect:!0,attribute:"heading-tag"})],w.prototype,"headingTag",2);import{css as oi}from"lit";var ai=oi`:host{--pf-icon--size:var(--pf-c-accordion__toggle--IconSize, 10px);color:var(--pf-c-accordion__toggle--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([large]){--pf-c-accordion__toggle--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingLeft:var(--pf-global--spacer--lg, 1.5rem);--pf-c-accordion__toggle--FontFamily:var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
23
23
|
"RedHatDisplayUpdated",
|
|
24
24
|
"Overpass",
|
|
25
25
|
overpass,
|
|
@@ -37,7 +37,7 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
37
37
|
--pf-global--primary-color--100,
|
|
38
38
|
#0066cc
|
|
39
39
|
)
|
|
40
|
-
)}.toggle:after{top:var(--pf-c-accordion__toggle--before--Top,-1px);width:var(--pf-c-accordion__toggle--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__toggle--after--BackgroundColor,transparent)}span{max-width:var(--pf-c-accordion__toggle-text--MaxWidth,calc(100% - var(--pf-global--spacer--lg,1.5rem)))}.toggle[aria-expanded=true] .icon{rotate:var(--pf-c-accordion__toggle--expanded-icon--Rotate,90deg)}.toggle:active,.toggle:focus,.toggle:hover{background-color:var(--pf-c-accordion__toggle--active--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0))}.toggle:active span,.toggle:focus span,.toggle:hover span{color:var(--pf-c-accordion__toggle--active-text--Color,var(--pf-global--link--Color,#06c))}.toggle:active span,.toggle:focus span{font-weight:var(--pf-c-accordion__toggle--active-text--FontWeight,var(--pf-global--FontWeight--semi-bold,700))}`,
|
|
40
|
+
)}.toggle:after{top:var(--pf-c-accordion__toggle--before--Top,-1px);width:var(--pf-c-accordion__toggle--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__toggle--after--BackgroundColor,transparent)}span{max-width:var(--pf-c-accordion__toggle-text--MaxWidth,calc(100% - var(--pf-global--spacer--lg,1.5rem)))}.toggle[aria-expanded=true] .icon{rotate:var(--pf-c-accordion__toggle--expanded-icon--Rotate,90deg)}.toggle:active,.toggle:focus,.toggle:hover{background-color:var(--pf-c-accordion__toggle--active--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0))}.toggle:active span,.toggle:focus span,.toggle:hover span{color:var(--pf-c-accordion__toggle--active-text--Color,var(--pf-global--link--Color,#06c))}.toggle:active span,.toggle:focus span{font-weight:var(--pf-c-accordion__toggle--active-text--FontWeight,var(--pf-global--FontWeight--semi-bold,700))}`,Uo=ai;import"@patternfly/elements/pf-icon/pf-icon.js";var qt,U=class extends w{constructor(){super(...arguments);a(this,qt,new ii(this,"accents",null))}renderAfterButton(){return qo`${o(this,qt).hasSlotted("accents")?qo`
|
|
41
41
|
<span part="accents">
|
|
42
42
|
<slot name="accents"></slot>
|
|
43
43
|
</span>`:""}
|
|
@@ -46,40 +46,40 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
46
46
|
set="${this.iconSet??"fas"}"
|
|
47
47
|
class="icon"
|
|
48
48
|
size="lg"></pf-icon>
|
|
49
|
-
`}};
|
|
49
|
+
`}};qt=new WeakMap,U.styles=[...w.styles,Uo],t([Jr({reflect:!0})],U.prototype,"bordered",2),t([Jr({reflect:!0})],U.prototype,"icon",2),t([Jr({reflect:!0,attribute:"icon-set"})],U.prototype,"iconSet",2),U=t([li("pf-accordion-header")],U);import{customElement as pi,property as ci}from"lit/decorators.js";import{css as ni}from"lit";var si=ni`:host{color:var(--pf-global--Color--100,#151515);background-color:var(--pf-c-accordion--BackgroundColor,var(--pf-global--BackgroundColor--light-100,#fff))}.body{padding:var(--pf-c-accordion__panel-body--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-accordion__panel-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-accordion__panel-body--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-accordion__panel-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}.body:after{width:var(--pf-c-accordion__panel-body--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__panel-body--before--BackgroundColor,transparent)}:host([large]){--pf-c-accordion__panel-body--PaddingTop:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop, 0);--pf-c-accordion__panel-body--PaddingRight:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight, 1rem);--pf-c-accordion__panel-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom, 1.5rem);--pf-c-accordion__panel-body--PaddingLeft:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft, 1.5rem);--pf-c-accordion__panel--FontSize:var(--pf-c-accordion--m-display-lg__expanded-content--FontSize, 1rem);--pf-c-accordion__panel--Color:var(--pf-c-accordion--m-display-lg__expanded-content--Color, #151515)}:host([large]) .body:last-child{--pf-c-accordion__panel-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom, 1.5rem)}.content{color:var(--pf-c-accordion__panel--Color,var(--pf-global--Color--dark-200,#6a6e73));font-size:var(--pf-c-accordion__panel--FontSize, var(--pf-global--FontSize--sm, .875rem))}:host([fixed]){max-height:var(--pf-c-accordion__panel--m-fixed--MaxHeight,9.375rem)}.content[expanded],:host([expanded]) .content{--pf-c-accordion__panel-body--before--BackgroundColor:var(
|
|
50
50
|
--pf-c-accordion__panel--content-body--before--BackgroundColor,
|
|
51
|
-
var(--pf-global--primary-color--100, #0066cc))}`,
|
|
51
|
+
var(--pf-global--primary-color--100, #0066cc))}`,Vo=si;var ke=class extends ${};ke.styles=[...$.styles,Vo],t([ci({reflect:!0})],ke.prototype,"bordered",2),ke=t([pi("pf-accordion-panel")],ke);import{observed as gi}from"@patternfly/pfe-core/decorators.js";import{property as Vt}from"lit/decorators.js";import{customElement as mi}from"lit/decorators.js";import{css as di}from"lit";var fi=di`:host{--accordion__bordered--Color:var(--rh-color-black-300, #d2d2d2);color:var(--pf-global--Color--100,#151515);background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([bordered]) ::slotted(pf-accordion-header:first-child),:host([large]) ::slotted(pf-accordion-header:first-child){display:block;border-top:1px solid var(--accordion__bordered--Color);border-bottom:1px solid var(--accordion__bordered--Color)}:host([bordered]) ::slotted(pf-accordion-header:not(:first-child)),:host([large]) ::slotted(pf-accordion-header:not(:first-child)){display:block;border-bottom:1px solid var(--accordion__bordered--Color)}:host([bordered]) ::slotted(pf-accordion-header:is([expanded])),:host([large]) ::slotted(pf-accordion-header:is([expanded])){display:block;border-bottom:0}:host([bordered]) ::slotted(pf-accordion-panel:is([expanded])),:host([large]) ::slotted(pf-accordion-panel:is([expanded])){display:block;border-bottom:1px solid var(--accordion__bordered--Color)}`,Zo=fi;var D=class extends j{constructor(){super(...arguments);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1}async expand(e,r){if(e===-1)return;let l=this.headers;this.single&&await Promise.all([...l.map((p,c)=>p.expanded&&this.collapse(c))]),await super.expand(e,r)}};D.styles=[...j.styles,Zo],t([Vt({reflect:!0,type:Boolean})],D.prototype,"single",2),t([Vt({type:Boolean,reflect:!0})],D.prototype,"bordered",2),t([gi(function(){[...this.headers,...this.panels].forEach(n=>n.toggleAttribute("large",this.large))}),Vt({type:Boolean,reflect:!0})],D.prototype,"large",2),t([Vt({type:Boolean,reflect:!0})],D.prototype,"fixed",2),D=t([mi("pf-accordion")],D);import{property as Qo,customElement as xi}from"lit/decorators.js";import{LitElement as vi,html as Ko}from"lit";import{property as eo}from"lit/decorators.js";import{css as bi}from"lit";var hi=bi`:host{display:contents}:host([src]) img,svg{display:inline;object-fit:cover}:host([hidden]){display:none}`,Yo=hi;var to=class extends Event{constructor(e){super("load",{bubbles:!0,composed:!0});this.originalEvent=e}},q=class extends vi{constructor(){super(...arguments);this.alt="Avatar image";this.size="sm"}render(){return this.src!=null?Ko`
|
|
52
52
|
<img
|
|
53
53
|
size=${this.size}
|
|
54
54
|
alt=${this.alt??""}
|
|
55
|
-
@load="${r=>this.dispatchEvent(new
|
|
55
|
+
@load="${r=>this.dispatchEvent(new to(r))}"
|
|
56
56
|
src=${this.src}>
|
|
57
|
-
`:
|
|
57
|
+
`:Ko`
|
|
58
58
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
59
59
|
<style>.st2{fill:#b8bbbe}</style><path d="M0 0h36v36H0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0"/>
|
|
60
60
|
<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"/>
|
|
61
61
|
<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"/>
|
|
62
62
|
</svg>
|
|
63
|
-
`}};q.styles=[
|
|
64
|
-
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)}`,
|
|
63
|
+
`}};q.styles=[Yo],t([eo()],q.prototype,"src",2),t([eo({reflect:!0})],q.prototype,"alt",2),t([eo({reflect:!0})],q.prototype,"size",2);import{css as ui}from"lit";var _i=ui`img,svg{width:var(--pf-c-avatar--Width,24px);height:var(--pf-c-avatar--Height,24px);border-radius:var(--pf-c-avatar--BorderRadius,var(--pf-global--BorderRadius--lg,128px));border:var(--pf-c-avatar--BorderWidth,0) solid var(--pf-c-avatar--BorderColor,var(--pf-global--BorderColor--dark-100,#d2d2d2))}:host([border]) :is(img,svg){--pf-c-avatar--BorderWidth:var(--pf-global--BorderWidth--sm, 1px)}:host([border=dark]) :is(img,svg){--pf-c-avatar--BorderColor:var(--pf-c-avatar--m-dark--BorderColor,
|
|
64
|
+
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)}`,Xo=_i;var te=class extends q{constructor(){super(...arguments);this.size="sm"}};te.styles=[Xo],t([Qo({reflect:!0})],te.prototype,"size",2),t([Qo({reflect:!0})],te.prototype,"border",2),te=t([xi("pf-avatar")],te);import{customElement as Wi,property as ro}from"lit/decorators.js";import{LitElement as Ci,html as Bi}from"lit";import{css as yi}from"lit";var ki=yi`:host{position:relative;white-space:nowrap;text-align:center;display:inline-block}`,Jo=ki;var Ce=class extends Ci{render(){let{threshold:n,number:e,textContent:r}=this,l=n&&e&&n<e?`${n.toString()}+`:e!=null?e.toString():r??"";return Bi`
|
|
65
65
|
<span>${l}</span>
|
|
66
|
-
`}};
|
|
66
|
+
`}};Ce.styles=[Jo];import{css as wi}from"lit";var Ti=wi`:host{border-radius:var(--pf-c-badge--BorderRadius,var(--pf-global--BorderRadius--lg,180em));min-width:var(--pf-c-badge--MinWidth,var(--pf-global--spacer--xl,2rem));padding-left:var(--pf-c-badge--PaddingLeft,var(--pf-global--spacer--sm,.5rem));padding-right:var(--pf-c-badge--PaddingRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-badge--FontSize,
|
|
67
67
|
var(--pf-theme--font-size, .75em));font-weight:var(--pf-c-badge--FontWeight,var(--pf-theme--font-weight--bold,700));line-height:var(--pf-c-badge--LineHeight,
|
|
68
68
|
var(--pf-global--LineHeight--md, 1.5));color:var(--pf-c-badge--Color,var(--pf-global--palette--black-900,#151515));background-color:var(--pf-c-badge--BackgroundColor,var(--pf-global--palette--black-200,#f0f0f0))}:host([state=read]){--pf-c-badge--Color:var(--pf-c-badge--m-read--Color,
|
|
69
69
|
var(--pf-global--palette--black-900, #151515));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-read--BackgroundColor,
|
|
70
70
|
var(--pf-global--palette--black-200, #f0f0f0))}:host([state=unread]){--pf-c-badge--Color:var(--pf-c-badge--m-unread--Color,
|
|
71
71
|
var(--pf-global--palette--white, #fff));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-unread--BackgroundColor,
|
|
72
|
-
var(--pf-global--palette--blue-400, #06c))}`,
|
|
73
|
-
<button type="${
|
|
74
|
-
class="${
|
|
75
|
-
value="${
|
|
76
|
-
aria-label="${
|
|
77
|
-
@click="${i(this,
|
|
72
|
+
var(--pf-global--palette--blue-400, #06c))}`,ea=Ti;var V=class extends Ce{};V.styles=[...Ce.styles,ea],t([ro({reflect:!0})],V.prototype,"state",2),t([ro({reflect:!0,type:Number})],V.prototype,"number",2),t([ro({reflect:!0,type:Number})],V.prototype,"threshold",2),V=t([Wi("pf-badge")],V);import{html as Hi}from"lit";import{customElement as $i,property as re}from"lit/decorators.js";import{ifDefined as la}from"lit/directives/if-defined.js";import{LitElement as ra,html as Si}from"lit";import{property as Be}from"lit/decorators.js";import{classMap as Mi}from"lit/directives/class-map.js";import{ifDefined as oo}from"lit/directives/if-defined.js";import{InternalsController as Ei}from"@patternfly/pfe-core/controllers/internals-controller.js";import{css as zi}from"lit";var Li=zi`:host{display:inline-block;height:max-content}:host([hidden]){display:none!important}[hidden]{display:none!important}button{cursor:pointer;position:relative;font-family:inherit}button{border-width:0;border-style:solid}button::after{position:absolute;inset:0 0 0 0;content:"";border-style:solid}:host(:is(:disabled,[aria-disabled=true])),:host(:is(:disabled,[aria-disabled=true])) #container,:host(:is(:disabled,[aria-disabled=true])) button,:host(:is(:disabled,[aria-disabled=true])[danger]) button,:host(:is(:disabled,[aria-disabled=true])[variant=link]) button{pointer-events:none;cursor:default}[part=icon]{display:none;pointer-events:none}.hasIcon{position:relative;display:flex;align-items:center}.hasIcon [part=icon]{display:inline-flex;align-items:center;position:absolute;width:16px}:host(:not([disabled])) .hasIcon [part=icon]{cursor:pointer}[part=icon] ::slotted(*){width:16px;max-width:16px;height:16px;max-height:16px}.hasIcon button{position:absolute;inset:0}`,ta=Li;var we,Zt,oa,_=class extends ra{constructor(){super(...arguments);a(this,Zt);this.disabled=!1;a(this,we,new Ei(this))}get hasIcon(){return!!this.icon}render(){let{hasIcon:e}=this;return Si`
|
|
73
|
+
<button type="${oo(this.type)}"
|
|
74
|
+
class="${Mi({hasIcon:e})}"
|
|
75
|
+
value="${oo(this.value)}"
|
|
76
|
+
aria-label="${oo(this.label)}"
|
|
77
|
+
@click="${i(this,Zt,oa)}"
|
|
78
78
|
?disabled="${this.disabled||o(this,we).formDisabled}">
|
|
79
79
|
<slot id="icon" part="icon" aria-hidden="true" name="icon">${this.renderDefaultIcon()}</slot>
|
|
80
80
|
<slot id="text" aria-hidden=${String(!!this.label)}></slot>
|
|
81
81
|
</button>
|
|
82
|
-
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};we=new WeakMap,
|
|
82
|
+
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};we=new WeakMap,Zt=new WeakSet,oa=function(){switch(this.type){case"reset":return o(this,we).reset();default:return o(this,we).submit()}},_.styles=[ta],_.formAssociated=!0,_.shadowRootOptions={...ra.shadowRootOptions,delegatesFocus:!0},t([Be({reflect:!0,type:Boolean})],_.prototype,"disabled",2),t([Be({reflect:!0})],_.prototype,"type",2),t([Be()],_.prototype,"label",2),t([Be()],_.prototype,"value",2),t([Be()],_.prototype,"name",2),t([Be()],_.prototype,"icon",2);import"@patternfly/elements/pf-icon/pf-icon.js";import"@patternfly/elements/pf-spinner/pf-spinner.js";import{css as Fi}from"lit";var Ri=Fi`button{color:var(--pf-c-button--m-primary--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-primary--BackgroundColor,var(--pf-global--primary-color--100,#06c));font-size:var(--pf-c-button--FontSize,
|
|
83
83
|
var(--pf-global--FontSize--md, 1rem));font-weight:var(--pf-c-button--FontWeight,var(--pf-global--FontWeight--normal,400));line-height:var(--pf-c-button--LineHeight,
|
|
84
84
|
var(--pf-global--LineHeight--md, 1.5));padding:var(--pf-c-button--PaddingTop,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-button--PaddingBottom,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingLeft,var(--pf-global--spacer--md,1rem))}:host,button{border-radius:var(--pf-c-button--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}::slotted(pf-icon),pf-icon{color:currentColor}button::after{border-color:var(--pf-c-button--after--BorderColor,transparent);border-width:var(--pf-c-button--after--BorderWidth,var(--pf-global--BorderWidth--sm,1px));border-radius:var(--pf-c-button--after--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}button:active{--pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--active--Color,
|
|
85
85
|
var(--pf-global--Color--light-100, #fff));--pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--active--BackgroundColor,
|
|
@@ -168,34 +168,34 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
168
168
|
var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingLeft:var(--pf-c-button--m-display-lg--PaddingLeft,
|
|
169
169
|
var(--pf-global--spacer--xl, 2rem));--pf-c-button--FontWeight:var(--pf-c-button--m-display-lg--FontWeight,
|
|
170
170
|
var(--pf-global--FontWeight--bold, 700))}:host([size=small]) button{--pf-c-button--FontSize:var(--pf-c-button--m-small--FontSize,
|
|
171
|
-
var(--pf-global--FontSize--md, 1rem))}:host([danger]) button{color:var(--pf-c-button--m-danger--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-danger--BackgroundColor,var(--pf-global--danger-color--100,#c9190b))}`,
|
|
171
|
+
var(--pf-global--FontSize--md, 1rem))}:host([danger]) button{color:var(--pf-c-button--m-danger--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-danger--BackgroundColor,var(--pf-global--danger-color--100,#c9190b))}`,aa=Ri;var T=class extends _{constructor(){super(...arguments);this.loading=!1;this.plain=!1;this.warning=!1;this.danger=!1;this.variant="primary"}get hasIcon(){return!!this.icon||!!this.loading}renderDefaultIcon(){return Hi`
|
|
172
172
|
<pf-icon
|
|
173
|
-
icon="${
|
|
174
|
-
set="${
|
|
173
|
+
icon="${la(this.icon)}"
|
|
174
|
+
set="${la(this.iconSet)}"
|
|
175
175
|
?hidden="${!this.icon}"></pf-icon>
|
|
176
176
|
<pf-spinner
|
|
177
177
|
?hidden="${!this.loading}"
|
|
178
178
|
size="md"
|
|
179
179
|
aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
|
|
180
|
-
`}};T.styles=[..._.styles,
|
|
180
|
+
`}};T.styles=[..._.styles,aa],t([re({type:Boolean,reflect:!0})],T.prototype,"loading",2),t([re({type:Boolean,reflect:!0})],T.prototype,"plain",2),t([re({type:Boolean,reflect:!0})],T.prototype,"warning",2),t([re({reflect:!0})],T.prototype,"size",2),t([re({attribute:"icon-set"})],T.prototype,"iconSet",2),t([re({type:Boolean,reflect:!0})],T.prototype,"danger",2),t([re({reflect:!0})],T.prototype,"variant",2),T=t([$i("pf-button")],T);import{customElement as Gi,property as Yt}from"lit/decorators.js";import{css as Ii}from"lit";var ji=Ii`:host{background-color:var(--pf-c-card--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));box-shadow:var(--pf-c-card--BoxShadow,var(--pf-global--BoxShadow--sm,0 .0625rem .125rem 0 rgba(3,3,3,.12),0 0 .125rem 0 rgba(3,3,3,.06)))}:host([size=compact]){--_pf-c-card__body--FontSize:var(--pf-c-card--size-compact__body--FontSize, var(--pf-global--FontSize--sm, .875rem));--_pf-c-card__footer--FontSize:var(--pf-c-card--size-compact__footer--FontSize, var(--pf-global--spacer--md, 1rem));--_pf-c-card--first-child--PaddingTop:var(--pf-c-card--size-compact--first-child--PaddingTop, var(--pf-global--spacer--lg, 1.5rem));--_pf-c-card--child--PaddingRight:var(--pf-c-card--size-compact--child--PaddingRight, var(--pf-global--spacer--md, 1rem));--_pf-c-card--child--PaddingBottom:var(--pf-c-card--size-compact--child--PaddingBottom, var(--pf-global--spacer--md, 1rem));--_pf-c-card--child--PaddingLeft:var(--pf-c-card--size-compact--child--PaddingLeft, var(--pf-global--spacer--md, 1rem));--_pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--size-compact__title--not--last-child--PaddingBottom, var(--pf-global--spacer--sm, .5rem))}:host([size=large]){--pf-c-card__title--FontSize:var(--pf-c-card--size-large__title--FontSize, var(--pf-global--FontSize--xl, 1.25rem));--_pf-c-card--first-child--PaddingTop:var(--pf-c-card--size-large--first-child--PaddingTop, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingRight:var(--pf-c-card--size-large--child--PaddingRight, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingBottom:var(--pf-c-card--size-large--child--PaddingBottom, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingLeft:var(--pf-c-card--size-large--child--PaddingLeft, var(--pf-global--spacer--xl, 2rem));--_pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--size-large__title--not--last-child--PaddingBottom, var(--pf-global--spacer--lg, 1.5rem))}:host([flat]){--pf-c-card--BoxShadow:none;border:var(--pf-c-card--m-flat--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-card--m-flat--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host([plain]){--pf-c-card--BoxShadow:var(--pf-c-card--m-plain--BoxShadow, none);--pf-c-card--BackgroundColor:var(--pf-c-card--m-plain--BackgroundColor, transparent)}:host([rounded]){border-radius:var(--pf-c-card--m-rounded--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}:host([full-height]){height:var(--pf-c-card--m-full-height--Height,100%);--_pf-c-card__body--FullHeight--Flex:1 1 auto}[part=body],[part=footer],[part=header]{padding-inline-start:var(--_pf-c-card--child--PaddingLeft,var(--pf-global--spacer--lg,1.5rem));padding-inline-end:var(--_pf-c-card--child--PaddingRight,var(--pf-global--spacer--lg,1.5rem));padding-block-end:var(--_pf-c-card--child--PaddingBottom,var(--pf-global--spacer--lg,1.5rem))}[part=body]{font-size:var(--_pf-c-card__body--FontSize, var(--pf-global--FontSize--md, 1rem));flex:var(--_pf-c-card__body--FullHeight--Flex,initial)}header{padding-block-start:var(--_pf-c-card--first-child--PaddingTop,var(--pf-global--spacer--lg,1.5rem));padding-block-end:var(--_pf-c-card__title--not--last-child--PaddingBottom,var(--pf-global--spacer--md,1rem))}header ::slotted(*){font-family:var(--pf-c-card__title--FontFamily, var(--pf-global--FontFamily--heading--sans-serif, "RedHatDisplayUpdated", helvetica, arial, sans-serif));font-size:var(--pf-c-card__title--FontSize, var(--pf-global--FontSize--md, 1rem));font-weight:var(--pf-c-card__title--FontWeight,var(--pf-global--FontWeight--bold,700));margin-block:0}[part=footer]{font-size:var(--_pf-c-card__footer--FontSize, var(--pf-global--FontSize--md, 1rem));margin-block-start:auto}`,ia=ji;import{LitElement as Oi,html as Ni}from"lit";import{SlotController as Pi}from"@patternfly/pfe-core/controllers/slot-controller.js";import{classMap as ao}from"lit/directives/class-map.js";import{css as Di}from"lit";var Ai=Di`:host{display:flex;flex-direction:column}article{position:relative;height:100%;display:flex;flex-direction:column}[part=header]{display:flex;flex-direction:row;align-items:center}[part=body] ::slotted(:not([slot]):first-of-type){margin-block-start:0}[part=body] ::slotted(:not([slot]):last-of-type){margin-block-end:0}[part=footer]{display:flex;gap:.5em;inset-block-end:0}.empty{display:none}`,na=Ai;var Te=class extends Oi{constructor(){super(...arguments);this.slots=new Pi(this,"header",null,"footer")}render(){return Ni`
|
|
181
181
|
<article>
|
|
182
182
|
<header id="header"
|
|
183
183
|
part="header"
|
|
184
|
-
class="${
|
|
184
|
+
class="${ao({empty:!this.slots.hasSlotted("header")})}">
|
|
185
185
|
<slot name="header"></slot>
|
|
186
186
|
</header>
|
|
187
187
|
<div id="body"
|
|
188
188
|
part="body"
|
|
189
|
-
class="${
|
|
189
|
+
class="${ao({empty:!this.querySelector(":not([slot])")})}">
|
|
190
190
|
<slot></slot>
|
|
191
191
|
</div>
|
|
192
192
|
<footer id="footer"
|
|
193
193
|
part="footer"
|
|
194
|
-
class="${
|
|
194
|
+
class="${ao({empty:!this.slots.hasSlotted("footer")})}">
|
|
195
195
|
<slot name="footer"></slot>
|
|
196
196
|
</footer>
|
|
197
197
|
</article>
|
|
198
|
-
`}};Te.styles=[
|
|
198
|
+
`}};Te.styles=[na];var A=class extends Te{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1}};A.styles=[...Te.styles,ia],t([Yt({reflect:!0})],A.prototype,"size",2),t([Yt({type:Boolean,reflect:!0})],A.prototype,"rounded",2),t([Yt({type:Boolean,reflect:!0,attribute:"full-height"})],A.prototype,"fullHeight",2),t([Yt({type:Boolean,reflect:!0})],A.prototype,"plain",2),A=t([Gi("pf-card")],A);import{html as Xi}from"lit";import{customElement as Qi,property as x}from"lit/decorators.js";import{classMap as Ji}from"lit/directives/class-map.js";import{ifDefined as en}from"lit/directives/if-defined.js";import{LitElement as Vi}from"lit";import{ComposedEvent as Zi}from"@patternfly/pfe-core";import{css as Ui}from"lit";var qi=Ui`[hidden],[inert],[inert]::slotted(*){display:none!important}`,sa=qi;var lo=class extends Zi{constructor(e){super("copy");this.text=e}},oe=class extends Vi{async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new lo(this.value))}};oe.styles=[sa];import{css as Yi}from"lit";var Ki=Yi`.container{display:flex;flex-direction:column}#input-group{display:flex}pf-tooltip::part(invoker){display:flex;height:100%}#input-group>*+*{margin-left:-1px}input{color:var(--pf-c-form-control--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)));width:var(--pf-c-form-control--Width);padding:var(--pf-c-form-control--PaddingTop,calc(var(--pf-global--spacer--form-element,.375rem) - var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-form-control--PaddingRight,var(--pf-c-form-control--inset--base,var(--pf-global--spacer--sm,.5rem))) var(--pf-c-form-control--PaddingBottom,calc(var(--pf-global--spacer--form-element,.375rem) - var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-form-control--PaddingLeft,var(--pf-c-form-control--inset--base,var(--pf-global--spacer--sm,.5rem)));font-size:var(--pf-c-form-control--FontSize);line-height:var(--pf-c-form-control--LineHeight);background-color:var(--pf-c-form-control--BackgroundColor);background-repeat:no-repeat;border:var(--pf-c-form-control--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid;border-color:var(--pf-c-form-control--BorderTopColor,var(--pf-global--BorderColor--300,#f0f0f0)) var(--pf-c-form-control--BorderRightColor,var(--pf-global--BorderColor--300,#f0f0f0)) var(--pf-c-form-control--BorderBottomColor,var(--pf-global--BorderColor--200,#8a8d90)) var(--pf-c-form-control--BorderLeftColor,var(--pf-global--BorderColor--300,#f0f0f0));border-radius:var(--pf-c-form-control--BorderRadius,0);margin:0;appearance:none;height:var(--pf-c-form-control--Height,calc(var(--pf-c-form-control--FontSize) * var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth) * 2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom)),36px);text-overflow:ellipsis;flex:1 1 auto}input[disabled]{background-color:var(--pf-c-form-control--readonly--BackgroundColor,var(--pf-global--disabled-color--300,#f0f0f0))}textarea{display:flex;flex:1 1 auto;padding:var(--pf-c-clipboard-copy__expandable-content--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft,var(--pf-global--spacer--md,1rem));word-wrap:break-word;background-color:var(--pf-c-clipboard-copy__expandable-content--BackgroundColor,var(--pf-global--BackgroundColor--light-100,#fff));background-clip:padding-box;border:solid var(--pf-c-clipboard-copy__expandable-content--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-width:var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth,0) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth,var(--pf-global--BorderWidth--sm,1px));box-shadow:var(--pf-c-clipboard-copy__expandable-content--BoxShadow);margin:0;color:inherit;font-family:inherit}.container.code textarea{font-family:var(--pf-global--FontFamily--monospace,
|
|
199
199
|
var(--pf-global--FontFamily--redhat--monospace,
|
|
200
200
|
"RedHatMono",
|
|
201
201
|
"Liberation Mono",
|
|
@@ -208,15 +208,15 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
208
208
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-clipboard-copy__actions-item--button--PaddingRight,
|
|
209
209
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingBottom:var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom,
|
|
210
210
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft,
|
|
211
|
-
var(--pf-global--spacer--sm, 0.5rem));margin-block-start:calc(-1 * var(--pf-c-button--PaddingTop));margin-block-end:calc(-1 * var(--pf-c-button--PaddingBottom))}`,
|
|
212
|
-
<div class="container ${
|
|
211
|
+
var(--pf-global--spacer--sm, 0.5rem));margin-block-start:calc(-1 * var(--pf-c-button--PaddingTop));margin-block-end:calc(-1 * var(--pf-c-button--PaddingBottom))}`,pa=Ki;import"@patternfly/elements/pf-button/pf-button.js";import"@patternfly/elements/pf-icon/pf-icon.js";import"@patternfly/elements/pf-tooltip/pf-tooltip.js";var ca=s=>new Promise(n=>setTimeout(n,s)),We,Kt,Xt,da,ot,io,at,no,Qt,fa,g=class extends oe{constructor(){super(...arguments);a(this,Xt);a(this,ot);a(this,at);a(this,Qt);this.clickTip="Copied";this.hoverTip="Copy";this.textAriaLabel="Copyable input";this.toggleAriaLabel="Show content";this.entryDelay=300;this.exitDelay=1500;this.block=!1;this.code=!1;this.expanded=!1;this.expandable=!1;this.readonly=!1;this.inline=!1;this.compact=!1;this.value="";a(this,We,!1);a(this,Kt,new MutationObserver(()=>i(this,at,no).call(this)))}connectedCallback(){super.connectedCallback(),o(this,Kt).observe(this,{characterData:!0}),i(this,at,no).call(this)}render(){let{expanded:e,expandable:r,inline:l,compact:p,code:c,block:k,readonly:z}=this;return Xi`
|
|
212
|
+
<div class="container ${Ji({code:c,expanded:e,inline:l,compact:p,block:k})}">
|
|
213
213
|
<div id="input-group">
|
|
214
214
|
<pf-button id="expand-button"
|
|
215
215
|
plain
|
|
216
216
|
variant="control"
|
|
217
217
|
label="EXPAND"
|
|
218
218
|
?inert="${!r}"
|
|
219
|
-
@click="${i(this,
|
|
219
|
+
@click="${i(this,Xt,da)}">
|
|
220
220
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
221
221
|
</pf-button>
|
|
222
222
|
<span ?hidden="${!(l||p)}">${this.value}</span>
|
|
@@ -224,12 +224,12 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
224
224
|
?hidden="${l||p}"
|
|
225
225
|
?disabled="${e||z}"
|
|
226
226
|
.value="${this.value}"
|
|
227
|
-
@input="${i(this,ot,
|
|
227
|
+
@input="${i(this,ot,io)}"
|
|
228
228
|
aria-label="${this.textAriaLabel}">
|
|
229
229
|
<pf-tooltip>
|
|
230
230
|
<pf-button id="copy-button"
|
|
231
231
|
plain
|
|
232
|
-
variant="${
|
|
232
|
+
variant="${en(l||p?void 0:"control")}"
|
|
233
233
|
label="${this.hoverTip}"
|
|
234
234
|
size="lg"
|
|
235
235
|
@click="${this.copy}">
|
|
@@ -242,42 +242,49 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
242
242
|
<textarea .value="${this.value}"
|
|
243
243
|
.disabled="${this.readonly}"
|
|
244
244
|
?hidden="${!(r&&e)}"
|
|
245
|
-
@input="${i(this,ot,
|
|
245
|
+
@input="${i(this,ot,io)}">
|
|
246
246
|
</textarea>
|
|
247
247
|
</div>
|
|
248
|
-
`}async copy(){await super.copy(),await
|
|
248
|
+
`}async copy(){await super.copy(),await ca(this.entryDelay),d(this,We,!0),this.requestUpdate(),await ca(this.exitDelay),d(this,We,!1),this.requestUpdate()}};We=new WeakMap,Kt=new WeakMap,Xt=new WeakSet,da=function(){this.expanded=!this.expanded},ot=new WeakSet,io=function(e){let{value:r}=e.target||HTMLTextAreaElement;this.value=r},at=new WeakSet,no=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??i(this,Qt,fa).call(this,Array.from(this.childNodes,e=>e instanceof Element||e instanceof Text?e.textContent??"":"").join("")))},Qt=new WeakSet,fa=function(e){let r=e.replace(/^\n/,""),l=r.match(/^\s+/);return l?r.replace(new RegExp(`^${l[0]}`,"gm"),""):e},g.styles=[...oe.styles,pa],g.shadowRootOptions={...oe.shadowRootOptions,delegatesFocus:!0},t([x({attribute:"click-tip"})],g.prototype,"clickTip",2),t([x({attribute:"hover-tip"})],g.prototype,"hoverTip",2),t([x({attribute:"text-label"})],g.prototype,"textAriaLabel",2),t([x({attribute:"toggle-label"})],g.prototype,"toggleAriaLabel",2),t([x({type:Number,attribute:"entry-delay"})],g.prototype,"entryDelay",2),t([x({type:Number,attribute:"exit-delay"})],g.prototype,"exitDelay",2),t([x({type:Boolean,reflect:!0})],g.prototype,"block",2),t([x({type:Boolean,reflect:!0})],g.prototype,"code",2),t([x({type:Boolean,reflect:!0})],g.prototype,"expanded",2),t([x({type:Boolean,reflect:!0})],g.prototype,"expandable",2),t([x({type:Boolean,reflect:!0})],g.prototype,"readonly",2),t([x({type:Boolean,reflect:!0})],g.prototype,"inline",2),t([x({type:Boolean,reflect:!0})],g.prototype,"compact",2),t([x()],g.prototype,"value",2),g=t([Qi("pf-clipboard-copy")],g);import{html as nn}from"lit";import{customElement as sn,property as pn}from"lit/decorators.js";import{classMap as cn}from"lit/directives/class-map.js";import{LitElement as on}from"lit";import{css as tn}from"lit";var rn=tn`:host{display:block}[hidden]{display:none!important}`,ga=rn;var ze=class extends on{get content(){let n=this.querySelector("script[type]");return n?.type!=="text/javascript-sample"&&n?.type.match(/(j(ava)?|ecma|live)script/)?"":n?.textContent??""}dedent(n){let e=n.replace(/^\n/,""),r=e.match(/^\s+/);return r?e.replace(new RegExp(`^${r[0]}`,"gm"),""):n}};ze.styles=[ga];import{css as an}from"lit";var ln=an`:host{background-color:var(--pf-c-code-block--BackgroundColor,#f0f0f0);font-size:var(--pf-c-code-block__pre--FontSize, .875rem);font-family:var(--pf-c-code-block__pre--FontFamily, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace)}#container{padding-top:var(--pf-c-code-block__content--PaddingTop,1rem);padding-right:var(--pf-c-code-block__content--PaddingRight,1rem);padding-bottom:var(--pf-c-code-block__content--PaddingBottom,1rem);padding-left:var(--pf-c-code-block__content--PaddingLeft,1rem)}#header{border-bottom:var(--pf-c-code-block__header--BorderBottomWidth,1px) solid var(--pf-c-code-block__header--BorderBottomColor,#d2d2d2)}#container{margin:0}pre{margin:0}slot[name=actions]{display:flex;justify-content:end}#expanded{display:inline}button{display:flex;background:0 0;border:none;padding:6px 16px 6px 0;color:#06c;cursor:pointer;font-size:16px}button svg{color:#151515;margin-right:12px;transition:.2s ease-in 0s}.expanded button svg{transform:rotate(-90deg)}`,ma=ln;var Jt,ba,lt,so,Le=class extends ze{constructor(){super(...arguments);a(this,Jt);a(this,lt);this.expanded=!1}render(){let{expanded:e}=this;return nn`
|
|
249
249
|
<div id="header">
|
|
250
250
|
<div id="actions">
|
|
251
251
|
<slot name="actions"></slot>
|
|
252
252
|
</div>
|
|
253
253
|
</div>
|
|
254
|
-
<div id="container" class="${
|
|
254
|
+
<div id="container" class="${cn({expanded:e})}">
|
|
255
255
|
<pre><code id="content">${this.content}</code><code id="code-block-expand"
|
|
256
|
-
?hidden="${!e}">${o(this,lt,
|
|
257
|
-
<button ?hidden="${!o(this,lt,
|
|
258
|
-
@click=${i(this,
|
|
256
|
+
?hidden="${!e}">${o(this,lt,so)}</code></pre>
|
|
257
|
+
<button ?hidden="${!o(this,lt,so)}"
|
|
258
|
+
@click=${i(this,Jt,ba)}
|
|
259
259
|
aria-expanded=${this.expanded}
|
|
260
260
|
aria-controls="code-block-expand">
|
|
261
261
|
<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>
|
|
262
262
|
${this.expanded?"Show less":"Show more"}
|
|
263
263
|
</button>
|
|
264
264
|
</div>
|
|
265
|
-
`}};
|
|
265
|
+
`}};Jt=new WeakSet,ba=function(){this.expanded=!this.expanded},lt=new WeakSet,so=function(){return this.querySelector("script[data-expand]")?.textContent??""},Le.styles=[...ze.styles,ma],t([pn({type:Boolean,reflect:!0})],Le.prototype,"expanded",2),Le=t([sn("pf-code-block")],Le);import{LitElement as gn,html as mn}from"lit";import{property as po,state as bn}from"lit/decorators.js";import{Logger as va}from"@patternfly/pfe-core/controllers/logger.js";import{css as dn}from"lit";var fn=dn`:host{position:relative;display:inline-block;line-height:0;height:fit-content!important;width:fit-content!important}#container{display:grid;grid-template:1fr/1fr;place-content:center}#container.content ::slotted(*){display:none}svg{fill:currentcolor}`,ha=fn;var ua=window.requestIdleCallback??window.requestAnimationFrame,co=class extends ErrorEvent{constructor(e,r){super("error",{message:`Could not load icon at ${e}`});this.originalError=r}},Se,er,O,ae,tr,_a,rr,xa,fo=class extends gn{constructor(){super(...arguments);a(this,O);a(this,tr);a(this,rr);this.set=o(this,O,ae).defaultIconSet;this.icon="";this.loading="lazy";a(this,Se,!1);a(this,er,new va(this))}static addIconSet(e,r){if(typeof r!="function")va.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);else{this.getters.set(e,r);for(let l of this.instances)l.load()}}connectedCallback(){super.connectedCallback(),o(this,O,ae).instances.add(this)}willUpdate(e){e.has("icon")&&i(this,rr,xa).call(this)}disconnectedCallback(){super.disconnectedCallback(),o(this,O,ae).instances.delete(this)}render(){let e=this.content??"";return mn`
|
|
266
266
|
<div id="container" aria-hidden="true">${e}<span part="fallback" ?hidden=${!!e}>
|
|
267
267
|
<slot></slot>
|
|
268
268
|
</span>
|
|
269
269
|
</div>
|
|
270
|
-
`}async load(){let{set:e,icon:r}=this,l=o(this,O,ae).getters.get(e)??o(this,O,ae).getIconUrl,p="UNKNOWN ICON";if(e&&r)try{({pathname:p}=l(e,r));let c=await import(p);this.content=c.default instanceof Node?c.default.cloneNode(!0):c.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(c){let
|
|
270
|
+
`}async load(){let{set:e,icon:r}=this,l=o(this,O,ae).getters.get(e)??o(this,O,ae).getIconUrl,p="UNKNOWN ICON";if(e&&r)try{({pathname:p}=l(e,r));let c=await import(p);this.content=c.default instanceof Node?c.default.cloneNode(!0):c.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(c){let k=new co(p,c);o(this,er).error(c.message),this.dispatchEvent(k)}}},v=fo;Se=new WeakMap,er=new WeakMap,O=new WeakSet,ae=function(){return this.constructor},tr=new WeakSet,_a=function(){o(this,O,ae).io.observe(this),o(this,Se)&&this.load()},rr=new WeakSet,xa=function(){switch(this.loading){case"idle":return void ua(()=>this.load());case"lazy":return void i(this,tr,_a).call(this);case"eager":return void this.load()}},v.styles=[ha],v.getIconUrl=(e,r)=>new URL(`./icons/${e}/${r}.js`,import.meta.url),v.onIntersect=e=>e.forEach(({isIntersecting:r,target:l})=>{let p=l;d(p,Se,r),ua(()=>{o(p,Se)&&p.load()})}),v.io=new IntersectionObserver(fo.onIntersect),v.getters=new Map,v.instances=new Set,t([po()],v.prototype,"set",2),t([po({reflect:!0})],v.prototype,"icon",2),t([po()],v.prototype,"loading",2),t([bn()],v.prototype,"content",2);import{customElement as un,property as _n}from"lit/decorators.js";import{css as hn}from"lit";var vn=hn`:host([size=sm]) #container{--_size:var(--pf-global--icon--FontSize--sm, 10px)}:host([size=md]) #container{--_size:var(--pf-global--icon--FontSize--md, 18px)}:host([size=lg]) #container{--_size:var(--pf-global--icon--FontSize--lg, 24px)}:host([size=xl]) #container{--_size:var(--pf-global--icon--FontSize--xl, 54px)}#container,svg{width:var(--pf-icon--size,var(--_size));height:var(--pf-icon--size,var(--_size));min-width:var(--pf-icon--size,var(--_size));min-height:var(--pf-icon--size,var(--_size))}`,ya=vn;var le=class extends v{constructor(){super(...arguments);this.size="sm"}};le.styles=[...v.styles,ya],le.defaultIconSet="fas",t([_n({reflect:!0})],le.prototype,"size",2),le=t([un("pf-icon")],le);import{html as kn,LitElement as Cn}from"lit";import{customElement as Bn,property as Ca,query as wn}from"lit/decorators.js";import{ifDefined as Tn}from"lit/directives/if-defined.js";import{InternalsController as Wn}from"@patternfly/pfe-core/controllers/internals-controller.js";import{css as xn}from"lit";var yn=xn`:host{display:block}#container{display:contents}slot:not([name]){display:flex;flex-direction:column;row-gap:var(--pf-global--spacer--md,1rem)}a{position:relative;display:flex;cursor:pointer;flex:1;padding-block-start:var(--pf-c-jump-links__link--PaddingTop,var(--pf-global--spacer--md,1rem));padding-inline-end:var(--pf-c-jump-links__link--PaddingRight,var(--pf-global--spacer--md,1rem));padding-block-end:var(--pf-c-jump-links__link--PaddingBottom,var(--pf-global--spacer--md,1rem));padding-inline-start:var(--pf-c-jump-links__link--PaddingLeft,var(--pf-global--spacer--md,1rem));text-decoration:none;outline-offset:var(--pf-c-jump-links__link--OutlineOffset,calc(-1 * var(--pf-global--spacer--sm,0.5rem)));color:var(--pf-c-jump-links__link-text--Color,var(--pf-global--Color--200,#6a6e73))}a::before{position:absolute;inset:0;pointer-events:none;content:"";border-color:var(--pf-c-jump-links__link--before--BorderColor,transparent);border-style:solid;border-width:var(--pf-c-jump-links__link--before--BorderTopWidth,var(--pf-c-jump-links__list--before--BorderTopWidth,var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-jump-links__link--before--BorderRightWidth,0) var(--pf-c-jump-links__link--before--BorderBottomWidth,0) var(--pf-c-jump-links__link--before--BorderLeftWidth,0)}a:hover{--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--hover__link-text--Color,
|
|
271
271
|
var(--pf-global--Color--100, #151515))}a:focus{--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--focus__link-text--Color,
|
|
272
272
|
var(--pf-global--Color--100, #151515))}:host([active]){--pf-c-jump-links__link--before--BorderTopWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth,
|
|
273
273
|
var(--pf-global--BorderWidth--lg, 3px));--pf-c-jump-links__link--before--BorderLeftWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth, 0);--pf-c-jump-links__link--before--BorderColor:var(--pf-c-jump-links__item--m-current__link--before--BorderColor,
|
|
274
274
|
var(--pf-global--primary-color--100, #06c));--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__item--m-current__link-text--Color,
|
|
275
|
-
pfvar(--pf-global--Color--100, #151515))}`,
|
|
276
|
-
<a href="${
|
|
275
|
+
pfvar(--pf-global--Color--100, #151515))}`,ka=yn;import{observed as zn}from"@patternfly/pfe-core/decorators/observed.js";var or,ar,Ba,lr,wa,Z=class extends Cn{constructor(){super(...arguments);a(this,ar);a(this,lr);this.active=!1;a(this,or,new Wn(this,{role:"listitem"}))}connectedCallback(){super.connectedCallback(),this.activeChanged()}render(){return kn`
|
|
276
|
+
<a href="${Tn(this.href)}" @focus="${i(this,lr,wa)}" @click="${i(this,ar,Ba)}">
|
|
277
277
|
<slot></slot>
|
|
278
278
|
</a>
|
|
279
279
|
<slot name="subsection"></slot>
|
|
280
|
-
`}focus(){this.link.focus()}activeChanged(){o(this,
|
|
280
|
+
`}focus(){this.link.focus()}activeChanged(){o(this,or).ariaCurrent=this.active?"location":null}};or=new WeakMap,ar=new WeakSet,Ba=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},lr=new WeakSet,wa=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},Z.styles=[ka],t([wn("a")],Z.prototype,"link",2),t([zn("activeChanged"),Ca({type:Boolean,reflect:!0})],Z.prototype,"active",2),t([Ca({reflect:!0})],Z.prototype,"href",2),Z=t([Bn("pf-jump-links-item")],Z);import{html as Mn,LitElement as En}from"lit";import{customElement as Fn}from"lit/decorators.js";import{css as Ln}from"lit";var Sn=Ln`:host{display:block}#container{display:contents;--pf-c-jump-links__list--PaddingTop:0;--pf-c-jump-links__list--PaddingBottom:0;--pf-c-jump-links__link--PaddingTop:var(--pf-c-jump-links__list__list__link--PaddingTop,
|
|
281
|
+
var(--pf-global--spacer--sm, 0.5rem));--pf-c-jump-links__link--PaddingBottom:var(--pf-c-jump-links__list__list__link--PaddingBottom,
|
|
282
|
+
var(--pf-global--spacer--sm, 0.5rem));--pf-c-jump-links__link--PaddingLeft:var(--pf-c-jump-links__list__list__link--PaddingLeft,
|
|
283
|
+
var(--pf-global--spacer--lg, 1.5rem))}`,Ta=Sn;var it=class extends En{render(){return Mn`
|
|
284
|
+
<div id="container" role="listbox">
|
|
285
|
+
<slot></slot>
|
|
286
|
+
</div>
|
|
287
|
+
`}};it.styles=[Ta],it=t([Fn("pf-jump-links-list")],it);import{html as go,LitElement as $n}from"lit";import{customElement as In,property as Me,queryAssignedElements as jn}from"lit/decorators.js";import{ScrollSpyController as Dn}from"@patternfly/pfe-core/controllers/scroll-spy-controller.js";import{RovingTabindexController as An}from"@patternfly/pfe-core/controllers/roving-tabindex-controller.js";import"@patternfly/elements/pf-icon/pf-icon.js";import{css as Rn}from"lit";var Hn=Rn`[hidden]{display:none!important}:host{display:block}#container{display:flex;flex-wrap:wrap;font-family:var(--pf-global--FontFamily--sans-serif, "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif);font-size:var(--pf-global--FontSize--md, 16px);font-weight:var(--pf-global--FontWeight--normal,400)}slot{position:relative;display:var(--pf-c-jump-links__list--Display,flex);flex-direction:var(--pf-c-jump-links__list--FlexDirection,row);padding-block-start:var(--pf-c-jump-links__list--PaddingTop,0);padding-inline-end:var(--pf-c-jump-links__list--PaddingRight,var(--pf-global--spacer--md,1rem));padding-block-end:var(--pf-c-jump-links__list--PaddingBottom,0);padding-inline-start:var(--pf-c-jump-links__list--PaddingLeft,var(--pf-global--spacer--md,1rem));visibility:var(--pf-c-jump-links__list--Visibility,visible)}slot::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border:solid var(--pf-c-jump-links__list--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-width:var(--pf-c-jump-links__list--before--BorderTopWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-jump-links__list--before--BorderRightWidth,0) var(--pf-c-jump-links__list--before--BorderBottomWidth,0) var(--pf-c-jump-links__list--before--BorderLeftWidth,0)}:host([vertical]) #container{--pf-c-jump-links__list--PaddingTop:var(--pf-c-jump-links--m-vertical__list--PaddingTop,
|
|
281
288
|
var(--pf-global--spacer--md, 1rem));--pf-c-jump-links__list--PaddingRight:var(--pf-c-jump-links--m-vertical__list--PaddingRight, 0);--pf-c-jump-links__list--PaddingBottom:var(--pf-c-jump-links--m-vertical__list--PaddingBottom
|
|
282
289
|
var(--pf-global--spacer--md, 1rem));--pf-c-jump-links__list--PaddingLeft:var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);--pf-c-jump-links__list--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);--pf-c-jump-links__list--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth,
|
|
283
290
|
var(--pf-global--BorderWidth--sm, 1px));--pf-c-jump-links__item--m-current__link--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
|
|
@@ -289,45 +296,45 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
289
296
|
calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))) +
|
|
290
297
|
var(--pf-global--spacer--md, 1rem)));--pf-c-jump-links__toggle-icon--Rotate:var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate,
|
|
291
298
|
90deg);--pf-c-jump-links__toggle-icon--Color:var(--pf-c-jump-links--m-expanded__toggle-icon--Color,
|
|
292
|
-
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,
|
|
293
|
-
<nav id="container">${this.expandable?
|
|
294
|
-
<details ?open="${this.expanded}" @toggle="${i(this,
|
|
299
|
+
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,Wa=Hn;var nt,st,pt,ct,dt,mo,ir,za,nr,La,W=class extends $n{constructor(){super(...arguments);a(this,dt);a(this,ir);a(this,nr);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;a(this,nt,void 0);a(this,st,!1);a(this,pt,new An(this));a(this,ct,new Dn(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}connectedCallback(){super.connectedCallback(),this.addEventListener("select",i(this,ir,za))}updated(e){e.has("offset")&&(o(this,ct).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return go`
|
|
300
|
+
<nav id="container">${this.expandable?go`
|
|
301
|
+
<details ?open="${this.expanded}" @toggle="${i(this,nr,La)}">
|
|
295
302
|
<summary>
|
|
296
303
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
297
304
|
<span id="label">${this.label}</span>
|
|
298
305
|
</summary>
|
|
299
|
-
<slot role="listbox" @slotchange="${i(this,
|
|
300
|
-
</details>`:
|
|
306
|
+
<slot role="listbox" @slotchange="${i(this,dt,mo)}"></slot>
|
|
307
|
+
</details>`:go`
|
|
301
308
|
<span id="label">${this.label}</span>
|
|
302
|
-
<slot role="listbox" @slotchange="${i(this,
|
|
309
|
+
<slot role="listbox" @slotchange="${i(this,dt,mo)}"></slot>`}
|
|
303
310
|
</nav>
|
|
304
|
-
`}};
|
|
311
|
+
`}};nt=new WeakMap,st=new WeakMap,pt=new WeakMap,ct=new WeakMap,dt=new WeakSet,mo=function(){d(this,nt,this._items);let e=o(this,nt)?.map(r=>r.link);o(this,st)?o(this,pt).updateItems(e):(o(this,pt).initItems(e),d(this,st,!0))},ir=new WeakSet,za=async function(e){o(this,ct).setActive(e.target)},nr=new WeakSet,La=function(e){e.target instanceof HTMLDetailsElement&&(this.expanded=e.target.open),this.dispatchEvent(new Event("toggle"))},W.styles=[Wa],t([jn()],W.prototype,"_items",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"expandable",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"expanded",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"vertical",2),t([Me({reflect:!0,type:Boolean})],W.prototype,"centered",2),t([Me({type:Number})],W.prototype,"offset",2),t([Me()],W.prototype,"label",2),W=t([In("pf-jump-links")],W);import{html as bo}from"lit";import{customElement as Yn,property as ne}from"lit/decorators.js";import{classMap as Kn}from"lit/directives/class-map.js";import{ComposedEvent as Xn}from"@patternfly/pfe-core";import{LitElement as Pn,html as Gn}from"lit";import{classMap as Un}from"lit/directives/class-map.js";import{SlotController as qn}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as On}from"lit";var Nn=On`:host{position:relative;white-space:nowrap;border:0}::slotted(pf-icon),pf-icon{color:currentColor}#container,:host{display:inline-flex;align-items:center;vertical-align:middle}#container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:0}#container::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}[part=icon]{display:none;pointer-events:none}.hasIcon [part=icon]{display:inline-flex;width:1em}`,Sa=Nn;var ie=class extends Pn{constructor(){super(...arguments);this.slots=new qn(this,null,"icon")}render(){let{variant:e,color:r,icon:l}=this,p=!!l||this.slots.hasSlotted("icon");return Gn`
|
|
305
312
|
<span id="container"
|
|
306
|
-
class=${
|
|
313
|
+
class=${Un({hasIcon:p,[e??""]:!!e,[r??""]:!!r})}>
|
|
307
314
|
<slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
|
|
308
315
|
<slot id="text"></slot>
|
|
309
316
|
${this.renderSuffix?.()??""}
|
|
310
317
|
</span>
|
|
311
|
-
`}};ie.styles=[
|
|
318
|
+
`}};ie.styles=[Sa];import"@patternfly/elements/pf-button/pf-button.js";import{css as Vn}from"lit";var Zn=Vn`#pf-container{display:contents}#container{--pf-global--icon--FontSize--sm:14px;padding-top:var(--pf-c-label--PaddingTop,var(--pf-global--spacer--xs,.25rem));padding-left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--sm,.5rem));padding-bottom:var(--pf-c-label--PaddingBottom,var(--pf-global--spacer--xs,.25rem));padding-right:var(--pf-c-label--PaddingRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-label--FontSize, .875em);color:var(--pf-c-label--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-label--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5));border-radius:var(--pf-c-label--BorderRadius,30em);max-width:var(--pf-c-label__content--MaxWidth,100%);color:var(--pf-c-label__content--Color,var(--pf-global--Color--100,#151515))}#container::before{border-radius:var(--pf-c-label--BorderRadius,30em);border:var(--pf-c-label__content--before--BorderWidth,1px) solid var(--pf-c-label__content--before--BorderColor,var(--pf-global--palette--black-300,#d2d2d2))}.compact{--pf-c-label--PaddingTop:var(--pf-c-label--m-compact--PaddingTop, 0);--pf-c-label--PaddingRight:var(--pf-c-label--m-compact--PaddingRight, var(--pf-global--spacer--sm, 0.5rem));--pf-c-label--PaddingBottom:var(--pf-c-label--m-compact--PaddingBottom, 0);--pf-c-label--PaddingLeft:var(--pf-c-label--m-compact--PaddingLeft, var(--pf-global--spacer--sm, 0.5rem));--pf-global--icon--FontSize--sm:12px}.blue{--pf-c-label__content--Color:var(--pf-c-label--m-blue__content--Color, var(--pf-global--info-color--200, #002952));--pf-c-label--BackgroundColor:var(--pf-c-label--m-blue--BackgroundColor, var(--pf-global--palette--blue-50, #e7f1fa));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-blue__content--before--BorderColor, var(--pf-global--palette--blue-100, #bee1f4))}.blue.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-blue__content--Color, var(--pf-global--primary-color--100, #06c)))}.cyan{--pf-c-label__content--Color:var(--pf-c-label--m-cyan__content--Color, var(--pf-global--default-color--300, #003737));--pf-c-label--BackgroundColor:var(--pf-c-label--m-cyan--BackgroundColor, var(--pf-global--palette--cyan-50, #f2f9f9));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-cyan__content--before--BorderColor, var(--pf-global--palette--cyan-100, #a2d9d9))}.cyan.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-cyan__content--Color, var(--pf-global--palette--cyan-400, #005f60)))}.green{--pf-c-label__content--Color:var(--pf-c-label--m-green__content--Color,var(--pf-global--success-color--200, #1e4f18));--pf-c-label--BackgroundColor:var(--pf-c-label--m-green--BackgroundColor, var(--pf-global--palette--green-50, #f3faf2));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-green__content--before--BorderColor, var(--pf-global--palette--green-100, #bde5b8))}.green.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-green__content--Color, var(--pf-global--success-color--100, #3e8635)))}.orange{--pf-c-label__content--Color:var(--pf-c-label--m-orange__content--Color, var(--pf-global--palette--orange-700, #3b1f00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-orange--BackgroundColor, var(--pf-global--palette--orange-50, #fff6ec));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-orange__content--before--BorderColor, var(--pf-global--palette--orange-100, #f4b678))}.orange.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-orange__content--Color, var(--pf-global--palette--orange-500, #8f4700)))}.purple{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-700, #1f0066));--pf-c-label--BackgroundColor:var(--pf-c-label--m-purple--BackgroundColor, var(--pf-global--palette--purple-50, #f2f0fc));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-purple__content--before--BorderColor, var(--pf-global--palette--purple-100, #cbc1ff))}.purple.outline{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac));--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac)))}.red{--pf-c-label__content--Color:var(--pf-c-label--m-red__content--Color, var(--pf-global--palette--red-300, #7d1007));--pf-c-label--BackgroundColor:var(--pf-c-label--m-red--BackgroundColor, var(--pf-global--palette--red-50, #faeae8));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-red__content--before--BorderColor, var(--pf-global--palette--red-100, #c9190b))}.red.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-red__content--Color, var(--pf-global--danger-color--100, #c9190b)))}.gold{--pf-c-label__content--Color:var(--pf-c-label--m-gold__content--Color, var(--pf-global--palette--gold-700, #3d2c00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-gold--BackgroundColor, var(--pf-global--palette--gold-50, #fdf7e7));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-gold__content--before--BorderColor, var(--pf-global--palette--gold-100, #f9e0a2))}.gold.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-gold__content--Color, var(--pf-global--palette--gold-600, #795600)))}.outline{--pf-c-label--BackgroundColor:var(--pf-c-label--m-outline--BackgroundColor, #ffffff);--pf-c-label__content--before--BorderColor:var(--pf-global--palette--black-300, #d2d2d2)}.hasIcon [part=icon]{left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--md,1rem));margin-inline-end:var(--pf-c-label__icon--MarginRight,var(--pf-global--spacer--xs,.25rem))}.blue .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-blue__icon--Color,var(--pf-global--primary-color--100,#06c)))}.cyan .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-cyan__icon--Color,var(--pf-global--default-color--200,#009596)))}.green .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-green__icon--Color,var(--pf-global--success-color--100,#3e8635)))}.orange .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-orange__icon--Color,var(--pf-global--palette--orange-300,#ec7a08)))}.purple .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-purple__icon--Color,var(--pf-global--palette--purple-500,#6753ac)))}.red .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-red__icon--Color,var(--pf-global--danger-color--100,#c9190b)))}.gold .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-gold__icon--Color,var(--pf-global--palette--gold-400,#f0ab00)))}pf-button{--pf-c-button--FontSize:var(--pf-c-label__c-button--FontSize,
|
|
312
319
|
var(--pf-global--FontSize--xs, 0.75rem));--pf-c-button--PaddingTop:var(--pf-c-label__c-button--PaddingTop,
|
|
313
320
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-label__c-button--PaddingRight,
|
|
314
321
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-button--PaddingBottom:var(--pf-c-label__c-button--PaddingBottom,
|
|
315
322
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-label__c-button--PaddingLeft,
|
|
316
|
-
var(--pf-global--spacer--sm, 0.5rem));margin-top:var(--pf-c-label__c-button--MarginTop,-.5rem);margin-right:var(--pf-c-label__c-button--MarginRight,-.5rem);margin-bottom:var(--pf-c-label__c-button--MarginBottom,-.5rem);margin-left:var(--pf-c-label__c-button--MarginLeft,.25rem)}svg{vertical-align:-.125em;fill:currentColor;height:1em;width:1em}`,
|
|
317
|
-
<span id="pf-container" class="${
|
|
318
|
-
`}renderDefaultIcon(){return this.icon?
|
|
323
|
+
var(--pf-global--spacer--sm, 0.5rem));margin-top:var(--pf-c-label__c-button--MarginTop,-.5rem);margin-right:var(--pf-c-label__c-button--MarginRight,-.5rem);margin-bottom:var(--pf-c-label__c-button--MarginBottom,-.5rem);margin-left:var(--pf-c-label__c-button--MarginLeft,.25rem)}svg{vertical-align:-.125em;fill:currentColor;height:1em;width:1em}`,Ma=Zn;var C=class extends ie{constructor(){super(...arguments);this.variant="filled";this.color="grey";this.compact=!1;this.truncated=!1;this.removable=!1}render(){let{compact:e,truncated:r}=this;return bo`
|
|
324
|
+
<span id="pf-container" class="${Kn({compact:e,truncated:r})}">${super.render()}</span>
|
|
325
|
+
`}renderDefaultIcon(){return this.icon?bo`
|
|
319
326
|
<pf-icon icon="${this.icon}" size="sm"></pf-icon>
|
|
320
|
-
`:""}renderSuffix(){return this.removable?
|
|
327
|
+
`:""}renderSuffix(){return this.removable?bo`
|
|
321
328
|
<span part="close-button" ?hidden=${!this.removable}>
|
|
322
329
|
<pf-button plain
|
|
323
|
-
@click="${()=>this.dispatchEvent(new
|
|
330
|
+
@click="${()=>this.dispatchEvent(new Xn("close"))}"
|
|
324
331
|
label="${this.closeButtonLabel??"remove"}">
|
|
325
332
|
<svg viewBox="0 0 352 512">
|
|
326
333
|
<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"/>
|
|
327
334
|
</svg>
|
|
328
335
|
</pf-button>
|
|
329
336
|
</span>
|
|
330
|
-
`:""}};
|
|
337
|
+
`:""}};C.styles=[...ie.styles,Ma],C.shadowRootOptions={...ie.shadowRootOptions,delegatesFocus:!0},t([ne()],C.prototype,"variant",2),t([ne()],C.prototype,"color",2),t([ne()],C.prototype,"icon",2),t([ne({type:Boolean})],C.prototype,"compact",2),t([ne({type:Boolean})],C.prototype,"truncated",2),t([ne({type:Boolean})],C.prototype,"removable",2),t([ne({attribute:"close-button-label"})],C.prototype,"closeButtonLabel",2),C=t([Yn("pf-label")],C);import{LitElement as Fa,html as es}from"lit";import{customElement as ts,property as sr,query as ho}from"lit/decorators.js";import{ifDefined as Ra}from"lit/directives/if-defined.js";import{classMap as rs}from"lit/directives/class-map.js";import{ComposedEvent as xo}from"@patternfly/pfe-core";import{bound as se,deprecation as os,initializer as as,observed as Ha}from"@patternfly/pfe-core/decorators.js";import{getRandomId as ls}from"@patternfly/pfe-core/functions/random.js";import{SlotController as is}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as Qn}from"lit";var Jn=Qn`:host{display:block;position:relative;--_spacer-align-top:var(--pf-c-modal-box--m-align-top--spacer,
|
|
331
338
|
var(--pf-global--spacer--sm, 0.5rem));--_height-offset:min(var(--_spacer-align-top), var(--pf-global--spacer--2xl, 3rem))}[hidden]{display:none!important}section{display:flex;position:fixed;height:100%;width:100%;top:0;left:0;align-items:center;justify-content:center;z-index:var(--pf-c-modal-box--ZIndex,var(--pf-global--ZIndex--xl,500))}#container{position:relative;max-height:inherit}[part=overlay]{position:fixed;height:100%;width:100%;top:0;left:0;background-color:var(--pf-c-backdrop--BackgroundColor,var(--pf-global--BackgroundColor--dark-transparent-100,rgba(3,3,3,.62)))}[part=dialog]{position:relative;margin:0 auto;width:var(--pf-c-modal-box--Width,calc(100% - var(--pf-global--spacer--xl,2rem)));max-width:var(--pf-c-modal-box--MaxWidth,calc(100% - var(--pf-global--spacer--xl,2rem)));max-height:var(--pf-c-modal-box--MaxHeight,calc(100% - var(--pf-global--spacer--2xl,3rem)));box-shadow:var(--pf-c-modal-box--BoxShadow,var(--pf-global--BoxShadow--xl,0 1rem 2rem 0 rgba(3,3,3,.16),0 0 .5rem 0 rgba(3,3,3,.1)));background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)));padding:var(--pf-global--spacer--lg,1.5rem);margin-inline:var(--pf-global--spacer--md,1rem)}:host([variant]) [part=dialog],:host([width]) [part=dialog]{margin-inline:0}:host([variant=small]) [part=dialog],:host([width=small]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-sm--sm--MaxWidth, 35rem)}:host([variant=medium]) [part=dialog],:host([width=medium]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-md--Width, 52.5rem)}:host([variant=large]) [part=dialog],:host([width=large]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-lg--lg--MaxWidth, 70rem)}[part=content]{overflow-y:auto;overscroll-behavior:contain;max-height:var(--pf-c-modal-box--MaxHeight,calc(100vh - var(--pf-global--spacer--2xl,3rem)));box-sizing:border-box}[part=content] ::slotted([slot=header]){margin-top:0!important}header{position:sticky;top:0;background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)))}header ::slotted(:is(h1,h2,h3,h4,h5,h6)[slot=header]){font-size:var(--pf-c-modal-box__title--FontSize,
|
|
332
339
|
var(--pf-global--FontSize--2xl,
|
|
333
340
|
1.5rem));font-weight:var(--pf-global--FontWeight--normal,400);font-family:var(--pf-c-modal-box__title--FontFamily,
|
|
@@ -335,18 +342,18 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
335
342
|
var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
336
343
|
"RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif)))}[part=close-button]{background-color:transparent;border:none;margin:0;padding:0;text-align:left;position:absolute;cursor:pointer;line-height:24px;padding-block:var(--pf-c-button--PaddingTop,var(--pf-global--spacer--form-element,0.375rem));padding-inline:var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem));top:0;right:calc(var(--pf-global--spacer--lg,1.5rem)/ -3);color:var(--pf-c-button--m-plain--Color,var(--pf-global--Color--200,#6a6e73));font-size:var(--pf-c-button--FontSize,
|
|
337
344
|
var(--pf-global--FontSize--md,
|
|
338
|
-
1rem))}[part=close-button]:is(:focus-within,:focus-visible,:hover){color:var(--pf-c-button--m-plain--focus--Color,var(--pf-global--Color--100,#151515))}[part=close-button]>svg{font-size:16px;width:var(--pf-global--spacer--md,1rem);aspect-ratio:1/1}:host([position=top]) #dialog{align-self:start;margin-block:var(--pf-c-modal-box--m-align-top--MarginTop,var(--pf-c-modal-box--m-align-top--spacer,2rem));margin-inline:var(--pf-global--spacer--md,1rem);width:100%;max-width:var(--pf-c-modal-box--m-align-top--MaxWidth,calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer,2rem) * 2,var(--pf-global--spacer--xl,2rem))));max-height:var(--pf-c-modal-box--m-align-top--MaxHeight,calc(100% - var(--_height-offset) - var(--_spacer-align-top)))}footer{display:flex;align-items:center;gap:var(--pf-global--spacer--xl,.5rem)}`,
|
|
345
|
+
1rem))}[part=close-button]:is(:focus-within,:focus-visible,:hover){color:var(--pf-c-button--m-plain--focus--Color,var(--pf-global--Color--100,#151515))}[part=close-button]>svg{font-size:16px;width:var(--pf-global--spacer--md,1rem);aspect-ratio:1/1}:host([position=top]) #dialog{align-self:start;margin-block:var(--pf-c-modal-box--m-align-top--MarginTop,var(--pf-c-modal-box--m-align-top--spacer,2rem));margin-inline:var(--pf-global--spacer--md,1rem);width:100%;max-width:var(--pf-c-modal-box--m-align-top--MaxWidth,calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer,2rem) * 2,var(--pf-global--spacer--xl,2rem))));max-height:var(--pf-c-modal-box--m-align-top--MaxHeight,calc(100% - var(--_height-offset) - var(--_spacer-align-top)))}footer{display:flex;align-items:center;gap:var(--pf-global--spacer--xl,.5rem)}`,Ea=Jn;var vo=class extends xo{constructor(){super("cancel")}},uo=class extends xo{constructor(){super("close")}},_o=class extends xo{constructor(e){super("open");this.trigger=e}},Ee,b,pe,ft,ce,Fe,Re,f=class extends Fa{constructor(){super(...arguments);this.open=!1;this.returnValue="";a(this,Ee,ls());a(this,b,null);a(this,pe,null);a(this,ft,[]);a(this,ce,[]);a(this,Fe,!1);a(this,Re,new is(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let e=o(this,pe)||o(this,ce).length?o(this,Ee):void 0,r=o(this,b)?o(this,b).innerText:void 0,l=o(this,Re).hasSlotted("header"),p=o(this,Re).hasSlotted("description"),c=o(this,Re).hasSlotted("footer");return es`
|
|
339
346
|
<section ?hidden=${!this.open}>
|
|
340
347
|
<div id="overlay" part="overlay" ?hidden=${!this.open}></div>
|
|
341
348
|
<div id="dialog"
|
|
342
349
|
part="dialog"
|
|
343
350
|
tabindex="0"
|
|
344
351
|
role="dialog"
|
|
345
|
-
aria-labelledby=${
|
|
346
|
-
aria-label=${
|
|
352
|
+
aria-labelledby=${Ra(e)}
|
|
353
|
+
aria-label=${Ra(r)}
|
|
347
354
|
?hidden="${!this.open}">
|
|
348
355
|
<div id="container">
|
|
349
|
-
<div id="content" part="content" class=${
|
|
356
|
+
<div id="content" part="content" class=${rs({hasHeader:l,hasDescription:p,hasFooter:c})}>
|
|
350
357
|
<header part="header">
|
|
351
358
|
<slot name="header"></slot>
|
|
352
359
|
<div part="description" ?hidden=${!p}>
|
|
@@ -370,77 +377,77 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
370
377
|
</div>
|
|
371
378
|
</div>
|
|
372
379
|
</section>
|
|
373
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),o(this,b)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,d(this,pe,this.querySelector('[slot$="header"]')),d(this,
|
|
380
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),o(this,b)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,d(this,pe,this.querySelector('[slot$="header"]')),d(this,ft,[...this.querySelectorAll("*:not([slot])")]),d(this,ce,o(this,ft).filter(e=>e.tagName.slice(0,1)==="H")),o(this,b)&&(o(this,b).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),o(this,pe)?o(this,pe).id=o(this,Ee):o(this,ce).length>0&&(o(this,ce)[0].id=o(this,Ee))}async _openChanged(e,r){e==null||r==null||e==r||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new _o(o(this,b)))):(document.body.style.overflow="auto",await this.updateComplete,o(this,b)&&o(this,b).focus(),this.dispatchEvent(o(this,Fe)?new vo:new uo)))}_triggerChanged(){this.trigger&&(d(this,b,this.getRootNode().getElementById(this.trigger)),o(this,b)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(e){e.preventDefault(),this.showModal()}onClick(e){let{open:r,overlay:l,dialog:p}=this;if(r){let c=e.composedPath(),{closeOnOutsideClick:k}=this.constructor;k&&c.includes(l)&&!c.includes(p)&&(e.preventDefault(),this.cancel())}}onKeydown(e){switch(e.key){case"Tab":e.target===this.closeButton&&(e.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":e.preventDefault(),this.cancel();return;case"Enter":e.target===o(this,b)&&(e.preventDefault(),this.showModal());return}}async cancel(){d(this,Fe,!0),this.open=!1,await this.updateComplete,d(this,Fe,!1)}setTrigger(e){d(this,b,e),o(this,b).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(e){typeof e=="string"&&(this.returnValue=e),this.open=!1}};Ee=new WeakMap,b=new WeakMap,pe=new WeakMap,ft=new WeakMap,ce=new WeakMap,Fe=new WeakMap,Re=new WeakMap,f.shadowRootOptions={...Fa.shadowRootOptions,delegatesFocus:!0},f.styles=[Ea],f.closeOnOutsideClick=!1,t([sr({reflect:!0})],f.prototype,"variant",2),t([os({alias:"variant",attribute:"width"})],f.prototype,"width",2),t([sr({reflect:!0})],f.prototype,"position",2),t([Ha,sr({type:Boolean,reflect:!0})],f.prototype,"open",2),t([Ha,sr()],f.prototype,"trigger",2),t([ho("#overlay")],f.prototype,"overlay",2),t([ho("#dialog")],f.prototype,"dialog",2),t([ho("#close-button")],f.prototype,"closeButton",2),t([as()],f.prototype,"_init",1),t([se],f.prototype,"onTriggerClick",1),t([se],f.prototype,"onClick",1),t([se],f.prototype,"onKeydown",1),t([se],f.prototype,"toggle",1),t([se],f.prototype,"show",1),t([se],f.prototype,"showModal",1),t([se],f.prototype,"close",1),f=t([ts("pf-modal")],f);import{LitElement as ps,html as cs}from"lit";import{customElement as ds,property as Ia}from"lit/decorators.js";import{SlotController as fs}from"@patternfly/pfe-core/controllers/slot-controller.js";import{css as ns}from"lit";var ss=ns`:host{--pf-c-panel--Width:auto;--pf-c-panel--MinWidth:auto;--pf-c-panel--MaxWidth:none;--pf-c-panel--ZIndex:auto;--pf-c-panel--BackgroundColor:var(--pf-global--BackgroundColor--100, #fff);--pf-c-panel--BoxShadow:none;--pf-c-panel--before--BorderWidth:0;--pf-c-panel--before--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-panel--m-bordered--before--BorderWidth:var(--pf-global--BorderWidth--sm, 1px);--pf-c-panel--m-raised--BoxShadow:pfglobalvar(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06));--pf-c-panel--m-raised--ZIndex:var(--pf-global--ZIndex--sm, 200);--pf-c-panel__header--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main--MaxHeight:none;--pf-c-panel__main--Overflow:visible;--pf-c-panel__main-body--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--BoxShadow:none;--pf-c-panel--m-scrollable__main--MaxHeight:18.75rem;--pf-c-panel--m-scrollable__main--Overflow:auto;--pf-c-panel--m-scrollable__footer--BoxShadow:0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);position:relative;z-index:var(--pf-c-panel--ZIndex);width:var(--pf-c-panel--Width);min-width:var(--pf-c-panel--MinWidth);max-width:var(--pf-c-panel--MaxWidth);background-color:var(--pf-c-panel--BackgroundColor);box-shadow:var(--pf-c-panel--BoxShadow)}:host([variant=bordered])::before{position:absolute;inset:0;pointer-events:none;content:"";border:var(--pf-c-panel--before--BorderWidth,var(--pf-c-panel--m-bordered--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px))) solid var(--pf-c-panel--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host([variant=raised]){--pf-c-panel--BoxShadow:var(--pf-c-panel--m-raised--BoxShadow,
|
|
374
381
|
var(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)));--pf-c-panel--ZIndex:var(--pf-c-panel--m-raised--ZIndex,
|
|
375
|
-
var(--pf-global--ZIndex--sm, 200))}:host([scrollable]){--pf-c-panel__main--MaxHeight:var(--pf-c-panel--m-scrollable__main--MaxHeight);--pf-c-panel__main--Overflow:var(--pf-c-panel--m-scrollable__main--Overflow);--pf-c-panel__footer--BoxShadow:var(--pf-c-panel--m-scrollable__footer--BoxShadow)}[hidden]{display:none!important}slot{display:block}slot:not([name]){max-height:var(--pf-c-panel__main--MaxHeight);overflow:var(--pf-c-panel__main--Overflow);padding:var(--pf-c-panel__main-body--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}slot[name=header]{padding:var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft)}slot[name=footer]{padding:var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);box-shadow:var(--pf-c-panel__footer--BoxShadow)}hr{--pf-c-divider--BorderWidth--base:var(--pf-global--BorderWidth--sm, 1px);--pf-c-divider--BorderColor--base:var(--pf-c-divider--BackgroundColor);--pf-c-divider--Height:var(--pf-c-divider--BorderWidth--base);--pf-c-divider--BackgroundColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-divider--after--BackgroundColor:var(--pf-c-divider--BorderColor--base);--pf-c-divider--after--FlexBasis:100%;--pf-c-divider--after--Inset:0%;--pf-c-divider--m-vertical--after--FlexBasis:100%;--pf-c-divider--m-horizontal--Display:flex;--pf-c-divider--m-horizontal--FlexDirection:row;--pf-c-divider--m-horizontal--after--Height:var(--pf-c-divider--Height);--pf-c-divider--m-horizontal--after--Width:auto;--pf-c-divider--m-vertical--Display:inline-flex;--pf-c-divider--m-vertical--FlexDirection:column;--pf-c-divider--m-vertical--after--Height:auto;--pf-c-divider--m-vertical--after--Width:var(--pf-c-divider--BorderWidth--base);--pf-hidden-visible--visible--Display:var(--pf-c-divider--Display);--pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);--pf-c-divider--FlexDirection:var(--pf-c-divider--m-horizontal--FlexDirection);--pf-c-divider--after--Width:var(--pf-c-divider--m-horizontal--after--Width);--pf-c-divider--after--Height:var(--pf-c-divider--m-horizontal--after--Height);width:100%;height:auto;display:var(--pf-c-divider--Display);flex-direction:var(--pf-c-divider--FlexDirection);align-items:center;align-self:stretch;flex-shrink:0;justify-content:center;border:0}hr::after{align-self:stretch;width:var(--pf-c-divider--after--Width);height:var(--pf-c-divider--after--Height);content:"";background-color:var(--pf-c-divider--after--BackgroundColor);justify-self:center;padding:0;margin:0;flex-basis:calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2)}::slotted(:is(p,h1,h2,h3,h4,h5,h6):first-of-type){margin-block-start:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):last-of-type){margin-block-end:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):is(:last-of-type,:first-of-type)){margin-block:0}
|
|
382
|
+
var(--pf-global--ZIndex--sm, 200))}:host([scrollable]){--pf-c-panel__main--MaxHeight:var(--pf-c-panel--m-scrollable__main--MaxHeight);--pf-c-panel__main--Overflow:var(--pf-c-panel--m-scrollable__main--Overflow);--pf-c-panel__footer--BoxShadow:var(--pf-c-panel--m-scrollable__footer--BoxShadow)}[hidden]{display:none!important}slot{display:block}slot:not([name]){max-height:var(--pf-c-panel__main--MaxHeight);overflow:var(--pf-c-panel__main--Overflow);padding:var(--pf-c-panel__main-body--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}slot[name=header]{padding:var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft)}slot[name=footer]{padding:var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);box-shadow:var(--pf-c-panel__footer--BoxShadow)}hr{--pf-c-divider--BorderWidth--base:var(--pf-global--BorderWidth--sm, 1px);--pf-c-divider--BorderColor--base:var(--pf-c-divider--BackgroundColor);--pf-c-divider--Height:var(--pf-c-divider--BorderWidth--base);--pf-c-divider--BackgroundColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-divider--after--BackgroundColor:var(--pf-c-divider--BorderColor--base);--pf-c-divider--after--FlexBasis:100%;--pf-c-divider--after--Inset:0%;--pf-c-divider--m-vertical--after--FlexBasis:100%;--pf-c-divider--m-horizontal--Display:flex;--pf-c-divider--m-horizontal--FlexDirection:row;--pf-c-divider--m-horizontal--after--Height:var(--pf-c-divider--Height);--pf-c-divider--m-horizontal--after--Width:auto;--pf-c-divider--m-vertical--Display:inline-flex;--pf-c-divider--m-vertical--FlexDirection:column;--pf-c-divider--m-vertical--after--Height:auto;--pf-c-divider--m-vertical--after--Width:var(--pf-c-divider--BorderWidth--base);--pf-hidden-visible--visible--Display:var(--pf-c-divider--Display);--pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);--pf-c-divider--FlexDirection:var(--pf-c-divider--m-horizontal--FlexDirection);--pf-c-divider--after--Width:var(--pf-c-divider--m-horizontal--after--Width);--pf-c-divider--after--Height:var(--pf-c-divider--m-horizontal--after--Height);width:100%;height:auto;display:var(--pf-c-divider--Display);flex-direction:var(--pf-c-divider--FlexDirection);align-items:center;align-self:stretch;flex-shrink:0;justify-content:center;border:0}hr::after{align-self:stretch;width:var(--pf-c-divider--after--Width);height:var(--pf-c-divider--after--Height);content:"";background-color:var(--pf-c-divider--after--BackgroundColor);justify-self:center;padding:0;margin:0;flex-basis:calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2)}::slotted(:is(p,h1,h2,h3,h4,h5,h6):first-of-type){margin-block-start:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):last-of-type){margin-block-end:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):is(:last-of-type,:first-of-type)){margin-block:0}`,$a=ss;var gt,de=class extends ps{constructor(){super(...arguments);this.scrollable=!1;a(this,gt,new fs(this,"header",null,"footer"))}render(){let e=o(this,gt).hasSlotted("header"),r=o(this,gt).hasSlotted("footer");return cs`
|
|
376
383
|
<slot name="header" role="region" ?hidden="${!e}"></slot>
|
|
377
384
|
<hr role="presentation" ?hidden="${!e}">
|
|
378
385
|
<slot></slot>
|
|
379
386
|
<slot name="footer" role="region" ?hidden="${!r}"></slot>
|
|
380
|
-
`}};ft=new WeakMap,de.styles=[Ra],t([Ha({type:Boolean,reflect:!0})],de.prototype,"scrollable",2),t([Ha({reflect:!0})],de.prototype,"variant",2),de=t([as("pf-panel")],de);import{LitElement as bs,html as hs}from"lit";import{customElement as vs,property as yo}from"lit/decorators.js";import{observed as us}from"@patternfly/pfe-core/decorators/observed.js";import{css as is}from"lit";var ns=is`[hidden]{display:none!important}:host{--pf-c-progress-stepper--m-vertical--GridAutoFlow:row;--pf-c-progress-stepper--m-vertical--GridTemplateColumns:auto 1fr;--pf-c-progress-stepper--m-vertical__step-connector--before--Top:0;--pf-c-progress-stepper--m-vertical__step-connector--before--Left:calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);--pf-c-progress-stepper--m-vertical__step-connector--before--Width:auto;--pf-c-progress-stepper--m-vertical__step-connector--before--Height:100%;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth:0;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor:transparent;--pf-c-progress-stepper--m-vertical__step-connector--before--Transform:translateX(-50%);--pf-c-progress-stepper--m-vertical__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical__step-main--MarginBottom:var(--pf-global--spacer--xl, 2rem);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow:auto;--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--GridAutoFlow:column;--pf-c-progress-stepper--m-horizontal--GridTemplateColumns:initial;--pf-c-progress-stepper--m-horizontal__step-connector--before--Top:calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Left:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--Width:100%;--pf-c-progress-stepper--m-horizontal__step-connector--before--Height:auto;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor:unset;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform:translateY(-50%);--pf-c-progress-stepper--m-horizontal__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom:0;--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns:repeat(auto-fill, 1.75rem);--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom:0;--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow:2;--pf-c-progress-stepper--m-compact--GridAutoFlow:row;--pf-c-progress-stepper--m-compact__step-main--MarginTop:0;--pf-c-progress-stepper--m-compact__step-main--MarginBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-compact__step-connector--MinWidth:1.75rem;--pf-c-progress-stepper--m-compact__step-icon--Width:1.125rem;--pf-c-progress-stepper--m-compact__step-icon--FontSize:var(--pf-global--icon--FontSize--sm, 0.625rem);--pf-c-progress-stepper--m-compact__step-title--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper--m-compact__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper--m-compact__pficon--MarginTop:2px;--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop:-3px;--pf-c-progress-stepper--m-center__step-connector--before--Left:50%;--pf-c-progress-stepper--m-center--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-center__step-connector--JustifyContent:center;--pf-c-progress-stepper--m-center__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--TextAlign:center;--pf-c-progress-stepper--m-center__step-description--MarginRight:0;--pf-c-progress-stepper--m-center__step-description--MarginLeft:0;--pf-c-progress-stepper--GridTemplateRows:auto 1fr;--pf-c-progress-stepper__step-connector--JustifyContent:start;--pf-c-progress-stepper__step-icon--ZIndex:var(--pf-global--ZIndex--xs, 100);--pf-c-progress-stepper__step-icon--Width:1.75rem;--pf-c-progress-stepper__step-icon--Height:var(--pf-c-progress-stepper__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-icon--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-icon--BackgroundColor:var(--pf-global--BackgroundColor--light-200, #fafafa);--pf-c-progress-stepper__step-icon--BorderWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper__step-icon--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper__pficon--MarginTop:3px;--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:-5px;--pf-c-progress-stepper__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--TextAlign:left;--pf-c-progress-stepper__step-title--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-global--FontWeight--bold, 700);--pf-c-progress-stepper__step--m-current__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-pending__step-title--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step--m-danger__step-title--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-global--BorderColor--200, #8a8d90);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness:var(--pf-global--BorderWidth--sm, 1px);--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset:0.25rem;--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecoerationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step-description--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper__step-description--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper__step-description--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step-description--TextAlign:left;--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;position:relative;display:grid;grid-auto-flow:var(--pf-c-progress-stepper--GridAutoFlow);grid-template-columns:var(--pf-c-progress-stepper--GridTemplateColumns);grid-template-rows:var(--pf-c-progress-stepper--GridTemplateRows);grid-auto-columns:1fr}@media (min-width:768px){:host{--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow, column);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns, initial);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper--m-center__step-connector--before--Content:'';--pf-c-progress-stepper--m-center__step-main--before--Content:none}}:host([center]){--pf-c-progress-stepper__step-connector--JustifyContent:var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-center__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);--pf-c-progress-stepper--step-main--TextAlign:var(--pf-c-progress-stepper--m-center__step-main--TextAlign, auto);--pf-c-progress-stepper__step-title--TextAlign:var(--pf-c-progress-stepper--m-center__step-title--TextAlign, auto);--pf-c-progress-stepper__step-description--MarginRight:var(--pf-c-progress-stepper--m-center__step-description--MarginRight);--pf-c-progress-stepper__step-description--MarginLeft:var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);--pf-c-progress-stepper__step-description--TextAlign:var(--pf-c-progress-stepper--m-center__step-description--TextAlign, auto);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left);grid-template-columns:var(--pf-c-progress-stepper--m-center--GridTemplateColumns)}:host([center]:not([compact])){--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content)}:host([vertical]) ::slotted(pf-progress-step){flex-direction:row;align-items:flex-start}:host([vertical]){--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-main--Position:relative}:host([vertical][center]){--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left)}:host([compact]){--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);--pf-c-progress-stepper__step-icon--Width:var(--pf-c-progress-stepper--m-compact__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);--pf-c-progress-stepper__step-title--FontSize:var(--pf-c-progress-stepper--m-compact__step-title--FontSize);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);--pf-c-progress-stepper__pficon--MarginTop:var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);display:inline-grid;grid-template-columns:var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);grid-auto-flow:var(--pf-c-progress-stepper--m-compact--GridAutoFlow)}`,$a=ns;import{LitElement as cs,html as ds}from"lit";import{customElement as fs,property as gt}from"lit/decorators.js";import{ifDefined as Da}from"lit/directives/if-defined.js";import{classMap as ja}from"lit/directives/class-map.js";import{SlotController as gs}from"@patternfly/pfe-core/controllers/slot-controller.js";import{InternalsController as ms}from"@patternfly/pfe-core/controllers/internals-controller.js";import{css as ss}from"lit";var ps=ss`[hidden]{display:none!important}#icon{z-index:var(--pf-c-progress-stepper__step-icon--ZIndex);display:flex;align-items:center;justify-content:center;width:var(--pf-c-progress-stepper__step-icon--Width);height:var(--pf-c-progress-stepper__step-icon--Height);color:var(--pf-c-progress-stepper__step-icon--Color);background-color:var(--pf-c-progress-stepper__step-icon--BackgroundColor);border:var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);border-radius:50%;font-size:var(--pf-c-progress-stepper__step-icon--FontSize);--pf-icon--size:1.125em}#main{position:var(--pf-c-progress-stepper__step-main--Position,initial);min-width:0;margin:var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);text-align:var(--pf-c-progress-stepper--step-main--TextAlign,auto);overflow-wrap:anywhere}:host(:not([current])) #main.compact{position:fixed;top:0;left:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin-bottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom)}:host([current]) #main.compact{grid-column:1/-1;grid-row:1/2}#title{font-size:var(--pf-c-progress-stepper__step-title--FontSize);font-weight:var(--pf-c-progress-stepper__step-title--FontWeight);color:var(--pf-c-progress-stepper__step-title--Color);text-align:var(--pf-c-progress-stepper__step-title--TextAlign);border:0}#description{margin-top:var(--pf-c-progress-stepper__step-description--MarginTop);font-size:var(--pf-c-progress-stepper__step-description--FontSize);color:var(--pf-c-progress-stepper__step-description--Color);text-align:var(--pf-c-progress-stepper__step-description--TextAlign);display:block}:host{display:contents}#connector{position:relative;display:flex;justify-content:var(--pf-c-progress-stepper__step-connector--JustifyContent);width:100%}#connector.compact{min-width:var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);grid-row:var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);padding-bottom:var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom)}:host(:not(:last-of-type)) #main::before{content:var(--pf-c-progress-stepper__step-main--before--Content);position:absolute;top:calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));left:calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth)/ 2);width:auto;height:calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor)}:host(:not(:last-of-type)) #connector::before{position:absolute;top:var(--pf-c-progress-stepper__step-connector--before--Top);left:var(--pf-c-progress-stepper__step-connector--before--Left);width:var(--pf-c-progress-stepper__step-connector--before--Width);height:var(--pf-c-progress-stepper__step-connector--before--Height);content:var(--pf-c-progress-stepper__step-connector--before--Content);border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);border-bottom:var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);transform:var(--pf-c-progress-stepper__step-connector--before--Transform)}:host([current]){--pf-c-progress-stepper__step-title--FontWeight:var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-current__step-title--Color)}:host([variant=success]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--success-color--100, #3e8635)}:host([variant=info]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--info-color--100, #2b9af3)}:host([variant=warning]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--warning-color--100, #f0ab00)}:host([variant=danger]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--Color);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor)}`,Ia=ps;var Aa=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),xo,sr,L=class extends cs{constructor(){super(...arguments);this.current=!1;a(this,xo,new gs(this,"title","description"));a(this,sr,new ms(this,{role:"listitem"}))}render(){let e=!!this.description,r=this.icon??Aa.get(this.variant??"default")?.icon,l=this.iconSet??Aa.get(this.variant??"default")?.set,{parentTagName:p}=this.constructor,{compact:c=!1}=this.closest(p)??{};return ds`
|
|
381
|
-
<div id="connector" class="${
|
|
387
|
+
`}};gt=new WeakMap,de.styles=[$a],t([Ia({type:Boolean,reflect:!0})],de.prototype,"scrollable",2),t([Ia({reflect:!0})],de.prototype,"variant",2),de=t([ds("pf-panel")],de);import{LitElement as bs,html as hs}from"lit";import{customElement as vs,property as mt}from"lit/decorators.js";import{ifDefined as Da}from"lit/directives/if-defined.js";import{classMap as Aa}from"lit/directives/class-map.js";import{SlotController as us}from"@patternfly/pfe-core/controllers/slot-controller.js";import{InternalsController as _s}from"@patternfly/pfe-core/controllers/internals-controller.js";import{css as gs}from"lit";var ms=gs`[hidden]{display:none!important}#icon{z-index:var(--pf-c-progress-stepper__step-icon--ZIndex);display:flex;align-items:center;justify-content:center;width:var(--pf-c-progress-stepper__step-icon--Width);height:var(--pf-c-progress-stepper__step-icon--Height);color:var(--pf-c-progress-stepper__step-icon--Color);background-color:var(--pf-c-progress-stepper__step-icon--BackgroundColor);border:var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);border-radius:50%;font-size:var(--pf-c-progress-stepper__step-icon--FontSize);--pf-icon--size:1.125em}#main{position:var(--pf-c-progress-stepper__step-main--Position,initial);min-width:0;margin:var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);text-align:var(--pf-c-progress-stepper--step-main--TextAlign,auto);overflow-wrap:anywhere}:host(:not([current])) #main.compact{position:fixed;top:0;left:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin-bottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom)}:host([current]) #main.compact{grid-column:1/-1;grid-row:1/2}#title{font-size:var(--pf-c-progress-stepper__step-title--FontSize);font-weight:var(--pf-c-progress-stepper__step-title--FontWeight);color:var(--pf-c-progress-stepper__step-title--Color);text-align:var(--pf-c-progress-stepper__step-title--TextAlign);border:0}#description{margin-top:var(--pf-c-progress-stepper__step-description--MarginTop);font-size:var(--pf-c-progress-stepper__step-description--FontSize);color:var(--pf-c-progress-stepper__step-description--Color);text-align:var(--pf-c-progress-stepper__step-description--TextAlign);display:block}:host{display:contents}#connector{position:relative;display:flex;justify-content:var(--pf-c-progress-stepper__step-connector--JustifyContent);width:100%}#connector.compact{min-width:var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);grid-row:var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);padding-bottom:var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom)}:host(:not(:last-of-type)) #main::before{content:var(--pf-c-progress-stepper__step-main--before--Content);position:absolute;top:calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));left:calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth)/ 2);width:auto;height:calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor)}:host(:not(:last-of-type)) #connector::before{position:absolute;top:var(--pf-c-progress-stepper__step-connector--before--Top);left:var(--pf-c-progress-stepper__step-connector--before--Left);width:var(--pf-c-progress-stepper__step-connector--before--Width);height:var(--pf-c-progress-stepper__step-connector--before--Height);content:var(--pf-c-progress-stepper__step-connector--before--Content);border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);border-bottom:var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);transform:var(--pf-c-progress-stepper__step-connector--before--Transform)}:host([current]){--pf-c-progress-stepper__step-title--FontWeight:var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-current__step-title--Color)}:host([variant=success]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--success-color--100, #3e8635)}:host([variant=info]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--info-color--100, #2b9af3)}:host([variant=warning]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--warning-color--100, #f0ab00)}:host([variant=danger]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--Color);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor)}`,ja=ms;var Oa=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),yo,pr,L=class extends bs{constructor(){super(...arguments);this.current=!1;a(this,yo,new us(this,"title","description"));a(this,pr,new _s(this,{role:"listitem"}))}render(){let e=!!this.description,r=this.icon??Oa.get(this.variant??"default")?.icon,l=this.iconSet??Oa.get(this.variant??"default")?.set,{parentTagName:p}=this.constructor,{compact:c=!1}=this.closest(p)??{};return hs`
|
|
388
|
+
<div id="connector" class="${Aa({compact:c})}">
|
|
382
389
|
<slot id="icon" name="icon">
|
|
383
390
|
<pf-icon ?hidden="${!r}"
|
|
384
391
|
icon="${Da(r)}"
|
|
385
392
|
set="${Da(l)}"></pf-icon>
|
|
386
393
|
</slot>
|
|
387
394
|
</div>
|
|
388
|
-
<div id="main" class="${
|
|
395
|
+
<div id="main" class="${Aa({compact:c})}">
|
|
389
396
|
<slot id="title"></slot>
|
|
390
397
|
<slot id="description" name="description" ?hidden="${!e}">${this.description}</slot>
|
|
391
398
|
</div>
|
|
392
|
-
`}updated(e){super.updated?.(e),e.has("current")&&(o(this,sr).ariaCurrent=String(!!this.current))}};xo=new WeakMap,sr=new WeakMap,L.parentTagName="pf-progress-stepper",L.styles=[Ia],t([gt()],L.prototype,"description",2),t([gt()],L.prototype,"icon",2),t([gt({attribute:"icon-set"})],L.prototype,"iconSet",2),t([gt({reflect:!0})],L.prototype,"variant",2),t([gt({type:Boolean,reflect:!0})],L.prototype,"current",2),L=t([fs("pf-progress-step")],L);import{InternalsController as _s}from"@patternfly/pfe-core/controllers/internals-controller.js";import"@patternfly/elements/pf-icon/pf-icon.js";var pr,cr,dr,Oa,E=class extends bs{constructor(){super();a(this,dr);this.vertical=!1;this.center=!1;this.compact=!1;a(this,pr,new _s(this,{role:"progressbar",ariaValueNow:this.value.toString()}));a(this,cr,new MutationObserver(()=>i(this,dr,Oa).call(this)));o(this,cr).observe(this,{childList:!0})}get value(){let{childTagName:e}=this.constructor,r=this.querySelectorAll(e),l=this.querySelector(`${e}[current]`);return(Array.from(r).indexOf(l)+1)/r.length*100}render(){return hs`
|
|
399
|
+
`}updated(e){super.updated?.(e),e.has("current")&&(o(this,pr).ariaCurrent=String(!!this.current))}};yo=new WeakMap,pr=new WeakMap,L.parentTagName="pf-progress-stepper",L.styles=[ja],t([mt()],L.prototype,"description",2),t([mt()],L.prototype,"icon",2),t([mt({attribute:"icon-set"})],L.prototype,"iconSet",2),t([mt({reflect:!0})],L.prototype,"variant",2),t([mt({type:Boolean,reflect:!0})],L.prototype,"current",2),L=t([vs("pf-progress-step")],L);import{LitElement as ks,html as Cs}from"lit";import{customElement as Bs,property as ko}from"lit/decorators.js";import{observed as ws}from"@patternfly/pfe-core/decorators/observed.js";import{css as xs}from"lit";var ys=xs`[hidden]{display:none!important}:host{--pf-c-progress-stepper--m-vertical--GridAutoFlow:row;--pf-c-progress-stepper--m-vertical--GridTemplateColumns:auto 1fr;--pf-c-progress-stepper--m-vertical__step-connector--before--Top:0;--pf-c-progress-stepper--m-vertical__step-connector--before--Left:calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);--pf-c-progress-stepper--m-vertical__step-connector--before--Width:auto;--pf-c-progress-stepper--m-vertical__step-connector--before--Height:100%;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth:0;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor:transparent;--pf-c-progress-stepper--m-vertical__step-connector--before--Transform:translateX(-50%);--pf-c-progress-stepper--m-vertical__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical__step-main--MarginBottom:var(--pf-global--spacer--xl, 2rem);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow:auto;--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--GridAutoFlow:column;--pf-c-progress-stepper--m-horizontal--GridTemplateColumns:initial;--pf-c-progress-stepper--m-horizontal__step-connector--before--Top:calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Left:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--Width:100%;--pf-c-progress-stepper--m-horizontal__step-connector--before--Height:auto;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor:unset;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform:translateY(-50%);--pf-c-progress-stepper--m-horizontal__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom:0;--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns:repeat(auto-fill, 1.75rem);--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom:0;--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow:2;--pf-c-progress-stepper--m-compact--GridAutoFlow:row;--pf-c-progress-stepper--m-compact__step-main--MarginTop:0;--pf-c-progress-stepper--m-compact__step-main--MarginBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-compact__step-connector--MinWidth:1.75rem;--pf-c-progress-stepper--m-compact__step-icon--Width:1.125rem;--pf-c-progress-stepper--m-compact__step-icon--FontSize:var(--pf-global--icon--FontSize--sm, 0.625rem);--pf-c-progress-stepper--m-compact__step-title--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper--m-compact__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper--m-compact__pficon--MarginTop:2px;--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop:-3px;--pf-c-progress-stepper--m-center__step-connector--before--Left:50%;--pf-c-progress-stepper--m-center--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-center__step-connector--JustifyContent:center;--pf-c-progress-stepper--m-center__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--TextAlign:center;--pf-c-progress-stepper--m-center__step-description--MarginRight:0;--pf-c-progress-stepper--m-center__step-description--MarginLeft:0;--pf-c-progress-stepper--GridTemplateRows:auto 1fr;--pf-c-progress-stepper__step-connector--JustifyContent:start;--pf-c-progress-stepper__step-icon--ZIndex:var(--pf-global--ZIndex--xs, 100);--pf-c-progress-stepper__step-icon--Width:1.75rem;--pf-c-progress-stepper__step-icon--Height:var(--pf-c-progress-stepper__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-icon--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-icon--BackgroundColor:var(--pf-global--BackgroundColor--light-200, #fafafa);--pf-c-progress-stepper__step-icon--BorderWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper__step-icon--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper__pficon--MarginTop:3px;--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:-5px;--pf-c-progress-stepper__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--TextAlign:left;--pf-c-progress-stepper__step-title--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-global--FontWeight--bold, 700);--pf-c-progress-stepper__step--m-current__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-pending__step-title--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step--m-danger__step-title--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-global--BorderColor--200, #8a8d90);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness:var(--pf-global--BorderWidth--sm, 1px);--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset:0.25rem;--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecoerationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step-description--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper__step-description--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper__step-description--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step-description--TextAlign:left;--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;position:relative;display:grid;grid-auto-flow:var(--pf-c-progress-stepper--GridAutoFlow);grid-template-columns:var(--pf-c-progress-stepper--GridTemplateColumns);grid-template-rows:var(--pf-c-progress-stepper--GridTemplateRows);grid-auto-columns:1fr}@media (min-width:768px){:host{--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow, column);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns, initial);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper--m-center__step-connector--before--Content:'';--pf-c-progress-stepper--m-center__step-main--before--Content:none}}:host([center]){--pf-c-progress-stepper__step-connector--JustifyContent:var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-center__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);--pf-c-progress-stepper--step-main--TextAlign:var(--pf-c-progress-stepper--m-center__step-main--TextAlign, auto);--pf-c-progress-stepper__step-title--TextAlign:var(--pf-c-progress-stepper--m-center__step-title--TextAlign, auto);--pf-c-progress-stepper__step-description--MarginRight:var(--pf-c-progress-stepper--m-center__step-description--MarginRight);--pf-c-progress-stepper__step-description--MarginLeft:var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);--pf-c-progress-stepper__step-description--TextAlign:var(--pf-c-progress-stepper--m-center__step-description--TextAlign, auto);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left);grid-template-columns:var(--pf-c-progress-stepper--m-center--GridTemplateColumns)}:host([center]:not([compact])){--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content)}:host([vertical]) ::slotted(pf-progress-step){flex-direction:row;align-items:flex-start}:host([vertical]){--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-main--Position:relative}:host([vertical][center]){--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left)}:host([compact]){--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);--pf-c-progress-stepper__step-icon--Width:var(--pf-c-progress-stepper--m-compact__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);--pf-c-progress-stepper__step-title--FontSize:var(--pf-c-progress-stepper--m-compact__step-title--FontSize);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);--pf-c-progress-stepper__pficon--MarginTop:var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);display:inline-grid;grid-template-columns:var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);grid-auto-flow:var(--pf-c-progress-stepper--m-compact--GridAutoFlow)}`,Na=ys;import{InternalsController as Ts}from"@patternfly/pfe-core/controllers/internals-controller.js";import"@patternfly/elements/pf-icon/pf-icon.js";var cr,dr,fr,Pa,F=class extends ks{constructor(){super();a(this,fr);this.vertical=!1;this.center=!1;this.compact=!1;a(this,cr,new Ts(this,{role:"progressbar",ariaValueNow:this.value.toString()}));a(this,dr,new MutationObserver(()=>i(this,fr,Pa).call(this)));o(this,dr).observe(this,{childList:!0})}get value(){let{childTagName:e}=this.constructor,r=this.querySelectorAll(e),l=this.querySelector(`${e}[current]`);return(Array.from(r).indexOf(l)+1)/r.length*100}render(){return Cs`
|
|
393
400
|
<slot role="listbox"></slot>
|
|
394
|
-
`}};
|
|
401
|
+
`}};cr=new WeakMap,dr=new WeakMap,fr=new WeakSet,Pa=function(){o(this,cr).ariaValueNow=this.value.toString()},F.childTagName="pf-progress-step",F.styles=[Na],F.formAssociated=!0,t([ko({type:Boolean,reflect:!0})],F.prototype,"vertical",2),t([ko({type:Boolean,reflect:!0})],F.prototype,"center",2),t([ws(function(){let{childTagName:s}=this.constructor;this.querySelectorAll(s).forEach(n=>n.requestUpdate())}),ko({type:Boolean,reflect:!0})],F.prototype,"compact",2),F=t([Bs("pf-progress-stepper")],F);import{html as Fs}from"lit";import{customElement as Rs}from"lit/decorators.js";import{styleMap as Hs}from"lit/directives/style-map.js";import{LitElement as Ls,html as Ss}from"lit";import{property as Ua}from"lit/decorators.js";import{css as Ws}from"lit";var zs=Ws`: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}`,Ga=zs;var Y=class extends Ls{constructor(){super(...arguments);this.size="xl"}render(){return Ss`
|
|
395
402
|
<svg role="progressbar" viewBox="0 0 100 100">
|
|
396
403
|
<circle cx="50" cy="50" r="45" fill="none" />
|
|
397
404
|
</svg>
|
|
398
|
-
`}};Y.styles=[
|
|
405
|
+
`}};Y.styles=[Ga],t([Ua({reflect:!0})],Y.prototype,"size",2),t([Ua({reflect:!0})],Y.prototype,"diameter",2);import{css as Ms}from"lit";var Es=Ms`[hidden]{display:none!important}div{display:contents}svg{width:var(--pf-c-spinner--Width,var(--pf-c-spinner--diameter,var(--pf-global--icon--FontSize--xl,3.375rem)));height:var(--pf-c-spinner--Height,var(--pf-c-spinner--diameter,var(--pf-global--icon--FontSize--xl,3.375rem)));animation:pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration,1.4s) * 2) var(--pf-c-spinner--AnimationTimingFunction,linear) infinite}:host([size=sm]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-sm--diameter,
|
|
399
406
|
var(--pf-global--icon--FontSize--sm, 0.625rem))}:host([size=md]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter,
|
|
400
407
|
var(--pf-global--icon--FontSize--md, 1.125rem))}:host([size=lg]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter,
|
|
401
408
|
var(--pf-global--icon--FontSize--lg, 1.5rem))}:host([size=xl]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter,
|
|
402
|
-
var(--pf-global--icon--FontSize--xl, 3.375rem))}circle{stroke:var(--pf-c-spinner--Color,var(--pf-global--primary-color--100,#06c));stroke-width:var(--pf-c-spinner--stroke-width,10);animation:pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration,1.4s) var(--pf-c-spinner__path--AnimationTimingFunction,ease-in-out) infinite}@keyframes pf-c-spinner-animation-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pf-c-spinner-animation-dash{0%{stroke-dashoffset:280;transform:rotate(0)}15%{stroke-width:calc(var(--pf-c-spinner__path--StrokeWidth,10) - 4)}40%{stroke-dashoffset:150;stroke-dasharray:220}100%{stroke-dashoffset:280;transform:rotate(720deg)}}`,
|
|
409
|
+
var(--pf-global--icon--FontSize--xl, 3.375rem))}circle{stroke:var(--pf-c-spinner--Color,var(--pf-global--primary-color--100,#06c));stroke-width:var(--pf-c-spinner--stroke-width,10);animation:pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration,1.4s) var(--pf-c-spinner__path--AnimationTimingFunction,ease-in-out) infinite}@keyframes pf-c-spinner-animation-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pf-c-spinner-animation-dash{0%{stroke-dashoffset:280;transform:rotate(0)}15%{stroke-width:calc(var(--pf-c-spinner__path--StrokeWidth,10) - 4)}40%{stroke-dashoffset:150;stroke-dasharray:220}100%{stroke-dashoffset:280;transform:rotate(720deg)}}`,qa=Es;var bt=class extends Y{render(){return Fs`<div style=${Hs({"--pf-c-spinner--diameter":this.diameter})}>${super.render()}</div>`}};bt.styles=[...Y.styles,qa],bt=t([Rs("pf-spinner")],bt);import{customElement as Os}from"lit/decorators.js";import{LitElement as Za,html as js}from"lit";import{property as Co}from"lit/decorators.js";import{css as $s}from"lit";var Is=$s`:host{display:inline-block}svg{fill:currentcolor}[hidden]{display:none!important}:host(:disabled){pointer-events:none;cursor:not-allowed}:host(:disabled) #container{cursor:not-allowed}:host(:disabled:focus-within) #container{outline:0}#container{position:relative;display:inline-flex;align-items:center}#container::before{position:absolute;display:block;content:""}`,Va=Is;var He,gr,mr,Ya,br,Ka,ht,Bo,vt,wo,S=class extends Za{constructor(){super(...arguments);a(this,mr);a(this,br);a(this,ht);a(this,vt);a(this,He,this.attachInternals());a(this,gr,this.hasAttribute("disabled"));this.showCheckIcon=!1;this.checked=!1;this.disabled=o(this,gr)}get labels(){return o(this,He).labels}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox"),this.addEventListener("click",i(this,mr,Ya)),this.addEventListener("keyup",i(this,br,Ka)),i(this,vt,wo).call(this)}formDisabledCallback(e){this.disabled=e,this.requestUpdate()}render(){return js`
|
|
403
410
|
<div id="container" tabindex="0">
|
|
404
411
|
<svg id="toggle" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512">
|
|
405
412
|
<path ?hidden=${!this.showCheckIcon} d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" />
|
|
406
413
|
</svg>
|
|
407
414
|
</div>
|
|
408
|
-
`}updated(){o(this,He).ariaChecked=String(this.checked),o(this,He).ariaDisabled=String(this.disabled)}};He=new WeakMap,
|
|
415
|
+
`}updated(){o(this,He).ariaChecked=String(this.checked),o(this,He).ariaDisabled=String(this.disabled)}};He=new WeakMap,gr=new WeakMap,mr=new WeakSet,Ya=function(e){let{originalTarget:r,explicitOriginalTarget:l}=e;if(l){let p;if(r===e.target&&!(p=Array.from(this.labels)).includes(l)&&p.includes(this.closest("label")))return}i(this,ht,Bo).call(this)},br=new WeakSet,Ka=function(e){switch(e.key){case" ":case"Enter":e.preventDefault(),i(this,ht,Bo).call(this)}},ht=new WeakSet,Bo=function(){this.disabled||(this.checked=!this.checked,i(this,vt,wo).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},vt=new WeakSet,wo=function(){let e=this.checked?"on":"off";if(this.labels.length>1)for(let r of this.labels)r.hidden=r.dataset.state!==e},S.styles=[Va],S.shadowRootOptions={...Za.shadowRootOptions,delegatesFocus:!0},S.formAssociated=!0,t([Co({reflect:!0})],S.prototype,"label",2),t([Co({reflect:!0,type:Boolean,attribute:"show-check-icon"})],S.prototype,"showCheckIcon",2),t([Co({reflect:!0,type:Boolean})],S.prototype,"checked",2);import{css as Ds}from"lit";var As=Ds`:host([checked]) #container{color:var(--pf-c-switch__input--checked__label--Color,var(--pf-global--Color--dark-100,#151515));background-color:var(--pf-c-switch__input--checked__toggle--BackgroundColor,var(--pf-global--primary-color--100,#06c))}:host([checked]) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}:host(:disabled) #container{color:var(--pf-c-switch__input--disabled__label--Color,var(--pf-global--disabled-color--100,#6a6e73));background-color:var(--pf-c-switch__input--disabled__toggle--BackgroundColor,var(--pf-global--disabled-color--200,#d2d2d2))}:host(:disabled) #container::before{background-color:var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5))}:host([checked]:disabled) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}#container{width:var(--pf-c-switch__toggle--Width,calc(var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) + var(--pf-c-switch__toggle-icon--Offset,.125rem) + var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))));height:var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5))));background-color:var(--pf-c-switch__toggle--BackgroundColor,var(--pf-global--palette--black-500,#8a8d90));border-radius:var(--pf-c-switch__toggle--BorderRadius,var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))))}#container::before{top:var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2));left:var(--pf-c-switch__toggle--before--Left,var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2)));width:var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)));height:var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem))));background-color:var(--pf-c-switch__toggle--before--backgroundcolor,var(--pf-global--backgroundcolor--100,#fff));border-radius:var(--pf-c-switch__toggle--before--BorderRadius,var(--pf-global--BorderRadius--lg,30em));box-shadow:var(--pf-c-switch__toggle--before--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));transition:var(--pf-c-switch__toggle--before--Transition,
|
|
409
416
|
var(--pf-c-switch__toggle--before--Transition, translate .25s ease 0s))}:host(:focus-within) #container{outline:var(--pf-c-switch__input--focus__toggle--OutlineWidth,var(--pf-global--BorderWidth--md,2px)) solid var(--pf-c-switch__input--focus__toggle--OutlineColor,var(--pf-global--primary-color--100,#06c));outline-offset:var(--pf-c-switch__input--focus__toggle--OutlineOffset,var(--pf-global--spacer--sm,0.5rem))}svg{margin-inline:var(--pf-c-switch__toggle-icon--Left,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * .4));font-size:var(--pf-c-switch__toggle-icon--FontSize,
|
|
410
417
|
calc(var(--pf-c-switch--FontSize,
|
|
411
|
-
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,
|
|
412
|
-
<
|
|
418
|
+
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,Xa=As;var ut=class extends S{};ut.styles=[...S.styles,Xa],ut=t([Os("pf-switch")],ut);import{customElement as Zs}from"lit/decorators.js";import{getRandomId as Ys}from"@patternfly/pfe-core/functions/random.js";import{css as Ns}from"lit";var Ps=Ns`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,Qa=Ps;import{LitElement as qs,html as Vs}from"lit";import{css as Gs}from"lit";var Us=Gs`:host{display:block}:host([hidden]){display:none}`,Ja=Us;var hr,K=class extends qs{constructor(){super(...arguments);this.hidden=!0;a(this,hr,this.attachInternals())}render(){return Vs`
|
|
419
|
+
<slot></slot>
|
|
420
|
+
`}connectedCallback(){super.connectedCallback(),o(this,hr).role="tabpanel",this.tabIndex=0}};hr=new WeakMap,K.styles=[Ja];var fe=class extends K{connectedCallback(){super.connectedCallback(),this.id||(this.id=Ys("pf-tab-panel"))}};fe.styles=[...K.styles,Qa],fe=t([Zs("pf-tab-panel")],fe);import{customElement as ap,property as il}from"lit/decorators.js";import{observed as nl}from"@patternfly/pfe-core/decorators.js";import{getRandomId as lp}from"@patternfly/pfe-core/functions/random.js";import{LitElement as tl,html as Qs,nothing as Js}from"lit";import{queryAssignedElements as ep}from"lit/decorators.js";import{ComposedEvent as tp}from"@patternfly/pfe-core";import{css as Ks}from"lit";var Xs=Ks`:host{display:flex;flex:none}:host([vertical]) [part=text]{max-width:100%;overflow-wrap:break-word}[hidden]{display:none!important}slot[name=icon]{display:block}button{margin:0;font-family:inherit;font-size:100%;border:0;position:relative;display:flex;flex:1;text-decoration:none;cursor:pointer}button::after,button::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-style:solid;padding:0;margin:0;background-color:transparent}button::before{pointer-events:none}:host([fill]) button{flex-basis:100%;justify-content:center}:host(:disabled) button{pointer-events:none}:host([aria-disabled=true]) button{cursor:default}`,el=Xs;var _t=class extends tp{constructor(e,r){super("expand");this.active=e;this.tab=r}},X,vr,rl,ur,ol,_r,al,R=class extends tl{constructor(){super(...arguments);a(this,vr);a(this,ur);a(this,_r);a(this,X,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i(this,vr,rl))}render(){let e=this.active&&!this.disabled?null:"-1";return Qs`
|
|
421
|
+
<button part="button" role="tab" tabindex="${e??Js}">
|
|
413
422
|
<slot name="icon"
|
|
414
423
|
part="icon"
|
|
415
424
|
?hidden="${!this.icons.length}"
|
|
416
425
|
@slotchange="${()=>this.requestUpdate()}"></slot>
|
|
417
426
|
<slot part="text"></slot>
|
|
418
427
|
</button>
|
|
419
|
-
`}updated(e){o(this,K).ariaSelected=String(this.ariaSelected),e.has("active")&&i(this,hr,Ja).call(this),e.has("disabled")&&i(this,vr,el).call(this)}};K=new WeakMap,br=new WeakSet,Qa=function(){!this.disabled&&o(this,K).ariaDisabled!=="true"&&(this.active=!0)},hr=new WeakSet,Ja=function(){this.active&&!this.disabled?o(this,K).ariaSelected="true":o(this,K).ariaSelected="false",this.dispatchEvent(new ut(this.active,this))},vr=new WeakSet,el=function(){o(this,K).ariaDisabled=String(!!this.disabled)},R.styles=[Ka],R.shadowRootOptions={...Xa.shadowRootOptions,delegatesFocus:!0},t([js({slot:"icon",flatten:!0})],R.prototype,"icons",2);import{LitElement as Ps,html as Gs}from"lit";import{css as Os}from"lit";var Ns=Os`:host{display:block}:host([hidden]){display:none}`,tl=Ns;var ur,X=class extends Ps{constructor(){super(...arguments);this.hidden=!0;a(this,ur,this.attachInternals())}render(){return Gs`
|
|
420
|
-
<slot></slot>
|
|
421
|
-
`}connectedCallback(){super.connectedCallback(),o(this,ur).role="tabpanel",this.tabIndex=0}};ur=new WeakMap,X.styles=[tl];import{css as Us}from"lit";var qs=Us`:host{display:block}[part=tabs-container]{position:relative;display:flex;overflow:hidden}[part=tabs-container]::before{position:absolute;right:0;bottom:0;left:0;border-style:solid}:host button{opacity:1}:host button:first-of-type{margin-inline-end:0;translate:0 0}:host button:nth-of-type(2){margin-inline-start:0;translate:0 0}[part=panels],[part=tabs]{display:block}[part=tabs]{scrollbar-width:none;position:relative;max-width:100%;overflow-x:auto}[part=tabs-container]::before,[part=tabs]::before,button::before{position:absolute;right:0;bottom:0;left:0;content:"";border-style:solid}[part=tabs]::before,button::before{top:0}[part=tabs]::before,button{border:0}button{flex:none;line-height:1;opacity:0}button::before{border-block-start-width:0}button:first-of-type{translate:-100% 0}button:nth-of-type(2){translate:100% 0}button:disabled{pointer-events:none}`,rl=qs;var Ie,De,je,Ae,yt,ge,Ct,B,kt,Bt,me,kr,al,m,h,ll,M,fe,il,J,xr,nl,wt,To,Br,sl,wr,Tr,pl,Q,$e,Wr,cl,Tt,Wo,Wt,zo,zr,dl,Lr,fl,zt,Lo,Oe,yr,be,_t,Sr,Ne,Mr,gl,Pe,Cr,Fr,ml,Er,bl,xt=class extends Vs{constructor(){super(...arguments);a(this,kr);a(this,m);a(this,M);a(this,J);a(this,wt);a(this,Br);a(this,Tr);a(this,Q);a(this,Wr);a(this,Tt);a(this,Wt);a(this,zr);a(this,Lr);a(this,zt);a(this,Oe);a(this,be);a(this,Mr);a(this,Pe);a(this,Fr);a(this,Er);a(this,De,!1);a(this,je,!1);a(this,Ae,!1);a(this,yt,new Xs(this));a(this,ge,[]);a(this,Ct,[]);a(this,B,[]);a(this,kt,void 0);a(this,Bt,void 0);a(this,me,0);this.id=this.id||Ks(this.localName);a(this,wr,e=>{if(!(e instanceof ut)||o(this,m,h).length===0||o(this,M,fe).length===0)return;let r=e;r.active&&(this.activeIndex=o(this,m,h).findIndex(l=>l===r.tab))});a(this,Sr,e=>{if(!!o(this,m,h).find(l=>l===e.target))switch(e.key){case"ArrowUp":case"ArrowLeft":e.preventDefault(),i(this,Lr,fl).call(this);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),i(this,zr,dl).call(this);break;case"Home":e.preventDefault(),i(this,be,_t).call(this,i(this,Q,$e).call(this));break;case"End":e.preventDefault(),i(this,be,_t).call(this,i(this,Wr,cl).call(this));break;default:return}});a(this,Ne,()=>{clearTimeout(o(this,Bt));let{scrollTimeoutDelay:e}=this.constructor;d(this,Bt,setTimeout(()=>i(this,Pe,Cr).call(this),e))})}static isTab(e){return e instanceof R}static isPanel(e){return e instanceof X}get activeIndex(){return o(this,me)}set activeIndex(e){let r=this.activeIndex,l=o(this,m,h)[e];if(l){if(l.disabled){o(this,yt).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,Oe,yr).call(this,i(this,Q,$e).call(this)),e=o(this,m,h).findIndex(p=>p===i(this,Q,$e).call(this));return}else if(!l.active){l.active=!0;return}}if(e===-1){o(this,yt).warn("No active tab found, setting first focusable tab to active"),i(this,Oe,yr).call(this,i(this,Q,$e).call(this)),e=o(this,m,h).findIndex(p=>p===i(this,Q,$e).call(this));return}d(this,me,e),this.requestUpdate("activeIndex",r),o(this,M,fe)[o(this,me)].hidden=!1,i(this,Tr,pl).call(this,o(this,me))}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",o(this,wr)),this.addEventListener("keydown",o(this,Sr)),o(xt,Ie).add(this)}disconnectedCallback(){super.disconnectedCallback(),o(xt,Ie).delete(this)}render(){let{scrollIconSet:e,scrollIconLeft:r,scrollIconRight:l}=this.constructor;return wo`
|
|
428
|
+
`}updated(e){o(this,X).ariaSelected=String(this.ariaSelected),e.has("active")&&i(this,ur,ol).call(this),e.has("disabled")&&i(this,_r,al).call(this)}};X=new WeakMap,vr=new WeakSet,rl=function(){!this.disabled&&o(this,X).ariaDisabled!=="true"&&(this.active=!0)},ur=new WeakSet,ol=function(){this.active&&!this.disabled?o(this,X).ariaSelected="true":o(this,X).ariaSelected="false",this.dispatchEvent(new _t(this.active,this))},_r=new WeakSet,al=function(){o(this,X).ariaDisabled=String(!!this.disabled)},R.styles=[el],R.shadowRootOptions={...tl.shadowRootOptions,delegatesFocus:!0},t([ep({slot:"icon",flatten:!0})],R.prototype,"icons",2);import{css as rp}from"lit";var op=rp`:host{scroll-snap-align:var(--pf-c-tabs__item--ScrollSnapAlign,end)}:host([active]){--pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color, var(--pf-global--Color--100, #151515));--pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor, var(--pf-global--active-color--100, #06c));--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box][active]){--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor, transparent)}:host(.first[box][active]) #current::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}button{line-height:var(--pf-global--LineHeight--md, 1.5);color:var(--pf-global--Color--100,#151515);padding:var(--pf-c-tabs__link--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-tabs__link--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingLeft,var(--pf-global--spacer--md,1rem));font-size:var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));color:var(--pf-c-tabs__link--Color,var(--pf-global--Color--200,#6a6e73));outline-offset:var(--pf-c-tabs__link--OutlineOffset,calc(-1 * 0.375rem));--pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);background-color:var(--pf-c-tabs__link--BackgroundColor,transparent)}button::before{border-block-start-width:var(--pf-c-tabs__link--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs__link--before--BorderLeftWidth,0);border-block-start-color:var(--pf-c-tabs__link--before--BorderTopColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-color:var(--pf-c-tabs__link--before--BorderRightColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-end-color:var(--pf-c-tabs__link--before--BorderBottomColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-start-color:var(--pf-c-tabs__link--before--BorderLeftColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)))}button::after{top:var(--pf-c-tabs__link--after--Top,auto);right:var(--pf-c-tabs__link--after--Right,0);bottom:var(--pf-c-tabs__link--after--Bottom,0);left:var(--pf-c-tabs__link--before--Left,0);border-color:var(--pf-c-tabs__link--after--BorderColor,var(--pf-global--BorderColor--light-100,#b8bbbe));border-block-start-width:var(--pf-c-tabs__link--after--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--after--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--after--BorderBottomWidth);border-inline-start-width:var(--pf-c-tabs__link--after--BorderLeftWidth)}button:hover{--pf-c-tabs__link-toggle-icon--Color:var(--pf-c-tabs__link--hover__toggle-icon--Color);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:focus,button:focus-visible{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:active{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box]) button{--pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth, 0)}:host([box]) button,:host([vertical]) button{--pf-c-tabs__link--after--BorderBottomWidth:0}:host([vertical]) button{--pf-c-tabs__link--after--Bottom:0;--pf-c-tabs__link--after--BorderTopWidth:0;--pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);max-width:100%;text-align:left}:host([box][vertical]) button::after{top:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host(.first[box][vertical]) button::after,:host([box][vertical][active]) button::after{top:0}:host([box][vertical][active]) button::before{--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2))}:host(.first[box][active]) button::before{border-block-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderTopWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host(.last[box][active]) button::before{border-inline-end-width:var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([aria-disabled=true]) button,:host([disabled]) button{--pf-c-tabs__link--Color:var(--pf-c-tabs__link--disabled--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth, 0);--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth, var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px)));--pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth, 0);--pf-c-tabs__link--after--BorderWidth:0}[part=icon]{margin-inline-end:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem))}[part=icon]:last-child{--pf-c-tabs__link--child--MarginRight:0}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,ll=op;var N=class extends R{constructor(){super(...arguments);this.active=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=lp("pf-tab"))}};N.styles=[...R.styles,ll],t([nl,il({reflect:!0,type:Boolean})],N.prototype,"active",2),t([nl,il({reflect:!0,type:Boolean})],N.prototype,"disabled",2),N=t([ap("pf-tab")],N);import{customElement as bp,property as Hr}from"lit/decorators.js";import{cascades as $r}from"@patternfly/pfe-core/decorators.js";import{LitElement as sp,html as To}from"lit";import{property as pp,query as cp,queryAssignedElements as pl}from"lit/decorators.js";import{getRandomId as dp}from"@patternfly/pfe-core/functions/random.js";import{Logger as fp}from"@patternfly/pfe-core/controllers/logger.js";import{isElementInView as xr}from"@patternfly/pfe-core/functions/isElementInView.js";import{css as ip}from"lit";var np=ip`:host{display:block}[part=tabs-container]{position:relative;display:flex;overflow:hidden}[part=tabs-container]::before{position:absolute;right:0;bottom:0;left:0;border-style:solid}:host button{opacity:1}:host button:first-of-type{margin-inline-end:0;translate:0 0}:host button:nth-of-type(2){margin-inline-start:0;translate:0 0}[part=panels],[part=tabs]{display:block}[part=tabs]{scrollbar-width:none;position:relative;max-width:100%;overflow-x:auto}[part=tabs-container]::before,[part=tabs]::before,button::before{position:absolute;right:0;bottom:0;left:0;content:"";border-style:solid}[part=tabs]::before,button::before{top:0}[part=tabs]::before,button{border:0}button{flex:none;line-height:1;opacity:0}button::before{border-block-start-width:0}button:first-of-type{translate:-100% 0}button:nth-of-type(2){translate:100% 0}button:disabled{pointer-events:none}`,sl=np;var Ie,je,De,Ae,kt,me,Ct,B,Bt,wt,be,Br,cl,m,h,dl,M,ge,fl,J,yr,gl,Tt,Wo,wr,ml,Tr,Wr,bl,Q,$e,zr,hl,Wt,zo,zt,Lo,Lr,vl,Sr,ul,Lt,So,Oe,kr,he,xt,Mr,Ne,Er,_l,Pe,Cr,Fr,xl,Rr,yl,yt=class extends sp{constructor(){super(...arguments);a(this,Br);a(this,m);a(this,M);a(this,J);a(this,Tt);a(this,wr);a(this,Wr);a(this,Q);a(this,zr);a(this,Wt);a(this,zt);a(this,Lr);a(this,Sr);a(this,Lt);a(this,Oe);a(this,he);a(this,Er);a(this,Pe);a(this,Fr);a(this,Rr);a(this,je,!1);a(this,De,!1);a(this,Ae,!1);a(this,kt,new fp(this));a(this,me,[]);a(this,Ct,[]);a(this,B,[]);a(this,Bt,void 0);a(this,wt,void 0);a(this,be,0);this.id=this.id||dp(this.localName);a(this,Tr,e=>{if(!(e instanceof _t)||o(this,m,h).length===0||o(this,M,ge).length===0)return;let r=e;r.active&&(this.activeIndex=o(this,m,h).findIndex(l=>l===r.tab))});a(this,Mr,e=>{if(o(this,m,h).find(l=>l===e.target))switch(e.key){case"ArrowUp":case"ArrowLeft":e.preventDefault(),i(this,Sr,ul).call(this);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),i(this,Lr,vl).call(this);break;case"Home":e.preventDefault(),i(this,he,xt).call(this,i(this,Q,$e).call(this));break;case"End":e.preventDefault(),i(this,he,xt).call(this,i(this,zr,hl).call(this));break;default:return}});a(this,Ne,()=>{clearTimeout(o(this,wt));let{scrollTimeoutDelay:e}=this.constructor;d(this,wt,setTimeout(()=>i(this,Pe,Cr).call(this),e))})}static isTab(e){return e instanceof R}static isPanel(e){return e instanceof K}get activeIndex(){return o(this,be)}set activeIndex(e){let r=this.activeIndex,l=o(this,m,h)[e];if(l){if(l.disabled){o(this,kt).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,Oe,kr).call(this,i(this,Q,$e).call(this)),e=o(this,m,h).findIndex(p=>p===i(this,Q,$e).call(this));return}else if(!l.active){l.active=!0;return}}if(e===-1){o(this,kt).warn("No active tab found, setting first focusable tab to active"),i(this,Oe,kr).call(this,i(this,Q,$e).call(this)),e=o(this,m,h).findIndex(p=>p===i(this,Q,$e).call(this));return}d(this,be,e),this.requestUpdate("activeIndex",r),o(this,M,ge)[o(this,be)].hidden=!1,i(this,Wr,bl).call(this,o(this,be))}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",o(this,Tr)),this.addEventListener("keydown",o(this,Mr)),o(yt,Ie).add(this)}disconnectedCallback(){super.disconnectedCallback(),o(yt,Ie).delete(this)}render(){let{scrollIconSet:e,scrollIconLeft:r,scrollIconRight:l}=this.constructor;return To`
|
|
422
429
|
<div part="container">
|
|
423
|
-
<div part="tabs-container">${o(this,
|
|
430
|
+
<div part="tabs-container">${o(this,je)?To`
|
|
424
431
|
<button id="previousTab"
|
|
425
432
|
aria-label="${this.getAttribute("label-scroll-left")??"Scroll left"}"
|
|
426
|
-
?disabled="${!o(this,
|
|
427
|
-
@click="${i(this,Fr,
|
|
433
|
+
?disabled="${!o(this,De)}"
|
|
434
|
+
@click="${i(this,Fr,xl)}">
|
|
428
435
|
<pf-icon icon="${r}" set="${e}" loading="eager"></pf-icon>
|
|
429
436
|
</button>`:""}
|
|
430
437
|
<slot name="tab"
|
|
431
438
|
part="tabs"
|
|
432
439
|
role="tablist"
|
|
433
|
-
@slotchange="${i(this,
|
|
440
|
+
@slotchange="${i(this,Tt,Wo)}"></slot> ${o(this,je)?To`
|
|
434
441
|
<button id="nextTab"
|
|
435
442
|
aria-label="${this.getAttribute("label-scroll-right")??"Scroll right"}"
|
|
436
443
|
?disabled="${!o(this,Ae)}"
|
|
437
|
-
@click="${i(this,
|
|
444
|
+
@click="${i(this,Rr,yl)}">
|
|
438
445
|
<pf-icon icon="${l}" set="${e}" loading="eager"></pf-icon>
|
|
439
446
|
</button>`:""}
|
|
440
447
|
</div>
|
|
441
|
-
<slot part="panels" @slotchange="${i(this,
|
|
448
|
+
<slot part="panels" @slotchange="${i(this,Tt,Wo)}"></slot>
|
|
442
449
|
</div>
|
|
443
|
-
`}async firstUpdated(){o(this,Ne).call(this),this.tabList.addEventListener("scroll",o(this,Ne))}get canShowScrollButtons(){return!0}},u=xt;Ie=new WeakMap,De=new WeakMap,je=new WeakMap,Ae=new WeakMap,yt=new WeakMap,ge=new WeakMap,Ct=new WeakMap,B=new WeakMap,kt=new WeakMap,Bt=new WeakMap,me=new WeakMap,kr=new WeakSet,al=function(){let[e]=o(this,ge).filter(r=>r.active);return e},m=new WeakSet,h=function(){return o(this,ge)},ll=function(e){d(this,ge,e.filter(r=>this.constructor.isTab(r))),d(this,B,o(this,ge).filter(r=>!r.disabled))},M=new WeakSet,fe=function(){return o(this,Ct)},il=function(e){d(this,Ct,e.filter(r=>this.constructor.isPanel(r)))},J=new WeakSet,xr=function(){return o(this,kt)},nl=function(e){d(this,kt,e)},wt=new WeakSet,To=function(e){e.target.name==="tab"?d(this,m,this.tabs,ll):d(this,M,this.panels,il),o(this,m,h).length===o(this,M,fe).length&&(o(this,m,h).length!==0||o(this,M,fe).length!==0)&&(i(this,Br,sl).call(this),this.activeIndex=o(this,m,h).findIndex(r=>r.active),i(this,Mr,gl).call(this))},Br=new WeakSet,sl=function(){o(this,m,h).forEach((e,r)=>{let l=o(this,M,fe)[r];l.hasAttribute("aria-labelledby")||l.setAttribute("aria-labelledby",e.id),e.setAttribute("aria-controls",l.id)})},wr=new WeakMap,Tr=new WeakSet,pl=function(e){o(this,m,h).forEach((r,l)=>r.active=l===e),o(this,M,fe).forEach((r,l)=>r.hidden=l!==e)},Q=new WeakSet,$e=function(){let[e]=o(this,B);return e},Wr=new WeakSet,cl=function(){return o(this,B).at(-1)},Tt=new WeakSet,Wo=function(){let[e]=o(this,m,h);return e},Wt=new WeakSet,zo=function(){return o(this,m,h).at(-1)},zr=new WeakSet,dl=function(){let r=i(this,zt,Lo).call(this)+1,l;r>=o(this,B).length?[l]=o(this,B):l=o(this,B)[r],i(this,be,_t).call(this,l)},Lr=new WeakSet,fl=function(){let r=i(this,zt,Lo).call(this)-1,l;r<0?l=o(this,B)[o(this,B).length-1]:l=o(this,B)[r],i(this,be,_t).call(this,l)},zt=new WeakSet,Lo=function(){let e;return o(this,J,xr)?.ariaDisabled==="true"?e=o(this,J,xr):e=o(this,kr,al),o(this,B).findIndex(l=>l===e)},Oe=new WeakSet,yr=function(e){e.ariaDisabled!=="true"&&(e.active=!0)},be=new WeakSet,_t=async function(e){i(this,Oe,yr).call(this,e),d(this,J,e,nl),await this.updateComplete,o(this,J,xr).focus()},Sr=new WeakMap,Ne=new WeakMap,Mr=new WeakSet,gl=function(){o(this,Tt,Wo).classList.add("first"),o(this,Wt,zo).classList.add("last")},Pe=new WeakSet,Cr=function(){let{canShowScrollButtons:e}=this;d(this,je,e&&!_r(this.tabList,o(this,Tt,Wo))),d(this,Ae,e&&!_r(this.tabList,o(this,Wt,zo))),d(this,De,e&&(o(this,je)||o(this,Ae))),this.requestUpdate()},Fr=new WeakSet,ml=function(){let e=this.tabList,r=o(this,m,h),l,p;for(let c=0;c<r.length&&!l;c++)_r(e,r[c],!1)&&(l=r[c],p=r[c-1]);p&&(e.scrollLeft-=p.scrollWidth),i(this,Pe,Cr).call(this)},Er=new WeakSet,bl=function(){let e=this.tabList,r=o(this,m,h),l,p;for(let c=r.length-1;c>=0&&!l;c--)_r(e,r[c],!1)&&(l=r[c],p=r[c+1]);p&&(e.scrollLeft+=p.scrollWidth),i(this,Pe,Cr).call(this)},u.styles=[rl],u.scrollTimeoutDelay=0,u.scrollIconLeft="angle-left",u.scrollIconRight="angle-right",u.scrollIconSet="fas",a(u,Ie,new Set),(()=>{window.addEventListener("resize",()=>{var e;for(let r of o(xt,Ie))o(e=r,Ne).call(e)},{capture:!1})})(),t([ol({slot:"tab"})],u.prototype,"tabs",2),t([ol()],u.prototype,"panels",2),t([Ys('[part="tabs"]')],u.prototype,"tabList",2),t([Zs({attribute:!1})],u.prototype,"activeIndex",1);import{customElement as ep,property as vl}from"lit/decorators.js";import{observed as ul}from"@patternfly/pfe-core/decorators.js";import{getRandomId as tp}from"@patternfly/pfe-core/functions/random.js";import{css as Qs}from"lit";var Js=Qs`:host{scroll-snap-align:var(--pf-c-tabs__item--ScrollSnapAlign,end)}:host([active]){--pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color, var(--pf-global--Color--100, #151515));--pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor, var(--pf-global--active-color--100, #06c));--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box][active]){--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor, transparent)}:host(.first[box][active]) #current::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}button{line-height:var(--pf-global--LineHeight--md, 1.5);color:var(--pf-global--Color--100,#151515);padding:var(--pf-c-tabs__link--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-tabs__link--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingLeft,var(--pf-global--spacer--md,1rem));font-size:var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));color:var(--pf-c-tabs__link--Color,var(--pf-global--Color--200,#6a6e73));outline-offset:var(--pf-c-tabs__link--OutlineOffset,calc(-1 * 0.375rem));--pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);background-color:var(--pf-c-tabs__link--BackgroundColor,transparent)}button::before{border-block-start-width:var(--pf-c-tabs__link--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs__link--before--BorderLeftWidth,0);border-block-start-color:var(--pf-c-tabs__link--before--BorderTopColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-color:var(--pf-c-tabs__link--before--BorderRightColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-end-color:var(--pf-c-tabs__link--before--BorderBottomColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-start-color:var(--pf-c-tabs__link--before--BorderLeftColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)))}button::after{top:var(--pf-c-tabs__link--after--Top,auto);right:var(--pf-c-tabs__link--after--Right,0);bottom:var(--pf-c-tabs__link--after--Bottom,0);left:var(--pf-c-tabs__link--before--Left,0);border-color:var(--pf-c-tabs__link--after--BorderColor,var(--pf-global--BorderColor--light-100,#b8bbbe));border-block-start-width:var(--pf-c-tabs__link--after--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--after--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--after--BorderBottomWidth);border-inline-start-width:var(--pf-c-tabs__link--after--BorderLeftWidth)}button:hover{--pf-c-tabs__link-toggle-icon--Color:var(--pf-c-tabs__link--hover__toggle-icon--Color);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:focus,button:focus-visible{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:active{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box]) button{--pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth, 0)}:host([box]) button,:host([vertical]) button{--pf-c-tabs__link--after--BorderBottomWidth:0}:host([vertical]) button{--pf-c-tabs__link--after--Bottom:0;--pf-c-tabs__link--after--BorderTopWidth:0;--pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);max-width:100%;text-align:left}:host([box][vertical]) button::after{top:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host(.first[box][vertical]) button::after,:host([box][vertical][active]) button::after{top:0}:host([box][vertical][active]) button::before{--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2))}:host(.first[box][active]) button::before{border-block-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderTopWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host(.last[box][active]) button::before{border-inline-end-width:var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([aria-disabled=true]) button,:host([disabled]) button{--pf-c-tabs__link--Color:var(--pf-c-tabs__link--disabled--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth, 0);--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth, var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px)));--pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth, 0);--pf-c-tabs__link--after--BorderWidth:0}[part=icon]{margin-inline-end:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem))}[part=icon]:last-child{--pf-c-tabs__link--child--MarginRight:0}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,hl=Js;var N=class extends R{constructor(){super(...arguments);this.active=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=tp("pf-tab"))}};N.styles=[...R.styles,hl],t([ul,vl({reflect:!0,type:Boolean})],N.prototype,"active",2),t([ul,vl({reflect:!0,type:Boolean})],N.prototype,"disabled",2),N=t([ep("pf-tab")],N);import{customElement as ap}from"lit/decorators.js";import{getRandomId as lp}from"@patternfly/pfe-core/functions/random.js";import{css as rp}from"lit";var op=rp`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,_l=op;var he=class extends X{connectedCallback(){super.connectedCallback(),this.id||(this.id=lp("pf-tab-panel"))}};he.styles=[...X.styles,_l],he=t([ap("pf-tab-panel")],he);import{css as ip}from"lit";var np=ip`[part=tabs-container]{width:var(--pf-c-tabs--Width,auto);padding-inline-end:var(--pf-c-tabs--inset,0);padding-inline-start:var(--pf-c-tabs--inset,0)}[part=tabs-container]::before{border-color:var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-block-start-width:var(--pf-c-tabs--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--before--BorderBottomWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--before--BorderLeftWidth,0)}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:last-of-type){translate:calc(-1 * var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px)) 0}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:first-of-type){translate:var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px) 0}:host([box]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-box__link--BackgroundColor, var(--pf-global--BackgroundColor--200, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-box__link--disabled--BackgroundColor, var(--pf-global--disabled-color--200, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Bottom:auto}:host([box]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderRightWidth:0}:host([box]) button:nth-of-type(2)::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host([box]) pf-tab[aria-selected=true]+pf-tab{--pf-c-tabs__link--before--Left:0}:host([box=light]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor, transparent);--pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--light-300, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5))}:host([vertical]) [part=tabs-container]{--pf-c-tabs--Width:var(--pf-c-tabs--m-vertical--Width, 100%);--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--inset, var(--pf-global--spacer--lg, 1.5rem));--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--PaddingTop:var(--pf-c-tabs--m-vertical__link--PaddingTop, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--PaddingBottom:var(--pf-c-tabs--m-vertical__link--PaddingBottom, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--before--Left:0;--pf-c-tabs__link--disabled--before--BorderBottomWidth:0;--pf-c-tabs__link--disabled--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Right:auto;display:inline-flex;flex-direction:column;height:100%;padding:0;overflow:visible}:host([vertical]) [part=tabs]{position:relative;flex-direction:column;flex-grow:1;max-width:var(--pf-c-tabs--m-vertical--MaxWidth,15.625rem)}:host([vertical]) [part=tabs]::before{position:absolute;right:auto;border-style:solid;border-color:var(--pf-c-tabs--m-vertical__list--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([vertical]) ::slotted(pf-tab:first-of-type){margin-block-start:var(--pf-c-tabs--inset,0)}:host([vertical]) ::slotted(pf-tab:last-of-type){margin-block-end:var(--pf-c-tabs--inset,0)}:host([box][vertical]) [part=tabs-container]{--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--m-box--inset, var(--pf-global--spacer--xl, 2rem));--pf-c-tabs--m-vertical__list--before--BorderLeftWidth:0;--pf-c-tabs--m-vertical__list--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderLeftWidth:0}:host([box][vertical]) [part=tabs]::before{right:0;left:auto}:host([box][vertical]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]){--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]:first-of-type){--pf-c-tabs__link--before--BorderTopWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}[part=tabs]{display:var(--pf-c-tabs__list--Display,flex)}button{width:var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem));color:var(--pf-c-tabs__scroll-button--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-tabs__scroll-button--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));outline-offset:var(--pf-c-tabs__scroll-button--OutlineOffset,calc(-1 * var(--pf-global--spacer--xs,0.25rem)));transition:margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin, .125s),translate var(--pf-c-tabs__scroll-button--TransitionDuration--transform, .125s),opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity, .125s)}button:hover{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--hover--Color, var(--pf-global--active-color--100, #06c))}button::before{border-color:var(--pf-c-tabs__scroll-button--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-width:var(--pf-c-tabs__scroll-button--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__scroll-button--before--BorderBottomWidth,var(--pf-c-tabs__scroll-button--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs__scroll-button--before--BorderLeftWidth,0)}button:first-of-type{--pf-c-tabs__scroll-button--before--BorderRightWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-end:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:nth-of-type(2){--pf-c-tabs__scroll-button--before--BorderLeftWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-start:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:disabled{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--disabled--Color, var(--pf-global--disabled-color--200, #d2d2d2))}:host(:not[vertical]) [part=tabs-container]{--pf-c-tabs--inset:0;--pf-c-tabs--m-vertical--inset:0;--pf-c-tabs--m-vertical--m-box--inset:0}:host([fill]) [part=tabs]{flex-basis:100%}:host([fill]) ::slotted(pf-tab){flex-grow:1}:host([fill]) ::slotted(pf-tab:first-of-type){--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:0}:host([fill]) ::slotted(pf-tab:last-of-type){--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:0}:host([border-bottom=false]) [part=tabs-container]{--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderBottomWidth:0}`,xl=np;var H=class extends u{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(e){return e instanceof N}static isPanel(e){return e instanceof he}get canShowScrollButtons(){return!this.vertical}};H.styles=[...u.styles,xl],H.scrollTimeoutDelay=150,t([Hr("pf-tab","pf-tab-panel"),Rr({reflect:!0})],H.prototype,"box",2),t([Hr("pf-tab","pf-tab-panel"),Rr({reflect:!0,type:Boolean})],H.prototype,"vertical",2),t([Hr("pf-tab"),Rr({reflect:!0,type:Boolean})],H.prototype,"fill",2),t([Hr("pf-tab"),Rr({attribute:"border-bottom"})],H.prototype,"borderBottom",2),H=t([sp("pf-tabs")],H);import{customElement as gp}from"lit/decorators.js";import{property as Cl}from"lit/decorators.js";import{LitElement as pp,html as cp}from"lit";var $r=class extends pp{render(){return cp`
|
|
450
|
+
`}async firstUpdated(){o(this,Ne).call(this),this.tabList.addEventListener("scroll",o(this,Ne))}get canShowScrollButtons(){return!0}},u=yt;Ie=new WeakMap,je=new WeakMap,De=new WeakMap,Ae=new WeakMap,kt=new WeakMap,me=new WeakMap,Ct=new WeakMap,B=new WeakMap,Bt=new WeakMap,wt=new WeakMap,be=new WeakMap,Br=new WeakSet,cl=function(){let[e]=o(this,me).filter(r=>r.active);return e},m=new WeakSet,h=function(){return o(this,me)},dl=function(e){d(this,me,e.filter(r=>this.constructor.isTab(r))),d(this,B,o(this,me).filter(r=>!r.disabled))},M=new WeakSet,ge=function(){return o(this,Ct)},fl=function(e){d(this,Ct,e.filter(r=>this.constructor.isPanel(r)))},J=new WeakSet,yr=function(){return o(this,Bt)},gl=function(e){d(this,Bt,e)},Tt=new WeakSet,Wo=function(e){e.target.name==="tab"?d(this,m,this.tabs,dl):d(this,M,this.panels,fl),o(this,m,h).length===o(this,M,ge).length&&(o(this,m,h).length!==0||o(this,M,ge).length!==0)&&(i(this,wr,ml).call(this),this.activeIndex=o(this,m,h).findIndex(r=>r.active),i(this,Er,_l).call(this))},wr=new WeakSet,ml=function(){o(this,m,h).forEach((e,r)=>{let l=o(this,M,ge)[r];l.hasAttribute("aria-labelledby")||l.setAttribute("aria-labelledby",e.id),e.setAttribute("aria-controls",l.id)})},Tr=new WeakMap,Wr=new WeakSet,bl=function(e){o(this,m,h).forEach((r,l)=>r.active=l===e),o(this,M,ge).forEach((r,l)=>r.hidden=l!==e)},Q=new WeakSet,$e=function(){let[e]=o(this,B);return e},zr=new WeakSet,hl=function(){return o(this,B).at(-1)},Wt=new WeakSet,zo=function(){let[e]=o(this,m,h);return e},zt=new WeakSet,Lo=function(){return o(this,m,h).at(-1)},Lr=new WeakSet,vl=function(){let r=i(this,Lt,So).call(this)+1,l;r>=o(this,B).length?[l]=o(this,B):l=o(this,B)[r],i(this,he,xt).call(this,l)},Sr=new WeakSet,ul=function(){let r=i(this,Lt,So).call(this)-1,l;r<0?l=o(this,B)[o(this,B).length-1]:l=o(this,B)[r],i(this,he,xt).call(this,l)},Lt=new WeakSet,So=function(){let e;return o(this,J,yr)?.ariaDisabled==="true"?e=o(this,J,yr):e=o(this,Br,cl),o(this,B).findIndex(l=>l===e)},Oe=new WeakSet,kr=function(e){e.ariaDisabled!=="true"&&(e.active=!0)},he=new WeakSet,xt=async function(e){i(this,Oe,kr).call(this,e),d(this,J,e,gl),await this.updateComplete,o(this,J,yr).focus()},Mr=new WeakMap,Ne=new WeakMap,Er=new WeakSet,_l=function(){o(this,Wt,zo).classList.add("first"),o(this,zt,Lo).classList.add("last")},Pe=new WeakSet,Cr=function(){let{canShowScrollButtons:e}=this;d(this,De,e&&!xr(this.tabList,o(this,Wt,zo))),d(this,Ae,e&&!xr(this.tabList,o(this,zt,Lo))),d(this,je,e&&(o(this,De)||o(this,Ae))),this.requestUpdate()},Fr=new WeakSet,xl=function(){let e=this.tabList,r=o(this,m,h),l,p;for(let c=0;c<r.length&&!l;c++)xr(e,r[c],!1)&&(l=r[c],p=r[c-1]);p&&(e.scrollLeft-=p.scrollWidth),i(this,Pe,Cr).call(this)},Rr=new WeakSet,yl=function(){let e=this.tabList,r=o(this,m,h),l,p;for(let c=r.length-1;c>=0&&!l;c--)xr(e,r[c],!1)&&(l=r[c],p=r[c+1]);p&&(e.scrollLeft+=p.scrollWidth),i(this,Pe,Cr).call(this)},u.styles=[sl],u.scrollTimeoutDelay=0,u.scrollIconLeft="angle-left",u.scrollIconRight="angle-right",u.scrollIconSet="fas",a(u,Ie,new Set),(()=>{window.addEventListener("resize",()=>{var e;for(let r of o(yt,Ie))o(e=r,Ne).call(e)},{capture:!1})})(),t([pl({slot:"tab"})],u.prototype,"tabs",2),t([pl()],u.prototype,"panels",2),t([cp('[part="tabs"]')],u.prototype,"tabList",2),t([pp({attribute:!1})],u.prototype,"activeIndex",1);import{css as gp}from"lit";var mp=gp`[part=tabs-container]{width:var(--pf-c-tabs--Width,auto);padding-inline-end:var(--pf-c-tabs--inset,0);padding-inline-start:var(--pf-c-tabs--inset,0)}[part=tabs-container]::before{border-color:var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-block-start-width:var(--pf-c-tabs--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--before--BorderBottomWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--before--BorderLeftWidth,0)}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:last-of-type){translate:calc(-1 * var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px)) 0}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:first-of-type){translate:var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px) 0}:host([box]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-box__link--BackgroundColor, var(--pf-global--BackgroundColor--200, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-box__link--disabled--BackgroundColor, var(--pf-global--disabled-color--200, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Bottom:auto}:host([box]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderRightWidth:0}:host([box]) button:nth-of-type(2)::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host([box]) pf-tab[aria-selected=true]+pf-tab{--pf-c-tabs__link--before--Left:0}:host([box=light]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor, transparent);--pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--light-300, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5))}:host([vertical]) [part=tabs-container]{--pf-c-tabs--Width:var(--pf-c-tabs--m-vertical--Width, 100%);--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--inset, var(--pf-global--spacer--lg, 1.5rem));--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--PaddingTop:var(--pf-c-tabs--m-vertical__link--PaddingTop, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--PaddingBottom:var(--pf-c-tabs--m-vertical__link--PaddingBottom, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--before--Left:0;--pf-c-tabs__link--disabled--before--BorderBottomWidth:0;--pf-c-tabs__link--disabled--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Right:auto;display:inline-flex;flex-direction:column;height:100%;padding:0;overflow:visible}:host([vertical]) [part=tabs]{position:relative;flex-direction:column;flex-grow:1;max-width:var(--pf-c-tabs--m-vertical--MaxWidth,15.625rem)}:host([vertical]) [part=tabs]::before{position:absolute;right:auto;border-style:solid;border-color:var(--pf-c-tabs--m-vertical__list--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([vertical]) ::slotted(pf-tab:first-of-type){margin-block-start:var(--pf-c-tabs--inset,0)}:host([vertical]) ::slotted(pf-tab:last-of-type){margin-block-end:var(--pf-c-tabs--inset,0)}:host([box][vertical]) [part=tabs-container]{--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--m-box--inset, var(--pf-global--spacer--xl, 2rem));--pf-c-tabs--m-vertical__list--before--BorderLeftWidth:0;--pf-c-tabs--m-vertical__list--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderLeftWidth:0}:host([box][vertical]) [part=tabs]::before{right:0;left:auto}:host([box][vertical]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]){--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]:first-of-type){--pf-c-tabs__link--before--BorderTopWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}[part=tabs]{display:var(--pf-c-tabs__list--Display,flex)}button{width:var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem));color:var(--pf-c-tabs__scroll-button--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-tabs__scroll-button--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));outline-offset:var(--pf-c-tabs__scroll-button--OutlineOffset,calc(-1 * var(--pf-global--spacer--xs,0.25rem)));transition:margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin, .125s),translate var(--pf-c-tabs__scroll-button--TransitionDuration--transform, .125s),opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity, .125s)}button:hover{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--hover--Color, var(--pf-global--active-color--100, #06c))}button::before{border-color:var(--pf-c-tabs__scroll-button--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-width:var(--pf-c-tabs__scroll-button--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__scroll-button--before--BorderBottomWidth,var(--pf-c-tabs__scroll-button--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs__scroll-button--before--BorderLeftWidth,0)}button:first-of-type{--pf-c-tabs__scroll-button--before--BorderRightWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-end:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:nth-of-type(2){--pf-c-tabs__scroll-button--before--BorderLeftWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-start:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:disabled{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--disabled--Color, var(--pf-global--disabled-color--200, #d2d2d2))}:host(:not[vertical]) [part=tabs-container]{--pf-c-tabs--inset:0;--pf-c-tabs--m-vertical--inset:0;--pf-c-tabs--m-vertical--m-box--inset:0}:host([fill]) [part=tabs]{flex-basis:100%}:host([fill]) ::slotted(pf-tab){flex-grow:1}:host([fill]) ::slotted(pf-tab:first-of-type){--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:0}:host([fill]) ::slotted(pf-tab:last-of-type){--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:0}:host([border-bottom=false]) [part=tabs-container]{--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderBottomWidth:0}`,kl=mp;var H=class extends u{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(e){return e instanceof N}static isPanel(e){return e instanceof fe}get canShowScrollButtons(){return!this.vertical}};H.styles=[...u.styles,kl],H.scrollTimeoutDelay=150,t([$r("pf-tab","pf-tab-panel"),Hr({reflect:!0})],H.prototype,"box",2),t([$r("pf-tab","pf-tab-panel"),Hr({reflect:!0,type:Boolean})],H.prototype,"vertical",2),t([$r("pf-tab"),Hr({reflect:!0,type:Boolean})],H.prototype,"fill",2),t([$r("pf-tab"),Hr({attribute:"border-bottom"})],H.prototype,"borderBottom",2),H=t([bp("pf-tabs")],H);import{customElement as xp}from"lit/decorators.js";import{property as Bl}from"lit/decorators.js";import{LitElement as hp,html as vp}from"lit";var Ir=class extends hp{render(){return vp`
|
|
444
451
|
<div part="header">
|
|
445
452
|
<div part="icon">
|
|
446
453
|
<slot id="icon" name="icon"></slot>
|
|
@@ -452,21 +459,22 @@ var Ll=Object.defineProperty;var Sl=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
452
459
|
<div part="body">
|
|
453
460
|
<slot id="body"></slot>
|
|
454
461
|
</div>
|
|
455
|
-
`}};import{css as
|
|
462
|
+
`}};import{css as up}from"lit";var _p=up`:host{position:relative;display:inline-grid;padding:var(--pf-c-tile--PaddingTop,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingRight,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingBottom,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingLeft,var(--pf-global--spacer--lg,1.5rem));text-align:center;cursor:pointer;background-color:var(--pf-c-tile--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--light-100),#fff));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;transition:var(--pf-c-tile--Transition, none);transform:translateY(var(--pf-c-tile--TranslateY,0))}:host::after,:host::before{position:absolute;pointer-events:none;content:""}:host::before{top:0;right:0;bottom:0;left:0;border:var(--pf-c-tile--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-tile--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host::after{right:0;bottom:0;left:0;height:var(--pf-c-tile--after--Height,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-tile--after--BackgroundColor,transparent);transition:var(--pf-c-tile--after--Transition, none);transform:scaleY(var(--pf-c-tile--after--ScaleY,1)) translateY(var(--pf-c-tile--after--TranslateY,0))}:host(:hover){--pf-c-tile__title--Color:var(--pf-c-tile--hover__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--hover__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--hover--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:focus){--pf-c-tile__title--Color:var(--pf-c-tile--focus__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--focus__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--focus--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:active),:host([selected]){--pf-c-tile__title--Color:var(--pf-c-tile--m-selected__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--m-selected__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--TranslateY:var(--pf-c-tile--m-selected--TranslateY,
|
|
456
463
|
calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY, 2) * var(--pf-c-tile--m-selected--after--Height,
|
|
457
464
|
var(--pf-global--BorderWidth--lg, 3px))));--pf-c-tile--Transition:var(--pf-c-tile--m-selected--Transition,
|
|
458
465
|
var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--Height:var(--pf-c-tile--m-selected--after--Height, var(--pf-global--BorderWidth--lg, 3px));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--m-selected--after--BackgroundColor, var(--pf-global--active-color--100, #06c));--pf-c-tile--after--Transition:var(--pf-c-tile--m-selected--after--Transition,
|
|
459
|
-
var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--ScaleY:var(--pf-c-tile--m-selected--after--ScaleY, 2)}:host([disabled]){--pf-c-tile--BackgroundColor:var(--pf-c-tile--m-disabled--BackgroundColor, var( --pf-global--disabled-color--300, #f0f0f0));--pf-c-tile__title--Color:var(--pf-c-tile--m-disabled__title--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile__body--Color:var(--pf-c-tile--m-disabled__body--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile--before--BorderWidth:0;--pf-c-tile__icon--Color:var(--pf-c-tile--m-disabled__icon--Color, var(--pf-global--disabled-color--100, #6a6e73));pointer-events:none}[part=header]{display:flex;align-items:center;justify-content:center}[part=title]{color:var(--pf-c-tile__title--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)))}[part=body]{font-size:var(--pf-c-tile__body--FontSize, var(--pf-global--FontSize--xs, .75rem));color:var(--pf-c-tile__body--Color,var(--pf-global--Color--100,#151515))}[part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md, 1.125rem));--pf-icon--size:var(--_icon-size);margin-right:var(--pf-c-tile__icon--MarginRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--_icon-size);color:var(--pf-c-tile__icon--Color,var(--pf-global--Color--100,#151515))}:host([stacked]) [part=header]{--pf-c-tile__icon--MarginRight:0;--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--lg, 1.5rem)));flex-direction:column;justify-content:initial}:host([stacked=lg]) [part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--xl, 3.375rem)))}:host([stacked]) [part=icon]{display:flex;align-items:center;justify-content:center;margin-bottom:var(--pf-c-tile__header--m-stacked__icon--MarginBottom,var(--pf-global--spacer--xs,.25rem))}#body::slotted(:is(h1,h2,h3,h4,h5,h6,p)),#title::slotted(:is(h1,h2,h3,h4,h5,h6,p)){margin-block:0}`,
|
|
466
|
+
var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--ScaleY:var(--pf-c-tile--m-selected--after--ScaleY, 2)}:host([disabled]){--pf-c-tile--BackgroundColor:var(--pf-c-tile--m-disabled--BackgroundColor, var( --pf-global--disabled-color--300, #f0f0f0));--pf-c-tile__title--Color:var(--pf-c-tile--m-disabled__title--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile__body--Color:var(--pf-c-tile--m-disabled__body--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile--before--BorderWidth:0;--pf-c-tile__icon--Color:var(--pf-c-tile--m-disabled__icon--Color, var(--pf-global--disabled-color--100, #6a6e73));pointer-events:none}[part=header]{display:flex;align-items:center;justify-content:center}[part=title]{color:var(--pf-c-tile__title--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)))}[part=body]{font-size:var(--pf-c-tile__body--FontSize, var(--pf-global--FontSize--xs, .75rem));color:var(--pf-c-tile__body--Color,var(--pf-global--Color--100,#151515))}[part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md, 1.125rem));--pf-icon--size:var(--_icon-size);margin-right:var(--pf-c-tile__icon--MarginRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--_icon-size);color:var(--pf-c-tile__icon--Color,var(--pf-global--Color--100,#151515))}:host([stacked]) [part=header]{--pf-c-tile__icon--MarginRight:0;--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--lg, 1.5rem)));flex-direction:column;justify-content:initial}:host([stacked=lg]) [part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--xl, 3.375rem)))}:host([stacked]) [part=icon]{display:flex;align-items:center;justify-content:center;margin-bottom:var(--pf-c-tile__header--m-stacked__icon--MarginBottom,var(--pf-global--spacer--xs,.25rem))}#body::slotted(:is(h1,h2,h3,h4,h5,h6,p)),#title::slotted(:is(h1,h2,h3,h4,h5,h6,p)){margin-block:0}`,Cl=_p;var ve=class extends Ir{constructor(){super(...arguments);this.selected=!1}};ve.styles=[Cl],t([Bl({reflect:!0,type:Boolean})],ve.prototype,"selected",2),t([Bl({reflect:!0})],ve.prototype,"stacked",2),ve=t([xp("pf-tile")],ve);import{LitElement as Cp,html as Bp}from"lit";import{customElement as wp,property as P}from"lit/decorators.js";import{css as yp}from"lit";var kp=yp`:host{display:inline}time{text-decoration:var(--_timestamp-text-decoration,none);text-underline-offset:var(--_timestamp-text-underline-offset,initial)}`,wl=kp;var Tp={fromAttribute(s){return!s||s==="true"}},G,St,jr,Tl,y=class extends Cp{constructor(){super(...arguments);a(this,jr);a(this,G,new Date);a(this,St,o(this,G).toISOString())}get date(){return o(this,G).toLocaleString()}set date(e){d(this,G,new Date(e)),d(this,St,o(this,G).toISOString())}get isoString(){return o(this,St)}get time(){let{hour12:e,customFormat:r,dateFormat:l,timeFormat:p,utc:c}=this,z=r||{hour12:e,dateStyle:l,timeStyle:p,timeZone:c?"UTC":void 0},_e=o(this,G).toLocaleString(this.locale,z);return this.relative?i(this,jr,Tl).call(this,o(this,G)):`${_e}${this.displaySuffix?` ${this.displaySuffix}`:""}`}willUpdate(){!this.displaySuffix&&this.utc&&(this.displaySuffix="UTC")}render(){return Bp`
|
|
460
467
|
<time datetime="${this.isoString}">${this.time}</time>
|
|
461
|
-
`}};G=new WeakMap,
|
|
468
|
+
`}};G=new WeakMap,St=new WeakMap,jr=new WeakSet,Tl=function(e){let r=e.getTime()-Date.now(),l=r>0?"until":"ago",p="just now",c=Math.round(Math.abs(r)/1e3),k=Math.round(c/60),z=Math.round(k/60),_e=Math.round(z/24),Mt=Math.round(_e/30),Sl=Math.round(Mt/12);return Mt>=18?p=`${Sl} years`:Mt>=12?p="a year":_e>=45?p=`${Mt} months`:_e>=30?p="a month":z>=36?p=`${_e} days`:z>=24?p="a day":k>=90?p=`${z} hours`:k>=45?p="an hour":c>=90?p=`${k} minutes`:c>=45?p="a minute":c>=10&&(p=`${c} seconds`),p!=="just now"?`${p} ${l}`:p},y.styles=[wl],t([P({reflect:!0})],y.prototype,"date",1),t([P({reflect:!0,attribute:"date-format"})],y.prototype,"dateFormat",2),t([P({reflect:!0,attribute:"time-format"})],y.prototype,"timeFormat",2),t([P({attribute:!1})],y.prototype,"customFormat",2),t([P({reflect:!0,attribute:"display-suffix"})],y.prototype,"displaySuffix",2),t([P({reflect:!0})],y.prototype,"locale",2),t([P({reflect:!0,type:Boolean})],y.prototype,"relative",2),t([P({reflect:!0,type:Boolean})],y.prototype,"utc",2),t([P({reflect:!0,attribute:"hour-12",converter:Tp})],y.prototype,"hour12",2),y=t([wp("pf-timestamp")],y);import{customElement as jp,property as Ll}from"lit/decorators.js";import{LitElement as Lp,html as Sp}from"lit";import{classMap as Mp}from"lit/directives/class-map.js";import{styleMap as Ep}from"lit/directives/style-map.js";import{FloatingDOMController as Fp}from"@patternfly/pfe-core/controllers/floating-dom-controller.js";import{css as Wp}from"lit";var zp=Wp`:host{display:inline}#container{display:inline-flex;position:relative;--_floating-arrow-size:0.5rem}#invoker{display:inline-block;position:relative}#tooltip,#tooltip::after{position:absolute}#tooltip{display:block;opacity:0;pointer-events:none;z-index:10000;transition:opacity .3s cubic-bezier(.54, 1.5, .38, 1.11) 0s;text-align:center;word-break:break-word;translate:var(--_floating-content-translate);max-width:calc(100vw - 10px);width:max-content;top:0;left:0;will-change:opacity}#tooltip::after{display:block;content:'';rotate:45deg;width:var(--_floating-arrow-size);height:var(--_floating-arrow-size);will-change:left top right bottom}.open #tooltip{opacity:1}.left #tooltip::after{right:calc(-.5 * var(--_floating-arrow-size))}.left.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.left.start #tooltip::after{top:var(--_floating-arrow-size)}.left.end #tooltip::after{bottom:var(--_floating-arrow-size)}.top #tooltip::after{top:calc(100% - .5 * var(--_floating-arrow-size))}.top.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.top.start #tooltip::after{left:var(--_floating-arrow-size)}.top.end #tooltip::after{right:var(--_floating-arrow-size)}.right #tooltip::after{right:calc(100% - .5 * var(--_floating-arrow-size))}.right.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.right.start #tooltip::after{top:var(--_floating-arrow-size)}.right.end #tooltip::after{bottom:var(--_floating-arrow-size)}.bottom #tooltip::after{bottom:calc(100% - .5 * var(--_floating-arrow-size))}.bottom.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.bottom.start #tooltip::after{left:var(--_floating-arrow-size)}.bottom.end #tooltip::after{right:var(--_floating-arrow-size)}`,Wl=zp;var Rp=["focusin","tap","click","mouseenter"],Hp=["focusout","blur","mouseleave"],Ue,Ge=class extends Lp{constructor(){super(...arguments);a(this,Ue,new Fp(this,{arrow:!0,content:()=>this.shadowRoot?.querySelector("#tooltip")}))}connectedCallback(){super.connectedCallback(),Rp.forEach(e=>this.addEventListener(e,this.show)),Hp.forEach(e=>this.addEventListener(e,this.hide))}async show(){await this.updateComplete;let e=this.position,r=e?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await o(this,Ue).show({offset:r,placement:e})}async hide(){await o(this,Ue).hide()}render(){let{alignment:e,anchor:r,open:l,styles:p}=o(this,Ue);return Sp`
|
|
462
469
|
<div id="container"
|
|
463
|
-
style="${
|
|
464
|
-
class="${
|
|
470
|
+
style="${Ep(p)}"
|
|
471
|
+
class="${Mp({open:l,[r]:!!r,[e]:!!e})}">
|
|
465
472
|
<slot id="invoker" role="tooltip" aria-labelledby="tooltip"></slot>
|
|
466
473
|
<slot id="tooltip"
|
|
467
474
|
name="content"
|
|
468
475
|
aria-hidden="${String(!l)}">${this.content}</slot>
|
|
469
476
|
</div>
|
|
470
|
-
`}};Ue=new WeakMap,Ge.styles=[
|
|
471
|
-
var(--pf-global--FontSize--sm, .875rem));color:var(--pf-c-tooltip__content--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}#container{--_floating-arrow-size:var(--pf-c-tooltip__arrow--Width, 0.5rem)}#tooltip::after{background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}`,
|
|
477
|
+
`}};Ue=new WeakMap,Ge.styles=[Wl];import{css as $p}from"lit";var Ip=$p`:host{--_timestamp-text-decoration:underline dashed 1px;--_timestamp-text-underline-offset:4px}#tooltip{--_timestamp-text-decoration:none;--_timestamp-text-underline-offset:initial;line-height:var(--pf-c-tooltip--line-height, 1.5);max-width:var(--pf-c-tooltip--MaxWidth,18.75rem);box-shadow:var(--pf-c-tooltip--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));padding:var(--pf-c-tooltip__content--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingRight,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingLeft,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-tooltip__content--FontSize,
|
|
478
|
+
var(--pf-global--FontSize--sm, .875rem));color:var(--pf-c-tooltip__content--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}#container{--_floating-arrow-size:var(--pf-c-tooltip__arrow--Width, 0.5rem)}#tooltip::after{background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}`,zl=Ip;var ue=class extends Ge{constructor(){super(...arguments);this.position="top"}};ue.styles=[...Ge.styles,zl],t([Ll()],ue.prototype,"position",2),t([Ll()],ue.prototype,"content",2),ue=t([jp("pf-tooltip")],ue);export{vo as ModalCancelEvent,uo as ModalCloseEvent,_o as ModalOpenEvent,D as PfAccordion,U as PfAccordionHeader,ke as PfAccordionPanel,te as PfAvatar,V as PfBadge,T as PfButton,A as PfCard,g as PfClipboardCopy,Le as PfCodeBlock,le as PfIcon,W as PfJumpLinks,Z as PfJumpLinksItem,it as PfJumpLinksList,C as PfLabel,f as PfModal,de as PfPanel,L as PfProgressStep,F as PfProgressStepper,bt as PfSpinner,ut as PfSwitch,N as PfTab,fe as PfTabPanel,H as PfTabs,ve as PfTile,y as PfTimestamp,ue as PfTooltip};
|
|
479
|
+
/*! For license information please see pfe.min.js.LEGAL.txt */
|
|
472
480
|
//# sourceMappingURL=pfe.min.js.map
|