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-BT44R0p2.js → p-CKp1G5v7.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';
 import { g as getSeoTagType } from './p-DpFzAwLW.js';
 const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
@@ -156,7 +156,7 @@ const PtcTitle = /*@__PURE__*/ proxyCustomElement(class PtcTitle extends H {
         if (this.el == firstChild) {
             this.el.innerHTML = "";
         }
-        return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0
+        return (h(Host, { style: { textAlign: this.textAlign == 'center' ? 'center' : '' } }, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0
                 ? "line-clamp-title"
                 : "" }))));
     }
@@ -248,6 +248,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTitle as P, defineCustomElement as d };
-//# sourceMappingURL=p-BT44R0p2.js.map
+//# sourceMappingURL=p-CKp1G5v7.js.map
-//# sourceMappingURL=p-BT44R0p2.js.map
+//# sourceMappingURL=p-CKp1G5v7.js.map

package/dist/components/p-CKp1G5v7.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-CKp1G5v7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-title/ptc-title.scss?tag=ptc-title&encapsulation=scoped","src/components/atoms/ptc-title/ptc-title.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\ndiv {\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t\twidth: 100%;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tright: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.inherit {\r\n\t\ttext-align: inherit;\r\n\t}\r\n\t&.dotted {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\t//left: 0;\r\n\t\t\t\ttop: -6px;\r\n\t\t\t\twidth: 30%;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tborder-top: 3px dashed var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.solid {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tpadding-top: 12px;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 0.7px;\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\topacity: 0.9;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 56px;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\ttop: -2px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//Standard theme\r\n\t&.is-standard {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t\th1 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t\th2 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//PLM hub theme\r\n\t&.is-plm-hub {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-block-start: 0em;\r\n\t\t\tmargin-block-end: 0em;\r\n\t\t\tmargin-inline-start: 0px;\r\n\t\t\tmargin-inline-end: 0px;\r\n\t\t\tcolor: var(--color-white) !important;\r\n\t\t}\r\n\t}\r\n\t//margin\r\n\t&.margin-flush {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0;\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-top-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-bottom-2 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-3 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-4 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-5 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-6 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t}\r\n\t&.margin-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t}\r\n\t&.margin-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\t&.margin-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\th4 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t}\r\n\t&.margin-9 {\r\n\t\tmargin-top: var(--ptc-element-spacing-09);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-09);\r\n\t}\r\n\t//Text shadow color\r\n\t&.green {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-green-07);\r\n\t\t}\r\n\t}\r\n\t&.blue {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-blue-07);\r\n\t\t}\r\n\t}\r\n\t&.red {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-red-07);\r\n\t\t}\r\n\t}\r\n\t&.orange {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-orange-07);\r\n\t\t}\r\n\t}\r\n\t&.slate-grey {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-gray-07);\r\n\t\t}\r\n\t}\r\n\t//Title weight\r\n\t&.w-3 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-thin);\r\n\t\t}\r\n\t}\r\n\t&.w-4 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t}\r\n\t}\r\n\t&.w-5 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t}\r\n\t}\r\n\t&.w-6 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\t&.w-7 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t}\r\n\t}\r\n\t&.w-8 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\t&.w-9 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t}\r\n\t}\r\n\t//Title Size\r\n\t&.xx-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.x-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\t}\r\n\t&.small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.x-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-desktop {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-store {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.densest {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n\t&.denser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-denser);\r\n\t\t}\r\n\t}\r\n\t&.dense {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t}\r\n\t}\r\n\t&.normal {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-normal);\r\n\t\t}\r\n\t}\r\n\t&.loose {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-loose);\r\n\t\t}\r\n\t}\r\n\t&.looser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-looser);\r\n\t\t}\r\n\t}\r\n\t&.paragraph {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-paragraph);\r\n\t\t}\r\n\t}\r\n\r\n\t// Title colors\r\n\t&.black {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-black);\r\n\t\t}\r\n\t}\r\n\t&.white {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\t&.gray-1 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-01);\r\n\t\t}\r\n\t}\r\n\t&.gray {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&.gray-darker {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t}\r\n\t}\r\n\t&.ellipsis-boxing {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.block {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.line-clamp-title {\r\n\tdisplay: -webkit-box !important;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tdiv {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n tag: \"ptc-title\",\r\n styleUrl: \"ptc-title.scss\",\r\n scoped: true,\r\n})\r\nexport class PtcTitle {\r\n @Element() el: HTMLElement;\r\n /**\r\n * Is this title using on the PLM Hub page\r\n */\r\n @Prop() isPlmHub: boolean = false;\r\n /**\r\n * Title Tag Type\r\n */\r\n @Prop() type: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\r\n /**\r\n * Text Align\r\n */\r\n @Prop() textAlign: \"left\" | \"center\" | \"right\" | \"inherit\";\r\n /**\r\n * Upperline Style\r\n */\r\n @Prop() upperline: \"dotted\" | \"solid\" | \"no-upperline\" = \"dotted\";\r\n /**\r\n * Title Shadow\r\n */\r\n @Prop() titleShadow: \"blue\" | \"red\" | \"green\" | \"orange\" | \"slate-grey\";\r\n /**\r\n * Title color\r\n */\r\n @Prop() titleColor: \"black\" | \"white\" | \"gray\" | \"gray-darker\" | \"gray-1\" =\r\n \"gray\";\r\n /**\r\n * Title Margin\r\n */\r\n @Prop() titleMargin?:\r\n | \"margin-flush\"\r\n | \"margin-top-3\"\r\n | \"margin-top-4\"\r\n | \"margin-top-5\"\r\n | \"margin-top-6\"\r\n | \"margin-bottom-3\"\r\n | \"margin-bottom-4\"\r\n | \"margin-bottom-5\"\r\n | \"margin-bottom-6\"\r\n | \"margin-3\"\r\n | \"margin-4\"\r\n | \"margin-5\"\r\n | \"margin-6\"\r\n | \"margin-9\";\r\n\r\n /**\r\n * Title weight\r\n */\r\n @Prop() titleWeight: \"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\";\r\n /**\r\n * Title size\r\n */\r\n @Prop() titleSize:\r\n | \"xx-small\"\r\n | \"x-small\"\r\n | \"small\"\r\n | \"medium\"\r\n | \"large\"\r\n | \"x-large\"\r\n | \"xx-large\"\r\n | \"xxx-large\"\r\n | \"xxxx-large\"\r\n | \"xxxx-large-allbp\"\r\n | \"xx-large-allbp\"\r\n | \"xxxx-large-desktop\"\r\n | \"xxxx-large-store\";\r\n /**\r\n * Title line height\r\n */\r\n @Prop() titleHeight:\r\n | \"densest\"\r\n | \"denser\"\r\n | \"dense\"\r\n | \"normal\"\r\n | \"loose\"\r\n | \"looser\"\r\n | \"paragraph\" = \"densest\";\r\n\r\n @Prop() styles?: string;\r\n /**\r\n * Line number to cut text off at and add ellipsis\r\n */\r\n @Prop() ellipsisLineCutoff?: number;\r\n\r\n /**\r\n * Title heading display : To show line above heading full width or title width\r\n */\r\n @Prop() titleDisplay: \"block\" | \"inline-block\";\r\n\r\n /**\r\n * (optional) enable support for seo tools that can only view source\r\n */\r\n @Prop() seoCompatibilityMode: boolean = false;\r\n\r\n // Tooltip Properties started\r\n /**\r\n * index of hover tooltip element\r\n */\r\n @Prop() tooltipZIndex: string = \"auto\";\r\n /**\r\n * Tooltip position\r\n */\r\n @Prop() tooltipPosition:\r\n | \"left\"\r\n | \"right\"\r\n | \"bottom\"\r\n | \"bottom-right\"\r\n | \"top\" = \"bottom\";\r\n /**\r\n * (optional) Injected CSS Styles\r\n */\r\n @Prop() tooltipTheme: \"standard\" | \"danger\" = \"standard\";\r\n @Prop() enableTooltip: boolean = false;\r\n @Prop() maxChars: number;\r\n @Prop() maxLines: number;\r\n tooltipText: string;\r\n @Prop() hideTooltipOnMobile: boolean = false;\r\n @State() ismob: boolean;\r\n\r\n /**\r\n * This will make the width 100% respective to its parent\r\n */\r\n @Prop() tooltipWidth?: \"full-width\" | \"default\" = \"default\";\r\n // Tooltip Properties ends\r\n\r\n componentDidLoad() {\r\n if (this.hideTooltipOnMobile) {\r\n this.el.classList.add(\"hide-tooltip-on-mobile\");\r\n }\r\n this.el.addEventListener(\"mouseenter\", () =>\r\n this.toggleTitleTooltip(true)\r\n );\r\n this.el.addEventListener(\"mouseleave\", () =>\r\n this.toggleTitleTooltip(false)\r\n );\r\n }\r\n\r\n render() {\r\n if (this.seoCompatibilityMode) {\r\n return this.seoCompRender();\r\n } else {\r\n return this.standardRender();\r\n }\r\n }\r\n\r\n getSortedText(content: string): string | undefined {\r\n if (!this.enableTooltip) return;\r\n const trimmedContent = content.trim();\r\n const shouldTruncate =\r\n trimmedContent.length > this.maxChars && !this.maxLines;\r\n return shouldTruncate\r\n ? trimmedContent.slice(0, this.maxChars) + \"...\"\r\n : trimmedContent;\r\n }\r\n\r\n toggleTitleTooltip(show: boolean) {\r\n const tooltipClass = \"tooltip-box\";\r\n const existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n const text = this.el.querySelectorAll(\".line-clamp-title\");\r\n let maxLinesShowCheck: boolean = false;\r\n if (text) {\r\n text.forEach((t) => {\r\n maxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n });\r\n }\r\n const ifCharExceeds =\r\n this.tooltipText &&\r\n this.tooltipText.length > this.maxChars &&\r\n !this.maxLines;\r\n const ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n if (show && this.enableTooltip) {\r\n if (\r\n (!existingTooltip && ifCharExceeds) ||\r\n (!existingTooltip && ifLinesExceeds)\r\n ) {\r\n const tooltipMarkup = document.createElement(\"div\");\r\n tooltipMarkup.className = tooltipClass;\r\n tooltipMarkup.innerText = this.tooltipText;\r\n tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n tooltipMarkup.classList.add(\r\n this.tooltipPosition,\r\n this.tooltipTheme,\r\n this.tooltipWidth\r\n );\r\n if (this.hideTooltipOnMobile) {\r\n tooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n }\r\n this.el.querySelector(\"div\")?.appendChild(tooltipMarkup);\r\n }\r\n } else {\r\n existingTooltip?.remove();\r\n }\r\n }\r\n\r\n seoCompRender() {\r\n const classMap = this.getCssClassMap();\r\n const cutOff = this.getLineCuttoff();\r\n\r\n const [TagType, firstChild] = getSeoTagType(this.el, this.type);\r\n let html = firstChild && firstChild.innerHTML;\r\n\r\n // added for tooltip\r\n this.tooltipText = html.trim();\r\n let eleText = firstChild && firstChild.innerText;\r\n html = this.enableTooltip ? this.getSortedText(eleText) : html;\r\n\r\n if (this.el == firstChild) {\r\n this.el.innerHTML = \"\";\r\n }\r\n return (\r\n <Host style={{ textAlign: this.textAlign == 'center' ? 'center' : '' }}>\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class={classMap}>\r\n <TagType\r\n innerHTML={html}\r\n style={cutOff}\r\n class={\r\n this.maxLines && this.maxLines > 0\r\n ? \"line-clamp-title\"\r\n : \"\"\r\n }\r\n ></TagType>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n standardRender() {\r\n const classMap = this.getCssClassMap();\r\n const cutOff = this.getLineCuttoff();\r\n\r\n let TagType: string;\r\n switch (this.type) {\r\n case \"h1\":\r\n TagType = \"h1\";\r\n break;\r\n case \"h3\":\r\n TagType = \"h3\";\r\n break;\r\n case \"h4\":\r\n TagType = \"h4\";\r\n break;\r\n case \"h5\":\r\n TagType = \"h5\";\r\n break;\r\n case \"h6\":\r\n TagType = \"h6\";\r\n break;\r\n default:\r\n TagType = \"h2\";\r\n }\r\n return (\r\n <Host>\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class={classMap}>\r\n <TagType style={cutOff}>\r\n <slot></slot>\r\n </TagType>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.textAlign]: !!this.textAlign ? true : false,\r\n [this.upperline]: true,\r\n [this.isPlmHub ? \"is-plm-hub\" : \"is-standard\"]: true,\r\n [this.titleMargin]: !!this.titleMargin ? true : false,\r\n [this.titleShadow]: !!this.titleShadow ? true : false,\r\n [this.titleWeight]: !!this.titleWeight ? true : false,\r\n [this.titleSize]: !!this.titleSize ? true : false,\r\n [this.titleHeight]: !!this.titleHeight ? true : false,\r\n [this.titleColor]: !!this.titleColor ? true : false,\r\n [\"ellipsis-boxing\"]:\r\n this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n [this.titleDisplay]: !!this.titleDisplay ? true : false,\r\n };\r\n }\r\n\r\n private getLineCuttoff(): StylesMap {\r\n const lineClamp =\r\n this.ellipsisLineCutoff > 0\r\n ? this.ellipsisLineCutoff\r\n : this.maxLines;\r\n return lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-B8tFe8Su.js → p-CL4G31qv.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host, a as getAssetPath } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host, a as getAssetPath } from './p-BvGlmU4v.js';
 const iconAssetCss = "icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.disabled.sc-icon-asset{fill:var(--color-gray-03)}svg.disabled.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.disabled.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.disabled.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-03)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}svg.sc-icon-asset:focus{outline:none !important}svg[tabIndex=\"0\"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}svg[tabIndex=\"0\"].sc-icon-asset:focus{outline:none !important}";
@@ -112,6 +112,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { IconAsset as I, defineCustomElement as d };
-//# sourceMappingURL=p-B8tFe8Su.js.map
+//# sourceMappingURL=p-CL4G31qv.js.map
-//# sourceMappingURL=p-B8tFe8Su.js.map
+//# sourceMappingURL=p-CL4G31qv.js.map

package/dist/components/{p-B8tFe8Su.js.map → p-CL4G31qv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-B8tFe8Su.js","mappings":";;AAAA,MAAM,YAAY,GAAG,4zGAA4zG;;MCiBp0G,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;AACK,IAAA,IAAI;AACZ;;AAEG;IACK,IAAI,GAWM,UAAU;AAC5B;;AAEG;IACK,IAAI,GAA2C,SAAS;AAChE;;AAEG;IACK,IAAI,GAAmB,EAAE;AACjC;;AAEG;IACK,KAAK,GAAoB,EAAE;AACnC;;AAEG;IACK,KAAK,GASE,SAAS;AACxB;;AAEG;AACK,IAAA,cAAc;AACtB;;AAEG;AACK,IAAA,aAAa;IAEb,OAAO,GAAa,KAAK;IACzB,SAAS,GAAY,EAAE;AAEtB,IAAA,KAAK;IAEd,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACf,eAAe,EAAE,IAAI,CAAC,aAAa;YACnC,YAAY,EAAE,IAAI,CAAC,WAAW;YAC9B,aAAa,EAAE,IAAI,CAAC,WAAW;YAC/B,WAAW,EAAE,IAAI,CAAC,SAAS;AAC3B,SAAA,CAAC;;IAGH,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE;YAC1B,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,aAAa,IAAI,iBAAQ,IAAI,CAAC,aAAa,CAAS,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,CAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,CAAQ,CAChD,CACA;;AAEF,aAAA,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE;YAChC,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,aAAa,IAAI,iBAAQ,IAAI,CAAC,aAAa,CAAS,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,CAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,CAAQ,CAChD,CACA;;AAEF,aAAA,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE;AAC9B,YAAA,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,aAAa,IAAI,iBAAQ,IAAI,CAAC,aAAa,CAAS,EAC1D,CAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE,QAAQ,EAAA,aAAA,EACF,IAAI,CAAC,cAAc,IAAI,MAAM,EAC1C,QAAQ,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,EAAE,EAC/B,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EAElB,CAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,CAAQ,CAC9C,CACA;;aAEF;YACN,QACC,EAAC,IAAI,EAAA,IAAA,EACH,IAAI,CAAC,aAAa,IAAI,iBAAQ,IAAI,CAAC,aAAa,CAAS,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,CAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,CAAQ,CAClD,CACA;;;IAKF,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI;AAClB,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI;AAClB,YAAA,CAAC,gBAAgB,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,KAAK;AACtD,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,KAAK,EAAE,GAAG,IAAI,GAAG,KAAK;SACnD;;AAGM,IAAA,aAAa,GAAW,YAAY,CAAC,qBAAqB,CAAC;AAC3D,IAAA,WAAW,GAAW,YAAY,CAAC,mBAAmB,CAAC;AACvD,IAAA,WAAW,GAAW,YAAY,CAAC,oBAAoB,CAAC;AACxD,IAAA,SAAS,GAAW,YAAY,CAAC,6BAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/icon-asset/icon-asset.scss?tag=icon-asset&encapsulation=scoped","src/components/atoms/icon-asset/icon-asset.tsx"],"sourcesContent":["//@import \"./media/svg-with-js.min.css\";\r\n@use 'mixins' as ;\r\n\r\nicon-asset {\r\n vertical-align: middle;\r\n}\r\nsvg {\r\n transition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n &.micro {\r\n width: calc(var(--ptc-font-size-x-small) / 2);\r\n height: calc(var(--ptc-font-size-x-small) / 2);\r\n }\r\n &.xxx-small {\r\n width: var(--ptc-font-size-xxx-small);\r\n height: var(--ptc-font-size-xxx-small);\r\n }\r\n &.xx-small {\r\n width: var(--ptc-font-size-xx-small);\r\n height: var(--ptc-font-size-xx-small);\r\n }\r\n &.x-small {\r\n width: var(--ptc-font-size-x-small);\r\n height: var(--ptc-font-size-x-small);\r\n }\r\n\r\n &.small {\r\n width: var(--ptc-font-size-small);\r\n height: var(--ptc-font-size-small);\r\n }\r\n &.medium {\r\n width: var(--ptc-font-size-medium);\r\n height: var(--ptc-font-size-medium);\r\n }\r\n &.large {\r\n width: var(--ptc-font-size-large);\r\n height: var(--ptc-font-size-large);\r\n }\r\n\r\n &.x-large {\r\n width: var(--ptc-font-size-x-large);\r\n height: var(--ptc-font-size-x-large);\r\n }\r\n\r\n &.xx-large {\r\n width: var(--ptc-font-size-xx-large);\r\n height: var(--ptc-font-size-xx-large);\r\n }\r\n\r\n &.xxx-large {\r\n width: var(--ptc-font-size-xxx-large);\r\n height: var(--ptc-font-size-xxx-large);\r\n }\r\n &.xxxx-large {\r\n width: var(--ptc-font-size-xxxx-large);\r\n height: var(--ptc-font-size-xxxx-large);\r\n }\r\n\r\n &.white {\r\n fill: var(--color-white);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-white);\r\n }\r\n }\r\n\r\n &.black {\r\n fill: var(--color-black);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-black);\r\n }\r\n }\r\n\r\n &.ptc-green {\r\n fill: var(--color-green-07);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-green-07);\r\n }\r\n }\r\n &.gray {\r\n fill: var(--color-gray-06);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-gray-06);\r\n }\r\n }\r\n &.light-gray {\r\n fill: var(--color-gray-05);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-gray-05);\r\n }\r\n }\r\n &.disabled {\r\n fill: var(--color-gray-03);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-gray-03);\r\n }\r\n }\r\n &.primary-gray {\r\n fill: var(--color-gray-10);\r\n }\r\n &.inherit {\r\n fill: inherit;\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: inherit;\r\n }\r\n }\r\n &:focus {\r\n outline: none !important;\r\n }\r\n}\r\n\r\nsvg[tabIndex='0'] {\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n &:focus {\r\n outline: none !important;\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tgetAssetPath,\r\n\th,\r\n\tProp,\r\n\tHost,\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: \"icon-asset\",\r\n\tstyleUrl: \"icon-asset.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tscoped: true,\r\n})\r\nexport class IconAsset {\r\n\t/\r\n\t Icon ID name\r\n\t /\r\n\t@Prop() name: string;\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"micro\"\r\n\t\t\| \"xxx-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"xx-small\";\r\n\t/\r\n\t Icon Type\r\n\t /\r\n\t@Prop() type: \"solid\" \| \"brands\" \| \"ptc\" \| \"regular\" = \"regular\";\r\n\t/\r\n\t Icon Spin Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() spin: \"fa-spin\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Pulse Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() pulse: \"fa-pulse\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Color\r\n\t /\r\n\t@Prop() color:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"light-gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"default\"\r\n\t\t\| \"disabled\"\r\n\t\t\| \"inherit\" = \"default\";\r\n\t/\r\n\t (optional) is it for the ptc mobile select\r\n\t /\r\n\t@Prop() isMobileSelect?: boolean;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() injectedStyle?: string;\r\n\r\n\t@Prop() focusOn?: boolean = false;\r\n\t@Prop() trackerId?: string = \"\";\r\n\r\n\t@Event() ready: EventEmitter<any>;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ready.emit({\r\n\t\t\t\"regular-icons\": this.regularSprite,\r\n\t\t\t\"sold-icons\": this.solidSprite,\r\n\t\t\t\"brand-icons\": this.brandSprite,\r\n\t\t\t\"ptc-icons\": this.ptcSprite,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tif (this.type == \"brands\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.brandSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"solid\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.solidSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"ptc\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\taria-hidden={this.isMobileSelect && \"true\"}\r\n\t\t\t\t\t\ttabindex={this.focusOn ? 0 : -1}\r\n\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<use href={`${this.ptcSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.regularSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[this.spin]: true,\r\n\t\t\t[this.pulse]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[\"ismobileselect\"]: this.isMobileSelect ? true : false,\r\n\t\t\t[\"mf-listen\"]: this.trackerId !== \"\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate regularSprite: string = getAssetPath(\"./media/regular.svg\");\r\n\tprivate solidSprite: string = getAssetPath(\"./media/solid.svg\");\r\n\tprivate brandSprite: string = getAssetPath(\"./media/brands.svg\");\r\n\tprivate ptcSprite: string = getAssetPath(\"./media/designer-v6.0.7.svg\");\r\n}\r\n"],"version":3}
1	+ {"file":"p-CL4G31qv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/icon-asset/icon-asset.scss?tag=icon-asset&encapsulation=scoped","src/components/atoms/icon-asset/icon-asset.tsx"],"sourcesContent":["//@import \"./media/svg-with-js.min.css\";\r\n@use 'mixins' as ;\r\n\r\nicon-asset {\r\n vertical-align: middle;\r\n}\r\nsvg {\r\n transition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n &.micro {\r\n width: calc(var(--ptc-font-size-x-small) / 2);\r\n height: calc(var(--ptc-font-size-x-small) / 2);\r\n }\r\n &.xxx-small {\r\n width: var(--ptc-font-size-xxx-small);\r\n height: var(--ptc-font-size-xxx-small);\r\n }\r\n &.xx-small {\r\n width: var(--ptc-font-size-xx-small);\r\n height: var(--ptc-font-size-xx-small);\r\n }\r\n &.x-small {\r\n width: var(--ptc-font-size-x-small);\r\n height: var(--ptc-font-size-x-small);\r\n }\r\n\r\n &.small {\r\n width: var(--ptc-font-size-small);\r\n height: var(--ptc-font-size-small);\r\n }\r\n &.medium {\r\n width: var(--ptc-font-size-medium);\r\n height: var(--ptc-font-size-medium);\r\n }\r\n &.large {\r\n width: var(--ptc-font-size-large);\r\n height: var(--ptc-font-size-large);\r\n }\r\n\r\n &.x-large {\r\n width: var(--ptc-font-size-x-large);\r\n height: var(--ptc-font-size-x-large);\r\n }\r\n\r\n &.xx-large {\r\n width: var(--ptc-font-size-xx-large);\r\n height: var(--ptc-font-size-xx-large);\r\n }\r\n\r\n &.xxx-large {\r\n width: var(--ptc-font-size-xxx-large);\r\n height: var(--ptc-font-size-xxx-large);\r\n }\r\n &.xxxx-large {\r\n width: var(--ptc-font-size-xxxx-large);\r\n height: var(--ptc-font-size-xxxx-large);\r\n }\r\n\r\n &.white {\r\n fill: var(--color-white);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-white);\r\n }\r\n }\r\n\r\n &.black {\r\n fill: var(--color-black);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-black);\r\n }\r\n }\r\n\r\n &.ptc-green {\r\n fill: var(--color-green-07);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-green-07);\r\n }\r\n }\r\n &.gray {\r\n fill: var(--color-gray-06);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-gray-06);\r\n }\r\n }\r\n &.light-gray {\r\n fill: var(--color-gray-05);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-gray-05);\r\n }\r\n }\r\n &.disabled {\r\n fill: var(--color-gray-03);\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: var(--color-gray-03);\r\n }\r\n }\r\n &.primary-gray {\r\n fill: var(--color-gray-10);\r\n }\r\n &.inherit {\r\n fill: inherit;\r\n\r\n use[href$='#minus'],\r\n use[href$='#plus'],\r\n use[href$='#checkmark'] {\r\n //work around for stroke line only based icons\r\n stroke: inherit;\r\n }\r\n }\r\n &:focus {\r\n outline: none !important;\r\n }\r\n}\r\n\r\nsvg[tabIndex='0'] {\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n &:focus {\r\n outline: none !important;\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tgetAssetPath,\r\n\th,\r\n\tProp,\r\n\tHost,\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: \"icon-asset\",\r\n\tstyleUrl: \"icon-asset.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tscoped: true,\r\n})\r\nexport class IconAsset {\r\n\t/\r\n\t Icon ID name\r\n\t /\r\n\t@Prop() name: string;\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"micro\"\r\n\t\t\| \"xxx-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"xx-small\";\r\n\t/\r\n\t Icon Type\r\n\t /\r\n\t@Prop() type: \"solid\" \| \"brands\" \| \"ptc\" \| \"regular\" = \"regular\";\r\n\t/\r\n\t Icon Spin Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() spin: \"fa-spin\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Pulse Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() pulse: \"fa-pulse\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Color\r\n\t /\r\n\t@Prop() color:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"light-gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"default\"\r\n\t\t\| \"disabled\"\r\n\t\t\| \"inherit\" = \"default\";\r\n\t/\r\n\t (optional) is it for the ptc mobile select\r\n\t /\r\n\t@Prop() isMobileSelect?: boolean;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() injectedStyle?: string;\r\n\r\n\t@Prop() focusOn?: boolean = false;\r\n\t@Prop() trackerId?: string = \"\";\r\n\r\n\t@Event() ready: EventEmitter<any>;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ready.emit({\r\n\t\t\t\"regular-icons\": this.regularSprite,\r\n\t\t\t\"sold-icons\": this.solidSprite,\r\n\t\t\t\"brand-icons\": this.brandSprite,\r\n\t\t\t\"ptc-icons\": this.ptcSprite,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tif (this.type == \"brands\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.brandSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"solid\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.solidSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"ptc\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\taria-hidden={this.isMobileSelect && \"true\"}\r\n\t\t\t\t\t\ttabindex={this.focusOn ? 0 : -1}\r\n\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<use href={`${this.ptcSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.regularSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[this.spin]: true,\r\n\t\t\t[this.pulse]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[\"ismobileselect\"]: this.isMobileSelect ? true : false,\r\n\t\t\t[\"mf-listen\"]: this.trackerId !== \"\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate regularSprite: string = getAssetPath(\"./media/regular.svg\");\r\n\tprivate solidSprite: string = getAssetPath(\"./media/solid.svg\");\r\n\tprivate brandSprite: string = getAssetPath(\"./media/brands.svg\");\r\n\tprivate ptcSprite: string = getAssetPath(\"./media/designer-v6.0.7.svg\");\r\n}\r\n"],"version":3}

package/dist/components/{p-B5sCmDdS.js → p-COYo2Tbg.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-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 { P as PreloaderDependency } from './p-DpFzAwLW.js';
-import { d as defineCustomElement$4 } from './p-B8tFe8Su.js';
-import { d as defineCustomElement$3 } from './p-CwOMZVTl.js';
-import { d as defineCustomElement$2 } from './p-CEj09XoB.js';
-import { d as defineCustomElement$1 } from './p-D8OlRxii.js';
+import { d as defineCustomElement$4 } from './p-CL4G31qv.js';
+import { d as defineCustomElement$3 } from './p-CCrGe6qh.js';
+import { d as defineCustomElement$2 } from './p-E216LnY2.js';
+import { d as defineCustomElement$1 } from './p-CffVElHk.js';
 const blogDetailContentCss = ".is-grid,.is-grid-inline{display:grid;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:inline-grid !important}.has-row-1{grid-template-rows:repeat(1, 1fr)}.has-row-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{grid-column:span 1}}.has-row-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-1-xxl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{grid-template-rows:repeat(2, 1fr)}.has-row-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{grid-column:span 1}}.has-row-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-2-xxl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{grid-template-rows:repeat(3, 1fr)}.has-row-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{grid-column:span 1}}.has-row-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-3-xxl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{grid-template-rows:repeat(4, 1fr)}.has-row-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{grid-column:span 1}}.has-row-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-4-xxl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{grid-template-rows:repeat(5, 1fr)}.has-row-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{grid-column:span 1}}.has-row-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-5-xxl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{grid-template-rows:repeat(6, 1fr)}.has-row-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{grid-column:span 1}}.has-row-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-6-xxl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{grid-template-rows:repeat(7, 1fr)}.has-row-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{grid-column:span 1}}.has-row-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-7-xxl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{grid-template-rows:repeat(8, 1fr)}.has-row-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{grid-column:span 1}}.has-row-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-8-xxl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{grid-template-rows:repeat(9, 1fr)}.has-row-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{grid-column:span 1}}.has-row-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-9-xxl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{grid-template-rows:repeat(10, 1fr)}.has-row-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{grid-column:span 1}}.has-row-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-10-xxl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{grid-template-rows:repeat(11, 1fr)}.has-row-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{grid-column:span 1}}.has-row-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-11-xxl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{grid-template-rows:repeat(12, 1fr)}.has-row-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{grid-column:span 1}}.has-row-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-12-xxl{grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{grid-template-columns:repeat(1, 1fr)}.has-col-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{grid-column:span 1}}.has-col-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-1-xxl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{grid-template-columns:repeat(2, 1fr)}.has-col-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{grid-column:span 1}}.has-col-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-2-xxl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{grid-template-columns:repeat(3, 1fr)}.has-col-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{grid-column:span 1}}.has-col-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-3-xxl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{grid-template-columns:repeat(4, 1fr)}.has-col-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{grid-column:span 1}}.has-col-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-4-xxl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{grid-template-columns:repeat(5, 1fr)}.has-col-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{grid-column:span 1}}.has-col-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-5-xxl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{grid-template-columns:repeat(6, 1fr)}.has-col-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{grid-column:span 1}}.has-col-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-6-xxl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{grid-template-columns:repeat(7, 1fr)}.has-col-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{grid-column:span 1}}.has-col-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-7-xxl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{grid-template-columns:repeat(8, 1fr)}.has-col-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{grid-column:span 1}}.has-col-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-8-xxl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{grid-template-columns:repeat(9, 1fr)}.has-col-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{grid-column:span 1}}.has-col-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-9-xxl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{grid-template-columns:repeat(10, 1fr)}.has-col-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{grid-column:span 1}}.has-col-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-10-xxl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{grid-template-columns:repeat(11, 1fr)}.has-col-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{grid-column:span 1}}.has-col-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-11-xxl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{grid-template-columns:repeat(12, 1fr)}.has-col-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{grid-column:span 1}}.has-col-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-12-xxl{grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1440px){.is-row-1-xxl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1440px){.is-row-2-xxl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1440px){.is-row-3-xxl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1440px){.is-row-4-xxl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1440px){.is-row-5-xxl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1440px){.is-row-6-xxl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1440px){.is-row-7-xxl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1440px){.is-row-8-xxl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1440px){.is-row-9-xxl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1440px){.is-row-10-xxl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1440px){.is-row-11-xxl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1440px){.is-row-12-xxl{grid-row:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1440px){.is-col-1-xxl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1440px){.is-col-2-xxl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1440px){.is-col-3-xxl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1440px){.is-col-4-xxl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1440px){.is-col-5-xxl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1440px){.is-col-6-xxl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1440px){.is-col-7-xxl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1440px){.is-col-8-xxl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1440px){.is-col-9-xxl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1440px){.is-col-10-xxl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1440px){.is-col-11-xxl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1440px){.is-col-12-xxl{grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1440px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1440px){.is-rtl-xxl{direction:rtl}}.is-placed-left{place-self:left}.is-placed-right{place-self:right}.is-placed-center{place-self:center}.is-placed-start{place-self:start}.is-placed-normal{place-self:normal}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}:host{display:block;position:relative}:host .stoc{width:100%;height:100%;position:absolute;box-sizing:border-box}:host .stoc ul{margin:0;padding:0;list-style:none}:host .stoc ul .stoc-list-item{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}:host .stoc ul .stoc-list-item a{display:block;padding-left:var(--ptc-element-spacing-02);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;text-transform:capitalize}:host .stoc ul .stoc-list-item a::before{content:\"\";display:block;width:2px;height:100%;background-color:transparent;position:absolute;left:0}:host .stoc ul .stoc-list-item a:hover{cursor:pointer}:host .stoc ul .stoc-list-item.active{display:block}:host .stoc ul .stoc-list-item.active a{font-weight:var(--ptc-font-weight-bold)}:host .stoc ul .stoc-list-item.active a::before{background-color:var(--color-green-07)}@media only screen and (min-width: 992px){:host .stoc ul .stoc-list-item{margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}:host .stoc ul .stoc-list-item:last-of-type{margin-bottom:0}}:host .stoc.desktop{display:none}:host .stoc.mobile{display:block}@media only screen and (min-width: 992px){:host .stoc{position:relative}:host .stoc.desktop{display:block}:host .stoc.mobile{display:none}}:host .stoc-mobile-list-container{width:100%;position:sticky;z-index:2;top:0;border-radius:var(--ptc-border-radius-standard);background-color:white}:host .stoc-mobile-list-container .dropdown-toggle{display:flex;align-items:center;gap:var(--ptc-element-spacing-03);background-color:white;width:100%;border:none;padding:var(--ptc-element-spacing-06)}:host .stoc-mobile-list-container .dropdown-toggle icon-asset{display:flex;align-items:center}:host .stoc-mobile-list-container .stoc-list-item a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .stoc-mobile-list-container.closed{box-shadow:var(--ptc-shadow-medium)}:host .stoc-mobile-list-container.closed .dropdown-toggle{border-radius:var(--ptc-border-radius-standard)}:host .stoc-mobile-list-container.closed ul{display:none}:host .stoc-mobile-list-container.open{box-shadow:var(--ptc-shadow-x-large)}:host .stoc-mobile-list-container.open .dropdown-toggle{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0 0;border-bottom:solid 1px var(--color-gray-02)}:host .stoc-mobile-list-container.open ul{display:block;background-color:white;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);border-radius:0 0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .stoc-mobile-list-container{display:none}}:host .stoc-desktop-sticky{display:none}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky{display:block;position:sticky;top:calc(85px + var(--ptc-element-spacing-07))}:host .stoc-desktop-sticky .stoc-desktop-list-container{position:relative;height:-moz-max-content;height:max-content}:host .stoc-desktop-sticky .stoc-desktop-list-container.scroll{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#d9d9d9}:host .stoc-desktop-sticky #stoc-desktop-scroll-gradient{position:absolute;bottom:0;width:calc(100% - 15px);height:160px;z-index:0;background:linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);pointer-events:none}:host .stoc-desktop-sticky .stoc-desktop-list{display:none}}@media only screen and (min-width: 992px) and (min-width: 992px){:host .stoc-desktop-sticky .stoc-desktop-list{display:block}:host .stoc-desktop-sticky .stoc-desktop-list ul .stoc-list-item{margin-bottom:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px) and (min-width: 1440px){:host .stoc-desktop-sticky .stoc-desktop-list .stoc-list-item a{padding-right:var(--ptc-element-spacing-06)}}@media only screen and (min-width: 992px){:host .stoc-desktop-sticky #stoc-desktop-social-share{margin-left:10px}}:host #blog-detail-content{margin-top:calc(2 * var(--ptc-element-spacing-06) + 27px + 48px)}@media only screen and (min-width: 992px){:host #blog-detail-content{margin-top:0}}";
@@ -259,6 +259,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { BlogDetailContent as B, defineCustomElement as d };
-//# sourceMappingURL=p-B5sCmDdS.js.map
+//# sourceMappingURL=p-COYo2Tbg.js.map
-//# sourceMappingURL=p-B5sCmDdS.js.map
+//# sourceMappingURL=p-COYo2Tbg.js.map

package/dist/components/{p-B5sCmDdS.js.map → p-COYo2Tbg.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-B5sCmDdS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.scss?tag=blog-detail-content&encapsulation=shadow","src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n@use '../../../../global/griddle/includes/grid-plus.scss' as gridplus;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.stoc {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\tul {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tlist-style: none;\r\n\r\n\t\t\t.stoc-list-item {\r\n\t\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\t\tmargin-bottom: 0;\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tpadding-left: var(--ptc-element-spacing-02);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tmargin-top: 0;\r\n\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\r\n\t\t\t\t\t&:last-of-type {\r\n\t\t\t\t\t\tmargin-bottom: 0;\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&.desktop {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t&.mobile {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&.desktop {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&.mobile {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-mobile-list-container {\r\n\t\twidth: 100%;\r\n\t\tposition: sticky;\r\n\t\tz-index: 2;\r\n\t\ttop: 0;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbackground-color: white;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: var(--ptc-element-spacing-03);\r\n\t\t\tbackground-color: white;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder: none;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\r\n\t\t\ticon-asset {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.stoc-list-item a {\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\r\n\t\t&.closed {\r\n\t\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.open {\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard) 0 0;\r\n\t\t\t\tborder-bottom: solid 1px var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tbackground-color: white;\r\n\t\t\t\tpadding: 0 var(--ptc-element-spacing-07)\r\n\t\t\t\t\tvar(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t\t\tborder-radius: 0 0 var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-desktop-sticky {\r\n\t\tdisplay: none;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: calc(85px + var(--ptc-element-spacing-07));\r\n\r\n\t\t\t.stoc-desktop-list-container {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\theight: max-content;\r\n\r\n\t\t\t\t&.scroll {\r\n\t\t\t\t\toverflow-y: scroll;\r\n\t\t\t\t\tscrollbar-width: thin;\r\n\t\t\t\t\tscrollbar-color: #d9d9d9;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t#stoc-desktop-scroll-gradient {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: calc(100% - 15px);\r\n\t\t\t\theight: 160px;\r\n\t\t\t\tz-index: 0;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(243, 243, 243, 0) 0%,\r\n\t\t\t\t\t#f3f3f3 100%\r\n\t\t\t\t);\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t.stoc-desktop-list {\r\n\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tpadding-right: var(--ptc-element-spacing-06);\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\r\n\t\t\t#stoc-desktop-social-share {\r\n\t\t\t\tmargin-left: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// #desktop-list-gradient-container {\r\n\t// \tposition: absolute;\r\n\t// \tbottom: 0;\r\n\t// \theight: 100%;\r\n\t// \twidth: 100%;\r\n\t// \tborder: red solid 1px;\r\n\t// }\r\n\r\n\t#blog-detail-content {\r\n\t\tmargin-top: calc(2 var(--ptc-element-spacing-06) + 27px + 48px);\r\n\r\n\t\t@include screen-md {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Element, Prop, State } from \"@stencil/core\";\r\nimport { PreloaderDependency } from \"../../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"blog-detail-content\",\r\n\tstyleUrl: \"blog-detail-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class BlogDetailContent {\r\n\t@Element() hostEle: Element;\r\n\r\n\t/** PROPS /\r\n\t@Prop() scrollIntoViewOffset: number = 85;\r\n\r\n\t/* STATE */\r\n\t@State() preloaderDependency: PreloaderDependency;\r\n\t@State() tableOfContents: {\r\n\t\titemTitle: string;\r\n\t\titemRef: HTMLElement;\r\n\t}[] = [];\r\n\t@State() currentActiveItems = [];\r\n\t@State() contentInViewport = new Set<number>();\r\n\t@State() mobileTocDropdownState: boolean = false;\r\n\t@State() stocTriggeredScroll: boolean = false;\r\n\t@State() desktopTocScrollMin: number = 5;\r\n\r\n\tsetActiveStocItem = (dataStocItemNumber: number) => {\r\n\t\tlet stocItems = Array.from(\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll(\r\n\t\t\t\t`li[data-stoc-item=\"${dataStocItemNumber}\"`,\r\n\t\t\t),\r\n\t\t);\r\n\t\tif (stocItems && stocItems.length > 0) {\r\n\t\t\tif (this.currentActiveItems.length > 0) {\r\n\t\t\t\tthis.currentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tlet currentActiveItems =\r\n\t\t\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\t\t\"li.active\",\r\n\t\t\t\t\t);\r\n\t\t\t\tcurrentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tstocItems.forEach((stocItem: HTMLElement) => {\r\n\t\t\t\tstocItem.classList.add(\"active\");\r\n\t\t\t});\r\n\t\t\tthis.currentActiveItems = [...stocItems];\r\n\t\t}\r\n\t};\r\n\r\n\tprivate createItemSection = (\r\n\t\tele: Element,\r\n\t\tsection: HTMLElement,\r\n\t\tnextUntilSelector: string = \"h2\",\r\n\t) => {\r\n\t\tlet siblings = [];\r\n\t\tele = ele.nextElementSibling as HTMLElement;\r\n\t\twhile (ele) {\r\n\t\t\tif (ele.matches(nextUntilSelector)) break;\r\n\r\n\t\t\tsiblings.push(ele);\r\n\t\t\tele = ele.nextElementSibling;\r\n\t\t}\r\n\t\tsiblings.forEach((sibling) =>\r\n\t\t\tsection.insertAdjacentElement(\"beforeend\", sibling),\r\n\t\t);\r\n\t};\r\n\r\n\tprivate contentIobCallback = (stocNumber, payload) => {\r\n\t\tif (!this.stocTriggeredScroll) {\r\n\t\t\tif (payload[0].isIntersecting) {\r\n\t\t\t\tthis.contentInViewport.add(stocNumber);\r\n\t\t\t} else {\r\n\t\t\t\tthis.contentInViewport.delete(stocNumber);\r\n\t\t\t}\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureTableItems = () => {\r\n\t\tlet contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tthis.tableOfContents = [];\r\n\t\t\tconst tableItems = contentContainer.querySelectorAll(\"h2\");\r\n\t\t\ttableItems.forEach((item: HTMLElement, idx: number) => {\r\n\t\t\t\tlet section = document.createElement(\"section\");\r\n\t\t\t\tsection.classList.add(\"stoc-content-section\");\r\n\t\t\t\tthis.createItemSection(item, section);\r\n\t\t\t\titem.insertAdjacentElement(\"afterend\", section);\r\n\t\t\t\tsection.insertAdjacentElement(\"afterbegin\", item);\r\n\r\n\t\t\t\tlet iob = new IntersectionObserver((e) =>\r\n\t\t\t\t\tthis.contentIobCallback(idx, e),\r\n\t\t\t\t);\r\n\t\t\t\tiob.observe(section);\r\n\r\n\t\t\t\tthis.tableOfContents.push({\r\n\t\t\t\t\titemTitle: item.innerText,\r\n\t\t\t\t\titemRef: item,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureBigInlineCtas = () => {\r\n\t\tconst contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tconst bigInlineCtas =\r\n\t\t\t\tcontentContainer.querySelectorAll(\"ptc-inline-cta\");\r\n\t\t\tbigInlineCtas.forEach((cta: HTMLElement) => {\r\n\t\t\t\tcta.setAttribute(\"container-selector\", \"blog-detail-content\");\r\n\t\t\t\tcta.setAttribute(\"container-is-shadow\", \"false\");\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tsetDesktopTOCHeight = () => {\r\n\t\tconst stocListItems =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\"li.stoc-list-item\",\r\n\t\t\t);\r\n\t\tconst listContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tconst scrollGradient =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t);\r\n\r\n\t\tif (this.tableOfContents.length > this.desktopTocScrollMin) {\r\n\t\t\tif (stocListItems.length > this.desktopTocScrollMin) {\r\n\t\t\t\tlet listContainerHeight = 0;\r\n\t\t\t\tfor (let i = 0; i < this.desktopTocScrollMin; i++) {\r\n\t\t\t\t\tlet computedStyle = window.getComputedStyle(\r\n\t\t\t\t\t\tstocListItems[i],\r\n\t\t\t\t\t);\r\n\t\t\t\t\tlistContainerHeight +=\r\n\t\t\t\t\t\tparseFloat(computedStyle.height) +\r\n\t\t\t\t\t\tparseFloat(computedStyle.marginBottom);\r\n\t\t\t\t}\r\n\t\t\t\tlistContainer.classList.add(\"scroll\");\r\n\t\t\t\tlistContainer.style.height = `${listContainerHeight}px`;\r\n\t\t\t\tscrollGradient.style.top = `${listContainerHeight - 160}px`;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tscrollGradient.style.display = \"none\";\r\n\t\t}\r\n\t};\r\n\r\n\ttoggleStocScrollGradient = (container: HTMLDivElement) => {\r\n\t\tif (container) {\r\n\t\t\tconst stocDesktopScrollGradient =\r\n\t\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t\t);\r\n\t\t\tif (\r\n\t\t\t\tcontainer.scrollHeight -\r\n\t\t\t\t\tcontainer.scrollTop -\r\n\t\t\t\t\tcontainer.clientHeight <\r\n\t\t\t\t1\r\n\t\t\t) {\r\n\t\t\t\tstocDesktopScrollGradient.style.background = \"transparent\";\r\n\t\t\t} else {\r\n\t\t\t\tstocDesktopScrollGradient.style.background =\r\n\t\t\t\t\t\"linear-gradient(180deg, rgba(243, 243, 243, 0.00) 0%, #F3F3F3 100%)\";\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\thandleToggleClick = () => {\r\n\t\tthis.mobileTocDropdownState = !this.mobileTocDropdownState;\r\n\t};\r\n\r\n\thandleItemClick = (e: MouseEvent \| KeyboardEvent, target: HTMLElement) => {\r\n\t\t// TODO: Simplify this method\r\n\t\tlet item = e.target as HTMLListItemElement;\r\n\t\tlet dataStocItemNumber;\r\n\t\tif (item.nodeName === \"A\") {\r\n\t\t\tdataStocItemNumber = Number(item.getAttribute(\"data-stoc-item\"));\r\n\t\t\tthis.setActiveStocItem(dataStocItemNumber);\r\n\t\t}\r\n\t\tif (target) {\r\n\t\t\tconst y =\r\n\t\t\t\ttarget.getBoundingClientRect().top +\r\n\t\t\t\twindow.scrollY -\r\n\t\t\t\tthis.scrollIntoViewOffset;\r\n\t\t\tthis.stocTriggeredScroll = true;\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: y,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t\tthis.contentInViewport.clear();\r\n\t\t\tthis.contentInViewport.add(dataStocItemNumber);\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t\tthis.stocTriggeredScroll = false;\r\n\t\t}\r\n\t\tif (this.mobileTocDropdownState) {\r\n\t\t\tthis.mobileTocDropdownState = false;\r\n\t\t}\r\n\t};\r\n\r\n\thandleHighlight = (e) => {\r\n\t\tconsole.log(\"Event:\", e);\r\n\t\tconsole.log(\"Text:\", window.getSelection().toString());\r\n\t};\r\n\r\n\tconnectedCallback = () => {\r\n\t\tconst preloader = document.querySelector(\"ptc-preloader-section\");\r\n\t\tif (preloader) {\r\n\t\t\tthis.preloaderDependency = new PreloaderDependency(preloader);\r\n\t\t}\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.preloaderDependency.resolve();\r\n\t\t}, 10000);\r\n\t};\r\n\r\n\tcomponentWillLoad = () => {\r\n\t\tthis.captureTableItems();\r\n\t\tthis.captureBigInlineCtas();\r\n\t};\r\n\r\n\tcomponentWillRender = () => {\r\n\t\tthis.setDesktopTOCHeight();\r\n\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.addEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tdisconnectedCallback = () => {\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.removeEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst DesktopTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc desktop\">\r\n\t\t\t\t\t<div class=\"stoc-desktop-sticky\">\r\n\t\t\t\t\t\t<div class=\"stoc-desktop-list-container\">\r\n\t\t\t\t\t\t\t<ul class=\"stoc-desktop-list\">\r\n\t\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyPress={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle.length <= 70\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.itemTitle\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `${item.itemTitle.substring(0, 70)}...`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-scroll-gradient\"></div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-social-share\">\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-densest\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-top-6\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tShare\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-social-icons\r\n\t\t\t\t\t\t\t\tfacebook-url=\"https://www.facebook.com/\"\r\n\t\t\t\t\t\t\t\tlinkedin-url=\"https://www.linkedin.com/\"\r\n\t\t\t\t\t\t\t\tx-url=\"https://x.com/\"\r\n\t\t\t\t\t\t\t\temail-to=\"rsuresh@ptc.com\"\r\n\t\t\t\t\t\t\t></ptc-social-icons>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst MobileTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc mobile\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`stoc-mobile-list-container ${this.mobileTocDropdownState ? \"open\" : \"closed\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\t\tonClick={this.handleToggleClick}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tellipsis-line-cutoff=\"1\"\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.currentActiveItems[0]?.innerText \|\|\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents[0].itemTitle}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t{this.mobileTocDropdownState ? (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-up\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-down\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<ul class=\"stoc-mobile-list\">\r\n\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<a data-stoc-item={idx}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"is-grid has-col-12\">\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-4-lg is-col-3-xl\">\r\n\t\t\t\t\t\t<DesktopTOC />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-7-lg is-col-7-xl\">\r\n\t\t\t\t\t\t<MobileTOC />\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid=\"blog-detail-content\"\r\n\t\t\t\t\t\t\tonMouseUp={this.handleHighlight}\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-desktop is-col-1-lg is-col-2-xl\"></div>\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-COYo2Tbg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.scss?tag=blog-detail-content&encapsulation=shadow","src/components/organisms/organism-bundles/blog-detail-content/blog-detail-content.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n@use '../../../../global/griddle/includes/grid-plus.scss' as gridplus;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.stoc {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\tul {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tlist-style: none;\r\n\r\n\t\t\t.stoc-list-item {\r\n\t\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\t\tmargin-bottom: 0;\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tpadding-left: var(--ptc-element-spacing-02);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tmargin-top: 0;\r\n\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\r\n\t\t\t\t\t&:last-of-type {\r\n\t\t\t\t\t\tmargin-bottom: 0;\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&.desktop {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t&.mobile {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&.desktop {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&.mobile {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-mobile-list-container {\r\n\t\twidth: 100%;\r\n\t\tposition: sticky;\r\n\t\tz-index: 2;\r\n\t\ttop: 0;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbackground-color: white;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: var(--ptc-element-spacing-03);\r\n\t\t\tbackground-color: white;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder: none;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\r\n\t\t\ticon-asset {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.stoc-list-item a {\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\r\n\t\t&.closed {\r\n\t\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.open {\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\t\t.dropdown-toggle {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard) 0 0;\r\n\t\t\t\tborder-bottom: solid 1px var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tbackground-color: white;\r\n\t\t\t\tpadding: 0 var(--ptc-element-spacing-07)\r\n\t\t\t\t\tvar(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t\t\tborder-radius: 0 0 var(--ptc-border-radius-standard)\r\n\t\t\t\t\tvar(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.stoc-desktop-sticky {\r\n\t\tdisplay: none;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: calc(85px + var(--ptc-element-spacing-07));\r\n\r\n\t\t\t.stoc-desktop-list-container {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\theight: max-content;\r\n\r\n\t\t\t\t&.scroll {\r\n\t\t\t\t\toverflow-y: scroll;\r\n\t\t\t\t\tscrollbar-width: thin;\r\n\t\t\t\t\tscrollbar-color: #d9d9d9;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t#stoc-desktop-scroll-gradient {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: calc(100% - 15px);\r\n\t\t\t\theight: 160px;\r\n\t\t\t\tz-index: 0;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(243, 243, 243, 0) 0%,\r\n\t\t\t\t\t#f3f3f3 100%\r\n\t\t\t\t);\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t.stoc-desktop-list {\r\n\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\t.stoc-list-item {\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tpadding-right: var(--ptc-element-spacing-06);\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\r\n\t\t\t#stoc-desktop-social-share {\r\n\t\t\t\tmargin-left: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// #desktop-list-gradient-container {\r\n\t// \tposition: absolute;\r\n\t// \tbottom: 0;\r\n\t// \theight: 100%;\r\n\t// \twidth: 100%;\r\n\t// \tborder: red solid 1px;\r\n\t// }\r\n\r\n\t#blog-detail-content {\r\n\t\tmargin-top: calc(2 var(--ptc-element-spacing-06) + 27px + 48px);\r\n\r\n\t\t@include screen-md {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Element, Prop, State } from \"@stencil/core\";\r\nimport { PreloaderDependency } from \"../../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"blog-detail-content\",\r\n\tstyleUrl: \"blog-detail-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class BlogDetailContent {\r\n\t@Element() hostEle: Element;\r\n\r\n\t/** PROPS /\r\n\t@Prop() scrollIntoViewOffset: number = 85;\r\n\r\n\t/* STATE */\r\n\t@State() preloaderDependency: PreloaderDependency;\r\n\t@State() tableOfContents: {\r\n\t\titemTitle: string;\r\n\t\titemRef: HTMLElement;\r\n\t}[] = [];\r\n\t@State() currentActiveItems = [];\r\n\t@State() contentInViewport = new Set<number>();\r\n\t@State() mobileTocDropdownState: boolean = false;\r\n\t@State() stocTriggeredScroll: boolean = false;\r\n\t@State() desktopTocScrollMin: number = 5;\r\n\r\n\tsetActiveStocItem = (dataStocItemNumber: number) => {\r\n\t\tlet stocItems = Array.from(\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll(\r\n\t\t\t\t`li[data-stoc-item=\"${dataStocItemNumber}\"`,\r\n\t\t\t),\r\n\t\t);\r\n\t\tif (stocItems && stocItems.length > 0) {\r\n\t\t\tif (this.currentActiveItems.length > 0) {\r\n\t\t\t\tthis.currentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tlet currentActiveItems =\r\n\t\t\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\t\t\"li.active\",\r\n\t\t\t\t\t);\r\n\t\t\t\tcurrentActiveItems.forEach((currentActiveItem) => {\r\n\t\t\t\t\tcurrentActiveItem.classList.remove(\"active\");\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tstocItems.forEach((stocItem: HTMLElement) => {\r\n\t\t\t\tstocItem.classList.add(\"active\");\r\n\t\t\t});\r\n\t\t\tthis.currentActiveItems = [...stocItems];\r\n\t\t}\r\n\t};\r\n\r\n\tprivate createItemSection = (\r\n\t\tele: Element,\r\n\t\tsection: HTMLElement,\r\n\t\tnextUntilSelector: string = \"h2\",\r\n\t) => {\r\n\t\tlet siblings = [];\r\n\t\tele = ele.nextElementSibling as HTMLElement;\r\n\t\twhile (ele) {\r\n\t\t\tif (ele.matches(nextUntilSelector)) break;\r\n\r\n\t\t\tsiblings.push(ele);\r\n\t\t\tele = ele.nextElementSibling;\r\n\t\t}\r\n\t\tsiblings.forEach((sibling) =>\r\n\t\t\tsection.insertAdjacentElement(\"beforeend\", sibling),\r\n\t\t);\r\n\t};\r\n\r\n\tprivate contentIobCallback = (stocNumber, payload) => {\r\n\t\tif (!this.stocTriggeredScroll) {\r\n\t\t\tif (payload[0].isIntersecting) {\r\n\t\t\t\tthis.contentInViewport.add(stocNumber);\r\n\t\t\t} else {\r\n\t\t\t\tthis.contentInViewport.delete(stocNumber);\r\n\t\t\t}\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureTableItems = () => {\r\n\t\tlet contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tthis.tableOfContents = [];\r\n\t\t\tconst tableItems = contentContainer.querySelectorAll(\"h2\");\r\n\t\t\ttableItems.forEach((item: HTMLElement, idx: number) => {\r\n\t\t\t\tlet section = document.createElement(\"section\");\r\n\t\t\t\tsection.classList.add(\"stoc-content-section\");\r\n\t\t\t\tthis.createItemSection(item, section);\r\n\t\t\t\titem.insertAdjacentElement(\"afterend\", section);\r\n\t\t\t\tsection.insertAdjacentElement(\"afterbegin\", item);\r\n\r\n\t\t\t\tlet iob = new IntersectionObserver((e) =>\r\n\t\t\t\t\tthis.contentIobCallback(idx, e),\r\n\t\t\t\t);\r\n\t\t\t\tiob.observe(section);\r\n\r\n\t\t\t\tthis.tableOfContents.push({\r\n\t\t\t\t\titemTitle: item.innerText,\r\n\t\t\t\t\titemRef: item,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tcaptureBigInlineCtas = () => {\r\n\t\tconst contentContainer = this.hostEle;\r\n\t\tif (contentContainer) {\r\n\t\t\tconst bigInlineCtas =\r\n\t\t\t\tcontentContainer.querySelectorAll(\"ptc-inline-cta\");\r\n\t\t\tbigInlineCtas.forEach((cta: HTMLElement) => {\r\n\t\t\t\tcta.setAttribute(\"container-selector\", \"blog-detail-content\");\r\n\t\t\t\tcta.setAttribute(\"container-is-shadow\", \"false\");\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tsetDesktopTOCHeight = () => {\r\n\t\tconst stocListItems =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelectorAll<HTMLListItemElement>(\r\n\t\t\t\t\"li.stoc-list-item\",\r\n\t\t\t);\r\n\t\tconst listContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tconst scrollGradient =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t);\r\n\r\n\t\tif (this.tableOfContents.length > this.desktopTocScrollMin) {\r\n\t\t\tif (stocListItems.length > this.desktopTocScrollMin) {\r\n\t\t\t\tlet listContainerHeight = 0;\r\n\t\t\t\tfor (let i = 0; i < this.desktopTocScrollMin; i++) {\r\n\t\t\t\t\tlet computedStyle = window.getComputedStyle(\r\n\t\t\t\t\t\tstocListItems[i],\r\n\t\t\t\t\t);\r\n\t\t\t\t\tlistContainerHeight +=\r\n\t\t\t\t\t\tparseFloat(computedStyle.height) +\r\n\t\t\t\t\t\tparseFloat(computedStyle.marginBottom);\r\n\t\t\t\t}\r\n\t\t\t\tlistContainer.classList.add(\"scroll\");\r\n\t\t\t\tlistContainer.style.height = `${listContainerHeight}px`;\r\n\t\t\t\tscrollGradient.style.top = `${listContainerHeight - 160}px`;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tscrollGradient.style.display = \"none\";\r\n\t\t}\r\n\t};\r\n\r\n\ttoggleStocScrollGradient = (container: HTMLDivElement) => {\r\n\t\tif (container) {\r\n\t\t\tconst stocDesktopScrollGradient =\r\n\t\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\t\"#stoc-desktop-scroll-gradient\",\r\n\t\t\t\t);\r\n\t\t\tif (\r\n\t\t\t\tcontainer.scrollHeight -\r\n\t\t\t\t\tcontainer.scrollTop -\r\n\t\t\t\t\tcontainer.clientHeight <\r\n\t\t\t\t1\r\n\t\t\t) {\r\n\t\t\t\tstocDesktopScrollGradient.style.background = \"transparent\";\r\n\t\t\t} else {\r\n\t\t\t\tstocDesktopScrollGradient.style.background =\r\n\t\t\t\t\t\"linear-gradient(180deg, rgba(243, 243, 243, 0.00) 0%, #F3F3F3 100%)\";\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\thandleToggleClick = () => {\r\n\t\tthis.mobileTocDropdownState = !this.mobileTocDropdownState;\r\n\t};\r\n\r\n\thandleItemClick = (e: MouseEvent \| KeyboardEvent, target: HTMLElement) => {\r\n\t\t// TODO: Simplify this method\r\n\t\tlet item = e.target as HTMLListItemElement;\r\n\t\tlet dataStocItemNumber;\r\n\t\tif (item.nodeName === \"A\") {\r\n\t\t\tdataStocItemNumber = Number(item.getAttribute(\"data-stoc-item\"));\r\n\t\t\tthis.setActiveStocItem(dataStocItemNumber);\r\n\t\t}\r\n\t\tif (target) {\r\n\t\t\tconst y =\r\n\t\t\t\ttarget.getBoundingClientRect().top +\r\n\t\t\t\twindow.scrollY -\r\n\t\t\t\tthis.scrollIntoViewOffset;\r\n\t\t\tthis.stocTriggeredScroll = true;\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: y,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t\tthis.contentInViewport.clear();\r\n\t\t\tthis.contentInViewport.add(dataStocItemNumber);\r\n\t\t\tthis.setActiveStocItem([...this.contentInViewport][0]);\r\n\t\t\tthis.stocTriggeredScroll = false;\r\n\t\t}\r\n\t\tif (this.mobileTocDropdownState) {\r\n\t\t\tthis.mobileTocDropdownState = false;\r\n\t\t}\r\n\t};\r\n\r\n\thandleHighlight = (e) => {\r\n\t\tconsole.log(\"Event:\", e);\r\n\t\tconsole.log(\"Text:\", window.getSelection().toString());\r\n\t};\r\n\r\n\tconnectedCallback = () => {\r\n\t\tconst preloader = document.querySelector(\"ptc-preloader-section\");\r\n\t\tif (preloader) {\r\n\t\t\tthis.preloaderDependency = new PreloaderDependency(preloader);\r\n\t\t}\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.preloaderDependency.resolve();\r\n\t\t}, 10000);\r\n\t};\r\n\r\n\tcomponentWillLoad = () => {\r\n\t\tthis.captureTableItems();\r\n\t\tthis.captureBigInlineCtas();\r\n\t};\r\n\r\n\tcomponentWillRender = () => {\r\n\t\tthis.setDesktopTOCHeight();\r\n\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.addEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tdisconnectedCallback = () => {\r\n\t\tconst stocDesktopListContainer =\r\n\t\t\tthis.hostEle?.shadowRoot?.querySelector<HTMLDivElement>(\r\n\t\t\t\t\".stoc-desktop-list-container\",\r\n\t\t\t);\r\n\t\tif (stocDesktopListContainer) {\r\n\t\t\tstocDesktopListContainer.removeEventListener(\"scroll\", () =>\r\n\t\t\t\tthis.toggleStocScrollGradient(stocDesktopListContainer),\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst DesktopTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc desktop\">\r\n\t\t\t\t\t<div class=\"stoc-desktop-sticky\">\r\n\t\t\t\t\t\t<div class=\"stoc-desktop-list-container\">\r\n\t\t\t\t\t\t\t<ul class=\"stoc-desktop-list\">\r\n\t\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyPress={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle.length <= 70\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? item.itemTitle\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `${item.itemTitle.substring(0, 70)}...`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-scroll-gradient\"></div>\r\n\t\t\t\t\t\t<div id=\"stoc-desktop-social-share\">\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-densest\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-top-6\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tShare\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-social-icons\r\n\t\t\t\t\t\t\t\tfacebook-url=\"https://www.facebook.com/\"\r\n\t\t\t\t\t\t\t\tlinkedin-url=\"https://www.linkedin.com/\"\r\n\t\t\t\t\t\t\t\tx-url=\"https://x.com/\"\r\n\t\t\t\t\t\t\t\temail-to=\"rsuresh@ptc.com\"\r\n\t\t\t\t\t\t\t></ptc-social-icons>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst MobileTOC = () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"stoc mobile\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`stoc-mobile-list-container ${this.mobileTocDropdownState ? \"open\" : \"closed\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\t\tonClick={this.handleToggleClick}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tellipsis-line-cutoff=\"1\"\r\n\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-7\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.currentActiveItems[0]?.innerText \|\|\r\n\t\t\t\t\t\t\t\t\tthis.tableOfContents[0].itemTitle}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t{this.mobileTocDropdownState ? (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-up\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\t\t\tname=\"chevron-down\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-green\"\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<ul class=\"stoc-mobile-list\">\r\n\t\t\t\t\t\t\t{this.tableOfContents &&\r\n\t\t\t\t\t\t\t\tthis.tableOfContents.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`stoc-list-item ${idx === 0 ? \"active\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.handleItemClick(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\titem.itemRef,\r\n\t\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-stoc-item={idx}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<a data-stoc-item={idx}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{item.itemTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"is-grid has-col-12\">\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-4-lg is-col-3-xl\">\r\n\t\t\t\t\t\t<DesktopTOC />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-col-12 is-col-7-lg is-col-7-xl\">\r\n\t\t\t\t\t\t<MobileTOC />\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid=\"blog-detail-content\"\r\n\t\t\t\t\t\t\tonMouseUp={this.handleHighlight}\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-desktop is-col-1-lg is-col-2-xl\"></div>\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}