@ptcwebops/ptcw-design 2.5.2 → 2.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/author-listing-example.cjs.entry.js +4 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-card.cjs.entry.js +7 -2
- package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +2 -2
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +1 -1
- package/dist/cjs/ptc-subnav.cjs.entry.js +33 -7
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.js +4 -3
- package/dist/collection/components/ptc-card/ptc-card.css +5 -0
- package/dist/collection/components/ptc-card/ptc-card.js +24 -1
- package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +1 -1
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.css +4 -19
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +50 -25
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +1 -1
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.css +34 -11
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +33 -7
- package/dist/custom-elements/index.js +49 -17
- package/dist/esm/author-listing-example.entry.js +4 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-card.entry.js +7 -2
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +2 -2
- package/dist/esm/ptc-sticky-section.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +33 -7
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/{p-d9c6c833.entry.js → p-3699e569.entry.js} +1 -1
- package/dist/ptcw-design/p-48ca3aae.entry.js +1 -0
- package/dist/ptcw-design/p-6345e289.entry.js +1 -0
- package/dist/ptcw-design/p-658ad2de.entry.js +1 -0
- package/dist/ptcw-design/p-69ab00c6.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/author-listing-example/author-listing-example.d.ts +1 -1
- package/dist/types/components/ptc-card/ptc-card.d.ts +1 -0
- package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +6 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-0f42ec51.entry.js +0 -1
- package/dist/ptcw-design/p-3571d2f7.entry.js +0 -1
- package/dist/ptcw-design/p-6f8d2b0b.entry.js +0 -1
- package/dist/ptcw-design/p-f309c995.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-8db28d54.js';
|
|
2
2
|
|
|
3
|
-
const ptcCardCss = ":host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:\"\";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:\"\";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:100%;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row;height:100%}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-height:20px;overflow:hidden;width:fit-content;clip-path:inset(-6px -6px -6px 0px)}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-layout-spacing-03)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:18px;color:var(--color-gray-11)}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}";
|
|
3
|
+
const ptcCardCss = ":host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:\"\";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:\"\";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:100%;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .creo-card .card-media{width:100%;height:auto !important;padding-top:66.66%}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row;height:100%}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-height:20px;overflow:hidden;width:fit-content;clip-path:inset(-6px -6px -6px 0px)}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-layout-spacing-03)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:18px;color:var(--color-gray-11)}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}";
|
|
4
4
|
|
|
5
5
|
const PtcCard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -24,6 +24,7 @@ const PtcCard = class {
|
|
|
24
24
|
this.maxChars = undefined;
|
|
25
25
|
this.maxLines = undefined;
|
|
26
26
|
this.cardOverflow = undefined;
|
|
27
|
+
this.isCreoCard = false;
|
|
27
28
|
}
|
|
28
29
|
render() {
|
|
29
30
|
const Tag = !!this.cardHref ? 'a' : 'div';
|
|
@@ -33,7 +34,10 @@ const PtcCard = class {
|
|
|
33
34
|
if (this.titleLineCutOff && this.titleLineCutOff > 0) {
|
|
34
35
|
cutOffTitleClass = ' clamp-title';
|
|
35
36
|
}
|
|
36
|
-
return (h(Host,
|
|
37
|
+
return (h(Host, { class: {
|
|
38
|
+
[this.cardType]: !!this.cardType,
|
|
39
|
+
'creo-card-wrap': this.isCreoCard, // Add the cardType class conditionally
|
|
40
|
+
} }, this.styles && h("style", null, this.styles), h("div", { class: "card-border", part: "border-wrapper", style: { overflow: this.cardOverflow } }, h(Tag, Object.assign({ class: classMap, part: "card-layout" }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {}), (!!this.ribbonText ? { rel: this.ribbonText } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? h("slot", { name: this.getMediaSlot() }) : null)) : null, !!this.ribbonText && this.cardType == 'resource-center-card' || !!this.ribbonText && this.cardType == 'related-card' ? h("div", { class: "ribbon-text" }, `${this.ribbonText}`) : null, h("div", { class: "card-body", part: "body-wrapper" }, !!this.cardDate && (this.cardType === 'listing-card' || this.cardType === 'listing-card-horizontal') ?
|
|
37
41
|
h("div", { class: "card-date-text" }, !!this.eventType ? h("span", { class: "small" }, `${this.cardDate}`, "\u00A0\u00A0\u00A0|\u00A0\u00A0\u00A0", `${this.eventType}`) : h("span", { class: "small" }, `${this.cardDate}`)) : null, this.cardType === 'case-studies-card' ? Object.assign({}, !!this.cardLogo ? h("div", { class: "card-logo-container" }, h("ptc-picture", { alt: "", "object-fit": "contain", src: this.cardLogo, height: "40" })) : h("div", { class: "card-logo-none" })) : null, h("slot", { name: "slot-before-heading" }), !!this.heading
|
|
38
42
|
? [
|
|
39
43
|
(this.cardType === 'listing-card' ?
|
|
@@ -48,6 +52,7 @@ const PtcCard = class {
|
|
|
48
52
|
return {
|
|
49
53
|
['card-layout']: true,
|
|
50
54
|
['link-wrapper']: !!this.cardType ? true : false,
|
|
55
|
+
['creo-card']: this.isCreoCard ? true : false
|
|
51
56
|
};
|
|
52
57
|
}
|
|
53
58
|
getMediaSlot() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-8db28d54.js';
|
|
2
2
|
|
|
3
|
-
const ptcNavLinkCss = ":host{display:block;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:inline-block;border-bottom:2px solid transparent;margin-left:34%;
|
|
3
|
+
const ptcNavLinkCss = ":host{display:block;padding:12px;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:inline-block;border-bottom:2px solid transparent;margin-left:34%;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{margin-left:0;border-bottom:2px solid transparent;display:flex;align-items:center;white-space:nowrap;position:relative}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white);border-color:var(--color-white)}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}";
|
|
4
4
|
|
|
5
5
|
const PtcNavLink = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8db28d54.js';
|
|
2
2
|
|
|
3
|
-
const ptcNavSubmenuCss = ":host{display:block;position:relative;
|
|
3
|
+
const ptcNavSubmenuCss = ":host{display:block;position:relative;padding:var(--ptc-element-spacing-03)}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%;position:relative}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:1106px}}@media only screen and (min-width: 1256px){:host .submenu-container .submenu-container-lg{width:1164px}}@media only screen and (min-width: 1280px){:host .submenu-container .submenu-container-lg{width:1180px}}@media only screen and (min-width: 1300px){:host .submenu-container .submenu-container-lg{width:1200px}}@media only screen and (min-width: 1440px){:host .submenu-container .submenu-container-lg{width:83.5rem}}@media only screen and (min-width: 1600px){:host .submenu-container .submenu-container-lg{width:93.5rem}}@media only screen and (min-width: 1980px){:host .submenu-container .submenu-container-lg{width:113.5rem}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}@media only screen and (min-width: 1200px){:host(.active){padding-bottom:var(--ptc-element-spacing-03)}}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
|
|
4
4
|
|
|
5
5
|
const PtcNavSubmenu = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -15,7 +15,7 @@ const PtcNavSubmenu = class {
|
|
|
15
15
|
var container = this.el.closest('ptc-subnav');
|
|
16
16
|
if (dropdown && container) {
|
|
17
17
|
if (window.innerWidth >= 1200) {
|
|
18
|
-
let height = container.clientHeight;
|
|
18
|
+
let height = container.clientHeight - 10;
|
|
19
19
|
if (height > 0) {
|
|
20
20
|
dropdown.style.top = `${height}px`;
|
|
21
21
|
}
|
|
@@ -28,7 +28,7 @@ const PtcStickySection = class {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, null, h("div", { class: "stickyEl", ref: el => this.stickyEl = el }, h("slot", null))));
|
|
31
|
+
return (h(Host, null, h("div", { class: "stickyEl", ref: el => (this.stickyEl = el) }, h("slot", null))));
|
|
32
32
|
}
|
|
33
33
|
get el() { return getElement(this); }
|
|
34
34
|
};
|
|
@@ -1,26 +1,52 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-8db28d54.js';
|
|
2
2
|
|
|
3
|
-
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .
|
|
3
|
+
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:2000;transition:top 0.5s}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1256px){:host .navbar .navbar-inner{width:1256px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
4
4
|
|
|
5
5
|
const PtcSubnav = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
-
this.
|
|
8
|
+
this.firstChildHref = null;
|
|
9
|
+
this.mobileTitle = 'See page topics';
|
|
9
10
|
this.navOpen = false;
|
|
10
11
|
}
|
|
11
12
|
toggleNav() {
|
|
12
13
|
this.navOpen = !this.navOpen;
|
|
13
14
|
}
|
|
14
15
|
handleScroll() {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
this.el.shadowRoot.querySelector('nav.navbar').classList.remove('navOpen');
|
|
17
|
+
this.el.shadowRoot.querySelector('div.sticky-subnav').classList.remove('sticky');
|
|
18
|
+
}
|
|
19
|
+
firstChildfuncID() {
|
|
20
|
+
const firstChildLi = document.querySelector('ptc-nav-link:first-child');
|
|
21
|
+
if (firstChildLi) {
|
|
22
|
+
const anchorElement = firstChildLi.shadowRoot.querySelector('a');
|
|
23
|
+
this.firstChildHref = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getAttribute('href');
|
|
24
|
+
this.firstChildID = this.firstChildHref;
|
|
25
|
+
}
|
|
26
|
+
return this.firstChildID;
|
|
27
|
+
}
|
|
28
|
+
scrollToSection(sectionId) {
|
|
29
|
+
if (window.innerWidth < 1200) {
|
|
30
|
+
const sectionWH = sectionId.replace(/#/g, '');
|
|
31
|
+
const section = document.getElementById(sectionWH);
|
|
32
|
+
if (section) {
|
|
33
|
+
section.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
34
|
+
setTimeout(() => {
|
|
35
|
+
if (this.el.shadowRoot.querySelector('nav.navbar').classList.contains('navOpen')) {
|
|
36
|
+
this.el.shadowRoot.querySelector('div.sticky-subnav').classList.add('sticky');
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.el.shadowRoot.querySelector('div.sticky-subnav').classList.remove('sticky');
|
|
40
|
+
}
|
|
41
|
+
}, 100);
|
|
19
42
|
}
|
|
20
43
|
}
|
|
21
44
|
}
|
|
22
45
|
render() {
|
|
23
|
-
return (h(Host, null, h("nav", { class: `navbar ${this.navOpen ? 'navOpen' : ''}` }, h("button", { class: "navbar-toggle", onClick: () =>
|
|
46
|
+
return (h(Host, null, h("div", { class: "sticky-subnav" }, h("nav", { class: `navbar ${this.navOpen ? 'navOpen' : ''}` }, h("button", { class: "navbar-toggle", onClick: () => {
|
|
47
|
+
this.scrollToSection(this.firstChildfuncID());
|
|
48
|
+
this.toggleNav();
|
|
49
|
+
} }, this.mobileTitle, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), h("div", { class: "navbar-inner" }, h("div", { class: "nav-wrapper" }, h("slot", { name: "subnav-menu-left" }), h("slot", { name: "subnav-menu-right" })))))));
|
|
24
50
|
}
|
|
25
51
|
get el() { return getElement(this); }
|
|
26
52
|
};
|
package/dist/esm/ptcw-design.js
CHANGED
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy(JSON.parse("[[\"bundle-jumbotron-example\",[[1,\"bundle-jumbotron-example\",{\"jumbotron\":[1],\"isIframe\":[4,\"is-iframe\"]}]]],[\"featured-list\",[[1,\"featured-list\",{\"isMobile\":[32],\"selectedTabGloble\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"flTabClicked\",\"handleflTabClicked\"]]]]],[\"ptc-featured-list\",[[1,\"ptc-featured-list\",{\"isMobile\":[32],\"selectedTabGloble\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"flTabClicked\",\"handleflTabClicked\"]]]]],[\"ptc-pricing-table\",[[1,\"ptc-pricing-table\",{\"pageWithSubnav\":[4,\"page-with-subnav\"],\"tableTitle\":[1,\"table-title\"],\"tableSubTitle\":[1,\"table-sub-title\"],\"tableDescription\":[1,\"table-description\"],\"dataRows\":[2,\"data-rows\"],\"dataCols\":[2,\"data-cols\"],\"disclaimerCount\":[2,\"disclaimer-count\"],\"scrollTopClipperHeight\":[32],\"desktopHeaderFirstCellWidth\":[32],\"targetElements\":[32],\"columnHeaderLinks\":[32],\"lastScrollTop\":[32],\"scrollTimeInterval\":[32],\"scrollAmount\":[32],\"scrollLimit\":[32],\"mobileHeaderRowColSpan\":[32],\"showCtaButtonsRow\":[32],\"ctaButtons\":[32],\"disclaimers\":[32]}]]],[\"ptc-pricing-add-on-section\",[[4,\"ptc-pricing-add-on-section\",{\"cardCount\":[2,\"card-count\"],\"cardData\":[32]}]]],[\"sequential-bundle\",[[1,\"sequential-bundle\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"sequential-bundle-example\",[[1,\"sequential-bundle-example\",{\"isInteralCardsExpanded\":[1040],\"isMobile\":[32],\"expandedCardIndex\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"author-listing-example\",[[1,\"author-listing-example\",{\"defaultAuthorImage\":[1,\"default-author-image\"],\"isLoading\":[32],\"loadedCardCount\":[32],\"cardsPerLoad\":[32],\"cardData\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-product-sidebar\",[[1,\"ptc-product-sidebar\",{\"suggestionList\":[16],\"searchTerm\":[32],\"suggestions\":[32]},[[4,\"dropdownTouched\",\"handleDropdownTouched\"],[0,\"click\",\"handleClick\"],[4,\"clearCtaClicked\",\"handleclearCtaClicked\"],[4,\"selectedValues\",\"handleSelectedValues\"]]]]],[\"ptc-product-card\",[[1,\"ptc-product-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"],\"cardCtaText\":[1,\"card-cta-text\"],\"toggleCtaTitle\":[1,\"toggle-cta-title\"],\"isSlotEmpty\":[4,\"is-slot-empty\"],\"isOpen\":[32]}]]],[\"ptc-quiz\",[[1,\"ptc-quiz\",{\"quiz\":[32],\"additionalOptionOnClick\":[32],\"slide\":[32],\"traversal\":[32]}]]],[\"ptc-news\",[[1,\"ptc-news\",{\"newsTag\":[1,\"news-tag\"],\"newsTitle\":[1,\"news-title\"],\"newsSecondaryTitle\":[1,\"news-secondary-title\"],\"newsDate\":[1,\"news-date\"],\"newsSummary\":[1,\"news-summary\"],\"newsImage\":[1,\"news-image\"],\"newsImageAlt\":[1,\"news-image-alt\"],\"newsDownloadUrl\":[1,\"news-download-url\"]}]]],[\"ptc-product-category\",[[1,\"ptc-product-category\",{\"categoryTitle\":[1,\"category-title\"],\"categoryDescription\":[1,\"category-description\"]}]]],[\"ptc-product-highlight-card\",[[1,\"ptc-product-highlight-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"]}]]],[\"innovator-toggle-container\",[[1,\"innovator-toggle-container\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"customMaxLines\":[2,\"custom-max-lines\"],\"moreText\":[1,\"more-text\"],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-product-list\",[[1,\"ptc-product-list\",null,[[4,\"selectedResult\",\"handleSearchResult\"],[4,\"clearsearch\",\"handleSearchResult\"],[4,\"selectedValues\",\"handleMultipleSearchResult\"],[4,\"emptyResult\",\"handleEmptyResult\"]]]]],[\"ptc-social-share\",[[1,\"ptc-social-share\",{\"display\":[1],\"shareType\":[1,\"share-type\"],\"shareTitle\":[1,\"share-title\"],\"text\":[1],\"url\":[1],\"source\":[1],\"recipient\":[1],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"iconSize\":[1,\"icon-size\"],\"isHover\":[32]}]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"isMobile\":[32],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1],\"styles\":[1]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"styles\":[1],\"tabItems\":[32],\"isMobileViewPort\":[32],\"isDesktopViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-related-card-rail\",[[1,\"ptc-related-card-rail\",{\"footerQuerySelector\":[1,\"footer-query-selector\"],\"closed\":[32],\"cardInView\":[32],\"data\":[32],\"screenBasedProps\":[32]}]]],[\"ptc-square-card\",[[1,\"ptc-square-card\",{\"number\":[1],\"arrowDirection\":[1,\"arrow-direction\"]}]]],[\"ptc-sticky-title\",[[1,\"ptc-sticky-title\",{\"barTitle\":[1,\"bar-title\"],\"logo\":[1],\"isSticky\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-value-prop-card\",[[1,\"ptc-value-prop-card\",{\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"cardTitle\":[1,\"card-title\"],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-bio-card\",[[1,\"ptc-bio-card\",{\"name\":[1],\"jobTitle\":[1,\"job-title\"],\"image\":[1],\"linkedin\":[1],\"twitter\":[1],\"showModal\":[32]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028],\"timeStamp\":[32],\"Refresh\":[64]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[32]}]]],[\"ptc-mobile-select\",[[0,\"ptc-mobile-select\",{\"triggerName\":[1,\"trigger-name\"],\"selectedText\":[1,\"selected-text\"],\"wheelData\":[1040],\"selectedId\":[1,\"selected-id\"],\"ensureBtnText\":[1,\"ensure-btn-text\"],\"cancelBtnText\":[1,\"cancel-btn-text\"],\"listTitle\":[1,\"list-title\"]}]]],[\"ptc-nav-submenu\",[[1,\"ptc-nav-submenu\",{\"label\":[1],\"iconAssetName\":[1025,\"icon-asset-name\"],\"iconSrc\":[1,\"icon-src\"]}]]],[\"ptc-pagenation\",[[1,\"ptc-pagenation\",{\"totalCount\":[2,\"total-count\"],\"numberOfItems\":[2,\"number-of-items\"],\"previousValue\":[1,\"previous-value\"],\"lastValue\":[1,\"last-value\"],\"minPageNumber\":[2,\"min-page-number\"],\"maxPageNumber\":[2,\"max-page-number\"],\"clickedPageNumber\":[2,\"clicked-page-number\"],\"appendArray\":[4,\"append-array\"],\"prevArrowImg\":[1,\"prev-arrow-img\"],\"nextArrowImg\":[1,\"next-arrow-img\"],\"theme\":[1],\"styles\":[1],\"pageNumbers\":[32],\"isSmallScreen\":[32]},[[9,\"resize\",\"windowResize\"]]]]],[\"ptc-podcast-card\",[[1,\"ptc-podcast-card\",{\"heading\":[1],\"imageSrc\":[1,\"image-src\"],\"altText\":[1,\"alt-text\"]}]]],[\"ptc-quote\",[[1,\"ptc-quote\",{\"quoteType\":[1025,\"quote-type\"],\"quoteName\":[1025,\"quote-name\"],\"ctaText\":[1,\"cta-text\"],\"ctaUrl\":[1,\"cta-url\"],\"imgSrc\":[1,\"img-src\"],\"imgTitle\":[1,\"img-title\"]}]]],[\"ptc-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"],\"elevation\":[1],\"enableClear\":[4,\"enable-clear\"],\"styles\":[1],\"clearSearchValue\":[64]}]]],[\"ptc-slit-card\",[[1,\"ptc-slit-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"heading\":[1],\"content\":[1],\"styles\":[1],\"cardImage\":[1,\"card-image\"]}]]],[\"ptc-subnav-card\",[[1,\"ptc-subnav-card\",{\"cardTitle\":[1,\"card-title\"],\"cardHref\":[1,\"card-href\"],\"cardImageSrc\":[1,\"card-image-src\"],\"cardImageAlt\":[1,\"card-image-alt\"],\"ctaText\":[1,\"cta-text\"],\"ctaIconAssetName\":[1,\"cta-icon-asset-name\"]}]]],[\"tab-header\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"maxLength\":[32],\"getChild\":[64]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"dynamic-box-bundle\",[[1,\"dynamic-box-bundle\",{\"topImgSrc\":[1,\"top-img-src\"],\"topImgAlt\":[1,\"top-img-alt\"],\"boxHeight\":[2,\"box-height\"],\"isHovering\":[32]},[[1,\"mouseover\",\"handleMouseOver\"],[1,\"mouseout\",\"handleMouseOut\"]]]]],[\"my-component\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion\",[[1,\"ptc-accordion\",{\"multiple\":[4],\"theme\":[1]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item\",[[1,\"ptc-accordion-item\",{\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"autoHeight\":[4,\"auto-height\"],\"active\":[1540],\"theme\":[1537],\"hasHeadingSlot\":[32],\"hasArrowSlot\":[32],\"toggle\":[64],\"close\":[64],\"open\":[64]}]]],[\"ptc-back-to-top\",[[1,\"ptc-back-to-top\",{\"showButton\":[32]},[[0,\"click\",\"handleClick\"]]]]],[\"ptc-case-studies-slider\",[[1,\"ptc-case-studies-slider\"]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1],\"styles\":[1]}]]],[\"ptc-hero-footer-cta\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-component\",[[1,\"ptc-icon-component\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-icon-list\",[[1,\"ptc-icon-list\",{\"listType\":[1,\"list-type\"],\"valueWithUnit\":[1,\"value-with-unit\"],\"valueText\":[1,\"value-text\"],\"listContent\":[1,\"list-content\"],\"isLastItem\":[4,\"is-last-item\"]}]]],[\"ptc-minimized-nav\",[[1,\"ptc-minimized-nav\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"],\"navType\":[1,\"nav-type\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-nav-link\",[[1,\"ptc-nav-link\",{\"href\":[1025],\"isOutsideLink\":[1028,\"is-outside-link\"],\"titleText\":[1025,\"title-text\"]},[[2,\"click\",\"handleClick\"]]]]],[\"ptc-nav-pills\",[[1,\"ptc-nav-pills\"]]],[\"ptc-nav-slider\",[[1,\"ptc-nav-slider\",{\"sliderId\":[1,\"slider-id\"]},[[0,\"dropdownClickEvent\",\"handledropdownClickEvent\"]]]]],[\"ptc-readmore-char\",[[1,\"ptc-readmore-char\",{\"maxCharacters\":[2,\"max-characters\"],\"description\":[1],\"readMoreText\":[1,\"read-more-text\"],\"readLessText\":[1,\"read-less-text\"],\"expanded\":[32]}]]],[\"ptc-responsive-wrapper\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"fontWeight\":[1,\"font-weight\"],\"styles\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-sticky-section\",[[1,\"ptc-sticky-section\",null,[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-subnav\",[[1,\"ptc-subnav\",{\"mobileTitle\":[1,\"mobile-title\"],\"navOpen\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4],\"styles\":[1]}]]],[\"ptc-two-column-media\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-pricing-add-on-card\",[[1,\"ptc-pricing-add-on-card\",{\"cardTitle\":[1,\"card-title\"],\"cardPricingText\":[1,\"card-pricing-text\"],\"cardCtaHref\":[1,\"card-cta-href\"],\"cardCtaText\":[1,\"card-cta-text\"],\"cardDisclaimer\":[1,\"card-disclaimer\"]}]]],[\"ptc-picture\",[[1,\"ptc-picture\",{\"src\":[1],\"alt\":[1],\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"disableResize\":[1028,\"disable-resize\"],\"imagePosition\":[1,\"image-position\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1],\"objectFit\":[1,\"object-fit\"],\"isFullHeight\":[4,\"is-full-height\"],\"isFullWidth\":[4,\"is-full-width\"],\"styles\":[1],\"imageAlignment\":[1,\"image-alignment\"],\"maxWidth\":[1,\"max-width\"],\"displayImage\":[1,\"display-image\"],\"oldSrc\":[32]},[[9,\"resize\",\"WindowResize\"]]]]],[\"ptc-card\",[[1,\"ptc-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"hasImage\":[4,\"has-image\"],\"hasVideo\":[4,\"has-video\"],\"hasLottie\":[4,\"has-lottie\"],\"heading\":[1],\"headingTransform\":[1,\"heading-transform\"],\"cardDate\":[1,\"card-date\"],\"country\":[1],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"],\"maxChars\":[2,\"max-chars\"],\"maxLines\":[2,\"max-lines\"],\"cardOverflow\":[1,\"card-overflow\"]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32],\"isMobile\":[32]},[[4,\"click\",\"offClick\"],[9,\"resize\",\"handleResize\"]]]]],[\"ptc-image-download-strip\",[[1,\"ptc-image-download-strip\",{\"downloadUrl\":[1,\"download-url\"]}]]],[\"ptc-link\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-product-dropdown\",[[1,\"ptc-product-dropdown\",{\"newOptions\":[16],\"selectedOptions\":[16],\"placeholder\":[1],\"internalOptions\":[32],\"isOpen\":[32]},[[4,\"clearsearch\",\"handleSearchResult\"],[4,\"inputChanged\",\"handleinputChanged\"]]]]],[\"ptc-progress-bar\",[[1,\"ptc-progress-bar\",{\"scrollPercentage\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1],\"zIndex\":[1,\"z-index\"],\"styles\":[2]}]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"cardScreen\":[1,\"card-screen\"],\"isExpanded\":[4,\"is-expanded\"],\"overlayExists\":[32]}]]],[\"max-width-container\",[[1,\"max-width-container\",{\"maxWidthP\":[2,\"max-width-p\"],\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2],\"contentAlign\":[1,\"content-align\"],\"styles\":[1]}]]],[\"ptc-breadcrumb_2\",[[1,\"ptc-jumbotron\",{\"jumbotronType\":[1,\"jumbotron-type\"],\"hasPopupVideo\":[4,\"has-popup-video\"],\"mainTitle\":[1,\"main-title\"],\"subTitle\":[1,\"sub-title\"],\"pngSrc\":[1,\"png-src\"],\"gifSrc\":[1,\"gif-src\"],\"bgVideoSrc\":[1,\"bg-video-src\"],\"bgSrc\":[1,\"bg-src\"],\"isIframe\":[4,\"is-iframe\"],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"contentBackground\":[32],\"contentColor\":[32],\"textAlign\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-breadcrumb\",{\"position\":[1],\"removeTopMargin\":[4,\"remove-top-margin\"],\"color\":[1],\"styles\":[1]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-date\",[[1,\"ptc-date\",{\"year\":[2],\"month\":[2],\"day\":[2],\"country\":[1],\"dateString\":[1,\"date-string\"],\"dateColor\":[1,\"date-color\"],\"dateStyles\":[1,\"date-styles\"],\"dataSize\":[1,\"data-size\"],\"formatOptions\":[1,\"format-options\"]}]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"],\"styles\":[1]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"ptc-background-video\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"type\":[1],\"isIframe\":[4,\"is-iframe\"],\"paused\":[32]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-modal\",[[1,\"ptc-modal\",{\"iframeUrl\":[1025,\"iframe-url\"],\"size\":[1025],\"show\":[1028],\"overlay\":[1028],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"borderRadius\":[1025,\"border-radius\"],\"isBioModal\":[1028,\"is-bio-modal\"],\"styles\":[1],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"list-item\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"],\"color\":[1],\"styles\":[1]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"fl-tab-content_3\",[[1,\"fl-tab-header\",{\"tabTitle\":[1,\"tab-title\"],\"nameKey\":[1,\"name-key\"],\"selected\":[4]}],[1,\"fl-tab-content\",{\"nameKey\":[1,\"name-key\"],\"selected\":[4]}],[1,\"fl-tab-image\",{\"nameKey\":[1,\"name-key\"],\"selected\":[4]}]]],[\"ptc-img\",[[4,\"ptc-img\",{\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imgUrl\":[1,\"img-url\"],\"imageType\":[1,\"image-type\"],\"borderRadius\":[1,\"border-radius\"],\"loadMode\":[1,\"load-mode\"],\"styles\":[1]},[[9,\"resize\",\"WindowResize\"]]]]],[\"ptc-button\",[[1,\"ptc-button\",{\"disabled\":[516],\"active\":[516],\"type\":[1],\"color\":[1],\"iconAnimation\":[1,\"icon-animation\"],\"iconPosition\":[1,\"icon-position\"],\"linkHref\":[1,\"link-href\"],\"linkTitle\":[1,\"link-title\"],\"target\":[1],\"rel\":[1],\"tabNav\":[2,\"tab-nav\"],\"styles\":[1],\"textAlign\":[1,\"text-align\"]}]]],[\"ptc-spacer\",[[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}]]],[\"ptc-title\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-tooltip\",[[6,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1],\"width\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"isSmallScreen\":[4,\"is-small-screen\"]},[[9,\"resize\",\"addTruncatedClass\"],[9,\"resize\",\"windowResize\"]]]]],[\"ptc-para\",[[1,\"ptc-para\",{\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"paraStyle\":[1,\"para-style\"],\"paraColor\":[1,\"para-color\"],\"paraLineH\":[1,\"para-line-h\"],\"paraMargin\":[1,\"para-margin\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}]]],[\"icon-asset\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
|
|
17
|
+
return bootstrapLazy(JSON.parse("[[\"bundle-jumbotron-example\",[[1,\"bundle-jumbotron-example\",{\"jumbotron\":[1],\"isIframe\":[4,\"is-iframe\"]}]]],[\"featured-list\",[[1,\"featured-list\",{\"isMobile\":[32],\"selectedTabGloble\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"flTabClicked\",\"handleflTabClicked\"]]]]],[\"ptc-featured-list\",[[1,\"ptc-featured-list\",{\"isMobile\":[32],\"selectedTabGloble\":[32]},[[9,\"resize\",\"handleResize\"],[4,\"flTabClicked\",\"handleflTabClicked\"]]]]],[\"ptc-pricing-table\",[[1,\"ptc-pricing-table\",{\"pageWithSubnav\":[4,\"page-with-subnav\"],\"tableTitle\":[1,\"table-title\"],\"tableSubTitle\":[1,\"table-sub-title\"],\"tableDescription\":[1,\"table-description\"],\"dataRows\":[2,\"data-rows\"],\"dataCols\":[2,\"data-cols\"],\"disclaimerCount\":[2,\"disclaimer-count\"],\"scrollTopClipperHeight\":[32],\"desktopHeaderFirstCellWidth\":[32],\"targetElements\":[32],\"columnHeaderLinks\":[32],\"lastScrollTop\":[32],\"scrollTimeInterval\":[32],\"scrollAmount\":[32],\"scrollLimit\":[32],\"mobileHeaderRowColSpan\":[32],\"showCtaButtonsRow\":[32],\"ctaButtons\":[32],\"disclaimers\":[32]}]]],[\"ptc-pricing-add-on-section\",[[4,\"ptc-pricing-add-on-section\",{\"cardCount\":[2,\"card-count\"],\"cardData\":[32]}]]],[\"sequential-bundle\",[[1,\"sequential-bundle\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"sequential-bundle-example\",[[1,\"sequential-bundle-example\",{\"isInteralCardsExpanded\":[1040],\"isMobile\":[32],\"expandedCardIndex\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"author-listing-example\",[[1,\"author-listing-example\",{\"defaultAuthorImage\":[1,\"default-author-image\"],\"isLoading\":[32],\"loadedCardCount\":[32],\"cardsPerLoad\":[32],\"cardData\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-product-sidebar\",[[1,\"ptc-product-sidebar\",{\"suggestionList\":[16],\"searchTerm\":[32],\"suggestions\":[32]},[[4,\"dropdownTouched\",\"handleDropdownTouched\"],[0,\"click\",\"handleClick\"],[4,\"clearCtaClicked\",\"handleclearCtaClicked\"],[4,\"selectedValues\",\"handleSelectedValues\"]]]]],[\"ptc-product-card\",[[1,\"ptc-product-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"],\"cardCtaText\":[1,\"card-cta-text\"],\"toggleCtaTitle\":[1,\"toggle-cta-title\"],\"isSlotEmpty\":[4,\"is-slot-empty\"],\"isOpen\":[32]}]]],[\"ptc-quiz\",[[1,\"ptc-quiz\",{\"quiz\":[32],\"additionalOptionOnClick\":[32],\"slide\":[32],\"traversal\":[32]}]]],[\"ptc-news\",[[1,\"ptc-news\",{\"newsTag\":[1,\"news-tag\"],\"newsTitle\":[1,\"news-title\"],\"newsSecondaryTitle\":[1,\"news-secondary-title\"],\"newsDate\":[1,\"news-date\"],\"newsSummary\":[1,\"news-summary\"],\"newsImage\":[1,\"news-image\"],\"newsImageAlt\":[1,\"news-image-alt\"],\"newsDownloadUrl\":[1,\"news-download-url\"]}]]],[\"ptc-product-category\",[[1,\"ptc-product-category\",{\"categoryTitle\":[1,\"category-title\"],\"categoryDescription\":[1,\"category-description\"]}]]],[\"ptc-product-highlight-card\",[[1,\"ptc-product-highlight-card\",{\"cardTitle\":[1,\"card-title\"],\"cardImage\":[1,\"card-image\"],\"cardImageAltText\":[1,\"card-image-alt-text\"],\"cardDescription\":[1,\"card-description\"]}]]],[\"innovator-toggle-container\",[[1,\"innovator-toggle-container\",{\"sectionTitle\":[1,\"section-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"customMaxLines\":[2,\"custom-max-lines\"],\"moreText\":[1,\"more-text\"],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-product-list\",[[1,\"ptc-product-list\",null,[[4,\"selectedResult\",\"handleSearchResult\"],[4,\"clearsearch\",\"handleSearchResult\"],[4,\"selectedValues\",\"handleMultipleSearchResult\"],[4,\"emptyResult\",\"handleEmptyResult\"]]]]],[\"ptc-social-share\",[[1,\"ptc-social-share\",{\"display\":[1],\"shareType\":[1,\"share-type\"],\"shareTitle\":[1,\"share-title\"],\"text\":[1],\"url\":[1],\"source\":[1],\"recipient\":[1],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"iconSize\":[1,\"icon-size\"],\"isHover\":[32]}]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"isMobile\":[32],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1],\"styles\":[1]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"styles\":[1],\"tabItems\":[32],\"isMobileViewPort\":[32],\"isDesktopViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-related-card-rail\",[[1,\"ptc-related-card-rail\",{\"footerQuerySelector\":[1,\"footer-query-selector\"],\"closed\":[32],\"cardInView\":[32],\"data\":[32],\"screenBasedProps\":[32]}]]],[\"ptc-square-card\",[[1,\"ptc-square-card\",{\"number\":[1],\"arrowDirection\":[1,\"arrow-direction\"]}]]],[\"ptc-sticky-title\",[[1,\"ptc-sticky-title\",{\"barTitle\":[1,\"bar-title\"],\"logo\":[1],\"isSticky\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-value-prop-card\",[[1,\"ptc-value-prop-card\",{\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"cardTitle\":[1,\"card-title\"],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-bio-card\",[[1,\"ptc-bio-card\",{\"name\":[1],\"jobTitle\":[1,\"job-title\"],\"image\":[1],\"linkedin\":[1],\"twitter\":[1],\"showModal\":[32]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028],\"timeStamp\":[32],\"Refresh\":[64]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[32]}]]],[\"ptc-mobile-select\",[[0,\"ptc-mobile-select\",{\"triggerName\":[1,\"trigger-name\"],\"selectedText\":[1,\"selected-text\"],\"wheelData\":[1040],\"selectedId\":[1,\"selected-id\"],\"ensureBtnText\":[1,\"ensure-btn-text\"],\"cancelBtnText\":[1,\"cancel-btn-text\"],\"listTitle\":[1,\"list-title\"]}]]],[\"ptc-nav-submenu\",[[1,\"ptc-nav-submenu\",{\"label\":[1],\"iconAssetName\":[1025,\"icon-asset-name\"],\"iconSrc\":[1,\"icon-src\"]}]]],[\"ptc-pagenation\",[[1,\"ptc-pagenation\",{\"totalCount\":[2,\"total-count\"],\"numberOfItems\":[2,\"number-of-items\"],\"previousValue\":[1,\"previous-value\"],\"lastValue\":[1,\"last-value\"],\"minPageNumber\":[2,\"min-page-number\"],\"maxPageNumber\":[2,\"max-page-number\"],\"clickedPageNumber\":[2,\"clicked-page-number\"],\"appendArray\":[4,\"append-array\"],\"prevArrowImg\":[1,\"prev-arrow-img\"],\"nextArrowImg\":[1,\"next-arrow-img\"],\"theme\":[1],\"styles\":[1],\"pageNumbers\":[32],\"isSmallScreen\":[32]},[[9,\"resize\",\"windowResize\"]]]]],[\"ptc-podcast-card\",[[1,\"ptc-podcast-card\",{\"heading\":[1],\"imageSrc\":[1,\"image-src\"],\"altText\":[1,\"alt-text\"]}]]],[\"ptc-quote\",[[1,\"ptc-quote\",{\"quoteType\":[1025,\"quote-type\"],\"quoteName\":[1025,\"quote-name\"],\"ctaText\":[1,\"cta-text\"],\"ctaUrl\":[1,\"cta-url\"],\"imgSrc\":[1,\"img-src\"],\"imgTitle\":[1,\"img-title\"]}]]],[\"ptc-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"],\"elevation\":[1],\"enableClear\":[4,\"enable-clear\"],\"styles\":[1],\"clearSearchValue\":[64]}]]],[\"ptc-slit-card\",[[1,\"ptc-slit-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"heading\":[1],\"content\":[1],\"styles\":[1],\"cardImage\":[1,\"card-image\"]}]]],[\"ptc-subnav-card\",[[1,\"ptc-subnav-card\",{\"cardTitle\":[1,\"card-title\"],\"cardHref\":[1,\"card-href\"],\"cardImageSrc\":[1,\"card-image-src\"],\"cardImageAlt\":[1,\"card-image-alt\"],\"ctaText\":[1,\"cta-text\"],\"ctaIconAssetName\":[1,\"cta-icon-asset-name\"]}]]],[\"tab-header\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"maxLength\":[32],\"getChild\":[64]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"dynamic-box-bundle\",[[1,\"dynamic-box-bundle\",{\"topImgSrc\":[1,\"top-img-src\"],\"topImgAlt\":[1,\"top-img-alt\"],\"boxHeight\":[2,\"box-height\"],\"isHovering\":[32]},[[1,\"mouseover\",\"handleMouseOver\"],[1,\"mouseout\",\"handleMouseOut\"]]]]],[\"my-component\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion\",[[1,\"ptc-accordion\",{\"multiple\":[4],\"theme\":[1]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item\",[[1,\"ptc-accordion-item\",{\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"autoHeight\":[4,\"auto-height\"],\"active\":[1540],\"theme\":[1537],\"hasHeadingSlot\":[32],\"hasArrowSlot\":[32],\"toggle\":[64],\"close\":[64],\"open\":[64]}]]],[\"ptc-back-to-top\",[[1,\"ptc-back-to-top\",{\"showButton\":[32]},[[0,\"click\",\"handleClick\"]]]]],[\"ptc-case-studies-slider\",[[1,\"ptc-case-studies-slider\"]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1],\"styles\":[1]}]]],[\"ptc-hero-footer-cta\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-component\",[[1,\"ptc-icon-component\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-icon-list\",[[1,\"ptc-icon-list\",{\"listType\":[1,\"list-type\"],\"valueWithUnit\":[1,\"value-with-unit\"],\"valueText\":[1,\"value-text\"],\"listContent\":[1,\"list-content\"],\"isLastItem\":[4,\"is-last-item\"]}]]],[\"ptc-minimized-nav\",[[1,\"ptc-minimized-nav\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"],\"navType\":[1,\"nav-type\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-nav-link\",[[1,\"ptc-nav-link\",{\"href\":[1025],\"isOutsideLink\":[1028,\"is-outside-link\"],\"titleText\":[1025,\"title-text\"]},[[2,\"click\",\"handleClick\"]]]]],[\"ptc-nav-pills\",[[1,\"ptc-nav-pills\"]]],[\"ptc-nav-slider\",[[1,\"ptc-nav-slider\",{\"sliderId\":[1,\"slider-id\"]},[[0,\"dropdownClickEvent\",\"handledropdownClickEvent\"]]]]],[\"ptc-readmore-char\",[[1,\"ptc-readmore-char\",{\"maxCharacters\":[2,\"max-characters\"],\"description\":[1],\"readMoreText\":[1,\"read-more-text\"],\"readLessText\":[1,\"read-less-text\"],\"expanded\":[32]}]]],[\"ptc-responsive-wrapper\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"fontWeight\":[1,\"font-weight\"],\"styles\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-sticky-section\",[[1,\"ptc-sticky-section\",null,[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-subnav\",[[1,\"ptc-subnav\",{\"mobileTitle\":[1,\"mobile-title\"],\"navOpen\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4],\"styles\":[1]}]]],[\"ptc-two-column-media\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-pricing-add-on-card\",[[1,\"ptc-pricing-add-on-card\",{\"cardTitle\":[1,\"card-title\"],\"cardPricingText\":[1,\"card-pricing-text\"],\"cardCtaHref\":[1,\"card-cta-href\"],\"cardCtaText\":[1,\"card-cta-text\"],\"cardDisclaimer\":[1,\"card-disclaimer\"]}]]],[\"ptc-picture\",[[1,\"ptc-picture\",{\"src\":[1],\"alt\":[1],\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"disableResize\":[1028,\"disable-resize\"],\"imagePosition\":[1,\"image-position\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1],\"objectFit\":[1,\"object-fit\"],\"isFullHeight\":[4,\"is-full-height\"],\"isFullWidth\":[4,\"is-full-width\"],\"styles\":[1],\"imageAlignment\":[1,\"image-alignment\"],\"maxWidth\":[1,\"max-width\"],\"displayImage\":[1,\"display-image\"],\"oldSrc\":[32]},[[9,\"resize\",\"WindowResize\"]]]]],[\"ptc-card\",[[1,\"ptc-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"hasImage\":[4,\"has-image\"],\"hasVideo\":[4,\"has-video\"],\"hasLottie\":[4,\"has-lottie\"],\"heading\":[1],\"headingTransform\":[1,\"heading-transform\"],\"cardDate\":[1,\"card-date\"],\"country\":[1],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"],\"maxChars\":[2,\"max-chars\"],\"maxLines\":[2,\"max-lines\"],\"cardOverflow\":[1,\"card-overflow\"],\"isCreoCard\":[4,\"is-creo-card\"]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32],\"isMobile\":[32]},[[4,\"click\",\"offClick\"],[9,\"resize\",\"handleResize\"]]]]],[\"ptc-image-download-strip\",[[1,\"ptc-image-download-strip\",{\"downloadUrl\":[1,\"download-url\"]}]]],[\"ptc-link\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-product-dropdown\",[[1,\"ptc-product-dropdown\",{\"newOptions\":[16],\"selectedOptions\":[16],\"placeholder\":[1],\"internalOptions\":[32],\"isOpen\":[32]},[[4,\"clearsearch\",\"handleSearchResult\"],[4,\"inputChanged\",\"handleinputChanged\"]]]]],[\"ptc-progress-bar\",[[1,\"ptc-progress-bar\",{\"scrollPercentage\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1],\"zIndex\":[1,\"z-index\"],\"styles\":[2]}]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"cardScreen\":[1,\"card-screen\"],\"isExpanded\":[4,\"is-expanded\"],\"overlayExists\":[32]}]]],[\"max-width-container\",[[1,\"max-width-container\",{\"maxWidthP\":[2,\"max-width-p\"],\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2],\"contentAlign\":[1,\"content-align\"],\"styles\":[1]}]]],[\"ptc-breadcrumb_2\",[[1,\"ptc-jumbotron\",{\"jumbotronType\":[1,\"jumbotron-type\"],\"hasPopupVideo\":[4,\"has-popup-video\"],\"mainTitle\":[1,\"main-title\"],\"subTitle\":[1,\"sub-title\"],\"pngSrc\":[1,\"png-src\"],\"gifSrc\":[1,\"gif-src\"],\"bgVideoSrc\":[1,\"bg-video-src\"],\"bgSrc\":[1,\"bg-src\"],\"isIframe\":[4,\"is-iframe\"],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"contentBackground\":[32],\"contentColor\":[32],\"textAlign\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-breadcrumb\",{\"position\":[1],\"removeTopMargin\":[4,\"remove-top-margin\"],\"color\":[1],\"styles\":[1]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-date\",[[1,\"ptc-date\",{\"year\":[2],\"month\":[2],\"day\":[2],\"country\":[1],\"dateString\":[1,\"date-string\"],\"dateColor\":[1,\"date-color\"],\"dateStyles\":[1,\"date-styles\"],\"dataSize\":[1,\"data-size\"],\"formatOptions\":[1,\"format-options\"]}]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"],\"styles\":[1]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"ptc-background-video\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"playButtonTitle\":[1,\"play-button-title\"],\"pauseButtonTitle\":[1,\"pause-button-title\"],\"type\":[1],\"isIframe\":[4,\"is-iframe\"],\"paused\":[32]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-modal\",[[1,\"ptc-modal\",{\"iframeUrl\":[1025,\"iframe-url\"],\"size\":[1025],\"show\":[1028],\"overlay\":[1028],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"borderRadius\":[1025,\"border-radius\"],\"isBioModal\":[1028,\"is-bio-modal\"],\"styles\":[1],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"list-item\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"],\"color\":[1],\"styles\":[1]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"fl-tab-content_3\",[[1,\"fl-tab-header\",{\"tabTitle\":[1,\"tab-title\"],\"nameKey\":[1,\"name-key\"],\"selected\":[4]}],[1,\"fl-tab-content\",{\"nameKey\":[1,\"name-key\"],\"selected\":[4]}],[1,\"fl-tab-image\",{\"nameKey\":[1,\"name-key\"],\"selected\":[4]}]]],[\"ptc-img\",[[4,\"ptc-img\",{\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imgUrl\":[1,\"img-url\"],\"imageType\":[1,\"image-type\"],\"borderRadius\":[1,\"border-radius\"],\"loadMode\":[1,\"load-mode\"],\"styles\":[1]},[[9,\"resize\",\"WindowResize\"]]]]],[\"ptc-button\",[[1,\"ptc-button\",{\"disabled\":[516],\"active\":[516],\"type\":[1],\"color\":[1],\"iconAnimation\":[1,\"icon-animation\"],\"iconPosition\":[1,\"icon-position\"],\"linkHref\":[1,\"link-href\"],\"linkTitle\":[1,\"link-title\"],\"target\":[1],\"rel\":[1],\"tabNav\":[2,\"tab-nav\"],\"styles\":[1],\"textAlign\":[1,\"text-align\"]}]]],[\"ptc-spacer\",[[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}]]],[\"ptc-title\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-tooltip\",[[6,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1],\"width\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"isSmallScreen\":[4,\"is-small-screen\"]},[[9,\"resize\",\"addTruncatedClass\"],[9,\"resize\",\"windowResize\"]]]]],[\"ptc-para\",[[1,\"ptc-para\",{\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"paraStyle\":[1,\"para-style\"],\"paraColor\":[1,\"para-color\"],\"paraLineH\":[1,\"para-line-h\"],\"paraMargin\":[1,\"para-margin\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}]]],[\"icon-asset\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as i}from"./p-dc4da4a5.js";const o=class{constructor(t){e(this,t),this.defaultAuthorImage=void 0,this.isLoading=!1,this.loadedCardCount=0,this.cardsPerLoad=9,this.cardData=[{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:6,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:7,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:8,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:9,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:10,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:11,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:12,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:13,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:14,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:15,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:16,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:17,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:18,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:19,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:20,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:21,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"}]}componentDidLoad(){this.loadMoreCards()}handleScroll(){const e=window.innerHeight,t=document.documentElement.scrollHeight,i=window.pageYOffset||document.documentElement.scrollTop;!this.isLoading&&i+e>=t&&this.loadMoreCards()}async loadMoreCards(){if(this.loadedCardCount<this.cardData.length){this.isLoading=!0;const e=this.cardData.slice(this.loadedCardCount,this.loadedCardCount+this.cardsPerLoad).map((e=>new Promise((t=>{const i=new Image;i.src=e.imageUrl,i.onload=()=>{t()},i.onerror=()=>{e.imageUrl=this.defaultAuthorImage,t()}}))));await Promise.all(e),this.loadedCardCount+=this.cardsPerLoad,this.isLoading=!1}}render(){const e=this.cardData.slice(0,this.loadedCardCount);return t("div",null,t("div",{class:"author-grid"},e.map(((e,i)=>t("div",{class:"author-col",key:i},t("ptc-card",{"has-image":"true","card-type":"related-card","card-href":e.DetailPagelink,heading:e.authorName},t("ptc-img",{slot:"slot-image","img-url":e.imageUrl,"image-type":"smart-img","load-mode":"lazy-bg"}),t("div",{slot:"slot-description"},t("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-auto"},t("ptc-tooltip",{description:e.description,"text-lines":"4","z-index":"z-auto"})))))))),this.isLoading&&t("div",{class:"loader"},t("svg",{preserveAspectRatio:"xMinYMin meet",fill:"#3CC73D",x:"0px",y:"0px",version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 182.1 210.2"},t("title",null,"list-loading"),t("path",{d:"M91,21.2l72.6,41.9v83.9L91,189l-72.6-41.9V63.2L91,21.2 M91,0L0,52.6v105.1l91,52.6l91-52.6V52.6L91,0L91,0z"}),t("g",null,t("polygon",{points:"67.5,105.5 67.5,163.1 67.5,165.4 43.9,151.8 43.9,149.4 43.9,100"}),t("polygon",{opacity:"0.7",points:"43.6,100.1 43.8,100 43.9,100 43.9,149.4 43.9,149.4 43.9,151.8 30.3,144 30.3,141.6 30.3,106.6"}),t("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"109.6,88.6 109.6,166.2 109.6,168.3 91,179 81.1,173.3 81.1,170.9 81.1,84.2"}),t("polygon",{opacity:"0.7",points:"81.1,84.2 81.1,170.9 81.1,173.3 67.5,165.4 67.5,163.1 67.5,105.5"}),t("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"154,70.2 154,70.2 154,142.7 122.9,160.5 122.9,158.5 122.9,65.8"}),t("polygon",{opacity:"0.7",points:"122.9,65.8 122.9,158.5 122.9,160.5 109.6,168.3 109.6,168.3 109.6,166.2 109.6,88.6"}),t("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})))))}get el(){return i(this)}};o.style=":host{display:block}:host .loader{margin:5rem auto;max-width:45px;position:relative;width:100%}:host .author-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:2rem;grid-column-gap:2rem;justify-content:center}:host .author-grid .author-col{width:100%}@media (min-width: 768px){:host .author-grid .author-col{width:calc(50% - 21.3333333px)}}@media (min-width: 992px){:host .author-grid .author-col{width:calc(33.333333333333% - 21.3333333px)}}";export{o as author_listing_example}
|
|
1
|
+
import{r as e,h as t,g as i}from"./p-dc4da4a5.js";const o=class{constructor(t){e(this,t),this.defaultAuthorImage=void 0,this.isLoading=!1,this.loadedCardCount=0,this.cardsPerLoad=9,this.cardData=[{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:1,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:2,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:3,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:4,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:5,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:6,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:7,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:8,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:9,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:10,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:11,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:12,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:13,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:14,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:15,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:16,authorName:"Aaron Shaw",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/Blog_AaronShaw_2.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Aaron-Shaw",description:"Aaron Shaw joined PTC in 2013, currently he is the Senior Manager, CAD Demand Generation. He is responsible for"},{id:17,authorName:"Abby Eon",imageUrl:"https://www.ptc.com/-/media/Images/new-org/399x200/abby-eon-400x200.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Abby-Eon",description:"Abby Eon is Senior Vice President and General Manager, Kepware. As part of her role, Abby looks after "},{id:18,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"},{id:19,authorName:"Maria Lowry, Manager, Kalypso",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/blog-Maria-Lowry.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Maria-Lowry",description:"Maria brings seven years of professional experience to her clients. She is committed to improving product quality, safety, sustainability"},{id:20,authorName:"Author name",imageUrl:"",DetailPagelink:"#",description:"Author description text goes here Author description text goes here Author description text goes here Author description text goes here Author description text goes here"},{id:21,authorName:"Catherine Kniker",imageUrl:"https://www.ptc.com/-/media/Images/blog/Authors/catherine-kniker.jpg",DetailPagelink:"https://www.ptc.com/en/blog-authors/Catherine-Kniker",description:"Catherine is EVP and Chief Strategy and Marketing Officer at PTC, responsible for positioning the company for success"}]}componentWillLoad(){this.loadMoreCards()}handleScroll(){const e=window.innerHeight,t=document.documentElement.scrollHeight,i=window.scrollY||document.documentElement.scrollTop;!this.isLoading&&i+e+5>=t&&this.loadMoreCards()}async loadMoreCards(){if(this.loadedCardCount<this.cardData.length){this.isLoading=!0;const e=this.cardData.slice(this.loadedCardCount,this.loadedCardCount+this.cardsPerLoad).map((e=>new Promise((t=>{const i=new Image;i.src=e.imageUrl,i.onload=()=>{t()},i.onerror=()=>{e.imageUrl=this.defaultAuthorImage,t()}}))));await Promise.all(e),this.loadedCardCount+=this.cardsPerLoad,this.isLoading=!1}}render(){const e=this.cardData.slice(0,this.loadedCardCount);return t("div",null,t("div",{class:"author-grid"},e.map(((e,i)=>t("div",{class:"author-col",key:i},t("ptc-card",{"has-image":"true","card-type":"related-card","card-href":e.DetailPagelink,heading:e.authorName},t("ptc-img",{slot:"slot-image","img-url":e.imageUrl,"image-type":"smart-img","load-mode":"lazy-bg"}),t("div",{slot:"slot-description"},t("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-auto"},t("ptc-tooltip",{description:e.description,"text-lines":"4","z-index":"z-auto"})))))))),this.isLoading&&t("div",{class:"loader"},t("svg",{preserveAspectRatio:"xMinYMin meet",fill:"#3CC73D",x:"0px",y:"0px",version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 182.1 210.2"},t("title",null,"list-loading"),t("path",{d:"M91,21.2l72.6,41.9v83.9L91,189l-72.6-41.9V63.2L91,21.2 M91,0L0,52.6v105.1l91,52.6l91-52.6V52.6L91,0L91,0z"}),t("g",null,t("polygon",{points:"67.5,105.5 67.5,163.1 67.5,165.4 43.9,151.8 43.9,149.4 43.9,100"}),t("polygon",{opacity:"0.7",points:"43.6,100.1 43.8,100 43.9,100 43.9,149.4 43.9,149.4 43.9,151.8 30.3,144 30.3,141.6 30.3,106.6"}),t("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"109.6,88.6 109.6,166.2 109.6,168.3 91,179 81.1,173.3 81.1,170.9 81.1,84.2"}),t("polygon",{opacity:"0.7",points:"81.1,84.2 81.1,170.9 81.1,173.3 67.5,165.4 67.5,163.1 67.5,105.5"}),t("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t("g",null,t("polygon",{points:"154,70.2 154,70.2 154,142.7 122.9,160.5 122.9,158.5 122.9,65.8"}),t("polygon",{opacity:"0.7",points:"122.9,65.8 122.9,158.5 122.9,160.5 109.6,168.3 109.6,168.3 109.6,166.2 109.6,88.6"}),t("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})))))}get el(){return i(this)}};o.style=":host{display:block}:host .loader{margin:5rem auto;max-width:45px;position:relative;width:100%}:host .author-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:2rem;grid-column-gap:2rem;justify-content:center}:host .author-grid .author-col{width:100%}@media (min-width: 768px){:host .author-grid .author-col{width:calc(50% - 21.3333333px)}}@media (min-width: 992px){:host .author-grid .author-col{width:calc(33.333333333333% - 21.3333333px)}}";export{o as author_listing_example}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,h as a,H as i,g as t}from"./p-dc4da4a5.js";const e=class{constructor(a){n(this,a),this.firstChildHref=null,this.mobileTitle="See page topics",this.navOpen=!1}toggleNav(){this.navOpen=!this.navOpen}handleScroll(){this.el.shadowRoot.querySelector("nav.navbar").classList.remove("navOpen"),this.el.shadowRoot.querySelector("div.sticky-subnav").classList.remove("sticky")}firstChildfuncID(){const n=document.querySelector("ptc-nav-link:first-child");if(n){const a=n.shadowRoot.querySelector("a");this.firstChildHref=null==a?void 0:a.getAttribute("href"),this.firstChildID=this.firstChildHref}return this.firstChildID}scrollToSection(n){if(window.innerWidth<1200){const a=n.replace(/#/g,""),i=document.getElementById(a);i&&(i.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((()=>{this.el.shadowRoot.querySelector("nav.navbar").classList.contains("navOpen")?this.el.shadowRoot.querySelector("div.sticky-subnav").classList.add("sticky"):this.el.shadowRoot.querySelector("div.sticky-subnav").classList.remove("sticky")}),100))}}render(){return a(i,null,a("div",{class:"sticky-subnav"},a("nav",{class:"navbar "+(this.navOpen?"navOpen":"")},a("button",{class:"navbar-toggle",onClick:()=>{this.scrollToSection(this.firstChildfuncID()),this.toggleNav()}},this.mobileTitle,a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),a("div",{class:"navbar-inner"},a("div",{class:"nav-wrapper"},a("slot",{name:"subnav-menu-left"}),a("slot",{name:"subnav-menu-right"}))))))}get el(){return t(this)}};e.style=":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:2000;transition:top 0.5s}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1256px){:host .navbar .navbar-inner{width:1256px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";export{e as ptc_subnav}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as i,g as e}from"./p-dc4da4a5.js";const s=class{constructor(o){t(this,o),this.href=void 0,this.isOutsideLink=!1,this.titleText=""}handleClick(){this.href&&this.href.startsWith("#")&&document.querySelector(this.href).scrollIntoView({behavior:"smooth"})}componentWillLoad(){const t=this.el.textContent;t.length>32&&(this.titleText=t,this.el.textContent=t.substring(0,32)+"...")}render(){return o(i,null,o("a",{href:this.href,target:this.isOutsideLink?"_blank":"_self",title:this.titleText,onClick:()=>{this.handleClick()}},o("slot",null),!this.href.startsWith("#")&&o("svg",{class:"icon-arrow-right",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"10",viewBox:"0 0 14 10",fill:"none"},o("path",{d:"M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z",fill:"#AEB8BD"}))))}get el(){return e(this)}};s.style=':host{display:block;padding:12px;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:inline-block;border-bottom:2px solid transparent;margin-left:34%;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{margin-left:0;border-bottom:2px solid transparent;display:flex;align-items:center;white-space:nowrap;position:relative}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white);border-color:var(--color-white)}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}';export{s as ptc_nav_link}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as n,H as i,g as o}from"./p-dc4da4a5.js";const s=class{constructor(n){t(this,n),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),e=this.el.closest("ptc-subnav");if(t&&e)if(window.innerWidth>=1200){let n=e.clientHeight-10;n>0&&(t.style.top=`${n}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return n(i,{class:"dropdown"},n("span",{class:"back-btn"},n("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back"),n("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&n("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),this.label,this.iconSrc&&n("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),n("div",{class:"submenu-container"},n("div",{class:"submenu-container-lg"},n("slot",null))))}get el(){return o(this)}};s.style=':host{display:block;position:relative;padding:var(--ptc-element-spacing-03)}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%;position:relative}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:1106px}}@media only screen and (min-width: 1256px){:host .submenu-container .submenu-container-lg{width:1164px}}@media only screen and (min-width: 1280px){:host .submenu-container .submenu-container-lg{width:1180px}}@media only screen and (min-width: 1300px){:host .submenu-container .submenu-container-lg{width:1200px}}@media only screen and (min-width: 1440px){:host .submenu-container .submenu-container-lg{width:83.5rem}}@media only screen and (min-width: 1600px){:host .submenu-container .submenu-container-lg{width:93.5rem}}@media only screen and (min-width: 1980px){:host .submenu-container .submenu-container-lg{width:113.5rem}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}@media only screen and (min-width: 1200px){:host(.active){padding-bottom:var(--ptc-element-spacing-03)}}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}
|