@ptcwebops/ptcw-design 0.2.7 → 0.2.9

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["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-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["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"],"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-img.cjs",[[0,"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-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",[[0,"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-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraMargin":[1,"para-margin"]}]]],["ptc-picture.cjs",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title.cjs",[[6,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["ptc-announcement_2.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"]}],[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]],["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"],"dateStyles":[1,"date-styles"]}]]]], 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"],"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"]}],[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"],"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],"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/cjs/ptc-announcement.cjs.entry.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0b899fc6.js');
+
+const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:#e4e7e9;z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-secondary-turtlegreen);-webkit-box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:5px 15px;margin:0 auto;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.content-wrapper{padding:10px 15px}}@media screen and (min-width: 768px){.temp-container{width:750px}}@media screen and (min-width: 992px){.temp-container{width:970px}}@media screen and (min-width: 1200px){.temp-container{width:1170px}}@media screen and (min-width: 1440px){.temp-container{width:1400px}}@media screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:flex;flex-basis:82%;flex-direction:column}@media screen and (min-width: 768px){.left-content{align-items:flex-start;justify-content:flex-start}}.title{flex-basis:18%;font-family:Raleway;font-size:13px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:1px;text-align:left;color:#40434a;text-transform:uppercase}.ptc-svg-btn{flex-basis:18%}.bar-close{padding-right:15px}.description{flex-basis:82%;font-family:Raleway;font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;text-align:left;color:#40434a;}a{color:#3b4550;-webkit-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease;font-weight:700;border-bottom:0.15rem solid #74c34d;text-decoration:none;margin-left:16px}a:hover{color:#74c34d;text-decoration:none}@media (min-width: 768px){.bar-close{padding-right:0px}}@media (min-width: 992px){.left-content{flex-direction:row;align-items:center}.title{font-size:14px;font-weight:800;line-height:1.86;letter-spacing:1.4px}.description{font-size:16px;font-weight:500;line-height:1.6}}";
+
+let PtcAnnouncement = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.close = index.createEvent(this, "close", 7);
+    /**
+     * bar title
+     */
+    this.barTitle = "";
+    /**
+     * bar description
+     */
+    this.Description = "";
+    /**
+     * Link Url
+     */
+    this.linkUrl = '#';
+    this.closeClick = () => {
+      this.visible = false;
+      this.close.emit();
+    };
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, null, index.h("div", { class: classMap, part: "part-announcement" }, index.h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' }, index.h("div", { class: "left-content", part: "part-left-content" }, !!this.barTitle ? index.h("div", { class: "title" }, this.barTitle) : null, index.h("div", { class: "description" }, !!this.Description ? index.h("span", null, this.Description) : null, !!this.linkText ? (index.h("a", { href: this.linkUrl, title: this.linkText }, this.linkText)) : null)), index.h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
+  }
+  getCssClassMap() {
+    return {
+      ['announcement']: true,
+      [this.visible ? 'visible' : '']: true,
+    };
+  }
+};
+PtcAnnouncement.style = ptcAnnouncementCss;
+
+exports.ptc_announcement = PtcAnnouncement;

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

@@ -4,12 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0b899fc6.js');
 
-const ptcListCss = "ptc-list .link-primary li{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}ptc-list .link-primary li:not(:last-child){margin-bottom:0.625rem}ptc-list .link-primary li a{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}ptc-list .link-primary li a:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-primary-green)}";
+const ptcListCss = ".sc-ptc-list-h{display:block}.list-primary.sc-ptc-list-h li.sc-ptc-list{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}.list-primary.sc-ptc-list-h li.sc-ptc-list:not(:last-child){margin-bottom:0.625rem}.list-primary.sc-ptc-list-h li.sc-ptc-list a.sc-ptc-list{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}.list-primary.sc-ptc-list-h li.sc-ptc-list a.sc-ptc-list:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-primary-green)}";
 
 let PtcList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.listType = 'para-list';
   }
   render() {
     const classMap = this.getCssClassMap();
@@ -23,7 +22,7 @@ let PtcList = class {
   }
   getCssClassMap() {
     return {
-      [this.listType]: true,
+      [this.listType]: this.listItems ? true : false,
     };
   }
 };

package/dist/cjs/ptc-svg-btn.cjs.entry.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0b899fc6.js');
+
+const closeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
+    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
+        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
+        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
+        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
+        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
+        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
+        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
+        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
+    </g>
+</svg>`;
+
+const ptcSvgBtnCss = ":host{display:block;cursor:pointer}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:#40434A;stroke-linecap:square}.svg-close svg .cls-2{stroke:#40434A}.svg-close svg path{-webkit-transition:all 0.25s ease-in-out;-o-transition:all ease-in-out 0.25s;transition:all 0.25s ease-in-out}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:#fff}";
+
+let PtcSvgBtn = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, !!this.svgName && this.svgName === 'close' ? index.h("div", { class: 'svg-close', innerHTML: closeSvg }) : null));
+  }
+};
+PtcSvgBtn.style = ptcSvgBtnCss;
+
+exports.ptc_svg_btn = PtcSvgBtn;

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["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-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["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"],"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-img.cjs",[[0,"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-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",[[0,"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-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraMargin":[1,"para-margin"]}]]],["ptc-picture.cjs",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title.cjs",[[6,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["ptc-announcement_2.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"]}],[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]],["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"],"dateStyles":[1,"date-styles"]}]]]], 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"],"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"]}],[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"],"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],"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/collection-manifest.json

@@ -5,12 +5,17 @@
     "./components/my-component/my-component.js",
     "./components/ptc-announcement/ptc-announcement.js",
     "./components/ptc-avatar/ptc-avatar.js",
+    "./components/ptc-breadcrumb/ptc-breadcrumb.js",
     "./components/ptc-button/ptc-button.js",
     "./components/ptc-card/ptc-card.js",
+    "./components/ptc-card-bottom/ptc-card-bottom.js",
+    "./components/ptc-card-content/ptc-card-content.js",
+    "./components/ptc-card-plm/ptc-card-plm.js",
     "./components/ptc-countdown/ptc-countdown.js",
     "./components/ptc-date/ptc-date.js",
     "./components/ptc-footer/ptc-footer.js",
     "./components/ptc-form/ptc-form.js",
+    "./components/ptc-hero/ptc-hero.js",
     "./components/ptc-img/ptc-img.js",
     "./components/ptc-input/ptc-input.js",
     "./components/ptc-link/ptc-link.js",

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

@@ -262,4 +262,37 @@
   <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 16" id="button-arrow-down">
     <path d="M12.5 8.5L6.5 15.5L0.5 8.5L4.5 8.5L4.5 0.5L8.5 0.5L8.5 8.5L12.5 8.5Z"></path>
   </symbol>
+  <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">
+    <g filter="url(#filter0_d_126_9197)">
+      <circle cx="24" cy="22" r="20" fill="white"></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>
+      <filter id="filter0_d_126_9197" 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_126_9197"></feBlend>
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_126_9197" result="shape"></feBlend>
+      </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>
+  <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>
+  <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>
+  <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>
 </svg>

package/dist/collection/components/list-item/list-item.css

@@ -1,3 +1,41 @@
-:host {
+:host(.list-primary) {
   display: block;
+}
+
+:host(.flush-before) li::before {
+  content: "" !important;
+}
+
+:host(.breadcrumb) {
+  display: inline-block;
+}
+:host(.breadcrumb) li {
+  position: relative;
+  display: inline-block;
+  color: white;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+}
+:host(.breadcrumb) li::before {
+  content: "/";
+  top: 0;
+  left: 0;
+}
+:host(.breadcrumb) li a.item-link {
+  color: white;
+  font-weight: var(-ptc-font-weight-bold) !important;
+  font-size: var(-ptc-font-size-x-small) !important;
+  line-height: 14px;
+  text-decoration: underline;
+  text-decoration-color: transparent;
+  text-underline-offset: 2px;
+  text-decoration-thickness: 1px;
+  outline: none;
+  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease);
+}
+:host(.breadcrumb) li a.item-link:hover {
+  text-decoration: underline;
+  text-decoration-color: #3DAB49;
+  outline: none;
 }

package/dist/collection/components/list-item/list-item.js

@@ -1,21 +1,24 @@
 import { Component, Host, h, Prop } from '@stencil/core';
 export class ListItem {
   constructor() {
-    this.listType = 'para-list';
+    this.listType = 'list-primary';
     this.linkHref = undefined;
+    this.flushBefore = false;
   }
   render() {
     const classMap = this.getCssClassMap();
     return (h(Host, { class: classMap },
-      h("li", null, this.linkHref ? (h("a", Object.assign({}, (this.linkHref ? { href: this.linkHref } : {})),
+      h("li", null, this.linkHref ? (h("a", Object.assign({ class: "item-link" }, (this.linkHref ? { href: this.linkHref } : {})),
         h("slot", null))) : (h("slot", null)))));
   }
   getCssClassMap() {
     return {
       [this.listType]: true,
+      ['flush-before']: this.flushBefore ? true : false
     };
   }
   static get is() { return "list-item"; }
+  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
     "$": ["list-item.scss"]
   }; }
@@ -27,8 +30,8 @@ export class ListItem {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "'link-primary' | 'link-sub' | 'icon' | 'para-list'",
-        "resolved": "\"icon\" | \"link-primary\" | \"link-sub\" | \"para-list\"",
+        "original": "'list-primary' | 'breadcrumb'",
+        "resolved": "\"breadcrumb\" | \"list-primary\"",
         "references": {}
       },
       "required": false,
@@ -39,7 +42,7 @@ export class ListItem {
       },
       "attribute": "list-type",
       "reflect": false,
-      "defaultValue": "'para-list'"
+      "defaultValue": "'list-primary'"
     },
     "linkHref": {
       "type": "string",
@@ -58,6 +61,24 @@ export class ListItem {
       "attribute": "link-href",
       "reflect": false,
       "defaultValue": "undefined"
+    },
+    "flushBefore": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "flush-before",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
 }

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

@@ -74,7 +74,7 @@
 .title {
   flex-basis: 18%;
   font-family: Raleway;
-  font-size: 10px;
+  font-size: 13px;
   font-weight: 800;
   font-stretch: normal;
   font-style: normal;
@@ -97,7 +97,7 @@
 .description {
   flex-basis: 82%;
   font-family: Raleway;
-  font-size: 10px;
+  font-size: 13px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
@@ -116,7 +116,7 @@ a {
   font-weight: 700;
   border-bottom: 0.15rem solid #74c34d;
   text-decoration: none;
-  margin-left: 5px;
+  margin-left: 16px;
 }
 a:hover {
   color: #74c34d;
@@ -142,8 +142,8 @@ a:hover {
   }
 
   .description {
-    font-size: 13px;
+    font-size: 16px;
     font-weight: 500;
-    line-height: 1.08;
+    line-height: 1.6;
   }
 }

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

@@ -0,0 +1,19 @@
+:host {
+  display: block;
+  margin-top: 21px;
+}
+
+::slotted(*) {
+  transform: translate(-3px, 0px);
+}
+
+@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
+  ::slotted(*) {
+    transform: translate(-3px, 4px);
+  }
+}
+@-moz-document url-prefix() {
+  ::slotted(*) {
+    transform: translate(-3px, 0px);
+  }
+}

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

@@ -0,0 +1,21 @@
+import { Component, Host, h } from '@stencil/core';
+export class PtcBreadcrumb {
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap },
+      h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": "https://www.ptc.com" },
+        h("icon-asset", { type: "ptc", size: "large", name: "icon-home", color: "white" })),
+      h("slot", null)));
+  }
+  getCssClassMap() {
+    return {};
+  }
+  static get is() { return "ptc-breadcrumb"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-breadcrumb.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-breadcrumb.css"]
+  }; }
+}

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

@@ -11,6 +11,10 @@ button {
   white-space: normal;
   position: relative;
   text-decoration: none;
+  -moz-osx-font-smoothing: grayscale;
+  /*(For Firefox)*/
+  -webkit-font-smoothing: antialiased;
+  /*(For Chrome and Safari)*/
   cursor: pointer;
   padding: 9.4px 17.5px;
   border-radius: 3px;
@@ -138,9 +142,12 @@ a {
   border-width: 1px;
   position: relative;
   text-decoration: none;
+  -moz-osx-font-smoothing: grayscale;
+  /*(For Firefox)*/
+  -webkit-font-smoothing: antialiased;
+  /*(For Chrome and Safari)*/
   padding: 9.4px 17.5px;
   border-radius: 3px;
-  text-decoration: none;
   display: inline-block;
   position: relative;
 }
@@ -180,6 +187,10 @@ a:hover.animation-down ::slotted([slot=slot-before-text]) {
   position: relative;
   text-align: center;
   text-decoration: none;
+  -moz-osx-font-smoothing: grayscale;
+  /*(For Firefox)*/
+  -webkit-font-smoothing: antialiased;
+  /*(For Chrome and Safari)*/
   transition: background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);
 }
 .nav:focus {

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

@@ -22,15 +22,19 @@ export class PtcButton {
      */
     this.iconPosition = 'icon-right';
     /**
-     * Link URL (Optional)
+     * Link URL
      */
     this.linkHref = undefined;
     /**
-     * (optional) Link target
+     * link Title
+     */
+    this.linkTitle = undefined;
+    /**
+     * Link target
      * */
     this.target = '_self';
     /**
-     *  (optional) Link rel
+     *  Link rel
      * */
     this.rel = undefined;
     /**
@@ -49,7 +53,7 @@ export class PtcButton {
     const Tag = !!this.linkHref ? 'a' : 'button';
     return (h(Host, null,
       this.styles && h("style", null, this.styles),
-      h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })),
+      h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })),
         h("span", null,
           h("slot", { name: "slot-before-text" }),
           h("slot", null),
@@ -174,12 +178,30 @@ export class PtcButton {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Link URL (Optional)"
+        "text": "Link URL"
       },
       "attribute": "link-href",
       "reflect": false,
       "defaultValue": "undefined"
     },
+    "linkTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "link Title"
+      },
+      "attribute": "link-title",
+      "reflect": false,
+      "defaultValue": "undefined"
+    },
     "target": {
       "type": "string",
       "mutable": false,
@@ -192,7 +214,7 @@ export class PtcButton {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "(optional) Link target"
+        "text": "Link target"
       },
       "attribute": "target",
       "reflect": false,
@@ -210,7 +232,7 @@ export class PtcButton {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "(optional) Link rel"
+        "text": "Link rel"
       },
       "attribute": "rel",
       "reflect": false,

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

@@ -0,0 +1,12 @@
+:host {
+  display: block;
+}
+
+:host(.card-tall) .ptc-card-bottom-wrapper,
+:host(.card-wide) .ptc-card-bottom-wrapper {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  padding: 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);
+  z-index: 2;
+}