@ptcwebops/ptcw-design 0.3.0 → 0.3.2

package/dist/cjs/ptc-date.cjs.entry.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0b899fc6.js');
+
+const ptcDateCss = ":host{display:block}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}";
+
+let PtcDate = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Year
+     */
+    this.year = 1900;
+    /**
+     * Month
+     * An integer between 0 (January) and 11 (December) representing the month.If omitted, defaults to 0.
+     */
+    this.month = 0;
+    /**
+     * Day
+     * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
+     */
+    this.day = 1;
+    /**
+     * Country
+     * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
+     */
+    this.country = "en-US";
+  }
+  render() {
+    // const newDate = new Date(this.year, this.month, this.day);
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }, this.dateStyles && index.h("style", null, this.dateStyles), index.h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
+  }
+  getCssClassMap() {
+    return {
+      [this.dateColor]: !!this.dateColor ? true : false
+    };
+  }
+  getDate() {
+    if (this.dateString) {
+      let newDate = new Date(this.dateString.replace(/-/g, '\/'));
+      return newDate;
+    }
+    else {
+      return new Date(this.year, this.month, this.day);
+    }
+  }
+};
+PtcDate.style = ptcDateCss;
+
+exports.ptc_date = PtcDate;

package/dist/cjs/ptcw-design.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-hero.cjs",[[1,"ptc-hero",{"heroType":[1,"hero-type"]}]]],["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]]],["ptc-card.cjs",[[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"],"styles":[1]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-button.cjs",[[1,"ptc-button",{"disabled":[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]}]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-form.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]]],["ptc-input.cjs",[[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}]]],["ptc-list.cjs",[[2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["list-item.cjs",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-img.cjs",[[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"]},[[9,"resize","WindowResize"]]]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset_11.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-card-bottom",{"cardType":[1,"card-type"]}],[1,"ptc-card-content",{"cardType":[1,"card-type"]}],[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}],[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"]}],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleMargin":[1,"title-margin"],"styles":[1]}],[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"]}],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}],[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
+  return index.bootstrapLazy([["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]]],["ptc-card.cjs",[[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"],"styles":[1]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-form.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]]],["ptc-input.cjs",[[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}]]],["ptc-list.cjs",[[2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset_16.cjs",[[1,"ptc-breadcrumb"],[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-button",{"disabled":[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]}],[1,"ptc-card-bottom",{"cardType":[1,"card-type"]}],[1,"ptc-card-content",{"cardType":[1,"card-type"]}],[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}],[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"]}],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"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],"oldSrc":[32]},[[9,"resize","WindowResize"]]],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"styles":[1]}],[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"]}],[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"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}],[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
 });

package/dist/collection/components/icon-asset/media/designer.svg

@@ -265,9 +265,9 @@
   <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19" id="icon-home">
     <path d="M18.646 8.74414L16.487 6.93218L16.287 6.49296V2.49086H14.854V4.33182L13.912 4.77106L9.694 1.2312L0.737 8.74715L0 7.86868L9.325 0.0435791H10.062L13.707 3.10219V1.91256L14.28 1.33926H16.86L17.433 1.91256V6.22481L19.387 7.86468L18.646 8.74414ZM9.689 4.8421L3.66899 9.90174V17.1105H6.24899V13.3826L7.396 12.235H11.982L13.129 13.3826V17.1105H15.709V9.90174L9.689 4.8421ZM9.689 3.34131L16.855 9.36446V18.2551H11.982V13.3796H7.396V18.2551H2.522V9.36446L9.688 3.34131H9.689Z"></path>
   </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" id="Carousel-Arrow">
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" id="carousel-arrow">
     <g filter="url(#filter0_d_126_9197)">
-      <circle cx="24" cy="22" r="20" fill="white"></circle>
+      <circle cx="24" cy="22" r="20"></circle>
     </g>
     <path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" fill="#40434A"></path>
     <defs>
@@ -283,16 +283,35 @@
       </filter>
     </defs>
   </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="plm-fb">
-    <path d="M24 12.0732C24 5.44624 18.627 0.0732422 12 0.0732422C5.373 0.0732422 0 5.44624 0 12.0732C0 18.0632 4.388 23.0272 10.125 23.9272V15.5422H7.078V12.0722H10.125V9.43024C10.125 6.42324 11.917 4.76124 14.658 4.76124C15.97 4.76124 17.344 4.99624 17.344 4.99624V7.94924H15.83C14.339 7.94924 13.874 8.87424 13.874 9.82324V12.0732H17.202L16.67 15.5432H13.874V23.9282C19.612 23.0272 24 18.0622 24 12.0732Z" fill="white"></path>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" id="carousel-arrow-left">
+    <g filter="url(#filter0_d_494_37)">
+      <circle cx="24" cy="22" r="20"></circle>
+      <path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" fill="#40434A"></path>
+    </g>
+    <defs>
+      <filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
+        <feOffset dy="2"></feOffset>
+        <feGaussianBlur stdDeviation="2"></feGaussianBlur>
+        <feComposite in2="hardAlpha" operator="out"></feComposite>
+        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix>
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"></feBlend>
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"></feBlend>
+      </filter>
+    </defs>
+  </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="plm-fb">
+    <path d="M24 12.0732C24 5.44624 18.627 0.0732422 12 0.0732422C5.373 0.0732422 0 5.44624 0 12.0732C0 18.0632 4.388 23.0272 10.125 23.9272V15.5422H7.078V12.0722H10.125V9.43024C10.125 6.42324 11.917 4.76124 14.658 4.76124C15.97 4.76124 17.344 4.99624 17.344 4.99624V7.94924H15.83C14.339 7.94924 13.874 8.87424 13.874 9.82324V12.0732H17.202L16.67 15.5432H13.874V23.9282C19.612 23.0272 24 18.0622 24 12.0732Z"></path>
   </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="plm-linkedin">
-    <path d="M20.447 20.452H16.893V14.883C16.893 13.555 16.866 11.846 15.041 11.846C13.188 11.846 12.905 13.291 12.905 14.785V20.452H9.351V9H12.765V10.561H12.811C13.288 9.661 14.448 8.711 16.181 8.711C19.782 8.711 20.448 11.081 20.448 14.166V20.452H20.447ZM5.337 7.433C4.193 7.433 3.274 6.507 3.274 5.368C3.274 4.23 4.194 3.305 5.337 3.305C6.477 3.305 7.401 4.23 7.401 5.368C7.401 6.507 6.476 7.433 5.337 7.433ZM7.119 20.452H3.555V9H7.119V20.452ZM22.225 0H1.771C0.792 0 0 0.774 0 1.729V22.271C0 23.227 0.792 24 1.771 24H22.222C23.2 24 24 23.227 24 22.271V1.729C24 0.774 23.2 0 22.222 0H22.225Z" fill="white"></path>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="plm-linkedin">
+    <path d="M20.447 20.452H16.893V14.883C16.893 13.555 16.866 11.846 15.041 11.846C13.188 11.846 12.905 13.291 12.905 14.785V20.452H9.351V9H12.765V10.561H12.811C13.288 9.661 14.448 8.711 16.181 8.711C19.782 8.711 20.448 11.081 20.448 14.166V20.452H20.447ZM5.337 7.433C4.193 7.433 3.274 6.507 3.274 5.368C3.274 4.23 4.194 3.305 5.337 3.305C6.477 3.305 7.401 4.23 7.401 5.368C7.401 6.507 6.476 7.433 5.337 7.433ZM7.119 20.452H3.555V9H7.119V20.452ZM22.225 0H1.771C0.792 0 0 0.774 0 1.729V22.271C0 23.227 0.792 24 1.771 24H22.222C23.2 24 24 23.227 24 22.271V1.729C24 0.774 23.2 0 22.222 0H22.225Z"></path>
   </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" id="plm-mail">
-    <path d="M3.3977 14.9995H20.6023C22.479 14.9995 24 13.4329 24 11.4999V0.46875L13.3431 9.336C12.9577 9.67733 12.4786 9.848 11.9995 9.848C11.5205 9.848 11.0414 9.67733 10.656 9.336L0 0.46875V11.4999C0 13.4329 1.52099 14.9995 3.3977 14.9995Z" fill="white"></path>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16" id="plm-mail">
+    <path d="M3.3977 15.9995H20.6023C22.479 15.9995 24 14.4329 24 12.4999V1.46875L13.3431 10.336C12.9577 10.6773 12.4786 10.848 11.9995 10.848C11.5205 10.848 11.0414 10.6773 10.656 10.336L0 1.46875V12.4999C0 14.4329 1.52099 15.9995 3.3977 15.9995Z"></path>
+    <path d="M12.1289 8.88116L12.1595 8.85426L22.801 0H1.19824L11.8704 8.88116C11.9452 8.94887 12.0541 8.94887 12.1289 8.88116Z"></path>
   </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20" id="plm-twitter">
-    <path d="M23.953 2.5696C23.0545 2.9652 22.1026 3.22634 21.128 3.3446C22.1541 2.72785 22.9224 1.76064 23.291 0.621599C22.34 1.1766 21.286 1.5806 20.164 1.8056C19.4238 1.01403 18.4429 0.48902 17.3736 0.3121C16.3044 0.13518 15.2067 0.316249 14.2509 0.82719C13.2952 1.33813 12.5349 2.15035 12.0881 3.13772C11.6412 4.1251 11.533 5.23237 11.78 6.2876C7.69 6.0946 4.067 4.1296 1.64 1.1616C1.19879 1.91141 0.968664 2.76662 0.974 3.6366C0.974 5.3466 1.844 6.8496 3.162 7.7326C2.38086 7.70773 1.61697 7.49653 0.934 7.1166V7.1766C0.933557 8.31299 1.32627 9.41454 2.04551 10.2944C2.76474 11.1742 3.76621 11.7781 4.88 12.0036C4.1583 12.197 3.40241 12.226 2.668 12.0886C2.98412 13.0666 3.59766 13.9215 4.42301 14.5341C5.24837 15.1467 6.24435 15.4863 7.272 15.5056C5.53153 16.8715 3.38248 17.6129 1.17 17.6106C0.78 17.6106 0.391 17.5876 0 17.5436C2.25571 18.9879 4.87851 19.7546 7.557 19.7526C16.61 19.7526 21.555 12.2566 21.555 5.7676C21.555 5.5576 21.555 5.3476 21.54 5.1376C22.506 4.44246 23.3392 3.57942 24 2.5896L23.953 2.5696Z" fill="white"></path>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20" id="plm-twitter">
+    <path d="M23.953 2.5696C23.0545 2.9652 22.1026 3.22634 21.128 3.3446C22.1541 2.72785 22.9224 1.76064 23.291 0.621599C22.34 1.1766 21.286 1.5806 20.164 1.8056C19.4238 1.01403 18.4429 0.48902 17.3736 0.3121C16.3044 0.13518 15.2067 0.316249 14.2509 0.82719C13.2952 1.33813 12.5349 2.15035 12.0881 3.13772C11.6412 4.1251 11.533 5.23237 11.78 6.2876C7.69 6.0946 4.067 4.1296 1.64 1.1616C1.19879 1.91141 0.968664 2.76662 0.974 3.6366C0.974 5.3466 1.844 6.8496 3.162 7.7326C2.38086 7.70773 1.61697 7.49653 0.934 7.1166V7.1766C0.933557 8.31299 1.32627 9.41454 2.04551 10.2944C2.76474 11.1742 3.76621 11.7781 4.88 12.0036C4.1583 12.197 3.40241 12.226 2.668 12.0886C2.98412 13.0666 3.59766 13.9215 4.42301 14.5341C5.24837 15.1467 6.24435 15.4863 7.272 15.5056C5.53153 16.8715 3.38248 17.6129 1.17 17.6106C0.78 17.6106 0.391 17.5876 0 17.5436C2.25571 18.9879 4.87851 19.7546 7.557 19.7526C16.61 19.7526 21.555 12.2566 21.555 5.7676C21.555 5.5576 21.555 5.3476 21.54 5.1376C22.506 4.44246 23.3392 3.57942 24 2.5896L23.953 2.5696Z"></path>
   </symbol>
 </svg>

package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.css

@@ -3,7 +3,8 @@
 }
 
 :host(.card-tall) .ptc-card-bottom-wrapper,
-:host(.card-wide) .ptc-card-bottom-wrapper {
+:host(.card-wide) .ptc-card-bottom-wrapper,
+:host(.card-2up) .ptc-card-bottom-wrapper {
   position: absolute;
   bottom: 0;
   left: 0;

package/dist/collection/components/ptc-card-content/ptc-card-content.css

@@ -17,6 +17,7 @@
 :host(.card-tall) .ptc-card-content-wrapper,
 :host(.card-video) .ptc-card-content-wrapper,
 :host(.card-wide) .ptc-card-content-wrapper,
+:host(.card-2up) .ptc-card-content-wrapper,
 :host(.card-playlist) .ptc-card-content-wrapper {
   border-radius: var(--ptc-border-radius-x-large);
   position: relative;
@@ -24,11 +25,12 @@
 :host(.card-tall) .ptc-card-content-wrapper::before,
 :host(.card-video) .ptc-card-content-wrapper::before,
 :host(.card-wide) .ptc-card-content-wrapper::before,
+:host(.card-2up) .ptc-card-content-wrapper::before,
 :host(.card-playlist) .ptc-card-content-wrapper::before {
   content: "";
   position: absolute;
   width: 100%;
-  height: 97.5%;
+  height: 100%;
   border-radius: var(--ptc-border-radius-x-large);
   top: 0;
   left: 0;
@@ -40,6 +42,7 @@
 :host(.card-tall) .ptc-card-content-wrapper::after,
 :host(.card-video) .ptc-card-content-wrapper::after,
 :host(.card-wide) .ptc-card-content-wrapper::after,
+:host(.card-2up) .ptc-card-content-wrapper::after,
 :host(.card-playlist) .ptc-card-content-wrapper::after {
   content: url("data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
   position: absolute;
@@ -61,6 +64,8 @@
 }
 :host(.card-playlist) .ptc-card-content-wrapper::after {
   content: url("data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+  width: 40px;
+  height: 30px;
 }
 
 :host(.mouse-hover) .ptc-card-content-wrapper::before {
@@ -71,7 +76,8 @@
 }
 
 :host(.card-tall) .ptc-card-content-wrapper::before,
-:host(.card-wide) .ptc-card-content-wrapper::before {
+:host(.card-wide) .ptc-card-content-wrapper::before,
+:host(.card-2up) .ptc-card-content-wrapper::before {
   height: 100%;
 }
 
@@ -84,4 +90,88 @@
   :host(.card-video-intro) {
     flex: 80% 8 1;
   }
+}
+:host(.card-video) .ptc-card-content-wrapper {
+  padding-bottom: 56.25%;
+}
+:host(.card-video) .ptc-card-content-wrapper ::slotted(*) {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+:host(.card-tall) .ptc-card-content-wrapper {
+  height: 322px;
+}
+:host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
+  height: 322px;
+}
+
+:host(.card-wide) .ptc-card-content-wrapper {
+  height: 268px;
+}
+:host(.card-wide) .ptc-card-content-wrapper ::slotted(*) {
+  height: 268px;
+}
+
+:host(.card-2up) .ptc-card-content-wrapper {
+  height: 322px;
+}
+:host(.card-2up) .ptc-card-content-wrapper ::slotted(*) {
+  height: 322px;
+}
+
+@media screen and (min-width: 768px) {
+  :host(.card-tall) .ptc-card-content-wrapper {
+    height: 325px;
+  }
+  :host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
+    height: 325px;
+  }
+
+  :host(.card-wide) .ptc-card-content-wrapper {
+    height: 268px;
+  }
+  :host(.card-wide) .ptc-card-content-wrapper ::slotted(*) {
+    height: 268px;
+  }
+
+  :host(.card-2up) .ptc-card-content-wrapper {
+    height: 268px;
+  }
+  :host(.card-2up) .ptc-card-content-wrapper ::slotted(*) {
+    height: 268px;
+  }
+}
+@media screen and (min-width: 992px) {
+  :host(.card-tall) .ptc-card-content-wrapper {
+    height: 380px;
+  }
+  :host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
+    height: 380px;
+  }
+}
+@media screen and (min-width: 1980px) {
+  :host(.card-tall) .ptc-card-content-wrapper {
+    height: 546px;
+  }
+  :host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
+    height: 546px;
+  }
+
+  :host(.card-wide) .ptc-card-content-wrapper {
+    height: 376px;
+  }
+  :host(.card-wide) .ptc-card-content-wrapper ::slotted(*) {
+    height: 376px;
+  }
+
+  :host(.card-2up) .ptc-card-content-wrapper {
+    height: 376px;
+  }
+  :host(.card-2up) .ptc-card-content-wrapper ::slotted(*) {
+    height: 376px;
+  }
 }

package/dist/collection/components/ptc-card-plm/ptc-card-plm.css

@@ -4,17 +4,23 @@
 
 :host(.card-tall),
 :host(.card-wide),
-:host(.card-video) :host(.card-playlist) {
+:host(.card-video),
+:host(.card-playlist),
+:host(.card-2up) {
   position: relative;
 }
 :host(.card-tall) a,
 :host(.card-wide) a,
-:host(.card-video) :host(.card-playlist) a {
-  text-decoration: none;
+:host(.card-video) a,
+:host(.card-playlist) a,
+:host(.card-2up) a {
+  text-decoration: none !important;
 }
 :host(.card-tall) a:hover,
 :host(.card-wide) a:hover,
-:host(.card-video) :host(.card-playlist) a:hover {
+:host(.card-video) a:hover,
+:host(.card-playlist) a:hover,
+:host(.card-2up) a:hover {
   text-decoration: none;
 }
 
@@ -30,6 +36,10 @@
   outline: none;
 }
 
+:host(.card-video-intro) {
+  border-bottom-left-radius: var(--ptc-border-radius-large);
+  border-bottom-right-radius: var(--ptc-border-radius-large);
+}
 :host(.card-video-intro) div {
   display: block;
 }

package/dist/collection/components/ptc-card-plm/ptc-card-plm.js

@@ -28,8 +28,8 @@ export class PtcCardPlm {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro'",
-        "resolved": "\"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
+        "original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro'| 'card-2up'",
+        "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
         "references": {}
       },
       "required": false,

package/dist/collection/components/ptc-hero/ptc-hero.js

@@ -1,10 +1,16 @@
 import { Component, Host, h, Prop } from '@stencil/core';
 export class PtcHero {
+  constructor() {
+    /**
+     * Hero Background Image URL
+     */
+    this.bgUrl = undefined;
+  }
   render() {
     const classMap = this.getCssClassMap();
     return (h(Host, { class: classMap },
       h("div", { class: "ptc-hero-wrapper" },
-        h("ptc-img", { "image-type": "smart-bg", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" },
+        h("ptc-img", Object.assign({ "image-type": "smart-bg" }, (!!this.bgUrl ? { imgUrl: this.bgUrl } : {}), { "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }),
           this.heroType == 'jumbotron' ? ([h("ptc-overlay", { "filter-color": "black-1-xs" }), h("ptc-overlay", { "filter-color": "black-2-xs" })]) : this.heroType == 'footer-cta' ? (h("ptc-overlay", { "filter-color": "black-3" })) : null,
           h("slot", null)))));
   }
@@ -34,10 +40,28 @@ export class PtcHero {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Hero Type"
       },
       "attribute": "hero-type",
       "reflect": false
+    },
+    "bgUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Hero Background Image URL"
+      },
+      "attribute": "bg-url",
+      "reflect": false,
+      "defaultValue": "undefined"
     }
   }; }
 }

package/dist/collection/components/ptc-para/ptc-para.css

@@ -144,4 +144,10 @@ p.announcement {
   color: var(--color-secondary-grey);
   line-height: var(--ptc-line-height-looser);
   letter-spacing: 1px;
+}
+
+@media screen and (min-width: 992px) {
+  p.font-size-15 {
+    font-size: var(--ptc-font-size-medium);
+  }
 }

package/dist/collection/components/ptc-picture/ptc-picture.css

@@ -12,7 +12,7 @@
 }
 
 :host(.absoltue) {
-  position: static;
+  position: absolute;
 }
 
 img {
@@ -61,4 +61,12 @@ img {
 
 .radius-x-lg {
   border-radius: var(--ptc-border-radius-x-large);
+}
+
+.is-full-height {
+  height: 100%;
+}
+
+.is-full-width {
+  width: 100%;
 }

package/dist/collection/components/ptc-picture/ptc-picture.js

@@ -35,6 +35,14 @@ export class PtcPicture {
      * Default: cover
      */
     this.objectFit = 'cover';
+    /**
+     * Stretch height to 100%?
+     */
+    this.isFullHeight = false;
+    /**
+     * Stretch width to 100%?
+     */
+    this.isFullWidth = false;
   }
   WindowResize() {
     this.addIntersectionObserver();
@@ -145,6 +153,8 @@ export class PtcPicture {
     return {
       [this.borderRadius]: this.borderRadius ? true : false,
       [this.objectFit]: true,
+      [this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
+      [this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true
     };
   }
   static get is() { return "ptc-picture"; }
@@ -350,6 +360,42 @@ export class PtcPicture {
       "reflect": false,
       "defaultValue": "'cover'"
     },
+    "isFullHeight": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Stretch height to 100%?"
+      },
+      "attribute": "is-full-height",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "isFullWidth": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Stretch width to 100%?"
+      },
+      "attribute": "is-full-width",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "styles": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/ptc-title/ptc-title.css

@@ -158,4 +158,19 @@ div.margin-5 {
 div.margin-6 {
   margin-top: var(--ptc-element-spacing-06);
   margin-bottom: var(--ptc-element-spacing-06);
+}
+div.green h1, div.green h2, div.green h3 {
+  text-shadow: 0px 0px 12px var(--color-green-07);
+}
+div.blue h1, div.blue h2, div.blue h3 {
+  text-shadow: 0px 0px 12px var(--color-blue-07);
+}
+div.red h1, div.red h2, div.red h3 {
+  text-shadow: 0px 0px 12px var(--color-red-07);
+}
+div.orange h1, div.orange h2, div.orange h3 {
+  text-shadow: 0px 0px 12px var(--color-orange-07);
+}
+div.slate-grey h1, div.slate-grey h2, div.slate-grey h3 {
+  text-shadow: 0px 0px 12px var(--color-grey-07);
 }

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

@@ -41,7 +41,8 @@ export class PtcTitle {
       [this.textAlign]: true,
       [this.upperline]: true,
       [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
-      [this.titleMargin]: !!this.titleMargin ? true : false
+      [this.titleMargin]: !!this.titleMargin ? true : false,
+      [this.titleShadow]: !!this.titleShadow ? true : false
     };
   }
   static get is() { return "ptc-title"; }
@@ -125,6 +126,23 @@ export class PtcTitle {
       "reflect": false,
       "defaultValue": "'dotted'"
     },
+    "titleShadow": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
+        "resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Title Shadow"
+      },
+      "attribute": "title-shadow",
+      "reflect": false
+    },
     "titleMargin": {
       "type": "string",
       "mutable": false,