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

package/dist/cjs/ptc-related-card-rail.cjs.entry.js

@@ -1,258 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-const focusTrap_esm = require('./focus-trap.esm-8c5a8938.js');
-
-const ptcRelatedCardRailCss = "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;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";
-
-const PtcRelatedCardRail = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    //lastFocusElement: HTMLElement;
-    this.setFocusTrap = () => {
-      //console.log('this.focusTrap: ' + this.focusTrap)
-      if (!this.focusTrap) {
-        this.focusTrap = focusTrap_esm.createFocusTrap(this.el, {
-          escapeDeactivates: true,
-          returnFocusOnDeactivate: true,
-          onActivate: () => {
-            if (!this.openedByKeyboard) {
-              this.focusTrap.pause(); // If opened by mouse, prevent immediate focus trapping
-            }
-          },
-          onDeactivate: () => {
-            setTimeout(() => {
-              this.closed = true;
-            }, 0);
-          },
-          tabbableOptions: {
-            getShadowRoot: true,
-          },
-        });
-      }
-      if (this.isVisible === true && this.openedByKeyboard === true) {
-        this.focusTrap && this.focusTrap.activate();
-        //console.log('activate focus trap');
-      }
-    };
-    this.setScreenBasedProps = () => {
-      let windowWidth = window.innerWidth;
-      let props = {
-        contentContainerMargin: undefined,
-        contentCards: undefined,
-        parahFontSize: undefined,
-      };
-      if (windowWidth >= 2600) {
-        props.contentCards = 3;
-        props.parahFontSize = "xx-small";
-      }
-      else if (windowWidth >= 1980) {
-        props.contentCards = 3;
-        props.parahFontSize = "xx-small";
-      }
-      else if (windowWidth >= 1440) {
-        props.contentCards = 2;
-        props.parahFontSize = "xx-small";
-      }
-      else if (windowWidth >= 1200) {
-        props.contentCards = 2;
-        props.parahFontSize = "xx-small";
-      }
-      else if (windowWidth >= 992) {
-        props.contentCards = 2;
-        props.parahFontSize = "xx-small";
-      }
-      else if (windowWidth >= 768) {
-        props.contentCards = 2;
-        props.parahFontSize = "xxx-small";
-      }
-      else {
-        props.contentCards = 1;
-        props.parahFontSize = "xxx-small";
-      }
-      this.screenBasedProps = Object.assign({}, props);
-    };
-    this.handlePrevClick = () => {
-      var _a, _b;
-      let contentContainer = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector(".content-container");
-      let contentContainerMarginLeftString = window.getComputedStyle(contentContainer).marginLeft;
-      let contentContainerMarginLeft = Number(contentContainerMarginLeftString.substring(0, contentContainerMarginLeftString.length - 2));
-      let contentCards = (_b = this.el) === null || _b === void 0 ? void 0 : _b.shadowRoot.querySelectorAll(".content");
-      if (this.cardInView > 0) {
-        this.cardInView -= 1;
-        const content = contentCards[this.cardInView];
-        contentContainer.scrollTo({
-          left: content.offsetLeft - contentContainerMarginLeft,
-          behavior: "smooth",
-        });
-      }
-    };
-    this.handleNextClick = () => {
-      var _a, _b;
-      let contentContainer = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector(".content-container");
-      let contentContainerMarginLeftString = window.getComputedStyle(contentContainer).marginLeft;
-      let contentContainerMarginLeft = Number(contentContainerMarginLeftString.substring(0, contentContainerMarginLeftString.length - 2));
-      let contentCards = (_b = this.el) === null || _b === void 0 ? void 0 : _b.shadowRoot.querySelectorAll(".content");
-      if (this.cardInView <
-        contentCards.length - this.screenBasedProps.contentCards) {
-        this.cardInView += 1;
-        const content = contentCards[this.cardInView];
-        contentContainer.scrollTo({
-          left: content.offsetLeft - contentContainerMarginLeft,
-          behavior: "smooth",
-        });
-      }
-    };
-    this.handleOnScrollBehaviour = () => {
-      if (!this.closed) {
-        let windowHeight = window.innerHeight ||
-          (document.documentElement || document.body).clientHeight;
-        let documentHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight);
-        let scrollTop = window.scrollY ||
-          (document.documentElement || document.body).scrollTop;
-        let trackLength = documentHeight - windowHeight;
-        let percentageSrolled = Math.floor((scrollTop / trackLength) * 100);
-        if (percentageSrolled >= 50) {
-          this.el.style.display = "block";
-          this.isVisible = true;
-        }
-        else {
-          if (this.focusTrap && this.closed === true) {
-            this.focusTrap.deactivate();
-            this.focusTrap = undefined;
-          }
-          this.el.style.display = "none";
-          this.isVisible = false;
-        }
-        let cardRailContainer = this.el.shadowRoot.querySelector(".card-rail-container");
-        let pageFooter = document.querySelector(this.footerQuerySelector);
-        if (pageFooter) {
-          let pageFooterTop = pageFooter.getBoundingClientRect().top;
-          let windowBottom = window.innerHeight;
-          if (pageFooterTop <= windowBottom) {
-            let newBottom = 132 + (windowBottom - pageFooterTop);
-            cardRailContainer.style.bottom = `${newBottom}px`;
-          }
-        }
-      }
-      else {
-        if (this.focusTrap) {
-          this.focusTrap.deactivate();
-          this.focusTrap = undefined;
-        }
-      }
-    };
-    this.handleOnResizeBehaviour = () => {
-      var _a, _b;
-      this.setScreenBasedProps();
-      let contentContainer = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector(".content-container");
-      let contentContainerMarginLeftString = window.getComputedStyle(contentContainer).marginLeft;
-      let contentContainerMarginLeft = Number(contentContainerMarginLeftString.substring(0, contentContainerMarginLeftString.length - 2));
-      let contentCards = (_b = this.el) === null || _b === void 0 ? void 0 : _b.shadowRoot.querySelectorAll(".content");
-      contentContainer.scrollTo({
-        left: contentCards[0].offsetLeft - contentContainerMarginLeft,
-      });
-      this.cardInView = 0;
-    };
-    this.handleKeyPress = (event) => {
-      if (event.key === "Enter" || event.key === " " || event.key === "Tab") {
-        this.openedByKeyboard = true;
-        if (this.focusTrap && this.closed === true) {
-          this.focusTrap.deactivate();
-          this.focusTrap = undefined;
-          //console.log('flag');
-        }
-      }
-    };
-    this.handleMouseDown = () => {
-      this.openedByKeyboard = false;
-    };
-    this.footerQuerySelector = undefined;
-    this.railTitle = "Read More Case Studies";
-    this.isVisible = false;
-    this.closed = false;
-    this.cardInView = 0;
-    this.data = [];
-    this.screenBasedProps = {
-      contentContainerMargin: undefined,
-      contentCards: undefined,
-      parahFontSize: undefined,
-    };
-    this.openedByKeyboard = false;
-  }
-  onVisibleChanged(newValue) {
-    if (newValue) {
-      this.setFocusTrap();
-      //console.log('isVisible: ' + this.isVisible);
-    }
-  }
-  handleKeyClose(event) {
-    if (event.key === "Enter" || event.key === "Esc") {
-      event.preventDefault();
-      this.closed = true;
-    }
-  }
-  connectedCallback() {
-    document.addEventListener("keydown", this.handleKeyPress, true);
-    document.addEventListener("mousedown", this.handleMouseDown, true);
-  }
-  componentWillLoad() {
-    const relatedCards = this.el.querySelectorAll('[slot^="related-card-"]');
-    for (let ind in relatedCards) {
-      let card = relatedCards[ind];
-      if (card.tagName === "DIV") {
-        let cardData = {
-          image: undefined,
-          text: undefined,
-          href: undefined,
-          altText: undefined,
-        };
-        let cardImage = card.querySelector("img");
-        let cardLink = card.querySelector("a");
-        cardData.image = cardImage.getAttribute("src");
-        cardData.altText = cardImage.getAttribute("alt");
-        cardData.text = cardLink.innerText;
-        cardData.href = cardLink.getAttribute("href");
-        this.data.push(cardData);
-        card.remove();
-      }
-    }
-    this.handleOnScrollBehaviour();
-    this.setScreenBasedProps();
-  }
-  componentDidLoad() {
-    window.addEventListener("scroll", this.handleOnScrollBehaviour);
-    window.addEventListener("resize", this.handleOnResizeBehaviour);
-  }
-  disconnectedCallback() {
-    document.removeEventListener("keydown", this.handleKeyPress, true);
-    document.removeEventListener("mousedown", this.handleMouseDown, true);
-    if (this.focusTrap) {
-      this.focusTrap.deactivate();
-      this.focusTrap = undefined;
-    }
-  }
-  render() {
-    return this.closed ? null : (index.h(index.Host, null, index.h("div", { class: "card-rail-container", id: "card-rail-reveal-tag" }, index.h("div", { class: "card-rail-header" }, index.h("div", { class: "card-rail-heading" }, index.h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-7", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-normal", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.railTitle)), index.h("div", { ref: (el) => (this.targetElement = el), id: "card-rail-close", class: "card-rail-close mf-listen", onKeyDown: (event) => this.handleKeyClose(event), onClick: () => {
-        if (this.focusTrap) {
-          this.focusTrap.deactivate();
-        }
-        this.closed = true;
-      }, tabindex: "0" }, index.h("icon-asset", { type: "ptc", size: "xx-small", name: "times", color: "gray" }))), index.h("div", { class: "card-rail-content" }, index.h("icon-asset", { id: "left-arrow", class: "mf-listen", type: "ptc", size: "small", name: "previous_button_arrow", color: "gray", onClick: this.handlePrevClick }), index.h("icon-asset", { id: "right-arrow", class: "mf-listen", type: "ptc", size: "small", name: "next_button_arrow", color: "gray", onClick: this.handleNextClick }), index.h("div", { class: "content-container" }, this.data.map((item, index$1) => (index.h("div", { class: "content mf-listen", id: `card-rail-content-${index$1}`, onKeyDown: (event) => {
-        event.key === "Enter" &&
-          window.open(item.href);
-      }, onClick: () => {
-        window.open(item.href);
-      }, tabindex: "0" }, index.h("div", { class: "content-image" }, index.h("img", { alt: item.altText, src: item.image })), index.h("div", { class: "content-text" }, index.h("ptc-para", { "ellipsis-line-cutoff": "3", "font-size": this.screenBasedProps
-        .parahFontSize, "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, item.text))))))))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "isVisible": ["onVisibleChanged"]
-  }; }
-};
-PtcRelatedCardRail.style = ptcRelatedCardRailCss;
-
-exports.ptc_related_card_rail = PtcRelatedCardRail;

package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcResponsiveWrapperCss = ":host{display:block}";
-
-const PtcResponsiveWrapper = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  componentDidLoad() {
-    this.ro = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.applySizeClasses(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(this.element);
-  }
-  disconnectedCallback() {
-    this.ro.disconnect();
-  }
-  applySizeClasses(size) {
-    let xsmall = false;
-    let small = false;
-    let medium = false;
-    let large = false;
-    let xlarge = false;
-    let xxlarge = false;
-    let large2k = false;
-    let large4k = false;
-    if (size >= 2600)
-      large4k = true;
-    else if (size >= 1980)
-      large2k = true;
-    else if (size >= 1600)
-      xxlarge = true;
-    else if (size >= 1440)
-      xlarge = true;
-    else if (size >= 1200)
-      large = true;
-    else if (size >= 992)
-      medium = true;
-    else if (size >= 768)
-      small = true;
-    else
-      xsmall = true;
-    this.element.classList.toggle("xsmall", xsmall);
-    this.element.classList.toggle("small", small);
-    this.element.classList.toggle("medium", medium);
-    this.element.classList.toggle("large", large);
-    this.element.classList.toggle("xlarge", xlarge);
-    this.element.classList.toggle("xxlarge", xxlarge);
-    this.element.classList.toggle("large2k", large2k);
-    this.element.classList.toggle("large4k", large4k);
-  }
-  render() {
-    return (index.h("div", null, index.h("slot", null)));
-  }
-  get element() { return index.getElement(this); }
-};
-PtcResponsiveWrapper.style = ptcResponsiveWrapperCss;
-
-exports.ptc_responsive_wrapper = PtcResponsiveWrapper;

package/dist/cjs/ptc-scroll-button.cjs.entry.js

@@ -1,135 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcScrollButtonCss = "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}.scroll-btn{position:absolute;top:50%;transform:translate(0%, -50%);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0px 4px 4px 0px;background:var(--color-gray-12);box-shadow:var(--ptc-shadow-medium);width:36px;height:36px;padding:var(--ptc-element-spacing-02)}.scroll-btn.left{left:0%}.scroll-btn.right{left:100%;transform:translate(-100%, -50%)}.scroll-btn:focus{outline:none}.scroll-btn[tabIndex=\"0\"]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.scroll-btn icon-asset{width:20px;height:20px}";
-
-const PtcScrollButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    //slider!: HTMLElement;
-    this.startX = 0;
-    this.scrollLeft = 0;
-    this.startDragging = (e) => {
-      this.isMouseDown = true;
-      this.isDragging = false;
-      this.containerCards.forEach((card) => {
-        card.disabled = false;
-      });
-      this.startX = e.pageX;
-      this.scrollLeft = this.scrollContainer.scrollLeft;
-    };
-    this.performDragging = (e) => {
-      if (!this.isMouseDown)
-        return;
-      const x = e.pageX - this.scrollContainer.offsetLeft;
-      const walk = x - this.startX;
-      this.isDragging = Math.abs(walk) > 5;
-      this.scrollContainer.scrollLeft = this.scrollLeft - walk;
-      this.containerCards.forEach((card) => {
-        card.disabled = true;
-      });
-    };
-    this.stopDragging = () => {
-      this.isMouseDown = false;
-      this.containerCards.forEach((card) => {
-        card.disabled = false;
-      });
-    };
-    this.handleScroll = () => {
-      this.updateVisibility();
-    };
-    this.handleClick = () => {
-      if (!this.scrollContainer)
-        return;
-      const scrollValue = this.scrollAmount *
-        (this.direction === "left" || this.direction === "up" ? -1 : 1);
-      if (this.orientation === "horizontal") {
-        this.scrollContainer.scrollBy({
-          left: scrollValue,
-          behavior: "smooth",
-        });
-      }
-      else if (this.orientation === "vertical") {
-        this.scrollContainer.scrollBy({
-          top: scrollValue,
-          behavior: "smooth",
-        });
-      }
-    };
-    this.direction = undefined;
-    this.scrollContainerClass = undefined;
-    this.scrollAmount = 100;
-    this.orientation = "horizontal";
-    this.trackerId = undefined;
-    this.styles = undefined;
-    this.isVisible = true;
-    this.isDragging = false;
-    this.isMouseDown = false;
-  }
-  componentWillLoad() {
-    this.scrollContainer = document.querySelector(`.${this.scrollContainerClass}`);
-    if (this.scrollContainer) {
-      this.scrollContainer.classList.add("hide-scrollbar");
-      this.updateVisibility(); // Initial visibility check
-      this.scrollContainer.addEventListener("scroll", this.handleScroll);
-    }
-    else {
-      console.error("scrollContainer ele not found");
-    }
-  }
-  componentDidLoad() {
-    this.containerCards = document.querySelectorAll(`.${this.scrollContainerClass} ptc-card-wrapper`);
-    if (this.scrollContainer) {
-      this.enableDragging();
-    }
-  }
-  disconnectedCallback() {
-    if (this.scrollContainer) {
-      this.scrollContainer.removeEventListener("scroll", this.handleScroll);
-      this.disableDragging();
-    }
-  }
-  async initVisibility() {
-    this.updateVisibility();
-  }
-  enableDragging() {
-    this.scrollContainer.addEventListener("mousedown", this.startDragging);
-    this.scrollContainer.addEventListener("mousemove", this.performDragging);
-    ["mouseup", "mouseleave"].forEach((event) => this.scrollContainer.addEventListener(event, this.stopDragging));
-  }
-  disableDragging() {
-    this.scrollContainer.removeEventListener("mousedown", this.startDragging);
-    this.scrollContainer.removeEventListener("mousemove", this.performDragging);
-    ["mouseup", "mouseleave"].forEach((event) => this.scrollContainer.removeEventListener(event, this.stopDragging));
-  }
-  updateVisibility() {
-    if (!this.scrollContainer)
-      return;
-    const { scrollLeft, scrollTop, scrollWidth, scrollHeight, clientWidth, clientHeight, } = this.scrollContainer;
-    if (this.orientation === "horizontal") {
-      if (this.direction === "left") {
-        this.isVisible = scrollLeft > 0;
-      }
-      else if (this.direction === "right") {
-        this.isVisible = scrollLeft + clientWidth + 1 < scrollWidth; // "+1" adjustments after adding margin-right 40px
-      }
-    }
-    else if (this.orientation === "vertical") {
-      if (this.direction === "up") {
-        this.isVisible = scrollTop > 0;
-      }
-      else if (this.direction === "down") {
-        this.isVisible = scrollTop + clientHeight < scrollHeight;
-      }
-    }
-  }
-  render() {
-    return (index.h(index.Host, { "is-dragging": this.isDragging }, this.styles && index.h("style", null, this.styles), this.isVisible && (index.h("button", { id: this.trackerId, onClick: this.handleClick, class: `scroll-btn ${this.direction}`, "aria-label": this.direction, tabindex: "0" }, this.direction === "left" && (index.h("icon-asset", { name: "left-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" })), this.direction === "right" && (index.h("icon-asset", { name: "right-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" })), this.direction === "up" && "▲", this.direction === "down" && "▼"))));
-  }
-};
-PtcScrollButton.style = ptcScrollButtonCss;
-
-exports.ptc_scroll_button = PtcScrollButton;

package/dist/cjs/ptc-seo-title.cjs.entry.js

@@ -1,82 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcSeoTitleCss = "h1.sc-ptc-seo-title,h2.sc-ptc-seo-title,h3.sc-ptc-seo-title,h4.sc-ptc-seo-title,h5.sc-ptc-seo-title,h6.sc-ptc-seo-title,p.sc-ptc-seo-title,ul.sc-ptc-seo-title,li.sc-ptc-seo-title,ptc-subnav.sc-ptc-seo-title,ptc-tab-list.sc-ptc-seo-title,ptc-link.sc-ptc-seo-title,ptc-square-card.sc-ptc-seo-title,.hyphenate-text.sc-ptc-seo-title,ptc-footer.sc-ptc-seo-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-seo-title,h2.sc-ptc-seo-title,h3.sc-ptc-seo-title,h4.sc-ptc-seo-title,h5.sc-ptc-seo-title,h6.sc-ptc-seo-title,p.sc-ptc-seo-title,ul.sc-ptc-seo-title,li.sc-ptc-seo-title,ptc-subnav.sc-ptc-seo-title,ptc-tab-list.sc-ptc-seo-title,ptc-link.sc-ptc-seo-title,ptc-square-card.sc-ptc-seo-title,.hyphenate-text.sc-ptc-seo-title,ptc-footer.sc-ptc-seo-title{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}}div.center.sc-ptc-seo-title{text-align:center}div.center.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-seo-title{text-align:left}div.left.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:0%}div.right.sc-ptc-seo-title{text-align:right}div.right.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{right:0%}div.inherit.sc-ptc-seo-title{text-align:inherit}div.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title{padding-top:12px}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h6.sc-ptc-seo-title{display:inline-block;position:relative}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h6.sc-ptc-seo-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-seo-title h1.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h2.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h3.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h4.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h5.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-seo-title h4.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-seo-title h1.sc-ptc-seo-title,div.green.sc-ptc-seo-title h2.sc-ptc-seo-title,div.green.sc-ptc-seo-title h3.sc-ptc-seo-title,div.green.sc-ptc-seo-title h4.sc-ptc-seo-title,div.green.sc-ptc-seo-title h5.sc-ptc-seo-title,div.green.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-seo-title h1.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h2.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h3.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h4.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h5.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-seo-title h1.sc-ptc-seo-title,div.red.sc-ptc-seo-title h2.sc-ptc-seo-title,div.red.sc-ptc-seo-title h3.sc-ptc-seo-title,div.red.sc-ptc-seo-title h4.sc-ptc-seo-title,div.red.sc-ptc-seo-title h5.sc-ptc-seo-title,div.red.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-seo-title h1.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h2.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h3.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h4.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h5.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-seo-title h1.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h2.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h3.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h4.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h5.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-seo-title h1.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h2.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h3.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h4.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h5.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-seo-title h1.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h2.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h3.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h4.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h5.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-seo-title h1.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h2.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h3.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h4.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h5.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-seo-title h1.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h2.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h3.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h4.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h5.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-seo-title h1.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h2.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h3.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h4.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h5.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-seo-title h1.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h2.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h3.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h4.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h5.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-seo-title h1.sc-ptc-seo-title,div.black.sc-ptc-seo-title h2.sc-ptc-seo-title,div.black.sc-ptc-seo-title h3.sc-ptc-seo-title,div.black.sc-ptc-seo-title h4.sc-ptc-seo-title,div.black.sc-ptc-seo-title h5.sc-ptc-seo-title,div.black.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-black)}div.white.sc-ptc-seo-title h1.sc-ptc-seo-title,div.white.sc-ptc-seo-title h2.sc-ptc-seo-title,div.white.sc-ptc-seo-title h3.sc-ptc-seo-title,div.white.sc-ptc-seo-title h4.sc-ptc-seo-title,div.white.sc-ptc-seo-title h5.sc-ptc-seo-title,div.white.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-white)}div.gray-1.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-01)}div.gray.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-seo-title h1.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h2.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h3.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h4.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h5.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h6.sc-ptc-seo-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-seo-title h1.sc-ptc-seo-title,div.block.sc-ptc-seo-title h2.sc-ptc-seo-title,div.block.sc-ptc-seo-title h3.sc-ptc-seo-title,div.block.sc-ptc-seo-title h4.sc-ptc-seo-title,div.block.sc-ptc-seo-title h5.sc-ptc-seo-title,div.block.sc-ptc-seo-title h6.sc-ptc-seo-title{display:block}.sc-ptc-seo-title-h{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){.sc-ptc-seo-title-h{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}}";
-
-const PtcSeoTitle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isPlmHub = false;
-    this.type = "h2";
-    this.textAlign = undefined;
-    this.upperline = "dotted";
-    this.titleShadow = undefined;
-    this.titleColor = "gray";
-    this.titleMargin = undefined;
-    this.titleWeight = undefined;
-    this.titleSize = undefined;
-    this.titleHeight = "densest";
-    this.styles = undefined;
-    this.ellipsisLineCutoff = undefined;
-    this.titleDisplay = "inline-block";
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const cutOff = this.getLineCuttoff();
-    let TagType;
-    // switch (this.type) {
-    //   case 'h1':
-    //     TagType = 'h1';
-    //     break;
-    //   case 'h3':
-    //     TagType = 'h3';
-    //     break;
-    //   case 'h4':
-    //     TagType = 'h4';
-    //     break;
-    //   case 'h5':
-    //     TagType = 'h5';
-    //     break;
-    //   case 'h6':
-    //     TagType = 'h6';
-    //     break;
-    //   default:
-    //     TagType = 'h2';
-    // }
-    let temp = this.el.children[0];
-    TagType = temp.tagName.toLowerCase();
-    this.el.removeChild(temp);
-    return (index.h("div", { class: classMap }, this.styles && index.h("style", null, this.styles), index.h(TagType, { innerHTML: temp.innerHTML, style: cutOff })));
-  }
-  getCssClassMap() {
-    return {
-      [this.textAlign]: !!this.textAlign ? true : false,
-      [this.upperline]: true,
-      [this.isPlmHub ? "is-plm-hub" : "is-standard"]: true,
-      [this.titleMargin]: !!this.titleMargin ? true : false,
-      [this.titleShadow]: !!this.titleShadow ? true : false,
-      [this.titleWeight]: !!this.titleWeight ? true : false,
-      [this.titleSize]: !!this.titleSize ? true : false,
-      [this.titleHeight]: !!this.titleHeight ? true : false,
-      [this.titleColor]: !!this.titleColor ? true : false,
-      ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
-      [this.titleDisplay]: !!this.titleDisplay ? true : false,
-    };
-  }
-  getLineCuttoff() {
-    let result;
-    if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
-      result = {
-        ["-webkit-line-clamp"]: `${this.ellipsisLineCutoff}`,
-      };
-    }
-    return result;
-  }
-  get el() { return index.getElement(this); }
-};
-PtcSeoTitle.style = ptcSeoTitleCss;
-
-exports.ptc_seo_title = PtcSeoTitle;