@ptcwebops/ptcw-design 6.3.17-beta → 6.3.18-beta
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/academic-form-test.cjs.entry.js +0 -7
- package/dist/cjs/blog-detail-content_2.cjs.entry.js +0 -1
- package/dist/cjs/blog-detail-layout.cjs.entry.js +0 -1
- package/dist/cjs/blogs-search-section.cjs.entry.js +0 -2
- package/dist/cjs/bundle-example.cjs.entry.js +0 -2
- package/dist/cjs/embedded-form.cjs.entry.js +0 -9
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -3
- package/dist/cjs/footer-form.cjs.entry.js +0 -2
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +0 -2
- package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +0 -1
- package/dist/cjs/jumbotron-sub-mune.cjs.entry.js +0 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-background-video.cjs.entry.js +0 -23
- package/dist/cjs/ptc-brightcov-video.cjs.entry.js +0 -33
- package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +0 -2
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +0 -10
- package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +0 -12
- package/dist/cjs/ptc-form.cjs.entry.js +0 -7
- package/dist/cjs/ptc-icon-card-slider-example.cjs.entry.js +1 -11
- package/dist/cjs/ptc-icon-component.cjs.entry.js +0 -13
- package/dist/cjs/ptc-img.cjs.entry.js +0 -1
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +3 -2
- package/dist/cjs/ptc-media-card.cjs.entry.js +1 -8
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +0 -3
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +0 -9
- package/dist/cjs/ptc-office-locations.cjs.entry.js +1 -1
- package/dist/cjs/ptc-picture.cjs.entry.js +0 -1
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +0 -2
- package/dist/cjs/ptc-progress-bar.cjs.entry.js +0 -1
- package/dist/cjs/ptc-readmore-new.cjs.entry.js +0 -1
- package/dist/cjs/ptc-readmore-v3.cjs.entry.js +0 -3
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +0 -2
- package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -2
- package/dist/cjs/ptc-subnav.cjs.entry.js +0 -1
- package/dist/cjs/ptc-tab-list.cjs.entry.js +0 -1
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +0 -13
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +0 -17
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +0 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +0 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/sequential-bundle-example.cjs.entry.js +0 -12
- package/dist/cjs/sequential-bundle.cjs.entry.js +0 -1
- package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.js +0 -1
- package/dist/collection/components/jumbotron-sub-mune/jumbotron-sub-mune.js +0 -1
- package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.js +0 -1
- package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.js +0 -1
- package/dist/collection/components/organism-bundles/blogs-search-section/blogs-search-section.js +0 -2
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +0 -2
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +0 -3
- package/dist/collection/components/organism-bundles/form/academic-form/academic-form-test.js +0 -7
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +0 -9
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +0 -2
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +0 -7
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.js +0 -2
- package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.css +4 -0
- package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.js +0 -10
- package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +0 -1
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +0 -12
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +0 -23
- package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +0 -33
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +0 -1
- package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js +0 -2
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +0 -1
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +0 -2
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +0 -13
- package/dist/collection/components/ptc-img/ptc-img.js +0 -1
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +18 -0
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +20 -1
- package/dist/collection/components/ptc-media-card/ptc-media-card.js +1 -8
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +0 -3
- package/dist/collection/components/ptc-office-locations/ptc-office-locations.js +1 -1
- package/dist/collection/components/ptc-picture/ptc-picture.js +0 -1
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +0 -2
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +0 -1
- package/dist/collection/components/ptc-readmore-new/ptc-readmore-new.js +0 -1
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.js +0 -3
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +0 -2
- package/dist/collection/components/ptc-scroll-button/ptc-scroll-button.js +0 -2
- package/dist/collection/components/ptc-select/ptc-select.js +0 -2
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +0 -1
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +0 -8
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +0 -13
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +0 -9
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.js +0 -17
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +0 -1
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +0 -1
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +0 -9
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +0 -1
- package/dist/custom-elements/index.js +7 -227
- package/dist/esm/academic-form-test.entry.js +0 -7
- package/dist/esm/blog-detail-content_2.entry.js +0 -1
- package/dist/esm/blog-detail-layout.entry.js +0 -1
- package/dist/esm/blogs-search-section.entry.js +0 -2
- package/dist/esm/bundle-example.entry.js +0 -2
- package/dist/esm/embedded-form.entry.js +0 -9
- package/dist/esm/event-jumbotron-example.entry.js +0 -3
- package/dist/esm/footer-form.entry.js +0 -2
- package/dist/esm/homepage-jumbotron.entry.js +0 -2
- package/dist/esm/jumbotron-sub-menu.entry.js +0 -1
- package/dist/esm/jumbotron-sub-mune.entry.js +0 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +0 -23
- package/dist/esm/ptc-brightcov-video.entry.js +0 -33
- package/dist/esm/ptc-card-bottom_2.entry.js +0 -1
- package/dist/esm/ptc-data-lookup.entry.js +0 -2
- package/dist/esm/ptc-filter-dropdown_4.entry.js +0 -10
- package/dist/esm/ptc-form-checkbox_4.entry.js +0 -12
- package/dist/esm/ptc-form.entry.js +0 -7
- package/dist/esm/ptc-icon-card-slider-example.entry.js +1 -11
- package/dist/esm/ptc-icon-component.entry.js +0 -13
- package/dist/esm/ptc-img.entry.js +0 -1
- package/dist/esm/ptc-jumbotron.entry.js +3 -2
- package/dist/esm/ptc-media-card.entry.js +1 -8
- package/dist/esm/ptc-mobile-select.entry.js +0 -3
- package/dist/esm/ptc-nav-slider.entry.js +0 -9
- package/dist/esm/ptc-office-locations.entry.js +1 -1
- package/dist/esm/ptc-picture.entry.js +0 -1
- package/dist/esm/ptc-product-dropdown.entry.js +0 -2
- package/dist/esm/ptc-progress-bar.entry.js +0 -1
- package/dist/esm/ptc-readmore-new.entry.js +0 -1
- package/dist/esm/ptc-readmore-v3.entry.js +0 -3
- package/dist/esm/ptc-related-card-rail.entry.js +0 -2
- package/dist/esm/ptc-scroll-button.entry.js +0 -2
- package/dist/esm/ptc-subnav.entry.js +0 -1
- package/dist/esm/ptc-tab-list.entry.js +0 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +0 -13
- package/dist/esm/ptc-tooltip-v2.entry.js +0 -17
- package/dist/esm/ptc-value-led-layout.entry.js +0 -1
- package/dist/esm/ptc-white-paper.entry.js +0 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/sequential-bundle-example.entry.js +0 -12
- package/dist/esm/sequential-bundle.entry.js +0 -1
- package/dist/ptcw-design/p-0529caaa.entry.js +1 -0
- package/dist/ptcw-design/p-156017ea.entry.js +1 -0
- package/dist/ptcw-design/p-36abe396.entry.js +1 -0
- package/dist/ptcw-design/p-3ed4a7ed.entry.js +1 -0
- package/dist/ptcw-design/p-4c146daf.entry.js +1 -0
- package/dist/ptcw-design/p-4f3dea53.entry.js +1 -0
- package/dist/ptcw-design/p-5311c6e1.entry.js +1 -0
- package/dist/ptcw-design/p-560b05a5.entry.js +1 -0
- package/dist/ptcw-design/{p-291072b4.entry.js → p-643ad4d7.entry.js} +1 -1
- package/dist/ptcw-design/p-71e0321d.entry.js +1 -0
- package/dist/ptcw-design/p-71fbb799.entry.js +1 -0
- package/dist/ptcw-design/p-761a31f8.entry.js +1 -0
- package/dist/ptcw-design/p-7bdf1e64.entry.js +1 -0
- package/dist/ptcw-design/p-89f0cf12.entry.js +1 -0
- package/dist/ptcw-design/p-a59c9cdc.entry.js +1 -0
- package/dist/ptcw-design/p-a8504f11.entry.js +1 -0
- package/dist/ptcw-design/p-aebf443f.entry.js +1 -0
- package/dist/ptcw-design/{p-dc8c0a06.entry.js → p-baeee2b4.entry.js} +1 -1
- package/dist/ptcw-design/p-bf56d5a3.entry.js +1 -0
- package/dist/ptcw-design/{p-c1aab261.entry.js → p-d66debb3.entry.js} +1 -1
- package/dist/ptcw-design/p-dfb400ed.entry.js +1 -0
- package/dist/ptcw-design/p-e43c30c9.entry.js +1 -0
- package/dist/ptcw-design/p-e4eb925f.entry.js +1 -0
- package/dist/ptcw-design/p-e5369c4d.entry.js +1 -0
- package/dist/ptcw-design/p-e6c04255.entry.js +1 -0
- package/dist/ptcw-design/p-ea5f747e.entry.js +68 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-01075feb.entry.js +0 -1
- package/dist/ptcw-design/p-03a917f8.entry.js +0 -1
- package/dist/ptcw-design/p-17f6e145.entry.js +0 -1
- package/dist/ptcw-design/p-25a25451.entry.js +0 -1
- package/dist/ptcw-design/p-3738a01f.entry.js +0 -1
- package/dist/ptcw-design/p-3c3a7b54.entry.js +0 -1
- package/dist/ptcw-design/p-6a3caf2b.entry.js +0 -1
- package/dist/ptcw-design/p-6b32020a.entry.js +0 -1
- package/dist/ptcw-design/p-721edfda.entry.js +0 -1
- package/dist/ptcw-design/p-821f0ff9.entry.js +0 -1
- package/dist/ptcw-design/p-8c692bd6.entry.js +0 -1
- package/dist/ptcw-design/p-8e8c7a3a.entry.js +0 -1
- package/dist/ptcw-design/p-94f99d2d.entry.js +0 -1
- package/dist/ptcw-design/p-99b45d23.entry.js +0 -1
- package/dist/ptcw-design/p-a412ff0a.entry.js +0 -1
- package/dist/ptcw-design/p-a4f65d28.entry.js +0 -1
- package/dist/ptcw-design/p-bd6af63e.entry.js +0 -1
- package/dist/ptcw-design/p-d0581b07.entry.js +0 -68
- package/dist/ptcw-design/p-d20cf3c5.entry.js +0 -1
- package/dist/ptcw-design/p-d3229458.entry.js +0 -1
- package/dist/ptcw-design/p-ee534211.entry.js +0 -1
- package/dist/ptcw-design/p-feecf6b5.entry.js +0 -1
- package/dist/ptcw-design/p-ffb0ff97.entry.js +0 -1
|
@@ -62,7 +62,6 @@ export class PtcReadmoreNew {
|
|
|
62
62
|
document.body.appendChild(paragraph);
|
|
63
63
|
const lineHeight = parseInt(window.getComputedStyle(paragraph).lineHeight, 10);
|
|
64
64
|
const maxHeight = lineHeight * this.maxLines;
|
|
65
|
-
console.log("lineHeight: " + lineHeight);
|
|
66
65
|
paragraph.style.maxHeight = `${maxHeight}px`;
|
|
67
66
|
paragraph.style.overflow = 'hidden';
|
|
68
67
|
let truncatedText = '';
|
|
@@ -28,7 +28,6 @@ export class PtcReadmoreV3 {
|
|
|
28
28
|
if (key && value) {
|
|
29
29
|
styleObj[key] = value;
|
|
30
30
|
}
|
|
31
|
-
console.log("styleObj: " + styleObj);
|
|
32
31
|
return styleObj;
|
|
33
32
|
}, {});
|
|
34
33
|
}
|
|
@@ -55,7 +54,6 @@ export class PtcReadmoreV3 {
|
|
|
55
54
|
paragraph.innerText = this.fullText;
|
|
56
55
|
document.body.appendChild(paragraph);
|
|
57
56
|
const lineHeight = parseFloat(window.getComputedStyle(paragraph).lineHeight);
|
|
58
|
-
console.log('lineHeight: ' + lineHeight);
|
|
59
57
|
const maxHeight = lineHeight * this.maxLines;
|
|
60
58
|
paragraph.style.maxHeight = `${maxHeight}px`;
|
|
61
59
|
paragraph.style.overflow = 'hidden';
|
|
@@ -79,7 +77,6 @@ export class PtcReadmoreV3 {
|
|
|
79
77
|
document.body.appendChild(paragraph);
|
|
80
78
|
const lineHeight = parseFloat(window.getComputedStyle(paragraph).lineHeight);
|
|
81
79
|
const maxHeight = lineHeight * this.maxLines;
|
|
82
|
-
console.log('lineHeight: ' + lineHeight);
|
|
83
80
|
paragraph.style.maxHeight = `${maxHeight}px`;
|
|
84
81
|
paragraph.style.overflow = 'hidden';
|
|
85
82
|
let truncatedText = '';
|
|
@@ -110,13 +110,11 @@ export class PtcRelatedCardRail {
|
|
|
110
110
|
if (event.key === 'Tab' && !event.shiftKey) {
|
|
111
111
|
const marker = document.getElementById('hidden-rail-marker');
|
|
112
112
|
const activeElement = document.activeElement;
|
|
113
|
-
console.log('active ele: ' + activeElement.classList);
|
|
114
113
|
if (marker && activeElement === marker) {
|
|
115
114
|
event.preventDefault();
|
|
116
115
|
setTimeout(() => {
|
|
117
116
|
if (this.targetElement) {
|
|
118
117
|
this.targetElement.focus();
|
|
119
|
-
console.log('focus redirect to target ele: ' + this.targetElement.id);
|
|
120
118
|
}
|
|
121
119
|
else {
|
|
122
120
|
console.log('target ele reference not found');
|
|
@@ -38,7 +38,6 @@ export class PtcScrollButton {
|
|
|
38
38
|
return;
|
|
39
39
|
const scrollValue = this.scrollAmount * (this.direction === 'left' || this.direction === 'up' ? -1 : 1);
|
|
40
40
|
if (this.orientation === 'horizontal') {
|
|
41
|
-
console.log('hello, left/right scroll click!');
|
|
42
41
|
this.scrollContainer.scrollBy({
|
|
43
42
|
left: scrollValue,
|
|
44
43
|
behavior: 'smooth',
|
|
@@ -107,7 +106,6 @@ export class PtcScrollButton {
|
|
|
107
106
|
}
|
|
108
107
|
else if (this.direction === 'right') {
|
|
109
108
|
this.isVisible = scrollLeft + clientWidth + 1 < scrollWidth; // "+1" adjustments after adding margin-right 40px
|
|
110
|
-
// console.log('scorllLeft: ' + scrollLeft + ", scrollWidth: " + scrollWidth + ", clientWidth: " + clientWidth);
|
|
111
109
|
}
|
|
112
110
|
}
|
|
113
111
|
else if (this.orientation === 'vertical') {
|
|
@@ -282,7 +282,6 @@ export class PtcSelect {
|
|
|
282
282
|
this.valueChange.emit(select.value);
|
|
283
283
|
this.selectedValue = select.value;
|
|
284
284
|
if (this.fieldId === 'contact-country') {
|
|
285
|
-
console.log('changing country field value');
|
|
286
285
|
const countryCode = this.selectedValue ? this.map[this.selectedValue] : '';
|
|
287
286
|
const telField = document.querySelector('ptc-textfield[field-id="contact-phone"]');
|
|
288
287
|
if (telField && countryCode) {
|
|
@@ -351,7 +350,6 @@ export class PtcSelect {
|
|
|
351
350
|
menuItems[previousIndex].focus();
|
|
352
351
|
}
|
|
353
352
|
getValidationMessage(type) {
|
|
354
|
-
// console.log("lang type: " + type);
|
|
355
353
|
return ValidationMessages[this.language][type];
|
|
356
354
|
}
|
|
357
355
|
getSelectClassName() {
|
|
@@ -138,7 +138,6 @@ export class PtcTabList {
|
|
|
138
138
|
}
|
|
139
139
|
}, 3100); // Increased time interval from 100 to 3100 to fix the preload skeleton issue
|
|
140
140
|
tabsHeaderEl.forEach((header, index) => {
|
|
141
|
-
// console.log(header);
|
|
142
141
|
header.setAttribute('id', 'tab-' + (index + 1));
|
|
143
142
|
header.setAttribute('role', 'tab');
|
|
144
143
|
header.setAttribute('aria-selected', index === 0 ? 'true' : 'false');
|
|
@@ -32,7 +32,6 @@ export class PtcTextfield {
|
|
|
32
32
|
handleInput(event) {
|
|
33
33
|
this.inputValue = event.target.value;
|
|
34
34
|
if (this.customInput.id === 'confirm-email') {
|
|
35
|
-
//console.log("this field is confirm email field!");
|
|
36
35
|
const emailInput = document.getElementById('contact-email');
|
|
37
36
|
if (emailInput.value === this.customInput.value) {
|
|
38
37
|
this.customInput.setCustomValidity('');
|
|
@@ -41,11 +40,8 @@ export class PtcTextfield {
|
|
|
41
40
|
else if (this.customInput.value && emailInput.value !== this.customInput.value) {
|
|
42
41
|
this.customInput.setCustomValidity('Email addresses must match.');
|
|
43
42
|
this.matchStatus = false;
|
|
44
|
-
//this.helpertext = "Email addresses must match."
|
|
45
43
|
}
|
|
46
|
-
//this.customInput.reportValidity();
|
|
47
44
|
}
|
|
48
|
-
//this.setHelperText();
|
|
49
45
|
}
|
|
50
46
|
handleFocus(event) {
|
|
51
47
|
const target = event.target;
|
|
@@ -55,8 +51,6 @@ export class PtcTextfield {
|
|
|
55
51
|
}
|
|
56
52
|
}
|
|
57
53
|
inputBlurHandler() {
|
|
58
|
-
// console.log(event.target)
|
|
59
|
-
// this.getPhoneValidation();
|
|
60
54
|
this.validateTextField();
|
|
61
55
|
}
|
|
62
56
|
async syncCountry(countryCode) {
|
|
@@ -127,7 +121,6 @@ export class PtcTextfield {
|
|
|
127
121
|
this.el.classList.remove('invalid-field');
|
|
128
122
|
}
|
|
129
123
|
this.inputValue = this.iti.getNumber();
|
|
130
|
-
// console.log('sending phone number: ' + this.inputValue);
|
|
131
124
|
}
|
|
132
125
|
else if (!this.iti.isValidNumber()) {
|
|
133
126
|
if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
@@ -174,7 +167,6 @@ export class PtcTextfield {
|
|
|
174
167
|
}
|
|
175
168
|
setHelperText() {
|
|
176
169
|
this.helpertext = this.getValidationMessage('required');
|
|
177
|
-
//console.log('default: ' + this.getValidationMessage('required'));
|
|
178
170
|
if ((this.type === 'email' && this.fieldName === 'email') || (this.type === 'email' && this.fieldName === "companyemail")) {
|
|
179
171
|
if (this.customInput.validity.valueMissing) {
|
|
180
172
|
this.helpertext = this.getValidationMessage('email');
|
|
@@ -14,20 +14,7 @@ export class PtcTheaterVideoModal {
|
|
|
14
14
|
// }
|
|
15
15
|
async updateData(data, currentModalIndex) {
|
|
16
16
|
// debugger
|
|
17
|
-
// console.log(data);
|
|
18
|
-
// console.log(this.filteredTagName);
|
|
19
17
|
this.cards = data;
|
|
20
|
-
console.log(this.cards);
|
|
21
|
-
// this.cards = data.filter((item) => {
|
|
22
|
-
// const videoTagArr = item.vtagName.split(",").map((j) => j.trim());
|
|
23
|
-
// if (this.filteredTagName !== undefined && this.filteredTagName !== 'reset') {
|
|
24
|
-
// return videoTagArr.includes(this.filteredTagName);
|
|
25
|
-
// } else {
|
|
26
|
-
// return true;
|
|
27
|
-
// }
|
|
28
|
-
// });
|
|
29
|
-
// console.log(this.cards);
|
|
30
|
-
console.log(currentModalIndex);
|
|
31
18
|
this.currentCardIndex = currentModalIndex;
|
|
32
19
|
this.modalType = this.cards[this.currentCardIndex].modalType;
|
|
33
20
|
this.showModal = true;
|
|
@@ -24,7 +24,6 @@ export class PtcTheaterVideoPlaylist {
|
|
|
24
24
|
console.log(filters);
|
|
25
25
|
}
|
|
26
26
|
sortCards(filterVideo) {
|
|
27
|
-
//const cardElements = this.host.querySelectorAll('ptc-theater-video');
|
|
28
27
|
this.cardElements.forEach((cardElement) => {
|
|
29
28
|
let tagNames;
|
|
30
29
|
if (cardElement.getAttribute('vtag-name')) {
|
|
@@ -50,9 +49,6 @@ export class PtcTheaterVideoPlaylist {
|
|
|
50
49
|
});
|
|
51
50
|
}
|
|
52
51
|
setupCards() {
|
|
53
|
-
//console.log('Setup called');
|
|
54
|
-
// const cardElements = this.host.querySelectorAll('ptc-theater-video');
|
|
55
|
-
// console.log(this.cardElements);
|
|
56
52
|
this.cardElements.forEach((cardElement, index) => {
|
|
57
53
|
this.cards.push(this.setCardData(cardElement, index));
|
|
58
54
|
cardElement.addEventListener('click', () => {
|
|
@@ -61,19 +57,14 @@ export class PtcTheaterVideoPlaylist {
|
|
|
61
57
|
});
|
|
62
58
|
}
|
|
63
59
|
updateCardData(cardNumber) {
|
|
64
|
-
//console.log('updateCard called');
|
|
65
60
|
// debugger
|
|
66
61
|
this.cards = [];
|
|
67
|
-
// const cardElements = this.host.querySelectorAll('ptc-theater-video');
|
|
68
|
-
// console.log(this.cardElements);
|
|
69
62
|
this.cardElements.forEach((cardElement, index) => {
|
|
70
63
|
const tagNames = cardElement.getAttribute('vtag-name').split(",").map((item) => {
|
|
71
64
|
return item.trim();
|
|
72
65
|
});
|
|
73
|
-
// this.cards.push(this.setCardData(cardElement, index));
|
|
74
66
|
if (this.filteredTagName !== "" && this.filteredTagName !== 'reset' && this.filteredTagName !== undefined && tagNames.includes(this.filteredTagName)) {
|
|
75
67
|
this.cards.push(this.setCardData(cardElement, index));
|
|
76
|
-
// const cardNumber = parseInt(cardElement.getAttribute('card-number'));
|
|
77
68
|
cardElement.addEventListener('click', () => {
|
|
78
69
|
this.showCardDetails(cardNumber);
|
|
79
70
|
});
|
|
@@ -25,20 +25,6 @@ export class PtcTooltipV2 {
|
|
|
25
25
|
this.processText(true);
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
|
-
// componentDidLoad(){
|
|
29
|
-
// this.checkTextLinesOverflow();
|
|
30
|
-
// }
|
|
31
|
-
// checkTextLinesOverflow(){
|
|
32
|
-
// const container = this.el.shadowRoot.querySelector('.tooltip-container') as HTMLElement;
|
|
33
|
-
// if (container && this.maxLines !== undefined) {
|
|
34
|
-
// // Check if the actual height is greater than the maximum height allowed by line clamp
|
|
35
|
-
// const lineHeight = parseInt(window.getComputedStyle(container).lineHeight);
|
|
36
|
-
// //const maxLines = parseInt(container.style.webkitLineClamp);
|
|
37
|
-
// const maxHeight = lineHeight * this.maxLines;
|
|
38
|
-
// this.showTip = container.scrollHeight > maxHeight;
|
|
39
|
-
// console.log('maxHeight ' + maxHeight + ' clinetHeight: ' + container.clientHeight)
|
|
40
|
-
// }
|
|
41
|
-
// }
|
|
42
28
|
processText(initial = false) {
|
|
43
29
|
if (initial) {
|
|
44
30
|
const slot = this.el.shadowRoot.querySelector('slot');
|
|
@@ -48,16 +34,13 @@ export class PtcTooltipV2 {
|
|
|
48
34
|
.map(node => node.textContent)
|
|
49
35
|
.join('')
|
|
50
36
|
.trim();
|
|
51
|
-
//console.log('fulltext: ' + this.fullText)
|
|
52
37
|
}
|
|
53
38
|
}
|
|
54
39
|
this.displayText = this.fullText;
|
|
55
40
|
if (this.fullText.length > this.maxLength && this.maxLines === undefined) {
|
|
56
41
|
const trimmedText = this.fullText.substring(0, this.maxLength).trim();
|
|
57
|
-
// console.log('trimmedText if fullText is longer: ' + trimmedText)
|
|
58
42
|
const lastSpace = trimmedText.lastIndexOf(' ');
|
|
59
43
|
this.displayText = trimmedText.substring(0, lastSpace) + '...';
|
|
60
|
-
// console.log('displayText: ' + this.displayText)
|
|
61
44
|
this.showTip = true;
|
|
62
45
|
}
|
|
63
46
|
}
|
|
@@ -21,18 +21,9 @@ export class PtcNavSlider {
|
|
|
21
21
|
const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
22
22
|
const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
23
23
|
let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
|
|
24
|
-
//console.log(element.target.tagName)
|
|
25
24
|
this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
|
|
26
25
|
}
|
|
27
26
|
updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
|
|
28
|
-
// let offsetWidth = boxWrap.offsetWidth;
|
|
29
|
-
// let scrollWidth = boxWrap.scrollWidth;
|
|
30
|
-
// let scrollLeft = boxWrap.scrollLeft;
|
|
31
|
-
// let combine = offsetWidth + scrollLeft;
|
|
32
|
-
// console.log("offsetWidth " + offsetWidth);
|
|
33
|
-
// console.log("scrollWidth " + scrollWidth);
|
|
34
|
-
// console.log("scrollLeft " + scrollLeft);
|
|
35
|
-
// console.log("offsetWidth + scrollLeft " + combine);
|
|
36
27
|
if ((boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
37
28
|
prevBtn.style.visibility = "hidden";
|
|
38
29
|
nextBtn.style.visibility = "hidden";
|