@ptcwebops/ptcw-design 6.2.18-beta → 6.2.19-beta

package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js

@@ -15,6 +15,20 @@ export class PtcStickyTitle {
       this.isSticky = false;
     }
   }
+  componentDidLoad() {
+    const shareicon = this.hostEl.querySelectorAll('ptc-social-share');
+    shareicon.forEach((icon, i) => {
+      icon.addEventListener('focus', () => {
+        if (window.scrollY === 0 && i === 0) {
+          window.scrollBy(0, 262);
+        }
+        this.isSticky = true;
+      });
+      icon.addEventListener('blur', () => {
+        this.isSticky = false;
+      });
+    });
+  }
   render() {
     const logoImg = getAssetPath(`./media/${this.logo}`);
     return (h(Host, null, h("div", { class: `sticky-header-container ${this.isSticky ? 'sticky' : ''}` }, h("div", { class: "sticky-header-title" }, h("div", { class: `logo-image ${this.isSticky ? 'is-visible' : ''}` }, h("img", { src: logoImg })), h("div", { class: "sticky-text" }, h("ptc-tooltip", { "text-lines": "1", description: this.barTitle })), h("div", { class: `share-icons is-flex ${this.isSticky ? 'is-visible' : ''}` }, h("slot", { name: 'social-share-slot' }))), h("ptc-progress-bar", null))));
@@ -77,6 +91,7 @@ export class PtcStickyTitle {
       "isSticky": {}
     };
   }
+  static get elementRef() { return "hostEl"; }
   static get listeners() {
     return [{
         "name": "scroll",