@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

package/dist/cjs/ptc-subnav.cjs.entry.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcSubnavCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;width:100%;background-color:var(--color-gray-12);z-index:990;position:relative}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1150px;margin:auto;box-sizing:border-box;padding:0px;display:none}@media (min-width: 1250px){:host .navbar .navbar-inner{max-width:1200px}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
-
-const PtcSubnav = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.mobileTitle = "See page topics";
-    this.navOpen = false;
-  }
-  toggleNav() {
-    this.navOpen = !this.navOpen;
-  }
-  handleScroll() {
-    let elem = this.el.shadowRoot.querySelector("div.sticky-subnav");
-    if (elem) {
-      elem.classList.remove("sticky");
-    }
-  }
-  handleNavLinkClickedEvent() {
-    this.toggleNav();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "sticky-subnav" }, index.h("nav", { class: `navbar ${this.navOpen ? "navOpen" : ""}` }, index.h("button", { class: "navbar-toggle", onClick: () => {
-        this.toggleNav();
-      } }, this.mobileTitle, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), index.h("div", { class: "navbar-inner" }, index.h("div", { class: "nav-wrapper" }, index.h("slot", { name: "subnav-menu-left" }), index.h("slot", { name: "subnav-menu-right" })))))));
-  }
-  get el() { return index.getElement(this); }
-};
-PtcSubnav.style = ptcSubnavCss;
-
-exports.ptc_subnav = PtcSubnav;

package/dist/cjs/ptc-svg-btn.cjs.entry.js

@@ -1,118 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const closeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
-    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
-        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
-        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
-        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
-        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
-        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
-        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
-        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
-    </g>
-</svg>`;
-
-const arrowSvgLeft = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_494_37)">
-<circle cx="24" cy="22" r="20" fill="white"/>
-<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>
-</g>
-<defs>
-<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>
-</filter>
-</defs>
-</svg>
-`;
-
-const arrowSvgRight = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_494_34)">
-<circle cx="24" cy="22" r="20" fill="white"/>
-<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>
-</g>
-<defs>
-<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>
-</filter>
-</defs>
-</svg>
-`;
-
-const backarrow = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fff;
-        fill-rule: evenodd;
-      }
-    </style>
-  </defs>
-  <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>
-</svg>
-`;
-
-const play = `<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_241_171)">
-<circle cx="42" cy="38" r="36" fill="#1F2024"/>
-<circle cx="42" cy="38" r="35" stroke="#33A13C" stroke-width="2"/>
-</g>
-<path d="M58 38L34 51.8564L34 24.1436L58 38Z" fill="white"/>
-<defs>
-<filter id="filter0_d_241_171" x="0" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_241_171"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_241_171"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_241_171" result="shape"/>
-</filter>
-</defs>
-</svg>
-`;
-
-const ptcSvgBtnCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:var(--color-gray-10);stroke-linecap:square}.svg-close svg .cls-2{stroke:var(--color-gray-10)}.svg-close svg path{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.svg-close svg .cls-1:first-child{transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:var(--color-white)}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-gray-10)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.back-arrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px;text-align:center}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.back-arrow){margin:8px 8px 16px -2px}}";
-
-const PtcSvgBtn = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.svgName = "close";
-    this.display = "block";
-    this.zIndex = undefined;
-    this.styles = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, Object.assign({ class: classMap }, (this.zIndex !== undefined
-      ? { style: { zIndex: this.zIndex } }
-      : null)), this.styles && index.h("style", null, this.styles), !!this.svgName && this.svgName === "close" ? (index.h("div", { class: "svg-close", innerHTML: closeSvg })) : null, !!this.svgName && this.svgName === "slider-left" ? (index.h("div", { class: "slider-left", innerHTML: arrowSvgLeft })) : null, !!this.svgName && this.svgName === "slider-right" ? (index.h("div", { class: "slider-right", innerHTML: arrowSvgRight })) : null, !!this.svgName && this.svgName === "back-arrow" ? (index.h("div", { class: "back-arrow", innerHTML: backarrow })) : null, !!this.svgName && this.svgName === "play" ? (index.h("div", { class: "play", innerHTML: play })) : null));
-  }
-  getCssClassMap() {
-    return {
-      [this.display]: true,
-    };
-  }
-};
-PtcSvgBtn.style = ptcSvgBtnCss;
-
-exports.ptc_svg_btn = PtcSvgBtn;

package/dist/cjs/ptc-tab-list.cjs.entry.js

@@ -1,274 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcTabListCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}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 PtcTabList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tabChange = index.createEvent(this, "tabChange", 7);
-    this.escClicked = index.createEvent(this, "escClicked", 7);
-    this.type = undefined;
-    this.isMobile = undefined;
-    this.isMobileTabWithBanner = undefined;
-    this.selectedValue = undefined;
-    this.dropdownItemsCount = 0;
-  }
-  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();
-    /*const [group] = this.tabGroup;
-    this.selectGroup(group);*/
-    this.ellipsisDropdown = this.host.querySelector("ptc-ellipsis-dropdown");
-    this.ellipsisDropdown.addEventListener("keydown", this.onKeydown.bind(this));
-    const tabsHeaderEl = Array.from(this.host.querySelectorAll("tab-header"));
-    tabsHeaderEl.forEach((tab, i) => {
-      if (tabsHeaderEl.length - this.dropdownItemsCount == i + 1) {
-        this.lastVisibleTab = tab;
-      }
-    });
-  }
-  onSelectedTab(event) {
-    let self = this;
-    this.tabGroup.forEach((group) => {
-      event.detail.then((res) => {
-        if (group.header.name === res.name) {
-          self.selectGroup(group);
-          // Set the selected tab's tabindex to 0
-          group.header.el.setAttribute("tabindex", "0");
-          // Focus the selected tab
-          group.header.el.focus();
-        }
-        else {
-          // Set other tabs' tabindex to -1
-          group.header.el.setAttribute("tabindex", "-1");
-        }
-      });
-    });
-  }
-  calculateHeaderTabsRendering() {
-    let header = this.host.querySelector(".tabs-header");
-    let dropdown = this.host.querySelector(".ellipsis-btn");
-    let tabs = header.children;
-    let activateDropDown = false;
-    let hiddenTabs = [];
-    this.isMobile = window.innerWidth < 768;
-    this.isMobileTabWithBanner =
-      window.innerWidth < 992 ||
-        (typeof screen !== "undefined" ? screen.width < 992 : false);
-    header.classList.remove("active");
-    for (let index = 0; index < tabs.length; index++) {
-      tabs[index].style.removeProperty("display");
-    }
-    for (let index = tabs.length - 1; index >= 0; index--) {
-      let tab = tabs[index];
-      let isSelectedTab = tab.getAttribute("name") === this.selectedValue;
-      if ((this.isMobile && this.type != "tab-with-banner") ||
-        (this.isMobileTabWithBanner && this.type === "tab-with-banner")) {
-        let text = tab.querySelector(".text-cont").textContent;
-        header.style.display = "none";
-        activateDropDown = true;
-        hiddenTabs.push({
-          value: tab.getAttribute("name"),
-          text: text,
-          isSelected: isSelectedTab,
-        });
-      }
-      else {
-        header.style.display = "flex";
-        if (header.scrollWidth > header.clientWidth) {
-          tab.style.display = "none";
-          let text = tab.querySelector(".text-cont").textContent;
-          activateDropDown = true;
-          hiddenTabs.push({
-            value: tab.getAttribute("name"),
-            text: text,
-            isSelected: isSelectedTab,
-          });
-        }
-      }
-    }
-    header.classList.add("active");
-    if (activateDropDown) {
-      dropdown.classList.add("active");
-      dropdown.dataItems = hiddenTabs.reverse();
-      this.dropdownItemsCount = dropdown.dataItems.length;
-    }
-    else {
-      dropdown.classList.remove("active");
-      dropdown.dataItems = [];
-    }
-  }
-  createGroup() {
-    let self = this;
-    let headerComplete = false;
-    let contentComplete = false;
-    let headerCount = 0;
-    let contentCount = 0;
-    let headerData = [];
-    let contentData = [];
-    const tabsHeaderEl = Array.from(this.host.querySelectorAll("tab-header"));
-    this.tabsHeader = tabsHeaderEl.map((el) => el.getChild().then((res) => {
-      headerCount++;
-      if (headerCount === tabsHeaderEl.length) {
-        headerComplete = true;
-      }
-      headerData.push(Object.assign(Object.assign({}, res), { el }));
-    }));
-    this.tabsHeader = headerData;
-    const tabsContentEl = Array.from(this.host.querySelectorAll("tab-content"));
-    this.tabsContent = tabsContentEl.map((el) => el.getChild().then((res) => {
-      contentCount++;
-      if (contentCount === tabsContentEl.length) {
-        contentComplete = true;
-      }
-      contentData.push(res);
-    }));
-    this.tabsContent = contentData;
-    let myInterval = setInterval(() => {
-      if (headerComplete && contentComplete) {
-        clearInterval(myInterval);
-        self.tabGroup = self.tabsHeader.map((header) => {
-          const content = self.tabsContent.find((content) => content.name === header.name);
-          return {
-            header: header,
-            content: content,
-          };
-        });
-        const group = self.tabGroup[0];
-        self.selectGroup(group);
-      }
-    }, 3100); // Increased time interval from 100 to 3100 to fix the preload skeleton issue
-    tabsHeaderEl.forEach((header, index) => {
-      header.setAttribute("id", "tab-" + (index + 1));
-      header.setAttribute("role", "tab");
-      header.setAttribute("aria-selected", index === 0 ? "true" : "false");
-      header.setAttribute("tabindex", index === 0 ? "0" : "-1"); // Set tabindex based on index
-      header.setAttribute("aria-controls", "tab-panel-" + (index + 1));
-      header.addEventListener("keydown", this.onKeydown.bind(this));
-      if (!this.firstTab) {
-        this.firstTab = header;
-      }
-      this.lastTab = header;
-    });
-    tabsContentEl.forEach((panel, index) => {
-      panel.setAttribute("id", "tabpanel-" + (index + 1));
-      panel.setAttribute("role", "tabpanel");
-      panel.setAttribute("aria-labelledby", "tab-" + (index + 1));
-    });
-  }
-  moveFocusToTab(currentTab) {
-    currentTab.focus();
-  }
-  moveFocusToPreviousTab(currentTab) {
-    if (currentTab === this.firstTab ||
-      currentTab == this.ellipsisDropdown) {
-      this.ellipsisDropdown.setAttribute("tabindex", "-1");
-      if (this.dropdownItemsCount == 0) {
-        this.moveFocusToTab(this.lastTab);
-      }
-      else if (currentTab == this.ellipsisDropdown) {
-        this.moveFocusToTab(this.lastVisibleTab);
-      }
-      else {
-        this.ellipsisDropdown.setAttribute("tabindex", "0");
-        this.ellipsisDropdown.focus();
-      }
-    }
-    else {
-      const index = this.tabsHeader.findIndex((tab) => tab.el === currentTab);
-      this.moveFocusToTab(this.tabsHeader[index - 1].el);
-    }
-  }
-  moveFocusToNextTab(currentTab) {
-    this.ellipsisDropdown.setAttribute("tabindex", "-1");
-    if (currentTab === this.lastTab || currentTab === this.lastVisibleTab) {
-      if (this.dropdownItemsCount == 0) {
-        this.moveFocusToTab(this.firstTab);
-      }
-      else {
-        this.ellipsisDropdown.setAttribute("tabindex", "0");
-        this.ellipsisDropdown.focus();
-      }
-    }
-    else {
-      const index = this.tabsHeader.findIndex((tab) => tab.el === currentTab);
-      this.moveFocusToTab(this.tabsHeader[index + 1].el);
-    }
-  }
-  onKeydown(event) {
-    const currentTab = event.currentTarget;
-    let flag = false;
-    switch (event.key) {
-      case "ArrowLeft":
-        this.moveFocusToPreviousTab(currentTab);
-        flag = true;
-        break;
-      case "ArrowRight":
-        this.moveFocusToNextTab(currentTab);
-        flag = true;
-        break;
-      case "Escape":
-        this.closeDropdown();
-        flag = true;
-        break;
-    }
-    if (flag) {
-      event.stopPropagation();
-      event.preventDefault();
-    }
-  }
-  async toggleTabGroup(name) {
-    let self = this;
-    this.tabGroup.forEach((group) => {
-      if (group.header.name === name) {
-        self.selectGroup(group);
-      }
-    });
-  }
-  selectGroup(group) {
-    let self = this;
-    self.tabGroup.forEach((_) => {
-      _.header.unselect();
-      _.content.unselect();
-    });
-    group.header.select();
-    group.content.select();
-    self.selectedValue = group.header.name;
-    this.calculateHeaderTabsRendering();
-    this.tabChange.emit({ value: group.header.text, sender: group.header });
-  }
-  onDropdownItemSelected(selectedItem) {
-    if (selectedItem) {
-      let selectedTabGroub = this.tabGroup.find((group) => {
-        return group.header.name == selectedItem.value;
-      });
-      if (selectedTabGroub) {
-        this.selectGroup(selectedTabGroub);
-      }
-    }
-  }
-  render() {
-    return (index.h(index.Host, { class: this.type }, index.h("div", { class: "tabs-header-container" }, index.h("div", { class: "tabs-header" }, index.h("slot", { name: "header" })), index.h("ptc-ellipsis-dropdown", { "dropdown-type": this.type, class: this.type == "tab-with-banner"
-        ? "ellipsis-btn tab-with-banner"
-        : "ellipsis-btn default", onItemSelected: (e) => {
-        this.onDropdownItemSelected(e.detail);
-      } })), index.h("div", { class: "tabs-content" }, index.h("slot", { name: "content" }))));
-  }
-  get host() { return index.getElement(this); }
-};
-PtcTabList.style = ptcTabListCss;
-
-exports.ptc_tab_list = PtcTabList;

package/dist/cjs/ptc-tab.cjs.entry.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcTabsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";
-
-const Tab = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.optionClicked = undefined;
-    this.label = undefined;
-    this.price = undefined;
-    this.active = undefined;
-    this.disabled = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("div", { class: classMap }, index.h("span", { class: "left-text" }, index.h("slot", { name: "right-text" })), index.h("span", { class: "right-text" }, index.h("slot", { name: "right-text" })))));
-  }
-  getCssClassMap() {
-    return {
-      ["ptc-pricing-block"]: true,
-      ["active"]: this.active ? true : false,
-    };
-  }
-};
-Tab.style = ptcTabsCss;
-
-exports.ptc_tab = Tab;

package/dist/cjs/ptc-tabs.cjs.entry.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcTabsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";
-
-const Tabs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tabChange = index.createEvent(this, "tabChange", 7);
-    this.tabs = [];
-  }
-  componentWillLoad() {
-    // Grab tabs from this component
-    this.tabs = Array.from(this.el.querySelectorAll("ptc-tab"));
-    if (this.tabs.length === 0) {
-      throw new Error("[ptc-tabs] Must have at least one tab");
-    }
-  }
-  async openTab(index) {
-    //Loops through tabs
-    if (index >= this.tabs.length) {
-      throw new Error(`[ptc-tabs] Index ${index} is out of bounds of tabs length`);
-    }
-    if (!this.tabs[index].disabled) {
-      this.tabs = this.tabs.map((tab, i) => {
-        tab.active = i === index;
-        return tab;
-      });
-      // How they react to change
-      this.tabChange.emit({ tabId: index });
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h("div", { class: classMap }, this.tabs.map((tab, index$1) => {
-      const tabClassMap = {
-        "tab-button": true,
-        active: tab.active,
-      };
-      return [
-        // assigned properties
-        index.h("div", { role: "tab", class: tabClassMap, onClick: () => this.openTab(index$1) }, tab.label, tab.price, index.h("div", { class: classMap }, index.h("span", { class: "left-text" }, index.h("slot", { name: "right-text" })), index.h("span", { class: "right-text" }, index.h("slot", { name: "right-text" })))),
-      ];
-    })));
-  }
-  getCssClassMap() {
-    return {
-      "tabs-list": true,
-    };
-  }
-  get el() { return index.getElement(this); }
-};
-Tabs.style = ptcTabsCss;
-
-exports.ptc_tabs = Tabs;

package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{filter:url(#blur);-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none;border-radius:4px}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1)}:host(.bottom-left) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1) scaleX(-1);left:80px;right:auto}:host(.top-left) .tcb-top-slit{top:-1px;bottom:auto;transform:scale(1.5, 1) rotate(180deg);left:80px;right:auto}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}@media (prefers-reduced-motion: reduce){:host(.case-studies) .card-wrap::after{animation:none}:host(.case-studies) .card-wrap::before{animation:none}:host(.case-studies) .card-wrap .card-animated-border::before{animation:none}:host(.case-studies) .card-wrap .card-animated-border::after{animation:none}:host(.case-studies) .card-wrap .card-content{opacity:1;visibility:visible;animation:none}}:host(.bg-image-absent){padding:0rem}";
-
-const PtcTextCopyWithBackground = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.type = "text-copy-with-background";
-    this.backgroundImage = undefined;
-    this.ImageAltText = undefined;
-    this.topSlitBackgroundColor = undefined;
-    this.slitPosition = "top-right";
-    this.isBackgroundBlur = false;
-    this.overlay = true;
-    this.disableLightLinks = false;
-    this.styles = undefined;
-  }
-  componentDidLoad() {
-    var _a;
-    // Run logic only if type is 'hero-footer-cta'
-    if (this.hostEle.getAttribute("type") === "hero-footer-cta") {
-      const centerWell = document.querySelector(".center-well");
-      if (centerWell) {
-        const sectionCount = centerWell.querySelectorAll(":scope > section").length;
-        // Add class only if more than one <section> inside .center-well
-        if (sectionCount > 1) {
-          (_a = this.hostEle.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add("text-copy-footer-cta");
-        }
-      }
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const slitFill = this.getSlitFillColor();
-    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, index.h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ? (index.h("div", { class: "" }, index.h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur && (index.h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })))) : null, this.overlay && index.h("div", { class: "copy-bg-overlay-layer" }), index.h("div", { class: "content-wrap" }, this.type == "case-studies" && (index.h("div", { class: "ptc-container" }, index.h("div", { class: "card-wrap" }, index.h("div", { class: "card-animated-border" }), index.h("div", { class: "card-content" }, index.h("div", { class: "card-layout" }, index.h("slot", { name: "card-content" })))))), index.h("slot", null))));
-  }
-  getSlitFillColor() {
-    let slitFill = "#fff";
-    if (this.topSlitBackgroundColor == "auto") {
-      let style = getComputedStyle(document.body);
-      if (style && style.backgroundColor) {
-        slitFill = style.backgroundColor;
-      }
-    }
-    else {
-      slitFill = this.topSlitBackgroundColor;
-    }
-    return slitFill;
-  }
-  getCssClassMap() {
-    return {
-      [this.type]: true,
-      [this.slitPosition]: true,
-      ["light-links"]: this.overlay && !this.disableLightLinks,
-      ["bg-image-absent"]: !this.backgroundImage &&
-        this.type == "text-copy-with-background",
-    };
-  }
-  get hostEle() { return index.getElement(this); }
-};
-PtcTextCopyWithBackground.style = ptcTextCopyWithBackgroundCss;
-
-exports.ptc_text_copy_with_background = PtcTextCopyWithBackground;