@ptcwebops/ptcw-design 2.0.5 → 2.0.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.
- package/dist/cjs/{icon-asset_5.cjs.entry.js → fl-tab-content_11.cjs.entry.js} +485 -41
- package/dist/cjs/list-item.cjs.entry.js +33 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container.cjs.entry.js +48 -0
- package/dist/cjs/{ptc-jumbotron.cjs.entry.js → ptc-breadcrumb_2.cjs.entry.js} +24 -0
- package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +4 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.css +11 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.js +61 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.css +16 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js +105 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.css +27 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.js +61 -0
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +188 -0
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.js +123 -0
- package/dist/custom-elements/index.d.ts +24 -0
- package/dist/custom-elements/index.js +164 -2
- package/dist/esm/bundle-example.entry.js +1 -1
- package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
- package/dist/esm/dropdown-item.entry.js +1 -1
- package/dist/esm/dynamic-box-bundle.entry.js +1 -1
- package/dist/esm/{icon-asset_5.entry.js → fl-tab-content_11.entry.js} +479 -41
- package/dist/esm/{index-8e63c32d.js → index-4afc9d28.js} +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/list-item.entry.js +29 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/lottie-player.entry.js +1 -1
- package/dist/esm/max-width-container.entry.js +44 -0
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/{ptc-jumbotron.entry.js → ptc-breadcrumb_2.entry.js} +25 -2
- package/dist/esm/ptc-card-bottom_3.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card.entry.js +1 -1
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-container.entry.js +1 -1
- package/dist/esm/ptc-date.entry.js +1 -1
- package/dist/esm/ptc-dropdown.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-filter-tag.entry.js +1 -1
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-icon-component.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-image-download-strip.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-lottie.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-pills.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-pagenation.entry.js +1 -1
- package/dist/esm/ptc-picture.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-dropdown.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-product-list.entry.js +1 -1
- package/dist/esm/ptc-product-sidebar.entry.js +1 -1
- package/dist/esm/ptc-progress-bar.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +1 -1
- package/dist/esm/ptc-slit-card.entry.js +1 -1
- package/dist/esm/ptc-social-share.entry.js +1 -1
- package/dist/esm/ptc-spacer.entry.js +34 -0
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-sticky-icons.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +1 -1
- package/dist/esm/ptc-sticky-title.entry.js +1 -1
- package/dist/esm/ptc-subnav-card.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +1 -1
- package/dist/esm/ptc-tab.entry.js +1 -1
- package/dist/esm/ptc-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptcw-design.js +3 -3
- package/dist/esm/sequential-bundle-example.entry.js +1 -1
- package/dist/esm/sequential-bundle.entry.js +1 -1
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/ptcw-design/{p-49b5abe9.entry.js → p-009f76ac.entry.js} +1 -1
- package/dist/ptcw-design/{p-4983e571.entry.js → p-00b2c937.entry.js} +1 -1
- package/dist/ptcw-design/{p-847d85ba.entry.js → p-033330d3.entry.js} +1 -1
- package/dist/ptcw-design/{p-73ea7065.entry.js → p-04549d19.entry.js} +1 -1
- package/dist/ptcw-design/{p-54ca3d2a.entry.js → p-046d0d0c.entry.js} +1 -1
- package/dist/ptcw-design/{p-8030db10.entry.js → p-07059441.entry.js} +1 -1
- package/dist/ptcw-design/p-07b6676a.entry.js +1 -0
- package/dist/ptcw-design/{p-d49d8875.entry.js → p-08f17ab6.entry.js} +1 -1
- package/dist/ptcw-design/{p-462567d1.entry.js → p-08f40716.entry.js} +1 -1
- package/dist/ptcw-design/{p-8c6b069b.entry.js → p-09a6b0a7.entry.js} +1 -1
- package/dist/ptcw-design/{p-366528df.entry.js → p-10555016.entry.js} +1 -1
- package/dist/ptcw-design/{p-3cf1f951.entry.js → p-1905e99d.entry.js} +1 -1
- package/dist/ptcw-design/{p-4702f4e4.entry.js → p-1a346da4.entry.js} +1 -1
- package/dist/ptcw-design/{p-cd55eba0.entry.js → p-1aaaefc2.entry.js} +1 -1
- package/dist/ptcw-design/{p-1cf0240f.entry.js → p-20500bc0.entry.js} +1 -1
- package/dist/ptcw-design/{p-4f465dd3.entry.js → p-2a959ce3.entry.js} +1 -1
- package/dist/ptcw-design/{p-b922e3a5.entry.js → p-2ac4eb02.entry.js} +1 -1
- package/dist/ptcw-design/p-2d666a05.entry.js +1 -0
- package/dist/ptcw-design/{p-ba3372d4.entry.js → p-35b3d9a8.entry.js} +1 -1
- package/dist/ptcw-design/{p-cdff68d4.entry.js → p-372a6bb1.entry.js} +1 -1
- package/dist/ptcw-design/{p-3bb54c51.entry.js → p-42424ba0.entry.js} +1 -1
- package/dist/ptcw-design/{p-2d69f408.entry.js → p-47ee06af.entry.js} +1 -1
- package/dist/ptcw-design/{p-250b3ea1.entry.js → p-4947eb0a.entry.js} +1 -1
- package/dist/ptcw-design/{p-5e0dd0fe.entry.js → p-4be56588.entry.js} +1 -1
- package/dist/ptcw-design/{p-46afd828.entry.js → p-4f93dac7.entry.js} +1 -1
- package/dist/ptcw-design/{p-561d7a5c.entry.js → p-5854b9b4.entry.js} +1 -1
- package/dist/ptcw-design/{p-a7961cf6.entry.js → p-5c9d254c.entry.js} +1 -1
- package/dist/ptcw-design/{p-469482ba.entry.js → p-64691ccb.entry.js} +1 -1
- package/dist/ptcw-design/{p-2b079e72.entry.js → p-66a25008.entry.js} +1 -1
- package/dist/ptcw-design/{p-77d49d3d.entry.js → p-68543211.entry.js} +1 -1
- package/dist/ptcw-design/{p-d7d6eff1.entry.js → p-6a0b0d0e.entry.js} +1 -1
- package/dist/ptcw-design/{p-8a1c2577.entry.js → p-6acd380a.entry.js} +1 -1
- package/dist/ptcw-design/{p-938eb938.entry.js → p-7097ec55.entry.js} +1 -1
- package/dist/ptcw-design/{p-3f6b95bb.entry.js → p-743dae02.entry.js} +1 -1
- package/dist/ptcw-design/p-7650e042.entry.js +1 -0
- package/dist/ptcw-design/{p-e66e3791.entry.js → p-7698cc75.entry.js} +1 -1
- package/dist/ptcw-design/{p-fa58bf5f.entry.js → p-77d3b816.entry.js} +1 -1
- package/dist/ptcw-design/p-799bbd3a.entry.js +1 -0
- package/dist/ptcw-design/{p-399345bb.entry.js → p-7e978dd7.entry.js} +1 -1
- package/dist/ptcw-design/{p-bb3ce5f2.entry.js → p-8116452c.entry.js} +1 -1
- package/dist/ptcw-design/{p-af3a4142.entry.js → p-87ccd549.entry.js} +1 -1
- package/dist/ptcw-design/{p-a6a343a7.entry.js → p-8c212875.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a5ee2d5.entry.js → p-90143d7c.entry.js} +1 -1
- package/dist/ptcw-design/{p-dedaf951.entry.js → p-908b08d5.entry.js} +1 -1
- package/dist/ptcw-design/{p-2181c8c7.entry.js → p-9805a542.entry.js} +1 -1
- package/dist/ptcw-design/{p-c3b7c168.entry.js → p-9bbfeec6.entry.js} +1 -1
- package/dist/ptcw-design/{p-63c06667.js → p-9dd25c18.js} +1 -1
- package/dist/ptcw-design/{p-4e80cc93.entry.js → p-a1f30323.entry.js} +1 -1
- package/dist/ptcw-design/{p-fe0928c0.entry.js → p-a49ba579.entry.js} +1 -1
- package/dist/ptcw-design/{p-e865c958.entry.js → p-a4c49997.entry.js} +1 -1
- package/dist/ptcw-design/{p-57fa9836.entry.js → p-a532ea92.entry.js} +1 -1
- package/dist/ptcw-design/{p-b9bbe5d9.entry.js → p-a6014d9a.entry.js} +1 -1
- package/dist/ptcw-design/p-a6ebedfd.entry.js +1 -0
- package/dist/ptcw-design/{p-34f2f815.entry.js → p-a7eb1503.entry.js} +1 -1
- package/dist/ptcw-design/{p-d7232d12.entry.js → p-a924d029.entry.js} +1 -1
- package/dist/ptcw-design/p-ab2a2d1a.entry.js +1 -0
- package/dist/ptcw-design/{p-40adeccf.entry.js → p-ad924207.entry.js} +1 -1
- package/dist/ptcw-design/{p-51bfb258.entry.js → p-b2afe3a3.entry.js} +1 -1
- package/dist/ptcw-design/{p-26880c78.entry.js → p-b64cd689.entry.js} +1 -1
- package/dist/ptcw-design/{p-55d298f5.entry.js → p-b73ea53a.entry.js} +1 -1
- package/dist/ptcw-design/{p-b99f5093.entry.js → p-bdfd42d2.entry.js} +1 -1
- package/dist/ptcw-design/{p-4783fc15.entry.js → p-c05218ed.entry.js} +1 -1
- package/dist/ptcw-design/{p-cd6b8c27.entry.js → p-c1d75020.entry.js} +1 -1
- package/dist/ptcw-design/{p-12780f09.entry.js → p-c326164f.entry.js} +1 -1
- package/dist/ptcw-design/{p-4977dc6d.entry.js → p-c43f4e1a.entry.js} +1 -1
- package/dist/ptcw-design/{p-574680c3.entry.js → p-c83efab5.entry.js} +1 -1
- package/dist/ptcw-design/{p-11e086c2.entry.js → p-c852499f.entry.js} +1 -1
- package/dist/ptcw-design/{p-a24ecd75.entry.js → p-c9342bd2.entry.js} +1 -1
- package/dist/ptcw-design/{p-69dd7c50.entry.js → p-c9ded71b.entry.js} +1 -1
- package/dist/ptcw-design/{p-dd6501a8.entry.js → p-cff0b2b0.entry.js} +1 -1
- package/dist/ptcw-design/{p-5e08dc82.entry.js → p-d7e11aad.entry.js} +1 -1
- package/dist/ptcw-design/{p-97587e57.entry.js → p-d94d1fa5.entry.js} +1 -1
- package/dist/ptcw-design/p-da15fae5.entry.js +1 -0
- package/dist/ptcw-design/{p-0f9b2495.entry.js → p-dc64e2d4.entry.js} +1 -1
- package/dist/ptcw-design/{p-fb4779ce.entry.js → p-ddf7819e.entry.js} +1 -1
- package/dist/ptcw-design/{p-08658fa3.entry.js → p-dea73da3.entry.js} +1 -1
- package/dist/ptcw-design/{p-59058faa.entry.js → p-deed8ef6.entry.js} +1 -1
- package/dist/ptcw-design/{p-c7bd4d99.entry.js → p-e282af3d.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5fadad0.entry.js → p-e2be8313.entry.js} +1 -1
- package/dist/ptcw-design/{p-af3d5be7.entry.js → p-e329399d.entry.js} +1 -1
- package/dist/ptcw-design/{p-e6fa27fb.entry.js → p-e8127819.entry.js} +1 -1
- package/dist/ptcw-design/p-edc34ad7.entry.js +1 -0
- package/dist/ptcw-design/{p-eed3687b.entry.js → p-effa1f41.entry.js} +1 -1
- package/dist/ptcw-design/{p-a944a3be.entry.js → p-f4479b50.entry.js} +1 -1
- package/dist/ptcw-design/{p-49dc9b68.entry.js → p-f927e1f9.entry.js} +1 -1
- package/dist/ptcw-design/{p-2318d652.entry.js → p-fbf6f66c.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-featured-list/fl-tab-content/fl-tab-content.d.ts +5 -0
- package/dist/types/components/ptc-featured-list/fl-tab-header/fl-tab-header.d.ts +10 -0
- package/dist/types/components/ptc-featured-list/fl-tab-image/fl-tab-image.d.ts +5 -0
- package/dist/types/components/ptc-featured-list/ptc-featured-list.d.ts +11 -0
- package/dist/types/components.d.ts +71 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/max-width-container_3.cjs.entry.js +0 -237
- package/dist/cjs/ptc-para_2.cjs.entry.js +0 -94
- package/dist/cjs/ptc-tooltip.cjs.entry.js +0 -106
- package/dist/esm/max-width-container_3.entry.js +0 -231
- package/dist/esm/ptc-para_2.entry.js +0 -89
- package/dist/esm/ptc-tooltip.entry.js +0 -102
- package/dist/ptcw-design/p-1b7841bd.entry.js +0 -1
- package/dist/ptcw-design/p-718d6ae8.entry.js +0 -1
- package/dist/ptcw-design/p-ba213813.entry.js +0 -1
- package/dist/ptcw-design/p-baabdb8a.entry.js +0 -1
- package/dist/ptcw-design/p-e2b29e4b.entry.js +0 -1
- package/dist/ptcw-design/p-e93dcf82.entry.js +0 -1
- package/dist/ptcw-design/p-f74283c6.entry.js +0 -1
- package/dist/ptcw-design/p-f8fa5a02.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-63c06667.js";const e=class{constructor(s){t(this,s),this.pageClicked=i(this,"pageClicked",7),this.handleClick=t=>{t&&t.preventDefault();let i=this.getPageLength();this.clickedPageNumber<this.getPageCount()&&(this.clickedPageNumber+1<=this.maxPageNumber?this.handleClickPage(t,this.clickedPageNumber+1):(this.minPageNumber=this.minPageNumber+i,this.clickedPageNumber=this.clickedPageNumber+1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.handleClickPrev=t=>{t&&t.preventDefault();let i=this.getPageLength();this.clickedPageNumber>1&&(this.clickedPageNumber-1>=this.minPageNumber?this.handleClickPage(t,this.clickedPageNumber-1):(this.minPageNumber=this.minPageNumber-i,this.minPageNumber<1&&(this.minPageNumber=1),this.clickedPageNumber=this.clickedPageNumber-1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.getPageCount=()=>{let t=0;return 0!=this.totalCount&&(t=this.totalCount%this.numberOfItems==0?this.totalCount/this.numberOfItems:this.totalCount/this.numberOfItems+1),Math.floor(t)},this.getIndex=()=>{let t=this.getPageLength();if(this.appendArray){let i=this.getPageCount();"standard"==this.theme?this.isSmallScreen?this.getPageCount()<=5?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):1==t?(this.minPageNumber=this.clickedPageNumber,this.maxPageNumber=this.clickedPageNumber):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<i-2?(this.maxPageNumber=this.minPageNumber+1,this.maxPageNumber>i&&(this.maxPageNumber=i)):this.maxPageNumber=i):this.getPageCount()<=6?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):2==t?(this.minPageNumber=this.clickedPageNumber-1,this.maxPageNumber=this.clickedPageNumber+1):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<i-2?(this.maxPageNumber=this.minPageNumber+3,this.maxPageNumber>i&&(this.maxPageNumber=i)):this.maxPageNumber=i):this.maxPageNumber=i>=this.minPageNumber+t?this.minPageNumber+t:i,this.pageNumbers=[];for(let t=this.minPageNumber;t<=this.maxPageNumber;t++){let i=t+"Id",s=!1;t==this.clickedPageNumber&&(s=!0),t==this.getPageCount()&&(i="last"),this.pageNumbers=[...this.pageNumbers,{id:i,isActive:s,dataPage:t}]}}return this.pageNumbers},this.totalCount=void 0,this.numberOfItems=9,this.previousValue="Previous",this.lastValue="Next",this.pageNumbers=[],this.isSmallScreen=void 0,this.minPageNumber=1,this.maxPageNumber=4,this.clickedPageNumber=1,this.appendArray=!0,this.prevArrowImg="/dist/ptc/images/sidescroll-left-curved.svg",this.nextArrowImg="/dist/ptc/images/sidescroll-right-curved.svg",this.theme="events",this.styles=void 0}componentWillLoad(){this.verifiyScreenSize(),"standard"==this.theme?this.setupStandardPresets():this.setupEventPresets()}setupStandardPresets(){this.clickedPageNumber<1||this.clickedPageNumber>this.getPageCount()&&(this.clickedPageNumber=this.getPageCount()),this.isSmallScreen?1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-1):1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-3)}setupEventPresets(){this.clickedPageNumber>1&&(this.clickedPageNumber>this.getPageCount()?(this.clickedPageNumber=this.getPageCount(),this.maxPageNumber=this.getPageCount(),this.minPageNumber=this.clickedPageNumber-2):(this.maxPageNumber=this.clickedPageNumber+1,this.minPageNumber=this.clickedPageNumber-1))}render(){let t=this.getPageCount(),i=this.getPageLength();if(this.pageNumbers=[...this.getIndex()],"standard"===this.theme){let e=t>6;return s("div",{class:"standard-filter"},this.styles&&s("style",null,this.styles),s("a",{href:"#",class:1==this.clickedPageNumber?"previous-button disabled":"previous-button",onClick:this.handleClickPrev},s("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})),e&&this.clickedPageNumber>i?[s("a",{href:"#","data-url":"first","data-page":1,class:"standard-filter-item",onClick:t=>this.handlePageSkip(t,1)},1),s("span",{class:"standard-filter-dots"},"...")]:null,this.pageNumbers.map((t=>s("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"standard-filter-item active":"standard-filter-item",onClick:i=>this.handleClickPage(i,t.dataPage)},t.dataPage))),e&&t>this.maxPageNumber?[s("span",{class:"standard-filter-dots"},"..."),s("a",{href:"#","data-url":"last","data-page":t,class:"standard-filter-item",onClick:i=>this.handlePageSkip(i,t)},t)]:null,s("a",{href:"#",class:this.clickedPageNumber==t?"next-button disabled":"next-button",onClick:this.handleClick},s("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})))}return s("div",{class:"events-filter"},this.styles&&s("style",null,this.styles),s("span",{class:1==this.clickedPageNumber?"events-filter-item disabled prev-text":"events-filter-item prev-text"},this.previousValue),s("img",{src:this.prevArrowImg,onClick:this.handleClickPrev,class:1==this.clickedPageNumber?"pagenation-arrow prev-page events-disable-arrows":"pagenation-arrow prev-page"}),this.pageNumbers.map((t=>s("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"events-filter-item active":"events-filter-item",onClick:i=>this.handleClickPage(i,t.dataPage)},t.dataPage))),t>this.maxPageNumber?s("span",{class:"events-filter-dots"},". . ."):null,s("img",{src:this.nextArrowImg,onClick:this.handleClick,class:this.clickedPageNumber==t?"pagenation-arrow last-page events-disable-arrows":"pagenation-arrow last-page"}),s("span",{class:this.clickedPageNumber==t?"events-filter-item disabled last-text":"events-filter-item last-text"},this.lastValue))}handlePageSkip(t,i){t&&t.preventDefault(),this.isSmallScreen?1==i?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=i,this.minPageNumber=this.maxPageNumber-1):1==i?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=i,this.minPageNumber=this.maxPageNumber-3),this.clickedPageNumber=i,this.appendArray=!0,this.pageClicked.emit(i)}handleClickPage(t,i){t&&t.preventDefault(),this.clickedPageNumber=i;let s=[];this.appendArray=!1,s=[...this.pageNumbers],s.map((t=>{t.isActive=t.dataPage==i})),this.pageNumbers=null,this.pageNumbers=[...s],this.pageClicked.emit(i)}getPageLength(){return"standard"==this.theme?(this.appendArray=!0,this.isSmallScreen?this.clickedPageNumber>2&&this.clickedPageNumber<this.getPageCount()-1?1:2:this.clickedPageNumber>3&&this.clickedPageNumber<this.getPageCount()-1?2:4):3}windowResize(){this.verifiyScreenSize()}verifiyScreenSize(){this.isSmallScreen=window.innerWidth<=479}};e.style=":host{display:block}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.standard-filter{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);text-align:center}.standard-filter .standard-filter-item{height:2.5rem;width:2.5rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border-radius:var(--ptc-border-radius-standard);color:var(--color-gray-10);text-decoration:none}.standard-filter .standard-filter-item:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .standard-filter-item:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .standard-filter-item:active{background-color:var(--color-gray-05);text-decoration:none}.standard-filter .standard-filter-item.active{background-color:var(--color-gray-12);color:var(--color-white)}.standard-filter .standard-filter-item.active:hover{background-color:var(--color-gray-12);cursor:default}.standard-filter .standard-filter-item[data-url=last]{margin-right:1.25rem}.standard-filter .next-button,.standard-filter .previous-button{font-size:var(--ptc-font-size-x-small);font-weight:normal;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-10);border-radius:calc(var(--ptc-border-radius-standard) / 2);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.standard-filter .next-button:hover,.standard-filter .previous-button:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .next-button:active,.standard-filter .previous-button:active{background-color:var(--color-gray-05);text-decoration:none}.standard-filter .next-button:focus,.standard-filter .previous-button:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .next-button.disabled,.standard-filter .previous-button.disabled{cursor:default;border-color:var(--color-gray-04);color:var(--color-gray-04);fill:var(--color-gray-04)}.standard-filter .next-button.disabled:hover,.standard-filter .next-button.disabled:active,.standard-filter .previous-button.disabled:hover,.standard-filter .previous-button.disabled:active{background-color:transparent}.standard-filter .previous-button{margin-right:1.25rem}.standard-filter .previous-button icon-asset{transform:rotate(90deg);position:relative;right:2px}.standard-filter .next-button icon-asset{transform:rotate(-90deg);position:relative;left:1px}.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}@media (768px){.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline}.last-text{display:inline}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}span.events-filter-item:hover,span.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-gray-10)}span.events-filter-item.disabled{color:var(--color-white-01)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";export{e as ptc_pagenation}
|
|
1
|
+
import{r as t,c as i,h as s}from"./p-9dd25c18.js";const e=class{constructor(s){t(this,s),this.pageClicked=i(this,"pageClicked",7),this.handleClick=t=>{t&&t.preventDefault();let i=this.getPageLength();this.clickedPageNumber<this.getPageCount()&&(this.clickedPageNumber+1<=this.maxPageNumber?this.handleClickPage(t,this.clickedPageNumber+1):(this.minPageNumber=this.minPageNumber+i,this.clickedPageNumber=this.clickedPageNumber+1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.handleClickPrev=t=>{t&&t.preventDefault();let i=this.getPageLength();this.clickedPageNumber>1&&(this.clickedPageNumber-1>=this.minPageNumber?this.handleClickPage(t,this.clickedPageNumber-1):(this.minPageNumber=this.minPageNumber-i,this.minPageNumber<1&&(this.minPageNumber=1),this.clickedPageNumber=this.clickedPageNumber-1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.getPageCount=()=>{let t=0;return 0!=this.totalCount&&(t=this.totalCount%this.numberOfItems==0?this.totalCount/this.numberOfItems:this.totalCount/this.numberOfItems+1),Math.floor(t)},this.getIndex=()=>{let t=this.getPageLength();if(this.appendArray){let i=this.getPageCount();"standard"==this.theme?this.isSmallScreen?this.getPageCount()<=5?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):1==t?(this.minPageNumber=this.clickedPageNumber,this.maxPageNumber=this.clickedPageNumber):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<i-2?(this.maxPageNumber=this.minPageNumber+1,this.maxPageNumber>i&&(this.maxPageNumber=i)):this.maxPageNumber=i):this.getPageCount()<=6?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):2==t?(this.minPageNumber=this.clickedPageNumber-1,this.maxPageNumber=this.clickedPageNumber+1):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<i-2?(this.maxPageNumber=this.minPageNumber+3,this.maxPageNumber>i&&(this.maxPageNumber=i)):this.maxPageNumber=i):this.maxPageNumber=i>=this.minPageNumber+t?this.minPageNumber+t:i,this.pageNumbers=[];for(let t=this.minPageNumber;t<=this.maxPageNumber;t++){let i=t+"Id",s=!1;t==this.clickedPageNumber&&(s=!0),t==this.getPageCount()&&(i="last"),this.pageNumbers=[...this.pageNumbers,{id:i,isActive:s,dataPage:t}]}}return this.pageNumbers},this.totalCount=void 0,this.numberOfItems=9,this.previousValue="Previous",this.lastValue="Next",this.pageNumbers=[],this.isSmallScreen=void 0,this.minPageNumber=1,this.maxPageNumber=4,this.clickedPageNumber=1,this.appendArray=!0,this.prevArrowImg="/dist/ptc/images/sidescroll-left-curved.svg",this.nextArrowImg="/dist/ptc/images/sidescroll-right-curved.svg",this.theme="events",this.styles=void 0}componentWillLoad(){this.verifiyScreenSize(),"standard"==this.theme?this.setupStandardPresets():this.setupEventPresets()}setupStandardPresets(){this.clickedPageNumber<1||this.clickedPageNumber>this.getPageCount()&&(this.clickedPageNumber=this.getPageCount()),this.isSmallScreen?1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-1):1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-3)}setupEventPresets(){this.clickedPageNumber>1&&(this.clickedPageNumber>this.getPageCount()?(this.clickedPageNumber=this.getPageCount(),this.maxPageNumber=this.getPageCount(),this.minPageNumber=this.clickedPageNumber-2):(this.maxPageNumber=this.clickedPageNumber+1,this.minPageNumber=this.clickedPageNumber-1))}render(){let t=this.getPageCount(),i=this.getPageLength();if(this.pageNumbers=[...this.getIndex()],"standard"===this.theme){let e=t>6;return s("div",{class:"standard-filter"},this.styles&&s("style",null,this.styles),s("a",{href:"#",class:1==this.clickedPageNumber?"previous-button disabled":"previous-button",onClick:this.handleClickPrev},s("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})),e&&this.clickedPageNumber>i?[s("a",{href:"#","data-url":"first","data-page":1,class:"standard-filter-item",onClick:t=>this.handlePageSkip(t,1)},1),s("span",{class:"standard-filter-dots"},"...")]:null,this.pageNumbers.map((t=>s("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"standard-filter-item active":"standard-filter-item",onClick:i=>this.handleClickPage(i,t.dataPage)},t.dataPage))),e&&t>this.maxPageNumber?[s("span",{class:"standard-filter-dots"},"..."),s("a",{href:"#","data-url":"last","data-page":t,class:"standard-filter-item",onClick:i=>this.handlePageSkip(i,t)},t)]:null,s("a",{href:"#",class:this.clickedPageNumber==t?"next-button disabled":"next-button",onClick:this.handleClick},s("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})))}return s("div",{class:"events-filter"},this.styles&&s("style",null,this.styles),s("span",{class:1==this.clickedPageNumber?"events-filter-item disabled prev-text":"events-filter-item prev-text"},this.previousValue),s("img",{src:this.prevArrowImg,onClick:this.handleClickPrev,class:1==this.clickedPageNumber?"pagenation-arrow prev-page events-disable-arrows":"pagenation-arrow prev-page"}),this.pageNumbers.map((t=>s("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"events-filter-item active":"events-filter-item",onClick:i=>this.handleClickPage(i,t.dataPage)},t.dataPage))),t>this.maxPageNumber?s("span",{class:"events-filter-dots"},". . ."):null,s("img",{src:this.nextArrowImg,onClick:this.handleClick,class:this.clickedPageNumber==t?"pagenation-arrow last-page events-disable-arrows":"pagenation-arrow last-page"}),s("span",{class:this.clickedPageNumber==t?"events-filter-item disabled last-text":"events-filter-item last-text"},this.lastValue))}handlePageSkip(t,i){t&&t.preventDefault(),this.isSmallScreen?1==i?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=i,this.minPageNumber=this.maxPageNumber-1):1==i?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=i,this.minPageNumber=this.maxPageNumber-3),this.clickedPageNumber=i,this.appendArray=!0,this.pageClicked.emit(i)}handleClickPage(t,i){t&&t.preventDefault(),this.clickedPageNumber=i;let s=[];this.appendArray=!1,s=[...this.pageNumbers],s.map((t=>{t.isActive=t.dataPage==i})),this.pageNumbers=null,this.pageNumbers=[...s],this.pageClicked.emit(i)}getPageLength(){return"standard"==this.theme?(this.appendArray=!0,this.isSmallScreen?this.clickedPageNumber>2&&this.clickedPageNumber<this.getPageCount()-1?1:2:this.clickedPageNumber>3&&this.clickedPageNumber<this.getPageCount()-1?2:4):3}windowResize(){this.verifiyScreenSize()}verifiyScreenSize(){this.isSmallScreen=window.innerWidth<=479}};e.style=":host{display:block}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.standard-filter{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);text-align:center}.standard-filter .standard-filter-item{height:2.5rem;width:2.5rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border-radius:var(--ptc-border-radius-standard);color:var(--color-gray-10);text-decoration:none}.standard-filter .standard-filter-item:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .standard-filter-item:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .standard-filter-item:active{background-color:var(--color-gray-05);text-decoration:none}.standard-filter .standard-filter-item.active{background-color:var(--color-gray-12);color:var(--color-white)}.standard-filter .standard-filter-item.active:hover{background-color:var(--color-gray-12);cursor:default}.standard-filter .standard-filter-item[data-url=last]{margin-right:1.25rem}.standard-filter .next-button,.standard-filter .previous-button{font-size:var(--ptc-font-size-x-small);font-weight:normal;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-10);border-radius:calc(var(--ptc-border-radius-standard) / 2);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.standard-filter .next-button:hover,.standard-filter .previous-button:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .next-button:active,.standard-filter .previous-button:active{background-color:var(--color-gray-05);text-decoration:none}.standard-filter .next-button:focus,.standard-filter .previous-button:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .next-button.disabled,.standard-filter .previous-button.disabled{cursor:default;border-color:var(--color-gray-04);color:var(--color-gray-04);fill:var(--color-gray-04)}.standard-filter .next-button.disabled:hover,.standard-filter .next-button.disabled:active,.standard-filter .previous-button.disabled:hover,.standard-filter .previous-button.disabled:active{background-color:transparent}.standard-filter .previous-button{margin-right:1.25rem}.standard-filter .previous-button icon-asset{transform:rotate(90deg);position:relative;right:2px}.standard-filter .next-button icon-asset{transform:rotate(-90deg);position:relative;left:1px}.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}@media (768px){.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline}.last-text{display:inline}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}span.events-filter-item:hover,span.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-gray-10)}span.events-filter-item.disabled{color:var(--color-white-01)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";export{e as ptc_pagenation}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-9dd25c18.js";const c=class{constructor(o){t(this,o),this.ctaTitle=void 0,this.description=void 0,this.backgroundImage=void 0}render(){return o(e,null,o("div",{class:"hero-footer-cta ",style:{backgroundImage:`url(${this.backgroundImage})`}},o("svg",{class:"btm-cta-cut",xmlns:"http://www.w3.org/2000/svg",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179"},o("path",{fill:"#F3F3F3",id:"Path_8770",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"path-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),o("div",{class:"cta-overlay"}),o("div",{class:"ptc-container is-grid has-p-lg"},o("div",{class:"is-col-8-lg cta-left-padding"},o("h2",null,this.ctaTitle),o("p",null,this.description)),o("div",{class:"is-col-4-lg cta-section"},o("slot",{name:"cta"})))))}};c.style=".sc-ptc-hero-footer-cta-h{display:block}.hero-footer-cta.sc-ptc-hero-footer-cta{position:relative;padding:var(--ptc-layout-spacing-05) 0;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative}.hero-footer-cta.sc-ptc-hero-footer-cta .is-grid.sc-ptc-hero-footer-cta{align-items:center;position:relative;z-index:10;margin:auto}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta,.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{color:var(--color-white);text-shadow:1px 1px 20px rgba(0, 0, 0, 0.5);font-stretch:normal;font-style:normal;text-align:left;color:var(--color-white)}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-black);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold)}}.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{max-width:70%}}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser)}}.hero-footer-cta.sc-ptc-hero-footer-cta .cta-overlay.sc-ptc-hero-footer-cta{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.35)}.hero-footer-cta.sc-ptc-hero-footer-cta .btm-cta-cut.sc-ptc-hero-footer-cta{position:absolute;top:-1px;right:0;fill:var(--color-white);z-index:100;transform:scaleY(-1)}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta .cta-left-padding.sc-ptc-hero-footer-cta{padding-left:var(--ptc-element-spacing-08)}}";export{c as ptc_hero_footer_cta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-
|
|
1
|
+
import{r as t,h as s}from"./p-9dd25c18.js";const o=class{constructor(s){t(this,s),this.jsonSrc=void 0,this.speed=1}render(){return s("lottie-player",{autoplay:!0,loop:!0,src:this.jsonSrc,speed:this.speed})}};o.style=":host{display:block;width:100%;height:auto}";export{o as ptc_lottie}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as t}from"./p-
|
|
1
|
+
import{r as a,h as e,H as t}from"./p-9dd25c18.js";import{S as i}from"./p-553d840a.js";const r=class{constructor(e){a(this,e),this.isMobile=void 0}handleResize(){this.isMobile=window.innerWidth<1200}componentWillLoad(){this.isMobile=window.innerWidth<1200}componentDidLoad(){this.initSlider()}render(){return e(t,null,this.isMobile?e("div",{class:"swiper-container",ref:a=>this.swiperContainerRef=a},e("div",{class:"swiper-wrapper"},e("div",{class:"swiper-slide"},e("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},e("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),e("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"x-large"}),e("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),e("div",{class:"swiper-slide"},e("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},e("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),e("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"x-large"}),e("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),e("div",{class:"swiper-slide"},e("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},e("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),e("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"x-large"}),e("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")))),e("div",{class:"swiper-pagination"})):e("div",null,"test"))}initSlider(){this.isMobile&&this.swiperContainerRef&&(this.mySwiper=new i(this.swiperContainerRef,{loop:!0,slidesPerView:1}),console.log("running swiper"))}};r.style=":host{display:block}.accordion{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.swiper-container{width:100%;height:100%}@media only screen and (min-width: 1440px){.accordion-container{min-height:500px}}";export{r as sequential_bundle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n,H as i,
|
|
1
|
+
import{r as t,h as n,H as i,g as o}from"./p-9dd25c18.js";const e=class{constructor(n){t(this,n),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`}componentDidLoad(){this.updateSlider(void 0);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this))}handledropdownClickEvent(t){const n=t.target.querySelector(".nav-slider").id,i=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),o=document.querySelector(`#${n}`).shadowRoot.querySelector("#prevBtn"),e=document.querySelector(`#${n}`).shadowRoot.querySelector("#nextBtn");this.updateArrows(i,o,e)}updateArrows(t,n,i){t.offsetWidth==t.scrollWidth?(n.style.visibility="hidden",i.style.visibility="hidden"):t.scrollLeft+t.offsetWidth<=t.scrollWidth?t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(i.style.visibility="hidden",n.style.visibility="visible"):(n.style.visibility="visible",i.style.visibility="visible"):(n.style.visibility="hidden",i.style.visibility="visible"):(n.style.visibility="visible",i.style.visibility="hidden")}updateSlider(t){const n=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),i=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),o=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");this.updateArrows(void 0!==t?t.target:n,i,o)}leftScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft>0&&n.scrollBy(-200,0)}rightScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft+n.offsetWidth<n.scrollWidth&&n.scrollBy(200,0)}render(){return n(i,{class:"nav-slider",id:this.sliderId},n("div",{class:"btn-wrap-left"},n("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this)},n("svg",{width:"11",height:"15",viewBox:"0 0 11 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z",fill:"white"})))),n("div",{class:"box-wrap"},n("slot",null)),n("div",{class:"btn-wrap-right"},n("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this)},n("svg",{width:"11",height:"15",viewBox:"0 0 11 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z",fill:"white"})))))}get el(){return o(this)}};e.style="@media only screen and (min-width: 1200px){:host{max-width:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-46px}}:host .navArrows{display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host .btn-wrap-left{margin-right:14px}:host .btn-wrap-right{margin-left:14px}";export{e as ptc_nav_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as a,h as s,H as t,
|
|
1
|
+
import{r as o,c as a,h as s,H as t,g as r}from"./p-9dd25c18.js";const l=class{constructor(s){o(this,s),this.closed=a(this,"closed",7),this.opened=a(this,"opened",7),this.iframeUrl=void 0,this.size="sm",this.show=!1,this.overlay=!0,this.fixed=!1,this.closeOnBlur=!1,this.rounded=!1,this.showHeaderFooter=!1,this.overlayHeight=void 0,this.borderRadius="standard",this.isBioModal=!1,this.styles=void 0,this.bodyOverflowSetting=void 0}fireOnClosed(o){this.closed.emit(o)}fireOnOpened(o){this.opened.emit(o)}componentWillLoad(){let o=document.querySelector("body");this.bodyOverflowSetting={overflowY:o.style.overflowY,overflowX:o.style.overflowX}}componentWillRender(){let o=document.querySelector("body");o&&(this.show?(o.style.overflowY="scroll",o.style.overflowX="hidden"):(o.style.overflowY=this.bodyOverflowSetting.overflowY,o.style.overflowX=this.bodyOverflowSetting.overflowX))}componentDidLoad(){this.show&&this.fireOnOpened(this),this.showHeaderFooter&&this.handleScroll()}componentDidUpdate(){this.show?this.fireOnOpened(this):this.fireOnClosed(this)}resizeIframe(o){let a=o.target;setTimeout((()=>{try{a.contentDocument?a.height=`${a.contentDocument.body.scrollHeight}px`:(a.height="616px",a.removeAttribute("scrolling"))}catch(o){console.log(o),a.height="616px",a.removeAttribute("scrolling")}a.classList.add("ready")}),50)}handleScroll(){let o=this.el.shadowRoot.querySelector(".shadow-scroller");if(o){let r=o.querySelector(".modal-body");var a=r.scrollHeight,s=r.scrollTop,t=r.offsetHeight;r.clientHeight<a&&(s>0?o.classList.add("scroll-top"):o.classList.remove("scroll-top"),t+s<a?o.classList.add("scroll-bottom"):o.classList.remove("scroll-bottom"))}}close(){this.show=!1}render(){let o,a,r=this.iframeUrl?"frame":"html",l=s("div",{class:"close"},s("a",{href:"#",onClick:o=>{o.preventDefault(),this.close()}},this.isBioModal?s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"41.485",viewBox:"0 0 42 41.485"},s("g",{"data-name":"Group 1042",transform:"rotate(180 108.25 87.993)"},s("path",{d:"M0 0v39.486",class:"cls-1","data-name":"Line 446"}),s("path",{d:"M0 0h40",class:"cls-1","data-name":"Line 447"}),s("path",{d:"M0 33.592V0",class:"cls-1","data-name":"Line 448"}),s("path",{d:"M23.994 0H0",class:"cls-1","data-name":"Line 449"}),s("path",{d:"M0 0l17.596 17.596",class:"cls-2","data-name":"Line 450",transform:"translate(187.229 147.226)"}),s("path",{d:"M0 7.198L7.199 0",class:"cls-2","data-name":"Line 451",transform:"translate(197.55 147.312)"}),s("path",{d:"M0 7.2L7.2 0",class:"cls-2","data-name":"Path 114",transform:"translate(187.313 157.549)"}))):s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},s("path",{d:"M1 1L13 13",stroke:"black"}),s("path",{d:"M13 1L1 13",stroke:"black"}))));return o=this.iframeUrl?s("iframe",{src:this.iframeUrl,frameBorder:0,allowFullScreen:!1,height:"100%",width:"100%",scrolling:"no",onLoad:this.resizeIframe}):s("slot",this.showHeaderFooter?{name:"body"}:null),this.overlay&&(a=s("div",this.closeOnBlur?{class:"overlay",onClick:()=>this.close()}:{class:"overlay"})),s(t,{class:`${this.isBioModal?"bio-modal":""} ${this.borderRadius}`},this.styles&&s("style",null,this.styles),s("div",{class:`wrapper ${this.show?"show":"hide"} ${this.fixed?"fixed":""} `},a,s("div",{class:`modal-popup ${this.size} ${r} ${this.rounded?"rounded":""} ${this.showHeaderFooter?"shadow-scroller":""} `},this.showHeaderFooter?[s("div",{class:"modal-header"},s("slot",{name:"header"}),l),s("div",{class:"modal-body",onScroll:()=>this.handleScroll()},o),s("div",{class:"modal-footer"},s("slot",{name:"footer"}))]:[l,s("div",{class:"modal-body"},o)])))}get el(){return r(this)}};l.style=":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:var(--ptc-element-spacing-03);margin-top:var(--ptc-element-spacing-03)}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 196px)}@media only screen and (min-width: 992px){.wrapper .modal-popup.shadow-scroller{max-height:756px}}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden;overflow-y:auto}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:60px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}:host(.bio-modal) .close{position:absolute;margin:0;right:15px;top:30px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}";export{l as ptc_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,H as a,a as o}from"./p-63c06667.js";const p=class{constructor(r){t(this,r),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.outlineColor=void 0,this.styles=void 0,this.isLoading=!1}hoverEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||this.el.classList.contains("extra-tall")||(this.hoverEvent.emit(),this.el.classList.add("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||this.el.classList.contains("extra-tall")||(this.hoverEvent.emit(),this.el.classList.remove("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom"))}async setHeight(t){this.el.style.height=t+"px",this.el.querySelector("ptc-picture").style.height=t+"px"}async removeInlineHeight(){this.el.style.removeProperty("height");const t=this.el.querySelector("ptc-picture");t&&t.style.removeProperty("height")}render(){const t=this.getCssClassMap();return r(a,Object.assign({part:"card-content",class:t},this.isLoading?{}:{onMouseEnter:this.hoverEventHandler.bind(this)},this.isLoading?{}:{onMouseLeave:this.leaveEventHandler.bind(this)}),this.styles&&r("style",null,this.styles),r("div",{class:"ptc-card-content-wrapper"},r("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType,[this.outlineColor]:!!this.outlineColor}}get el(){return o(this)}};p.style=":host{display:block;height:100%}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}";export{p as ptc_card_content}
|
|
1
|
+
import{r as t,c as e,h as r,H as a,g as o}from"./p-9dd25c18.js";const p=class{constructor(r){t(this,r),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.outlineColor=void 0,this.styles=void 0,this.isLoading=!1}hoverEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||this.el.classList.contains("extra-tall")||(this.hoverEvent.emit(),this.el.classList.add("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||this.el.classList.contains("extra-tall")||(this.hoverEvent.emit(),this.el.classList.remove("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom"))}async setHeight(t){this.el.style.height=t+"px",this.el.querySelector("ptc-picture").style.height=t+"px"}async removeInlineHeight(){this.el.style.removeProperty("height");const t=this.el.querySelector("ptc-picture");t&&t.style.removeProperty("height")}render(){const t=this.getCssClassMap();return r(a,Object.assign({part:"card-content",class:t},this.isLoading?{}:{onMouseEnter:this.hoverEventHandler.bind(this)},this.isLoading?{}:{onMouseLeave:this.leaveEventHandler.bind(this)}),this.styles&&r("style",null,this.styles),r("div",{class:"ptc-card-content-wrapper"},r("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType,[this.outlineColor]:!!this.outlineColor}}get el(){return o(this)}};p.style=":host{display:block;height:100%}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}";export{p as ptc_card_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as a,H as t}from"./p-
|
|
1
|
+
import{r as i,h as a,H as t}from"./p-9dd25c18.js";const r=class{constructor(a){i(this,a),this.cardType="sim-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.heading=void 0,this.content=void 0,this.styles=void 0,this.cardImage=void 0}render(){const i=this.cardHref?"a":"div";return a(t,Object.assign({},this.cardType?{class:this.cardType}:{}),a(i,Object.assign({},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.cardImage?{dataImage:this.cardImage}:{},{class:"card-link"}),a("slot",{name:"slot-before-heading"}),this.heading?[a("div",{class:"card-heading"},a("div",{class:"card-heading-div"},a("span",{class:"ptc-h3"},this.heading),a("div",{class:"sim-arrow-wrapper"},a("div",{class:"sim-arrow"}))))]:null,this.content?[a("div",{class:"card-body"},a("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-margin":"margin-flush","para-style":"main","para-line-h":"line-height-dense"},this.content))]:null))}};r.style=':host{display:block}:host(.sim-card){display:block;height:100%}:host(.sim-card) .card-link{display:flex;flex-direction:column;outline:none;text-decoration:none;height:100%}:host(.sim-card) .card-link .card-heading{display:block;background-color:var(--color-gray-10);clip-path:polygon(0% 0%, calc(100% - 35px) 0%, 100% 45%, 100% 100%, 0% 100%)}:host(.sim-card) .card-link .card-heading .card-heading-div{max-width:75%;margin:15px 0px 15px 15px}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper{color:var(--color-green-14);display:inline;margin-bottom:2rem;white-space:nowrap}:host(.sim-card) .card-link .card-heading .card-heading-div .sim-arrow-wrapper .sim-arrow{background:transparent url(https://www.ptc.com/images/right-arrow.svg) no-repeat 100%;display:inline-block;height:10px;margin-left:5px;-webkit-transition:-webkit-transform 0.15s ease-in-out;transition:-webkit-transform 0.15s ease-in-out;-o-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;vertical-align:middle;width:10px}:host(.sim-card) .card-link .card-heading .ptc-h3{color:var(--color-white);font-family:var(--ptc-font-secondary-latin);font-size:14px;font-weight:900;line-height:2.17;position:relative}:host(.sim-card) .card-link .card-heading .ptc-h3::after{background-color:var(--color-green-14);bottom:-5px;content:"";height:2px;left:0;position:absolute;-webkit-transition:width 0.2s ease-in-out;-o-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;width:30px}:host(.sim-card) .card-link .card-body{background:var(--color-white);box-shadow:0 3px 25px 0 rgba(0, 0, 0, 0.16);padding:20px 15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:100%}:host(.sim-card) .card-link:hover{outline:none;text-decoration:none}:host(.sim-card) .card-link:hover .card-heading{display:block}:host(.sim-card) .card-link:hover .card-heading .ptc-h3::after{width:100%}:host(.sim-card) .card-link:hover .card-heading .sim-arrow{-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px)}:host(.sim-card) .card-link:hover .card-body{box-shadow:0 10px 30px 0 rgba(0, 0, 0, 0.3)}:host(.sim-card) .card-link:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.sim-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}';export{r as ptc_slit_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as h}from"./p-9dd25c18.js";const o=class{constructor(i){t(this,i),this.readMoreClicked=s(this,"readMoreClicked",7),this.expanded=!1,this.maxCharacters=100,this.description=void 0,this.readMoreText="Read More",this.readLessText="Read Less"}toggleExpand(){this.expanded=!this.expanded,this.readMoreClicked.emit(this.expanded)}render(){const t=this.description?this.description.trim():"",s=t.length>this.maxCharacters?t.substring(0,this.maxCharacters)+"...":t,h=this.expanded?this.readLessText:this.readMoreText;return i(e,null,i("p",{class:"description"},this.expanded?this.description:s),t.length>this.maxCharacters&&i("label",{class:"truncated-label",onClick:()=>this.toggleExpand()},h))}get el(){return h(this)}};o.style=':host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-blue-07);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:"";padding-left:8px}';export{o as ptc_readmore_char}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e}from"./p-
|
|
1
|
+
import{r as t,h as i,H as e}from"./p-9dd25c18.js";import{a}from"./p-36665caa.js";const o=class{constructor(i){t(this,i),this.videoEle=void 0,this.cardType="media-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.activeBackgroundImage=void 0,this.hoverBackgroundImage=void 0,this.heading=void 0,this.headingTransform="none",this.category=void 0,this.isHovered=!1}WatchStateHandler(t){this.videoEle&&(t?this.videoEle.play():this.videoEle.pause())}getCardText(){if("media-card"===this.cardType)return[i("div",{class:"card-wrap"},i("div",{class:"car-content"},i("h4",null,this.category," "),i("h3",null,this.heading)))]}render(){const t=this.cardHref?"a":"div",o=".mp4"===a(this.hoverBackgroundImage),s=this.getCssClassMap();return i(e,{class:s,onmouseenter:()=>this.isHovered=!0,onmouseleave:()=>this.isHovered=!1,style:this.isHovered?{backgroundImage:`url(${this.hoverBackgroundImage})`}:{backgroundImage:`url(${this.activeBackgroundImage})`}},i(t,{class:"anchor-wrap",target:this.target,href:this.cardHref,rel:this.rel},o&&i("video",{muted:!0,loop:!0,playsinline:!0,poster:this.activeBackgroundImage,ref:t=>this.videoEle=t,style:this.isHovered?{display:"block"}:{display:"none"}},i("source",{src:this.hoverBackgroundImage,type:"video/mp4"},"Your browser does not support the video tag.")),"media-card"===this.cardType&&i("ptc-overlay",{"filter-color":"black-2"}),"media-card"===this.cardType&&this.getCardText()))}getCssClassMap(){return{[this.cardType]:!0}}static get watchers(){return{isHovered:["WatchStateHandler"]}}};o.style=":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content h4,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-large);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-denser);display:inline;letter-spacing:1.1px}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content h4{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small);font-style:normal;font-stretch:normal;letter-spacing:0.6px}:host(.bureau-card){height:100%;position:relative}";export{o as ptc_media_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as o}from"./p-63c06667.js";const a=class{constructor(r){t(this,r),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.heading=void 0,this.headingTransform="none",this.cardDate=void 0,this.country=void 0,this.styles=void 0,this.ribbonText=void 0,this.eventType=void 0,this.cardLogo=void 0,this.titleLineCutOff=void 0}render(){const t=this.cardHref?"a":"div",a=this.getCssClassMap(),i=this.getLineCuttoff();let e="";return this.titleLineCutOff&&this.titleLineCutOff>0&&(e=" clamp-title"),r(o,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&r("style",null,this.styles),r("div",{class:"card-border",part:"border-wrapper"},r(t,Object.assign({class:a,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?r("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?r("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"resource-center-card"==this.cardType||this.ribbonText&&"related-card"==this.cardType?r("div",{class:"ribbon-text"},`${this.ribbonText}`):null,r("div",{class:"card-body",part:"body-wrapper"},!this.cardDate||"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType?null:r("div",{class:"card-date-text"},this.eventType?r("span",{class:"small"},`${this.cardDate}`," | ",`${this.eventType}`):r("span",{class:"small"},`${this.cardDate}`)),"case-studies-card"===this.cardType?Object.assign({},this.cardLogo?r("div",{class:"card-logo-container"},r("ptc-picture",{alt:"","object-fit":"contain",src:this.cardLogo,height:"40"})):r("div",{class:"card-logo-none"})):null,r("slot",{name:"slot-before-heading"}),this.heading?[r("h3",{class:`ptc-h3 ${this.headingTransform}${e}`,style:i,part:"card-heading"},this.heading),r("slot",{name:"slot-after-heading"})]:null,r("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType&&"hightlight-card"!==this.cardType?r("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null,this.cardDate&&"hightlight-card"===this.cardType?r("ptc-date",{style:{marginBottom:"20px"},"format-options":'{"year":"numeric","month":"long","day":"numeric"}',"date-string":`${this.cardDate}`,"date-styles":"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}",country:this.country}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}getLineCuttoff(){let t;return this.titleLineCutOff&&this.titleLineCutOff>0&&(t={"-webkit-line-clamp":`${this.titleLineCutOff}`}),t}};a.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:100%;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row;height:100%}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-height:20px;overflow:hidden;width:fit-content}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:18px;color:var(--color-gray-11)}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';export{a as ptc_card}
|
|
1
|
+
import{r as t,h as r,H as o}from"./p-9dd25c18.js";const a=class{constructor(r){t(this,r),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.heading=void 0,this.headingTransform="none",this.cardDate=void 0,this.country=void 0,this.styles=void 0,this.ribbonText=void 0,this.eventType=void 0,this.cardLogo=void 0,this.titleLineCutOff=void 0}render(){const t=this.cardHref?"a":"div",a=this.getCssClassMap(),i=this.getLineCuttoff();let e="";return this.titleLineCutOff&&this.titleLineCutOff>0&&(e=" clamp-title"),r(o,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&r("style",null,this.styles),r("div",{class:"card-border",part:"border-wrapper"},r(t,Object.assign({class:a,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?r("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?r("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"resource-center-card"==this.cardType||this.ribbonText&&"related-card"==this.cardType?r("div",{class:"ribbon-text"},`${this.ribbonText}`):null,r("div",{class:"card-body",part:"body-wrapper"},!this.cardDate||"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType?null:r("div",{class:"card-date-text"},this.eventType?r("span",{class:"small"},`${this.cardDate}`," | ",`${this.eventType}`):r("span",{class:"small"},`${this.cardDate}`)),"case-studies-card"===this.cardType?Object.assign({},this.cardLogo?r("div",{class:"card-logo-container"},r("ptc-picture",{alt:"","object-fit":"contain",src:this.cardLogo,height:"40"})):r("div",{class:"card-logo-none"})):null,r("slot",{name:"slot-before-heading"}),this.heading?[r("h3",{class:`ptc-h3 ${this.headingTransform}${e}`,style:i,part:"card-heading"},this.heading),r("slot",{name:"slot-after-heading"})]:null,r("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType&&"hightlight-card"!==this.cardType?r("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null,this.cardDate&&"hightlight-card"===this.cardType?r("ptc-date",{style:{marginBottom:"20px"},"format-options":'{"year":"numeric","month":"long","day":"numeric"}',"date-string":`${this.cardDate}`,"date-styles":"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}",country:this.country}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}getLineCuttoff(){let t;return this.titleLineCutOff&&this.titleLineCutOff>0&&(t={"-webkit-line-clamp":`${this.titleLineCutOff}`}),t}};a.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:100%;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row;height:100%}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-height:20px;overflow:hidden;width:fit-content}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:18px;color:var(--color-gray-11)}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';export{a as ptc_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,
|
|
1
|
+
import{r as i,a as t,h as e,H as s}from"./p-9dd25c18.js";const a=class{constructor(t){i(this,t),this.barTitle="Bar Title",this.isSticky=!1,this.logo="logo.png"}handleScroll(){const i=document.documentElement.scrollTop;this.isSticky=i>260}render(){const i=t(`./media/${this.logo}`);return e(s,null,e("div",{class:"sticky-header-container "+(this.isSticky?"sticky":"")},e("div",{class:"sticky-header-title"},e("div",{class:"logo-image "+(this.isSticky?"is-visible":"")},e("img",{src:i})),e("h1",null,e("ptc-tooltip",{"text-lines":"1",description:this.barTitle})),e("div",{class:"share-icons is-flex "+(this.isSticky?"is-visible":"")},e("slot",{name:"social-share-slot"}))),e("ptc-progress-bar",null)))}static get assetsDirs(){return["media"]}};a.style=":host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;display:flex;opacity:0;visibility:hidden;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 768px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1;visibility:visible;opacity:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0}@media only screen and (min-width: 768px){.sticky-header-title{justify-content:center;padding:0 80px}}@media only screen and (min-width: 992px){.sticky-header-title{padding:0 100px}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 768px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 768px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 768px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title h1{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){.sticky-header-title h1{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";export{a as ptc_sticky_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r}from"./p-
|
|
1
|
+
import{r as o,h as r}from"./p-9dd25c18.js";const e=class{constructor(r){o(this,r),this.linkHref=void 0,this.linkTarget="_self"}render(){return r("div",{class:"dropdown-item"},r("slot",null))}};e.style='.dropdown-item{transition:background-color ease-out 250ms;max-width:240px}@media only screen and (min-width: 480px){.dropdown-item{max-width:400px}}@media only screen and (min-width: 992px){.dropdown-item{max-width:650px}}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--color-gray-02)}.dropdown-item span{display:block;padding:0.75rem 1.5rem;font-family:"Raleway";font-style:normal;font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);color:var(--color-gray-12);text-decoration:none}.dropdown-item span:hover,.dropdown-item span:visited,.dropdown-item span:active,.dropdown-item span:focus,.dropdown-item span:focus-visible{color:var(--color-gray-12)}';export{e as dropdown_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-63c06667.js";var s=Object.defineProperty,e=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const h=class{constructor(t){e(this,"mobileSelect"),e(this,"trigger"),e(this,"wheelList"),e(this,"sliderList"),e(this,"wheelsContain"),e(this,"panel"),e(this,"ensureBtn"),e(this,"cancelBtn"),e(this,"grayLayer"),e(this,"popUp"),e(this,"initPosition"),e(this,"initColWidth"),e(this,"wheelsData"),e(this,"displayJson"),e(this,"curValue"),e(this,"curIndexArr"),e(this,"isCascade"),e(this,"isJsonType"),e(this,"startY"),e(this,"moveEndY"),e(this,"moveY"),e(this,"preMoveY"),e(this,"offsetY"),e(this,"offsetSum"),e(this,"oversizeBorder"),e(this,"enableClickStatus"),e(this,"isPC"),e(this,"optionHeight"),e(this,"curDistance"),e(this,"cascadeJsonData"),e(this,"eventHandleMap"),e(this,"initDeepCount"),e(this,"config"),!h.checkRequiredConfig(t)||(this.config=Object.assign({},h.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.isPC=!0,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){const{config:t}=this;if(this.isJsonType=h.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.checkTriggerAvailable()){if(this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&t.triggerDisplayValue&&(this.trigger.innerText=t.initValue),this.setStyle(t),this.isPC=h.checkIsPC(),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var i,s,e,h;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight);let o="";for(let t=0;t<this.wheelList.length;t++)o+=t==this.wheelList.length-1?this.getInnerText(t):this.getInnerText(t)+this.config.connector;t.triggerDisplayValue&&(this.trigger.innerText=o),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(s=(i=this.config).callback)||s.call(i,this.curIndexArr,this.curValue,this),null==(h=(e=this.config).onChange)||h.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},this.isPC&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}}static checkIsPC(){return!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=h.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return h.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return h.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(h.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void h.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.curValue}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr())}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.innerText)||""}touch(t){var i,s,e,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,d=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,d),this.curDistance[d]=this.curDistance[d]+this.offsetY,this.movePosition(c,this.curDistance[d]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[d]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[d]=o,this.movePosition(c,this.curDistance[d]),null==(s=(i=this.config).transitionEnd)||s.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(e=this.config).onTransitionEnd)||h.call(e,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,d),this.curDistance[d]=this.fixPosition(this.curDistance[d]),this.curDistance[d]>2*this.optionHeight?this.curDistance[d]=2*this.optionHeight:this.curDistance[d]<this.oversizeBorder&&(this.curDistance[d]=this.oversizeBorder),this.movePosition(c,this.curDistance[d]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(d,this.getIndexArr())}}};let o=h;e(o,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),e(o,"REQUIRED_PARAMS",["trigger","wheels"]);const n=class{constructor(i){t(this,i),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0}render(){return i("div",{class:"mobile-select-wrapper"},i("div",{id:this.triggerName},this.selectedText,i("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px);}"})))}componentDidRender(){let t=this.selectedId,i=0;new o({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s){t&&(document.querySelectorAll(".selectContainer li").forEach(((s,e)=>{s.getAttribute("data-id")!=t||(i=e)})),s.locatePosition(0,i))},callback:function(t,i){i[0].id?window.location.href=i[0].id:console.log("href: "+i[0].id+"; indexArr: "+t)}.bind(this)})}};n.style='.ms-mobile-select{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{n as ptc_mobile_select}
|
|
1
|
+
import{r as t,h as i}from"./p-9dd25c18.js";var s=Object.defineProperty,e=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const h=class{constructor(t){e(this,"mobileSelect"),e(this,"trigger"),e(this,"wheelList"),e(this,"sliderList"),e(this,"wheelsContain"),e(this,"panel"),e(this,"ensureBtn"),e(this,"cancelBtn"),e(this,"grayLayer"),e(this,"popUp"),e(this,"initPosition"),e(this,"initColWidth"),e(this,"wheelsData"),e(this,"displayJson"),e(this,"curValue"),e(this,"curIndexArr"),e(this,"isCascade"),e(this,"isJsonType"),e(this,"startY"),e(this,"moveEndY"),e(this,"moveY"),e(this,"preMoveY"),e(this,"offsetY"),e(this,"offsetSum"),e(this,"oversizeBorder"),e(this,"enableClickStatus"),e(this,"isPC"),e(this,"optionHeight"),e(this,"curDistance"),e(this,"cascadeJsonData"),e(this,"eventHandleMap"),e(this,"initDeepCount"),e(this,"config"),!h.checkRequiredConfig(t)||(this.config=Object.assign({},h.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.isPC=!0,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){const{config:t}=this;if(this.isJsonType=h.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.checkTriggerAvailable()){if(this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&t.triggerDisplayValue&&(this.trigger.innerText=t.initValue),this.setStyle(t),this.isPC=h.checkIsPC(),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var i,s,e,h;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight);let o="";for(let t=0;t<this.wheelList.length;t++)o+=t==this.wheelList.length-1?this.getInnerText(t):this.getInnerText(t)+this.config.connector;t.triggerDisplayValue&&(this.trigger.innerText=o),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(s=(i=this.config).callback)||s.call(i,this.curIndexArr,this.curValue,this),null==(h=(e=this.config).onChange)||h.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},this.isPC&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}}static checkIsPC(){return!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=h.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return h.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return h.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(h.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void h.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.curValue}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr())}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.innerText)||""}touch(t){var i,s,e,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,d=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,d),this.curDistance[d]=this.curDistance[d]+this.offsetY,this.movePosition(c,this.curDistance[d]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[d]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[d]=o,this.movePosition(c,this.curDistance[d]),null==(s=(i=this.config).transitionEnd)||s.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(e=this.config).onTransitionEnd)||h.call(e,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,d),this.curDistance[d]=this.fixPosition(this.curDistance[d]),this.curDistance[d]>2*this.optionHeight?this.curDistance[d]=2*this.optionHeight:this.curDistance[d]<this.oversizeBorder&&(this.curDistance[d]=this.oversizeBorder),this.movePosition(c,this.curDistance[d]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(d,this.getIndexArr())}}};let o=h;e(o,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),e(o,"REQUIRED_PARAMS",["trigger","wheels"]);const n=class{constructor(i){t(this,i),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0}render(){return i("div",{class:"mobile-select-wrapper"},i("div",{id:this.triggerName},this.selectedText,i("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px);}"})))}componentDidRender(){let t=this.selectedId,i=0;new o({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s){t&&(document.querySelectorAll(".selectContainer li").forEach(((s,e)=>{s.getAttribute("data-id")!=t||(i=e)})),s.locatePosition(0,i))},callback:function(t,i){i[0].id?window.location.href=i[0].id:console.log("href: "+i[0].id+"; indexArr: "+t)}.bind(this)})}};n.style='.ms-mobile-select{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{n as ptc_mobile_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as s,H as o}from"./p-
|
|
1
|
+
import{r,h as s,H as o}from"./p-9dd25c18.js";const t=class{constructor(s){r(this,s),this.scrollPercentage=0}handleScroll(){const r=document.documentElement.scrollTop,s=document.documentElement.scrollHeight-document.documentElement.clientHeight;console.log("scrollTop: "+r+"; scorllHeight: "+s),this.scrollPercentage=r/s*100}render(){return s(o,null,s("div",{class:"progress-bar-container"},s("div",{class:"progress-bar",style:{width:`${this.scrollPercentage}%`}})))}};t.style=":host{display:block}:host .progress-bar-container{height:5px;background-color:linear-gradient(272deg, #3b4550, #1a1a1a);width:100%}:host .progress-bar{height:100%;background-image:linear-gradient(270deg, #4795cd, #33a13c);transition:width 0.3s ease-in-out}";export{t as ptc_progress_bar}
|