@ptcwebops/ptcw-design 2.7.4 → 2.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/cjs/fl-tab-content_3.cjs.entry.js +6 -2
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/ptc-announcement.cjs.entry.js +2 -2
  4. package/dist/cjs/ptc-brightcov-video.cjs.entry.js +57 -0
  5. package/dist/cjs/ptc-featured-list.cjs.entry.js +7 -1
  6. package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +249 -0
  7. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +63 -0
  8. package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +88 -0
  9. package/dist/cjs/ptcw-design.cjs.js +1 -1
  10. package/dist/collection/collection-manifest.json +6 -0
  11. package/dist/collection/components/ptc-announcement/ptc-announcement.css +65 -7
  12. package/dist/collection/components/ptc-announcement/ptc-announcement.js +1 -1
  13. package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.css +18 -0
  14. package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +79 -0
  15. package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.css +9 -0
  16. package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js +11 -2
  17. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +13 -10
  18. package/dist/collection/components/ptc-featured-list/ptc-featured-list.js +6 -0
  19. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +118 -0
  20. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +134 -0
  21. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +222 -0
  22. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +98 -0
  23. package/dist/collection/components/ptc-theater-video/ptc-theater-video.css +68 -0
  24. package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +140 -0
  25. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +5705 -0
  26. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +123 -0
  27. package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.css +12 -0
  28. package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +99 -0
  29. package/dist/custom-elements/index.d.ts +36 -0
  30. package/dist/custom-elements/index.js +391 -8
  31. package/dist/esm/fl-tab-content_3.entry.js +6 -2
  32. package/dist/esm/loader.js +1 -1
  33. package/dist/esm/ptc-announcement.entry.js +2 -2
  34. package/dist/esm/ptc-brightcov-video.entry.js +53 -0
  35. package/dist/esm/ptc-featured-list.entry.js +7 -1
  36. package/dist/esm/ptc-filter-dropdown_4.entry.js +242 -0
  37. package/dist/esm/ptc-filter-level-theater.entry.js +59 -0
  38. package/dist/esm/ptc-theater-video-modal.entry.js +84 -0
  39. package/dist/esm/ptcw-design.js +1 -1
  40. package/dist/ptcw-design/p-17a5ae95.entry.js +1 -0
  41. package/dist/ptcw-design/p-553505a6.entry.js +1 -0
  42. package/dist/ptcw-design/p-565dd14e.entry.js +1 -0
  43. package/dist/ptcw-design/p-6449b769.entry.js +1 -0
  44. package/dist/ptcw-design/p-739ab9b5.entry.js +1 -0
  45. package/dist/ptcw-design/p-cf70a004.entry.js +1 -0
  46. package/dist/ptcw-design/p-fb88e7a6.entry.js +1 -0
  47. package/dist/ptcw-design/ptcw-design.css +1 -1
  48. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  49. package/dist/types/components/ptc-brightcov-video/ptc-brightcov-video.d.ts +6 -0
  50. package/dist/types/components/ptc-featured-list/fl-tab-header/fl-tab-header.d.ts +2 -0
  51. package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +24 -0
  52. package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +14 -0
  53. package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts +11 -0
  54. package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +15 -0
  55. package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +12 -0
  56. package/dist/types/components.d.ts +107 -0
  57. package/package.json +1 -1
  58. package/readme.md +1 -1
  59. package/dist/cjs/ptc-social-share.cjs.entry.js +0 -80
  60. package/dist/esm/ptc-social-share.entry.js +0 -76
  61. package/dist/ptcw-design/p-12acb46f.entry.js +0 -1
  62. package/dist/ptcw-design/p-515f4332.entry.js +0 -1
  63. package/dist/ptcw-design/p-ac63caae.entry.js +0 -1
  64. package/dist/ptcw-design/p-f1ea577b.entry.js +0 -1
@@ -1,76 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-22a84644.js';
2
-
3
- const ptcSocialShareCss = ":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";
4
-
5
- const PtcSocialShare = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.display = 'inline-block';
9
- this.shareType = 'twitter';
10
- this.shareTitle = undefined;
11
- this.text = undefined;
12
- this.url = undefined;
13
- this.source = '';
14
- this.recipient = '';
15
- this.iconColor = 'white';
16
- this.iconHoverColor = 'gray';
17
- this.isHover = false;
18
- this.iconSize = 'large';
19
- }
20
- render() {
21
- const classMap = this.getCssClassMap();
22
- return (h(Host, { class: classMap }, h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-mail" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-linkedin" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-twitter" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-fb" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-mail' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "mail-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "linkedin-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "twitter-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "facebook-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'share-api' ? h("icon-asset", Object.assign({ type: "solid", size: this.iconSize, name: "share-square" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'download' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "download-arrow-news", color: "inherit" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null), this.shareType == 'download' &&
23
- h("ptc-modal", { id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { type: 'h2', "text-align": 'center', "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
24
- }
25
- getCssClassMap() {
26
- return {
27
- ['ptc-social-share']: true,
28
- [this.display]: true,
29
- };
30
- }
31
- hoverToggle() {
32
- this.isHover = !this.isHover;
33
- }
34
- share() {
35
- if (this.shareType == 'twitter' || this.shareType == "blog-twitter") {
36
- window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`);
37
- }
38
- if (this.shareType == 'facebook' || this.shareType == "blog-facebook") {
39
- window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`);
40
- }
41
- if (this.shareType == 'linkedin' || this.shareType == "blog-linkedin") {
42
- window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`);
43
- }
44
- if (this.shareType == 'mail' || this.shareType == "blog-mail") {
45
- window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`);
46
- }
47
- if (this.shareType == 'share-api') {
48
- if (navigator.share) {
49
- navigator
50
- .share({
51
- title: this.shareTitle,
52
- text: this.text,
53
- url: this.url,
54
- })
55
- .then(() => console.log('Successful share'))
56
- .catch(error => console.log('Error sharing', error));
57
- }
58
- else {
59
- // fallback to sharing to twitter
60
- window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`);
61
- }
62
- }
63
- if (this.shareType == 'download') {
64
- let modal = this.el.shadowRoot.querySelector('#download-modal');
65
- modal.setAttribute('show', 'true');
66
- setTimeout(() => {
67
- modal.setAttribute('show', 'false');
68
- window.open(`${this.url}`, "_self");
69
- }, 1000);
70
- }
71
- }
72
- get el() { return getElement(this); }
73
- };
74
- PtcSocialShare.style = ptcSocialShareCss;
75
-
76
- export { PtcSocialShare as ptc_social_share };
@@ -1 +0,0 @@
1
- import{r as t,h as s,H as e,c as i,g as n}from"./p-ce0e4c5c.js";const o=class{constructor(s){t(this,s),this.nameKey=void 0,this.selected=!1}render(){return s(e,{class:"featured-content "+(this.selected?"selected":"")},s("div",{class:"fl-content-wrap"},s("slot",null)))}};o.style=":host{display:none}:host(.init-active){display:block}:host(.selected){display:block}";const l=class{constructor(s){t(this,s),this.flTabClicked=i(this,"flTabClicked",7),this.tabTitle=void 0,this.nameKey=void 0,this.selected=!1}handleClick(t){this.flTabClicked.emit({sender:this,event:t,name:this.nameKey})}render(){return s(e,{class:"fl-header "+(this.selected?"selected":""),onClick:this.handleClick.bind(this)},s("slot",null),s("p",null,s("ptc-tooltip",{"text-display":"inline","text-lines":"2",description:this.tabTitle,position:"bottom",width:"full-width",theme:"standard","hide-on-mobile":"false"})))}get el(){return n(this)}};l.style=":host{display:block}:host p{color:var(--color-gray-10);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin:0;padding:0}@media only screen and (min-width: 992px){:host p{font-size:var(--ptc-font-size-small)}}";const h=class{constructor(s){t(this,s),this.nameKey=void 0,this.selected=!1}render(){return s(e,{class:"featured-img "+(this.selected?"selected":"")},s("slot",null))}};h.style=":host{display:none;height:240px}@media only screen and (min-width: 480px){:host{height:320px}}@media only screen and (min-width: 768px){:host{height:450px}}@media only screen and (min-width: 992px){:host{height:500px}}:host(.init-active){display:block}:host(.selected){display:block}";export{o as fl_tab_content,l as fl_tab_header,h as fl_tab_image}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as e,H as n}from"./p-ce0e4c5c.js";const o=class{constructor(e){t(this,e),this.close=i(this,"close",7),this.closeClick=()=>{this.visible=!1,this.close.emit()},this.getIconSize=()=>"mobile"===this.windowSize?"xxx-large":"small",this.isMaxWidthTitle=()=>this.description?"":" max-title",this.barTitle="",this.description="",this.linkText=void 0,this.linkTitle=void 0,this.visible=void 0,this.linkUrl="#",this.insideContainer=void 0,this.target="_self",this.customMaxLines=4,this.windowSize="mobile",this.moreText=void 0}handleResize(){this.windowSize=window.innerWidth<992?"mobile":"desktop"}componentWillLoad(){this.handleResize()}render(){var t,i;const o=this.getCssClassMap();return e(n,null,e("div",{class:o,part:"part-announcement"},e("div",{class:this.insideContainer?"content-wrapper ptc-container":"content-wrapper"},e("div",{class:"left-content",part:"part-left-content"},this.barTitle?e("div",{class:`title${this.isMaxWidthTitle()}`},"mobile"===this.windowSize?this.barTitle:e("ptc-tooltip",{"text-display":"inline","max-length":"60","z-index":"z-2",description:this.barTitle,position:"bottom"})):null,"mobile"===this.windowSize?Object.assign({},this.description||this.linkUrl?e("ptc-readmore",{"visible-lines-custom":this.customMaxLines,"z-index":"z-3","more-text":this.moreText},e("div",{style:{display:"inline"}},this.description?this.description+" ":null,this.linkText?e("a",{class:"cta-link",href:this.linkUrl,title:null!==(t=this.linkTitle)&&void 0!==t?t:this.linkText,target:this.target},this.linkText,console.log("rending link")):null)):null):e("div",{class:"description"},this.description?e("ptc-tooltip",{"text-display":"inline","max-length":"165","z-index":"z-2",description:this.description+" ",position:"bottom"}):null,this.linkText?e("a",{class:"cta-link",href:this.linkUrl,title:null!==(i=this.linkTitle)&&void 0!==i?i:this.linkText,target:this.target},e("ptc-tooltip",{"text-display":"inline","max-length":"25","z-index":"z-2",description:this.linkText,position:"bottom"})):null)),e("icon-asset",{color:"inherit",name:"close-button-flat",type:"ptc",size:this.getIconSize(),onClick:this.closeClick,class:"bar-close"}))))}getCssClassMap(){return{announcement:!0,[this.visible?"visible":""]:!0}}};o.style=':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}.content-wrapper{display:flex;padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-05);margin:0 auto;align-items:center;justify-content:space-between;max-width:1200px}@media only screen and (min-width: 768px){.content-wrapper{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06)}}@media only screen and (min-width: 1200px){.content-wrapper{padding:var(--ptc-element-spacing-03) 15px var(--ptc-element-spacing-03) 15px;max-width:1170px;box-sizing:border-box}}@media screen and (min-width: 1400px){.content-wrapper{padding:var(--ptc-element-spacing-03) 0px var(--ptc-element-spacing-03) 0px;max-width:1200px}}.left-content{max-width:calc(100% - 76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.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:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);max-width:100%}.cta-link{color:var(--color-blue-07);font-size:var(--ptc-font-size-x-small);-webkit-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);-o-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);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}.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-blue-07)}.cta-link:hover{color:var(--color-blue-08)}.cta-link:active{color:var(--color-gray-09)}.cta-link:focus{outline:2px solid var(--color-blue-07);outline-offset:0.25rem}.bar-close{max-width: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}@media only screen and (min-width: 992px){.left-content{flex-direction:row;max-width:calc(100% - 58px);flex:1 1 1032px}.bar-close{max-width: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}}';export{o as ptc_announcement}
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as s,g as o}from"./p-ce0e4c5c.js";const e=class{constructor(i){t(this,i),this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large"}render(){const t=this.getCssClassMap();return i(s,{class:t},i("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle()},"mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-twitter"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?i("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&i("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},i("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}get el(){return o(this)}};e.style=":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";export{e as ptc_social_share}
@@ -1 +0,0 @@
1
- import{r as e,h as i,H as t,g as n}from"./p-ce0e4c5c.js";const a=class{constructor(i){e(this,i),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 i=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");i.forEach((i=>{i.classList.contains("init-active")&&i.classList.remove("init-active"),i.getAttribute("name-key")===e?i.setAttribute("selected","selected"):i.removeAttribute("selected")})),t.forEach((i=>{i.classList.contains("init-active")&&i.classList.remove("init-active"),i.getAttribute("name-key")===e?i.setAttribute("selected","selected"):i.removeAttribute("selected")}))}selectTab(e){const i=this.hostElement.shadowRoot.querySelectorAll("fl-tab-image"),t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),n=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");i.forEach((i=>{i.classList.contains("init-active")&&i.classList.remove("init-active"),i.getAttribute("name-key")===e?i.setAttribute("selected","selected"):i.removeAttribute("selected")})),t.forEach((i=>{if(this.updateActiveTab(e,i),i.getAttribute("name-key")===e){const e=i.querySelector("ptc-readmore");e&&e.updateReadmoreStatus()}})),n.forEach((i=>{this.updateActiveTab(e,i)}))}updateActiveTab(e,i){this.isMobile?i.getAttribute("name-key")===e?i.classList.contains("init-active")||"selected"==i.getAttribute("selected")?i.removeAttribute("selected"):i.setAttribute("selected","selected"):i.removeAttribute("selected"):i.getAttribute("name-key")===e?i.setAttribute("selected","selected"):i.removeAttribute("selected"),i.classList.contains("init-active")&&i.classList.remove("init-active")}render(){return i(t,null,i("div",{class:"featured-image-wrap"},i("fl-tab-image",{"name-key":"tab-01",class:"init-active"},i("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"})),i("fl-tab-image",{"name-key":"tab-02"},i("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"})),i("fl-tab-image",{"name-key":"tab-03"},i("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"})),i("fl-tab-image",{"name-key":"tab-04"},i("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?i("div",{class:"mobile-wrapper"},i("div",{class:"acc-item"},i("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),i("fl-tab-content",{"name-key":"tab-01",class:"init-active"},i("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},i("ptc-readmore",{"visible-lines-custom":"7","more-text":"Read More","less-text":"Read Less","read-more-position":"left",class:"inline"},"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. 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. 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. 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. 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.")),i("a",{href:"#"},"See More about Aerospace & Defense"))),i("div",{class:"acc-item"},i("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),i("fl-tab-content",{"name-key":"tab-02"},i("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."),i("a",{href:"#"},"See More about Aerospace & Defense"))),i("div",{class:"acc-item"},i("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),i("fl-tab-content",{"name-key":"tab-03"},i("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},i("ptc-readmore",{"visible-lines-custom":"7","more-text":"Read More","less-text":"Read Less","read-more-position":"left",class:"inline"},"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. 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. 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. 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. 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.")),i("a",{href:"#"},"See More about Aerospace & Defense"))),i("div",{class:"acc-item"},i("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"}),i("fl-tab-content",{"name-key":"tab-04"},i("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."),i("a",{href:"#"},"See More about Aerospace & Defense")))):i("div",{class:"non-mobile-wrapper"},i("div",{class:"header-list-wrap"},i("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),i("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),i("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),i("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"})),i("div",{class:"content-wrap"},i("fl-tab-content",{"name-key":"tab-01",class:"init-active"},i("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Aerospace & Defense"),i("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},i("ptc-readmore",{"visible-lines-custom":"7","more-text":"Read More","less-text":"Read Less","read-more-position":"left",class:"inline"},"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. 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. 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. 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. 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.")),i("a",{href:"#"},"See More about Aerospace & Defense")),i("fl-tab-content",{"name-key":"tab-02"},i("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Automotive"),i("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."),i("a",{href:"#"},"See More about Aerospace & Defense")),i("fl-tab-content",{"name-key":"tab-03"},i("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Electronics & High-Tech"),i("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."),i("a",{href:"#"},"See More about Aerospace & Defense")),i("fl-tab-content",{"name-key":"tab-04"},i("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Retail & Consumer Products"),i("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},i("ptc-readmore",{"visible-lines-custom":"7","more-text":"Read More","less-text":"Read Less","read-more-position":"left",class:"inline"},"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. 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. 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. 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. 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.")),i("a",{href:"#"},"See More about Aerospace & Defense")))))}get hostElement(){return n(this)}};a.style='a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-blue-07);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a,.light-links a.light-link,.background-grey-10 a,.background-grey-10 a.light-link,.background-plm-grey a,.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:visited,.light-links a.light-link:visited,.background-grey-10 a:visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:active,.light-links a:visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:active,.background-grey-10 a:visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:active,.background-plm-grey a:visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{color:var(--color-blue-07)}.light-links a:hover,.light-links a:visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:hover,.background-grey-10 a:visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:hover,.background-plm-grey a:visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a.disabled,.light-links a.light-link.disabled,.background-grey-10 a.disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a.disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block;box-sizing:border-box}:host ptc-background-video{height:240px}@media only screen and (min-width: 480px){:host ptc-background-video{height:320px}}@media only screen and (min-width: 768px){:host ptc-background-video{height:450px}}@media only screen and (min-width: 992px){:host ptc-background-video{height:500px}}:host .fl-header{cursor:pointer}:host .non-mobile-wrapper{box-sizing:border-box}@media only screen and (min-width: 992px){:host .non-mobile-wrapper{max-width:1078px;margin:-40px auto 0 auto;display:flex;align-items:center;width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:24px 32px;z-index:1;position:relative;min-height:350px}}@media (min-width: 1300px){:host .non-mobile-wrapper{margin:-75px auto 0 auto}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .header-list-wrap{padding-right:16px;margin-right:64px;min-width:270px;max-width:270px;box-sizing:border-box;display:flex;flex-direction:column;align-items:baseline}:host .non-mobile-wrapper .header-list-wrap::after{content:"";width:1px;height:calc(100% - 48px);background-color:var(--color-gray-05);position:absolute;left:297px;top:24px;bottom:24px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .content-wrap{padding-right:72px}}:host .non-mobile-wrapper .fl-header{border-radius:4px;margin:12px 0;padding:4px 8px}:host .non-mobile-wrapper .fl-header:hover{background-color:var(--color-gray-02)}:host .non-mobile-wrapper .fl-header.selected,:host .non-mobile-wrapper .fl-header.init-active{background-color:var(--color-gray-03)}:host .mobile-wrapper .acc-item{border-bottom:1px solid var(--color-gray-03);padding:14px 30px}:host .mobile-wrapper .acc-item fl-tab-header{padding-left:34px;position:relative}:host .mobile-wrapper .acc-item fl-tab-header::before{content:"";display:inline-block;width:16px;height:16px;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>\');vertical-align:middle;position:absolute;left:0;top:4.5px}:host .mobile-wrapper .acc-item fl-tab-header.selected::before,:host .mobile-wrapper .acc-item fl-tab-header.init-active::before{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>\')}:host .mobile-wrapper .acc-item fl-tab-content{padding-left:34px;padding-bottom:18px}';export{a as ptc_featured_list}