@ptcwebops/ptcw-design 7.1.0 → 7.1.2
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/buying-option-card.cjs.entry.js +1 -1
- package/dist/cjs/buying-option-cards-slider.cjs.entry.js +21 -43
- package/dist/cjs/ptc-card_2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +12 -12
- package/dist/collection/components/molecules/buying-option-card/buying-option-card.css +0 -2
- package/dist/collection/components/molecules/buying-option-cards-slider/buying-option-cards-slider.css +26 -9
- package/dist/collection/components/molecules/buying-option-cards-slider/buying-option-cards-slider.js +20 -42
- package/dist/collection/components/molecules/ptc-preloader-section/ptc-preloader-section.css +12 -5
- package/dist/collection/components/molecules/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +12 -12
- package/dist/components/blogs-search-section.js +1 -1
- package/dist/components/buying-option-card.js +1 -1
- package/dist/components/buying-option-cards-slider.js +1 -1
- package/dist/components/news-search-result.js +1 -1
- package/dist/components/{p-BuX1FkIY.js → p-BcGmF5Cj.js} +1 -1
- package/dist/components/ptc-preloader-section.js +1 -1
- package/dist/components/ptc-pricing-packaging-table.js +1 -1
- package/dist/esm/buying-option-card.entry.js +1 -1
- package/dist/esm/buying-option-cards-slider.entry.js +21 -43
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +12 -12
- package/dist/ptcw-design/{p-9642d3bc.entry.js → p-16d65d23.entry.js} +1 -1
- package/dist/ptcw-design/p-9f7cd06a.entry.js +1 -0
- package/dist/ptcw-design/{p-a6023db1.entry.js → p-b24e19bf.entry.js} +1 -1
- package/dist/ptcw-design/p-e900933a.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/molecules/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ptcw-design/p-61c7e03f.entry.js +0 -1
- package/dist/ptcw-design/p-8d45ff77.entry.js +0 -1
|
@@ -339,6 +339,12 @@ const PtcPricingPackagingTable = class {
|
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
};
|
|
342
|
+
isSlotEmpty = (slotName) => {
|
|
343
|
+
let isEmpty = true;
|
|
344
|
+
const slotElement = this.el.querySelector(`[slot="${slotName}"]`);
|
|
345
|
+
isEmpty = slotElement && !!!slotElement.innerText;
|
|
346
|
+
return isEmpty;
|
|
347
|
+
};
|
|
342
348
|
preProcessTableDescription = () => {
|
|
343
349
|
let tableDescription = this.el.querySelector('[slot="table-description"]');
|
|
344
350
|
if (tableDescription) {
|
|
@@ -491,24 +497,18 @@ const PtcPricingPackagingTable = class {
|
|
|
491
497
|
return (h("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h("div", { class: `desktop-header-first-cell` }, this.isDesktopView ? (h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "desktop-header-first-cell" }))) : null, h("div", { class: "scroll-button mf-listen", id: "previous-scroll-button" }, h("div", { class: "mf-listen", onClick: () => this.handleBackwardScroll(), onKeyDown: (e) => this.handleScrollButtonClick(e, -1), tabIndex: 0, id: `previous-scroll-button-${this.sectionId}` }, h("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.moreText))), h("div", { class: "scroll-button mf-listen", id: "next-scroll-button" }, h("div", { class: "mf-listen", onClick: () => this.handleForwardScroll(), onKeyDown: (e) => this.handleScrollButtonClick(e, 1), tabIndex: 0, id: `next-scroll-button-${this.sectionId}` }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.moreText), h("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), [...Array(this.dataCols).keys()].map((col) => {
|
|
492
498
|
return (h("div", { class: `table-cell ${col + 1 === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `column-header-${col + 1}` })), this.columnHeaderLinks.length ===
|
|
493
499
|
this.dataCols &&
|
|
494
|
-
this.columnHeaderLinks[col] ? (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-link", { "dark-focus-state": true, "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col]
|
|
495
|
-
.linkTitle, onFocus: (e) => this.handleAutoScrollOnFocus(e), "tracker-id": `column-header-${col + 1}-link-${this.sectionId}` }, this.
|
|
496
|
-
|
|
497
|
-
? "last-column-tooltip"
|
|
498
|
-
: "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })) : (this.columnHeaderLinks[col]
|
|
499
|
-
.linkText)))) : null));
|
|
500
|
+
this.columnHeaderLinks[col] ? (h(Fragment, null, this.isSlotEmpty(`column-header-${col + 1}`) ? null : (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), h("ptc-link", { "dark-focus-state": true, "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col]
|
|
501
|
+
.linkTitle, onFocus: (e) => this.handleAutoScrollOnFocus(e), "tracker-id": `column-header-${col + 1}-link-${this.sectionId}` }, this.columnHeaderLinks[col]
|
|
502
|
+
.linkText))) : null));
|
|
500
503
|
}), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })));
|
|
501
504
|
};
|
|
502
505
|
const TableHeaderPlaceholder = () => {
|
|
503
506
|
return (h("div", { id: "table-header-placeholder", class: this.headerType }, h("div", { class: `desktop-header-first-cell` }, this.isDesktopView ? (h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "placeholder-desktop-header-first-cell" }))) : null), [...Array(this.dataCols).keys()].map((col) => {
|
|
504
507
|
return (h("div", { class: `table-cell ${col + 1 === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `placeholder-column-header-${col + 1}` })), this.columnHeaderLinks.length ===
|
|
505
508
|
this.dataCols &&
|
|
506
|
-
this.columnHeaderLinks[col] ? (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col]
|
|
507
|
-
.linkTitle, "tab-nav": "-1" }, this.
|
|
508
|
-
|
|
509
|
-
? "last-column-tooltip"
|
|
510
|
-
: "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })) : (this.columnHeaderLinks[col]
|
|
511
|
-
.linkText)))) : null));
|
|
509
|
+
this.columnHeaderLinks[col] ? (h(Fragment, null, this.isSlotEmpty(`placeholder-column-header-${col + 1}`) ? null : (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col]
|
|
510
|
+
.linkTitle, "tab-nav": "-1" }, this.columnHeaderLinks[col]
|
|
511
|
+
.linkText))) : null));
|
|
512
512
|
}), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })));
|
|
513
513
|
};
|
|
514
514
|
const TableDataRows = () => {
|