@ptcwebops/ptcw-design 3.1.6 → 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.
- package/dist/cjs/embedded-form_9.cjs.entry.js +2 -0
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +11 -2
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +7 -0
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +10 -1
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +5 -0
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +2 -0
- package/dist/collection/stories/Link.stories.js +6 -0
- package/dist/collection/stories/design-tokens/color/Color.stories.js +96 -0
- package/dist/collection/stories/design-tokens/color/Temp.stories.js +98 -0
- package/dist/collection/stories/design-tokens/containers/About.stories.js +19 -0
- package/dist/collection/stories/design-tokens/elevations/About.stories.js +68 -0
- package/dist/collection/stories/design-tokens/grid/About.stories.js +22 -0
- package/dist/collection/stories/design-tokens/motion/About.stories.js +13 -0
- package/dist/collection/stories/design-tokens/shape/About.stories.js +69 -0
- package/dist/collection/stories/design-tokens/space/About.stories.js +128 -0
- package/dist/collection/stories/design-tokens/typography/About.stories.js +20 -0
- package/dist/custom-elements/index.js +14 -3
- package/dist/esm/embedded-form_9.entry.js +2 -0
- package/dist/esm/ptc-filter-dropdown_4.entry.js +11 -2
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/ptcw-design/{p-d5c6c695.entry.js → p-31859f44.entry.js} +1 -1
- package/dist/ptcw-design/{p-e0b63e3d.entry.js → p-886999a8.entry.js} +1 -1
- package/dist/ptcw-design/p-ac566e05.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +2 -0
- package/package.json +2 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-744b640e.entry.js +0 -1
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Design Tokens/Shape',
|
|
5
|
+
parameters: {
|
|
6
|
+
design: {
|
|
7
|
+
type: "figma",
|
|
8
|
+
url: "https://www.figma.com/file/vN5aEOCLun1QmatmlVBeX0/PTC.com-UX-Library?type=design&node-id=1%3A296&mode=design&t=mXFihiX08xo9n6HS-1",
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const AboutTemplate = args => {
|
|
14
|
+
return html `
|
|
15
|
+
<style>
|
|
16
|
+
table {
|
|
17
|
+
border-collapse: collapse;
|
|
18
|
+
width: 100%;
|
|
19
|
+
border: 1px solid whitesmoke;
|
|
20
|
+
border-radius: 7px;
|
|
21
|
+
box-shadow: var(--ptc-shadow-x-small);
|
|
22
|
+
margin: 10px 0 30px 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
th, td {
|
|
26
|
+
text-align: left;
|
|
27
|
+
padding: 25px;
|
|
28
|
+
border: 1px solid whitesmoke;
|
|
29
|
+
}
|
|
30
|
+
tr:nth-child(even) {background-color: #f2f2f2;}
|
|
31
|
+
</style>
|
|
32
|
+
|
|
33
|
+
<h2>Shape</h2>
|
|
34
|
+
|
|
35
|
+
<h3>Border Radius</h3>
|
|
36
|
+
|
|
37
|
+
<p>Border radius tokens are used to give sharp edges a more subtle, rounded effect. They use rem units so they scale with the base font size. The pixel values displayed are based on a 16px font size.</p>
|
|
38
|
+
|
|
39
|
+
<table>
|
|
40
|
+
<tr>
|
|
41
|
+
<td>Token</td>
|
|
42
|
+
<td>Value</td>
|
|
43
|
+
<td>Example</td>
|
|
44
|
+
</tr>
|
|
45
|
+
<tr>
|
|
46
|
+
<td>--ptc-border-radius-standard</td>
|
|
47
|
+
<td>0.25rem (4px)</td>
|
|
48
|
+
<td><div class="border-radius-demo" style="border-radius: var(--ptc-border-radius-standard);"></div></td>
|
|
49
|
+
</tr>
|
|
50
|
+
<tr>
|
|
51
|
+
<td>--ptc-border-radius-large</td>
|
|
52
|
+
<td>0.75rem (12px)</td>
|
|
53
|
+
<td><div class="border-radius-demo" style="border-radius: var(--ptc-border-radius-large);"></div></td>
|
|
54
|
+
</tr>
|
|
55
|
+
<tr>
|
|
56
|
+
<td>--ptc-border-radius-pill</td>
|
|
57
|
+
<td>9999px</td>
|
|
58
|
+
<td><div class="border-radius-demo" style="border-radius: var(--ptc-border-radius-pill); width: 6rem;"></div></td>
|
|
59
|
+
</tr>
|
|
60
|
+
<tr>
|
|
61
|
+
<td>--ptc-border-radius-circle</td>
|
|
62
|
+
<td>50%</td>
|
|
63
|
+
<td><div class="border-radius-demo" style="border-radius: var(--ptc-border-radius-circle);"></div></td>
|
|
64
|
+
</tr>
|
|
65
|
+
</table>
|
|
66
|
+
`
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export const About = AboutTemplate.bind({});
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Design Tokens/Space',
|
|
5
|
+
parameters: {
|
|
6
|
+
design: {
|
|
7
|
+
type: "figma",
|
|
8
|
+
url: "https://www.figma.com/file/vN5aEOCLun1QmatmlVBeX0/PTC.com-UX-Library?type=design&node-id=1%3A305&mode=design&t=6gVgJ9yDrxuMo3pg-1",
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const AboutTemplate = args => {
|
|
14
|
+
return html `
|
|
15
|
+
<style>
|
|
16
|
+
table {
|
|
17
|
+
border-collapse: collapse;
|
|
18
|
+
width: 100%;
|
|
19
|
+
border: 1px solid whitesmoke;
|
|
20
|
+
border-radius: 7px;
|
|
21
|
+
box-shadow: var(--ptc-shadow-x-small);
|
|
22
|
+
margin: 10px 0 30px 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
th, td {
|
|
26
|
+
text-align: left;
|
|
27
|
+
padding: 25px;
|
|
28
|
+
border: 1px solid whitesmoke;
|
|
29
|
+
}
|
|
30
|
+
tr:nth-child(even) {background-color: #f2f2f2;}
|
|
31
|
+
</style>
|
|
32
|
+
|
|
33
|
+
<h2>Space</h2>
|
|
34
|
+
|
|
35
|
+
<h3>Element Spacing</h3>
|
|
36
|
+
<table>
|
|
37
|
+
<tr>
|
|
38
|
+
<td>Token</td>
|
|
39
|
+
<td>Value</td>
|
|
40
|
+
<td>Example</td>
|
|
41
|
+
</tr>
|
|
42
|
+
<tr>
|
|
43
|
+
<td>--ptc-element-spacing-01</td>
|
|
44
|
+
<td>0.25rem (4px)</td>
|
|
45
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-01); height: var(--ptc-element-spacing-01)"></div></td>
|
|
46
|
+
</tr>
|
|
47
|
+
<tr>
|
|
48
|
+
<td>--ptc-element-spacing-02</td>
|
|
49
|
+
<td>0.5rem (8px)</td>
|
|
50
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-02); height: var(--ptc-element-spacing-02)"></div></td>
|
|
51
|
+
</tr>
|
|
52
|
+
<tr>
|
|
53
|
+
<td>--ptc-element-spacing-03</td>
|
|
54
|
+
<td>0.75rem (12px)</td>
|
|
55
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-03); height: var(--ptc-element-spacing-03)"></div></td>
|
|
56
|
+
</tr>
|
|
57
|
+
<tr>
|
|
58
|
+
<td>--ptc-element-spacing-04</td>
|
|
59
|
+
<td>1rem (16px)</td>
|
|
60
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-04); height: var(--ptc-element-spacing-04)"></div></td>
|
|
61
|
+
</tr>
|
|
62
|
+
<tr>
|
|
63
|
+
<td>--ptc-element-spacing-05</td>
|
|
64
|
+
<td>1.25rem (20px)</td>
|
|
65
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-05); height: var(--ptc-element-spacing-05)"></div></td>
|
|
66
|
+
</tr>
|
|
67
|
+
<tr>
|
|
68
|
+
<td>--ptc-element-spacing-06</td>
|
|
69
|
+
<td>1.5rem (24px)</td>
|
|
70
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-06); height: var(--ptc-element-spacing-06)"></div></td>
|
|
71
|
+
</tr>
|
|
72
|
+
<tr>
|
|
73
|
+
<td>--ptc-element-spacing-07</td>
|
|
74
|
+
<td>2rem (32px)</td>
|
|
75
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-07); height: var(--ptc-element-spacing-07)"></div></td>
|
|
76
|
+
</tr>
|
|
77
|
+
<tr>
|
|
78
|
+
<td>--ptc-element-spacing-08</td>
|
|
79
|
+
<td>2.5rem (40px)</td>
|
|
80
|
+
<td><div class="spacing-demo" style="width:var(--ptc-element-spacing-08); height: var(--ptc-element-spacing-08)"></div></td>
|
|
81
|
+
</tr>
|
|
82
|
+
</table>
|
|
83
|
+
|
|
84
|
+
<hr />
|
|
85
|
+
|
|
86
|
+
<h3>Layout Spacing</h3>
|
|
87
|
+
<table>
|
|
88
|
+
<tr>
|
|
89
|
+
<td>Token</td>
|
|
90
|
+
<td>Value</td>
|
|
91
|
+
<td>Example</td>
|
|
92
|
+
</tr>
|
|
93
|
+
<tr>
|
|
94
|
+
<td>--ptc-layout-spacing-01</td>
|
|
95
|
+
<td>0.5rem (8px)</td>
|
|
96
|
+
<td><div class="spacing-demo" style="width:var(--ptc-layout-spacing-01); height: var(--ptc-layout-spacing-01)"></div></td>
|
|
97
|
+
</tr>
|
|
98
|
+
<tr>
|
|
99
|
+
<td>--ptc-layout-spacing-02</td>
|
|
100
|
+
<td>1rem (16px)</td>
|
|
101
|
+
<td><div class="spacing-demo" style="width:var(--ptc-layout-spacing-02); height: var(--ptc-layout-spacing-02)"></div></td>
|
|
102
|
+
</tr>
|
|
103
|
+
<tr>
|
|
104
|
+
<td>--ptc-layout-spacing-03</td>
|
|
105
|
+
<td>1.5rem (24px)</td>
|
|
106
|
+
<td><div class="spacing-demo" style="width:var(--ptc-layout-spacing-03); height: var(--ptc-layout-spacing-03)"></div></td>
|
|
107
|
+
</tr>
|
|
108
|
+
<tr>
|
|
109
|
+
<td>--ptc-layout-spacing-04</td>
|
|
110
|
+
<td>2rem (32px)</td>
|
|
111
|
+
<td><div class="spacing-demo" style="width:var(--ptc-layout-spacing-04); height: var(--ptc-layout-spacing-04)"></div></td>
|
|
112
|
+
</tr>
|
|
113
|
+
<tr>
|
|
114
|
+
<td>--ptc-layout-spacing-05</td>
|
|
115
|
+
<td>4rem (64px)</td>
|
|
116
|
+
<td><div class="spacing-demo" style="width:var(--ptc-layout-spacing-05); height: var(--ptc-layout-spacing-05)"></div></td>
|
|
117
|
+
</tr>
|
|
118
|
+
<tr>
|
|
119
|
+
<td>--ptc-layout-spacing-06</td>
|
|
120
|
+
<td>5rem (80px)</td>
|
|
121
|
+
<td><div class="spacing-demo" style="width:var(--ptc-layout-spacing-06); height: var(--ptc-layout-spacing-06)"></div></td>
|
|
122
|
+
</tr>
|
|
123
|
+
</table>
|
|
124
|
+
`
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
export const About = AboutTemplate.bind({});
|
|
128
|
+
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Design Tokens/Typography',
|
|
5
|
+
parameters: {
|
|
6
|
+
design: {
|
|
7
|
+
type: "figma",
|
|
8
|
+
url: "https://www.figma.com/file/vN5aEOCLun1QmatmlVBeX0/PTC.com-UX-Library?type=design&node-id=1802%3A60&mode=design&t=mXFihiX08xo9n6HS-1",
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const AboutTemplate = args => {
|
|
14
|
+
return html `
|
|
15
|
+
<h2>Typography</h2>
|
|
16
|
+
<p>PTC Design System is using google fonts</p>
|
|
17
|
+
`
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export const About = AboutTemplate.bind({});
|
|
@@ -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() {
|
|
@@ -24863,6 +24872,8 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
24863
24872
|
if (this.el.classList.contains('invalid-field')) {
|
|
24864
24873
|
this.el.classList.remove('invalid-field');
|
|
24865
24874
|
}
|
|
24875
|
+
this.inputValue = this.iti.getNumber();
|
|
24876
|
+
// console.log('sending phone number: ' + this.inputValue);
|
|
24866
24877
|
}
|
|
24867
24878
|
else if (!this.iti.isValidNumber()) {
|
|
24868
24879
|
if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
@@ -11745,6 +11745,8 @@ const PtcTextfield = class {
|
|
|
11745
11745
|
if (this.el.classList.contains('invalid-field')) {
|
|
11746
11746
|
this.el.classList.remove('invalid-field');
|
|
11747
11747
|
}
|
|
11748
|
+
this.inputValue = this.iti.getNumber();
|
|
11749
|
+
// console.log('sending phone number: ' + this.inputValue);
|
|
11748
11750
|
}
|
|
11749
11751
|
else if (!this.iti.isValidNumber()) {
|
|
11750
11752
|
if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
@@ -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
|
};
|
|
@@ -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) {
|