@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

package/dist/fef-stencil-v4/{p-215bbdf4.entry.js → p-0f1b63c2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,a as i,h as a,H as n}from"./p-DUXO4XZe.js";const s="ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:24px 16px 16px 16px;border-radius:4px}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner{padding:24px}}ptc-tab-list.tab-with-banner .tabs-content{padding:16px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-content{padding:24px 0 0 0}}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-header{align-items:stretch;padding-left:0rem;width:calc(100% - 44px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-right:0}ptc-tab-list.tab-with-banner tab-header{padding:0 16px;display:flex;align-items:center;flex:1 0 0;align-self:stretch;text-align:center;flex-direction:column;align-items:center}}ptc-tab-list.tab-with-banner .tab-header{padding:0 0 1rem 0}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px;white-space:normal;height:100%;align-content:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-tab-list.tab-with-banner .tab-header:hover{color:var(--color-gray-10)}}@media (min-width: 1080px){ptc-tab-list.tab-with-banner .tab-header{min-width:230px}}@media only screen and (min-width: 1200px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px}}@media only screen and (min-width: 1440px){ptc-tab-list.tab-with-banner .tab-header{min-width:175px}}ptc-tab-list.tab-with-banner .tabs-header-container{display:flex}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn.default{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn.default{bottom:15px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:inline-block}.ellipsis-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}tab-header{padding-right:48px}";const o=class{constructor(i){t(this,i);this.tabChange=e(this,"tabChange");this.escClicked=e(this,"escClicked")}type;isMobile;isMobileTabWithBanner;tabsHeader;tabsContent;tabGroup;firstTab;lastTab;lastVisibleTab;get host(){return i(this)}selectedValue;tabChange;dropdownItemsCount=0;ellipsisDropdown;escClicked;closeDropdown(){this.escClicked.emit()}componentWillLoad(){this.isMobile=window.innerWidth<768;this.isMobileTabWithBanner=window.innerWidth<992||(typeof screen!=="undefined"?screen.width<992:false)}componentDidLoad(){this.createGroup();this.calculateHeaderTabsRendering();this.ellipsisDropdown=this.host.querySelector("ptc-ellipsis-dropdown");this.ellipsisDropdown.addEventListener("keydown",this.onKeydown.bind(this));const t=Array.from(this.host.querySelectorAll("tab-header"));t.forEach(((e,i)=>{if(t.length-this.dropdownItemsCount==i+1){this.lastVisibleTab=e}}))}onSelectedTab(t){let e=this;this.tabGroup.forEach((i=>{t.detail.then((t=>{if(i.header.name===t.name){e.selectGroup(i);i.header.el.setAttribute("tabindex","0");i.header.el.focus()}else{i.header.el.setAttribute("tabindex","-1")}}))}))}calculateHeaderTabsRendering(){let t=this.host.querySelector(".tabs-header");let e=this.host.querySelector(".ellipsis-btn");let i=t.children;let a=false;let n=[];this.isMobile=window.innerWidth<768;this.isMobileTabWithBanner=window.innerWidth<992||(typeof screen!=="undefined"?screen.width<992:false);t.classList.remove("active");for(let t=0;t<i.length;t++){i[t].style.removeProperty("display")}for(let e=i.length-1;e>=0;e--){let s=i[e];let o=s.getAttribute("name")===this.selectedValue;if(this.isMobile&&this.type!="tab-with-banner"||this.isMobileTabWithBanner&&this.type==="tab-with-banner"){let e=s.querySelector(".text-cont").textContent;t.style.display="none";a=true;n.push({value:s.getAttribute("name"),text:e,isSelected:o})}else{t.style.display="flex";if(t.scrollWidth>t.clientWidth){s.style.display="none";let t=s.querySelector(".text-cont").textContent;a=true;n.push({value:s.getAttribute("name"),text:t,isSelected:o})}}}t.classList.add("active");if(a){e.classList.add("active");e.dataItems=n.reverse();this.dropdownItemsCount=e.dataItems.length}else{e.classList.remove("active");e.dataItems=[]}}createGroup(){let t=this;let e=false;let i=false;let a=0;let n=0;let s=[];let o=[];const l=Array.from(this.host.querySelectorAll("tab-header"));this.tabsHeader=l.map((t=>t.getChild().then((i=>{a++;if(a===l.length){e=true}s.push({...i,el:t})}))));this.tabsHeader=s;const r=Array.from(this.host.querySelectorAll("tab-content"));this.tabsContent=r.map((t=>t.getChild().then((t=>{n++;if(n===r.length){i=true}o.push(t)}))));this.tabsContent=o;let b=setInterval((()=>{if(e&&i){clearInterval(b);t.tabGroup=t.tabsHeader.map((e=>{const i=t.tabsContent.find((t=>t.name===e.name));return{header:e,content:i}}));const e=t.tabGroup[0];t.selectGroup(e)}}),3100);l.forEach(((t,e)=>{t.setAttribute("id","tab-"+(e+1));t.setAttribute("role","tab");t.setAttribute("aria-selected",e===0?"true":"false");t.setAttribute("tabindex",e===0?"0":"-1");t.setAttribute("aria-controls","tab-panel-"+(e+1));t.addEventListener("keydown",this.onKeydown.bind(this));if(!this.firstTab){this.firstTab=t}this.lastTab=t}));r.forEach(((t,e)=>{t.setAttribute("id","tabpanel-"+(e+1));t.setAttribute("role","tabpanel");t.setAttribute("aria-labelledby","tab-"+(e+1))}))}moveFocusToTab(t){t.focus()}moveFocusToPreviousTab(t){if(t===this.firstTab||t==this.ellipsisDropdown){this.ellipsisDropdown.setAttribute("tabindex","-1");if(this.dropdownItemsCount==0){this.moveFocusToTab(this.lastTab)}else if(t==this.ellipsisDropdown){this.moveFocusToTab(this.lastVisibleTab)}else{this.ellipsisDropdown.setAttribute("tabindex","0");this.ellipsisDropdown.focus()}}else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e-1].el)}}moveFocusToNextTab(t){this.ellipsisDropdown.setAttribute("tabindex","-1");if(t===this.lastTab||t===this.lastVisibleTab){if(this.dropdownItemsCount==0){this.moveFocusToTab(this.firstTab)}else{this.ellipsisDropdown.setAttribute("tabindex","0");this.ellipsisDropdown.focus()}}else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e+1].el)}}onKeydown(t){const e=t.currentTarget;let i=false;switch(t.key){case"ArrowLeft":this.moveFocusToPreviousTab(e);i=true;break;case"ArrowRight":this.moveFocusToNextTab(e);i=true;break;case"Escape":this.closeDropdown();i=true;break}if(i){t.stopPropagation();t.preventDefault()}}async toggleTabGroup(t){let e=this;this.tabGroup.forEach((i=>{if(i.header.name===t){e.selectGroup(i)}}))}selectGroup(t){let e=this;e.tabGroup.forEach((t=>{t.header.unselect();t.content.unselect()}));t.header.select();t.content.select();e.selectedValue=t.header.name;this.calculateHeaderTabsRendering();this.tabChange.emit({value:t.header.text,sender:t.header})}onDropdownItemSelected(t){if(t){let e=this.tabGroup.find((e=>e.header.name==t.value));if(e){this.selectGroup(e)}}}render(){return a(n,{key:"48df4f3f50cc0b3c9fb01c11131217a2e2c9cbe1",class:this.type},a("div",{key:"55749d4e908ccd30dda0027eb03b0501aa1c01dc",class:"tabs-header-container"},a("div",{key:"6fb3e22d94a01e255eba06deec826198cb4c055a",class:"tabs-header"},a("slot",{key:"532f7528054a3746b89a6a0f1dc2e91e066ad362",name:"header"})),a("ptc-ellipsis-dropdown",{key:"f4afafa289c3055a18613df18f3677e7ef240dcf","dropdown-type":this.type,class:this.type=="tab-with-banner"?"ellipsis-btn tab-with-banner":"ellipsis-btn default",onItemSelected:t=>{this.onDropdownItemSelected(t.detail)}})),a("div",{key:"314a139acaac6a06151b6430c861ac846544789e",class:"tabs-content"},a("slot",{key:"f9fa86d571a7f6bf0720ba0b46c6747daa150b10",name:"content"})))}};o.style=s;export{o as ptc_tab_list};
-//# sourceMappingURL=p-215bbdf4.entry.js.map
+import{r as t,c as e,a as i,h as a,H as n}from"./p-CavPmMZU.js";const s="ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:24px 16px 16px 16px;border-radius:4px}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner{padding:24px}}ptc-tab-list.tab-with-banner .tabs-content{padding:16px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-content{padding:24px 0 0 0}}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-header{align-items:stretch;padding-left:0rem;width:calc(100% - 44px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-right:0}ptc-tab-list.tab-with-banner tab-header{padding:0 16px;display:flex;align-items:center;flex:1 0 0;align-self:stretch;text-align:center;flex-direction:column;align-items:center}}ptc-tab-list.tab-with-banner .tab-header{padding:0 0 1rem 0}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px;white-space:normal;height:100%;align-content:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-tab-list.tab-with-banner .tab-header:hover{color:var(--color-gray-10)}}@media (min-width: 1080px){ptc-tab-list.tab-with-banner .tab-header{min-width:230px}}@media only screen and (min-width: 1200px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px}}@media only screen and (min-width: 1440px){ptc-tab-list.tab-with-banner .tab-header{min-width:175px}}ptc-tab-list.tab-with-banner .tabs-header-container{display:flex}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn.default{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn.default{bottom:15px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:inline-block}.ellipsis-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}tab-header{padding-right:48px}";const o=class{constructor(i){t(this,i);this.tabChange=e(this,"tabChange");this.escClicked=e(this,"escClicked")}type;isMobile;isMobileTabWithBanner;tabsHeader;tabsContent;tabGroup;firstTab;lastTab;lastVisibleTab;get host(){return i(this)}selectedValue;tabChange;dropdownItemsCount=0;ellipsisDropdown;escClicked;closeDropdown(){this.escClicked.emit()}componentWillLoad(){this.isMobile=window.innerWidth<768;this.isMobileTabWithBanner=window.innerWidth<992||(typeof screen!=="undefined"?screen.width<992:false)}componentDidLoad(){this.createGroup();this.calculateHeaderTabsRendering();this.ellipsisDropdown=this.host.querySelector("ptc-ellipsis-dropdown");this.ellipsisDropdown.addEventListener("keydown",this.onKeydown.bind(this));const t=Array.from(this.host.querySelectorAll("tab-header"));t.forEach(((e,i)=>{if(t.length-this.dropdownItemsCount==i+1){this.lastVisibleTab=e}}))}onSelectedTab(t){let e=this;this.tabGroup.forEach((i=>{t.detail.then((t=>{if(i.header.name===t.name){e.selectGroup(i);i.header.el.setAttribute("tabindex","0");i.header.el.focus()}else{i.header.el.setAttribute("tabindex","-1")}}))}))}calculateHeaderTabsRendering(){let t=this.host.querySelector(".tabs-header");let e=this.host.querySelector(".ellipsis-btn");let i=t.children;let a=false;let n=[];this.isMobile=window.innerWidth<768;this.isMobileTabWithBanner=window.innerWidth<992||(typeof screen!=="undefined"?screen.width<992:false);t.classList.remove("active");for(let t=0;t<i.length;t++){i[t].style.removeProperty("display")}for(let e=i.length-1;e>=0;e--){let s=i[e];let o=s.getAttribute("name")===this.selectedValue;if(this.isMobile&&this.type!="tab-with-banner"||this.isMobileTabWithBanner&&this.type==="tab-with-banner"){let e=s.querySelector(".text-cont").textContent;t.style.display="none";a=true;n.push({value:s.getAttribute("name"),text:e,isSelected:o})}else{t.style.display="flex";if(t.scrollWidth>t.clientWidth){s.style.display="none";let t=s.querySelector(".text-cont").textContent;a=true;n.push({value:s.getAttribute("name"),text:t,isSelected:o})}}}t.classList.add("active");if(a){e.classList.add("active");e.dataItems=n.reverse();this.dropdownItemsCount=e.dataItems.length}else{e.classList.remove("active");e.dataItems=[]}}createGroup(){let t=this;let e=false;let i=false;let a=0;let n=0;let s=[];let o=[];const l=Array.from(this.host.querySelectorAll("tab-header"));this.tabsHeader=l.map((t=>t.getChild().then((i=>{a++;if(a===l.length){e=true}s.push({...i,el:t})}))));this.tabsHeader=s;const r=Array.from(this.host.querySelectorAll("tab-content"));this.tabsContent=r.map((t=>t.getChild().then((t=>{n++;if(n===r.length){i=true}o.push(t)}))));this.tabsContent=o;let b=setInterval((()=>{if(e&&i){clearInterval(b);t.tabGroup=t.tabsHeader.map((e=>{const i=t.tabsContent.find((t=>t.name===e.name));return{header:e,content:i}}));const e=t.tabGroup[0];t.selectGroup(e)}}),3100);l.forEach(((t,e)=>{t.setAttribute("id","tab-"+(e+1));t.setAttribute("role","tab");t.setAttribute("aria-selected",e===0?"true":"false");t.setAttribute("tabindex",e===0?"0":"-1");t.setAttribute("aria-controls","tab-panel-"+(e+1));t.addEventListener("keydown",this.onKeydown.bind(this));if(!this.firstTab){this.firstTab=t}this.lastTab=t}));r.forEach(((t,e)=>{t.setAttribute("id","tabpanel-"+(e+1));t.setAttribute("role","tabpanel");t.setAttribute("aria-labelledby","tab-"+(e+1))}))}moveFocusToTab(t){t.focus()}moveFocusToPreviousTab(t){if(t===this.firstTab||t==this.ellipsisDropdown){this.ellipsisDropdown.setAttribute("tabindex","-1");if(this.dropdownItemsCount==0){this.moveFocusToTab(this.lastTab)}else if(t==this.ellipsisDropdown){this.moveFocusToTab(this.lastVisibleTab)}else{this.ellipsisDropdown.setAttribute("tabindex","0");this.ellipsisDropdown.focus()}}else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e-1].el)}}moveFocusToNextTab(t){this.ellipsisDropdown.setAttribute("tabindex","-1");if(t===this.lastTab||t===this.lastVisibleTab){if(this.dropdownItemsCount==0){this.moveFocusToTab(this.firstTab)}else{this.ellipsisDropdown.setAttribute("tabindex","0");this.ellipsisDropdown.focus()}}else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e+1].el)}}onKeydown(t){const e=t.currentTarget;let i=false;switch(t.key){case"ArrowLeft":this.moveFocusToPreviousTab(e);i=true;break;case"ArrowRight":this.moveFocusToNextTab(e);i=true;break;case"Escape":this.closeDropdown();i=true;break}if(i){t.stopPropagation();t.preventDefault()}}async toggleTabGroup(t){let e=this;this.tabGroup.forEach((i=>{if(i.header.name===t){e.selectGroup(i)}}))}selectGroup(t){let e=this;e.tabGroup.forEach((t=>{t.header.unselect();t.content.unselect()}));t.header.select();t.content.select();e.selectedValue=t.header.name;this.calculateHeaderTabsRendering();this.tabChange.emit({value:t.header.text,sender:t.header})}onDropdownItemSelected(t){if(t){let e=this.tabGroup.find((e=>e.header.name==t.value));if(e){this.selectGroup(e)}}}render(){return a(n,{key:"76ebe7f87108ccf4a504e08f6d73ac7b57892abe",class:this.type},a("div",{key:"e7f0f02f5f7ffc9304a6309cb3e0fb3cd8201362",class:"tabs-header-container"},a("div",{key:"ffecd6efddb3e866185ff44860f3a60243b3d425",class:"tabs-header"},a("slot",{key:"7465a0d2bd4026aab0b465f04e726d9c1b5fc791",name:"header"})),a("ptc-ellipsis-dropdown",{key:"c8a03ec83c9a9d8dde8cca271791ce32ad27f4db","dropdown-type":this.type,class:this.type=="tab-with-banner"?"ellipsis-btn tab-with-banner":"ellipsis-btn default",onItemSelected:t=>{this.onDropdownItemSelected(t.detail)}})),a("div",{key:"57aebc2b56c430af51129ed8d16d48c697621f94",class:"tabs-content"},a("slot",{key:"1e30a0b1ed7daffcb96d4a570720b8e292995169",name:"content"})))}};o.style=s;export{o as ptc_tab_list};
+//# sourceMappingURL=p-0f1b63c2.entry.js.map