npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1014) hide show

package/dist/components/{p-CHBSlMic.js → p-DzwB1rgn.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
-import { d as defineCustomElement$4 } from './p-Btb5VG0O.js';
-import { d as defineCustomElement$3 } from './p-BAFQzqq2.js';
-import { d as defineCustomElement$2 } from './p-fJZbg314.js';
-import { d as defineCustomElement$1 } from './p-BT44R0p2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { d as defineCustomElement$4 } from './p-CdDs3va5.js';
+import { d as defineCustomElement$3 } from './p-DyAVOdhn.js';
+import { d as defineCustomElement$2 } from './p-D0flgWRD.js';
+import { d as defineCustomElement$1 } from './p-CKp1G5v7.js';
 const ptcImageDownloadStripCss = ":host{display:block;position:relative;font-family:var(--ptc-font-secondary-latin)}:host .strip{position:absolute;bottom:0;backdrop-filter:blur(15.2px);background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.3);width:100%;padding:15px;box-sizing:border-box;text-align:right}:host .strip .dl-btn{width:54px;height:40px;background-image:linear-gradient(288deg, #74c34d, #00783e);border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none}:host .strip .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none}:host .strip .dl-btn:hover{box-shadow:0 3px 20px 0 #74c34d}:host .strip .dl-btn:hover .dl-text{display:block}:host .strip .dl-btn:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .strip .dl-btn img{max-height:18px;width:12px}";
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImageDownloadStrip as P, defineCustomElement as d };
-//# sourceMappingURL=p-CHBSlMic.js.map
+//# sourceMappingURL=p-DzwB1rgn.js.map
-//# sourceMappingURL=p-CHBSlMic.js.map
+//# sourceMappingURL=p-DzwB1rgn.js.map

package/dist/components/{p-CHBSlMic.js.map → p-DzwB1rgn.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CHBSlMic~~.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,49BAA49B;;MCOh/B,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEjC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;AACK,IAAA,SAAS;IAEjB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,MAAK;gBACb,IAAI,CAAC,SAAS,EAAE;aAChB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAgB,EAAA,UAAA,CAAA,EACrC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,wDAAwD,EAC5D,GAAG,EAAC,YAAY,EACf,CAAA,CACC,CACC,EACN,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,kBACG,IAAI,EAAA,EAElB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACN,cAAA,EAAA,KAAK,EAClB,SAAS,EAAC,cAAc,EAAA,EAAA,wBAAA,CAGb,CACD,CACN;;IAIT,SAAS,GAAA;AACR,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC;AACrE,QAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QAClC,UAAU,CAAC,MAAK;AACf,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,EAAE,OAAO,CAAC;SAC3C,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.scss?tag=ptc-image-download-strip&encapsulation=shadow","src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\tfont-family: var(--ptc-font-secondary-latin);\r\n\t.strip {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tbackdrop-filter: blur(15.2px);\r\n\t\tbackground: rgb(255, 255, 255);\r\n\t\tbackground: rgba(255, 255, 255, 0.3);\r\n\t\twidth: 100%;\r\n\t\tpadding: 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\ttext-align: right;\r\n\t\t.dl-btn {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-image: -o-linear-gradient(162deg, #74c34d, #00783e);\r\n\t\t\tbackground-image: linear-gradient(288deg, #74c34d, #00783e);\r\n\t\t\tborder: 1px solid #fff;\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin-left: auto;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.dl-text {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tline-height: 1.25;\r\n\t\t\t\tmargin-bottom: 1px;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 3px 20px 0 #74c34d;\r\n\t\t\t\t.dl-text {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\ttransition: none;\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 18px;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-image-download-strip\",\r\n\tstyleUrl: \"ptc-image-download-strip.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcImageDownloadStrip {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t News download url\r\n\t /\r\n\t@Prop() downloadUrl?: string;\r\n\t/\r\n\t tracker-id\r\n\t */\r\n\t@Prop() trackerId?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div class=\"strip mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass=\"dl-btn\"\r\n\t\t\t\t\t\thref=\"javascript:void()\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tthis.openModal();\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dl-text\">Download</span>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc=\"https://www.ptc.com/dist/ptc/images/download-arrow.svg\"\r\n\t\t\t\t\t\t\talt=\"Down Arrow\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ptc-modal\r\n\t\t\t\t\tid=\"strip-download-modal\"\r\n\t\t\t\t\tshow={false}\r\n\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\tfixed={true}\r\n\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t</ptc-modal>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\topenModal() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\"#strip-download-modal\");\r\n\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\tsetTimeout(() => {\r\n\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\twindow.open(`${this.downloadUrl}`, \"_self\");\r\n\t\t}, 1000);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DzwB1rgn.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,49BAA49B;;MCOh/B,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEjC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;AACK,IAAA,SAAS;IAEjB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,MAAK;gBACb,IAAI,CAAC,SAAS,EAAE;aAChB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAgB,EAAA,UAAA,CAAA,EACrC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,wDAAwD,EAC5D,GAAG,EAAC,YAAY,EACf,CAAA,CACC,CACC,EACN,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,kBACG,IAAI,EAAA,EAElB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACN,cAAA,EAAA,KAAK,EAClB,SAAS,EAAC,cAAc,EAAA,EAAA,wBAAA,CAGb,CACD,CACN;;IAIT,SAAS,GAAA;AACR,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC;AACrE,QAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QAClC,UAAU,CAAC,MAAK;AACf,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,EAAE,OAAO,CAAC;SAC3C,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.scss?tag=ptc-image-download-strip&encapsulation=shadow","src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\tfont-family: var(--ptc-font-secondary-latin);\r\n\t.strip {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tbackdrop-filter: blur(15.2px);\r\n\t\tbackground: rgb(255, 255, 255);\r\n\t\tbackground: rgba(255, 255, 255, 0.3);\r\n\t\twidth: 100%;\r\n\t\tpadding: 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\ttext-align: right;\r\n\t\t.dl-btn {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-image: -o-linear-gradient(162deg, #74c34d, #00783e);\r\n\t\t\tbackground-image: linear-gradient(288deg, #74c34d, #00783e);\r\n\t\t\tborder: 1px solid #fff;\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin-left: auto;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.dl-text {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tline-height: 1.25;\r\n\t\t\t\tmargin-bottom: 1px;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 3px 20px 0 #74c34d;\r\n\t\t\t\t.dl-text {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\ttransition: none;\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 18px;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-image-download-strip\",\r\n\tstyleUrl: \"ptc-image-download-strip.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcImageDownloadStrip {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t News download url\r\n\t /\r\n\t@Prop() downloadUrl?: string;\r\n\t/\r\n\t tracker-id\r\n\t */\r\n\t@Prop() trackerId?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div class=\"strip mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass=\"dl-btn\"\r\n\t\t\t\t\t\thref=\"javascript:void()\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tthis.openModal();\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dl-text\">Download</span>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc=\"https://www.ptc.com/dist/ptc/images/download-arrow.svg\"\r\n\t\t\t\t\t\t\talt=\"Down Arrow\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ptc-modal\r\n\t\t\t\t\tid=\"strip-download-modal\"\r\n\t\t\t\t\tshow={false}\r\n\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\tfixed={true}\r\n\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t</ptc-modal>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\topenModal() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\"#strip-download-modal\");\r\n\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\tsetTimeout(() => {\r\n\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\twindow.open(`${this.downloadUrl}`, \"_self\");\r\n\t\t}, 1000);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CEj09XoB.js → p-E216LnY2.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 import { f as facebookSvg, l as linkedinSvg, x as xSvg } from './p-Cy7-E173.js';
-import { r as renderSvg } from './p-avzzJuNB.js';
+import { r as renderSvg } from './p-BG9NFXDY.js';
 const emailSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCBkPSJNMC4yOTk4NjYgMEw5LjA3MDAxIDYuNzQ2NzlMMTcuNDkyMSAwSDAuMjk5ODY2WiIgZmlsbD0id2hpdGUiLz4NCiAgICA8cGF0aCBkPSJNLTAuMDA0ODIxNzggMS40MjY1VjEyTDE3Ljk2NyAxMS44NjY3VjEuMjUzMTdMOS4wNTc2NiA4LjM0NjYzTC0wLjAwNDgyMTc4IDEuNDI2NVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4=';
@@ -50,6 +50,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSocialIcons as P, defineCustomElement as d };
-//# sourceMappingURL=p-CEj09XoB.js.map
+//# sourceMappingURL=p-E216LnY2.js.map
-//# sourceMappingURL=p-CEj09XoB.js.map
+//# sourceMappingURL=p-E216LnY2.js.map

package/dist/components/{p-CEj09XoB.js.map → p-E216LnY2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CEj09XoB~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,oaAAoa;;ACArb,MAAM,iBAAiB,GAAG,2WAA2W;;MCYxX,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;AACJ,IAAA,OAAO;IACP,SAAS,GAAW,SAAS;IAE7B,MAAM,GAAW,QAAQ;AAEjC,IAAA,iBAAiB,GAAG,MAAK,GAAI;IAE7B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACrB,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAW,SAAA,CAAA,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,SAAS,WAAW,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,IAAI,KACT,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,EAAA,CAAI,EACzB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,GAAG,EACT,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,kBAAkB,IAE5B,SAAS,CAACC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CACtB,CACJ,EACA,IAAI,CAAC,OAAO,KACZ,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAQ,MAAA,CAAA,EAC7B,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAA,CAAE,EAC9B,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,sBAAsB,EAEhC,EAAA,SAAS,CAACC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,CAC9B,CACJ,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","facebookSVG","linkedinSVG","xSVG","emailSVG"],"sources":["src/media/svg-imgs/email.svg","src/components/molecules/ptc-social-icons/ptc-social-icons.scss?tag=ptc-social-icons&encapsulation=shadow","src/components/molecules/ptc-social-icons/ptc-social-icons.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\">\r\n <path d=\"M0.299866 0L9.07001 6.74679L17.4921 0H0.299866Z\" fill=\"white\"/>\r\n <path d=\"M-0.00482178 1.4265V12L17.967 11.8667V1.25317L9.05766 8.34663L-0.00482178 1.4265Z\" fill=\"white\"/>\r\n</svg>","@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n\theight: max-content;\r\n\r\n\tdiv {\r\n\t\tdisplay: flex;\r\n\t\tgap: 16px;\r\n\r\n\t\ta {\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport facebookSVG from \"../../../media/svg-imgs/facebook.svg\";\r\nimport linkedinSVG from \"../../../media/svg-imgs/linkedin.svg\";\r\nimport xSVG from \"../../../media/svg-imgs/x.svg\";\r\nimport emailSVG from \"../../../media/svg-imgs/email.svg\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-icons\",\r\n\tstyleUrl: \"ptc-social-icons.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialIcons {\r\n\t@Element() hostEle: HTMLElement;\r\n\t@Prop() facebookUrl: string;\r\n\t@Prop() linkedinUrl: string;\r\n\t@Prop() xUrl: string;\r\n\t@Prop() emailTo: string;\r\n\t@Prop() trackerId: string = \"tracker\";\r\n\r\n\t@Prop() target: string = \"_blank\";\r\n\r\n\tcomponentWillLoad = () => { };\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div id={this.trackerId}>\r\n\t\t\t\t\t{this.facebookUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-facebook`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.facebookUrl}\r\n\t\t\t\t\t\t\ttitle=\"Facebook\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Facebook\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(facebookSVG, \"\", \"Facebook\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.linkedinUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-linkedin`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.linkedinUrl}\r\n\t\t\t\t\t\t\ttitle=\"LinkedIn\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - LinkedIn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(linkedinSVG, \"\", \"LinkedIn\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.xUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-x`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.xUrl}\r\n\t\t\t\t\t\t\ttitle=\"X\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - X\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(xSVG, \"\", \"X\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.emailTo && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-email`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={`mailto:${this.emailTo}`}\r\n\t\t\t\t\t\t\ttitle=\"Email\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Email\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(emailSVG, \"\", \"Email\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-E216LnY2.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,oaAAoa;;ACArb,MAAM,iBAAiB,GAAG,2WAA2W;;MCYxX,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;AACJ,IAAA,OAAO;IACP,SAAS,GAAW,SAAS;IAE7B,MAAM,GAAW,QAAQ;AAEjC,IAAA,iBAAiB,GAAG,MAAK,GAAI;IAE7B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACrB,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAW,SAAA,CAAA,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,SAAS,WAAW,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,IAAI,KACT,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,EAAA,CAAI,EACzB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,GAAG,EACT,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,kBAAkB,IAE5B,SAAS,CAACC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CACtB,CACJ,EACA,IAAI,CAAC,OAAO,KACZ,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAQ,MAAA,CAAA,EAC7B,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAA,CAAE,EAC9B,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,sBAAsB,EAEhC,EAAA,SAAS,CAACC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,CAC9B,CACJ,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","facebookSVG","linkedinSVG","xSVG","emailSVG"],"sources":["src/media/svg-imgs/email.svg","src/components/molecules/ptc-social-icons/ptc-social-icons.scss?tag=ptc-social-icons&encapsulation=shadow","src/components/molecules/ptc-social-icons/ptc-social-icons.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\">\r\n <path d=\"M0.299866 0L9.07001 6.74679L17.4921 0H0.299866Z\" fill=\"white\"/>\r\n <path d=\"M-0.00482178 1.4265V12L17.967 11.8667V1.25317L9.05766 8.34663L-0.00482178 1.4265Z\" fill=\"white\"/>\r\n</svg>","@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n\theight: max-content;\r\n\r\n\tdiv {\r\n\t\tdisplay: flex;\r\n\t\tgap: 16px;\r\n\r\n\t\ta {\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport facebookSVG from \"../../../media/svg-imgs/facebook.svg\";\r\nimport linkedinSVG from \"../../../media/svg-imgs/linkedin.svg\";\r\nimport xSVG from \"../../../media/svg-imgs/x.svg\";\r\nimport emailSVG from \"../../../media/svg-imgs/email.svg\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-icons\",\r\n\tstyleUrl: \"ptc-social-icons.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialIcons {\r\n\t@Element() hostEle: HTMLElement;\r\n\t@Prop() facebookUrl: string;\r\n\t@Prop() linkedinUrl: string;\r\n\t@Prop() xUrl: string;\r\n\t@Prop() emailTo: string;\r\n\t@Prop() trackerId: string = \"tracker\";\r\n\r\n\t@Prop() target: string = \"_blank\";\r\n\r\n\tcomponentWillLoad = () => { };\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div id={this.trackerId}>\r\n\t\t\t\t\t{this.facebookUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-facebook`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.facebookUrl}\r\n\t\t\t\t\t\t\ttitle=\"Facebook\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Facebook\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(facebookSVG, \"\", \"Facebook\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.linkedinUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-linkedin`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.linkedinUrl}\r\n\t\t\t\t\t\t\ttitle=\"LinkedIn\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - LinkedIn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(linkedinSVG, \"\", \"LinkedIn\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.xUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-x`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.xUrl}\r\n\t\t\t\t\t\t\ttitle=\"X\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - X\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(xSVG, \"\", \"X\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.emailTo && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-email`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={`mailto:${this.emailTo}`}\r\n\t\t\t\t\t\t\ttitle=\"Email\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Email\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(emailSVG, \"\", \"Email\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CgrombOd.js → p-EcTA3sjE.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
 const ptcCardContentCss = ":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper,:host(.card-on-demand-video) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before,:host(.card-on-demand-video) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after,:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}:host(.card-on-demand-video) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.16);border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');opacity:1;left:0;right:0;top:8px;bottom:0;transform:translate(0%) scale(1);width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before{background:transparent}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after{transform:translate(0%) scale(1.07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.12)}:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before{border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}";
@@ -117,6 +117,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardContent as P, defineCustomElement as d };
-//# sourceMappingURL=p-CgrombOd.js.map
+//# sourceMappingURL=p-EcTA3sjE.js.map
-//# sourceMappingURL=p-CgrombOd.js.map
+//# sourceMappingURL=p-EcTA3sjE.js.map

package/dist/components/{p-CgrombOd.js.map → p-EcTA3sjE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CgrombOd.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted() {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted() {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted() {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted() {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted() {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted() {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted() {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted() {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted() {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-2up\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-dynamic\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"thumbnail-video-preview\"\r\n \| \"event-jumbotron-sub-card\"\r\n \| \"event-podcast\"\r\n \| \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n \| \"o-red\"\r\n \| \"o-orange\"\r\n \| \"o-blue\"\r\n \| \"o-slate-grey\"\r\n \| \"o-green\";\r\n /\r\n (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" \| \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-EcTA3sjE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted() {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted() {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted() {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted() {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted() {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted() {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted() {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted() {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted() {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-2up\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-dynamic\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"thumbnail-video-preview\"\r\n \| \"event-jumbotron-sub-card\"\r\n \| \"event-podcast\"\r\n \| \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n \| \"o-red\"\r\n \| \"o-orange\"\r\n \| \"o-blue\"\r\n \| \"o-slate-grey\"\r\n \| \"o-green\";\r\n /\r\n (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" \| \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-DHa_70hE.js → p-Hswf-bm5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
 const ptcReadmoreCss = ":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;word-wrap:break-word}.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-hyperlink);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box label:focus-visible{outline:none}.box label:focus-visible span{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.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-hyperlink)}: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}";
@@ -256,6 +256,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcReadmore as P, defineCustomElement as d };
-//# sourceMappingURL=p-DHa_70hE.js.map
+//# sourceMappingURL=p-Hswf-bm5.js.map
-//# sourceMappingURL=p-DHa_70hE.js.map
+//# sourceMappingURL=p-Hswf-bm5.js.map

package/dist/components/{p-DHa_70hE.js.map → p-Hswf-bm5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DHa_70hE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-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\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/\r\n\t the current element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t customize read more text\r\n\t /\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/\r\n\t customize less more text\r\n\t /\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/\r\n\t Read more text position: left or right\r\n\t /\r\n\r\n\t@Prop() readMorePosition: \"left\" \| \"right\" \| \"center\" = \"right\";\r\n\r\n\t/\r\n\t \r\n\t * @returns string\r\n\t /\r\n\t@Prop() display: \"inline\" \| \"block\" = \"inline\";\r\n\t/\r\n\t visible lines\r\n\t /\r\n\t@Prop() visibleLines:\r\n\t\t\| \"line1\"\r\n\t\t\| \"line2\"\r\n\t\t\| \"line3\"\r\n\t\t\| \"line4\"\r\n\t\t\| \"line5\"\r\n\t\t\| \"line10\" = \"line2\";\r\n\r\n\t/\r\n\t visible lines custom numebr\r\n\t /\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /\r\n\t// visible character custom numebr\r\n\t// /\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/\r\n\t index of hover lable\r\n\t /\r\n\t@Prop() zIndex: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-999\" = \"z-auto\";\r\n\r\n\t/\r\n\t Input element state\r\n\t /\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/\r\n\t Size: Font size of the read more text. Options small=16px \| medium=18px \| large=24px\r\n\t /\r\n\t@Prop() size: \"small\" \| \"medium\" \| \"large\" = \"small\";\r\n\r\n\t/\r\n\t Icon: if true show up/down icon besides text\r\n\t /\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/\r\n\t color: Read more text color. Options: default is blue. 'blue' \| 'gray' \| 'green' \| 'initial'\r\n\t /\r\n\t@Prop() color: \"blue\" \| \"gray\" \| \"green\" \| \"initial\" = \"blue\";\r\n\r\n\t/\r\n\t isContentSlotted: if the readmore content is from slot,\r\n\t /\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/\r\n\t more clicked Event\r\n\t /\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t// const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t// p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement \| null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement \| null;\r\n\r\n\t\tif (!checkBoxEl \|\| !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText \|\| \"\" : this.moreText \|\| \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines \|\| !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span>{this.moreText}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Hswf-bm5.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-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\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/\r\n\t the current element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t customize read more text\r\n\t /\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/\r\n\t customize less more text\r\n\t /\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/\r\n\t Read more text position: left or right\r\n\t /\r\n\r\n\t@Prop() readMorePosition: \"left\" \| \"right\" \| \"center\" = \"right\";\r\n\r\n\t/\r\n\t \r\n\t * @returns string\r\n\t /\r\n\t@Prop() display: \"inline\" \| \"block\" = \"inline\";\r\n\t/\r\n\t visible lines\r\n\t /\r\n\t@Prop() visibleLines:\r\n\t\t\| \"line1\"\r\n\t\t\| \"line2\"\r\n\t\t\| \"line3\"\r\n\t\t\| \"line4\"\r\n\t\t\| \"line5\"\r\n\t\t\| \"line10\" = \"line2\";\r\n\r\n\t/\r\n\t visible lines custom numebr\r\n\t /\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /\r\n\t// visible character custom numebr\r\n\t// /\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/\r\n\t index of hover lable\r\n\t /\r\n\t@Prop() zIndex: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-999\" = \"z-auto\";\r\n\r\n\t/\r\n\t Input element state\r\n\t /\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/\r\n\t Size: Font size of the read more text. Options small=16px \| medium=18px \| large=24px\r\n\t /\r\n\t@Prop() size: \"small\" \| \"medium\" \| \"large\" = \"small\";\r\n\r\n\t/\r\n\t Icon: if true show up/down icon besides text\r\n\t /\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/\r\n\t color: Read more text color. Options: default is blue. 'blue' \| 'gray' \| 'green' \| 'initial'\r\n\t /\r\n\t@Prop() color: \"blue\" \| \"gray\" \| \"green\" \| \"initial\" = \"blue\";\r\n\r\n\t/\r\n\t isContentSlotted: if the readmore content is from slot,\r\n\t /\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/\r\n\t more clicked Event\r\n\t /\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t// const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t// p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement \| null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement \| null;\r\n\r\n\t\tif (!checkBoxEl \|\| !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText \|\| \"\" : this.moreText \|\| \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines \|\| !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span>{this.moreText}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-B4kA15R-.js → p-Iyni6s-X.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 const ptcIconListCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-numbered-subtitle{font-family:var(--ptc-font-secondary-latin)}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:4px}@media only screen and (min-width: 768px){:host .ptc-icon-list .ptc-content-simple{padding-top:unset}}:host ::slotted(icon-asset){display:flex;align-self:center}:host ::slotted(ptc-picture){min-width:24px}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}:host(.last-item.no-bottom-space){padding-bottom:0;margin-bottom:0}:host(.feature-callout-list){padding-bottom:var(--ptc-element-spacing-04)}:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-x-small);font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:0;font-weight:var(--ptc-font-weight-semibold);word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}";
@@ -66,6 +66,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcIconList as P, defineCustomElement as d };
-//# sourceMappingURL=p-B4kA15R-.js.map
+//# sourceMappingURL=p-Iyni6s-X.js.map
-//# sourceMappingURL=p-B4kA15R-.js.map
+//# sourceMappingURL=p-Iyni6s-X.js.map

package/dist/components/{p-B4kA15R-.js.map → p-Iyni6s-X.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~B4kA15R-.~~js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Iyni6s-X.js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}