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

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

@@ -1,254 +0,0 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
-import { c as createFocusTrap } from './focus-trap.esm-d205300d.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) {
-    registerInstance(this, hostRef);
-    //lastFocusElement: HTMLElement;
-    this.setFocusTrap = () => {
-      //console.log('this.focusTrap: ' + this.focusTrap)
-      if (!this.focusTrap) {
-        this.focusTrap = 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 : (h(Host, null, h("div", { class: "card-rail-container", id: "card-rail-reveal-tag" }, h("div", { class: "card-rail-header" }, h("div", { class: "card-rail-heading" }, 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)), 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" }, h("icon-asset", { type: "ptc", size: "xx-small", name: "times", color: "gray" }))), h("div", { class: "card-rail-content" }, h("icon-asset", { id: "left-arrow", class: "mf-listen", type: "ptc", size: "small", name: "previous_button_arrow", color: "gray", onClick: this.handlePrevClick }), h("icon-asset", { id: "right-arrow", class: "mf-listen", type: "ptc", size: "small", name: "next_button_arrow", color: "gray", onClick: this.handleNextClick }), h("div", { class: "content-container" }, this.data.map((item, index) => (h("div", { class: "content mf-listen", id: `card-rail-content-${index}`, onKeyDown: (event) => {
-        event.key === "Enter" &&
-          window.open(item.href);
-      }, onClick: () => {
-        window.open(item.href);
-      }, tabindex: "0" }, h("div", { class: "content-image" }, h("img", { alt: item.altText, src: item.image })), h("div", { class: "content-text" }, 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 getElement(this); }
-  static get watchers() { return {
-    "isVisible": ["onVisibleChanged"]
-  }; }
-};
-PtcRelatedCardRail.style = ptcRelatedCardRailCss;
-
-export { PtcRelatedCardRail as ptc_related_card_rail };

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

@@ -1,61 +0,0 @@
-import { r as registerInstance, h, a as getElement } from './index-0bf594c4.js';
-
-const ptcResponsiveWrapperCss = ":host{display:block}";
-
-const PtcResponsiveWrapper = class {
-  constructor(hostRef) {
-    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 (h("div", null, h("slot", null)));
-  }
-  get element() { return getElement(this); }
-};
-PtcResponsiveWrapper.style = ptcResponsiveWrapperCss;
-
-export { PtcResponsiveWrapper as ptc_responsive_wrapper };

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

@@ -1,131 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.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) {
-    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 (h(Host, { "is-dragging": this.isDragging }, this.styles && h("style", null, this.styles), this.isVisible && (h("button", { id: this.trackerId, onClick: this.handleClick, class: `scroll-btn ${this.direction}`, "aria-label": this.direction, tabindex: "0" }, this.direction === "left" && (h("icon-asset", { name: "left-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" })), this.direction === "right" && (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;
-
-export { PtcScrollButton as ptc_scroll_button };

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

@@ -1,78 +0,0 @@
-import { r as registerInstance, h, a as getElement } from './index-0bf594c4.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) {
-    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 (h("div", { class: classMap }, this.styles && h("style", null, this.styles), 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 getElement(this); }
-};
-PtcSeoTitle.style = ptcSeoTitleCss;
-
-export { PtcSeoTitle as ptc_seo_title };

package/dist/esm/ptc-shopping-cart.entry.js

@@ -1,65 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-
-const ShoppingCartBlack = `<svg xmlns="http://www.w3.org/2000/svg" width="31" height="28" viewBox="0 0 31 28" fill="none">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M25.6721 19.7896H9.10889L8.04144 22.0952H25.8322V23.8418H24.836C25.1023 24.2481 25.2522 24.7173 25.27 25.2002C25.2878 25.6831 25.1728 26.1617 24.9371 26.5858C24.7014 27.01 24.3537 27.364 23.9305 27.6106C23.5072 27.8572 23.0242 27.9873 22.5321 27.9873C22.0399 27.9873 21.5569 27.8572 21.1336 27.6106C20.7104 27.364 20.3627 27.01 20.127 26.5858C19.8913 26.1617 19.7763 25.6831 19.7941 25.2002C19.8119 24.7173 19.9618 24.2481 20.2281 23.8418H10.8168C11.0509 24.1945 11.1974 24.5962 11.2445 25.0147C11.2916 25.4331 11.238 25.8565 11.088 26.2509C10.938 26.6453 10.6959 26.9996 10.381 27.2854C10.0662 27.5711 9.68739 27.7803 9.27516 27.8962C8.86293 28.012 8.42876 28.0312 8.00758 27.9523C7.5864 27.8734 7.18997 27.6985 6.85018 27.4417C6.51039 27.185 6.23672 26.8535 6.0512 26.474C5.86568 26.0945 5.77347 25.6775 5.78201 25.2566C5.78901 24.7578 5.93017 24.2698 6.1912 23.8418H5.05259L7.57888 17.4665H21.7048V15.9993H7.27644L2.72199 2.42785L0 1.46719V0L3.73607 1.29252L5.17712 5.23996H30.3333L25.6721 19.7896ZM7.75282 26.3603C7.97517 26.5062 8.23658 26.5841 8.504 26.5841C8.8626 26.5841 9.20652 26.4442 9.46008 26.1953C9.71365 25.9463 9.8561 25.6087 9.8561 25.2566C9.8561 24.9941 9.77681 24.7374 9.62823 24.5191C9.47966 24.3008 9.2685 24.1307 9.02143 24.0302C8.77437 23.9297 8.5025 23.9034 8.24022 23.9547C7.97794 24.0059 7.73702 24.1323 7.54792 24.3179C7.35883 24.5036 7.23005 24.7401 7.17788 24.9976C7.12571 25.2551 7.15249 25.522 7.25483 25.7646C7.35716 26.0072 7.53047 26.2145 7.75282 26.3603ZM21.7898 26.3603C22.0121 26.5062 22.2735 26.5841 22.5409 26.5841C22.8995 26.5841 23.2435 26.4442 23.497 26.1953C23.7506 25.9463 23.893 25.6087 23.893 25.2566C23.893 24.9941 23.8138 24.7374 23.6652 24.5191C23.5166 24.3008 23.3054 24.1307 23.0584 24.0302C22.8113 23.9297 22.5394 23.9034 22.2772 23.9547C22.0149 24.0059 21.774 24.1323 21.5849 24.3179C21.3958 24.5036 21.267 24.7401 21.2148 24.9976C21.1627 25.2551 21.1894 25.522 21.2918 25.7646C21.3941 26.0072 21.5674 26.2145 21.7898 26.3603ZM22.541 24.6628C22.4164 24.6593 22.2937 24.6927 22.1886 24.7585C22.0835 24.8243 22.001 24.9196 21.9516 25.032C21.9023 25.1444 21.8885 25.2687 21.9119 25.3889C21.9354 25.5091 21.9951 25.6196 22.0832 25.7061C22.1713 25.7927 22.2839 25.8513 22.4063 25.8743C22.5288 25.8973 22.6554 25.8837 22.7699 25.8353C22.8843 25.7869 22.9814 25.7059 23.0484 25.6027C23.1155 25.4995 23.1494 25.379 23.1459 25.2566C23.1459 25.0991 23.0822 24.9481 22.9688 24.8367C22.8553 24.7254 22.7015 24.6628 22.541 24.6628ZM8.50299 24.6628C8.37909 24.6628 8.25802 24.6992 8.15528 24.7672C8.05253 24.8351 7.97277 24.9317 7.92621 25.0444C7.87965 25.1571 7.8684 25.2809 7.8939 25.4C7.91941 25.519 7.9805 25.6279 8.06938 25.7126C8.15825 25.7974 8.27085 25.8542 8.39279 25.8758C8.51473 25.8973 8.64045 25.8827 8.75387 25.8337C8.86729 25.7848 8.96326 25.7037 9.02949 25.6009C9.09572 25.4981 9.12921 25.3783 9.12567 25.2567C9.12104 25.0976 9.0534 24.9465 8.93712 24.8356C8.82084 24.7247 8.6651 24.6627 8.50299 24.6628Z" fill="#20262A"/>
-</svg>
-`;
-
-const ShoppingCartWhite = `<svg xmlns="http://www.w3.org/2000/svg" width="31" height="28" viewBox="0 0 31 28" fill="none">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M25.6721 19.7896H9.10889L8.04144 22.0952H25.8322V23.8418H24.836C25.1023 24.2481 25.2522 24.7173 25.27 25.2002C25.2878 25.6831 25.1728 26.1617 24.9371 26.5858C24.7014 27.01 24.3537 27.364 23.9305 27.6106C23.5072 27.8572 23.0242 27.9873 22.5321 27.9873C22.0399 27.9873 21.5569 27.8572 21.1336 27.6106C20.7104 27.364 20.3627 27.01 20.127 26.5858C19.8913 26.1617 19.7763 25.6831 19.7941 25.2002C19.8119 24.7173 19.9618 24.2481 20.2281 23.8418H10.8168C11.0509 24.1945 11.1974 24.5962 11.2445 25.0147C11.2916 25.4331 11.238 25.8565 11.088 26.2509C10.938 26.6453 10.6959 26.9996 10.381 27.2854C10.0662 27.5711 9.68739 27.7803 9.27516 27.8962C8.86293 28.012 8.42876 28.0312 8.00758 27.9523C7.5864 27.8734 7.18997 27.6985 6.85018 27.4417C6.51039 27.185 6.23672 26.8535 6.0512 26.474C5.86568 26.0945 5.77347 25.6775 5.78201 25.2566C5.78901 24.7578 5.93017 24.2698 6.1912 23.8418H5.05259L7.57888 17.4665H21.7048V15.9993H7.27644L2.72199 2.42785L0 1.46719V0L3.73607 1.29252L5.17712 5.23996H30.3333L25.6721 19.7896ZM7.75282 26.3603C7.97517 26.5062 8.23658 26.5841 8.504 26.5841C8.8626 26.5841 9.20652 26.4442 9.46008 26.1953C9.71365 25.9463 9.8561 25.6087 9.8561 25.2566C9.8561 24.9941 9.77681 24.7374 9.62823 24.5191C9.47966 24.3008 9.2685 24.1307 9.02143 24.0302C8.77437 23.9297 8.5025 23.9034 8.24022 23.9547C7.97794 24.0059 7.73702 24.1323 7.54792 24.3179C7.35883 24.5036 7.23005 24.7401 7.17788 24.9976C7.12571 25.2551 7.15249 25.522 7.25483 25.7646C7.35716 26.0072 7.53047 26.2145 7.75282 26.3603ZM21.7898 26.3603C22.0121 26.5062 22.2735 26.5841 22.5409 26.5841C22.8995 26.5841 23.2435 26.4442 23.497 26.1953C23.7506 25.9463 23.893 25.6087 23.893 25.2566C23.893 24.9941 23.8138 24.7374 23.6652 24.5191C23.5166 24.3008 23.3054 24.1307 23.0584 24.0302C22.8113 23.9297 22.5394 23.9034 22.2772 23.9547C22.0149 24.0059 21.774 24.1323 21.5849 24.3179C21.3958 24.5036 21.267 24.7401 21.2148 24.9976C21.1627 25.2551 21.1894 25.522 21.2918 25.7646C21.3941 26.0072 21.5674 26.2145 21.7898 26.3603ZM22.541 24.6628C22.4164 24.6593 22.2937 24.6927 22.1886 24.7585C22.0835 24.8243 22.001 24.9196 21.9516 25.032C21.9023 25.1444 21.8885 25.2687 21.9119 25.3889C21.9354 25.5091 21.9951 25.6196 22.0832 25.7061C22.1713 25.7927 22.2839 25.8513 22.4063 25.8743C22.5288 25.8973 22.6554 25.8837 22.7699 25.8353C22.8843 25.7869 22.9814 25.7059 23.0484 25.6027C23.1155 25.4995 23.1494 25.379 23.1459 25.2566C23.1459 25.0991 23.0822 24.9481 22.9688 24.8367C22.8553 24.7254 22.7015 24.6628 22.541 24.6628ZM8.50299 24.6628C8.37909 24.6628 8.25802 24.6992 8.15528 24.7672C8.05253 24.8351 7.97277 24.9317 7.92621 25.0444C7.87965 25.1571 7.8684 25.2809 7.8939 25.4C7.91941 25.519 7.9805 25.6279 8.06938 25.7126C8.15825 25.7974 8.27085 25.8542 8.39279 25.8758C8.51473 25.8973 8.64045 25.8827 8.75387 25.8337C8.86729 25.7848 8.96326 25.7037 9.02949 25.6009C9.09572 25.4981 9.12921 25.3783 9.12567 25.2567C9.12104 25.0976 9.0534 24.9465 8.93712 24.8356C8.82084 24.7247 8.6651 24.6627 8.50299 24.6628Z" fill="white"/>
-</svg>
-`;
-
-const ptcShoppingCartCss = "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{height:20px}:host .cart{border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);display:inline-block;padding:10px 16px;text-align:center;display:flex;align-items:center;box-sizing:border-box;position:relative;cursor:pointer}:host .cart .cart__count{position:absolute;top:-10px;right:-10px;background:var(--color-red-07);height:24px;min-width:24px;text-align:center;border-radius:50%;color:var(--color-white);vertical-align:middle;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:24px;letter-spacing:0em}:host .cart .cart-text{font-weight:var(--ptc-font-weight-bold);margin-left:8px;color:var(--color-gray-12)}:host .cart.clear-background{background-color:var(--color-white)}:host .cart.clear-background:hover{background-color:var(--color-gray-02)}:host .cart.clear-background:active{background-color:var(--color-gray-03)}:host .cart.black-background{background-color:rgba(0, 0, 0, 0.8);border-color:rgba(255, 255, 255, 0.8)}:host .cart.black-background:hover{background-color:rgba(0, 0, 0, 0.85)}:host .cart.black-background:active{background-color:black}:host .cart.black-background .cart-text{color:var(--color-white)}:host .cart:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);transition:none}";
-
-const PtcShoppingCart = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cartCount = undefined;
-    this.color = "white";
-    this.cartText = "Cart";
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const svg = this.color == "black" ? ShoppingCartBlack : ShoppingCartWhite;
-    const svgClass = this.color == "black"
-      ? "cart clear-background"
-      : "cart black-background";
-    return (h(Host, { class: classMap }, this.cartCount ? (h("div", { class: svgClass, innerHTML: svg, tabindex: "0" }, h("span", { class: "cart-text" }, this.cartText), h("div", { class: "cart__count" }, this.cartCount))) : (h("div", { class: svgClass, innerHTML: svg }, h("span", { class: "cart-text" }, this.cartText)))));
-    /*
-                if(this.color == 'black'){
-                    return (
-                        <Host class={classMap}>
-                            {this.cartCount ? (
-                                <div class="cart" innerHTML={ShoppingCartBlack}>
-                                    <div class="cart__count">{this.cartCount}</div>
-                                </div>
-                            ) : (
-                                <div innerHTML={ShoppingCartBlack}></div>)
-                            }
-                        </Host>
-                    );
-                } else if(this.color == 'white'){
-                    return(
-                        <Host class={classMap}>
-                            {this.cartCount ? (
-                                <div class="cart black-background" innerHTML={ShoppingCartWhite}>
-                                    <div class="cart__count">{this.cartCount}</div>
-                                </div>
-                            ) : (
-                                <div innerHTML={ShoppingCartWhite} class="black-background"></div>)
-                            }
-                        </Host>
-                    );
-                }*/
-  }
-  getCssClassMap() {
-    return {
-      ["ptc-shopping-cart"]: true,
-      ["mf-listen"]: true,
-    };
-  }
-};
-PtcShoppingCart.style = ptcShoppingCartCss;
-
-export { PtcShoppingCart as ptc_shopping_cart };