@ptcwebops/ptcw-design 0.9.5 → 0.9.6
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/ptc-readmore.cjs.entry.js +16 -0
- package/dist/cjs/ptc-tooltip.cjs.entry.js +16 -0
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +16 -0
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +16 -0
- package/dist/custom-elements/index.js +32 -0
- package/dist/esm/ptc-readmore.entry.js +16 -0
- package/dist/esm/ptc-tooltip.entry.js +16 -0
- package/dist/ptcw-design/p-915784a1.entry.js +1 -0
- package/dist/ptcw-design/p-e6215459.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +1 -0
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +1 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-67e6b826.entry.js +0 -1
- package/dist/ptcw-design/p-87a59784.entry.js +0 -1
|
@@ -28,11 +28,27 @@ const PtcReadmore = class {
|
|
|
28
28
|
p.classList[p.scrollHeight > p.clientHeight ? 'add' : 'remove']('truncated');
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
32
|
+
enableAddTruncatedClass(element) {
|
|
33
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
34
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
35
|
+
let tabHeader = allTabHeaders[i];
|
|
36
|
+
if (tabHeader) {
|
|
37
|
+
tabHeader.addEventListener('click', () => {
|
|
38
|
+
setTimeout(() => {
|
|
39
|
+
this.addBtnTruncated();
|
|
40
|
+
}, 100);
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
31
45
|
componentDidLoad() {
|
|
32
46
|
this.addBtnTruncated();
|
|
33
47
|
setTimeout(() => {
|
|
34
48
|
this.addBtnTruncated();
|
|
35
49
|
}, 1000);
|
|
50
|
+
this.enableAddTruncatedClass('tab-header');
|
|
51
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
36
52
|
}
|
|
37
53
|
// click event handler
|
|
38
54
|
handleClick(event) {
|
|
@@ -25,11 +25,27 @@ const PtcTooltip = class {
|
|
|
25
25
|
t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
29
|
+
enableAddTruncatedClass(element) {
|
|
30
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
31
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
32
|
+
let tabHeader = allTabHeaders[i];
|
|
33
|
+
if (tabHeader) {
|
|
34
|
+
tabHeader.addEventListener('click', () => {
|
|
35
|
+
setTimeout(() => {
|
|
36
|
+
this.addTruncatedClass();
|
|
37
|
+
}, 100);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
28
42
|
componentDidLoad() {
|
|
29
43
|
this.addTruncatedClass();
|
|
30
44
|
setTimeout(() => {
|
|
31
45
|
this.addTruncatedClass();
|
|
32
46
|
}, 1000);
|
|
47
|
+
this.enableAddTruncatedClass('tab-header');
|
|
48
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
33
49
|
}
|
|
34
50
|
render() {
|
|
35
51
|
if (this.mode == 'wrapper') {
|
|
@@ -20,11 +20,27 @@ export class PtcReadmore {
|
|
|
20
20
|
p.classList[p.scrollHeight > p.clientHeight ? 'add' : 'remove']('truncated');
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
24
|
+
enableAddTruncatedClass(element) {
|
|
25
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
26
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
27
|
+
let tabHeader = allTabHeaders[i];
|
|
28
|
+
if (tabHeader) {
|
|
29
|
+
tabHeader.addEventListener('click', () => {
|
|
30
|
+
setTimeout(() => {
|
|
31
|
+
this.addBtnTruncated();
|
|
32
|
+
}, 100);
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
23
37
|
componentDidLoad() {
|
|
24
38
|
this.addBtnTruncated();
|
|
25
39
|
setTimeout(() => {
|
|
26
40
|
this.addBtnTruncated();
|
|
27
41
|
}, 1000);
|
|
42
|
+
this.enableAddTruncatedClass('tab-header');
|
|
43
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
28
44
|
}
|
|
29
45
|
// click event handler
|
|
30
46
|
handleClick(event) {
|
|
@@ -17,11 +17,27 @@ export class PtcTooltip {
|
|
|
17
17
|
t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
21
|
+
enableAddTruncatedClass(element) {
|
|
22
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
23
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
24
|
+
let tabHeader = allTabHeaders[i];
|
|
25
|
+
if (tabHeader) {
|
|
26
|
+
tabHeader.addEventListener('click', () => {
|
|
27
|
+
setTimeout(() => {
|
|
28
|
+
this.addTruncatedClass();
|
|
29
|
+
}, 100);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
20
34
|
componentDidLoad() {
|
|
21
35
|
this.addTruncatedClass();
|
|
22
36
|
setTimeout(() => {
|
|
23
37
|
this.addTruncatedClass();
|
|
24
38
|
}, 1000);
|
|
39
|
+
this.enableAddTruncatedClass('tab-header');
|
|
40
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
25
41
|
}
|
|
26
42
|
render() {
|
|
27
43
|
if (this.mode == 'wrapper') {
|
|
@@ -19828,11 +19828,27 @@ const PtcReadmore$1 = class extends HTMLElement$1 {
|
|
|
19828
19828
|
p.classList[p.scrollHeight > p.clientHeight ? 'add' : 'remove']('truncated');
|
|
19829
19829
|
});
|
|
19830
19830
|
}
|
|
19831
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
19832
|
+
enableAddTruncatedClass(element) {
|
|
19833
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
19834
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
19835
|
+
let tabHeader = allTabHeaders[i];
|
|
19836
|
+
if (tabHeader) {
|
|
19837
|
+
tabHeader.addEventListener('click', () => {
|
|
19838
|
+
setTimeout(() => {
|
|
19839
|
+
this.addBtnTruncated();
|
|
19840
|
+
}, 100);
|
|
19841
|
+
});
|
|
19842
|
+
}
|
|
19843
|
+
}
|
|
19844
|
+
}
|
|
19831
19845
|
componentDidLoad() {
|
|
19832
19846
|
this.addBtnTruncated();
|
|
19833
19847
|
setTimeout(() => {
|
|
19834
19848
|
this.addBtnTruncated();
|
|
19835
19849
|
}, 1000);
|
|
19850
|
+
this.enableAddTruncatedClass('tab-header');
|
|
19851
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
19836
19852
|
}
|
|
19837
19853
|
// click event handler
|
|
19838
19854
|
handleClick(event) {
|
|
@@ -20644,11 +20660,27 @@ const PtcTooltip$1 = class extends HTMLElement$1 {
|
|
|
20644
20660
|
t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
|
|
20645
20661
|
});
|
|
20646
20662
|
}
|
|
20663
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
20664
|
+
enableAddTruncatedClass(element) {
|
|
20665
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
20666
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
20667
|
+
let tabHeader = allTabHeaders[i];
|
|
20668
|
+
if (tabHeader) {
|
|
20669
|
+
tabHeader.addEventListener('click', () => {
|
|
20670
|
+
setTimeout(() => {
|
|
20671
|
+
this.addTruncatedClass();
|
|
20672
|
+
}, 100);
|
|
20673
|
+
});
|
|
20674
|
+
}
|
|
20675
|
+
}
|
|
20676
|
+
}
|
|
20647
20677
|
componentDidLoad() {
|
|
20648
20678
|
this.addTruncatedClass();
|
|
20649
20679
|
setTimeout(() => {
|
|
20650
20680
|
this.addTruncatedClass();
|
|
20651
20681
|
}, 1000);
|
|
20682
|
+
this.enableAddTruncatedClass('tab-header');
|
|
20683
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
20652
20684
|
}
|
|
20653
20685
|
render() {
|
|
20654
20686
|
if (this.mode == 'wrapper') {
|
|
@@ -24,11 +24,27 @@ const PtcReadmore = class {
|
|
|
24
24
|
p.classList[p.scrollHeight > p.clientHeight ? 'add' : 'remove']('truncated');
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
28
|
+
enableAddTruncatedClass(element) {
|
|
29
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
30
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
31
|
+
let tabHeader = allTabHeaders[i];
|
|
32
|
+
if (tabHeader) {
|
|
33
|
+
tabHeader.addEventListener('click', () => {
|
|
34
|
+
setTimeout(() => {
|
|
35
|
+
this.addBtnTruncated();
|
|
36
|
+
}, 100);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
27
41
|
componentDidLoad() {
|
|
28
42
|
this.addBtnTruncated();
|
|
29
43
|
setTimeout(() => {
|
|
30
44
|
this.addBtnTruncated();
|
|
31
45
|
}, 1000);
|
|
46
|
+
this.enableAddTruncatedClass('tab-header');
|
|
47
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
32
48
|
}
|
|
33
49
|
// click event handler
|
|
34
50
|
handleClick(event) {
|
|
@@ -21,11 +21,27 @@ const PtcTooltip = class {
|
|
|
21
21
|
t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
+
// Created this function to initialize the truncate function on specific elements like tabs
|
|
25
|
+
enableAddTruncatedClass(element) {
|
|
26
|
+
const allTabHeaders = document.querySelectorAll(element);
|
|
27
|
+
for (let i = 0; i < allTabHeaders.length; i++) {
|
|
28
|
+
let tabHeader = allTabHeaders[i];
|
|
29
|
+
if (tabHeader) {
|
|
30
|
+
tabHeader.addEventListener('click', () => {
|
|
31
|
+
setTimeout(() => {
|
|
32
|
+
this.addTruncatedClass();
|
|
33
|
+
}, 100);
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
24
38
|
componentDidLoad() {
|
|
25
39
|
this.addTruncatedClass();
|
|
26
40
|
setTimeout(() => {
|
|
27
41
|
this.addTruncatedClass();
|
|
28
42
|
}, 1000);
|
|
43
|
+
this.enableAddTruncatedClass('tab-header');
|
|
44
|
+
this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
|
|
29
45
|
}
|
|
30
46
|
render() {
|
|
31
47
|
if (this.mode == 'wrapper') {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as i,g as s}from"./p-9fb2ab8c.js";const e=class{constructor(o){t(this,o),this.textDisplay="inline",this.maxLength=45,this.textLines=void 0,this.description="Lorem ipsum dolor sit amet, consectetur adipiscing elit.",this.zIndex="z-auto",this.position="bottom",this.styles=void 0,this.mode="text-only"}addTruncatedClass(){this.el.shadowRoot.querySelectorAll(".ellipsis-by-line-boxing").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(t){const o=document.querySelectorAll(t);for(let t=0;t<o.length;t++){let i=o[t];i&&i.addEventListener("click",(()=>{setTimeout((()=>{this.addTruncatedClass()}),100)}))}}componentDidLoad(){this.addTruncatedClass(),setTimeout((()=>{this.addTruncatedClass()}),1e3),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown")}render(){if("wrapper"==this.mode)return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),o("div",{class:"wrapper-content"},o("slot",null),o("div",{class:`tooltip ${this.position}`},this.description)));{const t=this.getCssClassMap(),s=this.getLineCuttoff();let e=this.description.substring(0,this.maxLength);if(this.description.length>this.maxLength){const t=e.lastIndexOf(" ");e=e.substring(0,t),e+="... "}return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),this.textLines>0&&this.textLines?o("div",{class:"ellipsis-by-line-boxing",style:s},this.description):o("div",{class:t},e),o("div",{class:`tooltip ${this.position}`},this.description))}}getCssClassMap(){return{"text-ellipsis":!0,[this.zIndex]:this.description.length>this.maxLength,truncated:this.description.length>this.maxLength&&!this.textLines}}getLineCuttoff(){let t;return this.textLines&&this.textLines>0&&(t={"-webkit-line-clamp":`${this.textLines}`}),t}get el(){return s(this)}};e.style=':host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:"";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}';export{e as ptc_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as i,g as o}from"./p-9fb2ab8c.js";const a=class{constructor(t){e(this,t),this.moreText="read more",this.lessText=void 0,this.readMorePosition="right",this.display="inline",this.visibleLines="line2",this.visibleLinesCustom=void 0,this.zIndex="z-auto",this.checked=!1,this.size="small",this.isIcon=!1,this.color="blue"}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((e=>{e.classList[e.scrollHeight>e.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(e){const t=document.querySelectorAll(e);for(let e=0;e<t.length;e++){let i=t[e];i&&i.addEventListener("click",(()=>{setTimeout((()=>{this.addBtnTruncated()}),100)}))}}componentDidLoad(){this.addBtnTruncated(),setTimeout((()=>{this.addBtnTruncated()}),1e3),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown")}handleClick(e){this.addBtnTruncated(),this.checked=e.target.checked;const t=this.el.shadowRoot.querySelector(".read-more-cta-label");t.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?t.classList.add("show-less-cta"):t.classList.remove("show-less-cta")}render(){const e=this.getCssClassMap();return t(i,{class:this.display},t("div",{class:e},t("input",{type:"checkbox",id:"expanded",onClick:e=>this.handleClick(e)}),t("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},t("slot",null)),t("label",{htmlFor:"expanded",role:"button",class:`${this.zIndex} read-more-cta-label`,style:{textAlign:`${this.readMorePosition}`}},t("span",null,this.moreText))))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return o(this)}};a.style=":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-blue-07);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-blue-07)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";export{a as ptc_readmore}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-9fb2ab8c.js";export{s as setNonce}from"./p-9fb2ab8c.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-4882c5fc",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"]}],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-c177667e",[[1,"bundle-example",{"isLoading":[32]}]]],["p-0099616c",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-1def8f3c",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"outCardState":[1025,"out-card-state"],"cardStatus":[32],"overlayExists":[32],"changeState":[64]}]]],["p-fe812eaf",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabItems":[32],"isMobileViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-0828fe2e",[[4,"ptc-tab-list",{"type":[1],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-13b0d8c3",[[1,"ptc-breadcrumb"]]],["p-fa17a02e",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-63fab352",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-c325283e",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["p-5c295f08",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}]]],["p-9ae79cae",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-c7247cc9",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-d625bb90",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}]]],["p-65aa6afd",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"]}]]],["p-8d48362b",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-d24446b2",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["p-b48a3e6f",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[1028,"is-hovered"]}]]],["p-91512aeb",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-c15fae86",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"cardHrefAlt":[1025,"card-href-alt"],"target":[1025],"rel":[1025],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-2cc97b88",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-631238df",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"]}]]],["p-bc0181f3",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"isHover":[32]}]]],["p-c693e1c5",[[1,"max-width-container",{"maxWidth":[2,"max-width"],"breakpoint":[2]}]]],["p-8bcb2fab",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-62cabff9",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["p-bbeb95bd",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-8b5e393e",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"type":[1]}]]],["p-ce3627b8",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]]],["p-2eb5ef88",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-159d9a80",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-329cc205",[[1,"ptc-minimized-footer"]]],["p-586d9c9d",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["p-2de0f980",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-001a0b9f",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["p-e66a28aa",[[1,"ptc-responsive-wrapper"]]],["p-34db9e46",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-013f5355",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["p-673121e2",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-727ef7a7",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-c8e804a7",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-01783129",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4]}]]],["p-fed5edd3",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-de6b444f",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-31fbba12",[[4,"tab-header",{"name":[1],"tooltip":[1],"isSelected":[32],"getChild":[64]}]]],["p-dcf0d341",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["p-b4d92914",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["p-3ca4de06",[[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]]],["p-b9f12c38",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-87a59784",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1]},[[9,"resize","addBtnTruncated"]]]]],["p-96883fd7",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["p-50c88717",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-c460476d",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-2ac518f1",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-67e6b826",[[1,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1]},[[9,"resize","addTruncatedClass"]]]]],["p-294df3ac",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-0f937cff",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["p-446df289",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-e353a8e8",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as t}from"./p-9fb2ab8c.js";export{s as setNonce}from"./p-9fb2ab8c.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-4882c5fc",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"]}],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-c177667e",[[1,"bundle-example",{"isLoading":[32]}]]],["p-0099616c",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-1def8f3c",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"outCardState":[1025,"out-card-state"],"cardStatus":[32],"overlayExists":[32],"changeState":[64]}]]],["p-fe812eaf",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabItems":[32],"isMobileViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-0828fe2e",[[4,"ptc-tab-list",{"type":[1],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-13b0d8c3",[[1,"ptc-breadcrumb"]]],["p-fa17a02e",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-63fab352",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-c325283e",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["p-5c295f08",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}]]],["p-9ae79cae",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-c7247cc9",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-d625bb90",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}]]],["p-65aa6afd",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"]}]]],["p-8d48362b",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-d24446b2",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["p-b48a3e6f",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[1028,"is-hovered"]}]]],["p-91512aeb",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-c15fae86",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"cardHrefAlt":[1025,"card-href-alt"],"target":[1025],"rel":[1025],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-2cc97b88",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-631238df",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"]}]]],["p-bc0181f3",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"isHover":[32]}]]],["p-c693e1c5",[[1,"max-width-container",{"maxWidth":[2,"max-width"],"breakpoint":[2]}]]],["p-8bcb2fab",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-62cabff9",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["p-bbeb95bd",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-8b5e393e",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"type":[1]}]]],["p-ce3627b8",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]]],["p-2eb5ef88",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-159d9a80",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-329cc205",[[1,"ptc-minimized-footer"]]],["p-586d9c9d",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["p-2de0f980",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-001a0b9f",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["p-e66a28aa",[[1,"ptc-responsive-wrapper"]]],["p-34db9e46",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-013f5355",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["p-673121e2",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-727ef7a7",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-c8e804a7",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-01783129",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4]}]]],["p-fed5edd3",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-de6b444f",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-31fbba12",[[4,"tab-header",{"name":[1],"tooltip":[1],"isSelected":[32],"getChild":[64]}]]],["p-dcf0d341",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["p-b4d92914",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["p-3ca4de06",[[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]]],["p-b9f12c38",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-e6215459",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1]},[[9,"resize","addBtnTruncated"]]]]],["p-96883fd7",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["p-50c88717",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-c460476d",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-2ac518f1",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-915784a1",[[1,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1]},[[9,"resize","addTruncatedClass"]]]]],["p-294df3ac",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-0f937cff",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["p-446df289",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-e353a8e8",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]]'),e)));
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
# PTC Design 0.9.
|
|
3
|
+
# PTC Design 0.9.6
|
|
4
4
|
The site is the place for documentation on PTC Design System
|
|
5
5
|
|
|
6
6
|
## Building the Site
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as i,g as s}from"./p-9fb2ab8c.js";const r=class{constructor(o){t(this,o),this.textDisplay="inline",this.maxLength=45,this.textLines=void 0,this.description="Lorem ipsum dolor sit amet, consectetur adipiscing elit.",this.zIndex="z-auto",this.position="bottom",this.styles=void 0,this.mode="text-only"}addTruncatedClass(){this.el.shadowRoot.querySelectorAll(".ellipsis-by-line-boxing").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}componentDidLoad(){this.addTruncatedClass(),setTimeout((()=>{this.addTruncatedClass()}),1e3)}render(){if("wrapper"==this.mode)return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),o("div",{class:"wrapper-content"},o("slot",null),o("div",{class:`tooltip ${this.position}`},this.description)));{const t=this.getCssClassMap(),s=this.getLineCuttoff();let r=this.description.substring(0,this.maxLength);if(this.description.length>this.maxLength){const t=r.lastIndexOf(" ");r=r.substring(0,t),r+="... "}return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),this.textLines>0&&this.textLines?o("div",{class:"ellipsis-by-line-boxing",style:s},this.description):o("div",{class:t},r),o("div",{class:`tooltip ${this.position}`},this.description))}}getCssClassMap(){return{"text-ellipsis":!0,[this.zIndex]:this.description.length>this.maxLength,truncated:this.description.length>this.maxLength&&!this.textLines}}getLineCuttoff(){let t;return this.textLines&&this.textLines>0&&(t={"-webkit-line-clamp":`${this.textLines}`}),t}get el(){return s(this)}};r.style=':host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:"";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}';export{r as ptc_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as o}from"./p-9fb2ab8c.js";const a=class{constructor(t){e(this,t),this.moreText="read more",this.lessText=void 0,this.readMorePosition="right",this.display="inline",this.visibleLines="line2",this.visibleLinesCustom=void 0,this.zIndex="z-auto",this.checked=!1,this.size="small",this.isIcon=!1,this.color="blue"}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((e=>{e.classList[e.scrollHeight>e.clientHeight?"add":"remove"]("truncated")}))}componentDidLoad(){this.addBtnTruncated(),setTimeout((()=>{this.addBtnTruncated()}),1e3)}handleClick(e){this.addBtnTruncated(),this.checked=e.target.checked;const t=this.el.shadowRoot.querySelector(".read-more-cta-label");t.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?t.classList.add("show-less-cta"):t.classList.remove("show-less-cta")}render(){const e=this.getCssClassMap();return t(i,{class:this.display},t("div",{class:e},t("input",{type:"checkbox",id:"expanded",onClick:e=>this.handleClick(e)}),t("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},t("slot",null)),t("label",{htmlFor:"expanded",role:"button",class:`${this.zIndex} read-more-cta-label`,style:{textAlign:`${this.readMorePosition}`}},t("span",null,this.moreText))))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return o(this)}};a.style=":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-blue-07);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-blue-07)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";export{a as ptc_readmore}
|