@ptcwebops/ptcw-design 1.2.7 → 1.2.9

package/dist/cjs/ptc-card-bottom_3.cjs.entry.js

@@ -6,136 +6,136 @@ const index = require('./index-88135a6b.js');
 
 const ptcCardBottomCss = ":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-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
 
-const PtcCardBottom = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.hoverEvent = index.createEvent(this, "hoverEvent", 7);
-    this.leaveEvent = index.createEvent(this, "leaveEvent", 7);
-    this.cardType = undefined;
-    this.styles = undefined;
-  }
-  hoverEventHandler() {
-    this.hoverEvent.emit();
-    //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.add('mouse-hover');
-      this.el.classList.add('mouse-hover-card-bottom');
-    }
-  }
-  leaveEventHandler() {
-    this.hoverEvent.emit();
-    //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.remove('mouse-hover');
-      this.el.classList.remove('mouse-hover-card-bottom');
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && index.h("style", null, this.styles), index.h("div", { class: "ptc-card-bottom-wrapper" }, index.h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: this.cardType ? true : false,
-    };
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcCardBottom = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.hoverEvent = index.createEvent(this, "hoverEvent", 7);
+    this.leaveEvent = index.createEvent(this, "leaveEvent", 7);
+    this.cardType = undefined;
+    this.styles = undefined;
+  }
+  hoverEventHandler() {
+    this.hoverEvent.emit();
+    //if statement: the card type that doesn't need a hover event
+    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
+      this.el.previousElementSibling.classList.add('mouse-hover');
+      this.el.classList.add('mouse-hover-card-bottom');
+    }
+  }
+  leaveEventHandler() {
+    this.hoverEvent.emit();
+    //if statement: the card type that doesn't need a hover event
+    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
+      this.el.previousElementSibling.classList.remove('mouse-hover');
+      this.el.classList.remove('mouse-hover-card-bottom');
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && index.h("style", null, this.styles), index.h("div", { class: "ptc-card-bottom-wrapper" }, index.h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.cardType]: this.cardType ? true : false,
+    };
+  }
+  get el() { return index.getElement(this); }
+};
 PtcCardBottom.style = ptcCardBottomCss;
 
 const ptcCardWrapperCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,: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) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;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}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.extra-tall){position:relative}:host(.extra-tall) a{position:relative;display:block;width:100%;height:100%;inset:0px}:host(.extra-tall) a::after{content:\"\";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0);bottom:0;left:0;border-radius:var(--ptc-border-radius-large);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.color-outlined){position:relative;border-radius:var(--ptc-border-radius-large)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}:host(.extraT-overlay) a::after{background:rgba(0, 0, 0, 0.6)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}:host(.result-box){width:505px;border:1px solid #6A6A6A;padding-top:56px;padding-bottom:56px;border-radius:var(--ptc-border-radius-large)}:host(.result-box) div{display:flex;justify-content:center;align-items:center;flex-direction:column}";
 
-const PtcCardPlm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.hoverEvent = index.createEvent(this, "hoverEvent", 7);
-    this.leaveEvent = index.createEvent(this, "leaveEvent", 7);
-    this.cardType = undefined;
-    this.cardLink = undefined;
-    this.linkTitle = undefined;
-    this.linkTarget = '_self';
-    this.isLoading = false;
-  }
-  handleResize() {
-    this.checkScreenSize();
-  }
-  hoverEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
-      this.hoverEvent.emit();
-      this.el.classList.add('extraT-overlay');
-    }
-    if (this.el.classList.contains('color-outlined')) {
-      this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-5');
-    }
-  }
-  leaveEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
-      this.hoverEvent.emit();
-      this.el.classList.remove('extraT-overlay');
-    }
-    if (this.el.classList.contains('color-outlined')) {
-      this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-4');
-    }
-  }
-  componentDidLoad() {
-    this.checkScreenSize();
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const Tag = !!this.cardLink ? 'a' : 'div';
-    return (index.h(index.Host, Object.assign({ class: classMap }, (!this.isLoading ? { onMouseEnter: this.hoverEventHandler.bind(this) } : {}), (!this.isLoading ? { onMouseLeave: this.leaveEventHandler.bind(this) } : {})), index.h(Tag, Object.assign({}, (!!this.cardLink && !this.isLoading ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink && !this.isLoading ? { target: this.linkTarget } : {}), (!!this.cardLink && !this.isLoading ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), index.h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: this.cardType ? true : false,
-    };
-  }
-  getBtmContentHeight() {
-    const bottomContent = this.el.querySelector('ptc-card-bottom');
-    return bottomContent.offsetHeight;
-  }
-  checkScreenSize() {
-    if (this.cardType === 'extra-tall') {
-      if (window.innerWidth < 768) {
-        const cardContent = this.el.querySelector('ptc-card-content');
-        if (cardContent) {
-          cardContent.setHeight(this.getBtmContentHeight());
-        }
-      }
-      else {
-        const cardContent = this.el.querySelector('ptc-card-content');
-        if (cardContent) {
-          cardContent.removeInlineHeight();
-        }
-      }
-    }
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcCardPlm = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.hoverEvent = index.createEvent(this, "hoverEvent", 7);
+    this.leaveEvent = index.createEvent(this, "leaveEvent", 7);
+    this.cardType = undefined;
+    this.cardLink = undefined;
+    this.linkTitle = undefined;
+    this.linkTarget = '_self';
+    this.isLoading = false;
+  }
+  handleResize() {
+    this.checkScreenSize();
+  }
+  hoverEventHandler() {
+    if (this.el.classList.contains('extra-tall')) {
+      this.hoverEvent.emit();
+      this.el.classList.add('extraT-overlay');
+    }
+    if (this.el.classList.contains('color-outlined')) {
+      this.hoverEvent.emit();
+      const cardOverlay = this.el.querySelector('ptc-overlay');
+      cardOverlay.setOverlay('black-5');
+    }
+  }
+  leaveEventHandler() {
+    if (this.el.classList.contains('extra-tall')) {
+      this.hoverEvent.emit();
+      this.el.classList.remove('extraT-overlay');
+    }
+    if (this.el.classList.contains('color-outlined')) {
+      this.hoverEvent.emit();
+      const cardOverlay = this.el.querySelector('ptc-overlay');
+      cardOverlay.setOverlay('black-4');
+    }
+  }
+  componentDidLoad() {
+    this.checkScreenSize();
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    const Tag = !!this.cardLink ? 'a' : 'div';
+    return (index.h(index.Host, Object.assign({ class: classMap }, (!this.isLoading ? { onMouseEnter: this.hoverEventHandler.bind(this) } : {}), (!this.isLoading ? { onMouseLeave: this.leaveEventHandler.bind(this) } : {})), index.h(Tag, Object.assign({}, (!!this.cardLink && !this.isLoading ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink && !this.isLoading ? { target: this.linkTarget } : {}), (!!this.cardLink && !this.isLoading ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), index.h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.cardType]: this.cardType ? true : false,
+    };
+  }
+  getBtmContentHeight() {
+    const bottomContent = this.el.querySelector('ptc-card-bottom');
+    return bottomContent.offsetHeight;
+  }
+  checkScreenSize() {
+    if (this.cardType === 'extra-tall') {
+      if (window.innerWidth < 768) {
+        const cardContent = this.el.querySelector('ptc-card-content');
+        if (cardContent) {
+          cardContent.setHeight(this.getBtmContentHeight());
+        }
+      }
+      else {
+        const cardContent = this.el.querySelector('ptc-card-content');
+        if (cardContent) {
+          cardContent.removeInlineHeight();
+        }
+      }
+    }
+  }
+  get el() { return index.getElement(this); }
+};
 PtcCardPlm.style = ptcCardWrapperCss;
 
 const ptcSkeletonCss = ".content{display:flex;align-items:center;justify-content:center;height:100%;}.placeholder{width:100%;height:100%;min-height:1em;background:linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.08) 100%);background-size:400% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.animated .placeholder{animation:loading 2.5s ease-in-out infinite}";
 
-const PtcSkeleton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isLoading = true;
-    this.animated = false;
-    this.width = '100%';
-    this.borderRadius = undefined;
-    this.topMargin = "0px";
-    this.btmMargin = "0px";
-  }
-  render() {
-    const borderRadiusValue = this.borderRadius || getComputedStyle(document.documentElement).getPropertyValue('--ptc-border-radius-large');
-    return (index.h("div", { class: `content ${this.animated && this.isLoading ? 'animated' : ''}`, style: { width: this.width, marginTop: this.topMargin, marginBottom: this.btmMargin } }, this.isLoading ? index.h("div", { class: "placeholder", style: { borderRadius: borderRadiusValue } }) : index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcSkeleton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isLoading = true;
+    this.animated = false;
+    this.width = '100%';
+    this.borderRadius = undefined;
+    this.topMargin = "0px";
+    this.btmMargin = "0px";
+  }
+  render() {
+    const borderRadiusValue = this.borderRadius || getComputedStyle(document.documentElement).getPropertyValue('--ptc-border-radius-large');
+    return (index.h("div", { class: `content ${this.animated && this.isLoading ? 'animated' : ''}`, style: { width: this.width, marginTop: this.topMargin, marginBottom: this.btmMargin } }, this.isLoading ? index.h("div", { class: "placeholder", style: { borderRadius: borderRadiusValue } }) : index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
 PtcSkeleton.style = ptcSkeletonCss;
 
 exports.ptc_card_bottom = PtcCardBottom;

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

@@ -6,71 +6,72 @@ const index = require('./index-88135a6b.js');
 
 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}: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::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:var(--ptc-element-spacing-07);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) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:487px;display:flex;flex-direction:row;margin-bottom:0.5rem}: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)}@media (min-width: 480px){:host(.listing-card) .card-border{width:432px;height:487px}}@media (min-width: 768px){:host(.listing-card) .card-border{width:348px;height:456px}}@media (min-width: 992px){:host(.listing-card) .card-border{margin-left:4px;margin-right:4px;width:288px;height:440px}}@media (min-width: 1200px){:host(.listing-card) .card-border{width:260px;height:420px}}@media (min-width: 1440px){:host(.listing-card) .card-border{width:260px;height:420px}}: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:39px}:host(.listing-card-horizontal) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:220px}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-border{margin-bottom:0.5rem}}@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)}@media (min-width: 480px){:host(.listing-card-horizontal) .card-border{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-border{width:704px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-border{width:688px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-border{width:779px;height:200px}}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:325px;height:220px}@media (min-width: 480px){:host(.listing-card-horizontal) .card-layout{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-layout{width:704px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-layout{width:688px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-layout{width:779px;height:200px}}: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:325px;height:224px;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}:host(.listing-card-horizontal) .card-media .smart-img{height:224px;width:325px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media .smart-img{width:275px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media .smart-img{width:224px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media .smart-img{width:260px;height:200px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;width:275px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media{width:224px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media{width:260px;height:200px}}: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{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) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:442px;display:flex;flex-direction:row;margin-bottom:0.5rem}: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)}@media (min-width: 480px){:host(.resource-center-card) .card-border{width:433px;height:442px}}@media (min-width: 768px){:host(.resource-center-card) .card-border{width:336px;height:396px}}@media (min-width: 992px){:host(.resource-center-card) .card-border{width:287px;height:396px}}@media (min-width: 1200px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media (min-width: 1440px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media only screen and (min-width: 768px){:host(.resource-center-card) .card-border{margin-left:4px;margin-right:4px}}: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:39px}: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) .card-border{width:320px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:447px;display:flex;flex-direction:row;margin-bottom:0.5rem}: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)}@media (min-width: 480px){:host(.case-studies-card) .card-border{width:431px;height:536px}}@media (min-width: 768px){:host(.case-studies-card) .card-border{width:335px;height:452px}}@media (min-width: 992px){:host(.case-studies-card) .card-border{width:288px;height:452px}}@media (min-width: 1200px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media (min-width: 1440px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media only screen and (min-width: 768px){:host(.case-studies-card) .card-border{margin-left:4px;margin-right:4px}}:host(.case-studies-card) .card-layout{display:block;position:relative}: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 39px 20px}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;width:100%;height:auto;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)}: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: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:20px;overflow:hidden}: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:14px var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}: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:19px;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}";
 
-const PtcCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.cardType = 'custom-card';
-    this.cardHref = undefined;
-    this.target = '_self';
-    this.rel = undefined;
-    this.hasImage = false;
-    this.hasVideo = false;
-    this.hasLottie = false;
-    this.heading = undefined;
-    this.headingTransform = 'none';
-    this.cardDate = undefined;
-    this.styles = undefined;
-    this.ribbonText = undefined;
-    this.eventType = undefined;
-    this.cardLogo = undefined;
-    this.titleLineCutOff = undefined;
-  }
-  render() {
-    const Tag = !!this.cardHref ? 'a' : 'div';
-    const classMap = this.getCssClassMap();
-    const cutOff = this.getLineCuttoff();
-    let cutOffTitleClass = '';
-    if (this.titleLineCutOff && this.titleLineCutOff > 0) {
-      cutOffTitleClass = ' clamp-title';
-    }
-    return (index.h(index.Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), this.styles && index.h("style", null, this.styles), index.h("div", { class: "card-border", part: "border-wrapper" }, index.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 ? (index.h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? index.h("slot", { name: this.getMediaSlot() }) : null)) : null, !!this.ribbonText && this.cardType == 'resource-center-card' || !!this.ribbonText && this.cardType == 'related-card' ? index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`) : null, index.h("div", { class: "card-body", part: "body-wrapper" }, !!this.cardDate && (this.cardType === 'listing-card' || this.cardType === 'listing-card-horizontal') ?
-      index.h("div", { class: "card-date-text" }, !!this.eventType ? index.h("span", { class: "small" }, `${this.cardDate}`, "\u00A0\u00A0\u00A0|\u00A0\u00A0\u00A0", `${this.eventType}`) : index.h("span", { class: "small" }, `${this.cardDate}`)) : null, this.cardType === 'case-studies-card' ? Object.assign({}, !!this.cardLogo ? index.h("div", { class: "card-logo-container" }, index.h("ptc-picture", { alt: "", "object-fit": "contain", src: this.cardLogo, height: "40" })) : index.h("div", { class: "card-logo-none" })) : null, index.h("slot", { name: "slot-before-heading" }), !!this.heading
-      ? [
-        index.h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, style: cutOff, part: "card-heading" }, this.heading),
-        index.h("slot", { name: "slot-after-heading" }),
-      ]
-      : null, index.h("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (index.h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (index.h("ptc-date", { style: { marginBottom: "20px" }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}" })) : null)))));
-  }
-  getCssClassMap() {
-    return {
-      ['card-layout']: true,
-      ['link-wrapper']: !!this.cardType ? true : false,
-    };
-  }
-  getMediaSlot() {
-    if (this.hasLottie) {
-      return 'slot-lottie';
-    }
-    else if (this.hasVideo) {
-      return 'slot-video';
-    }
-    else if (this.hasImage) {
-      return 'slot-image';
-    }
-    else {
-      return null;
-    }
-  }
-  getLineCuttoff() {
-    let result;
-    if (this.titleLineCutOff && this.titleLineCutOff > 0) {
-      result = {
-        ['-webkit-line-clamp']: `${this.titleLineCutOff}`,
-      };
-    }
-    return result;
-  }
-};
+const PtcCard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cardType = 'custom-card';
+    this.cardHref = undefined;
+    this.target = '_self';
+    this.rel = undefined;
+    this.hasImage = false;
+    this.hasVideo = false;
+    this.hasLottie = false;
+    this.heading = undefined;
+    this.headingTransform = 'none';
+    this.cardDate = undefined;
+    this.country = undefined;
+    this.styles = undefined;
+    this.ribbonText = undefined;
+    this.eventType = undefined;
+    this.cardLogo = undefined;
+    this.titleLineCutOff = undefined;
+  }
+  render() {
+    const Tag = !!this.cardHref ? 'a' : 'div';
+    const classMap = this.getCssClassMap();
+    const cutOff = this.getLineCuttoff();
+    let cutOffTitleClass = '';
+    if (this.titleLineCutOff && this.titleLineCutOff > 0) {
+      cutOffTitleClass = ' clamp-title';
+    }
+    return (index.h(index.Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), this.styles && index.h("style", null, this.styles), index.h("div", { class: "card-border", part: "border-wrapper" }, index.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 ? (index.h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? index.h("slot", { name: this.getMediaSlot() }) : null)) : null, !!this.ribbonText && this.cardType == 'resource-center-card' || !!this.ribbonText && this.cardType == 'related-card' ? index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`) : null, index.h("div", { class: "card-body", part: "body-wrapper" }, !!this.cardDate && (this.cardType === 'listing-card' || this.cardType === 'listing-card-horizontal') ?
+      index.h("div", { class: "card-date-text" }, !!this.eventType ? index.h("span", { class: "small" }, `${this.cardDate}`, "\u00A0\u00A0\u00A0|\u00A0\u00A0\u00A0", `${this.eventType}`) : index.h("span", { class: "small" }, `${this.cardDate}`)) : null, this.cardType === 'case-studies-card' ? Object.assign({}, !!this.cardLogo ? index.h("div", { class: "card-logo-container" }, index.h("ptc-picture", { alt: "", "object-fit": "contain", src: this.cardLogo, height: "40" })) : index.h("div", { class: "card-logo-none" })) : null, index.h("slot", { name: "slot-before-heading" }), !!this.heading
+      ? [
+        index.h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, style: cutOff, part: "card-heading" }, this.heading),
+        index.h("slot", { name: "slot-after-heading" }),
+      ]
+      : null, index.h("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (index.h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (index.h("ptc-date", { style: { marginBottom: "20px" }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}", country: this.country })) : null)))));
+  }
+  getCssClassMap() {
+    return {
+      ['card-layout']: true,
+      ['link-wrapper']: !!this.cardType ? true : false,
+    };
+  }
+  getMediaSlot() {
+    if (this.hasLottie) {
+      return 'slot-lottie';
+    }
+    else if (this.hasVideo) {
+      return 'slot-video';
+    }
+    else if (this.hasImage) {
+      return 'slot-image';
+    }
+    else {
+      return null;
+    }
+  }
+  getLineCuttoff() {
+    let result;
+    if (this.titleLineCutOff && this.titleLineCutOff > 0) {
+      result = {
+        ['-webkit-line-clamp']: `${this.titleLineCutOff}`,
+      };
+    }
+    return result;
+  }
+};
 PtcCard.style = ptcCardCss;
 
 exports.ptc_card = PtcCard;

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

@@ -6,56 +6,56 @@ const index = require('./index-88135a6b.js');
 
 const ptcCheckboxCss = ":host{display:block}:host .ptc-checkbox{display:block;position:relative;user-select:none;cursor:pointer;font-family:var(--ptc-font-latin);font-style:normal;color:var(--color-gray-12);padding-left:var(--spacing-lg);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:1.375rem}:host .ptc-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .ptc-checkbox .check{position:absolute;top:0;left:0;height:1.375rem;width:1.375rem;background-color:var(--color-white);border:1px solid var(--color-gray-07);line-height:var(--ptc-line-height-densest);box-sizing:border-box;border-radius:4px}:host .ptc-checkbox .check .mark{position:absolute;transition:opacity ease-out 250ms;opacity:0;left:3px;top:2px;width:1.375rem;height:1.375rem}:host .ptc-checkbox input:checked~.check{background-color:var(--color-gray-12)}:host .ptc-checkbox input:checked~.check .mark{opacity:1}:host .ptc-checkbox:hover input~.check{background-color:var(--color-gray-02)}:host .ptc-checkbox:hover input:checked~.check{background-color:var(--color-gray-12)}:host .ptc-checkbox.disabled{cursor:not-allowed;color:var(--color-gray-04)}:host .ptc-checkbox.disabled .mark{opacity:0}:host .ptc-checkbox.disabled .check{background-color:var(--color-white);border:1px dashed var(--color-gray-04)}:host .ptc-checkbox.disabled:hover input~.check{background-color:var(--color-white)}:host .ptc-checkbox.disabled:hover input:checked~.check{background-color:var(--color-white)}";
 
-const PtcCheckbox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.checkedChanged = index.createEvent(this, "checkedChanged", 7);
-    this.handleClick = (e) => {
-      if (this.disabled) {
-        e.preventDefault();
-      }
-    };
-    this.handleChange = (e) => {
-      if (this.disabled) {
-        e.preventDefault();
-      }
-      else {
-        let input = this.host.shadowRoot.querySelector('input');
-        if (this.checked == 'unchecked') {
-          this.checked = 'checked';
-        }
-        else {
-          this.checked = 'unchecked';
-        }
-        let parameter = {
-          event: e,
-          sender: input,
-          value: this.value,
-          checked: this.checked
-        };
-        this.checkedChanged.emit(parameter);
-      }
-    };
-    this.checked = 'unchecked';
-    this.value = undefined;
-    this.disabled = undefined;
-    this.inputName = undefined;
-  }
-  componentDidLoad() {
-    let input = this.host.shadowRoot.querySelector('input');
-    input.checked = this.checked == 'checked';
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("label", { class: this.getCssClassMap() }, index.h("slot", null), index.h("input", { type: "checkbox", onClick: (e) => this.handleClick(e), checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleChange(e) }), index.h("span", { class: "check" }, index.h("span", { class: "mark" }, index.h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-checkbox']: true,
-      ['disabled']: this.disabled
-    };
-  }
-  get host() { return index.getElement(this); }
-};
+const PtcCheckbox = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.checkedChanged = index.createEvent(this, "checkedChanged", 7);
+    this.handleClick = (e) => {
+      if (this.disabled) {
+        e.preventDefault();
+      }
+    };
+    this.handleChange = (e) => {
+      if (this.disabled) {
+        e.preventDefault();
+      }
+      else {
+        let input = this.host.shadowRoot.querySelector('input');
+        if (this.checked == 'unchecked') {
+          this.checked = 'checked';
+        }
+        else {
+          this.checked = 'unchecked';
+        }
+        let parameter = {
+          event: e,
+          sender: input,
+          value: this.value,
+          checked: this.checked
+        };
+        this.checkedChanged.emit(parameter);
+      }
+    };
+    this.checked = 'unchecked';
+    this.value = undefined;
+    this.disabled = undefined;
+    this.inputName = undefined;
+  }
+  componentDidLoad() {
+    let input = this.host.shadowRoot.querySelector('input');
+    input.checked = this.checked == 'checked';
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("label", { class: this.getCssClassMap() }, index.h("slot", null), index.h("input", { type: "checkbox", onClick: (e) => this.handleClick(e), checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleChange(e) }), index.h("span", { class: "check" }, index.h("span", { class: "mark" }, index.h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-checkbox']: true,
+      ['disabled']: this.disabled
+    };
+  }
+  get host() { return index.getElement(this); }
+};
 PtcCheckbox.style = ptcCheckboxCss;
 
 exports.ptc_checkbox = PtcCheckbox;