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

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

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

	@@ -1 +1 @@
1	- {"file":"p-DVOYwZ9s.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,ixHAAixH;;MCiBjyH,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;IAEpB,eAAe,GAIlB,EAAE;IACC,eAAe,GAIlB,EAAE;AACA,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,MAAM;AACL,IAAA,oBAAoB;IAEpB,MAAM,GAAG,KAAK;AACvB,IAAA,mBAAmB;AAGnB,IAAA,MAAM,oBAAoB,GAAA;QACzB,IAAI,IAAI,GAAG,IAAI;QACf,IAAI,CAAC,WAAW,EAAE;;AAGT,IAAA,MAAM,eAAe,CAC9B,KAAa,EACb,OAAe,EACf,KAAa,EAAA;QAEb,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,EAAE,IAAI,CACzD,CAAC,GAAG,KACH,GAAG,CAAC,KAAK,KAAK,KAAK;YACnB,GAAG,CAAC,OAAO,KAAK,OAAO;AACvB,YAAA,GAAG,CAAC,KAAK,KAAK,KAAK,CACpB;QACD,IAAI,CAAC,gBAAgB,EAAE;YACtB,IAAI,CAAC,eAAe,GAAG;AACtB,gBAAA,IAAI,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC;AAC/B,gBAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE;aACzB;;;IAIH,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACnE,6CAA6C,CAC7C;;IAGF,YAAY,GAAA;AACX,QAAA,IAAI,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACnE,IAAI,OAAO,EAAE;AACZ,YAAA,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;AAC/C,gBAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC;gBACpC,KAAK,EAAE,MAAM,CAAC,WAAW;gBACzB,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;AACxC,aAAA,CAAC,CAAC;;;IAIL,cAAc,CAAC,UAAU,GAAG,KAAK,EAAA;AAChC,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,UAAU,EAAE;YACf,qBAAqB,CAAC,MAAK;AAC1B,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACzD,4BAA4B,CACb;AAChB,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAC3D,oBAAoB,CACL;AAChB,gBAAA,CAAC,QAAQ,IAAI,UAAU,GAAG,KAAK,EAAE;AAClC,aAAC,CAAC;;;IAIJ,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE;AACzB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAC7D,kCAAkC,CAClC;AACD,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,SAAS,KAAI;AAC/B,YAAA,IAAI,SAAS,YAAY,gBAAgB,EAAE;AAC1C,gBAAA,SAAS,CAAC,OAAO,GAAG,KAAK;;AAE3B,SAAC,CAAC;AAEF,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC7B,IAAI,CAAC,mBAAmB,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW;;AAExD,QAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC;;AAGxC,IAAA,mBAAmB,CAAC,aAAc,EAAA;;AAEjC,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC1B,aAAA,MAAM,CAAC,CAAC,MAAM,KAAI;AAClB,YAAA,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK;AACvB,YAAA,QACC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACxC,CAAA,cAAA,EAAiB,EAAE,CAAY,UAAA,CAAA,CAC/B,KAAK,IAAI;AAEZ,SAAC;AACA,aAAA,GAAG,CAAC,CAAC,MAAM,MAAM;YACjB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,MAAM,CAAC,OAAO;AACvB,SAAA,CAAC,CAAC;AAEJ,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;AAC9B,YAAA,MAAM,EAAE,IAAI;YACZ,eAAe,EAAE,IAAI,CAAC,eAAe;AACrC,SAAA,CAAC;AACF,QAAA,IAAI,aAAa,IAAI,aAAa,EAAE;YACnC,IAAI,CAAC,cAAc,EAAE;;AAEtB,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC7B,IAAI,CAAC,mBAAmB,CAAC,WAAW;AACnC,gBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK;;;IAIjC,mBAAmB,GAAA;QAClB,IAAI,CAAC,YAAY,EAAE;;AAGpB,IAAA,aAAa,CAAC,CAAC,EAAA;AACd,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;AACtB,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;;aACpB,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;;YAE1C,qBAAqB,CAAC,MAAK;AAC1B,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACzD,4BAA4B,CACb;AAChB,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAC3D,oBAAoB,CACL;AAChB,gBAAA,CAAC,QAAQ,IAAI,UAAU,GAAG,KAAK,EAAE;AAClC,aAAC,CAAC;;;IAIJ,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACpB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EACxC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,KAAI;AAChB,gBAAA,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;aACrB,EAAA,EAED,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EACjC,CAAyB,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,UAAA,CAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,IAAI,CAAC,WAAW,CACX,CACD,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,CAAC,EAAC,4CAA4C,EAC9C,MAAM,EAAC,SAAS,EACH,cAAA,EAAA,GAAG,EACD,gBAAA,EAAA,OAAO,EACrB,CAAA,CACG,CACA,CACF,EACL,IAAI,CAAC,MAAM,KACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACrB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,MAChC,UAAI,GAAG,EAAE,MAAM,CAAC,KAAK,EAAA,EACpB,CAAA,CAAA,OAAA,EAAA,EACC,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAC5B,MAAM,EACN,EAAE,CACF,EAAA,EAED,CAAA,CAAA,OAAA,EAAA,EACC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CACvB,MAAM,EACN,EAAE,CACF,EACD,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CACjC,CAAC,IAAI,KACJ,IAAI,CAAC,KAAK;AACV,gBAAA,MAAM,CAAC,KAAK,CACb,EACO,QAAA,EAAA,MAAM,CAAC,KAAK,EACV,UAAA,EAAA,MAAM,CAAC,OAAO,EACvB,CAAA,EACD,MAAM,CAAC,KAAK,CACN,CACJ,CACL,CAAC,CACE,EAEL,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACvB,CACC,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,KAAI;AAChB,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;oBACpB,IAAI,CAAC,WAAW,EAAE;AACpB,aAAC,EAGK,EAAA,OAAA,CAAA,EACP,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EACY,kBAAkB,EAC7B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,MACR,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAExC,MAAM,EAAC,8EAA8E,EAAA,EAAA,OAAA,CAGzE,CACR,CACD,CACN,CACI,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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-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}

package/dist/components/{p-0VYz-_6v.js → p-ycKYs79U.js} RENAMED Viewed

@@ -72,9 +72,9 @@ const PtcProductDropdown = /*@__PURE__*/ proxyCustomElement(class PtcProductDrop
         this.parseOptions();
     }
     render() {
-        return (h(Host, { key: '9422646932191fa8ad536e54f301de895e42d435' }, h("div", { key: '293ffe923afabcbd9677562c1b2ead9c5fe43343', class: "dropdown" }, h("div", { key: '53e21d3fa7bf1c815506a62f9fa58047568036be', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
+        return (h(Host, { key: '5b64d2fce6ad39487c5ad38a7d845cbc5f74c5e5' }, h("div", { key: 'e2f1ec69ed5252f12dd5587e13554cf327116dfe', class: "dropdown" }, h("div", { key: 'c84e0d1229ba96e1c933bae9c99204726b3acfd4', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
                 e.key === "Enter" ? this.toggleDropdown() : null;
-            }, tabIndex: 0 }, h("span", { key: '3443b8b7e78449a2508d54ddcf6403576e12016d', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: '761c8ecd3f3b77613f7eaba1b48cf859e86a2f2e', class: "caret" }, h("svg", { key: '5943086629f25d342cf71137a3e79b316d4ea0cb', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b43bb3c249865572db98733ea8715e3c63e9faa6', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: '69436f341d964f0d1fc2a5fb0bfa6ff519efc143', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: 'c1a0e153c8f14e3a80ba4cc5366ac3906809c61e', class: "hidden" }, h("slot", { key: 'ac8af16cdd2072ff6d59e3355c6933713b66f2a1' }))));
+            }, tabIndex: 0 }, h("span", { key: '94d97ebfab123f410b44cf1368f704fb8dcfa3f1', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: '0d0c26f36e564a7a71fb3b0d85605ed42326b7b2', class: "caret" }, h("svg", { key: 'b49061a955828794addb283dfff7c7060aeb12a2', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '57455fcb1aa2f173afdb2a379421f9c11f1c712f', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: 'c7bedd861dce57313b42186bc11a3c67c6a1c7df', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: '84e32cb52d690b6e144b4a1201a30b4e2d411c89', class: "hidden" }, h("slot", { key: '62e16c3912876cd6875e3f276a0ec9d718c4a6f5' }))));
     }
     static get style() { return ptcProductDropdownCss; }
 }, [257, "ptc-product-dropdown", {
@@ -100,6 +100,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcProductDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-0VYz-_6v.js.map
+//# sourceMappingURL=p-ycKYs79U.js.map
-//# sourceMappingURL=p-0VYz-_6v.js.map
+//# sourceMappingURL=p-ycKYs79U.js.map

package/dist/components/{p-0VYz-_6v.js.map → p-ycKYs79U.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~0VYz-_6v~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\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\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\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\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\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.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\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\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\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\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\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\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\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>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\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{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\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-ycKYs79U.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\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\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\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\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\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.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\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\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\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\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\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\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\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>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\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{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\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/ptc-bio-card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$4 } from './p-Dx7NxZ8D.js';
+import { d as defineCustomElement$4 } from './p-DXyFE3iB.js';
 import { d as defineCustomElement$3 } from './p-DOyYGAMs.js';
-import { d as defineCustomElement$2 } from './p-CRF_ZCHA.js';
+import { d as defineCustomElement$2 } from './p-RXxAc6JR.js';
 const ptcBioCardCss = ":host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:-moz-fit-content;max-height:fit-content;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:\"\";position:absolute;width:100%;height:100%;background-image:url(\"https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg\");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), hsla(0, 0%, 100%, 0));bottom:0;content:\"\";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:\" \";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}";

package/dist/components/ptc-breadcrumb.js CHANGED Viewed

@@ -30,6 +30,7 @@ const PtcBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class PtcBreadcrumb ext
      * (optional) Injected CSS styles
      **/
     styles;
+    type;
     get hostElement() { return this; }
     listItems;
     componentWillLoad() {
@@ -44,10 +45,19 @@ const PtcBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class PtcBreadcrumb ext
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f17217eefd2df446051450721024a81f9d946c49', class: classMap }, this.styles && h("style", { key: '0bdd98f4986e0ddd89bcafb6322d8e60bc8720e1' }, this.styles), h("nav", { key: '38abeb0e7efbdc12ffde4efc9b47b37f9fe76d28', "aria-label": "Breadcrumb" }, h("ol", { key: '9bbb586dc48022b0d53c0cb4f65df6039f0172ae', class: "ptc-breadcrumb-ol" }, h("li", { key: 'f69560171dfd0677b7feb7e980344a722aec69bb', class: "home-link mf-listen", id: "homeLinkID" }, h("a", { key: 'b66be3a90394ae6207361ad7be05172d3a6574a9', href: "/", "aria-label": "Home Link", class: {
+        //const childListItems: any = this.listItems[0].getAttribute("list-type") === "home" && this.listItems[0].getAttribute("link-href") !== "" ? Array.from(this.listItems).slice(1) : this.listItems;
+        const childListItems = Array.from(this.listItems).filter((item) => item.getAttribute("list-type") === "home" && this.listItems[0].getAttribute("link-href") !== "");
+        const hasChildListItems = childListItems.length > 0;
+        // Remove childListItems from listItems if any exist
+        const filteredArray = hasChildListItems ? Array.from(this.listItems).filter((item) => !childListItems.includes(item)) : Array.from(this.listItems);
+        return (h(Host, { key: 'adb41810d3aecc60d8dbc7f1b1e7b6d780c0e133', class: classMap }, this.styles && h("style", { key: 'bcec104443308b54994339fcc0977e5e93e496ef' }, this.styles), h("nav", { key: 'acc3fa577a06e2733523169ed833cdf9bea46b35', "aria-label": "Breadcrumb" }, h("ol", { key: '718f5429613da0817ef6c17c433b5a606dfe79f3', class: "ptc-breadcrumb-ol" }, h("li", { key: 'd0b20c3f04e443f71635e460f76e81dfaf83c40c', class: "home-link mf-listen", id: "homeLinkID" }, hasChildListItems ? (h("a", { href: childListItems[0].getAttribute("link-href"), "aria-label": "Home Link", class: {
                 ["breadcrumb-item-link"]: true,
                 ["dark-mode-link"]: this.isDarkMode,
-            } }, h("icon-asset", { key: '7886cce5900108e0eb3167fbb419aa1f6e54bdb3', type: "ptc", size: "medium", name: "icon-home", color: this.color }))), Array.from(this.listItems).map((item, index, array) => {
+            } }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })))
+            : (h("a", { href: "/", "aria-label": "Home Link", class: {
+                    ["breadcrumb-item-link"]: true,
+                    ["dark-mode-link"]: this.isDarkMode,
+                } }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })))), filteredArray.map((item, index, array) => {
             const textContent = item.textContent.trim();
             const href = item.getAttribute("link-href");
             return (h("li", { key: index, class: "mf-listen", id: `breadcrumb` + index + `ID` }, index < array.length - 1 ? (h("a", { href: href, target: "_self", class: {
@@ -69,7 +79,8 @@ const PtcBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class PtcBreadcrumb ext
         "removeTopMargin": [4, "remove-top-margin"],
         "color": [1],
         "isDarkMode": [4, "is-dark-mode"],
-        "styles": [1]
+        "styles": [1],
+        "type": [1]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/ptc-breadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ptc-breadcrumb.js","mappings":"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","names":["PtcBreadcrumb","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.scss?tag=ptc-breadcrumb&encapsulation=scoped","src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tmargin-top: var(--ptc-element-spacing-05);\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\r\n\t.visually-hidden {\r\n\t\tposition: absolute;\r\n\t\twidth: 1px;\r\n\t\theight: 1px;\r\n\t\tpadding: 0;\r\n\t\tmargin: -1px;\r\n\t\toverflow: hidden;\r\n\t\tclip: rect(0, 0, 0, 0);\r\n\t\twhite-space: nowrap;\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tposition: relative;\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0 0 0 22px;\r\n\r\n\t\tli {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline;\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tword-break: initial;\r\n\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"/\";\r\n\t\t\t\tmargin: 0 3px;\r\n\t\t\t}\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tmargin-top: -3px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold) !important;\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-small) !important;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t\ttext-decoration-color: transparent;\r\n\t\t\t\ttext-underline-offset: 2px;\r\n\t\t\t\ttext-decoration-thickness: 1px;\r\n\t\t\t\toutline: none;\r\n\t\t\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\ttext-decoration-color: var(--color-green-07);\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.breadcrumb-item-link:focus-visible {\r\n\t\t\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\t\t\t//outline-offset: 0px !important;\r\n\t\t\t\t\t//border-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t\t\t&.dark-mode-link:focus-visible {\r\n\t\t\t\t\t\t//outline-offset: 2px !important;\r\n\t\t\t\t\t\t//box-shadow: 0px 0px 0px 2px var(--color-white);\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\t}\r\n\r\n\t&.white {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.black {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-black);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-black);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.ptc-green {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-06);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-06);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.light-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-05);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.primary-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.left) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-end;\r\n}\r\n\r\n:host(.center) {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center;\r\n\r\n\t\tli {\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t\tvertical-align: text-bottom;\r\n\t\t\t\tmargin-bottom: -1px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.right) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n:host(.remove-top-margin) {\r\n\tmargin-top: 0px !important;\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-breadcrumb\",\r\n\tstyleUrl: \"ptc-breadcrumb.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcBreadcrumb {\r\n\t/\r\n\t breadcrumb position\r\n\t /\r\n\t@Prop() position?: \"left\" \| \"center\" \| \"right\";\r\n\t/\r\n\t remove topMargin\r\n\t /\r\n\t@Prop() removeTopMargin: boolean = false;\r\n\t/\r\n\t Theme Color\r\n\t /\r\n\t@Prop() color:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"light-gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"default\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Dark Mode for Tab Index\r\n\t /\r\n\t@Prop() isDarkMode: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Element() hostElement: HTMLElement;\r\n\r\n\tlistItems: any;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.listItems = this.hostElement.querySelectorAll(\"list-item\");\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.listItems) {\r\n\t\t\tthis.hostElement.querySelectorAll(\"list-item\").forEach((item) => {\r\n\t\t\t\titem.remove();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<nav aria-label=\"Breadcrumb\">\r\n\t\t\t\t\t<ol class=\"ptc-breadcrumb-ol\">\r\n\t\t\t\t\t\t<li class=\"home-link mf-listen\" id=\"homeLinkID\">\r\n\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\thref=\"/\"\r\n\t\t\t\t\t\t\t\taria-label=\"Home Link\"\r\n\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]: this.isDarkMode,\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\tname=\"icon-home\"\r\n\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t{Array.from(this.listItems).map(\r\n\t\t\t\t\t\t\t(item: HTMLElement, index, array) => {\r\n\t\t\t\t\t\t\t\tconst textContent = item.textContent.trim();\r\n\t\t\t\t\t\t\t\tconst href = item.getAttribute(\"link-href\");\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\tid={`breadcrumb` + index + `ID`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{index < array.length - 1 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\thref={href}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_self\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.isDarkMode,\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\t\t{textContent}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\ttextContent\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{/ for screen readers */}\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"visually-hidden\">/</span>\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},\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</ol>\r\n\t\t\t\t</nav>\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.position]:\r\n\t\t\t\t!!this.position && this.position !== undefined ? true : false,\r\n\t\t\t[\"remove-top-margin\"]: this.removeTopMargin ? true : false,\r\n\t\t\t[this.color]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"ptc-breadcrumb.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,46IAA46I;;MCQx7IA,eAAa,iBAAAC,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;AACzB;;AAEG;AACK,IAAA,QAAQ;AAChB;;AAEG;IACK,eAAe,GAAY,KAAK;AACxC;;AAEG;IACK,KAAK,GAQE,OAAO;AACtB;;AAEG;IACK,UAAU,GAAY,KAAK;AACnC;;AAEI;AACI,IAAA,MAAM;AAEN,IAAA,IAAI;;AAIZ,IAAA,SAAS;IAET,iBAAiB,GAAA;QAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC;;IAGhE,gBAAgB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;gBAC/D,IAAI,CAAC,MAAM,EAAE;AACd,aAAC,CAAC;;;IAIJ,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;;AAEtC,QAAA,MAAM,cAAc,GAAkB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAoC,CAAC,CAAC,MAAM,CACjG,CAAC,IAAiB,KAAK,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,EAAE,CACtH;AACD,QAAA,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC;;AAEnD,QAAA,MAAM,aAAa,GAAG,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAiB,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QAC/J,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAgB,YAAY,EAAA,EAC3B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,qBAAqB,EAAC,EAAE,EAAC,YAAY,EAAA,EAC7C,iBAAiB,IACjB,CAAA,CAAA,GAAA,EAAA,EACC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,EAAA,YAAA,EACtC,WAAW,EACtB,KAAK,EAAE;gBACN,CAAC,sBAAsB,GAAG,IAAI;AAC9B,gBAAA,CAAC,gBAAgB,GAAG,IAAI,CAAC,UAAU;aACnC,EAAA,EAED,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,CACJ,CACX;AACL,eACC,CAAA,CAAA,GAAA,EAAA,EACA,IAAI,EAAC,GAAG,EACG,YAAA,EAAA,WAAW,EACtB,KAAK,EAAE;oBACN,CAAC,sBAAsB,GAAG,IAAI;AAC9B,oBAAA,CAAC,gBAAgB,GAAG,IAAI,CAAC,UAAU;AACnC,iBAAA,EAAA,EAEA,CACC,CAAA,YAAA,EAAA,EAAA,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACJ,CAAA,CACX,CACJ,CACG,EACJ,aAAa,CAAC,GAAG,CACjB,CAAC,IAAiB,EAAE,KAAK,EAAE,KAAK,KAAI;YACnC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;YAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAC3C,QACC,CACC,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,WAAW,EACjB,EAAE,EAAE,CAAA,UAAA,CAAY,GAAG,KAAK,GAAG,CAAI,EAAA,CAAA,EAAA,EAE9B,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IACxB,SACC,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,OAAO,EACd,KAAK,EAAE;oBACN,CAAC,sBAAsB,GACtB,IAAI;AACL,oBAAA,CAAC,gBAAgB,GAChB,IAAI,CAAC,UAAU;iBAChB,EAEA,EAAA,WAAW,CACT,KAEJ,WAAW,CACX,EAGD,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,EAAS,EAAA,GAAA,CAAA,CAClC;AAEP,SAAC,CACD,CACG,CACA,CACA;;IAID,cAAc,GAAA;QACrB,OAAO;YACN,CAAC,IAAI,CAAC,QAAQ,GACb,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK;AAC9D,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,GAAG,KAAK;AAC1D,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI;SAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PtcBreadcrumb","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.scss?tag=ptc-breadcrumb&encapsulation=scoped","src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tmargin-top: var(--ptc-element-spacing-05);\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\r\n\t.visually-hidden {\r\n\t\tposition: absolute;\r\n\t\twidth: 1px;\r\n\t\theight: 1px;\r\n\t\tpadding: 0;\r\n\t\tmargin: -1px;\r\n\t\toverflow: hidden;\r\n\t\tclip: rect(0, 0, 0, 0);\r\n\t\twhite-space: nowrap;\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tposition: relative;\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0 0 0 22px;\r\n\r\n\t\tli {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline;\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tword-break: initial;\r\n\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"/\";\r\n\t\t\t\tmargin: 0 3px;\r\n\t\t\t}\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tmargin-top: -3px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold) !important;\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-small) !important;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t\ttext-decoration-color: transparent;\r\n\t\t\t\ttext-underline-offset: 2px;\r\n\t\t\t\ttext-decoration-thickness: 1px;\r\n\t\t\t\toutline: none;\r\n\t\t\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\ttext-decoration-color: var(--color-green-07);\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.breadcrumb-item-link:focus-visible {\r\n\t\t\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\t\t\t//outline-offset: 0px !important;\r\n\t\t\t\t\t//border-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t\t\t&.dark-mode-link:focus-visible {\r\n\t\t\t\t\t\t//outline-offset: 2px !important;\r\n\t\t\t\t\t\t//box-shadow: 0px 0px 0px 2px var(--color-white);\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\t}\r\n\r\n\t&.white {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.black {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-black);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-black);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.ptc-green {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-06);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-06);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.light-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-05);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.primary-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.left) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-end;\r\n}\r\n\r\n:host(.center) {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center;\r\n\r\n\t\tli {\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t\tvertical-align: text-bottom;\r\n\t\t\t\tmargin-bottom: -1px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.right) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n:host(.remove-top-margin) {\r\n\tmargin-top: 0px !important;\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-breadcrumb\",\r\n\tstyleUrl: \"ptc-breadcrumb.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcBreadcrumb {\r\n\t/\r\n\t breadcrumb position\r\n\t /\r\n\t@Prop() position?: \"left\" \| \"center\" \| \"right\";\r\n\t/\r\n\t remove topMargin\r\n\t /\r\n\t@Prop() removeTopMargin: boolean = false;\r\n\t/\r\n\t Theme Color\r\n\t /\r\n\t@Prop() color:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"light-gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"default\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Dark Mode for Tab Index\r\n\t /\r\n\t@Prop() isDarkMode: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() type?: string;\r\n\r\n\t@Element() hostElement: HTMLElement;\r\n\r\n\tlistItems: any;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.listItems = this.hostElement.querySelectorAll(\"list-item\");\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.listItems) {\r\n\t\t\tthis.hostElement.querySelectorAll(\"list-item\").forEach((item) => {\r\n\t\t\t\titem.remove();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\t//const childListItems: any = this.listItems[0].getAttribute(\"list-type\") === \"home\" && this.listItems[0].getAttribute(\"link-href\") !== \"\" ? Array.from(this.listItems).slice(1) : this.listItems;\r\n\t\tconst childListItems: HTMLElement[] = Array.from(this.listItems as NodeListOf<HTMLElement>).filter(\r\n\t\t\t(item: HTMLElement) => item.getAttribute(\"list-type\") === \"home\" && this.listItems[0].getAttribute(\"link-href\") !== \"\"\r\n\t\t);\r\n\t\tconst hasChildListItems = childListItems.length > 0;\r\n\t\t// Remove childListItems from listItems if any exist\r\n\t\tconst filteredArray = hasChildListItems ? Array.from(this.listItems).filter((item: HTMLElement) => !childListItems.includes(item)) : Array.from(this.listItems);\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<nav aria-label=\"Breadcrumb\">\r\n\t\t\t\t\t<ol class=\"ptc-breadcrumb-ol\">\r\n\t\t\t\t\t\t<li class=\"home-link mf-listen\" id=\"homeLinkID\">\r\n\t\t\t\t\t\t\t{hasChildListItems ? (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\thref={childListItems[0].getAttribute(\"link-href\")}\r\n\t\t\t\t\t\t\t\t\taria-label=\"Home Link\"\r\n\t\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]: this.isDarkMode,\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\t<icon-asset\r\n\t\t\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\tname=\"icon-home\"\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t\t</a>)\r\n\t\t\t\t\t\t\t: (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\thref=\"/\"\r\n\t\t\t\t\t\t\t\taria-label=\"Home Link\"\r\n\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]: this.isDarkMode,\r\n\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\t<icon-asset\r\n\t\t\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\tname=\"icon-home\"\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t{filteredArray.map(\r\n\t\t\t\t\t\t\t(item: HTMLElement, index, array) => {\r\n\t\t\t\t\t\t\t\tconst textContent = item.textContent.trim();\r\n\t\t\t\t\t\t\t\tconst href = item.getAttribute(\"link-href\");\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\tid={`breadcrumb` + index + `ID`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{index < array.length - 1 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\thref={href}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_self\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.isDarkMode,\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\t\t{textContent}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\ttextContent\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{/ for screen readers */}\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"visually-hidden\">/</span>\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}\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</ol>\r\n\t\t\t\t</nav>\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.position]:\r\n\t\t\t\t!!this.position && this.position !== undefined ? true : false,\r\n\t\t\t[\"remove-top-margin\"]: this.removeTopMargin ? true : false,\r\n\t\t\t[this.color]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/ptc-brightcov-video.js CHANGED Viewed

@@ -15,7 +15,7 @@ const PtcBrightcovVideo$1 = /*@__PURE__*/ proxyCustomElement(class PtcBrightcovV
         //  this.loadBrightcovePlayer();
     }
     render() {
-        return (h("div", { key: '23d6c4f55cc3aec4b22dc6cba7a759de0db0d510', class: "aspect-ratio-container" }, h("div", { key: 'c41cb24d6212cb17621263daf89d847950c88100', class: "video-container" }, h("video-js", { key: 'b0d4fb3b7af5a950409bfedaf5508bef270745b7', id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { key: 'e90ea885e7e7822a5f4abecf16a4d54c26cfdfae', src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
+        return (h("div", { key: '450d0af4cfb1da05fe2bd82537c55a5d86426770', class: "aspect-ratio-container" }, h("div", { key: 'cd7084181571bcc49350ad25689c7f968076805a', class: "video-container" }, h("video-js", { key: '9eb7d4424391031a6f4a87e45741b608f7579f70', id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { key: '6e8e87be57b318ba503e158a5f0bb74326dcefd3', src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
     }
     static get style() { return ptcBrightcovVideoCss; }
 }, [258, "ptc-brightcov-video", {

package/dist/components/ptc-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as PtcButton$1, d as defineCustomElement$1 } from './p-Di1dN-rS.js';
+import { P as PtcButton$1, d as defineCustomElement$1 } from './p-BTIxGOkl.js';
 const PtcButton = PtcButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ptc-card-bottom.js CHANGED Viewed

@@ -64,7 +64,7 @@ const PtcCardBottom$1 = /*@__PURE__*/ proxyCustomElement(class PtcCardBottom ext
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '8d5ab9ed4230052967f46612245477585da4c5df', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", { key: '34454133e0ae94c4fafc0d681b8d41a0a4477b0c' }, this.styles), h("slot", { key: '32334ffc9a7ae9090b92675d24f77e0a15a2d4b4', name: "slot-content" }), h("div", { key: '83bbf993dc82555b7a9478c201ca45cfd1afddbe', class: "ptc-card-bottom-wrapper" }, h("slot", { key: 'e0a73e55181e4d8321d85a0e503356efeaa4a2d8' }))));
+        return (h(Host, { key: 'e06b9ac309576fd82c92fe342a311132ab9cc702', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", { key: 'c303ae286e4a97d336da1f82ee088c33baaa1571' }, this.styles), h("slot", { key: 'ece3c0b162bb7d86f74b8a3b9a582de1bc401285', name: "slot-content" }), h("div", { key: '53d644fc987091321d9054e981f772b862c29497', class: "ptc-card-bottom-wrapper" }, h("slot", { key: 'a109d4f78a12cbe5aa470062afe036f34da046a6' }))));
     }
     getCssClassMap() {
         return {

package/dist/components/ptc-card-content.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as PtcCardContent$1, d as defineCustomElement$1 } from './p-CZGOCgqz.js';
+import { P as PtcCardContent$1, d as defineCustomElement$1 } from './p-BjR4RKel.js';
 const PtcCardContent = PtcCardContent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ptc-card-wrapper.js CHANGED Viewed

@@ -74,11 +74,11 @@ const PtcCardPlm = /*@__PURE__*/ proxyCustomElement(class PtcCardPlm extends H {
     render() {
         const classMap = this.getCssClassMap();
         const Tag = !!this.cardLink ? "a" : "div";
-        return (h(Host, { key: 'f38f7259cf13cecdaa18bd53cd5639082fd21eed', class: classMap, ...(!this.isLoading
+        return (h(Host, { key: '4e97b9ef9c2d7d17b71430ea4170533d06f58d18', class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && h("style", { key: '298f3edd0eb04bed0aa8858c50e4c4d50d68bbff' }, this.styles), h("div", { key: '4c0af7b603bf416396ade51e1d4edc38d9ae3c55', class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, { key: '552c4a388cdfbdc6dc1958ed88ecd834db8f60d2', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
+                : {}) }, this.styles && h("style", { key: 'b32f28b4fc30e827d0e7d7690ad9dcb56234f0d5' }, this.styles), h("div", { key: '3f631fdea85f745804ad18596ecc2465719a8741', class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, { key: 'a1943e76c97e4c9ce79774a54648f6f8bf6cb3c9', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
                 ? { tabindex: "0" }
                 : { tabindex: "-1" }), ...(!!this.cardLink && !this.isLoading
                 ? { href: this.cardLink }
@@ -94,7 +94,7 @@ const PtcCardPlm = /*@__PURE__*/ proxyCustomElement(class PtcCardPlm extends H {
                         ? this.linkTitle
                         : this.cardLink,
                 }
-                : {}) }, h("slot", { key: '4e29e667d82ecc85f5cce77e70255c3fdd9b69be' })))));
+                : {}) }, h("slot", { key: '4cf6432a84861d03285823a8d666ba00bd06e5a4' })))));
     }
     getCssClassMap() {
         return {

package/dist/components/ptc-card.js CHANGED Viewed

@@ -147,12 +147,12 @@ const PtcCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcCard extends H {
         if (this.titleLineCutOff && this.titleLineCutOff > 0) {
             cutOffTitleClass = " clamp-title";
         }
-        return (h(Host, { key: '7387779128e985af9e20c63c8363ecf6a5298b3e', class: {
+        return (h(Host, { key: '5b8b4565868c680109dbed90092b37a2b8798175', class: {
                 [this.cardType]: !!this.cardType,
                 "creo-card-wrap": this.isCreoCard, // Add the cardType class conditionally
-            } }, this.styles && h("style", { key: '0641f647d54f7777aa86781a77408b3dd5f5e8f9' }, this.styles), h("slot", { key: '94092031fbcdfbfe665fb58ef64184861a6c868e', name: "seo-content" }), h("div", { key: 'afd2e025d430258b06b8b9f3e67fa8f4b148d1da', id: this.cardType !== "featured-horizontal-card"
+            } }, this.styles && h("style", { key: '77b1ad2930535152f48527313f185c73e70df3b2' }, this.styles), h("slot", { key: '943445187f8216643e335f35b90ac9e78757a960', name: "seo-content" }), h("div", { key: 'd3214b6cf0d74e94ecb72b3b977cef35db61e530', id: this.cardType !== "featured-horizontal-card"
                 ? this.trackerId
-                : "", class: "card-border mf-listen", part: "border-wrapper", style: { overflow: this.cardOverflow } }, h(Tag, { key: 'a27ee1ebbc7f50780a451bc17b0759a350ff1ac4', class: classMap, part: "card-layout", ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
+                : "", class: "card-border mf-listen", part: "border-wrapper", style: { overflow: this.cardOverflow } }, h(Tag, { key: 'ff725236a1a3aaa51bd63a7858e8d366b9ca4745', class: classMap, part: "card-layout", ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
                 ? { target: this.target }
                 : {}), ...(!!this.rel && !!this.cardHref
                 ? { rel: this.rel }
@@ -165,11 +165,11 @@ const PtcCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcCard extends H {
             (!!this.ribbonText &&
                 this.cardType == "listing-card") ||
             (!!this.ribbonText &&
-                this.cardType == "events-card") ? (h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, h("div", { key: '052123e4e89080981583539d9622f9d519d26ac1', id: this.cardType === "featured-horizontal-card" ||
+                this.cardType == "events-card") ? (h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, h("div", { key: 'f0207fdf334dadfe6250c500d910b0eb5c64ed76', id: this.cardType === "featured-horizontal-card" ||
                 this.cardType === "related-card" ||
                 this.cardType == "events-card"
                 ? this.trackerId
-                : "", class: "card-body mf-listen", part: "body-wrapper" }, h(BodyContainerTag, { key: '5134b3770887a571b1a254cdec3999f019c28c9c', class: "link-wrapper mf-listen", ...(!!this.cardHref
+                : "", class: "card-body mf-listen", part: "body-wrapper" }, h(BodyContainerTag, { key: 'a5de1cace360d7b0e6f3bf384d1f256a682624cc', class: "link-wrapper mf-listen", ...(!!this.cardHref
                 ? { href: this.cardHref }
                 : {}), ...(!!this.target && !!this.cardHref
                 ? { target: this.target }
@@ -186,7 +186,7 @@ const PtcCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcCard extends H {
             ? {
                 ...(!!this.cardLogo ? (h("div", { class: "card-logo-container" }, h("ptc-picture", { alt: "", "object-fit": "contain", src: this.cardLogo, height: "40" }))) : (h("div", { class: "card-logo-none" }))),
             }
-            : null, h("slot", { key: 'd67fe4b688c00397d4bf8a751f103ff815aec1ec', name: "slot-before-heading" }), !!this.heading
+            : null, h("slot", { key: '0d51273b69f3b5058e3e31db07cf26c7f8deb98d', name: "slot-before-heading" }), !!this.heading
             ? [
                 this.cardType === "listing-card" ||
                     this.cardType == "events-card" ? (h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, part: "card-heading" }, this.heading)) : this.cardType ===
@@ -197,7 +197,7 @@ const PtcCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcCard extends H {
             : null, !!this.cardDate &&
             this.cardType == "events-card" ? (h("div", { class: "events-date" }, h("svg", { class: "calendar-icon", width: "15", height: "17", viewBox: "0 0 15 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "Group" }, h("path", { id: "Vector", d: "M4.62109 7.11804H3.12109V8.61804H4.62109V7.11804Z", fill: "#323B42" }), h("path", { id: "Vector_2", d: "M7.82129 7.11804H6.32129V8.61804H7.82129V7.11804Z", fill: "#323B42" }), h("path", { id: "Vector_3", d: "M11.1211 7.11804H9.62109V8.61804H11.1211V7.11804Z", fill: "#323B42" }), h("path", { id: "Vector_4", d: "M4.62109 9.51807H3.12109V11.0181H4.62109V9.51807Z", fill: "#323B42" }), h("path", { id: "Vector_5", d: "M7.82129 9.51807H6.32129V11.0181H7.82129V9.51807Z", fill: "#323B42" }), h("path", { id: "Vector_6", d: "M11.1211 9.51807H9.62109V11.0181H11.1211V9.51807Z", fill: "#323B42" }), h("path", { id: "Vector_7", d: "M7.82129 11.9181H6.32129V13.4181H7.82129V11.9181Z", fill: "#323B42" }), h("path", { id: "Vector_8", d: "M4.62109 11.9181H3.12109V13.4181H4.62109V11.9181Z", fill: "#323B42" }), h("g", { id: "Group_2" }, h("path", { id: "Vector_9", d: "M11.6211 2.11804V3.41804V3.91804H11.1211H9.12109H8.62109V3.41804V2.11804H5.32109V3.41804V3.91804H4.82109H2.82109H2.32109V3.41804V2.11804H0.121094V16.118H14.1211V2.11804H11.6211ZM12.6211 14.618H1.62109V5.81804H12.6211V14.618Z", fill: "#323B42" }), h("path", { id: "Vector_10", d: "M2.82129 0.118042V2.11804V3.41804H4.82129V2.11804V0.118042H2.82129Z", fill: "#323B42" }), h("path", { id: "Vector_11", d: "M9.12109 0.118042V2.11804V3.41804H11.1211V2.11804V0.118042H9.12109Z", fill: "#323B42" })))), h("span", { class: "events-item-text event-cards-date" }, `${this.cardDate}`))) : null, !!this.eventType &&
             this.cardType == "events-card" ? (h("div", { class: "events-type-class" }, h("svg", { class: "in-person-icon", width: "17", height: "13", viewBox: "0 0 17 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "Group" }, h("g", { id: "Group_2" }, h("path", { id: "Vector", d: "M16.0211 9.71804L15.3211 7.31804C15.3211 7.31804 15.2211 6.71804 14.4211 6.51804L12.7211 6.11804C12.5211 6.01804 12.4211 5.61804 12.4211 5.61804V5.11804C12.6211 4.91804 12.7211 4.61804 12.8211 4.41804L12.9211 4.31804C13.0211 4.21804 13.0211 4.11804 13.0211 4.11804C13.1211 4.01804 13.1211 3.81804 13.1211 3.71804L13.2211 3.31804C13.2211 3.11804 13.2211 2.91804 13.1211 2.81804L13.0211 2.71804C13.0211 2.01804 12.9211 1.41804 12.6211 1.01804C12.5211 0.518042 12.0211 0.218042 11.4211 0.118042C11.3211 0.118042 11.1211 0.118042 11.0211 0.118042C10.9211 0.118042 10.7211 0.118042 10.6211 0.118042C10.0211 0.218042 9.52109 0.518042 9.22109 1.01804C8.92109 1.41804 8.82109 2.01804 8.82109 2.71804L8.72109 2.81804C8.62109 2.91804 8.62109 3.01804 8.62109 3.31804L8.72109 3.71804C8.72109 3.81804 8.72109 4.01804 8.82109 4.11804C8.82109 4.21804 8.92109 4.31804 8.92109 4.31804C9.02109 4.31804 9.02109 4.41804 9.12109 4.41804C9.22109 4.71804 9.32109 4.91804 9.52109 5.11804V5.61804C9.52109 5.61804 9.42109 6.01804 9.22109 6.11804L8.12109 6.41804V6.51804C8.12109 6.61804 8.02109 6.91804 7.92109 7.11804C7.82109 7.21804 7.82109 7.41804 7.72109 7.51804C7.72109 7.51804 7.72109 7.61804 7.62109 7.61804C7.82109 7.61804 8.12109 7.71804 8.52109 7.81804C9.52109 7.91804 10.1211 8.81804 10.3211 9.71804H11.0211H16.0211Z", fill: "#323B42" })), h("path", { id: "Vector_2", d: "M9.42148 9.81807C9.42148 9.81807 9.32148 9.21807 8.52148 9.01807L6.82148 8.61807C6.62148 8.51807 6.52148 8.11807 6.52148 8.11807V7.61807C6.72148 7.41807 6.82148 7.11807 6.92148 6.91807L7.02148 6.81807C7.12148 6.71807 7.12148 6.61807 7.12148 6.61807C7.22148 6.31807 7.32148 6.21807 7.32148 6.11807L7.42148 5.71807C7.42148 5.51807 7.42148 5.31807 7.32148 5.21807L7.22148 5.11807C7.22148 4.41807 7.12148 3.81807 6.82148 3.41807C6.52148 3.01807 6.02148 2.61807 5.42148 2.51807C5.32148 2.51807 5.12148 2.51807 5.02148 2.51807C4.92148 2.51807 4.72148 2.51807 4.62148 2.51807C4.02148 2.61807 3.52148 3.01807 3.22148 3.41807C2.92148 3.91807 2.82148 4.51807 2.92148 5.11807L2.82148 5.21807C2.72148 5.31807 2.62148 5.51807 2.72148 5.71807L2.82148 6.11807C2.82148 6.21807 2.82148 6.41807 2.92148 6.51807C2.92148 6.61807 3.02148 6.71807 3.02148 6.71807C3.02148 6.81807 3.12148 6.81807 3.12148 6.81807C3.22148 7.11807 3.32148 7.41807 3.52148 7.61807V8.11807C3.52148 8.11807 3.42148 8.51807 3.22148 8.61807L1.52148 9.01807C0.721484 9.21807 0.621484 9.81807 0.621484 9.81807L0.0214844 12.2181H5.02148H10.0215L9.42148 9.81807Z", fill: "#323B42" }))), h("span", { class: "event-name events-item-text" }, `${this.eventType}`))) : null, !!this.language &&
-            this.cardType == "events-card" ? (h("div", { class: "language" }, h("svg", { class: "language-icon", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "Group" }, h("g", { id: "Group_2" }, h("path", { id: "Vector", d: "M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z", fill: "#323B42" })), h("path", { id: "Vector_2", d: "M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z", fill: "#323B42" }))), h("span", { class: "language-name events-item-text" }, `${this.language}`))) : null, h("slot", { key: 'a8ae14e745ce5d33c6495c785c6e2599fc5ae5dd', name: "slot-description" }), !!this.cardDate &&
+            this.cardType == "events-card" ? (h("div", { class: "language" }, h("svg", { class: "language-icon", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "Group" }, h("g", { id: "Group_2" }, h("path", { id: "Vector", d: "M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z", fill: "#323B42" })), h("path", { id: "Vector_2", d: "M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z", fill: "#323B42" }))), h("span", { class: "language-name events-item-text" }, `${this.language}`))) : null, h("slot", { key: 'a36cf090b0e2d6dad25d50795a37930f5c52ac0d', name: "slot-description" }), !!this.cardDate &&
             this.cardType !== "listing-card" &&
             this.cardType !== "listing-card-horizontal" &&
             this.cardType !== "hightlight-card" &&

package/dist/components/ptc-checkbox-group.js CHANGED Viewed

@@ -41,7 +41,7 @@ const PtcCheckboxGroup$1 = /*@__PURE__*/ proxyCustomElement(class PtcCheckboxGro
         selectAllCheckbox.checked = !allChecked;
     }
     render() {
-        return (h(Host, { key: '23e3613037c2aa2ca9f8699042ee2729b4419904', class: `pcg-${this.type}` }, h("slot", { key: 'ffa868f337a954a184784dec12d15eda8ce2093e', name: "title" }), h("slot", { key: '56e7809235d5156af47d33561fee482995cc4527' })));
+        return (h(Host, { key: '825c24ff24d05f3f43911bd129d406c73bddae02', class: `pcg-${this.type}` }, h("slot", { key: '78d0ed7efb31ddc57eed2cf16152bb64abaffe2e', name: "title" }), h("slot", { key: '2d779849c5ff3102cd98e7588b0978762ea08ced' })));
     }
     static get style() { return ptcCheckboxGroupCss; }
 }, [262, "ptc-checkbox-group", {

package/dist/components/ptc-close-icon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as PtcCloseIcon$1, d as defineCustomElement$1 } from './p-Dx7NxZ8D.js';
+import { P as PtcCloseIcon$1, d as defineCustomElement$1 } from './p-DXyFE3iB.js';
 const PtcCloseIcon = PtcCloseIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ptc-container.js CHANGED Viewed

@@ -20,7 +20,7 @@ const PtcContainer$1 = /*@__PURE__*/ proxyCustomElement(class PtcContainer exten
     styles;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '6c828b4729fb8d588dd33abfbee158bd3068e530', class: this.getContainerClass() }, this.styles && h("style", { key: '718bdaa7803341a06f0e68525c91300485684a83' }, this.styles), h("div", { key: '3bc58f16cc07d5807657f2749220e100aedc4679', class: classMap }, h("slot", { key: '4feda2277391e5e54405a0995e6395f011a4e184' }))));
+        return (h(Host, { key: 'ac6aa2e16155bea47c3ae2fe16cca8ec22977529', class: this.getContainerClass() }, this.styles && h("style", { key: '0b67a4161ee5c7ab02d6d8cd6f8cb2f03a8edb97' }, this.styles), h("div", { key: '3972e2c303f949b68c26185fce98fe08eebb99fa', class: classMap }, h("slot", { key: '5bfc024f3ab76ac9a5f41d8abcb47a67156528f7' }))));
     }
     getContainerClass() {
         switch (this.containerType) {

package/dist/components/ptc-countdown.js CHANGED Viewed

@@ -191,7 +191,7 @@ const PtcCountdown$1 = /*@__PURE__*/ proxyCustomElement(class PtcCountdown exten
             .utcOffset(this.getOffsetFromAbbr(this.eventTimeZone), true)
             .format("YYYY-MM-DD HH:mm");
         //const hour12 = this.shouldUse12HourFormat();
-        return (h("div", { key: '75def7f321443b144154689181253e71a43f382b', class: "countdown-outer" }, this.countdownTitle && (h("div", { key: '0ebed0bd6663bfc44e7d71580986b4d1aae9e428', class: "event-name" }, this.countdownTitle)), !this.isExpired ? (h("div", { id: "CDOutput", class: "countdown" }, h("div", { class: "day" }, h("div", null, days), h("span", null, this.daysText)), h("div", { class: "hours" }, h("div", null, hours), h("span", null, this.hoursText)), h("div", { class: "minutes" }, h("div", null, minutes), h("span", null, this.minutesText)), h("div", { class: "seconds" }, h("div", null, seconds), h("span", null, this.secondsText)))) : (h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), h("div", { key: 'bd0e2076a23a1640fea6ea861b81748ef74241be', class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
+        return (h("div", { key: '2a9a519bcccb66c9fc757937f79254e400019355', class: "countdown-outer" }, this.countdownTitle && (h("div", { key: '17f0fa7dc7a01dc234b2bb4191ed7e4e9793ade5', class: "event-name" }, this.countdownTitle)), !this.isExpired ? (h("div", { id: "CDOutput", class: "countdown" }, h("div", { class: "day" }, h("div", null, days), h("span", null, this.daysText)), h("div", { class: "hours" }, h("div", null, hours), h("span", null, this.hoursText)), h("div", { class: "minutes" }, h("div", null, minutes), h("span", null, this.minutesText)), h("div", { class: "seconds" }, h("div", null, seconds), h("span", null, this.secondsText)))) : (h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), h("div", { key: '26711f15f3a02377159862e61e36b31f560dec43', class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
             month: "long",
             day: "numeric",
             year: "numeric",

package/dist/components/ptc-data-lookup.js CHANGED Viewed

@@ -668,7 +668,7 @@ const PtcDataLookup$1 = /*@__PURE__*/ proxyCustomElement(class PtcDataLookup ext
         }
     }
     render() {
-        return h("slot", { key: 'd7d475b81acf2d7d76319ed39c243f8f19ed290e' });
+        return h("slot", { key: 'e6c43af16465fcdd5a1e543bde32d0ae802f810a' });
     }
     static get style() { return ptcDataLookupCss; }
 }, [260, "ptc-data-lookup", {

package/dist/components/ptc-dropdown.js CHANGED Viewed

@@ -60,9 +60,9 @@ const PtcDropdown$1 = /*@__PURE__*/ proxyCustomElement(class PtcDropdown extends
     };
     render() {
         const classMap = this.getCssClassMap();
-        return (h("div", { key: '878d2d28c2f0b9d8aa5b193398edf51286902187', class: classMap }, h("header", { key: '76d1fc7807adb423a9ea2f4e73f52d046bad9cd1', id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, h("label", { key: 'dd0b6c27ea670da4e01b1e02a6e5b01c132b0632' }, h("b", { key: 'ece846be9b1ce081302dd022de7f5a02ce8b2f30' }, this.label), " ", this.selectedItem
+        return (h("div", { key: '27300b853bb373718f99dca90f61c934ae353798', class: classMap }, h("header", { key: '3e8fb034417b183d4152f36f66296c737c872746', id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, h("label", { key: '9781713a5357a74f43b013e5e5b6c6cdb1318017' }, h("b", { key: '63f6b713a5f4974720d008935ee78be026293a70' }, this.label), " ", this.selectedItem
             ? this.selectedItem.label
-            : "Select Option"), h("icon-asset", { key: 'b39d430603f137642c485b1c4ece3187cf682b80', type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (h("ul", { key: 'e4caba918bbba95bbd37695db2171d88da501fed', id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
+            : "Select Option"), h("icon-asset", { key: '11925d1b05f4fa65cb8d7af92f78ed3fbb6c899b', type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (h("ul", { key: 'ccc9b2e84b38b1814f035b54ae1c2667f6aedc9f', id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
                 this.toggle = false;
             } }, this.listItems.map((item) => {
             let cssClass = "dropdown__item mf-listen";

package/dist/components/ptc-dynamic-card.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host, a as getAssetPath } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$4 } from './p-CZGOCgqz.js';
+import { d as defineCustomElement$4 } from './p-BjR4RKel.js';
 import { d as defineCustomElement$3 } from './p-DRHfC1tH.js';
 import { d as defineCustomElement$2 } from './p-xwuMMQpY.js';
@@ -151,11 +151,11 @@ const PtcDynamicCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcDynamicCard e
     // }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '9ec99cd89678a4fb713cf2037e3d3041112b2e6d', class: classMap }, this.styles && h("style", { key: 'ae00ecd4083ed5050f4a2a78c9685d47d773975a' }, this.styles), h("div", { key: '3bff11ee3379e6c25168a305fbb14a40bf389eca', class: "card-wrapper mf-listen", role: "button", tabindex: "0", "aria-expanded": this.isExpanded, onClick: this.openCard, onKeyDown: this.handleKeyDown }, this.cardScreen === "mobile" ? (h("div", { class: "card card-mobile mf-listen", id: this.trackerId }, h("ptc-picture", { height: "287", "is-full-width": true, alt: this.cardImgAlt, src: this.cardImgSrc }), h("ptc-card-content", { "card-type": "card-dynamic", styles: ":host(.card-dynamic){height: auto;}" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))))) : (h("div", null, h("div", { ...(!this.isExpanded && {
+        return (h(Host, { key: '9eb860adcce087349cf5611d41fe02603057b78c', class: classMap }, this.styles && h("style", { key: '725097803154f030a5754c641451eff16b20ca6f' }, this.styles), h("div", { key: '33971e0c2a5ff742611cde1a52be057c1d4ec1a8', class: "card-wrapper mf-listen", role: "button", tabindex: "0", "aria-expanded": this.isExpanded, onClick: this.openCard, onKeyDown: this.handleKeyDown }, this.cardScreen === "mobile" ? (h("div", { class: "card card-mobile mf-listen", id: this.trackerId }, h("ptc-picture", { height: "287", "is-full-width": true, alt: this.cardImgAlt, src: this.cardImgSrc }), h("ptc-card-content", { "card-type": "card-dynamic", styles: ":host(.card-dynamic){height: auto;}" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))))) : (h("div", null, h("div", { ...(!this.isExpanded && {
                 hidden: "until-found",
             }),
             /* @ts-ignore */
-            onBeforeMatch: this.openCard.bind(this), class: `card mf-listen ${this.isExpanded && "card-dt-open"}`, id: this.trackerId }, h("ptc-card-content", { "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))), h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "is-full-width": "true", "is-full-height": "true", "image-alignment": "center" })), h("div", { class: `card card-dt-closed mf-listen ${this.isExpanded ? "hide" : "show"}`, id: this.trackerId }, h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "image-position": "relative", "is-full-width": true, height: "424" }, this.overlayExists ? (h("ptc-overlay", { "filter-color": "solid-black-1" })) : (h("ptc-overlay", { "filter-color": "solid-black-2" }))), h("div", { class: "closed-content", "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h2", null, this.cardTitle))))))), this.cardScreen === "desktop" && (h("div", { key: '37ee0254c46a178f3c58d3110d3200d6d102effd', hidden: true }, h("svg", { key: '222dd13150866b3da59d5f745ee3073ba3d30caa' }, h("use", { key: '1a8c5e98c115bee91ef863c63d73ab877c0cd503', href: `${this.dotSvg}` }))))));
+            onBeforeMatch: this.openCard.bind(this), class: `card mf-listen ${this.isExpanded && "card-dt-open"}`, id: this.trackerId }, h("ptc-card-content", { "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h3", null, this.cardTitle)), h("div", { class: "card-content" }, h("slot", null))), h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "is-full-width": "true", "is-full-height": "true", "image-alignment": "center" })), h("div", { class: `card card-dt-closed mf-listen ${this.isExpanded ? "hide" : "show"}`, id: this.trackerId }, h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "image-position": "relative", "is-full-width": true, height: "424" }, this.overlayExists ? (h("ptc-overlay", { "filter-color": "solid-black-1" })) : (h("ptc-overlay", { "filter-color": "solid-black-2" }))), h("div", { class: "closed-content", "card-type": "card-dynamic" }, h("div", { class: "card-title" }, h("h2", null, this.cardTitle))))))), this.cardScreen === "desktop" && (h("div", { key: 'ded12b1abc42c209c765f03aa5d60f47c2af1baf', hidden: true }, h("svg", { key: '6fb7dbdb0c2717893bcc34a6f35938ae214134ae' }, h("use", { key: '49058502c56a15f04638f80404fddb95b161b9f0', href: `${this.dotSvg}` }))))));
     }
     dotSvg = getAssetPath("./media/nav-active-dotslick.svg");
     static get assetsDirs() { return ["media"]; }

package/dist/components/ptc-ellipsis-dropdown.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as PtcEllipsisDropdown$1, d as defineCustomElement$1 } from './p-C85pzCpS.js';
+import { P as PtcEllipsisDropdown$1, d as defineCustomElement$1 } from './p-DpjVh3vr.js';
 const PtcEllipsisDropdown = PtcEllipsisDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ptc-embedded-quiz.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host, F as Fragment } from './p-Xva4X2q7.js';
 import { d as defineCustomElement$6 } from './p-CXvPZ1oI.js';
-import { d as defineCustomElement$5 } from './p-Di1dN-rS.js';
+import { d as defineCustomElement$5 } from './p-BTIxGOkl.js';
 import { d as defineCustomElement$4 } from './p-Bs970RWJ.js';
-import { d as defineCustomElement$3 } from './p-cpeiYXQW.js';
+import { d as defineCustomElement$3 } from './p-BtcjaYJo.js';
 import { d as defineCustomElement$2 } from './p-DFvvSoPo.js';
 const ptcEmbeddedQuizCss = ":host{display:block}:host .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white;z-index:1}:host .quiz-slide-container .quiz-slide-text-container{max-width:calc(24 * var(--ptc-element-spacing-07))}:host .quiz-slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(\"https://ptc-p-001.sitecorecontenthub.cloud/api/public/content/653ad11042174bd1ae42c69d922f95fc\");background-size:cover;background-position:center;opacity:0.2;z-index:-1}:host .quiz-slide-initial{padding:var(--ptc-element-spacing-08);display:flex;justify-content:center}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-result .cta-container{display:flex;flex-direction:column;align-items:center}:host .quiz-slide-result .cta-container ptc-button{flex:1 0 100%;margin:0 0 var(--ptc-element-spacing-05) 0}:host .right-button-container{display:flex;justify-content:right}:host .right-button-container .restart-quiz-button{display:flex;margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;transition:var(--ptc-transition-slow)}:host .right-button-container .restart-quiz-button #restart-arrow{display:flex;align-items:center}:host .right-button-container .restart-quiz-button #restart-arrow svg{z-index:2;margin-right:var(--ptc-element-spacing-03)}:host .right-button-container .restart-quiz-button:hover{cursor:pointer}:host .right-button-container .restart-quiz-button:hover #restart-arrow svg{transform:rotate(270deg)}:host .right-button-container .restart-quiz-button:hover ptc-para{opacity:0.7}:host .right-button-container .restart-quiz-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .center-button-container{display:flex;justify-content:center}:host .previous-slide-button{display:flex;align-items:center;margin:0 0 var(--ptc-element-spacing-06) 0;transition:var(--ptc-transition-slow)}:host .previous-slide-button icon-asset{z-index:2;display:flex;align-items:center;margin-right:var(--ptc-element-spacing-03)}:host .previous-slide-button:hover{cursor:pointer}:host .previous-slide-button:hover icon-asset svg{transform:translateX(-8px)}:host .previous-slide-button:hover ptc-para{opacity:0.7}:host .previous-slide-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .quiz-slide-dual-layout .image-container{padding-top:var(--ptc-element-spacing-06);display:flex;justify-content:center;height:calc(4 * var(--ptc-element-spacing-08));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:100%}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .content-container .options-container{margin-top:var(--ptc-element-spacing-06);padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap;z-index:2}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-06);display:flex;align-items:start;display:flex;align-items:flex-start}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio{width:16px;height:16px;border-radius:var(--ptc-border-radius-circle);border:var(--color-gray-10) solid 1px;z-index:2;padding:3px;box-sizing:border-box;flex-shrink:0;margin-top:var(--ptc-element-spacing-01);background-color:white}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio.clicked{border:var(--color-blue-08) solid 1px;background:var(--color-blue-08);background-clip:content-box, padding-box}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .radio:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}:host .quiz-slide-dual-layout .content-container .options-container .radio-input ptc-para{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:hover .radio{box-shadow:var(--ptc-shadow-x-small)}@media only screen and (min-width: 768px){:host .quiz-slide-container{min-height:calc(10 * var(--ptc-element-spacing-08));position:relative}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout{margin:0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .image-container{height:calc(9 * var(--ptc-element-spacing-06));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:auto}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 48%}}@media only screen and (min-width: 992px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout .image-container{height:calc(8 * var(--ptc-element-spacing-07));width:auto}}@media only screen and (min-width: 1200px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0}:host .quiz-slide-result .cta-container{flex-direction:row}:host .quiz-slide-result .cta-container ptc-button{flex:none;margin:0 var(--ptc-element-spacing-05) 0 0}:host .quiz-slide-dual-layout{display:flex;margin-bottom:var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .image-container{flex-shrink:0;display:flex;align-items:center;height:calc(7 * var(--ptc-element-spacing-07));width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .image-container img{height:100%;max-height:calc(7 * var(--ptc-element-spacing-07));max-width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:0}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd){margin-right:4%}}@media only screen and (min-width: 1440px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 var(--ptc-element-spacing-07) 0}}::slotted([slot=seo-content]){display:none}";