npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.10-upgrade → 7.0.12-upgrade - Mend

@ptcwebops/ptcw-design 7.0.10-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 (1020) hide show

package/dist/ptcw-design/{p-a75a3bd6.entry.js → p-fe88221a.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as i,a as e,h as r,H as t}from"./p-C5r_YvLZ.js";import{S as s}from"./p-CghKj3X-.js";import{N as a,P as o}from"./p-DnCRg5PI.js";import{S as n}from"./p--5zHldVx.js";const p='@font-face{font-family:\'swiper-icons\';src:url(\'data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\'\';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\'\';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\'prev\'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\'next\'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\'\';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:host{display:block;width:100%;margin:auto;padding:0}@media only screen and (min-width: 768px){:host{padding:0 24px;max-width:100%}}@media only screen and (min-width: 992px){:host{padding:0 56px}}@media only screen and (min-width: 1440px){:host{padding:0}}:host .icon-component-row{display:flex;flex-wrap:wrap;margin:0 -24px}@media only screen and (min-width: 992px){:host .icon-component-row{margin:0 -40px}}:host .icon-component-row{justify-content:center}:host .icon-component-row ::slotted(.icon-component){flex-grow:1;max-width:50%;width:50%;padding:0 24px;margin:40px 0}@media only screen and (min-width: 992px){:host .icon-component-row ::slotted(.icon-component){padding:0 40px;margin:44px 0}}@media only screen and (min-width: 1440px){:host .icon-component-row ::slotted(.icon-component){max-width:33.333333%;width:33.333333%}}:host .swiper-container{position:relative;padding:44px 0;height:100%}:host .swiper-container .swiper-wrapper{height:auto;min-height:100%}:host .swiper-container .icon-component{text-align:center}:host .swiper-container .icon-component ptc-tooltip>.sc-ptc-tooltip:last-child{display:none}:host .swiper-container .icon-component ptc-title .sc-ptc-title-s{margin:12px auto 6px auto;max-width:85%;display:block}:host .swiper-container .swiper-pagination-fraction{top:0px;bottom:auto}:host .swiper-container .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;opacity:1;border-radius:50%;margin:0px 14px;cursor:pointer;border:2px solid var(--color-gray-03);background-color:transparent;position:relative}:host .swiper-container .swiper-pagination-bullet::after{content:"";display:block;position:absolute;width:32px;height:1px;border-top:2px solid var(--color-gray-03);margin-top:-1px;z-index:-1;top:50%;left:20px}:host .swiper-container .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-container .swiper-pagination-bullet-active{color:var(--color-white);background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style> .cls-1 { fill: %2300890B; } .cls-2 { fill: %23f3f3f3; } </style></defs><circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/><circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/><circle class="cls-1" cx="10" cy="10" r="5"/></svg>\');background-position:50%;background-repeat:no-repeat;border:2px solid transparent}:host .swiper-container .swiper-button-next:after,:host .swiper-container .swiper-button-prev:after{display:none}:host .swiper-container .swiper-button-next{right:0;top:84px;width:44px;height:44px}:host .swiper-container .swiper-button-next:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .swiper-container .swiper-button-prev{left:0;top:84px;height:44px;width:44px}:host .swiper-container .swiper-button-prev:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .ptc-link{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .ptc-link:hover{color:var(--color-green-06)}:host .ptc-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .ptc-link:visited{color:var(--color-gray-10)}:host .ptc-link:active,:host .ptc-link:visited:active{transition:none;color:var(--color-green-06)}:host .ptc-link:hover,:host .ptc-link:visited:hover{color:var(--color-green-06)}:host(.mobileView) .icon-component-row{display:none}:host(.mobileView) .swiper-container{display:block}:host(.desktopView) .icon-component-row{display:flex}:host(.desktopView) .swiper-container{display:none}';const l=class{constructor(e){i(this,e)}get hostElement(){return e(this)}iconSwiper;swiperWrapperRef;swiperPaginationRef;swiperButtonNextRef;swiperButtonPrevRef;isMobile;handleResize(){this.isMobile=window.innerWidth<768||screen.width<768}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768}componentDidLoad(){this.renderSlides();setTimeout((()=>{this.initSlider();this.setUpTabIndex()}),200)}componentDidUpdate(){setTimeout((()=>{this.initSlider();this.setUpTabIndex()}),200)}renderSlides(){const i=Array.from(this.hostElement.querySelectorAll(".icon-component"));if(i.length>0){const e=this.hostElement.shadowRoot.querySelector(".swiper-wrapper");i.forEach((i=>{const r=document.createElement("div");r.classList.add("swiper-slide");r.querySelectorAll("a").forEach((i=>i.tabIndex=-1));let t=i.cloneNode(true);r.appendChild(t);e.appendChild(r)}))}}initSlider(){if(this.swiperWrapperRef){this.iconSwiper=new s(this.swiperWrapperRef,{modules:[a,o,n],slidesPerView:1,loop:true,autoHeight:true,spaceBetween:24,pagination:{el:this.swiperPaginationRef,clickable:true,type:"fraction"},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef}})}}disconnectedCallback(){if(this.iconSwiper){this.iconSwiper.destroy(true,true);this.iconSwiper=null}}onNextBtnClick(i){let e=i.currentTarget;i.preventDefault();if(e&&!e.classList.contains("disabled")){this.iconSwiper.slideNext();this.setUpTabIndex()}}onPrevBtnClick(i){let e=i.currentTarget;i.preventDefault();if(e&&!e.classList.contains("disabled")){this.iconSwiper.slidePrev();this.setUpTabIndex()}}onPrevBtnKeydown(i){if(i.key==="Enter"){this.onPrevBtnClick(i)}}onNextBtnKeydown(i){if(i.key==="Enter"){this.onNextBtnClick(i)}}setUpTabIndex(){if(this.iconSwiper){if(this.iconSwiper.slides){this.iconSwiper.slides.forEach((i=>i.querySelectorAll("a").forEach((i=>i.tabIndex=-1))));if(this.iconSwiper.slides[this.iconSwiper.activeIndex].querySelectorAll("a")){this.iconSwiper.slides[this.iconSwiper.activeIndex].querySelectorAll("a").forEach((i=>i.tabIndex=0))}}}}render(){return r(t,{key:"e7b015660752ba727f1eae8d42b7f4e8fa16edd9",class:this.isMobile?"mobileView":"desktopView"},r("div",{key:"9633fd7eb8822e827fec768ccf22a6b92a0eea95",class:"icon-component-row"},r("slot",{key:"8f54ce1eb60dd058bcb2e0e799d8b4a5dfeb6eea"})),r("div",{key:"a213e7f1a5692b69363c4078e77f89b6a2b6e820",class:"swiper-container",ref:i=>this.swiperWrapperRef=i},r("div",{key:"b08e1cf2b961b6d09696929f78c60fe892c4aac8",class:"swiper-button-prev",ref:i=>this.swiperButtonPrevRef=i,tabindex:0,onClick:i=>this.onPrevBtnClick(i),onKeyDown:i=>this.onPrevBtnKeydown(i)},r("svg",{key:"61f045fb4331e5e50b5af158359d604b455975c8",width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"edc7be516ffba39d8549458394b48179e826cc19",d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"}))),r("div",{key:"57de8e066fef3eda63e538117eaaf98ee7dd6bad",class:"swiper-button-next",ref:i=>this.swiperButtonNextRef=i,tabindex:0,onClick:i=>this.onNextBtnClick(i),onKeyDown:i=>this.onNextBtnKeydown(i)},r("svg",{key:"396bfd33f1fa4fdc02d7120f2fb100dfd8901ed1",width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"5f929e763c41e9137e6d913a9e3224f0a8b4287a",d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),r("div",{key:"edcedb4a546d15d1c29de8bc258ef254875dfd23",class:"swiper-wrapper"}),r("div",{key:"46cf4b7c5e1599983811914023b83508ddf5afe8",class:"swiper-pagination",ref:i=>this.swiperPaginationRef=i})))}};l.style=p;export{l as ptc_icon_component};
-//# sourceMappingURL=p-a75a3bd6.entry.js.map
+import{r as i,g as e,h as r,H as t}from"./p-EL5HvG6Q.js";import{S as s}from"./p-CghKj3X-.js";import{N as a,P as o}from"./p-DnCRg5PI.js";import{S as n}from"./p--5zHldVx.js";const p='@font-face{font-family:\'swiper-icons\';src:url(\'data:application/font-woff;charset=utf-8;base64, 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\');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\'\';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\'\';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\'prev\'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\'next\'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\'\';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:host{display:block;width:100%;margin:auto;padding:0}@media only screen and (min-width: 768px){:host{padding:0 24px;max-width:100%}}@media only screen and (min-width: 992px){:host{padding:0 56px}}@media only screen and (min-width: 1440px){:host{padding:0}}:host .icon-component-row{display:flex;flex-wrap:wrap;margin:0 -24px}@media only screen and (min-width: 992px){:host .icon-component-row{margin:0 -40px}}:host .icon-component-row{justify-content:center}:host .icon-component-row ::slotted(.icon-component){flex-grow:1;max-width:50%;width:50%;padding:0 24px;margin:40px 0}@media only screen and (min-width: 992px){:host .icon-component-row ::slotted(.icon-component){padding:0 40px;margin:44px 0}}@media only screen and (min-width: 1440px){:host .icon-component-row ::slotted(.icon-component){max-width:33.333333%;width:33.333333%}}:host .swiper-container{position:relative;padding:44px 0;height:100%}:host .swiper-container .swiper-wrapper{height:auto;min-height:100%}:host .swiper-container .icon-component{text-align:center}:host .swiper-container .icon-component ptc-tooltip>.sc-ptc-tooltip:last-child{display:none}:host .swiper-container .icon-component ptc-title .sc-ptc-title-s{margin:12px auto 6px auto;max-width:85%;display:block}:host .swiper-container .swiper-pagination-fraction{top:0px;bottom:auto}:host .swiper-container .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;opacity:1;border-radius:50%;margin:0px 14px;cursor:pointer;border:2px solid var(--color-gray-03);background-color:transparent;position:relative}:host .swiper-container .swiper-pagination-bullet::after{content:"";display:block;position:absolute;width:32px;height:1px;border-top:2px solid var(--color-gray-03);margin-top:-1px;z-index:-1;top:50%;left:20px}:host .swiper-container .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-container .swiper-pagination-bullet-active{color:var(--color-white);background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style> .cls-1 { fill: %2300890B; } .cls-2 { fill: %23f3f3f3; } </style></defs><circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/><circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/><circle class="cls-1" cx="10" cy="10" r="5"/></svg>\');background-position:50%;background-repeat:no-repeat;border:2px solid transparent}:host .swiper-container .swiper-button-next:after,:host .swiper-container .swiper-button-prev:after{display:none}:host .swiper-container .swiper-button-next{right:0;top:84px;width:44px;height:44px}:host .swiper-container .swiper-button-next:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .swiper-container .swiper-button-prev{left:0;top:84px;height:44px;width:44px}:host .swiper-container .swiper-button-prev:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .ptc-link{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .ptc-link:hover{color:var(--color-green-06)}:host .ptc-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .ptc-link:visited{color:var(--color-gray-10)}:host .ptc-link:active,:host .ptc-link:visited:active{transition:none;color:var(--color-green-06)}:host .ptc-link:hover,:host .ptc-link:visited:hover{color:var(--color-green-06)}:host(.mobileView) .icon-component-row{display:none}:host(.mobileView) .swiper-container{display:block}:host(.desktopView) .icon-component-row{display:flex}:host(.desktopView) .swiper-container{display:none}';const l=class{constructor(e){i(this,e)}get hostElement(){return e(this)}iconSwiper;swiperWrapperRef;swiperPaginationRef;swiperButtonNextRef;swiperButtonPrevRef;isMobile;handleResize(){this.isMobile=window.innerWidth<768||screen.width<768}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768}componentDidLoad(){this.renderSlides();setTimeout((()=>{this.initSlider();this.setUpTabIndex()}),200)}componentDidUpdate(){setTimeout((()=>{this.initSlider();this.setUpTabIndex()}),200)}renderSlides(){const i=Array.from(this.hostElement.querySelectorAll(".icon-component"));if(i.length>0){const e=this.hostElement.shadowRoot.querySelector(".swiper-wrapper");i.forEach((i=>{const r=document.createElement("div");r.classList.add("swiper-slide");r.querySelectorAll("a").forEach((i=>i.tabIndex=-1));let t=i.cloneNode(true);r.appendChild(t);e.appendChild(r)}))}}initSlider(){if(this.swiperWrapperRef){this.iconSwiper=new s(this.swiperWrapperRef,{modules:[a,o,n],slidesPerView:1,loop:true,autoHeight:true,spaceBetween:24,pagination:{el:this.swiperPaginationRef,clickable:true,type:"fraction"},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef}})}}disconnectedCallback(){if(this.iconSwiper){this.iconSwiper.destroy(true,true);this.iconSwiper=null}}onNextBtnClick(i){let e=i.currentTarget;i.preventDefault();if(e&&!e.classList.contains("disabled")){this.iconSwiper.slideNext();this.setUpTabIndex()}}onPrevBtnClick(i){let e=i.currentTarget;i.preventDefault();if(e&&!e.classList.contains("disabled")){this.iconSwiper.slidePrev();this.setUpTabIndex()}}onPrevBtnKeydown(i){if(i.key==="Enter"){this.onPrevBtnClick(i)}}onNextBtnKeydown(i){if(i.key==="Enter"){this.onNextBtnClick(i)}}setUpTabIndex(){if(this.iconSwiper){if(this.iconSwiper.slides){this.iconSwiper.slides.forEach((i=>i.querySelectorAll("a").forEach((i=>i.tabIndex=-1))));if(this.iconSwiper.slides[this.iconSwiper.activeIndex].querySelectorAll("a")){this.iconSwiper.slides[this.iconSwiper.activeIndex].querySelectorAll("a").forEach((i=>i.tabIndex=0))}}}}render(){return r(t,{key:"e7b015660752ba727f1eae8d42b7f4e8fa16edd9",class:this.isMobile?"mobileView":"desktopView"},r("div",{key:"9633fd7eb8822e827fec768ccf22a6b92a0eea95",class:"icon-component-row"},r("slot",{key:"8f54ce1eb60dd058bcb2e0e799d8b4a5dfeb6eea"})),r("div",{key:"a213e7f1a5692b69363c4078e77f89b6a2b6e820",class:"swiper-container",ref:i=>this.swiperWrapperRef=i},r("div",{key:"b08e1cf2b961b6d09696929f78c60fe892c4aac8",class:"swiper-button-prev",ref:i=>this.swiperButtonPrevRef=i,tabindex:0,onClick:i=>this.onPrevBtnClick(i),onKeyDown:i=>this.onPrevBtnKeydown(i)},r("svg",{key:"61f045fb4331e5e50b5af158359d604b455975c8",width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"edc7be516ffba39d8549458394b48179e826cc19",d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"}))),r("div",{key:"57de8e066fef3eda63e538117eaaf98ee7dd6bad",class:"swiper-button-next",ref:i=>this.swiperButtonNextRef=i,tabindex:0,onClick:i=>this.onNextBtnClick(i),onKeyDown:i=>this.onNextBtnKeydown(i)},r("svg",{key:"396bfd33f1fa4fdc02d7120f2fb100dfd8901ed1",width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"5f929e763c41e9137e6d913a9e3224f0a8b4287a",d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),r("div",{key:"edcedb4a546d15d1c29de8bc258ef254875dfd23",class:"swiper-wrapper"}),r("div",{key:"46cf4b7c5e1599983811914023b83508ddf5afe8",class:"swiper-pagination",ref:i=>this.swiperPaginationRef=i})))}};l.style=p;export{l as ptc_icon_component};
+//# sourceMappingURL=p-fe88221a.entry.js.map

package/dist/ptcw-design/ptc-card-content.entry.esm.js.map CHANGED Viewed

	@@ -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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"}