@ptcwebops/ptcw-design 7.0.11-upgrade → 7.0.12-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/cjs/ptc-card-content.cjs.entry.js +1 -1
  2. package/dist/cjs/ptc-card-content.entry.cjs.js.map +1 -1
  3. package/dist/collection/components/molecules/ptc-card-content/ptc-card-content.css +1 -1
  4. package/dist/components/bundle-example.js +1 -1
  5. package/dist/components/most-popular-news.js +1 -1
  6. package/dist/components/{p-CXLAIdWX.js → p-CmtcG8H9.js} +3 -3
  7. package/dist/components/{p-CXLAIdWX.js.map → p-CmtcG8H9.js.map} +1 -1
  8. package/dist/components/{p-t26ogJDp.js → p-WLFTWNrK.js} +3 -3
  9. package/dist/components/{p-t26ogJDp.js.map → p-WLFTWNrK.js.map} +1 -1
  10. package/dist/components/ptc-card-content.js +1 -1
  11. package/dist/components/ptc-dynamic-card.js +1 -1
  12. package/dist/components/sequential-bundle-example.js +2 -2
  13. package/dist/components/sequential-bundle.js +2 -2
  14. package/dist/esm/ptc-card-content.entry.js +1 -1
  15. package/dist/esm/ptc-card-content.entry.js.map +1 -1
  16. package/dist/ptcw-design/{p-3facbe34.entry.js → p-f4e7596e.entry.js} +2 -2
  17. package/dist/ptcw-design/{p-3facbe34.entry.js.map → p-f4e7596e.entry.js.map} +1 -1
  18. package/dist/ptcw-design/ptc-card-content.entry.esm.js.map +1 -1
  19. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  20. package/package.json +1 -1
package/dist/esm/ptc-card-content.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-EL5HvG6Q.js';
2
2
 
3
- const ptcCardContentCss = ":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper,:host(.card-on-demand-video) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before,:host(.card-on-demand-video) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after,:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}:host(.card-on-demand-video) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.16);border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');opacity:1;left:0;right:0;top:8px;bottom:0;transform:translate(0%) scale(1);width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before{background:transparent}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after{transform:translate(0%) scale(1.07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.12)}:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before{border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}";
3
+ const ptcCardContentCss = ":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper,:host(.card-on-demand-video) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before,:host(.card-on-demand-video) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after,:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute !important;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}:host(.card-on-demand-video) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.16);border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');opacity:1;left:0;right:0;top:8px;bottom:0;transform:translate(0%) scale(1);width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before{background:transparent}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after{transform:translate(0%) scale(1.07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.12)}:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before{border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}";
4
4
 
5
5
  const PtcCardContent = class {
6
6
  constructor(hostRef) {
package/dist/esm/ptc-card-content.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ptc-card-content.entry.js","sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted(*) {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted(*) {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted(*) {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted(*) {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted(*) {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted(*) {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted(*) {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted(*) {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted(*) {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n | \"card-video\"\r\n | \"card-tall\"\r\n | \"card-2up\"\r\n | \"card-wide\"\r\n | \"speed-bump\"\r\n | \"card-playlist\"\r\n | \"card-video-intro\"\r\n | \"card-dynamic\"\r\n | \"extra-tall\"\r\n | \"color-outlined\"\r\n | \"thumbnail-video-preview\"\r\n | \"event-jumbotron-sub-card\"\r\n | \"event-podcast\"\r\n | \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n | \"o-red\"\r\n | \"o-orange\"\r\n | \"o-blue\"\r\n | \"o-slate-grey\"\r\n | \"o-green\";\r\n /**\r\n * (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" | \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ptc-card-content.entry.js","sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted(*) {\r\n position: absolute !important;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted(*) {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted(*) {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted(*) {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted(*) {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted(*) {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted(*) {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted(*) {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted(*) {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n | \"card-video\"\r\n | \"card-tall\"\r\n | \"card-2up\"\r\n | \"card-wide\"\r\n | \"speed-bump\"\r\n | \"card-playlist\"\r\n | \"card-video-intro\"\r\n | \"card-dynamic\"\r\n | \"extra-tall\"\r\n | \"color-outlined\"\r\n | \"thumbnail-video-preview\"\r\n | \"event-jumbotron-sub-card\"\r\n | \"event-podcast\"\r\n | \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n | \"o-red\"\r\n | \"o-orange\"\r\n | \"o-blue\"\r\n | \"o-slate-grey\"\r\n | \"o-green\";\r\n /**\r\n * (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" | \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,0kYAA0kY;;MCiBvlY,cAAc,GAAA,MAAA;;;;;;;AAGjB,IAAA,QAAQ;AAgBR,IAAA,YAAY;AAMpB;;AAEI;AACI,IAAA,MAAM;IAEN,SAAS,GAAa,KAAK;IAE3B,sBAAsB,GAAsB,OAAO;AAElD,IAAA,UAAU;IACnB,iBAAiB,GAAA;QACf,IACE,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;YACzC,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC;YAC/C,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC;YAC3C,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC;YACnD,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EACzC;AACA,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YACtB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;YACpC,IACE,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;gBACzC,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC;AAC5C,gBAAA,IAAI,CAAC,EAAE,CAAC,kBAAkB,EAC1B;gBACA,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,CACtC,yBAAyB,CAC1B;;;QAGL,IAAI,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;AAC/C,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC;AAC1B,iBAAA,kBAA8C;YACjD,eAAe,CAAC,qBAAqB,EAAE;;;AAGlC,IAAA,UAAU;IACnB,iBAAiB,GAAA;QACf,IACE,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;YACzC,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC;YAC/C,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC;YAC3C,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC;YACnD,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EACzC;AACA,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YACtB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;YACvC,IACE,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;gBACzC,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC;AAC5C,gBAAA,IAAI,CAAC,EAAE,CAAC,kBAAkB,EAC1B;gBACA,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,MAAM,CACzC,yBAAyB,CAC1B;;;QAGL,IAAI,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;AAC/C,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC;AAC1B,iBAAA,kBAA8C;YACjD,eAAe,CAAC,wBAAwB,EAAE;;;IAK9C,MAAM,SAAS,CAAC,MAAc,EAAA;QAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI;QACpC,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC;QAClD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI;;AAIpC,IAAA,MAAM,kBAAkB,GAAA;QACtB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC;AAClD,QAAA,IAAI,KAAK;AAAE,YAAA,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;;IAGjD,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QAEtC,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,QAAQ,EACX,IAAC,CAAC,IAAI,CAAC;AACT,kBAAE,EAAE,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;kBACjD,EAAE,CAAC,EAAA,IACF,CAAC,IAAI,CAAC;AACT,kBAAE,EAAE,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;AACnD,kBAAE,EAAE,CAAC,EAAA,EAEN,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAQ,CAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACD;;IAGH,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC/C,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;YACvD,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAC,IAAI,CAAC;AACpC,kBAAE;AACF,kBAAE,KAAK;SACV;;;;;;;"}
package/dist/ptcw-design/{p-3facbe34.entry.js → p-f4e7596e.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,g as r,h as a,H as o}from"./p-EL5HvG6Q.js";const i=":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper,:host(.card-on-demand-video) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before,:host(.card-on-demand-video) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after,:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}:host(.card-on-demand-video) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.16);border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');opacity:1;left:0;right:0;top:8px;bottom:0;transform:translate(0%) scale(1);width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before{background:transparent}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after{transform:translate(0%) scale(1.07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.12)}:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before{border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}";const d=class{constructor(r){t(this,r);this.hoverEvent=e(this,"hoverEvent");this.leaveEvent=e(this,"leaveEvent")}get el(){return r(this)}cardType;outlineColor;styles;isLoading=false;cardOnDemandVideoTheme="light";hoverEvent;hoverEventHandler(){if(!this.el.classList.contains("speed-bump")&&!this.el.classList.contains("card-video-intro")&&!this.el.classList.contains("card-dynamic")&&!this.el.classList.contains("card-on-demand-video")&&!this.el.classList.contains("extra-tall")){this.hoverEvent.emit();this.el.classList.add("mouse-hover");if(!this.el.classList.contains("card-video")&&!this.el.classList.contains("card-playlist")&&this.el.nextElementSibling){this.el.nextElementSibling.classList.add("mouse-hover-card-bottom")}}if(this.el.classList.contains("event-podcast")){const t=this.el.nextElementSibling;t.addClassOnDefaultSlot()}}leaveEvent;leaveEventHandler(){if(!this.el.classList.contains("speed-bump")&&!this.el.classList.contains("card-video-intro")&&!this.el.classList.contains("card-dynamic")&&!this.el.classList.contains("card-on-demand-video")&&!this.el.classList.contains("extra-tall")){this.hoverEvent.emit();this.el.classList.remove("mouse-hover");if(!this.el.classList.contains("card-video")&&!this.el.classList.contains("card-playlist")&&this.el.nextElementSibling){this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom")}}if(this.el.classList.contains("event-podcast")){const t=this.el.nextElementSibling;t.removeClassOnDefaultSlot()}}async setHeight(t){this.el.style.height=t+"px";const e=this.el.querySelector("ptc-picture");e.style.height=t+"px"}async removeInlineHeight(){this.el.style.removeProperty("height");const t=this.el.querySelector("ptc-picture");if(t)t.style.removeProperty("height")}render(){const t=this.getCssClassMap();return a(o,{key:"e1b1c9704bc38afaeb9d5beb343d4e50f25c481c",part:"card-content",class:t,...!this.isLoading?{onMouseEnter:this.hoverEventHandler.bind(this)}:{},...!this.isLoading?{onMouseLeave:this.leaveEventHandler.bind(this)}:{}},this.styles&&a("style",{key:"3ca1867683337cfcad0afd88960d8ebc3d43c351"},this.styles),a("slot",{key:"5d343d448adb38c82c1f1fd5b626be326d6a070d",name:"slot-content"}),a("div",{key:"3160e6006ef4e7e3009c7dcf36cc64ad3af6a402",class:"ptc-card-content-wrapper"},a("slot",{key:"1dffb62019499e1aa392efe18ea3b7cb0673dbdf"})))}getCssClassMap(){return{[this.cardType]:!!this.cardType?true:false,[this.outlineColor]:!!this.outlineColor?true:false,[this.cardOnDemandVideoTheme]:!!this.cardOnDemandVideoTheme?true:false}}};d.style=i;export{d as ptc_card_content};
2
- //# sourceMappingURL=p-3facbe34.entry.js.map
1
+ import{r as t,c as e,g as r,h as a,H as o}from"./p-EL5HvG6Q.js";const i=":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper,:host(.card-on-demand-video) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before,:host(.card-on-demand-video) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after,:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute !important;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}:host(.card-on-demand-video) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.16);border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');opacity:1;left:0;right:0;top:8px;bottom:0;transform:translate(0%) scale(1);width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before{background:transparent}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after{transform:translate(0%) scale(1.07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.12)}:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before{border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}";const d=class{constructor(r){t(this,r);this.hoverEvent=e(this,"hoverEvent");this.leaveEvent=e(this,"leaveEvent")}get el(){return r(this)}cardType;outlineColor;styles;isLoading=false;cardOnDemandVideoTheme="light";hoverEvent;hoverEventHandler(){if(!this.el.classList.contains("speed-bump")&&!this.el.classList.contains("card-video-intro")&&!this.el.classList.contains("card-dynamic")&&!this.el.classList.contains("card-on-demand-video")&&!this.el.classList.contains("extra-tall")){this.hoverEvent.emit();this.el.classList.add("mouse-hover");if(!this.el.classList.contains("card-video")&&!this.el.classList.contains("card-playlist")&&this.el.nextElementSibling){this.el.nextElementSibling.classList.add("mouse-hover-card-bottom")}}if(this.el.classList.contains("event-podcast")){const t=this.el.nextElementSibling;t.addClassOnDefaultSlot()}}leaveEvent;leaveEventHandler(){if(!this.el.classList.contains("speed-bump")&&!this.el.classList.contains("card-video-intro")&&!this.el.classList.contains("card-dynamic")&&!this.el.classList.contains("card-on-demand-video")&&!this.el.classList.contains("extra-tall")){this.hoverEvent.emit();this.el.classList.remove("mouse-hover");if(!this.el.classList.contains("card-video")&&!this.el.classList.contains("card-playlist")&&this.el.nextElementSibling){this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom")}}if(this.el.classList.contains("event-podcast")){const t=this.el.nextElementSibling;t.removeClassOnDefaultSlot()}}async setHeight(t){this.el.style.height=t+"px";const e=this.el.querySelector("ptc-picture");e.style.height=t+"px"}async removeInlineHeight(){this.el.style.removeProperty("height");const t=this.el.querySelector("ptc-picture");if(t)t.style.removeProperty("height")}render(){const t=this.getCssClassMap();return a(o,{key:"e1b1c9704bc38afaeb9d5beb343d4e50f25c481c",part:"card-content",class:t,...!this.isLoading?{onMouseEnter:this.hoverEventHandler.bind(this)}:{},...!this.isLoading?{onMouseLeave:this.leaveEventHandler.bind(this)}:{}},this.styles&&a("style",{key:"3ca1867683337cfcad0afd88960d8ebc3d43c351"},this.styles),a("slot",{key:"5d343d448adb38c82c1f1fd5b626be326d6a070d",name:"slot-content"}),a("div",{key:"3160e6006ef4e7e3009c7dcf36cc64ad3af6a402",class:"ptc-card-content-wrapper"},a("slot",{key:"1dffb62019499e1aa392efe18ea3b7cb0673dbdf"})))}getCssClassMap(){return{[this.cardType]:!!this.cardType?true:false,[this.outlineColor]:!!this.outlineColor?true:false,[this.cardOnDemandVideoTheme]:!!this.cardOnDemandVideoTheme?true:false}}};d.style=i;export{d as ptc_card_content};
2
+ //# sourceMappingURL=p-f4e7596e.entry.js.map
package/dist/ptcw-design/{p-3facbe34.entry.js.map → p-f4e7596e.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["registerInstance","createEvent","getElement","h","Host","ptcCardContentCss","PtcCardContent","constructor","hostRef","this","hoverEvent","leaveEvent","el","cardType","outlineColor","styles","isLoading","cardOnDemandVideoTheme","hoverEventHandler","classList","contains","emit","add","nextElementSibling","bottomComponent","addClassOnDefaultSlot","leaveEventHandler","remove","removeClassOnDefaultSlot","setHeight","height","style","image","querySelector","removeInlineHeight","removeProperty","render","classMap","getCssClassMap","key","part","class","onMouseEnter","bind","onMouseLeave","name"],"sources":["0"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["registerInstance","createEvent","getElement","h","Host","ptcCardContentCss","PtcCardContent","constructor","hostRef","this","hoverEvent","leaveEvent","el","cardType","outlineColor","styles","isLoading","cardOnDemandVideoTheme","hoverEventHandler","classList","contains","emit","add","nextElementSibling","bottomComponent","addClassOnDefaultSlot","leaveEventHandler","remove","removeClassOnDefaultSlot","setHeight","height","style","image","querySelector","removeInlineHeight","removeProperty","render","classMap","getCssClassMap","key","part","class","onMouseEnter","bind","onMouseLeave","name"],"sources":["0"],"mappings":"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","ignoreList":[]}
package/dist/ptcw-design/ptc-card-content.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ptc-card-content.entry.esm.js","sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted(*) {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted(*) {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted(*) {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted(*) {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted(*) {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted(*) {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted(*) {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted(*) {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted(*) {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n | \"card-video\"\r\n | \"card-tall\"\r\n | \"card-2up\"\r\n | \"card-wide\"\r\n | \"speed-bump\"\r\n | \"card-playlist\"\r\n | \"card-video-intro\"\r\n | \"card-dynamic\"\r\n | \"extra-tall\"\r\n | \"color-outlined\"\r\n | \"thumbnail-video-preview\"\r\n | \"event-jumbotron-sub-card\"\r\n | \"event-podcast\"\r\n | \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n | \"o-red\"\r\n | \"o-orange\"\r\n | \"o-blue\"\r\n | \"o-slate-grey\"\r\n | \"o-green\";\r\n /**\r\n * (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" | \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ptc-card-content.entry.esm.js","sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted(*) {\r\n position: absolute !important;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted(*) {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted(*) {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted(*) {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted(*) {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted(*) {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted(*) {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted(*) {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted(*) {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted(*) {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted(*) {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted(*) {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n | \"card-video\"\r\n | \"card-tall\"\r\n | \"card-2up\"\r\n | \"card-wide\"\r\n | \"speed-bump\"\r\n | \"card-playlist\"\r\n | \"card-video-intro\"\r\n | \"card-dynamic\"\r\n | \"extra-tall\"\r\n | \"color-outlined\"\r\n | \"thumbnail-video-preview\"\r\n | \"event-jumbotron-sub-card\"\r\n | \"event-podcast\"\r\n | \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n | \"o-red\"\r\n | \"o-orange\"\r\n | \"o-blue\"\r\n | \"o-slate-grey\"\r\n | \"o-green\";\r\n /**\r\n * (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" | \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}