@patternfly/elements 2.2.1 → 2.2.2

package/custom-elements.json

@@ -7176,18 +7176,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "inheritedFrom": {
-                "name": "BaseTabPanel",
-                "module": "pf-tabs/BaseTabPanel.js"
-              }
-            },
             {
               "kind": "field",
               "name": "#internals",
@@ -10959,14 +10947,6 @@
           "description": "",
           "name": "BaseTabPanel",
           "members": [
-            {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
             {
               "kind": "field",
               "name": "#internals",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/elements",
   "license": "MIT",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "PatternFly Elements",
   "customElements": "custom-elements.json",
   "type": "module",

package/pf-tabs/BaseTabPanel.d.ts

@@ -2,7 +2,6 @@ import { LitElement } from 'lit';
 export declare abstract class BaseTabPanel extends LitElement {
     #private;
     static readonly styles: import("lit").CSSResult[];
-    hidden: boolean;
     render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/pf-tabs/BaseTabPanel.js

@@ -7,7 +7,6 @@ import { getRandomId } from '@patternfly/pfe-core/functions/random.js';
 class BaseTabPanel extends LitElement {
     constructor() {
         super(...arguments);
-        this.hidden = true;
         _BaseTabPanel_internals.set(this, this.attachInternals());
     }
     render() {
@@ -18,6 +17,7 @@ class BaseTabPanel extends LitElement {
     connectedCallback() {
         super.connectedCallback();
         this.id || (this.id = getRandomId('pf-tab-panel'));
+        this.hidden ?? (this.hidden = true);
         __classPrivateFieldGet(this, _BaseTabPanel_internals, "f").role = 'tabpanel';
         /*
          To make it easy for screen reader users to navigate from a tab

package/pf-tabs/BaseTabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTabPanel.js","sourceRoot":"","sources":["BaseTabPanel.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;;;AAIvC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAsB,YAAa,SAAQ,UAAU;IAArD;;QAGE,WAAM,GAAG,IAAI,CAAC;QAEd,kCAAa,IAAI,CAAC,eAAe,EAAE,EAAC;IAuBtC,CAAC;IArBC,MAAM;QACJ,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAP,IAAI,CAAC,EAAE,GAAK,WAAW,CAAC,cAAc,CAAC,EAAC;QACxC,uBAAA,IAAI,+BAAW,CAAC,IAAI,GAAG,UAAU,CAAC;QAClC;;;;;;;;UAQE;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpB,CAAC;;;AA1Be,mBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;SADb,YAAY","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport style from './BaseTabPanel.css';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nexport abstract class BaseTabPanel extends LitElement {\n  static readonly styles = [style];\n\n  hidden = true;\n\n  #internals = this.attachInternals();\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.id ||= getRandomId('pf-tab-panel');\n    this.#internals.role = 'tabpanel';\n    /*\n     To make it easy for screen reader users to navigate from a tab\n     to the beginning of content in the active tabpanel, the tabpanel\n     element has tabindex=\"0\" to include the panel in the page Tab sequence.\n     It is recommended that all tabpanel elements in a tab set are focusable\n     if there are any panels in the set that contain content where the first\n     element in the panel is not focusable.\n     https://www.w3.org/WAI/ARIA/apg/example-index/tabs/tabs-automatic\n    */\n    this.tabIndex = 0;\n  }\n}\n"]}
+{"version":3,"file":"BaseTabPanel.js","sourceRoot":"","sources":["BaseTabPanel.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;;;AAIvC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAsB,YAAa,SAAQ,UAAU;IAArD;;QAGE,kCAAa,IAAI,CAAC,eAAe,EAAE,EAAC;IAyBtC,CAAC;IAvBC,MAAM;QACJ,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAP,IAAI,CAAC,EAAE,GAAK,WAAW,CAAC,cAAc,CAAC,EAAC;QACxC,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,IAAI,EAAC;QACrB,uBAAA,IAAI,+BAAW,CAAC,IAAI,GAAG,UAAU,CAAC;QAElC;;;;;;;;UAQE;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpB,CAAC;;;AA1Be,mBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;SADb,YAAY","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport style from './BaseTabPanel.css';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nexport abstract class BaseTabPanel extends LitElement {\n  static readonly styles = [style];\n\n  #internals = this.attachInternals();\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.id ||= getRandomId('pf-tab-panel');\n    this.hidden ??= true;\n    this.#internals.role = 'tabpanel';\n\n    /*\n     To make it easy for screen reader users to navigate from a tab\n     to the beginning of content in the active tabpanel, the tabpanel\n     element has tabindex=\"0\" to include the panel in the page Tab sequence.\n     It is recommended that all tabpanel elements in a tab set are focusable\n     if there are any panels in the set that contain content where the first\n     element in the panel is not focusable.\n     https://www.w3.org/WAI/ARIA/apg/example-index/tabs/tabs-automatic\n    */\n    this.tabIndex = 0;\n  }\n}\n"]}

package/pfe.min.js

@@ -486,9 +486,9 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
     `}updated(){i(this,Te).ariaChecked=String(this.checked),i(this,Te).ariaDisabled=String(this.disabled)}};Te=new WeakMap,wo=new WeakMap,So=new WeakSet,El=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,br,Pa).call(this)},To=new WeakSet,Il=function(t){switch(t.key){case" ":case"Enter":t.preventDefault(),p(this,br,Pa).call(this)}},br=new WeakSet,Pa=function(){this.disabled||(this.checked=!this.checked,p(this,vr,Ga).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},vr=new WeakSet,Ga=function(){let t=this.checked?"on":"off";if(this.labels.length>1)for(let r of this.labels)r.hidden=r.dataset.state!==t},et.styles=[Fl],et.shadowRootOptions={...Rl.shadowRootOptions,delegatesFocus:!0},et.formAssociated=!0,o([Ua({reflect:!0})],et.prototype,"label",2),o([Ua({reflect:!0,type:Boolean,attribute:"show-check-icon"})],et.prototype,"showCheckIcon",2),o([Ua({reflect:!0,type:Boolean})],et.prototype,"checked",2);import{css as bc}from"lit";var vc=bc`:host([checked]) #container{color:var(--pf-c-switch__input--checked__label--Color,var(--pf-global--Color--dark-100,#151515));background-color:var(--pf-c-switch__input--checked__toggle--BackgroundColor,var(--pf-global--primary-color--100,#06c))}:host([checked]) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}:host(:disabled) #container{color:var(--pf-c-switch__input--disabled__label--Color,var(--pf-global--disabled-color--100,#6a6e73));background-color:var(--pf-c-switch__input--disabled__toggle--BackgroundColor,var(--pf-global--disabled-color--200,#d2d2d2))}:host(:disabled) #container::before{background-color:var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5))}:host([checked]:disabled) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}#container{width:var(--pf-c-switch__toggle--Width,calc(var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) + var(--pf-c-switch__toggle-icon--Offset,.125rem) + var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))));height:var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5))));background-color:var(--pf-c-switch__toggle--BackgroundColor,var(--pf-global--palette--black-500,#8a8d90));border-radius:var(--pf-c-switch__toggle--BorderRadius,var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))))}#container::before{top:var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2));left:var(--pf-c-switch__toggle--before--Left,var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2)));width:var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)));height:var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem))));background-color:var(--pf-c-switch__toggle--before--backgroundcolor,var(--pf-global--backgroundcolor--100,#fff));border-radius:var(--pf-c-switch__toggle--before--BorderRadius,var(--pf-global--BorderRadius--lg,30em));box-shadow:var(--pf-c-switch__toggle--before--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));transition:var(--pf-c-switch__toggle--before--Transition,
     var(--pf-c-switch__toggle--before--Transition, translate .25s ease 0s))}:host(:focus-within) #container{outline:var(--pf-c-switch__input--focus__toggle--OutlineWidth,var(--pf-global--BorderWidth--md,2px)) solid var(--pf-c-switch__input--focus__toggle--OutlineColor,var(--pf-global--primary-color--100,#06c));outline-offset:var(--pf-c-switch__input--focus__toggle--OutlineOffset,var(--pf-global--spacer--sm,0.5rem))}svg{margin-inline:var(--pf-c-switch__toggle-icon--Left,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * .4));font-size:var(--pf-c-switch__toggle-icon--FontSize,
     calc(var(--pf-c-switch--FontSize,
-      var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,$l=vc;var ur=class extends et{};ur.styles=[...et.styles,$l],ur=o([uc("pf-switch")],ur);import{customElement as wc}from"lit/decorators/custom-element.js";import{css as _c}from"lit";var yc=_c`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,Hl=yc;import{LitElement as kc,html as Bc}from"lit";import{css as xc}from"lit";var Cc=xc`:host{display:block}:host([hidden]){display:none}`,Al=Cc;var Wo,Et=class extends kc{constructor(){super(...arguments);this.hidden=!0;n(this,Wo,this.attachInternals())}render(){return Bc`
+      var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,$l=vc;var ur=class extends et{};ur.styles=[...et.styles,$l],ur=o([uc("pf-switch")],ur);import{customElement as wc}from"lit/decorators/custom-element.js";import{css as _c}from"lit";var yc=_c`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,Hl=yc;import{LitElement as kc,html as Bc}from"lit";import{css as xc}from"lit";var Cc=xc`:host{display:block}:host([hidden]){display:none}`,Al=Cc;var Wo,Et=class extends kc{constructor(){super(...arguments);n(this,Wo,this.attachInternals())}render(){return Bc`
       <slot></slot>
-    `}connectedCallback(){super.connectedCallback(),this.id||(this.id=q("pf-tab-panel")),i(this,Wo).role="tabpanel",this.tabIndex=0}};Wo=new WeakMap,Et.styles=[Al];var Zt=class extends Et{};Zt.styles=[...Et.styles,Hl],Zt=o([wc("pf-tab-panel")],Zt);import{customElement as Rc}from"lit/decorators/custom-element.js";import{property as Gl}from"lit/decorators/property.js";import{LitElement as Ol,html as Wc}from"lit";import{queryAssignedElements as zc}from"lit/decorators/query-assigned-elements.js";import{query as Mc}from"lit/decorators/query.js";import{css as Sc}from"lit";var Tc=Sc`: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}`,Dl=Tc;var _r=class extends C{constructor(t,r){super("expand");this.active=t;this.tab=r}},Ct,zo,jl,Mo,Nl,Lo,Ul,rt=class extends Ol{constructor(){super(...arguments);n(this,zo);n(this,Mo);n(this,Lo);n(this,Ct,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.id||(this.id=q(this.localName)),this.addEventListener("click",p(this,zo,jl)),i(this,Ct).role="tab"}render(){return Wc`
+    `}connectedCallback(){super.connectedCallback(),this.id||(this.id=q("pf-tab-panel")),this.hidden??(this.hidden=!0),i(this,Wo).role="tabpanel",this.tabIndex=0}};Wo=new WeakMap,Et.styles=[Al];var Zt=class extends Et{};Zt.styles=[...Et.styles,Hl],Zt=o([wc("pf-tab-panel")],Zt);import{customElement as Rc}from"lit/decorators/custom-element.js";import{property as Gl}from"lit/decorators/property.js";import{LitElement as Ol,html as Wc}from"lit";import{queryAssignedElements as zc}from"lit/decorators/query-assigned-elements.js";import{query as Mc}from"lit/decorators/query.js";import{css as Sc}from"lit";var Tc=Sc`: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}`,Dl=Tc;var _r=class extends C{constructor(t,r){super("expand");this.active=t;this.tab=r}},Ct,zo,jl,Mo,Nl,Lo,Ul,rt=class extends Ol{constructor(){super(...arguments);n(this,zo);n(this,Mo);n(this,Lo);n(this,Ct,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.id||(this.id=q(this.localName)),this.addEventListener("click",p(this,zo,jl)),i(this,Ct).role="tab"}render(){return Wc`
       <button part="button" ?disabled="${this.disabled}">
         <slot name="icon"
               part="icon"