@ptcwebops/ptcw-design 6.3.17-beta → 6.3.18-beta

package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.js

@@ -145,7 +145,6 @@ export class BlogDetailContent {
         this.preloaderDependency = new PreloaderDependency(preloader);
       }
       setTimeout(() => {
-        console.log("Blog detail content resolving promise");
         this.preloaderDependency.resolve();
       }, 10000);
     };

package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.js

@@ -33,7 +33,6 @@ export class BlogDetailLayout {
         this.preloaderDependency = new PreloaderDependency(preloader);
       }
       setTimeout(() => {
-        console.log("Blog detail layout resolving promise");
         this.preloaderDependency.resolve();
       }, 5000);
     };

package/dist/collection/components/organism-bundles/blogs-search-section/blogs-search-section.js

@@ -110,7 +110,6 @@ export class BlogsSearchSection {
         this.getResults();
       });
       mobileFiltersModalCta.addEventListener('clicked', () => {
-        console.log("Modal open");
         mobileFiltersModal.setAttribute('show', 'true');
       });
       mobileFiltersModal.addEventListener('opened', () => {
@@ -173,7 +172,6 @@ export class BlogsSearchSection {
   }
   getResults() {
     setTimeout(() => {
-      console.log("Blogs search section resolving promise");
       this.preloaderDependency.resolve();
       // this.isLoading = false;
       this.data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];

package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js

@@ -13,7 +13,6 @@ export class BundleExample {
     this.updateMaxHeight();
   }
   squareHeightChangedHandler(event) {
-    //console.log('Received the height:', event.detail); // Here you get the height
     this.cardHeights = [...this.cardHeights, event.detail];
     this.updateMaxHeight();
   }
@@ -26,7 +25,6 @@ export class BundleExample {
   }
   updateMaxHeight() {
     this.maxCardHeight = Math.max(...this.cardHeights, 0); // Update maxHeight based on the current cardHeights
-    console.log('cardheights: ' + this.cardHeights);
   }
   render() {
     return (h(Host, null, h("div", { class: "is-grid has-col-2 has-col-2-sm has-col-3-md has-col-4-lg has-col-5-xl has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))))));

package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js

@@ -87,7 +87,6 @@ export class EventJumbotronExample {
     else if (!this.isDesktop) {
       if (!this.isDragging) {
         const modal = document.getElementById(`modal-${cardIndex}`);
-        // console.log('open: ' + modal.id);
         modal.show = true;
       }
     }
@@ -115,7 +114,6 @@ export class EventJumbotronExample {
     const card = panel.querySelector('.no-content-card');
     if (card) {
       const button = card.querySelector('ptc-button');
-      // console.log('button: ' + button.innerHTML);
       if (button) {
         const link = button.shadowRoot.querySelector('a');
         if (link) {
@@ -192,7 +190,6 @@ export class EventJumbotronExample {
     document.addEventListener('keydown', event => {
       if (event.key === 'Tab' || event.key === 'Enter' || event.key === ' ') {
         this.openedWithKeyboard = true;
-        // console.log('keyboard status: ' + this.openedWithKeyboard);
       }
     });
     document.addEventListener('mousedown', () => {

package/dist/collection/components/organism-bundles/form/academic-form/academic-form-test.js

@@ -39,27 +39,20 @@ export class AcademicForm {
     this.formData.lastName = this.lastNameEle.inputValue;
     this.formData.company = this.companyEle.inputValue;
     this.formData.phone = this.phoneEle.inputValue;
-    // this.formData.country = this.countryEle.inputValue;
-    // this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
-    // this.formData.howhearselfreport = this.howhearselfreport.inputValue;
-    // console.log("get form Data: " + this.formData.email)
     if (this.isValid()) {
       const formSubmitEvent = new CustomEvent('formSubmit', {
         detail: this.formData,
         bubbles: true,
       });
       this.el.dispatchEvent(formSubmitEvent);
-      console.log('Form Submitted: ' + this.formData);
     }
     else {
       console.log('Form validation failed');
-      console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone);
     }
   }
   isValid() {
     const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
     const invalidLength = document.querySelectorAll('.invalid-field').length;
-    // console.log('invalid fields length: ' + invalidLength), check the select field
     return (email !== '' &&
       phone !== '' &&
       firstName !== '' &&

package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js

@@ -40,13 +40,6 @@ export class EmbeddedForm {
       console.log('No Data Lookup...');
     }
   }
-  // private init_notme(): void{
-  //   const topAdditional = document.getElementById('not-me-additional-top');
-  //   const bottomAdditional = document.getElementById('not-me-additional-bottom');
-  //   console.log("top: " + topAdditional)
-  //   if(topAdditional) topAdditional.style.display = 'none';
-  //   if(bottomAdditional) bottomAdditional.style.display = 'none';
-  // }
   handleInputChange(field, value) {
     this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
   }
@@ -69,7 +62,6 @@ export class EmbeddedForm {
         });
         this.el.dispatchEvent(formSubmitEvent);
         this.isSubmitted = true;
-        console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone, this.formData.country, this.formData.inquiryReason, this.formData.howhearselfreport, this.formData.policyChecked);
       }
       else {
         console.log('Form validation failed');
@@ -83,7 +75,6 @@ export class EmbeddedForm {
   isValid() {
     const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
     const invalidLength = document.querySelectorAll('.invalid-field').length;
-    // console.log('invalid fields length: ' + invalidLength), check the select field
     return (email !== '' &&
       phone !== '' &&
       firstName !== '' &&

package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js

@@ -36,11 +36,9 @@ export class FooterForm {
         bubbles: true,
       });
       this.el.dispatchEvent(formSubmitEvent);
-      console.log('Form Submitted: ' + this.formData);
     }
     else {
       console.log('Form validation failed');
-      console.log('Form Submitted: ' + this.formData.email);
     }
   }
   isValid() {

package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js

@@ -39,27 +39,20 @@ export class PtcForm {
     this.formData.lastName = this.lastNameEle.inputValue;
     this.formData.company = this.companyEle.inputValue;
     this.formData.phone = this.phoneEle.inputValue;
-    // this.formData.country = this.countryEle.inputValue;
-    // this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
-    // this.formData.howhearselfreport = this.howhearselfreport.inputValue;
-    // console.log("get form Data: " + this.formData.email)
     if (this.isValid()) {
       const formSubmitEvent = new CustomEvent('formSubmit', {
         detail: this.formData,
         bubbles: true,
       });
       this.el.dispatchEvent(formSubmitEvent);
-      console.log('Form Submitted: ' + this.formData);
     }
     else {
       console.log('Form validation failed');
-      console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone);
     }
   }
   isValid() {
     const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
     const invalidLength = document.querySelectorAll('.invalid-field').length;
-    // console.log('invalid fields length: ' + invalidLength), check the select field
     return (email !== '' &&
       phone !== '' &&
       firstName !== '' &&

package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.js

@@ -57,7 +57,6 @@ export class HomepageJumbotron {
           },
         },
       });
-      console.log('running swiper');
     }
   }
   destroySlider() {
@@ -91,7 +90,6 @@ export class HomepageJumbotron {
   updateTileElements() {
     const tiles = Array.from(this.el.querySelectorAll(`[slot^="jumbotron-tile-${this.activeTab}"]`));
     this.tileElements = tiles;
-    //console.log('tile check: ' + tiles[0].outerHTML);
   }
   onItemSelected(event) {
     this.isTransitioning = true;

package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.css

@@ -1136,4 +1136,8 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
 }
 .ptc-icon-card-slider-wrapper .swiper-container {
   clip-path: inset(0px -10px 0px -10px);
+  padding-left: 24px;
+  padding-right: 24px;
+  margin-left: -24px;
+  margin-right: -24px;
 }

package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.js

@@ -4,16 +4,6 @@ export class PtcIconCardSliderExample {
   componentDidLoad() {
     setTimeout(() => {
       let list = this.el.querySelector('.ptc-icon-slider-cards');
-      // let slides = list.querySelectorAll('.swiper-wrapper .swiper-slide');
-      // const marginRight = 40; // Margin-right in pixels
-      // const totalMargins = (slides.length) * marginRight; // Total margin space for all slides
-      // const containerWidth = list.clientWidth - totalMargins; // Available width after margins
-      // if (slides.length < 4) {
-      //     console.log('Less than 4 slides detected. Adjusting widths...');
-      //     slides.forEach((slide) => {
-      //         (slide as HTMLElement).style.flex = `1 0 ${containerWidth / Math.min(3, slides.length)}px`;
-      //     });
-      // }
       this.listSwp = new Swiper(list, {
         modules: [Navigation, Pagination, Scrollbar, Mousewheel],
         slidesPerView: 'auto',

package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js

@@ -83,7 +83,6 @@ export class SequentialBundle {
           loop: true,
           slidesPerView: 1,
         });
-        console.log("running swiper");
       }
     }
   }

package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js

@@ -11,17 +11,12 @@ export class SequentialBundleExample {
   }
   handleResize() {
     this.updateIsMobile();
-    // console.log('handleResize: isMobile: ' + this.isMobile);
   }
   watchStateHandler() {
-    console.log('Runing Watch/ismobilechange: isMobile updated and Start handleIsMobileChange');
-    console.log('Start Watch: isMobile: ' + this.isMobile);
     if (this.isMobile && !this.mySwiper && this.isConnected) {
-      console.log('watch/ismobileChange condition1: Run swiper');
       let that = this;
       const createSwiper = () => {
         let tempSwiperContainer = that.el.shadowRoot.querySelector('.swiper-container');
-        console.log("find container: " + tempSwiperContainer);
         if (tempSwiperContainer) {
           that.mySwiper = new Swiper(tempSwiperContainer, {
             slidesPerView: "auto",
@@ -47,25 +42,19 @@ export class SequentialBundleExample {
       createSwiper();
     }
     else if (!this.isMobile && this.mySwiper) {
-      console.log("watch/ismobileChange condition2: it's not swiper and remove it");
       this.mySwiper.destroy(true, true);
       this.mySwiper = null;
     }
   }
   connectedCallback() {
-    console.log('START! isMobile: ' + this.isMobile);
     //if screen is mobile when first load
     this.updateIsMobile();
-    console.log("ConnectedCallback: isMobile: " + this.isMobile);
     this.isConnected = true;
   }
   componentDidLoad() {
-    console.log('Component Did Load');
     this.watchStateHandler();
   }
   disconnectedCallback() {
-    console.log("Running disconnectedCb");
-    //window.removeEventListener('resize', this.handleResize);
     if (this.mySwiper) {
       this.mySwiper.destroy(true, true);
       this.mySwiper = null;
@@ -106,7 +95,6 @@ export class SequentialBundleExample {
     ])));
   }
   updateIsMobile() {
-    // console.log("Checking isMobile...")
     this.isMobile = window.innerWidth < 1200;
   }
   static get is() { return "sequential-bundle-example"; }

package/dist/collection/components/ptc-background-video/ptc-background-video.js

@@ -17,29 +17,6 @@ export class PtcBackgroundVideo {
     this.isIframe = false;
     this.loadedTrue = false;
   }
-  // componentDidLoad() {
-  //   if(this.isIframe){
-  //     const iframe:HTMLIFrameElement = this.el.shadowRoot.querySelector('iframe');
-  //     const iframeDoc = iframe.contentDocument
-  //     const iframeVideo = iframeDoc.querySelector('video');
-  //     console.log("iframe ele: " + iframeDoc.querySelectorAll('video'));
-  //     iframeVideo.style.objectFit = 'cover';
-  //   }
-  // }
-  // @Method()
-  // async toggleVideo() {
-  //   // show a prompt
-  //   this.paused = !this.paused;
-  //   let video = this.el.shadowRoot.querySelector('video') as HTMLVideoElement;
-  //   if (video) {
-  //     if (this.paused) {
-  //       video.pause();
-  //     } else {
-  //       video.play().catch(z => console.error(z));
-  //     }
-  //   }
-  //   console.log('Hello, I am a publish method from ptc-background-video!');
-  // }
   componentDidLoad() {
     if (this.defer) {
       nextUserInteractionEvent(this).then(() => {

package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js

@@ -6,39 +6,6 @@ export class PtcBrightcovVideo {
   componentDidLoad() {
     //  this.loadBrightcovePlayer();
   }
-  // loadBrightcovePlayer() {
-  //   // Load the Brightcove Player library
-  //   const script = document.createElement('script');
-  //   script.src = 'https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js'; // Replace with your actual account and player IDs
-  //   script.async = true;
-  //   script.onerror = (error) => {
-  //     console.error('Error loading Brightcove Player:', error);
-  //   };
-  //   this.el.appendChild(script);
-  //   script.onload = () => this.initializeVideo();
-  //   const bcStyle = document.createElement('link');
-  //   bcStyle.href = 'https://players.brightcove.net/videojs-bc-playlist-ui/3/videojs-bc-playlist-ui.css';
-  //   bcStyle.onerror = (error) => {
-  //     console.error('Error loading Brightcove styles:', error);
-  //   };
-  //   this.el.appendChild(bcStyle);
-  //   bcStyle.onload = () => this.initializeVideo();
-  // }
-  // initializeVideo() {
-  //   console.log('Initializing video with ID:', this.videoId);
-  //   const videoContainer = this.el.querySelector('.video-container');
-  //   if (videoContainer && this.videoId) {
-  //     videoContainer.innerHTML = `<video-js
-  //       id="bcPlayer"
-  //       data-account="1532789042001"
-  //       data-player="dNyUv9zZ6_default"
-  //       data-embed="default"
-  //       data-video-id="${this.videoId}"
-  //       controls
-  //       class="vjs-fill"
-  //     ></video-js>`;
-  //   }
-  // }
   render() {
     return (h("div", { class: 'aspect-ratio-container' }, h("div", { class: "video-container" }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
   }

package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js

@@ -28,7 +28,6 @@ export class PtcCardBottom {
   }
   async addClassOnDefaultSlot() {
     const slot = this.el.shadowRoot.querySelector('slot:not([name])');
-    console.log('slot: ' + slot);
     const assignedElements = slot.assignedElements();
     assignedElements.forEach((ele) => {
       !ele.classList.contains('event-podcast') && ele.classList.add('event-podcast');

package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js

@@ -78,7 +78,6 @@ export class PtcDataLookup {
   init_notme() {
     const topAdditional = document.getElementById('not-me-additional-top');
     const bottomAdditional = document.getElementById('not-me-additional-bottom');
-    console.log("top: " + topAdditional);
     if (topAdditional)
       topAdditional.style.display = 'none';
     if (bottomAdditional)
@@ -87,7 +86,6 @@ export class PtcDataLookup {
   async performDataLookup() {
     if (this.isInitialized) {
       this.elqLib.user_elq_email = this.getCookie('elq-uid');
-      console.log("elqlib.user_elq_email: " + this.elqLib.user_elq_email);
       this.elqLib.find_eloqua_contact();
     }
   }

package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js

@@ -30,7 +30,6 @@ export class PtcFilterDropdown {
         tagName: option.getAttribute('tag-name'), // Store tag name in the options
       }));
     }
-    //console.log(this.internalOptions);
   }
   toggleDropdown() {
     this.isOpen = !this.isOpen;

package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js

@@ -27,7 +27,6 @@ export class PtcFormCheckbox {
       this.checkboxChanged.emit(isCheckedStatus);
       this.isChecked = isCheckedStatus;
       this.validateCheckbox();
-      console.log('log: isChecked:' + this.isChecked);
     }
   }
   componentWillLoad() {
@@ -58,7 +57,6 @@ export class PtcFormCheckbox {
     }
   }
   getValidationMessage(type) {
-    // console.log("lang type: " + type);
     return ValidationMessages[this.language][type];
   }
   handleKeyDown(event) {

package/dist/collection/components/ptc-icon-component/ptc-icon-component.js

@@ -56,23 +56,10 @@ export class PtcIconComponent {
           nextEl: this.swiperButtonNextRef,
           prevEl: this.swiperButtonPrevRef,
         },
-        // keyboard: {
-        //   enabled: true,
-        //   onlyInViewport: true
-        // }
       });
     }
   }
-  //@Listen('readMoreRendered', { target: 'window' })
-  //handlereadMorePressed(el) {
-  //  if(this.iconSwiper && el){
-  //    this.iconSwiper.slideReset(0.001);
-  //    this.iconSwiper.updateAutoHeight(0.001);
-  //  }
-  //}
   disconnectedCallback() {
-    console.log("Running disconnectedCb");
-    //window.removeEventListener('resize', this.handleResize);
     if (this.iconSwiper) {
       this.iconSwiper.destroy(true, true);
       this.iconSwiper = null;

package/dist/collection/components/ptc-img/ptc-img.js

@@ -54,7 +54,6 @@ export class PtcImg {
   //lazy loading
   addIntersectionObserver() {
     if (!this.imgUrl) {
-      console.log('no image!');
       return;
     }
     if ('IntersectionObserver' in window) {

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css

@@ -1303,6 +1303,20 @@ a:focus-visible {
   z-index: 1;
 }
 
+.logo-frame {
+  background-color: transparent;
+  margin-top: 24px;
+  display: flex;
+  width: 152px;
+  height: max-content;
+}
+.logo-frame img {
+  box-sizing: border-box;
+  max-width: 100%;
+  height: 100%;
+  max-height: 64.02px;
+}
+
 .hp-adjustments {
   background-color: var(--color-black);
   height: auto;
@@ -1525,6 +1539,10 @@ a:focus-visible {
   margin-bottom: 0;
   margin-top: 20px;
 }
+:host(.text-jumbotron) .parent .logo-frame {
+  justify-self: center;
+  justify-content: center;
+}
 
 :host(.png-jumbotron) .desktop-media-image,
 :host(.png-jumbotron) .mobile-media-image {

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js

@@ -28,6 +28,7 @@ export class PtcJumbotron {
     this.blogAuthorQueryHref = "";
     this.blogAuthorQueryTarget = "";
     this.hasCountdown = false;
+    this.logo = "";
     this.styles = undefined;
     this.defer = undefined;
     this.hasCtaSlot = undefined;
@@ -69,7 +70,7 @@ export class PtcJumbotron {
       default:
         mediaElement = h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" });
     }
-    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("div", { class: { 'parent': true, 'light-links': this.jumbotronType === 'dark' || this.jumbotronType === 'dark-video', 'hp-adjustments': this.isHomepage, 'transitioning': this.isTransitioning } }, h("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), h("div", { class: "div2 content-container" }, h("div", { class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { class: { "ptc-container": true, "content-layout": true, 'hp-container': this.isHomepage, 'blog-container': (this.jumbotronType === "blog") } }, h("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { name: "breadcrumb" }), h("span", { class: "main-content-items" }, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("slot", { name: "main-title" }), h("slot", { name: "hp-sub-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (!this.isHomepage) && (h("div", null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h("ptc-para", { styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": "w-4", "para-margin": `${this.jumbotronType === 'text' || this.jumbotronType === 'blog' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left', "seo-compatibility-mode": true }, h("p", { innerHTML: this.subTitle, style: { margin: '0' } }), h("p", { style: { margin: '0' } }, h("slot", { name: "blog-date" })), this.jumbotronType === 'blog' && h("div", null, h("ptc-spacer", { breakpoint: 'x-small', size: 'medium' }), h("ptc-spacer", { breakpoint: 'small', size: 'small' }), h("div", { id: "header-blog-author", slot: "blog-author" }, h("div", { class: "image" }, h("img", { alt: this.blogAuthorImageAlt, src: this.blogAuthorImage })), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("a", { class: "blog-author-name mf-listen", tabindex: "0", href: this.blogAuthorQueryHref, target: this.blogAuthorQueryTarget, "aria-label": "Other blogs by author" }, this.blogAuthorName)))))), this.hasCtaSlot && (h("div", { class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === 'text' ? ' text-adjustment' : ''}` }, h("slot", { name: "j-cta" }))))), this.hasPopupVideo && this.jumbotronType !== 'png' ? h("slot", { name: "video" }) : null, this.hasCountdown ? h("slot", { name: "countdown" }) : null, this.jumbotronType === 'png' ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: `img {${this.pngImgStyles}}` }), this.hasPopupVideo ? h("slot", { name: "video" }) : null))) : null, this.jumbotronType === 'gif' ? (h("div", { class: "desktop-media-image desk-gif-adjustment" }, h("img", { src: this.gifSrc }))) : null, this.jumbotronType === 'blog' ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" })))) : null)))));
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("div", { class: { 'parent': true, 'light-links': this.jumbotronType === 'dark' || this.jumbotronType === 'dark-video', 'hp-adjustments': this.isHomepage, 'transitioning': this.isTransitioning } }, h("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), h("div", { class: "div2 content-container" }, h("div", { class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { class: { "ptc-container": true, "content-layout": true, 'hp-container': this.isHomepage, 'blog-container': (this.jumbotronType === "blog") } }, h("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { name: "breadcrumb" }), !!this.logo && h("div", { class: "logo-frame" }, h("img", { alt: "Logo", src: this.logo })), h("span", { class: "main-content-items" }, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("slot", { name: "main-title" }), h("slot", { name: "hp-sub-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (!this.isHomepage) && (h("div", null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h("ptc-para", { styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": "w-4", "para-margin": `${this.jumbotronType === 'text' || this.jumbotronType === 'blog' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left', "seo-compatibility-mode": true }, h("p", { innerHTML: this.subTitle, style: { margin: '0' } }), h("p", { style: { margin: '0' } }, h("slot", { name: "blog-date" })), this.jumbotronType === 'blog' && h("div", null, h("ptc-spacer", { breakpoint: 'x-small', size: 'medium' }), h("ptc-spacer", { breakpoint: 'small', size: 'small' }), h("div", { id: "header-blog-author", slot: "blog-author" }, h("div", { class: "image" }, h("img", { alt: this.blogAuthorImageAlt, src: this.blogAuthorImage })), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("a", { class: "blog-author-name mf-listen", tabindex: "0", href: this.blogAuthorQueryHref, target: this.blogAuthorQueryTarget, "aria-label": "Other blogs by author" }, this.blogAuthorName)))))), this.hasCtaSlot && (h("div", { class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === 'text' ? ' text-adjustment' : ''}` }, h("slot", { name: "j-cta" }))))), this.hasPopupVideo && this.jumbotronType !== 'png' ? h("slot", { name: "video" }) : null, this.hasCountdown ? h("slot", { name: "countdown" }) : null, this.jumbotronType === 'png' ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: `img {${this.pngImgStyles}}` }), this.hasPopupVideo ? h("slot", { name: "video" }) : null))) : null, this.jumbotronType === 'gif' ? (h("div", { class: "desktop-media-image desk-gif-adjustment" }, h("img", { src: this.gifSrc }))) : null, this.jumbotronType === 'blog' ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" })))) : null)))));
   }
   getCssClassMap() {
     return {
@@ -555,6 +556,24 @@ export class PtcJumbotron {
         "reflect": false,
         "defaultValue": "false"
       },
+      "logo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "logo",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
       "styles": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/ptc-media-card/ptc-media-card.js

@@ -37,8 +37,6 @@ export class PtcMediaCard {
   }
   setTabNavigatedState() {
     this.el.parentElement.tagName === 'DYNAMIC-PRODUCT-DRIVERS' ? this.isTabNavigated = false : this.isTabNavigated = true;
-    //console.log('parent ele tag name: ' + this.el.parentElement.tagName)
-    //console.log('isTabNavigated value: ' + this.isTabNavigated)
   }
   componentWillLoad() {
     this.setTabNavigatedState();
@@ -57,13 +55,8 @@ export class PtcMediaCard {
         ? true
         : false
       : false;
-    //console.log("isVideoUrl: " + isVideoUrl + " hoverBackgroundImage: " + this.hoverBackgroundImage);
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false),
-      // {...(!isVideoUrl
-      //   ? { ...{ style: this.isHovered ? { backgroundImage: `url(${this.hoverBackgroundImage})` } : { backgroundImage: `url(${this.activeBackgroundImage})` } } }
-      //   : null)}
-      style: this.cardType != 'case-study-icon'
+    return (h(Host, { class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != 'case-study-icon'
         ? this.isHovered && this.hoverBackgroundImage
           ? { backgroundImage: `url(${this.hoverBackgroundImage})` }
           : { backgroundImage: `url(${this.activeBackgroundImage})` }

package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js

@@ -70,13 +70,11 @@ export class PtcMobileSelect {
             const item = that.getMobileSelectedItem(context);
             context.locatePosition(0, item.index);
             storeIndex = item.index;
-            //console.log("storeIndex: "+ storeIndex)
           }
           catch (error) {
             console.log(error);
             // debugger
           }
-          //e.locatePosition(0, storeIndex);
         }
         else {
           return;
@@ -99,7 +97,6 @@ export class PtcMobileSelect {
             context.setTriggerInnerText(selectedItem.value);
             context.show();
           }
-          //console.log('href: ' + data[0].id + '; indexArr: ' + indexArr);
         }
       }.bind(this),
     });

package/dist/collection/components/ptc-office-locations/ptc-office-locations.js

@@ -39,7 +39,7 @@ export class PtcOfficeLocations {
         }, 100);
         setTimeout(() => {
           var _a;
-          (_a = event.target) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ inline: 'nearest', block: 'nearest' });
+          (_a = event.target) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ inline: 'nearest', block: 'center' });
           this.cardScroll = this.showMap;
           mapTop === null || mapTop === void 0 ? void 0 : mapTop.scrollIntoView({ inline: 'nearest', block: 'start' });
         }, 500);

package/dist/collection/components/ptc-picture/ptc-picture.js

@@ -69,7 +69,6 @@ export class PtcPicture {
         image.src = this.setResponsiveBg();
         image.onload = () => {
           image.removeAttribute('data-src');
-          console.log('loaded fallback');
         };
       }, 5000);
     }

package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js

@@ -42,7 +42,6 @@ export class PtcProductDropdown {
     const index = this.selectedOptions.indexOf(option);
     if (index > -1) {
       this.selectedOptions.splice(index, 1);
-      //console.log(this.selectedOptions);
       this.selectedValues.emit({
         'sender': this,
         'selectedOptions': this.selectedOptions
@@ -50,7 +49,6 @@ export class PtcProductDropdown {
     }
     else {
       this.selectedOptions.push(option);
-      //console.log(this.selectedOptions);
       this.selectedValues.emit({
         'sender': this,
         'selectedOptions': this.selectedOptions

package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js

@@ -6,7 +6,6 @@ export class PtcProgressBar {
   handleScroll() {
     const scrollTop = document.documentElement.scrollTop;
     const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
-    //console.log('scrollTop: ' + scrollTop + '; scorllHeight: ' + scrollHeight);
     const percentage = (scrollTop / scrollHeight) * 100;
     this.scrollPercentage = percentage;
   }