@ptcwebops/ptcw-design 6.4.36-beta → 6.5.0-upgrade

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

@@ -1,448 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-  word-break: break-word;
-  hyphens: manual;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
-}
-@supports (hyphenate-limit-chars: 12 3 3) {
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    hyphenate-limit-chars: 12 3 3;
-    hyphenate-limit-lines: 2;
-    hyphenate-limit-last: always;
-    hyphenate-limit-zone: 6%;
-    -webkit-hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-    -webkit-hyphenate-limit-chars: 12 3 3;
-    -webkit-hyphenate-limit-lines: 2;
-    -moz-hyphens: auto;
-    -moz-hyphenate-limit-chars: 12 3 3;
-    -moz-hyphenate-limit-lines: 2;
-    -ms-hyphens: auto;
-    -ms-hyphenate-limit-chars: 12 3 3;
-    -ms-hyphenate-limit-lines: 2;
-  }
-}
-
-: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;
-}

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

@@ -1,254 +0,0 @@
-import { Host, h, } from "@stencil/core";
-export class PtcCardContent {
-  constructor() {
-    this.cardType = undefined;
-    this.outlineColor = undefined;
-    this.styles = undefined;
-    this.isLoading = false;
-    this.cardOnDemandVideoTheme = "light";
-  }
-  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 bottomComponent = this.el
-        .nextElementSibling;
-      bottomComponent.addClassOnDefaultSlot();
-    }
-  }
-  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 bottomComponent = this.el
-        .nextElementSibling;
-      bottomComponent.removeClassOnDefaultSlot();
-    }
-  }
-  async setHeight(height) {
-    this.el.style.height = height + "px";
-    const image = this.el.querySelector("ptc-picture");
-    image.style.height = height + "px";
-  }
-  async removeInlineHeight() {
-    this.el.style.removeProperty("height");
-    const image = this.el.querySelector("ptc-picture");
-    if (image)
-      image.style.removeProperty("height");
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, Object.assign({ part: "card-content", class: classMap }, (!this.isLoading
-      ? { onMouseEnter: this.hoverEventHandler.bind(this) }
-      : {}), (!this.isLoading
-      ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-      : {})), this.styles && h("style", null, this.styles), h("slot", { name: "slot-content" }), h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: !!this.cardType ? true : false,
-      [this.outlineColor]: !!this.outlineColor ? true : false,
-      [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme
-        ? true
-        : false,
-    };
-  }
-  static get is() { return "ptc-card-content"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-card-content.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-card-content.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "cardType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-dynamic\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"thumbnail-video-preview\"\r\n\t\t| \"event-jumbotron-sub-card\"\r\n\t\t| \"event-podcast\"\r\n\t\t| \"card-on-demand-video\"",
-          "resolved": "\"card-2up\" | \"card-dynamic\" | \"card-on-demand-video\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"event-jumbotron-sub-card\" | \"event-podcast\" | \"extra-tall\" | \"speed-bump\" | \"thumbnail-video-preview\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "card-type",
-        "reflect": false
-      },
-      "outlineColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "| \"o-red\"\r\n\t\t| \"o-orange\"\r\n\t\t| \"o-blue\"\r\n\t\t| \"o-slate-grey\"\r\n\t\t| \"o-green\"",
-          "resolved": "\"o-blue\" | \"o-green\" | \"o-orange\" | \"o-red\" | \"o-slate-grey\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "outline-color",
-        "reflect": false
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Injected CSS styles"
-        },
-        "attribute": "styles",
-        "reflect": false
-      },
-      "isLoading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-loading",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "cardOnDemandVideoTheme": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"light\" | \"dark\"",
-          "resolved": "\"dark\" | \"light\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "card-on-demand-video-theme",
-        "reflect": false,
-        "defaultValue": "\"light\""
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "hoverEvent",
-        "name": "hoverEvent",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }, {
-        "method": "leaveEvent",
-        "name": "leaveEvent",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "setHeight": {
-        "complexType": {
-          "signature": "(height: number) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "removeInlineHeight": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}