@ptcwebops/ptcw-design 0.4.2 → 0.4.4
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/_commonjsHelpers-119ffc74.js +17 -0
- package/dist/cjs/icon-asset_5.cjs.entry.js +988 -0
- package/dist/cjs/{index-e39de343.js → index-3adcf9f4.js} +7 -0
- package/dist/cjs/interfaces-0ecd8027.js +15 -0
- package/dist/cjs/list-item.cjs.entry.js +29 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottie-player.cjs.entry.js +3 -16
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +23 -0
- package/dist/cjs/ptc-button.cjs.entry.js +76 -0
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +42 -0
- package/dist/cjs/ptc-card-content.cjs.entry.js +42 -0
- package/dist/cjs/ptc-card-plm.cjs.entry.js +27 -0
- package/dist/cjs/ptc-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-countdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-date.cjs.entry.js +1 -1
- package/dist/cjs/ptc-footer.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form.cjs.entry.js +1 -1
- package/dist/cjs/ptc-hero.cjs.entry.js +29 -0
- package/dist/cjs/ptc-img_2.cjs.entry.js +185 -0
- package/dist/cjs/ptc-input.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +53 -0
- package/dist/cjs/ptc-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-lottie.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav.cjs.entry.js +1 -1
- package/dist/cjs/ptc-para.cjs.entry.js +50 -0
- package/dist/cjs/ptc-picture.cjs.entry.js +169 -0
- package/dist/cjs/ptc-select.cjs.entry.js +1 -1
- package/dist/cjs/ptc-social-share.cjs.entry.js +1 -1
- package/dist/cjs/ptc-spacer.cjs.entry.js +46 -0
- package/dist/cjs/ptc-span.cjs.entry.js +34 -0
- package/dist/cjs/ptc-title.cjs.entry.js +55 -0
- package/dist/cjs/ptcw-design.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css +199 -0
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +149 -0
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -0
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -0
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css +8 -0
- package/dist/custom-elements/index.d.ts +12 -0
- package/dist/custom-elements/index.js +818 -2
- package/dist/esm/_commonjsHelpers-8b28c6fa.js +15 -0
- package/dist/esm/icon-asset_5.entry.js +980 -0
- package/dist/esm/{index-9e77d90e.js → index-357497dc.js} +7 -0
- package/dist/esm/interfaces-c1c73092.js +12 -0
- package/dist/esm/list-item.entry.js +25 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/lottie-player.entry.js +2 -15
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +19 -0
- package/dist/esm/ptc-button.entry.js +72 -0
- package/dist/esm/ptc-card-bottom.entry.js +38 -0
- package/dist/esm/ptc-card-content.entry.js +38 -0
- package/dist/esm/ptc-card-plm.entry.js +23 -0
- package/dist/esm/ptc-card.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-date.entry.js +1 -1
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +25 -0
- package/dist/esm/ptc-img_2.entry.js +180 -0
- package/dist/esm/ptc-input.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +49 -0
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-lottie.entry.js +1 -1
- package/dist/esm/ptc-modal.entry.js +1 -1
- package/dist/esm/ptc-nav-item.entry.js +1 -1
- package/dist/esm/ptc-nav.entry.js +1 -1
- package/dist/esm/ptc-para.entry.js +46 -0
- package/dist/esm/ptc-picture.entry.js +165 -0
- package/dist/esm/ptc-select.entry.js +1 -1
- package/dist/esm/ptc-social-share.entry.js +1 -1
- package/dist/esm/ptc-spacer.entry.js +42 -0
- package/dist/esm/ptc-span.entry.js +30 -0
- package/dist/esm/ptc-title.entry.js +51 -0
- package/dist/esm/ptcw-design.js +2 -2
- package/dist/ptcw-design/{p-19f001a4.js → p-0e571387.js} +1 -1
- package/dist/ptcw-design/p-1e39bc14.entry.js +1 -0
- package/dist/ptcw-design/p-27538cac.entry.js +1 -0
- package/dist/ptcw-design/{p-abb97d21.entry.js → p-2f78af32.entry.js} +1 -1
- package/dist/ptcw-design/{p-3050845e.entry.js → p-3a174881.entry.js} +1 -1
- package/dist/ptcw-design/{p-b542c708.entry.js → p-4ba0046d.entry.js} +1 -1
- package/dist/ptcw-design/p-4bacc49a.entry.js +7 -0
- package/dist/ptcw-design/p-50e52c88.js +1 -0
- package/dist/ptcw-design/{p-65b30c15.entry.js → p-525faf32.entry.js} +1 -1
- package/dist/ptcw-design/p-5672aca0.entry.js +1 -0
- package/dist/ptcw-design/p-59a5663a.entry.js +1 -0
- package/dist/ptcw-design/{p-b798ca9c.entry.js → p-6106d579.entry.js} +1 -1
- package/dist/ptcw-design/p-6402cb6d.entry.js +1 -0
- package/dist/ptcw-design/p-64c98ea6.entry.js +1 -0
- package/dist/ptcw-design/{p-b803e2da.entry.js → p-66912e75.entry.js} +1 -1
- package/dist/ptcw-design/p-68bcb24d.entry.js +1 -0
- package/dist/ptcw-design/p-74a72a40.entry.js +1 -0
- package/dist/ptcw-design/{p-8a6de852.entry.js → p-75cc322d.entry.js} +1 -1
- package/dist/ptcw-design/{p-c140717c.entry.js → p-7b60638a.entry.js} +1 -1
- package/dist/ptcw-design/{p-b3e145f3.entry.js → p-7cea01d0.entry.js} +1 -1
- package/dist/ptcw-design/p-80c03571.entry.js +1 -0
- package/dist/ptcw-design/{p-762a6628.entry.js → p-87bc2b6f.entry.js} +1 -1
- package/dist/ptcw-design/{p-feed36fa.entry.js → p-9367272c.entry.js} +1 -1
- package/dist/ptcw-design/{p-8f9df770.entry.js → p-9b5a3528.entry.js} +1 -1
- package/dist/ptcw-design/p-a4300906.entry.js +1 -0
- package/dist/ptcw-design/{p-fe25f590.entry.js → p-aa4f80c6.entry.js} +1 -1
- package/dist/ptcw-design/p-b26e2c72.entry.js +1 -0
- package/dist/ptcw-design/p-b6757552.entry.js +1 -0
- package/dist/ptcw-design/p-b68038b5.js +1 -0
- package/dist/ptcw-design/p-bb7e7943.entry.js +1 -0
- package/dist/ptcw-design/p-bfe3ac5b.entry.js +1 -0
- package/dist/ptcw-design/p-c47b4ebf.entry.js +1 -0
- package/dist/ptcw-design/p-ce2134e1.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +28 -0
- package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -0
- package/dist/types/components.d.ts +74 -0
- package/package.json +6 -2
- package/readme.md +1 -1
- package/dist/cjs/icon-asset_16.cjs.entry.js +0 -849
- package/dist/cjs/ptc-announcement.cjs.entry.js +0 -43
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +0 -81
- package/dist/esm/icon-asset_16.entry.js +0 -830
- package/dist/esm/ptc-announcement.entry.js +0 -39
- package/dist/esm/ptc-svg-btn.entry.js +0 -77
- package/dist/ptcw-design/p-57fcfb62.entry.js +0 -1
- package/dist/ptcw-design/p-5afee3b6.entry.js +0 -1
- package/dist/ptcw-design/p-96e30287.entry.js +0 -1
- package/dist/ptcw-design/p-97152565.entry.js +0 -1
- package/dist/ptcw-design/p-f98b4bdd.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,a as
|
|
1
|
+
import{r as t,h as o,a as e}from"./p-0e571387.js";let s=class{constructor(o){t(this,o),this.valueOptions=[]}componentWillLoad(){return fetch("https://countriesnow.space/api/v0.1/countries/iso").then((t=>t.json())).then((t=>{this.valueOptions=t.data,console.log(this.valueOptions)}))}render(){return"contact-country"==this.selectId&&console.log("country field exist"),o("div",null,o("select",{id:this.selectId,class:"ptc-select","data-eloqua-name":this.dataEloquaName,name:this.name},this.valueOptions.map("contact-country"===this.selectId?t=>o("option",{value:t.Iso2},t.name):t=>o("option",{value:t.Iso3},t.name))),o("label",{htmlFor:this.selectId,class:"floating-label"},o("slot",null)))}get el(){return e(this)}};s.style=".sc-ptc-select-h{display:block}.ptc-select.sc-ptc-select{display:block;width:100%;padding:6px 12px;border:none;border-bottom:1px solid #3b4550;padding-left:20px;-webkit-box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;color:#707070;padding-top:14px;background:#fff}";export{s as ptc_select}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{r as t,g as e,h as i,H as s,c as n,a}from"./p-0e571387.js";import{c as o}from"./p-b68038b5.js";let r=class{constructor(i){t(this,i),this.size="small",this.type="regular",this.spin="",this.pulse="",this.color="default",this.regularSprite=e("./media/regular.svg"),this.solidSprite=e("./media/solid.svg"),this.brandSprite=e("./media/brands.svg"),this.ptcSprite=e("./media/designer.svg")}render(){const t=this.getCssClassMap();return i(s,null,i("svg",{class:t},i("use","brands"==this.type?{href:`${this.brandSprite}#${this.name}`}:"solid"==this.type?{href:`${this.solidSprite}#${this.name}`}:"ptc"==this.type?{href:`${this.ptcSprite}#${this.name}`}:{href:`${this.regularSprite}#${this.name}`})))}getCssClassMap(){return{[this.size]:!0,[this.spin]:!0,[this.pulse]:!0,[this.color]:!0}}static get assetsDirs(){return["media"]}};r.style='.svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-primary-green)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.inherit.sc-icon-asset{fill:inherit}';let l=class{constructor(e){t(this,e),this.close=n(this,"close",7),this.barTitle="",this.Description="",this.linkUrl="#",this.closeClick=()=>{this.visible=!1,this.close.emit()}}render(){const t=this.getCssClassMap();return i(s,null,i("div",{class:t,part:"part-announcement"},i("div",{class:this.tempContainer?"content-wrapper temp-container":"content-wrapper"},i("div",{class:"left-content",part:"part-left-content"},this.barTitle?i("div",{class:"title"},this.barTitle):null,i("div",{class:"description"},this.Description?i("span",null,this.Description):null,this.linkText?i("a",{href:this.linkUrl,title:this.linkText},this.linkText):null)),i("ptc-svg-btn",{class:"bar-close","svg-name":"close",onClick:this.closeClick}))))}getCssClassMap(){return{announcement:!0,[this.visible?"visible":""]:!0}}};l.style=":host{display:block}.announcement{width:100%;position:relative;background-color:#e4e7e9;z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-secondary-turtlegreen);-webkit-box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:5px 15px;margin:0 auto;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.content-wrapper{padding:10px 15px}}@media screen and (min-width: 768px){.temp-container{width:750px}}@media screen and (min-width: 992px){.temp-container{width:970px}}@media screen and (min-width: 1200px){.temp-container{width:1170px}}@media screen and (min-width: 1440px){.temp-container{width:1400px}}@media screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:flex;flex-basis:82%;flex-direction:column}@media screen and (min-width: 768px){.left-content{align-items:flex-start;justify-content:flex-start}}.title{flex-basis:18%;font-family:Raleway;font-size:13px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:1px;text-align:left;color:#40434a;text-transform:uppercase}.ptc-svg-btn{flex-basis:18%}.bar-close{padding-right:15px}.description{flex-basis:82%;font-family:Raleway;font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;text-align:left;color:#40434a;}a{color:#3b4550;-webkit-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease;font-weight:700;border-bottom:0.15rem solid #74c34d;text-decoration:none;margin-left:16px}a:hover{color:#74c34d;text-decoration:none}@media (min-width: 768px){.bar-close{padding-right:0px}}@media (min-width: 992px){.left-content{flex-direction:row;align-items:center}.title{font-size:14px;font-weight:800;line-height:1.86;letter-spacing:1.4px}.description{font-size:16px;font-weight:500;line-height:1.6}}";var c=o((function(t){
|
|
2
|
+
/*!
|
|
3
|
+
* mobileSelect.js
|
|
4
|
+
* (c) 2017-present onlyhom
|
|
5
|
+
* Released under the MIT License.
|
|
6
|
+
*/
|
|
7
|
+
!function(){function e(t,e){return t.getElementsByClassName(e)}function i(t){this.wheelsData=t.wheels,this.jsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.cascade=!1,this.offset=0,this.offsetSum=0,this.curDistance=[],this.clickStatus=!1,this.isPC=!0,this.init(t)}i.prototype={constructor:i,init:function(t){var i=this;if(0==t.wheels[0].data.length)return console.error("mobileSelect has been successfully installed, but the data is empty and cannot be initialized."),!1;if(i.keyMap=t.keyMap?t.keyMap:{id:"id",value:"value",childs:"childs"},i.checkDataType(),i.renderWheels(i.wheelsData,t.cancelBtnText,t.ensureBtnText),i.trigger=document.querySelector(t.trigger),!i.trigger)return console.error("mobileSelect has been successfully installed, but no trigger found on your page."),!1;if(i.wheel=e(i.mobileSelect,"wheel"),i.slider=e(i.mobileSelect,"selectContainer"),i.wheels=i.mobileSelect.querySelector(".wheels"),i.liHeight=i.mobileSelect.querySelector("li").offsetHeight,i.ensureBtn=i.mobileSelect.querySelector(".ensure"),i.cancelBtn=i.mobileSelect.querySelector(".cancel"),i.grayLayer=i.mobileSelect.querySelector(".grayLayer"),i.popUp=i.mobileSelect.querySelector(".content"),i.callback=t.callback||function(){},i.cancel=t.cancel||function(){},i.transitionEnd=t.transitionEnd||function(){},i.onShow=t.onShow||function(){},i.onHide=t.onHide||function(){},i.initPosition=t.position||[],i.titleText=t.title||"",i.connector=t.connector||" ",i.triggerDisplayData=void 0===t.triggerDisplayData||t.triggerDisplayData,i.trigger.style.cursor="pointer",i.setStyle(t),i.setTitle(i.titleText),i.checkIsPC(),i.checkCascade(),i.addListenerAll(),i.cascade&&i.initCascade(),i.initPosition.length<i.slider.length)for(var s=i.slider.length-i.initPosition.length,n=0;n<s;n++)i.initPosition.push(0);i.setCurDistance(i.initPosition),i.cancelBtn.addEventListener("click",(function(){i.hide(),i.cancel(i.curIndexArr,i.curValue)})),i.ensureBtn.addEventListener("click",(function(){i.hide(),i.liHeight||(i.liHeight=i.mobileSelect.querySelector("li").offsetHeight);for(var t="",e=0;e<i.wheel.length;e++)t+=e==i.wheel.length-1?i.getInnerHtml(e):i.getInnerHtml(e)+i.connector;i.triggerDisplayData&&(i.trigger.innerHTML=t),i.curIndexArr=i.getIndexArr(),i.curValue=i.getCurValue(),i.callback(i.curIndexArr,i.curValue)})),i.trigger.addEventListener("click",(function(){i.show()})),i.grayLayer.addEventListener("click",(function(){i.hide(),i.cancel(i.curIndexArr,i.curValue)})),i.popUp.addEventListener("click",(function(){event.stopPropagation()})),i.fixRowStyle()},setTitle:function(t){var e=this;e.titleText=t,e.mobileSelect.querySelector(".title").innerHTML=e.titleText},setStyle:function(t){var e=this;t.ensureBtnColor&&(e.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(e.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(e.title=e.mobileSelect.querySelector(".title"),e.title.style.color=t.titleColor),t.textColor&&(e.panel=e.mobileSelect.querySelector(".panel"),e.panel.style.color=t.textColor),t.titleBgColor&&(e.btnBar=e.mobileSelect.querySelector(".btnBar"),e.btnBar.style.backgroundColor=t.titleBgColor),t.bgColor&&(e.panel=e.mobileSelect.querySelector(".panel"),e.shadowMask=e.mobileSelect.querySelector(".shadowMask"),e.panel.style.backgroundColor=t.bgColor,e.shadowMask.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"),isNaN(t.maskOpacity)||(e.grayMask=e.mobileSelect.querySelector(".grayLayer"),e.grayMask.style.background="rgba(0, 0, 0, "+t.maskOpacity+")")},checkIsPC:function(){var t=navigator.userAgent.toLowerCase(),e="ipad"==t.match(/ipad/i),i="iphone os"==t.match(/iphone os/i),s="midp"==t.match(/midp/i),n="rv:1.2.3.4"==t.match(/rv:1.2.3.4/i),a="ucweb"==t.match(/ucweb/i),o="android"==t.match(/android/i),r="windows ce"==t.match(/windows ce/i),l="windows mobile"==t.match(/windows mobile/i);(e||i||s||n||a||o||r||l)&&(this.isPC=!1)},show:function(){this.mobileSelect.classList.add("mobileSelect-show"),"function"==typeof this.onShow&&this.onShow(this)},hide:function(){this.mobileSelect.classList.remove("mobileSelect-show"),"function"==typeof this.onHide&&this.onHide(this)},renderWheels:function(t,e,i){var s=this,n=e||"取消",a=i||"确认";s.mobileSelect=document.createElement("div"),s.mobileSelect.className="mobileSelect",s.mobileSelect.innerHTML='<div class="grayLayer"></div><div class="content"><div class="btnBar"><div class="fixWidth"><div class="cancel">'+n+'</div><div class="title"></div><div class="ensure">'+a+'</div></div></div><div class="panel"><div class="fixWidth"><div class="wheels"></div><div class="selectLine"></div><div class="shadowMask"></div></div></div></div>',document.body.appendChild(s.mobileSelect);for(var o="",r=0;r<t.length;r++){if(o+='<div class="wheel"><ul class="selectContainer">',s.jsonType)for(var l=0;l<t[r].data.length;l++)o+='<li data-id="'+t[r].data[l][s.keyMap.id]+'">'+t[r].data[l][s.keyMap.value]+"</li>";else for(l=0;l<t[r].data.length;l++)o+="<li>"+t[r].data[l]+"</li>";o+="</ul></div>"}s.mobileSelect.querySelector(".wheels").innerHTML=o},addListenerAll:function(){for(var t=this,e=0;e<t.slider.length;e++)!function(e){t.addListenerWheel(t.wheel[e],e)}(e)},addListenerWheel:function(t,e){var i=this;t.addEventListener("touchstart",(function(){i.touch(event,this.firstChild,e)}),!1),t.addEventListener("touchend",(function(){i.touch(event,this.firstChild,e)}),!1),t.addEventListener("touchmove",(function(){i.touch(event,this.firstChild,e)}),!1),i.isPC&&(t.addEventListener("mousedown",(function(){i.dragClick(event,this.firstChild,e)}),!1),t.addEventListener("mousemove",(function(){i.dragClick(event,this.firstChild,e)}),!1),t.addEventListener("mouseup",(function(){i.dragClick(event,this.firstChild,e)}),!0))},checkDataType:function(){"object"==typeof this.wheelsData[0].data[0]&&(this.jsonType=!0)},checkCascade:function(){var t=this;if(t.jsonType){for(var e=t.wheelsData[0].data,i=0;i<e.length;i++)if(t.keyMap.childs in e[i]&&e[i][t.keyMap.childs].length>0){t.cascade=!0,t.cascadeJsonData=t.wheelsData[0].data;break}}else t.cascade=!1},generateArrData:function(t){for(var e=[],i=this.keyMap.id,s=this.keyMap.value,n=0;n<t.length;n++){var a={};a[i]=t[n][this.keyMap.id],a[s]=t[n][this.keyMap.value],e.push(a)}return e},initCascade:function(){var t=this;t.displayJson.push(t.generateArrData(t.cascadeJsonData)),t.initPosition.length>0?(t.initDeepCount=0,t.initCheckArrDeep(t.cascadeJsonData[t.initPosition[0]])):t.checkArrDeep(t.cascadeJsonData[0]),t.reRenderWheels()},initCheckArrDeep:function(t){var e=this;if(t&&e.keyMap.childs in t&&t[e.keyMap.childs].length>0){e.displayJson.push(e.generateArrData(t[e.keyMap.childs])),e.initDeepCount++;var i=t[e.keyMap.childs][e.initPosition[e.initDeepCount]];i?e.initCheckArrDeep(i):e.checkArrDeep(t[e.keyMap.childs][0])}},checkArrDeep:function(t){var e=this;t&&e.keyMap.childs in t&&t[e.keyMap.childs].length>0&&(e.displayJson.push(e.generateArrData(t[e.keyMap.childs])),e.checkArrDeep(t[e.keyMap.childs][0]))},checkRange:function(t,e){for(var i,s=this,n=s.displayJson.length-1-t,a=0;a<n;a++)s.displayJson.pop();for(a=0;a<=t;a++)i=0==a?s.cascadeJsonData[e[0]]:i[s.keyMap.childs][e[a]];s.checkArrDeep(i),s.reRenderWheels(),s.fixRowStyle(),s.setCurDistance(s.resetPosition(t,e))},resetPosition:function(t,e){var i,s=this,n=e;if(s.slider.length>e.length){i=s.slider.length-e.length;for(var a=0;a<i;a++)n.push(0)}else if(s.slider.length<e.length)for(i=e.length-s.slider.length,a=0;a<i;a++)n.pop();for(a=t+1;a<n.length;a++)n[a]=0;return n},reRenderWheels:function(){var t=this;if(t.wheel.length>t.displayJson.length)for(var e=t.wheel.length-t.displayJson.length,i=0;i<e;i++)t.wheels.removeChild(t.wheel[t.wheel.length-1]);for(i=0;i<t.displayJson.length;i++)!function(e){var i="";if(t.wheel[e]){for(var s=0;s<t.displayJson[e].length;s++)i+='<li data-id="'+t.displayJson[e][s][t.keyMap.id]+'">'+t.displayJson[e][s][t.keyMap.value]+"</li>";t.slider[e].innerHTML=i}else{var n=document.createElement("div");for(n.className="wheel",i='<ul class="selectContainer">',s=0;s<t.displayJson[e].length;s++)i+='<li data-id="'+t.displayJson[e][s][t.keyMap.id]+'">'+t.displayJson[e][s][t.keyMap.value]+"</li>";n.innerHTML=i+="</ul>",t.addListenerWheel(n,e),t.wheels.appendChild(n)}}(i)},updateWheels:function(t){var e=this;if(e.cascade){if(e.cascadeJsonData=t,e.displayJson=[],e.initCascade(),e.initPosition.length<e.slider.length)for(var i=e.slider.length-e.initPosition.length,s=0;s<i;s++)e.initPosition.push(0);e.setCurDistance(e.initPosition),e.fixRowStyle()}},updateWheel:function(t,e){var i=this,s="";if(i.cascade)return console.error("级联格式不支持updateWheel(),请使用updateWheels()更新整个数据源"),!1;if(i.jsonType){for(var n=0;n<e.length;n++)s+='<li data-id="'+e[n][i.keyMap.id]+'">'+e[n][i.keyMap.value]+"</li>";i.wheelsData[t]={data:e}}else{for(n=0;n<e.length;n++)s+="<li>"+e[n]+"</li>";i.wheelsData[t]=e}i.slider[t].innerHTML=s},fixRowStyle:function(){for(var t=this,e=(100/t.wheel.length).toFixed(2),i=0;i<t.wheel.length;i++)t.wheel[i].style.width=e+"%"},getIndex:function(t){return Math.round((2*this.liHeight-t)/this.liHeight)},getIndexArr:function(){for(var t=this,e=[],i=0;i<t.curDistance.length;i++)e.push(t.getIndex(t.curDistance[i]));return e},getCurValue:function(){var t=this,e=[],i=t.getIndexArr();if(t.cascade)for(var s=0;s<t.wheel.length;s++)e.push(t.displayJson[s][i[s]]);else if(t.jsonType)for(s=0;s<t.curDistance.length;s++)e.push(t.wheelsData[s].data[t.getIndex(t.curDistance[s])]);else for(s=0;s<t.curDistance.length;s++)e.push(t.getInnerHtml(s));return e},getValue:function(){return this.curValue},calcDistance:function(t){return 2*this.liHeight-t*this.liHeight},setCurDistance:function(t){for(var e=this,i=[],s=0;s<e.slider.length;s++)i.push(e.calcDistance(t[s])),e.movePosition(e.slider[s],i[s]);e.curDistance=i},fixPosition:function(t){return-(this.getIndex(t)-2)*this.liHeight},movePosition:function(t,e){t.style.webkitTransform="translate3d(0,"+e+"px, 0)",t.style.transform="translate3d(0,"+e+"px, 0)"},locatePosition:function(t,e){var i=this;this.curDistance[t]=this.calcDistance(e),this.movePosition(this.slider[t],this.curDistance[t]),i.cascade&&i.checkRange(t,i.getIndexArr())},updateCurDistance:function(t,e){this.curDistance[e]=t.style.transform?parseInt(t.style.transform.split(",")[1]):parseInt(t.style.webkitTransform.split(",")[1])},getDistance:function(t){return t.style.transform?parseInt(t.style.transform.split(",")[1]):parseInt(t.style.webkitTransform.split(",")[1])},getInnerHtml:function(t){var e=this,i=e.getIndex(e.curDistance[t]);return e.slider[t].getElementsByTagName("li")[i].innerHTML},touch:function(t,e,i){var s=this;switch((t=t||window.event).type){case"touchstart":s.startY=t.touches[0].clientY,s.startY=parseInt(s.startY),s.oldMoveY=s.startY;break;case"touchend":if(s.moveEndY=parseInt(t.changedTouches[0].clientY),s.offsetSum=s.moveEndY-s.startY,s.oversizeBorder=-(e.getElementsByTagName("li").length-3)*s.liHeight,0==s.offsetSum){var n=parseInt((document.documentElement.clientHeight-s.moveEndY)/40);if(2!=n){var a=s.curDistance[i]+(n-2)*s.liHeight;a<=2*s.liHeight&&a>=s.oversizeBorder&&(s.curDistance[i]=a,s.movePosition(e,s.curDistance[i]),s.transitionEnd(s.getIndexArr(),s.getCurValue()))}}else s.updateCurDistance(e,i),s.curDistance[i]=s.fixPosition(s.curDistance[i]),s.movePosition(e,s.curDistance[i]),s.curDistance[i]+s.offsetSum>2*s.liHeight?(s.curDistance[i]=2*s.liHeight,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)):s.curDistance[i]+s.offsetSum<s.oversizeBorder&&(s.curDistance[i]=s.oversizeBorder,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)),s.transitionEnd(s.getIndexArr(),s.getCurValue());s.cascade&&s.checkRange(i,s.getIndexArr());break;case"touchmove":t.preventDefault(),s.moveY=t.touches[0].clientY,s.offset=s.moveY-s.oldMoveY,s.updateCurDistance(e,i),s.curDistance[i]=s.curDistance[i]+s.offset,s.movePosition(e,s.curDistance[i]),s.oldMoveY=s.moveY}},dragClick:function(t,e,i){var s=this;switch((t=t||window.event).type){case"mousedown":s.startY=t.clientY,s.oldMoveY=s.startY,s.clickStatus=!0;break;case"mouseup":if(s.moveEndY=t.clientY,s.offsetSum=s.moveEndY-s.startY,s.oversizeBorder=-(e.getElementsByTagName("li").length-3)*s.liHeight,0==s.offsetSum){var n=parseInt((document.documentElement.clientHeight-s.moveEndY)/40);if(2!=n){var a=s.curDistance[i]+(n-2)*s.liHeight;a<=2*s.liHeight&&a>=s.oversizeBorder&&(s.curDistance[i]=a,s.movePosition(e,s.curDistance[i]),s.transitionEnd(s.getIndexArr(),s.getCurValue()))}}else s.updateCurDistance(e,i),s.curDistance[i]=s.fixPosition(s.curDistance[i]),s.movePosition(e,s.curDistance[i]),s.curDistance[i]+s.offsetSum>2*s.liHeight?(s.curDistance[i]=2*s.liHeight,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)):s.curDistance[i]+s.offsetSum<s.oversizeBorder&&(s.curDistance[i]=s.oversizeBorder,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)),s.transitionEnd(s.getIndexArr(),s.getCurValue());s.clickStatus=!1,s.cascade&&s.checkRange(i,s.getIndexArr());break;case"mousemove":t.preventDefault(),s.clickStatus&&(s.moveY=t.clientY,s.offset=s.moveY-s.oldMoveY,s.updateCurDistance(e,i),s.curDistance[i]=s.curDistance[i]+s.offset,s.movePosition(e,s.curDistance[i]),s.oldMoveY=s.moveY)}}},t.exports=i}()}));let f=class{constructor(e){t(this,e),this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0}render(){return i("ptc-responsive-wrapper",null,i("div",{class:"mobile-select-wrapper"},i("div",{id:this.triggerName},this.linkText),i("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white"})))}componentDidRender(){new c({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)"})}};f.style='.mobileSelect{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}.mobileSelect *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mobileSelect .grayLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:#eee;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.mobileSelect .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}.mobileSelect .content .fixWidth{width:90%;margin:0 auto;position:relative}.mobileSelect .content .fixWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .btnBar{border-bottom:1px solid #DCDCDC;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0}.mobileSelect .content .btnBar .cancel{left:0;color:#666}.mobileSelect .content .btnBar .ensure{right:0;color:#1e83d3}.mobileSelect .content .btnBar .title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .panel .wheels{width:100%;height:200px;overflow:hidden}.mobileSelect .content .panel .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}.mobileSelect .content .panel .wheel .selectContainer{display:block;text-align:center;-webkit-transition:-webkit-transform 0.18s ease-out;transition:-webkit-transform 0.18s ease-out;transition:transform 0.18s ease-out;transition:transform 0.18s ease-out, -webkit-transform 0.18s ease-out}.mobileSelect .content .panel .wheel .selectContainer li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel .selectLine{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}.mobileSelect .content .panel .shadowMask{position:absolute;top:0;width:100%;height:200px;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));background:-webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);background:linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);opacity:0.9;pointer-events:none}.mobileSelect-show{opacity:1;z-index:10000;visibility:visible}.mobileSelect-show .content{bottom:0}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:10px;width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-15);line-height:var(--ptc-line-height-18);color:var(--color-white);height:var(--ptc-line-height-18)}.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-medium);line-height:var(--ptc-line-height-19)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px)}.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-medium);line-height:var(--ptc-line-height-19);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}';let h=class{constructor(e){t(this,e)}componentDidLoad(){this.ro=new ResizeObserver((t=>{for(const e of t)this.applySizeClasses(e.contentRect.width)})),this.ro.observe(this.element)}disconnectedCallback(){this.ro.disconnect()}applySizeClasses(t){let e=!1,i=!1,s=!1,n=!1,a=!1,o=!1,r=!1,l=!1;t>=2600?l=!0:t>=1980?r=!0:t>=1600?o=!0:t>=1440?a=!0:t>=1200?n=!0:t>=992?s=!0:t>=768?i=!0:e=!0,this.element.classList.toggle("xsmall",e),this.element.classList.toggle("small",i),this.element.classList.toggle("medium",s),this.element.classList.toggle("large",n),this.element.classList.toggle("xlarge",a),this.element.classList.toggle("xxlarge",o),this.element.classList.toggle("large2k",r),this.element.classList.toggle("large4k",l)}render(){return i("div",null,i("slot",null))}get element(){return a(this)}};h.style=":host{display:block}";let p=class{constructor(e){t(this,e),this.display="block"}render(){const t=this.getCssClassMap();return i(s,{class:t},this.svgName&&"close"===this.svgName?i("div",{class:"svg-close",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">\n <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">\n <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>\n <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>\n <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>\n <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>\n <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>\n <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>\n <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>\n </g>\n</svg>'}):null,this.svgName&&"slider-left"===this.svgName?i("div",{class:"slider-left",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_37)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix 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"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"slider-right"===this.svgName?i("div",{class:"slider-right",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_34)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix 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"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null)}getCssClassMap(){return{[this.display]:!0}}};p.style=":host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:#40434A;stroke-linecap:square}.svg-close svg .cls-2{stroke:#40434A}.svg-close svg path{-webkit-transition:all 0.25s ease-in-out;-o-transition:all ease-in-out 0.25s;transition:all 0.25s ease-in-out}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:#fff}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-primary-grey)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}";export{r as icon_asset,l as ptc_announcement,f as ptc_mobile_select,h as ptc_responsive_wrapper,p as ptc_svg_btn}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let e={envs:["xs","sm","md","lg"],selector:".ptc-img",interval:250},s={envs:["xs","sm","md","lg"],selector:".ptc-picture",interval:250};export{s as R,e as a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o}from"./p-
|
|
1
|
+
import{r as t,c as i,h as o}from"./p-0e571387.js";let s=class{constructor(o){t(this,o),this.blurEvent=i(this,"blurEvent",7),this.focusEvent=i(this,"focusEvent",7),this.focused=!1,this.onBlur=()=>{this.blurEvent.emit(),this.focused=!1},this.onFocus=()=>{this.focusEvent.emit(),this.focused=!0}}render(){return o("div",{class:"form-group"},o("input",{type:this.type,id:this.inputId,class:"ptc-input form-control"+(this.focused?" focused":""),"data-eloqua-name":this.dataEloquaName,name:this.inputName,onBlur:this.onBlur,onFocus:this.onFocus}),o("label",{htmlFor:this.inputId,class:"floating-label"},o("slot",null)))}};s.style=".sc-ptc-input-h{display:block}.form-group.sc-ptc-input{position:relative}.ptc-input.sc-ptc-input{width:-webkit-fill-available;width:-moz-available;width:stretch;display:block;padding:6px 12px;border:none;border-bottom:1px solid #3b4550;padding-left:20px;box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;color:#707070;padding-top:14px;background:#fff}.floating-label.sc-ptc-input{position:absolute;left:0;bottom:0;transform:translate(20px, -10px);font-family:Raleway;font-size:16px;font-weight:500;line-height:1.07;text-align:left;transition:all 0.4s ease-in-out}.focused.sc-ptc-input+.floating-label.sc-ptc-input{font-size:10px;font-weight:700;line-height:1.5;transform:translate(20px, -24px)}";export{s as ptc_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-0e571387.js";let r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.target="_self",this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?o("icon-asset",{type:"solid",size:"small",name:"arrow-right"}):"","arrow-plm"==this.theme?o("icon-asset",{type:"ptc",size:"x-small",name:"button-arrow-right"}):"",o("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,disabled:this.disabled,[this.fontSize]:!0}}};r.style=':host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-standard-ease);border-bottom:2px solid var(--color-primary-green);opacity:0}.simple:hover.simple::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:"";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-primary-green);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-standard-ease)}.arrow:hover.arrow::after{width:100%}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-small)}.medium{font-size:var(--ptc-font-size-medium)}.large{font-size:var(--ptc-font-size-large)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-standard-ease)}.ptc-link.arrow icon-asset svg{fill:var(--color-primary-green) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 8%)}.ptc-link.arrow-plm svg{fill:#3DAB49 !important}.ptc-link:hover.arrow icon-asset{transform:translateX(var(--ptc-element-spacing-04))}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid #0092d1;outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:15px;font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0.15px;line-height:25.05px;list-style:none;margin-bottom:10px;text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:#f3f3f4;display:inline-block;font-size:15px;font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0.3px;line-height:25.95px;list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-05);padding-bottom:7px;position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease)}.primary-nav-link:hover{border-radius:4px;background-color:#20262a;text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:15px;list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-secondary-turtlegreen)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:0.12px;line-height:14.4px;list-style:none;margin-bottom:12px;text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid #74c34d;border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-standard-ease), color var(--ptc-transition-medium) var(--ptc-standard-ease);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);line-height:1.73;letter-spacing:1.13px;text-align:left;font-size:15px}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-secondary-turtlegreen);color:var(--color-secondary-turtlegreen)}.copyright-link{color:var(--color-white);font-size:13px;font-weight:var(--ptc-font-weight-normal);line-height:2;display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-19);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease)}.arrow-plm:hover{text-decoration-color:#3DAB49}';export{r as ptc_link}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as t,H as o}from"./p-0e571387.js";let r=class{constructor(t){s(this,t)}render(){return t(o,null,t("slot",null))}};r.style=":host{display:block}";export{r as ptc_countdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-
|
|
1
|
+
import{r as t,h as r}from"./p-0e571387.js";let s=class{constructor(r){t(this,r)}getText(){return(this.first||"")+((t=this.middle)?` ${t}`:"")+((r=this.last)?` ${r}`:"");var t,r}render(){return r("div",null,"Hello, World! I'm ",this.getText())}};s.style=":host{display:block}";export{s as my_component}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as r,H as e}from"./p-0e571387.js";let a=class{constructor(r){t(this,r),this.clickEvent=o(this,"clickEvent",7),this.disabled=!1,this.type="button",this.color="ptc-primary",this.iconAnimation="",this.iconPosition="icon-right",this.linkHref=void 0,this.linkTitle=void 0,this.target="_self",this.rel=void 0,this.tabNav=0}clickEventHandler(){this.clickEvent.emit()}render(){const t=this.getCssClassMap(),o=this.linkHref?"a":"button";return r(e,null,this.styles&&r("style",null,this.styles),r(o,Object.assign({class:t,onClick:this.clickEventHandler.bind(this)},this.linkHref?{href:this.linkHref}:{},this.linkHref?{}:{type:this.type},this.target&&this.linkHref?{target:this.target}:{},this.rel&&this.linkHref?{rel:this.rel}:{},this.linkHref?{title:this.linkTitle?this.linkTitle:this.linkHref}:{},this.tabNav?{tabindex:-1}:{tabindex:0}),r("span",null,r("slot",{name:"slot-before-text"}),r("slot",null),r("slot",{name:"slot-after-text"}))))}getCssClassMap(){return{[this.color]:!0,[this.iconAnimation]:!0,[this.iconPosition]:!0,disabled:!!this.disabled}}};a.style='button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-primary-uigrey);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:3px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:0.86}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(285deg, var(--color-primary-uigrey) 155%, #6e717c 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px #5bb73b;background-image:linear-gradient(285deg, #5bb73b 155%, #178642 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(to right, #ffffff, #d3d3d3, #e5e5e5)}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-primary-uigrey)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:4px;margin-top:4px;box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-secondary-tutlegreen-dark);background-image:linear-gradient(to right, var(--color-secondary-turtlegreen), var(--color-secondary-tutlegreen-dark))}.legacy-green:after{position:absolute;content:"";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-secondary-tutlegreen-dark), var(--color-secondary-turtlegreen));opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1);border-radius:2px}.legacy-green:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-medium)}@media screen and (min-width: 768px){.legacy-green span{font-size:19px;letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:3px;display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all ease-out 0.25s;position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}.nav{font-family:var(--ptc-font-latin);background-color:#323b42;border-radius:var(--ptc-border-radius-medium);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:13px;font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:26px;list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease)}.nav:focus{outline:3px solid #0092d1;outline-offset:2px}.nav:hover{background-color:#20262a}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary{padding:var(--ptc-font-size-small) var(--ptc-font-size-large);transition:background-color var(--ptc-standard-ease) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled{pointer-events:none;border-color:#a8aaaf;background:#e1e2e4}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span{color:#a8aaaf}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]){fill:#a8aaaf !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus{outline:3px solid #0092d1;outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:17px;line-height:20px;letter-spacing:normal}.ptc-primary{background:#1f2024;border:2px solid #5bb73a;border-radius:var(--ptc-border-radius-medium)}.ptc-primary:hover{background-color:#33353a}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:#1f2024;border:2px solid #6d707b;border-radius:var(--ptc-border-radius-medium)}.ptc-secondary:hover{background-color:#33353a}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-primary-grey);border-radius:var(--ptc-border-radius-medium)}.ptc-tertiary:hover{background-color:#e1e2e4}.ptc-tertiary:active{background-color:#c5c5ca}.ptc-tertiary span{color:var(--color-primary-grey)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-primary-grey) !important}.ptc-quaternary{background:#158542;border:2px solid #459e67;border-radius:var(--ptc-border-radius-medium)}.ptc-quaternary:hover{background-color:#17713a}.ptc-quaternary:active{background-color:#186135}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}';export{a as ptc_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as r,H as a,a as p}from"./p-0e571387.js";let o=class{constructor(r){t(this,r),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7)}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.add("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.nextElementSibling.classList.add("mouse-hover-card-bottom")}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.remove("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom")}render(){const t=this.getCssClassMap();return r(a,{class:t,onMouseEnter:this.hoverEventHandler.bind(this),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}}get el(){return p(this)}};o.style=":host{display:block}:host(.speed-bump){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-05) 28px var(--ptc-element-spacing-05) 28px;text-align:center}:host(.speed-bump-2){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-06) 20px;text-align:center}@media screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media 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-x-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-x-large);top:0;left:0;background:transparent;z-index:1;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12);transition:background var(--ptc-transition-medium) var(--ptc-acceletated-ease)}: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-acceletated-ease)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-x-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-x-large);top:0;left:0;background:transparent;z-index:1;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12);transition:background var(--ptc-transition-medium) var(--ptc-acceletated-ease)}: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-acceletated-ease)}: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(.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 screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media 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 screen and (min-width: 1980px){: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 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}@media 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}}@media 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 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}}";export{o as ptc_card_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,a as e}from"./p-
|
|
1
|
+
import{r as t,h as i,H as s,a as e}from"./p-0e571387.js";let o=class{constructor(i){t(this,i),this.display="inline-block",this.shareType="twitter",this.source="",this.recipient="",this.isHover=!1}render(){const t=this.getCssClassMap();return i(s,{class:t},i("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle()},"mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:"x-large",name:"plm-mail"},this.isHover?{color:"gray"}:{color:"white"})):null,"linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:"x-large",name:"plm-linkedin"},this.isHover?{color:"gray"}:{color:"white"})):null,"twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:"x-large",name:"plm-twitter"},this.isHover?{color:"gray"}:{color:"white"})):null,"facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:"x-large",name:"plm-fb"},this.isHover?{color:"gray"}:{color:"white"})):null,"share-api"==this.shareType?i("icon-asset",Object.assign({type:"solid",size:"x-large",name:"share-square"},this.isHover?{color:"gray"}:{color:"white"})):null))}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){"twitter"==this.shareType&&window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"==this.shareType&&window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"==this.shareType&&window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"==this.shareType&&window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`))}get el(){return e(this)}};o.style=":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:19px}}";export{o as ptc_social_share}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r,H as o}from"./p-0e571387.js";let e=class{constructor(r){t(this,r),this.bgUrl=void 0}render(){const t=this.getCssClassMap();return r(o,{class:t},r("div",{class:"ptc-hero-wrapper"},r("ptc-img",Object.assign({"image-type":"smart-bg"},this.bgUrl?{imgUrl:this.bgUrl}:{},{"size-xs":"600x450","size-sm":"1108x658","size-md":"1920x1080","size-lg":"2700x1500"}),"jumbotron"==this.heroType?[r("ptc-overlay",{"filter-color":"black-1"}),r("ptc-overlay",{"filter-color":"black-2"})]:"footer-cta"==this.heroType?r("ptc-overlay",{"filter-color":"black-3"}):null,r("slot",null))))}getCssClassMap(){return{[this.heroType]:!!this.heroType}}};e.style=":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}";export{e as ptc_hero}
|