@ptcwebops/ptcw-design 3.1.7 → 3.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +11 -2
  2. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  3. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +7 -0
  4. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +10 -1
  5. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +5 -0
  6. package/dist/custom-elements/index.js +12 -3
  7. package/dist/esm/ptc-filter-dropdown_4.entry.js +11 -2
  8. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  9. package/dist/ptcw-design/{p-e0b63e3d.entry.js → p-886999a8.entry.js} +1 -1
  10. package/dist/ptcw-design/p-ac566e05.entry.js +1 -0
  11. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  12. package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +2 -0
  13. package/package.json +1 -1
  14. package/readme.md +1 -1
  15. package/dist/ptcw-design/p-744b640e.entry.js +0 -1
package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-cd9a1b1a.js');
6
6
 
7
- const ptcFilterDropdownCss = ":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 .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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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}";
7
+ const ptcFilterDropdownCss = ":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}: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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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}";
8
8
 
9
9
  const PtcFilterDropdown = class {
10
10
  constructor(hostRef) {
@@ -16,6 +16,9 @@ const PtcFilterDropdown = class {
16
16
  this.selectedTag = undefined;
17
17
  this.isOpen = false;
18
18
  }
19
+ componentDidLoad() {
20
+ this.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector('.dropdown-placeholder .dropdown-filter-name');
21
+ }
19
22
  parseOptions() {
20
23
  let options = Array.from(this.hostElement.querySelectorAll('span'));
21
24
  if (options) {
@@ -39,6 +42,9 @@ const PtcFilterDropdown = class {
39
42
  }
40
43
  });
41
44
  //this.emitSelectedOptions();
45
+ if (this.dropdownPlaceholder) {
46
+ this.dropdownPlaceholder.textContent = this.placeholder;
47
+ }
42
48
  }
43
49
  emitSelectedOptions() {
44
50
  // debugger
@@ -57,12 +63,15 @@ const PtcFilterDropdown = class {
57
63
  selectedOptions: this.selectedOptions,
58
64
  });
59
65
  this.toggleDropdown();
66
+ if (this.dropdownPlaceholder) {
67
+ this.dropdownPlaceholder.textContent = this.selectedOptions[0].value;
68
+ }
60
69
  }
61
70
  componentWillRender() {
62
71
  this.parseOptions();
63
72
  }
64
73
  render() {
65
- 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: "), 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(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), index.h("div", { class: "hidden" }, index.h("slot", null))));
74
+ 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(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), index.h("div", { class: "hidden" }, index.h("slot", null))));
66
75
  }
67
76
  get hostElement() { return index.getElement(this); }
68
77
  };
package/dist/cjs/ptc-filter-level-theater.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-cd9a1b1a.js');
6
6
 
7
- const ptcFilterLevelTheaterCss = ".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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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}.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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}";
7
+ const ptcFilterLevelTheaterCss = ".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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}";
8
8
 
9
9
  const PtcFilterLevelTheater = class {
10
10
  constructor(hostRef) {
package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css CHANGED
@@ -22,6 +22,13 @@
22
22
  min-height: 34px;
23
23
  border-radius: 4px;
24
24
  }
25
+ :host .dropdown .dropdown-toggle .dropdown-placeholder {
26
+ display: flex;
27
+ }
28
+ :host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name {
29
+ padding-left: 10px;
30
+ padding-right: 5px;
31
+ }
25
32
  :host .dropdown .caret {
26
33
  display: inline-block;
27
34
  vertical-align: middle;
package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js CHANGED
@@ -7,6 +7,9 @@ export class PtcFilterDropdown {
7
7
  this.selectedTag = undefined;
8
8
  this.isOpen = false;
9
9
  }
10
+ componentDidLoad() {
11
+ this.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector('.dropdown-placeholder .dropdown-filter-name');
12
+ }
10
13
  parseOptions() {
11
14
  let options = Array.from(this.hostElement.querySelectorAll('span'));
12
15
  if (options) {
@@ -30,6 +33,9 @@ export class PtcFilterDropdown {
30
33
  }
31
34
  });
32
35
  //this.emitSelectedOptions();
36
+ if (this.dropdownPlaceholder) {
37
+ this.dropdownPlaceholder.textContent = this.placeholder;
38
+ }
33
39
  }
34
40
  emitSelectedOptions() {
35
41
  // debugger
@@ -48,12 +54,15 @@ export class PtcFilterDropdown {
48
54
  selectedOptions: this.selectedOptions,
49
55
  });
50
56
  this.toggleDropdown();
57
+ if (this.dropdownPlaceholder) {
58
+ this.dropdownPlaceholder.textContent = this.selectedOptions[0].value;
59
+ }
51
60
  }
52
61
  componentWillRender() {
53
62
  this.parseOptions();
54
63
  }
55
64
  render() {
56
- return (h(Host, null, h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h("span", { class: "dropdown-placeholder" }, h("strong", null, "Filter: "), this.placeholder), h("span", { class: "caret" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, h("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, 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))))), h("div", { class: "filter-btns" }, h("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), h("div", { class: "hidden" }, h("slot", null))));
65
+ return (h(Host, null, h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h("span", { class: "dropdown-placeholder" }, h("strong", null, "Filter: "), h("span", { class: "dropdown-filter-name" }, this.placeholder)), h("span", { class: "caret" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, h("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, 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))))), h("div", { class: "filter-btns" }, h("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), h("div", { class: "hidden" }, h("slot", null))));
57
66
  }
58
67
  static get is() { return "ptc-filter-dropdown"; }
59
68
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css CHANGED
@@ -146,6 +146,11 @@ a.disabled {
146
146
  :host .filter-section {
147
147
  max-width: 400px;
148
148
  }
149
+ @media only screen and (min-width: 992px) {
150
+ :host .filter-section {
151
+ max-width: 600px;
152
+ }
153
+ }
149
154
  :host .filter-section ptc-product-dropdown {
150
155
  color: var(--color-gray-10);
151
156
  }
package/dist/custom-elements/index.js CHANGED
@@ -9018,7 +9018,7 @@ const PtcFeaturedList$1 = class extends HTMLElement$1 {
9018
9018
  static get style() { return ptcFeaturedListCss; }
9019
9019
  };
9020
9020
 
9021
- const ptcFilterDropdownCss = ":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 .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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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}";
9021
+ const ptcFilterDropdownCss = ":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}: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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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}";
9022
9022
 
9023
9023
  const PtcFilterDropdown$1 = class extends HTMLElement$1 {
9024
9024
  constructor() {
@@ -9032,6 +9032,9 @@ const PtcFilterDropdown$1 = class extends HTMLElement$1 {
9032
9032
  this.selectedTag = undefined;
9033
9033
  this.isOpen = false;
9034
9034
  }
9035
+ componentDidLoad() {
9036
+ this.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector('.dropdown-placeholder .dropdown-filter-name');
9037
+ }
9035
9038
  parseOptions() {
9036
9039
  let options = Array.from(this.hostElement.querySelectorAll('span'));
9037
9040
  if (options) {
@@ -9055,6 +9058,9 @@ const PtcFilterDropdown$1 = class extends HTMLElement$1 {
9055
9058
  }
9056
9059
  });
9057
9060
  //this.emitSelectedOptions();
9061
+ if (this.dropdownPlaceholder) {
9062
+ this.dropdownPlaceholder.textContent = this.placeholder;
9063
+ }
9058
9064
  }
9059
9065
  emitSelectedOptions() {
9060
9066
  // debugger
@@ -9073,18 +9079,21 @@ const PtcFilterDropdown$1 = class extends HTMLElement$1 {
9073
9079
  selectedOptions: this.selectedOptions,
9074
9080
  });
9075
9081
  this.toggleDropdown();
9082
+ if (this.dropdownPlaceholder) {
9083
+ this.dropdownPlaceholder.textContent = this.selectedOptions[0].value;
9084
+ }
9076
9085
  }
9077
9086
  componentWillRender() {
9078
9087
  this.parseOptions();
9079
9088
  }
9080
9089
  render() {
9081
- return (h$1(Host, null, h$1("div", { class: "dropdown" }, h$1("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h$1("span", { class: "dropdown-placeholder" }, h$1("strong", null, "Filter: "), this.placeholder), h$1("span", { class: "caret" }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h$1("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h$1("div", { class: "dropdown-menu" }, h$1("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h$1("li", { key: option.tabId }, h$1("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, h$1("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))))), h$1("div", { class: "filter-btns" }, h$1("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), h$1("div", { class: "hidden" }, h$1("slot", null))));
9090
+ return (h$1(Host, null, h$1("div", { class: "dropdown" }, h$1("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h$1("span", { class: "dropdown-placeholder" }, h$1("strong", null, "Filter: "), h$1("span", { class: "dropdown-filter-name" }, this.placeholder)), h$1("span", { class: "caret" }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h$1("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h$1("div", { class: "dropdown-menu" }, h$1("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h$1("li", { key: option.tabId }, h$1("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, h$1("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))))), h$1("div", { class: "filter-btns" }, h$1("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), h$1("div", { class: "hidden" }, h$1("slot", null))));
9082
9091
  }
9083
9092
  get hostElement() { return this; }
9084
9093
  static get style() { return ptcFilterDropdownCss; }
9085
9094
  };
9086
9095
 
9087
- const ptcFilterLevelTheaterCss = ".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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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}.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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}";
9096
+ const ptcFilterLevelTheaterCss = ".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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}";
9088
9097
 
9089
9098
  const PtcFilterLevelTheater$1 = class extends HTMLElement$1 {
9090
9099
  constructor() {
package/dist/esm/ptc-filter-dropdown_4.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-62587d0b.js';
2
2
 
3
- const ptcFilterDropdownCss = ":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 .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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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}";
3
+ const ptcFilterDropdownCss = ":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}: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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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}";
4
4
 
5
5
  const PtcFilterDropdown = class {
6
6
  constructor(hostRef) {
@@ -12,6 +12,9 @@ const PtcFilterDropdown = class {
12
12
  this.selectedTag = undefined;
13
13
  this.isOpen = false;
14
14
  }
15
+ componentDidLoad() {
16
+ this.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector('.dropdown-placeholder .dropdown-filter-name');
17
+ }
15
18
  parseOptions() {
16
19
  let options = Array.from(this.hostElement.querySelectorAll('span'));
17
20
  if (options) {
@@ -35,6 +38,9 @@ const PtcFilterDropdown = class {
35
38
  }
36
39
  });
37
40
  //this.emitSelectedOptions();
41
+ if (this.dropdownPlaceholder) {
42
+ this.dropdownPlaceholder.textContent = this.placeholder;
43
+ }
38
44
  }
39
45
  emitSelectedOptions() {
40
46
  // debugger
@@ -53,12 +59,15 @@ const PtcFilterDropdown = class {
53
59
  selectedOptions: this.selectedOptions,
54
60
  });
55
61
  this.toggleDropdown();
62
+ if (this.dropdownPlaceholder) {
63
+ this.dropdownPlaceholder.textContent = this.selectedOptions[0].value;
64
+ }
56
65
  }
57
66
  componentWillRender() {
58
67
  this.parseOptions();
59
68
  }
60
69
  render() {
61
- return (h(Host, null, h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h("span", { class: "dropdown-placeholder" }, h("strong", null, "Filter: "), this.placeholder), h("span", { class: "caret" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, h("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, 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))))), h("div", { class: "filter-btns" }, h("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), h("div", { class: "hidden" }, h("slot", null))));
70
+ return (h(Host, null, h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h("span", { class: "dropdown-placeholder" }, h("strong", null, "Filter: "), h("span", { class: "dropdown-filter-name" }, this.placeholder)), h("span", { class: "caret" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, h("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, 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))))), h("div", { class: "filter-btns" }, h("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), h("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), h("div", { class: "hidden" }, h("slot", null))));
62
71
  }
63
72
  get hostElement() { return getElement(this); }
64
73
  };
package/dist/esm/ptc-filter-level-theater.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-62587d0b.js';
2
2
 
3
- const ptcFilterLevelTheaterCss = ".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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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}.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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}";
3
+ const ptcFilterLevelTheaterCss = ".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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}";
4
4
 
5
5
  const PtcFilterLevelTheater = class {
6
6
  constructor(hostRef) {
package/dist/ptcw-design/{p-e0b63e3d.entry.js → p-886999a8.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as e,c as t,h as l,H as r,g as i}from"./p-00a1336a.js";const a=class{constructor(l){e(this,l),this.filterCliked=t(this,"filterCliked",7),this.selectedTab=1,this.lastSelectedTab=1,this.lastSelectedTabGroup=void 0,this.selectedTabGroup="landing-tab",this.enableFilters=void 0}selectTab(e,t){this.lastSelectedTab=this.selectedTab,this.lastSelectedTabGroup=this.selectedTabGroup,this.selectedTab=e,this.selectedTabGroup=t}componentDidLoad(){const e=this.hostEle.querySelector("ptc-filter-dropdown");if(e){let t=this;e.addEventListener("selectedFilterValues",(e=>{t.handleSelectedFilterValues(e)}))}}handleSelectedFilterValues(e){const{sender:t,selectedOptions:l}=e.detail;if(t)if(l.length>0){const e=parseInt(l[0].tabId);this.selectTab(e,"filter-tabs"),this.filterCliked.emit({sender:this,"selected-tag":l[0].tagName})}else this.lastSelectedTab=0,this.lastSelectedTabGroup="landing-tab",this.selectTab(this.lastSelectedTab,this.lastSelectedTabGroup),this.filterCliked.emit({sender:this,"selected-tag":"reset"})}render(){return l(r,null,this.renderBackgroundImage(),l("div",{class:"ptc-container flt-wrapper"},this.renderFilterSection(),l("div",{class:"content-tab-wrapper"},l("div",{class:"flt-tab-wrapper"},l("div",{class:"tab-list"},l("div",{class:{"tab-box":!0,"active-box":1===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(1,"side-tabs")},"Manufacturing excellence through insight"),l("div",{class:{"tab-box":!0,"active-box":2===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(2,"side-tabs")},"Deliver transformational impact"),l("div",{class:{"tab-box":!0,"active-box":3===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(3,"side-tabs")},"Aligning to your business strategy"),l("div",{class:{"tab-box":!0,"active-box":4===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(4,"side-tabs")},"Prove and scale value"),l("ptc-button",{type:"button",color:"ptc-quaternary","link-href":"#form-section","text-align":"center",styles:"a{display:block}"},"Get Started"),this.renderSocialMediaIcon())),l("div",{class:"flt-content-wrap"},l("div",{class:{"flt-content":!0,"landing-slide":!0,"active-tab":1===this.selectedTab&&"landing-tab"===this.selectedTabGroup}},l("ptc-title",{type:"h1",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"ThingWorx Digital Performance Management Title DPM Main Item Rechtsschutzversicherungsgesellschaften"),l("p",null,"What could you do with more production time? Drive revenue? Reduce costs?"),l("p",null,"Description Tab Item Rechtsschutzversicherungsgesellschaften ",l("a",{href:"/en/"},"internal link"),", ",l("a",{href:"http://www.google.com"},"External Link"),", ",l("a",{href:"/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design"},"slug url"),", ",l("strong",null,"bold"),", ",l("em",null,"italics")),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."),l("p",null,"We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."),l("p",null,"Key Features:"),l("ul",null,l("li",null,"Real-time Production Dashboard"),l("li",null,"Bottleneck Analytics"),l("li",null,"Action Tracker"),l("li",null,"Scorecard")),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"}))),l("div",{class:{"flt-content":!0,"active-tab":1===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Accelerate operational impact and sustain excellence"),l("p",null,"What if you could use your existing data to improve performance throughput by up to 20%? Depending on your business, this might drive your site capacity by up to 50%—which you could use to increase revenue or reduce operating costs. You might also reinvest that capacity to further drive flexibility or focus on additional continuous improvement."),l("p",null,"Digital Performance Management provides manufacturers with the solution for closed-loop operational excellence. It can help your team realize the promise of Industry 4.0 to deliver true transformational impact, and enable you to identify and resolve manufacturing constraints more rapidly—all to rapidly advance your productivity."),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"vtag-name":"manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Accelerate Operational Impact and Sustain Excellence","card-number":0,"video-id":"6275116780001","card-description":'Description DPM Main Item Rechtsschutzversicherungsgesellschaften <a href="/en/">internal link</a>, <a href="http://www.google.com">External Link</a>, <a href="/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design">slug url</a>, <strong>bold</strong>, <em>italics</em>'},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Accelerate Operational Impact and Sustain Excellence"),l("ptc-spacer",null),l("p",{class:"dpm-v-p"},"Since the beginning of manufacturing, companies have pursued world-class performance through continuous improvement. Digital is the paradigm shift that offers a huge new advantage."),l("p",null,"Manufacturing environments are extraordinarily complex with a multitude of variables and disparate data sources. There are functionally siloed people, shared and dedicated processes, and multiple products—and they all need to be harmoniously synchronized to effectively problem solve."),l("p",null,"These challenges often mean that thousands of variables are managed through inefficient, incomplete, and—unfortunately—out-of-date reporting efforts."),l("p",null,"These realities make world class performance difficult to attain. While best in class factories can operate at 85% ",l("a",{href:"/en/solutions/improving-efficiency/increasing-asset-efficiency/capacity-utilization",tabindex:"0"},"capacity utilization"),", or ",l("a",{href:"/en/solutions/digital-manufacturing/overall-equipment-effectiveness",tabindex:"0"},"OEE (overall equipment effectiveness)"),", most companies still fall short of this performance level. Instead, they operate closer to an average of 40–60% OEE."),l("h3",{class:"dpm-v-h3"},"Digital Performance Management provides manufacturers with an industry solution for closed-loop operational excellence. "),l("ul",{class:"dpm-v-ul"},l("li",null,"Achieve true transformational impact by capturing and sustaining double-digit efficiency improvements at scale. "),l("li",null,"Identify and resolve manufacturing constraints more rapidly, understanding the dynamics between bottlenecks and the prioritized order of bottlenecks to address. "))),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg","card-title":"Introduction to Digital Performance Management","card-number":1,"video-id":"6275114763001","card-description":"Identify, prioritize, and resolve the biggest bottlenecks that constrain manufacturing productivity."},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Introduction to Digital Performance Management"),l("ptc-spacer",null),l("p",{class:"dpm-v-p"},"Digital Performance Management replaces out-of-date, siloed reporting tools with a closed-loop solution that drives operational excellence, by helping to identify, prioritize, and solve the biggest issues that constrain production efficiency. The solution systematically identifies bottlenecks and prioritizes actions for improvement. It collects and normalizes production data to a standard metric: time lost. This helps customers engage every level of the organization to help solve problems and regain lost hours of production."),l("p",null,"The solution creates a closed-loop cycle that manufacturers can use to monitor current performance, prioritize areas to improve production, analyze production losses to determine root cause loss reasons, improve performance with prescriptive, targeted actions, and confirm performance levels within and across facilities."),l("p",null,"For the first time, Digital Performance Management links frontline, operational data to bottom line financial impact."),l("h3",{class:"dpm-v-h3"},"Digital Performance Management closed loop approach to operational excellence"),l("ul",{class:"dpm-v-ul"},l("ul",null,l("li",null,"Prioritize production improvement with Bottleneck Analysis"),l("li",null,"Analyze production losses with Performance Analysis"),l("li",null,"Track performance improvements with Action Tracker"),l("li",null,"View site-level performance and compare across similar manufacturing sites with Scorecard"),l("li",null,"Monitor current performance with Production Dashboard")))))),l("div",{class:{"flt-content":!0,"active-tab":2===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"}," Deliver transformational impact ThingWorx Digital Performance Management"),l("p",null,"What could you do with?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."),l("p",null,"We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"vtag-name":"manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew5.jpg","card-title":"Title Video Item Rechtsschutzversicherungsgesellschaften","card-number":0,"video-id":"6275116783001","card-description":"Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Deliver transformational impact ThingWorx Digital Drive improvement from the ground up to engage the full organization"),l("ptc-spacer",null),l("p",null,"As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"),l("p",null,"How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times—or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."),l("p",null,"A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."),l("p",null,"PTC’s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC’s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "),l("h3",{class:"dpm-v-h3"},"Operationally, these improvements are driven by reductions in: "),l("ul",{class:"dpm-v-ul"},l("li",null,"Planned and unplanned downtime "),l("li",null,"Changeover time "),l("li",null,"Speed losses based on best demonstrated speeds by SKU "),l("li",null,"Small stops or micro stops "),l("li",null,"Scrap losses "))),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew3.jpg","card-title":"Deliver transformational impact ThingWorx Digital PTC 2 ","card-number":1,"video-id":"6275111939001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null," Deliver transformational impact ThingWorx Digitaltest 2",l("a",{href:"#"}," link test 2")," Some test content")),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/imagebc.jpg","card-title":"Deliver transformational impact ThingWorx Digital PTC 3","card-number":2,"video-id":"6275114998001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"Deliver transformational impact ThingWorx Digital test 3",l("a",{href:"#"}," link test 3")," Some test content")))),l("div",{class:{"flt-content":!0,"active-tab":3===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Aligning to your business strategy ThingWorx Digital Performance Management"),l("p",null,"Drive revenue? Reduce costs?"),l("p",null,"We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."),l("p",null,"Key Features:"),l("ul",null,l("li",null,"Real-time Production Dashboard"),l("li",null,"Bottleneck Analytics"),l("li",null,"Action Tracker"),l("li",null,"Scorecard")),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"vtag-name":"manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Test Why Digital Performance Management from PTC 1","card-number":0,"video-id":"6275116780001","card-description":"Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Drive improvement from the ground up to engage the full organization"),l("ptc-spacer",null),l("p",null,"As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"),l("p",null,"How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times—or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."),l("p",null,"A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."),l("p",null,"PTC’s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC’s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "),l("h3",{class:"dpm-v-h3"},"Operationally, these improvements are driven by reductions in: "),l("ul",{class:"dpm-v-ul"},l("li",null,"Planned and unplanned downtime "),l("li",null,"Changeover time "),l("li",null,"Speed losses based on best demonstrated speeds by SKU "),l("li",null,"Small stops or micro stops "),l("li",null,"Scrap losses "))),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Why Digital Performance Management from PTC 2 ","card-number":1,"video-id":"6275114763001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"test 2",l("a",{href:"#"}," link test 2")," Some test content")),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Why Digital Performance Management from PTC 3","card-number":2,"video-id":"6275114998001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"test 3",l("a",{href:"#"}," link test 3")," Some test content")),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag, manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Why Digital Performance Management from PTC 2 ","card-number":3,"video-id":"6275114763001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"test 2",l("a",{href:"#"}," link test 2")," Some test content")))),l("div",{class:{"flt-content":!0,"active-tab":4===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"}," Prove and scale value ThingWorx Digital Performance Management"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."),l("p",null,"Key Features:"),l("ul",null,l("li",null,"Real-time Production Dashboard"),l("li",null,"Bottleneck Analytics"))),l("div",{class:{"flt-content":!0,"active-tab":1===this.selectedTab&&"filter-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Landing slide from filter option"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"}))),l("div",{class:{"flt-content":!0,"active-tab":2===this.selectedTab&&"filter-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Landing slide from filter option 2"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"}))),l("div",{class:{"flt-content":!0,"active-tab":3===this.selectedTab&&"filter-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Landing slide from filter option 3"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"})))))))}renderFilterSection(){if(this.enableFilters)return l("div",{class:"filter-section"},l("ptc-filter-dropdown",{placeholder:"Job Title"},l("span",{"tab-id":"1","tag-name":"leader-tag"},"Continuous Improvement Leader"),l("span",{"tab-id":"2","tag-name":"manager-tag"},"Plant Manager"),l("span",{"tab-id":"3","tag-name":"vp-tag"},"VP of Global Manufacturing")))}renderBackgroundImage(){return l("div",{class:"flt-bg-image-wrapper"},l("div",{class:{"flt-bg-img":!0,"active-tab":1===this.selectedTab&&"landing-tab"===this.selectedTabGroup||"filter-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/dpm/slts-digital-performance-management-manufacturing-automation-factory-machines.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":1===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-manufacturing-excellence-through-insight-diversity-machine-efficiency-industrial-machinery.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":2===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-robot-arm-business-strategy-machine-efficiency-industrial-machinery.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":3===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-deliver-transformational-impact-diversity-machine-efficiency-industrial-machinery.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":4===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-scaling-value-machine-efficiency-industrial-machinery-diversity-female.jpg"})),l("div",{class:"bg-img-overlay"}))}renderSocialMediaIcon(){return l("div",{class:"flt-social-icon-list"},l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"facebook",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"twitter",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"linkedin",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"mail",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}))}get hostEle(){return i(this)}};a.style='.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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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}.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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}';export{a as ptc_filter_level_theater}
1
+ import{r as e,c as t,h as l,H as r,g as i}from"./p-00a1336a.js";const a=class{constructor(l){e(this,l),this.filterCliked=t(this,"filterCliked",7),this.selectedTab=1,this.lastSelectedTab=1,this.lastSelectedTabGroup=void 0,this.selectedTabGroup="landing-tab",this.enableFilters=void 0}selectTab(e,t){this.lastSelectedTab=this.selectedTab,this.lastSelectedTabGroup=this.selectedTabGroup,this.selectedTab=e,this.selectedTabGroup=t}componentDidLoad(){const e=this.hostEle.querySelector("ptc-filter-dropdown");if(e){let t=this;e.addEventListener("selectedFilterValues",(e=>{t.handleSelectedFilterValues(e)}))}}handleSelectedFilterValues(e){const{sender:t,selectedOptions:l}=e.detail;if(t)if(l.length>0){const e=parseInt(l[0].tabId);this.selectTab(e,"filter-tabs"),this.filterCliked.emit({sender:this,"selected-tag":l[0].tagName})}else this.lastSelectedTab=0,this.lastSelectedTabGroup="landing-tab",this.selectTab(this.lastSelectedTab,this.lastSelectedTabGroup),this.filterCliked.emit({sender:this,"selected-tag":"reset"})}render(){return l(r,null,this.renderBackgroundImage(),l("div",{class:"ptc-container flt-wrapper"},this.renderFilterSection(),l("div",{class:"content-tab-wrapper"},l("div",{class:"flt-tab-wrapper"},l("div",{class:"tab-list"},l("div",{class:{"tab-box":!0,"active-box":1===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(1,"side-tabs")},"Manufacturing excellence through insight"),l("div",{class:{"tab-box":!0,"active-box":2===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(2,"side-tabs")},"Deliver transformational impact"),l("div",{class:{"tab-box":!0,"active-box":3===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(3,"side-tabs")},"Aligning to your business strategy"),l("div",{class:{"tab-box":!0,"active-box":4===this.selectedTab&&"side-tabs"===this.selectedTabGroup},onClick:()=>this.selectTab(4,"side-tabs")},"Prove and scale value"),l("ptc-button",{type:"button",color:"ptc-quaternary","link-href":"#form-section","text-align":"center",styles:"a{display:block}"},"Get Started"),this.renderSocialMediaIcon())),l("div",{class:"flt-content-wrap"},l("div",{class:{"flt-content":!0,"landing-slide":!0,"active-tab":1===this.selectedTab&&"landing-tab"===this.selectedTabGroup}},l("ptc-title",{type:"h1",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"ThingWorx Digital Performance Management Title DPM Main Item Rechtsschutzversicherungsgesellschaften"),l("p",null,"What could you do with more production time? Drive revenue? Reduce costs?"),l("p",null,"Description Tab Item Rechtsschutzversicherungsgesellschaften ",l("a",{href:"/en/"},"internal link"),", ",l("a",{href:"http://www.google.com"},"External Link"),", ",l("a",{href:"/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design"},"slug url"),", ",l("strong",null,"bold"),", ",l("em",null,"italics")),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."),l("p",null,"We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."),l("p",null,"Key Features:"),l("ul",null,l("li",null,"Real-time Production Dashboard"),l("li",null,"Bottleneck Analytics"),l("li",null,"Action Tracker"),l("li",null,"Scorecard")),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"}))),l("div",{class:{"flt-content":!0,"active-tab":1===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Accelerate operational impact and sustain excellence"),l("p",null,"What if you could use your existing data to improve performance throughput by up to 20%? Depending on your business, this might drive your site capacity by up to 50%—which you could use to increase revenue or reduce operating costs. You might also reinvest that capacity to further drive flexibility or focus on additional continuous improvement."),l("p",null,"Digital Performance Management provides manufacturers with the solution for closed-loop operational excellence. It can help your team realize the promise of Industry 4.0 to deliver true transformational impact, and enable you to identify and resolve manufacturing constraints more rapidly—all to rapidly advance your productivity."),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"vtag-name":"manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Accelerate Operational Impact and Sustain Excellence","card-number":0,"video-id":"6275116780001","card-description":'Description DPM Main Item Rechtsschutzversicherungsgesellschaften <a href="/en/">internal link</a>, <a href="http://www.google.com">External Link</a>, <a href="/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design">slug url</a>, <strong>bold</strong>, <em>italics</em>'},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Accelerate Operational Impact and Sustain Excellence"),l("ptc-spacer",null),l("p",{class:"dpm-v-p"},"Since the beginning of manufacturing, companies have pursued world-class performance through continuous improvement. Digital is the paradigm shift that offers a huge new advantage."),l("p",null,"Manufacturing environments are extraordinarily complex with a multitude of variables and disparate data sources. There are functionally siloed people, shared and dedicated processes, and multiple products—and they all need to be harmoniously synchronized to effectively problem solve."),l("p",null,"These challenges often mean that thousands of variables are managed through inefficient, incomplete, and—unfortunately—out-of-date reporting efforts."),l("p",null,"These realities make world class performance difficult to attain. While best in class factories can operate at 85% ",l("a",{href:"/en/solutions/improving-efficiency/increasing-asset-efficiency/capacity-utilization",tabindex:"0"},"capacity utilization"),", or ",l("a",{href:"/en/solutions/digital-manufacturing/overall-equipment-effectiveness",tabindex:"0"},"OEE (overall equipment effectiveness)"),", most companies still fall short of this performance level. Instead, they operate closer to an average of 40–60% OEE."),l("h3",{class:"dpm-v-h3"},"Digital Performance Management provides manufacturers with an industry solution for closed-loop operational excellence. "),l("ul",{class:"dpm-v-ul"},l("li",null,"Achieve true transformational impact by capturing and sustaining double-digit efficiency improvements at scale. "),l("li",null,"Identify and resolve manufacturing constraints more rapidly, understanding the dynamics between bottlenecks and the prioritized order of bottlenecks to address. "))),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg","card-title":"Introduction to Digital Performance Management","card-number":1,"video-id":"6275114763001","card-description":"Identify, prioritize, and resolve the biggest bottlenecks that constrain manufacturing productivity."},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Introduction to Digital Performance Management"),l("ptc-spacer",null),l("p",{class:"dpm-v-p"},"Digital Performance Management replaces out-of-date, siloed reporting tools with a closed-loop solution that drives operational excellence, by helping to identify, prioritize, and solve the biggest issues that constrain production efficiency. The solution systematically identifies bottlenecks and prioritizes actions for improvement. It collects and normalizes production data to a standard metric: time lost. This helps customers engage every level of the organization to help solve problems and regain lost hours of production."),l("p",null,"The solution creates a closed-loop cycle that manufacturers can use to monitor current performance, prioritize areas to improve production, analyze production losses to determine root cause loss reasons, improve performance with prescriptive, targeted actions, and confirm performance levels within and across facilities."),l("p",null,"For the first time, Digital Performance Management links frontline, operational data to bottom line financial impact."),l("h3",{class:"dpm-v-h3"},"Digital Performance Management closed loop approach to operational excellence"),l("ul",{class:"dpm-v-ul"},l("ul",null,l("li",null,"Prioritize production improvement with Bottleneck Analysis"),l("li",null,"Analyze production losses with Performance Analysis"),l("li",null,"Track performance improvements with Action Tracker"),l("li",null,"View site-level performance and compare across similar manufacturing sites with Scorecard"),l("li",null,"Monitor current performance with Production Dashboard")))))),l("div",{class:{"flt-content":!0,"active-tab":2===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"}," Deliver transformational impact ThingWorx Digital Performance Management"),l("p",null,"What could you do with?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."),l("p",null,"We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"vtag-name":"manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew5.jpg","card-title":"Title Video Item Rechtsschutzversicherungsgesellschaften","card-number":0,"video-id":"6275116783001","card-description":"Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Deliver transformational impact ThingWorx Digital Drive improvement from the ground up to engage the full organization"),l("ptc-spacer",null),l("p",null,"As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"),l("p",null,"How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times—or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."),l("p",null,"A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."),l("p",null,"PTC’s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC’s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "),l("h3",{class:"dpm-v-h3"},"Operationally, these improvements are driven by reductions in: "),l("ul",{class:"dpm-v-ul"},l("li",null,"Planned and unplanned downtime "),l("li",null,"Changeover time "),l("li",null,"Speed losses based on best demonstrated speeds by SKU "),l("li",null,"Small stops or micro stops "),l("li",null,"Scrap losses "))),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew3.jpg","card-title":"Deliver transformational impact ThingWorx Digital PTC 2 ","card-number":1,"video-id":"6275111939001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null," Deliver transformational impact ThingWorx Digitaltest 2",l("a",{href:"#"}," link test 2")," Some test content")),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/imagebc.jpg","card-title":"Deliver transformational impact ThingWorx Digital PTC 3","card-number":2,"video-id":"6275114998001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"Deliver transformational impact ThingWorx Digital test 3",l("a",{href:"#"}," link test 3")," Some test content")))),l("div",{class:{"flt-content":!0,"active-tab":3===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Aligning to your business strategy ThingWorx Digital Performance Management"),l("p",null,"Drive revenue? Reduce costs?"),l("p",null,"We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."),l("p",null,"Key Features:"),l("ul",null,l("li",null,"Real-time Production Dashboard"),l("li",null,"Bottleneck Analytics"),l("li",null,"Action Tracker"),l("li",null,"Scorecard")),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"vtag-name":"manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Test Why Digital Performance Management from PTC 1","card-number":0,"video-id":"6275116780001","card-description":"Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("ptc-title",{type:"h3",upperline:"no-upperline","title-color":"white","title-size":"x-large","title-margin":"margin-flush"},"Drive improvement from the ground up to engage the full organization"),l("ptc-spacer",null),l("p",null,"As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"),l("p",null,"How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times—or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."),l("p",null,"A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."),l("p",null,"PTC’s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC’s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "),l("h3",{class:"dpm-v-h3"},"Operationally, these improvements are driven by reductions in: "),l("ul",{class:"dpm-v-ul"},l("li",null,"Planned and unplanned downtime "),l("li",null,"Changeover time "),l("li",null,"Speed losses based on best demonstrated speeds by SKU "),l("li",null,"Small stops or micro stops "),l("li",null,"Scrap losses "))),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Why Digital Performance Management from PTC 2 ","card-number":1,"video-id":"6275114763001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"test 2",l("a",{href:"#"}," link test 2")," Some test content")),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Why Digital Performance Management from PTC 3","card-number":2,"video-id":"6275114998001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"test 3",l("a",{href:"#"}," link test 3")," Some test content")),l("ptc-theater-video",{"vtag-name":"leader-tag, vp-tag, manager-tag","thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-title":"Why Digital Performance Management from PTC 2 ","card-number":3,"video-id":"6275114763001","card-description":"Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation."},l("h3",null,"test 2",l("a",{href:"#"}," link test 2")," Some test content")))),l("div",{class:{"flt-content":!0,"active-tab":4===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"}," Prove and scale value ThingWorx Digital Performance Management"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."),l("p",null,"Key Features:"),l("ul",null,l("li",null,"Real-time Production Dashboard"),l("li",null,"Bottleneck Analytics"))),l("div",{class:{"flt-content":!0,"active-tab":1===this.selectedTab&&"filter-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Landing slide from filter option"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"}))),l("div",{class:{"flt-content":!0,"active-tab":2===this.selectedTab&&"filter-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Landing slide from filter option 2"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"}))),l("div",{class:{"flt-content":!0,"active-tab":3===this.selectedTab&&"filter-tabs"===this.selectedTabGroup}},l("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-color":"white"},"Landing slide from filter option 3"),l("p",null,"What could you do with more production time? Reduce costs?"),l("p",null,"Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"),l("ptc-theater-video-playlist",null,l("ptc-theater-video",{"thumb-img":"https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg","card-number":0,"video-id":"6275116780001","modal-type":"only-video"})))))))}renderFilterSection(){if(this.enableFilters)return l("div",{class:"filter-section"},l("ptc-filter-dropdown",{placeholder:"Job Title"},l("span",{"tab-id":"1","tag-name":"leader-tag"},"Continuous Improvement Leader"),l("span",{"tab-id":"2","tag-name":"manager-tag"},"Plant Manager"),l("span",{"tab-id":"3","tag-name":"vp-tag"},"VP of Global Manufacturing")))}renderBackgroundImage(){return l("div",{class:"flt-bg-image-wrapper"},l("div",{class:{"flt-bg-img":!0,"active-tab":1===this.selectedTab&&"landing-tab"===this.selectedTabGroup||"filter-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/dpm/slts-digital-performance-management-manufacturing-automation-factory-machines.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":1===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-manufacturing-excellence-through-insight-diversity-machine-efficiency-industrial-machinery.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":2===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-robot-arm-business-strategy-machine-efficiency-industrial-machinery.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":3===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-deliver-transformational-impact-diversity-machine-efficiency-industrial-machinery.jpg"})),l("div",{class:{"flt-bg-img":!0,"active-tab":4===this.selectedTab&&"side-tabs"===this.selectedTabGroup}},l("ptc-img",{"image-type":"smart-bg","img-url":"https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-scaling-value-machine-efficiency-industrial-machinery-diversity-female.jpg"})),l("div",{class:"bg-img-overlay"}))}renderSocialMediaIcon(){return l("div",{class:"flt-social-icon-list"},l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"facebook",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"twitter",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"linkedin",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),l("ptc-social-share",{"icon-color":"black","icon-hover-color":"ptc-green",display:"inline-block","share-type":"mail",text:"summary",url:"https://www.ptc.com",title:"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}))}get hostEle(){return i(this)}};a.style='.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-blue-07);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,.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,.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,.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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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).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).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).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;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}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}';export{a as ptc_filter_level_theater}
package/dist/ptcw-design/p-ac566e05.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as e,H as o,g as s}from"./p-00a1336a.js";const r=class{constructor(e){t(this,e),this.selectedFilterValues=i(this,"selectedFilterValues",7),this.internalOptions=[],this.selectedOptions=[],this.placeholder=void 0,this.selectedTag=void 0,this.isOpen=!1}componentDidLoad(){this.dropdownPlaceholder=this.hostElement.shadowRoot.querySelector(".dropdown-placeholder .dropdown-filter-name")}parseOptions(){let t=Array.from(this.hostElement.querySelectorAll("span"));t&&(this.internalOptions=t.map((t=>({tabId:t.getAttribute("tab-id"),value:t.textContent,tagName:t.getAttribute("tag-name")}))))}toggleDropdown(){this.isOpen=!this.isOpen}clearFilter(){this.selectedOptions=[],this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]').forEach((t=>{t instanceof HTMLInputElement&&(t.checked=!1)})),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=this.placeholder)}emitSelectedOptions(){this.selectedOptions=this.internalOptions.filter((t=>null!==this.hostElement.shadowRoot.querySelector(`input[tab-id="${t.tabId}"]:checked`))).map((t=>({tabId:t.tabId,value:t.value,tagName:t.tagName}))),this.selectedFilterValues.emit({sender:this,selectedOptions:this.selectedOptions}),this.toggleDropdown(),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=this.selectedOptions[0].value)}componentWillRender(){this.parseOptions()}render(){return e(o,null,e("div",{class:"dropdown"},e("div",{class:"dropdown-toggle",onClick:()=>this.toggleDropdown()},e("span",{class:"dropdown-placeholder"},e("strong",null,"Filter: "),e("span",{class:"dropdown-filter-name"},this.placeholder)),e("span",{class:"caret"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none"},e("path",{d:"M10.2426 1.24264L6 5.48528L1.75736 1.24264",stroke:"#20262A","stroke-width":"2","stroke-linecap":"round"})))),this.isOpen&&e("div",{class:"dropdown-menu"},e("ul",{class:"filter-list"},this.internalOptions.map((t=>e("li",{key:t.tabId},e("label",{class:"radio-label",htmlFor:t.value.replace(/\s+/g,"")},e("input",{type:"radio",id:t.value.replace(/\s+/g,""),name:"theater-filter",value:t.value,checked:this.selectedOptions.some((i=>i.value===t.value)),"tab-id":t.tabId,"tag-name":t.tagName}),t.value))))),e("div",{class:"filter-btns"},e("span",{class:"clear-btn",onClick:()=>this.clearFilter()},"Clear"),e("ptc-button",{type:"link",color:"ptc-secondary",onClick:()=>this.emitSelectedOptions(),styles:" a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }"},"Apply")))),e("div",{class:"hidden"},e("slot",null)))}get hostElement(){return s(this)}};r.style=':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}: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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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 a=class{constructor(i){t(this,i),this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large"}render(){const t=this.getCssClassMap();return e(o,{class:t},e("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle()},"mail"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-twitter"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?e("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&e("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},e("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}get el(){return s(this)}};a.style=":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 l=class{constructor(e){t(this,e),this.vCardClicked=i(this,"vCardClicked",7),this.cardTitle=void 0,this.cardDescription=void 0,this.thumbImg=void 0,this.cardNumber=void 0,this.videoId=void 0,this.vtagName=void 0,this.modalType="video-with-description"}showCardDetails(){this.vCardClicked.emit({sender:this,cardNumber:this.cardNumber})}render(){return e(o,{"video-id":this.videoId,"vtag-name":this.vtagName,"modal-type":this.modalType},e("div",{class:"img-wrap",onClick:()=>this.showCardDetails()},e("img",{src:this.thumbImg,alt:""}),e("span",{class:"card-number"},this.cardNumber+1),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"56",viewBox:"0 0 54 56",fill:"none"},e("g",{filter:"url(#filter0_d_214_969)"},e("path",{d:"M42 20L12 36V4L42 20Z",fill:"white"})),e("defs",null,e("filter",{id:"filter0_d_214_969",x:"0",y:"0",width:"54",height:"56",filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),e("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"}),e("feOffset",{dy:"8"}),e("feGaussianBlur",{stdDeviation:"6"}),e("feComposite",{in2:"hardAlpha",operator:"out"}),e("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"}),e("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_214_969"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_214_969",result:"shape"}))))),e("h4",{class:"vcard-title"},this.cardTitle),e("div",{class:"hidden description"},e("slot",null)))}get ele(){return s(this)}};l.style=".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 h4.sc-ptc-theater-video{margin:12px 0 0 0;font-size:16px;font-weight:700;color:var(--color-white);word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";const h=class{constructor(i){t(this,i),this.cards=[],this.currentCardIndex=0,this.filteredTagName=void 0,this.cardElements=void 0}componentWillLoad(){this.cardElements=this.host.querySelectorAll("ptc-theater-video")}componentDidLoad(){this.setupCards(),this.sortCards("")}handleFilterClick(t){this.filteredTagName=t.detail["selected-tag"],this.sortCards(this.filteredTagName)}handleVCardClickedEvent(t){console.log(t.detail)}sortCards(t){this.cardElements.forEach((i=>{let e;i.getAttribute("vtag-name")&&(e=i.getAttribute("vtag-name").split(",").map((t=>t.trim())));const o=t.trim();""!==o&&"reset"!==o?e.includes(o)?(i.classList.add("show"),i.classList.remove("hide")):(i.classList.add("hide"),i.classList.remove("show")):(i.classList.add("show"),i.classList.remove("hide"))}))}setupCards(){console.log("Setup called"),this.cardElements.forEach(((t,i)=>{this.cards.push(this.setCardData(t,i)),t.addEventListener("click",(()=>{this.showCardDetails(i)}))}))}updateCardData(t){console.log("updateCard called"),this.cards=[],this.cardElements.forEach(((i,e)=>{const o=i.getAttribute("vtag-name").split(",").map((t=>t.trim()));""!==this.filteredTagName&&"reset"!==this.filteredTagName&&void 0!==this.filteredTagName&&o.includes(this.filteredTagName)?(this.cards.push(this.setCardData(i,e)),i.addEventListener("click",(()=>{this.showCardDetails(t)}))):"reset"===this.filteredTagName&&this.cards.push(this.setCardData(i,e))}))}setCardData(t,i){return{title:t.querySelector(".vcard-title").textContent,cardDescription:t.cardDescription,descriptionModal:t.querySelector(".description").innerHTML,videoId:t.getAttribute("video-id"),vtagName:t.getAttribute("vtag-name"),cardNumber:t.getAttribute("card-number"),index:i,modalType:t.getAttribute("modal-type")}}showCardDetails(t){this.currentCardIndex=t;const i=document.querySelector("ptc-theater-video-modal");i&&i.updateData(this.cards,this.currentCardIndex)}render(){return e("div",{class:"card-list"},e("slot",null))}get host(){return s(this)}};h.style=":host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";export{r as ptc_filter_dropdown,a as ptc_social_share,l as ptc_theater_video,h as ptc_theater_video_playlist}
package/dist/ptcw-design/ptcw-design.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-00a1336a.js";export{s as setNonce}from"./p-00a1336a.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-33db658c",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-ee10e88e",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-7a8726da",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-e0b63e3d",[[2,"ptc-filter-level-theater",{"enableFilters":[4,"enable-filters"],"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]}]]],["p-49f06645",[[1,"ptc-pricing-packaging-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"isDesktopView":[32],"cellWidthXXS":[32],"cellWidthMD":[32],"cellLeftRightPadding":[32],"headerType":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"stickyTopAt":[32],"columnHeaderLinks":[32],"hasEmptySpace":[32],"showFillerCells":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32],"tableDescription":[32]}]]],["p-752f779c",[[0,"ptc-form",{"formData":[32]}]]],["p-3cd9a53d",[[4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]]],["p-58e883bc",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-6aa14f70",[[1,"author-listing-example",{"defaultAuthorImage":[1,"default-author-image"],"isLoading":[32],"loadedCardCount":[32],"cardsPerLoad":[32],"cardData":[32]},[[9,"scroll","handleScroll"]]]]],["p-43aa9e96",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32],"cardHeights":[32],"maxCardHeight":[32]},[[9,"resize","handleWindowResize"],[16,"squareHeightChanged","squareHeightChangedHandler"]]]]],["p-7057b757",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-e54c51b3",[[1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]]],["p-34f6cb85",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-a433dbbe",[[1,"ptc-modal-quiz",{"totalQuestions":[2,"total-questions"],"modalId":[1,"modal-id"],"currentQuestion":[32],"currentSelectedPriority":[32],"selectedPriorityRadio":[32],"answers":[32],"traversal":[32]}]]],["p-92648b82",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-c9303172",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-15cd377e",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-be64f40e",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-57f91d23",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-46d9058c",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-a7330910",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-1a5a5341",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-ab16b22b",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-3bb91bc8",[[1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]]],["p-0a7c799e",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-9e8791c4",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-ca7250a3",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-211af9e1",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-dafb152d",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-dff8c778",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-eef785f3",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-ccb6fcb7",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-e40fc7a4",[[1,"ptc-podcast-card",{"heading":[1],"imageSrc":[1,"image-src"],"altText":[1,"alt-text"]}]]],["p-565bd4fa",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-c3e21c68",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-31859f44",[[0,"embedded-form",{"formData":[32],"isSubmitted":[32]}],[4,"ptc-data-lookup",{"elqSiteId":[1,"elq-site-id"],"elqVisitorLookupKey":[1,"elq-visitor-lookup-key"],"elqRecipientIdLookupKey":[1,"elq-recipient-id-lookup-key"],"elqContactLookupKey":[1,"elq-contact-lookup-key"],"elqFieldEmailRecId":[1,"elq-field-email-rec-id"],"elqFieldContactEmail":[1,"elq-field-contact-email"],"elqFieldVisitorEmail":[1,"elq-field-visitor-email"],"elqFieldVisitorFirstname":[1,"elq-field-visitor-firstname"],"elqFieldVisitorLastname":[1,"elq-field-visitor-lastname"],"notmeLinkId":[1,"notme-link-id"],"notmeFieldsClass":[1,"notme-fields-class"],"notmeMessage":[1,"notme-message"],"notmeMessageNoname":[1,"notme-message-noname"],"isBlindSubmit":[4,"is-blind-submit"],"isInitialized":[32],"performDataLookup":[64]}],[4,"ptc-select",{"fieldId":[1,"field-id"],"label":[1],"isRequired":[4,"is-required"],"helpertext":[1025],"fieldName":[1,"field-name"],"disabled":[4],"selectedValue":[1025,"selected-value"],"defaultValue":[1025,"default-value"],"infoText":[1,"info-text"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"ptcDataTargetEloquaName":[1,"ptc-data-target-eloqua-name"],"language":[32]}],[0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"isRequired":[4,"is-required"],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1025],"hideCheckbox":[4,"hide-checkbox"],"hasError":[32],"language":[32],"validateCheckbox":[64]}],[0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"infoText":[1,"info-text"],"disabled":[4],"fieldName":[1,"field-name"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"ptcDataTargetEloquaName":[1,"ptc-data-target-eloqua-name"],"inputValue":[1025,"input-value"],"customValidation":[16],"language":[32],"syncCountry":[64]},[[2,"input","handleInput"],[2,"focus","handleFocus"],[2,"blur","inputBlurHandler"]]],[1,"max-width-container",{"maxWidthP":[2,"max-width-p"],"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"],"size":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-cd8b434c",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-08ed517e",[[1,"footer-form",{"formData":[32]}]]],["p-aa5af6a7",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-71a5a4b8",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-7c079ff8",[[1,"ptc-value-led-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"]}]]],["p-92904b6b",[[1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]]],["p-9d8f290c",[[1,"ptc-square-card",{"number":[1],"arrowDirection":[1,"arrow-direction"]}]]],["p-dfec5f00",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-37bd13af",[[6,"ptc-theater-video-modal",{"cards":[32],"showModal":[32],"currentCardIndex":[32],"filteredTagName":[32],"modalType":[32],"updateData":[64]}]]],["p-5249434f",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-d2a8372d",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-236073e1",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-a64f1d6f",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-91a9844b",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-b58991de",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"],"target":[1]}]]],["p-c254cfff",[[1,"ptc-value-led-layout",{"topBackgroundImage":[1,"top-background-image"],"isMobile":[32]},[[9,"resize","handleResize"],[9,"scroll","handleScroll"]]]]],["p-1c99d17d",[[1,"ptc-value-led-speed-bump",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"isMobile":[4,"is-mobile"]},[[9,"resize","handleResize"]]]]],["p-13cd1ccc",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-9415f40e",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-14a53b5a",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-8a7ac34f",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-029b2e2f",[[2,"ptc-brightcov-video",{"videoId":[1,"video-id"]}]]],["p-521f8a44",[[1,"ptc-case-studies-slider"]]],["p-a32571b5",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-84e83224",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8609c7b2",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-a2ed8861",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-2c5b80ad",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-ac96f617",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-61e48f01",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-a6c6e898",[[1,"ptc-nav-pills"]]],["p-4ddf04cf",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-ffede29b",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-b80358ed",[[1,"ptc-responsive-wrapper"]]],["p-945d22e4",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-75d0ee9e",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-7f1dd267",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-716f5cfc",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-8c3cdc5a",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"],[0,"navLinkClicked","handleNavLinkClickedEvent"]]]]],["p-9691a9fe",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-1afabe42",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-46321985",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"disableLightLinks":[4,"disable-light-links"],"styles":[1]}]]],["p-9f227e83",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-0fb9aa7d",[[1,"ptc-value-led-content"]]],["p-137ddeeb",[[6,"ptc-value-led-content-highlight"]]],["p-036234e7",[[1,"ptc-value-led-intro",{"contentTag":[1,"content-tag"]}]]],["p-01f51476",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-e21c0fa1",[[1,"ptc-pricing-add-on-card",{"cardTitle":[1,"card-title"],"cardPricingText":[1,"card-pricing-text"],"cardCtaHref":[1,"card-cta-href"],"cardCtaText":[1,"card-cta-text"],"cardCtaTarget":[1,"card-cta-target"],"cardDisclaimer":[1,"card-disclaimer"]}]]],["p-384cb3b3",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]]],["p-37fe2ada",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-d4999019",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-6159ccab",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-6208dc3d",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"styles":[1]}]]],["p-a95fd3fc",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-8471b016",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-0eff6801",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-5a6614a3",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-46e3abad",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]]],["p-f04682d1",[[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[1028,"is-small-screen"],"noOverflow":[4,"no-overflow"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]]],["p-568103b8",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"],"styles":[1]}]]],["p-126a278b",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]],["p-32124266",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"hasCtaSlot":[4,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-579fc018",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"styles":[1],"overlayExists":[32]}]]],["p-8d2425b5",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-cd1627fd",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"],"styles":[1]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-744b640e",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"iconSize":[1,"icon-size"],"isHover":[32]}],[1,"ptc-filter-dropdown",{"placeholder":[1],"selectedTag":[1,"selected-tag"],"internalOptions":[32],"selectedOptions":[32],"isOpen":[32]}],[6,"ptc-theater-video",{"cardTitle":[1,"card-title"],"cardDescription":[1,"card-description"],"thumbImg":[1,"thumb-img"],"cardNumber":[2,"card-number"],"videoId":[2,"video-id"],"vtagName":[1,"vtag-name"],"modalType":[1,"modal-type"]}],[1,"ptc-theater-video-playlist",{"cardElements":[8,"card-elements"],"currentCardIndex":[32],"filteredTagName":[32]},[[4,"filterCliked","handleFilterClick"],[4,"vCardClicked","handleVCardClickedEvent"]]]]],["p-ae99e19e",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}]]],["p-5d3c3f35",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-360841c8",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"hasBeforeHomeIcon":[4,"has-before-home-icon"],"color":[1],"styles":[1]}]]],["p-95cc32a1",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"keepInViewport":[1028,"keep-in-viewport"],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-006da5ab",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-7951252a",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1],"updateReadmoreStatus":[64]},[[9,"resize","updateReadmoreStatus"]]]]],["p-f7b3d970",[[6,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4],"initialHeader":[32]}],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]]],["p-2c6cce6c",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]]]'),e)));
1
+ import{p as e,b as t}from"./p-00a1336a.js";export{s as setNonce}from"./p-00a1336a.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-33db658c",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-ee10e88e",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-7a8726da",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-886999a8",[[2,"ptc-filter-level-theater",{"enableFilters":[4,"enable-filters"],"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]}]]],["p-49f06645",[[1,"ptc-pricing-packaging-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"isDesktopView":[32],"cellWidthXXS":[32],"cellWidthMD":[32],"cellLeftRightPadding":[32],"headerType":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"stickyTopAt":[32],"columnHeaderLinks":[32],"hasEmptySpace":[32],"showFillerCells":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32],"tableDescription":[32]}]]],["p-752f779c",[[0,"ptc-form",{"formData":[32]}]]],["p-3cd9a53d",[[4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]]],["p-58e883bc",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-6aa14f70",[[1,"author-listing-example",{"defaultAuthorImage":[1,"default-author-image"],"isLoading":[32],"loadedCardCount":[32],"cardsPerLoad":[32],"cardData":[32]},[[9,"scroll","handleScroll"]]]]],["p-43aa9e96",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32],"cardHeights":[32],"maxCardHeight":[32]},[[9,"resize","handleWindowResize"],[16,"squareHeightChanged","squareHeightChangedHandler"]]]]],["p-7057b757",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-e54c51b3",[[1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]]],["p-34f6cb85",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-a433dbbe",[[1,"ptc-modal-quiz",{"totalQuestions":[2,"total-questions"],"modalId":[1,"modal-id"],"currentQuestion":[32],"currentSelectedPriority":[32],"selectedPriorityRadio":[32],"answers":[32],"traversal":[32]}]]],["p-92648b82",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-c9303172",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-15cd377e",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-be64f40e",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-57f91d23",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-46d9058c",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-a7330910",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-1a5a5341",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-ab16b22b",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-3bb91bc8",[[1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]]],["p-0a7c799e",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-9e8791c4",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-ca7250a3",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-211af9e1",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-dafb152d",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-dff8c778",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-eef785f3",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-ccb6fcb7",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-e40fc7a4",[[1,"ptc-podcast-card",{"heading":[1],"imageSrc":[1,"image-src"],"altText":[1,"alt-text"]}]]],["p-565bd4fa",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-c3e21c68",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-31859f44",[[0,"embedded-form",{"formData":[32],"isSubmitted":[32]}],[4,"ptc-data-lookup",{"elqSiteId":[1,"elq-site-id"],"elqVisitorLookupKey":[1,"elq-visitor-lookup-key"],"elqRecipientIdLookupKey":[1,"elq-recipient-id-lookup-key"],"elqContactLookupKey":[1,"elq-contact-lookup-key"],"elqFieldEmailRecId":[1,"elq-field-email-rec-id"],"elqFieldContactEmail":[1,"elq-field-contact-email"],"elqFieldVisitorEmail":[1,"elq-field-visitor-email"],"elqFieldVisitorFirstname":[1,"elq-field-visitor-firstname"],"elqFieldVisitorLastname":[1,"elq-field-visitor-lastname"],"notmeLinkId":[1,"notme-link-id"],"notmeFieldsClass":[1,"notme-fields-class"],"notmeMessage":[1,"notme-message"],"notmeMessageNoname":[1,"notme-message-noname"],"isBlindSubmit":[4,"is-blind-submit"],"isInitialized":[32],"performDataLookup":[64]}],[4,"ptc-select",{"fieldId":[1,"field-id"],"label":[1],"isRequired":[4,"is-required"],"helpertext":[1025],"fieldName":[1,"field-name"],"disabled":[4],"selectedValue":[1025,"selected-value"],"defaultValue":[1025,"default-value"],"infoText":[1,"info-text"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"ptcDataTargetEloquaName":[1,"ptc-data-target-eloqua-name"],"language":[32]}],[0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"isRequired":[4,"is-required"],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1025],"hideCheckbox":[4,"hide-checkbox"],"hasError":[32],"language":[32],"validateCheckbox":[64]}],[0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"infoText":[1,"info-text"],"disabled":[4],"fieldName":[1,"field-name"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"ptcDataTargetEloquaName":[1,"ptc-data-target-eloqua-name"],"inputValue":[1025,"input-value"],"customValidation":[16],"language":[32],"syncCountry":[64]},[[2,"input","handleInput"],[2,"focus","handleFocus"],[2,"blur","inputBlurHandler"]]],[1,"max-width-container",{"maxWidthP":[2,"max-width-p"],"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"],"size":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-cd8b434c",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-08ed517e",[[1,"footer-form",{"formData":[32]}]]],["p-aa5af6a7",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-71a5a4b8",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-7c079ff8",[[1,"ptc-value-led-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"]}]]],["p-92904b6b",[[1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]]],["p-9d8f290c",[[1,"ptc-square-card",{"number":[1],"arrowDirection":[1,"arrow-direction"]}]]],["p-dfec5f00",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-37bd13af",[[6,"ptc-theater-video-modal",{"cards":[32],"showModal":[32],"currentCardIndex":[32],"filteredTagName":[32],"modalType":[32],"updateData":[64]}]]],["p-5249434f",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-d2a8372d",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-236073e1",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-a64f1d6f",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-91a9844b",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-b58991de",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"],"target":[1]}]]],["p-c254cfff",[[1,"ptc-value-led-layout",{"topBackgroundImage":[1,"top-background-image"],"isMobile":[32]},[[9,"resize","handleResize"],[9,"scroll","handleScroll"]]]]],["p-1c99d17d",[[1,"ptc-value-led-speed-bump",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"isMobile":[4,"is-mobile"]},[[9,"resize","handleResize"]]]]],["p-13cd1ccc",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-9415f40e",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-14a53b5a",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-8a7ac34f",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-029b2e2f",[[2,"ptc-brightcov-video",{"videoId":[1,"video-id"]}]]],["p-521f8a44",[[1,"ptc-case-studies-slider"]]],["p-a32571b5",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-84e83224",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8609c7b2",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-a2ed8861",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-2c5b80ad",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-ac96f617",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-61e48f01",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-a6c6e898",[[1,"ptc-nav-pills"]]],["p-4ddf04cf",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-ffede29b",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-b80358ed",[[1,"ptc-responsive-wrapper"]]],["p-945d22e4",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-75d0ee9e",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-7f1dd267",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-716f5cfc",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-8c3cdc5a",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"],[0,"navLinkClicked","handleNavLinkClickedEvent"]]]]],["p-9691a9fe",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-1afabe42",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-46321985",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"disableLightLinks":[4,"disable-light-links"],"styles":[1]}]]],["p-9f227e83",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-0fb9aa7d",[[1,"ptc-value-led-content"]]],["p-137ddeeb",[[6,"ptc-value-led-content-highlight"]]],["p-036234e7",[[1,"ptc-value-led-intro",{"contentTag":[1,"content-tag"]}]]],["p-01f51476",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-e21c0fa1",[[1,"ptc-pricing-add-on-card",{"cardTitle":[1,"card-title"],"cardPricingText":[1,"card-pricing-text"],"cardCtaHref":[1,"card-cta-href"],"cardCtaText":[1,"card-cta-text"],"cardCtaTarget":[1,"card-cta-target"],"cardDisclaimer":[1,"card-disclaimer"]}]]],["p-384cb3b3",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]]],["p-37fe2ada",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-d4999019",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-6159ccab",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-6208dc3d",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"styles":[1]}]]],["p-a95fd3fc",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-8471b016",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-0eff6801",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-5a6614a3",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-46e3abad",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]]],["p-f04682d1",[[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[1028,"is-small-screen"],"noOverflow":[4,"no-overflow"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]]],["p-568103b8",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"],"styles":[1]}]]],["p-126a278b",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]],["p-32124266",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"hasCtaSlot":[4,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-579fc018",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"styles":[1],"overlayExists":[32]}]]],["p-8d2425b5",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-cd1627fd",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"],"styles":[1]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-ac566e05",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"iconSize":[1,"icon-size"],"isHover":[32]}],[1,"ptc-filter-dropdown",{"placeholder":[1],"selectedTag":[1,"selected-tag"],"internalOptions":[32],"selectedOptions":[32],"isOpen":[32]}],[6,"ptc-theater-video",{"cardTitle":[1,"card-title"],"cardDescription":[1,"card-description"],"thumbImg":[1,"thumb-img"],"cardNumber":[2,"card-number"],"videoId":[2,"video-id"],"vtagName":[1,"vtag-name"],"modalType":[1,"modal-type"]}],[1,"ptc-theater-video-playlist",{"cardElements":[8,"card-elements"],"currentCardIndex":[32],"filteredTagName":[32]},[[4,"filterCliked","handleFilterClick"],[4,"vCardClicked","handleVCardClickedEvent"]]]]],["p-ae99e19e",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}]]],["p-5d3c3f35",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-360841c8",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"hasBeforeHomeIcon":[4,"has-before-home-icon"],"color":[1],"styles":[1]}]]],["p-95cc32a1",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"keepInViewport":[1028,"keep-in-viewport"],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-006da5ab",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-7951252a",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1],"updateReadmoreStatus":[64]},[[9,"resize","updateReadmoreStatus"]]]]],["p-f7b3d970",[[6,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4],"initialHeader":[32]}],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]]],["p-2c6cce6c",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]]]'),e)));
package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts CHANGED
@@ -15,6 +15,8 @@ export declare class PtcFilterDropdown {
15
15
  selectedTag: string;
16
16
  selectedFilterValues: EventEmitter;
17
17
  isOpen: boolean;
18
+ dropdownPlaceholder: any;
19
+ componentDidLoad(): void;
18
20
  parseOptions(): void;
19
21
  toggleDropdown(): void;
20
22
  clearFilter(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ptcwebops/ptcw-design",
3
- "version": "3.1.7",
3
+ "version": "3.1.8",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "./dist/index.js",
package/readme.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
2
2
 
3
- # PTC Design 3.1.7
3
+ # PTC Design 3.1.8
4
4
 
5
5
  The site is the place for documentation on PTC Design System
6
6
 
package/dist/ptcw-design/p-744b640e.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as e,H as o,g as s}from"./p-00a1336a.js";const r=class{constructor(e){t(this,e),this.selectedFilterValues=i(this,"selectedFilterValues",7),this.internalOptions=[],this.selectedOptions=[],this.placeholder=void 0,this.selectedTag=void 0,this.isOpen=!1}parseOptions(){let t=Array.from(this.hostElement.querySelectorAll("span"));t&&(this.internalOptions=t.map((t=>({tabId:t.getAttribute("tab-id"),value:t.textContent,tagName:t.getAttribute("tag-name")}))))}toggleDropdown(){this.isOpen=!this.isOpen}clearFilter(){this.selectedOptions=[],this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]').forEach((t=>{t instanceof HTMLInputElement&&(t.checked=!1)}))}emitSelectedOptions(){this.selectedOptions=this.internalOptions.filter((t=>null!==this.hostElement.shadowRoot.querySelector(`input[tab-id="${t.tabId}"]:checked`))).map((t=>({tabId:t.tabId,value:t.value,tagName:t.tagName}))),this.selectedFilterValues.emit({sender:this,selectedOptions:this.selectedOptions}),this.toggleDropdown()}componentWillRender(){this.parseOptions()}render(){return e(o,null,e("div",{class:"dropdown"},e("div",{class:"dropdown-toggle",onClick:()=>this.toggleDropdown()},e("span",{class:"dropdown-placeholder"},e("strong",null,"Filter: "),this.placeholder),e("span",{class:"caret"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none"},e("path",{d:"M10.2426 1.24264L6 5.48528L1.75736 1.24264",stroke:"#20262A","stroke-width":"2","stroke-linecap":"round"})))),this.isOpen&&e("div",{class:"dropdown-menu"},e("ul",{class:"filter-list"},this.internalOptions.map((t=>e("li",{key:t.tabId},e("label",{class:"radio-label",htmlFor:t.value.replace(/\s+/g,"")},e("input",{type:"radio",id:t.value.replace(/\s+/g,""),name:"theater-filter",value:t.value,checked:this.selectedOptions.some((i=>i.value===t.value)),"tab-id":t.tabId,"tag-name":t.tagName}),t.value))))),e("div",{class:"filter-btns"},e("span",{class:"clear-btn",onClick:()=>this.clearFilter()},"Clear"),e("ptc-button",{type:"link",color:"ptc-secondary",onClick:()=>this.emitSelectedOptions(),styles:" a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }"},"Apply")))),e("div",{class:"hidden"},e("slot",null)))}get hostElement(){return s(this)}};r.style=':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 .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:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}: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 a=class{constructor(i){t(this,i),this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large"}render(){const t=this.getCssClassMap();return e(o,{class:t},e("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle()},"mail"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-twitter"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?e("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&e("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},e("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}get el(){return s(this)}};a.style=":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 l=class{constructor(e){t(this,e),this.vCardClicked=i(this,"vCardClicked",7),this.cardTitle=void 0,this.cardDescription=void 0,this.thumbImg=void 0,this.cardNumber=void 0,this.videoId=void 0,this.vtagName=void 0,this.modalType="video-with-description"}showCardDetails(){this.vCardClicked.emit({sender:this,cardNumber:this.cardNumber})}render(){return e(o,{"video-id":this.videoId,"vtag-name":this.vtagName,"modal-type":this.modalType},e("div",{class:"img-wrap",onClick:()=>this.showCardDetails()},e("img",{src:this.thumbImg,alt:""}),e("span",{class:"card-number"},this.cardNumber+1),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"56",viewBox:"0 0 54 56",fill:"none"},e("g",{filter:"url(#filter0_d_214_969)"},e("path",{d:"M42 20L12 36V4L42 20Z",fill:"white"})),e("defs",null,e("filter",{id:"filter0_d_214_969",x:"0",y:"0",width:"54",height:"56",filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),e("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"}),e("feOffset",{dy:"8"}),e("feGaussianBlur",{stdDeviation:"6"}),e("feComposite",{in2:"hardAlpha",operator:"out"}),e("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"}),e("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_214_969"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_214_969",result:"shape"}))))),e("h4",{class:"vcard-title"},this.cardTitle),e("div",{class:"hidden description"},e("slot",null)))}get ele(){return s(this)}};l.style=".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 h4.sc-ptc-theater-video{margin:12px 0 0 0;font-size:16px;font-weight:700;color:var(--color-white);word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";const h=class{constructor(i){t(this,i),this.cards=[],this.currentCardIndex=0,this.filteredTagName=void 0,this.cardElements=void 0}componentWillLoad(){this.cardElements=this.host.querySelectorAll("ptc-theater-video")}componentDidLoad(){this.setupCards(),this.sortCards("")}handleFilterClick(t){this.filteredTagName=t.detail["selected-tag"],this.sortCards(this.filteredTagName)}handleVCardClickedEvent(t){console.log(t.detail)}sortCards(t){this.cardElements.forEach((i=>{let e;i.getAttribute("vtag-name")&&(e=i.getAttribute("vtag-name").split(",").map((t=>t.trim())));const o=t.trim();""!==o&&"reset"!==o?e.includes(o)?(i.classList.add("show"),i.classList.remove("hide")):(i.classList.add("hide"),i.classList.remove("show")):(i.classList.add("show"),i.classList.remove("hide"))}))}setupCards(){console.log("Setup called"),this.cardElements.forEach(((t,i)=>{this.cards.push(this.setCardData(t,i)),t.addEventListener("click",(()=>{this.showCardDetails(i)}))}))}updateCardData(t){console.log("updateCard called"),this.cards=[],this.cardElements.forEach(((i,e)=>{const o=i.getAttribute("vtag-name").split(",").map((t=>t.trim()));""!==this.filteredTagName&&"reset"!==this.filteredTagName&&void 0!==this.filteredTagName&&o.includes(this.filteredTagName)?(this.cards.push(this.setCardData(i,e)),i.addEventListener("click",(()=>{this.showCardDetails(t)}))):"reset"===this.filteredTagName&&this.cards.push(this.setCardData(i,e))}))}setCardData(t,i){return{title:t.querySelector(".vcard-title").textContent,cardDescription:t.cardDescription,descriptionModal:t.querySelector(".description").innerHTML,videoId:t.getAttribute("video-id"),vtagName:t.getAttribute("vtag-name"),cardNumber:t.getAttribute("card-number"),index:i,modalType:t.getAttribute("modal-type")}}showCardDetails(t){this.currentCardIndex=t;const i=document.querySelector("ptc-theater-video-modal");i&&i.updateData(this.cards,this.currentCardIndex)}render(){return e("div",{class:"card-list"},e("slot",null))}get host(){return s(this)}};h.style=":host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";export{r as ptc_filter_dropdown,a as ptc_social_share,l as ptc_theater_video,h as ptc_theater_video_playlist}