@ptcwebops/ptcw-design 3.8.2 → 3.8.4

package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js

@@ -0,0 +1,305 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4b85b38a.js');
+
+const ptcFilterDropdownCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;border-radius:4px}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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 .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}:host .radio-label input{margin-right:10px}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:\"\";height:20px;width:20px;position:absolute;left:0;top:0;display:none}";
+
+const PtcFilterDropdown = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.selectedFilterValues = index.createEvent(this, "selectedFilterValues", 7);
+    this.internalOptions = [];
+    this.selectedOptions = [];
+    this.placeholder = undefined;
+    this.selectedTag = undefined;
+    this.isOpen = false;
+  }
+  componentDidLoad() {
+    this.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector('.dropdown-placeholder .dropdown-filter-name');
+  }
+  parseOptions() {
+    let options = Array.from(this.hostElement.querySelectorAll('span'));
+    if (options) {
+      this.internalOptions = options.map((option) => ({
+        tabId: option.getAttribute('tab-id'),
+        value: option.textContent,
+        tagName: option.getAttribute('tag-name'), // Store tag name in the options
+      }));
+    }
+    //console.log(this.internalOptions);
+  }
+  toggleDropdown() {
+    this.isOpen = !this.isOpen;
+  }
+  clearFilter() {
+    this.selectedOptions = [];
+    const radioList = this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]');
+    radioList.forEach((radioItem) => {
+      if (radioItem instanceof HTMLInputElement) {
+        radioItem.checked = false;
+      }
+    });
+    if (this.dropdownPlaceholder) {
+      this.dropdownPlaceholder.textContent = this.placeholder;
+    }
+    this.emitSelectedOptions('clearButton');
+  }
+  emitSelectedOptions(clickedButton) {
+    // debugger
+    this.selectedOptions = this.internalOptions
+      .filter((option) => {
+      const id = option.tabId;
+      return this.hostElement.shadowRoot.querySelector(`input[tab-id="${id}"]:checked`) !== null;
+    })
+      .map((option) => ({
+      tabId: option.tabId,
+      value: option.value,
+      tagName: option.tagName
+    }));
+    this.selectedFilterValues.emit({
+      sender: this,
+      selectedOptions: this.selectedOptions,
+    });
+    if (clickedButton == 'applyButton') {
+      this.toggleDropdown();
+    }
+    if (this.dropdownPlaceholder) {
+      this.dropdownPlaceholder.textContent = this.selectedOptions[0].value;
+    }
+  }
+  componentWillRender() {
+    this.parseOptions();
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "dropdown" }, index.h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, index.h("span", { class: "dropdown-placeholder" }, index.h("strong", null, "Filter: "), index.h("span", { class: "dropdown-filter-name" }, this.placeholder)), index.h("span", { class: "caret" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, index.h("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (index.h("div", { class: "dropdown-menu" }, index.h("ul", { class: "filter-list" }, this.internalOptions.map((option) => (index.h("li", { key: option.tabId }, index.h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, index.h("input", { type: "radio", id: option.value.replace(/\s+/g, ''), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value === option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), index.h("div", { class: "filter-btns" }, index.h("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), index.h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions('applyButton'), styles: ' a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }' }, "Apply"))))), index.h("div", { class: "hidden" }, index.h("slot", null))));
+  }
+  get hostElement() { return index.getElement(this); }
+};
+PtcFilterDropdown.style = ptcFilterDropdownCss;
+
+const ptcSocialShareCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";
+
+const PtcSocialShare = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.display = 'inline-block';
+    this.shareType = 'twitter';
+    this.shareTitle = undefined;
+    this.text = undefined;
+    this.url = undefined;
+    this.source = '';
+    this.recipient = '';
+    this.iconColor = 'white';
+    this.iconHoverColor = 'gray';
+    this.isHover = false;
+    this.iconSize = 'large';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }, index.h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-mail" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'linkedin' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-linkedin" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'twitter' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "twitter-x" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'facebook' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-fb" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-mail' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "mail-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-linkedin' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "linkedin-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-twitter' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "twitter-x-dark-circle" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-facebook' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "facebook-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'share-api' ? index.h("icon-asset", Object.assign({ type: "solid", size: this.iconSize, name: "share-square" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'download' ? index.h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "download-arrow-news", color: "inherit" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null), this.shareType == 'download' &&
+      index.h("ptc-modal", { id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, index.h("ptc-title", { type: 'h2', "text-align": 'center', "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-social-share']: true,
+      [this.display]: true,
+    };
+  }
+  hoverToggle() {
+    this.isHover = !this.isHover;
+  }
+  share() {
+    if (this.shareType == 'twitter' || this.shareType == "blog-twitter") {
+      window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`);
+    }
+    if (this.shareType == 'facebook' || this.shareType == "blog-facebook") {
+      window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`);
+    }
+    if (this.shareType == 'linkedin' || this.shareType == "blog-linkedin") {
+      window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`);
+    }
+    if (this.shareType == 'mail' || this.shareType == "blog-mail") {
+      window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`);
+    }
+    if (this.shareType == 'share-api') {
+      if (navigator.share) {
+        navigator
+          .share({
+          title: this.shareTitle,
+          text: this.text,
+          url: this.url,
+        })
+          .then(() => console.log('Successful share'))
+          .catch(error => console.log('Error sharing', error));
+      }
+      else {
+        // fallback to sharing to twitter
+        window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`);
+      }
+    }
+    if (this.shareType == 'download') {
+      let modal = this.el.shadowRoot.querySelector('#download-modal');
+      modal.setAttribute('show', 'true');
+      setTimeout(() => {
+        modal.setAttribute('show', 'false');
+        window.open(`${this.url}`, "_self");
+      }, 1000);
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+PtcSocialShare.style = ptcSocialShareCss;
+
+const ptcTheaterVideoCss = "h1.sc-ptc-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}}.sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto;min-width:205px}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px;min-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#FFF;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#FFF;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h3.sc-ptc-theater-video{margin:12px 0 0 0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);color:var(--color-white)}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";
+
+const PtcTheaterVideo = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.vCardClicked = index.createEvent(this, "vCardClicked", 7);
+    this.cardTitle = undefined;
+    this.cardDescription = undefined;
+    this.thumbImg = undefined;
+    this.cardNumber = undefined;
+    this.videoId = undefined;
+    this.vtagName = undefined;
+    this.modalType = 'video-with-description';
+  }
+  showCardDetails() {
+    // Emit a custom event to signal that the card was clicked
+    // const cardClickEvent = new CustomEvent('cardClicked', {
+    //   detail: this.cardTitle,
+    // });
+    // this.ele.dispatchEvent(cardClickEvent);
+    this.vCardClicked.emit({
+      'sender': this,
+      'cardNumber': this.cardNumber
+    });
+  }
+  render() {
+    return (index.h(index.Host, { "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, index.h("div", { class: "img-wrap", onClick: () => this.showCardDetails() }, index.h("img", { src: this.thumbImg, alt: "" }), index.h("span", { class: 'card-number' }, this.cardNumber + 1), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, index.h("g", { filter: "url(#filter0_d_214_969)" }, index.h("path", { d: "M42 20L12 36V4L42 20Z", fill: "white" })), index.h("defs", null, index.h("filter", { id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "s-rGB" }, index.h("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("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" }), index.h("feOffset", { dy: "8" }), index.h("feGaussianBlur", { stdDeviation: "6" }), index.h("feComposite", { in2: "hardAlpha", operator: "out" }), index.h("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), index.h("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), index.h("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), index.h("h3", { class: 'vcard-title' }, this.cardTitle), index.h("div", { class: "hidden description" }, index.h("slot", null))));
+  }
+  get ele() { return index.getElement(this); }
+};
+PtcTheaterVideo.style = ptcTheaterVideoCss;
+
+const ptcTheaterVideoPlaylistCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";
+
+const PtcTheaterVideoPlaylist = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cards = [];
+    this.currentCardIndex = 0;
+    this.filteredTagName = undefined;
+    this.cardElements = undefined;
+  }
+  componentWillLoad() {
+    this.cardElements = this.host.querySelectorAll('ptc-theater-video');
+  }
+  componentDidLoad() {
+    this.setupCards();
+    this.sortCards('');
+  }
+  handleFilterClick(event) {
+    const filters = event.detail;
+    this.filteredTagName = filters['selected-tag'];
+    this.sortCards(this.filteredTagName);
+    //this.updateCardData(filters.cardNumber)
+  }
+  handleVCardClickedEvent(event) {
+    const filters = event.detail;
+    console.log(filters);
+  }
+  sortCards(filterVideo) {
+    //const cardElements = this.host.querySelectorAll('ptc-theater-video');
+    this.cardElements.forEach((cardElement) => {
+      let tagNames;
+      if (cardElement.getAttribute('vtag-name')) {
+        tagNames = cardElement.getAttribute('vtag-name').split(",").map((item) => {
+          return item.trim();
+        });
+      }
+      const trimFilterVideo = filterVideo.trim();
+      if (trimFilterVideo !== "" && trimFilterVideo !== 'reset') {
+        if (tagNames.includes(trimFilterVideo)) {
+          cardElement.classList.add('show');
+          cardElement.classList.remove('hide');
+        }
+        else {
+          cardElement.classList.add('hide');
+          cardElement.classList.remove('show');
+        }
+      }
+      else {
+        cardElement.classList.add('show');
+        cardElement.classList.remove('hide');
+      }
+    });
+  }
+  setupCards() {
+    console.log('Setup called');
+    // const cardElements = this.host.querySelectorAll('ptc-theater-video');
+    // console.log(this.cardElements);
+    this.cardElements.forEach((cardElement, index) => {
+      this.cards.push(this.setCardData(cardElement, index));
+      cardElement.addEventListener('click', () => {
+        this.showCardDetails(index);
+      });
+    });
+  }
+  updateCardData(cardNumber) {
+    console.log('updateCard called');
+    // debugger
+    this.cards = [];
+    // const cardElements = this.host.querySelectorAll('ptc-theater-video');
+    // console.log(this.cardElements);
+    this.cardElements.forEach((cardElement, index) => {
+      const tagNames = cardElement.getAttribute('vtag-name').split(",").map((item) => {
+        return item.trim();
+      });
+      // this.cards.push(this.setCardData(cardElement, index));
+      if (this.filteredTagName !== "" && this.filteredTagName !== 'reset' && this.filteredTagName !== undefined && tagNames.includes(this.filteredTagName)) {
+        this.cards.push(this.setCardData(cardElement, index));
+        // const cardNumber = parseInt(cardElement.getAttribute('card-number'));
+        cardElement.addEventListener('click', () => {
+          this.showCardDetails(cardNumber);
+        });
+      }
+      else if (this.filteredTagName === 'reset') {
+        this.cards.push(this.setCardData(cardElement, index));
+      }
+    });
+  }
+  setCardData(cardElement, index) {
+    const cardData = {
+      title: cardElement.querySelector('.vcard-title').textContent,
+      cardDescription: cardElement.cardDescription,
+      descriptionModal: cardElement.querySelector('.description').innerHTML,
+      videoId: cardElement.getAttribute('video-id'),
+      vtagName: cardElement.getAttribute('vtag-name'),
+      cardNumber: cardElement.getAttribute('card-number'),
+      index: index,
+      modalType: cardElement.getAttribute('modal-type')
+    };
+    return cardData;
+  }
+  showCardDetails(index) {
+    this.currentCardIndex = index;
+    // this.showModal = true;
+    const modalElement = document.querySelector('ptc-theater-video-modal');
+    if (modalElement) {
+      modalElement.updateData(this.cards, this.currentCardIndex);
+    }
+  }
+  render() {
+    return (index.h("div", { class: "card-list" }, index.h("slot", null)));
+  }
+  get host() { return index.getElement(this); }
+};
+PtcTheaterVideoPlaylist.style = ptcTheaterVideoPlaylistCss;
+
+exports.ptc_filter_dropdown = PtcFilterDropdown;
+exports.ptc_social_share = PtcSocialShare;
+exports.ptc_theater_video = PtcTheaterVideo;
+exports.ptc_theater_video_playlist = PtcTheaterVideoPlaylist;

package/dist/cjs/ptc-filter-level-theater.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4b85b38a.js');
 
-const ptcFilterLevelTheaterCss = "h1.sc-ptc-filter-level-theater,h2.sc-ptc-filter-level-theater,h3.sc-ptc-filter-level-theater,h4.sc-ptc-filter-level-theater,h5.sc-ptc-filter-level-theater,h6.sc-ptc-filter-level-theater,p.sc-ptc-filter-level-theater,ul.sc-ptc-filter-level-theater,li.sc-ptc-filter-level-theater,ptc-subnav.sc-ptc-filter-level-theater,ptc-tab-list.sc-ptc-filter-level-theater,ptc-link.sc-ptc-filter-level-theater{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-filter-level-theater,h2.sc-ptc-filter-level-theater,h3.sc-ptc-filter-level-theater,h4.sc-ptc-filter-level-theater,h5.sc-ptc-filter-level-theater,h6.sc-ptc-filter-level-theater,p.sc-ptc-filter-level-theater,ul.sc-ptc-filter-level-theater,li.sc-ptc-filter-level-theater,ptc-subnav.sc-ptc-filter-level-theater,ptc-tab-list.sc-ptc-filter-level-theater,ptc-link.sc-ptc-filter-level-theater{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}}.ptc-container.sc-ptc-filter-level-theater{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container.sc-ptc-filter-level-theater{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container.sc-ptc-filter-level-theater{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg.sc-ptc-filter-level-theater{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid.sc-ptc-filter-level-theater{width:100%}a.sc-ptc-filter-level-theater{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a.sc-ptc-filter-level-theater:visited{color:var(--color-blue-10)}a.sc-ptc-filter-level-theater:active,a.sc-ptc-filter-level-theater:visited:active{color:var(--color-blue-09)}a.sc-ptc-filter-level-theater:hover,a.sc-ptc-filter-level-theater:visited:hover{color:var(--color-blue-08)}a.disabled.sc-ptc-filter-level-theater{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater{color:var(--color-blue-04)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited{color:var(--color-blue-06)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:active,.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:active,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:active,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:active,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:active,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:active,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:active,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:active,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:active,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:active,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:active,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:active{color:var(--color-blue-07)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:hover,.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:hover,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:hover,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:hover,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:hover,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:hover,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:hover,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:hover,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:hover,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:hover,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:hover,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:hover{color:var(--color-blue-05)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).disabled.sc-ptc-filter-level-theater,.light-links.sc-ptc-filter-level-theater a.light-link.disabled.sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).disabled.sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.light-link.disabled.sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).disabled.sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.disabled.sc-ptc-filter-level-theater{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link.sc-ptc-filter-level-theater{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)}.ptc-link.sc-ptc-filter-level-theater:hover{color:var(--color-green-06)}.ptc-link.sc-ptc-filter-level-theater:visited{color:var(--color-gray-10)}.ptc-link.sc-ptc-filter-level-theater:active,.ptc-link.sc-ptc-filter-level-theater:visited:active{color:var(--color-green-06)}.ptc-link.sc-ptc-filter-level-theater:hover,.ptc-link.sc-ptc-filter-level-theater:visited:hover{color:var(--color-green-06)}.ptc-link-dark.sc-ptc-filter-level-theater{color:var(--color-white);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)}.ptc-link-dark.sc-ptc-filter-level-theater:hover{color:var(--color-green-06)}.ptc-link-dark.sc-ptc-filter-level-theater:visited{color:var(--color-white)}.ptc-link-dark.sc-ptc-filter-level-theater:active,.ptc-link-dark.sc-ptc-filter-level-theater:visited:active{color:var(--color-green-06)}.ptc-link-dark.sc-ptc-filter-level-theater:hover,.ptc-link-dark.sc-ptc-filter-level-theater:visited:hover{color:var(--color-green-06)}.sc-ptc-filter-level-theater-h{display:block;position:relative;background-color:var(--color-gray-12);color:var(--color-white);box-sizing:border-box}.sc-ptc-filter-level-theater-h .filter-section.sc-ptc-filter-level-theater{max-width:400px}@media only screen and (min-width: 992px){.sc-ptc-filter-level-theater-h .filter-section.sc-ptc-filter-level-theater{max-width:600px}}.sc-ptc-filter-level-theater-h .filter-section.sc-ptc-filter-level-theater ptc-product-dropdown.sc-ptc-filter-level-theater{color:var(--color-gray-10)}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;overflow-x:hidden}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater .flt-bg-img.sc-ptc-filter-level-theater{width:100%;height:100%;display:none;position:absolute;right:-100%;animation:slide 0.5s forwards;animation-delay:2s}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater .flt-bg-img.active-tab.sc-ptc-filter-level-theater{display:block;animation:slide 0.5s forwards;animation-delay:0.1s}@-webkit-keyframes slide{100%{right:0}}@keyframes slide{100%{right:0}}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater .bg-img-overlay.sc-ptc-filter-level-theater{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(40, 47, 53, 0.7)}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater{padding-top:44px;padding-bottom:44px;position:relative}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .filter-section.sc-ptc-filter-level-theater{padding-bottom:36px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater{width:100%}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater{display:flex;justify-content:space-between}}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater{order:1;max-width:700px;padding-right:24px}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.sc-ptc-filter-level-theater{display:none}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.sc-ptc-filter-level-theater p.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.sc-ptc-filter-level-theater ul.sc-ptc-filter-level-theater li.sc-ptc-filter-level-theater{font-size:18px;line-height:1.5;color:var(--color-white)}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.active-tab.sc-ptc-filter-level-theater{display:block}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater{margin-bottom:32px}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater{order:2;max-width:304px;margin-bottom:0}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater{min-width:223px;display:flex;overflow-x:auto;align-items:center;padding-bottom:24px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater::-webkit-scrollbar{height:3px;border-radius:4px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater::-webkit-scrollbar-track{background-color:#3E4A52;border-radius:4px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater::-webkit-scrollbar-thumb{background-color:#819099;border-radius:4px}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater{display:block;overflow-x:hidden;padding-bottom:0}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater ptc-button.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater{max-width:304px;min-width:223px;margin-right:24px;margin-bottom:0}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater ptc-button.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater{min-width:auto;margin-bottom:24px;margin-right:0}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater{border-radius:4px;box-sizing:border-box;border:2px solid #33A13C;padding:16px 24px;background-color:#323B42;cursor:pointer}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.active-box.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater:hover{border-color:#C37729;background-color:#20262A}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater ptc-button.sc-ptc-filter-level-theater{width:100%;display:block}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater{border-radius:4px;padding:12px;text-align:center;background:#BEC6CA;box-sizing:border-box}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater ptc-social-share.sc-ptc-filter-level-theater{margin-right:24px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater ptc-social-share.sc-ptc-filter-level-theater:last-child{margin-right:0}.sc-ptc-filter-level-theater-h ptc-theater-video-playlist.sc-ptc-filter-level-theater{padding-top:26px;clear:both}.sc-ptc-filter-level-theater-h ptc-theater-video-playlist.sc-ptc-filter-level-theater ptc-theater-video.sc-ptc-filter-level-theater{margin-right:32px;display:inline-block;margin-bottom:28px}@media only screen and (min-width: 1200px){.sc-ptc-filter-level-theater-h ptc-theater-video-playlist.sc-ptc-filter-level-theater ptc-theater-video.sc-ptc-filter-level-theater{margin-right:40px}}.sc-ptc-filter-level-theater-h p.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ul.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h li.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ptc-title.sc-ptc-filter-level-theater .sc-ptc-title.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h span.sc-ptc-filter-level-theater{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){.sc-ptc-filter-level-theater-h p.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ul.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h li.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ptc-title.sc-ptc-filter-level-theater .sc-ptc-title.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h span.sc-ptc-filter-level-theater{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}}a.sc-ptc-filter-level-theater{font-family:\"Raleway\", sans-serif;font-style:normal;text-decoration-line:underline;color:#197BC0;transition:color 250ms cubic-bezier(0, 0, 0.58, 1);font-weight:700}a.sc-ptc-filter-level-theater:visited{color:#0D3E62}a.sc-ptc-filter-level-theater:active,a.sc-ptc-filter-level-theater:visited:active{color:#104E7B}a.sc-ptc-filter-level-theater:hover,a.sc-ptc-filter-level-theater:visited:hover{color:#14629A}a.disabled.sc-ptc-filter-level-theater{color:#AEB8BD !important;cursor:not-allowed}";
+const ptcFilterLevelTheaterCss = "h1.sc-ptc-filter-level-theater,h2.sc-ptc-filter-level-theater,h3.sc-ptc-filter-level-theater,h4.sc-ptc-filter-level-theater,h5.sc-ptc-filter-level-theater,h6.sc-ptc-filter-level-theater,p.sc-ptc-filter-level-theater,ul.sc-ptc-filter-level-theater,li.sc-ptc-filter-level-theater,ptc-subnav.sc-ptc-filter-level-theater,ptc-tab-list.sc-ptc-filter-level-theater,ptc-link.sc-ptc-filter-level-theater,ptc-square-card.sc-ptc-filter-level-theater{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-filter-level-theater,h2.sc-ptc-filter-level-theater,h3.sc-ptc-filter-level-theater,h4.sc-ptc-filter-level-theater,h5.sc-ptc-filter-level-theater,h6.sc-ptc-filter-level-theater,p.sc-ptc-filter-level-theater,ul.sc-ptc-filter-level-theater,li.sc-ptc-filter-level-theater,ptc-subnav.sc-ptc-filter-level-theater,ptc-tab-list.sc-ptc-filter-level-theater,ptc-link.sc-ptc-filter-level-theater,ptc-square-card.sc-ptc-filter-level-theater{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}}.ptc-container.sc-ptc-filter-level-theater{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container.sc-ptc-filter-level-theater{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container.sc-ptc-filter-level-theater{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg.sc-ptc-filter-level-theater{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg.sc-ptc-filter-level-theater{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid.sc-ptc-filter-level-theater{width:100%}a.sc-ptc-filter-level-theater{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a.sc-ptc-filter-level-theater:visited{color:var(--color-blue-10)}a.sc-ptc-filter-level-theater:active,a.sc-ptc-filter-level-theater:visited:active{color:var(--color-blue-09)}a.sc-ptc-filter-level-theater:hover,a.sc-ptc-filter-level-theater:visited:hover{color:var(--color-blue-08)}a.disabled.sc-ptc-filter-level-theater{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater{color:var(--color-blue-04)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited{color:var(--color-blue-06)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:active,.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:active,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:active,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:active,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:active,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:active,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:active,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:active,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:active,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:active,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:active,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:active{color:var(--color-blue-07)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:hover,.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:hover,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:hover,.light-links.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:hover,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:hover,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:hover,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:hover,.background-grey-10.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:hover,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:hover,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).sc-ptc-filter-level-theater:visited:hover,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:hover,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.sc-ptc-filter-level-theater:visited:hover{color:var(--color-blue-05)}.light-links.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).disabled.sc-ptc-filter-level-theater,.light-links.sc-ptc-filter-level-theater a.light-link.disabled.sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).disabled.sc-ptc-filter-level-theater,.background-grey-10.sc-ptc-filter-level-theater a.light-link.disabled.sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.sc-ptc-filter-level-theater:not(.hero-footer-form-wrapper a.sc-ptc-filter-level-theater,ptc-modal.sc-ptc-filter-level-theater inline-form.sc-ptc-filter-level-theater a).disabled.sc-ptc-filter-level-theater,.background-plm-grey.sc-ptc-filter-level-theater a.light-link.disabled.sc-ptc-filter-level-theater{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link.sc-ptc-filter-level-theater{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)}.ptc-link.sc-ptc-filter-level-theater:hover{color:var(--color-green-06)}.ptc-link.sc-ptc-filter-level-theater:visited{color:var(--color-gray-10)}.ptc-link.sc-ptc-filter-level-theater:active,.ptc-link.sc-ptc-filter-level-theater:visited:active{color:var(--color-green-06)}.ptc-link.sc-ptc-filter-level-theater:hover,.ptc-link.sc-ptc-filter-level-theater:visited:hover{color:var(--color-green-06)}.ptc-link-dark.sc-ptc-filter-level-theater{color:var(--color-white);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)}.ptc-link-dark.sc-ptc-filter-level-theater:hover{color:var(--color-green-06)}.ptc-link-dark.sc-ptc-filter-level-theater:visited{color:var(--color-white)}.ptc-link-dark.sc-ptc-filter-level-theater:active,.ptc-link-dark.sc-ptc-filter-level-theater:visited:active{color:var(--color-green-06)}.ptc-link-dark.sc-ptc-filter-level-theater:hover,.ptc-link-dark.sc-ptc-filter-level-theater:visited:hover{color:var(--color-green-06)}.sc-ptc-filter-level-theater-h{display:block;position:relative;background-color:var(--color-gray-12);color:var(--color-white);box-sizing:border-box}.sc-ptc-filter-level-theater-h .filter-section.sc-ptc-filter-level-theater{max-width:400px}@media only screen and (min-width: 992px){.sc-ptc-filter-level-theater-h .filter-section.sc-ptc-filter-level-theater{max-width:600px}}.sc-ptc-filter-level-theater-h .filter-section.sc-ptc-filter-level-theater ptc-product-dropdown.sc-ptc-filter-level-theater{color:var(--color-gray-10)}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;overflow-x:hidden}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater .flt-bg-img.sc-ptc-filter-level-theater{width:100%;height:100%;display:none;position:absolute;right:-100%;animation:slide 0.5s forwards;animation-delay:2s}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater .flt-bg-img.active-tab.sc-ptc-filter-level-theater{display:block;animation:slide 0.5s forwards;animation-delay:0.1s}@-webkit-keyframes slide{100%{right:0}}@keyframes slide{100%{right:0}}.sc-ptc-filter-level-theater-h .flt-bg-image-wrapper.sc-ptc-filter-level-theater .bg-img-overlay.sc-ptc-filter-level-theater{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(40, 47, 53, 0.7)}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater{padding-top:44px;padding-bottom:44px;position:relative}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .filter-section.sc-ptc-filter-level-theater{padding-bottom:36px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater{width:100%}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater{display:flex;justify-content:space-between}}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater{order:1;max-width:700px;padding-right:24px}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.sc-ptc-filter-level-theater{display:none}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.sc-ptc-filter-level-theater p.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.sc-ptc-filter-level-theater ul.sc-ptc-filter-level-theater li.sc-ptc-filter-level-theater{font-size:18px;line-height:1.5;color:var(--color-white)}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-content-wrap.sc-ptc-filter-level-theater .flt-content.active-tab.sc-ptc-filter-level-theater{display:block}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater{margin-bottom:32px}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater{order:2;max-width:304px;margin-bottom:0}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater{min-width:223px;display:flex;overflow-x:auto;align-items:center;padding-bottom:24px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater::-webkit-scrollbar{height:3px;border-radius:4px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater::-webkit-scrollbar-track{background-color:#3E4A52;border-radius:4px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater::-webkit-scrollbar-thumb{background-color:#819099;border-radius:4px}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater{display:block;overflow-x:hidden;padding-bottom:0}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater ptc-button.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater{max-width:304px;min-width:223px;margin-right:24px;margin-bottom:0}@media only screen and (min-width: 768px){.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater ptc-button.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater{min-width:auto;margin-bottom:24px;margin-right:0}}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater{border-radius:4px;box-sizing:border-box;border:2px solid #33A13C;padding:16px 24px;background-color:#323B42;cursor:pointer}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.active-box.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .tab-box.sc-ptc-filter-level-theater:hover{border-color:#C37729;background-color:#20262A}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater ptc-button.sc-ptc-filter-level-theater{width:100%;display:block}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater{border-radius:4px;padding:12px;text-align:center;background:#BEC6CA;box-sizing:border-box}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater ptc-social-share.sc-ptc-filter-level-theater{margin-right:24px}.sc-ptc-filter-level-theater-h .flt-wrapper.sc-ptc-filter-level-theater .content-tab-wrapper.sc-ptc-filter-level-theater .flt-tab-wrapper.sc-ptc-filter-level-theater .tab-list.sc-ptc-filter-level-theater .flt-social-icon-list.sc-ptc-filter-level-theater ptc-social-share.sc-ptc-filter-level-theater:last-child{margin-right:0}.sc-ptc-filter-level-theater-h ptc-theater-video-playlist.sc-ptc-filter-level-theater{padding-top:26px;clear:both}.sc-ptc-filter-level-theater-h ptc-theater-video-playlist.sc-ptc-filter-level-theater ptc-theater-video.sc-ptc-filter-level-theater{margin-right:32px;display:inline-block;margin-bottom:28px}@media only screen and (min-width: 1200px){.sc-ptc-filter-level-theater-h ptc-theater-video-playlist.sc-ptc-filter-level-theater ptc-theater-video.sc-ptc-filter-level-theater{margin-right:40px}}.sc-ptc-filter-level-theater-h p.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ul.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h li.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ptc-title.sc-ptc-filter-level-theater .sc-ptc-title.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h span.sc-ptc-filter-level-theater{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){.sc-ptc-filter-level-theater-h p.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ul.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h li.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h ptc-title.sc-ptc-filter-level-theater .sc-ptc-title.sc-ptc-filter-level-theater,.sc-ptc-filter-level-theater-h span.sc-ptc-filter-level-theater{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}}a.sc-ptc-filter-level-theater{font-family:\"Raleway\", sans-serif;font-style:normal;text-decoration-line:underline;color:#197BC0;transition:color 250ms cubic-bezier(0, 0, 0.58, 1);font-weight:700}a.sc-ptc-filter-level-theater:visited{color:#0D3E62}a.sc-ptc-filter-level-theater:active,a.sc-ptc-filter-level-theater:visited:active{color:#104E7B}a.sc-ptc-filter-level-theater:hover,a.sc-ptc-filter-level-theater:visited:hover{color:#14629A}a.disabled.sc-ptc-filter-level-theater{color:#AEB8BD !important;cursor:not-allowed}";
 
 const PtcFilterLevelTheater = class {
   constructor(hostRef) {

package/dist/cjs/ptc-filter-tag.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4b85b38a.js');
 
-const ptcFilterTagCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}}.ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}";
+const ptcFilterTagCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{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{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;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}}.ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}";
 
 const PtcFilterTag = class {
   constructor(hostRef) {