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

package/dist/cjs/innovator-toggle-container.cjs.entry.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-const utils = require('./utils-0ff09a53.js');
-
-const innovatorToggleContainerCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.white-links a{color:var(--color-white) !important}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;background:linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));background-position:50%;background-size:cover;overflow:hidden;position:relative}:host .bgImage{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:-2}:host svg.cut{left:0;position:absolute;z-index:99}:host svg.cut-top{top:0;transform:rotate(180deg) translateY(5px)}:host .cut-bottom{bottom:0;transform:scaleX(-1) translateY(5px)}:host .backdrop-blur{backdrop-filter:blur(7px);padding:var(--ptc-layout-spacing-05) 0}:host .content-box{padding:var(--ptc-element-spacing-05);backdrop-filter:blur(13.7px);border:1px solid rgba(255, 255, 255, 0.54);border-radius:10px;position:relative}@media only screen and (min-width: 768px){:host .content-box{padding:var(--ptc-element-spacing-08)}}:host .content-box .backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.35);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}:host .content-box .backdrop::before{background-color:#2a2729;border-radius:10px;content:\"\";height:100%;opacity:0.7;position:absolute;width:100%;z-index:-1}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";
-
-const InnovatorToggleContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sectionTitle = undefined;
-    this.description = undefined;
-    this.backgroundImage = undefined;
-  }
-  componentDidLoad() {
-    this.el.addEventListener("mousemove", () => { });
-    let imgElement = this.el.shadowRoot.querySelector(".bgImage");
-    const enable = () => {
-      if (this._onMove)
-        return; // already enabled
-      this._onMove = (event) => {
-        if (event.target === this.el) {
-          imgElement.style.setProperty("transform", `translate(-${event.clientX / 100}px, -${event.clientY / 100}px) scale(1.1, 1.1)`);
-        }
-      };
-      window.addEventListener("mousemove", this._onMove, {
-        passive: true,
-      });
-    };
-    const disable = () => {
-      if (this._onMove) {
-        window.removeEventListener("mousemove", this._onMove);
-        this._onMove = undefined;
-      }
-      // reset to a stable state when motion is off
-      imgElement.style.transform = 'none';
-    };
-    if (utils.isReducedMotion())
-      disable();
-    else
-      enable();
-    // live changes to the OS setting
-    this._offPRM = utils.onReducedMotionChange((reduced) => {
-      if (reduced)
-        disable();
-      else
-        enable();
-    });
-  }
-  //PRM = prefer-reduced-motion
-  disconnectedCallback() {
-    var _a;
-    if (this._onMove) {
-      window.removeEventListener("mousemove", this._onMove);
-      this._onMove = undefined;
-    }
-    (_a = this._offPRM) === null || _a === void 0 ? void 0 : _a.call(this);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("img", { src: this.backgroundImage, alt: "", class: "bgImage" }), index.h("svg", { class: "cut cut-top", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), index.h("div", { class: "backdrop-blur light-links" }, index.h("div", { class: "ptc-container" }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-color": "white", "title-margin": "margin-flush" }, this.sectionTitle), index.h("ptc-para", { "font-size": "small", "para-align": "center", "font-weight": "w-5", "para-color": "white", "para-margin": "margin-5" }, this.description), index.h("ptc-spacer", null)), index.h("div", { class: "ptc-container" }, index.h("div", { class: "content-box" }, index.h("div", { class: "backdrop" }), index.h("slot", null)))), index.h("svg", { class: "cut cut-bottom", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" }))));
-  }
-  get el() { return index.getElement(this); }
-};
-InnovatorToggleContainer.style = innovatorToggleContainerCss;
-
-exports.innovator_toggle_container = InnovatorToggleContainer;

package/dist/cjs/interfaces-574e6df7.js

@@ -1,15 +0,0 @@
-'use strict';
-
-let ResponsiveBgVariables = {
-  envs: ['xs', 'sm', 'md', 'lg'],
-  selector: '.ptc-img',
-  interval: 250
-};
-let ResponsivePictureVariables = {
-  envs: ['xs', 'sm', 'md', 'lg'],
-  selector: '.ptc-picture',
-  interval: 250
-};
-
-exports.ResponsiveBgVariables = ResponsiveBgVariables;
-exports.ResponsivePictureVariables = ResponsivePictureVariables;

package/dist/cjs/jumbotron-sub-menu.cjs.entry.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const jumbotronSubMenuCss = "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}}.menu{display:block;background-color:transparent;color:black;position:relative}.menu-list{list-style:none;margin:0;padding:var(--ptc-element-spacing-03) 0;display:none;flex-direction:column;background-color:white;width:250px;position:absolute;top:40px;left:0;margin-top:var(--ptc-element-spacing-04);box-shadow:var(--ptc-shadow-x-small);border-radius:var(--ptc-border-radius-standard);z-index:10}.menu-list.open{display:flex}.menu-list li{margin:0}.menu-list .active button{font-weight:var(--ptc-font-weight-bold)}.menu-list .active button::after{opacity:1}.menu-list button{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);text-decoration:none;border:2px solid transparent;background:none;cursor:pointer;line-height:var(--ptc-line-height-p);position:relative;text-align:left;width:100%;padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);font-family:var(--ptc-font-latin)}.menu-list button::after{content:\"\";display:block;width:2px;height:calc(100% - 24px);background:var(--color-green-07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout);opacity:0;position:absolute;top:12px;left:10px}.menu-list button:hover::after,.menu-list button:focus::after{opacity:1}.menu-list button:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.menu-list button:focus-visible::after{opacity:0}.mobile-menu-icon{display:flex;align-items:center;cursor:pointer;font-size:var(--ptc-font-size-x-small);text-align:left;padding:8px 0px;background-color:var(--color-white);border-bottom:2px solid var(--color-white);justify-content:flex-end;width:-moz-fit-content;width:fit-content;background-color:transparent}.mobile-menu-icon:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobile-menu-text{color:var(--color-white);text-align:left;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);margin-right:var(--ptc-element-spacing-03)}@media (min-width: 992px){.menu{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:0px;color:white;position:relative;font-family:var(--ptc-font-latin);left:0;top:0px}.menu-list{display:flex;flex-direction:row;justify-content:center;gap:32px;background-color:transparent;width:auto;position:relative;top:auto;right:auto;box-shadow:none;border-radius:0;margin-top:0px;padding-top:0px;padding-bottom:0px}.menu-list button{text-align:center;width:auto;padding:0px;font-size:16px;color:white;font-family:var(--ptc-font-latin)}.menu-list button::after{position:relative;width:100%;height:1px;transform-origin:bottom;bottom:auto;top:calc(100% + 8px);background:var(--color-white);left:0;transform:scaleY(0);transition:all var(--ptc-transition-medium) var(--ptc-ease-in)}.menu-list button:hover::after,.menu-list button:active::after{transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.menu-list button:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.menu-list li.active button::after{height:2px;transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.mobile-menu-icon{display:none}}";
-
-const JumbotronSubMenu = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.itemSelected = index.createEvent(this, "itemSelected", 7);
-    this.isClickable = true;
-    this.isOpen = false;
-    this.activeItem = 0;
-  }
-  toggleMenu() {
-    this.isOpen = !this.isOpen;
-  }
-  selectItem(index) {
-    if (this.isClickable) {
-      this.isClickable = false;
-      this.activeItem = index;
-      this.isOpen = false;
-      this.itemSelected.emit(index); // Emit the custom event
-      setTimeout(() => {
-        this.isClickable = true;
-      }, 500);
-    }
-  }
-  render() {
-    const upArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 8.5L7.34315 2.71178L1.68629 8.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
-    const downArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 2.5L7.34315 8.28822L1.68629 2.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
-    const menuItems = Array.from(this.el.querySelectorAll('[slot^="menu-item"]'));
-    return (index.h("nav", { class: "menu" }, index.h("div", { class: "mobile-menu-icon", onClick: () => this.toggleMenu(), onKeyPress: () => this.toggleMenu(), tabindex: "0" }, index.h("span", { class: "mobile-menu-text" }, menuItems[this.activeItem].textContent), index.h("span", null, this.isOpen ? upArrow : downArrow)), index.h("ul", { class: `menu-list ${this.isOpen ? "open" : ""}` }, menuItems.map((item, index$1) => (index.h("li", { key: index$1, id: `hp-tab-${index$1}`, class: this.activeItem === index$1 ? "active" : "" }, index.h("button", { onClick: () => this.selectItem(index$1) }, item.textContent)))))));
-  }
-  get el() { return index.getElement(this); }
-};
-JumbotronSubMenu.style = jumbotronSubMenuCss;
-
-exports.jumbotron_sub_menu = JumbotronSubMenu;

package/dist/cjs/jumbotron-sub-mune.cjs.entry.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const jumbotronSubMuneCss = "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}}.menu{display:none;background-color:transparent;color:white;position:relative}@media only screen and (min-width: 992px){.menu{display:block}}.menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-start;gap:32px}.menu-list li{margin:0}.menu-list a,.menu-list button{color:white;text-decoration:none;border:none;background:none;cursor:pointer;position:relative}.menu-list a{white-space:nowrap}.menu-list a::after,.menu-list button::after{content:\"\";display:block;width:100%;height:2px;background:white;transition:transform 0.3s ease;transform:scaleY(0);transform-origin:bottom}.menu-list a:hover::after,.menu-list a:focus::after,.menu-list button:hover::after,.menu-list button:focus::after{transform:scaleX(1);transform-origin:left}.mobile-menu-icon{display:none;cursor:pointer;font-size:24px;text-align:center;position:absolute;top:0;right:0}@media (max-width: 768px){.menu-list{display:none;flex-direction:column;background-color:transparent;width:100%;position:absolute;top:40px;right:0}.menu-list.open{display:flex}.mobile-menu-icon{display:block}.menu-list li{margin:10px 0}}";
-
-const JumbotronSubMune = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.items = undefined;
-    this.isOpen = false;
-    this.activeItem = "";
-  }
-  getItems() {
-    try {
-      if (!this.items)
-        return [];
-      return JSON.parse(this.items);
-    }
-    catch (e) {
-      console.error("Invalid Json format for items prop", e);
-      return [];
-    }
-  }
-  componentWillLoad() {
-    var _a;
-    // if (this.items.length > 0) {
-    // 	this.activeItem = this.items[0];
-    // }
-    const parsed = this.getItems();
-    if (parsed.length > 0) {
-      this.activeItem = ((_a = parsed[0]) === null || _a === void 0 ? void 0 : _a.text) || "";
-    }
-  }
-  toggleMenu() {
-    this.isOpen = !this.isOpen;
-  }
-  selectItem(item) {
-    this.activeItem = item;
-    this.isOpen = false;
-  }
-  render() {
-    const menuItems = this.getItems();
-    const upArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 8.5L7.34315 2.71178L1.68629 8.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
-    const downArrow = (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, index.h("path", { d: "M13 2.5L7.34315 8.28822L1.68629 2.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
-    return (index.h("nav", { class: "menu" }, index.h("div", { class: "mobile-menu-icon", onClick: () => this.toggleMenu() }, this.activeItem, index.h("span", null, this.isOpen ? upArrow : downArrow)), index.h("ul", { class: `menu-list ${this.isOpen ? "open" : ""}` }, menuItems.map((item) => (index.h("li", null, item.isButton ? (index.h("button", { onClick: () => {
-        this.selectItem(item);
-      } }, item.text)) : (index.h("a", { href: item.link }, item.text))))))));
-  }
-};
-JumbotronSubMune.style = jumbotronSubMuneCss;
-
-exports.jumbotron_sub_mune = JumbotronSubMune;

package/dist/cjs/list-item.cjs.entry.js

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const listItemCss = "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(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);display:flex;align-items:baseline}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0;margin-left:2px}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.breadcrumb) li a.item-link:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding-bottom:5px;padding-right:5px}:host(.breadcrumb-center) li{display:inline}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.list-footer) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none !important;border-color:white !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;-webkit-text-decoration:underline 1px solid;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host li .has-before-home-icon{display:block}@media only screen and (min-width: 480px){:host li .has-before-home-icon{display:none}}";
-
-const ListItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.listType = "list-primary";
-    this.linkHref = undefined;
-    this.flushBefore = false;
-    this.linkTarget = "_self";
-    this.hasBeforeHomeIcon = false;
-    this.trackerId = undefined;
-    this.color = undefined;
-    this.styles = undefined;
-    this.ariaLabel = "";
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("li", { id: this.trackerId }, this.linkHref ? (index.h("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {}), (this.ariaLabel !== ""
-      ? { "aria-label": this.ariaLabel }
-      : {}), { tabindex: "0" }), index.h("slot", null))) : (index.h("slot", null)))));
-  }
-  getCssClassMap() {
-    let bcEnable = false;
-    if (this.hostElement && this.hostElement.parentElement) {
-      try {
-        bcEnable =
-          this.hostElement.parentElement.classList.contains("center") &&
-            this.hostElement.parentElement.tagName === "PTC-BREADCRUMB";
-      }
-      catch (err) {
-        console.log(err);
-      }
-    }
-    return {
-      [this.listType]: true,
-      ["flush-before"]: this.flushBefore ? true : false,
-      [this.color]: !!this.color ? true : false,
-      ["breadcrumb-center"]: bcEnable,
-      ["mf-listen"]: true,
-    };
-  }
-  get hostElement() { return index.getElement(this); }
-};
-ListItem.style = listItemCss;
-
-exports.list_item = ListItem;

package/dist/cjs/max-width-container.cjs.entry.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
-
-const MaxWidthContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.maxWidthP = undefined;
-    this.maxWidth = undefined;
-    this.breakpoint = 768;
-    this.contentAlign = "center";
-    this.styles = undefined;
-  }
-  componentDidLoad() {
-    this.handleResize();
-    window.addEventListener("resize", this.handleResize.bind(this));
-  }
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.handleResize);
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("slot", null)));
-  }
-  getCssClassMap() {
-    return {
-      [this.contentAlign]: true,
-    };
-  }
-  handleResize() {
-    // const selectedContainer = this.el.querySelector('.max-width-container');
-    if (this.el) {
-      if (window.innerWidth >= this.breakpoint) {
-        if (this.maxWidthP) {
-          this.el.style.maxWidth = `${this.maxWidthP}%`;
-        }
-        else {
-          this.el.style.maxWidth = `${this.maxWidth}px`;
-        }
-      }
-      else {
-        this.el.style.maxWidth = "initial";
-      }
-    }
-  }
-  get el() { return index.getElement(this); }
-};
-MaxWidthContainer.style = maxWidthContainerCss;
-
-exports.max_width_container = MaxWidthContainer;

package/dist/cjs/modal-form-example.cjs.entry.js

@@ -1,109 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const modalFormExampleCss = ":host {\r\n  display: block;\r\n}\r\n\r\n.form-wrapper {\r\n  width: 371px;\r\n  display: flex;\r\n  border-radius: 3px;\r\n  background: #FFF;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0px 32px;\r\n\r\n  @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n    max-width: 360px;\r\n    width: 360px;\r\n  }\r\n\r\n  .button-wrapper {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 20px;\r\n    margin-top: 48px;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n";
-
-const PtcForm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.formData = {
-      email: "",
-      firstName: "",
-      lastName: "",
-      company: "",
-      country: "",
-      phone: "",
-      inquiryReason: "",
-      howhearselfreport: "",
-      policyChecked: false,
-    };
-  }
-  // private countryEle: HTMLPtcSelectElement;
-  // private inquiryreasonEle: HTMLPtcTextfieldElement;
-  // private howhearselfreport: HTMLPtcTextfieldElement;
-  componentDidLoad() {
-    this.formButton = this.el.querySelector(".form-submit");
-    this.formButton.addEventListener("click", this.handleSubmit.bind(this));
-    //get Email
-    this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
-    this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
-    this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
-    this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
-    this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
-    // this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]')
-    // this.inquiryreasonEle = this.el.querySelector('ptc-textfield[field-id="contact-inquiry"]')
-    // this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]')
-  }
-  handleInputChange(field, value) {
-    this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
-  }
-  handleSubmit(event) {
-    event.preventDefault();
-    this.formData.email = this.emailEle.inputValue;
-    this.formData.firstName = this.firstNameEle.inputValue;
-    this.formData.lastName = this.lastNameEle.inputValue;
-    this.formData.company = this.companyEle.inputValue;
-    this.formData.phone = this.phoneEle.inputValue;
-    // this.formData.country = this.countryEle.inputValue;
-    // this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
-    // this.formData.howhearselfreport = this.howhearselfreport.inputValue;
-    // console.log("get form Data: " + this.formData.email)
-    if (this.isValid()) {
-      const formSubmitEvent = new CustomEvent("formSubmit", {
-        detail: this.formData,
-        bubbles: true,
-      });
-      this.el.dispatchEvent(formSubmitEvent);
-      console.log("Form Submitted: " + this.formData);
-    }
-    else {
-      console.log("Form validation failed");
-      console.log("Form Submitted: " + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone);
-    }
-  }
-  isValid() {
-    const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked, } = this.formData;
-    const invalidLength = document.querySelectorAll(".invalid-field").length;
-    // console.log('invalid fields length: ' + invalidLength), check the select field
-    return (email !== "" &&
-      phone !== "" &&
-      firstName !== "" &&
-      lastName !== "" &&
-      company !== "" &&
-      country !== "" &&
-      inquiryReason !== "" &&
-      howhearselfreport != "" &&
-      policyChecked &&
-      invalidLength === 0);
-  }
-  render() {
-    const multiSelectItems = [
-      {
-        text: "Item 1",
-        selected: false,
-        ptcDataEloquaName: "item_1",
-        ptcDataTargetEloquaName: "item_target-1",
-      },
-      {
-        text: "Item 2",
-        selected: false,
-        ptcDataEloquaName: "item_2",
-        ptcDataTargetEloquaName: "item_target-2",
-      },
-      {
-        text: "Item 3",
-        selected: false,
-        ptcDataEloquaName: "item_3",
-        ptcDataTargetEloquaName: "item_target-3",
-      },
-    ];
-    return (index.h(index.Host, null, index.h("div", { class: "ptc-container u-flex u-flex-justify-center" }, index.h("div", { class: "form-wrapper" }, index.h("ptc-title", { "seo-compatibility-mode": true, "text-align": "left", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false", "title-size": "medium" }, index.h("h2", null, "PTC\u2019s PLM application suite combines the power of Windchill, the industry\u2019s #1 PLM software with Thingworx")), index.h("ptc-spacer", { size: "x-small", breakpoint: "small" }), index.h("ptc-spacer", { size: "small", breakpoint: "x-small" }), index.h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-densest" }, "PTC\u2019s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"), index.h("ptc-spacer", { size: "x-small", breakpoint: "small" }), index.h("ptc-spacer", { size: "small", breakpoint: "x-small" }), index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: (event) => this.handleSubmit(event) }, index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), index.h("ptc-textfield", { "field-id": "company-email", "label-text": "Company Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "companyemail" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item placehoder-li", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Select a country")), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "Please select a value" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-multi-select", { items: multiSelectItems, "is-required": "true" }), index.h("ptc-textfield", { "field-id": "Self-Reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), index.h("div", { class: "button-wrapper" }, index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Submit"), index.h("ptc-button", { class: "form-close", color: "ptc-tertiary", type: "button", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Cancel")))))));
-  }
-  get el() { return index.getElement(this); }
-};
-PtcForm.style = modalFormExampleCss;
-
-exports.modal_form_example = PtcForm;

package/dist/cjs/most-popular-news.cjs.entry.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-const utils = require('./utils-0ff09a53.js');
-
-const numberOneSvg = `<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>
-<path d="M22.224 20.0959V22.9999H12.48V20.0959H15.888V12.8239C15.744 13.0159 15.512 13.2159 15.192 13.4239C14.888 13.6159 14.552 13.7999 14.184 13.9759C13.816 14.1519 13.432 14.2959 13.032 14.4079C12.648 14.5199 12.304 14.5759 12 14.5759V11.5759C12.288 11.5759 12.64 11.4879 13.056 11.3119C13.472 11.1199 13.88 10.8959 14.28 10.6399C14.68 10.3839 15.024 10.1359 15.312 9.8959C15.616 9.6399 15.808 9.4399 15.888 9.2959H19.176V20.0959H22.224Z" fill="white"/>
-</svg>
-`;
-
-const numberTwoSvg = `<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>
-<path d="M12 23.0002C12 22.2802 12.056 21.6322 12.168 21.0562C12.28 20.4642 12.472 19.9202 12.744 19.4242C13.032 18.9282 13.416 18.4642 13.896 18.0322C14.392 17.6002 15.016 17.1762 15.768 16.7602C16.424 16.4082 17 16.1042 17.496 15.8482C18.008 15.5762 18.432 15.3282 18.768 15.1042C19.104 14.8802 19.36 14.6562 19.536 14.4322C19.712 14.1922 19.8 13.9202 19.8 13.6162C19.8 13.1362 19.608 12.7282 19.224 12.3922C18.84 12.0402 18.288 11.8642 17.568 11.8642C17.184 11.8642 16.832 11.9202 16.512 12.0322C16.192 12.1282 15.888 12.2642 15.6 12.4402C15.328 12.6162 15.072 12.8162 14.832 13.0402C14.608 13.2482 14.4 13.4722 14.208 13.7122L12.144 11.3362C12.352 11.1122 12.648 10.8722 13.032 10.6162C13.416 10.3442 13.864 10.0962 14.376 9.87215C14.904 9.63215 15.48 9.44015 16.104 9.29615C16.744 9.13615 17.424 9.05615 18.144 9.05615C18.96 9.05615 19.688 9.16015 20.328 9.36815C20.968 9.56015 21.504 9.84015 21.936 10.2082C22.384 10.5602 22.72 10.9922 22.944 11.5042C23.184 12.0002 23.304 12.5442 23.304 13.1362C23.304 13.6962 23.2 14.1922 22.992 14.6242C22.784 15.0562 22.52 15.4402 22.2 15.7762C21.88 16.1122 21.528 16.4082 21.144 16.6642C20.776 16.9042 20.416 17.1202 20.064 17.3122C19.776 17.4722 19.448 17.6562 19.08 17.8642C18.712 18.0722 18.344 18.3042 17.976 18.5602C17.624 18.8002 17.296 19.0562 16.992 19.3282C16.688 19.5842 16.456 19.8402 16.296 20.0962H23.568V23.0002H12Z" fill="white"/>
-</svg>
-`;
-
-const numberThreeSvg = `<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>
-<path d="M20.472 16.3358C21.464 16.5118 22.264 16.9918 22.872 17.7758C23.496 18.5438 23.808 19.4878 23.808 20.6078C23.808 21.3598 23.656 22.0398 23.352 22.6478C23.064 23.2558 22.648 23.7678 22.104 24.1838C21.576 24.6158 20.928 24.9438 20.16 25.1678C19.392 25.4078 18.528 25.5278 17.568 25.5278C16.352 25.5278 15.272 25.3278 14.328 24.9278C13.4 24.5438 12.624 23.9758 12 23.2238L13.824 20.9438C14.24 21.4718 14.736 21.8798 15.312 22.1678C15.888 22.4558 16.608 22.5998 17.472 22.5998C18.448 22.5998 19.192 22.4078 19.704 22.0238C20.216 21.6398 20.472 21.0478 20.472 20.2478C20.472 19.4158 20.176 18.7758 19.584 18.3278C18.992 17.8798 18.096 17.6558 16.896 17.6558H16.224V15.2558H16.968C17.96 15.2558 18.728 15.0398 19.272 14.6078C19.816 14.1598 20.088 13.5918 20.088 12.9038C20.088 12.2478 19.864 11.7598 19.416 11.4398C18.968 11.1198 18.384 10.9598 17.664 10.9598C16.928 10.9598 16.264 11.1278 15.672 11.4638C15.096 11.7998 14.624 12.2718 14.256 12.8798L12.24 10.6238C12.48 10.2558 12.8 9.92778 13.2 9.63978C13.6 9.33578 14.048 9.07978 14.544 8.87178C15.056 8.64778 15.608 8.47978 16.2 8.36778C16.792 8.23978 17.4 8.17578 18.024 8.17578C18.84 8.17578 19.584 8.27978 20.256 8.48778C20.928 8.69578 21.504 8.98378 21.984 9.35178C22.48 9.71978 22.856 10.1678 23.112 10.6958C23.384 11.2078 23.52 11.7838 23.52 12.4238C23.52 12.9038 23.448 13.3598 23.304 13.7918C23.16 14.2238 22.952 14.6158 22.68 14.9678C22.408 15.3198 22.08 15.6158 21.696 15.8558C21.328 16.0958 20.92 16.2558 20.472 16.3358Z" fill="white"/>
-</svg>
-`;
-
-const mostPopularNewsCss = "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}}.most-popular-wrapper{border:1px solid #eee;display:flex;flex-flow:column nowrap;background-color:var(--color-gray-02)}::slotted([slot=seo-content]){display:none}.most-popular-title{border-radius:4px 4px 0px 0px;background-color:var(--color-gray-12);padding:var(--ptc-element-spacing-05) 0px}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:100%;padding:12px}.most-popular-card ptc-card-wrapper{border-radius:4px;background:#fff;box-shadow:var(--ptc-shadow-x-small)}.most-popular-card ptc-card-wrapper:hover{box-shadow:var(--ptc-shadow-small)}@media screen and (min-width: 768px){.most-popular-title{display:none}.most-popular-cards{display:flex;flex-flow:row nowrap}}@media screen and (min-width: 992px){.most-popular-title{display:block}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:246px;padding:12px 0;margin:0 auto}}";
-
-const MostPopularNews = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.topTitle = undefined;
-  }
-  componentDidRender() {
-    utils.equalizeHeightsWithinShadow(".js-card-bottom", this.el);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "most-popular-wrapper" }, index.h("slot", { name: "seo-content" }), index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", class: "most-popular-title" }, this.topTitle), index.h("div", { class: "most-popular-cards" }, index.h("div", { class: "most-popular-card" }, index.h("ptc-card-wrapper", { id: "most-popular-1", tabindex: "0", "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card mf-listen" }, index.h("ptc-badge", { type: "svg", "svg-code": numberOneSvg }), index.h("ptc-card-content", { tabindex: "-1" }, index.h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), index.h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom", tabindex: "-1" }, index.h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, index.h("p", null, "PTC Q2 FY\u201923 Earnings Presentation"))))), index.h("div", { class: "most-popular-card" }, index.h("ptc-card-wrapper", { id: "most-popular-2", "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, index.h("ptc-badge", { type: "svg", "svg-code": numberTwoSvg }), index.h("ptc-card-content", null, index.h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), index.h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, index.h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, index.h("p", null, "PTC Announces Availability of Creo 9"))))), index.h("div", { class: "most-popular-card" }, index.h("ptc-card-wrapper", { id: "most-popular-3", "card-type": "most-popular", "card-link": "https://www.ptc.com/", "is-loading": "false", "link-target": "_blank", "link-title": "Link title on hover", class: "most-pupular-card" }, index.h("ptc-badge", { type: "svg", "svg-code": numberThreeSvg }), index.h("ptc-card-content", null, index.h("ptc-picture", { alt: "image-test", "is-full-height": true, "is-full-width": true, src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" })), index.h("ptc-card-bottom", { "card-type": "most-popular", class: "js-card-bottom" }, index.h("ptc-para", { "para-line-h": "--ptc-line-height-denser", "font-size": "x-small", "font-weight": "w-7", "para-color": "primary-grey", "para-margin": "margin-top-3", "seo-compatibility-mode": true }, index.h("p", null, "PTC Completes Acquisition of Intland Software")))))))));
-  }
-  get el() { return index.getElement(this); }
-};
-MostPopularNews.style = mostPopularNewsCss;
-
-exports.most_popular_news = MostPopularNews;