@ptcwebops/ptcw-design 6.5.6-upgrade → 6.5.7-upgrade

package/dist/components/{p-HVuUeTH6.js.map → p-YxDZIuGb.js.map}

@@ -1 +1 @@
-{"file":"p-HVuUeTH6.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}
+{"file":"p-YxDZIuGb.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-Ye02__7-.js → p-bEXhZuKd.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-I15m-uFl.js';
 import { d as defineCustomElement$5 } from './p-DREPzObe.js';
 import { d as defineCustomElement$4 } from './p-B789K3tc.js';
-import { d as defineCustomElement$3 } from './p-CtGy5Fsl.js';
-import { d as defineCustomElement$2 } from './p-vDw4ZbGF.js';
+import { d as defineCustomElement$3 } from './p-FlBKqZNv.js';
+import { d as defineCustomElement$2 } from './p-C1g9I9xH.js';
 import { d as defineCustomElement$1 } from './p-DWccNsRu.js';
 
 const ptcPricingAddOnCardCss = ":host{display:block;height:99%}.add-on-card{padding:var(--ptc-element-spacing-06);border-top:var(--color-gray-10) solid var(--ptc-element-spacing-01);background-color:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%;box-sizing:border-box;word-break:break-word}";
@@ -45,9 +45,9 @@ const PtcPricingAddOnCard = /*@__PURE__*/ proxyCustomElement(class PtcPricingAdd
      */
     sectionId = "";
     render() {
-        return (h(Host, { key: '6cc241605aceef85f772f5197852ff8ccf7abc1e' }, h("div", { key: 'dd49f83b404dc320adb6a797841f528db45f41ed', class: "add-on-card" }, h("ptc-title", { key: '22c22f285da6c447d7c83bf7239988c4b62c064a', type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { key: '61cbbd5eee4c3834b4969b5cb82ac4a60cdf2f34', "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: 'a55232eb7cf2b95a4f9067416163ac58bf389d9d', name: "card-pricing" })), h("ptc-spacer", { key: '584faae1f883c9d1b0c8ca36bbc6197ad798fea7', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '713896960b8fbbe7593198bcccdaa3c08757f0e5', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'd686bf1305d916b1025f91698923e8f628d2486b', "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.el
+        return (h(Host, { key: 'cbccad36c2d40602b7d76077352907c7f65113f9' }, h("div", { key: '3edfb8e124c5e640f24a46b201a72dffa96299bd', class: "add-on-card" }, h("ptc-title", { key: 'f274e661c138b162b89d451dc0667d234579eb06', type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { key: '832a7fe74b187bdd4f526281ca400c15a8c3dc12', "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: '28b009836f8f29dd6987c86569c22bfba33d84ba', name: "card-pricing" })), h("ptc-spacer", { key: '30bb1a38e78f5109524fc1b25ba6050ee43e1605', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: 'c7d4f34fc6fa92c1702deef7f3b99d7d3cb19094', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: '38a52679fee3a2e7b073b6d8f7665ffe674ac0af', "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.el
             .querySelector('[slot="card-body"]')
-            .innerHTML.toString().length <= 300 ? (h("slot", { name: "card-body" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" }))), h("slot", { key: 'ff2b3c8e49cecd79a3c1fc9e12eb5b7b83b56b92', name: "card-body" })), this.cardCtaHref && this.cardCtaText && (h(Fragment, { key: '7fb2a094cdcaf78e2a145a5e9c66ea1527da2ea0' }, h("ptc-spacer", { key: 'f7497a68171799eb38ff698803ad7a1639e7943e', breakpoint: "small", size: "x-large" }), h("ptc-spacer", { key: '70feeb72963cc1842bf4c0dbe69f722a34654202', breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { key: '5abd64b464f723c2769b2b93bc2772caaa2aec8c', breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { key: 'e38a8a67dca8000ce75ba1950b836295d264040d', breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { key: 'ecd92f842d711266b4096f3e84857a70073241ba', class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { key: '1c4ff6b90699bbf72e9e4d365e505cad9a1b17c1', "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" })))), this.cardDisclaimer && (h(Fragment, { key: '2647d3b0381d6cd6f9a99a61fecf55707e3222e8' }, h("ptc-spacer", { key: 'e2b9d6d6b07182fe32e59bddc43df5f0c62b330d', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '5644b00bd80dc512eac9848417f82ff7f7e469df', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'bd222bc2f7ddba70c321da752475b9427aa63faf', "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardDisclaimer.length <= 150 ? (h("slot", { name: "card-disclaimer" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))))));
+            .innerHTML.toString().length <= 300 ? (h("slot", { name: "card-body" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" }))), h("slot", { key: '91cb8c08220507696a8ed2bc2aec1cd5cf436062', name: "card-body" })), this.cardCtaHref && this.cardCtaText && (h(Fragment, { key: 'b477c0c54ed98fb469fbcd9faca2e8b658e2d108' }, h("ptc-spacer", { key: 'c210814c3a4dbb50f5c38bd87895c1213c488b20', breakpoint: "small", size: "x-large" }), h("ptc-spacer", { key: '69f1ce7511758b4a7a983b651abcfc138d78b3dd', breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { key: 'bbd7261693aa389ea0f58ffb751a879a5d1feaf0', breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { key: '3dc53da59d495da98c222af7d47c9dbf798820bd', breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { key: 'fa38fd86b3a7926665c4e387fa92214059b634e6', class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { key: '57ca832538130350ad86fedb86de43b8d8195ae4', "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" })))), this.cardDisclaimer && (h(Fragment, { key: 'fb4951f471bf6f5c8e77fa75b0f20ec0e7bdf39c' }, h("ptc-spacer", { key: '4ea505aef2857173e4920ec367d059b83def4126', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '8107ad85ecdb5f5c0959684c1e1b76096a38f758', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: '8d09055a97e75992d6f1c2d1d53398cfcfc029e6', "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardDisclaimer.length <= 150 ? (h("slot", { name: "card-disclaimer" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))))));
     }
     static get style() { return ptcPricingAddOnCardCss; }
 }, [257, "ptc-pricing-add-on-card", {
@@ -100,6 +100,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcPricingAddOnCard as P, defineCustomElement as d };
-//# sourceMappingURL=p-Ye02__7-.js.map
+//# sourceMappingURL=p-bEXhZuKd.js.map
 
-//# sourceMappingURL=p-Ye02__7-.js.map
+//# sourceMappingURL=p-bEXhZuKd.js.map

package/dist/components/{p-Ye02__7-.js.map → p-bEXhZuKd.js.map}

@@ -1 +1 @@
-{"file":"p-Ye02__7-.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,4TAA4T;;MCO9U,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAM/B;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,eAAe;AAEvB;;AAEG;IACK,WAAW,GAAW,IAAI;AAElC;;AAEG;IACK,WAAW,GAAW,IAAI;AAElC;;AAEG;IACK,aAAa,GAAW,IAAI;AAEpC;;AAEG;IACK,cAAc,GAAW,IAAI;AAErC;;AAEG;IACK,SAAS,GAAY,EAAE;IAE/B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACvB,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,MAAM,EACN,YAAA,EAAA,QAAQ,EACnB,SAAS,EAAC,cAAc,EACX,cAAA,EAAA,SAAS,kBACT,cAAc,EAAA,cAAA,EACd,KAAK,EAEjB,EAAA,IAAI,CAAC,SAAS,CACJ,EACZ,CACW,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,OAAO,iBACL,KAAK,EAAA,YAAA,EACN,MAAM,EACL,aAAA,EAAA,eAAe,iBACf,cAAc,EAAA,EAE1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACvB,EACX,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,UAAU,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAc,CAAA,EAC1D,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,UAAU,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAc,CAAA,EAC3D,CACW,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,SAAS,iBACP,KAAK,EAAA,YAAA,EACN,MAAM,EACL,aAAA,EAAA,eAAe,iBACf,cAAc,EAAA,EAEzB,IAAI,CAAC;aACJ,aAAa,CAAC,oBAAoB;aAClC,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,GAAG,IACnC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,WAAW,EAAA,CAAQ,KAE9B,CAAA,CAAA,cAAA,EAAA,EAAA,WAAA,EACW,MAAM,EAAA,WAAA,EACN,MAAM,EAAA,oBAAA,EACI,IAAI,EAAA,EAExB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CAChB,CACf,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CACpB,EACV,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,KACpC,CAAA,CAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACR,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,SAAS,EACD,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,UAAU,EACF,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,UAAU,EACF,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,UAAU,EACF,CAAA,EACd,CACC,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,cAAc,EACT,WAAA,EAAA,IAAI,CAAC,WAAW,EAC3B,MAAM,EAAE,IAAI,CAAC,aAAa,EAAA,YAAA,EACd,cAAc,IAAI,CAAC,SAAS,CAAE,CAAA,EAAA,EAE1C,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAA,EACc,QAAQ,EACV,YAAA,EAAA,IAAI,aACP,KAAK,EACb,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAC,QAAQ,EACH,CAAA,CACH,CACH,CACX,EACA,IAAI,CAAC,cAAc,KACnB,EAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACR,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,QAAQ,EACA,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACW,UAAU,EACR,aAAA,EAAA,KAAK,EACN,YAAA,EAAA,MAAM,gBACN,cAAc,EAAA,aAAA,EACb,eAAe,EAAA,aAAA,EACf,cAAc,EAEzB,EAAA,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,GAAG,IACjC,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,iBAAiB,EAAQ,CAAA,KAEpC,CAAA,CAAA,cAAA,EAAA,EAAA,WAAA,EACW,MAAM,EACN,WAAA,EAAA,MAAM,wBACI,IAAI,EAAA,EAExB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAQ,CACtB,CACf,CACS,CACD,CACX,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\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 * Title\r\n\t */\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/**\r\n\t * Pricing text\r\n\t */\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/**\r\n\t * CTA Button href\r\n\t */\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/**\r\n\t * CTA Button text\r\n\t */\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/**\r\n\t * CTA Button target\r\n\t */\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/**\r\n\t * Disclaimer text\r\n\t */\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/**\r\n\t * Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-bEXhZuKd.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\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 * Title\r\n\t */\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/**\r\n\t * Pricing text\r\n\t */\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/**\r\n\t * CTA Button href\r\n\t */\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/**\r\n\t * CTA Button text\r\n\t */\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/**\r\n\t * CTA Button target\r\n\t */\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/**\r\n\t * Disclaimer text\r\n\t */\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/**\r\n\t * Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/ptc-accordion-item.js

@@ -143,17 +143,17 @@ const PtcAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class PtcAccordionIt
     }
     render() {
         const { active, autoHeight, theme, headingTag: HeadingTag } = this;
-        const container = (h("div", { key: 'dd972d4b27e3da3dd07fba3f8973d6d43ad5f0f5', class: "body-container", ref: (el) => (this.bodyEl = el),
+        const container = (h("div", { key: 'c1e0422789fed8ca45a25d9c10abba408401ae3f', class: "body-container", ref: (el) => (this.bodyEl = el),
             //@ts-ignore
             onBeforeMatch: () => {
                 this.beforeMatch();
-            } }, h("div", { key: '7c920942f93743dd042f88b880ecdd08ba0f93ae', class: "body" }, h("slot", { key: '06eec5fc0aa2b6b1b039db67457d225c8f64fed1' }))));
-        return (h(Host, { key: '0f8c8c5d9bbb4aeb646d048076907339ab9a86ed', class: { active, autoHeight }, id: this.trackerId }, this.styles && h("style", { key: 'a7ccb2ba6062501b97f446d3d9fbec786eeb2b3a' }, this.styles), h("button", { key: 'debe0997418aa038ab9eae3c9b21f7c602ebbddb', class: {
+            } }, h("div", { key: '8e82bb20896ecd67fc5302e6ce6dcc2e821d12fd', class: "body" }, h("slot", { key: '34fee9b3a90463aefac0dbdcdee9a63f9d882b51' }))));
+        return (h(Host, { key: 'a779f36419540bc24b98ab2911fcf04380d41b67', class: { active, autoHeight }, id: this.trackerId }, this.styles && h("style", { key: '664016594b333be4a918be3e1b3e037a3f95af82' }, this.styles), h("button", { key: 'bce21dbd88667d0e229602c50dc7c4b709a2af60', class: {
                 heading: true,
                 [theme]: true,
                 "mf-listen": true,
                 "focus-status": true,
-            }, role: "button", onClick: () => this.toggle(), id: this.trackerId }, h("span", { key: '5bd88dab67584c65bafd5ada68480850361509e3', class: "arrow" }, this.hasArrowSlot ? (h("slot", { name: "arrow" })) : (h("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })))), this.hasHeadingSlot ? (h("slot", { name: "heading" })) : (h(HeadingTag, { class: "heading-text" }, this.heading))), container));
+            }, role: "button", onClick: () => this.toggle(), id: this.trackerId }, h("span", { key: '4c4dbc1350027e822d3071bf40571e641783b3a1', class: "arrow" }, this.hasArrowSlot ? (h("slot", { name: "arrow" })) : (h("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })))), this.hasHeadingSlot ? (h("slot", { name: "heading" })) : (h(HeadingTag, { class: "heading-text" }, this.heading))), container));
     }
     static get style() { return ptcAccordionItemCss; }
 }, [257, "ptc-accordion-item", {

package/dist/components/ptc-accordion.js

@@ -71,11 +71,11 @@ const PtcAccordion$1 = /*@__PURE__*/ proxyCustomElement(class PtcAccordion exten
         });
     }
     render() {
-        return (h(Host, { key: '94070c48b296dfa393dbb7f1e0887d2b136c0ce3', class: `${this.isParent && this.multiple ? "acc-parent-border" : ""}` }, this.isParent && this.multiple && (h("div", { key: '10ca8589e40a612915f36e32f97403a0567d6b50', class: "sort-btn-wrap focus-status", id: this.trackerId }, h("button", { key: '779686ec6d96bb7bc1384fa394a348f5d79a282c', onClick: () => {
+        return (h(Host, { key: '48a61884e0ea812481b90c8aeea94deb7d560fe3', class: `${this.isParent && this.multiple ? "acc-parent-border" : ""}` }, this.isParent && this.multiple && (h("div", { key: '8a00efa018b3826fd531c871bc6bd9425ffac915', class: "sort-btn-wrap focus-status", id: this.trackerId }, h("button", { key: 'edc7e4cc4759f3ed1e93a2133271e4689e0ee274', onClick: () => {
                 this.expandAllItems();
-            } }, " ", h("span", { key: '3c56c1e9f7e428b6e2f3200d63333143d2f038e0', innerHTML: expandSvg }), this.expandText), h("button", { key: '71a3b0de854725779ddf555991b358235bdbb96c', onClick: () => {
+            } }, " ", h("span", { key: '8d112b3cfe2bcf52a02bb798d1bcb3e677653958', innerHTML: expandSvg }), this.expandText), h("button", { key: '5b8835b900c412d02acbfdb31efea6adee5365e9', onClick: () => {
                 this.closeAllItems();
-            } }, h("span", { key: '8eeb1283c4b71cd07c53a0de5105da4095fd6252', innerHTML: collapseSvg }), this.collapseText))), h("slot", { key: '5e1987dc9cd398bbc937e7bdb5b817b321ac4ddc' })));
+            } }, h("span", { key: '7d4f0aefae300a5d4ad15e94085c8c8ddf0731c3', innerHTML: collapseSvg }), this.collapseText))), h("slot", { key: 'c4ab9c0ab5184c0fe7548ce28c4b8151154a5369' })));
     }
     static get style() { return ptcAccordionCss; }
 }, [257, "ptc-accordion", {

package/dist/components/ptc-announcement.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-I15m-uFl.js';
 import { d as defineCustomElement$3 } from './p-BuzuopkV.js';
-import { d as defineCustomElement$2 } from './p-CtGy5Fsl.js';
+import { d as defineCustomElement$2 } from './p-FlBKqZNv.js';
 
 const ptcAnnouncementCss = ".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border-top:3px solid var(--color-green-07);box-shadow:var(--ptc-shadow-medium);z-index:999;display:none}.visible{display:block}::slotted([slot=seo-content]){display:none}.content-wrapper{display:flex;padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03);margin:0 auto;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 1200px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03);box-sizing:border-box}}@media screen and (min-width: 1400px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03)}}.left-content{max-width:calc(100% - 76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){.left-content{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}}.title{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;color:var(--color-gray-10);margin-bottom:var(--ptc-element-spacing-02);max-width:100%}.description{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:normal;letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);max-width:100%}.cta-link{color:var(--color-hyperlink);font-size:var(--ptc-font-size-x-small);transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);font-weight:var(--ptc-font-weight-bold);text-decoration:underline;display:inline-block;vertical-align:middle;cursor:pointer;margin:5px 5px 5px 0}.cta-link::before{content:\"\";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}.cta-link:link{color:var(--color-hyperlink)}.cta-link:hover{color:var(--color-blue-08)}.cta-link:active{transition:none;color:var(--color-gray-09)}.cta-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.bar-close{max-width:36px;max-height:36px;cursor:pointer;margin-left:var(--ptc-element-spacing-08);position:relative}.bar-close::before{content:\"\";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}.bar-close:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}ptc-tooltip-v2.after-space::after{content:\" \"}@media only screen and (min-width: 992px){.cta-link{margin:0}.left-content{flex-direction:row;max-width:calc(100% - 58px);flex:1 1 1032px}.bar-close{max-width:18px;max-height:18px}.bar-close::before{width:34px;height:34px}.title{margin-right:var(--ptc-element-spacing-04);margin-bottom:0;flex:0 1 auto;max-width:248px}.title.max-title{max-width:unset !important;flex:2 1 560px}.description{flex:1 1 768px}}";
 
@@ -82,7 +82,7 @@ const PtcAnnouncement$1 = /*@__PURE__*/ proxyCustomElement(class PtcAnnouncement
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'e46bfc44c9962fac0f4f9fb2cdab7768313358cb' }, h("div", { key: '0f3fee257f0656f811022264df746f0e9635dc8b', class: classMap, part: "part-announcement" }, h("div", { key: '48b77107af017743b893c9776480d90c69315edd', class: "content-wrapper ptc-container" }, h("div", { key: '3588037f5a31c7847a878f47e799277b7d88e3de', class: "left-content", part: "part-left-content" }, h("slot", { key: '35152763f8093d9ab4a6d37302a365d1b2738ddb', name: "seo-content" }), !!this.barTitle ? (h("div", { class: `title${this.isMaxWidthTitle()}` }, this.windowSize === "mobile" ? (this.barTitle) : (
+        return (h(Host, { key: '07d98e80f9340ca3ad060d301f9f337731a55d03' }, h("div", { key: '509d8cb117e140ae010a6121c929b4495839ce26', class: classMap, part: "part-announcement" }, h("div", { key: 'a7a1154d27300c59418ab09d43822ff7984787cd', class: "content-wrapper ptc-container" }, h("div", { key: 'fe3390f8a69bbee7461933033c0dfd4e17a64a56', class: "left-content", part: "part-left-content" }, h("slot", { key: '00467cc4d13c3318d2e9c45b9a0976f17ce32482', name: "seo-content" }), !!this.barTitle ? (h("div", { class: `title${this.isMaxWidthTitle()}` }, this.windowSize === "mobile" ? (this.barTitle) : (
         // <ptc-tooltip text-display="inline" max-length="60" z-index="z-2" description={this.barTitle} position="bottom"></ptc-tooltip>
         h("ptc-tooltip-v2", { "max-length": "60", "z-index": "2" }, this.barTitle)))) : null, this.windowSize === "mobile" ? ( //mobile view
         {
@@ -94,7 +94,7 @@ const PtcAnnouncement$1 = /*@__PURE__*/ proxyCustomElement(class PtcAnnouncement
         //desktop view
         h("div", { class: "description" }, !!this.description ? (
         // <ptc-tooltip text-display="inline" max-length="165" z-index="z-2" description={this.description + ' '} position="bottom"></ptc-tooltip>
-        h("ptc-tooltip-v2", { "element-display": "inline", "max-length": "165", "z-index": "3", class: "after-space" }, this.description + " ")) : null, !!this.linkText ? (h("a", { class: "cta-link mf-listen", href: this.linkUrl, title: this.linkTitle ?? this.linkText, target: this.target, tabIndex: 0, id: "announcement-bar-cta" }, h("ptc-tooltip-v2", { "element-display": "inline-block", "max-length": "25", "z-index": "2", position: "bottom", styles: ".tooltip-content.bottom{transform:translate(-20%, 12px)}.tooltip-text{text-decoration:underline;}" }, this.linkText))) : null))), h("icon-asset", { key: 'e767f07854e76e2330721f5448b6e4b1d081e1bd', id: "announcement-bar-close", color: "inherit", name: "close-button-flat", type: "ptc", size: this.getIconSize(), onClick: this.closeClick, class: "bar-close mf-listen", focusOn: true, trackerId: "announcement-bar-close", onKeyDown: this.handleKeyClick, tabIndex: 0 })))));
+        h("ptc-tooltip-v2", { "element-display": "inline", "max-length": "165", "z-index": "3", class: "after-space" }, this.description + " ")) : null, !!this.linkText ? (h("a", { class: "cta-link mf-listen", href: this.linkUrl, title: this.linkTitle ?? this.linkText, target: this.target, tabIndex: 0, id: "announcement-bar-cta" }, h("ptc-tooltip-v2", { "element-display": "inline-block", "max-length": "25", "z-index": "2", position: "bottom", styles: ".tooltip-content.bottom{transform:translate(-20%, 12px)}.tooltip-text{text-decoration:underline;}" }, this.linkText))) : null))), h("icon-asset", { key: 'cc2135bdb1b9632bcc6baf32ba7df6453185e98e', id: "announcement-bar-close", color: "inherit", name: "close-button-flat", type: "ptc", size: this.getIconSize(), onClick: this.closeClick, class: "bar-close mf-listen", focusOn: true, trackerId: "announcement-bar-close", onKeyDown: this.handleKeyClick, tabIndex: 0 })))));
     }
     getCssClassMap() {
         return {

package/dist/components/ptc-back-to-top.js

@@ -92,7 +92,7 @@ const PtcBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class PtcBackToTop exten
         }, 300);
     }
     render() {
-        return (h(Host, { key: '852fb408c1a43271f13f154bf7545278dab8a88b' }, this.showButton && (h("button", { key: '4fb698eb664001e529ede20cebfae375c5c6ae52', class: "back-to-top-button hyphenate-text", title: this.backToTop }, h("span", { key: '24a66be1329d588a64cec903dc30473aea90b0a0', class: "arrow" }, h("svg", { key: '9a3bd3f9aedbdce06ea85789b955463109ba602f', width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd848ec15b6ebe5e209b5e4d723ef4bd9ab129fa2', d: "M15.5248 11.625L8.9998 5.1L2.4748 11.625L0.112305 9.2625L8.9998 0.375L17.8873 9.2625L15.5248 11.625Z", fill: "#323B42" }))), h("span", { key: '4edad84dccd3052c82b4551a969635441130361f', class: "text" }, this.backToTop)))));
+        return (h(Host, { key: 'cab8dfd4cfbbc4ae813027487794663e99a97e87' }, this.showButton && (h("button", { key: 'edfbe5670d0f0b15c89d0ba15735775c1007f615', class: "back-to-top-button hyphenate-text", title: this.backToTop }, h("span", { key: 'bb52d74c3eb88943079d29de71345c17f1ec654e', class: "arrow" }, h("svg", { key: '2882621bfd71d8991c27fed250716a9110a72c7c', width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '98720631d8c6783e57e16fce48a981f8d3e03a6a', d: "M15.5248 11.625L8.9998 5.1L2.4748 11.625L0.112305 9.2625L8.9998 0.375L17.8873 9.2625L15.5248 11.625Z", fill: "#323B42" }))), h("span", { key: '39a41a381ff7d4045250a6eefbb0e508c30268b5', class: "text" }, this.backToTop)))));
     }
     static get style() { return ptcBackToTopCss; }
 }, [257, "ptc-back-to-top", {

package/dist/components/ptc-background-video.js

@@ -1,4 +1,4 @@
-import { P as PtcBackgroundVideo$1, d as defineCustomElement$1 } from './p-K87Ni9cl.js';
+import { P as PtcBackgroundVideo$1, d as defineCustomElement$1 } from './p-CtOMq-3s.js';
 
 const PtcBackgroundVideo = PtcBackgroundVideo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ptc-badge.js

@@ -22,7 +22,7 @@ const PtcBadge$1 = /*@__PURE__*/ proxyCustomElement(class PtcBadge extends H {
         }
     }
     render() {
-        return h(Host, { key: '85376e57b61da1299dbfc1fac22ee0a4bab96ee1' }, this.renderContent());
+        return h(Host, { key: '099e4d6d87a167552717ff8ec2bf1be842597441' }, this.renderContent());
     }
     static get style() { return ptcBadgeCss; }
 }, [257, "ptc-badge", {

package/dist/components/ptc-bio-card.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-I15m-uFl.js';
-import { d as defineCustomElement$4 } from './p-Dws0e-v8.js';
-import { d as defineCustomElement$3 } from './p-B5fWr5oN.js';
-import { d as defineCustomElement$2 } from './p-DIQsWvTl.js';
+import { d as defineCustomElement$4 } from './p-CrO4JStG.js';
+import { d as defineCustomElement$3 } from './p-BFUh3kag.js';
+import { d as defineCustomElement$2 } from './p-DqEp_ABX.js';
 
 const ptcBioCardCss = ":host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:-moz-fit-content;max-height:fit-content;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:\"\";position:absolute;width:100%;height:100%;background-image:url(\"https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg\");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), hsla(0, 0%, 100%, 0));bottom:0;content:\"\";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:\" \";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}";
 
@@ -67,11 +67,11 @@ const PtcBioCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcBioCard extends H
         });
     }
     render() {
-        return (h(Host, { key: '0b1b28e41e189855ccf6f410cb5f113c1a4ad947', type: "button", class: this.isModal ? "card-with-modal" : "" }, h("div", { key: 'fe5ee87fdcb474e9a6e81989d13ff6148e440e37', class: "bio-card mf-listen", onClick: (e) => {
+        return (h(Host, { key: '96f629e004db539218ca86e1c4d803df0b21a1ec', type: "button", class: this.isModal ? "card-with-modal" : "" }, h("div", { key: '3ef650426051925caeaa3cba54285719a91e094b', class: "bio-card mf-listen", onClick: (e) => {
                 this.openModal(e);
             }, tabIndex: 0, onKeyDown: (e) => {
                 e.key === "Enter" ? this.openModal(e) : null;
-            } }, h("slot", { key: 'eac490493156bf9daaace4887ec8caa83a094160', name: "seo-content" }), h("div", { key: 'a4a2861b55407b0202194b1fec6c26460d2c687b', class: "bio-card__image" }, h("img", { key: 'a1d111773778b79d629d3a3f16c266465e354603', src: this.image, alt: `${this.name} profile image` })), h("div", { key: '060a830e3fe043deecfb7f2093bf0e1e3d543506', class: "bio-card__content" }, h("div", { key: '871a9058932c6407b81df055e99e1e2b86103020' }, h("h3", { key: '0c2666f46da382c36d3a38150f88c2f0f00ed29c', class: "bio-card__name" }, this.name), h("p", { key: '134ee90abe196d8fbf77f45b12e5c8070ccf5afb', class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { key: 'ffd2913030e334940a9a0cecda934629424cd733', class: "bio-card__social-links" }, this.linkedin && (h("a", { key: '4b53ce21075f6f53b9fe883529a0f9f9e3dd2853', href: this.linkedin, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "linkedin", title: "linkedin" }, h("style", { key: '9c83f00f4966f01bf511fe194a42ac96b98e4704' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { key: 'fd842fe1302dc49e61c07eecded7b0a2b870a1a6', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: '157f2bae1b28bfdcdc902880046d0e1d77f01479' }, h("linearGradient", { key: '0fd9f312c0da72fc845eca56e446b8376360955b', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: 'db7b8ac8c8fb8f98dc51ff5a8ba1cf73e1e28f86', offset: "0", "stop-color": "#fff" }), h("stop", { key: '0be1d4749931b4905675aef141be9d3abf774e03', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: 'f87e15ad7125e54d868603f07481a9d36d0d7f3c', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: '1d537b26f0c2e989cb235cb811c10064dfb91cfb', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: '77c3482888e89782e64f46be1ce564f4ce2b642d', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { key: '7b61a2af305442150d3f7387060bae5445faa30a', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { key: '349f13b5dacb02064c085140d3dcf598aa701bb3', href: this.twitter, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "X", title: "X" }, h("style", { key: 'ee479b30f26d4ce95182a3fb9c7011a1fe2cf2b0' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { key: '574e70ea016917cdb1c8b7ce897631c1e6c4844c', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: 'a83635ce61b2e4b768653b085b89a1584dc0c5e1' }, h("linearGradient", { key: 'c0f4e607d33418946e838ce09706d47ffdda3dc8', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: '52fd8866623d26c66f64728915ce131957a3fd1f', offset: "0", "stop-color": "#fff" }), h("stop", { key: '6fb847d8d67f66486656af51379fd092b3d90409', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: '00ede2b8ff0e2c9cb7bc7898ad583c9db98fb559', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: '41ca089baa50a2f8bc3cc7ea23933310816a7c7d', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: '7211adbe4fb0ed523c62734dad2d80fede8d4367', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { key: '5e2f723040e7266557fea3544a5909d1baa2c9b8', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { key: 'dc4046c22f04639ee9a5eeef1dd78f3ac744e7d4', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { key: '611c2b0b3b8d826968b51cdbca112d712a5bc827', class: "cls-x-2" }))))))))), this.isModal && (h("ptc-modal", { key: '836dd49a69f39d1d879d6d4df4545520fb1ce691', id: "bio-modal", show: this.showModal, size: "lg", "border-radius": "large", "is-bio-modal": true, fixed: true }, h("div", { key: 'e3b2600b2c8747c248d4fd60ee9297fdec8584ae', class: "modal-wrap" }, h("div", { key: '43a85894bc498602e5048a2e0b047b90b2cdb902', class: "bio-modal-left" }, h("div", { key: '5de57a6505ec49bf3d7cc4c7617ce486c1fd742f', class: "bio-modal__image" }, h("img", { key: '76e6ca62ac3ca38d026b4ff1625856a12e998d74', src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { key: '56c01b470eb77030ff8437ea759f5693c53ab387', class: "bio-card__social-links" }, this.linkedin && (h("a", { key: 'bd23bdd78ba6abf517972313b0bb25a21e031e64', href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", { key: '46bec190cd24337294fe30eea9af3fc38bb1fe2b' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { key: '190c2822b197d5f13e35999c602f3ab0a210eba7', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: '8cdd4660971d4f8d775a571a5b44a7ebf7d098e2' }, h("linearGradient", { key: '8b95cfc86135f6fbc69fa238dfb108d91bfb08c8', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: 'ba5b9942fd5ce24a35e03c8203ab94a5f747965e', offset: "0", "stop-color": "#fff" }), h("stop", { key: '3fba6f023872fd6c600f4a531d3632fadb368c96', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: '8f48453d311cd181f0ac623d3d303e6a2d9f11a6', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: 'd5cd0aaa937e328847445a467e6892730e84f012', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: 'b5915c9faf941f59d1d61b7640d60df3ad3e7709', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { key: 'c6ffc4eef7821cca3fbb4f712f8eb8d98fffe523', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { key: '2555de3f292132733c6f0d9c6471b66fbcd8a732', href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", { key: '0986ee0757886699870e6f0f77ab45bb896ec52d' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { key: 'a3394bf0ce136dae55dc71b158da68a68e6c5070', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: '7122664c113b4eb2f4032e28b0c846e11676d82f' }, h("linearGradient", { key: '3cbd4f72b2ad731f3568fddeb22bb0e8bb0d834a', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: 'aeacb6fdd2b32b8e4653998c8af5afd2dfcfe468', offset: "0", "stop-color": "#fff" }), h("stop", { key: 'e1f8adec491960b282dd9a8d68493abc34403ae4', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: '6e146fdc5733b137c81863554616882b48ae930c', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: '662f9c86fa2ea7a285e4b9e99381768533768d0f', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: '9c3adc020f3039ad10c6308cd66ceb18de5ee83e', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { key: '87361042ba15a189e3b7c1d1e3badb8ad680f9bf', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { key: '867f8b8195e01ffd4051331ac64caabf5ad74c12', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { key: '32b3f576044ac72b30cc6e0a6a4ec771af3423a1', class: "cls-x-2" })))))))), h("div", { key: 'fa456439e26374905ff0b387c259bb838ff249d4', class: "bio-modal-right" }, h("div", { key: '4d8e8b5b41b37ba8637fef7f06fead59bebde87e', class: "bio-modal-header" }, h("h2", { key: '5bf26c0ca2614def7c833e35c5537c0c3c0dc63f', class: "bio-card__name" }, this.name), h("p", { key: 'ad0cac5f49c3fae73835514c4a2581076df11434', class: "bio-card__job-title" }, this.jobTitle)), h("div", { key: 'f1e2b050a68909f7b00736ce6a9b5259d46c4e1b', class: "bio-modal-description" }, h("slot", { key: '73b7d27c4bc7be20352407042f556430682415ad' }))))))));
+            } }, h("slot", { key: 'd8878065519e547f2eaf0bd425abc6ff2439db25', name: "seo-content" }), h("div", { key: 'a7eee72ff8e72fc9e6691c39a012a2747cd3ca67', class: "bio-card__image" }, h("img", { key: 'c0648323c2760b63a734d9a4609fdea4cc4bd2a7', src: this.image, alt: `${this.name} profile image` })), h("div", { key: '22cf9a6acb3ce9443239f30001285b000e8af96d', class: "bio-card__content" }, h("div", { key: '1dee9dd6da8ed246885690d20d9cf2938434fc26' }, h("h3", { key: 'a3119351235597761bf75bf51e1b9fb1eacd3fdf', class: "bio-card__name" }, this.name), h("p", { key: '70c5242b1179789dec3f1d194d9ea28aaa099918', class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { key: 'ec4759c45c4e691211e04f6019baf7b9e0d3e4bf', class: "bio-card__social-links" }, this.linkedin && (h("a", { key: 'ec7037cc2802f35055f8fbfeab795990af14a359', href: this.linkedin, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "linkedin", title: "linkedin" }, h("style", { key: '0ca0be1a103774d59debed97f50d6e309c9457c3' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { key: '1e1fef281f5ff9b8619d409e051196429fda341c', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: '7ab0b71d65315031649e9cdee9f7155a7428e887' }, h("linearGradient", { key: '971b899b631ab7378f6dd8b23be9d8b45cf15c64', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: '09adfc10aa1c10828a62e62f373c6e68dab3080f', offset: "0", "stop-color": "#fff" }), h("stop", { key: 'e83f8dbd9797b81d6a0194be882134aab868e131', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: '2b277695931c39fc6d3d72c1886fdfc7b7a6b663', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: '8b566f1ed170b67b085b7295266b797010af6c5b', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: 'c2f02927b5a7320c67e0b415e940f95a494100b8', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { key: '0611cd47169e13faf7e2afb195ce034fab33bc5e', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { key: '9ac92ba5a3f65e05603b9cddb0588a1b2cb4d832', href: this.twitter, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "X", title: "X" }, h("style", { key: '1c478817fd79706a114379c44e2789a8be9db1f3' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { key: 'eab68e43fee8c518116a25c7988a293f268953fc', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: 'aa00257a6568bc3ac9127f811dece876fbae8aa7' }, h("linearGradient", { key: 'bf899ff0e30b0def7e4d74a8f1514939e0c8a482', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: 'a593ec07f486e7862ade9e71c883b2b528cfeb84', offset: "0", "stop-color": "#fff" }), h("stop", { key: 'be2f52db18a0a528c503fd45b667ed0a206e6514', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: '6a65fb161a41edcb45cb0b720b3cb88c83fb6143', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: 'fb447fb279bb66c5b276b154c36bd0cd8ea0f957', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: 'd9ef88ff0f9007a7154b7328a87b3d8031cff9b2', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { key: 'afd9e90062f10da3e944b2fa61a3aeafb603a8d0', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { key: '031af746ad458a86665c706afa88ac5639ad74c1', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { key: '462018758e0f33ec2699e26cfefae17fdd566dfe', class: "cls-x-2" }))))))))), this.isModal && (h("ptc-modal", { key: '86e32d75b219e50443a412024e606fa6b658f7f6', id: "bio-modal", show: this.showModal, size: "lg", "border-radius": "large", "is-bio-modal": true, fixed: true }, h("div", { key: '62e1e70298bdcfce23a7490d6114a66ced34df43', class: "modal-wrap" }, h("div", { key: 'c61f3cd402572624421af91e867ca10da53c389a', class: "bio-modal-left" }, h("div", { key: '496cb6989808ca31211ee12276f7f279599ffbc5', class: "bio-modal__image" }, h("img", { key: '7537052f9d2ce6d78f22580f78ef36181a7342eb', src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { key: 'e522d39cb6978f26c0577c88aec41e3f10a42102', class: "bio-card__social-links" }, this.linkedin && (h("a", { key: '882d65ef6ba30fb60e269680df644efc53e8d598', href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", { key: '78753bc3c0945ac887f6efbfbac1a4bf68725b09' }, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { key: '04ef6d386d1a25bf5913273c9b6aa18a66b87edb', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: 'e5d7a8d4e019094719d4d0ce76bd17d88108815b' }, h("linearGradient", { key: '610b79514af758a6d1aecdd1b2ebddadeca1d9e8', id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: 'ec7e475c8f850c61d408fa858e9caa7d38aa2477', offset: "0", "stop-color": "#fff" }), h("stop", { key: 'a5dd73a29a569cc732cc0775cd93fdddc78809ba', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: '70c30e1b5f3e0ffd3247db77ea31b46f0e066140', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: '6693bec9ee72a6e09d3306d87f7eea856ec731f5', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: 'af5ebe5f6dd45d73d0b6319d0afa0f3592c84c25', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { key: 'cb45f066632c4a9d92725ccc6848a0bc4393262a', d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { key: '361fca48c7f71700f22935b94605f1f76c4cf7be', href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", { key: '5a632959fe6cea98143911de780147de4665e77b' }, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { key: 'ea2738ea0297c89a27eb67c349b88262c126dbfe', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", { key: 'cfde68bfdca386b4f17c7de5e85d71632ded6176' }, h("linearGradient", { key: '4dee40531ebb6e3009830856c3f7674b7e089e36', id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { key: 'cec5acae4e05b792182969786ce561ea404b9023', offset: "0", "stop-color": "#fff" }), h("stop", { key: '1d9955084a333cccbafd766324b57028b6abf954', offset: "1", "stop-color": "#e5e5e5" }))), h("g", { key: '31652408a9aabfd63031d4e5299e54dd98c82598', class: "cls-1", "data-name": "Path 4255" }, h("path", { key: 'e8af9a07ed9cc49b00d496db637b92075accf851', d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { key: '58a0165235709acc72840b5cafe12e51ccd2dd26', d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { key: '09aac1d7600b8154f6454005fdc4ccb3e6d97b5f', transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { key: '7221d48dc2dc5edc922050e974bcaf120f77b026', class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { key: '685f1834d4992ee79269d62d194988ab81bc5efe', class: "cls-x-2" })))))))), h("div", { key: '3d6a49495231b9cb023112b486e0195674cf256c', class: "bio-modal-right" }, h("div", { key: 'ad128930e60278fb86cbef73fc0b19162fecc942', class: "bio-modal-header" }, h("h2", { key: 'c629791b5d0a051dd03c7faaa70f03bbdd74bd6c', class: "bio-card__name" }, this.name), h("p", { key: '43162538c20d6ecffd2ca61fee15bc41d01145a3', class: "bio-card__job-title" }, this.jobTitle)), h("div", { key: '86558d48ad7630fa94d427c155bb445c8ce22885', class: "bio-modal-description" }, h("slot", { key: '701b4c2269272d44cb945ce3c96f711a805da65a' }))))))));
     }
     static get style() { return ptcBioCardCss; }
 }, [257, "ptc-bio-card", {

package/dist/components/ptc-blue-pill-announcement-bar.js

@@ -12,10 +12,10 @@ const PtcBluePillAnnouncementBar$1 = /*@__PURE__*/ proxyCustomElement(class PtcB
     }
     isBoxShadow = false;
     render() {
-        return (h(Host, { key: '31a48402c465f22cd0e983562d438125b7951362' }, h("div", { key: 'cd0cf37ccbbcc23ad9f3f63ed26c7fbd3e992010', class: {
+        return (h(Host, { key: '685f5f583033c0bd00a266749a63a8bf31aae7fd' }, h("div", { key: '374170d58824386621d8ebf6bc94d97e2c5a5cd4', class: {
                 "blue-pill-announcement-bar-wrapper": true,
                 "has-shadow": this.isBoxShadow,
-            } }, h("svg", { key: 'e957b09045c8731fed287073deaf0c1ea7ce3508', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("g", { key: '8ea910249d73578771489c97d5c54e9532323e10', "clip-path": "url(#clip0_96_14879)" }, h("path", { key: 'db046b05b0578d3b89e7f2c19f990f12ace7ec87', d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z", fill: "white" }), h("rect", { key: '347acdda1f520b9c10efb425eaf6b4218e3025e9', x: "7.5", y: "6.5", width: "1", height: "6", fill: "white", stroke: "white" }), h("circle", { key: '4524f725bbb3f492f1cfd410852812a7a89cf8a3', cx: "8", cy: "4", r: "0.5", fill: "white", stroke: "white" })), h("defs", { key: '075dbb61ff65faa9c30f3ff0bccd28f9130ad443' }, h("clipPath", { key: '87127bf568c15987bb6ad32e1eedd7d44fc71b54', id: "clip0_96_14879" }, h("rect", { key: 'a08ee376ea16402ed2b068b6307a07621fefe745', width: "16", height: "16", fill: "white" })))), h("div", { key: '77c1e4f263da91c5f07641d490f1115ab2db0d7b' }, h("slot", { key: '5c86fcb487affe2c7d3b702620f9b7ec0f1d4d22' })))));
+            } }, h("svg", { key: '09d6f3b44f4b5a27bc4c60fee956923a6c66f235', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("g", { key: 'c05b0c22ba8f2ae3e856e7abff3bbe6f29a4a8ce', "clip-path": "url(#clip0_96_14879)" }, h("path", { key: 'd4c614046962b9c05606b54fa16b0a099d3a81dd', d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z", fill: "white" }), h("rect", { key: 'fa19e89a6a806c082e5780afdcaeb687ec05acd4', x: "7.5", y: "6.5", width: "1", height: "6", fill: "white", stroke: "white" }), h("circle", { key: 'fde2d22f7cb1275f4ec1c81423842834dd167034', cx: "8", cy: "4", r: "0.5", fill: "white", stroke: "white" })), h("defs", { key: 'c2cee0a412727861c330b028b9b9d17d2ff71f4b' }, h("clipPath", { key: '56a4f3a3e71f4719005b34236160ff6638bfe4a8', id: "clip0_96_14879" }, h("rect", { key: '11a38279ef29aa8fbfce5907d76fb731b6906137', width: "16", height: "16", fill: "white" })))), h("div", { key: '5742e2b3b80813b6bc8f9c29474d4d373b8e7a6e' }, h("slot", { key: '0333c87f28d38b88f0687ca1f22ec157856b28b8' })))));
     }
     static get style() { return ptcBluePillAnnouncementBarCss; }
 }, [257, "ptc-blue-pill-announcement-bar", {

package/dist/components/ptc-breadcrumb.js

@@ -50,7 +50,7 @@ const PtcBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class PtcBreadcrumb ext
         const hasChildListItems = childListItems.length > 0;
         // Remove childListItems from listItems if any exist
         const filteredArray = hasChildListItems ? Array.from(this.listItems).filter((item) => !childListItems.includes(item)) : Array.from(this.listItems);
-        return (h(Host, { key: '26eb4215e6f918937af782e0f2387b0fca3ea90c', class: classMap }, this.styles && h("style", { key: 'f7ea9bb430af02bc80a4a765d6a50c53b6df7e6e' }, this.styles), h("nav", { key: '9f1938c36360bd50530a271c2d00131ccad5c991', "aria-label": "Breadcrumb" }, h("ol", { key: '59b013005ae218003f810116d24725e9d384e32b', class: "ptc-breadcrumb-ol" }, h("li", { key: 'ce167d9b0decc9434dea6a6f76f513a2fbe628e3', class: "home-link mf-listen", id: "homeLinkID" }, hasChildListItems ? (h("a", { href: childListItems[0].getAttribute("link-href"), "aria-label": "Home Link", class: {
+        return (h(Host, { key: '63df33fa0ade45b6ca0a5bee31f39dde16b3a572', class: classMap }, this.styles && h("style", { key: '39f6c9a7ebffa8ec4b8f7d446887abfc4efb7dc8' }, this.styles), h("nav", { key: '3d7053f69d3a33cafcd19a31ee4a39518d88ca15', "aria-label": "Breadcrumb" }, h("ol", { key: 'dac843d9496b928561766c184f2de6767d0d567d', class: "ptc-breadcrumb-ol" }, h("li", { key: 'be69cd1e00835377760d6120c254dbb761e866dc', class: "home-link mf-listen", id: "homeLinkID" }, hasChildListItems ? (h("a", { href: childListItems[0].getAttribute("link-href"), "aria-label": "Home Link", class: {
                 ["breadcrumb-item-link"]: true,
                 ["dark-mode-link"]: this.isDarkMode,
             } }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })))

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

@@ -15,7 +15,7 @@ const PtcBrightcovVideo$1 = /*@__PURE__*/ proxyCustomElement(class PtcBrightcovV
         //  this.loadBrightcovePlayer();
     }
     render() {
-        return (h("div", { key: '6b22ec8b0f626ad941287424de16c50de7fd9f8f', class: "aspect-ratio-container" }, h("div", { key: '2ad020e21e7cc73517aa694727176f8c9d63a95a', class: "video-container" }, h("video-js", { key: 'd11774c299e0aeed78effb2b580c3b545f009e89', id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { key: '6060117f2736882c4fe9198e91e7d95ae84defba', src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
+        return (h("div", { key: 'e0674ad57a3efc5a3e31d9fcd88e501b312cae25', class: "aspect-ratio-container" }, h("div", { key: 'd7c4a19428bffb877e7084259b72b2b2650fd7fa', class: "video-container" }, h("video-js", { key: 'dcfc3c2787f2b16da65ab264e726bcdaf641a038', id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { key: '96670d137be45d2adecc1dffdaf71806d767a0e0', src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
     }
     static get style() { return ptcBrightcovVideoCss; }
 }, [258, "ptc-brightcov-video", {

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

@@ -64,7 +64,7 @@ const PtcCardBottom$1 = /*@__PURE__*/ proxyCustomElement(class PtcCardBottom ext
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'c5e5f0781de3e1ae8c5c6b7a271f63fe0c7d7ddc', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", { key: 'af8b6b26108e688ce82b61c0c50329dc2be94349' }, this.styles), h("slot", { key: 'c6e7d4ea432f0901de1a0878423330b8b9f94c93', name: "slot-content" }), h("div", { key: 'a7ee7680af0ac6f53dcf79bb5f45b4ea1924d5ef', class: "ptc-card-bottom-wrapper" }, h("slot", { key: '87c4d27a83575fedf994dc99420fd97cd302ee64' }))));
+        return (h(Host, { key: 'f06f96c89ac5fd7f1fb693b8bfb2b216b65ba88f', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", { key: '8cf593d96b9e238309bb128f77b22c0980c85d96' }, this.styles), h("slot", { key: 'f911f658285ef3763bb6856e1785b6a33aaff98a', name: "slot-content" }), h("div", { key: 'e8cb797586f08f2b57d62037593a6052816b7fdc', class: "ptc-card-bottom-wrapper" }, h("slot", { key: '1050a3a2427881c5bf65614a5bc3eb096676e0ac' }))));
     }
     getCssClassMap() {
         return {

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

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

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

@@ -74,11 +74,11 @@ const PtcCardPlm = /*@__PURE__*/ proxyCustomElement(class PtcCardPlm extends H {
     render() {
         const classMap = this.getCssClassMap();
         const Tag = !!this.cardLink ? "a" : "div";
-        return (h(Host, { key: '5433957bf9543c90552227f802db99c9bf6a83c9', class: classMap, ...(!this.isLoading
+        return (h(Host, { key: 'b7c06619f2b4573cb1233273dc6fb5bb79ac3ea5', class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && h("style", { key: 'b5e1137b1e1e073f68d9e4b719e201964498bc7d' }, this.styles), h("div", { key: 'c7c60a5283517186f70ce29cae8a8f1970043da8', class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, { key: '8b7f3771a83fe1aee4a94e05c8fe29f3d75fa3ed', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
+                : {}) }, this.styles && h("style", { key: '4c7520994da02feb57b46625587785214460988b' }, this.styles), h("div", { key: 'f7af485e7c6824f1e4e1ab0ddd31fa8ea155fab4', class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, { key: '788fc8311dba585b1a698fd48ee63ff158e8be33', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
                 ? { tabindex: "0" }
                 : { tabindex: "-1" }), ...(!!this.cardLink && !this.isLoading
                 ? { href: this.cardLink }
@@ -94,7 +94,7 @@ const PtcCardPlm = /*@__PURE__*/ proxyCustomElement(class PtcCardPlm extends H {
                         ? this.linkTitle
                         : this.cardLink,
                 }
-                : {}) }, h("slot", { key: '53aa02b1d959a7341355afe36cb5da81eddffaa4' })))));
+                : {}) }, h("slot", { key: '3ca2f6a0dda5d981a496ba469f4239d041b6ef1c' })))));
     }
     getCssClassMap() {
         return {