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-C85pzCpS.js.map → p-DpjVh3vr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C85pzCpS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.scss?tag=ptc-ellipsis-dropdown&encapsulation=shadow","src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\n.ellipsis-icon {\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: 2px;\r\n\tvertical-align: middle;\r\n\theight: 18px;\r\n\twidth: 18px;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\t\tborder-color: var(--color-gray-04);\r\n\t}\r\n\ttransition:\r\n\t\tbackground-color var(--ptc-ease-out) var(--ptc-transition-medium),\r\n\t\tborder-color var(--ptc-ease-out) var(--ptc-transition-medium);\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline-block;\r\n\t\tsvg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 10px !important;\r\n\t\t\theight: 10px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t\tborder-color: var(--color-green-07);\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 2px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -11px;\r\n\t\t\t@include screen-xl {\r\n\t\t\t\tbottom: -17px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-ellipsis-dropdown {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tpadding: 2px 0 14px 0;\r\n\tborder-bottom: 2px solid var(--color-green-07);\r\n\tmargin: 0 1rem -1px 1rem;\r\n\tbox-sizing: border-box;\r\n\r\n\t&.default {\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 44px;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tab-with-banner {\r\n\t\tpadding: 0px 0 16px 0;\r\n\t\tmargin: 0 1rem -2.5px 1rem;\r\n\r\n\t\t// @include screen-md {\r\n\t\t// position: absolute;\r\n\t\t// top: calc(50% - 22px);\r\n\t\t// right: 0;\r\n\t\t// height: 100%;\r\n\t\t// bottom: 100%;\r\n\t\t// }\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 0px 0px 1rem 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\r\n\t\t.ellipsis-icon.active {\r\n\t\t\t&::after {\r\n\t\t\t\tbottom: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dropdown-container {\r\n\t\t\tdisplay: none;\r\n\t\t\tmargin-top: 16px;\r\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1010;\r\n\t\t\tbackground: var(--color-white);\r\n\t\t\tpadding: 0.8rem 0;\r\n\t\t\tright: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tmin-width: max-content;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tmargin-top: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\t.dropdown-container {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\theight: 34px;\r\n\t\twidth: 34px;\r\n\t}\r\n\t.mob-drop {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tsvg {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin: 4px 0px 0px 12px;\r\n\t\t\tmin-width: 12px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dropdown-container {\r\n\tdisplay: none;\r\n\tmargin-top: 16px;\r\n\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\tborder-radius: 4px;\r\n\tposition: absolute;\r\n\tz-index: 1010;\r\n\tbackground: var(--color-white);\r\n\tpadding: 0.8rem 0;\r\n\tright: auto;\r\n\tleft: 0;\r\n\tmin-width: max-content;\r\n\twidth: 100%;\r\n\r\n\t@include screen-sm {\r\n\t\tright: 0;\r\n\t\tleft: auto;\r\n\t\tmargin-top: 48px;\r\n\t}\r\n\t@include screen-xl {\r\n\t\tmargin-top: 45px;\r\n\t}\r\n\r\n\t.selected-drop {\r\n\t\t.dropdown-item {\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\theight: 60%;\r\n\t\t\t\t\tbackground: var(--color-green-07);\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 20%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.show {\r\n\t.dropdown-container {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n\r\ndropdown-item {\r\n\t&:focus-visible {\r\n\t\toutline: none;\r\n\t\t.dropdown-item {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tProp,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-ellipsis-dropdown\",\r\n\tstyleUrl: \"ptc-ellipsis-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcEllipsisDropdown {\r\n\t@Prop() dataItems: Array<any> = [];\r\n\t@Prop() selectedTab: string;\r\n\t@State() isDropdownOpen: boolean = false;\r\n\t@Element() host: HTMLElement;\r\n\t@Event() itemSelected: EventEmitter<any>;\r\n\t@State() isMobile: boolean;\r\n\t@State() isIPad: boolean;\r\n\t@Prop() dropdownType: string = \"default\";\r\n\r\n\t//tab navigation props\r\n\tmenuitems: any;\r\n\tmenuitemNodes = [];\r\n\tfirstMenuitem = false;\r\n\tlastMenuitem = false;\r\n\t//firstChars = [];\r\n\r\n\tprivate dropdownToggle(e) {\r\n\t\te.currentTarget.classList.toggle(\"show\");\r\n\t\tthis.isDropdownOpen = e.currentTarget.classList.contains(\"show\");\r\n\t}\r\n\r\n\tprivate onItemSelected(e: any) {\r\n\t\tthis.itemSelected.emit(e);\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\toffClick(e) {\r\n\t\tlet container = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\tif (e && !this.host.contains(e.target) && this.isDropdownOpen) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.isMobile = window.innerWidth < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\t@Listen(\"escClicked\", { target: \"window\" })\r\n\tonEscClicked() {\r\n\t\tlet container = this.host.shadowRoot?.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\t//this.host.focus();\r\n\t\tif (container) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\tonMenuitemKeydown(event) {\r\n\t\tvar tgt = event.currentTarget,\r\n\t\t\tkey = event.key,\r\n\t\t\tflag = false;\r\n\r\n\t\tif (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (event.shiftKey) {\r\n\t\t\tif (event.key === \"Tab\") {\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Up\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tthis.setFocusToPreviousMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"Down\":\r\n\t\t\t\t\tthis.setFocusToNextMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Home\":\r\n\t\t\t\tcase \"PageUp\":\r\n\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"End\":\r\n\t\t\t\tcase \"PageDown\":\r\n\t\t\t\t\tthis.setFocusToLastMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tthis.onEscClicked();\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (flag) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\t}\r\n\tsetFocusToMenuitem(newMenuitem) {\r\n\t\tthis.menuitemNodes.forEach(function (item) {\r\n\t\t\tif (item === newMenuitem) {\r\n\t\t\t\titem.tabIndex = 0;\r\n\t\t\t\tnewMenuitem.focus();\r\n\t\t\t} else {\r\n\t\t\t\titem.tabIndex = -1;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.firstMenuitem);\r\n\t}\r\n\r\n\tsetFocusToLastMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.lastMenuitem);\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.firstMenuitem) {\r\n\t\t\tnewMenuitem = this.lastMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index - 1];\r\n\t\t}\r\n\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.lastMenuitem) {\r\n\t\t\tnewMenuitem = this.firstMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index + 1];\r\n\t\t}\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.menuitems =\r\n\t\t\t\tthis.host.shadowRoot.querySelectorAll(\"dropdown-item\");\r\n\t\t\tfor (var i = 0; i < this.menuitems.length; i++) {\r\n\t\t\t\tvar menuitem = this.menuitems[i];\r\n\t\t\t\tthis.menuitemNodes.push(menuitem);\r\n\t\t\t\tmenuitem.tabIndex = -1;\r\n\r\n\t\t\t\tmenuitem.addEventListener(\r\n\t\t\t\t\t\"keydown\",\r\n\t\t\t\t\tthis.onMenuitemKeydown.bind(this),\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!this.firstMenuitem) {\r\n\t\t\t\t\tthis.firstMenuitem = menuitem;\r\n\t\t\t\t}\r\n\t\t\t\tthis.lastMenuitem = menuitem;\r\n\t\t\t}\r\n\t\t}, 100);\r\n\r\n\t\tconst ellp = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t) as HTMLElement;\r\n\t\tthis.host.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\t// Open dropdown on 'Enter' key press\r\n\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\tellp.click();\r\n\t\t\t}\r\n\t\t\tif (event.key === \"ArrowDown\") {\r\n\t\t\t\tthis.host.shadowRoot\r\n\t\t\t\t\t.querySelectorAll(\"dropdown-item\")[0]\r\n\t\t\t\t\t.focus();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (\r\n\t\t\tthis.isMobile \|\|\r\n\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\")\r\n\t\t) {\r\n\t\t\tthis.host.setAttribute(\"tabindex\", \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet activeTab = this.dataItems.find((z) => z.isSelected == true);\r\n\t\tlet isActive = false;\r\n\r\n\t\tif (activeTab) {\r\n\t\t\tisActive = true;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={\r\n\t\t\t\t\tthis.dropdownType == \"tab-with-banner\"\r\n\t\t\t\t\t\t? \"ptc-ellipsis-dropdown tab-with-banner\"\r\n\t\t\t\t\t\t: \"ptc-ellipsis-dropdown default\"\r\n\t\t\t\t}\r\n\t\t\t\tonClick={(e) => this.dropdownToggle(e)}\r\n\t\t\t>\r\n\t\t\t\t{this.isMobile \|\|\r\n\t\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\") ? (\r\n\t\t\t\t\t<div class={\"mob-drop\"}>\r\n\t\t\t\t\t\t<span class={\"opt-name\"}>\r\n\t\t\t\t\t\t\t{this.dataItems.map((item) =>\r\n\t\t\t\t\t\t\t\titem.isSelected ? item.text : \"\",\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\theight=\"9\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 12 9\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M1 1.65723L5.94975 6.60697L10.8995 1.65723\"\r\n\t\t\t\t\t\t\t\tstroke=\"#00890B\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t? \"ellipsis-icon active\"\r\n\t\t\t\t\t\t\t\t: \"ellipsis-icon\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\tname=\"ellipsis\"\r\n\t\t\t\t\t\t\tcolor={\r\n\t\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t\t? \"white\"\r\n\t\t\t\t\t\t\t\t\t: \"black\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"dropdown-container\"\r\n\t\t\t\t\trole=\"menu\"\r\n\t\t\t\t\taria-labelledby=\"menubutton1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot name=\"dropdown\" />\r\n\t\t\t\t\t{this.dataItems.map((dataItem) => {\r\n\t\t\t\t\t\tlet activeClass =\r\n\t\t\t\t\t\t\tdataItem.value == this.selectedTab ? \"active\" : \"\";\r\n\t\t\t\t\t\tlet activeDropdown = dataItem.isSelected\r\n\t\t\t\t\t\t\t? \"selected-drop\"\r\n\t\t\t\t\t\t\t: \"\";\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<dropdown-item\r\n\t\t\t\t\t\t\t\trole=\"menuitem\"\r\n\t\t\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\t\t\tactiveClass + activeDropdown + \"mf-listen\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\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>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\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{dataItem.text}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</dropdown-item>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DpjVh3vr.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.scss?tag=ptc-ellipsis-dropdown&encapsulation=shadow","src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\n.ellipsis-icon {\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: 2px;\r\n\tvertical-align: middle;\r\n\theight: 18px;\r\n\twidth: 18px;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\t\tborder-color: var(--color-gray-04);\r\n\t}\r\n\ttransition:\r\n\t\tbackground-color var(--ptc-ease-out) var(--ptc-transition-medium),\r\n\t\tborder-color var(--ptc-ease-out) var(--ptc-transition-medium);\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline-block;\r\n\t\tsvg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 10px !important;\r\n\t\t\theight: 10px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t\tborder-color: var(--color-green-07);\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 2px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -11px;\r\n\t\t\t@include screen-xl {\r\n\t\t\t\tbottom: -17px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-ellipsis-dropdown {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tpadding: 2px 0 14px 0;\r\n\tborder-bottom: 2px solid var(--color-green-07);\r\n\tmargin: 0 1rem -1px 1rem;\r\n\tbox-sizing: border-box;\r\n\r\n\t&.default {\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 44px;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tab-with-banner {\r\n\t\tpadding: 0px 0 16px 0;\r\n\t\tmargin: 0 1rem -2.5px 1rem;\r\n\r\n\t\t// @include screen-md {\r\n\t\t// position: absolute;\r\n\t\t// top: calc(50% - 22px);\r\n\t\t// right: 0;\r\n\t\t// height: 100%;\r\n\t\t// bottom: 100%;\r\n\t\t// }\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 0px 0px 1rem 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\r\n\t\t.ellipsis-icon.active {\r\n\t\t\t&::after {\r\n\t\t\t\tbottom: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dropdown-container {\r\n\t\t\tdisplay: none;\r\n\t\t\tmargin-top: 16px;\r\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1010;\r\n\t\t\tbackground: var(--color-white);\r\n\t\t\tpadding: 0.8rem 0;\r\n\t\t\tright: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tmin-width: max-content;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tmargin-top: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\t.dropdown-container {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\theight: 34px;\r\n\t\twidth: 34px;\r\n\t}\r\n\t.mob-drop {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tsvg {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin: 4px 0px 0px 12px;\r\n\t\t\tmin-width: 12px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dropdown-container {\r\n\tdisplay: none;\r\n\tmargin-top: 16px;\r\n\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\tborder-radius: 4px;\r\n\tposition: absolute;\r\n\tz-index: 1010;\r\n\tbackground: var(--color-white);\r\n\tpadding: 0.8rem 0;\r\n\tright: auto;\r\n\tleft: 0;\r\n\tmin-width: max-content;\r\n\twidth: 100%;\r\n\r\n\t@include screen-sm {\r\n\t\tright: 0;\r\n\t\tleft: auto;\r\n\t\tmargin-top: 48px;\r\n\t}\r\n\t@include screen-xl {\r\n\t\tmargin-top: 45px;\r\n\t}\r\n\r\n\t.selected-drop {\r\n\t\t.dropdown-item {\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\theight: 60%;\r\n\t\t\t\t\tbackground: var(--color-green-07);\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 20%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.show {\r\n\t.dropdown-container {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n\r\ndropdown-item {\r\n\t&:focus-visible {\r\n\t\toutline: none;\r\n\t\t.dropdown-item {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tProp,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-ellipsis-dropdown\",\r\n\tstyleUrl: \"ptc-ellipsis-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcEllipsisDropdown {\r\n\t@Prop() dataItems: Array<any> = [];\r\n\t@Prop() selectedTab: string;\r\n\t@State() isDropdownOpen: boolean = false;\r\n\t@Element() host: HTMLElement;\r\n\t@Event() itemSelected: EventEmitter<any>;\r\n\t@State() isMobile: boolean;\r\n\t@State() isIPad: boolean;\r\n\t@Prop() dropdownType: string = \"default\";\r\n\r\n\t//tab navigation props\r\n\tmenuitems: any;\r\n\tmenuitemNodes = [];\r\n\tfirstMenuitem = false;\r\n\tlastMenuitem = false;\r\n\t//firstChars = [];\r\n\r\n\tprivate dropdownToggle(e) {\r\n\t\te.currentTarget.classList.toggle(\"show\");\r\n\t\tthis.isDropdownOpen = e.currentTarget.classList.contains(\"show\");\r\n\t}\r\n\r\n\tprivate onItemSelected(e: any) {\r\n\t\tthis.itemSelected.emit(e);\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\toffClick(e) {\r\n\t\tlet container = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\tif (e && !this.host.contains(e.target) && this.isDropdownOpen) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.isMobile = window.innerWidth < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\t@Listen(\"escClicked\", { target: \"window\" })\r\n\tonEscClicked() {\r\n\t\tlet container = this.host.shadowRoot?.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\t//this.host.focus();\r\n\t\tif (container) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\tonMenuitemKeydown(event) {\r\n\t\tvar tgt = event.currentTarget,\r\n\t\t\tkey = event.key,\r\n\t\t\tflag = false;\r\n\r\n\t\tif (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (event.shiftKey) {\r\n\t\t\tif (event.key === \"Tab\") {\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Up\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tthis.setFocusToPreviousMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"Down\":\r\n\t\t\t\t\tthis.setFocusToNextMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Home\":\r\n\t\t\t\tcase \"PageUp\":\r\n\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"End\":\r\n\t\t\t\tcase \"PageDown\":\r\n\t\t\t\t\tthis.setFocusToLastMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tthis.onEscClicked();\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (flag) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\t}\r\n\tsetFocusToMenuitem(newMenuitem) {\r\n\t\tthis.menuitemNodes.forEach(function (item) {\r\n\t\t\tif (item === newMenuitem) {\r\n\t\t\t\titem.tabIndex = 0;\r\n\t\t\t\tnewMenuitem.focus();\r\n\t\t\t} else {\r\n\t\t\t\titem.tabIndex = -1;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.firstMenuitem);\r\n\t}\r\n\r\n\tsetFocusToLastMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.lastMenuitem);\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.firstMenuitem) {\r\n\t\t\tnewMenuitem = this.lastMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index - 1];\r\n\t\t}\r\n\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.lastMenuitem) {\r\n\t\t\tnewMenuitem = this.firstMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index + 1];\r\n\t\t}\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.menuitems =\r\n\t\t\t\tthis.host.shadowRoot.querySelectorAll(\"dropdown-item\");\r\n\t\t\tfor (var i = 0; i < this.menuitems.length; i++) {\r\n\t\t\t\tvar menuitem = this.menuitems[i];\r\n\t\t\t\tthis.menuitemNodes.push(menuitem);\r\n\t\t\t\tmenuitem.tabIndex = -1;\r\n\r\n\t\t\t\tmenuitem.addEventListener(\r\n\t\t\t\t\t\"keydown\",\r\n\t\t\t\t\tthis.onMenuitemKeydown.bind(this),\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!this.firstMenuitem) {\r\n\t\t\t\t\tthis.firstMenuitem = menuitem;\r\n\t\t\t\t}\r\n\t\t\t\tthis.lastMenuitem = menuitem;\r\n\t\t\t}\r\n\t\t}, 100);\r\n\r\n\t\tconst ellp = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t) as HTMLElement;\r\n\t\tthis.host.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\t// Open dropdown on 'Enter' key press\r\n\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\tellp.click();\r\n\t\t\t}\r\n\t\t\tif (event.key === \"ArrowDown\") {\r\n\t\t\t\tthis.host.shadowRoot\r\n\t\t\t\t\t.querySelectorAll(\"dropdown-item\")[0]\r\n\t\t\t\t\t.focus();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (\r\n\t\t\tthis.isMobile \|\|\r\n\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\")\r\n\t\t) {\r\n\t\t\tthis.host.setAttribute(\"tabindex\", \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet activeTab = this.dataItems.find((z) => z.isSelected == true);\r\n\t\tlet isActive = false;\r\n\r\n\t\tif (activeTab) {\r\n\t\t\tisActive = true;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={\r\n\t\t\t\t\tthis.dropdownType == \"tab-with-banner\"\r\n\t\t\t\t\t\t? \"ptc-ellipsis-dropdown tab-with-banner\"\r\n\t\t\t\t\t\t: \"ptc-ellipsis-dropdown default\"\r\n\t\t\t\t}\r\n\t\t\t\tonClick={(e) => this.dropdownToggle(e)}\r\n\t\t\t>\r\n\t\t\t\t{this.isMobile \|\|\r\n\t\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\") ? (\r\n\t\t\t\t\t<div class={\"mob-drop\"}>\r\n\t\t\t\t\t\t<span class={\"opt-name\"}>\r\n\t\t\t\t\t\t\t{this.dataItems.map((item) =>\r\n\t\t\t\t\t\t\t\titem.isSelected ? item.text : \"\",\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\theight=\"9\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 12 9\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M1 1.65723L5.94975 6.60697L10.8995 1.65723\"\r\n\t\t\t\t\t\t\t\tstroke=\"#00890B\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t? \"ellipsis-icon active\"\r\n\t\t\t\t\t\t\t\t: \"ellipsis-icon\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize=\"xxx-small\"\r\n\t\t\t\t\t\t\tname=\"ellipsis\"\r\n\t\t\t\t\t\t\tcolor={\r\n\t\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t\t? \"white\"\r\n\t\t\t\t\t\t\t\t\t: \"black\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"dropdown-container\"\r\n\t\t\t\t\trole=\"menu\"\r\n\t\t\t\t\taria-labelledby=\"menubutton1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot name=\"dropdown\" />\r\n\t\t\t\t\t{this.dataItems.map((dataItem) => {\r\n\t\t\t\t\t\tlet activeClass =\r\n\t\t\t\t\t\t\tdataItem.value == this.selectedTab ? \"active\" : \"\";\r\n\t\t\t\t\t\tlet activeDropdown = dataItem.isSelected\r\n\t\t\t\t\t\t\t? \"selected-drop\"\r\n\t\t\t\t\t\t\t: \"\";\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<dropdown-item\r\n\t\t\t\t\t\t\t\trole=\"menuitem\"\r\n\t\t\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\t\t\tactiveClass + activeDropdown + \"mf-listen\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\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>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\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{dataItem.text}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</dropdown-item>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BcoRJPo9.js → p-Dsin3633.js} RENAMED Viewed

@@ -70,7 +70,7 @@ const FlTabHeader = /*@__PURE__*/ proxyCustomElement(class FlTabHeader extends H
         }
     };
     render() {
-        return (h(Host, { key: 'aafa1f9be98fbb64e19ba92248c1215a7dab7e1b', class: `fl-header ${this.selected ? "selected" : ""}`, onClick: this.handleClick.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("slot", { key: 'd2325511063c7fa7485b34b132d2cc32afde6547' }), h("p", { key: 'cdcc7c67bfc6cf0aaddca6897bf18e5341d0fb12', id: this.trackerId, class: `${this.selected ? "selected-p" : ""} mf-listen`, tabindex: this.selected || window.innerWidth < 992 ? 0 : -1 }, this.tabTitle)));
+        return (h(Host, { key: 'f18b079038847a3745f7c12203e0a3bf92238ad4', class: `fl-header ${this.selected ? "selected" : ""}`, onClick: this.handleClick.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("slot", { key: 'ba92990b262afe0aa5f6fb24edec1b128f5d6801' }), h("p", { key: '20254c57200e7c00077740c7358b3911545b3bc8', id: this.trackerId, class: `${this.selected ? "selected-p" : ""} mf-listen`, tabindex: this.selected || window.innerWidth < 992 ? 0 : -1 }, this.tabTitle)));
     }
     static get style() { return flTabHeaderCss; }
 }, [262, "fl-tab-header", {
@@ -97,6 +97,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabHeader as F, defineCustomElement as d };
-//# sourceMappingURL=p-BcoRJPo9.js.map
+//# sourceMappingURL=p-Dsin3633.js.map
-//# sourceMappingURL=p-BcoRJPo9.js.map
+//# sourceMappingURL=p-Dsin3633.js.map

package/dist/components/{p-BcoRJPo9.js.map → p-Dsin3633.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BcoRJPo9~~.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4vBAA4vB;;MCgBtwB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAGvB;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAW,EAAE;IAErB,QAAQ,GAAY,KAAK;IAEzB,SAAS,GAAW,EAAE;IAErB,aAAa,GAAY,KAAK;AAE9B,IAAA,YAAY;AACrB,IAAA,WAAW,CAAC,KAAY,EAAA;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACtB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,SAAA,CAAC;;AAGM,IAAA,kBAAkB;AAClB,IAAA,gBAAgB;AACzB,IAAA,aAAa,GAAG,CAAC,CAAgB,KAAI;AACpC,QAAA,QAAQ,CAAC,CAAC,GAAG;YACZ,KAAK,WAAW,EAAE;AACjB,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,oBAAA,SAAS,EAAE,CAAC;AACZ,iBAAA,CAAC;gBACF;;YAED,KAAK,SAAS,EAAE;AACf,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,EAAE;AACb,iBAAA,CAAC;gBACF;;YAED,KAAK,OAAO,EAAE;AACb,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;gBACnB;;AAED,YAAA,KAAK,KAAK;gBACT;AACC,oBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;AAC1B,wBAAA,MAAM,EAAE,IAAI;AACZ,wBAAA,KAAK,EAAE,CAAC;wBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,qBAAA,CAAC;;gBAEH;;AAEH,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EACrD,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAExC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAA,UAAA,CAAY,EACvD,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,EAE1D,EAAA,IAAI,CAAC,QAAQ,CACX,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.scss?tag=fl-tab-header&encapsulation=scoped","src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tp {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\t@include screen-md {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tpadding: 4px 8px;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\t\t\t&.selected-p {\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tState,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-header\",\r\n\tstyleUrl: \"fl-tab-header.scss\",\r\n\tscoped: true,\r\n})\r\nexport class FlTabHeader {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t * Tab Title\r\n\t /\r\n\t@Prop() tabTitle: string;\r\n\r\n\t/\r\n\t * Tab header name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() valueKey: number = -1;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@State() initialHeader: boolean = false;\r\n\r\n\t@Event() flTabClicked: EventEmitter;\r\n\thandleClick(event: Event) {\r\n\t\tthis.flTabClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tevent: event,\r\n\t\t\tname: this.nameKey,\r\n\t\t\tvalueKey: this.valueKey,\r\n\t\t});\r\n\t}\r\n\r\n\t@Event() flHeaderArrowFocus: EventEmitter;\r\n\t@Event() flHeaderTabFocus: EventEmitter;\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"ArrowDown\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: 1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"ArrowUp\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: -1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.handleClick(e);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Tab\":\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.flHeaderTabFocus.emit({\r\n\t\t\t\t\t\tsender: this,\r\n\t\t\t\t\t\tevent: e,\r\n\t\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\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\tclass={`fl-header ${this.selected ? \"selected\" : \"\"}`}\r\n\t\t\t\tonClick={this.handleClick.bind(this)}\r\n\t\t\t\tonKeyDown={this.handleKeyDown.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<p\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass={`${this.selected ? \"selected-p\" : \"\"} mf-listen`}\r\n\t\t\t\t\ttabindex={this.selected \|\| window.innerWidth < 992 ? 0 : -1}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.tabTitle}\r\n\t\t\t\t</p>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Dsin3633.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4vBAA4vB;;MCgBtwB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAGvB;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAW,EAAE;IAErB,QAAQ,GAAY,KAAK;IAEzB,SAAS,GAAW,EAAE;IAErB,aAAa,GAAY,KAAK;AAE9B,IAAA,YAAY;AACrB,IAAA,WAAW,CAAC,KAAY,EAAA;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACtB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,SAAA,CAAC;;AAGM,IAAA,kBAAkB;AAClB,IAAA,gBAAgB;AACzB,IAAA,aAAa,GAAG,CAAC,CAAgB,KAAI;AACpC,QAAA,QAAQ,CAAC,CAAC,GAAG;YACZ,KAAK,WAAW,EAAE;AACjB,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,oBAAA,SAAS,EAAE,CAAC;AACZ,iBAAA,CAAC;gBACF;;YAED,KAAK,SAAS,EAAE;AACf,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,EAAE;AACb,iBAAA,CAAC;gBACF;;YAED,KAAK,OAAO,EAAE;AACb,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;gBACnB;;AAED,YAAA,KAAK,KAAK;gBACT;AACC,oBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;AAC1B,wBAAA,MAAM,EAAE,IAAI;AACZ,wBAAA,KAAK,EAAE,CAAC;wBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,qBAAA,CAAC;;gBAEH;;AAEH,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EACrD,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAExC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAA,UAAA,CAAY,EACvD,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,EAE1D,EAAA,IAAI,CAAC,QAAQ,CACX,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.scss?tag=fl-tab-header&encapsulation=scoped","src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tp {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\t@include screen-md {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tpadding: 4px 8px;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\t\t\t&.selected-p {\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tState,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-header\",\r\n\tstyleUrl: \"fl-tab-header.scss\",\r\n\tscoped: true,\r\n})\r\nexport class FlTabHeader {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t * Tab Title\r\n\t /\r\n\t@Prop() tabTitle: string;\r\n\r\n\t/\r\n\t * Tab header name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() valueKey: number = -1;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@State() initialHeader: boolean = false;\r\n\r\n\t@Event() flTabClicked: EventEmitter;\r\n\thandleClick(event: Event) {\r\n\t\tthis.flTabClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tevent: event,\r\n\t\t\tname: this.nameKey,\r\n\t\t\tvalueKey: this.valueKey,\r\n\t\t});\r\n\t}\r\n\r\n\t@Event() flHeaderArrowFocus: EventEmitter;\r\n\t@Event() flHeaderTabFocus: EventEmitter;\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"ArrowDown\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: 1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"ArrowUp\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: -1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.handleClick(e);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Tab\":\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.flHeaderTabFocus.emit({\r\n\t\t\t\t\t\tsender: this,\r\n\t\t\t\t\t\tevent: e,\r\n\t\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\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\tclass={`fl-header ${this.selected ? \"selected\" : \"\"}`}\r\n\t\t\t\tonClick={this.handleClick.bind(this)}\r\n\t\t\t\tonKeyDown={this.handleKeyDown.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<p\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass={`${this.selected ? \"selected-p\" : \"\"} mf-listen`}\r\n\t\t\t\t\ttabindex={this.selected \|\| window.innerWidth < 992 ? 0 : -1}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.tabTitle}\r\n\t\t\t\t</p>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -16,7 +16,7 @@ const FlTabImage = /*@__PURE__*/ proxyCustomElement(class FlTabImage extends H {
     nameKey;
     selected = false;
     render() {
-        return (h(Host, { key: '9c7415565affb30ed1e01100fcda6cc49da98e70', class: `featured-img ${this.selected ? "selected" : ""}` }, h("slot", { key: '70802f0e8ef13aea9ce412a880d03ab9547734d3' })));
+        return (h(Host, { key: '4425269eb15d099d40a9efa2d15219cd7fe84673', class: `featured-img ${this.selected ? "selected" : ""}` }, h("slot", { key: '74ef4a46a79fccdabcc06d8df620be033e2b82f7' })));
     }
     static get style() { return flTabImageCss; }
 }, [257, "fl-tab-image", {
@@ -39,6 +39,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabImage as F, defineCustomElement as d };
-//# sourceMappingURL=p-CwKxlyDJ.js.map
+//# sourceMappingURL=p-QjJ7IpBW.js.map
-//# sourceMappingURL=p-CwKxlyDJ.js.map
+//# sourceMappingURL=p-QjJ7IpBW.js.map

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

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

package/dist/components/{p-B8QgxuN5.js → p-QrrFuybt.js} RENAMED 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';
 import { d as defineCustomElement$1 } from './p-DFvvSoPo.js';
 const ptcImageDownloadStripCss = ":host{display:block;position:relative;font-family:var(--ptc-font-secondary-latin)}:host .strip{position:absolute;bottom:0;backdrop-filter:blur(15.2px);background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.3);width:100%;padding:15px;box-sizing:border-box;text-align:right}:host .strip .dl-btn{width:54px;height:40px;background-image:linear-gradient(288deg, #74c34d, #00783e);border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none}:host .strip .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none}:host .strip .dl-btn:hover{box-shadow:0 3px 20px 0 #74c34d}:host .strip .dl-btn:hover .dl-text{display:block}:host .strip .dl-btn:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .strip .dl-btn img{max-height:18px;width:12px}";
@@ -24,9 +24,9 @@ const PtcImageDownloadStrip = /*@__PURE__*/ proxyCustomElement(class PtcImageDow
      */
     trackerId;
     render() {
-        return (h(Host, { key: '84c6bf446967a22005d0c152b501394651539994' }, h("slot", { key: '832a0a196c836c719ec647ddd73455fedd3e0717' }), h("div", { key: '7d0f384d06150f9726b0dbcfbcd878a8c6f6540c', class: "strip mf-listen" }, h("a", { key: 'bd03c1190690810c2aee3bdae3481468928da008', class: "dl-btn", href: "javascript:void()", onClick: () => {
+        return (h(Host, { key: '5ddd067685734660f391dd6e45148c650e6dad2b' }, h("slot", { key: '84d343f05f0c37ab84a6aa4b4b1403b6a09f54ad' }), h("div", { key: '7a8134627633d9f87501a797404a64e3a85749b4', class: "strip mf-listen" }, h("a", { key: '9e97e37d6d2178de6a1520e5f157431e3b6a4c32', class: "dl-btn", href: "javascript:void()", onClick: () => {
                 this.openModal();
-            }, tabindex: "0" }, h("span", { key: '5747ea8c0dda8f02da4f8651a2abb163d17f7281', class: "dl-text" }, "Download"), h("img", { key: '204d27aad665e133825943ffdba00ed210257e22', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h("ptc-modal", { key: '71e7ae524010cdf03bbae67a66dade93a826dd73', id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '6e43d177865a98c4a97db7fd41a3555982d9f57d', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
+            }, tabindex: "0" }, h("span", { key: '8754f3073259d7e429b7648eaf880af41f912809', class: "dl-text" }, "Download"), h("img", { key: '99e2a48e30f11f7ec5b719b8905cd9438d8c1098', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h("ptc-modal", { key: '0acd4143581edcee2bec12fc47364b65ad401dfb', id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '37bac379a8aa67bb3b1a785b4d03298a12343f65', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
     }
     openModal() {
         let modal = this.el.shadowRoot.querySelector("#strip-download-modal");
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImageDownloadStrip as P, defineCustomElement as d };
-//# sourceMappingURL=p-B8QgxuN5.js.map
+//# sourceMappingURL=p-QrrFuybt.js.map
-//# sourceMappingURL=p-B8QgxuN5.js.map
+//# sourceMappingURL=p-QrrFuybt.js.map

package/dist/components/{p-B8QgxuN5.js.map → p-QrrFuybt.js.map} RENAMED Viewed

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

package/dist/components/{p-CRF_ZCHA.js → p-RXxAc6JR.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
 import { c as createFocusTrap } from './p-D00doGut.js';
-import { d as defineCustomElement$2 } from './p-Dx7NxZ8D.js';
+import { d as defineCustomElement$2 } from './p-DXyFE3iB.js';
 import { d as defineCustomElement$1 } from './p-DOyYGAMs.js';
 const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:500001;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:50020;transform:translateY(-100%)}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup.max{width:calc(100% - 4rem);max-width:75rem;height:80vh;margin:auto;overflow:hidden}.wrapper .modal-popup.max .close{margin:var(--ptc-element-spacing-02)}.wrapper .modal-popup.max .modal-body iframe{height:100%}.wrapper .modal-popup.sm-modal{width:341px;max-width:341px}@media only screen and (max-width: 360px){.wrapper .modal-popup.sm-modal{max-width:100%;width:100%}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal{max-width:360px;width:360px}}@media only screen and (min-width: 480px){.wrapper .modal-popup.sm-modal.modal-with-content{width:371px;max-width:371px}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal.modal-with-content{max-width:360px;width:360px}}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden;overflow-y:hidden;overflow-x:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup.frame .modal-body{display:flex;flex:1;height:100%}.wrapper .modal-popup .close{margin-right:2px;margin-top:2px}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 220px)}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:8px;right:8px;margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:60px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:50010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.enclose-modal) .modal-popup{max-height:calc(100vh - 180px)}:host(.enclose-modal) .modal-popup:not(.frame) .modal-body{overflow-y:auto}:host(.bio-modal) .wrapper.show{align-items:flex-start}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px;margin:20px auto 0 auto;max-height:calc(100vh - 180px);width:90%;height:100%}:host(.bio-modal) .modal-popup .modal-body{height:100%}@media (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@media (max-height: 450px){:host(.bio-modal) .modal-popup{max-height:calc(100vh - 180px);height:100%}}:host(.bio-modal) .close{position:absolute;margin:0;right:8px;top:8px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}:host(.no-container) .wrapper .modal-popup.xl{max-width:80rem !important;background:transparent;box-shadow:none}:host(.no-container) .wrapper .modal-popup .close{display:none}:host(.video-modal) .modal-popup{margin:auto}@media (max-height: 768px){:host(.video-modal) .modal-popup.xl{max-width:56rem}}@media (max-height: 600px){:host(.video-modal) .modal-popup.xl{max-width:44rem}}@media (max-height: 500px){:host(.video-modal) .modal-popup.xl{max-width:35rem}}@media (max-height: 400px){:host(.video-modal) .modal-popup.xl{max-width:26rem}}:host(.event-listing) .wrapper .modal-popup{max-width:unset;width:calc(100% - 48px);top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px;position:absolute}:host(.vh-center) .wrapper .modal-popup{top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px auto;position:absolute}:host(.thank-you) .wrapper .modal-popup{max-width:calc(100% - 48px);width:100%}:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 24px 48px 24px;box-sizing:border-box}:host .wrapper .event-list-header{display:flex;position:absolute;width:100%;height:118px;left:0;transform:translateY(-100%);border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;align-items:center;padding:var(--ptc-element-spacing-06);box-sizing:border-box}:host .wrapper .event-list-header::before{content:\"\";position:absolute;left:0;width:100%;height:100%;border-radius:4px 4px 0px 0px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:1}:host .wrapper .event-list-header+.close{margin-top:0px;margin-right:0px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}:host .wrapper .event-list-header .text-wrapper{display:flex;flex-wrap:wrap;-moz-column-gap:0.5em;column-gap:0.5em}:host .wrapper .event-list-header .text-wrapper span{display:inline-block;color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);position:relative;z-index:2}:host .wrapper .event-list-header .text-wrapper span:first-of-type{font-weight:var(--ptc-font-weight-extrabold)}:host .wrapper .event-mobile-modal{border-top-left-radius:0px;border-top-right-radius:0px}:host .wrapper .bottom-close{text-align:center;margin:0 auto 40px auto}:host .wrapper .bottom-close span{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .wrapper .bottom-close span:hover{color:var(--color-blue-08)}";
@@ -447,6 +447,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcModal as P, defineCustomElement as d };
-//# sourceMappingURL=p-CRF_ZCHA.js.map
+//# sourceMappingURL=p-RXxAc6JR.js.map
-//# sourceMappingURL=p-CRF_ZCHA.js.map
+//# sourceMappingURL=p-RXxAc6JR.js.map

package/dist/components/{p-CRF_ZCHA.js.map → p-RXxAc6JR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CRF_ZCHA.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-modal/ptc-modal.scss?tag=ptc-modal&encapsulation=shadow","src/components/atoms/ptc-modal/ptc-modal.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n\r\n.wrapper {\r\n\tposition: absolute;\r\n\twidth: 100vw;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 500001;\r\n\tdisplay: none;\r\n\r\n\t&.fixed {\r\n\t\tposition: fixed;\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tmargin: 7.5rem auto 1rem;\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\tmax-width: 22.5625rem;\r\n\t\twidth: 80%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-end;\r\n\t\talign-content: flex-end;\r\n\t\tz-index: 50020;\r\n\t\ttransform: translateY(-100%);\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-md {\r\n\t\t// \tmax-width: 29.125rem;\r\n\t\t// }\r\n\r\n\t\t&.md {\r\n\t\t\tmax-width: 44.125rem;\r\n\t\t}\r\n\r\n\t\t&.lg {\r\n\t\t\tmax-width: 56.25rem;\r\n\t\t}\r\n\r\n\t\t&.xl {\r\n\t\t\tmax-width: 64.0625rem;\r\n\t\t}\r\n\r\n\t\t&.max {\r\n\t\t\twidth: Calc(100% - 4rem);\r\n\t\t\tmax-width: 75rem;\r\n\t\t\theight: 80vh;\r\n\t\t\tmargin: auto;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.close {\r\n\t\t\t\tmargin: var(--ptc-element-spacing-02);\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tiframe {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.sm-modal {\r\n\t\t\twidth: 341px;\r\n\t\t\tmax-width: 341px;\r\n\r\n\t\t\t@media only screen and (max-width: 360px) {\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\tmax-width: 360px;\r\n\t\t\t\twidth: 360px;\r\n\t\t\t}\r\n\r\n\t\t\t// @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n\t\t\t// max-width: 433px;\r\n\t\t\t// width: 433px;\r\n\t\t\t// }\r\n\r\n\t\t\t// @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n\t\t\t// max-width: 620px;\r\n\t\t\t// width: 620px;\r\n\t\t\t// }\r\n\r\n\t\t\t&.modal-with-content {\r\n\t\t\t\t@media only screen and (min-width: 480px) {\r\n\t\t\t\t\twidth: 371px;\r\n\t\t\t\t\tmax-width: 371px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\t\tmax-width: 360px;\r\n\t\t\t\t\twidth: 360px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tiframe {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\ttransition: opacity var(--ptc-ease-inout)\r\n\t\t\t\t\tvar(--ptc-transition-medium);\r\n\r\n\t\t\t\t&.ready {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.frame {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\toverflow-y: hidden;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t&.html {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.frame {\r\n\t\t\t.modal-body {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex: 1;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.close {\r\n\t\t\tmargin-right: 2px;\r\n\t\t\tmargin-top: 2px;\r\n\t\t}\r\n\r\n\t\t&.shadow-scroller {\r\n\t\t\tmax-height: calc(100vh - 220px);\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-md {\r\n\t\t\t// \tmax-height: 756px;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-header {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmin-height: 57px;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t.close {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 8px;\r\n\t\t\t\t\tright: 8px;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tmin-height: 200px;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t.modal-footer {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmin-height: 60px;\r\n\t\t\t\tborder-top: 1px solid var(--color-gray-02);\r\n\t\t\t\tpadding-top: 1rem;\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-top {\r\n\t\t\t\t.modal-header {\r\n\t\t\t\t\tbox-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-bottom {\r\n\t\t\t\t.modal-footer {\r\n\t\t\t\t\tbox-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.show {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t.modal-popup {\r\n\t\t\ttransform: translateY(0);\r\n\r\n\t\t\t&.rounded {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.overlay {\r\n\twidth: 100vw;\r\n\theight: 100vh;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 50010;\r\n\tdisplay: block;\r\n\tbackground-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n}\r\n\r\n:host(.large) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t}\r\n}\r\n\r\n:host(.pill) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t}\r\n}\r\n\r\n:host(.circle) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n}\r\n\r\n:host(.enclose-modal) {\r\n\t.modal-popup {\r\n\t\tmax-height: calc(100vh - 180px);\r\n\r\n\t\t&:not(.frame) .modal-body {\r\n\t\t\toverflow-y: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.bio-modal) {\r\n\t.wrapper.show {\r\n\t\talign-items: flex-start;\r\n\r\n\t\t// @include screen-sm {\r\n\t\t// \talign-items: center;\r\n\t\t// }\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tpadding: 30px 15px 30px 0;\r\n\t\tmax-width: 1200px;\r\n\t\tmargin: 20px auto 0 auto;\r\n\t\tmax-height: calc(100vh - 180px);\r\n\t\twidth: 90%;\r\n\t\theight: 100%;\r\n\r\n\t\t.modal-body {\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-sm {\r\n\t\t\t// \theight: auto;\r\n\t\t\t// }\r\n\r\n\t\t\t@media (max-height: 450px) {\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-sm {\r\n\t\t// \tmax-height: none;\r\n\t\t// \twidth: 80%;\r\n\t\t// \tmargin-top: 0px;\r\n\t\t// \theight: auto;\r\n\t\t// }\r\n\r\n\t\t// @include screen-xl {\r\n\t\t// \tmax-width: 1400px;\r\n\t\t// }\r\n\r\n\t\t@media (max-height: 450px) {\r\n\t\t\tmax-height: calc(100vh - 180px);\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t.close {\r\n\t\tposition: absolute;\r\n\t\tmargin: 0;\r\n\t\tright: 8px;\r\n\t\ttop: 8px;\r\n\r\n\t\tsvg {\r\n\t\t\t.cls-1,\r\n\t\t\t.cls-2 {\r\n\t\t\t\tfill: none;\r\n\t\t\t\tstroke-width: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\tstroke: #1c2439;\r\n\t\t\t\tstroke-linecap: square;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-2 {\r\n\t\t\t\tstroke: #74c34d;\r\n\t\t\t}\r\n\r\n\t\t\tpath {\r\n\t\t\t\ttransition: all ease-in-out 250ms;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\ttransform: translate(175.5px, 174.985px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\ttransform: translate(215.5px, 141.393px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\t.cls-1 {\r\n\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\ttransform: translate(175.5px, 162px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\ttransform: translate(149px, 174.985px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\ttransform: translate(215.5px, 174px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\t\ttransform: translate(152.5px, 135.5px);\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\r\n:host(.no-container) {\r\n\t.wrapper .modal-popup.xl {\r\n\t\tmax-width: 80rem !important;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.wrapper .modal-popup .close {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.video-modal) {\r\n\t.modal-popup {\r\n\t\tmargin: auto;\r\n\r\n\t\t&.xl {\r\n\t\t\t@media (max-height: 768px) {\r\n\t\t\t\tmax-width: 56rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 600px) {\r\n\t\t\t\tmax-width: 44rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 500px) {\r\n\t\t\t\tmax-width: 35rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 400px) {\r\n\t\t\t\tmax-width: 26rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.event-listing) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: unset;\r\n\t\t\twidth: calc(100% - 48px);\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.vh-center) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px auto;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.thank-you) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: calc(100% - 48px);\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-xs {\r\n\t\t\t// \tmax-width: 640px;\r\n\t\t\t// \twidth: 80%;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tpadding: 2px 24px 48px 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t// @include screen-md {\r\n\t\t\t\t// \tpadding: 2px 48px 48px 48px;\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 {\r\n\t.wrapper {\r\n\t\t.event-list-header {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 118px;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\tvar(--ptc-border-radius-standard) 0px 0px;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tborder-radius: 4px 4px 0px 0px;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t0deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 100%\r\n\t\t\t\t);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\r\n\t\t\t& + .close {\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t\tmargin-right: 0px;\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t.text-wrapper {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tcolumn-gap: 0.5em;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 2;\r\n\r\n\t\t\t\t\t&:first-of-type {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\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.event-mobile-modal {\r\n\t\t\tborder-top-left-radius: 0px;\r\n\t\t\tborder-top-right-radius: 0px;\r\n\t\t}\r\n\r\n\t\t.bottom-close {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin: 0 auto 40px auto;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\ttext-decoration-line: underline;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--color-blue-08);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\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\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\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() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\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</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\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</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass=\"modal-body\"\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>,\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\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">{content}</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-RXxAc6JR.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-modal/ptc-modal.scss?tag=ptc-modal&encapsulation=shadow","src/components/atoms/ptc-modal/ptc-modal.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n\r\n.wrapper {\r\n\tposition: absolute;\r\n\twidth: 100vw;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 500001;\r\n\tdisplay: none;\r\n\r\n\t&.fixed {\r\n\t\tposition: fixed;\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tmargin: 7.5rem auto 1rem;\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\tmax-width: 22.5625rem;\r\n\t\twidth: 80%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-end;\r\n\t\talign-content: flex-end;\r\n\t\tz-index: 50020;\r\n\t\ttransform: translateY(-100%);\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-md {\r\n\t\t// \tmax-width: 29.125rem;\r\n\t\t// }\r\n\r\n\t\t&.md {\r\n\t\t\tmax-width: 44.125rem;\r\n\t\t}\r\n\r\n\t\t&.lg {\r\n\t\t\tmax-width: 56.25rem;\r\n\t\t}\r\n\r\n\t\t&.xl {\r\n\t\t\tmax-width: 64.0625rem;\r\n\t\t}\r\n\r\n\t\t&.max {\r\n\t\t\twidth: Calc(100% - 4rem);\r\n\t\t\tmax-width: 75rem;\r\n\t\t\theight: 80vh;\r\n\t\t\tmargin: auto;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.close {\r\n\t\t\t\tmargin: var(--ptc-element-spacing-02);\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tiframe {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.sm-modal {\r\n\t\t\twidth: 341px;\r\n\t\t\tmax-width: 341px;\r\n\r\n\t\t\t@media only screen and (max-width: 360px) {\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\tmax-width: 360px;\r\n\t\t\t\twidth: 360px;\r\n\t\t\t}\r\n\r\n\t\t\t// @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n\t\t\t// max-width: 433px;\r\n\t\t\t// width: 433px;\r\n\t\t\t// }\r\n\r\n\t\t\t// @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n\t\t\t// max-width: 620px;\r\n\t\t\t// width: 620px;\r\n\t\t\t// }\r\n\r\n\t\t\t&.modal-with-content {\r\n\t\t\t\t@media only screen and (min-width: 480px) {\r\n\t\t\t\t\twidth: 371px;\r\n\t\t\t\t\tmax-width: 371px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n\t\t\t\t\tmax-width: 360px;\r\n\t\t\t\t\twidth: 360px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.modal-body {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tiframe {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\ttransition: opacity var(--ptc-ease-inout)\r\n\t\t\t\t\tvar(--ptc-transition-medium);\r\n\r\n\t\t\t\t&.ready {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.frame {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\toverflow-y: hidden;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t&.html {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.frame {\r\n\t\t\t.modal-body {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex: 1;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.close {\r\n\t\t\tmargin-right: 2px;\r\n\t\t\tmargin-top: 2px;\r\n\t\t}\r\n\r\n\t\t&.shadow-scroller {\r\n\t\t\tmax-height: calc(100vh - 220px);\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-md {\r\n\t\t\t// \tmax-height: 756px;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-header {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmin-height: 57px;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t.close {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 8px;\r\n\t\t\t\t\tright: 8px;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tmin-height: 200px;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t}\r\n\r\n\t\t\t.modal-footer {\r\n\t\t\t\ttransition: box-shadow ease-in-out 250ms;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmin-height: 60px;\r\n\t\t\t\tborder-top: 1px solid var(--color-gray-02);\r\n\t\t\t\tpadding-top: 1rem;\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-top {\r\n\t\t\t\t.modal-header {\r\n\t\t\t\t\tbox-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.scroll-bottom {\r\n\t\t\t\t.modal-footer {\r\n\t\t\t\t\tbox-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.show {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t.modal-popup {\r\n\t\t\ttransform: translateY(0);\r\n\r\n\t\t\t&.rounded {\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.overlay {\r\n\twidth: 100vw;\r\n\theight: 100vh;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 50010;\r\n\tdisplay: block;\r\n\tbackground-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n}\r\n\r\n:host(.large) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t}\r\n}\r\n\r\n:host(.pill) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-pill);\r\n\t}\r\n}\r\n\r\n:host(.circle) {\r\n\t.modal-popup {\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n}\r\n\r\n:host(.enclose-modal) {\r\n\t.modal-popup {\r\n\t\tmax-height: calc(100vh - 180px);\r\n\r\n\t\t&:not(.frame) .modal-body {\r\n\t\t\toverflow-y: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.bio-modal) {\r\n\t.wrapper.show {\r\n\t\talign-items: flex-start;\r\n\r\n\t\t// @include screen-sm {\r\n\t\t// \talign-items: center;\r\n\t\t// }\r\n\t}\r\n\r\n\t.modal-popup {\r\n\t\tpadding: 30px 15px 30px 0;\r\n\t\tmax-width: 1200px;\r\n\t\tmargin: 20px auto 0 auto;\r\n\t\tmax-height: calc(100vh - 180px);\r\n\t\twidth: 90%;\r\n\t\theight: 100%;\r\n\r\n\t\t.modal-body {\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-sm {\r\n\t\t\t// \theight: auto;\r\n\t\t\t// }\r\n\r\n\t\t\t@media (max-height: 450px) {\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// @include screen-sm {\r\n\t\t// \tmax-height: none;\r\n\t\t// \twidth: 80%;\r\n\t\t// \tmargin-top: 0px;\r\n\t\t// \theight: auto;\r\n\t\t// }\r\n\r\n\t\t// @include screen-xl {\r\n\t\t// \tmax-width: 1400px;\r\n\t\t// }\r\n\r\n\t\t@media (max-height: 450px) {\r\n\t\t\tmax-height: calc(100vh - 180px);\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t.close {\r\n\t\tposition: absolute;\r\n\t\tmargin: 0;\r\n\t\tright: 8px;\r\n\t\ttop: 8px;\r\n\r\n\t\tsvg {\r\n\t\t\t.cls-1,\r\n\t\t\t.cls-2 {\r\n\t\t\t\tfill: none;\r\n\t\t\t\tstroke-width: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\tstroke: #1c2439;\r\n\t\t\t\tstroke-linecap: square;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-2 {\r\n\t\t\t\tstroke: #74c34d;\r\n\t\t\t}\r\n\r\n\t\t\tpath {\r\n\t\t\t\ttransition: all ease-in-out 250ms;\r\n\t\t\t}\r\n\r\n\t\t\t.cls-1 {\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\ttransform: translate(175.5px, 174.985px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\ttransform: translate(215.5px, 141.393px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\ttransform: translate(175.5px, 135.5px);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\t.cls-1 {\r\n\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\ttransform: translate(175.5px, 162px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\ttransform: translate(149px, 174.985px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\ttransform: translate(215.5px, 174px);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(4) {\r\n\t\t\t\t\t\ttransform: translate(152.5px, 135.5px);\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\r\n:host(.no-container) {\r\n\t.wrapper .modal-popup.xl {\r\n\t\tmax-width: 80rem !important;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.wrapper .modal-popup .close {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.video-modal) {\r\n\t.modal-popup {\r\n\t\tmargin: auto;\r\n\r\n\t\t&.xl {\r\n\t\t\t@media (max-height: 768px) {\r\n\t\t\t\tmax-width: 56rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 600px) {\r\n\t\t\t\tmax-width: 44rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 500px) {\r\n\t\t\t\tmax-width: 35rem;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-height: 400px) {\r\n\t\t\t\tmax-width: 26rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.event-listing) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: unset;\r\n\t\t\twidth: calc(100% - 48px);\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.vh-center) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t\tmargin: 0px auto;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.thank-you) {\r\n\t.wrapper {\r\n\t\t.modal-popup {\r\n\t\t\tmax-width: calc(100% - 48px);\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// @include screen-xs {\r\n\t\t\t// \tmax-width: 640px;\r\n\t\t\t// \twidth: 80%;\r\n\t\t\t// }\r\n\r\n\t\t\t.modal-body {\r\n\t\t\t\tpadding: 2px 24px 48px 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t// @include screen-md {\r\n\t\t\t\t// \tpadding: 2px 48px 48px 48px;\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 {\r\n\t.wrapper {\r\n\t\t.event-list-header {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 118px;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard)\r\n\t\t\t\tvar(--ptc-border-radius-standard) 0px 0px;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tborder-radius: 4px 4px 0px 0px;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t0deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0.7) 100%\r\n\t\t\t\t);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\r\n\t\t\t& + .close {\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t\tmargin-right: 0px;\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t.text-wrapper {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tcolumn-gap: 0.5em;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 2;\r\n\r\n\t\t\t\t\t&:first-of-type {\r\n\t\t\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\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.event-mobile-modal {\r\n\t\t\tborder-top-left-radius: 0px;\r\n\t\t\tborder-top-right-radius: 0px;\r\n\t\t}\r\n\r\n\t\t.bottom-close {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin: 0 auto 40px auto;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\ttext-decoration-line: underline;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--color-blue-08);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\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\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\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() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\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</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\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</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass=\"modal-body\"\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>,\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\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">{content}</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

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

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