@ptcwebops/ptcw-design 6.3.65-beta → 6.3.68-beta

package/dist/esm/ptc-value-led-layout.entry.js

@@ -37,28 +37,37 @@ const PtcValueLedLayout = class {
     //if (!this.isMobile) {
     this.setActiveItem();
     //}
-    this.selectBtn = this.hostElement.shadowRoot.querySelector('.select-button');
-    this.customSelect = this.hostElement.shadowRoot.querySelector(".custom-select");
+    this.selectBtn =
+      this.hostElement.shadowRoot.querySelector(".select-button");
+    this.customSelect =
+      this.hostElement.shadowRoot.querySelector(".custom-select");
     this.optionsList = this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li");
-    this.selectBtn.addEventListener('click', this.handleSelectButtonClick.bind(this));
+    this.selectBtn.addEventListener("click", this.handleSelectButtonClick.bind(this));
     this.customSelectDropdown();
-    document.querySelectorAll('.video-embad-container-value-led-class').forEach(item => {
-      const ptcContainer = item.querySelector('.ptc-container');
+    document
+      .querySelectorAll(".video-embad-container-value-led-class")
+      .forEach((item) => {
+      const ptcContainer = item.querySelector(".ptc-container");
       if (ptcContainer) {
-        ptcContainer.classList.remove('ptc-container');
-        item.classList.add('u-paddingTop-flush');
+        ptcContainer.classList.remove("ptc-container");
+        item.classList.add("u-paddingTop-flush");
       }
     });
   }
   handleScroll() {
-    const scrollableEl = this.hostElement.shadowRoot.querySelector('.vl-layout-wrap');
+    const scrollableEl = this.hostElement.shadowRoot.querySelector(".vl-layout-wrap");
     if (scrollableEl) {
       const divRect = scrollableEl.getBoundingClientRect();
-      if (window.scrollY >= divRect.top && window.scrollY <= divRect.height) {
+      if (window.scrollY >= divRect.top &&
+        window.scrollY <= divRect.height) {
         this.setActiveItem();
-        const activeListItem = this.hostElement.shadowRoot.querySelector('.vl-list-wrap ul li.active');
+        const activeListItem = this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");
         if (activeListItem) {
-          activeListItem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+          activeListItem.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "nearest",
+          });
         }
       }
     }
@@ -67,10 +76,10 @@ const PtcValueLedLayout = class {
     this.setActiveItem();
   }
   handleKeyDown(event) {
-    if (event.key === 'ArrowUp' ||
-      event.key === 'ArrowDown' ||
-      event.key === 'PageUp' ||
-      event.key === 'PageDown') {
+    if (event.key === "ArrowUp" ||
+      event.key === "ArrowDown" ||
+      event.key === "PageUp" ||
+      event.key === "PageDown") {
       this.setActiveItem();
     }
   }
@@ -102,42 +111,50 @@ const PtcValueLedLayout = class {
     this.customSelectDropdown();
   }
   handleDropdownScroll() {
-    let dropdownWrap = this.hostElement.shadowRoot.querySelector('.custom-select');
+    let dropdownWrap = this.hostElement.shadowRoot.querySelector(".custom-select");
     if (dropdownWrap) {
-      let body = dropdownWrap.querySelector('.select-dropdown');
+      let body = dropdownWrap.querySelector(".select-dropdown");
       var height = body.clientHeight;
       var scrollHeight = body.scrollHeight;
       var scrollTop = body.scrollTop;
       var offset = body.offsetHeight;
-      if (height < scrollHeight) { //has scrollbar
-        if (scrollTop > 0) { //can scroll up
-          dropdownWrap.classList.add('scroll-top');
+      if (height < scrollHeight) {
+        //has scrollbar
+        if (scrollTop > 0) {
+          //can scroll up
+          dropdownWrap.classList.add("scroll-top");
         }
         else {
-          dropdownWrap.classList.remove('scroll-top');
+          dropdownWrap.classList.remove("scroll-top");
         }
-        if (offset + scrollTop < scrollHeight) { //can scroll down
-          dropdownWrap.classList.add('scroll-bottom');
+        if (offset + scrollTop < scrollHeight) {
+          //can scroll down
+          dropdownWrap.classList.add("scroll-bottom");
         }
         else {
-          dropdownWrap.classList.remove('scroll-bottom');
+          dropdownWrap.classList.remove("scroll-bottom");
         }
       }
     }
   }
   handleSelectButtonClick() {
     this.customSelect.classList.toggle("active");
-    this.selectBtn.setAttribute("aria-expanded", this.selectBtn.getAttribute("aria-expanded") === "true" ? "false" : "true");
+    this.selectBtn.setAttribute("aria-expanded", this.selectBtn.getAttribute("aria-expanded") === "true"
+      ? "false"
+      : "true");
   }
   getSidebarList() {
-    const sidebarList = document.querySelectorAll('.vl-content-item');
-    sidebarList.forEach(listItem => {
+    const sidebarList = document.querySelectorAll(".vl-content-item");
+    sidebarList.forEach((listItem) => {
       var _a, _b, _c, _d;
       //let itemTitle = listItem.getAttribute('comp-title');
-      let itemTitle = ((_b = (_a = listItem.querySelector('ptc-title h2')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || ((_d = (_c = listItem.querySelector('ptc-title h1')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim());
-      let itemRef = listItem.getAttribute('id');
+      let itemTitle = ((_b = (_a = listItem.querySelector("ptc-title h2")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) ||
+        ((_d = (_c = listItem.querySelector("ptc-title h1")) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim());
+      let itemRef = listItem.getAttribute("id");
       let vlItem = { title: itemTitle, ref: itemRef };
-      this.sidebarData.push(vlItem);
+      if (!!itemTitle && !!itemRef) {
+        this.sidebarData.push(vlItem);
+      }
     });
   }
   setActiveItem() {
@@ -154,58 +171,65 @@ const PtcValueLedLayout = class {
     else {
       this.updateActiveItem(0);
       if (this.isMobile) {
-        this.selectedValue.textContent = this.optionsList[0].textContent;
+        this.selectedValue.textContent =
+          this.optionsList[0].textContent;
       }
     }
   }
   updateActiveItem(index) {
     const listItem = this.hostElement.shadowRoot.querySelector(`.vl-list-wrap ul li:nth-child(${index + 1})`);
-    const activeListItem = this.hostElement.shadowRoot.querySelector('.vl-list-wrap ul li.active');
+    const activeListItem = this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");
     if (activeListItem) {
-      activeListItem.classList.remove('active');
+      activeListItem.classList.remove("active");
     }
     if (listItem) {
-      listItem.classList.add('active');
+      listItem.classList.add("active");
     }
     // Update the selected option in the mobile select
-    this.mobileSelect = this.hostElement.shadowRoot.querySelector('.mobile-select');
+    this.mobileSelect = this.hostElement.shadowRoot.querySelector(".mobile-select");
     if (this.mobileSelect) {
       // this.mobileSelect.selectedIndex = index;
-      this.selectedValue = this.hostElement.shadowRoot.querySelector(".selected-value");
+      this.selectedValue =
+        this.hostElement.shadowRoot.querySelector(".selected-value");
       this.optionsList = this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li");
       this.optionsList.forEach((option) => {
         if (parseInt(option.id) === index) {
-          this.selectedValue.textContent = option.children[1].textContent;
+          this.selectedValue.textContent =
+            option.children[1].textContent;
         }
       });
       const listItemDrop = this.hostElement.shadowRoot.querySelector(`.select-dropdown li:nth-child(${index + 1})`);
-      const activeListItemDrop = this.hostElement.shadowRoot.querySelector('.select-dropdown li.active');
+      const activeListItemDrop = this.hostElement.shadowRoot.querySelector(".select-dropdown li.active");
       if (activeListItemDrop) {
-        activeListItemDrop.classList.remove('active');
+        activeListItemDrop.classList.remove("active");
       }
       if (listItemDrop) {
-        listItemDrop.classList.add('active');
+        listItemDrop.classList.add("active");
       }
     }
   }
   handleSelectChange(selectedIndex) {
     const section = document.getElementById(this.sidebarData[selectedIndex].ref);
     if (section) {
-      section.scrollIntoView({ behavior: 'smooth' });
+      section.scrollIntoView({ behavior: "smooth" });
       const sectionTop = section.offsetTop;
       window.scrollTo(0, sectionTop - 75);
     }
   }
   customSelectDropdown() {
-    this.selectedValue = this.hostElement.shadowRoot.querySelector(".selected-value");
+    this.selectedValue =
+      this.hostElement.shadowRoot.querySelector(".selected-value");
     if (this.customSelect && this.isMobile) {
       // add click event to select button
       this.optionsList.forEach((option, index) => {
         // Use arrow function to preserve the 'this' context
         const handler = (e) => {
           // Click Events
-          if (e.type === "click" && e.clientX !== 0 && e.clientY !== 0) {
-            this.selectedValue.textContent = option.children[1].textContent;
+          if (e.type === "click" &&
+            e.clientX !== 0 &&
+            e.clientY !== 0) {
+            this.selectedValue.textContent =
+              option.children[1].textContent;
             this.customSelect.classList.remove("active");
             // Call handleSelectChange with the selected index
             this.handleSelectChange(index);
@@ -229,19 +253,25 @@ const PtcValueLedLayout = class {
   onMenuitemKeydown(event) {
     let tgt = event.currentTarget, key = event.key;
     //let flag = false;
-    let dropdownLength = this.hostElement.shadowRoot.querySelectorAll('.select-dropdown li').length;
-    let dropButton = this.hostElement.shadowRoot.querySelector('.select-button');
+    let dropdownLength = this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li").length;
+    let dropButton = this.hostElement.shadowRoot.querySelector(".select-button");
     if (event.ctrlKey || event.altKey || event.metaKey) {
       return;
     }
-    if (key === 'Tab') {
-      if ((dropdownLength - 1) == tgt.id) {
+    if (key === "Tab") {
+      if (dropdownLength - 1 == tgt.id) {
         dropButton.focus();
       }
     }
   }
   render() {
-    return (h(Host, null, h("div", { class: 'top-image', style: { backgroundImage: `url(${this.topBackgroundImage})` } }), h("div", { class: 'ptc-container' }, h("div", { class: "pdf-slot-wrapper" }, h("slot", { name: 'pdf-slot' })), h("div", { class: "vl-layout-wrap" }, (this.sidebarData.length > 0 && !this.isMobile) && (h("div", { class: 'vl-sidebar' }, h("div", { class: 'vl-list-wrap' }, h("ul", { id: 'vl-side-list' }, this.sidebarData.map((item, index) => (h("li", { id: 'list-' + index, class: 'mf-listen' }, h("a", { href: "#" + item.ref, id: index, onClick: () => { this.updateActiveItem(index); } }, h("ptc-tooltip", { "max-length": "70", description: item.title, "no-overflow": "true" }))))))))), h("span", { style: { display: 'none !important' } }), h("div", { class: 'vl-content-wrap' }, h("div", { class: "custom-select mobile-select" }, h("button", { class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h("span", { class: "selected-value" }, "Select option"), h("span", { class: "arrow" })), h("ul", { class: "select-dropdown", role: "listbox", id: "select-dropdown", onScroll: () => this.handleDropdownScroll() }, this.sidebarData.map((item, index) => (h("li", { role: "option", id: index, onClick: () => this.selectDropOption(index), tabIndex: 0, onKeyDown: (e) => { this.onMenuitemKeydown(e); } }, h("input", { type: "radio", id: item.title, name: "vl-drop-list", tabIndex: -1 }), h("label", { htmlFor: item.title }, h("i", { class: "bx bxl-github" }), item.title)))))), h("div", { class: 'vl-content-slot-wrap' }, h("slot", null)))))));
+    return (h(Host, null, h("div", { class: "top-image", style: {
+        backgroundImage: `url(${this.topBackgroundImage})`,
+      } }), h("div", { class: "ptc-container" }, h("div", { class: "pdf-slot-wrapper" }, h("slot", { name: "pdf-slot" })), h("div", { class: "vl-layout-wrap" }, this.sidebarData.length > 0 && !this.isMobile && (h("div", { class: "vl-sidebar" }, h("div", { class: "vl-list-wrap" }, h("ul", { id: "vl-side-list" }, this.sidebarData.map((item, index) => (h("li", { id: "list-" + index, class: "mf-listen" }, h("a", { href: "#" + item.ref, id: index, onClick: () => {
+        this.updateActiveItem(index);
+      } }, h("ptc-tooltip", { "max-length": "70", description: item.title, "no-overflow": "true" }))))))))), h("span", { style: { display: "none !important" } }), h("div", { class: "vl-content-wrap" }, h("div", { class: "custom-select mobile-select" }, h("button", { class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h("span", { class: "selected-value" }, "Select option"), h("span", { class: "arrow" })), h("ul", { class: "select-dropdown", role: "listbox", id: "select-dropdown", onScroll: () => this.handleDropdownScroll() }, this.sidebarData.map((item, index) => (h("li", { role: "option", id: index, onClick: () => this.selectDropOption(index), tabIndex: 0, onKeyDown: (e) => {
+        this.onMenuitemKeydown(e);
+      } }, h("input", { type: "radio", id: item.title, name: "vl-drop-list", tabIndex: -1 }), h("label", { htmlFor: item.title }, h("i", { class: "bx bxl-github" }), item.title)))))), h("div", { class: "vl-content-slot-wrap" }, h("slot", null)))))));
   }
   get hostElement() { return getElement(this); }
 };

package/dist/esm/ptc-value-led-speed-bump.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-c83db688.js';
 
-const ptcValueLedSpeedBumpCss = "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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .sb-card{display:block;border-radius:var(--ptc-border-radius-standard);background:var(--color-white);box-shadow:var(--ptc-shadow-x-small);text-decoration:none}@media only screen and (min-width: 480px){:host .sb-card{display:flex}}:host .sb-card .img-wrap{width:100%;max-height:120px;overflow:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 480px){:host .sb-card .img-wrap{max-width:120px;max-height:initial;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:0px;border-bottom-left-radius:var(--ptc-border-radius-standard)}}:host .sb-card .img-wrap ptc-picture{height:100%;min-height:95px}:host .sb-card .card-content-wrap{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--ptc-element-spacing-04);box-sizing:border-box}:host .sb-card .card-content-wrap .card-content ::slotted([slot=title-slot]){color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small) !important;font-weight:var(--ptc-font-weight-bold) !important;line-height:var(--ptc-line-height-p) !important;margin:0 0 4px 0;text-decoration:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .card-content{padding-right:var(--ptc-element-spacing-06)}}:host .sb-card .card-content-wrap p{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);margin:0 0 4px 0;text-decoration:none}:host .sb-card .card-content-wrap p{margin:0;font-weight:var(--ptc-font-weight-medium)}:host .sb-card .card-content-wrap .cta-slot{display:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .cta-slot{display:block;min-width:140px;text-align:right}}";
+const ptcValueLedSpeedBumpCss = "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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .sb-card{display:block;border-radius:var(--ptc-border-radius-standard);background:var(--color-white);box-shadow:var(--ptc-shadow-x-small);text-decoration:none}@media only screen and (min-width: 480px){:host .sb-card{display:flex}}:host .sb-card .img-wrap{width:100%;max-height:120px;overflow:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 480px){:host .sb-card .img-wrap{max-width:120px;max-height:initial;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:0px;border-bottom-left-radius:var(--ptc-border-radius-standard)}}:host .sb-card .img-wrap ptc-picture{height:100%;min-height:95px}:host .sb-card .card-content-wrap{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--ptc-element-spacing-04);box-sizing:border-box}:host .sb-card .card-content-wrap .card-content ::slotted([slot=title-slot]){color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small) !important;font-weight:var(--ptc-font-weight-bold) !important;line-height:var(--ptc-line-height-p) !important;margin:0 0 4px 0;text-decoration:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .card-content{padding-right:var(--ptc-element-spacing-06)}}:host .sb-card .card-content-wrap p{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);margin:0 0 4px 0;text-decoration:none}:host .sb-card .card-content-wrap p{margin:0;font-weight:var(--ptc-font-weight-medium)}:host .sb-card .card-content-wrap .cta-slot{display:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .cta-slot{display:block;min-width:140px;text-align:right}}";
 
 const PtcValueLedSpeedBump = class {
   constructor(hostRef) {
@@ -14,13 +14,16 @@ const PtcValueLedSpeedBump = class {
   }
   componentWillLoad() {
     this.isMobile = window.innerWidth < 768;
-    this.ctaLink = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('link-href');
-    this.ctaTarget = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('target');
+    this.ctaLink = document
+      .querySelector("ptc-value-led-speed-bump ptc-button")
+      .getAttribute("link-href");
+    this.ctaTarget = document
+      .querySelector("ptc-value-led-speed-bump ptc-button")
+      .getAttribute("target");
   }
   render() {
-    const Tag = !!this.isMobile ? 'a' : 'div';
-    return (h(Host, null, h(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage &&
-      h("div", { class: 'img-wrap' }, h("ptc-picture", { alt: "image", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "img{ min-height: 95px}" })), h("div", { class: 'card-content-wrap' }, h("div", { class: 'card-content' }, h("slot", { name: 'title-slot' }), h("p", null, h("slot", null))), h("div", { class: 'cta-slot' }, h("slot", { name: 'cta-slot' }))))));
+    const Tag = !!this.isMobile ? "a" : "div";
+    return (h(Host, null, h(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage && (h("div", { class: "img-wrap" }, h("ptc-picture", { alt: "image", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "img{ min-height: 95px}" }))), h("div", { class: "card-content-wrap" }, h("div", { class: "card-content" }, h("slot", { name: "title-slot" }), h("p", null, h("slot", null))), h("div", { class: "cta-slot" }, h("slot", { name: "cta-slot" }))))));
   }
 };
 PtcValueLedSpeedBump.style = ptcValueLedSpeedBumpCss;

package/dist/esm/ptc-value-prop-card.entry.js

@@ -6,13 +6,13 @@ const PtcValuePropCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.cardHref = undefined;
-    this.target = '_self';
+    this.target = "_self";
     this.rel = undefined;
     this.cardTitle = undefined;
     this.backgroundImage = undefined;
   }
   render() {
-    return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: 'vp-card' }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: 'caption' }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-z-index": "z-auto" }, this.cardTitle), h("slot", null))))));
+    return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: "vp-card" }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: "caption" }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-z-index": "z-auto" }, this.cardTitle), h("slot", null))))));
   }
 };
 PtcValuePropCard.style = ptcValuePropCardCss;

package/dist/esm/ptc-video-embed.entry.js

@@ -7,7 +7,7 @@ const PtcVideoEmbed = class {
     registerInstance(this, hostRef);
     this.src = undefined;
     this.width = undefined;
-    this.type = 'Brightcove';
+    this.type = "Brightcove";
     this.videoLoaded = undefined;
   }
   componentWillLoad() {
@@ -17,13 +17,13 @@ const PtcVideoEmbed = class {
     return this.getRenderer();
   }
   renderPreloader() {
-    return (h("div", { class: "skeleton-block" }));
+    return h("div", { class: "skeleton-block" });
   }
   renderHtmlVideoEmbed() {
-    let videoUrl = this.src || '';
+    let videoUrl = this.src || "";
     let type = "video/mp4";
-    if (videoUrl.indexOf('.') > 0) {
-      videoUrl.split('.');
+    if (videoUrl.indexOf(".") > 0) {
+      videoUrl.split(".");
     }
     return (h("div", { class: "video-container", style: this.getWidth() }, h("div", { class: "html-video" }, h("video", { controls: true }, h("source", { src: videoUrl, type: type })))));
   }
@@ -33,37 +33,37 @@ const PtcVideoEmbed = class {
   renderBrightcoveVideoEmbed() {
     return (h("div", { class: "video-container", style: this.getWidth() }, h("iframe", { src: `https://players.brightcove.net/1532789042001/HknUe20R_default/index.html?videoId=${this.src}`, allowfullScreen: true, allow: "encrypted-media" })));
     /*return (
-        <div class="video-module embed-responsive embed-responsive-16by9">
-            <div>
-                <video-js data-account="1532789042001" data-player="HknUe20R" data-embed="default"
-                    controls="" data-video-id={this.src} data-playlist-id="" data-application-id=""
-                    class="vjs-fluid">
-                </video-js>
+            <div class="video-module embed-responsive embed-responsive-16by9">
+                <div>
+                    <video-js data-account="1532789042001" data-player="HknUe20R" data-embed="default"
+                        controls="" data-video-id={this.src} data-playlist-id="" data-application-id=""
+                        class="vjs-fluid">
+                    </video-js>
+                </div>
+                <script
+                    src="https://players.brightcove.net/1532789042001/HknUe20R_default/index.min.js"></script>
             </div>
-            <script
-                src="https://players.brightcove.net/1532789042001/HknUe20R_default/index.min.js"></script>
-        </div>
-    );*/
+        );*/
   }
   getWidth() {
     if (this.width) {
       return {
         maxWidth: `${this.width}px`,
-        width: '100%'
+        width: "100%",
       };
     }
     else {
       return {
-        width: '100%'
+        width: "100%",
       };
     }
   }
   getRenderer() {
     if (this.videoLoaded) {
       switch (this.type) {
-        case 'Youtube':
+        case "Youtube":
           return this.renderYoutubeVideoEmbed();
-        case 'Brightcove':
+        case "Brightcove":
           return this.renderBrightcoveVideoEmbed();
         default:
           return this.renderHtmlVideoEmbed();