npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.2-upgrade → 6.5.3-upgrade - Mend

@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-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 (1017) hide show

package/dist/components/{p-DFvvSoPo.js → p-DRaurB1z.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { b as getSeoTagType } from './p-D8mHT2Sh.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { g as getSeoTagType } from './p-DgwzgPHL.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}";
@@ -248,6 +248,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTitle as P, defineCustomElement as d };
-//# sourceMappingURL=p-DFvvSoPo.js.map
+//# sourceMappingURL=p-DRaurB1z.js.map
-//# sourceMappingURL=p-DFvvSoPo.js.map
+//# sourceMappingURL=p-DRaurB1z.js.map

package/dist/components/{p-DFvvSoPo.js.map → p-DRaurB1z.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DFvvSoPo.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\ttag: \"ptc-title\",\r\n\tstyleUrl: \"ptc-title.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTitle {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Is this title using on the PLM Hub page\r\n\t /\r\n\t@Prop() isPlmHub: boolean = false;\r\n\t/\r\n\t Title Tag Type\r\n\t /\r\n\t@Prop() type: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n\t/\r\n\t Text Align\r\n\t /\r\n\t@Prop() textAlign: \"left\" \| \"center\" \| \"right\" \| \"inherit\";\r\n\t/\r\n\t Upperline Style\r\n\t /\r\n\t@Prop() upperline: \"dotted\" \| \"solid\" \| \"no-upperline\" = \"dotted\";\r\n\t/\r\n\t Title Shadow\r\n\t /\r\n\t@Prop() titleShadow: \"blue\" \| \"red\" \| \"green\" \| \"orange\" \| \"slate-grey\";\r\n\t/\r\n\t Title color\r\n\t /\r\n\t@Prop() titleColor: \"black\" \| \"white\" \| \"gray\" \| \"gray-darker\" \| \"gray-1\" =\r\n\t\t\"gray\";\r\n\t/\r\n\t Title Margin\r\n\t /\r\n\t@Prop() titleMargin?:\r\n\t\t\| \"margin-flush\"\r\n\t\t\| \"margin-top-3\"\r\n\t\t\| \"margin-top-4\"\r\n\t\t\| \"margin-top-5\"\r\n\t\t\| \"margin-top-6\"\r\n\t\t\| \"margin-bottom-3\"\r\n\t\t\| \"margin-bottom-4\"\r\n\t\t\| \"margin-bottom-5\"\r\n\t\t\| \"margin-bottom-6\"\r\n\t\t\| \"margin-3\"\r\n\t\t\| \"margin-4\"\r\n\t\t\| \"margin-5\"\r\n\t\t\| \"margin-6\"\r\n\t\t\| \"margin-9\";\r\n\r\n\t/\r\n\t Title weight\r\n\t /\r\n\t@Prop() titleWeight: \"w-3\" \| \"w-4\" \| \"w-5\" \| \"w-6\" \| \"w-7\" \| \"w-8\" \| \"w-9\";\r\n\t/\r\n\t Title size\r\n\t /\r\n\t@Prop() titleSize:\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\"\r\n\t\t\| \"xxxx-large-allbp\"\r\n\t\t\| \"xx-large-allbp\"\r\n\t\t\| \"xxxx-large-desktop\"\r\n\t\t\| \"xxxx-large-store\";\r\n\t/\r\n\t Title line height\r\n\t /\r\n\t@Prop() titleHeight:\r\n\t\t\| \"densest\"\r\n\t\t\| \"denser\"\r\n\t\t\| \"dense\"\r\n\t\t\| \"normal\"\r\n\t\t\| \"loose\"\r\n\t\t\| \"looser\"\r\n\t\t\| \"paragraph\" = \"densest\";\r\n\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t Line number to cut text off at and add ellipsis\r\n\t /\r\n\t@Prop() ellipsisLineCutoff?: number;\r\n\r\n\t/\r\n\t Title heading display : To show line above heading full width or title width\r\n\t /\r\n\t@Prop() titleDisplay: \"block\" \| \"inline-block\" = \"inline-block\";\r\n\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\r\n\t// Tooltip Properties started\r\n\t/\r\n\t index of hover tooltip element\r\n\t /\r\n\t@Prop() tooltipZIndex: string = \"auto\";\r\n\t/\r\n\t Tooltip position\r\n\t /\r\n\t@Prop() tooltipPosition:\r\n\t\t\| \"left\"\r\n\t\t\| \"right\"\r\n\t\t\| \"bottom\"\r\n\t\t\| \"bottom-right\"\r\n\t\t\| \"top\" = \"bottom\";\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() tooltipTheme: \"standard\" \| \"danger\" = \"standard\";\r\n\t@Prop() enableTooltip: boolean = false;\r\n\t@Prop() maxChars: number;\r\n\t@Prop() maxLines: number;\r\n\ttooltipText: string;\r\n\t@Prop() hideTooltipOnMobile: boolean = false;\r\n\t@State() ismob: boolean;\r\n\r\n\t/\r\n\t This will make the width 100% respective to its parent\r\n\t */\r\n\t@Prop() tooltipWidth?: \"full-width\" \| \"default\" = \"default\";\r\n\t// Tooltip Properties ends\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\tthis.el.classList.add(\"hide-tooltip-on-mobile\");\r\n\t\t}\r\n\t\tthis.el.addEventListener(\"mouseenter\", () =>\r\n\t\t\tthis.toggleTitleTooltip(true)\r\n\t\t);\r\n\t\tthis.el.addEventListener(\"mouseleave\", () =>\r\n\t\t\tthis.toggleTitleTooltip(false)\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tgetSortedText(content: string): string \| undefined {\r\n\t\tif (!this.enableTooltip) return;\r\n\t\tconst trimmedContent = content.trim();\r\n\t\tconst shouldTruncate =\r\n\t\t\ttrimmedContent.length > this.maxChars && !this.maxLines;\r\n\t\treturn shouldTruncate\r\n\t\t\t? trimmedContent.slice(0, this.maxChars) + \"...\"\r\n\t\t\t: trimmedContent;\r\n\t}\r\n\r\n\ttoggleTitleTooltip(show: boolean) {\r\n\t\tconst tooltipClass = \"tooltip-box\";\r\n\t\tconst existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n\t\tconst text = this.el.querySelectorAll(\".line-clamp-title\");\r\n\t\tlet maxLinesShowCheck: boolean = false;\r\n\t\tif (text) {\r\n\t\t\ttext.forEach((t) => {\r\n\t\t\t\tmaxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n\t\t\t});\r\n\t\t}\r\n\t\tconst ifCharExceeds =\r\n\t\t\tthis.tooltipText &&\r\n\t\t\tthis.tooltipText.length > this.maxChars &&\r\n\t\t\t!this.maxLines;\r\n\t\tconst ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n\t\tif (show && this.enableTooltip) {\r\n\t\t\tif (\r\n\t\t\t\t(!existingTooltip && ifCharExceeds) \|\|\r\n\t\t\t\t(!existingTooltip && ifLinesExceeds)\r\n\t\t\t) {\r\n\t\t\t\tconst tooltipMarkup = document.createElement(\"div\");\r\n\t\t\t\ttooltipMarkup.className = tooltipClass;\r\n\t\t\t\ttooltipMarkup.innerText = this.tooltipText;\r\n\t\t\t\ttooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n\t\t\t\ttooltipMarkup.classList.add(\r\n\t\t\t\t\tthis.tooltipPosition,\r\n\t\t\t\t\tthis.tooltipTheme,\r\n\t\t\t\t\tthis.tooltipWidth\r\n\t\t\t\t);\r\n\t\t\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\t\t\ttooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n\t\t\t\t}\r\n\t\t\t\tthis.el.querySelector(\"div\")?.appendChild(tooltipMarkup);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\texistingTooltip?.remove();\r\n\t\t}\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, this.type);\r\n\t\tlet html = firstChild && firstChild.innerHTML;\r\n\r\n\t\t// added for tooltip\r\n\t\tthis.tooltipText = html.trim();\r\n\t\tlet eleText = firstChild && firstChild.innerText;\r\n\t\thtml = this.enableTooltip ? this.getSortedText(eleText) : html;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tinnerHTML={html}\r\n\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tthis.maxLines && this.maxLines > 0\r\n\t\t\t\t\t\t\t\t? \"line-clamp-title\"\r\n\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t></TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\r\n\t\tlet TagType: string;\r\n\t\tswitch (this.type) {\r\n\t\t\tcase \"h1\":\r\n\t\t\t\tTagType = \"h1\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h3\":\r\n\t\t\t\tTagType = \"h3\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h4\":\r\n\t\t\t\tTagType = \"h4\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h5\":\r\n\t\t\t\tTagType = \"h5\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h6\":\r\n\t\t\t\tTagType = \"h6\";\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tTagType = \"h2\";\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<TagType style={cutOff}>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.textAlign]: !!this.textAlign ? true : false,\r\n\t\t\t[this.upperline]: true,\r\n\t\t\t[this.isPlmHub ? \"is-plm-hub\" : \"is-standard\"]: true,\r\n\t\t\t[this.titleMargin]: !!this.titleMargin ? true : false,\r\n\t\t\t[this.titleShadow]: !!this.titleShadow ? true : false,\r\n\t\t\t[this.titleWeight]: !!this.titleWeight ? true : false,\r\n\t\t\t[this.titleSize]: !!this.titleSize ? true : false,\r\n\t\t\t[this.titleHeight]: !!this.titleHeight ? true : false,\r\n\t\t\t[this.titleColor]: !!this.titleColor ? true : false,\r\n\t\t\t[\"ellipsis-boxing\"]:\r\n\t\t\t\tthis.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n\t\t\t[this.titleDisplay]: !!this.titleDisplay ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tconst lineClamp =\r\n\t\t\tthis.ellipsisLineCutoff > 0\r\n\t\t\t\t? this.ellipsisLineCutoff\r\n\t\t\t\t: this.maxLines;\r\n\t\treturn lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DRaurB1z.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\ttag: \"ptc-title\",\r\n\tstyleUrl: \"ptc-title.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTitle {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Is this title using on the PLM Hub page\r\n\t /\r\n\t@Prop() isPlmHub: boolean = false;\r\n\t/\r\n\t Title Tag Type\r\n\t /\r\n\t@Prop() type: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n\t/\r\n\t Text Align\r\n\t /\r\n\t@Prop() textAlign: \"left\" \| \"center\" \| \"right\" \| \"inherit\";\r\n\t/\r\n\t Upperline Style\r\n\t /\r\n\t@Prop() upperline: \"dotted\" \| \"solid\" \| \"no-upperline\" = \"dotted\";\r\n\t/\r\n\t Title Shadow\r\n\t /\r\n\t@Prop() titleShadow: \"blue\" \| \"red\" \| \"green\" \| \"orange\" \| \"slate-grey\";\r\n\t/\r\n\t Title color\r\n\t /\r\n\t@Prop() titleColor: \"black\" \| \"white\" \| \"gray\" \| \"gray-darker\" \| \"gray-1\" =\r\n\t\t\"gray\";\r\n\t/\r\n\t Title Margin\r\n\t /\r\n\t@Prop() titleMargin?:\r\n\t\t\| \"margin-flush\"\r\n\t\t\| \"margin-top-3\"\r\n\t\t\| \"margin-top-4\"\r\n\t\t\| \"margin-top-5\"\r\n\t\t\| \"margin-top-6\"\r\n\t\t\| \"margin-bottom-3\"\r\n\t\t\| \"margin-bottom-4\"\r\n\t\t\| \"margin-bottom-5\"\r\n\t\t\| \"margin-bottom-6\"\r\n\t\t\| \"margin-3\"\r\n\t\t\| \"margin-4\"\r\n\t\t\| \"margin-5\"\r\n\t\t\| \"margin-6\"\r\n\t\t\| \"margin-9\";\r\n\r\n\t/\r\n\t Title weight\r\n\t /\r\n\t@Prop() titleWeight: \"w-3\" \| \"w-4\" \| \"w-5\" \| \"w-6\" \| \"w-7\" \| \"w-8\" \| \"w-9\";\r\n\t/\r\n\t Title size\r\n\t /\r\n\t@Prop() titleSize:\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\"\r\n\t\t\| \"xxxx-large-allbp\"\r\n\t\t\| \"xx-large-allbp\"\r\n\t\t\| \"xxxx-large-desktop\"\r\n\t\t\| \"xxxx-large-store\";\r\n\t/\r\n\t Title line height\r\n\t /\r\n\t@Prop() titleHeight:\r\n\t\t\| \"densest\"\r\n\t\t\| \"denser\"\r\n\t\t\| \"dense\"\r\n\t\t\| \"normal\"\r\n\t\t\| \"loose\"\r\n\t\t\| \"looser\"\r\n\t\t\| \"paragraph\" = \"densest\";\r\n\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t Line number to cut text off at and add ellipsis\r\n\t /\r\n\t@Prop() ellipsisLineCutoff?: number;\r\n\r\n\t/\r\n\t Title heading display : To show line above heading full width or title width\r\n\t /\r\n\t@Prop() titleDisplay: \"block\" \| \"inline-block\" = \"inline-block\";\r\n\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\r\n\t// Tooltip Properties started\r\n\t/\r\n\t index of hover tooltip element\r\n\t /\r\n\t@Prop() tooltipZIndex: string = \"auto\";\r\n\t/\r\n\t Tooltip position\r\n\t /\r\n\t@Prop() tooltipPosition:\r\n\t\t\| \"left\"\r\n\t\t\| \"right\"\r\n\t\t\| \"bottom\"\r\n\t\t\| \"bottom-right\"\r\n\t\t\| \"top\" = \"bottom\";\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() tooltipTheme: \"standard\" \| \"danger\" = \"standard\";\r\n\t@Prop() enableTooltip: boolean = false;\r\n\t@Prop() maxChars: number;\r\n\t@Prop() maxLines: number;\r\n\ttooltipText: string;\r\n\t@Prop() hideTooltipOnMobile: boolean = false;\r\n\t@State() ismob: boolean;\r\n\r\n\t/\r\n\t This will make the width 100% respective to its parent\r\n\t */\r\n\t@Prop() tooltipWidth?: \"full-width\" \| \"default\" = \"default\";\r\n\t// Tooltip Properties ends\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\tthis.el.classList.add(\"hide-tooltip-on-mobile\");\r\n\t\t}\r\n\t\tthis.el.addEventListener(\"mouseenter\", () =>\r\n\t\t\tthis.toggleTitleTooltip(true)\r\n\t\t);\r\n\t\tthis.el.addEventListener(\"mouseleave\", () =>\r\n\t\t\tthis.toggleTitleTooltip(false)\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tgetSortedText(content: string): string \| undefined {\r\n\t\tif (!this.enableTooltip) return;\r\n\t\tconst trimmedContent = content.trim();\r\n\t\tconst shouldTruncate =\r\n\t\t\ttrimmedContent.length > this.maxChars && !this.maxLines;\r\n\t\treturn shouldTruncate\r\n\t\t\t? trimmedContent.slice(0, this.maxChars) + \"...\"\r\n\t\t\t: trimmedContent;\r\n\t}\r\n\r\n\ttoggleTitleTooltip(show: boolean) {\r\n\t\tconst tooltipClass = \"tooltip-box\";\r\n\t\tconst existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n\t\tconst text = this.el.querySelectorAll(\".line-clamp-title\");\r\n\t\tlet maxLinesShowCheck: boolean = false;\r\n\t\tif (text) {\r\n\t\t\ttext.forEach((t) => {\r\n\t\t\t\tmaxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n\t\t\t});\r\n\t\t}\r\n\t\tconst ifCharExceeds =\r\n\t\t\tthis.tooltipText &&\r\n\t\t\tthis.tooltipText.length > this.maxChars &&\r\n\t\t\t!this.maxLines;\r\n\t\tconst ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n\t\tif (show && this.enableTooltip) {\r\n\t\t\tif (\r\n\t\t\t\t(!existingTooltip && ifCharExceeds) \|\|\r\n\t\t\t\t(!existingTooltip && ifLinesExceeds)\r\n\t\t\t) {\r\n\t\t\t\tconst tooltipMarkup = document.createElement(\"div\");\r\n\t\t\t\ttooltipMarkup.className = tooltipClass;\r\n\t\t\t\ttooltipMarkup.innerText = this.tooltipText;\r\n\t\t\t\ttooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n\t\t\t\ttooltipMarkup.classList.add(\r\n\t\t\t\t\tthis.tooltipPosition,\r\n\t\t\t\t\tthis.tooltipTheme,\r\n\t\t\t\t\tthis.tooltipWidth\r\n\t\t\t\t);\r\n\t\t\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\t\t\ttooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n\t\t\t\t}\r\n\t\t\t\tthis.el.querySelector(\"div\")?.appendChild(tooltipMarkup);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\texistingTooltip?.remove();\r\n\t\t}\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, this.type);\r\n\t\tlet html = firstChild && firstChild.innerHTML;\r\n\r\n\t\t// added for tooltip\r\n\t\tthis.tooltipText = html.trim();\r\n\t\tlet eleText = firstChild && firstChild.innerText;\r\n\t\thtml = this.enableTooltip ? this.getSortedText(eleText) : html;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tinnerHTML={html}\r\n\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tthis.maxLines && this.maxLines > 0\r\n\t\t\t\t\t\t\t\t? \"line-clamp-title\"\r\n\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t></TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\r\n\t\tlet TagType: string;\r\n\t\tswitch (this.type) {\r\n\t\t\tcase \"h1\":\r\n\t\t\t\tTagType = \"h1\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h3\":\r\n\t\t\t\tTagType = \"h3\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h4\":\r\n\t\t\t\tTagType = \"h4\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h5\":\r\n\t\t\t\tTagType = \"h5\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"h6\":\r\n\t\t\t\tTagType = \"h6\";\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tTagType = \"h2\";\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<TagType style={cutOff}>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.textAlign]: !!this.textAlign ? true : false,\r\n\t\t\t[this.upperline]: true,\r\n\t\t\t[this.isPlmHub ? \"is-plm-hub\" : \"is-standard\"]: true,\r\n\t\t\t[this.titleMargin]: !!this.titleMargin ? true : false,\r\n\t\t\t[this.titleShadow]: !!this.titleShadow ? true : false,\r\n\t\t\t[this.titleWeight]: !!this.titleWeight ? true : false,\r\n\t\t\t[this.titleSize]: !!this.titleSize ? true : false,\r\n\t\t\t[this.titleHeight]: !!this.titleHeight ? true : false,\r\n\t\t\t[this.titleColor]: !!this.titleColor ? true : false,\r\n\t\t\t[\"ellipsis-boxing\"]:\r\n\t\t\t\tthis.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n\t\t\t[this.titleDisplay]: !!this.titleDisplay ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tconst lineClamp =\r\n\t\t\tthis.ellipsisLineCutoff > 0\r\n\t\t\t\t? this.ellipsisLineCutoff\r\n\t\t\t\t: this.maxLines;\r\n\t\treturn lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DXyFE3iB.js → p-DV4OkgcS.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const ptcCloseIconCss = ":host{display:inline-block}:host:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:5px solid transparent;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);cursor:pointer}:host .close-icon svg{padding:7px;border:1px solid transparent;border-radius:var(--ptc-border-radius-standard);background-color:transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .close-icon svg:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon:hover svg{border-color:var(--color-gray-12)}:host .close-icon:active svg{transition-duration:0ms;background-color:var(--color-gray-02);border:1px solid var(--color-gray-12)}";
@@ -11,7 +11,7 @@ const PtcCloseIcon = /*@__PURE__*/ proxyCustomElement(class PtcCloseIcon extends
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'b4a6d8113be48608d41011f156930d6d61eb7602' }, h("div", { key: '05248b8349b9ad8bed896dc2342ac39a8c980ea7', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, h("svg", { key: '6e4bf24d1503112b8a1b4e84399a8135dd4e98cb', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, h("path", { key: 'd986163655b3f79a837dc7bc3b34341775e20c31', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
+        return (h(Host, { key: 'ff1f2614c9fc786a419151d49bbd40c9084d2c52' }, h("div", { key: '3a433088a89f8aab2ebd7ec3689a42e4135fa183', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, h("svg", { key: '14326a653a0b55fa35d0814e8d71062256d015dd', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, h("path", { key: '582cd96f7b6001f8bdc54f64c1c325059afaca78', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
     }
     static get style() { return ptcCloseIconCss; }
 }, [257, "ptc-close-icon"]);
@@ -31,6 +31,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCloseIcon as P, defineCustomElement as d };
-//# sourceMappingURL=p-DXyFE3iB.js.map
+//# sourceMappingURL=p-DV4OkgcS.js.map
-//# sourceMappingURL=p-DXyFE3iB.js.map
+//# sourceMappingURL=p-DV4OkgcS.js.map

package/dist/components/{p-DXyFE3iB.js.map → p-DV4OkgcS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DXyFE3iB~~.js","mappings":";;AAAA,MAAM,eAAe,GAAG,y3BAAy3B;;MCOp4B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACxB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,sBAAsB,EAC7B,EAAE,EAAC,yBAAyB,EAAA,EAE5B,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACW,SAAS,EACT,WAAA,EAAA,SAAS,EACnB,CAAC,EAAC,wLAAwL,EAC1L,IAAI,EAAC,SAAS,EACb,CAAA,CACG,CACD,CACA;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: inline-block;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t.close-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t\tborder: 5px solid transparent;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tpadding: 7px;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tbackground-color: transparent;\r\n\t\t\ttransition: border-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tsvg {\r\n\t\t\t\ttransition-duration: 0ms;\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// &:focus {\r\n\t\t// border: 5px solid var(--color-blue-07);\r\n\t\t// }\r\n\r\n\t\t// &:focus-visible {\r\n\t\t// svg {\r\n\t\t// @include base-focus-state;\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\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-DV4OkgcS.js","mappings":";;AAAA,MAAM,eAAe,GAAG,y3BAAy3B;;MCOp4B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACxB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,sBAAsB,EAC7B,EAAE,EAAC,yBAAyB,EAAA,EAE5B,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACW,SAAS,EACT,WAAA,EAAA,SAAS,EACnB,CAAC,EAAC,wLAAwL,EAC1L,IAAI,EAAC,SAAS,EACb,CAAA,CACG,CACD,CACA;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: inline-block;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t.close-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t\tborder: 5px solid transparent;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tpadding: 7px;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tbackground-color: transparent;\r\n\t\t\ttransition: border-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tsvg {\r\n\t\t\t\ttransition-duration: 0ms;\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// &:focus {\r\n\t\t// border: 5px solid var(--color-blue-07);\r\n\t\t// }\r\n\r\n\t\t// &:focus-visible {\r\n\t\t// svg {\r\n\t\t// @include base-focus-state;\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-qutINJcY.js → p-DckOTqUt.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$1 } from './p-BTIxGOkl.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$1 } from './p-DGb1bK-E.js';
 const ptcFilterDropdownCss = ":host{display:block;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:var(--ptc-element-spacing-01) 14px var(--ptc-element-spacing-01) 14px;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:4px}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown .dropdown-menu .filter-btns .clear-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;hyphens:manual}:host .radio-label input{margin-right:10px}:host .radio-label input:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:\"\";height:20px;width:20px;position:absolute;left:0;top:0;display:none}";
@@ -113,13 +113,13 @@ const PtcFilterDropdown = /*@__PURE__*/ proxyCustomElement(class PtcFilterDropdo
         }
     }
     render() {
-        return (h(Host, { key: '4b3d442ad56316ba3064bbb4b1cb4a7e8fc2f47e' }, this.styles && h("style", { key: '4e37c3fd00153c74a23976f0706164c4821b8ef5' }, this.styles), h("div", { key: '10bb6fb0e9dad805f0fb8b32df8df4d1cddb9d6c', class: "dropdown" }, h("div", { key: 'b868ce368a39792355d2fa9f6892f2c28683848e', class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => {
+        return (h(Host, { key: 'f1cb0fa452a50b44fec6e6c3341e14dcee3c808d' }, this.styles && h("style", { key: '7a5e8a8142d0d8d986f174e7f9d7b0bef0ae5b62' }, this.styles), h("div", { key: '54ed7be750950c8dc8885c375057ef8105011394', class: "dropdown" }, h("div", { key: 'b8ce52087098dbfb1beb6d6375951a2a557226ca', class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => {
                 this.handleKeyDown(e);
-            } }, h("span", { key: '3e0fee47ffa207e2843ecc779bc2b75b756e7948', class: "dropdown-placeholder" }, h("strong", { key: '1afbab3e957911926bdd761f684bd2e86f8aba7f' }, "Filter: "), h("span", { key: '6a2feb1f2ad17710ae5d8c7e06e25b366ec51793', class: "dropdown-filter-name" }, this.placeholder)), h("span", { key: 'ac953bb20a6fc352148f9bca426ad81737b5d057', class: "caret" }, h("svg", { key: '1da2f8634aaaded3fd17e058d6a524cfe42a5959', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { key: '26695f5324949ef59c51c6e4e590d39b34f3b412', d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { key: '8b6e2500976dd20cad8226ccf09fd8ecc2c6879f', class: "dropdown-menu" }, h("ul", { key: 'baedd3a97fc0d780a6f839792ed1dba0a587abac', class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, "") }, h("input", { type: "radio", id: option.value.replace(/\s+/g, ""), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value ===
-                option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h("div", { key: '1baab6fc2230eee8307cdfa41a4fd40c837aa2f3', class: "filter-btns" }, h("span", { key: '0e3319e19376cd02f264cdb9de26a226292d0db0', class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
+            } }, h("span", { key: '4fa9e4f0cce93145d2df4e01ff9b2300442c787e', class: "dropdown-placeholder" }, h("strong", { key: 'c131a49aaf8a9f3275a7ca47e86961f0b633d4b5' }, "Filter: "), h("span", { key: '8c1fde30490acb8a605f163d32b54b4b69998e42', class: "dropdown-filter-name" }, this.placeholder)), h("span", { key: '84fccc4ebe6d1d6e8877cc9764afa8d65608aa4e', class: "caret" }, h("svg", { key: 'f64a97c74e626ad0f5185d3e264358ee87eed4cc', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { key: '698af128110e096ee1d926ffcf6b3a0d4cf0f0ec', d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { key: '1ca41fc03175fdb6547b875638eeb1c574b7bcd0', class: "dropdown-menu" }, h("ul", { key: 'e5f766f9a313204eeea436f35446c59505d944ed', class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, "") }, h("input", { type: "radio", id: option.value.replace(/\s+/g, ""), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value ===
+                option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h("div", { key: 'c0acdb41f626424da14957b5ae39543f84ad7cca', class: "filter-btns" }, h("span", { key: '939ce72e152d4dfb9f9d4277dda00369b6d24bd0', class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
                 if (e.key === "Enter")
                     this.clearFilter();
-            } }, "Clear"), h("ptc-button", { key: 'a1679644d1a63777f16182d30d168e95ce08534f', "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions("applyButton"), styles: " a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }" }, "Apply"))))), h("div", { key: '870617f0f31dfb3ded22508a20123f0056cedc82', class: "hidden" }, h("slot", { key: '4f25649efe94f4f56bd21fe9c2eaac8cdad1e265' }))));
+            } }, "Clear"), h("ptc-button", { key: '6e15227e779e1a1bd17eb6eb1bce4cc08384c6fd', "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions("applyButton"), styles: " a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }" }, "Apply"))))), h("div", { key: 'ccd1bfaa1335a65a4f293dde6efb06b59ce8158b', class: "hidden" }, h("slot", { key: '6011ce93c9ff23cd3e2cdf709aa8abf35103e6de' }))));
     }
     static get style() { return ptcFilterDropdownCss; }
 }, [257, "ptc-filter-dropdown", {
@@ -153,6 +153,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcFilterDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-qutINJcY.js.map
+//# sourceMappingURL=p-DckOTqUt.js.map
-//# sourceMappingURL=p-qutINJcY.js.map
+//# sourceMappingURL=p-DckOTqUt.js.map

package/dist/components/{p-qutINJcY.js.map → p-DckOTqUt.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-qutINJcY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.scss?tag=ptc-filter-dropdown&encapsulation=shadow","src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\t// padding: 0.5rem;\r\n\t\t\tpadding: var(--ptc-element-spacing-01) 14px\r\n\t\t\t\tvar(--ptc-element-spacing-01) 14px;\r\n\t\t\tborder: 1px solid var(--color-gray-05);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\t// min-height: 34px;\r\n\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\t.dropdown-filter-name {\r\n\t\t\t\t\tpadding-left: 10px;\r\n\t\t\t\t\tpadding-right: 5px;\r\n\r\n\t\t\t\t\tword-break: break-word;\r\n\t\t\t\t\thyphens: manual;\r\n\t\t\t\t\t-webkit-hyphens: manual;\r\n\t\t\t\t\t-moz-hyphens: manual;\r\n\t\t\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\t\t\thyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t/ For Safari /\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t/ For Safari */\r\n\r\n\t\t\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-lines: 2;\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.caret {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\r\n\t\t.dropdown-menu {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\toverflow-y: auto;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tmargin-top: 8px;\r\n\t\t\tmin-width: 278px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\ttransition: max-height 0.25s ease-out;\r\n\t\t\tz-index: 2000;\r\n\r\n\t\t\tmax-height: 1000px;\r\n\r\n\t\t\t.filter-list {\r\n\t\t\t\tpadding: 24px 24px 16px 24px;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\t.filter-btns {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tpadding: 16px 24px;\r\n\r\n\t\t\t\t.clear-btn {\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:focus-visible {\r\n\t\t\t\t\t\t@include base-focus-state;\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&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.radio-label {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 500;\r\n\t\tcursor: pointer;\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 500;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tline-height: 1.5;\r\n\t\tdisplay: flex;\r\n\t\talign-items: baseline;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: manual;\r\n\t\t-moz-hyphens: manual;\r\n\t\t-ms-hyphens: manual;\r\n\t\thyphens: manual;\r\n\t\tinput {\r\n\t\t\tmargin-right: 10px;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// input[type='checkbox'] {\r\n\t\t// cursor: pointer;\r\n\t\t// height: 0;\r\n\t\t// opacity: 0;\r\n\t\t// position: absolute;\r\n\t\t// width: 0;\r\n\t\t// margin: 0;\r\n\t\t// &:checked~.checkmark{\r\n\t\t// background-color: #1f2024;\r\n\t\t// &::after{\r\n\t\t// display: block;\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\r\n\t\t.checkmark {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder: 1px solid #1f2024;\r\n\t\t\tborder-radius: 0.4rem;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');\r\n\t\t\t\tbackground-position: 50%;\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 75% 100%;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 20px;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tState,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-dropdown\",\r\n\tstyleUrl: \"ptc-filter-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@State() selectedOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Prop() selectedTag: string;\r\n\t@Prop() styles?: string;\r\n\t@Event() selectedFilterValues: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\tdropdownPlaceholder: any;\r\n\r\n\t@Method()\r\n\tasync clearFilterSelection() {\r\n\t\tlet self = this;\r\n\t\tself.clearFilter();\r\n\t}\r\n\r\n\t@Method() async setSelectedItem(\r\n\t\ttabId: string,\r\n\t\ttagName: string,\r\n\t\tvalue: string,\r\n\t) {\r\n\t\tconst isExistingOption = (this.selectedOptions \|\| []).find(\r\n\t\t\t(opt) =>\r\n\t\t\t\topt.tabId === tabId &&\r\n\t\t\t\topt.tagName === tagName &&\r\n\t\t\t\topt.value === value,\r\n\t\t);\r\n\t\tif (!isExistingOption) {\r\n\t\t\tthis.selectedOptions = [\r\n\t\t\t\t...(this.selectedOptions \|\| []),\r\n\t\t\t\t{ tabId, tagName, value },\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\".dropdown-placeholder .dropdown-filter-name\",\r\n\t\t);\r\n\t}\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => ({\r\n\t\t\t\ttabId: option.getAttribute(\"tab-id\"),\r\n\t\t\t\tvalue: option.textContent,\r\n\t\t\t\ttagName: option.getAttribute(\"tag-name\"), // Store tag name in the options\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown(focusInput = false) {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tif (focusInput) {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tclearFilter() {\r\n\t\tthis.selectedOptions = [];\r\n\t\tconst radioList = this.hostElement.shadowRoot.querySelectorAll(\r\n\t\t\t'.filter-list input[type=\"radio\"]',\r\n\t\t);\r\n\t\tradioList.forEach((radioItem) => {\r\n\t\t\tif (radioItem instanceof HTMLInputElement) {\r\n\t\t\t\tradioItem.checked = false;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent = this.placeholder;\r\n\t\t}\r\n\t\tthis.emitSelectedOptions(\"clearButton\");\r\n\t}\r\n\r\n\temitSelectedOptions(clickedButton?) {\r\n\t\t// debugger\r\n\t\tthis.selectedOptions = this.internalOptions\r\n\t\t\t.filter((option) => {\r\n\t\t\t\tconst id = option.tabId;\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\t`input[tab-id=\"${id}\"]:checked`,\r\n\t\t\t\t\t) !== null\r\n\t\t\t\t);\r\n\t\t\t})\r\n\t\t\t.map((option) => ({\r\n\t\t\t\ttabId: option.tabId,\r\n\t\t\t\tvalue: option.value,\r\n\t\t\t\ttagName: option.tagName,\r\n\t\t\t}));\r\n\r\n\t\tthis.selectedFilterValues.emit({\r\n\t\t\tsender: this,\r\n\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t});\r\n\t\tif (clickedButton == \"applyButton\") {\r\n\t\t\tthis.toggleDropdown();\r\n\t\t}\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent =\r\n\t\t\t\tthis.selectedOptions[0]?.value;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\thandleKeyDown(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.toggleDropdown(true); // Focus after Enter\r\n\t\t} else if (e.key === \"Tab\" && this.isOpen) {\r\n\t\t\t// Let browser do default tabbing, but also guide focus inside dropdown\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle mf-listen\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown(true)}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\tthis.handleKeyDown(e);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t<strong>Filter: </strong>\r\n\t\t\t\t\t\t\t<span class=\"dropdown-filter-name\">\r\n\t\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"7\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 7\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M10.2426 1.24264L6 5.48528L1.75736 1.24264\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"#20262A\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t<ul class=\"filter-list\">\r\n\t\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t\t<li key={option.tabId}>\r\n\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"radio-label\"\r\n\t\t\t\t\t\t\t\t\t\t\thtmlFor={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\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>\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\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\tname=\"theater-filter\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.some(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(item) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.value ===\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.value,\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\ttab-id={option.tabId}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttag-name={option.tagName} // Include the tag name in the input\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{option.value}\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</ul>\r\n\r\n\t\t\t\t\t\t\t<div class=\"filter-btns\">\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"clear-btn mf-listen\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => this.clearFilter()}\r\n\t\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\")\r\n\t\t\t\t\t\t\t\t\t\t\tthis.clearFilter();\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\t\t\tClear\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\t\ttracker-id=\"filter-apply-cta\"\r\n\t\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-secondary\"\r\n\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\tthis.emitSelectedOptions(\"applyButton\")\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tstyles=\" a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tApply\r\n\t\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\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-DckOTqUt.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.scss?tag=ptc-filter-dropdown&encapsulation=shadow","src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\t// padding: 0.5rem;\r\n\t\t\tpadding: var(--ptc-element-spacing-01) 14px\r\n\t\t\t\tvar(--ptc-element-spacing-01) 14px;\r\n\t\t\tborder: 1px solid var(--color-gray-05);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\t// min-height: 34px;\r\n\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\t.dropdown-filter-name {\r\n\t\t\t\t\tpadding-left: 10px;\r\n\t\t\t\t\tpadding-right: 5px;\r\n\r\n\t\t\t\t\tword-break: break-word;\r\n\t\t\t\t\thyphens: manual;\r\n\t\t\t\t\t-webkit-hyphens: manual;\r\n\t\t\t\t\t-moz-hyphens: manual;\r\n\t\t\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\t\t\thyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t/ For Safari /\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t/ For Safari */\r\n\r\n\t\t\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-lines: 2;\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.caret {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\r\n\t\t.dropdown-menu {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\toverflow-y: auto;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tmargin-top: 8px;\r\n\t\t\tmin-width: 278px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\ttransition: max-height 0.25s ease-out;\r\n\t\t\tz-index: 2000;\r\n\r\n\t\t\tmax-height: 1000px;\r\n\r\n\t\t\t.filter-list {\r\n\t\t\t\tpadding: 24px 24px 16px 24px;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\t.filter-btns {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tpadding: 16px 24px;\r\n\r\n\t\t\t\t.clear-btn {\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:focus-visible {\r\n\t\t\t\t\t\t@include base-focus-state;\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&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.radio-label {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 500;\r\n\t\tcursor: pointer;\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 500;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tline-height: 1.5;\r\n\t\tdisplay: flex;\r\n\t\talign-items: baseline;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: manual;\r\n\t\t-moz-hyphens: manual;\r\n\t\t-ms-hyphens: manual;\r\n\t\thyphens: manual;\r\n\t\tinput {\r\n\t\t\tmargin-right: 10px;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// input[type='checkbox'] {\r\n\t\t// cursor: pointer;\r\n\t\t// height: 0;\r\n\t\t// opacity: 0;\r\n\t\t// position: absolute;\r\n\t\t// width: 0;\r\n\t\t// margin: 0;\r\n\t\t// &:checked~.checkmark{\r\n\t\t// background-color: #1f2024;\r\n\t\t// &::after{\r\n\t\t// display: block;\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\r\n\t\t.checkmark {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder: 1px solid #1f2024;\r\n\t\t\tborder-radius: 0.4rem;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');\r\n\t\t\t\tbackground-position: 50%;\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 75% 100%;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 20px;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tState,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-dropdown\",\r\n\tstyleUrl: \"ptc-filter-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@State() selectedOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Prop() selectedTag: string;\r\n\t@Prop() styles?: string;\r\n\t@Event() selectedFilterValues: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\tdropdownPlaceholder: any;\r\n\r\n\t@Method()\r\n\tasync clearFilterSelection() {\r\n\t\tlet self = this;\r\n\t\tself.clearFilter();\r\n\t}\r\n\r\n\t@Method() async setSelectedItem(\r\n\t\ttabId: string,\r\n\t\ttagName: string,\r\n\t\tvalue: string,\r\n\t) {\r\n\t\tconst isExistingOption = (this.selectedOptions \|\| []).find(\r\n\t\t\t(opt) =>\r\n\t\t\t\topt.tabId === tabId &&\r\n\t\t\t\topt.tagName === tagName &&\r\n\t\t\t\topt.value === value,\r\n\t\t);\r\n\t\tif (!isExistingOption) {\r\n\t\t\tthis.selectedOptions = [\r\n\t\t\t\t...(this.selectedOptions \|\| []),\r\n\t\t\t\t{ tabId, tagName, value },\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\".dropdown-placeholder .dropdown-filter-name\",\r\n\t\t);\r\n\t}\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => ({\r\n\t\t\t\ttabId: option.getAttribute(\"tab-id\"),\r\n\t\t\t\tvalue: option.textContent,\r\n\t\t\t\ttagName: option.getAttribute(\"tag-name\"), // Store tag name in the options\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown(focusInput = false) {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tif (focusInput) {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tclearFilter() {\r\n\t\tthis.selectedOptions = [];\r\n\t\tconst radioList = this.hostElement.shadowRoot.querySelectorAll(\r\n\t\t\t'.filter-list input[type=\"radio\"]',\r\n\t\t);\r\n\t\tradioList.forEach((radioItem) => {\r\n\t\t\tif (radioItem instanceof HTMLInputElement) {\r\n\t\t\t\tradioItem.checked = false;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent = this.placeholder;\r\n\t\t}\r\n\t\tthis.emitSelectedOptions(\"clearButton\");\r\n\t}\r\n\r\n\temitSelectedOptions(clickedButton?) {\r\n\t\t// debugger\r\n\t\tthis.selectedOptions = this.internalOptions\r\n\t\t\t.filter((option) => {\r\n\t\t\t\tconst id = option.tabId;\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\t`input[tab-id=\"${id}\"]:checked`,\r\n\t\t\t\t\t) !== null\r\n\t\t\t\t);\r\n\t\t\t})\r\n\t\t\t.map((option) => ({\r\n\t\t\t\ttabId: option.tabId,\r\n\t\t\t\tvalue: option.value,\r\n\t\t\t\ttagName: option.tagName,\r\n\t\t\t}));\r\n\r\n\t\tthis.selectedFilterValues.emit({\r\n\t\t\tsender: this,\r\n\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t});\r\n\t\tif (clickedButton == \"applyButton\") {\r\n\t\t\tthis.toggleDropdown();\r\n\t\t}\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent =\r\n\t\t\t\tthis.selectedOptions[0]?.value;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\thandleKeyDown(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.toggleDropdown(true); // Focus after Enter\r\n\t\t} else if (e.key === \"Tab\" && this.isOpen) {\r\n\t\t\t// Let browser do default tabbing, but also guide focus inside dropdown\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle mf-listen\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown(true)}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\tthis.handleKeyDown(e);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t<strong>Filter: </strong>\r\n\t\t\t\t\t\t\t<span class=\"dropdown-filter-name\">\r\n\t\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"7\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 7\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M10.2426 1.24264L6 5.48528L1.75736 1.24264\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"#20262A\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t<ul class=\"filter-list\">\r\n\t\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t\t<li key={option.tabId}>\r\n\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"radio-label\"\r\n\t\t\t\t\t\t\t\t\t\t\thtmlFor={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\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>\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\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\tname=\"theater-filter\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.some(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(item) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.value ===\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.value,\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\ttab-id={option.tabId}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttag-name={option.tagName} // Include the tag name in the input\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{option.value}\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</ul>\r\n\r\n\t\t\t\t\t\t\t<div class=\"filter-btns\">\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"clear-btn mf-listen\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => this.clearFilter()}\r\n\t\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\")\r\n\t\t\t\t\t\t\t\t\t\t\tthis.clearFilter();\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\t\t\tClear\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\t\ttracker-id=\"filter-apply-cta\"\r\n\t\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-secondary\"\r\n\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\tthis.emitSelectedOptions(\"applyButton\")\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tstyles=\" a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tApply\r\n\t\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-D8mHT2Sh.js → p-DgwzgPHL.js} RENAMED Viewed

@@ -212,7 +212,7 @@ function onReducedMotionChange(cb) {
     return () => mql.removeEventListener('change', handler);
 }
-export { CheckDarkFocusState as C, MapDOM as M, isHiddenUntilSupported as a, getSeoTagType as b, getLanguageFromURL as c, debounce as d, observeInView as e, format as f, generateUUID as g, getFileExtension as h, isReducedMotion as i, nextUserInteractionEvent as n, onReducedMotionChange as o, seoSlotReset as s };
-//# sourceMappingURL=p-D8mHT2Sh.js.map
+export { CheckDarkFocusState as C, MapDOM as M, isHiddenUntilSupported as a, generateUUID as b, getLanguageFromURL as c, debounce as d, observeInView as e, format as f, getSeoTagType as g, getFileExtension as h, isReducedMotion as i, nextUserInteractionEvent as n, onReducedMotionChange as o, seoSlotReset as s };
+//# sourceMappingURL=p-DgwzgPHL.js.map
-//# sourceMappingURL=p-D8mHT2Sh.js.map
+//# sourceMappingURL=p-DgwzgPHL.js.map

package/dist/components/{p-D8mHT2Sh.js.map → p-DgwzgPHL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-D8mHT2Sh.js","mappings":"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","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\r\n return (first \|\| '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n\r\nexport function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any {\r\n let element = selector ? domElement.querySelector(selector) : (domElement as Element);\r\n let treeObject = {};\r\n let translate = (name: string) => {\r\n return name.toLowerCase().replace(/(-\\w)/g, text => {\r\n return text.replace(/-/, '').toUpperCase();\r\n });\r\n };\r\n let hasContent = (element: Element) => {\r\n let result = true;\r\n\r\n if (/^\\s$/.test(element.textContent)) {\r\n result = false;\r\n }\r\n\r\n return result;\r\n };\r\n\r\n let treeHTML = (element: Element, object: any) => {\r\n //let nodeName = translate(element.nodeName);\r\n let nodeList = element.childNodes;\r\n if (nodeList && nodeList.length > 0) {\r\n for (let i = 0; i < nodeList.length; i++) {\r\n let elm = nodeList[i] as Element;\r\n\r\n if (elm.nodeType == 1) {\r\n let letChildNodeName = translate(elm.nodeName);\r\n\r\n if (!object[letChildNodeName]) {\r\n object[letChildNodeName] = [];\r\n }\r\n\r\n object[letChildNodeName].push({});\r\n\r\n treeHTML(elm, object[letChildNodeName][object[letChildNodeName].length - 1]);\r\n } else if (elm.nodeType == 3 && hasContent(elm)) {\r\n object['text'] = (object['text'] \|\| '') + elm.textContent;\r\n }\r\n }\r\n\r\n for (const property in object) {\r\n if (Array.isArray(object[property]) && object[property].length == 1) {\r\n object[property] = object[property][0];\r\n }\r\n }\r\n }\r\n if (element.attributes && element.attributes.length > 0) {\r\n for (let i = 0; i < element.attributes.length; i++) {\r\n let name = translate(element.attributes[i].nodeName);\r\n object[name] = element.attributes[i].nodeValue;\r\n }\r\n }\r\n if (element.getAttribute('html') == 'true') {\r\n object['html'] = element.innerHTML;\r\n }\r\n };\r\n treeHTML(element, treeObject);\r\n\r\n return toString ? JSON.stringify(treeObject) : treeObject;\r\n}\r\n\r\nexport function generateUUID(): string {\r\n let s4 = () => {\r\n return Math.floor((1 + Math.random()) 0x10000)\r\n .toString(16)\r\n .substring(1);\r\n };\r\n return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();\r\n}\r\n\r\nexport function debounce(func: Function, wait: number, referer?: any) {\r\n let key = generateUUID();\r\n\r\n if (!globalThis.debounceTimeouts) {\r\n globalThis.debounceTimeouts = {};\r\n }\r\n\r\n return function executedFunction(e) {\r\n var context = referer \|\| this;\r\n var args = e;\r\n\r\n var callback = function () {\r\n func(context, args);\r\n };\r\n\r\n clearTimeout(globalThis.debounceTimeouts[key]);\r\n globalThis.debounceTimeouts[key] = setTimeout(callback, wait);\r\n };\r\n}\r\n\r\nexport function getFileExtension(filePath: string): string {\r\n if (filePath === undefined) {\r\n throw new Error('filePath is not defined');\r\n }\r\n const lastDotIndex = filePath.lastIndexOf('.');\r\n if (lastDotIndex === -1) {\r\n // no extension found\r\n return '';\r\n }\r\n return filePath.substring(lastDotIndex);\r\n}\r\n\r\nexport function getLanguageFromURL(): string {\r\n const urlPath = window.location.pathname;\r\n const parts = urlPath.split('/');\r\n const supportedLanguages = ['en', 'cn', 'tw', 'fr', 'de', 'it', 'ja', 'ko', 'es', 'pt']\r\n const languageCode = parts[1];\r\n if (supportedLanguages.includes(languageCode)) {\r\n return languageCode;\r\n }\r\n return 'en';\r\n}\r\n\r\nexport function getSeoTagType(element: HTMLElement, defaultTag: string = \"span\"): [string, HTMLElement] {\r\n if (element && element.children && element.children.length == 1) {\r\n let firstChild = element.children[0] as HTMLElement;\r\n let TagType = firstChild.tagName.toLowerCase();\r\n element.removeChild(firstChild);\r\n\r\n if (TagType == \"font\") {\r\n TagType = defaultTag;\r\n }\r\n\r\n return [TagType, firstChild];\r\n } else {\r\n return [defaultTag, element];\r\n }\r\n}\r\n\r\nexport function seoSlotReset(element: HTMLElement) {\r\n if (element && element.children && element.children.length == 1 && element.getAttribute('data-reset') != 'complete') {\r\n let firstChild = element.firstElementChild as HTMLElement;\r\n element.innerHTML = firstChild.innerHTML;\r\n element.setAttribute('data-reset', 'complete');\r\n }\r\n}\r\n\r\n// for elements in the light dom\r\nexport function equalizeHeights(selector: string, elem: HTMLElement) {\r\n let elements = elem.querySelectorAll(selector) as NodeListOf<HTMLElement>;\r\n //console.log('element: ' + elements[0].tagName)\r\n //reset height\r\n elements.forEach((element) => {\r\n element.style.removeProperty('height');\r\n });\r\n\r\n let tallestHeight = 0;\r\n // Find the tallest element\r\n elements.forEach((element) => {\r\n const height = element.offsetHeight;\r\n if (height > tallestHeight && element.classList.contains('hydrated')) {\r\n tallestHeight = height;\r\n }\r\n });\r\n\r\n if (tallestHeight > 0) {\r\n // Set all elements to the tallest height\r\n elements.forEach((element) => {\r\n element.style.height = `${tallestHeight}px`;\r\n });\r\n\r\n //return true;\r\n }\r\n}\r\n\r\n//for elements in the shadow dom\r\nexport function equalizeHeightsWithinShadow(selector: string, shadowRootOrHostElement: DocumentFragment \| HTMLElement): void {\r\n let elements: NodeListOf<HTMLElement>;\r\n // Determine if we're working with a shadow root or a host element that has a shadowRoot\r\n if (shadowRootOrHostElement instanceof DocumentFragment) { // ShadowRoot is a kind of DocumentFragment\r\n elements = shadowRootOrHostElement.querySelectorAll(selector) as NodeListOf<HTMLElement>;\r\n } else if (shadowRootOrHostElement.shadowRoot) {\r\n elements = shadowRootOrHostElement.shadowRoot.querySelectorAll(selector) as NodeListOf<HTMLElement>;\r\n } else {\r\n console.error(\"The provided element does not have a shadowRoot.\");\r\n return;\r\n }\r\n let tallestHeight = 0;\r\n // Find the tallest element\r\n elements.forEach((element) => {\r\n const height = element.offsetHeight;\r\n if (height > tallestHeight) {\r\n tallestHeight = height;\r\n }\r\n });\r\n // Set all elements to the tallest height\r\n elements.forEach((element) => {\r\n element.style.height = `${tallestHeight}px`;\r\n });\r\n}\r\n\r\nexport function nextUserInteractionEvent(sender?: any, limit: number = 5000): Promise<any> {\r\n const baseInteractions = ['click', 'scroll', 'mousemove', 'touchstart'];\r\n const context = globalThis.window as any;\r\n const key = generateUUID();\r\n\r\n return new Promise<any>((resolve) => {\r\n let keyChain = getHydrationKeyChain(context);\r\n keyChain[key] = false;\r\n baseInteractions.forEach(function (interaction) {\r\n context.addEventListener(interaction, function () {\r\n if (!keyChain[key]) {\r\n keyChain[key] = true;\r\n resolve({\r\n sender: sender,\r\n interactionType: interaction\r\n });\r\n }\r\n }, {\r\n once: true\r\n });\r\n\r\n setTimeout(() => {\r\n if (!keyChain[key]) {\r\n keyChain[key] = true;\r\n resolve({\r\n sender: sender,\r\n interactionType: interaction\r\n });\r\n }\r\n }, limit);\r\n });\r\n });\r\n}\r\n\r\nfunction getHydrationKeyChain(context: any) {\r\n if (!context.HydrationKeys) {\r\n context.HydrationKeys = {};\r\n }\r\n\r\n return context.HydrationKeys;\r\n}\r\n\r\n\r\n/\r\n observeInView:\r\n Trigger CSS Animations when elements are scrolled into view\r\n\r\n This function uses the Intersection Observer API to determine if objects are within the viewport\r\n It adds an 'in-view' class to elements when they come into view (and removes the class when not on screen)\r\n Use to add @keyframe or transition animations to elements so they animate once they are on screen\r\n\r\n How to use:\r\n Import observeInView function in the component\r\n import { observeInView } from '../../utils/utils';\r\n Call the function with the host element and selector\r\n observeInView(this.hostEle, '.ptc-animate');\r\n\r\n/\r\nexport function observeInView(hostEle: HTMLElement, selector: string, runOnce: boolean = false) {\r\n const observer = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n\r\n if (runOnce) {\r\n observer.unobserve(entry.target);\r\n }\r\n\r\n return;\r\n }\r\n entry.target.classList.remove('in-view');\r\n });\r\n });\r\n\r\n const allAnimatedElements = hostEle.shadowRoot.querySelectorAll(selector);\r\n allAnimatedElements.forEach((element) => observer.observe(element));\r\n}\r\n\r\nexport function isHiddenUntilSupported(): boolean {\r\n let elem = document.createElement(\"div\") as any;\r\n elem.setAttribute('hidden', 'until-found');\r\n let result = elem.hidden === 'until-found';\r\n //console.debug(`is hidden until supported: ${(result?'yes':'no')}.`);\r\n return result;\r\n}\r\n\r\n// retryHandler.ts\r\nexport class RetryHandler {\r\n constructor(private retries: number = 3, private delay: number = 1000) { }\r\n async execute(dataLookupFn: () => Promise<void>): Promise<void> {\r\n if (this.retries > 0 && !this.isSetContentAvailable()) {\r\n console.warn(`Retrying... (${this.retries} attempts left)`);\r\n this.retries--;\r\n // Delay and then retry using setTimeout\r\n setTimeout(() => {\r\n this.execute(dataLookupFn);\r\n }, this.delay);\r\n } else if (!this.isSetContentAvailable()) {\r\n throw new Error('setContent is not available after multiple attempts');\r\n } else {\r\n // Once setContent is detected, run the provided data lookup function\r\n await dataLookupFn();\r\n }\r\n }\r\n private isSetContentAvailable(): boolean {\r\n // Check if the setContent function exists in the window object\r\n return typeof (window as any).SetElqContent === 'function';\r\n }\r\n}\r\n\r\n// Type declaration for custom element\r\ndeclare global {\r\n interface HTMLPtcPreloaderSectionElement extends HTMLElement {\r\n registerDependency(promise: Promise<boolean>): void;\r\n }\r\n}\r\n\r\nexport class PreloaderDependency {\r\n private dependencyPromiseResolve: Function = () => { };\r\n private dependencyPromiseReject: Function = () => { };\r\n\r\n\r\n\r\n constructor(preloader: HTMLPtcPreloaderSectionElement) {\r\n const promise = new Promise<boolean>((resolve, reject) => {\r\n this.dependencyPromiseResolve = resolve;\r\n this.dependencyPromiseReject = reject;\r\n });\r\n\r\n if (preloader) {\r\n preloader.registerDependency(promise);\r\n }\r\n }\r\n\r\n resolve = () => this.dependencyPromiseResolve(true);\r\n\r\n reject = () => this.dependencyPromiseReject();\r\n}\r\n\r\nexport function CheckDarkFocusState(context:any, el:HTMLElement, classList:string='.light-links,.background-grey-10,.background-plm-grey'):void {\r\n if(context && context.darkFocusState != undefined && context.darkFocusState == false) {\r\n let darkBgParent = el.closest(classList);\r\n\r\n if (darkBgParent) {\r\n context.darkFocusState = true;\r\n }\r\n }\r\n}\r\n\r\nexport function isReducedMotion(): boolean {\r\n return window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\r\n}\r\n\r\nexport function onReducedMotionChange(cb: (reduced: boolean) => void) {\r\n const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n const handler = (e: MediaQueryListEvent) => cb(e.matches);\r\n mql.addEventListener('change', handler);\r\n cb(mql.matches); // initial run\r\n return () => mql.removeEventListener('change', handler);\r\n}\r\n"],"version":3}
1	+ {"file":"p-DgwzgPHL.js","mappings":"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","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\r\n return (first \|\| '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n\r\nexport function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any {\r\n let element = selector ? domElement.querySelector(selector) : (domElement as Element);\r\n let treeObject = {};\r\n let translate = (name: string) => {\r\n return name.toLowerCase().replace(/(-\\w)/g, text => {\r\n return text.replace(/-/, '').toUpperCase();\r\n });\r\n };\r\n let hasContent = (element: Element) => {\r\n let result = true;\r\n\r\n if (/^\\s$/.test(element.textContent)) {\r\n result = false;\r\n }\r\n\r\n return result;\r\n };\r\n\r\n let treeHTML = (element: Element, object: any) => {\r\n //let nodeName = translate(element.nodeName);\r\n let nodeList = element.childNodes;\r\n if (nodeList && nodeList.length > 0) {\r\n for (let i = 0; i < nodeList.length; i++) {\r\n let elm = nodeList[i] as Element;\r\n\r\n if (elm.nodeType == 1) {\r\n let letChildNodeName = translate(elm.nodeName);\r\n\r\n if (!object[letChildNodeName]) {\r\n object[letChildNodeName] = [];\r\n }\r\n\r\n object[letChildNodeName].push({});\r\n\r\n treeHTML(elm, object[letChildNodeName][object[letChildNodeName].length - 1]);\r\n } else if (elm.nodeType == 3 && hasContent(elm)) {\r\n object['text'] = (object['text'] \|\| '') + elm.textContent;\r\n }\r\n }\r\n\r\n for (const property in object) {\r\n if (Array.isArray(object[property]) && object[property].length == 1) {\r\n object[property] = object[property][0];\r\n }\r\n }\r\n }\r\n if (element.attributes && element.attributes.length > 0) {\r\n for (let i = 0; i < element.attributes.length; i++) {\r\n let name = translate(element.attributes[i].nodeName);\r\n object[name] = element.attributes[i].nodeValue;\r\n }\r\n }\r\n if (element.getAttribute('html') == 'true') {\r\n object['html'] = element.innerHTML;\r\n }\r\n };\r\n treeHTML(element, treeObject);\r\n\r\n return toString ? JSON.stringify(treeObject) : treeObject;\r\n}\r\n\r\nexport function generateUUID(): string {\r\n let s4 = () => {\r\n return Math.floor((1 + Math.random()) 0x10000)\r\n .toString(16)\r\n .substring(1);\r\n };\r\n return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();\r\n}\r\n\r\nexport function debounce(func: Function, wait: number, referer?: any) {\r\n let key = generateUUID();\r\n\r\n if (!globalThis.debounceTimeouts) {\r\n globalThis.debounceTimeouts = {};\r\n }\r\n\r\n return function executedFunction(e) {\r\n var context = referer \|\| this;\r\n var args = e;\r\n\r\n var callback = function () {\r\n func(context, args);\r\n };\r\n\r\n clearTimeout(globalThis.debounceTimeouts[key]);\r\n globalThis.debounceTimeouts[key] = setTimeout(callback, wait);\r\n };\r\n}\r\n\r\nexport function getFileExtension(filePath: string): string {\r\n if (filePath === undefined) {\r\n throw new Error('filePath is not defined');\r\n }\r\n const lastDotIndex = filePath.lastIndexOf('.');\r\n if (lastDotIndex === -1) {\r\n // no extension found\r\n return '';\r\n }\r\n return filePath.substring(lastDotIndex);\r\n}\r\n\r\nexport function getLanguageFromURL(): string {\r\n const urlPath = window.location.pathname;\r\n const parts = urlPath.split('/');\r\n const supportedLanguages = ['en', 'cn', 'tw', 'fr', 'de', 'it', 'ja', 'ko', 'es', 'pt']\r\n const languageCode = parts[1];\r\n if (supportedLanguages.includes(languageCode)) {\r\n return languageCode;\r\n }\r\n return 'en';\r\n}\r\n\r\nexport function getSeoTagType(element: HTMLElement, defaultTag: string = \"span\"): [string, HTMLElement] {\r\n if (element && element.children && element.children.length == 1) {\r\n let firstChild = element.children[0] as HTMLElement;\r\n let TagType = firstChild.tagName.toLowerCase();\r\n element.removeChild(firstChild);\r\n\r\n if (TagType == \"font\") {\r\n TagType = defaultTag;\r\n }\r\n\r\n return [TagType, firstChild];\r\n } else {\r\n return [defaultTag, element];\r\n }\r\n}\r\n\r\nexport function seoSlotReset(element: HTMLElement) {\r\n if (element && element.children && element.children.length == 1 && element.getAttribute('data-reset') != 'complete') {\r\n let firstChild = element.firstElementChild as HTMLElement;\r\n element.innerHTML = firstChild.innerHTML;\r\n element.setAttribute('data-reset', 'complete');\r\n }\r\n}\r\n\r\n// for elements in the light dom\r\nexport function equalizeHeights(selector: string, elem: HTMLElement) {\r\n let elements = elem.querySelectorAll(selector) as NodeListOf<HTMLElement>;\r\n //console.log('element: ' + elements[0].tagName)\r\n //reset height\r\n elements.forEach((element) => {\r\n element.style.removeProperty('height');\r\n });\r\n\r\n let tallestHeight = 0;\r\n // Find the tallest element\r\n elements.forEach((element) => {\r\n const height = element.offsetHeight;\r\n if (height > tallestHeight && element.classList.contains('hydrated')) {\r\n tallestHeight = height;\r\n }\r\n });\r\n\r\n if (tallestHeight > 0) {\r\n // Set all elements to the tallest height\r\n elements.forEach((element) => {\r\n element.style.height = `${tallestHeight}px`;\r\n });\r\n\r\n //return true;\r\n }\r\n}\r\n\r\n//for elements in the shadow dom\r\nexport function equalizeHeightsWithinShadow(selector: string, shadowRootOrHostElement: DocumentFragment \| HTMLElement): void {\r\n let elements: NodeListOf<HTMLElement>;\r\n // Determine if we're working with a shadow root or a host element that has a shadowRoot\r\n if (shadowRootOrHostElement instanceof DocumentFragment) { // ShadowRoot is a kind of DocumentFragment\r\n elements = shadowRootOrHostElement.querySelectorAll(selector) as NodeListOf<HTMLElement>;\r\n } else if (shadowRootOrHostElement.shadowRoot) {\r\n elements = shadowRootOrHostElement.shadowRoot.querySelectorAll(selector) as NodeListOf<HTMLElement>;\r\n } else {\r\n console.error(\"The provided element does not have a shadowRoot.\");\r\n return;\r\n }\r\n let tallestHeight = 0;\r\n // Find the tallest element\r\n elements.forEach((element) => {\r\n const height = element.offsetHeight;\r\n if (height > tallestHeight) {\r\n tallestHeight = height;\r\n }\r\n });\r\n // Set all elements to the tallest height\r\n elements.forEach((element) => {\r\n element.style.height = `${tallestHeight}px`;\r\n });\r\n}\r\n\r\nexport function nextUserInteractionEvent(sender?: any, limit: number = 5000): Promise<any> {\r\n const baseInteractions = ['click', 'scroll', 'mousemove', 'touchstart'];\r\n const context = globalThis.window as any;\r\n const key = generateUUID();\r\n\r\n return new Promise<any>((resolve) => {\r\n let keyChain = getHydrationKeyChain(context);\r\n keyChain[key] = false;\r\n baseInteractions.forEach(function (interaction) {\r\n context.addEventListener(interaction, function () {\r\n if (!keyChain[key]) {\r\n keyChain[key] = true;\r\n resolve({\r\n sender: sender,\r\n interactionType: interaction\r\n });\r\n }\r\n }, {\r\n once: true\r\n });\r\n\r\n setTimeout(() => {\r\n if (!keyChain[key]) {\r\n keyChain[key] = true;\r\n resolve({\r\n sender: sender,\r\n interactionType: interaction\r\n });\r\n }\r\n }, limit);\r\n });\r\n });\r\n}\r\n\r\nfunction getHydrationKeyChain(context: any) {\r\n if (!context.HydrationKeys) {\r\n context.HydrationKeys = {};\r\n }\r\n\r\n return context.HydrationKeys;\r\n}\r\n\r\n\r\n/\r\n observeInView:\r\n Trigger CSS Animations when elements are scrolled into view\r\n\r\n This function uses the Intersection Observer API to determine if objects are within the viewport\r\n It adds an 'in-view' class to elements when they come into view (and removes the class when not on screen)\r\n Use to add @keyframe or transition animations to elements so they animate once they are on screen\r\n\r\n How to use:\r\n Import observeInView function in the component\r\n import { observeInView } from '../../utils/utils';\r\n Call the function with the host element and selector\r\n observeInView(this.hostEle, '.ptc-animate');\r\n\r\n/\r\nexport function observeInView(hostEle: HTMLElement, selector: string, runOnce: boolean = false) {\r\n const observer = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n\r\n if (runOnce) {\r\n observer.unobserve(entry.target);\r\n }\r\n\r\n return;\r\n }\r\n entry.target.classList.remove('in-view');\r\n });\r\n });\r\n\r\n const allAnimatedElements = hostEle.shadowRoot.querySelectorAll(selector);\r\n allAnimatedElements.forEach((element) => observer.observe(element));\r\n}\r\n\r\nexport function isHiddenUntilSupported(): boolean {\r\n let elem = document.createElement(\"div\") as any;\r\n elem.setAttribute('hidden', 'until-found');\r\n let result = elem.hidden === 'until-found';\r\n //console.debug(`is hidden until supported: ${(result?'yes':'no')}.`);\r\n return result;\r\n}\r\n\r\n// retryHandler.ts\r\nexport class RetryHandler {\r\n constructor(private retries: number = 3, private delay: number = 1000) { }\r\n async execute(dataLookupFn: () => Promise<void>): Promise<void> {\r\n if (this.retries > 0 && !this.isSetContentAvailable()) {\r\n console.warn(`Retrying... (${this.retries} attempts left)`);\r\n this.retries--;\r\n // Delay and then retry using setTimeout\r\n setTimeout(() => {\r\n this.execute(dataLookupFn);\r\n }, this.delay);\r\n } else if (!this.isSetContentAvailable()) {\r\n throw new Error('setContent is not available after multiple attempts');\r\n } else {\r\n // Once setContent is detected, run the provided data lookup function\r\n await dataLookupFn();\r\n }\r\n }\r\n private isSetContentAvailable(): boolean {\r\n // Check if the setContent function exists in the window object\r\n return typeof (window as any).SetElqContent === 'function';\r\n }\r\n}\r\n\r\n// Type declaration for custom element\r\ndeclare global {\r\n interface HTMLPtcPreloaderSectionElement extends HTMLElement {\r\n registerDependency(promise: Promise<boolean>): void;\r\n }\r\n}\r\n\r\nexport class PreloaderDependency {\r\n private dependencyPromiseResolve: Function = () => { };\r\n private dependencyPromiseReject: Function = () => { };\r\n\r\n\r\n\r\n constructor(preloader: HTMLPtcPreloaderSectionElement) {\r\n const promise = new Promise<boolean>((resolve, reject) => {\r\n this.dependencyPromiseResolve = resolve;\r\n this.dependencyPromiseReject = reject;\r\n });\r\n\r\n if (preloader) {\r\n preloader.registerDependency(promise);\r\n }\r\n }\r\n\r\n resolve = () => this.dependencyPromiseResolve(true);\r\n\r\n reject = () => this.dependencyPromiseReject();\r\n}\r\n\r\nexport function CheckDarkFocusState(context:any, el:HTMLElement, classList:string='.light-links,.background-grey-10,.background-plm-grey'):void {\r\n if(context && context.darkFocusState != undefined && context.darkFocusState == false) {\r\n let darkBgParent = el.closest(classList);\r\n\r\n if (darkBgParent) {\r\n context.darkFocusState = true;\r\n }\r\n }\r\n}\r\n\r\nexport function isReducedMotion(): boolean {\r\n return window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\r\n}\r\n\r\nexport function onReducedMotionChange(cb: (reduced: boolean) => void) {\r\n const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n const handler = (e: MediaQueryListEvent) => cb(e.matches);\r\n mql.addEventListener('change', handler);\r\n cb(mql.matches); // initial run\r\n return () => mql.removeEventListener('change', handler);\r\n}\r\n"],"version":3}

package/dist/components/{p-QjJ7IpBW.js → p-Dq3iHqc7.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const flTabImageCss = ":host{display:none;height:240px}@media only screen and (min-width: 480px){:host{height:320px}}@media only screen and (min-width: 768px){:host{height:450px}}@media only screen and (min-width: 992px){:host{height:500px}}:host(.selected){display:block}";
@@ -16,7 +16,7 @@ const FlTabImage = /*@__PURE__*/ proxyCustomElement(class FlTabImage extends H {
     nameKey;
     selected = false;
     render() {
-        return (h(Host, { key: '4425269eb15d099d40a9efa2d15219cd7fe84673', class: `featured-img ${this.selected ? "selected" : ""}` }, h("slot", { key: '74ef4a46a79fccdabcc06d8df620be033e2b82f7' })));
+        return (h(Host, { key: '8dda990b99402ffa1ddefdb8a997d3187d2ee4d7', class: `featured-img ${this.selected ? "selected" : ""}` }, h("slot", { key: '7a3e5cbef5f1d3a84c225d315c51568e94020414' })));
     }
     static get style() { return flTabImageCss; }
 }, [257, "fl-tab-image", {
@@ -39,6 +39,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabImage as F, defineCustomElement as d };
-//# sourceMappingURL=p-QjJ7IpBW.js.map
+//# sourceMappingURL=p-Dq3iHqc7.js.map
-//# sourceMappingURL=p-QjJ7IpBW.js.map
+//# sourceMappingURL=p-Dq3iHqc7.js.map

package/dist/components/{p-QjJ7IpBW.js.map → p-Dq3iHqc7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~QjJ7IpBW~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,2PAA2P;;MCOpQ,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAY,KAAK;IACjC,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAAA,EAC7D,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.scss?tag=fl-tab-image&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: none;\r\n\theight: 240px;\r\n\t@include screen-xs {\r\n\t\theight: 320px;\r\n\t}\r\n\t@include screen-sm {\r\n\t\theight: 450px;\r\n\t}\r\n\t@include screen-md {\r\n\t\theight: 500px;\r\n\t}\r\n}\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n:host(.selected) {\r\n\tdisplay: block;\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-image\",\r\n\tstyleUrl: \"fl-tab-image.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabImage {\r\n\t/\r\n\t * Tab featured image name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-img ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Dq3iHqc7.js","mappings":";;AAAA,MAAM,aAAa,GAAG,2PAA2P;;MCOpQ,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAY,KAAK;IACjC,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAAA,EAC7D,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.scss?tag=fl-tab-image&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: none;\r\n\theight: 240px;\r\n\t@include screen-xs {\r\n\t\theight: 320px;\r\n\t}\r\n\t@include screen-sm {\r\n\t\theight: 450px;\r\n\t}\r\n\t@include screen-md {\r\n\t\theight: 500px;\r\n\t}\r\n}\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n:host(.selected) {\r\n\tdisplay: block;\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-image\",\r\n\tstyleUrl: \"fl-tab-image.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabImage {\r\n\t/\r\n\t * Tab featured image name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-img ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DXTY710Z.js → p-DxHNkTGU.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const ptcPricingBlockCss = ":host{display:block;color:var(--color-gray-10);margin-top:var(--ptc-element-spacing-03)}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border:1px solid var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium), border-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);border-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){border-color:var(--color-gray-12)}@media (min-width: 400px){:host .ptc-pricing-block{display:flex;justify-content:space-between;align-items:center}}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:left;margin:0px 20px 15px 15px;display:block}@media (min-width: 400px){:host .right-text{text-align:right;float:right;margin-top:15px}}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 0 20px;display:block}@media (min-width: 400px){:host .left-text{text-align:left;display:inline-block;margin-bottom:15px}}";
@@ -18,7 +18,7 @@ const PtcPricingBlock = /*@__PURE__*/ proxyCustomElement(class PtcPricingBlock e
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '422d602fa84edb3e828efb8dfdbb48e868da6951', class: this.active ? "is-active" : "" }, h("div", { key: 'bba378aa491c953e69e19002ef467ee1fec53022', class: classMap, id: this.trackerId }, h("span", { key: '6bb46c8deef59e446cbbec38fea733351ddae905', class: "left-text" }, h("slot", { key: 'a660d46d72c38f8b35ab30bb5ba33bd515844140', name: "left-text" })), h("span", { key: '458acdd138dedc8ce26c9ee6b3101eaae8b92868', class: "right-text" }, h("slot", { key: '5e722ad1465810ed028cc7db87ccb258c57213c5', name: "right-text" })))));
+        return (h(Host, { key: '469d8392ad6b873d1006558932d8d1c8025b49ec', class: this.active ? "is-active" : "" }, h("div", { key: 'd10964a0d8088c709252a42a3a702d765b99851c', class: classMap, id: this.trackerId }, h("span", { key: '47f16bfc4e6a1b1a6d2ebc3bdadc1d114d0b738d', class: "left-text" }, h("slot", { key: '843439f0e7f3532ba7603e6010148a04ef8d27ca', name: "left-text" })), h("span", { key: '774d0788757898e85bf06eee4cab58066ae0659a', class: "right-text" }, h("slot", { key: '4bdf56afef0a25d862ec1cc70b45b8f6e16c3f7d', name: "right-text" })))));
     }
     getCssClassMap() {
         return {
@@ -49,6 +49,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPricingBlock as P, defineCustomElement as d };
-//# sourceMappingURL=p-DXTY710Z.js.map
+//# sourceMappingURL=p-DxHNkTGU.js.map
-//# sourceMappingURL=p-DXTY710Z.js.map
+//# sourceMappingURL=p-DxHNkTGU.js.map