@ptcwebops/ptcw-design 3.0.9 → 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/embedded-form_9.cjs.entry.js +1 -1
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/list-item.cjs.entry.js +2 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +3 -3
- package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +12 -3
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/list-item/list-item.css +16 -1
- package/dist/collection/components/list-item/list-item.js +19 -0
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +2 -1
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.css +12 -0
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +1 -1
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +5 -5
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +13 -5
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +12 -12
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +5 -5
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +2 -0
- package/dist/collection/components/ptc-title/ptc-title.css +8 -0
- package/dist/custom-elements/index.js +23 -14
- package/dist/esm/embedded-form_9.entry.js +1 -1
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/list-item.entry.js +2 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-breadcrumb_2.entry.js +3 -3
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +13 -4
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-32124266.entry.js +1 -0
- package/dist/ptcw-design/p-360841c8.entry.js +1 -0
- package/dist/ptcw-design/{p-615f3811.entry.js → p-37bd13af.entry.js} +1 -1
- package/dist/ptcw-design/{p-003e61e7.entry.js → p-7a8726da.entry.js} +1 -1
- package/dist/ptcw-design/{p-63d9c76b.entry.js → p-cf3c9b15.entry.js} +7 -7
- package/dist/ptcw-design/p-e0b63e3d.entry.js +1 -0
- package/dist/ptcw-design/{p-bdbb9aa2.entry.js → p-ee10e88e.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/list-item/list-item.d.ts +1 -0
- package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +2 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-95405fac.entry.js +0 -1
- package/dist/ptcw-design/p-9958701f.entry.js +0 -1
- package/dist/ptcw-design/p-a5bbf47d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as r,g as n}from"./p-00a1336a.js";const i=class{constructor(t){e(this,t),this.isMobile=void 0,this.selectedTabGloble="tab-01"}handleResize(){this.isMobile=window.innerWidth<992,this.holdTabOnResize(this.selectedTabGloble)}componentWillLoad(){this.isMobile=window.innerWidth<992}handleflTabClicked(e){this.selectedTabGloble=e.detail.name,this.selectTab(this.selectedTabGloble)}holdTabOnResize(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),r=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),r.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")}))}selectTab(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-image"),r=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),n=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),r.forEach((t=>{if(this.updateActiveTab(e,t),t.getAttribute("name-key")===e){const e=t.querySelector("ptc-readmore");e&&e.updateReadmoreStatus()}})),n.forEach((t=>{this.updateActiveTab(e,t)}))}updateActiveTab(e,t){this.isMobile?t.getAttribute("name-key")===e?t.classList.contains("init-active")||"selected"==t.getAttribute("selected")?t.removeAttribute("selected"):t.setAttribute("selected","selected"):t.removeAttribute("selected"):t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected"),t.classList.contains("init-active")&&t.classList.remove("init-active")}render(){return t(r,null,t("div",{class:"featured-image-wrap"},t("fl-tab-image",{"name-key":"tab-01",class:"init-active"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"})),t("fl-tab-image",{"name-key":"tab-02"},t("ptc-background-video",{overlay:!1,"play-button-title":"Play","pause-button-title":"Pause","video-src":"https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4","poster-src":"https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg"})),t("fl-tab-image",{"name-key":"tab-03"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949"})),t("fl-tab-image",{"name-key":"tab-04"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6"}))),this.isMobile?t("div",{class:"mobile-wrapper"},t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"}),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")))):t("div",{class:"non-mobile-wrapper"},t("div",{class:"header-list-wrap"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"})),t("div",{class:"content-wrap"},t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Aerospace & Defense"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Automotive"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Electronics & High-Tech"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Deliver the future of transportation and mobility and gain competitive advantage. Explore automotive solutions for OEMs and suppliers so your team can help drive the future of transportation."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Retail & Consumer Products"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Navigate supply chain disruption while maximizing revenue growth and sustainability. Explore how PTC’s digital solutions can accelerate product innovation, supply chain collaboration, and more."),t("a",{href:"#"},"See More about Aerospace & Defense")))))}get hostElement(){return n(this)}};i.style='a {\r\n font-family: var(--ptc-font-latin);\r\n font-style: var(--ptc-font-style-normal);\r\n text-decoration-line: underline;\r\n color: var(--color-blue-07);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n font-weight: var(--ptc-font-weight-bold);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-09);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.light-links,.background-grey-10,.background-plm-grey {\r\n a, a.light-link {\r\n color: var(--color-blue-04);\r\n\r\n &:visited {\r\n color: var(--color-blue-06);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-07);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-05);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n.ptc-link {\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n}\r\n\r\n.ptc-link-dark {\r\n color: var(--color-white);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-white);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n}\r\n :host {\r\n\t display: block;\r\n\t box-sizing: border-box;\r\n}\r\n :host ptc-background-video {\r\n\t height: 240px;\r\n}\r\n @media (min-width: 480px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 320px;\r\n\t}\r\n}\r\n @media (min-width: 768px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 450px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 500px;\r\n\t}\r\n}\r\n :host .fl-header {\r\n\t cursor: pointer;\r\n}\r\n :host .non-mobile-wrapper {\r\n\t box-sizing: border-box;\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper {\r\n\t\t max-width: 1078px;\r\n\t\t margin: -75px auto 0 auto;\r\n\t\t display: flex;\r\n\t\t align-items: center;\r\n\t\t width: 100%;\r\n\t\t background: var(--color-white);\r\n\t\t box-shadow: var(--ptc-shadow-small);\r\n\t\t padding: 24px 32px;\r\n\t\t z-index: 1;\r\n\t\t position: relative;\r\n\t\t min-height: 350px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .header-list-wrap {\r\n\t\t padding-right: 16px;\r\n\t\t margin-right: 64px;\r\n\t\t min-width: 270px;\r\n\t\t max-width: 270px;\r\n\t\t box-sizing: border-box;\r\n\t\t display: flex;\r\n\t\t flex-direction: column;\r\n\t\t align-items: baseline;\r\n\t}\r\n\t :host .non-mobile-wrapper .header-list-wrap::after {\r\n\t\t content: "";\r\n\t\t width: 1px;\r\n\t\t height: calc(100% - 48px);\r\n\t\t background-color: var(--color-gray-05);\r\n\t\t position: absolute;\r\n\t\t left: 297px;\r\n\t\t top: 24px;\r\n\t\t bottom: 24px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .content-wrap {\r\n\t\t padding-right: 72px;\r\n\t}\r\n}\r\n :host .non-mobile-wrapper .fl-header {\r\n\t border-radius: 4px;\r\n\t margin: 12px 0;\r\n\t padding: 4px 8px;\r\n}\r\n :host .non-mobile-wrapper .fl-header:hover {\r\n\t background-color: var(--color-gray-02);\r\n}\r\n :host .non-mobile-wrapper .fl-header.selected, :host .non-mobile-wrapper .fl-header.init-active {\r\n\t background-color: var(--color-gray-03);\r\n}\r\n :host .mobile-wrapper .acc-item {\r\n\t border-bottom: 1px solid var(--color-gray-03);\r\n\t padding: 14px 30px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header {\r\n\t padding-left: 34px;\r\n\t position: relative;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header::before {\r\n\t content: \'\';\r\n\t display: inline-block;\r\n\t width: 16px;\r\n\t height: 16px;\r\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_91_790)"><path d="M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z" fill="%23006E09"/></g><defs><clipPath id="clip0_91_790"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>\');\r\n\t vertical-align: middle;\r\n\t position: absolute;\r\n\t left: 0;\r\n\t top: 4.5px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header.selected::before, :host .mobile-wrapper .acc-item fl-tab-header.init-active::before {\r\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_113_741)"><path d="M0 7.05566V10.8637H13.913V7.05566H0Z" fill="%23323B42"/></g><defs><clipPath id="clip0_113_741"><rect width="13.913" height="17.92" fill="white"/></clipPath></defs></svg>\');\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-content {\r\n\t padding-left: 34px;\r\n\t padding-bottom: 18px;\r\n}\r\n';export{i as featured_list}
|
|
1
|
+
import{r as e,h as t,H as r,g as n}from"./p-00a1336a.js";const i=class{constructor(t){e(this,t),this.isMobile=void 0,this.selectedTabGloble="tab-01"}handleResize(){this.isMobile=window.innerWidth<992,this.holdTabOnResize(this.selectedTabGloble)}componentWillLoad(){this.isMobile=window.innerWidth<992}handleflTabClicked(e){this.selectedTabGloble=e.detail.name,this.selectTab(this.selectedTabGloble)}holdTabOnResize(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),r=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),r.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")}))}selectTab(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-image"),r=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),n=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),r.forEach((t=>{if(this.updateActiveTab(e,t),t.getAttribute("name-key")===e){const e=t.querySelector("ptc-readmore");e&&e.updateReadmoreStatus()}})),n.forEach((t=>{this.updateActiveTab(e,t)}))}updateActiveTab(e,t){this.isMobile?t.getAttribute("name-key")===e?t.classList.contains("init-active")||"selected"==t.getAttribute("selected")?t.removeAttribute("selected"):t.setAttribute("selected","selected"):t.removeAttribute("selected"):t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected"),t.classList.contains("init-active")&&t.classList.remove("init-active")}render(){return t(r,null,t("div",{class:"featured-image-wrap"},t("fl-tab-image",{"name-key":"tab-01",class:"init-active"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"})),t("fl-tab-image",{"name-key":"tab-02"},t("ptc-background-video",{overlay:!1,"play-button-title":"Play","pause-button-title":"Pause","video-src":"https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4","poster-src":"https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg"})),t("fl-tab-image",{"name-key":"tab-03"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949"})),t("fl-tab-image",{"name-key":"tab-04"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6"}))),this.isMobile?t("div",{class:"mobile-wrapper"},t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"}),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")))):t("div",{class:"non-mobile-wrapper"},t("div",{class:"header-list-wrap"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"})),t("div",{class:"content-wrap"},t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Aerospace & Defense"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Automotive"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Electronics & High-Tech"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Deliver the future of transportation and mobility and gain competitive advantage. Explore automotive solutions for OEMs and suppliers so your team can help drive the future of transportation."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Retail & Consumer Products"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Navigate supply chain disruption while maximizing revenue growth and sustainability. Explore how PTC’s digital solutions can accelerate product innovation, supply chain collaboration, and more."),t("a",{href:"#"},"See More about Aerospace & Defense")))))}get hostElement(){return n(this)}};i.style='a {\r\n font-family: var(--ptc-font-latin);\r\n font-style: var(--ptc-font-style-normal);\r\n text-decoration-line: underline;\r\n color: var(--color-blue-07);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n font-weight: var(--ptc-font-weight-bold);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-09);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.light-links,.background-grey-10,.background-plm-grey {\r\n a:not(.hero-footer-form-wrapper a), a.light-link {\r\n color: var(--color-blue-04);\r\n\r\n &:visited {\r\n color: var(--color-blue-06);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-07);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-05);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n.ptc-link {\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n}\r\n\r\n.ptc-link-dark {\r\n color: var(--color-white);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-white);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n}\r\n\r\n :host {\r\n\t display: block;\r\n\t box-sizing: border-box;\r\n}\r\n :host ptc-background-video {\r\n\t height: 240px;\r\n}\r\n @media (min-width: 480px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 320px;\r\n\t}\r\n}\r\n @media (min-width: 768px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 450px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 500px;\r\n\t}\r\n}\r\n :host .fl-header {\r\n\t cursor: pointer;\r\n}\r\n :host .non-mobile-wrapper {\r\n\t box-sizing: border-box;\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper {\r\n\t\t max-width: 1078px;\r\n\t\t margin: -75px auto 0 auto;\r\n\t\t display: flex;\r\n\t\t align-items: center;\r\n\t\t width: 100%;\r\n\t\t background: var(--color-white);\r\n\t\t box-shadow: var(--ptc-shadow-small);\r\n\t\t padding: 24px 32px;\r\n\t\t z-index: 1;\r\n\t\t position: relative;\r\n\t\t min-height: 350px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .header-list-wrap {\r\n\t\t padding-right: 16px;\r\n\t\t margin-right: 64px;\r\n\t\t min-width: 270px;\r\n\t\t max-width: 270px;\r\n\t\t box-sizing: border-box;\r\n\t\t display: flex;\r\n\t\t flex-direction: column;\r\n\t\t align-items: baseline;\r\n\t}\r\n\t :host .non-mobile-wrapper .header-list-wrap::after {\r\n\t\t content: "";\r\n\t\t width: 1px;\r\n\t\t height: calc(100% - 48px);\r\n\t\t background-color: var(--color-gray-05);\r\n\t\t position: absolute;\r\n\t\t left: 297px;\r\n\t\t top: 24px;\r\n\t\t bottom: 24px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .content-wrap {\r\n\t\t padding-right: 72px;\r\n\t}\r\n}\r\n :host .non-mobile-wrapper .fl-header {\r\n\t border-radius: 4px;\r\n\t margin: 12px 0;\r\n\t padding: 4px 8px;\r\n}\r\n :host .non-mobile-wrapper .fl-header:hover {\r\n\t background-color: var(--color-gray-02);\r\n}\r\n :host .non-mobile-wrapper .fl-header.selected, :host .non-mobile-wrapper .fl-header.init-active {\r\n\t background-color: var(--color-gray-03);\r\n}\r\n :host .mobile-wrapper .acc-item {\r\n\t border-bottom: 1px solid var(--color-gray-03);\r\n\t padding: 14px 30px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header {\r\n\t padding-left: 34px;\r\n\t position: relative;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header::before {\r\n\t content: \'\';\r\n\t display: inline-block;\r\n\t width: 16px;\r\n\t height: 16px;\r\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_91_790)"><path d="M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z" fill="%23006E09"/></g><defs><clipPath id="clip0_91_790"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>\');\r\n\t vertical-align: middle;\r\n\t position: absolute;\r\n\t left: 0;\r\n\t top: 4.5px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header.selected::before, :host .mobile-wrapper .acc-item fl-tab-header.init-active::before {\r\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_113_741)"><path d="M0 7.05566V10.8637H13.913V7.05566H0Z" fill="%23323B42"/></g><defs><clipPath id="clip0_113_741"><rect width="13.913" height="17.92" fill="white"/></clipPath></defs></svg>\');\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-content {\r\n\t padding-left: 34px;\r\n\t padding-bottom: 18px;\r\n}\r\n';export{i as featured_list}
|