@ptcwebops/ptcw-design 6.3.1-beta → 6.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component-4dd13907.js → component-06dda623.js} +1494 -3305
- package/dist/cjs/component-5b5b6a98.js +1819 -0
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +5 -0
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/icon-asset_6.cjs.entry.js +1 -1
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card_2.cjs.entry.js +4 -8
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +1 -40
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
- package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
- package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +5 -787
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
- package/dist/cjs/ptc-para.cjs.entry.js +1 -1
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
- package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/validation-messages-33a4f26b.js +126 -0
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +5 -0
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -6
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -6
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -6
- package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
- package/dist/collection/components/ptc-modal/ptc-modal.js +2 -60
- package/dist/collection/components/ptc-para/ptc-para.css +0 -3
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +0 -265
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +3 -7
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -6
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +1 -1
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.css +3 -3
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +34 -170
- package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
- package/dist/esm/component-341e4eaa.js +1802 -0
- package/dist/esm/event-jumbotron-example.entry.js +5 -0
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/icon-asset_6.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +4 -8
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -40
- package/dist/esm/ptc-data-lookup.entry.js +2 -1
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +4 -784
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +665 -0
- package/dist/esm/ptc-para.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +2 -10
- 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-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/validation-messages-adbb6518.js +124 -0
- package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
- package/dist/ptcw-design/{p-38a1425c.entry.js → p-00ccc051.entry.js} +1 -1
- package/dist/ptcw-design/p-18a5a338.js +1 -0
- package/dist/ptcw-design/p-235149b5.entry.js +1 -0
- package/dist/ptcw-design/{p-485cb0c8.entry.js → p-2ab0f25c.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2523dce.entry.js → p-2db8ed95.entry.js} +1 -1
- package/dist/ptcw-design/p-3a50e95a.entry.js +68 -0
- package/dist/ptcw-design/{p-6dc78042.entry.js → p-483e20af.entry.js} +1 -1
- package/dist/ptcw-design/p-4ee29b78.entry.js +1 -0
- package/dist/ptcw-design/p-4f523245.entry.js +1 -0
- package/dist/ptcw-design/p-520542e2.entry.js +1 -0
- package/dist/ptcw-design/p-53d15f85.entry.js +1 -0
- package/dist/ptcw-design/{p-beb29540.entry.js → p-57b28b2b.entry.js} +1 -1
- package/dist/ptcw-design/p-647dee4f.entry.js +1 -0
- package/dist/ptcw-design/p-69ef15d4.entry.js +1 -0
- package/dist/ptcw-design/{p-9d386f08.entry.js → p-6b7d2579.entry.js} +1 -1
- package/dist/ptcw-design/{p-a4c78993.entry.js → p-6d0f7580.entry.js} +1 -1
- package/dist/ptcw-design/p-753dff04.entry.js +1 -0
- package/dist/ptcw-design/p-7e3985cc.entry.js +1 -0
- package/dist/ptcw-design/p-ad4f4f33.entry.js +1 -0
- package/dist/ptcw-design/p-b29e43cf.entry.js +1 -0
- package/dist/ptcw-design/p-be533f0d.js +134 -0
- package/dist/ptcw-design/p-c1513c3f.js +203 -0
- package/dist/ptcw-design/{p-2b583ae1.entry.js → p-e6cb2dce.entry.js} +1 -1
- package/dist/ptcw-design/p-edcad0f1.entry.js +1 -0
- package/dist/ptcw-design/p-f093f6f8.entry.js +1 -0
- package/dist/ptcw-design/p-f31e17d9.entry.js +1 -0
- package/dist/ptcw-design/{p-b10baf43.entry.js → p-fd5b7db1.entry.js} +1 -1
- package/dist/ptcw-design/{p-3964837c.entry.js → p-ff0910d6.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -8
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
- package/dist/types/components.d.ts +4 -21
- package/package.json +1 -1
- package/readme.md +1 -5
- package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
- package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
- package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
- package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
- package/dist/esm/modal-form-example.entry.js +0 -90
- package/dist/ptcw-design/p-094f5dec.entry.js +0 -1
- package/dist/ptcw-design/p-130e2278.entry.js +0 -1
- package/dist/ptcw-design/p-1e85cb97.entry.js +0 -1
- package/dist/ptcw-design/p-31e03c00.entry.js +0 -1
- package/dist/ptcw-design/p-3ada2482.entry.js +0 -1
- package/dist/ptcw-design/p-4e8c87e1.entry.js +0 -1
- package/dist/ptcw-design/p-50582650.entry.js +0 -1
- package/dist/ptcw-design/p-9be9f585.entry.js +0 -1
- package/dist/ptcw-design/p-a7e67938.entry.js +0 -1
- package/dist/ptcw-design/p-b789c2ee.entry.js +0 -1
- package/dist/ptcw-design/p-bcab66bf.js +0 -336
- package/dist/ptcw-design/p-c73eb535.entry.js +0 -1
- package/dist/ptcw-design/p-caac157f.entry.js +0 -1
- package/dist/ptcw-design/p-ed71521c.entry.js +0 -1
- package/dist/ptcw-design/p-ef55ab3c.entry.js +0 -1
- package/dist/ptcw-design/p-f26707a6.entry.js +0 -68
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,g as e,h as i,H as a,a as n}from"./p-944c5be8.js";const o=class{constructor(i){t(this,i),this.ready=s(this,"ready",7),this.regularSprite=e("./media/regular.svg"),this.solidSprite=e("./media/solid.svg"),this.brandSprite=e("./media/brands.svg"),this.ptcSprite=e("./media/designer-v6.0.6.svg"),this.name=void 0,this.size="xx-small",this.type="regular",this.spin="",this.pulse="",this.color="default",this.isMobileSelect=void 0,this.injectedStyle=void 0,this.focusOn=!1,this.trackerId=""}componentDidLoad(){this.ready.emit({"regular-icons":this.regularSprite,"sold-icons":this.solidSprite,"brand-icons":this.brandSprite,"ptc-icons":this.ptcSprite})}render(){const t=this.getCssClassMap();return i(a,null,this.injectedStyle&&i("style",null,this.injectedStyle),"brands"==this.type?i("svg",{class:t},i("use",{href:`${this.brandSprite}#${this.name}`})):"solid"==this.type?i("svg",{class:t},i("use",{href:`${this.solidSprite}#${this.name}`})):"ptc"==this.type?i("svg",{class:t,"aria-hidden":this.isMobileSelect&&"true",tabindex:this.focusOn?0:-1,id:this.trackerId},i("use",{href:`${this.ptcSprite}#${this.name}`})):i("svg",{class:t},i("use",{href:`${this.regularSprite}#${this.name}`})))}getCssClassMap(){return{[this.size]:!0,[this.spin]:!0,[this.pulse]:!0,[this.color]:!0,ismobileselect:!!this.isMobileSelect,"mf-listen":""!==this.trackerId}}static get assetsDirs(){return["media"]}};o.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}h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}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.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}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.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:inherit}svg.sc-icon-asset:focus{outline:none !important}svg[tabIndex="0"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}svg[tabIndex="0"].sc-icon-asset:focus{outline:none !important}';const r=class{constructor(e){t(this,e),this.navLinkClicked=s(this,"navLinkClicked",7),this.href=void 0,this.isOutsideLink=!1,this.titleText="",this.trackerId=void 0}handleClick(t){t.stopPropagation(),this.href&&this.href.startsWith("#")&&(document.querySelector(this.href).scrollIntoView({behavior:"smooth"}),this.navLinkClicked.emit())}trimString(t,s){return t.length>s?t.slice(0,s)+"...":t}render(){return i(a,null,i("div",{class:"tracker-div",id:this.trackerId},i("a",{href:this.href,target:this.isOutsideLink?"_blank":"_self",title:this.titleText,onClick:t=>{this.handleClick(t)}},i("slot",null),!this.href.startsWith("#")&&i("svg",{class:"icon-arrow-right",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"10",viewBox:"0 0 14 10",fill:"none"},i("path",{d:"M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z",fill:"#AEB8BD"})))))}get el(){return n(this)}};r.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:14px var(--ptc-element-spacing-03) 22px;margin-top:6px;border-top:2px solid transparent;margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding:14px 10px 16px}@media only screen and (min-width: 1200px){:host a:focus-visible{padding:14px 10px 20px}}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}:host .tracker-div{display:inline}';const l=class{constructor(s){t(this,s),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`,this.leftBtnTrackerId=void 0,this.rightBtnTrackerId=void 0}componentDidLoad(){this.updateSlider(this);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this)),setTimeout((()=>{this.updateSlider(this)}),3100)}handledropdownClickEvent(t){const s=t.target.querySelector(".nav-slider").id,e=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),i=document.querySelector(`#${s}`).shadowRoot.querySelector("#prevBtn"),a=document.querySelector(`#${s}`).shadowRoot.querySelector("#nextBtn");let n="ptc-nav-submenu"!=t.target.tagName.toLowerCase();this.updateArrows(e,i,a,n)}updateArrows(t,s,e,i){t.offsetWidth==t.scrollWidth?(s.style.visibility="hidden",e.style.visibility="hidden",i&&(s.closest(".btn-wrap-left").style.display="none")):t.scrollLeft+t.offsetWidth<=t.scrollWidth?(i&&(s.closest(".btn-wrap-left").style.display=""),t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(e.style.visibility="hidden",s.style.visibility="visible"):(s.style.visibility="visible",e.style.visibility="visible"):(s.style.visibility="hidden",e.style.visibility="visible")):(s.style.visibility="visible",e.style.visibility="hidden")}updateSlider(t){const s=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),e=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),i=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");if(void 0!==t&&t.target){let s=!t.target.closest(".dropdown-content");this.updateArrows(t.target,e,i,s)}else this.updateArrows(s,e,i,!1)}leftScroll(t){const s=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");s.scrollLeft>0&&s.scrollBy(-200,0)}rightScroll(t){const s=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");s.scrollLeft+s.offsetWidth<s.scrollWidth&&s.scrollBy(200,0)}render(){return i(a,{class:"nav-slider",id:this.sliderId},i("div",{class:"btn-wrap-left tracker-div",id:this.leftBtnTrackerId},i("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this),"aria-label":"Left scroll button"},i("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("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"})))),i("div",{class:"box-wrap"},i("slot",null)),i("div",{class:"btn-wrap-right tracker-div",id:this.rightBtnTrackerId},i("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this),"aria-label":"Right scroll button"},i("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("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 n(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}@media only screen and (min-width: 1200px){:host{max-width:762px;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;overflow-y:hidden;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{cursor:pointer;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 button#prevBtn:focus-visible,:host button#prevBtn:focus,:host button#nextBtn:focus-visible,:host button#nextBtn:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .btn-wrap-left{margin-right:0}@media (min-width: 1250px){:host .btn-wrap-left{margin-right:14px}}:host .btn-wrap-right{margin-left:14px}:host .tracker-div{display:inline}";const h=class{constructor(e){t(this,e),this.dropdownClickEvent=s(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0,this.labelTrackerId=void 0,this.dropdownTrackerId=void 0,this.backBtnTrackerId=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),s=this.el.closest("ptc-subnav");if(t&&s)if(window.innerWidth>=1200){let e=s.clientHeight;e>0&&(t.style.top=`${e}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return i(a,{class:"dropdown"},i("div",{id:this.backBtnTrackerId,class:"tracker-div"},i("span",{class:"back-btn"},i("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back")),i("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&i("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),i("div",{id:this.labelTrackerId,class:"tracker-div"},this.label),i("div",{id:this.dropdownTrackerId,class:"tracker-div"},this.iconSrc&&i("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"})))),i("div",{class:"submenu-container"},i("div",{class:"submenu-container-lg"},i("slot",null))))}get el(){return n(this)}};h.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative;border:2px solid transparent;margin:-2px}:host .submenu-toggle::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';const c=class{constructor(s){t(this,s),this.hasPreloader=!1}componentDidLoad(){document.querySelector("ptc-preloader-section")?(this.hasPreloader=!0,this.el.setAttribute("has-preloader","true")):(this.hasPreloader=!1,this.el.setAttribute("has-preloader","false")),this.stickyEl.classList.contains("sticky")&&this.stickyEl.classList.remove("sticky");let t=this;this.hasPreloader?setTimeout((()=>{t.stickyEl=t.el.shadowRoot.querySelector(".stickyEl"),t.originalPosition=this.elPosition(t.stickyEl),window.addEventListener("scroll",t.handleScroll)}),3100):setTimeout((()=>{t.stickyEl=t.el.shadowRoot.querySelector(".stickyEl"),t.originalPosition=t.stickyEl.offsetTop,window.addEventListener("scroll",t.handleScroll)}),1500)}elPosition(t){const s=t.getBoundingClientRect(),e=window.pageYOffset||document.documentElement.scrollTop;return s.top+e}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}handleScroll(){this.stickyEl&&(window.scrollY>this.originalPosition?this.stickyEl.classList.add("sticky"):this.stickyEl.classList.remove("sticky"))}handleResize(){this.handleScroll()}render(){return i(a,null,i("div",{class:"stickyEl",ref:t=>this.stickyEl=t},i("slot",null)))}get el(){return n(this)}};c.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}";const p=class{constructor(s){t(this,s),this.mobileTitle="See page topics",this.navOpen=!1}toggleNav(){this.navOpen=!this.navOpen}handleScroll(){let t=this.el.shadowRoot.querySelector("div.sticky-subnav");t&&t.classList.remove("sticky")}handleNavLinkClickedEvent(){this.toggleNav()}render(){return i(a,null,i("div",{class:"sticky-subnav"},i("nav",{class:"navbar "+(this.navOpen?"navOpen":"")},i("button",{class:"navbar-toggle",onClick:()=>{this.toggleNav()}},this.mobileTitle,i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),i("div",{class:"navbar-inner"},i("div",{class:"nav-wrapper"},i("slot",{name:"subnav-menu-left"}),i("slot",{name:"subnav-menu-right"}))))))}get el(){return n(this)}};p.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;width:100%;background-color:var(--color-gray-12);z-index:990;position:relative}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1150px;margin:auto;box-sizing:border-box;padding:0px;display:none}@media (min-width: 1250px){:host .navbar .navbar-inner{max-width:1200px}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";export{o as icon_asset,r as ptc_nav_link,l as ptc_nav_slider,h as ptc_nav_submenu,c as ptc_sticky_section,p as ptc_subnav}
|
|
1
|
+
import{r as t,c as s,g as e,h as i,H as a,a as n}from"./p-944c5be8.js";const o=class{constructor(i){t(this,i),this.ready=s(this,"ready",7),this.regularSprite=e("./media/regular.svg"),this.solidSprite=e("./media/solid.svg"),this.brandSprite=e("./media/brands.svg"),this.ptcSprite=e("./media/designer-v6.0.6.svg"),this.name=void 0,this.size="xx-small",this.type="regular",this.spin="",this.pulse="",this.color="default",this.isMobileSelect=void 0,this.injectedStyle=void 0,this.focusOn=!1,this.trackerId=""}componentDidLoad(){this.ready.emit({"regular-icons":this.regularSprite,"sold-icons":this.solidSprite,"brand-icons":this.brandSprite,"ptc-icons":this.ptcSprite})}render(){const t=this.getCssClassMap();return i(a,null,this.injectedStyle&&i("style",null,this.injectedStyle),"brands"==this.type?i("svg",{class:t},i("use",{href:`${this.brandSprite}#${this.name}`})):"solid"==this.type?i("svg",{class:t},i("use",{href:`${this.solidSprite}#${this.name}`})):"ptc"==this.type?i("svg",{class:t,"aria-hidden":this.isMobileSelect&&"true",tabindex:this.focusOn?0:-1,id:this.trackerId},i("use",{href:`${this.ptcSprite}#${this.name}`})):i("svg",{class:t},i("use",{href:`${this.regularSprite}#${this.name}`})))}getCssClassMap(){return{[this.size]:!0,[this.spin]:!0,[this.pulse]:!0,[this.color]:!0,ismobileselect:!!this.isMobileSelect,"mf-listen":""!==this.trackerId}}static get assetsDirs(){return["media"]}};o.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}h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}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.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}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.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:inherit}svg.sc-icon-asset:focus{outline:none !important}svg[tabIndex="0"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}svg[tabIndex="0"].sc-icon-asset:focus{outline:none !important}';const r=class{constructor(e){t(this,e),this.navLinkClicked=s(this,"navLinkClicked",7),this.href=void 0,this.isOutsideLink=!1,this.titleText="",this.trackerId=void 0}handleClick(t){t.stopPropagation(),this.href&&this.href.startsWith("#")&&(document.querySelector(this.href).scrollIntoView({behavior:"smooth"}),this.navLinkClicked.emit())}trimString(t,s){return t.length>s?t.slice(0,s)+"...":t}render(){return i(a,null,i("div",{class:"tracker-div",id:this.trackerId},i("a",{href:this.href,target:this.isOutsideLink?"_blank":"_self",title:this.titleText,onClick:t=>{this.handleClick(t)}},i("slot",null),!this.href.startsWith("#")&&i("svg",{class:"icon-arrow-right",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"10",viewBox:"0 0 14 10",fill:"none"},i("path",{d:"M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z",fill:"#AEB8BD"})))))}get el(){return n(this)}};r.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:14px var(--ptc-element-spacing-03) 22px;margin-top:6px;border-top:2px solid transparent;margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding:14px 10px 16px}@media only screen and (min-width: 1200px){:host a:focus-visible{padding:14px 10px 20px}}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}:host .tracker-div{display:inline}';const l=class{constructor(s){t(this,s),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`,this.leftBtnTrackerId=void 0,this.rightBtnTrackerId=void 0}componentDidLoad(){this.updateSlider(this);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this)),setTimeout((()=>{this.updateSlider(this)}),3100)}handledropdownClickEvent(t){const s=t.target.querySelector(".nav-slider").id,e=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),i=document.querySelector(`#${s}`).shadowRoot.querySelector("#prevBtn"),a=document.querySelector(`#${s}`).shadowRoot.querySelector("#nextBtn");let n="ptc-nav-submenu"!=t.target.tagName.toLowerCase();this.updateArrows(e,i,a,n)}updateArrows(t,s,e,i){t.offsetWidth==t.scrollWidth?(s.style.visibility="hidden",e.style.visibility="hidden",i&&(s.closest(".btn-wrap-left").style.display="none")):t.scrollLeft+t.offsetWidth<=t.scrollWidth?(i&&(s.closest(".btn-wrap-left").style.display=""),t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(e.style.visibility="hidden",s.style.visibility="visible"):(s.style.visibility="visible",e.style.visibility="visible"):(s.style.visibility="hidden",e.style.visibility="visible")):(s.style.visibility="visible",e.style.visibility="hidden")}updateSlider(t){const s=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),e=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),i=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");if(void 0!==t&&t.target){let s=!t.target.closest(".dropdown-content");this.updateArrows(t.target,e,i,s)}else this.updateArrows(s,e,i,!1)}leftScroll(t){const s=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");s.scrollLeft>0&&s.scrollBy(-200,0)}rightScroll(t){const s=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");s.scrollLeft+s.offsetWidth<s.scrollWidth&&s.scrollBy(200,0)}render(){return i(a,{class:"nav-slider",id:this.sliderId},i("div",{class:"btn-wrap-left tracker-div",id:this.leftBtnTrackerId},i("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this),"aria-label":"Left scroll button"},i("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("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"})))),i("div",{class:"box-wrap"},i("slot",null)),i("div",{class:"btn-wrap-right tracker-div",id:this.rightBtnTrackerId},i("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this),"aria-label":"Right scroll button"},i("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("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 n(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}@media only screen and (min-width: 1200px){:host{max-width:730px;padding:0px 0px;display:flex;align-items:center;margin-left:-25px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;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:-58px}}:host .navArrows{cursor:pointer;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 button#prevBtn:focus-visible,:host button#prevBtn:focus,:host button#nextBtn:focus-visible,:host button#nextBtn:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .btn-wrap-left{margin-right:0}@media (min-width: 1250px){:host .btn-wrap-left{margin-right:14px}}:host .btn-wrap-right{margin-left:14px}:host .tracker-div{display:inline}";const h=class{constructor(e){t(this,e),this.dropdownClickEvent=s(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0,this.labelTrackerId=void 0,this.dropdownTrackerId=void 0,this.backBtnTrackerId=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),s=this.el.closest("ptc-subnav");if(t&&s)if(window.innerWidth>=1200){let e=s.clientHeight;e>0&&(t.style.top=`${e}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return i(a,{class:"dropdown"},i("div",{id:this.backBtnTrackerId,class:"tracker-div"},i("span",{class:"back-btn"},i("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back")),i("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&i("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),i("div",{id:this.labelTrackerId,class:"tracker-div"},this.label),i("div",{id:this.dropdownTrackerId,class:"tracker-div"},this.iconSrc&&i("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"})))),i("div",{class:"submenu-container"},i("div",{class:"submenu-container-lg"},i("slot",null))))}get el(){return n(this)}};h.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative;border:2px solid transparent;margin:-2px}:host .submenu-toggle::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';const c=class{constructor(s){t(this,s),this.hasPreloader=!1}componentDidLoad(){document.querySelector("ptc-preloader-section")?(this.hasPreloader=!0,this.el.setAttribute("has-preloader","true")):(this.hasPreloader=!1,this.el.setAttribute("has-preloader","false")),this.stickyEl.classList.contains("sticky")&&this.stickyEl.classList.remove("sticky");let t=this;this.hasPreloader?setTimeout((()=>{t.stickyEl=t.el.shadowRoot.querySelector(".stickyEl"),t.originalPosition=this.elPosition(t.stickyEl),window.addEventListener("scroll",t.handleScroll)}),3100):setTimeout((()=>{t.stickyEl=t.el.shadowRoot.querySelector(".stickyEl"),t.originalPosition=t.stickyEl.offsetTop,window.addEventListener("scroll",t.handleScroll)}),1500)}elPosition(t){const s=t.getBoundingClientRect(),e=window.pageYOffset||document.documentElement.scrollTop;return s.top+e}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}handleScroll(){this.stickyEl&&(window.scrollY>this.originalPosition?this.stickyEl.classList.add("sticky"):this.stickyEl.classList.remove("sticky"))}handleResize(){this.handleScroll()}render(){return i(a,null,i("div",{class:"stickyEl",ref:t=>this.stickyEl=t},i("slot",null)))}get el(){return n(this)}};c.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}";const p=class{constructor(s){t(this,s),this.mobileTitle="See page topics",this.navOpen=!1}toggleNav(){this.navOpen=!this.navOpen}handleScroll(){let t=this.el.shadowRoot.querySelector("div.sticky-subnav");t&&t.classList.remove("sticky")}handleNavLinkClickedEvent(){this.toggleNav()}render(){return i(a,null,i("div",{class:"sticky-subnav"},i("nav",{class:"navbar "+(this.navOpen?"navOpen":"")},i("button",{class:"navbar-toggle",onClick:()=>{this.toggleNav()}},this.mobileTitle,i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),i("div",{class:"navbar-inner"},i("div",{class:"nav-wrapper"},i("slot",{name:"subnav-menu-left"}),i("slot",{name:"subnav-menu-right"}))))))}get el(){return n(this)}};p.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;width:100%;background-color:var(--color-gray-12);z-index:990;position:relative}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1150px;margin:auto;box-sizing:border-box;padding:0px;display:none}@media (min-width: 1250px){:host .navbar .navbar-inner{max-width:1200px}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";export{o as icon_asset,r as ptc_nav_link,l as ptc_nav_slider,h as ptc_nav_submenu,c as ptc_sticky_section,p as ptc_subnav}
|
|
@@ -8,4 +8,4 @@ var o=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hre
|
|
|
8
8
|
* focus-trap 7.6.4
|
|
9
9
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
10
10
|
*/
|
|
11
|
-
function k(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=Array(e);n<e;n++)o[n]=t[n];return o}function E(t,e,n){return(e=function(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function O(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?T(Object(n),!0).forEach((function(e){E(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function z(t){return function(t){if(Array.isArray(t))return k(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return k(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var S=function(t){return"Tab"===(null==t?void 0:t.key)||9===(null==t?void 0:t.keyCode)},A=function(t){return S(t)&&!t.shiftKey},D=function(t){return S(t)&&t.shiftKey},F=function(t){return setTimeout(t,0)},N=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];return"function"==typeof t?t.apply(void 0,n):t},P=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target},C=[],I=function(t,e){var n,o=(null==e?void 0:e.document)||document,r=(null==e?void 0:e.trapStack)||C,i=O({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:A,isKeyBackward:D},e),a={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},s=function(t,e,n){return t&&void 0!==t[e]?t[e]:i[n||e]},u=function(t,e){var n="function"==typeof(null==e?void 0:e.composedPath)?e.composedPath():void 0;return a.containerGroups.findIndex((function(e){var o=e.container,r=e.tabbableNodes;return o.contains(t)||(null==n?void 0:n.includes(o))||r.find((function(e){return e===t}))}))},d=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.hasFallback,r=void 0!==n&&n,a=e.params,s=void 0===a?[]:a,u=i[t];if("function"==typeof u&&(u=u.apply(void 0,z(s))),!0===u&&(u=void 0),!u){if(void 0===u||!1===u)return u;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var c=u;if("string"==typeof u){try{c=o.querySelector(u)}catch(e){throw new Error("`".concat(t,'` appears to be an invalid selector; error="').concat(e.message,'"'))}if(!c&&!r)throw new Error("`".concat(t,"` as selector refers to no known node"))}return c},m=function(){var t=d("initialFocus",{hasFallback:!0});if(!1===t)return!1;if(void 0===t||t&&!j(t,i.tabbableOptions))if(u(o.activeElement)>=0)t=o.activeElement;else{var e=a.tabbableGroups[0];t=e&&e.firstTabbableNode||d("fallbackFocus")}else null===t&&(t=d("fallbackFocus"));if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},v=function(){if(a.containerGroups=a.containers.map((function(t){var e=function(t,e){var n;return n=(e=e||{}).getShadowRoot?l([t],e.includeContainer,{filter:b.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot,shadowRootFilter:x}):c(t,e.includeContainer,b.bind(null,e)),g(n)}(t,i.tabbableOptions),n=function(t,e){return(e=e||{}).getShadowRoot?l([t],e.includeContainer,{filter:h.bind(null,e),flatten:!0,getShadowRoot:e.getShadowRoot}):c(t,e.includeContainer,h.bind(null,e))}(t,i.tabbableOptions),o=e.length>0?e[0]:void 0,r=e.length>0?e[e.length-1]:void 0,a=n.find((function(t){return y(t)})),s=n.slice().reverse().find((function(t){return y(t)})),u=!!e.find((function(t){return p(t)>0}));return{container:t,tabbableNodes:e,focusableNodes:n,posTabIndexesFound:u,firstTabbableNode:o,lastTabbableNode:r,firstDomTabbableNode:a,lastDomTabbableNode:s,nextTabbableNode:function(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=e.indexOf(t);return r<0?o?n.slice(n.indexOf(t)+1).find((function(t){return y(t)})):n.slice(0,n.indexOf(t)).reverse().find((function(t){return y(t)})):e[r+(o?1:-1)]}}})),a.tabbableGroups=a.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),a.tabbableGroups.length<=0&&!d("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(a.containerGroups.find((function(t){return t.posTabIndexesFound}))&&a.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},f=function(t){var e=t.activeElement;if(e)return e.shadowRoot&&null!==e.shadowRoot.activeElement?f(e.shadowRoot):e},w=function(t){!1!==t&&t!==f(document)&&(t&&t.focus?(t.focus({preventScroll:!!i.preventScroll}),a.mostRecentlyFocusedNode=t,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(t)&&t.select()):w(m()))},k=function(t){var e=d("setReturnFocus",{params:[t]});return e||!1!==e&&t},E=function(t){var e=t.target,n=t.event,o=t.isBackward,r=void 0!==o&&o;e=e||P(n),v();var s=null;if(a.tabbableGroups.length>0){var c=u(e,n),l=c>=0?a.containerGroups[c]:void 0;if(c<0)s=r?a.tabbableGroups[a.tabbableGroups.length-1].lastTabbableNode:a.tabbableGroups[0].firstTabbableNode;else if(r){var m=a.tabbableGroups.findIndex((function(t){return e===t.firstTabbableNode}));if(m<0&&(l.container===e||j(e,i.tabbableOptions)&&!y(e,i.tabbableOptions)&&!l.nextTabbableNode(e,!1))&&(m=c),m>=0){var f=a.tabbableGroups[0===m?a.tabbableGroups.length-1:m-1];s=p(e)>=0?f.lastTabbableNode:f.lastDomTabbableNode}else S(n)||(s=l.nextTabbableNode(e,!1))}else{var h=a.tabbableGroups.findIndex((function(t){return e===t.lastTabbableNode}));if(h<0&&(l.container===e||j(e,i.tabbableOptions)&&!y(e,i.tabbableOptions)&&!l.nextTabbableNode(e))&&(h=c),h>=0){var b=a.tabbableGroups[h===a.tabbableGroups.length-1?0:h+1];s=p(e)>=0?b.firstTabbableNode:b.firstDomTabbableNode}else S(n)||(s=l.nextTabbableNode(e))}}else s=d("fallbackFocus");return s},T=function(t){var e=P(t);u(e,t)>=0||(N(i.clickOutsideDeactivates,t)?n.deactivate({returnFocus:i.returnFocusOnDeactivate}):N(i.allowOutsideClick,t)||t.preventDefault())},I=function(t){var e=P(t),n=u(e,t)>=0;if(n||e instanceof Document)n&&(a.mostRecentlyFocusedNode=e);else{var o;t.stopImmediatePropagation();var r=!0;if(a.mostRecentlyFocusedNode)if(p(a.mostRecentlyFocusedNode)>0){var s=u(a.mostRecentlyFocusedNode),c=a.containerGroups[s].tabbableNodes;if(c.length>0){var l=c.findIndex((function(t){return t===a.mostRecentlyFocusedNode}));l>=0&&(i.isKeyForward(a.recentNavEvent)?l+1<c.length&&(o=c[l+1],r=!1):l-1>=0&&(o=c[l-1],r=!1))}}else a.containerGroups.some((function(t){return t.tabbableNodes.some((function(t){return p(t)>0}))}))||(r=!1);else r=!1;r&&(o=E({target:a.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(a.recentNavEvent)})),w(o||a.mostRecentlyFocusedNode||m())}a.recentNavEvent=void 0},$=function(t){(i.isKeyForward(t)||i.isKeyBackward(t))&&function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];a.recentNavEvent=t;var n=E({event:t,isBackward:e});n&&(S(t)&&t.preventDefault(),w(n))}(t,i.isKeyBackward(t))},L=function(t){var e;"Escape"!==(null==(e=t)?void 0:e.key)&&"Esc"!==(null==e?void 0:e.key)&&27!==(null==e?void 0:e.keyCode)||!1===N(i.escapeDeactivates,t)||(t.preventDefault(),n.deactivate())},R=function(t){var e=P(t);u(e,t)>=0||N(i.clickOutsideDeactivates,t)||N(i.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},M=function(){if(a.active)return function(t,e){if(t.length>0){var n=t[t.length-1];n!==e&&n._setPausedState(!0)}var o=t.indexOf(e);-1===o||t.splice(o,1),t.push(e)}(r,n),a.delayInitialFocusTimer=i.delayInitialFocus?F((function(){w(m())})):w(m()),o.addEventListener("focusin",I,!0),o.addEventListener("mousedown",T,{capture:!0,passive:!1}),o.addEventListener("touchstart",T,{capture:!0,passive:!1}),o.addEventListener("click",R,{capture:!0,passive:!1}),o.addEventListener("keydown",$,{capture:!0,passive:!1}),o.addEventListener("keydown",L),n},B=function(){if(a.active)return o.removeEventListener("focusin",I,!0),o.removeEventListener("mousedown",T,!0),o.removeEventListener("touchstart",T,!0),o.removeEventListener("click",R,!0),o.removeEventListener("keydown",$,!0),o.removeEventListener("keydown",L),n},U="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(t){t.some((function(t){return Array.from(t.removedNodes).some((function(t){return t===a.mostRecentlyFocusedNode}))}))&&w(m())})):void 0,X=function(){U&&(U.disconnect(),a.active&&!a.paused&&a.containers.map((function(t){U.observe(t,{subtree:!0,childList:!0})})))};return n={get active(){return a.active},get paused(){return a.paused},activate:function(t){if(a.active)return this;var e=s(t,"onActivate"),n=s(t,"onPostActivate"),r=s(t,"checkCanFocusTrap");r||v(),a.active=!0,a.paused=!1,a.nodeFocusedBeforeActivation=o.activeElement,null==e||e();var i=function(){r&&v(),M(),X(),null==n||n()};return r?(r(a.containers.concat()).then(i,i),this):(i(),this)},deactivate:function(t){if(!a.active)return this;var e=O({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},t);clearTimeout(a.delayInitialFocusTimer),a.delayInitialFocusTimer=void 0,B(),a.active=!1,a.paused=!1,X(),function(t,e){var n=t.indexOf(e);-1!==n&&t.splice(n,1),t.length>0&&!t[t.length-1]._isManuallyPaused()&&t[t.length-1]._setPausedState(!1)}(r,n);var o=s(e,"onDeactivate"),u=s(e,"onPostDeactivate"),c=s(e,"checkCanReturnFocus"),l=s(e,"returnFocus","returnFocusOnDeactivate");null==o||o();var d=function(){F((function(){l&&w(k(a.nodeFocusedBeforeActivation)),null==u||u()}))};return l&&c?(c(k(a.nodeFocusedBeforeActivation)).then(d,d),this):(d(),this)},pause:function(t){return a.active?(a.manuallyPaused=!0,this._setPausedState(!0,t)):this},unpause:function(t){return a.active?(a.manuallyPaused=!1,r[r.length-1]!==this?this:this._setPausedState(!1,t)):this},updateContainerElements:function(t){var e=[].concat(t).filter(Boolean);return a.containers=e.map((function(t){return"string"==typeof t?o.querySelector(t):t})),a.active&&v(),X(),this}},Object.defineProperties(n,{_isManuallyPaused:{value:function(){return a.manuallyPaused}},_setPausedState:{value:function(t,e){if(a.paused===t)return this;if(a.paused=t,t){var n=s(e,"onPause"),o=s(e,"onPostPause");null==n||n(),B(),X(),null==o||o()}else{var r=s(e,"onUnpause"),i=s(e,"onPostUnpause");null==r||r(),v(),M(),X(),null==i||i()}return this}}}),n.updateContainerElements(t),n};const $=class{constructor(e){t(this,e),this.startX=0,this.scrollLeft=0,this.updateContainerClass=()=>{this.isDesktop?(this.sliderWrapper.classList.add("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.disableDragging()):(this.sliderWrapper.classList.remove("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.enableDragging())},this.startDragging=t=>{this.isMouseDown=!0,this.isDragging=!1,this.startX=t.pageX,this.scrollLeft=this.slider.scrollLeft},this.performDragging=t=>{if(!this.isMouseDown)return;const e=t.pageX-this.slider.offsetLeft-this.startX;this.isDragging=Math.abs(e)>5,this.slider.scrollLeft=this.scrollLeft-e},this.stopDragging=()=>{this.isMouseDown=!1},this.closeActiveModal=()=>{document.querySelectorAll("ptc-modal").forEach((t=>{t.show&&(t.show=!1)}))},this.cards=[],this.modalBtnCloseText="Close",this.activePanel=null,this.activeCard=null,this.isDragging=!1,this.isMouseDown=!1,this.isDesktop=window.innerWidth>=992,this.openedWithKeyboard=!1}onScreenStatusChange(){!this.isDesktop&&this.closeActiveModal()}handleCardClick(t){const e=this.slider.children[t],n=`panel-${t}`,o=document.getElementById(n);if(this.isDesktop&&o)this.showPanel(e,o),this.openedWithKeyboard?setTimeout((()=>{this.trap=I(o,{escapeDeactivates:!0,clickOutsideDeactivates:!0,onActivate:()=>{this.openedWithKeyboard||this.trap.pause()},onDeactivate:()=>{this.closePanel(n),this.trap.deactivate()},tabbableOptions:{getShadowRoot:!0}}),this.trap.activate()}),500):this.trap&&this.trap.deactivate();else if(!this.isDesktop&&!this.isDragging){const e=document.getElementById(`modal-${t}`);console.log("open: "+e.id),e.show=!0}}showPanel(t,e){this.activePanel||(this.slider.style.transform=`translateX(-${t.offsetLeft}px)`,Array.from(this.slider.children).forEach((e=>{e!==t&&e.classList.add("hidden")})),e.style.display="block",e.style.width=`calc(100% - ${t.getBoundingClientRect().width}px`,t.style.height=`${e.getBoundingClientRect().height}px`,this.arrowButtons=document.querySelectorAll("ptc-scroll-button"),setTimeout((()=>{e.style.transform=`translateX(${t.offsetWidth}px)`,e.classList.add("visible"),t.classList.add("active"),this.arrowButtons.forEach((t=>t.initVisibility())),this.activePanel=e.id,this.activeCard=t.id}),100))}closePanel(t){const e=document.getElementById(t);e&&e.classList.remove("visible"),this.activePanel=null,this.slider.style.transform="translateX(0)",Array.from(this.slider.children).forEach((t=>{t.style.cssText=""})),setTimeout((()=>{Array.from(this.slider.children).forEach((t=>{t.classList.remove("hidden","active")}))}),300),this.trap&&this.trap.deactivate()}enableDragging(){this.slider.addEventListener("mousedown",this.startDragging),this.slider.addEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((t=>this.slider.addEventListener(t,this.stopDragging)))}disableDragging(){this.slider.removeEventListener("mousedown",this.startDragging),this.slider.removeEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((t=>this.slider.removeEventListener(t,this.stopDragging)))}componentDidLoad(){this.sliderWrapper=document.querySelector(".jumbotron-cards-wrapper"),this.slider=document.querySelector(".jumbotron-cards"),this.updateContainerClass(),window.addEventListener("resize",(()=>{this.isDesktop=window.innerWidth>=992,this.updateContainerClass(),this.activePanel&&this.activeCard&&this.closePanel(this.activePanel)})),document.addEventListener("keydown",(t=>{"Tab"!==t.key&&"Enter"!==t.key&&" "!==t.key||(this.openedWithKeyboard=!0,console.log("keyboard status: "+this.openedWithKeyboard))})),document.addEventListener("mousedown",(()=>{this.openedWithKeyboard=!1}))}render(){const t=Array.from(this.el.querySelectorAll("template"));return[e("div",{class:{"event-jumbotron":!0,"ptc-container":this.isDesktop}},e("div",{class:"jumbotron-cards-wrapper"},e("div",{class:"jumbotron-cards"},this.cards.map(((t,n)=>e("div",{id:`card-${n}`,class:"card",onClick:()=>this.handleCardClick(n),"data-panel":`panel-${n}`,onKeyPress:()=>this.handleCardClick(n),tabindex:"0"},e("ptc-img",{"border-radius":"radius-standard","image-type":"smart-bg","img-url":t.cardBg,"load-mode":"lazy-bg",styles:`ptc-img{position: absolute; width: 100%; height: 100%; z-index: 0} ${this.activePanel&&"ptc-img div{border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;"}`}),e("div",{class:"text-wrapper"},e("h3",{class:"card-title"},t.title," ",e("span",null,t.description)),!this.activePanel&&[e("div",{innerHTML:t.panelContent})]))))),this.cards.map(((t,n)=>e("div",{id:`panel-${n}`,class:"panel"},e("button",{tabindex:"-1",class:"close-panel",onClick:()=>this.closePanel(`panel-${n}`),"aria-label":"Close panel"},e("ptc-close-icon",null)),e("slot",{name:`panel-content-${n}`})))),!this.isDesktop&&this.cards.map(((n,o)=>e("ptc-modal",{id:`modal-${o}`,show:!1,"close-on-blur":!0,"modal-type":"event-listing","custom-class":"event-mobile-modal",headerOnlyText1:this.cards[o].title,headerOnlyText2:this.cards[o].description,headerOnlyBg:this.cards[o].cardBg,bottomCloseBtn:this.modalBtnCloseText},e("div",{innerHTML:t[o].innerHTML})))))),e("div",{class:"white-placeholder"})]}get el(){return n(this)}static get watchers(){return{isDesktop:["onScreenStatusChange"]}}};$.style='h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-event-jumbotron-example-h{display:block;position:relative}.event-jumbotron.sc-event-jumbotron-example{margin-bottom:3rem;width:100%}.white-placeholder.sc-event-jumbotron-example{position:absolute;height:130px;width:100%;background-color:#F3f3f3;bottom:0px}.jumbotron-cards-wrapper.sc-event-jumbotron-example{z-index:1;position:relative;display:flex;flex-direction:column}.jumbotron-cards.sc-event-jumbotron-example{display:flex;gap:24px;overflow-x:auto;padding:0 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab}.jumbotron-cards.sc-event-jumbotron-example::-webkit-scrollbar{display:none}.jumbotron-cards.dragging.sc-event-jumbotron-example{cursor:grabbing}.card.sc-event-jumbotron-example{flex:1 0 auto;width:250px;height:414px;background:transparent;border-radius:var(--ptc-border-radius-standard);display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding:24px;position:relative}.card.sc-event-jumbotron-example::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);z-index:-1;border-radius:var(--ptc-border-radius-standard)}.card.sc-event-jumbotron-example:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.card.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{content:"";top:0px;left:0px;position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-standard);background:linear-gradient(0deg, black 0%, black 100%);opacity:0.7;transition:opacity var(--ptc-transition-slow) ease-in-out;border:none;outline:1px solid rgba(255, 255, 255, 0.1);outline-offset:-1px}.card.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.8}.card.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.85}.text-wrapper.sc-event-jumbotron-example{align-self:flex-start;text-align:left}.card-title.sc-event-jumbotron-example{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);position:relative;z-index:2;margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-weight:var(--ptc-font-weight-medium);display:inline-block}.cta-all.sc-event-jumbotron-example{margin-right:var(--ptc-element-spacing-05)}.panel.sc-event-jumbotron-example{display:none;visibility:hidden}@media only screen and (min-width: 768px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}}@media only screen and (min-width: 992px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.cta-group.sc-event-jumbotron-example{margin-bottom:88px}.jumbotron-cards.sc-event-jumbotron-example{overflow-x:visible;justify-content:space-between;cursor:auto;transition:transform 0.3s ease-in-out;width:100%;padding-left:0px;padding-right:0px}.card.sc-event-jumbotron-example{width:auto;height:530px;padding:var(--ptc-element-spacing-06);cursor:pointer;flex:1}.card.hidden.sc-event-jumbotron-example{opacity:0;pointer-events:none}.card.active.sc-event-jumbotron-example{min-height:530px;border-top-right-radius:0px;border-bottom-right-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.card.active.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{border-top-right-radius:0px;border-bottom-right-radius:0px}.card.active.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.card.active.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.active.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.panel.sc-event-jumbotron-example{visibility:hidden;opacity:0;position:absolute;top:0;left:0;min-height:530px;padding:40px;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;z-index:10}.panel.visible.sc-event-jumbotron-example{visibility:visible;opacity:1;border-top-left-radius:0px;border-bottom-left-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.close-panel.sc-event-jumbotron-example{position:absolute;top:0px;right:0px;background:var(--color-white);border:none;text-align:center;cursor:pointer;padding:0px;margin:5px}.hide-scrollbar.sc-event-jumbotron-example{margin-left:-40px;margin-right:-40px}}@media only screen and (min-width: 1200px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.jumbotron-cards.sc-event-jumbotron-example{padding:0;gap:32px}}@media only screen and (min-width: 1440px){.jumbotron-cards.sc-event-jumbotron-example{gap:40px}}';export{$ as event_jumbotron_example}
|
|
11
|
+
function k(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=Array(e);n<e;n++)o[n]=t[n];return o}function E(t,e,n){return(e=function(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function O(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?T(Object(n),!0).forEach((function(e){E(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function z(t){return function(t){if(Array.isArray(t))return k(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return k(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var S=function(t){return"Tab"===(null==t?void 0:t.key)||9===(null==t?void 0:t.keyCode)},A=function(t){return S(t)&&!t.shiftKey},D=function(t){return S(t)&&t.shiftKey},F=function(t){return setTimeout(t,0)},N=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];return"function"==typeof t?t.apply(void 0,n):t},P=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target},C=[],I=function(t,e){var n,o=(null==e?void 0:e.document)||document,r=(null==e?void 0:e.trapStack)||C,i=O({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:A,isKeyBackward:D},e),a={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},s=function(t,e,n){return t&&void 0!==t[e]?t[e]:i[n||e]},u=function(t,e){var n="function"==typeof(null==e?void 0:e.composedPath)?e.composedPath():void 0;return a.containerGroups.findIndex((function(e){var o=e.container,r=e.tabbableNodes;return o.contains(t)||(null==n?void 0:n.includes(o))||r.find((function(e){return e===t}))}))},d=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.hasFallback,r=void 0!==n&&n,a=e.params,s=void 0===a?[]:a,u=i[t];if("function"==typeof u&&(u=u.apply(void 0,z(s))),!0===u&&(u=void 0),!u){if(void 0===u||!1===u)return u;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var c=u;if("string"==typeof u){try{c=o.querySelector(u)}catch(e){throw new Error("`".concat(t,'` appears to be an invalid selector; error="').concat(e.message,'"'))}if(!c&&!r)throw new Error("`".concat(t,"` as selector refers to no known node"))}return c},m=function(){var t=d("initialFocus",{hasFallback:!0});if(!1===t)return!1;if(void 0===t||t&&!j(t,i.tabbableOptions))if(u(o.activeElement)>=0)t=o.activeElement;else{var e=a.tabbableGroups[0];t=e&&e.firstTabbableNode||d("fallbackFocus")}else null===t&&(t=d("fallbackFocus"));if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},v=function(){if(a.containerGroups=a.containers.map((function(t){var e=function(t,e){var n;return n=(e=e||{}).getShadowRoot?l([t],e.includeContainer,{filter:b.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot,shadowRootFilter:x}):c(t,e.includeContainer,b.bind(null,e)),g(n)}(t,i.tabbableOptions),n=function(t,e){return(e=e||{}).getShadowRoot?l([t],e.includeContainer,{filter:h.bind(null,e),flatten:!0,getShadowRoot:e.getShadowRoot}):c(t,e.includeContainer,h.bind(null,e))}(t,i.tabbableOptions),o=e.length>0?e[0]:void 0,r=e.length>0?e[e.length-1]:void 0,a=n.find((function(t){return y(t)})),s=n.slice().reverse().find((function(t){return y(t)})),u=!!e.find((function(t){return p(t)>0}));return{container:t,tabbableNodes:e,focusableNodes:n,posTabIndexesFound:u,firstTabbableNode:o,lastTabbableNode:r,firstDomTabbableNode:a,lastDomTabbableNode:s,nextTabbableNode:function(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=e.indexOf(t);return r<0?o?n.slice(n.indexOf(t)+1).find((function(t){return y(t)})):n.slice(0,n.indexOf(t)).reverse().find((function(t){return y(t)})):e[r+(o?1:-1)]}}})),a.tabbableGroups=a.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),a.tabbableGroups.length<=0&&!d("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(a.containerGroups.find((function(t){return t.posTabIndexesFound}))&&a.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},f=function(t){var e=t.activeElement;if(e)return e.shadowRoot&&null!==e.shadowRoot.activeElement?f(e.shadowRoot):e},w=function(t){!1!==t&&t!==f(document)&&(t&&t.focus?(t.focus({preventScroll:!!i.preventScroll}),a.mostRecentlyFocusedNode=t,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(t)&&t.select()):w(m()))},k=function(t){var e=d("setReturnFocus",{params:[t]});return e||!1!==e&&t},E=function(t){var e=t.target,n=t.event,o=t.isBackward,r=void 0!==o&&o;e=e||P(n),v();var s=null;if(a.tabbableGroups.length>0){var c=u(e,n),l=c>=0?a.containerGroups[c]:void 0;if(c<0)s=r?a.tabbableGroups[a.tabbableGroups.length-1].lastTabbableNode:a.tabbableGroups[0].firstTabbableNode;else if(r){var m=a.tabbableGroups.findIndex((function(t){return e===t.firstTabbableNode}));if(m<0&&(l.container===e||j(e,i.tabbableOptions)&&!y(e,i.tabbableOptions)&&!l.nextTabbableNode(e,!1))&&(m=c),m>=0){var f=a.tabbableGroups[0===m?a.tabbableGroups.length-1:m-1];s=p(e)>=0?f.lastTabbableNode:f.lastDomTabbableNode}else S(n)||(s=l.nextTabbableNode(e,!1))}else{var h=a.tabbableGroups.findIndex((function(t){return e===t.lastTabbableNode}));if(h<0&&(l.container===e||j(e,i.tabbableOptions)&&!y(e,i.tabbableOptions)&&!l.nextTabbableNode(e))&&(h=c),h>=0){var b=a.tabbableGroups[h===a.tabbableGroups.length-1?0:h+1];s=p(e)>=0?b.firstTabbableNode:b.firstDomTabbableNode}else S(n)||(s=l.nextTabbableNode(e))}}else s=d("fallbackFocus");return s},T=function(t){var e=P(t);u(e,t)>=0||(N(i.clickOutsideDeactivates,t)?n.deactivate({returnFocus:i.returnFocusOnDeactivate}):N(i.allowOutsideClick,t)||t.preventDefault())},I=function(t){var e=P(t),n=u(e,t)>=0;if(n||e instanceof Document)n&&(a.mostRecentlyFocusedNode=e);else{var o;t.stopImmediatePropagation();var r=!0;if(a.mostRecentlyFocusedNode)if(p(a.mostRecentlyFocusedNode)>0){var s=u(a.mostRecentlyFocusedNode),c=a.containerGroups[s].tabbableNodes;if(c.length>0){var l=c.findIndex((function(t){return t===a.mostRecentlyFocusedNode}));l>=0&&(i.isKeyForward(a.recentNavEvent)?l+1<c.length&&(o=c[l+1],r=!1):l-1>=0&&(o=c[l-1],r=!1))}}else a.containerGroups.some((function(t){return t.tabbableNodes.some((function(t){return p(t)>0}))}))||(r=!1);else r=!1;r&&(o=E({target:a.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(a.recentNavEvent)})),w(o||a.mostRecentlyFocusedNode||m())}a.recentNavEvent=void 0},$=function(t){(i.isKeyForward(t)||i.isKeyBackward(t))&&function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];a.recentNavEvent=t;var n=E({event:t,isBackward:e});n&&(S(t)&&t.preventDefault(),w(n))}(t,i.isKeyBackward(t))},L=function(t){var e;"Escape"!==(null==(e=t)?void 0:e.key)&&"Esc"!==(null==e?void 0:e.key)&&27!==(null==e?void 0:e.keyCode)||!1===N(i.escapeDeactivates,t)||(t.preventDefault(),n.deactivate())},R=function(t){var e=P(t);u(e,t)>=0||N(i.clickOutsideDeactivates,t)||N(i.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},M=function(){if(a.active)return function(t,e){if(t.length>0){var n=t[t.length-1];n!==e&&n._setPausedState(!0)}var o=t.indexOf(e);-1===o||t.splice(o,1),t.push(e)}(r,n),a.delayInitialFocusTimer=i.delayInitialFocus?F((function(){w(m())})):w(m()),o.addEventListener("focusin",I,!0),o.addEventListener("mousedown",T,{capture:!0,passive:!1}),o.addEventListener("touchstart",T,{capture:!0,passive:!1}),o.addEventListener("click",R,{capture:!0,passive:!1}),o.addEventListener("keydown",$,{capture:!0,passive:!1}),o.addEventListener("keydown",L),n},B=function(){if(a.active)return o.removeEventListener("focusin",I,!0),o.removeEventListener("mousedown",T,!0),o.removeEventListener("touchstart",T,!0),o.removeEventListener("click",R,!0),o.removeEventListener("keydown",$,!0),o.removeEventListener("keydown",L),n},U="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(t){t.some((function(t){return Array.from(t.removedNodes).some((function(t){return t===a.mostRecentlyFocusedNode}))}))&&w(m())})):void 0,X=function(){U&&(U.disconnect(),a.active&&!a.paused&&a.containers.map((function(t){U.observe(t,{subtree:!0,childList:!0})})))};return n={get active(){return a.active},get paused(){return a.paused},activate:function(t){if(a.active)return this;var e=s(t,"onActivate"),n=s(t,"onPostActivate"),r=s(t,"checkCanFocusTrap");r||v(),a.active=!0,a.paused=!1,a.nodeFocusedBeforeActivation=o.activeElement,null==e||e();var i=function(){r&&v(),M(),X(),null==n||n()};return r?(r(a.containers.concat()).then(i,i),this):(i(),this)},deactivate:function(t){if(!a.active)return this;var e=O({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},t);clearTimeout(a.delayInitialFocusTimer),a.delayInitialFocusTimer=void 0,B(),a.active=!1,a.paused=!1,X(),function(t,e){var n=t.indexOf(e);-1!==n&&t.splice(n,1),t.length>0&&!t[t.length-1]._isManuallyPaused()&&t[t.length-1]._setPausedState(!1)}(r,n);var o=s(e,"onDeactivate"),u=s(e,"onPostDeactivate"),c=s(e,"checkCanReturnFocus"),l=s(e,"returnFocus","returnFocusOnDeactivate");null==o||o();var d=function(){F((function(){l&&w(k(a.nodeFocusedBeforeActivation)),null==u||u()}))};return l&&c?(c(k(a.nodeFocusedBeforeActivation)).then(d,d),this):(d(),this)},pause:function(t){return a.active?(a.manuallyPaused=!0,this._setPausedState(!0,t)):this},unpause:function(t){return a.active?(a.manuallyPaused=!1,r[r.length-1]!==this?this:this._setPausedState(!1,t)):this},updateContainerElements:function(t){var e=[].concat(t).filter(Boolean);return a.containers=e.map((function(t){return"string"==typeof t?o.querySelector(t):t})),a.active&&v(),X(),this}},Object.defineProperties(n,{_isManuallyPaused:{value:function(){return a.manuallyPaused}},_setPausedState:{value:function(t,e){if(a.paused===t)return this;if(a.paused=t,t){var n=s(e,"onPause"),o=s(e,"onPostPause");null==n||n(),B(),X(),null==o||o()}else{var r=s(e,"onUnpause"),i=s(e,"onPostUnpause");null==r||r(),v(),M(),X(),null==i||i()}return this}}}),n.updateContainerElements(t),n};const $=class{constructor(e){t(this,e),this.startX=0,this.scrollLeft=0,this.updateContainerClass=()=>{this.isDesktop?(this.sliderWrapper.classList.add("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.disableDragging()):(this.sliderWrapper.classList.remove("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.enableDragging())},this.startDragging=t=>{this.isMouseDown=!0,this.isDragging=!1,this.startX=t.pageX,this.scrollLeft=this.slider.scrollLeft},this.performDragging=t=>{if(!this.isMouseDown)return;const e=t.pageX-this.slider.offsetLeft-this.startX;this.isDragging=Math.abs(e)>5,this.slider.scrollLeft=this.scrollLeft-e},this.stopDragging=()=>{this.isMouseDown=!1},this.closeActiveModal=()=>{document.querySelectorAll("ptc-modal").forEach((t=>{t.show&&(t.show=!1)}))},this.cards=[],this.modalBtnCloseText="Close",this.activePanel=null,this.activeCard=null,this.isDragging=!1,this.isMouseDown=!1,this.isDesktop=window.innerWidth>=992,this.openedWithKeyboard=!1}onScreenStatusChange(){!this.isDesktop&&this.closeActiveModal()}handleCardClick(t){const e=this.slider.children[t],n=`panel-${t}`,o=document.getElementById(n);if(this.isDesktop&&o)this.showPanel(e,o),this.openedWithKeyboard?setTimeout((()=>{this.trap=I(o,{escapeDeactivates:!0,clickOutsideDeactivates:!0,onActivate:()=>{this.openedWithKeyboard||this.trap.pause()},onDeactivate:()=>{this.closePanel(n),this.trap.deactivate()},tabbableOptions:{getShadowRoot:!0}}),this.trap.activate()}),500):this.trap&&this.trap.deactivate();else if(!this.isDesktop&&!this.isDragging){const e=document.getElementById(`modal-${t}`);console.log("open: "+e.id),e.show=!0}}showPanel(t,e){this.activePanel||(this.slider.style.transform=`translateX(-${t.offsetLeft}px)`,Array.from(this.slider.children).forEach((e=>{e!==t&&e.classList.add("hidden")})),e.style.display="block",e.style.width=`calc(100% - ${t.getBoundingClientRect().width}px`,t.style.height=`${e.getBoundingClientRect().height}px`,this.arrowButtons=document.querySelectorAll("ptc-scroll-button"),setTimeout((()=>{e.style.transform=`translateX(${t.offsetWidth}px)`,e.classList.add("visible"),t.classList.add("active"),this.arrowButtons.forEach((t=>t.initVisibility())),this.activePanel=e.id,this.activeCard=t.id}),100))}closePanel(t){const e=document.getElementById(t);e&&(e.classList.remove("visible"),e.addEventListener("transitionend",(()=>{e.classList.contains("visible")||(e.style.display="none")}),{once:!0})),this.activePanel=null,this.slider.style.transform="translateX(0)",Array.from(this.slider.children).forEach((t=>{t.style.cssText=""})),setTimeout((()=>{Array.from(this.slider.children).forEach((t=>{t.classList.remove("hidden","active")}))}),300),this.trap&&this.trap.deactivate()}enableDragging(){this.slider.addEventListener("mousedown",this.startDragging),this.slider.addEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((t=>this.slider.addEventListener(t,this.stopDragging)))}disableDragging(){this.slider.removeEventListener("mousedown",this.startDragging),this.slider.removeEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((t=>this.slider.removeEventListener(t,this.stopDragging)))}componentDidLoad(){this.sliderWrapper=document.querySelector(".jumbotron-cards-wrapper"),this.slider=document.querySelector(".jumbotron-cards"),this.updateContainerClass(),window.addEventListener("resize",(()=>{this.isDesktop=window.innerWidth>=992,this.updateContainerClass(),this.activePanel&&this.activeCard&&this.closePanel(this.activePanel)})),document.addEventListener("keydown",(t=>{"Tab"!==t.key&&"Enter"!==t.key&&" "!==t.key||(this.openedWithKeyboard=!0,console.log("keyboard status: "+this.openedWithKeyboard))})),document.addEventListener("mousedown",(()=>{this.openedWithKeyboard=!1}))}render(){const t=Array.from(this.el.querySelectorAll("template"));return[e("div",{class:{"event-jumbotron":!0,"ptc-container":this.isDesktop}},e("div",{class:"jumbotron-cards-wrapper"},e("div",{class:"jumbotron-cards"},this.cards.map(((t,n)=>e("div",{id:`card-${n}`,class:"card",onClick:()=>this.handleCardClick(n),"data-panel":`panel-${n}`,onKeyPress:()=>this.handleCardClick(n),tabindex:"0"},e("ptc-img",{"border-radius":"radius-standard","image-type":"smart-bg","img-url":t.cardBg,"load-mode":"lazy-bg",styles:`ptc-img{position: absolute; width: 100%; height: 100%; z-index: 0} ${this.activePanel&&"ptc-img div{border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;"}`}),e("div",{class:"text-wrapper"},e("h3",{class:"card-title"},t.title," ",e("span",null,t.description)),!this.activePanel&&[e("div",{innerHTML:t.panelContent})]))))),this.cards.map(((t,n)=>e("div",{id:`panel-${n}`,class:"panel"},e("button",{tabindex:"-1",class:"close-panel",onClick:()=>this.closePanel(`panel-${n}`),"aria-label":"Close panel"},e("ptc-close-icon",null)),e("slot",{name:`panel-content-${n}`})))),!this.isDesktop&&this.cards.map(((n,o)=>e("ptc-modal",{id:`modal-${o}`,show:!1,"close-on-blur":!0,"modal-type":"event-listing","custom-class":"event-mobile-modal",headerOnlyText1:this.cards[o].title,headerOnlyText2:this.cards[o].description,headerOnlyBg:this.cards[o].cardBg,bottomCloseBtn:this.modalBtnCloseText},e("div",{innerHTML:t[o].innerHTML})))))),e("div",{class:"white-placeholder"})]}get el(){return n(this)}static get watchers(){return{isDesktop:["onScreenStatusChange"]}}};$.style='h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-event-jumbotron-example-h{display:block;position:relative}.event-jumbotron.sc-event-jumbotron-example{margin-bottom:3rem;width:100%}.white-placeholder.sc-event-jumbotron-example{position:absolute;height:130px;width:100%;background-color:#F3f3f3;bottom:0px}.jumbotron-cards-wrapper.sc-event-jumbotron-example{z-index:1;position:relative;display:flex;flex-direction:column}.jumbotron-cards.sc-event-jumbotron-example{display:flex;gap:24px;overflow-x:auto;padding:0 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab}.jumbotron-cards.sc-event-jumbotron-example::-webkit-scrollbar{display:none}.jumbotron-cards.dragging.sc-event-jumbotron-example{cursor:grabbing}.card.sc-event-jumbotron-example{flex:1 0 auto;width:250px;height:414px;background:transparent;border-radius:var(--ptc-border-radius-standard);display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding:24px;position:relative}.card.sc-event-jumbotron-example::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);z-index:-1;border-radius:var(--ptc-border-radius-standard)}.card.sc-event-jumbotron-example:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.card.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{content:"";top:0px;left:0px;position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-standard);background:linear-gradient(0deg, black 0%, black 100%);opacity:0.7;transition:opacity var(--ptc-transition-slow) ease-in-out;border:none;outline:1px solid rgba(255, 255, 255, 0.1);outline-offset:-1px}.card.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.8}.card.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.85}.text-wrapper.sc-event-jumbotron-example{align-self:flex-start;text-align:left}.card-title.sc-event-jumbotron-example{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);position:relative;z-index:2;margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-weight:var(--ptc-font-weight-medium);display:inline-block}.cta-all.sc-event-jumbotron-example{margin-right:var(--ptc-element-spacing-05)}.panel.sc-event-jumbotron-example{display:none;visibility:hidden}@media only screen and (min-width: 768px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}}@media only screen and (min-width: 992px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.cta-group.sc-event-jumbotron-example{margin-bottom:88px}.jumbotron-cards.sc-event-jumbotron-example{overflow-x:visible;justify-content:space-between;cursor:auto;transition:transform 0.3s ease-in-out;width:100%;padding-left:0px;padding-right:0px}.card.sc-event-jumbotron-example{width:auto;height:530px;padding:var(--ptc-element-spacing-06);cursor:pointer;flex:1}.card.hidden.sc-event-jumbotron-example{opacity:0;pointer-events:none}.card.active.sc-event-jumbotron-example{min-height:530px;border-top-right-radius:0px;border-bottom-right-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.card.active.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{border-top-right-radius:0px;border-bottom-right-radius:0px}.card.active.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.card.active.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.active.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.panel.sc-event-jumbotron-example{visibility:hidden;opacity:0;position:absolute;top:0;left:0;min-height:530px;padding:40px;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;z-index:10}.panel.visible.sc-event-jumbotron-example{visibility:visible;opacity:1;border-top-left-radius:0px;border-bottom-left-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.close-panel.sc-event-jumbotron-example{position:absolute;top:0px;right:0px;background:var(--color-white);border:none;text-align:center;cursor:pointer;padding:0px;margin:5px}.hide-scrollbar.sc-event-jumbotron-example{margin-left:-40px;margin-right:-40px}}@media only screen and (min-width: 1200px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.jumbotron-cards.sc-event-jumbotron-example{padding:0;gap:32px}}@media only screen and (min-width: 1440px){.jumbotron-cards.sc-event-jumbotron-example{gap:40px}}';export{$ as event_jumbotron_example}
|