@patternfly/elements 2.0.0-rc.2 → 2.0.0-rc.4
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/custom-elements.json +36 -0
- package/package.json +2 -2
- package/pf-tabs/BaseTab.d.ts +1 -0
- package/pf-tabs/BaseTab.js +8 -5
- package/pf-tabs/BaseTab.js.map +1 -1
- package/pf-tabs/BaseTabs.d.ts +6 -0
- package/pf-tabs/BaseTabs.js +39 -72
- package/pf-tabs/BaseTabs.js.map +1 -1
- package/pf-tabs/pf-tab.css +1 -0
- package/pf-tabs/pf-tab.js +1 -1
- package/pf-tabs/test/pf-tabs.spec.js +58 -2
- package/pf-tabs/test/pf-tabs.spec.js.map +1 -1
- package/pfe.min.js +129 -129
- package/pfe.min.js.map +4 -4
package/pfe.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var An=Object.defineProperty;var Dn=Object.getOwnPropertyDescriptor;var o=(n,e,t,r)=>{for(var a=r>1?void 0:r?Dn(e,t):e,s=n.length-1,c;s>=0;s--)(c=n[s])&&(a=(r?c(e,t,a):c(a))||a);return r&&a&&An(e,t,a),a};var Mo=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var i=(n,e,t)=>(Mo(n,e,"read from private field"),t?t.call(n):e.get(n)),l=(n,e,t)=>{if(e.has(n))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(n):e.set(n,t)},d=(n,e,t,r)=>(Mo(n,e,"write to private field"),r?r.call(n,t):e.set(n,t),t);var p=(n,e,t)=>(Mo(n,e,"access private method"),t);import{html as ri}from"lit";import{customElement as vl,property as Zo}from"lit/decorators.js";import{__decorate as hr}from"tslib";function z(n,e,t){if(typeof t?.value!="function")throw new TypeError(`Only methods can be decorated with @bound. <${e??n.name}> is not a method!`);return{configurable:!0,get(){let r=t.value.bind(this);return Object.defineProperty(this,e,{value:r,configurable:!0,writable:!0}),r}}}var m=class{get prefix(){return`[${this.host.localName}${this.host.id?`#${this.host.id}`:""}]`}static debugLog(e=null){try{return e!==null&&(m.logDebug=!!e,localStorage.pfeLog=!!e),localStorage.pfeLog==="true"}catch{return m.logDebug}}static log(...e){m.debugLog()&&console.log(...e)}static warn(...e){console.warn(...e)}static error(...e){console.error([...e].join(" "))}log(...e){m.log(this.prefix,...e)}warn(...e){m.warn(this.prefix,...e)}error(...e){m.error(this.prefix,...e)}constructor(e){if(this.host=e,m.instances.get(e))return m.instances.get(e);e.addController(this),m.instances.set(e,this)}hostConnected(){this.log("connected")}};m.instances=new WeakMap;function jn(n){return n.length===1&&typeof n[0]=="object"&&n[0]!==null}var On=n=>e=>n===v.anonymous?!e.hasAttribute("slot"):e.getAttribute("slot")===n,v=class{constructor(e,...t){if(this.host=e,this.nodes=new Map,this.firstUpdated=!1,this.mo=new MutationObserver(this.onMutation),this.deprecations={},this.logger=new m(this.host),jn(t)){let[{slots:r,deprecations:a}]=t;this.slotNames=r,this.deprecations=a??{}}else t.length>=1?(this.slotNames=t,this.deprecations={}):this.slotNames=[null];e.addController(this)}hostConnected(){this.host.addEventListener("slotchange",this.onSlotChange),this.firstUpdated=!1,this.mo.observe(this.host,{childList:!0}),this.init()}hostUpdated(){this.firstUpdated||(this.slotNames.forEach(this.initSlot),this.firstUpdated=!0)}hostDisconnected(){this.mo.disconnect()}hasSlotted(...e){return e.length?e.some(t=>this.nodes.get(t)?.hasContent??!1):(this.logger.warn("Please provide at least one slot name for which to search."),!1)}getSlotted(...e){return e.length?e.flatMap(t=>this.nodes.get(t)?.elements??[]):this.nodes.get(v.anonymous)?.elements??[]}onSlotChange(e){let t=e.target.name;this.initSlot(t),this.host.requestUpdate()}async onMutation(e){let t=[];for(let{addedNodes:r,removedNodes:a}of e)for(let s of[...r,...a])s instanceof HTMLElement&&s.slot&&(this.initSlot(s.slot),t.push(s.slot));t.length&&this.host.requestUpdate()}getChildrenForSlot(e){return Array.from(this.host.children).filter(On(e))}initSlot(e){let t=e||v.anonymous,r=this.nodes.get(t)?.slot?.assignedElements?.()??this.getChildrenForSlot(t),a=e?`slot[name="${e}"]`:"slot:not([name])",s=this.host.shadowRoot?.querySelector?.(a)??null,c=!!r.length;this.nodes.set(t,{elements:r,name:e??"",hasContent:c,slot:s}),this.logger.log(e,c)}init(){this.nodes.clear(),this.slotNames.forEach(this.initSlot),Object.values(this.deprecations).forEach(this.initSlot),this.host.requestUpdate()}};v.anonymous=Symbol("anonymous slot");hr([z],v.prototype,"onSlotChange",null);hr([z],v.prototype,"onMutation",null);hr([z],v.prototype,"initSlot",null);hr([z],v.prototype,"init",null);import{LitElement as qa,html as rl}from"lit";import{property as Uo}from"lit/decorators.js";import{unsafeStatic as ol,html as al}from"lit/static-html.js";import{LitElement as Yn,html as Xn}from"lit";import{property as Qn}from"lit/decorators.js";import{__decorate as Pn}from"tslib";function Ma(n,e,t=!1){let r;return function(...a){let s=this,c=function(){r=null,t||n.apply(s,a)},g=t&&!r;clearTimeout(r),r=window.setTimeout(c,e),g&&n.apply(s,a)}}var P=class{constructor(e,t){this.host=e,this.options=t,this.mo=new MutationObserver(this.parse),this.cache=new Map,this.class=e.constructor,this.logger=new m(this.host),P.instances.set(e,this);let r=this.options?.properties??{};for(let[a,s]of Object.entries(r))this.initProp(a,s);e.addController(this),this.cascadeProperties=Ma(this.cascadeProperties,1)}hostUpdated(){this.cascadeProperties()}hostConnected(){this.mo.observe(this.host,{attributes:!0,childList:!0}),this.cascadeProperties()}hostDisconnected(){this.mo.disconnect()}cascadeProperties(e=this.host.children){if(this.host.isConnected){let t=this.cache.keys();if(!e)return this._cascadeAttributes(t,this.cache);for(let r of e)if(r instanceof Element){for(let a of t)if(r.matches(a)){let s=this.cache.get(a);for(let c of s??[])this._copyAttribute(c,r)}}}}initProp(e,t){for(let r of[t].flat(1/0).filter(Boolean)){let{attribute:a}=this.class.getPropertyOptions(e),s=typeof a=="string"?a:e.toLowerCase();this.cache.get(r)?this.cache.get(r)?.push(s):this.cache.set(r,[s])}}parse(e){for(let t of e??[])t.type==="childList"&&t.addedNodes.length?this.cascadeProperties(t.addedNodes):t.type==="attributes"&&this._cascadeAttributes(this.cache.keys(),this.cache)}async _copyAttribute(e,t){this.logger.log(`copying ${e} to ${t}`);let r=this.host.getAttribute(e);t.isConnected&&(r==null?t.removeAttribute(e):t.setAttribute(e,r))}_cascadeAttributes(e,t){for(let r of e)for(let a of t.get(r)??[])this._cascadeAttribute(a,r)}_cascadeAttribute(e,t){let r=[...this.host.querySelectorAll(t),...this.host.shadowRoot?.querySelectorAll(t)??[]];for(let a of r)this._copyAttribute(e,a)}};P.instances=new WeakMap;Pn([z],P.prototype,"parse",null);function he(...n){return function(e,t){e.constructor.addInitializer(r=>{let a=r;P.instances.has(a)||P.instances.set(a,new P(a)),P.instances.get(a)?.initProp(t,n)})}}function La(n){return function(e,t){let{alias:r,...a}=n,s=e.constructor,c=s.getPropertyOptions(r);s.createProperty(t,{...c,...a}),s.addInitializer(g=>{g.addController(new Lo(g,n,t))})}}var Lo=class{constructor(e,t,r){this.host=e,this.options=t,this.deprecatedKey=r,this.logged=!1,this.logger=new m(e)}hostUpdate(){let{deprecatedKey:e,options:{alias:t}}=this;this.host[e]&&this.host[t]!==this.host[e]&&(this.logged||(this.logger.warn(`${e} is deprecated, use ${t} instead`),this.logged=!0),this.host[t]=this.host[e])}};var vr=class{constructor(e,t,r){this.host=e,this.options=r,this.initializer=t.bind(e),this.mo=new MutationObserver(this.initializer),this.logger=new m(this.host),e.addController(this)}hostConnected(){this.hasLightDOM()?this.initializer():this.options?.emptyWarning&&this.logger.warn(this.options?.emptyWarning),this.initObserver()}hostDisconnected(){this.mo.disconnect()}initObserver(){(this.options?.observe??!0)&&this.mo.observe(this.host,typeof this.options?.observe!="object"?{childList:!0}:this.options?.observe)}hasLightDOM(){return this.host.children.length>0||(this.host.textContent??"").trim().length>0}};function Fa(n){return function(e,t){e.constructor.addInitializer(r=>{let a=e[t],s=new vr(r,a,n);r.isConnected&&s.hostConnected()})}}var Fo=Symbol("observed properties controller"),et=class{delete(e){this.values.delete(e)}constructor(e){if(this.host=e,this.values=new Map,et.hosts.get(e))return et.hosts.get(e);e.addController(this),e[Fo]=this}hostUpdate(){for(let[e,[t,[r,a]]]of this.values)this.host[t]?.(r,a),this.delete(e)}hostUpdated(){this.host.removeController(this)}cache(e,t,...r){this.values.set(e,[t,r])}};et.hosts=new WeakMap;function L(...n){if(n.length===1){let[e]=n;return function(t,r){t.constructor.addInitializer(a=>new et(a)),Ra(t,r,e)}}else{let[e,t]=n;e.constructor.addInitializer(r=>new et(r)),Ra(e,t)}}function Ra(n,e,t){let r=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(n,e,{...r,configurable:!0,set(a){let s=this[e];if(r?.set?.call(this,a),typeof t=="function")t.call(this,s,a);else{let c=t||`_${e}Changed`;this.hasUpdated?this[c]?.(s,a):this[Fo].cache(e,c,s,a)}}})}var td=Symbol();function Ea(n){return document.head.querySelector(`meta[name="${n}"]`)?.content}var Ha={fromAttribute(n){return typeof n!="string"?null:n.split(",").map(e=>e.trim()).map(e=>parseInt(e,10))},toAttribute(n){return n.join(",")}},k=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}},Ia=document.body.hasAttribute("no-auto-reveal");window.PfeConfig=Object.assign(window.PfeConfig??{},{trackPerformance:window.PfeConfig?.trackPerformance??Ea("pf-track-performance")==="true",autoReveal:window.PfeConfig?.autoReveal??(Ia?!Ia:Ea("pf-auto-reveal")==="true"),get log(){return!!localStorage.pfeLog},set log(n){n?localStorage.setItem("pfeLog",`${!0}`):localStorage.removeItem("pfeLog")}});import{LitElement as Gn,html as qn}from"lit";import{property as Vn}from"lit/decorators.js";function A(n="pfe"){return`${n}-${Math.random().toString(36).substr(2,9)}`}import{css as Nn}from"lit";var Un=Nn`: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}`,$a=Un;var rt=class extends Gn{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=A(this.localName)),this.setAttribute("role","region")}render(){return qn`
|
|
2
2
|
<div tabindex="-1">
|
|
3
3
|
<div id="container" class="content" part="container">
|
|
4
4
|
<div class="body">
|
|
@@ -6,20 +6,20 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
8
|
</div>
|
|
9
|
-
`}}
|
|
9
|
+
`}};rt.styles=[$a],o([Vn({type:Boolean,reflect:!0})],rt.prototype,"expanded",2);import{css as Kn}from"lit";var Zn=Kn`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,Aa=Zn;var Jn=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,Ro=class extends k{constructor(t,r){super("expand");this.toggle=t;this.panel=r}},Eo=class extends k{constructor(t,r){super("collapse");this.toggle=t;this.panel=r}},ve,xr,ue,yr,Cr,_e,Io,xe,Ho,ye,$o,Ce,Ao,ke,Do,Be,jo,we,Oo,Te,Po,kr,Da,Br,ja,Dt,ur,We,No,wr,Oa,Tr,Pa,Wr,Na,Sr,Ua,jt,_r,ot=class extends Yn{constructor(){super(...arguments);l(this,_e);l(this,xe);l(this,ye);l(this,Ce);l(this,ke);l(this,Be);l(this,we);l(this,Te);l(this,kr);l(this,Br);l(this,Dt);l(this,We);l(this,wr);l(this,Tr);l(this,Wr);l(this,Sr);l(this,jt);this.expandedIndex=[];this.expandedSets=new Set;l(this,ve,new m(this));l(this,xr,getComputedStyle(this));l(this,ue,p(this,we,Oo).call(this));l(this,yr,!1);l(this,Cr,new MutationObserver(()=>p(this,_e,Io).call(this)))}static isAccordion(t){return t instanceof ot}static isHeader(t){return t instanceof D}static isPanel(t){return t instanceof rt}get headers(){return p(this,Dt,ur).call(this)}get panels(){return p(this,We,No).call(this)}async getUpdateComplete(){let t=await super.getUpdateComplete(),r=await Promise.all([...p(this,Dt,ur).call(this).map(a=>a.updateComplete),...p(this,We,No).call(this).map(a=>a.updateComplete)]);return t&&r.every(Boolean)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",p(this,kr,Da)),this.addEventListener("keydown",p(this,Br,ja)),i(this,Cr).observe(this,{childList:!0}),p(this,_e,Io).call(this)}render(){return Xn`
|
|
10
10
|
<slot></slot>
|
|
11
|
-
`}async firstUpdated(){let{headers:
|
|
12
|
-
<${
|
|
11
|
+
`}async firstUpdated(){let{headers:t}=this;for(let r of t.filter(a=>a.expanded))await this.expand(t.indexOf(r))}updateAccessibility(){let{headers:t}=this;t.forEach(r=>{let a=p(this,xe,Ho).call(this,r);a&&(r.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",r.id),a.hidden=!a.expanded)})}async toggle(t){let{headers:r}=this;r[t].expanded?await this.collapse(t):await this.expand(t)}async expand(t,r){if(t===-1)return;let s=p(this,Dt,ur).call(this,r)[t];if(!s)return;let c=p(this,xe,Ho).call(this,s);c&&(p(this,ye,$o).call(this,s,t),p(this,Ce,Ao).call(this,c),s.focus(),this.dispatchEvent(new Ro(s,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(t=>p(this,ye,$o).call(this,t)),this.panels.forEach(t=>p(this,Ce,Ao).call(this,t)),await this.updateComplete}async collapse(t){let r=this.headers.at(t),a=this.panels.at(t);!r||!a||(p(this,ke,Do).call(this,r),p(this,Be,jo).call(this,a),this.dispatchEvent(new Eo(r,a)),await this.updateComplete)}async collapseAll(){this.headers.forEach(t=>p(this,ke,Do).call(this,t)),this.panels.forEach(t=>p(this,Be,jo).call(this,t)),await this.updateComplete}},at=ot;ve=new WeakMap,xr=new WeakMap,ue=new WeakMap,yr=new WeakMap,Cr=new WeakMap,_e=new WeakSet,Io=async function(){i(this,yr)||d(this,yr,!!await this.updateComplete),this.updateAccessibility()},xe=new WeakSet,Ho=function(t){let r=t.nextElementSibling;return ot.isPanel(r)?r:void i(this,ve).error("Sibling element to a header needs to be a panel")},ye=new WeakSet,$o=function(t,r=p(this,jt,_r).call(this,t)){this.expandedSets.add(r),t.expanded=!0},Ce=new WeakSet,Ao=async function(t){t.expanded=!0,t.hidden=!1,await t.updateComplete;let r=t.getBoundingClientRect();p(this,Te,Po).call(this,t,0,r.height)},ke=new WeakSet,Do=async function(t,r=p(this,jt,_r).call(this,t)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(r),t.expanded=!1,await t.updateComplete},Be=new WeakSet,jo=async function(t){if(await t.updateComplete,!t.expanded)return;let r=t.getBoundingClientRect();t.expanded=!1,t.hidden=!0,p(this,Te,Po).call(this,t,r.height,0),await t.updateComplete},we=new WeakSet,Oo=function(){if("computedStyleMap"in this)return this.computedStyleMap().get("transition-duration")?.to("ms").value;{let{transitionDuration:t}=i(this,xr),r=Jn.exec(t)?.groups;if(!r)return 0;let a=parseFloat(t);return r.unit==="s"?a*1e3:a}},Te=new WeakSet,Po=async function(t,r,a){if(t){let s=t.previousElementSibling,c=p(this,we,Oo).call(this);c&&d(this,ue,c);let g=i(this,ue)??0;s?.classList.add("animating"),t.classList.add("animating");let _=t.animate({height:[`${r}px`,`${a}px`]},{duration:g});_.play(),await _.finished,s?.classList.remove("animating"),t.classList.remove("animating"),t.style.removeProperty("height"),t.hidden=!t.expanded}},kr=new WeakSet,Da=function(t){if(this.classList.contains("animating"))return;let r=p(this,jt,_r).call(this,t.target);t.expanded?this.expand(r,t.accordion):this.collapse(r)},Br=new WeakSet,ja=async function(t){let r=t.target;if(!ot.isHeader(r))return;let a;switch(t.key){case"ArrowDown":t.preventDefault(),a=p(this,Tr,Pa).call(this);break;case"ArrowUp":t.preventDefault(),a=p(this,wr,Oa).call(this);break;case"Home":t.preventDefault(),a=p(this,Wr,Na).call(this);break;case"End":t.preventDefault(),a=p(this,Sr,Ua).call(this);break}a?.focus?.()},Dt=new WeakSet,ur=function(t=this){return Array.from(t.children).filter(ot.isHeader)},We=new WeakSet,No=function(t=this){return Array.from(t.children).filter(ot.isPanel)},wr=new WeakSet,Oa=function(){let{headers:t}=this,r=t.findIndex(a=>a.matches(":focus,:focus-within"))-1;return t[(r+t.length)%t.length]},Tr=new WeakSet,Pa=function(){let{headers:t}=this,r=t.findIndex(a=>a.matches(":focus,:focus-within"))+1;return t[r%t.length]},Wr=new WeakSet,Na=function(){return this.headers.at(0)},Sr=new WeakSet,Ua=function(){return this.headers.at(-1)},jt=new WeakSet,_r=function(t){return ot.isHeader(t)?this.headers.findIndex(r=>r.id===t.id):ot.isPanel(t)?this.panels.findIndex(r=>r.id===t.id):(i(this,ve).warn("The #getIndex method expects to receive a header or panel element."),-1)},at.styles=[Aa],o([L(async function(e,t){if(e&&e!==t){await this.collapseAll();for(let r of this.expandedIndex)await this.expand(r,this)}}),Qn({attribute:"expanded-index",converter:Ha})],at.prototype,"expandedIndex",2);import{css as tl}from"lit";var el=tl`#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}`,Ga=el;var il=n=>n instanceof HTMLElement&&!!n.tagName.match(/P|^H[1-6]/),Go=class extends k{constructor(t,r,a){super("change");this.expanded=t;this.toggle=r;this.accordion=a}},Z,yt,zr,Va,Mr,Ka,Lr,Za,D=class extends qa{constructor(){super(...arguments);l(this,zr);l(this,Mr);l(this,Lr);this.expanded=!1;this.headingText="";this.headingTag="h3";l(this,Z,void 0);l(this,yt,new m(this))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",p(this,Lr,Za)),this.hidden=!0,this.id||(this.id=A(this.localName)),p(this,zr,Va).call(this)}render(){let t=ol(this.headingTag),r=String(!!this.expanded);return al`
|
|
12
|
+
<${t} id="heading">
|
|
13
13
|
<button id="button"
|
|
14
14
|
class="toggle"
|
|
15
15
|
aria-expanded="${r}">
|
|
16
|
-
<span part="text">${this.headingText||
|
|
16
|
+
<span part="text">${this.headingText||rl`
|
|
17
17
|
<slot></slot>`}
|
|
18
18
|
</span>
|
|
19
19
|
${this.renderAfterButton?.()}
|
|
20
20
|
</button>
|
|
21
|
-
</${
|
|
22
|
-
`}};
|
|
21
|
+
</${t}>
|
|
22
|
+
`}};Z=new WeakMap,yt=new WeakMap,zr=new WeakSet,Va=async function(){let t=p(this,Mr,Ka).call(this);t!==i(this,Z)&&d(this,Z,void 0),this.headingTag=t?.tagName.toLowerCase()??"h3",this.headingText=t?.textContent?.trim()??"";do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},Mr=new WeakSet,Ka=function(){if(!this.firstElementChild&&!this.firstChild)return void i(this,yt).warn("No header content provided");if(this.firstElementChild){let[t,...r]=Array.from(this.children).filter(a=>!a.hasAttribute("slot")&&il(a));if(t)r.length&&i(this,yt).warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void i(this,yt).warn("No heading information was provided.");return t}else return i(this,Z)||i(this,yt).warn("Header should contain at least 1 heading tag for correct semantics."),d(this,Z,document.createElement("h3")),this.firstChild?.nodeType===Node.TEXT_NODE?i(this,Z).textContent=this.firstChild.textContent:i(this,Z).textContent=this.textContent,i(this,Z)},Lr=new WeakSet,Za=function(t){let r=!this.expanded,a=t.composedPath().find(at.isAccordion);a&&this.dispatchEvent(new Go(r,this,a))},D.styles=[Ga],D.shadowRootOptions={...qa.shadowRootOptions,delegatesFocus:!0},o([Uo({type:Boolean,reflect:!0})],D.prototype,"expanded",2),o([Uo({reflect:!0,attribute:"heading-text"})],D.prototype,"headingText",2),o([Uo({reflect:!0,attribute:"heading-tag"})],D.prototype,"headingTag",2);import{css as nl}from"lit";var ll=nl`: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,12 @@ var Ml=Object.defineProperty;var El=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))}`,Ya=ll;import{LitElement as cl,html as dl}from"lit";import{property as qo,state as fl}from"lit/decorators.js";import{css as sl}from"lit";var pl=sl`: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}`,Xa=pl;var Qa=window.requestIdleCallback??window.requestAnimationFrame,Vo=class extends ErrorEvent{constructor(t,r){super("error",{message:`Could not load icon at ${t}`});this.originalError=r}},Ot,Fr,it,Ct,Rr,Ja,Er,ti,Ko=class extends cl{constructor(){super(...arguments);l(this,it);l(this,Rr);l(this,Er);this.set=i(this,it,Ct).defaultIconSet;this.icon="";this.loading="lazy";l(this,Ot,!1);l(this,Fr,new m(this))}static addIconSet(t,r){if(typeof r!="function")m.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);else{this.getters.set(t,r);for(let a of this.instances)a.load()}}connectedCallback(){super.connectedCallback(),i(this,it,Ct).instances.add(this)}willUpdate(t){t.has("icon")&&p(this,Er,ti).call(this)}disconnectedCallback(){super.disconnectedCallback(),i(this,it,Ct).instances.delete(this)}render(){let t=this.content??"";return dl`
|
|
41
|
+
<div id="container" aria-hidden="true">${t}<span part="fallback" ?hidden=${!!t}>
|
|
42
|
+
<slot></slot>
|
|
43
|
+
</span>
|
|
44
|
+
</div>
|
|
45
|
+
`}async load(){let{set:t,icon:r}=this,a=i(this,it,Ct).getters.get(t)??i(this,it,Ct).getIconUrl,s="UNKNOWN ICON";if(t&&r)try{({pathname:s}=a(t,r));let c=await import(s);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 g=new Vo(s,c);i(this,Fr).error(c.message),this.dispatchEvent(g)}}},M=Ko;Ot=new WeakMap,Fr=new WeakMap,it=new WeakSet,Ct=function(){return this.constructor},Rr=new WeakSet,Ja=function(){i(this,it,Ct).io.observe(this),i(this,Ot)&&this.load()},Er=new WeakSet,ti=function(){switch(this.loading){case"idle":return void Qa(()=>this.load());case"lazy":return void p(this,Rr,Ja).call(this);case"eager":return void this.load()}},M.styles=[Xa],M.getIconUrl=(t,r)=>new URL(`./icons/${t}/${r}.js`,import.meta.url),M.onIntersect=t=>t.forEach(({isIntersecting:r,target:a})=>{let s=a;d(s,Ot,r),Qa(()=>{i(s,Ot)&&s.load()})}),M.io=new IntersectionObserver(Ko.onIntersect),M.getters=new Map,M.instances=new Set,o([qo()],M.prototype,"set",2),o([qo({reflect:!0})],M.prototype,"icon",2),o([qo()],M.prototype,"loading",2),o([fl()],M.prototype,"content",2);import{customElement as bl,property as hl}from"lit/decorators.js";import{css as ml}from"lit";var gl=ml`: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))}`,ei=gl;var kt=class extends M{constructor(){super(...arguments);this.size="sm"}};kt.styles=[...M.styles,ei],kt.defaultIconSet="fas",o([hl({reflect:!0})],kt.prototype,"size",2),kt=o([bl("pf-icon")],kt);var Ir,mt=class extends D{constructor(){super(...arguments);l(this,Ir,new v(this,"accents",null))}renderAfterButton(){return ri`${i(this,Ir).hasSlotted("accents")?ri`
|
|
41
46
|
<span part="accents">
|
|
42
47
|
<slot name="accents"></slot>
|
|
43
48
|
</span>`:""}
|
|
@@ -46,40 +51,48 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
46
51
|
set="${this.iconSet??"fas"}"
|
|
47
52
|
class="icon"
|
|
48
53
|
size="lg"></pf-icon>
|
|
49
|
-
`}};
|
|
54
|
+
`}};Ir=new WeakMap,mt.styles=[...D.styles,Ya],o([Zo({reflect:!0})],mt.prototype,"bordered",2),o([Zo({reflect:!0})],mt.prototype,"icon",2),o([Zo({reflect:!0,attribute:"icon-set"})],mt.prototype,"iconSet",2),mt=o([vl("pf-accordion-header")],mt);import{customElement as xl,property as yl}from"lit/decorators.js";import{css as ul}from"lit";var _l=ul`: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
55
|
--pf-c-accordion__panel--content-body--before--BackgroundColor,
|
|
51
|
-
var(--pf-global--primary-color--100, #0066cc))}`,
|
|
56
|
+
var(--pf-global--primary-color--100, #0066cc))}`,oi=_l;var Pt=class extends rt{};Pt.styles=[...rt.styles,oi],o([yl({reflect:!0})],Pt.prototype,"bordered",2),Pt=o([xl("pf-accordion-panel")],Pt);import{property as Hr}from"lit/decorators.js";import{customElement as Bl}from"lit/decorators.js";import{css as Cl}from"lit";var kl=Cl`: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)}`,ai=kl;var nt=class extends at{constructor(){super(...arguments);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1}async expand(t,r){if(t===-1)return;let a=this.headers;this.single&&await Promise.all([...a.map((s,c)=>s.expanded&&this.collapse(c))]),await super.expand(t,r)}};nt.styles=[...at.styles,ai],o([Hr({reflect:!0,type:Boolean})],nt.prototype,"single",2),o([Hr({type:Boolean,reflect:!0})],nt.prototype,"bordered",2),o([L(function(){[...this.headers,...this.panels].forEach(e=>e.toggleAttribute("large",this.large))}),Hr({type:Boolean,reflect:!0})],nt.prototype,"large",2),o([Hr({type:Boolean,reflect:!0})],nt.prototype,"fixed",2),nt=o([Bl("pf-accordion")],nt);import{property as si,customElement as Ml}from"lit/decorators.js";import{LitElement as Wl,html as ni}from"lit";import{property as Yo}from"lit/decorators.js";import{css as wl}from"lit";var Tl=wl`:host{display:contents}:host([src]) img,svg{display:inline;object-fit:cover}:host([hidden]){display:none}`,ii=Tl;var Xo=class extends Event{constructor(t){super("load",{bubbles:!0,composed:!0});this.originalEvent=t}},gt=class extends Wl{constructor(){super(...arguments);this.alt="Avatar image";this.size="sm"}render(){return this.src!=null?ni`
|
|
52
57
|
<img
|
|
53
58
|
size=${this.size}
|
|
54
59
|
alt=${this.alt??""}
|
|
55
|
-
@load="${r=>this.dispatchEvent(new
|
|
60
|
+
@load="${r=>this.dispatchEvent(new Xo(r))}"
|
|
56
61
|
src=${this.src}>
|
|
57
|
-
`:
|
|
62
|
+
`:ni`
|
|
58
63
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
59
64
|
<style>.st2{fill:#b8bbbe}</style><path d="M0 0h36v36H0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0"/>
|
|
60
65
|
<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
66
|
<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
67
|
</svg>
|
|
63
|
-
`}};
|
|
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)}`,
|
|
65
|
-
<span>${
|
|
66
|
-
`}};
|
|
68
|
+
`}};gt.styles=[ii],o([Yo()],gt.prototype,"src",2),o([Yo({reflect:!0})],gt.prototype,"alt",2),o([Yo({reflect:!0})],gt.prototype,"size",2);import{css as Sl}from"lit";var zl=Sl`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,
|
|
69
|
+
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)}`,li=zl;var Bt=class extends gt{constructor(){super(...arguments);this.size="sm"}};Bt.styles=[li],o([si({reflect:!0})],Bt.prototype,"size",2),o([si({reflect:!0})],Bt.prototype,"border",2),Bt=o([Ml("pf-avatar")],Bt);import{customElement as $l,property as Qo}from"lit/decorators.js";import{LitElement as Rl,html as El}from"lit";import{css as Ll}from"lit";var Fl=Ll`:host{position:relative;white-space:nowrap;text-align:center;display:inline-block}`,pi=Fl;var Nt=class extends Rl{render(){let{threshold:e,number:t,textContent:r}=this,a=e&&t&&e<t?`${e.toString()}+`:t!=null?t.toString():r??"";return El`
|
|
70
|
+
<span>${a}</span>
|
|
71
|
+
`}};Nt.styles=[pi];import{css as Il}from"lit";var Hl=Il`: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
72
|
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
73
|
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
74
|
var(--pf-global--palette--black-900, #151515));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-read--BackgroundColor,
|
|
70
75
|
var(--pf-global--palette--black-200, #f0f0f0))}:host([state=unread]){--pf-c-badge--Color:var(--pf-c-badge--m-unread--Color,
|
|
71
76
|
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="${
|
|
78
|
-
?disabled="${this.disabled||
|
|
77
|
+
var(--pf-global--palette--blue-400, #06c))}`,ci=Hl;var bt=class extends Nt{};bt.styles=[...Nt.styles,ci],o([Qo({reflect:!0})],bt.prototype,"state",2),o([Qo({reflect:!0,type:Number})],bt.prototype,"number",2),o([Qo({reflect:!0,type:Number})],bt.prototype,"threshold",2),bt=o([$l("pf-badge")],bt);import{html as Jl}from"lit";import{customElement as ts,property as wt}from"lit/decorators.js";import{ifDefined as xi}from"lit/directives/if-defined.js";import{LitElement as gi,html as jl}from"lit";import{property as Gt}from"lit/decorators.js";import{classMap as Ol}from"lit/directives/class-map.js";import{ifDefined as Jo}from"lit/directives/if-defined.js";import{__classPrivateFieldGet as Ut,__classPrivateFieldSet as di}from"tslib";var ht,$r;function fi(n){return n==="role"||n.startsWith("aria")}var N=class{get formDisabled(){return this.host.matches(":disabled")||Ut(this,$r,"f")}constructor(e,t){this.host=e,ht.set(this,void 0),$r.set(this,!1),di(this,ht,e.attachInternals(),"f");let r=e.formDisabledCallback;e.formDisabledCallback=a=>{di(this,$r,a,"f"),r?.call(e,a)};for(let a of Object.keys(Object.getPrototypeOf(Ut(this,ht,"f"))))fi(a)&&Object.defineProperty(this,a,{get(){return Ut(this,ht,"f")[a]},set(s){Ut(this,ht,"f")[a]=s,this.host.requestUpdate()}});for(let[a,s]of Object.entries(t??{}))fi(a)&&(this[a]=s)}submit(){Ut(this,ht,"f").form?.requestSubmit()}reset(){Ut(this,ht,"f").form?.reset()}};ht=new WeakMap,$r=new WeakMap;N.protos=new WeakMap;import{css as Al}from"lit";var Dl=Al`: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}`,mi=Dl;var qt,Ar,bi,F=class extends gi{constructor(){super(...arguments);l(this,Ar);this.disabled=!1;l(this,qt,new N(this))}get hasIcon(){return!!this.icon}render(){let{hasIcon:t}=this;return jl`
|
|
78
|
+
<button type="${Jo(this.type)}"
|
|
79
|
+
class="${Ol({hasIcon:t})}"
|
|
80
|
+
value="${Jo(this.value)}"
|
|
81
|
+
aria-label="${Jo(this.label)}"
|
|
82
|
+
@click="${p(this,Ar,bi)}"
|
|
83
|
+
?disabled="${this.disabled||i(this,qt).formDisabled}">
|
|
79
84
|
<slot id="icon" part="icon" aria-hidden="true" name="icon">${this.renderDefaultIcon()}</slot>
|
|
80
85
|
<slot id="text" aria-hidden=${String(!!this.label)}></slot>
|
|
81
86
|
</button>
|
|
82
|
-
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};
|
|
87
|
+
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};qt=new WeakMap,Ar=new WeakSet,bi=function(){switch(this.type){case"reset":return i(this,qt).reset();default:return i(this,qt).submit()}},F.styles=[mi],F.formAssociated=!0,F.shadowRootOptions={...gi.shadowRootOptions,delegatesFocus:!0},o([Gt({reflect:!0,type:Boolean})],F.prototype,"disabled",2),o([Gt({reflect:!0})],F.prototype,"type",2),o([Gt()],F.prototype,"label",2),o([Gt()],F.prototype,"value",2),o([Gt()],F.prototype,"name",2),o([Gt()],F.prototype,"icon",2);import{html as Kl}from"lit";import{customElement as Zl}from"lit/decorators.js";import{styleMap as Yl}from"lit/directives/style-map.js";import{LitElement as Ul,html as Gl}from"lit";import{property as vi}from"lit/decorators.js";import{css as Pl}from"lit";var Nl=Pl`: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}`,hi=Nl;var vt=class extends Ul{constructor(){super(...arguments);this.size="xl"}render(){return Gl`
|
|
88
|
+
<svg role="progressbar" viewBox="0 0 100 100">
|
|
89
|
+
<circle cx="50" cy="50" r="45" fill="none" />
|
|
90
|
+
</svg>
|
|
91
|
+
`}};vt.styles=[hi],o([vi({reflect:!0})],vt.prototype,"size",2),o([vi({reflect:!0})],vt.prototype,"diameter",2);import{css as ql}from"lit";var Vl=ql`[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,
|
|
92
|
+
var(--pf-global--icon--FontSize--sm, 0.625rem))}:host([size=md]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter,
|
|
93
|
+
var(--pf-global--icon--FontSize--md, 1.125rem))}:host([size=lg]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter,
|
|
94
|
+
var(--pf-global--icon--FontSize--lg, 1.5rem))}:host([size=xl]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter,
|
|
95
|
+
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)}}`,ui=Vl;var Se=class extends vt{render(){return Kl`<div style=${Yl({"--pf-c-spinner--diameter":this.diameter})}>${super.render()}</div>`}};Se.styles=[...vt.styles,ui],Se=o([Zl("pf-spinner")],Se);import{css as Xl}from"lit";var Ql=Xl`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
96
|
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
97
|
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
98
|
var(--pf-global--Color--light-100, #fff));--pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--active--BackgroundColor,
|
|
@@ -168,34 +181,34 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
168
181
|
var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingLeft:var(--pf-c-button--m-display-lg--PaddingLeft,
|
|
169
182
|
var(--pf-global--spacer--xl, 2rem));--pf-c-button--FontWeight:var(--pf-c-button--m-display-lg--FontWeight,
|
|
170
183
|
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))}`,
|
|
184
|
+
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))}`,_i=Ql;var j=class extends F{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 Jl`
|
|
172
185
|
<pf-icon
|
|
173
|
-
icon="${
|
|
174
|
-
set="${
|
|
186
|
+
icon="${xi(this.icon)}"
|
|
187
|
+
set="${xi(this.iconSet)}"
|
|
175
188
|
?hidden="${!this.icon}"></pf-icon>
|
|
176
189
|
<pf-spinner
|
|
177
190
|
?hidden="${!this.loading}"
|
|
178
191
|
size="md"
|
|
179
192
|
aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
|
|
180
|
-
`}};
|
|
193
|
+
`}};j.styles=[...F.styles,_i],o([wt({type:Boolean,reflect:!0})],j.prototype,"loading",2),o([wt({type:Boolean,reflect:!0})],j.prototype,"plain",2),o([wt({type:Boolean,reflect:!0})],j.prototype,"warning",2),o([wt({reflect:!0})],j.prototype,"size",2),o([wt({attribute:"icon-set"})],j.prototype,"iconSet",2),o([wt({type:Boolean,reflect:!0})],j.prototype,"danger",2),o([wt({reflect:!0})],j.prototype,"variant",2),j=o([ts("pf-button")],j);import{customElement as ls,property as Dr}from"lit/decorators.js";import{css as es}from"lit";var rs=es`: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}`,yi=rs;import{LitElement as is,html as ns}from"lit";import{classMap as ta}from"lit/directives/class-map.js";import{css as os}from"lit";var as=os`: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}`,Ci=as;var Vt=class extends is{constructor(){super(...arguments);this.slots=new v(this,"header",null,"footer")}render(){return ns`
|
|
181
194
|
<article>
|
|
182
195
|
<header id="header"
|
|
183
196
|
part="header"
|
|
184
|
-
class="${
|
|
197
|
+
class="${ta({empty:!this.slots.hasSlotted("header")})}">
|
|
185
198
|
<slot name="header"></slot>
|
|
186
199
|
</header>
|
|
187
200
|
<div id="body"
|
|
188
201
|
part="body"
|
|
189
|
-
class="${
|
|
202
|
+
class="${ta({empty:!this.querySelector(":not([slot])")})}">
|
|
190
203
|
<slot></slot>
|
|
191
204
|
</div>
|
|
192
205
|
<footer id="footer"
|
|
193
206
|
part="footer"
|
|
194
|
-
class="${
|
|
207
|
+
class="${ta({empty:!this.slots.hasSlotted("footer")})}">
|
|
195
208
|
<slot name="footer"></slot>
|
|
196
209
|
</footer>
|
|
197
210
|
</article>
|
|
198
|
-
`}};
|
|
211
|
+
`}};Vt.styles=[Ci];var lt=class extends Vt{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1}};lt.styles=[...Vt.styles,yi],o([Dr({reflect:!0})],lt.prototype,"size",2),o([Dr({type:Boolean,reflect:!0})],lt.prototype,"rounded",2),o([Dr({type:Boolean,reflect:!0,attribute:"full-height"})],lt.prototype,"fullHeight",2),o([Dr({type:Boolean,reflect:!0})],lt.prototype,"plain",2),lt=o([ls("pf-card")],lt);import{html as zs}from"lit";import{customElement as Ms,property as R}from"lit/decorators.js";import{classMap as Ls}from"lit/directives/class-map.js";import{ifDefined as Fs}from"lit/directives/if-defined.js";import{LitElement as cs}from"lit";import{css as ss}from"lit";var ps=ss`[hidden],[inert],[inert]::slotted(*){display:none!important}`,ki=ps;var ea=class extends k{constructor(t){super("copy");this.text=t}},Tt=class extends cs{async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new ea(this.value))}};Tt.styles=[ki];import{css as ds}from"lit";var fs=ds`.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
212
|
var(--pf-global--FontFamily--redhat--monospace,
|
|
200
213
|
"RedHatMono",
|
|
201
214
|
"Liberation Mono",
|
|
@@ -208,83 +221,88 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
208
221
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-clipboard-copy__actions-item--button--PaddingRight,
|
|
209
222
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingBottom:var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom,
|
|
210
223
|
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
|
|
224
|
+
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))}`,Bi=fs;import{customElement as Ss,property as Wi}from"lit/decorators.js";import{LitElement as xs,html as ys}from"lit";import{classMap as Cs}from"lit/directives/class-map.js";import{styleMap as ks}from"lit/directives/style-map.js";import{__classPrivateFieldGet as h,__classPrivateFieldSet as X}from"tslib";import{autoUpdate as ms,computePosition as gs,offset as bs,shift as hs,flip as vs}from"@floating-ui/dom";var ut,ze,Kt,Zt,jr,Or,Pr,Me,Y,ra,oa,aa,Nr=class{get alignment(){return h(this,Or,"f")??"center"}get anchor(){return h(this,jr,"f")??""}get open(){return h(this,ze,"f")}get placement(){return h(this,Me,"f")??"top"}get styles(){return h(this,Pr,"f")??{}}constructor(e,t){var r,a,s,c;this.host=e,ut.add(this),ze.set(this,!1),Kt.set(this,!1),Zt.set(this,void 0),jr.set(this,void 0),Or.set(this,void 0),Pr.set(this,void 0),Me.set(this,void 0),Y.set(this,void 0),e.addController(this),X(this,Y,t,"f"),(r=h(this,Y,"f")).invoker??(r.invoker=e),(a=h(this,Y,"f")).arrow??(a.arrow=!1),(s=h(this,Y,"f")).flip??(s.flip=!0),(c=h(this,Y,"f")).shift??(c.shift=!0)}hostDisconnected(){h(this,Zt,"f")?.call(this)}async show({offset:e,placement:t}={}){let r=h(this,ut,"a",ra),a=h(this,ut,"a",oa);if(!(!r||!a)){if(!h(this,Kt,"f")){X(this,Kt,!0,"f");let s=h(this,ut,"m",aa).call(this,t,e);X(this,Zt,h(this,Zt,"f")??ms(r,a,()=>h(this,ut,"m",aa).call(this,t,e)),"f"),await s,X(this,Kt,!1,"f")}X(this,ze,!0,"f"),this.host.requestUpdate()}}async hide(){for(await this.host.updateComplete;h(this,Kt,"f")&&!this.open;)await new Promise(requestAnimationFrame);X(this,ze,!1,"f"),h(this,Zt,"f")?.call(this),this.host.requestUpdate(),await this.host.updateComplete}};ze=new WeakMap,Kt=new WeakMap,Zt=new WeakMap,jr=new WeakMap,Or=new WeakMap,Pr=new WeakMap,Me=new WeakMap,Y=new WeakMap,ut=new WeakSet,ra=function(){let{invoker:e}=h(this,Y,"f");return typeof e=="function"?e():e},oa=function(){let{content:e}=h(this,Y,"f");return typeof e=="function"?e():e},aa=async function(e="top",t){var r,a;let{flip:s,padding:c,shift:g}=h(this,Y,"f"),_=h(this,ut,"a",ra),I=h(this,ut,"a",oa);if(!_||!I)return;let{x:ft,y:be,placement:$n}=await gs(_,I,{strategy:"absolute",placement:e,middleware:[bs(t),g&&hs({padding:c}),s&&vs({padding:c})].filter(Boolean)});X(this,Me,$n,"f"),r=this,a=this,[{set value(zo){X(r,jr,zo,"f")}}.value,{set value(zo){X(a,Or,zo,"f")}}.value]=h(this,Me,"f").split("-")??[],X(this,Pr,{"--_floating-content-translate":`${ft}px ${be}px`},"f"),this.host.requestUpdate()};import{css as us}from"lit";var _s=us`: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)}`,wi=_s;var Bs=["focusin","tap","click","mouseenter"],ws=["focusout","blur","mouseleave"],Xt,Yt=class extends xs{constructor(){super(...arguments);l(this,Xt,new Nr(this,{arrow:!0,content:()=>this.shadowRoot?.querySelector("#tooltip")}))}connectedCallback(){super.connectedCallback(),Bs.forEach(t=>this.addEventListener(t,this.show)),ws.forEach(t=>this.addEventListener(t,this.hide))}async show(){await this.updateComplete;let t=this.position,r=t?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await i(this,Xt).show({offset:r,placement:t})}async hide(){await i(this,Xt).hide()}render(){let{alignment:t,anchor:r,open:a,styles:s}=i(this,Xt);return ys`
|
|
225
|
+
<div id="container"
|
|
226
|
+
style="${ks(s)}"
|
|
227
|
+
class="${Cs({open:a,[r]:!!r,[t]:!!t})}">
|
|
228
|
+
<slot id="invoker" role="tooltip" aria-labelledby="tooltip"></slot>
|
|
229
|
+
<slot id="tooltip"
|
|
230
|
+
name="content"
|
|
231
|
+
aria-hidden="${String(!a)}">${this.content}</slot>
|
|
232
|
+
</div>
|
|
233
|
+
`}};Xt=new WeakMap,Yt.styles=[wi];import{css as Ts}from"lit";var Ws=Ts`: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,
|
|
234
|
+
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))}`,Ti=Ws;var Wt=class extends Yt{constructor(){super(...arguments);this.position="top"}};Wt.styles=[...Yt.styles,Ti],o([Wi()],Wt.prototype,"position",2),o([Wi()],Wt.prototype,"content",2),Wt=o([Ss("pf-tooltip")],Wt);var Si=n=>new Promise(e=>setTimeout(e,n)),Qt,Ur,Gr,zi,Le,ia,Fe,na,qr,Mi,x=class extends Tt{constructor(){super(...arguments);l(this,Gr);l(this,Le);l(this,Fe);l(this,qr);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="";l(this,Qt,!1);l(this,Ur,new MutationObserver(()=>p(this,Fe,na).call(this)))}connectedCallback(){super.connectedCallback(),i(this,Ur).observe(this,{characterData:!0}),p(this,Fe,na).call(this)}render(){let{expanded:t,expandable:r,inline:a,compact:s,code:c,block:g,readonly:_}=this;return zs`
|
|
235
|
+
<div class="container ${Ls({code:c,expanded:t,inline:a,compact:s,block:g})}">
|
|
213
236
|
<div id="input-group">
|
|
214
237
|
<pf-button id="expand-button"
|
|
215
238
|
plain
|
|
216
239
|
variant="control"
|
|
217
240
|
label="EXPAND"
|
|
218
241
|
?inert="${!r}"
|
|
219
|
-
@click="${
|
|
242
|
+
@click="${p(this,Gr,zi)}">
|
|
220
243
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
221
244
|
</pf-button>
|
|
222
|
-
<span ?hidden="${!(
|
|
245
|
+
<span ?hidden="${!(a||s)}">${this.value}</span>
|
|
223
246
|
<input
|
|
224
|
-
?hidden="${
|
|
225
|
-
?disabled="${
|
|
247
|
+
?hidden="${a||s}"
|
|
248
|
+
?disabled="${t||_}"
|
|
226
249
|
.value="${this.value}"
|
|
227
|
-
@input="${
|
|
250
|
+
@input="${p(this,Le,ia)}"
|
|
228
251
|
aria-label="${this.textAriaLabel}">
|
|
229
252
|
<pf-tooltip>
|
|
230
253
|
<pf-button id="copy-button"
|
|
231
254
|
plain
|
|
232
|
-
variant="${
|
|
255
|
+
variant="${Fs(a||s?void 0:"control")}"
|
|
233
256
|
label="${this.hoverTip}"
|
|
234
257
|
size="lg"
|
|
235
258
|
@click="${this.copy}">
|
|
236
259
|
<pf-icon icon="copy"></pf-icon>
|
|
237
260
|
</pf-button>
|
|
238
|
-
<span slot="content">${
|
|
261
|
+
<span slot="content">${i(this,Qt)?this.clickTip:this.hoverTip}</span>
|
|
239
262
|
</pf-tooltip>
|
|
240
263
|
<slot name="actions"></slot>
|
|
241
264
|
</div>
|
|
242
265
|
<textarea .value="${this.value}"
|
|
243
266
|
.disabled="${this.readonly}"
|
|
244
|
-
?hidden="${!(r&&
|
|
245
|
-
@input="${
|
|
267
|
+
?hidden="${!(r&&t)}"
|
|
268
|
+
@input="${p(this,Le,ia)}">
|
|
246
269
|
</textarea>
|
|
247
270
|
</div>
|
|
248
|
-
`}async copy(){await super.copy(),await
|
|
271
|
+
`}async copy(){await super.copy(),await Si(this.entryDelay),d(this,Qt,!0),this.requestUpdate(),await Si(this.exitDelay),d(this,Qt,!1),this.requestUpdate()}};Qt=new WeakMap,Ur=new WeakMap,Gr=new WeakSet,zi=function(){this.expanded=!this.expanded},Le=new WeakSet,ia=function(t){let{value:r}=t.target||HTMLTextAreaElement;this.value=r},Fe=new WeakSet,na=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??p(this,qr,Mi).call(this,Array.from(this.childNodes,t=>t instanceof Element||t instanceof Text?t.textContent??"":"").join("")))},qr=new WeakSet,Mi=function(t){let r=t.replace(/^\n/,""),a=r.match(/^\s+/);return a?r.replace(new RegExp(`^${a[0]}`,"gm"),""):t},x.styles=[...Tt.styles,Bi],x.shadowRootOptions={...Tt.shadowRootOptions,delegatesFocus:!0},o([R({attribute:"click-tip"})],x.prototype,"clickTip",2),o([R({attribute:"hover-tip"})],x.prototype,"hoverTip",2),o([R({attribute:"text-label"})],x.prototype,"textAriaLabel",2),o([R({attribute:"toggle-label"})],x.prototype,"toggleAriaLabel",2),o([R({type:Number,attribute:"entry-delay"})],x.prototype,"entryDelay",2),o([R({type:Number,attribute:"exit-delay"})],x.prototype,"exitDelay",2),o([R({type:Boolean,reflect:!0})],x.prototype,"block",2),o([R({type:Boolean,reflect:!0})],x.prototype,"code",2),o([R({type:Boolean,reflect:!0})],x.prototype,"expanded",2),o([R({type:Boolean,reflect:!0})],x.prototype,"expandable",2),o([R({type:Boolean,reflect:!0})],x.prototype,"readonly",2),o([R({type:Boolean,reflect:!0})],x.prototype,"inline",2),o([R({type:Boolean,reflect:!0})],x.prototype,"compact",2),o([R()],x.prototype,"value",2),x=o([Ms("pf-clipboard-copy")],x);import{html as As}from"lit";import{customElement as Ds,property as js}from"lit/decorators.js";import{classMap as Os}from"lit/directives/class-map.js";import{LitElement as Is}from"lit";import{css as Rs}from"lit";var Es=Rs`:host{display:block}[hidden]{display:none!important}`,Li=Es;var Jt=class extends Is{get content(){let e=this.querySelector("script[type]");return e?.type!=="text/javascript-sample"&&e?.type.match(/(j(ava)?|ecma|live)script/)?"":e?.textContent??""}dedent(e){let t=e.replace(/^\n/,""),r=t.match(/^\s+/);return r?t.replace(new RegExp(`^${r[0]}`,"gm"),""):e}};Jt.styles=[Li];import{css as Hs}from"lit";var $s=Hs`: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)}`,Fi=$s;var Vr,Ri,Re,la,te=class extends Jt{constructor(){super(...arguments);l(this,Vr);l(this,Re);this.expanded=!1}render(){let{expanded:t}=this;return As`
|
|
249
272
|
<div id="header">
|
|
250
273
|
<div id="actions">
|
|
251
274
|
<slot name="actions"></slot>
|
|
252
275
|
</div>
|
|
253
276
|
</div>
|
|
254
|
-
<div id="container" class="${
|
|
277
|
+
<div id="container" class="${Os({expanded:t})}">
|
|
255
278
|
<pre><code id="content">${this.content}</code><code id="code-block-expand"
|
|
256
|
-
?hidden="${!
|
|
257
|
-
<button ?hidden="${!
|
|
258
|
-
@click=${
|
|
279
|
+
?hidden="${!t}">${i(this,Re,la)}</code></pre>
|
|
280
|
+
<button ?hidden="${!i(this,Re,la)}"
|
|
281
|
+
@click=${p(this,Vr,Ri)}
|
|
259
282
|
aria-expanded=${this.expanded}
|
|
260
283
|
aria-controls="code-block-expand">
|
|
261
284
|
<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
285
|
${this.expanded?"Show less":"Show more"}
|
|
263
286
|
</button>
|
|
264
287
|
</div>
|
|
265
|
-
`}};
|
|
266
|
-
<div id="container" aria-hidden="true">${e}<span part="fallback" ?hidden=${!!e}>
|
|
267
|
-
<slot></slot>
|
|
268
|
-
</span>
|
|
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 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,
|
|
288
|
+
`}};Vr=new WeakSet,Ri=function(){this.expanded=!this.expanded},Re=new WeakSet,la=function(){return this.querySelector("script[data-expand]")?.textContent??""},te.styles=[...Jt.styles,Fi],o([js({type:Boolean,reflect:!0})],te.prototype,"expanded",2),te=o([Ds("pf-code-block")],te);import{html as Us,LitElement as Gs}from"lit";import{customElement as qs,property as Ii,query as Vs}from"lit/decorators.js";import{ifDefined as Ks}from"lit/directives/if-defined.js";import{css as Ps}from"lit";var Ns=Ps`: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
289
|
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
290
|
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
291
|
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
292
|
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="${
|
|
293
|
+
pfvar(--pf-global--Color--100, #151515))}`,Ei=Ns;var Kr,Zr,Hi,Yr,$i,_t=class extends Gs{constructor(){super(...arguments);l(this,Zr);l(this,Yr);this.active=!1;l(this,Kr,new N(this,{role:"listitem"}))}connectedCallback(){super.connectedCallback(),this.activeChanged()}render(){return Us`
|
|
294
|
+
<a href="${Ks(this.href)}" @focus="${p(this,Yr,$i)}" @click="${p(this,Zr,Hi)}">
|
|
277
295
|
<slot></slot>
|
|
278
296
|
</a>
|
|
279
297
|
<slot name="subsection"></slot>
|
|
280
|
-
`}focus(){this.link.focus()}activeChanged(){
|
|
298
|
+
`}focus(){this.link.focus()}activeChanged(){i(this,Kr).ariaCurrent=this.active?"location":null}};Kr=new WeakMap,Zr=new WeakSet,Hi=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},Yr=new WeakSet,$i=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},_t.styles=[Ei],o([Vs("a")],_t.prototype,"link",2),o([L("activeChanged"),Ii({type:Boolean,reflect:!0})],_t.prototype,"active",2),o([Ii({reflect:!0})],_t.prototype,"href",2),_t=o([qs("pf-jump-links-item")],_t);import{html as Xs,LitElement as Qs}from"lit";import{customElement as Js}from"lit/decorators.js";import{css as Zs}from"lit";var Ys=Zs`: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
299
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-jump-links__link--PaddingBottom:var(--pf-c-jump-links__list__list__link--PaddingBottom,
|
|
282
300
|
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))}`,
|
|
301
|
+
var(--pf-global--spacer--lg, 1.5rem))}`,Ai=Ys;var Ee=class extends Qs{render(){return Xs`
|
|
284
302
|
<div id="container" role="listbox">
|
|
285
303
|
<slot></slot>
|
|
286
304
|
</div>
|
|
287
|
-
`}};
|
|
305
|
+
`}};Ee.styles=[Ai],Ee=o([Js("pf-jump-links-list")],Ee);import{html as fa,LitElement as op}from"lit";import{customElement as ap,property as oe,queryAssignedElements as ip}from"lit/decorators.js";import{__classPrivateFieldGet as f,__classPrivateFieldSet as B}from"tslib";var w,Oe,Xr,St,Ie,Pe,ee,He,$e,Ae,Qr,Ne,De,je,sa,pa,ji,Di,Jr=class{get root(){return f(this,He,"f")}set root(e){B(this,He,e,"f"),f(this,St,"f")?.disconnect(),f(this,w,"m",je).call(this)}get rootMargin(){return f(this,$e,"f")}set rootMargin(e){B(this,$e,e,"f"),f(this,St,"f")?.disconnect(),f(this,w,"m",je).call(this)}get threshold(){return f(this,Ae,"f")}set threshold(e){B(this,Ae,e,"f"),f(this,St,"f")?.disconnect(),f(this,w,"m",je).call(this)}constructor(e,t){this.host=e,w.add(this),Oe.set(this,void 0),Xr.set(this,void 0),St.set(this,void 0),Ie.set(this,new Set),Pe.set(this,!1),ee.set(this,!1),He.set(this,void 0),$e.set(this,void 0),Ae.set(this,void 0),Qr.set(this,void 0),Ne.set(this,void 0),e.addController(this),B(this,Oe,t.tagNames,"f"),B(this,He,t.root,"f"),B(this,$e,t.rootMargin,"f"),B(this,Xr,t.activeAttribute??"active","f"),B(this,Ae,t.threshold??.85,"f"),B(this,Qr,t.rootNode??e.getRootNode(),"f"),B(this,Ne,t?.getHash??(r=>r.getAttribute("href")),"f")}hostConnected(){f(this,w,"m",je).call(this)}async setActive(e){B(this,Pe,!0,"f"),f(this,w,"m",pa).call(this,e);let t=!1;for(let r of f(this,w,"a",De))f(this,w,"m",sa).call(this,r,!t),r===e&&(t=!0);await f(this,w,"m",ji).call(this),B(this,Pe,!1,"f")}};Oe=new WeakMap,Xr=new WeakMap,St=new WeakMap,Ie=new WeakMap,Pe=new WeakMap,ee=new WeakMap,He=new WeakMap,$e=new WeakMap,Ae=new WeakMap,Qr=new WeakMap,Ne=new WeakMap,w=new WeakSet,De=function(){return Array.from(this.host.querySelectorAll(f(this,Oe,"f").join(","))).filter(f(this,Ne,"f"))},je=function(){let e=f(this,Qr,"f");if(e instanceof Document||e instanceof ShadowRoot){let{rootMargin:t,threshold:r,root:a}=this;B(this,St,new IntersectionObserver(s=>f(this,w,"m",Di).call(this,s),{root:a,rootMargin:t,threshold:r}),"f"),f(this,w,"a",De).map(s=>f(this,Ne,"f").call(this,s)).filter(s=>!!s).map(s=>e.getElementById(s.replace("#",""))).filter(s=>!!s).forEach(s=>f(this,St,"f")?.observe(s))}},sa=function(e,t){t?f(this,Ie,"f").add(e):f(this,Ie,"f").delete(e)},pa=function(e){for(let t of f(this,w,"a",De))t.toggleAttribute(f(this,Xr,"f"),t===e)},ji=async function(){for(B(this,ee,!1,"f"),setTimeout(()=>B(this,ee,!1,"f"),3e3);!f(this,ee,"f");)await new Promise(requestAnimationFrame)},Di=async function(e){if(!f(this,Pe,"f")){for(let{target:a,boundingClientRect:s,intersectionRect:c}of e){let g=`:is(${f(this,Oe,"f").join(",")})[href="#${a.id}"]`,_=this.host.querySelector(g);_&&f(this,w,"m",sa).call(this,_,s.top<c.top)}let r=[...f(this,Ie,"f")].at(-1);f(this,w,"m",pa).call(this,r??f(this,w,"a",De).at(0))}B(this,ee,!0,"f")};import{__classPrivateFieldGet as b,__classPrivateFieldSet as ca}from"tslib";var C,Q,Ge,U,Ue,da,Oi,tp=n=>!!n&&!n.hasAttribute("disabled")&&!n.ariaHidden&&!n.hasAttribute("hidden"),re=class{get activeItem(){return b(this,Q,"f")}get firstItem(){return b(this,C,"a",U)[0]}get lastItem(){return b(this,C,"a",U).at(-1)}get nextItem(){return b(this,C,"a",Ue)<b(this,C,"a",U).length-1?b(this,C,"a",U)[b(this,C,"a",Ue)+1]:this.firstItem}get prevItem(){return b(this,C,"a",Ue)>0?b(this,C,"a",U)[b(this,C,"a",Ue)-1]:this.lastItem}constructor(e){this.host=e,C.add(this),Q.set(this,void 0),Ge.set(this,[]),this.host.addController(this)}updateActiveItem(e){e&&(b(this,Q,"f")&&e!==b(this,Q,"f")&&(b(this,Q,"f").tabIndex=-1),e.tabIndex=0,ca(this,Q,e,"f"))}focusOnItem(e){this.updateActiveItem(e||this.firstItem),b(this,Q,"f")?.focus()}updateItems(e){let r=[...e.slice(b(this,C,"a",da)),...e.slice(0,b(this,C,"a",da))].find(a=>b(this,C,"a",U).includes(a));this.focusOnItem(r||this.firstItem)}initItems(e){ca(this,Ge,e??[],"f");let t=b(this,C,"a",U),[r]=t;ca(this,Q,r,"f");for(let a of t)a.tabIndex=b(this,Q,"f")===a?0:-1}hostConnected(){this.host.addEventListener("keydown",b(this,C,"m",Oi).bind(this))}};Q=new WeakMap,Ge=new WeakMap,C=new WeakSet,U=function(){return b(this,Ge,"f").filter(tp)},Ue=function(){return b(this,C,"a",U)&&this.activeItem?b(this,C,"a",U).indexOf(this.activeItem):-1},da=function(){return this.activeItem?b(this,Ge,"f").indexOf(this.activeItem):-1},Oi=function(e){if(e.ctrlKey||e.altKey||e.metaKey||b(this,C,"a",U).length<1)return;let t=this.activeItem,r=!1,a=t?t.tagName==="SELECT"||t.getAttribute("aria-expanded")==="true"||t.getAttribute("role")==="spinbutton":!1;switch(e.key){case"ArrowLeft":this.focusOnItem(this.prevItem),r=!0;break;case"ArrowRight":this.focusOnItem(this.nextItem),r=!0;break;case"ArrowUp":if(a)return;this.focusOnItem(this.prevItem),r=!0;break;case"ArrowDown":if(a)return;this.focusOnItem(this.nextItem),r=!0;break;case"Home":this.focusOnItem(this.firstItem),r=!0;break;case"PageUp":if(a)return;this.focusOnItem(this.firstItem),r=!0;break;case"End":this.focusOnItem(this.lastItem),r=!0;break;case"PageDown":if(a)return;this.focusOnItem(this.lastItem),r=!0;break;default:break}r&&(e.stopPropagation(),e.preventDefault())};import{css as ep}from"lit";var rp=ep`[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,
|
|
288
306
|
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
|
|
289
307
|
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,
|
|
290
308
|
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,
|
|
@@ -296,45 +314,45 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
296
314
|
calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))) +
|
|
297
315
|
var(--pf-global--spacer--md, 1rem)));--pf-c-jump-links__toggle-icon--Rotate:var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate,
|
|
298
316
|
90deg);--pf-c-jump-links__toggle-icon--Color:var(--pf-c-jump-links--m-expanded__toggle-icon--Color,
|
|
299
|
-
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,
|
|
300
|
-
<nav id="container">${this.expandable?
|
|
301
|
-
<details ?open="${this.expanded}" @toggle="${
|
|
317
|
+
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,Pi=rp;var qe,Ve,Ke,Ze,Ye,ma,to,Ni,eo,Ui,O=class extends op{constructor(){super(...arguments);l(this,Ye);l(this,to);l(this,eo);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;l(this,qe,void 0);l(this,Ve,!1);l(this,Ke,new re(this));l(this,Ze,new Jr(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}connectedCallback(){super.connectedCallback(),this.addEventListener("select",p(this,to,Ni))}updated(t){t.has("offset")&&(i(this,Ze).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return fa`
|
|
318
|
+
<nav id="container">${this.expandable?fa`
|
|
319
|
+
<details ?open="${this.expanded}" @toggle="${p(this,eo,Ui)}">
|
|
302
320
|
<summary>
|
|
303
321
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
304
322
|
<span id="label">${this.label}</span>
|
|
305
323
|
</summary>
|
|
306
|
-
<slot role="listbox" @slotchange="${
|
|
307
|
-
</details>`:
|
|
324
|
+
<slot role="listbox" @slotchange="${p(this,Ye,ma)}"></slot>
|
|
325
|
+
</details>`:fa`
|
|
308
326
|
<span id="label">${this.label}</span>
|
|
309
|
-
<slot role="listbox" @slotchange="${
|
|
327
|
+
<slot role="listbox" @slotchange="${p(this,Ye,ma)}"></slot>`}
|
|
310
328
|
</nav>
|
|
311
|
-
`}};
|
|
329
|
+
`}};qe=new WeakMap,Ve=new WeakMap,Ke=new WeakMap,Ze=new WeakMap,Ye=new WeakSet,ma=function(){d(this,qe,this._items);let t=i(this,qe)?.map(r=>r.link);i(this,Ve)?i(this,Ke).updateItems(t):(i(this,Ke).initItems(t),d(this,Ve,!0))},to=new WeakSet,Ni=async function(t){i(this,Ze).setActive(t.target)},eo=new WeakSet,Ui=function(t){t.target instanceof HTMLDetailsElement&&(this.expanded=t.target.open),this.dispatchEvent(new Event("toggle"))},O.styles=[Pi],o([ip()],O.prototype,"_items",2),o([oe({reflect:!0,type:Boolean})],O.prototype,"expandable",2),o([oe({reflect:!0,type:Boolean})],O.prototype,"expanded",2),o([oe({reflect:!0,type:Boolean})],O.prototype,"vertical",2),o([oe({reflect:!0,type:Boolean})],O.prototype,"centered",2),o([oe({type:Number})],O.prototype,"offset",2),o([oe()],O.prototype,"label",2),O=o([ap("pf-jump-links")],O);import{html as ga}from"lit";import{customElement as mp,property as Mt}from"lit/decorators.js";import{classMap as gp}from"lit/directives/class-map.js";import{LitElement as sp,html as pp}from"lit";import{classMap as cp}from"lit/directives/class-map.js";import{css as np}from"lit";var lp=np`: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}`,Gi=lp;var zt=class extends sp{constructor(){super(...arguments);this.slots=new v(this,null,"icon")}render(){let{variant:t,color:r,icon:a}=this,s=!!a||this.slots.hasSlotted("icon");return pp`
|
|
312
330
|
<span id="container"
|
|
313
|
-
class=${
|
|
331
|
+
class=${cp({hasIcon:s,[t??""]:!!t,[r??""]:!!r})}>
|
|
314
332
|
<slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
|
|
315
333
|
<slot id="text"></slot>
|
|
316
334
|
${this.renderSuffix?.()??""}
|
|
317
335
|
</span>
|
|
318
|
-
`}};
|
|
336
|
+
`}};zt.styles=[Gi];import{css as dp}from"lit";var fp=dp`#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,
|
|
319
337
|
var(--pf-global--FontSize--xs, 0.75rem));--pf-c-button--PaddingTop:var(--pf-c-label__c-button--PaddingTop,
|
|
320
338
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-label__c-button--PaddingRight,
|
|
321
339
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-button--PaddingBottom:var(--pf-c-label__c-button--PaddingBottom,
|
|
322
340
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-label__c-button--PaddingLeft,
|
|
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}`,
|
|
324
|
-
<span id="pf-container" class="${
|
|
325
|
-
`}renderDefaultIcon(){return this.icon?
|
|
341
|
+
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}`,qi=fp;var H=class extends zt{constructor(){super(...arguments);this.variant="filled";this.color="grey";this.compact=!1;this.truncated=!1;this.removable=!1}render(){let{compact:t,truncated:r}=this;return ga`
|
|
342
|
+
<span id="pf-container" class="${gp({compact:t,truncated:r})}">${super.render()}</span>
|
|
343
|
+
`}renderDefaultIcon(){return this.icon?ga`
|
|
326
344
|
<pf-icon icon="${this.icon}" size="sm"></pf-icon>
|
|
327
|
-
`:""}renderSuffix(){return this.removable?
|
|
345
|
+
`:""}renderSuffix(){return this.removable?ga`
|
|
328
346
|
<span part="close-button" ?hidden=${!this.removable}>
|
|
329
347
|
<pf-button plain
|
|
330
|
-
@click="${()=>this.dispatchEvent(new
|
|
348
|
+
@click="${()=>this.dispatchEvent(new k("close"))}"
|
|
331
349
|
label="${this.closeButtonLabel??"remove"}">
|
|
332
350
|
<svg viewBox="0 0 352 512">
|
|
333
351
|
<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"/>
|
|
334
352
|
</svg>
|
|
335
353
|
</pf-button>
|
|
336
354
|
</span>
|
|
337
|
-
`:""}};
|
|
355
|
+
`:""}};H.styles=[...zt.styles,qi],H.shadowRootOptions={...zt.shadowRootOptions,delegatesFocus:!0},o([Mt()],H.prototype,"variant",2),o([Mt()],H.prototype,"color",2),o([Mt()],H.prototype,"icon",2),o([Mt({type:Boolean})],H.prototype,"compact",2),o([Mt({type:Boolean})],H.prototype,"truncated",2),o([Mt({type:Boolean})],H.prototype,"removable",2),o([Mt({attribute:"close-button-label"})],H.prototype,"closeButtonLabel",2),H=o([mp("pf-label")],H);import{LitElement as Ki,html as vp}from"lit";import{customElement as up,property as ro,query as ba}from"lit/decorators.js";import{ifDefined as Zi}from"lit/directives/if-defined.js";import{classMap as _p}from"lit/directives/class-map.js";import{css as bp}from"lit";var hp=bp`:host{display:block;position:relative;--_spacer-align-top:var(--pf-c-modal-box--m-align-top--spacer,
|
|
338
356
|
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,
|
|
339
357
|
var(--pf-global--FontSize--2xl,
|
|
340
358
|
1.5rem));font-weight:var(--pf-global--FontWeight--normal,400);font-family:var(--pf-c-modal-box__title--FontFamily,
|
|
@@ -342,21 +360,21 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
342
360
|
var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
343
361
|
"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,
|
|
344
362
|
var(--pf-global--FontSize--md,
|
|
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)}`,
|
|
363
|
+
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)}`,Vi=hp;var ha=class extends k{constructor(){super("cancel")}},va=class extends k{constructor(){super("close")}},ua=class extends k{constructor(t){super("open");this.trigger=t}},ae,T,Lt,Xe,Ft,ie,ne,u=class extends Ki{constructor(){super(...arguments);this.open=!1;this.returnValue="";l(this,ae,A());l(this,T,null);l(this,Lt,null);l(this,Xe,[]);l(this,Ft,[]);l(this,ie,!1);l(this,ne,new v(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let t=i(this,Lt)||i(this,Ft).length?i(this,ae):void 0,r=i(this,T)?i(this,T).innerText:void 0,a=i(this,ne).hasSlotted("header"),s=i(this,ne).hasSlotted("description"),c=i(this,ne).hasSlotted("footer");return vp`
|
|
346
364
|
<section ?hidden=${!this.open}>
|
|
347
365
|
<div id="overlay" part="overlay" ?hidden=${!this.open}></div>
|
|
348
366
|
<div id="dialog"
|
|
349
367
|
part="dialog"
|
|
350
368
|
tabindex="0"
|
|
351
369
|
role="dialog"
|
|
352
|
-
aria-labelledby=${
|
|
353
|
-
aria-label=${
|
|
370
|
+
aria-labelledby=${Zi(t)}
|
|
371
|
+
aria-label=${Zi(r)}
|
|
354
372
|
?hidden="${!this.open}">
|
|
355
373
|
<div id="container">
|
|
356
|
-
<div id="content" part="content" class=${
|
|
374
|
+
<div id="content" part="content" class=${_p({hasHeader:a,hasDescription:s,hasFooter:c})}>
|
|
357
375
|
<header part="header">
|
|
358
376
|
<slot name="header"></slot>
|
|
359
|
-
<div part="description" ?hidden=${!
|
|
377
|
+
<div part="description" ?hidden=${!s}>
|
|
360
378
|
<slot name="description"></slot>
|
|
361
379
|
</div>
|
|
362
380
|
</header>
|
|
@@ -377,77 +395,69 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
377
395
|
</div>
|
|
378
396
|
</div>
|
|
379
397
|
</section>
|
|
380
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),
|
|
398
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),i(this,T)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,d(this,Lt,this.querySelector('[slot$="header"]')),d(this,Xe,[...this.querySelectorAll("*:not([slot])")]),d(this,Ft,i(this,Xe).filter(t=>t.tagName.slice(0,1)==="H")),i(this,T)&&(i(this,T).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),i(this,Lt)?i(this,Lt).id=i(this,ae):i(this,Ft).length>0&&(i(this,Ft)[0].id=i(this,ae))}async _openChanged(t,r){t==null||r==null||t==r||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new ua(i(this,T)))):(document.body.style.overflow="auto",await this.updateComplete,i(this,T)&&i(this,T).focus(),this.dispatchEvent(i(this,ie)?new ha:new va)))}_triggerChanged(){this.trigger&&(d(this,T,this.getRootNode().getElementById(this.trigger)),i(this,T)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(t){t.preventDefault(),this.showModal()}onClick(t){let{open:r,overlay:a,dialog:s}=this;if(r){let c=t.composedPath(),{closeOnOutsideClick:g}=this.constructor;g&&c.includes(a)&&!c.includes(s)&&(t.preventDefault(),this.cancel())}}onKeydown(t){switch(t.key){case"Tab":t.target===this.closeButton&&(t.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":t.preventDefault(),this.cancel();return;case"Enter":t.target===i(this,T)&&(t.preventDefault(),this.showModal());return}}async cancel(){d(this,ie,!0),this.open=!1,await this.updateComplete,d(this,ie,!1)}setTrigger(t){d(this,T,t),i(this,T).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(t){typeof t=="string"&&(this.returnValue=t),this.open=!1}};ae=new WeakMap,T=new WeakMap,Lt=new WeakMap,Xe=new WeakMap,Ft=new WeakMap,ie=new WeakMap,ne=new WeakMap,u.shadowRootOptions={...Ki.shadowRootOptions,delegatesFocus:!0},u.styles=[Vi],u.closeOnOutsideClick=!1,o([ro({reflect:!0})],u.prototype,"variant",2),o([La({alias:"variant",attribute:"width"})],u.prototype,"width",2),o([ro({reflect:!0})],u.prototype,"position",2),o([L,ro({type:Boolean,reflect:!0})],u.prototype,"open",2),o([L,ro()],u.prototype,"trigger",2),o([ba("#overlay")],u.prototype,"overlay",2),o([ba("#dialog")],u.prototype,"dialog",2),o([ba("#close-button")],u.prototype,"closeButton",2),o([Fa()],u.prototype,"_init",1),o([z],u.prototype,"onTriggerClick",1),o([z],u.prototype,"onClick",1),o([z],u.prototype,"onKeydown",1),o([z],u.prototype,"toggle",1),o([z],u.prototype,"show",1),o([z],u.prototype,"showModal",1),o([z],u.prototype,"close",1),u=o([up("pf-modal")],u);import{LitElement as Cp,html as kp}from"lit";import{customElement as Bp,property as Xi}from"lit/decorators.js";import{css as xp}from"lit";var yp=xp`: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,
|
|
381
399
|
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,
|
|
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}
|
|
383
|
-
<slot name="header" role="region" ?hidden="${!
|
|
384
|
-
<hr role="presentation" ?hidden="${!
|
|
400
|
+
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}`,Yi=yp;var Qe,Rt=class extends Cp{constructor(){super(...arguments);this.scrollable=!1;l(this,Qe,new v(this,"header",null,"footer"))}render(){let t=i(this,Qe).hasSlotted("header"),r=i(this,Qe).hasSlotted("footer");return kp`
|
|
401
|
+
<slot name="header" role="region" ?hidden="${!t}"></slot>
|
|
402
|
+
<hr role="presentation" ?hidden="${!t}">
|
|
385
403
|
<slot></slot>
|
|
386
404
|
<slot name="footer" role="region" ?hidden="${!r}"></slot>
|
|
387
|
-
`}};
|
|
388
|
-
<div id="connector" class="${
|
|
405
|
+
`}};Qe=new WeakMap,Rt.styles=[Yi],o([Xi({type:Boolean,reflect:!0})],Rt.prototype,"scrollable",2),o([Xi({reflect:!0})],Rt.prototype,"variant",2),Rt=o([Bp("pf-panel")],Rt);import{LitElement as Wp,html as Sp}from"lit";import{customElement as zp,property as Je}from"lit/decorators.js";import{ifDefined as Ji}from"lit/directives/if-defined.js";import{classMap as tn}from"lit/directives/class-map.js";import{css as wp}from"lit";var Tp=wp`[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)}`,Qi=Tp;var en=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),_a,oo,G=class extends Wp{constructor(){super(...arguments);this.current=!1;l(this,_a,new v(this,"title","description"));l(this,oo,new N(this,{role:"listitem"}))}render(){let t=!!this.description,r=this.icon??en.get(this.variant??"default")?.icon,a=this.iconSet??en.get(this.variant??"default")?.set,{parentTagName:s}=this.constructor,{compact:c=!1}=this.closest(s)??{};return Sp`
|
|
406
|
+
<div id="connector" class="${tn({compact:c})}">
|
|
389
407
|
<slot id="icon" name="icon">
|
|
390
408
|
<pf-icon ?hidden="${!r}"
|
|
391
|
-
icon="${
|
|
392
|
-
set="${
|
|
409
|
+
icon="${Ji(r)}"
|
|
410
|
+
set="${Ji(a)}"></pf-icon>
|
|
393
411
|
</slot>
|
|
394
412
|
</div>
|
|
395
|
-
<div id="main" class="${
|
|
413
|
+
<div id="main" class="${tn({compact:c})}">
|
|
396
414
|
<slot id="title"></slot>
|
|
397
|
-
<slot id="description" name="description" ?hidden="${!
|
|
415
|
+
<slot id="description" name="description" ?hidden="${!t}">${this.description}</slot>
|
|
398
416
|
</div>
|
|
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`
|
|
417
|
+
`}updated(t){super.updated?.(t),t.has("current")&&(i(this,oo).ariaCurrent=String(!!this.current))}};_a=new WeakMap,oo=new WeakMap,G.parentTagName="pf-progress-stepper",G.styles=[Qi],o([Je()],G.prototype,"description",2),o([Je()],G.prototype,"icon",2),o([Je({attribute:"icon-set"})],G.prototype,"iconSet",2),o([Je({reflect:!0})],G.prototype,"variant",2),o([Je({type:Boolean,reflect:!0})],G.prototype,"current",2),G=o([zp("pf-progress-step")],G);import{LitElement as Fp,html as Rp}from"lit";import{customElement as Ep,property as xa}from"lit/decorators.js";import{css as Mp}from"lit";var Lp=Mp`[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)}`,rn=Lp;var ao,io,no,on,J=class extends Fp{constructor(){super();l(this,no);this.vertical=!1;this.center=!1;this.compact=!1;l(this,ao,new N(this,{role:"progressbar",ariaValueNow:this.value.toString()}));l(this,io,new MutationObserver(()=>p(this,no,on).call(this)));i(this,io).observe(this,{childList:!0})}get value(){let{childTagName:t}=this.constructor,r=this.querySelectorAll(t),a=this.querySelector(`${t}[current]`);return(Array.from(r).indexOf(a)+1)/r.length*100}render(){return Rp`
|
|
400
418
|
<slot role="listbox"></slot>
|
|
401
|
-
`}};
|
|
402
|
-
<svg role="progressbar" viewBox="0 0 100 100">
|
|
403
|
-
<circle cx="50" cy="50" r="45" fill="none" />
|
|
404
|
-
</svg>
|
|
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,
|
|
406
|
-
var(--pf-global--icon--FontSize--sm, 0.625rem))}:host([size=md]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter,
|
|
407
|
-
var(--pf-global--icon--FontSize--md, 1.125rem))}:host([size=lg]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter,
|
|
408
|
-
var(--pf-global--icon--FontSize--lg, 1.5rem))}:host([size=xl]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter,
|
|
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`
|
|
419
|
+
`}};ao=new WeakMap,io=new WeakMap,no=new WeakSet,on=function(){i(this,ao).ariaValueNow=this.value.toString()},J.childTagName="pf-progress-step",J.styles=[rn],J.formAssociated=!0,o([xa({type:Boolean,reflect:!0})],J.prototype,"vertical",2),o([xa({type:Boolean,reflect:!0})],J.prototype,"center",2),o([L(function(){let{childTagName:n}=this.constructor;this.querySelectorAll(n).forEach(e=>e.requestUpdate())}),xa({type:Boolean,reflect:!0})],J.prototype,"compact",2),J=o([Ep("pf-progress-stepper")],J);import{customElement as jp}from"lit/decorators.js";import{LitElement as nn,html as $p}from"lit";import{property as ya}from"lit/decorators.js";import{css as Ip}from"lit";var Hp=Ip`: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:""}`,an=Hp;var le,lo,so,ln,po,sn,tr,Ca,er,ka,q=class extends nn{constructor(){super(...arguments);l(this,so);l(this,po);l(this,tr);l(this,er);l(this,le,this.attachInternals());l(this,lo,this.hasAttribute("disabled"));this.showCheckIcon=!1;this.checked=!1;this.disabled=i(this,lo)}get labels(){return i(this,le).labels}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox"),this.addEventListener("click",p(this,so,ln)),this.addEventListener("keyup",p(this,po,sn)),p(this,er,ka).call(this)}formDisabledCallback(t){this.disabled=t,this.requestUpdate()}render(){return $p`
|
|
410
420
|
<div id="container" tabindex="0">
|
|
411
421
|
<svg id="toggle" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512">
|
|
412
422
|
<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" />
|
|
413
423
|
</svg>
|
|
414
424
|
</div>
|
|
415
|
-
`}updated(){
|
|
425
|
+
`}updated(){i(this,le).ariaChecked=String(this.checked),i(this,le).ariaDisabled=String(this.disabled)}};le=new WeakMap,lo=new WeakMap,so=new WeakSet,ln=function(t){let{originalTarget:r,explicitOriginalTarget:a}=t;if(a){let s;if(r===t.target&&!(s=Array.from(this.labels)).includes(a)&&s.includes(this.closest("label")))return}p(this,tr,Ca).call(this)},po=new WeakSet,sn=function(t){switch(t.key){case" ":case"Enter":t.preventDefault(),p(this,tr,Ca).call(this)}},tr=new WeakSet,Ca=function(){this.disabled||(this.checked=!this.checked,p(this,er,ka).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},er=new WeakSet,ka=function(){let t=this.checked?"on":"off";if(this.labels.length>1)for(let r of this.labels)r.hidden=r.dataset.state!==t},q.styles=[an],q.shadowRootOptions={...nn.shadowRootOptions,delegatesFocus:!0},q.formAssociated=!0,o([ya({reflect:!0})],q.prototype,"label",2),o([ya({reflect:!0,type:Boolean,attribute:"show-check-icon"})],q.prototype,"showCheckIcon",2),o([ya({reflect:!0,type:Boolean})],q.prototype,"checked",2);import{css as Ap}from"lit";var Dp=Ap`: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,
|
|
416
426
|
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,
|
|
417
427
|
calc(var(--pf-c-switch--FontSize,
|
|
418
|
-
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,
|
|
428
|
+
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,pn=Dp;var rr=class extends q{};rr.styles=[...q.styles,pn],rr=o([jp("pf-switch")],rr);import{customElement as Vp}from"lit/decorators.js";import{css as Op}from"lit";var Pp=Op`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,cn=Pp;import{LitElement as Gp,html as qp}from"lit";import{css as Np}from"lit";var Up=Np`:host{display:block}:host([hidden]){display:none}`,dn=Up;var co,xt=class extends Gp{constructor(){super(...arguments);this.hidden=!0;l(this,co,this.attachInternals())}render(){return qp`
|
|
419
429
|
<slot></slot>
|
|
420
|
-
`}connectedCallback(){super.connectedCallback(),
|
|
421
|
-
<button part="button"
|
|
430
|
+
`}connectedCallback(){super.connectedCallback(),i(this,co).role="tabpanel",this.tabIndex=0}};co=new WeakMap,xt.styles=[dn];var Et=class extends xt{connectedCallback(){super.connectedCallback(),this.id||(this.id=A("pf-tab-panel"))}};Et.styles=[...xt.styles,cn],Et=o([Vp("pf-tab-panel")],Et);import{customElement as ec,property as un}from"lit/decorators.js";import{LitElement as mn,html as Yp}from"lit";import{queryAssignedElements as Xp,query as Qp}from"lit/decorators.js";import{css as Kp}from"lit";var Zp=Kp`: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}`,fn=Zp;var or=class extends k{constructor(t,r){super("expand");this.active=t;this.tab=r}},st,fo,gn,mo,bn,go,hn,V=class extends mn{constructor(){super(...arguments);l(this,fo);l(this,mo);l(this,go);l(this,st,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.addEventListener("click",p(this,fo,gn)),i(this,st).role="tab"}render(){return Yp`
|
|
431
|
+
<button part="button" ?disabled="${this.disabled}">
|
|
422
432
|
<slot name="icon"
|
|
423
433
|
part="icon"
|
|
424
434
|
?hidden="${!this.icons.length}"
|
|
425
435
|
@slotchange="${()=>this.requestUpdate()}"></slot>
|
|
426
436
|
<slot part="text"></slot>
|
|
427
437
|
</button>
|
|
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`
|
|
438
|
+
`}updated(t){i(this,st).ariaSelected=String(this.ariaSelected),t.has("active")&&p(this,mo,bn).call(this),t.has("disabled")&&p(this,go,hn).call(this)}};st=new WeakMap,fo=new WeakSet,gn=function(){!this.disabled&&i(this,st).ariaDisabled!=="true"&&this.ariaDisabled!=="true"&&(this.active=!0)},mo=new WeakSet,bn=function(){this.active&&!this.disabled?i(this,st).ariaSelected="true":i(this,st).ariaSelected="false",this.dispatchEvent(new or(this.active,this))},go=new WeakSet,hn=function(){i(this,st).ariaDisabled=String(!!this.disabled)},V.styles=[fn],V.shadowRootOptions={...mn.shadowRootOptions,delegatesFocus:!0},o([Xp({slot:"icon",flatten:!0})],V.prototype,"icons",2),o([Qp("button")],V.prototype,"button",2);import{css as Jp}from"lit";var tc=Jp`: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{outline-color:var(--pf-c-tabs__link--after--BorderColor,#06c);--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}`,vn=tc;var pt=class extends V{constructor(){super(...arguments);this.active=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=A("pf-tab"))}};pt.styles=[...V.styles,vn],o([L,un({reflect:!0,type:Boolean})],pt.prototype,"active",2),o([L,un({reflect:!0,type:Boolean})],pt.prototype,"disabled",2),pt=o([ec("pf-tab")],pt);import{customElement as sc,property as To}from"lit/decorators.js";import{LitElement as ac,html as Ba}from"lit";import{property as xn,query as ic,queryAssignedElements as yn}from"lit/decorators.js";function ar(n,e,t=!1,r=!1){if(!n||!e)return!1;let a=n.getBoundingClientRect(),s=e.getBoundingClientRect(),c=Math.ceil(a.left),g=Math.floor(a.right),_=Math.ceil(s.left),I=Math.floor(s.right),ft=_>=c&&I<=g,be=(t||!r&&a.width<s.width)&&(_<c&&I>c||I>g&&_<g);return ft||be}import{css as rc}from"lit";var oc=rc`: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}`,_n=oc;var $,se,pe,ce,de,lr,fe,sr,pr,Ht,ho,Cn,y,W,kn,K,It,Bn,cr,wa,vo,wn,uo,_o,Tn,dr,Ta,xo,Wn,fr,Wa,mr,Sa,gr,za,yo,Sn,$t,ir,Co,me,ko,zn,ge,bo,Bo,Mn,wo,Ln,nr=class extends ac{constructor(){super(...arguments);l(this,ho);l(this,y);l(this,K);l(this,cr);l(this,vo);l(this,_o);l(this,dr);l(this,xo);l(this,fr);l(this,mr);l(this,gr);l(this,yo);l(this,$t);l(this,ko);l(this,ge);l(this,Bo);l(this,wo);l(this,$,new re(this));l(this,pe,!1);l(this,ce,!1);l(this,de,!1);l(this,lr,new m(this));l(this,fe,[]);l(this,sr,[]);l(this,pr,void 0);l(this,Ht,0);this.id=this.id||A(this.localName);this.manual=!1;l(this,uo,t=>{if(!(t instanceof or)||i(this,y,W).length===0||i(this,K,It).length===0)return;let r=t;r.active&&(this.activeIndex=i(this,y,W).findIndex(a=>a===r.tab))});l(this,Co,t=>{if(i(this,y,W).find(a=>a===t.target))switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),p(this,$t,ir).call(this,i(this,$).activeItem);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),p(this,$t,ir).call(this,i(this,$).activeItem);break;case"Home":t.preventDefault(),p(this,$t,ir).call(this,i(this,dr,Ta));break;case"End":t.preventDefault(),p(this,$t,ir).call(this,i(this,xo,Wn));break;default:return}});l(this,me,()=>{clearTimeout(i(this,pr));let{scrollTimeoutDelay:t}=this.constructor;d(this,pr,setTimeout(()=>p(this,ge,bo).call(this),t))})}static isTab(t){return t instanceof V}static isPanel(t){return t instanceof xt}get activeIndex(){return i(this,Ht)}set activeIndex(t){let r=this.activeIndex,a=i(this,y,W)[t];if(a){if(a.disabled)i(this,lr).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,$).updateActiveItem(i(this,dr,Ta)),t=i(this,gr,za);else if(!a.active){a.active=!0;return}}if(t===-1){i(this,lr).warn("No active tab found, setting first focusable tab to active");let s=i(this,$).firstItem;i(this,$).updateActiveItem(s),t=i(this,gr,za)}d(this,Ht,t),this.requestUpdate("activeIndex",r),i(this,K,It)[i(this,Ht)].hidden=!1,p(this,_o,Tn).call(this,i(this,Ht))}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",i(this,uo)),this.addEventListener("keydown",i(this,Co)),i(nr,se).add(this)}disconnectedCallback(){super.disconnectedCallback(),i(nr,se).delete(this)}render(){let{scrollIconSet:t,scrollIconLeft:r,scrollIconRight:a}=this.constructor;return Ba`
|
|
429
439
|
<div part="container">
|
|
430
|
-
<div part="tabs-container">${
|
|
431
|
-
<button id="previousTab"
|
|
440
|
+
<div part="tabs-container">${i(this,pe)?Ba`
|
|
441
|
+
<button id="previousTab" tabindex="-1"
|
|
432
442
|
aria-label="${this.getAttribute("label-scroll-left")??"Scroll left"}"
|
|
433
|
-
?disabled="${!
|
|
434
|
-
@click="${
|
|
435
|
-
<pf-icon icon="${r}" set="${
|
|
443
|
+
?disabled="${!i(this,ce)}"
|
|
444
|
+
@click="${p(this,Bo,Mn)}">
|
|
445
|
+
<pf-icon icon="${r}" set="${t}" loading="eager"></pf-icon>
|
|
436
446
|
</button>`:""}
|
|
437
447
|
<slot name="tab"
|
|
438
448
|
part="tabs"
|
|
439
449
|
role="tablist"
|
|
440
|
-
@slotchange="${
|
|
441
|
-
<button id="nextTab"
|
|
450
|
+
@slotchange="${p(this,cr,wa)}"></slot> ${i(this,pe)?Ba`
|
|
451
|
+
<button id="nextTab" tabindex="-1"
|
|
442
452
|
aria-label="${this.getAttribute("label-scroll-right")??"Scroll right"}"
|
|
443
|
-
?disabled="${!
|
|
444
|
-
@click="${
|
|
445
|
-
<pf-icon icon="${
|
|
453
|
+
?disabled="${!i(this,de)}"
|
|
454
|
+
@click="${p(this,wo,Ln)}">
|
|
455
|
+
<pf-icon icon="${a}" set="${t}" loading="eager"></pf-icon>
|
|
446
456
|
</button>`:""}
|
|
447
457
|
</div>
|
|
448
|
-
<slot part="panels" @slotchange="${
|
|
458
|
+
<slot part="panels" @slotchange="${p(this,cr,wa)}"></slot>
|
|
449
459
|
</div>
|
|
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`
|
|
460
|
+
`}async firstUpdated(){i(this,me).call(this),this.tabList.addEventListener("scroll",i(this,me))}get canShowScrollButtons(){return!0}},S=nr;$=new WeakMap,se=new WeakMap,pe=new WeakMap,ce=new WeakMap,de=new WeakMap,lr=new WeakMap,fe=new WeakMap,sr=new WeakMap,pr=new WeakMap,Ht=new WeakMap,ho=new WeakSet,Cn=function(){let[t]=i(this,fe).filter(r=>r.active);return t},y=new WeakSet,W=function(){return i(this,fe)},kn=function(t){d(this,fe,t.filter(r=>this.constructor.isTab(r)))},K=new WeakSet,It=function(){return i(this,sr)},Bn=function(t){d(this,sr,t.filter(r=>this.constructor.isPanel(r)))},cr=new WeakSet,wa=function(t){t.target.name==="tab"?d(this,y,this.tabs,kn):d(this,K,this.panels,Bn),i(this,y,W).length===i(this,K,It).length&&(i(this,y,W).length!==0||i(this,K,It).length!==0)&&(p(this,vo,wn).call(this),p(this,ko,zn).call(this),i(this,$).initItems(i(this,y,W)),this.activeIndex=i(this,y,W).findIndex(r=>r.active),i(this,$).updateActiveItem(i(this,ho,Cn)))},vo=new WeakSet,wn=function(){i(this,y,W).forEach((t,r)=>{let a=i(this,K,It)[r];a.hasAttribute("aria-labelledby")||a.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",a.id)})},uo=new WeakMap,_o=new WeakSet,Tn=function(t){i(this,y,W).forEach((r,a)=>r.active=a===t),i(this,K,It).forEach((r,a)=>r.hidden=a!==t)},dr=new WeakSet,Ta=function(){return i(this,$).firstItem},xo=new WeakSet,Wn=function(){return i(this,$).lastItem},fr=new WeakSet,Wa=function(){let[t]=i(this,y,W);return t},mr=new WeakSet,Sa=function(){return i(this,y,W).at(-1)},gr=new WeakSet,za=function(){let{activeItem:t}=i(this,$);return i(this,y,W).findIndex(r=>r===t)},yo=new WeakSet,Sn=function(t){t.ariaDisabled!=="true"&&(t.active=!0)},$t=new WeakSet,ir=async function(t){this.manual||p(this,yo,Sn).call(this,t)},Co=new WeakMap,me=new WeakMap,ko=new WeakSet,zn=function(){i(this,fr,Wa).classList.add("first"),i(this,mr,Sa).classList.add("last")},ge=new WeakSet,bo=function(){let{canShowScrollButtons:t}=this;d(this,ce,t&&!ar(this.tabList,i(this,fr,Wa))),d(this,de,t&&!ar(this.tabList,i(this,mr,Sa))),d(this,pe,t&&(i(this,ce)||i(this,de))),this.requestUpdate()},Bo=new WeakSet,Mn=function(){let t=this.tabList,r=i(this,y,W),a,s;for(let c=0;c<r.length&&!a;c++)ar(t,r[c],!1)&&(a=r[c],s=r[c-1]);s&&(t.scrollLeft-=s.scrollWidth),p(this,ge,bo).call(this)},wo=new WeakSet,Ln=function(){let t=this.tabList,r=i(this,y,W),a,s;for(let c=r.length-1;c>=0&&!a;c--)ar(t,r[c],!1)&&(a=r[c],s=r[c+1]);s&&(t.scrollLeft+=s.scrollWidth),p(this,ge,bo).call(this)},S.styles=[_n],S.scrollTimeoutDelay=0,S.scrollIconLeft="angle-left",S.scrollIconRight="angle-right",S.scrollIconSet="fas",l(S,se,new Set),(()=>{window.addEventListener("resize",()=>{var t;for(let r of i(nr,se))i(t=r,me).call(t)},{capture:!1})})(),o([yn({slot:"tab"})],S.prototype,"tabs",2),o([yn()],S.prototype,"panels",2),o([ic('[part="tabs"]')],S.prototype,"tabList",2),o([xn({reflect:!0,type:Boolean})],S.prototype,"manual",2),o([xn({attribute:!1})],S.prototype,"activeIndex",1);import{css as nc}from"lit";var lc=nc`[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}`,Fn=lc;var tt=class extends S{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(t){return t instanceof pt}static isPanel(t){return t instanceof Et}get canShowScrollButtons(){return!this.vertical}};tt.styles=[...S.styles,Fn],tt.scrollTimeoutDelay=150,o([he("pf-tab","pf-tab-panel"),To({reflect:!0})],tt.prototype,"box",2),o([he("pf-tab","pf-tab-panel"),To({reflect:!0,type:Boolean})],tt.prototype,"vertical",2),o([he("pf-tab"),To({reflect:!0,type:Boolean})],tt.prototype,"fill",2),o([he("pf-tab"),To({attribute:"border-bottom"})],tt.prototype,"borderBottom",2),tt=o([sc("pf-tabs")],tt);import{customElement as mc}from"lit/decorators.js";import{property as En}from"lit/decorators.js";import{LitElement as pc,html as cc}from"lit";var Wo=class extends pc{render(){return cc`
|
|
451
461
|
<div part="header">
|
|
452
462
|
<div part="icon">
|
|
453
463
|
<slot id="icon" name="icon"></slot>
|
|
@@ -459,22 +469,12 @@ var Ml=Object.defineProperty;var El=Object.getOwnPropertyDescriptor;var t=(s,n,e
|
|
|
459
469
|
<div part="body">
|
|
460
470
|
<slot id="body"></slot>
|
|
461
471
|
</div>
|
|
462
|
-
`}};import{css as
|
|
472
|
+
`}};import{css as dc}from"lit";var fc=dc`: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,
|
|
463
473
|
calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY, 2) * var(--pf-c-tile--m-selected--after--Height,
|
|
464
474
|
var(--pf-global--BorderWidth--lg, 3px))));--pf-c-tile--Transition:var(--pf-c-tile--m-selected--Transition,
|
|
465
475
|
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,
|
|
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}`,
|
|
476
|
+
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}`,Rn=fc;var At=class extends Wo{constructor(){super(...arguments);this.selected=!1}};At.styles=[Rn],o([En({reflect:!0,type:Boolean})],At.prototype,"selected",2),o([En({reflect:!0})],At.prototype,"stacked",2),At=o([mc("pf-tile")],At);import{LitElement as hc,html as vc}from"lit";import{customElement as uc,property as ct}from"lit/decorators.js";import{css as gc}from"lit";var bc=gc`:host{display:inline}time{text-decoration:var(--_timestamp-text-decoration,none);text-underline-offset:var(--_timestamp-text-underline-offset,initial)}`,In=bc;var _c={fromAttribute(n){return!n||n==="true"}},dt,br,So,Hn,E=class extends hc{constructor(){super(...arguments);l(this,So);l(this,dt,new Date);l(this,br,i(this,dt).toISOString())}get date(){return i(this,dt).toLocaleString()}set date(t){d(this,dt,new Date(t)),d(this,br,i(this,dt).toISOString())}get isoString(){return i(this,br)}get time(){let{hour12:t,customFormat:r,dateFormat:a,timeFormat:s,utc:c}=this,_=r||{hour12:t,dateStyle:a,timeStyle:s,timeZone:c?"UTC":void 0},I=i(this,dt).toLocaleString(this.locale,_);return this.relative?p(this,So,Hn).call(this,i(this,dt)):`${I}${this.displaySuffix?` ${this.displaySuffix}`:""}`}willUpdate(){!this.displaySuffix&&this.utc&&(this.displaySuffix="UTC")}render(){return vc`
|
|
467
477
|
<time datetime="${this.isoString}">${this.time}</time>
|
|
468
|
-
`}};
|
|
469
|
-
<div id="container"
|
|
470
|
-
style="${Ep(p)}"
|
|
471
|
-
class="${Mp({open:l,[r]:!!r,[e]:!!e})}">
|
|
472
|
-
<slot id="invoker" role="tooltip" aria-labelledby="tooltip"></slot>
|
|
473
|
-
<slot id="tooltip"
|
|
474
|
-
name="content"
|
|
475
|
-
aria-hidden="${String(!l)}">${this.content}</slot>
|
|
476
|
-
</div>
|
|
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};
|
|
478
|
+
`}};dt=new WeakMap,br=new WeakMap,So=new WeakSet,Hn=function(t){let r=t.getTime()-Date.now(),a=r>0?"until":"ago",s="just now",c=Math.round(Math.abs(r)/1e3),g=Math.round(c/60),_=Math.round(g/60),I=Math.round(_/24),ft=Math.round(I/30),be=Math.round(ft/12);return ft>=18?s=`${be} years`:ft>=12?s="a year":I>=45?s=`${ft} months`:I>=30?s="a month":_>=36?s=`${I} days`:_>=24?s="a day":g>=90?s=`${_} hours`:g>=45?s="an hour":c>=90?s=`${g} minutes`:c>=45?s="a minute":c>=10&&(s=`${c} seconds`),s!=="just now"?`${s} ${a}`:s},E.styles=[In],o([ct({reflect:!0})],E.prototype,"date",1),o([ct({reflect:!0,attribute:"date-format"})],E.prototype,"dateFormat",2),o([ct({reflect:!0,attribute:"time-format"})],E.prototype,"timeFormat",2),o([ct({attribute:!1})],E.prototype,"customFormat",2),o([ct({reflect:!0,attribute:"display-suffix"})],E.prototype,"displaySuffix",2),o([ct({reflect:!0})],E.prototype,"locale",2),o([ct({reflect:!0,type:Boolean})],E.prototype,"relative",2),o([ct({reflect:!0,type:Boolean})],E.prototype,"utc",2),o([ct({reflect:!0,attribute:"hour-12",converter:_c})],E.prototype,"hour12",2),E=o([uc("pf-timestamp")],E);export{ha as ModalCancelEvent,va as ModalCloseEvent,ua as ModalOpenEvent,nt as PfAccordion,mt as PfAccordionHeader,Pt as PfAccordionPanel,Bt as PfAvatar,bt as PfBadge,j as PfButton,lt as PfCard,x as PfClipboardCopy,te as PfCodeBlock,kt as PfIcon,O as PfJumpLinks,_t as PfJumpLinksItem,Ee as PfJumpLinksList,H as PfLabel,u as PfModal,Rt as PfPanel,G as PfProgressStep,J as PfProgressStepper,Se as PfSpinner,rr as PfSwitch,pt as PfTab,Et as PfTabPanel,tt as PfTabs,At as PfTile,E as PfTimestamp,Wt as PfTooltip};
|
|
479
479
|
/*! For license information please see pfe.min.js.LEGAL.txt */
|
|
480
480
|
//# sourceMappingURL=pfe.min.js.map
|