@ptcwebops/ptcw-design 0.4.6 → 0.4.8
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/LICENSE +21 -21
- package/dist/cjs/{icon-asset_4.cjs.entry.js → icon-asset_8.cjs.entry.js} +299 -220
- package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/lottie-player.cjs.entry.js +354 -354
- package/dist/cjs/my-component.cjs.entry.js +13 -13
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
- package/dist/cjs/ptc-button.cjs.entry.js +65 -65
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +31 -31
- package/dist/cjs/ptc-card-content.cjs.entry.js +31 -31
- package/dist/cjs/ptc-card-plm.cjs.entry.js +16 -16
- package/dist/cjs/ptc-card.cjs.entry.js +68 -68
- package/dist/cjs/ptc-countdown.cjs.entry.js +8 -8
- package/dist/cjs/ptc-date.cjs.entry.js +48 -48
- package/dist/cjs/ptc-footer.cjs.entry.js +8 -8
- package/dist/cjs/ptc-form.cjs.entry.js +104 -104
- package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
- package/dist/cjs/ptc-img_2.cjs.entry.js +169 -169
- package/dist/cjs/ptc-input.cjs.entry.js +20 -20
- package/dist/cjs/ptc-link.cjs.entry.js +42 -42
- package/dist/cjs/ptc-list.cjs.entry.js +20 -20
- package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
- package/dist/cjs/ptc-modal.cjs.entry.js +103 -103
- package/dist/cjs/ptc-nav-item.cjs.entry.js +83 -83
- package/dist/cjs/ptc-nav.cjs.entry.js +8 -8
- package/dist/cjs/ptc-para.cjs.entry.js +39 -39
- package/dist/cjs/ptc-picture.cjs.entry.js +158 -158
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
- package/dist/cjs/ptc-select.cjs.entry.js +24 -24
- package/dist/cjs/ptc-social-share.cjs.entry.js +64 -64
- package/dist/cjs/ptc-spacer.cjs.entry.js +35 -35
- package/dist/cjs/ptc-span.cjs.entry.js +23 -23
- package/dist/cjs/ptc-title.cjs.entry.js +44 -44
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/icon-asset/icon-asset.css +4 -4
- package/dist/collection/components/icon-asset/icon-asset.js +199 -178
- package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
- package/dist/collection/components/icon-asset/media/designer.svg +316 -316
- package/dist/collection/components/icon-asset/media/regular.svg +463 -463
- package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
- package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
- package/dist/collection/components/list-item/list-item.css +31 -0
- package/dist/collection/components/list-item/list-item.js +103 -84
- package/dist/collection/components/my-component/my-component.css +3 -3
- package/dist/collection/components/my-component/my-component.js +73 -73
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +170 -170
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
- package/dist/collection/components/ptc-button/ptc-button.js +293 -293
- package/dist/collection/components/ptc-card/ptc-card.js +282 -282
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +105 -105
- package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
- package/dist/collection/components/ptc-countdown/ptc-countdown.js +15 -15
- package/dist/collection/components/ptc-date/ptc-date.js +201 -201
- package/dist/collection/components/ptc-footer/ptc-footer.js +25 -25
- package/dist/collection/components/ptc-form/ptc-form.js +118 -118
- package/dist/collection/components/ptc-form/validation/FormValidation.js +4234 -4234
- package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
- package/dist/collection/components/ptc-img/ptc-img.js +314 -314
- package/dist/collection/components/ptc-input/ptc-input.js +133 -133
- package/dist/collection/components/ptc-link/ptc-link.js +198 -198
- package/dist/collection/components/ptc-list/ptc-list.js +63 -63
- package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
- package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
- package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.css +44 -0
- package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -0
- package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.css +77 -0
- package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -0
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css +1 -0
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -220
- package/dist/collection/components/ptc-modal/ptc-modal.js +252 -252
- package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
- package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
- package/dist/collection/components/ptc-para/ptc-para.js +157 -157
- package/dist/collection/components/ptc-picture/ptc-picture.js +428 -428
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +29 -0
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -0
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
- package/dist/collection/components/ptc-select/ptc-select.js +105 -105
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
- package/dist/collection/components/ptc-span/ptc-span.js +89 -89
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css +22 -0
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -69
- package/dist/collection/components/ptc-title/ptc-title.js +231 -231
- package/dist/collection/index.js +1 -1
- package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -0
- package/dist/collection/media/svg-imgs/close.svg +10 -10
- package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
- package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +3 -3
- package/dist/custom-elements/index.d.ts +18 -0
- package/dist/custom-elements/index.js +2058 -1993
- package/dist/esm/{icon-asset_4.entry.js → icon-asset_8.entry.js} +296 -221
- package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} +9 -9
- package/dist/esm/loader.js +1 -1
- package/dist/esm/lottie-player.entry.js +354 -354
- package/dist/esm/my-component.entry.js +13 -13
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/ptc-breadcrumb.entry.js +12 -12
- package/dist/esm/ptc-button.entry.js +65 -65
- package/dist/esm/ptc-card-bottom.entry.js +31 -31
- package/dist/esm/ptc-card-content.entry.js +31 -31
- package/dist/esm/ptc-card-plm.entry.js +16 -16
- package/dist/esm/ptc-card.entry.js +68 -68
- package/dist/esm/ptc-countdown.entry.js +8 -8
- package/dist/esm/ptc-date.entry.js +48 -48
- package/dist/esm/ptc-footer.entry.js +8 -8
- package/dist/esm/ptc-form.entry.js +104 -104
- package/dist/esm/ptc-hero.entry.js +18 -18
- package/dist/esm/ptc-img_2.entry.js +169 -169
- package/dist/esm/ptc-input.entry.js +20 -20
- package/dist/esm/ptc-link.entry.js +42 -42
- package/dist/esm/ptc-list.entry.js +20 -20
- package/dist/esm/ptc-lottie.entry.js +12 -12
- package/dist/esm/ptc-modal.entry.js +103 -103
- package/dist/esm/ptc-nav-item.entry.js +83 -83
- package/dist/esm/ptc-nav.entry.js +8 -8
- package/dist/esm/ptc-para.entry.js +39 -39
- package/dist/esm/ptc-picture.entry.js +158 -158
- package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
- package/dist/esm/ptc-select.entry.js +24 -24
- package/dist/esm/ptc-social-share.entry.js +64 -64
- package/dist/esm/ptc-spacer.entry.js +35 -35
- package/dist/esm/ptc-span.entry.js +23 -23
- package/dist/esm/ptc-title.entry.js +44 -44
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/media/brands.svg +1381 -1381
- package/dist/ptcw-design/media/designer.svg +316 -316
- package/dist/ptcw-design/media/regular.svg +463 -463
- package/dist/ptcw-design/media/solid.svg +3013 -3013
- package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
- package/dist/ptcw-design/{p-1e39bc14.entry.js → p-894e8c85.entry.js} +1 -1
- package/dist/ptcw-design/p-c2f4cf52.entry.js +7 -0
- package/dist/ptcw-design/{p-27538cac.entry.js → p-f2f1c015.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/ptcw-design/validation/FormValidation.js +4234 -4234
- package/dist/types/components/icon-asset/icon-asset.d.ts +36 -32
- package/dist/types/components/list-item/list-item.d.ts +8 -7
- package/dist/types/components/my-component/my-component.d.ts +16 -16
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +35 -35
- package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
- package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
- package/dist/types/components/ptc-card/ptc-card.d.ts +50 -50
- package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
- package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
- package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
- package/dist/types/components/ptc-countdown/ptc-countdown.d.ts +3 -3
- package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
- package/dist/types/components/ptc-footer/ptc-footer.d.ts +3 -3
- package/dist/types/components/ptc-form/ptc-form.d.ts +11 -11
- package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
- package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
- package/dist/types/components/ptc-input/ptc-input.d.ts +19 -19
- package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
- package/dist/types/components/ptc-list/ptc-list.d.ts +6 -6
- package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
- package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -0
- package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -0
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +46 -46
- package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
- package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
- package/dist/types/components/ptc-para/ptc-para.d.ts +28 -28
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +82 -82
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -0
- package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
- package/dist/types/components/ptc-select/ptc-select.d.ts +9 -9
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
- package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
- package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
- package/dist/types/components/ptc-title/ptc-title.d.ts +41 -41
- package/dist/types/components.d.ts +85 -26
- package/dist/types/global.d.ts +1072 -1072
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/interfaces.d.ts +14 -14
- package/dist/types/utils/utils.d.ts +1 -1
- package/package.json +58 -58
- package/readme.md +11 -11
- package/dist/cjs/list-item.cjs.entry.js +0 -29
- package/dist/esm/list-item.entry.js +0 -25
- package/dist/ptcw-design/p-439c9e49.entry.js +0 -7
- package/dist/ptcw-design/p-80c03571.entry.js +0 -1
- /package/dist/ptcw-design/{p-50e52c88.js → p-ee1183b2.js} +0 -0
|
@@ -3,84 +3,85 @@ export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client'
|
|
|
3
3
|
|
|
4
4
|
const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-primary-green)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.inherit.sc-icon-asset{fill:inherit}";
|
|
5
5
|
|
|
6
|
-
let IconAsset$1 = class extends HTMLElement$1 {
|
|
7
|
-
constructor() {
|
|
8
|
-
super();
|
|
9
|
-
this.__registerHost();
|
|
10
|
-
/**
|
|
11
|
-
* Icon Size
|
|
12
|
-
*/
|
|
13
|
-
this.size = 'small';
|
|
14
|
-
/**
|
|
15
|
-
* Icon Type
|
|
16
|
-
*/
|
|
17
|
-
this.type = 'regular';
|
|
18
|
-
/**
|
|
19
|
-
* Icon Spin Animation (not valid for ptc type)
|
|
20
|
-
*/
|
|
21
|
-
this.spin = '';
|
|
22
|
-
/**
|
|
23
|
-
* Icon Pulse Animation (not valid for ptc type)
|
|
24
|
-
*/
|
|
25
|
-
this.pulse = '';
|
|
26
|
-
/**
|
|
27
|
-
* Icon Color
|
|
28
|
-
*/
|
|
29
|
-
this.color = 'default';
|
|
30
|
-
this.regularSprite = getAssetPath('./media/regular.svg');
|
|
31
|
-
this.solidSprite = getAssetPath('./media/solid.svg');
|
|
32
|
-
this.brandSprite = getAssetPath('./media/brands.svg');
|
|
33
|
-
this.ptcSprite = getAssetPath('./media/designer.svg');
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
const classMap = this.getCssClassMap();
|
|
37
|
-
if (this.type == 'brands') {
|
|
38
|
-
return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` }))));
|
|
39
|
-
}
|
|
40
|
-
else if (this.type == 'solid') {
|
|
41
|
-
return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` }))));
|
|
42
|
-
}
|
|
43
|
-
else if (this.type == 'ptc') {
|
|
44
|
-
return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.ptcSprite}#${this.name}` }))));
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.regularSprite}#${this.name}` }))));
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
getCssClassMap() {
|
|
51
|
-
return {
|
|
52
|
-
[this.size]: true,
|
|
53
|
-
[this.spin]: true,
|
|
54
|
-
[this.pulse]: true,
|
|
55
|
-
[this.color]: true,
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
static get assetsDirs() { return ["media"]; }
|
|
59
|
-
static get style() { return iconAssetCss; }
|
|
6
|
+
let IconAsset$1 = class extends HTMLElement$1 {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
/**
|
|
11
|
+
* Icon Size
|
|
12
|
+
*/
|
|
13
|
+
this.size = 'small';
|
|
14
|
+
/**
|
|
15
|
+
* Icon Type
|
|
16
|
+
*/
|
|
17
|
+
this.type = 'regular';
|
|
18
|
+
/**
|
|
19
|
+
* Icon Spin Animation (not valid for ptc type)
|
|
20
|
+
*/
|
|
21
|
+
this.spin = '';
|
|
22
|
+
/**
|
|
23
|
+
* Icon Pulse Animation (not valid for ptc type)
|
|
24
|
+
*/
|
|
25
|
+
this.pulse = '';
|
|
26
|
+
/**
|
|
27
|
+
* Icon Color
|
|
28
|
+
*/
|
|
29
|
+
this.color = 'default';
|
|
30
|
+
this.regularSprite = getAssetPath('./media/regular.svg');
|
|
31
|
+
this.solidSprite = getAssetPath('./media/solid.svg');
|
|
32
|
+
this.brandSprite = getAssetPath('./media/brands.svg');
|
|
33
|
+
this.ptcSprite = getAssetPath('./media/designer.svg');
|
|
34
|
+
}
|
|
35
|
+
render() {
|
|
36
|
+
const classMap = this.getCssClassMap();
|
|
37
|
+
if (this.type == 'brands') {
|
|
38
|
+
return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` }))));
|
|
39
|
+
}
|
|
40
|
+
else if (this.type == 'solid') {
|
|
41
|
+
return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` }))));
|
|
42
|
+
}
|
|
43
|
+
else if (this.type == 'ptc') {
|
|
44
|
+
return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.ptcSprite}#${this.name}` }))));
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.regularSprite}#${this.name}` }))));
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
getCssClassMap() {
|
|
51
|
+
return {
|
|
52
|
+
[this.size]: true,
|
|
53
|
+
[this.spin]: true,
|
|
54
|
+
[this.pulse]: true,
|
|
55
|
+
[this.color]: true,
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
static get assetsDirs() { return ["media"]; }
|
|
59
|
+
static get style() { return iconAssetCss; }
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:white;font-weight:700;font-size:12px;line-height:14px}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:white;font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-x-small) !important;line-height:14px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:#3DAB49;outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}";
|
|
62
|
+
const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:white;font-weight:700;font-size:12px;line-height:14px}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:white;font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-x-small) !important;line-height:14px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:#3DAB49;outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:13px;font-weight:var(--ptc-font-weight-normal);font-style:normal;font-stretch:normal;line-height:1.3;letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-secondary-turtlegreen);color:var(--color-white-grey);transition:border ease-in-out 250ms}:host(.list-footer) li a:focus{outline:3px solid #0092D1;outline-offset:2px;border-radius:4px;text-decoration:none;border-color:transparent !important}";
|
|
63
63
|
|
|
64
|
-
let ListItem$1 = class extends HTMLElement$1 {
|
|
65
|
-
constructor() {
|
|
66
|
-
super();
|
|
67
|
-
this.__registerHost();
|
|
68
|
-
this.__attachShadow();
|
|
69
|
-
this.listType = 'list-primary';
|
|
70
|
-
this.linkHref = undefined;
|
|
71
|
-
this.flushBefore = false;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
[
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
64
|
+
let ListItem$1 = class extends HTMLElement$1 {
|
|
65
|
+
constructor() {
|
|
66
|
+
super();
|
|
67
|
+
this.__registerHost();
|
|
68
|
+
this.__attachShadow();
|
|
69
|
+
this.listType = 'list-primary';
|
|
70
|
+
this.linkHref = undefined;
|
|
71
|
+
this.flushBefore = false;
|
|
72
|
+
this.linkTarget = '_self';
|
|
73
|
+
}
|
|
74
|
+
render() {
|
|
75
|
+
const classMap = this.getCssClassMap();
|
|
76
|
+
return (h(Host, { class: classMap }, h("li", null, this.linkHref ? (h("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {})), h("slot", null))) : (h("slot", null)))));
|
|
77
|
+
}
|
|
78
|
+
getCssClassMap() {
|
|
79
|
+
return {
|
|
80
|
+
[this.listType]: true,
|
|
81
|
+
['flush-before']: this.flushBefore ? true : false
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
static get style() { return listItemCss; }
|
|
84
85
|
};
|
|
85
86
|
|
|
86
87
|
function createCommonjsModule(fn, basedir, module) {
|
|
@@ -13196,1177 +13197,1208 @@ var PlayMode;
|
|
|
13196
13197
|
|
|
13197
13198
|
const lottiePlayerCss = ":host{--lottie-player-toolbar-height:35px;--lottie-player-toolbar-background-color:transparent;--lottie-player-toolbar-icon-color:#999;--lottie-player-toolbar-icon-hover-color:#222;--lottie-player-toolbar-icon-active-color:#555;--lottie-player-seeker-track-color:#CCC;--lottie-player-seeker-thumb-color:rgba(0, 107, 120, 0.8);display:block;width:100%;height:100%}.main{box-sizing:border-box;display:inline-grid;grid-auto-columns:auto;grid-template-rows:auto;position:relative;height:inherit;width:inherit}.main.controls{grid-template-rows:1fr var(--lottie-player-toolbar-height)}.animation{overflow:hidden;height:calc(1fr - var(--lottie-player-toolbar-height))}.toolbar{display:grid;grid-template-columns:32px 32px 1fr 32px 32px;align-items:center;justify-items:center;background-color:var(--lottie-player-toolbar-background-color)}.toolbar button{cursor:pointer;fill:var(--lottie-player-toolbar-icon-color);display:flex;background:none;border:0;padding:0;outline:none;height:100%}.toolbar button:hover{fill:var(--lottie-player-toolbar-icon-hover-color)}.toolbar button.active{fill:var(--lottie-player-toolbar-icon-active-color)}.toolbar button.disabled svg{display:none}.toolbar a{filter:grayscale(100%);display:flex;transition:filter .5s, opacity 0.5s;opacity:0.4;height:100%;align-items:center}.toolbar a:hover{filter:none;display:flex;opacity:1}.seeker{-webkit-appearance:none;width:95%;outline:none}.seeker::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-webkit-slider-thumb{height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer;-webkit-appearance:none;margin-top:-5px}.seeker:focus::-webkit-slider-runnable-track{background:#999}.seeker::-moz-range-track{width:100%;height:5px;cursor:pointer;background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-moz-range-thumb{height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer}.seeker::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.seeker::-ms-fill-lower{background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-ms-fill-upper{background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-ms-thumb{border:0;height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer}.seeker:focus::-ms-fill-lower{background:var(--lottie-player-seeker-track-color)}.seeker:focus::-ms-fill-upper{background:var(--lottie-player-seeker-track-color)}.error{display:flex;justify-content:center;height:100%;align-items:center}";
|
|
13198
13199
|
|
|
13199
|
-
let LottiePlayer$1 = class extends HTMLElement$1 {
|
|
13200
|
-
constructor() {
|
|
13201
|
-
super();
|
|
13202
|
-
this.__registerHost();
|
|
13203
|
-
this.__attachShadow();
|
|
13204
|
-
this.error = createEvent(this, "error", 7);
|
|
13205
|
-
this.frame = createEvent(this, "frame", 7);
|
|
13206
|
-
this.complete = createEvent(this, "complete", 7);
|
|
13207
|
-
this.looped = createEvent(this, "looped", 7);
|
|
13208
|
-
this.ready = createEvent(this, "ready", 7);
|
|
13209
|
-
this.loaded = createEvent(this, "loaded", 7);
|
|
13210
|
-
this.playing = createEvent(this, "playing", 7);
|
|
13211
|
-
this.paused = createEvent(this, "paused", 7);
|
|
13212
|
-
this.stopped = createEvent(this, "stopped", 7);
|
|
13213
|
-
this.freezed = createEvent(this, "freezed", 7);
|
|
13214
|
-
/**
|
|
13215
|
-
* Play mode.
|
|
13216
|
-
*/
|
|
13217
|
-
this.mode = PlayMode.Normal;
|
|
13218
|
-
/**
|
|
13219
|
-
* Autoplay animation on load
|
|
13220
|
-
*/
|
|
13221
|
-
this.autoplay = false;
|
|
13222
|
-
/**
|
|
13223
|
-
* Background color.
|
|
13224
|
-
*/
|
|
13225
|
-
this.background = 'transparent';
|
|
13226
|
-
/**
|
|
13227
|
-
* Show controls.
|
|
13228
|
-
*/
|
|
13229
|
-
this.controls = false;
|
|
13230
|
-
/**
|
|
13231
|
-
* Direction of animation
|
|
13232
|
-
*/
|
|
13233
|
-
this.direction = 1;
|
|
13234
|
-
/**
|
|
13235
|
-
* Whether to play on mouse hover
|
|
13236
|
-
*/
|
|
13237
|
-
this.hover = false;
|
|
13238
|
-
/**
|
|
13239
|
-
* Whether to loop animation
|
|
13240
|
-
*/
|
|
13241
|
-
this.loop = false;
|
|
13242
|
-
/**
|
|
13243
|
-
* Renderer to use.
|
|
13244
|
-
*/
|
|
13245
|
-
this.renderer = 'svg';
|
|
13246
|
-
/**
|
|
13247
|
-
* Animation speed.
|
|
13248
|
-
*/
|
|
13249
|
-
this.speed = 1;
|
|
13250
|
-
/**
|
|
13251
|
-
* Player state.
|
|
13252
|
-
*/
|
|
13253
|
-
this.currentState = PlayerState.Loading;
|
|
13254
|
-
this.intermission = 1;
|
|
13255
|
-
this._counter = 0;
|
|
13256
|
-
}
|
|
13257
|
-
componentDidLoad() {
|
|
13258
|
-
// Add intersection observer for detecting component being out-of-view.
|
|
13259
|
-
if ('IntersectionObserver' in window) {
|
|
13260
|
-
this._io = new IntersectionObserver((entries) => {
|
|
13261
|
-
if (entries[0].isIntersecting) {
|
|
13262
|
-
if (this.currentState === PlayerState.Frozen) {
|
|
13263
|
-
this.play();
|
|
13264
|
-
}
|
|
13265
|
-
}
|
|
13266
|
-
else if (this.currentState === PlayerState.Playing) {
|
|
13267
|
-
this.freeze();
|
|
13268
|
-
}
|
|
13269
|
-
});
|
|
13270
|
-
this._io.observe(this.container);
|
|
13271
|
-
}
|
|
13272
|
-
// Add listener for Visibility API's change event.
|
|
13273
|
-
if (typeof document.hidden !== 'undefined') {
|
|
13274
|
-
document.addEventListener('visibilitychange', () => this.onVisibilityChange());
|
|
13275
|
-
}
|
|
13276
|
-
// Setup lottie player
|
|
13277
|
-
if (this.src) {
|
|
13278
|
-
this.load(this.src);
|
|
13279
|
-
}
|
|
13280
|
-
}
|
|
13281
|
-
load(src) {
|
|
13282
|
-
const options = {
|
|
13283
|
-
container: this.container,
|
|
13284
|
-
loop: false,
|
|
13285
|
-
autoplay: false,
|
|
13286
|
-
renderer: this.renderer,
|
|
13287
|
-
rendererSettings: {
|
|
13288
|
-
scaleMode: 'noScale',
|
|
13289
|
-
clearCanvas: false,
|
|
13290
|
-
progressiveLoad: true,
|
|
13291
|
-
hideOnTransparent: true,
|
|
13292
|
-
},
|
|
13293
|
-
};
|
|
13294
|
-
try {
|
|
13295
|
-
const srcParsed = parseSrc(src);
|
|
13296
|
-
const srcAttrib = typeof srcParsed === 'string' ? 'path' : 'animationData';
|
|
13297
|
-
// Clear previous animation, if any
|
|
13298
|
-
if (this._lottie) {
|
|
13299
|
-
this._lottie.destroy();
|
|
13300
|
-
}
|
|
13301
|
-
// Initialize lottie player and load animation
|
|
13302
|
-
this._lottie = lottie_svg.loadAnimation(Object.assign(Object.assign({}, options), { [srcAttrib]: srcParsed }));
|
|
13303
|
-
}
|
|
13304
|
-
catch (err) {
|
|
13305
|
-
this.currentState = PlayerState.Error;
|
|
13306
|
-
this.error.emit();
|
|
13307
|
-
return;
|
|
13308
|
-
}
|
|
13309
|
-
if (this._lottie) {
|
|
13310
|
-
// Calculate and save the current progress of the animation
|
|
13311
|
-
this._lottie.addEventListener('enterFrame', () => {
|
|
13312
|
-
this.seeker = (this._lottie.currentFrame / this._lottie.totalFrames) * 100;
|
|
13313
|
-
this.frame.emit({
|
|
13314
|
-
frame: this._lottie.currentFrame,
|
|
13315
|
-
seeker: this.seeker
|
|
13316
|
-
});
|
|
13317
|
-
});
|
|
13318
|
-
// Handle animation play complete
|
|
13319
|
-
this._lottie.addEventListener('complete', () => {
|
|
13320
|
-
if (this.currentState !== PlayerState.Playing) {
|
|
13321
|
-
this.complete.emit();
|
|
13322
|
-
return;
|
|
13323
|
-
}
|
|
13324
|
-
if (!this.loop || (this.count && this._counter >= this.count)) {
|
|
13325
|
-
this.complete.emit();
|
|
13326
|
-
return;
|
|
13327
|
-
}
|
|
13328
|
-
if (this.mode === PlayMode.Bounce) {
|
|
13329
|
-
if (this.count) {
|
|
13330
|
-
this._counter += 0.5;
|
|
13331
|
-
}
|
|
13332
|
-
setTimeout(() => {
|
|
13333
|
-
this.looped.emit();
|
|
13334
|
-
if (this.currentState === PlayerState.Playing) {
|
|
13335
|
-
this._lottie.setDirection(this._lottie.playDirection * -1);
|
|
13336
|
-
this._lottie.play();
|
|
13337
|
-
}
|
|
13338
|
-
}, this.intermission);
|
|
13339
|
-
}
|
|
13340
|
-
else {
|
|
13341
|
-
if (this.count) {
|
|
13342
|
-
this._counter += 1;
|
|
13343
|
-
}
|
|
13344
|
-
window.setTimeout(() => {
|
|
13345
|
-
this.looped.emit();
|
|
13346
|
-
if (this.currentState === PlayerState.Playing) {
|
|
13347
|
-
this._lottie.stop();
|
|
13348
|
-
this._lottie.play();
|
|
13349
|
-
}
|
|
13350
|
-
}, this.intermission);
|
|
13351
|
-
}
|
|
13352
|
-
});
|
|
13353
|
-
// Handle lottie-web ready event
|
|
13354
|
-
this._lottie.addEventListener('DOMLoaded', () => {
|
|
13355
|
-
this.ready.emit();
|
|
13356
|
-
});
|
|
13357
|
-
// Handle animation data load complete
|
|
13358
|
-
this._lottie.addEventListener('data_ready', () => {
|
|
13359
|
-
this.loaded.emit();
|
|
13360
|
-
});
|
|
13361
|
-
// Set error state when animation load fail event triggers
|
|
13362
|
-
this._lottie.addEventListener('data_failed', () => {
|
|
13363
|
-
this.currentState = PlayerState.Error;
|
|
13364
|
-
this.error.emit();
|
|
13365
|
-
});
|
|
13366
|
-
// Set handlers to auto play animation on hover if enabled
|
|
13367
|
-
this.container.addEventListener('mouseenter', () => {
|
|
13368
|
-
if (this.hover && this.currentState !== PlayerState.Playing) {
|
|
13369
|
-
this.play();
|
|
13370
|
-
}
|
|
13371
|
-
});
|
|
13372
|
-
this.container.addEventListener('mouseleave', () => {
|
|
13373
|
-
if (this.hover && this.currentState === PlayerState.Playing) {
|
|
13374
|
-
this.stop();
|
|
13375
|
-
}
|
|
13376
|
-
});
|
|
13377
|
-
// Set initial playback speed and direction
|
|
13378
|
-
this.setSpeed(this.speed);
|
|
13379
|
-
this.setDirection(this.direction);
|
|
13380
|
-
// Start playing if autoplay is enabled
|
|
13381
|
-
if (this.autoplay) {
|
|
13382
|
-
this.play();
|
|
13383
|
-
}
|
|
13384
|
-
}
|
|
13385
|
-
}
|
|
13386
|
-
/**
|
|
13387
|
-
* Start playing animation.
|
|
13388
|
-
*/
|
|
13389
|
-
async play() {
|
|
13390
|
-
if (!this._lottie) {
|
|
13391
|
-
return;
|
|
13392
|
-
}
|
|
13393
|
-
this._lottie.play();
|
|
13394
|
-
this.currentState = PlayerState.Playing;
|
|
13395
|
-
this.playing.emit();
|
|
13396
|
-
}
|
|
13397
|
-
/**
|
|
13398
|
-
* Stop playing animation.
|
|
13399
|
-
*/
|
|
13400
|
-
async pause() {
|
|
13401
|
-
if (!this._lottie) {
|
|
13402
|
-
return;
|
|
13403
|
-
}
|
|
13404
|
-
this._lottie.pause();
|
|
13405
|
-
this.currentState = PlayerState.Paused;
|
|
13406
|
-
this.paused.emit();
|
|
13407
|
-
}
|
|
13408
|
-
/**
|
|
13409
|
-
* Stops animation play.
|
|
13410
|
-
*/
|
|
13411
|
-
async stop() {
|
|
13412
|
-
if (!this._lottie) {
|
|
13413
|
-
return;
|
|
13414
|
-
}
|
|
13415
|
-
this._counter = 0;
|
|
13416
|
-
this._lottie.stop();
|
|
13417
|
-
this.currentState = PlayerState.Stopped;
|
|
13418
|
-
this.stopped.emit();
|
|
13419
|
-
}
|
|
13420
|
-
/**
|
|
13421
|
-
* Seek to a given frame.
|
|
13422
|
-
*/
|
|
13423
|
-
async seek(value) {
|
|
13424
|
-
if (!this._lottie) {
|
|
13425
|
-
return;
|
|
13426
|
-
}
|
|
13427
|
-
// Extract frame number from either number or percentage value
|
|
13428
|
-
const matches = value.toString().match(/^([0-9]+)(%?)$/);
|
|
13429
|
-
if (!matches) {
|
|
13430
|
-
return;
|
|
13431
|
-
}
|
|
13432
|
-
// Calculate and set the frame number
|
|
13433
|
-
const frame = matches[2] === '%'
|
|
13434
|
-
? this._lottie.totalFrames * Number(matches[1]) / 100
|
|
13435
|
-
: matches[1];
|
|
13436
|
-
// Set seeker to new frame number
|
|
13437
|
-
this.seeker = frame;
|
|
13438
|
-
// Send lottie player to the new frame
|
|
13439
|
-
if (this.currentState === PlayerState.Playing) {
|
|
13440
|
-
this._lottie.goToAndPlay(frame, true);
|
|
13441
|
-
}
|
|
13442
|
-
else {
|
|
13443
|
-
this._lottie.goToAndStop(frame, true);
|
|
13444
|
-
this._lottie.pause();
|
|
13445
|
-
}
|
|
13446
|
-
}
|
|
13447
|
-
/**
|
|
13448
|
-
* Freeze animation play.
|
|
13449
|
-
* This internal state pauses animation and is used to differentiate between
|
|
13450
|
-
* user requested pauses and component instigated pauses.
|
|
13451
|
-
*/
|
|
13452
|
-
freeze() {
|
|
13453
|
-
if (!this._lottie) {
|
|
13454
|
-
return;
|
|
13455
|
-
}
|
|
13456
|
-
this.currentState = PlayerState.Frozen;
|
|
13457
|
-
this.freezed.emit();
|
|
13458
|
-
}
|
|
13459
|
-
async getLottie() {
|
|
13460
|
-
return this._lottie;
|
|
13461
|
-
}
|
|
13462
|
-
/**
|
|
13463
|
-
* Sets animation play speed
|
|
13464
|
-
* @param value Playback speed.
|
|
13465
|
-
*/
|
|
13466
|
-
async setSpeed(value = 1) {
|
|
13467
|
-
if (!this._lottie) {
|
|
13468
|
-
return;
|
|
13469
|
-
}
|
|
13470
|
-
this._lottie.setSpeed(value);
|
|
13471
|
-
}
|
|
13472
|
-
/**
|
|
13473
|
-
* Animation play direction.
|
|
13474
|
-
* @param value Direction values.
|
|
13475
|
-
*/
|
|
13476
|
-
async setDirection(value) {
|
|
13477
|
-
if (!this._lottie) {
|
|
13478
|
-
return;
|
|
13479
|
-
}
|
|
13480
|
-
this._lottie.setDirection(value);
|
|
13481
|
-
}
|
|
13482
|
-
/**
|
|
13483
|
-
* Sets the looping of the animation.
|
|
13484
|
-
*
|
|
13485
|
-
* @param value Whether to enable looping. Boolean true enables looping.
|
|
13486
|
-
*/
|
|
13487
|
-
async setLooping(value) {
|
|
13488
|
-
if (this._lottie) {
|
|
13489
|
-
this.loop = value;
|
|
13490
|
-
this._lottie.loop = value;
|
|
13491
|
-
}
|
|
13492
|
-
}
|
|
13493
|
-
/**
|
|
13494
|
-
* Toggle playing state.
|
|
13495
|
-
*/
|
|
13496
|
-
async togglePlay() {
|
|
13497
|
-
return this.currentState === PlayerState.Playing
|
|
13498
|
-
? this.pause()
|
|
13499
|
-
: this.play();
|
|
13500
|
-
}
|
|
13501
|
-
/**
|
|
13502
|
-
* Toggles animation looping.
|
|
13503
|
-
*/
|
|
13504
|
-
async toggleLooping() {
|
|
13505
|
-
this.setLooping(!this.loop);
|
|
13506
|
-
}
|
|
13507
|
-
renderButtonIcon(isPlaying) {
|
|
13508
|
-
if (isPlaying) {
|
|
13509
|
-
return (h("svg", { width: "24", height: "24" }, h("path", { d: "M14.016 5.016H18v13.969h-3.984V5.016zM6 18.984V5.015h3.984v13.969H6z" })));
|
|
13510
|
-
}
|
|
13511
|
-
return (h("svg", { width: "24", height: "24" }, h("path", { d: "M8.016 5.016L18.985 12 8.016 18.984V5.015z" })));
|
|
13512
|
-
}
|
|
13513
|
-
renderControls() {
|
|
13514
|
-
const isPlaying = this.currentState === PlayerState.Playing;
|
|
13515
|
-
const isPaused = this.currentState === PlayerState.Paused;
|
|
13516
|
-
const isStopped = this.currentState === PlayerState.Stopped;
|
|
13517
|
-
return (h("div", { class: 'toolbar' }, h("button", { class: {
|
|
13518
|
-
active: isPlaying || isPaused
|
|
13519
|
-
}, onClick: () => this.togglePlay() }, this.renderButtonIcon(isPlaying)), h("button", { class: {
|
|
13520
|
-
active: isStopped
|
|
13521
|
-
}, onClick: () => this.stop() }, h("svg", { width: "24", height: "24" }, h("path", { d: "M6 6h12v12H6V6z" }))), h("input", { class: "seeker", type: "range", min: "0", step: "1", max: "100", value: this.seeker, onInput: e => this.handleSeekChange(e), onMouseDown: () => { this._prevState = this.currentState; this.freeze(); }, onMouseUp: () => { this._prevState === PlayerState.Playing && this.play(); } }), h("button", { class: {
|
|
13522
|
-
'active': this.loop
|
|
13523
|
-
}, onClick: () => this.toggleLooping() }, h("svg", { width: "24", height: "24" }, h("path", { d: "M17.016 17.016v-4.031h1.969v6h-12v3l-3.984-3.984 3.984-3.984v3h10.031zM6.984 6.984v4.031H5.015v-6h12v-3l3.984 3.984-3.984 3.984v-3H6.984z" }))), h("a", { href: "https://www.lottiefiles.com/", target: "_blank" }, h("svg", { width: "24", height: "24", viewBox: "0 0 320 320", "fill-rule": "nonzero" }, h("rect", { fill: "#adadad", x: ".5", y: ".5", width: "100%", height: "100%", rx: "26.73" }), h("path", { d: "M251.304 65.44a16.55 16.55 0 0 1 13.927 18.789c-1.333 9.04-9.73 15.292-18.762 13.954-15.992-2.37-39.95 22.534-66.77 73.74-34.24 65.37-66.113 96.517-99.667 94.032-9.102-.674-15.93-8.612-15.258-17.723s8.592-15.96 17.695-15.286c16.57 1.227 40.908-24.737 67.97-76.4 34.46-65.79 66.764-96.157 100.866-91.105z", fill: "#fff" })))));
|
|
13524
|
-
}
|
|
13525
|
-
render() {
|
|
13526
|
-
return (h("div", { class: {
|
|
13527
|
-
main: true,
|
|
13528
|
-
controls: this.controls
|
|
13529
|
-
} }, h("div", { class: "animation", style: {
|
|
13530
|
-
background: this.background
|
|
13531
|
-
}, ref: ref => this.container = ref }, this.currentState === PlayerState.Error ? h("div", { class: "error" }, "\u26A0\uFE0F") : undefined), this.controls ? this.renderControls() : undefined));
|
|
13532
|
-
}
|
|
13533
|
-
/**
|
|
13534
|
-
* Handle visibility change events.
|
|
13535
|
-
*/
|
|
13536
|
-
onVisibilityChange() {
|
|
13537
|
-
if (document.hidden === true && this.currentState === PlayerState.Playing) {
|
|
13538
|
-
this.freeze();
|
|
13539
|
-
}
|
|
13540
|
-
else if (this.currentState === PlayerState.Frozen) {
|
|
13541
|
-
this.play();
|
|
13542
|
-
}
|
|
13543
|
-
}
|
|
13544
|
-
/**
|
|
13545
|
-
* Handles click and drag actions on the progress track.
|
|
13546
|
-
*/
|
|
13547
|
-
handleSeekChange(e) {
|
|
13548
|
-
if (!this._lottie || isNaN(e.target.value)) {
|
|
13549
|
-
return;
|
|
13550
|
-
}
|
|
13551
|
-
const frame = ((e.target.value / 100) * this._lottie.totalFrames);
|
|
13552
|
-
this.seek(frame);
|
|
13553
|
-
}
|
|
13554
|
-
static get style() { return lottiePlayerCss; }
|
|
13200
|
+
let LottiePlayer$1 = class extends HTMLElement$1 {
|
|
13201
|
+
constructor() {
|
|
13202
|
+
super();
|
|
13203
|
+
this.__registerHost();
|
|
13204
|
+
this.__attachShadow();
|
|
13205
|
+
this.error = createEvent(this, "error", 7);
|
|
13206
|
+
this.frame = createEvent(this, "frame", 7);
|
|
13207
|
+
this.complete = createEvent(this, "complete", 7);
|
|
13208
|
+
this.looped = createEvent(this, "looped", 7);
|
|
13209
|
+
this.ready = createEvent(this, "ready", 7);
|
|
13210
|
+
this.loaded = createEvent(this, "loaded", 7);
|
|
13211
|
+
this.playing = createEvent(this, "playing", 7);
|
|
13212
|
+
this.paused = createEvent(this, "paused", 7);
|
|
13213
|
+
this.stopped = createEvent(this, "stopped", 7);
|
|
13214
|
+
this.freezed = createEvent(this, "freezed", 7);
|
|
13215
|
+
/**
|
|
13216
|
+
* Play mode.
|
|
13217
|
+
*/
|
|
13218
|
+
this.mode = PlayMode.Normal;
|
|
13219
|
+
/**
|
|
13220
|
+
* Autoplay animation on load
|
|
13221
|
+
*/
|
|
13222
|
+
this.autoplay = false;
|
|
13223
|
+
/**
|
|
13224
|
+
* Background color.
|
|
13225
|
+
*/
|
|
13226
|
+
this.background = 'transparent';
|
|
13227
|
+
/**
|
|
13228
|
+
* Show controls.
|
|
13229
|
+
*/
|
|
13230
|
+
this.controls = false;
|
|
13231
|
+
/**
|
|
13232
|
+
* Direction of animation
|
|
13233
|
+
*/
|
|
13234
|
+
this.direction = 1;
|
|
13235
|
+
/**
|
|
13236
|
+
* Whether to play on mouse hover
|
|
13237
|
+
*/
|
|
13238
|
+
this.hover = false;
|
|
13239
|
+
/**
|
|
13240
|
+
* Whether to loop animation
|
|
13241
|
+
*/
|
|
13242
|
+
this.loop = false;
|
|
13243
|
+
/**
|
|
13244
|
+
* Renderer to use.
|
|
13245
|
+
*/
|
|
13246
|
+
this.renderer = 'svg';
|
|
13247
|
+
/**
|
|
13248
|
+
* Animation speed.
|
|
13249
|
+
*/
|
|
13250
|
+
this.speed = 1;
|
|
13251
|
+
/**
|
|
13252
|
+
* Player state.
|
|
13253
|
+
*/
|
|
13254
|
+
this.currentState = PlayerState.Loading;
|
|
13255
|
+
this.intermission = 1;
|
|
13256
|
+
this._counter = 0;
|
|
13257
|
+
}
|
|
13258
|
+
componentDidLoad() {
|
|
13259
|
+
// Add intersection observer for detecting component being out-of-view.
|
|
13260
|
+
if ('IntersectionObserver' in window) {
|
|
13261
|
+
this._io = new IntersectionObserver((entries) => {
|
|
13262
|
+
if (entries[0].isIntersecting) {
|
|
13263
|
+
if (this.currentState === PlayerState.Frozen) {
|
|
13264
|
+
this.play();
|
|
13265
|
+
}
|
|
13266
|
+
}
|
|
13267
|
+
else if (this.currentState === PlayerState.Playing) {
|
|
13268
|
+
this.freeze();
|
|
13269
|
+
}
|
|
13270
|
+
});
|
|
13271
|
+
this._io.observe(this.container);
|
|
13272
|
+
}
|
|
13273
|
+
// Add listener for Visibility API's change event.
|
|
13274
|
+
if (typeof document.hidden !== 'undefined') {
|
|
13275
|
+
document.addEventListener('visibilitychange', () => this.onVisibilityChange());
|
|
13276
|
+
}
|
|
13277
|
+
// Setup lottie player
|
|
13278
|
+
if (this.src) {
|
|
13279
|
+
this.load(this.src);
|
|
13280
|
+
}
|
|
13281
|
+
}
|
|
13282
|
+
load(src) {
|
|
13283
|
+
const options = {
|
|
13284
|
+
container: this.container,
|
|
13285
|
+
loop: false,
|
|
13286
|
+
autoplay: false,
|
|
13287
|
+
renderer: this.renderer,
|
|
13288
|
+
rendererSettings: {
|
|
13289
|
+
scaleMode: 'noScale',
|
|
13290
|
+
clearCanvas: false,
|
|
13291
|
+
progressiveLoad: true,
|
|
13292
|
+
hideOnTransparent: true,
|
|
13293
|
+
},
|
|
13294
|
+
};
|
|
13295
|
+
try {
|
|
13296
|
+
const srcParsed = parseSrc(src);
|
|
13297
|
+
const srcAttrib = typeof srcParsed === 'string' ? 'path' : 'animationData';
|
|
13298
|
+
// Clear previous animation, if any
|
|
13299
|
+
if (this._lottie) {
|
|
13300
|
+
this._lottie.destroy();
|
|
13301
|
+
}
|
|
13302
|
+
// Initialize lottie player and load animation
|
|
13303
|
+
this._lottie = lottie_svg.loadAnimation(Object.assign(Object.assign({}, options), { [srcAttrib]: srcParsed }));
|
|
13304
|
+
}
|
|
13305
|
+
catch (err) {
|
|
13306
|
+
this.currentState = PlayerState.Error;
|
|
13307
|
+
this.error.emit();
|
|
13308
|
+
return;
|
|
13309
|
+
}
|
|
13310
|
+
if (this._lottie) {
|
|
13311
|
+
// Calculate and save the current progress of the animation
|
|
13312
|
+
this._lottie.addEventListener('enterFrame', () => {
|
|
13313
|
+
this.seeker = (this._lottie.currentFrame / this._lottie.totalFrames) * 100;
|
|
13314
|
+
this.frame.emit({
|
|
13315
|
+
frame: this._lottie.currentFrame,
|
|
13316
|
+
seeker: this.seeker
|
|
13317
|
+
});
|
|
13318
|
+
});
|
|
13319
|
+
// Handle animation play complete
|
|
13320
|
+
this._lottie.addEventListener('complete', () => {
|
|
13321
|
+
if (this.currentState !== PlayerState.Playing) {
|
|
13322
|
+
this.complete.emit();
|
|
13323
|
+
return;
|
|
13324
|
+
}
|
|
13325
|
+
if (!this.loop || (this.count && this._counter >= this.count)) {
|
|
13326
|
+
this.complete.emit();
|
|
13327
|
+
return;
|
|
13328
|
+
}
|
|
13329
|
+
if (this.mode === PlayMode.Bounce) {
|
|
13330
|
+
if (this.count) {
|
|
13331
|
+
this._counter += 0.5;
|
|
13332
|
+
}
|
|
13333
|
+
setTimeout(() => {
|
|
13334
|
+
this.looped.emit();
|
|
13335
|
+
if (this.currentState === PlayerState.Playing) {
|
|
13336
|
+
this._lottie.setDirection(this._lottie.playDirection * -1);
|
|
13337
|
+
this._lottie.play();
|
|
13338
|
+
}
|
|
13339
|
+
}, this.intermission);
|
|
13340
|
+
}
|
|
13341
|
+
else {
|
|
13342
|
+
if (this.count) {
|
|
13343
|
+
this._counter += 1;
|
|
13344
|
+
}
|
|
13345
|
+
window.setTimeout(() => {
|
|
13346
|
+
this.looped.emit();
|
|
13347
|
+
if (this.currentState === PlayerState.Playing) {
|
|
13348
|
+
this._lottie.stop();
|
|
13349
|
+
this._lottie.play();
|
|
13350
|
+
}
|
|
13351
|
+
}, this.intermission);
|
|
13352
|
+
}
|
|
13353
|
+
});
|
|
13354
|
+
// Handle lottie-web ready event
|
|
13355
|
+
this._lottie.addEventListener('DOMLoaded', () => {
|
|
13356
|
+
this.ready.emit();
|
|
13357
|
+
});
|
|
13358
|
+
// Handle animation data load complete
|
|
13359
|
+
this._lottie.addEventListener('data_ready', () => {
|
|
13360
|
+
this.loaded.emit();
|
|
13361
|
+
});
|
|
13362
|
+
// Set error state when animation load fail event triggers
|
|
13363
|
+
this._lottie.addEventListener('data_failed', () => {
|
|
13364
|
+
this.currentState = PlayerState.Error;
|
|
13365
|
+
this.error.emit();
|
|
13366
|
+
});
|
|
13367
|
+
// Set handlers to auto play animation on hover if enabled
|
|
13368
|
+
this.container.addEventListener('mouseenter', () => {
|
|
13369
|
+
if (this.hover && this.currentState !== PlayerState.Playing) {
|
|
13370
|
+
this.play();
|
|
13371
|
+
}
|
|
13372
|
+
});
|
|
13373
|
+
this.container.addEventListener('mouseleave', () => {
|
|
13374
|
+
if (this.hover && this.currentState === PlayerState.Playing) {
|
|
13375
|
+
this.stop();
|
|
13376
|
+
}
|
|
13377
|
+
});
|
|
13378
|
+
// Set initial playback speed and direction
|
|
13379
|
+
this.setSpeed(this.speed);
|
|
13380
|
+
this.setDirection(this.direction);
|
|
13381
|
+
// Start playing if autoplay is enabled
|
|
13382
|
+
if (this.autoplay) {
|
|
13383
|
+
this.play();
|
|
13384
|
+
}
|
|
13385
|
+
}
|
|
13386
|
+
}
|
|
13387
|
+
/**
|
|
13388
|
+
* Start playing animation.
|
|
13389
|
+
*/
|
|
13390
|
+
async play() {
|
|
13391
|
+
if (!this._lottie) {
|
|
13392
|
+
return;
|
|
13393
|
+
}
|
|
13394
|
+
this._lottie.play();
|
|
13395
|
+
this.currentState = PlayerState.Playing;
|
|
13396
|
+
this.playing.emit();
|
|
13397
|
+
}
|
|
13398
|
+
/**
|
|
13399
|
+
* Stop playing animation.
|
|
13400
|
+
*/
|
|
13401
|
+
async pause() {
|
|
13402
|
+
if (!this._lottie) {
|
|
13403
|
+
return;
|
|
13404
|
+
}
|
|
13405
|
+
this._lottie.pause();
|
|
13406
|
+
this.currentState = PlayerState.Paused;
|
|
13407
|
+
this.paused.emit();
|
|
13408
|
+
}
|
|
13409
|
+
/**
|
|
13410
|
+
* Stops animation play.
|
|
13411
|
+
*/
|
|
13412
|
+
async stop() {
|
|
13413
|
+
if (!this._lottie) {
|
|
13414
|
+
return;
|
|
13415
|
+
}
|
|
13416
|
+
this._counter = 0;
|
|
13417
|
+
this._lottie.stop();
|
|
13418
|
+
this.currentState = PlayerState.Stopped;
|
|
13419
|
+
this.stopped.emit();
|
|
13420
|
+
}
|
|
13421
|
+
/**
|
|
13422
|
+
* Seek to a given frame.
|
|
13423
|
+
*/
|
|
13424
|
+
async seek(value) {
|
|
13425
|
+
if (!this._lottie) {
|
|
13426
|
+
return;
|
|
13427
|
+
}
|
|
13428
|
+
// Extract frame number from either number or percentage value
|
|
13429
|
+
const matches = value.toString().match(/^([0-9]+)(%?)$/);
|
|
13430
|
+
if (!matches) {
|
|
13431
|
+
return;
|
|
13432
|
+
}
|
|
13433
|
+
// Calculate and set the frame number
|
|
13434
|
+
const frame = matches[2] === '%'
|
|
13435
|
+
? this._lottie.totalFrames * Number(matches[1]) / 100
|
|
13436
|
+
: matches[1];
|
|
13437
|
+
// Set seeker to new frame number
|
|
13438
|
+
this.seeker = frame;
|
|
13439
|
+
// Send lottie player to the new frame
|
|
13440
|
+
if (this.currentState === PlayerState.Playing) {
|
|
13441
|
+
this._lottie.goToAndPlay(frame, true);
|
|
13442
|
+
}
|
|
13443
|
+
else {
|
|
13444
|
+
this._lottie.goToAndStop(frame, true);
|
|
13445
|
+
this._lottie.pause();
|
|
13446
|
+
}
|
|
13447
|
+
}
|
|
13448
|
+
/**
|
|
13449
|
+
* Freeze animation play.
|
|
13450
|
+
* This internal state pauses animation and is used to differentiate between
|
|
13451
|
+
* user requested pauses and component instigated pauses.
|
|
13452
|
+
*/
|
|
13453
|
+
freeze() {
|
|
13454
|
+
if (!this._lottie) {
|
|
13455
|
+
return;
|
|
13456
|
+
}
|
|
13457
|
+
this.currentState = PlayerState.Frozen;
|
|
13458
|
+
this.freezed.emit();
|
|
13459
|
+
}
|
|
13460
|
+
async getLottie() {
|
|
13461
|
+
return this._lottie;
|
|
13462
|
+
}
|
|
13463
|
+
/**
|
|
13464
|
+
* Sets animation play speed
|
|
13465
|
+
* @param value Playback speed.
|
|
13466
|
+
*/
|
|
13467
|
+
async setSpeed(value = 1) {
|
|
13468
|
+
if (!this._lottie) {
|
|
13469
|
+
return;
|
|
13470
|
+
}
|
|
13471
|
+
this._lottie.setSpeed(value);
|
|
13472
|
+
}
|
|
13473
|
+
/**
|
|
13474
|
+
* Animation play direction.
|
|
13475
|
+
* @param value Direction values.
|
|
13476
|
+
*/
|
|
13477
|
+
async setDirection(value) {
|
|
13478
|
+
if (!this._lottie) {
|
|
13479
|
+
return;
|
|
13480
|
+
}
|
|
13481
|
+
this._lottie.setDirection(value);
|
|
13482
|
+
}
|
|
13483
|
+
/**
|
|
13484
|
+
* Sets the looping of the animation.
|
|
13485
|
+
*
|
|
13486
|
+
* @param value Whether to enable looping. Boolean true enables looping.
|
|
13487
|
+
*/
|
|
13488
|
+
async setLooping(value) {
|
|
13489
|
+
if (this._lottie) {
|
|
13490
|
+
this.loop = value;
|
|
13491
|
+
this._lottie.loop = value;
|
|
13492
|
+
}
|
|
13493
|
+
}
|
|
13494
|
+
/**
|
|
13495
|
+
* Toggle playing state.
|
|
13496
|
+
*/
|
|
13497
|
+
async togglePlay() {
|
|
13498
|
+
return this.currentState === PlayerState.Playing
|
|
13499
|
+
? this.pause()
|
|
13500
|
+
: this.play();
|
|
13501
|
+
}
|
|
13502
|
+
/**
|
|
13503
|
+
* Toggles animation looping.
|
|
13504
|
+
*/
|
|
13505
|
+
async toggleLooping() {
|
|
13506
|
+
this.setLooping(!this.loop);
|
|
13507
|
+
}
|
|
13508
|
+
renderButtonIcon(isPlaying) {
|
|
13509
|
+
if (isPlaying) {
|
|
13510
|
+
return (h("svg", { width: "24", height: "24" }, h("path", { d: "M14.016 5.016H18v13.969h-3.984V5.016zM6 18.984V5.015h3.984v13.969H6z" })));
|
|
13511
|
+
}
|
|
13512
|
+
return (h("svg", { width: "24", height: "24" }, h("path", { d: "M8.016 5.016L18.985 12 8.016 18.984V5.015z" })));
|
|
13513
|
+
}
|
|
13514
|
+
renderControls() {
|
|
13515
|
+
const isPlaying = this.currentState === PlayerState.Playing;
|
|
13516
|
+
const isPaused = this.currentState === PlayerState.Paused;
|
|
13517
|
+
const isStopped = this.currentState === PlayerState.Stopped;
|
|
13518
|
+
return (h("div", { class: 'toolbar' }, h("button", { class: {
|
|
13519
|
+
active: isPlaying || isPaused
|
|
13520
|
+
}, onClick: () => this.togglePlay() }, this.renderButtonIcon(isPlaying)), h("button", { class: {
|
|
13521
|
+
active: isStopped
|
|
13522
|
+
}, onClick: () => this.stop() }, h("svg", { width: "24", height: "24" }, h("path", { d: "M6 6h12v12H6V6z" }))), h("input", { class: "seeker", type: "range", min: "0", step: "1", max: "100", value: this.seeker, onInput: e => this.handleSeekChange(e), onMouseDown: () => { this._prevState = this.currentState; this.freeze(); }, onMouseUp: () => { this._prevState === PlayerState.Playing && this.play(); } }), h("button", { class: {
|
|
13523
|
+
'active': this.loop
|
|
13524
|
+
}, onClick: () => this.toggleLooping() }, h("svg", { width: "24", height: "24" }, h("path", { d: "M17.016 17.016v-4.031h1.969v6h-12v3l-3.984-3.984 3.984-3.984v3h10.031zM6.984 6.984v4.031H5.015v-6h12v-3l3.984 3.984-3.984 3.984v-3H6.984z" }))), h("a", { href: "https://www.lottiefiles.com/", target: "_blank" }, h("svg", { width: "24", height: "24", viewBox: "0 0 320 320", "fill-rule": "nonzero" }, h("rect", { fill: "#adadad", x: ".5", y: ".5", width: "100%", height: "100%", rx: "26.73" }), h("path", { d: "M251.304 65.44a16.55 16.55 0 0 1 13.927 18.789c-1.333 9.04-9.73 15.292-18.762 13.954-15.992-2.37-39.95 22.534-66.77 73.74-34.24 65.37-66.113 96.517-99.667 94.032-9.102-.674-15.93-8.612-15.258-17.723s8.592-15.96 17.695-15.286c16.57 1.227 40.908-24.737 67.97-76.4 34.46-65.79 66.764-96.157 100.866-91.105z", fill: "#fff" })))));
|
|
13525
|
+
}
|
|
13526
|
+
render() {
|
|
13527
|
+
return (h("div", { class: {
|
|
13528
|
+
main: true,
|
|
13529
|
+
controls: this.controls
|
|
13530
|
+
} }, h("div", { class: "animation", style: {
|
|
13531
|
+
background: this.background
|
|
13532
|
+
}, ref: ref => this.container = ref }, this.currentState === PlayerState.Error ? h("div", { class: "error" }, "\u26A0\uFE0F") : undefined), this.controls ? this.renderControls() : undefined));
|
|
13533
|
+
}
|
|
13534
|
+
/**
|
|
13535
|
+
* Handle visibility change events.
|
|
13536
|
+
*/
|
|
13537
|
+
onVisibilityChange() {
|
|
13538
|
+
if (document.hidden === true && this.currentState === PlayerState.Playing) {
|
|
13539
|
+
this.freeze();
|
|
13540
|
+
}
|
|
13541
|
+
else if (this.currentState === PlayerState.Frozen) {
|
|
13542
|
+
this.play();
|
|
13543
|
+
}
|
|
13544
|
+
}
|
|
13545
|
+
/**
|
|
13546
|
+
* Handles click and drag actions on the progress track.
|
|
13547
|
+
*/
|
|
13548
|
+
handleSeekChange(e) {
|
|
13549
|
+
if (!this._lottie || isNaN(e.target.value)) {
|
|
13550
|
+
return;
|
|
13551
|
+
}
|
|
13552
|
+
const frame = ((e.target.value / 100) * this._lottie.totalFrames);
|
|
13553
|
+
this.seek(frame);
|
|
13554
|
+
}
|
|
13555
|
+
static get style() { return lottiePlayerCss; }
|
|
13555
13556
|
};
|
|
13556
13557
|
|
|
13557
|
-
function format(first, middle, last) {
|
|
13558
|
-
return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
|
|
13558
|
+
function format(first, middle, last) {
|
|
13559
|
+
return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
|
|
13559
13560
|
}
|
|
13560
13561
|
|
|
13561
13562
|
const myComponentCss = ":host{display:block}";
|
|
13562
13563
|
|
|
13563
|
-
let MyComponent$1 = class extends HTMLElement$1 {
|
|
13564
|
-
constructor() {
|
|
13565
|
-
super();
|
|
13566
|
-
this.__registerHost();
|
|
13567
|
-
this.__attachShadow();
|
|
13568
|
-
}
|
|
13569
|
-
getText() {
|
|
13570
|
-
return format(this.first, this.middle, this.last);
|
|
13571
|
-
}
|
|
13572
|
-
render() {
|
|
13573
|
-
return h("div", null, "Hello, World! I'm ", this.getText());
|
|
13574
|
-
}
|
|
13575
|
-
static get style() { return myComponentCss; }
|
|
13564
|
+
let MyComponent$1 = class extends HTMLElement$1 {
|
|
13565
|
+
constructor() {
|
|
13566
|
+
super();
|
|
13567
|
+
this.__registerHost();
|
|
13568
|
+
this.__attachShadow();
|
|
13569
|
+
}
|
|
13570
|
+
getText() {
|
|
13571
|
+
return format(this.first, this.middle, this.last);
|
|
13572
|
+
}
|
|
13573
|
+
render() {
|
|
13574
|
+
return h("div", null, "Hello, World! I'm ", this.getText());
|
|
13575
|
+
}
|
|
13576
|
+
static get style() { return myComponentCss; }
|
|
13576
13577
|
};
|
|
13577
13578
|
|
|
13578
13579
|
const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:#e4e7e9;z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-secondary-turtlegreen);-webkit-box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:5px 15px;margin:0 auto;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.content-wrapper{padding:10px 15px}}@media screen and (min-width: 768px){.temp-container{width:750px}}@media screen and (min-width: 992px){.temp-container{width:970px}}@media screen and (min-width: 1200px){.temp-container{width:1170px}}@media screen and (min-width: 1440px){.temp-container{width:1400px}}@media screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:flex;flex-basis:82%;flex-direction:column}@media screen and (min-width: 768px){.left-content{align-items:flex-start;justify-content:flex-start}}.title{flex-basis:18%;font-family:Raleway;font-size:13px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:1px;text-align:left;color:#40434a;text-transform:uppercase}.ptc-svg-btn{flex-basis:18%}.bar-close{padding-right:15px}.description{flex-basis:82%;font-family:Raleway;font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;text-align:left;color:#40434a;}a{color:var(--color-blue-07);-webkit-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease;font-weight:700;text-decoration:underline;margin-left:16px}a:hover{color:var(--color-blue-08)}a:focus{outline:3px solid var(--color-blue-07);outline-offset:0.25rem;border-radius:4px}a:visited{color:var(--color-blue-09)}@media (min-width: 768px){.bar-close{padding-right:0px}}@media (min-width: 992px){.left-content{flex-direction:row;align-items:center}.title{font-size:14px;font-weight:800;line-height:1.86;letter-spacing:1.4px}.description{font-size:16px;font-weight:500;line-height:1.6}}";
|
|
13579
13580
|
|
|
13580
|
-
let PtcAnnouncement$1 = class extends HTMLElement$1 {
|
|
13581
|
-
constructor() {
|
|
13582
|
-
super();
|
|
13583
|
-
this.__registerHost();
|
|
13584
|
-
this.__attachShadow();
|
|
13585
|
-
this.close = createEvent(this, "close", 7);
|
|
13586
|
-
/**
|
|
13587
|
-
* bar title
|
|
13588
|
-
*/
|
|
13589
|
-
this.barTitle = "";
|
|
13590
|
-
/**
|
|
13591
|
-
* bar description
|
|
13592
|
-
*/
|
|
13593
|
-
this.Description = "";
|
|
13594
|
-
/**
|
|
13595
|
-
* Link Url
|
|
13596
|
-
*/
|
|
13597
|
-
this.linkUrl = '#';
|
|
13598
|
-
this.closeClick = () => {
|
|
13599
|
-
this.visible = false;
|
|
13600
|
-
this.close.emit();
|
|
13601
|
-
};
|
|
13602
|
-
}
|
|
13603
|
-
render() {
|
|
13604
|
-
const classMap = this.getCssClassMap();
|
|
13605
|
-
return (h(Host, null, h("div", { class: classMap, part: "part-announcement" }, h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' }, h("div", { class: "left-content", part: "part-left-content" }, !!this.barTitle ? h("div", { class: "title" }, this.barTitle) : null, h("div", { class: "description" }, !!this.Description ? h("span", null, this.Description) : null, !!this.linkText ? (h("a", { href: this.linkUrl, title: this.linkText }, this.linkText)) : null)), h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
|
|
13606
|
-
}
|
|
13607
|
-
getCssClassMap() {
|
|
13608
|
-
return {
|
|
13609
|
-
['announcement']: true,
|
|
13610
|
-
[this.visible ? 'visible' : '']: true,
|
|
13611
|
-
};
|
|
13612
|
-
}
|
|
13613
|
-
static get style() { return ptcAnnouncementCss; }
|
|
13581
|
+
let PtcAnnouncement$1 = class extends HTMLElement$1 {
|
|
13582
|
+
constructor() {
|
|
13583
|
+
super();
|
|
13584
|
+
this.__registerHost();
|
|
13585
|
+
this.__attachShadow();
|
|
13586
|
+
this.close = createEvent(this, "close", 7);
|
|
13587
|
+
/**
|
|
13588
|
+
* bar title
|
|
13589
|
+
*/
|
|
13590
|
+
this.barTitle = "";
|
|
13591
|
+
/**
|
|
13592
|
+
* bar description
|
|
13593
|
+
*/
|
|
13594
|
+
this.Description = "";
|
|
13595
|
+
/**
|
|
13596
|
+
* Link Url
|
|
13597
|
+
*/
|
|
13598
|
+
this.linkUrl = '#';
|
|
13599
|
+
this.closeClick = () => {
|
|
13600
|
+
this.visible = false;
|
|
13601
|
+
this.close.emit();
|
|
13602
|
+
};
|
|
13603
|
+
}
|
|
13604
|
+
render() {
|
|
13605
|
+
const classMap = this.getCssClassMap();
|
|
13606
|
+
return (h(Host, null, h("div", { class: classMap, part: "part-announcement" }, h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' }, h("div", { class: "left-content", part: "part-left-content" }, !!this.barTitle ? h("div", { class: "title" }, this.barTitle) : null, h("div", { class: "description" }, !!this.Description ? h("span", null, this.Description) : null, !!this.linkText ? (h("a", { href: this.linkUrl, title: this.linkText }, this.linkText)) : null)), h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
|
|
13607
|
+
}
|
|
13608
|
+
getCssClassMap() {
|
|
13609
|
+
return {
|
|
13610
|
+
['announcement']: true,
|
|
13611
|
+
[this.visible ? 'visible' : '']: true,
|
|
13612
|
+
};
|
|
13613
|
+
}
|
|
13614
|
+
static get style() { return ptcAnnouncementCss; }
|
|
13614
13615
|
};
|
|
13615
13616
|
|
|
13616
13617
|
const ptcBreadcrumbCss = ":host{display:block;margin-top:21px}::slotted(*){transform:translate(-2px, -2px)}";
|
|
13617
13618
|
|
|
13618
|
-
let PtcBreadcrumb$1 = class extends HTMLElement$1 {
|
|
13619
|
-
constructor() {
|
|
13620
|
-
super();
|
|
13621
|
-
this.__registerHost();
|
|
13622
|
-
this.__attachShadow();
|
|
13623
|
-
}
|
|
13624
|
-
render() {
|
|
13625
|
-
const classMap = this.getCssClassMap();
|
|
13626
|
-
return (h(Host, { class: classMap }, h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": "https://www.ptc.com" }, h("icon-asset", { type: "ptc", size: "large", name: "icon-home", color: "white" })), h("slot", null)));
|
|
13627
|
-
}
|
|
13628
|
-
getCssClassMap() {
|
|
13629
|
-
return {};
|
|
13630
|
-
}
|
|
13631
|
-
static get style() { return ptcBreadcrumbCss; }
|
|
13619
|
+
let PtcBreadcrumb$1 = class extends HTMLElement$1 {
|
|
13620
|
+
constructor() {
|
|
13621
|
+
super();
|
|
13622
|
+
this.__registerHost();
|
|
13623
|
+
this.__attachShadow();
|
|
13624
|
+
}
|
|
13625
|
+
render() {
|
|
13626
|
+
const classMap = this.getCssClassMap();
|
|
13627
|
+
return (h(Host, { class: classMap }, h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": "https://www.ptc.com" }, h("icon-asset", { type: "ptc", size: "large", name: "icon-home", color: "white" })), h("slot", null)));
|
|
13628
|
+
}
|
|
13629
|
+
getCssClassMap() {
|
|
13630
|
+
return {};
|
|
13631
|
+
}
|
|
13632
|
+
static get style() { return ptcBreadcrumbCss; }
|
|
13632
13633
|
};
|
|
13633
13634
|
|
|
13634
13635
|
const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-primary-uigrey);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:3px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:0.86}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(285deg, var(--color-primary-uigrey) 155%, #6e717c 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px #5bb73b;background-image:linear-gradient(285deg, #5bb73b 155%, #178642 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(to right, #ffffff, #d3d3d3, #e5e5e5)}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-primary-uigrey)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:4px;margin-top:4px;box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-secondary-tutlegreen-dark);background-image:linear-gradient(to right, var(--color-secondary-turtlegreen), var(--color-secondary-tutlegreen-dark))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-secondary-tutlegreen-dark), var(--color-secondary-turtlegreen));opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1);border-radius:2px}.legacy-green:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-medium)}@media screen and (min-width: 768px){.legacy-green span{font-size:19px;letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:3px;display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all ease-out 0.25s;position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}.nav{font-family:var(--ptc-font-latin);background-color:#323b42;border-radius:var(--ptc-border-radius-medium);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:13px;font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:26px;list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease)}.nav:focus{outline:3px solid #0092d1;outline-offset:2px}.nav:hover{background-color:#20262a}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary{padding:var(--ptc-font-size-small) var(--ptc-font-size-large);transition:background-color var(--ptc-standard-ease) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled{pointer-events:none;border-color:#a8aaaf;background:#e1e2e4}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span{color:#a8aaaf}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]){fill:#a8aaaf !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus{outline:3px solid #0092d1;outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:17px;line-height:20px;letter-spacing:normal}.ptc-primary{background:#1f2024;border:2px solid #5bb73a;border-radius:var(--ptc-border-radius-medium)}.ptc-primary:hover{background-color:#33353a}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:#1f2024;border:2px solid #6d707b;border-radius:var(--ptc-border-radius-medium)}.ptc-secondary:hover{background-color:#33353a}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-primary-grey);border-radius:var(--ptc-border-radius-medium)}.ptc-tertiary:hover{background-color:#e1e2e4}.ptc-tertiary:active{background-color:#c5c5ca}.ptc-tertiary span{color:var(--color-primary-grey)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-primary-grey) !important}.ptc-quaternary{background:#158542;border:2px solid #459e67;border-radius:var(--ptc-border-radius-medium)}.ptc-quaternary:hover{background-color:#17713a}.ptc-quaternary:active{background-color:#186135}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}";
|
|
13635
13636
|
|
|
13636
|
-
let PtcButton$1 = class extends HTMLElement$1 {
|
|
13637
|
-
constructor() {
|
|
13638
|
-
super();
|
|
13639
|
-
this.__registerHost();
|
|
13640
|
-
this.__attachShadow();
|
|
13641
|
-
this.clickEvent = createEvent(this, "clickEvent", 7);
|
|
13642
|
-
/**
|
|
13643
|
-
* Disabled button
|
|
13644
|
-
*/
|
|
13645
|
-
this.disabled = false;
|
|
13646
|
-
/**
|
|
13647
|
-
* Button type
|
|
13648
|
-
*/
|
|
13649
|
-
this.type = 'button';
|
|
13650
|
-
/**
|
|
13651
|
-
* Button theme color
|
|
13652
|
-
*/
|
|
13653
|
-
this.color = 'ptc-primary';
|
|
13654
|
-
/**
|
|
13655
|
-
* Icon Animation
|
|
13656
|
-
*/
|
|
13657
|
-
this.iconAnimation = '';
|
|
13658
|
-
/**
|
|
13659
|
-
* Icon Position
|
|
13660
|
-
*/
|
|
13661
|
-
this.iconPosition = 'icon-right';
|
|
13662
|
-
/**
|
|
13663
|
-
* Link URL
|
|
13664
|
-
*/
|
|
13665
|
-
this.linkHref = undefined;
|
|
13666
|
-
/**
|
|
13667
|
-
* link Title
|
|
13668
|
-
*/
|
|
13669
|
-
this.linkTitle = undefined;
|
|
13670
|
-
/**
|
|
13671
|
-
* Link target
|
|
13672
|
-
* */
|
|
13673
|
-
this.target = '_self';
|
|
13674
|
-
/**
|
|
13675
|
-
* Link rel
|
|
13676
|
-
* */
|
|
13677
|
-
this.rel = undefined;
|
|
13678
|
-
/**
|
|
13679
|
-
* (optional) tab-nav.
|
|
13680
|
-
* indicates that its element can be focused, and where it participates in sequential keyboard navigation.
|
|
13681
|
-
* A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
|
|
13682
|
-
*/
|
|
13683
|
-
this.tabNav = 0;
|
|
13684
|
-
}
|
|
13685
|
-
clickEventHandler() {
|
|
13686
|
-
this.clickEvent.emit();
|
|
13687
|
-
//console.log('click!');
|
|
13688
|
-
}
|
|
13689
|
-
render() {
|
|
13690
|
-
const classMap = this.getCssClassMap();
|
|
13691
|
-
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
13692
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), h("span", null, h("slot", { name: "slot-before-text" }), h("slot", null), h("slot", { name: "slot-after-text" })))));
|
|
13693
|
-
}
|
|
13694
|
-
getCssClassMap() {
|
|
13695
|
-
return {
|
|
13696
|
-
[this.color]: true,
|
|
13697
|
-
[this.iconAnimation]: true,
|
|
13698
|
-
[this.iconPosition]: true,
|
|
13699
|
-
['disabled']: this.disabled ? true : false,
|
|
13700
|
-
};
|
|
13701
|
-
}
|
|
13702
|
-
static get style() { return ptcButtonCss; }
|
|
13637
|
+
let PtcButton$1 = class extends HTMLElement$1 {
|
|
13638
|
+
constructor() {
|
|
13639
|
+
super();
|
|
13640
|
+
this.__registerHost();
|
|
13641
|
+
this.__attachShadow();
|
|
13642
|
+
this.clickEvent = createEvent(this, "clickEvent", 7);
|
|
13643
|
+
/**
|
|
13644
|
+
* Disabled button
|
|
13645
|
+
*/
|
|
13646
|
+
this.disabled = false;
|
|
13647
|
+
/**
|
|
13648
|
+
* Button type
|
|
13649
|
+
*/
|
|
13650
|
+
this.type = 'button';
|
|
13651
|
+
/**
|
|
13652
|
+
* Button theme color
|
|
13653
|
+
*/
|
|
13654
|
+
this.color = 'ptc-primary';
|
|
13655
|
+
/**
|
|
13656
|
+
* Icon Animation
|
|
13657
|
+
*/
|
|
13658
|
+
this.iconAnimation = '';
|
|
13659
|
+
/**
|
|
13660
|
+
* Icon Position
|
|
13661
|
+
*/
|
|
13662
|
+
this.iconPosition = 'icon-right';
|
|
13663
|
+
/**
|
|
13664
|
+
* Link URL
|
|
13665
|
+
*/
|
|
13666
|
+
this.linkHref = undefined;
|
|
13667
|
+
/**
|
|
13668
|
+
* link Title
|
|
13669
|
+
*/
|
|
13670
|
+
this.linkTitle = undefined;
|
|
13671
|
+
/**
|
|
13672
|
+
* Link target
|
|
13673
|
+
* */
|
|
13674
|
+
this.target = '_self';
|
|
13675
|
+
/**
|
|
13676
|
+
* Link rel
|
|
13677
|
+
* */
|
|
13678
|
+
this.rel = undefined;
|
|
13679
|
+
/**
|
|
13680
|
+
* (optional) tab-nav.
|
|
13681
|
+
* indicates that its element can be focused, and where it participates in sequential keyboard navigation.
|
|
13682
|
+
* A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
|
|
13683
|
+
*/
|
|
13684
|
+
this.tabNav = 0;
|
|
13685
|
+
}
|
|
13686
|
+
clickEventHandler() {
|
|
13687
|
+
this.clickEvent.emit();
|
|
13688
|
+
//console.log('click!');
|
|
13689
|
+
}
|
|
13690
|
+
render() {
|
|
13691
|
+
const classMap = this.getCssClassMap();
|
|
13692
|
+
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
13693
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), h("span", null, h("slot", { name: "slot-before-text" }), h("slot", null), h("slot", { name: "slot-after-text" })))));
|
|
13694
|
+
}
|
|
13695
|
+
getCssClassMap() {
|
|
13696
|
+
return {
|
|
13697
|
+
[this.color]: true,
|
|
13698
|
+
[this.iconAnimation]: true,
|
|
13699
|
+
[this.iconPosition]: true,
|
|
13700
|
+
['disabled']: this.disabled ? true : false,
|
|
13701
|
+
};
|
|
13702
|
+
}
|
|
13703
|
+
static get style() { return ptcButtonCss; }
|
|
13703
13704
|
};
|
|
13704
13705
|
|
|
13705
13706
|
const ptcCardCss = ":host{display:block}:host(.lottie-card) .card-border{box-shadow:1px 1px 14px 0 rgba(101, 101, 101, 0.35);border:1px solid #c9c9c9;border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:\"\";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:#74c34d;z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:1px 1px 35px 0 rgba(101, 101, 101, 0.65)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-primary-green)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 992px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid #c9c9c9;display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:1;color:#40434a;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-medium);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:15px}:host(.simple-card) .card-body h3{color:#40434a;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:1.86;position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:\"\";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-secondary-turtlegreen);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:5px;transition:margin-left var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-medium)}:host(.clip-edge-card) .card-body{transform:translateY(calc((-1) * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:#40434a;clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-medium);padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-primary-uigrey);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-standard-ease), margin var(--ptc-transition-medium) var(--ptc-standard-ease);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-standard-ease), opacity var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-secondary-turtlegreen)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:54px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);width:100%;border-radius:var(--ptc-border-radius-medium);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05);opacity:1}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);background-color:var(--color-white)}:host(.hightlight-card) .card-body h3{font-size:30px;line-height:1.27;font-weight:var(--ptc-font-weight-bold);color:var(--color-primary-uigrey);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-standard-ease), opacity var(--ptc-transition-fast) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}";
|
|
13706
13707
|
|
|
13707
|
-
let PtcCard$1 = class extends HTMLElement$1 {
|
|
13708
|
-
constructor() {
|
|
13709
|
-
super();
|
|
13710
|
-
this.__registerHost();
|
|
13711
|
-
this.__attachShadow();
|
|
13712
|
-
/**
|
|
13713
|
-
* Card Type
|
|
13714
|
-
* Specify Card Type, default to simple card
|
|
13715
|
-
*/
|
|
13716
|
-
this.cardType = 'custom-card';
|
|
13717
|
-
/**
|
|
13718
|
-
* Card Link URL (Optional)
|
|
13719
|
-
*/
|
|
13720
|
-
this.cardHref = undefined;
|
|
13721
|
-
/**
|
|
13722
|
-
* (optional) Link card target
|
|
13723
|
-
* */
|
|
13724
|
-
this.target = '_self';
|
|
13725
|
-
/**
|
|
13726
|
-
* (optional) Link card rel
|
|
13727
|
-
* */
|
|
13728
|
-
this.rel = undefined;
|
|
13729
|
-
/**
|
|
13730
|
-
* If this card has Image
|
|
13731
|
-
*/
|
|
13732
|
-
this.hasImage = false;
|
|
13733
|
-
/**
|
|
13734
|
-
* If this card has Video
|
|
13735
|
-
*/
|
|
13736
|
-
this.hasVideo = false;
|
|
13737
|
-
/**
|
|
13738
|
-
* If this card has Lottie Image
|
|
13739
|
-
*/
|
|
13740
|
-
this.hasLottie = false;
|
|
13741
|
-
/**
|
|
13742
|
-
* Card heading text transform
|
|
13743
|
-
*/
|
|
13744
|
-
this.headingTransform = 'none';
|
|
13745
|
-
}
|
|
13746
|
-
render() {
|
|
13747
|
-
const Tag = !!this.cardHref ? 'a' : 'div';
|
|
13748
|
-
const classMap = this.getCssClassMap();
|
|
13749
|
-
return (h(Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), this.styles && h("style", null, this.styles), h("div", { class: "card-border", part: "border-wrapper" }, h(Tag, Object.assign({ class: classMap, part: "card-layout" }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? h("slot", { name: this.getMediaSlot() }) : null)) : null, h("div", { class: "card-body", part: "body-wrapper" }, h("slot", { name: "slot-before-heading" }), !!this.heading
|
|
13750
|
-
? [
|
|
13751
|
-
h("h3", { class: `ptc-h3 ${this.headingTransform}`, part: "card-heading" }, this.heading),
|
|
13752
|
-
h("slot", { name: "slot-after-heading" }),
|
|
13753
|
-
]
|
|
13754
|
-
: null, h("slot", { name: "slot-description" }), !!this.cardDate ? h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-medium);margin-top:var(--ptc-element-spacing-05);display:inline-block;}" }) : null)))));
|
|
13755
|
-
}
|
|
13756
|
-
getCssClassMap() {
|
|
13757
|
-
return {
|
|
13758
|
-
['card-layout']: true,
|
|
13759
|
-
['link-wrapper']: !!this.cardType ? true : false,
|
|
13760
|
-
};
|
|
13761
|
-
}
|
|
13762
|
-
getMediaSlot() {
|
|
13763
|
-
if (this.hasLottie) {
|
|
13764
|
-
return 'slot-lottie';
|
|
13765
|
-
}
|
|
13766
|
-
else if (this.hasVideo) {
|
|
13767
|
-
return 'slot-video';
|
|
13768
|
-
}
|
|
13769
|
-
else if (this.hasImage) {
|
|
13770
|
-
return 'slot-image';
|
|
13771
|
-
}
|
|
13772
|
-
else {
|
|
13773
|
-
return null;
|
|
13774
|
-
}
|
|
13775
|
-
}
|
|
13776
|
-
static get style() { return ptcCardCss; }
|
|
13777
|
-
};
|
|
13778
|
-
|
|
13779
|
-
const ptcCardBottomCss = ":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-05);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}@media screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
|
|
13780
|
-
|
|
13781
|
-
let PtcCardBottom$1 = class extends HTMLElement$1 {
|
|
13782
|
-
constructor() {
|
|
13783
|
-
super();
|
|
13784
|
-
this.__registerHost();
|
|
13785
|
-
this.__attachShadow();
|
|
13786
|
-
this.hoverEvent = createEvent(this, "hoverEvent", 7);
|
|
13787
|
-
this.leaveEvent = createEvent(this, "leaveEvent", 7);
|
|
13788
|
-
}
|
|
13789
|
-
hoverEventHandler() {
|
|
13790
|
-
this.hoverEvent.emit();
|
|
13791
|
-
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13792
|
-
this.el.previousElementSibling.classList.add('mouse-hover');
|
|
13793
|
-
this.el.classList.add('mouse-hover-card-bottom');
|
|
13794
|
-
}
|
|
13795
|
-
}
|
|
13796
|
-
leaveEventHandler() {
|
|
13797
|
-
this.hoverEvent.emit();
|
|
13798
|
-
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13799
|
-
this.el.previousElementSibling.classList.remove('mouse-hover');
|
|
13800
|
-
this.el.classList.remove('mouse-hover-card-bottom');
|
|
13801
|
-
}
|
|
13802
|
-
}
|
|
13803
|
-
render() {
|
|
13804
|
-
const classMap = this.getCssClassMap();
|
|
13805
|
-
return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-bottom-wrapper" }, h("slot", null))));
|
|
13806
|
-
}
|
|
13807
|
-
getCssClassMap() {
|
|
13808
|
-
return {
|
|
13809
|
-
[this.cardType]: this.cardType ? true : false,
|
|
13810
|
-
};
|
|
13811
|
-
}
|
|
13812
|
-
get el() { return this; }
|
|
13813
|
-
static get style() { return ptcCardBottomCss; }
|
|
13814
|
-
};
|
|
13815
|
-
|
|
13816
|
-
const ptcCardContentCss = ":host{display:block}:host(.speed-bump){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-05) 28px var(--ptc-element-spacing-05) 28px;text-align:center}:host(.speed-bump-2){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-06) 20px;text-align:center}@media screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-x-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-x-large);top:0;left:0;background:transparent;z-index:1;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12);transition:background var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-x-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-x-large);top:0;left:0;background:transparent;z-index:1;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12);transition:background var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media screen and (min-width: 1980px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}@media screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}}@media screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}";
|
|
13817
|
-
|
|
13818
|
-
let PtcCardContent$1 = class extends HTMLElement$1 {
|
|
13819
|
-
constructor() {
|
|
13820
|
-
super();
|
|
13821
|
-
this.__registerHost();
|
|
13822
|
-
this.__attachShadow();
|
|
13823
|
-
this.hoverEvent = createEvent(this, "hoverEvent", 7);
|
|
13824
|
-
this.leaveEvent = createEvent(this, "leaveEvent", 7);
|
|
13825
|
-
}
|
|
13826
|
-
hoverEventHandler() {
|
|
13827
|
-
this.hoverEvent.emit();
|
|
13828
|
-
this.el.classList.add('mouse-hover');
|
|
13829
|
-
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13830
|
-
this.el.nextElementSibling.classList.add('mouse-hover-card-bottom');
|
|
13831
|
-
}
|
|
13832
|
-
}
|
|
13833
|
-
leaveEventHandler() {
|
|
13834
|
-
this.hoverEvent.emit();
|
|
13835
|
-
this.el.classList.remove('mouse-hover');
|
|
13836
|
-
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13837
|
-
this.el.nextElementSibling.classList.remove('mouse-hover-card-bottom');
|
|
13838
|
-
}
|
|
13839
|
-
}
|
|
13840
|
-
render() {
|
|
13841
|
-
const classMap = this.getCssClassMap();
|
|
13842
|
-
return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
|
|
13843
|
-
}
|
|
13844
|
-
getCssClassMap() {
|
|
13845
|
-
return {
|
|
13846
|
-
[this.cardType]: !!this.cardType ? true : false,
|
|
13847
|
-
};
|
|
13848
|
-
}
|
|
13849
|
-
get el() { return this; }
|
|
13850
|
-
static get style() { return ptcCardContentCss; }
|
|
13708
|
+
let PtcCard$1 = class extends HTMLElement$1 {
|
|
13709
|
+
constructor() {
|
|
13710
|
+
super();
|
|
13711
|
+
this.__registerHost();
|
|
13712
|
+
this.__attachShadow();
|
|
13713
|
+
/**
|
|
13714
|
+
* Card Type
|
|
13715
|
+
* Specify Card Type, default to simple card
|
|
13716
|
+
*/
|
|
13717
|
+
this.cardType = 'custom-card';
|
|
13718
|
+
/**
|
|
13719
|
+
* Card Link URL (Optional)
|
|
13720
|
+
*/
|
|
13721
|
+
this.cardHref = undefined;
|
|
13722
|
+
/**
|
|
13723
|
+
* (optional) Link card target
|
|
13724
|
+
* */
|
|
13725
|
+
this.target = '_self';
|
|
13726
|
+
/**
|
|
13727
|
+
* (optional) Link card rel
|
|
13728
|
+
* */
|
|
13729
|
+
this.rel = undefined;
|
|
13730
|
+
/**
|
|
13731
|
+
* If this card has Image
|
|
13732
|
+
*/
|
|
13733
|
+
this.hasImage = false;
|
|
13734
|
+
/**
|
|
13735
|
+
* If this card has Video
|
|
13736
|
+
*/
|
|
13737
|
+
this.hasVideo = false;
|
|
13738
|
+
/**
|
|
13739
|
+
* If this card has Lottie Image
|
|
13740
|
+
*/
|
|
13741
|
+
this.hasLottie = false;
|
|
13742
|
+
/**
|
|
13743
|
+
* Card heading text transform
|
|
13744
|
+
*/
|
|
13745
|
+
this.headingTransform = 'none';
|
|
13746
|
+
}
|
|
13747
|
+
render() {
|
|
13748
|
+
const Tag = !!this.cardHref ? 'a' : 'div';
|
|
13749
|
+
const classMap = this.getCssClassMap();
|
|
13750
|
+
return (h(Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), this.styles && h("style", null, this.styles), h("div", { class: "card-border", part: "border-wrapper" }, h(Tag, Object.assign({ class: classMap, part: "card-layout" }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? h("slot", { name: this.getMediaSlot() }) : null)) : null, h("div", { class: "card-body", part: "body-wrapper" }, h("slot", { name: "slot-before-heading" }), !!this.heading
|
|
13751
|
+
? [
|
|
13752
|
+
h("h3", { class: `ptc-h3 ${this.headingTransform}`, part: "card-heading" }, this.heading),
|
|
13753
|
+
h("slot", { name: "slot-after-heading" }),
|
|
13754
|
+
]
|
|
13755
|
+
: null, h("slot", { name: "slot-description" }), !!this.cardDate ? h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-medium);margin-top:var(--ptc-element-spacing-05);display:inline-block;}" }) : null)))));
|
|
13756
|
+
}
|
|
13757
|
+
getCssClassMap() {
|
|
13758
|
+
return {
|
|
13759
|
+
['card-layout']: true,
|
|
13760
|
+
['link-wrapper']: !!this.cardType ? true : false,
|
|
13761
|
+
};
|
|
13762
|
+
}
|
|
13763
|
+
getMediaSlot() {
|
|
13764
|
+
if (this.hasLottie) {
|
|
13765
|
+
return 'slot-lottie';
|
|
13766
|
+
}
|
|
13767
|
+
else if (this.hasVideo) {
|
|
13768
|
+
return 'slot-video';
|
|
13769
|
+
}
|
|
13770
|
+
else if (this.hasImage) {
|
|
13771
|
+
return 'slot-image';
|
|
13772
|
+
}
|
|
13773
|
+
else {
|
|
13774
|
+
return null;
|
|
13775
|
+
}
|
|
13776
|
+
}
|
|
13777
|
+
static get style() { return ptcCardCss; }
|
|
13778
|
+
};
|
|
13779
|
+
|
|
13780
|
+
const ptcCardBottomCss = ":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-05);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}@media screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
|
|
13781
|
+
|
|
13782
|
+
let PtcCardBottom$1 = class extends HTMLElement$1 {
|
|
13783
|
+
constructor() {
|
|
13784
|
+
super();
|
|
13785
|
+
this.__registerHost();
|
|
13786
|
+
this.__attachShadow();
|
|
13787
|
+
this.hoverEvent = createEvent(this, "hoverEvent", 7);
|
|
13788
|
+
this.leaveEvent = createEvent(this, "leaveEvent", 7);
|
|
13789
|
+
}
|
|
13790
|
+
hoverEventHandler() {
|
|
13791
|
+
this.hoverEvent.emit();
|
|
13792
|
+
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13793
|
+
this.el.previousElementSibling.classList.add('mouse-hover');
|
|
13794
|
+
this.el.classList.add('mouse-hover-card-bottom');
|
|
13795
|
+
}
|
|
13796
|
+
}
|
|
13797
|
+
leaveEventHandler() {
|
|
13798
|
+
this.hoverEvent.emit();
|
|
13799
|
+
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13800
|
+
this.el.previousElementSibling.classList.remove('mouse-hover');
|
|
13801
|
+
this.el.classList.remove('mouse-hover-card-bottom');
|
|
13802
|
+
}
|
|
13803
|
+
}
|
|
13804
|
+
render() {
|
|
13805
|
+
const classMap = this.getCssClassMap();
|
|
13806
|
+
return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-bottom-wrapper" }, h("slot", null))));
|
|
13807
|
+
}
|
|
13808
|
+
getCssClassMap() {
|
|
13809
|
+
return {
|
|
13810
|
+
[this.cardType]: this.cardType ? true : false,
|
|
13811
|
+
};
|
|
13812
|
+
}
|
|
13813
|
+
get el() { return this; }
|
|
13814
|
+
static get style() { return ptcCardBottomCss; }
|
|
13815
|
+
};
|
|
13816
|
+
|
|
13817
|
+
const ptcCardContentCss = ":host{display:block}:host(.speed-bump){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-05) 28px var(--ptc-element-spacing-05) 28px;text-align:center}:host(.speed-bump-2){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-06) 20px;text-align:center}@media screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-x-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-x-large);top:0;left:0;background:transparent;z-index:1;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12);transition:background var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-x-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-x-large);top:0;left:0;background:transparent;z-index:1;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12);transition:background var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media screen and (min-width: 1980px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}@media screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}}@media screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}";
|
|
13818
|
+
|
|
13819
|
+
let PtcCardContent$1 = class extends HTMLElement$1 {
|
|
13820
|
+
constructor() {
|
|
13821
|
+
super();
|
|
13822
|
+
this.__registerHost();
|
|
13823
|
+
this.__attachShadow();
|
|
13824
|
+
this.hoverEvent = createEvent(this, "hoverEvent", 7);
|
|
13825
|
+
this.leaveEvent = createEvent(this, "leaveEvent", 7);
|
|
13826
|
+
}
|
|
13827
|
+
hoverEventHandler() {
|
|
13828
|
+
this.hoverEvent.emit();
|
|
13829
|
+
this.el.classList.add('mouse-hover');
|
|
13830
|
+
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13831
|
+
this.el.nextElementSibling.classList.add('mouse-hover-card-bottom');
|
|
13832
|
+
}
|
|
13833
|
+
}
|
|
13834
|
+
leaveEventHandler() {
|
|
13835
|
+
this.hoverEvent.emit();
|
|
13836
|
+
this.el.classList.remove('mouse-hover');
|
|
13837
|
+
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
13838
|
+
this.el.nextElementSibling.classList.remove('mouse-hover-card-bottom');
|
|
13839
|
+
}
|
|
13840
|
+
}
|
|
13841
|
+
render() {
|
|
13842
|
+
const classMap = this.getCssClassMap();
|
|
13843
|
+
return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
|
|
13844
|
+
}
|
|
13845
|
+
getCssClassMap() {
|
|
13846
|
+
return {
|
|
13847
|
+
[this.cardType]: !!this.cardType ? true : false,
|
|
13848
|
+
};
|
|
13849
|
+
}
|
|
13850
|
+
get el() { return this; }
|
|
13851
|
+
static get style() { return ptcCardContentCss; }
|
|
13851
13852
|
};
|
|
13852
13853
|
|
|
13853
13854
|
const ptcCardPlmCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-video-p){padding:24px 24px 28px 24px}:host(.card-m-right){margin-right:8px}:host(.card-m-left){margin-left:8px}@media screen and (min-width: 768px){:host(.card-m-right){margin-right:12px}:host(.card-m-left){margin-left:12px}}@media screen and (min-width: 992px){:host(.card-m-right){margin-right:16px}:host(.card-m-left){margin-left:16px}}@media screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}";
|
|
13854
13855
|
|
|
13855
|
-
let PtcCardPlm$1 = class extends HTMLElement$1 {
|
|
13856
|
-
constructor() {
|
|
13857
|
-
super();
|
|
13858
|
-
this.__registerHost();
|
|
13859
|
-
this.__attachShadow();
|
|
13860
|
-
this.linkTarget = '_self';
|
|
13861
|
-
}
|
|
13862
|
-
render() {
|
|
13863
|
-
const classMap = this.getCssClassMap();
|
|
13864
|
-
const Tag = !!this.cardLink ? 'a' : 'div';
|
|
13865
|
-
return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
|
|
13866
|
-
}
|
|
13867
|
-
getCssClassMap() {
|
|
13868
|
-
return {
|
|
13869
|
-
[this.cardType]: this.cardType ? true : false
|
|
13870
|
-
};
|
|
13871
|
-
}
|
|
13872
|
-
static get style() { return ptcCardPlmCss; }
|
|
13856
|
+
let PtcCardPlm$1 = class extends HTMLElement$1 {
|
|
13857
|
+
constructor() {
|
|
13858
|
+
super();
|
|
13859
|
+
this.__registerHost();
|
|
13860
|
+
this.__attachShadow();
|
|
13861
|
+
this.linkTarget = '_self';
|
|
13862
|
+
}
|
|
13863
|
+
render() {
|
|
13864
|
+
const classMap = this.getCssClassMap();
|
|
13865
|
+
const Tag = !!this.cardLink ? 'a' : 'div';
|
|
13866
|
+
return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
|
|
13867
|
+
}
|
|
13868
|
+
getCssClassMap() {
|
|
13869
|
+
return {
|
|
13870
|
+
[this.cardType]: this.cardType ? true : false
|
|
13871
|
+
};
|
|
13872
|
+
}
|
|
13873
|
+
static get style() { return ptcCardPlmCss; }
|
|
13873
13874
|
};
|
|
13874
13875
|
|
|
13875
13876
|
const ptcCountdownCss = ":host{display:block}";
|
|
13876
13877
|
|
|
13877
|
-
let PtcCountdown$1 = class extends HTMLElement$1 {
|
|
13878
|
-
constructor() {
|
|
13879
|
-
super();
|
|
13880
|
-
this.__registerHost();
|
|
13881
|
-
this.__attachShadow();
|
|
13882
|
-
}
|
|
13883
|
-
render() {
|
|
13884
|
-
return (h(Host, null, h("slot", null)));
|
|
13885
|
-
}
|
|
13886
|
-
static get style() { return ptcCountdownCss; }
|
|
13878
|
+
let PtcCountdown$1 = class extends HTMLElement$1 {
|
|
13879
|
+
constructor() {
|
|
13880
|
+
super();
|
|
13881
|
+
this.__registerHost();
|
|
13882
|
+
this.__attachShadow();
|
|
13883
|
+
}
|
|
13884
|
+
render() {
|
|
13885
|
+
return (h(Host, null, h("slot", null)));
|
|
13886
|
+
}
|
|
13887
|
+
static get style() { return ptcCountdownCss; }
|
|
13887
13888
|
};
|
|
13888
13889
|
|
|
13889
13890
|
const ptcDateCss = ":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-small)}:host(.medium) span{font-size:var(--ptc-font-size-medium)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:4px}";
|
|
13890
13891
|
|
|
13891
|
-
let PtcDate$1 = class extends HTMLElement$1 {
|
|
13892
|
-
constructor() {
|
|
13893
|
-
super();
|
|
13894
|
-
this.__registerHost();
|
|
13895
|
-
this.__attachShadow();
|
|
13896
|
-
/**
|
|
13897
|
-
* Year
|
|
13898
|
-
*/
|
|
13899
|
-
this.year = 1900;
|
|
13900
|
-
/**
|
|
13901
|
-
* Month
|
|
13902
|
-
* An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
|
|
13903
|
-
*/
|
|
13904
|
-
this.month = 0;
|
|
13905
|
-
/**
|
|
13906
|
-
* Day
|
|
13907
|
-
* An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
|
|
13908
|
-
*/
|
|
13909
|
-
this.day = 1;
|
|
13910
|
-
/**
|
|
13911
|
-
* Country
|
|
13912
|
-
* examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
|
|
13913
|
-
*/
|
|
13914
|
-
this.country = 'en-US';
|
|
13915
|
-
/**
|
|
13916
|
-
* Date Font Size
|
|
13917
|
-
*/
|
|
13918
|
-
this.dataSize = 'small';
|
|
13919
|
-
}
|
|
13920
|
-
render() {
|
|
13921
|
-
// const newDate = new Date(this.year, this.month, this.day);
|
|
13922
|
-
const classMap = this.getCssClassMap();
|
|
13923
|
-
return (h(Host, { class: classMap }, this.dateStyles && h("style", null, this.dateStyles), h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
|
|
13924
|
-
}
|
|
13925
|
-
getCssClassMap() {
|
|
13926
|
-
return {
|
|
13927
|
-
[this.dateColor]: !!this.dateColor ? true : false,
|
|
13928
|
-
[this.dataSize]: !!this.dataSize ? true : false,
|
|
13929
|
-
};
|
|
13930
|
-
}
|
|
13931
|
-
getDate() {
|
|
13932
|
-
if (this.dateString) {
|
|
13933
|
-
let newDate = new Date(this.dateString.replace(/-/g, '/'));
|
|
13934
|
-
return newDate;
|
|
13935
|
-
}
|
|
13936
|
-
else {
|
|
13937
|
-
return new Date(this.year, this.month - 1, this.day);
|
|
13938
|
-
}
|
|
13939
|
-
}
|
|
13940
|
-
static get style() { return ptcDateCss; }
|
|
13892
|
+
let PtcDate$1 = class extends HTMLElement$1 {
|
|
13893
|
+
constructor() {
|
|
13894
|
+
super();
|
|
13895
|
+
this.__registerHost();
|
|
13896
|
+
this.__attachShadow();
|
|
13897
|
+
/**
|
|
13898
|
+
* Year
|
|
13899
|
+
*/
|
|
13900
|
+
this.year = 1900;
|
|
13901
|
+
/**
|
|
13902
|
+
* Month
|
|
13903
|
+
* An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
|
|
13904
|
+
*/
|
|
13905
|
+
this.month = 0;
|
|
13906
|
+
/**
|
|
13907
|
+
* Day
|
|
13908
|
+
* An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
|
|
13909
|
+
*/
|
|
13910
|
+
this.day = 1;
|
|
13911
|
+
/**
|
|
13912
|
+
* Country
|
|
13913
|
+
* examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
|
|
13914
|
+
*/
|
|
13915
|
+
this.country = 'en-US';
|
|
13916
|
+
/**
|
|
13917
|
+
* Date Font Size
|
|
13918
|
+
*/
|
|
13919
|
+
this.dataSize = 'small';
|
|
13920
|
+
}
|
|
13921
|
+
render() {
|
|
13922
|
+
// const newDate = new Date(this.year, this.month, this.day);
|
|
13923
|
+
const classMap = this.getCssClassMap();
|
|
13924
|
+
return (h(Host, { class: classMap }, this.dateStyles && h("style", null, this.dateStyles), h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
|
|
13925
|
+
}
|
|
13926
|
+
getCssClassMap() {
|
|
13927
|
+
return {
|
|
13928
|
+
[this.dateColor]: !!this.dateColor ? true : false,
|
|
13929
|
+
[this.dataSize]: !!this.dataSize ? true : false,
|
|
13930
|
+
};
|
|
13931
|
+
}
|
|
13932
|
+
getDate() {
|
|
13933
|
+
if (this.dateString) {
|
|
13934
|
+
let newDate = new Date(this.dateString.replace(/-/g, '/'));
|
|
13935
|
+
return newDate;
|
|
13936
|
+
}
|
|
13937
|
+
else {
|
|
13938
|
+
return new Date(this.year, this.month - 1, this.day);
|
|
13939
|
+
}
|
|
13940
|
+
}
|
|
13941
|
+
static get style() { return ptcDateCss; }
|
|
13941
13942
|
};
|
|
13942
13943
|
|
|
13943
13944
|
const ptcFooterCss = ":host{display:block;background-color:#1c2126}.footer-style{position:relative;bottom:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:\"left lImage\" \"right right\" \"share share\" \"copyright copyright\"}@media screen and (min-width: 992px){.footer-style{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr fit-content(26px);grid-template-areas:\"lImage left right share\" \"copyright copyright copyright copyright\"}}.footer-image{grid-area:lImage}.footer-link-left{grid-area:left}.footer-link-right{grid-area:right}.footer-share{grid-area:share}.footer-copyright{grid-area:copyright}";
|
|
13944
13945
|
|
|
13945
|
-
let PtcFooter$1 = class extends HTMLElement$1 {
|
|
13946
|
-
constructor() {
|
|
13947
|
-
super();
|
|
13948
|
-
this.__registerHost();
|
|
13949
|
-
this.__attachShadow();
|
|
13950
|
-
}
|
|
13951
|
-
render() {
|
|
13952
|
-
return (h(Host, null, h("footer", { class: "footer-style" }, h("div", { class: "footer-image" }, h("slot", { name: "footer-image" })), h("div", { class: "footer-link-left" }, h("slot", { name: "footer-link-left" })), h("div", { class: "footer-link-right" }, h("slot", { name: "footer-link-right" })), h("div", { class: "footer-share" }, h("slot", { name: "footer-share" })), h("div", { class: "footer-copyright" }, h("slot", { name: "footer-copyright" })))));
|
|
13953
|
-
}
|
|
13954
|
-
static get style() { return ptcFooterCss; }
|
|
13946
|
+
let PtcFooter$1 = class extends HTMLElement$1 {
|
|
13947
|
+
constructor() {
|
|
13948
|
+
super();
|
|
13949
|
+
this.__registerHost();
|
|
13950
|
+
this.__attachShadow();
|
|
13951
|
+
}
|
|
13952
|
+
render() {
|
|
13953
|
+
return (h(Host, null, h("footer", { class: "footer-style" }, h("div", { class: "footer-image" }, h("slot", { name: "footer-image" })), h("div", { class: "footer-link-left" }, h("slot", { name: "footer-link-left" })), h("div", { class: "footer-link-right" }, h("slot", { name: "footer-link-right" })), h("div", { class: "footer-share" }, h("slot", { name: "footer-share" })), h("div", { class: "footer-copyright" }, h("slot", { name: "footer-copyright" })))));
|
|
13954
|
+
}
|
|
13955
|
+
static get style() { return ptcFooterCss; }
|
|
13955
13956
|
};
|
|
13956
13957
|
|
|
13957
13958
|
(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?factory(exports):typeof define==="function"&&define.amd?define(["exports"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,factory(global.FormValidation={}));})(undefined,(function(exports){function t$14(t){var e=t.length;var l=[[0,1,2,3,4,5,6,7,8,9],[0,2,4,6,8,1,3,5,7,9]];var n=0;var r=0;while(e--){r+=l[n][parseInt(t.charAt(e),10)];n=1-n;}return r%10===0&&r>0}function t$13(t){var e=t.length;var n=5;for(var r=0;r<e;r++){n=((n||10)*2%11+parseInt(t.charAt(r),10))%10;}return n===1}function t$12(t){var e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";var n=t.length;var o=e.length;var l=Math.floor(o/2);for(var r=0;r<n;r++){l=((l||o)*2%(o+1)+e.indexOf(t.charAt(r)))%o;}return l===1}function t$11(t){var e=[[0,1,2,3,4,5,6,7,8,9],[1,2,3,4,0,6,7,8,9,5],[2,3,4,0,1,7,8,9,5,6],[3,4,0,1,2,8,9,5,6,7],[4,0,1,2,3,9,5,6,7,8],[5,9,8,7,6,0,4,3,2,1],[6,5,9,8,7,1,0,4,3,2],[7,6,5,9,8,2,1,0,4,3],[8,7,6,5,9,3,2,1,0,4],[9,8,7,6,5,4,3,2,1,0]];var n=[[0,1,2,3,4,5,6,7,8,9],[1,5,7,6,2,8,3,0,9,4],[5,8,0,3,7,9,6,1,4,2],[8,9,1,6,0,4,3,5,2,7],[9,4,5,3,1,2,6,8,7,0],[4,2,8,6,5,7,3,9,0,1],[2,7,9,3,8,0,6,4,1,5],[7,0,4,6,9,1,3,2,5,8]];var o=t.reverse();var r=0;for(var _t=0;_t<o.length;_t++){r=e[r][n[_t%8][o[_t]]];}return r===0}var index$3={luhn:t$14,mod11And10:t$13,mod37And36:t$12,verhoeff:t$11};function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else {obj[key]=value;}return obj}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function")}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)};return _getPrototypeOf(o)}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o};return _setPrototypeOf(o,p)}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})));return true}catch(e){return false}}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return self}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined")}return _assertThisInitialized(self)}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else {result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result)}}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _createForOfIteratorHelper(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;var F=function(){};return {s:F,n:function(){if(i>=o.length)return {done:true};return {done:false,value:o[i++]}},e:function(e){throw e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var normalCompletion=true,didErr=false,err;return {s:function(){it=it.call(o);},n:function(){var step=it.next();normalCompletion=step.done;return step},e:function(e){didErr=true;err=e;},f:function(){try{if(!normalCompletion&&it.return!=null)it.return();}finally{if(didErr)throw err}}}}function s$a(){return {fns:{},clear:function clear(){this.fns={};},emit:function emit(s){for(var _len=arguments.length,f=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){f[_key-1]=arguments[_key];}(this.fns[s]||[]).map((function(s){return s.apply(s,f)}));},off:function off(s,f){if(this.fns[s]){var n=this.fns[s].indexOf(f);if(n>=0){this.fns[s].splice(n,1);}}},on:function on(s,f){(this.fns[s]=this.fns[s]||[]).push(f);}}}function t$10(){return {filters:{},add:function add(t,e){(this.filters[t]=this.filters[t]||[]).push(e);},clear:function clear(){this.filters={};},execute:function execute(t,e,i){if(!this.filters[t]||!this.filters[t].length){return e}var s=e;var r=this.filters[t];var l=r.length;for(var _t=0;_t<l;_t++){s=r[_t].apply(s,i);}return s},remove:function remove(t,e){if(this.filters[t]){this.filters[t]=this.filters[t].filter((function(t){return t!==e}));}}}}function e$H(e,t,r,n){var o=(r.getAttribute("type")||"").toLowerCase();var c=r.tagName.toLowerCase();if(c==="textarea"){return r.value}if(c==="select"){var _e=r;var _t=_e.selectedIndex;return _t>=0?_e.options.item(_t).value:""}if(c==="input"){if("radio"===o||"checkbox"===o){var _e2=n.filter((function(e){return e.checked})).length;return _e2===0?"":_e2+""}else {return r.value}}return ""}function r$d(r,e){var t=Array.isArray(e)?e:[e];var a=r;t.forEach((function(r){a=a.replace("%s",r);}));return a}function s$9(){var s=function s(e){return parseFloat("".concat(e).replace(",","."))};return {validate:function validate(a){var t=a.value;if(t===""){return {valid:true}}var n=Object.assign({},{inclusive:true,message:""},a.options);var l=s(n.min);var o=s(n.max);return n.inclusive?{message:r$d(a.l10n?n.message||a.l10n.between["default"]:n.message,["".concat(l),"".concat(o)]),valid:parseFloat(t)>=l&&parseFloat(t)<=o}:{message:r$d(a.l10n?n.message||a.l10n.between.notInclusive:n.message,["".concat(l),"".concat(o)]),valid:parseFloat(t)>l&&parseFloat(t)<o}}}}function t$$(){return {validate:function validate(t){return {valid:true}}}}function t$_(t,n){if("function"===typeof t){return t.apply(this,n)}else if("string"===typeof t){var e=t;if("()"===e.substring(e.length-2)){e=e.substring(0,e.length-2);}var i=e.split(".");var o=i.pop();var f=window;var _iterator=_createForOfIteratorHelper(i),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _t=_step.value;f=f[_t];}}catch(err){_iterator.e(err);}finally{_iterator.f();}return typeof f[o]==="undefined"?null:f[o].apply(this,n)}}function o$4(){return {validate:function validate(o){var l=t$_(o.options.callback,[o]);return "boolean"===typeof l?{valid:l}:l}}}function t$Z(){return {validate:function validate(t){var o="select"===t.element.tagName.toLowerCase()?t.element.querySelectorAll("option:checked").length:t.elements.filter((function(e){return e.checked})).length;var s=t.options.min?"".concat(t.options.min):"";var n=t.options.max?"".concat(t.options.max):"";var a=t.l10n?t.options.message||t.l10n.choice["default"]:t.options.message;var l=!(s&&o<parseInt(s,10)||n&&o>parseInt(n,10));switch(true){case!!s&&!!n:a=r$d(t.l10n?t.l10n.choice.between:t.options.message,[s,n]);break;case!!s:a=r$d(t.l10n?t.l10n.choice.more:t.options.message,s);break;case!!n:a=r$d(t.l10n?t.l10n.choice.less:t.options.message,n);break}return {message:a,valid:l}}}}var t$Y={AMERICAN_EXPRESS:{length:[15],prefix:["34","37"]},DANKORT:{length:[16],prefix:["5019"]},DINERS_CLUB:{length:[14],prefix:["300","301","302","303","304","305","36"]},DINERS_CLUB_US:{length:[16],prefix:["54","55"]},DISCOVER:{length:[16],prefix:["6011","622126","622127","622128","622129","62213","62214","62215","62216","62217","62218","62219","6222","6223","6224","6225","6226","6227","6228","62290","62291","622920","622921","622922","622923","622924","622925","644","645","646","647","648","649","65"]},ELO:{length:[16],prefix:["4011","4312","4389","4514","4573","4576","5041","5066","5067","509","6277","6362","6363","650","6516","6550"]},FORBRUGSFORENINGEN:{length:[16],prefix:["600722"]},JCB:{length:[16],prefix:["3528","3529","353","354","355","356","357","358"]},LASER:{length:[16,17,18,19],prefix:["6304","6706","6771","6709"]},MAESTRO:{length:[12,13,14,15,16,17,18,19],prefix:["5018","5020","5038","5868","6304","6759","6761","6762","6763","6764","6765","6766"]},MASTERCARD:{length:[16],prefix:["51","52","53","54","55"]},SOLO:{length:[16,18,19],prefix:["6334","6767"]},UNIONPAY:{length:[16,17,18,19],prefix:["622126","622127","622128","622129","62213","62214","62215","62216","62217","62218","62219","6222","6223","6224","6225","6226","6227","6228","62290","62291","622920","622921","622922","622923","622924","622925"]},VISA:{length:[16],prefix:["4"]},VISA_ELECTRON:{length:[16],prefix:["4026","417500","4405","4508","4844","4913","4917"]}};function l$2(){return {validate:function validate(l){if(l.value===""){return {meta:{type:null},valid:true}}if(/[^0-9-\s]+/.test(l.value)){return {meta:{type:null},valid:false}}var r=l.value.replace(/\D/g,"");if(!t$14(r)){return {meta:{type:null},valid:false}}for(var _i=0,_Object$keys=Object.keys(t$Y);_i<_Object$keys.length;_i++){var _e=_Object$keys[_i];for(var n in t$Y[_e].prefix){if(l.value.substr(0,t$Y[_e].prefix[n].length)===t$Y[_e].prefix[n]&&t$Y[_e].length.indexOf(r.length)!==-1){return {meta:{type:_e},valid:true}}}}return {meta:{type:null},valid:false}}}}function t$X(t,e,n,r){if(isNaN(t)||isNaN(e)||isNaN(n)){return false}if(t<1e3||t>9999||e<=0||e>12){return false}var s=[31,t%400===0||t%100!==0&&t%4===0?29:28,31,30,31,30,31,31,30,31,30,31];if(n<=0||n>s[e-1]){return false}if(r===true){var _r=new Date;var _s=_r.getFullYear();var a=_r.getMonth();var u=_r.getDate();return t<_s||t===_s&&e-1<a||t===_s&&e-1===a&&n<u}return true}function n$1(){var n=function n(t,e,_n){var s=e.indexOf("YYYY");var a=e.indexOf("MM");var l=e.indexOf("DD");if(s===-1||a===-1||l===-1){return null}var o=t.split(" ");var r=o[0].split(_n);if(r.length<3){return null}var c=new Date(parseInt(r[s],10),parseInt(r[a],10)-1,parseInt(r[l],10));if(o.length>1){var _t=o[1].split(":");c.setHours(_t.length>0?parseInt(_t[0],10):0);c.setMinutes(_t.length>1?parseInt(_t[1],10):0);c.setSeconds(_t.length>2?parseInt(_t[2],10):0);}return c};var s=function s(t,e){var n=e.replace(/Y/g,"y").replace(/M/g,"m").replace(/D/g,"d").replace(/:m/g,":M").replace(/:mm/g,":MM").replace(/:S/,":s").replace(/:SS/,":ss");var s=t.getDate();var a=s<10?"0".concat(s):s;var l=t.getMonth()+1;var o=l<10?"0".concat(l):l;var r="".concat(t.getFullYear()).substr(2);var c=t.getFullYear();var i=t.getHours()%12||12;var g=i<10?"0".concat(i):i;var u=t.getHours();var m=u<10?"0".concat(u):u;var d=t.getMinutes();var f=d<10?"0".concat(d):d;var p=t.getSeconds();var h=p<10?"0".concat(p):p;var $={H:"".concat(u),HH:"".concat(m),M:"".concat(d),MM:"".concat(f),d:"".concat(s),dd:"".concat(a),h:"".concat(i),hh:"".concat(g),m:"".concat(l),mm:"".concat(o),s:"".concat(p),ss:"".concat(h),yy:"".concat(r),yyyy:"".concat(c)};return n.replace(/d{1,4}|m{1,4}|yy(?:yy)?|([HhMs])\1?|"[^"]*"|'[^']*'/g,(function(t){return $[t]?$[t]:t.slice(1,t.length-1)}))};return {validate:function validate(a){if(a.value===""){return {meta:{date:null},valid:true}}var l=Object.assign({},{format:a.element&&a.element.getAttribute("type")==="date"?"YYYY-MM-DD":"MM/DD/YYYY",message:""},a.options);var o=a.l10n?a.l10n.date["default"]:l.message;var r={message:"".concat(o),meta:{date:null},valid:false};var c=l.format.split(" ");var i=c.length>1?c[1]:null;var g=c.length>2?c[2]:null;var u=a.value.split(" ");var m=u[0];var d=u.length>1?u[1]:null;if(c.length!==u.length){return r}var f=l.separator||(m.indexOf("/")!==-1?"/":m.indexOf("-")!==-1?"-":m.indexOf(".")!==-1?".":"/");if(f===null||m.indexOf(f)===-1){return r}var p=m.split(f);var h=c[0].split(f);if(p.length!==h.length){return r}var $=p[h.indexOf("YYYY")];var M=p[h.indexOf("MM")];var Y=p[h.indexOf("DD")];if(!/^\d+$/.test($)||!/^\d+$/.test(M)||!/^\d+$/.test(Y)||$.length>4||M.length>2||Y.length>2){return r}var D=parseInt($,10);var x=parseInt(M,10);var y=parseInt(Y,10);if(!t$X(D,x,y)){return r}var I=new Date(D,x-1,y);if(i){var _t2=d.split(":");if(i.split(":").length!==_t2.length){return r}var _e=_t2.length>0?_t2[0].length<=2&&/^\d+$/.test(_t2[0])?parseInt(_t2[0],10):-1:0;var _n2=_t2.length>1?_t2[1].length<=2&&/^\d+$/.test(_t2[1])?parseInt(_t2[1],10):-1:0;var _s=_t2.length>2?_t2[2].length<=2&&/^\d+$/.test(_t2[2])?parseInt(_t2[2],10):-1:0;if(_e===-1||_n2===-1||_s===-1){return r}if(_s<0||_s>60){return r}if(_e<0||_e>=24||g&&_e>12){return r}if(_n2<0||_n2>59){return r}I.setHours(_e);I.setMinutes(_n2);I.setSeconds(_s);}var O=typeof l.min==="function"?l.min():l.min;var v=O instanceof Date?O:O?n(O,h,f):I;var H=typeof l.max==="function"?l.max():l.max;var T=H instanceof Date?H:H?n(H,h,f):I;var S=O instanceof Date?s(v,l.format):O;var b=H instanceof Date?s(T,l.format):H;switch(true){case!!S&&!b:return {message:r$d(a.l10n?a.l10n.date.min:o,S),meta:{date:I},valid:I.getTime()>=v.getTime()};case!!b&&!S:return {message:r$d(a.l10n?a.l10n.date.max:o,b),meta:{date:I},valid:I.getTime()<=T.getTime()};case!!b&&!!S:return {message:r$d(a.l10n?a.l10n.date.range:o,[S,b]),meta:{date:I},valid:I.getTime()<=T.getTime()&&I.getTime()>=v.getTime()};default:return {message:"".concat(o),meta:{date:I},valid:true}}}}}function o$3(){return {validate:function validate(o){var t="function"===typeof o.options.compare?o.options.compare.call(this):o.options.compare;return {valid:t===""||o.value!==t}}}}function e$G(){return {validate:function validate(e){return {valid:e.value===""||/^\d+$/.test(e.value)}}}}function t$W(){var t=function t(_t3,e){var s=_t3.split(/"/);var l=s.length;var n=[];var r="";for(var _t=0;_t<l;_t++){if(_t%2===0){var _l=s[_t].split(e);var a=_l.length;if(a===1){r+=_l[0];}else {n.push(r+_l[0]);for(var _t2=1;_t2<a-1;_t2++){n.push(_l[_t2]);}r=_l[a-1];}}else {r+='"'+s[_t];if(_t<l-1){r+='"';}}}n.push(r);return n};return {validate:function validate(e){if(e.value===""){return {valid:true}}var s=Object.assign({},{multiple:false,separator:/[,;]/},e.options);var l=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;var n=s.multiple===true||"".concat(s.multiple)==="true";if(n){var _n=s.separator||/[,;]/;var r=t(e.value,_n);var a=r.length;for(var _t4=0;_t4<a;_t4++){if(!l.test(r[_t4])){return {valid:false}}}return {valid:true}}else {return {valid:l.test(e.value)}}}}}function e$F(){return {validate:function validate(e){if(e.value===""){return {valid:true}}var t;var i=e.options.extension?e.options.extension.toLowerCase().split(","):null;var s=e.options.type?e.options.type.toLowerCase().split(","):null;var n=window["File"]&&window["FileList"]&&window["FileReader"];if(n){var _n=e.element.files;var o=_n.length;var a=0;if(e.options.maxFiles&&o>parseInt("".concat(e.options.maxFiles),10)){return {meta:{error:"INVALID_MAX_FILES"},valid:false}}if(e.options.minFiles&&o<parseInt("".concat(e.options.minFiles),10)){return {meta:{error:"INVALID_MIN_FILES"},valid:false}}var r={};for(var l=0;l<o;l++){a+=_n[l].size;t=_n[l].name.substr(_n[l].name.lastIndexOf(".")+1);r={ext:t,file:_n[l],size:_n[l].size,type:_n[l].type};if(e.options.minSize&&_n[l].size<parseInt("".concat(e.options.minSize),10)){return {meta:Object.assign({},{error:"INVALID_MIN_SIZE"},r),valid:false}}if(e.options.maxSize&&_n[l].size>parseInt("".concat(e.options.maxSize),10)){return {meta:Object.assign({},{error:"INVALID_MAX_SIZE"},r),valid:false}}if(i&&i.indexOf(t.toLowerCase())===-1){return {meta:Object.assign({},{error:"INVALID_EXTENSION"},r),valid:false}}if(_n[l].type&&s&&s.indexOf(_n[l].type.toLowerCase())===-1){return {meta:Object.assign({},{error:"INVALID_TYPE"},r),valid:false}}}if(e.options.maxTotalSize&&a>parseInt("".concat(e.options.maxTotalSize),10)){return {meta:Object.assign({},{error:"INVALID_MAX_TOTAL_SIZE",totalSize:a},r),valid:false}}if(e.options.minTotalSize&&a<parseInt("".concat(e.options.minTotalSize),10)){return {meta:Object.assign({},{error:"INVALID_MIN_TOTAL_SIZE",totalSize:a},r),valid:false}}}else {t=e.value.substr(e.value.lastIndexOf(".")+1);if(i&&i.indexOf(t.toLowerCase())===-1){return {meta:{error:"INVALID_EXTENSION",ext:t},valid:false}}}return {valid:true}}}}function a$7(){return {validate:function validate(a){if(a.value===""){return {valid:true}}var s=Object.assign({},{inclusive:true,message:""},a.options);var t=parseFloat("".concat(s.min).replace(",","."));return s.inclusive?{message:r$d(a.l10n?s.message||a.l10n.greaterThan["default"]:s.message,"".concat(t)),valid:parseFloat(a.value)>=t}:{message:r$d(a.l10n?s.message||a.l10n.greaterThan.notInclusive:s.message,"".concat(t)),valid:parseFloat(a.value)>t}}}}function o$2(){return {validate:function validate(o){var t="function"===typeof o.options.compare?o.options.compare.call(this):o.options.compare;return {valid:t===""||o.value===t}}}}function a$6(){return {validate:function validate(a){if(a.value===""){return {valid:true}}var e=Object.assign({},{decimalSeparator:".",thousandsSeparator:""},a.options);var t=e.decimalSeparator==="."?"\\.":e.decimalSeparator;var r=e.thousandsSeparator==="."?"\\.":e.thousandsSeparator;var o=new RegExp("^-?[0-9]{1,3}(".concat(r,"[0-9]{3})*(").concat(t,"[0-9]+)?$"));var n=new RegExp(r,"g");var s="".concat(a.value);if(!o.test(s)){return {valid:false}}if(r){s=s.replace(n,"");}if(t){s=s.replace(t,".");}var i=parseFloat(s);return {valid:!isNaN(i)&&isFinite(i)&&Math.floor(i)===i}}}}function d(){return {validate:function validate(d){if(d.value===""){return {valid:true}}var a=Object.assign({},{ipv4:true,ipv6:true},d.options);var e=/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\/([0-9]|[1-2][0-9]|3[0-2]))?$/;var s=/^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))(%.+)?\s*(\/(\d|\d\d|1[0-1]\d|12[0-8]))?$/;switch(true){case a.ipv4&&!a.ipv6:return {message:d.l10n?a.message||d.l10n.ip.ipv4:a.message,valid:e.test(d.value)};case!a.ipv4&&a.ipv6:return {message:d.l10n?a.message||d.l10n.ip.ipv6:a.message,valid:s.test(d.value)};case a.ipv4&&a.ipv6:default:return {message:d.l10n?a.message||d.l10n.ip["default"]:a.message,valid:e.test(d.value)||s.test(d.value)}}}}}function s$8(){return {validate:function validate(s){if(s.value===""){return {valid:true}}var a=Object.assign({},{inclusive:true,message:""},s.options);var l=parseFloat("".concat(a.max).replace(",","."));return a.inclusive?{message:r$d(s.l10n?a.message||s.l10n.lessThan["default"]:a.message,"".concat(l)),valid:parseFloat(s.value)<=l}:{message:r$d(s.l10n?a.message||s.l10n.lessThan.notInclusive:a.message,"".concat(l)),valid:parseFloat(s.value)<l}}}}function t$V(){return {validate:function validate(t){var n=!!t.options&&!!t.options.trim;var o=t.value;return {valid:!n&&o!==""||n&&o!==""&&o.trim()!==""}}}}function a$5(){return {validate:function validate(a){if(a.value===""){return {valid:true}}var e=Object.assign({},{decimalSeparator:".",thousandsSeparator:""},a.options);var t="".concat(a.value);if(t.substr(0,1)===e.decimalSeparator){t="0".concat(e.decimalSeparator).concat(t.substr(1));}else if(t.substr(0,2)==="-".concat(e.decimalSeparator)){t="-0".concat(e.decimalSeparator).concat(t.substr(2));}var r=e.decimalSeparator==="."?"\\.":e.decimalSeparator;var s=e.thousandsSeparator==="."?"\\.":e.thousandsSeparator;var i=new RegExp("^-?[0-9]{1,3}(".concat(s,"[0-9]{3})*(").concat(r,"[0-9]+)?$"));var o=new RegExp(s,"g");if(!i.test(t)){return {valid:false}}if(s){t=t.replace(o,"");}if(r){t=t.replace(r,".");}var l=parseFloat(t);return {valid:!isNaN(l)&&isFinite(l)}}}}function r$c(){return {validate:function validate(r){return t$_(r.options.promise,[r])}}}function e$E(){return {validate:function validate(e){if(e.value===""){return {valid:true}}var t=e.options.regexp;if(t instanceof RegExp){return {valid:t.test(e.value)}}else {var n=t.toString();var o=e.options.flags?new RegExp(n,e.options.flags):new RegExp(n);return {valid:o.test(e.value)}}}}}function e$D(e,t){var n=function n(e){return Object.keys(e).map((function(t){return "".concat(encodeURIComponent(t),"=").concat(encodeURIComponent(e[t]))})).join("&")};return new Promise((function(o,s){var d=Object.assign({},{crossDomain:false,headers:{},method:"GET",params:{}},t);var a=Object.keys(d.params).map((function(e){return "".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(d.params[e]))})).join("&");var r=e.indexOf("?");var c="GET"===d.method?"".concat(e).concat(r?"?":"&").concat(a):e;if(d.crossDomain){var _e=document.createElement("script");var _t="___fetch".concat(Date.now(),"___");window[_t]=function(e){delete window[_t];o(e);};_e.src="".concat(c).concat(r?"&":"?","callback=").concat(_t);_e.async=true;_e.addEventListener("load",(function(){_e.parentNode.removeChild(_e);}));_e.addEventListener("error",(function(){return s}));document.head.appendChild(_e);}else {var _e2=new XMLHttpRequest;_e2.open(d.method,c);_e2.setRequestHeader("X-Requested-With","XMLHttpRequest");if("POST"===d.method){_e2.setRequestHeader("Content-Type","application/x-www-form-urlencoded");}Object.keys(d.headers).forEach((function(t){return _e2.setRequestHeader(t,d.headers[t])}));_e2.addEventListener("load",(function(){o(JSON.parse(this.responseText));}));_e2.addEventListener("error",(function(){return s}));_e2.send(n(d.params));}}))}function a$4(){var a={crossDomain:false,data:{},headers:{},method:"GET",validKey:"valid"};return {validate:function validate(t){if(t.value===""){return Promise.resolve({valid:true})}var s=Object.assign({},a,t.options);var r=s.data;if("function"===typeof s.data){r=s.data.call(this,t);}if("string"===typeof r){r=JSON.parse(r);}r[s.name||t.field]=t.value;var o="function"===typeof s.url?s.url.call(this,t):s.url;return e$D(o,{crossDomain:s.crossDomain,headers:s.headers,method:s.method,params:r}).then((function(e){return Promise.resolve({message:e["message"],meta:e,valid:"".concat(e[s.validKey])==="true"})}))["catch"]((function(e){return Promise.reject({valid:false})}))}}}function e$C(){return {validate:function validate(e){if(e.value===""){return {valid:true}}var a=Object.assign({},{case:"lower"},e.options);var s=(a["case"]||"lower").toLowerCase();return {message:a.message||(e.l10n?"upper"===s?e.l10n.stringCase.upper:e.l10n.stringCase["default"]:a.message),valid:"upper"===s?e.value===e.value.toUpperCase():e.value===e.value.toLowerCase()}}}}function t$U(){var t=function t(e){var t=e.length;for(var s=e.length-1;s>=0;s--){var n=e.charCodeAt(s);if(n>127&&n<=2047){t++;}else if(n>2047&&n<=65535){t+=2;}if(n>=56320&&n<=57343){s--;}}return "".concat(t)};return {validate:function validate(s){var n=Object.assign({},{message:"",trim:false,utf8Bytes:false},s.options);var a=n.trim===true||"".concat(n.trim)==="true"?s.value.trim():s.value;if(a===""){return {valid:true}}var r=n.min?"".concat(n.min):"";var l=n.max?"".concat(n.max):"";var i=n.utf8Bytes?t(a):a.length;var g=true;var m=s.l10n?n.message||s.l10n.stringLength["default"]:n.message;if(r&&i<parseInt(r,10)||l&&i>parseInt(l,10)){g=false;}switch(true){case!!r&&!!l:m=r$d(s.l10n?n.message||s.l10n.stringLength.between:n.message,[r,l]);break;case!!r:m=r$d(s.l10n?n.message||s.l10n.stringLength.more:n.message,"".concat(parseInt(r,10)));break;case!!l:m=r$d(s.l10n?n.message||s.l10n.stringLength.less:n.message,"".concat(parseInt(l,10)));break}return {message:m,valid:g}}}}function t$T(){var t={allowEmptyProtocol:false,allowLocal:false,protocol:"http, https, ftp"};return {validate:function validate(o){if(o.value===""){return {valid:true}}var a=Object.assign({},t,o.options);var l=a.allowLocal===true||"".concat(a.allowLocal)==="true";var f=a.allowEmptyProtocol===true||"".concat(a.allowEmptyProtocol)==="true";var u=a.protocol.split(",").join("|").replace(/\s/g,"");var e=new RegExp("^"+"(?:(?:"+u+")://)"+(f?"?":"")+"(?:\\S+(?::\\S*)?@)?"+"(?:"+(l?"":"(?!(?:10|127)(?:\\.\\d{1,3}){3})"+"(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})"+"(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})")+"(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])"+"(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}"+"(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))"+"|"+"(?:(?:[a-z\\u00a1-\\uffff0-9]-?)*[a-z\\u00a1-\\uffff0-9]+)"+"(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-?)*[a-z\\u00a1-\\uffff0-9])*"+"(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))"+(l?"?":"")+")"+"(?::\\d{2,5})?"+"(?:/[^\\s]*)?$","i");return {valid:e.test(o.value)}}}}function a$3(){return {validate:function validate(a){return {valid:a.value===""||/^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})$/.test(a.value)}}}}function a$2(){return {validate:function validate(a){return {valid:a.value===""||/^[a-zA-Z]{6}[a-zA-Z0-9]{2}([a-zA-Z0-9]{3})?$/.test(a.value)}}}}function e$B(){var e=["hex","rgb","rgba","hsl","hsla","keyword"];var a=["aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkgrey","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkslategrey","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dimgrey","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","green","greenyellow","grey","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgray","lightgreen","lightgrey","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightslategrey","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","slategrey","snow","springgreen","steelblue","tan","teal","thistle","tomato","transparent","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen"];var r=function r(e){return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(e)};var l=function l(e){return /^hsl\((\s*(-?\d+)\s*,)(\s*(\b(0?\d{1,2}|100)\b%)\s*,)(\s*(\b(0?\d{1,2}|100)\b%)\s*)\)$/.test(e)};var s=function s(e){return /^hsla\((\s*(-?\d+)\s*,)(\s*(\b(0?\d{1,2}|100)\b%)\s*,){2}(\s*(0?(\.\d+)?|1(\.0+)?)\s*)\)$/.test(e)};var t=function t(e){return a.indexOf(e)>=0};var i=function i(e){return /^rgb\((\s*(\b([01]?\d{1,2}|2[0-4]\d|25[0-5])\b)\s*,){2}(\s*(\b([01]?\d{1,2}|2[0-4]\d|25[0-5])\b)\s*)\)$/.test(e)||/^rgb\((\s*(\b(0?\d{1,2}|100)\b%)\s*,){2}(\s*(\b(0?\d{1,2}|100)\b%)\s*)\)$/.test(e)};var o=function o(e){return /^rgba\((\s*(\b([01]?\d{1,2}|2[0-4]\d|25[0-5])\b)\s*,){3}(\s*(0?(\.\d+)?|1(\.0+)?)\s*)\)$/.test(e)||/^rgba\((\s*(\b(0?\d{1,2}|100)\b%)\s*,){3}(\s*(0?(\.\d+)?|1(\.0+)?)\s*)\)$/.test(e)};return {validate:function validate(a){if(a.value===""){return {valid:true}}var n=typeof a.options.type==="string"?a.options.type.toString().replace(/s/g,"").split(","):a.options.type||e;var _iterator=_createForOfIteratorHelper(n),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var d=_step.value;var _n=d.toLowerCase();if(e.indexOf(_n)===-1){continue}var g=true;switch(_n){case"hex":g=r(a.value);break;case"hsl":g=l(a.value);break;case"hsla":g=s(a.value);break;case"keyword":g=t(a.value);break;case"rgb":g=i(a.value);break;case"rgba":g=o(a.value);break}if(g){return {valid:true}}}}catch(err){_iterator.e(err);}finally{_iterator.f();}return {valid:false}}}}function t$S(){return {validate:function validate(t){if(t.value===""){return {valid:true}}var e=t.value.toUpperCase();if(!/^[0123456789ABCDEFGHJKLMNPQRSTUVWXYZ*@#]{9}$/.test(e)){return {valid:false}}var r=e.split("");var a=r.pop();var n=r.map((function(t){var e=t.charCodeAt(0);switch(true){case t==="*":return 36;case t==="@":return 37;case t==="#":return 38;case e>="A".charCodeAt(0)&&e<="Z".charCodeAt(0):return e-"A".charCodeAt(0)+10;default:return parseInt(t,10)}}));var c=n.map((function(t,e){var r=e%2===0?t:2*t;return Math.floor(r/10)+r%10})).reduce((function(t,e){return t+e}),0);var o=(10-c%10)%10;return {valid:a==="".concat(o)}}}}function e$A(){return {validate:function validate(e){if(e.value===""){return {valid:true}}if(!/^(\d{8}|\d{12}|\d{13}|\d{14})$/.test(e.value)){return {valid:false}}var t=e.value.length;var a=0;var l=t===8?[3,1]:[1,3];for(var r=0;r<t-1;r++){a+=parseInt(e.value.charAt(r),10)*l[r%2];}a=(10-a%10)%10;return {valid:"".concat(a)===e.value.charAt(t-1)}}}}function e$z(){var e={ANDOVER:["10","12"],ATLANTA:["60","67"],AUSTIN:["50","53"],BROOKHAVEN:["01","02","03","04","05","06","11","13","14","16","21","22","23","25","34","51","52","54","55","56","57","58","59","65"],CINCINNATI:["30","32","35","36","37","38","61"],FRESNO:["15","24"],INTERNET:["20","26","27","45","46","47"],KANSAS_CITY:["40","44"],MEMPHIS:["94","95"],OGDEN:["80","90"],PHILADELPHIA:["33","39","41","42","43","48","62","63","64","66","68","71","72","73","74","75","76","77","81","82","83","84","85","86","87","88","91","92","93","98","99"],SMALL_BUSINESS_ADMINISTRATION:["31"]};return {validate:function validate(t){if(t.value===""){return {meta:null,valid:true}}if(!/^[0-9]{2}-?[0-9]{7}$/.test(t.value)){return {meta:null,valid:false}}var a="".concat(t.value.substr(0,2));for(var _t in e){if(e[_t].indexOf(a)!==-1){return {meta:{campus:_t},valid:true}}}return {meta:null,valid:false}}}}function r$b(){return {validate:function validate(r){if(r.value===""){return {valid:true}}var t=r.value.toUpperCase();if(!/^[GRID:]*([0-9A-Z]{2})[-\s]*([0-9A-Z]{5})[-\s]*([0-9A-Z]{10})[-\s]*([0-9A-Z]{1})$/g.test(t)){return {valid:false}}t=t.replace(/\s/g,"").replace(/-/g,"");if("GRID:"===t.substr(0,5)){t=t.substr(5);}return {valid:t$12(t)}}}}function e$y(){return {validate:function validate(e){return {valid:e.value===""||/^[0-9a-fA-F]+$/.test(e.value)}}}}function Z(){var Z={AD:"AD[0-9]{2}[0-9]{4}[0-9]{4}[A-Z0-9]{12}",AE:"AE[0-9]{2}[0-9]{3}[0-9]{16}",AL:"AL[0-9]{2}[0-9]{8}[A-Z0-9]{16}",AO:"AO[0-9]{2}[0-9]{21}",AT:"AT[0-9]{2}[0-9]{5}[0-9]{11}",AZ:"AZ[0-9]{2}[A-Z]{4}[A-Z0-9]{20}",BA:"BA[0-9]{2}[0-9]{3}[0-9]{3}[0-9]{8}[0-9]{2}",BE:"BE[0-9]{2}[0-9]{3}[0-9]{7}[0-9]{2}",BF:"BF[0-9]{2}[0-9]{23}",BG:"BG[0-9]{2}[A-Z]{4}[0-9]{4}[0-9]{2}[A-Z0-9]{8}",BH:"BH[0-9]{2}[A-Z]{4}[A-Z0-9]{14}",BI:"BI[0-9]{2}[0-9]{12}",BJ:"BJ[0-9]{2}[A-Z]{1}[0-9]{23}",BR:"BR[0-9]{2}[0-9]{8}[0-9]{5}[0-9]{10}[A-Z][A-Z0-9]",CH:"CH[0-9]{2}[0-9]{5}[A-Z0-9]{12}",CI:"CI[0-9]{2}[A-Z]{1}[0-9]{23}",CM:"CM[0-9]{2}[0-9]{23}",CR:"CR[0-9]{2}[0-9][0-9]{3}[0-9]{14}",CV:"CV[0-9]{2}[0-9]{21}",CY:"CY[0-9]{2}[0-9]{3}[0-9]{5}[A-Z0-9]{16}",CZ:"CZ[0-9]{2}[0-9]{20}",DE:"DE[0-9]{2}[0-9]{8}[0-9]{10}",DK:"DK[0-9]{2}[0-9]{14}",DO:"DO[0-9]{2}[A-Z0-9]{4}[0-9]{20}",DZ:"DZ[0-9]{2}[0-9]{20}",EE:"EE[0-9]{2}[0-9]{2}[0-9]{2}[0-9]{11}[0-9]{1}",ES:"ES[0-9]{2}[0-9]{4}[0-9]{4}[0-9]{1}[0-9]{1}[0-9]{10}",FI:"FI[0-9]{2}[0-9]{6}[0-9]{7}[0-9]{1}",FO:"FO[0-9]{2}[0-9]{4}[0-9]{9}[0-9]{1}",FR:"FR[0-9]{2}[0-9]{5}[0-9]{5}[A-Z0-9]{11}[0-9]{2}",GB:"GB[0-9]{2}[A-Z]{4}[0-9]{6}[0-9]{8}",GE:"GE[0-9]{2}[A-Z]{2}[0-9]{16}",GI:"GI[0-9]{2}[A-Z]{4}[A-Z0-9]{15}",GL:"GL[0-9]{2}[0-9]{4}[0-9]{9}[0-9]{1}",GR:"GR[0-9]{2}[0-9]{3}[0-9]{4}[A-Z0-9]{16}",GT:"GT[0-9]{2}[A-Z0-9]{4}[A-Z0-9]{20}",HR:"HR[0-9]{2}[0-9]{7}[0-9]{10}",HU:"HU[0-9]{2}[0-9]{3}[0-9]{4}[0-9]{1}[0-9]{15}[0-9]{1}",IE:"IE[0-9]{2}[A-Z]{4}[0-9]{6}[0-9]{8}",IL:"IL[0-9]{2}[0-9]{3}[0-9]{3}[0-9]{13}",IR:"IR[0-9]{2}[0-9]{22}",IS:"IS[0-9]{2}[0-9]{4}[0-9]{2}[0-9]{6}[0-9]{10}",IT:"IT[0-9]{2}[A-Z]{1}[0-9]{5}[0-9]{5}[A-Z0-9]{12}",JO:"JO[0-9]{2}[A-Z]{4}[0-9]{4}[0]{8}[A-Z0-9]{10}",KW:"KW[0-9]{2}[A-Z]{4}[0-9]{22}",KZ:"KZ[0-9]{2}[0-9]{3}[A-Z0-9]{13}",LB:"LB[0-9]{2}[0-9]{4}[A-Z0-9]{20}",LI:"LI[0-9]{2}[0-9]{5}[A-Z0-9]{12}",LT:"LT[0-9]{2}[0-9]{5}[0-9]{11}",LU:"LU[0-9]{2}[0-9]{3}[A-Z0-9]{13}",LV:"LV[0-9]{2}[A-Z]{4}[A-Z0-9]{13}",MC:"MC[0-9]{2}[0-9]{5}[0-9]{5}[A-Z0-9]{11}[0-9]{2}",MD:"MD[0-9]{2}[A-Z0-9]{20}",ME:"ME[0-9]{2}[0-9]{3}[0-9]{13}[0-9]{2}",MG:"MG[0-9]{2}[0-9]{23}",MK:"MK[0-9]{2}[0-9]{3}[A-Z0-9]{10}[0-9]{2}",ML:"ML[0-9]{2}[A-Z]{1}[0-9]{23}",MR:"MR13[0-9]{5}[0-9]{5}[0-9]{11}[0-9]{2}",MT:"MT[0-9]{2}[A-Z]{4}[0-9]{5}[A-Z0-9]{18}",MU:"MU[0-9]{2}[A-Z]{4}[0-9]{2}[0-9]{2}[0-9]{12}[0-9]{3}[A-Z]{3}",MZ:"MZ[0-9]{2}[0-9]{21}",NL:"NL[0-9]{2}[A-Z]{4}[0-9]{10}",NO:"NO[0-9]{2}[0-9]{4}[0-9]{6}[0-9]{1}",PK:"PK[0-9]{2}[A-Z]{4}[A-Z0-9]{16}",PL:"PL[0-9]{2}[0-9]{8}[0-9]{16}",PS:"PS[0-9]{2}[A-Z]{4}[A-Z0-9]{21}",PT:"PT[0-9]{2}[0-9]{4}[0-9]{4}[0-9]{11}[0-9]{2}",QA:"QA[0-9]{2}[A-Z]{4}[A-Z0-9]{21}",RO:"RO[0-9]{2}[A-Z]{4}[A-Z0-9]{16}",RS:"RS[0-9]{2}[0-9]{3}[0-9]{13}[0-9]{2}",SA:"SA[0-9]{2}[0-9]{2}[A-Z0-9]{18}",SE:"SE[0-9]{2}[0-9]{3}[0-9]{16}[0-9]{1}",SI:"SI[0-9]{2}[0-9]{5}[0-9]{8}[0-9]{2}",SK:"SK[0-9]{2}[0-9]{4}[0-9]{6}[0-9]{10}",SM:"SM[0-9]{2}[A-Z]{1}[0-9]{5}[0-9]{5}[A-Z0-9]{12}",SN:"SN[0-9]{2}[A-Z]{1}[0-9]{23}",TL:"TL38[0-9]{3}[0-9]{14}[0-9]{2}",TN:"TN59[0-9]{2}[0-9]{3}[0-9]{13}[0-9]{2}",TR:"TR[0-9]{2}[0-9]{5}[A-Z0-9]{1}[A-Z0-9]{16}",VG:"VG[0-9]{2}[A-Z]{4}[0-9]{16}",XK:"XK[0-9]{2}[0-9]{4}[0-9]{10}[0-9]{2}"};var e=["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GI","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MC","MT","NL","NO","PL","PT","RO","SE","SI","SK","SM"];return {validate:function validate(s){if(s.value===""){return {valid:true}}var t=Object.assign({},{message:""},s.options);var a=s.value.replace(/[^a-zA-Z0-9]/g,"").toUpperCase();var r=t.country||a.substr(0,2);if(!Z[r]){return {message:t.message,valid:false}}if(t.sepa!==undefined){var _A=e.indexOf(r)!==-1;if((t.sepa==="true"||t.sepa===true)&&!_A||(t.sepa==="false"||t.sepa===false)&&_A){return {message:t.message,valid:false}}}var n=r$d(s.l10n?t.message||s.l10n.iban.country:t.message,s.l10n?s.l10n.iban.countries[r]:r);if(!new RegExp("^".concat(Z[r],"$")).test(s.value)){return {message:n,valid:false}}a="".concat(a.substr(4)).concat(a.substr(0,4));a=a.split("").map((function(A){var Z=A.charCodeAt(0);return Z>="A".charCodeAt(0)&&Z<="Z".charCodeAt(0)?Z-"A".charCodeAt(0)+10:A})).join("");var I=parseInt(a.substr(0,1),10);var L=a.length;for(var _A2=1;_A2<L;++_A2){I=(I*10+parseInt(a.substr(_A2,1),10))%97;}return {message:n,valid:I===1}}}}function t$R(t){var e=t.replace(/\./g,"");return {meta:{},valid:/^\d{7,8}$/.test(e)}}function t$Q(t,r){if(!/^\d{13}$/.test(t)){return false}var e=parseInt(t.substr(0,2),10);var s=parseInt(t.substr(2,2),10);var n=parseInt(t.substr(7,2),10);var a=parseInt(t.substr(12,1),10);if(e>31||s>12){return false}var u=0;for(var _r=0;_r<6;_r++){u+=(7-_r)*(parseInt(t.charAt(_r),10)+parseInt(t.charAt(_r+6),10));}u=11-u%11;if(u===10||u===11){u=0;}if(u!==a){return false}switch(r.toUpperCase()){case"BA":return 10<=n&&n<=19;case"MK":return 41<=n&&n<=49;case"ME":return 20<=n&&n<=29;case"RS":return 70<=n&&n<=99;case"SI":return 50<=n&&n<=59;default:return true}}function r$a(r){return {meta:{},valid:t$Q(r,"BA")}}function e$x(e){if(!/^\d{10}$/.test(e)&&!/^\d{6}\s\d{3}\s\d{1}$/.test(e)){return {meta:{},valid:false}}var s=e.replace(/\s/g,"");var r=parseInt(s.substr(0,2),10)+1900;var a=parseInt(s.substr(2,2),10);var l=parseInt(s.substr(4,2),10);if(a>40){r+=100;a-=40;}else if(a>20){r-=100;a-=20;}if(!t$X(r,a,l)){return {meta:{},valid:false}}var i=0;var n=[2,4,8,5,10,9,7,3,6];for(var _t=0;_t<9;_t++){i+=parseInt(s.charAt(_t),10)*n[_t];}i=i%11%10;return {meta:{},valid:"".concat(i)===s.substr(9,1)}}function t$P(t){var e=t.replace(/\D/g,"");if(!/^\d{11}$/.test(e)||/^1{11}|2{11}|3{11}|4{11}|5{11}|6{11}|7{11}|8{11}|9{11}|0{11}$/.test(e)){return {meta:{},valid:false}}var a=0;var r;for(r=0;r<9;r++){a+=(10-r)*parseInt(e.charAt(r),10);}a=11-a%11;if(a===10||a===11){a=0;}if("".concat(a)!==e.charAt(9)){return {meta:{},valid:false}}var f=0;for(r=0;r<10;r++){f+=(11-r)*parseInt(e.charAt(r),10);}f=11-f%11;if(f===10||f===11){f=0;}return {meta:{},valid:"".concat(f)===e.charAt(10)}}function t$O(t){if(!/^756[.]{0,1}[0-9]{4}[.]{0,1}[0-9]{4}[.]{0,1}[0-9]{2}$/.test(t)){return {meta:{},valid:false}}var e=t.replace(/\D/g,"").substr(3);var r=e.length;var a=r===8?[3,1]:[1,3];var n=0;for(var _t=0;_t<r-1;_t++){n+=parseInt(e.charAt(_t),10)*a[_t%2];}n=10-n%10;return {meta:{},valid:"".concat(n)===e.charAt(r-1)}}function e$w(e){if(!/^\d{7,8}[-]{0,1}[0-9K]$/i.test(e)){return {meta:{},valid:false}}var t=e.replace(/-/g,"");while(t.length<9){t="0".concat(t);}var l=[3,2,7,6,5,4,3,2];var a=0;for(var _e=0;_e<8;_e++){a+=parseInt(t.charAt(_e),10)*l[_e];}a=11-a%11;var r="".concat(a);if(a===11){r="0";}else if(a===10){r="K";}return {meta:{},valid:r===t.charAt(8).toUpperCase()}}function r$9(r){var s=r.trim();if(!/^\d{15}$/.test(s)&&!/^\d{17}[\dXx]{1}$/.test(s)){return {meta:{},valid:false}}var e={11:{0:[0],1:[[0,9],[11,17]],2:[0,28,29]},12:{0:[0],1:[[0,16]],2:[0,21,23,25]},13:{0:[0],1:[[0,5],7,8,21,[23,33],[81,85]],2:[[0,5],[7,9],[23,25],27,29,30,81,83],3:[[0,4],[21,24]],4:[[0,4],6,21,[23,35],81],5:[[0,3],[21,35],81,82],6:[[0,4],[21,38],[81,84]],7:[[0,3],5,6,[21,33]],8:[[0,4],[21,28]],9:[[0,3],[21,30],[81,84]],10:[[0,3],[22,26],28,81,82],11:[[0,2],[21,28],81,82]},14:{0:[0],1:[0,1,[5,10],[21,23],81],2:[[0,3],11,12,[21,27]],3:[[0,3],11,21,22],4:[[0,2],11,21,[23,31],81],5:[[0,2],21,22,24,25,81],6:[[0,3],[21,24]],7:[[0,2],[21,29],81],8:[[0,2],[21,30],81,82],9:[[0,2],[21,32],81],10:[[0,2],[21,34],81,82],11:[[0,2],[21,30],81,82],23:[[0,3],22,23,[25,30],32,33]},15:{0:[0],1:[[0,5],[21,25]],2:[[0,7],[21,23]],3:[[0,4]],4:[[0,4],[21,26],[28,30]],5:[[0,2],[21,26],81],6:[[0,2],[21,27]],7:[[0,3],[21,27],[81,85]],8:[[0,2],[21,26]],9:[[0,2],[21,29],81],22:[[0,2],[21,24]],25:[[0,2],[22,31]],26:[[0,2],[24,27],[29,32],34],28:[0,1,[22,27]],29:[0,[21,23]]},21:{0:[0],1:[[0,6],[11,14],[22,24],81],2:[[0,4],[11,13],24,[81,83]],3:[[0,4],11,21,23,81],4:[[0,4],11,[21,23]],5:[[0,5],21,22],6:[[0,4],24,81,82],7:[[0,3],11,26,27,81,82],8:[[0,4],11,81,82],9:[[0,5],11,21,22],10:[[0,5],11,21,81],11:[[0,3],21,22],12:[[0,2],4,21,23,24,81,82],13:[[0,3],21,22,24,81,82],14:[[0,4],21,22,81]},22:{0:[0],1:[[0,6],12,22,[81,83]],2:[[0,4],11,21,[81,84]],3:[[0,3],22,23,81,82],4:[[0,3],21,22],5:[[0,3],21,23,24,81,82],6:[[0,2],4,5,[21,23],25,81],7:[[0,2],[21,24],81],8:[[0,2],21,22,81,82],24:[[0,6],24,26]},23:{0:[0],1:[[0,12],21,[23,29],[81,84]],2:[[0,8],21,[23,25],27,[29,31],81],3:[[0,7],21,81,82],4:[[0,7],21,22],5:[[0,3],5,6,[21,24]],6:[[0,6],[21,24]],7:[[0,16],22,81],8:[[0,5],11,22,26,28,33,81,82],9:[[0,4],21],10:[[0,5],24,25,81,[83,85]],11:[[0,2],21,23,24,81,82],12:[[0,2],[21,26],[81,83]],27:[[0,4],[21,23]]},31:{0:[0],1:[0,1,[3,10],[12,20]],2:[0,30]},32:{0:[0],1:[[0,7],11,[13,18],24,25],2:[[0,6],11,81,82],3:[[0,5],11,12,[21,24],81,82],4:[[0,2],4,5,11,12,81,82],5:[[0,9],[81,85]],6:[[0,2],11,12,21,23,[81,84]],7:[0,1,3,5,6,[21,24]],8:[[0,4],11,26,[29,31]],9:[[0,3],[21,25],28,81,82],10:[[0,3],11,12,23,81,84,88],11:[[0,2],11,12,[81,83]],12:[[0,4],[81,84]],13:[[0,2],11,[21,24]]},33:{0:[0],1:[[0,6],[8,10],22,27,82,83,85],2:[0,1,[3,6],11,12,25,26,[81,83]],3:[[0,4],22,24,[26,29],81,82],4:[[0,2],11,21,24,[81,83]],5:[[0,3],[21,23]],6:[[0,2],21,24,[81,83]],7:[[0,3],23,26,27,[81,84]],8:[[0,3],22,24,25,81],9:[[0,3],21,22],10:[[0,4],[21,24],81,82],11:[[0,2],[21,27],81]},34:{0:[0],1:[[0,4],11,[21,24],81],2:[[0,4],7,8,[21,23],25],3:[[0,4],11,[21,23]],4:[[0,6],21],5:[[0,4],6,[21,23]],6:[[0,4],21],7:[[0,3],11,21],8:[[0,3],11,[22,28],81],10:[[0,4],[21,24]],11:[[0,3],22,[24,26],81,82],12:[[0,4],21,22,25,26,82],13:[[0,2],[21,24]],14:[[0,2],[21,24]],15:[[0,3],[21,25]],16:[[0,2],[21,23]],17:[[0,2],[21,23]],18:[[0,2],[21,25],81]},35:{0:[0],1:[[0,5],11,[21,25],28,81,82],2:[[0,6],[11,13]],3:[[0,5],22],4:[[0,3],21,[23,30],81],5:[[0,5],21,[24,27],[81,83]],6:[[0,3],[22,29],81],7:[[0,2],[21,25],[81,84]],8:[[0,2],[21,25],81],9:[[0,2],[21,26],81,82]},36:{0:[0],1:[[0,5],11,[21,24]],2:[[0,3],22,81],3:[[0,2],13,[21,23]],4:[[0,3],21,[23,30],81,82],5:[[0,2],21],6:[[0,2],22,81],7:[[0,2],[21,35],81,82],8:[[0,3],[21,30],81],9:[[0,2],[21,26],[81,83]],10:[[0,2],[21,30]],11:[[0,2],[21,30],81]},37:{0:[0],1:[[0,5],12,13,[24,26],81],2:[[0,3],5,[11,14],[81,85]],3:[[0,6],[21,23]],4:[[0,6],81],5:[[0,3],[21,23]],6:[[0,2],[11,13],34,[81,87]],7:[[0,5],24,25,[81,86]],8:[[0,2],11,[26,32],[81,83]],9:[[0,3],11,21,23,82,83],10:[[0,2],[81,83]],11:[[0,3],21,22],12:[[0,3]],13:[[0,2],11,12,[21,29]],14:[[0,2],[21,28],81,82],15:[[0,2],[21,26],81],16:[[0,2],[21,26]],17:[[0,2],[21,28]]},41:{0:[0],1:[[0,6],8,22,[81,85]],2:[[0,5],11,[21,25]],3:[[0,7],11,[22,29],81],4:[[0,4],11,[21,23],25,81,82],5:[[0,3],5,6,22,23,26,27,81],6:[[0,3],11,21,22],7:[[0,4],11,21,[24,28],81,82],8:[[0,4],11,[21,23],25,[81,83]],9:[[0,2],22,23,[26,28]],10:[[0,2],[23,25],81,82],11:[[0,4],[21,23]],12:[[0,2],21,22,24,81,82],13:[[0,3],[21,30],81],14:[[0,3],[21,26],81],15:[[0,3],[21,28]],16:[[0,2],[21,28],81],17:[[0,2],[21,29]],90:[0,1]},42:{0:[0],1:[[0,7],[11,17]],2:[[0,5],22,81],3:[[0,3],[21,25],81],5:[[0,6],[25,29],[81,83]],6:[[0,2],6,7,[24,26],[82,84]],7:[[0,4]],8:[[0,2],4,21,22,81],9:[[0,2],[21,23],81,82,84],10:[[0,3],[22,24],81,83,87],11:[[0,2],[21,27],81,82],12:[[0,2],[21,24],81],13:[[0,3],21,81],28:[[0,2],22,23,[25,28]],90:[0,[4,6],21]},43:{0:[0],1:[[0,5],11,12,21,22,24,81],2:[[0,4],11,21,[23,25],81],3:[[0,2],4,21,81,82],4:[0,1,[5,8],12,[21,24],26,81,82],5:[[0,3],11,[21,25],[27,29],81],6:[[0,3],11,21,23,24,26,81,82],7:[[0,3],[21,26],81],8:[[0,2],11,21,22],9:[[0,3],[21,23],81],10:[[0,3],[21,28],81],11:[[0,3],[21,29]],12:[[0,2],[21,30],81],13:[[0,2],21,22,81,82],31:[0,1,[22,27],30]},44:{0:[0],1:[[0,7],[11,16],83,84],2:[[0,5],21,22,24,29,32,33,81,82],3:[0,1,[3,8]],4:[[0,4]],5:[0,1,[6,15],23,82,83],6:[0,1,[4,8]],7:[0,1,[3,5],81,[83,85]],8:[[0,4],11,23,25,[81,83]],9:[[0,3],23,[81,83]],12:[[0,3],[23,26],83,84],13:[[0,3],[22,24],81],14:[[0,2],[21,24],26,27,81],15:[[0,2],21,23,81],16:[[0,2],[21,25]],17:[[0,2],21,23,81],18:[[0,3],21,23,[25,27],81,82],19:[0],20:[0],51:[[0,3],21,22],52:[[0,3],21,22,24,81],53:[[0,2],[21,23],81]},45:{0:[0],1:[[0,9],[21,27]],2:[[0,5],[21,26]],3:[[0,5],11,12,[21,32]],4:[0,1,[3,6],11,[21,23],81],5:[[0,3],12,21],6:[[0,3],21,81],7:[[0,3],21,22],8:[[0,4],21,81],9:[[0,3],[21,24],81],10:[[0,2],[21,31]],11:[[0,2],[21,23]],12:[[0,2],[21,29],81],13:[[0,2],[21,24],81],14:[[0,2],[21,25],81]},46:{0:[0],1:[0,1,[5,8]],2:[0,1],3:[0,[21,23]],90:[[0,3],[5,7],[21,39]]},50:{0:[0],1:[[0,19]],2:[0,[22,38],[40,43]],3:[0,[81,84]]},51:{0:[0],1:[0,1,[4,8],[12,15],[21,24],29,31,32,[81,84]],3:[[0,4],11,21,22],4:[[0,3],11,21,22],5:[[0,4],21,22,24,25],6:[0,1,3,23,26,[81,83]],7:[0,1,3,4,[22,27],81],8:[[0,2],11,12,[21,24]],9:[[0,4],[21,23]],10:[[0,2],11,24,25,28],11:[[0,2],[11,13],23,24,26,29,32,33,81],13:[[0,4],[21,25],81],14:[[0,2],[21,25]],15:[[0,3],[21,29]],16:[[0,3],[21,23],81],17:[[0,3],[21,25],81],18:[[0,3],[21,27]],19:[[0,3],[21,23]],20:[[0,2],21,22,81],32:[0,[21,33]],33:[0,[21,38]],34:[0,1,[22,37]]},52:{0:[0],1:[[0,3],[11,15],[21,23],81],2:[0,1,3,21,22],3:[[0,3],[21,30],81,82],4:[[0,2],[21,25]],5:[[0,2],[21,27]],6:[[0,3],[21,28]],22:[0,1,[22,30]],23:[0,1,[22,28]],24:[0,1,[22,28]],26:[0,1,[22,36]],27:[[0,2],22,23,[25,32]]},53:{0:[0],1:[[0,3],[11,14],21,22,[24,29],81],3:[[0,2],[21,26],28,81],4:[[0,2],[21,28]],5:[[0,2],[21,24]],6:[[0,2],[21,30]],7:[[0,2],[21,24]],8:[[0,2],[21,29]],9:[[0,2],[21,27]],23:[0,1,[22,29],31],25:[[0,4],[22,32]],26:[0,1,[21,28]],27:[0,1,[22,30]],28:[0,1,22,23],29:[0,1,[22,32]],31:[0,2,3,[22,24]],34:[0,[21,23]],33:[0,21,[23,25]],35:[0,[21,28]]},54:{0:[0],1:[[0,2],[21,27]],21:[0,[21,29],32,33],22:[0,[21,29],[31,33]],23:[0,1,[22,38]],24:[0,[21,31]],25:[0,[21,27]],26:[0,[21,27]]},61:{0:[0],1:[[0,4],[11,16],22,[24,26]],2:[[0,4],22],3:[[0,4],[21,24],[26,31]],4:[[0,4],[22,31],81],5:[[0,2],[21,28],81,82],6:[[0,2],[21,32]],7:[[0,2],[21,30]],8:[[0,2],[21,31]],9:[[0,2],[21,29]],10:[[0,2],[21,26]]},62:{0:[0],1:[[0,5],11,[21,23]],2:[0,1],3:[[0,2],21],4:[[0,3],[21,23]],5:[[0,3],[21,25]],6:[[0,2],[21,23]],7:[[0,2],[21,25]],8:[[0,2],[21,26]],9:[[0,2],[21,24],81,82],10:[[0,2],[21,27]],11:[[0,2],[21,26]],12:[[0,2],[21,28]],24:[0,21,[24,29]],26:[0,21,[23,30]],29:[0,1,[21,27]],30:[0,1,[21,27]]},63:{0:[0],1:[[0,5],[21,23]],2:[0,2,[21,25]],21:[0,[21,23],[26,28]],22:[0,[21,24]],23:[0,[21,24]],25:[0,[21,25]],26:[0,[21,26]],27:[0,1,[21,26]],28:[[0,2],[21,23]]},64:{0:[0],1:[0,1,[4,6],21,22,81],2:[[0,3],5,[21,23]],3:[[0,3],[21,24],81],4:[[0,2],[21,25]],5:[[0,2],21,22]},65:{0:[0],1:[[0,9],21],2:[[0,5]],21:[0,1,22,23],22:[0,1,22,23],23:[[0,3],[23,25],27,28],28:[0,1,[22,29]],29:[0,1,[22,29]],30:[0,1,[22,24]],31:[0,1,[21,31]],32:[0,1,[21,27]],40:[0,2,3,[21,28]],42:[[0,2],21,[23,26]],43:[0,1,[21,26]],90:[[0,4]],27:[[0,2],22,23]},71:{0:[0]},81:{0:[0]},82:{0:[0]}};var a=parseInt(s.substr(0,2),10);var n=parseInt(s.substr(2,2),10);var l=parseInt(s.substr(4,2),10);if(!e[a]||!e[a][n]){return {meta:{},valid:false}}var i=false;var u=e[a][n];var o;for(o=0;o<u.length;o++){if(Array.isArray(u[o])&&u[o][0]<=l&&l<=u[o][1]||!Array.isArray(u[o])&&l===u[o]){i=true;break}}if(!i){return {meta:{},valid:false}}var f;if(s.length===18){f=s.substr(6,8);}else {f="19".concat(s.substr(6,6));}var c=parseInt(f.substr(0,4),10);var p=parseInt(f.substr(4,2),10);var d=parseInt(f.substr(6,2),10);if(!t$X(c,p,d)){return {meta:{},valid:false}}if(s.length===18){var _t=[7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];var _r=0;for(o=0;o<17;o++){_r+=parseInt(s.charAt(o),10)*_t[o];}_r=(12-_r%11)%11;var _e=s.charAt(17).toUpperCase()!=="X"?parseInt(s.charAt(17),10):10;return {meta:{},valid:_e===_r}}return {meta:{},valid:true}}function t$N(t){var e=t.replace(/\./g,"").replace("-","");if(!/^\d{8,16}$/.test(e)){return {meta:{},valid:false}}var r=e.length;var a=[3,7,13,17,19,23,29,37,41,43,47,53,59,67,71];var l=0;for(var _t=r-2;_t>=0;_t--){l+=parseInt(e.charAt(_t),10)*a[_t];}l=l%11;if(l>=2){l=11-l;}return {meta:{},valid:"".concat(l)===e.substr(r-1)}}function e$v(e){if(!/^\d{9,10}$/.test(e)){return {meta:{},valid:false}}var r=1900+parseInt(e.substr(0,2),10);var s=parseInt(e.substr(2,2),10)%50%20;var a=parseInt(e.substr(4,2),10);if(e.length===9){if(r>=1980){r-=100;}if(r>1953){return {meta:{},valid:false}}}else if(r<1954){r+=100;}if(!t$X(r,s,a)){return {meta:{},valid:false}}if(e.length===10){var _t=parseInt(e.substr(0,9),10)%11;if(r<1985){_t=_t%10;}return {meta:{},valid:"".concat(_t)===e.substr(9,1)}}return {meta:{},valid:true}}function e$u(e){if(!/^[0-9]{6}[-]{0,1}[0-9]{4}$/.test(e)){return {meta:{},valid:false}}var a=e.replace(/-/g,"");var r=parseInt(a.substr(0,2),10);var s=parseInt(a.substr(2,2),10);var n=parseInt(a.substr(4,2),10);switch(true){case"5678".indexOf(a.charAt(6))!==-1&&n>=58:n+=1800;break;case"0123".indexOf(a.charAt(6))!==-1:case"49".indexOf(a.charAt(6))!==-1&&n>=37:n+=1900;break;default:n+=2e3;break}return {meta:{},valid:t$X(n,s,r)}}function t$M(t){var e=/^[0-9]{8}[-]{0,1}[A-HJ-NP-TV-Z]$/.test(t);var s=/^[XYZ][-]{0,1}[0-9]{7}[-]{0,1}[A-HJ-NP-TV-Z]$/.test(t);var n=/^[A-HNPQS][-]{0,1}[0-9]{7}[-]{0,1}[0-9A-J]$/.test(t);if(!e&&!s&&!n){return {meta:{},valid:false}}var r=t.replace(/-/g,"");var l;var a;var f=true;if(e||s){a="DNI";var _t="XYZ".indexOf(r.charAt(0));if(_t!==-1){r=_t+r.substr(1)+"";a="NIE";}l=parseInt(r.substr(0,8),10);l="TRWAGMYFPDXBNJZSQVHLCKE"[l%23];return {meta:{type:a},valid:l===r.substr(8,1)}}else {l=r.substr(1,7);a="CIF";var _t2=r[0];var _e=r.substr(-1);var _s=0;for(var _t3=0;_t3<l.length;_t3++){if(_t3%2!==0){_s+=parseInt(l[_t3],10);}else {var _e2=""+parseInt(l[_t3],10)*2;_s+=parseInt(_e2[0],10);if(_e2.length===2){_s+=parseInt(_e2[1],10);}}}var _n=_s-Math.floor(_s/10)*10;if(_n!==0){_n=10-_n;}if("KQS".indexOf(_t2)!==-1){f=_e==="JABCDEFGHI"[_n];}else if("ABEH".indexOf(_t2)!==-1){f=_e===""+_n;}else {f=_e===""+_n||_e==="JABCDEFGHI"[_n];}return {meta:{type:a},valid:f}}}function s$7(s){if(!/^[0-9]{6}[-+A][0-9]{3}[0-9ABCDEFHJKLMNPRSTUVWXY]$/.test(s)){return {meta:{},valid:false}}var r=parseInt(s.substr(0,2),10);var a=parseInt(s.substr(2,2),10);var e=parseInt(s.substr(4,2),10);var n={"+":1800,"-":1900,A:2e3};e=n[s.charAt(6)]+e;if(!t$X(e,a,r)){return {meta:{},valid:false}}var u=parseInt(s.substr(7,3),10);if(u<2){return {meta:{},valid:false}}var i=parseInt(s.substr(0,6)+s.substr(7,3)+"",10);return {meta:{},valid:"0123456789ABCDEFHJKLMNPRSTUVWXY".charAt(i%31)===s.charAt(10)}}function t$L(t){var s=t.toUpperCase();if(!/^(1|2)\d{2}\d{2}(\d{2}|\d[A-Z]|\d{3})\d{2,3}\d{3}\d{2}$/.test(s)){return {meta:{},valid:false}}var e=s.substr(5,2);switch(true){case/^\d{2}$/.test(e):s=t;break;case e==="2A":s="".concat(t.substr(0,5),"19").concat(t.substr(7));break;case e==="2B":s="".concat(t.substr(0,5),"18").concat(t.substr(7));break;default:return {meta:{},valid:false}}var r=97-parseInt(s.substr(0,13),10)%97;var a=r<10?"0".concat(r):"".concat(r);return {meta:{},valid:a===s.substr(13)}}function t$K(t){var e=t.toUpperCase();if(!/^[A-MP-Z]{1,2}[0-9]{6}[0-9A]$/.test(e)){return {meta:{},valid:false}}var s="ABCDEFGHIJKLMNOPQRSTUVWXYZ";var n=e.charAt(0);var r=e.charAt(1);var a=0;var c=e;if(/^[A-Z]$/.test(r)){a+=9*(10+s.indexOf(n));a+=8*(10+s.indexOf(r));c=e.substr(2);}else {a+=9*36;a+=8*(10+s.indexOf(n));c=e.substr(1);}var o=c.length;for(var _t=0;_t<o-1;_t++){a+=(7-_t)*parseInt(c.charAt(_t),10);}var f=a%11;var l=f===0?"0":11-f===10?"A":"".concat(11-f);return {meta:{},valid:l===c.charAt(o-1)}}function o$1(o){return {meta:{},valid:/^[0-9]{11}$/.test(o)&&t$13(o)}}function e$t(e){if(!/^[2-9]\d{11}$/.test(e)){return {meta:{},valid:false}}var r=e.split("").map((function(t){return parseInt(t,10)}));return {meta:{},valid:t$11(r)}}function t$J(t){if(!/^\d{7}[A-W][AHWTX]?$/.test(t)){return {meta:{},valid:false}}var r=function r(t){var r=t;while(r.length<7){r="0".concat(r);}var e="WABCDEFGHIJKLMNOPQRSTUV";var s=0;for(var _t=0;_t<7;_t++){s+=parseInt(r.charAt(_t),10)*(8-_t);}s+=9*e.indexOf(r.substr(7));return e[s%23]};var e=t.length===9&&("A"===t.charAt(8)||"H"===t.charAt(8))?t.charAt(7)===r(t.substr(0,7)+t.substr(8)+""):t.charAt(7)===r(t.substr(0,7));return {meta:{},valid:e}}function e$s(e){if(!/^\d{1,9}$/.test(e)){return {meta:{},valid:false}}return {meta:{},valid:t$14(e)}}function e$r(e){if(!/^[0-9]{6}[-]{0,1}[0-9]{4}$/.test(e)){return {meta:{},valid:false}}var r=e.replace(/-/g,"");var s=parseInt(r.substr(0,2),10);var a=parseInt(r.substr(2,2),10);var n=parseInt(r.substr(4,2),10);var l=parseInt(r.charAt(9),10);n=l===9?1900+n:(20+l)*100+n;if(!t$X(n,a,s,true)){return {meta:{},valid:false}}var c=[3,2,7,6,5,4,3,2];var i=0;for(var _t=0;_t<8;_t++){i+=parseInt(r.charAt(_t),10)*c[_t];}i=11-i%11;return {meta:{},valid:"".concat(i)===r.charAt(8)}}function e$q(e){var a=e.replace("-","");if(!/^\d{13}$/.test(a)){return {meta:{},valid:false}}var s=a.charAt(6);var r=parseInt(a.substr(0,2),10);var c=parseInt(a.substr(2,2),10);var n=parseInt(a.substr(4,2),10);switch(s){case"1":case"2":case"5":case"6":r+=1900;break;case"3":case"4":case"7":case"8":r+=2e3;break;default:r+=1800;break}if(!t$X(r,c,n)){return {meta:{},valid:false}}var l=[2,3,4,5,6,7,8,9,2,3,4,5];var o=a.length;var i=0;for(var _t=0;_t<o-1;_t++){i+=l[_t]*parseInt(a.charAt(_t),10);}var u=(11-i%11)%10;return {meta:{},valid:"".concat(u)===a.charAt(o-1)}}function r$8(r){if(!/^[0-9]{11}$/.test(r)){return {meta:{},valid:false}}var e=parseInt(r.charAt(0),10);var a=parseInt(r.substr(1,2),10);var s=parseInt(r.substr(3,2),10);var n=parseInt(r.substr(5,2),10);var i=e%2===0?17+e/2:17+(e+1)/2;a=i*100+a;if(!t$X(a,s,n,true)){return {meta:{},valid:false}}var l=[1,2,3,4,5,6,7,8,9,1];var f=0;var u;for(u=0;u<10;u++){f+=parseInt(r.charAt(u),10)*l[u];}f=f%11;if(f!==10){return {meta:{},valid:"".concat(f)===r.charAt(10)}}f=0;l=[3,4,5,6,7,8,9,1,2,3];for(u=0;u<10;u++){f+=parseInt(r.charAt(u),10)*l[u];}f=f%11;if(f===10){f=0;}return {meta:{},valid:"".concat(f)===r.charAt(10)}}function e$p(e){if(!/^[0-9]{6}[-]{0,1}[0-9]{5}$/.test(e)){return {meta:{},valid:false}}var r=e.replace(/\D/g,"");var a=parseInt(r.substr(0,2),10);var s=parseInt(r.substr(2,2),10);var n=parseInt(r.substr(4,2),10);n=n+1800+parseInt(r.charAt(6),10)*100;if(!t$X(n,s,a,true)){return {meta:{},valid:false}}var l=0;var i=[10,5,8,4,2,1,6,3,7,9];for(var _t=0;_t<10;_t++){l+=parseInt(r.charAt(_t),10)*i[_t];}l=(l+1)%11%10;return {meta:{},valid:"".concat(l)===r.charAt(10)}}function r$7(r){return {meta:{},valid:t$Q(r,"ME")}}function r$6(r){return {meta:{},valid:t$Q(r,"MK")}}function O(O){var t=O.toUpperCase();if(!/^[A-Z]{4}\d{6}[A-Z]{6}[0-9A-Z]\d$/.test(t)){return {meta:{},valid:false}}var C=["BACA","BAKA","BUEI","BUEY","CACA","CACO","CAGA","CAGO","CAKA","CAKO","COGE","COGI","COJA","COJE","COJI","COJO","COLA","CULO","FALO","FETO","GETA","GUEI","GUEY","JETA","JOTO","KACA","KACO","KAGA","KAGO","KAKA","KAKO","KOGE","KOGI","KOJA","KOJE","KOJI","KOJO","KOLA","KULO","LILO","LOCA","LOCO","LOKA","LOKO","MAME","MAMO","MEAR","MEAS","MEON","MIAR","MION","MOCO","MOKO","MULA","MULO","NACA","NACO","PEDA","PEDO","PENE","PIPI","PITO","POPO","PUTA","PUTO","QULO","RATA","ROBA","ROBE","ROBO","RUIN","SENO","TETA","VACA","VAGA","VAGO","VAKA","VUEI","VUEY","WUEI","WUEY"];var e=t.substr(0,4);if(C.indexOf(e)>=0){return {meta:{},valid:false}}var s=parseInt(t.substr(4,2),10);var r=parseInt(t.substr(6,2),10);var a=parseInt(t.substr(6,2),10);if(/^[0-9]$/.test(t.charAt(16))){s+=1900;}else {s+=2e3;}if(!t$X(s,r,a)){return {meta:{},valid:false}}var E=t.charAt(10);if(E!=="H"&&E!=="M"){return {meta:{},valid:false}}var n=t.substr(11,2);var K=["AS","BC","BS","CC","CH","CL","CM","CS","DF","DG","GR","GT","HG","JC","MC","MN","MS","NE","NL","NT","OC","PL","QR","QT","SL","SP","SR","TC","TL","TS","VZ","YN","ZS"];if(K.indexOf(n)===-1){return {meta:{},valid:false}}var i="0123456789ABCDEFGHIJKLMN&OPQRSTUVWXYZ";var L=0;var l=t.length;for(var _A=0;_A<l-1;_A++){L+=(18-_A)*i.indexOf(t.charAt(_A));}L=(10-L%10)%10;return {meta:{},valid:"".concat(L)===t.charAt(l-1)}}function s$6(s){if(!/^\d{12}$/.test(s)){return {meta:{},valid:false}}var e=parseInt(s.substr(0,2),10);var r=parseInt(s.substr(2,2),10);var a=parseInt(s.substr(4,2),10);if(!t$X(e+1900,r,a)&&!t$X(e+2e3,r,a)){return {meta:{},valid:false}}var n=s.substr(6,2);var i=["17","18","19","20","69","70","73","80","81","94","95","96","97"];return {meta:{},valid:i.indexOf(n)===-1}}function e$o(e){if(e.length<8){return {meta:{},valid:false}}var t=e;if(t.length===8){t="0".concat(t);}if(!/^[0-9]{4}[.]{0,1}[0-9]{2}[.]{0,1}[0-9]{3}$/.test(t)){return {meta:{},valid:false}}t=t.replace(/\./g,"");if(parseInt(t,10)===0){return {meta:{},valid:false}}var a=0;var l=t.length;for(var _e=0;_e<l-1;_e++){a+=(9-_e)*parseInt(t.charAt(_e),10);}a=a%11;if(a===10){a=0;}return {meta:{},valid:"".concat(a)===t.charAt(l-1)}}function t$I(t){if(!/^\d{11}$/.test(t)){return {meta:{},valid:false}}var r=function r(t){var r=[3,7,6,1,8,9,4,5,2];var e=0;for(var n=0;n<9;n++){e+=r[n]*parseInt(t.charAt(n),10);}return 11-e%11};var e=function e(t){var r=[5,4,3,2,7,6,5,4,3,2];var e=0;for(var n=0;n<10;n++){e+=r[n]*parseInt(t.charAt(n),10);}return 11-e%11};return {meta:{},valid:"".concat(r(t))===t.substr(-2,1)&&"".concat(e(t))===t.substr(-1)}}function t$H(t){if(!/^\d{8}[0-9A-Z]*$/.test(t)){return {meta:{},valid:false}}if(t.length===8){return {meta:{},valid:true}}var e=[3,2,7,6,5,4,3,2];var r=0;for(var _a=0;_a<8;_a++){r+=e[_a]*parseInt(t.charAt(_a),10);}var a=r%11;var n=[6,5,4,3,2,1,1,0,9,8,7][a];var c="KJIHGFEDCBA".charAt(a);return {meta:{},valid:t.charAt(8)==="".concat(n)||t.charAt(8)===c}}function t$G(t){if(!/^[0-9]{11}$/.test(t)){return {meta:{},valid:false}}var e=0;var a=t.length;var r=[1,3,7,9,1,3,7,9,1,3,7];for(var n=0;n<a-1;n++){e+=r[n]*parseInt(t.charAt(n),10);}e=e%10;if(e===0){e=10;}e=10-e;return {meta:{},valid:"".concat(e)===t.charAt(a-1)}}function e$n(e){if(!/^[0-9]{13}$/.test(e)){return {meta:{},valid:false}}var a=parseInt(e.charAt(0),10);if(a===0||a===7||a===8){return {meta:{},valid:false}}var r=parseInt(e.substr(1,2),10);var s=parseInt(e.substr(3,2),10);var n=parseInt(e.substr(5,2),10);var i={1:1900,2:1900,3:1800,4:1800,5:2e3,6:2e3};if(n>31&&s>12){return {meta:{},valid:false}}if(a!==9){r=i[a+""]+r;if(!t$X(r,s,n)){return {meta:{},valid:false}}}var l=0;var f=[2,7,9,1,4,6,3,5,8,2,7,9];var o=e.length;for(var _t=0;_t<o-1;_t++){l+=parseInt(e.charAt(_t),10)*f[_t];}l=l%11;if(l===10){l=1;}return {meta:{},valid:"".concat(l)===e.charAt(o-1)}}function r$5(r){return {meta:{},valid:t$Q(r,"RS")}}function r$4(r){if(!/^[0-9]{10}$/.test(r)&&!/^[0-9]{6}[-|+][0-9]{4}$/.test(r)){return {meta:{},valid:false}}var e=r.replace(/[^0-9]/g,"");var a=parseInt(e.substr(0,2),10)+1900;var n=parseInt(e.substr(2,2),10);var i=parseInt(e.substr(4,2),10);if(!t$X(a,n,i)){return {meta:{},valid:false}}return {meta:{},valid:t$14(e)}}function r$3(r){return {meta:{},valid:t$Q(r,"SI")}}function t$F(t){return {meta:{},valid:/^\d{5}$/.test(t)}}function t$E(t){if(t.length!==13){return {meta:{},valid:false}}var e=0;for(var a=0;a<12;a++){e+=parseInt(t.charAt(a),10)*(13-a);}return {meta:{},valid:(11-e%11)%10===parseInt(t.charAt(12),10)}}function t$D(t){if(t.length!==11){return {meta:{},valid:false}}var e=0;for(var a=0;a<10;a++){e+=parseInt(t.charAt(a),10);}return {meta:{},valid:e%10===parseInt(t.charAt(10),10)}}function t$C(t){var e=t.toUpperCase();if(!/^[A-Z][12][0-9]{8}$/.test(e)){return {meta:{},valid:false}}var a=e.length;var n="ABCDEFGHJKLMNPQRSTUVXYWZIO";var r=n.indexOf(e.charAt(0))+10;var o=Math.floor(r/10)+r%10*(a-1);var s=0;for(var _t=1;_t<a-1;_t++){s+=parseInt(e.charAt(_t),10)*(a-1-_t);}return {meta:{},valid:(o+s+parseInt(e.charAt(a-1),10))%10===0}}function t$B(t){if(!/^\d{8}$/.test(t)){return {meta:{},valid:false}}var e=[2,9,8,7,6,3,4];var a=0;for(var r=0;r<7;r++){a+=parseInt(t.charAt(r),10)*e[r];}a=a%10;if(a>0){a=10-a;}return {meta:{},valid:"".concat(a)===t.charAt(7)}}function r$2(r){if(!/^[0-9]{10}[0|1][8|9][0-9]$/.test(r)){return {meta:{},valid:false}}var s=parseInt(r.substr(0,2),10);var a=(new Date).getFullYear()%100;var l=parseInt(r.substr(2,2),10);var n=parseInt(r.substr(4,2),10);s=s>=a?s+1900:s+2e3;if(!t$X(s,l,n)){return {meta:{},valid:false}}return {meta:{},valid:t$14(r)}}function F(){var F=["AR","BA","BG","BR","CH","CL","CN","CO","CZ","DK","EE","ES","FI","FR","HK","HR","ID","IE","IL","IS","KR","LT","LV","ME","MK","MX","MY","NL","NO","PE","PL","RO","RS","SE","SI","SK","SM","TH","TR","TW","UY","ZA"];return {validate:function validate(P){if(P.value===""){return {valid:true}}var Y=Object.assign({},{message:""},P.options);var Z=P.value.substr(0,2);if("function"===typeof Y.country){Z=Y.country.call(this);}else {Z=Y.country;}if(F.indexOf(Z)===-1){return {valid:true}}var G={meta:{},valid:true};switch(Z.toLowerCase()){case"ar":G=t$R(P.value);break;case"ba":G=r$a(P.value);break;case"bg":G=e$x(P.value);break;case"br":G=t$P(P.value);break;case"ch":G=t$O(P.value);break;case"cl":G=e$w(P.value);break;case"cn":G=r$9(P.value);break;case"co":G=t$N(P.value);break;case"cz":G=e$v(P.value);break;case"dk":G=e$u(P.value);break;case"ee":G=r$8(P.value);break;case"es":G=t$M(P.value);break;case"fi":G=s$7(P.value);break;case"fr":G=t$L(P.value);break;case"hk":G=t$K(P.value);break;case"hr":G=o$1(P.value);break;case"id":G=e$t(P.value);break;case"ie":G=t$J(P.value);break;case"il":G=e$s(P.value);break;case"is":G=e$r(P.value);break;case"kr":G=e$q(P.value);break;case"lt":G=r$8(P.value);break;case"lv":G=e$p(P.value);break;case"me":G=r$7(P.value);break;case"mk":G=r$6(P.value);break;case"mx":G=O(P.value);break;case"my":G=s$6(P.value);break;case"nl":G=e$o(P.value);break;case"no":G=t$I(P.value);break;case"pe":G=t$H(P.value);break;case"pl":G=t$G(P.value);break;case"ro":G=e$n(P.value);break;case"rs":G=r$5(P.value);break;case"se":G=r$4(P.value);break;case"si":G=r$3(P.value);break;case"sk":G=e$v(P.value);break;case"sm":G=t$F(P.value);break;case"th":G=t$E(P.value);break;case"tr":G=t$D(P.value);break;case"tw":G=t$C(P.value);break;case"uy":G=t$B(P.value);break;case"za":G=r$2(P.value);break}var V=r$d(P.l10n&&P.l10n.id?Y.message||P.l10n.id.country:Y.message,P.l10n&&P.l10n.id&&P.l10n.id.countries?P.l10n.id.countries[Z.toUpperCase()]:Z.toUpperCase());return Object.assign({},{message:V},G)}}}function t$A(){return {validate:function validate(t){if(t.value===""){return {valid:true}}switch(true){case/^\d{15}$/.test(t.value):case/^\d{2}-\d{6}-\d{6}-\d{1}$/.test(t.value):case/^\d{2}\s\d{6}\s\d{6}\s\d{1}$/.test(t.value):return {valid:t$14(t.value.replace(/[^0-9]/g,""))};case/^\d{14}$/.test(t.value):case/^\d{16}$/.test(t.value):case/^\d{2}-\d{6}-\d{6}(|-\d{2})$/.test(t.value):case/^\d{2}\s\d{6}\s\d{6}(|\s\d{2})$/.test(t.value):return {valid:true};default:return {valid:false}}}}}function e$m(){return {validate:function validate(e){if(e.value===""){return {valid:true}}if(!/^IMO \d{7}$/i.test(e.value)){return {valid:false}}var t=e.value.replace(/^.*(\d{7})$/,"$1");var r=0;for(var _e=6;_e>=1;_e--){r+=parseInt(t.slice(6-_e,-_e),10)*(_e+1);}return {valid:r%10===parseInt(t.charAt(6),10)}}}}function e$l(){return {validate:function validate(e){if(e.value===""){return {meta:{type:null},valid:true}}var t;switch(true){case/^\d{9}[\dX]$/.test(e.value):case e.value.length===13&&/^(\d+)-(\d+)-(\d+)-([\dX])$/.test(e.value):case e.value.length===13&&/^(\d+)\s(\d+)\s(\d+)\s([\dX])$/.test(e.value):t="ISBN10";break;case/^(978|979)\d{9}[\dX]$/.test(e.value):case e.value.length===17&&/^(978|979)-(\d+)-(\d+)-(\d+)-([\dX])$/.test(e.value):case e.value.length===17&&/^(978|979)\s(\d+)\s(\d+)\s(\d+)\s([\dX])$/.test(e.value):t="ISBN13";break;default:return {meta:{type:null},valid:false}}var a=e.value.replace(/[^0-9X]/gi,"").split("");var l=a.length;var s=0;var d;var u;switch(t){case"ISBN10":s=0;for(d=0;d<l-1;d++){s+=parseInt(a[d],10)*(10-d);}u=11-s%11;if(u===11){u=0;}else if(u===10){u="X";}return {meta:{type:t},valid:"".concat(u)===a[l-1]};case"ISBN13":s=0;for(d=0;d<l-1;d++){s+=d%2===0?parseInt(a[d],10):parseInt(a[d],10)*3;}u=10-s%10;if(u===10){u="0";}return {meta:{type:t},valid:"".concat(u)===a[l-1]}}}}}function M(){var M="AF|AX|AL|DZ|AS|AD|AO|AI|AQ|AG|AR|AM|AW|AU|AT|AZ|BS|BH|BD|BB|BY|BE|BZ|BJ|BM|BT|BO|BQ|BA|BW|"+"BV|BR|IO|BN|BG|BF|BI|KH|CM|CA|CV|KY|CF|TD|CL|CN|CX|CC|CO|KM|CG|CD|CK|CR|CI|HR|CU|CW|CY|CZ|DK|DJ|DM|DO|EC|EG|"+"SV|GQ|ER|EE|ET|FK|FO|FJ|FI|FR|GF|PF|TF|GA|GM|GE|DE|GH|GI|GR|GL|GD|GP|GU|GT|GG|GN|GW|GY|HT|HM|VA|HN|HK|HU|IS|"+"IN|ID|IR|IQ|IE|IM|IL|IT|JM|JP|JE|JO|KZ|KE|KI|KP|KR|KW|KG|LA|LV|LB|LS|LR|LY|LI|LT|LU|MO|MK|MG|MW|MY|MV|ML|MT|"+"MH|MQ|MR|MU|YT|MX|FM|MD|MC|MN|ME|MS|MA|MZ|MM|NA|NR|NP|NL|NC|NZ|NI|NE|NG|NU|NF|MP|NO|OM|PK|PW|PS|PA|PG|PY|PE|"+"PH|PN|PL|PT|PR|QA|RE|RO|RU|RW|BL|SH|KN|LC|MF|PM|VC|WS|SM|ST|SA|SN|RS|SC|SL|SG|SX|SK|SI|SB|SO|ZA|GS|SS|ES|LK|"+"SD|SR|SJ|SZ|SE|CH|SY|TW|TJ|TZ|TH|TL|TG|TK|TO|TT|TN|TR|TM|TC|TV|UG|UA|AE|GB|US|UM|UY|UZ|VU|VE|VN|VG|VI|WF|EH|"+"YE|ZM|ZW";return {validate:function validate(t){if(t.value===""){return {valid:true}}var S=t.value.toUpperCase();var A=new RegExp("^("+M+")[0-9A-Z]{10}$");if(!A.test(t.value)){return {valid:false}}var G=S.length;var C="";var T;for(T=0;T<G-1;T++){var _M=S.charCodeAt(T);C+=_M>57?(_M-55).toString():S.charAt(T);}var e="";var B=C.length;var E=B%2!==0?0:1;for(T=0;T<B;T++){e+=parseInt(C[T],10)*(T%2===E?2:1)+"";}var N=0;for(T=0;T<e.length;T++){N+=parseInt(e.charAt(T),10);}N=(10-N%10)%10;return {valid:"".concat(N)===S.charAt(G-1)}}}}function e$k(){return {validate:function validate(e){if(e.value===""){return {meta:null,valid:true}}var t;switch(true){case/^M\d{9}$/.test(e.value):case/^M-\d{4}-\d{4}-\d{1}$/.test(e.value):case/^M\s\d{4}\s\d{4}\s\d{1}$/.test(e.value):t="ISMN10";break;case/^9790\d{9}$/.test(e.value):case/^979-0-\d{4}-\d{4}-\d{1}$/.test(e.value):case/^979\s0\s\d{4}\s\d{4}\s\d{1}$/.test(e.value):t="ISMN13";break;default:return {meta:null,valid:false}}var a=e.value;if("ISMN10"===t){a="9790".concat(a.substr(1));}a=a.replace(/[^0-9]/gi,"");var s=0;var l=a.length;var d=[1,3];for(var _e=0;_e<l-1;_e++){s+=parseInt(a.charAt(_e),10)*d[_e%2];}s=(10-s%10)%10;return {meta:{type:t},valid:"".concat(s)===a.charAt(l-1)}}}}function e$j(){return {validate:function validate(e){if(e.value===""){return {valid:true}}if(!/^\d{4}-\d{3}[\dX]$/.test(e.value)){return {valid:false}}var t=e.value.replace(/[^0-9X]/gi,"").split("");var l=t.length;var r=0;if(t[7]==="X"){t[7]="10";}for(var _e=0;_e<l;_e++){r+=parseInt(t[_e],10)*(8-_e);}return {valid:r%11===0}}}}function a$1(){return {validate:function validate(a){return {valid:a.value===""||/^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/.test(a.value)||/^([0-9A-Fa-f]{4}\.){2}([0-9A-Fa-f]{4})$/.test(a.value)}}}}function e$i(){return {validate:function validate(e){if(e.value===""){return {valid:true}}var r=e.value;if(/^[0-9A-F]{15}$/i.test(r)||/^[0-9A-F]{2}[- ][0-9A-F]{6}[- ][0-9A-F]{6}[- ][0-9A-F]$/i.test(r)||/^\d{19}$/.test(r)||/^\d{5}[- ]\d{5}[- ]\d{4}[- ]\d{4}[- ]\d$/.test(r)){var _e=r.charAt(r.length-1).toUpperCase();r=r.replace(/[- ]/g,"");if(r.match(/^\d*$/i)){return {valid:t$14(r)}}r=r.slice(0,-1);var a="";var i;for(i=1;i<=13;i+=2){a+=(parseInt(r.charAt(i),16)*2).toString(16);}var l=0;for(i=0;i<a.length;i++){l+=parseInt(a.charAt(i),16);}return {valid:l%10===0?_e==="0":_e===((Math.floor((l+10)/10)*10-l)*2).toString(16).toUpperCase()}}if(/^[0-9A-F]{14}$/i.test(r)||/^[0-9A-F]{2}[- ][0-9A-F]{6}[- ][0-9A-F]{6}$/i.test(r)||/^\d{18}$/.test(r)||/^\d{5}[- ]\d{5}[- ]\d{4}[- ]\d{4}$/.test(r)){return {valid:true}}return {valid:false}}}}function e$h(){var e=["AE","BG","BR","CN","CZ","DE","DK","ES","FR","GB","IN","MA","NL","PK","RO","RU","SK","TH","US","VE"];return {validate:function validate(t){if(t.value===""){return {valid:true}}var a=Object.assign({},{message:""},t.options);var d=t.value.trim();var r=d.substr(0,2);if("function"===typeof a.country){r=a.country.call(this);}else {r=a.country;}if(!r||e.indexOf(r.toUpperCase())===-1){return {valid:true}}var c=true;switch(r.toUpperCase()){case"AE":c=/^(((\+|00)?971[\s.-]?(\(0\)[\s.-]?)?|0)(\(5(0|2|5|6)\)|5(0|2|5|6)|2|3|4|6|7|9)|60)([\s.-]?[0-9]){7}$/.test(d);break;case"BG":c=/^(0|359|00)(((700|900)[0-9]{5}|((800)[0-9]{5}|(800)[0-9]{4}))|(87|88|89)([0-9]{7})|((2[0-9]{7})|(([3-9][0-9])(([0-9]{6})|([0-9]{5})))))$/.test(d.replace(/\+|\s|-|\/|\(|\)/gi,""));break;case"BR":c=/^(([\d]{4}[-.\s]{1}[\d]{2,3}[-.\s]{1}[\d]{2}[-.\s]{1}[\d]{2})|([\d]{4}[-.\s]{1}[\d]{3}[-.\s]{1}[\d]{4})|((\(?\+?[0-9]{2}\)?\s?)?(\(?\d{2}\)?\s?)?\d{4,5}[-.\s]?\d{4}))$/.test(d);break;case"CN":c=/^((00|\+)?(86(?:-| )))?((\d{11})|(\d{3}[- ]{1}\d{4}[- ]{1}\d{4})|((\d{2,4}[- ]){1}(\d{7,8}|(\d{3,4}[- ]{1}\d{4}))([- ]{1}\d{1,4})?))$/.test(d);break;case"CZ":c=/^(((00)([- ]?)|\+)(420)([- ]?))?((\d{3})([- ]?)){2}(\d{3})$/.test(d);break;case"DE":c=/^(((((((00|\+)49[ \-/]?)|0)[1-9][0-9]{1,4})[ \-/]?)|((((00|\+)49\()|\(0)[1-9][0-9]{1,4}\)[ \-/]?))[0-9]{1,7}([ \-/]?[0-9]{1,5})?)$/.test(d);break;case"DK":c=/^(\+45|0045|\(45\))?\s?[2-9](\s?\d){7}$/.test(d);break;case"ES":c=/^(?:(?:(?:\+|00)34\D?))?(?:5|6|7|8|9)(?:\d\D?){8}$/.test(d);break;case"FR":c=/^(?:(?:(?:\+|00)33[ ]?(?:\(0\)[ ]?)?)|0){1}[1-9]{1}([ .-]?)(?:\d{2}\1?){3}\d{2}$/.test(d);break;case"GB":c=/^\(?(?:(?:0(?:0|11)\)?[\s-]?\(?|\+)44\)?[\s-]?\(?(?:0\)?[\s-]?\(?)?|0)(?:\d{2}\)?[\s-]?\d{4}[\s-]?\d{4}|\d{3}\)?[\s-]?\d{3}[\s-]?\d{3,4}|\d{4}\)?[\s-]?(?:\d{5}|\d{3}[\s-]?\d{3})|\d{5}\)?[\s-]?\d{4,5}|8(?:00[\s-]?11[\s-]?11|45[\s-]?46[\s-]?4\d))(?:(?:[\s-]?(?:x|ext\.?\s?|#)\d+)?)$/.test(d);break;case"IN":c=/((\+?)((0[ -]+)*|(91 )*)(\d{12}|\d{10}))|\d{5}([- ]*)\d{6}/.test(d);break;case"MA":c=/^(?:(?:(?:\+|00)212[\s]?(?:[\s]?\(0\)[\s]?)?)|0){1}(?:5[\s.-]?[2-3]|6[\s.-]?[13-9]){1}[0-9]{1}(?:[\s.-]?\d{2}){3}$/.test(d);break;case"NL":c=/^((\+|00(\s|\s?-\s?)?)31(\s|\s?-\s?)?(\(0\)[-\s]?)?|0)[1-9]((\s|\s?-\s?)?[0-9])((\s|\s?-\s?)?[0-9])((\s|\s?-\s?)?[0-9])\s?[0-9]\s?[0-9]\s?[0-9]\s?[0-9]\s?[0-9]$/gm.test(d);break;case"PK":c=/^0?3[0-9]{2}[0-9]{7}$/.test(d);break;case"RO":c=/^(\+4|)?(07[0-8]{1}[0-9]{1}|02[0-9]{2}|03[0-9]{2}){1}?(\s|\.|-)?([0-9]{3}(\s|\.|-|)){2}$/g.test(d);break;case"RU":c=/^((8|\+7|007)[-./ ]?)?([(/.]?\d{3}[)/.]?[-./ ]?)?[\d\-./ ]{7,10}$/g.test(d);break;case"SK":c=/^(((00)([- ]?)|\+)(421)([- ]?))?((\d{3})([- ]?)){2}(\d{3})$/.test(d);break;case"TH":c=/^0\(?([6|8-9]{2})*-([0-9]{3})*-([0-9]{4})$/.test(d);break;case"VE":c=/^0(?:2(?:12|4[0-9]|5[1-9]|6[0-9]|7[0-8]|8[1-35-8]|9[1-5]|3[45789])|4(?:1[246]|2[46]))\d{7}$/.test(d);break;case"US":default:c=/^(?:(1-?)|(\+1 ?))?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(d);break}return {message:r$d(t.l10n&&t.l10n.phone?a.message||t.l10n.phone.country:a.message,t.l10n&&t.l10n.phone&&t.l10n.phone.countries?t.l10n.phone.countries[r]:r),valid:c}}}}function e$g(){return {validate:function validate(e){if(e.value===""){return {valid:true}}if(!/^\d{9}$/.test(e.value)){return {valid:false}}var t=0;for(var a=0;a<e.value.length;a+=3){t+=parseInt(e.value.charAt(a),10)*3+parseInt(e.value.charAt(a+1),10)*7+parseInt(e.value.charAt(a+2),10);}return {valid:t!==0&&t%10===0}}}}function t$z(){return {validate:function validate(t){if(t.value===""){return {valid:true}}var e=t.value.toUpperCase();if(!/^[0-9A-Z]{7}$/.test(e)){return {valid:false}}var r=[1,3,1,7,3,9,1];var a=e.length;var l=0;for(var _t=0;_t<a-1;_t++){l+=r[_t]*parseInt(e.charAt(_t),36);}l=(10-l%10)%10;return {valid:"".concat(l)===e.charAt(a-1)}}}}function e$f(){return {validate:function validate(e){return {valid:e.value===""||/^\d{9}$/.test(e.value)&&t$14(e.value)}}}}function e$e(){return {validate:function validate(e){if(e.value===""){return {valid:true}}var t=e.value.length;var l=0;var r;for(var a=0;a<t;a++){r=parseInt(e.value.charAt(a),10);if(a%2===0){r=r*2;if(r>9){r-=9;}}l+=r;}return {valid:l%10===0}}}}function e$d(){var e=function e(t,_e){var s=Math.pow(10,_e);var a=t*s;var n;switch(true){case a===0:n=0;break;case a>0:n=1;break;case a<0:n=-1;break}var r=a%1===.5*n;return r?(Math.floor(a)+(n>0?1:0))/s:Math.round(a)/s};var s=function s(t,_s){if(_s===0){return 1}var a="".concat(t).split(".");var n="".concat(_s).split(".");var r=(a.length===1?0:a[1].length)+(n.length===1?0:n[1].length);return e(t-_s*Math.floor(t/_s),r)};return {validate:function validate(e){if(e.value===""){return {valid:true}}var a=parseFloat(e.value);if(isNaN(a)||!isFinite(a)){return {valid:false}}var n=Object.assign({},{baseValue:0,message:"",step:1},e.options);var r=s(a-n.baseValue,n.step);return {message:r$d(e.l10n?n.message||e.l10n.step["default"]:n.message,"".concat(n.step)),valid:r===0||r===n.step}}}}function s$5(){return {validate:function validate(s){if(s.value===""){return {valid:true}}var A=Object.assign({},{message:""},s.options);var i={3:/^[0-9A-F]{8}-[0-9A-F]{4}-3[0-9A-F]{3}-[0-9A-F]{4}-[0-9A-F]{12}$/i,4:/^[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i,5:/^[0-9A-F]{8}-[0-9A-F]{4}-5[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i,all:/^[0-9A-F]{8}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{12}$/i};var n=A.version?"".concat(A.version):"all";return {message:A.version?r$d(s.l10n?A.message||s.l10n.uuid.version:A.message,A.version):s.l10n?s.l10n.uuid["default"]:A.message,valid:null===i[n]?true:i[n].test(s.value)}}}}function t$y(t){var e=t.replace("-","");if(/^AR[0-9]{11}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{11}$/.test(e)){return {meta:{},valid:false}}var r=[5,4,3,2,7,6,5,4,3,2];var a=0;for(var _t=0;_t<10;_t++){a+=parseInt(e.charAt(_t),10)*r[_t];}a=11-a%11;if(a===11){a=0;}return {meta:{},valid:"".concat(a)===e.substr(10)}}function t$x(t){var e=t;if(/^ATU[0-9]{8}$/.test(e)){e=e.substr(2);}if(!/^U[0-9]{8}$/.test(e)){return {meta:{},valid:false}}e=e.substr(1);var r=[1,2,1,2,1,2,1];var s=0;var a=0;for(var _t=0;_t<7;_t++){a=parseInt(e.charAt(_t),10)*r[_t];if(a>9){a=Math.floor(a/10)+a%10;}s+=a;}s=10-(s+4)%10;if(s===10){s=0;}return {meta:{},valid:"".concat(s)===e.substr(7,1)}}function t$w(t){var e=t;if(/^BE[0]?[0-9]{9}$/.test(e)){e=e.substr(2);}if(!/^[0]?[0-9]{9}$/.test(e)){return {meta:{},valid:false}}if(e.length===9){e="0".concat(e);}if(e.substr(1,1)==="0"){return {meta:{},valid:false}}var s=parseInt(e.substr(0,8),10)+parseInt(e.substr(8,2),10);return {meta:{},valid:s%97===0}}function r$1(r){var e=r;if(/^BG[0-9]{9,10}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{9,10}$/.test(e)){return {meta:{},valid:false}}var s=0;var n=0;if(e.length===9){for(n=0;n<8;n++){s+=parseInt(e.charAt(n),10)*(n+1);}s=s%11;if(s===10){s=0;for(n=0;n<8;n++){s+=parseInt(e.charAt(n),10)*(n+3);}s=s%11;}s=s%10;return {meta:{},valid:"".concat(s)===e.substr(8)}}else {var _r=function _r(r){var e=parseInt(r.substr(0,2),10)+1900;var s=parseInt(r.substr(2,2),10);var n=parseInt(r.substr(4,2),10);if(s>40){e+=100;s-=40;}else if(s>20){e-=100;s-=20;}if(!t$X(e,s,n)){return false}var a=[2,4,8,5,10,9,7,3,6];var l=0;for(var _t=0;_t<9;_t++){l+=parseInt(r.charAt(_t),10)*a[_t];}l=l%11%10;return "".concat(l)===r.substr(9,1)};var _s=function _s(t){var r=[21,19,17,13,11,9,7,3,1];var e=0;for(var _s2=0;_s2<9;_s2++){e+=parseInt(t.charAt(_s2),10)*r[_s2];}e=e%10;return "".concat(e)===t.substr(9,1)};var _n=function _n(t){var r=[4,3,2,7,6,5,4,3,2];var e=0;for(var _s3=0;_s3<9;_s3++){e+=parseInt(t.charAt(_s3),10)*r[_s3];}e=11-e%11;if(e===10){return false}if(e===11){e=0;}return "".concat(e)===t.substr(9,1)};return {meta:{},valid:_r(e)||_s(e)||_n(e)}}}function t$v(t){if(t===""){return {meta:{},valid:true}}var e=t.replace(/[^\d]+/g,"");if(e===""||e.length!==14){return {meta:{},valid:false}}if(e==="00000000000000"||e==="11111111111111"||e==="22222222222222"||e==="33333333333333"||e==="44444444444444"||e==="55555555555555"||e==="66666666666666"||e==="77777777777777"||e==="88888888888888"||e==="99999999999999"){return {meta:{},valid:false}}var r=e.length-2;var a=e.substring(0,r);var l=e.substring(r);var n=0;var i=r-7;var s;for(s=r;s>=1;s--){n+=parseInt(a.charAt(r-s),10)*i--;if(i<2){i=9;}}var f=n%11<2?0:11-n%11;if(f!==parseInt(l.charAt(0),10)){return {meta:{},valid:false}}r=r+1;a=e.substring(0,r);n=0;i=r-7;for(s=r;s>=1;s--){n+=parseInt(a.charAt(r-s),10)*i--;if(i<2){i=9;}}f=n%11<2?0:11-n%11;return {meta:{},valid:f===parseInt(l.charAt(1),10)}}function t$u(t){var e=t;if(/^CHE[0-9]{9}(MWST|TVA|IVA|TPV)?$/.test(e)){e=e.substr(2);}if(!/^E[0-9]{9}(MWST|TVA|IVA|TPV)?$/.test(e)){return {meta:{},valid:false}}e=e.substr(1);var r=[5,4,3,2,7,6,5,4];var s=0;for(var _t=0;_t<8;_t++){s+=parseInt(e.charAt(_t),10)*r[_t];}s=11-s%11;if(s===10){return {meta:{},valid:false}}if(s===11){s=0;}return {meta:{},valid:"".concat(s)===e.substr(8,1)}}function t$t(t){var e=t;if(/^CY[0-5|9][0-9]{7}[A-Z]$/.test(e)){e=e.substr(2);}if(!/^[0-5|9][0-9]{7}[A-Z]$/.test(e)){return {meta:{},valid:false}}if(e.substr(0,2)==="12"){return {meta:{},valid:false}}var r=0;var s={0:1,1:0,2:5,3:7,4:9,5:13,6:15,7:17,8:19,9:21};for(var _t=0;_t<8;_t++){var a=parseInt(e.charAt(_t),10);if(_t%2===0){a=s["".concat(a)];}r+=a;}return {meta:{},valid:"".concat("ABCDEFGHIJKLMNOPQRSTUVWXYZ"[r%26])===e.substr(8,1)}}function e$c(e){var r=e;if(/^CZ[0-9]{8,10}$/.test(r)){r=r.substr(2);}if(!/^[0-9]{8,10}$/.test(r)){return {meta:{},valid:false}}var a=0;var s=0;if(r.length===8){if("".concat(r.charAt(0))==="9"){return {meta:{},valid:false}}a=0;for(s=0;s<7;s++){a+=parseInt(r.charAt(s),10)*(8-s);}a=11-a%11;if(a===10){a=0;}if(a===11){a=1;}return {meta:{},valid:"".concat(a)===r.substr(7,1)}}else if(r.length===9&&"".concat(r.charAt(0))==="6"){a=0;for(s=0;s<7;s++){a+=parseInt(r.charAt(s+1),10)*(8-s);}a=11-a%11;if(a===10){a=0;}if(a===11){a=1;}a=[8,7,6,5,4,3,2,1,0,9,10][a-1];return {meta:{},valid:"".concat(a)===r.substr(8,1)}}else if(r.length===9||r.length===10){var _e=1900+parseInt(r.substr(0,2),10);var _a=parseInt(r.substr(2,2),10)%50%20;var _s=parseInt(r.substr(4,2),10);if(r.length===9){if(_e>=1980){_e-=100;}if(_e>1953){return {meta:{},valid:false}}}else if(_e<1954){_e+=100;}if(!t$X(_e,_a,_s)){return {meta:{},valid:false}}if(r.length===10){var _t=parseInt(r.substr(0,9),10)%11;if(_e<1985){_t=_t%10;}return {meta:{},valid:"".concat(_t)===r.substr(9,1)}}return {meta:{},valid:true}}return {meta:{},valid:false}}function e$b(e){var r=e;if(/^DE[0-9]{9}$/.test(r)){r=r.substr(2);}if(!/^[0-9]{9}$/.test(r)){return {meta:{},valid:false}}return {meta:{},valid:t$13(r)}}function t$s(t){var e=t;if(/^DK[0-9]{8}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{8}$/.test(e)){return {meta:{},valid:false}}var r=0;var a=[2,7,6,5,4,3,2,1];for(var _t=0;_t<8;_t++){r+=parseInt(e.charAt(_t),10)*a[_t];}return {meta:{},valid:r%11===0}}function t$r(t){var e=t;if(/^EE[0-9]{9}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{9}$/.test(e)){return {meta:{},valid:false}}var r=0;var a=[3,7,1,3,7,1,3,7,1];for(var _t=0;_t<9;_t++){r+=parseInt(e.charAt(_t),10)*a[_t];}return {meta:{},valid:r%10===0}}function t$q(t){var e=t;if(/^ES[0-9A-Z][0-9]{7}[0-9A-Z]$/.test(e)){e=e.substr(2);}if(!/^[0-9A-Z][0-9]{7}[0-9A-Z]$/.test(e)){return {meta:{},valid:false}}var s=function s(t){var e=parseInt(t.substr(0,8),10);return "".concat("TRWAGMYFPDXBNJZSQVHLCKE"[e%23])===t.substr(8,1)};var r=function r(t){var e=["XYZ".indexOf(t.charAt(0)),t.substr(1)].join("");var s="TRWAGMYFPDXBNJZSQVHLCKE"[parseInt(e,10)%23];return "".concat(s)===t.substr(8,1)};var n=function n(t){var e=t.charAt(0);var s;if("KLM".indexOf(e)!==-1){s=parseInt(t.substr(1,8),10);s="TRWAGMYFPDXBNJZSQVHLCKE"[s%23];return "".concat(s)===t.substr(8,1)}else if("ABCDEFGHJNPQRSUVW".indexOf(e)!==-1){var _e=[2,1,2,1,2,1,2];var _s=0;var _r=0;for(var _n=0;_n<7;_n++){_r=parseInt(t.charAt(_n+1),10)*_e[_n];if(_r>9){_r=Math.floor(_r/10)+_r%10;}_s+=_r;}_s=10-_s%10;if(_s===10){_s=0;}return "".concat(_s)===t.substr(8,1)||"JABCDEFGHI"[_s]===t.substr(8,1)}return false};var a=e.charAt(0);if(/^[0-9]$/.test(a)){return {meta:{type:"DNI"},valid:s(e)}}else if(/^[XYZ]$/.test(a)){return {meta:{type:"NIE"},valid:r(e)}}else {return {meta:{type:"CIF"},valid:n(e)}}}function t$p(t){var e=t;if(/^FI[0-9]{8}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{8}$/.test(e)){return {meta:{},valid:false}}var r=[7,9,10,5,8,4,2,1];var a=0;for(var _t=0;_t<8;_t++){a+=parseInt(e.charAt(_t),10)*r[_t];}return {meta:{},valid:a%11===0}}function e$a(e){var r=e;if(/^FR[0-9A-Z]{2}[0-9]{9}$/.test(r)){r=r.substr(2);}if(!/^[0-9A-Z]{2}[0-9]{9}$/.test(r)){return {meta:{},valid:false}}if(r.substr(2,4)!=="000"){return {meta:{},valid:t$14(r.substr(2))}}if(/^[0-9]{2}$/.test(r.substr(0,2))){return {meta:{},valid:r.substr(0,2)==="".concat(parseInt(r.substr(2)+"12",10)%97)}}else {var _t="0123456789ABCDEFGHJKLMNPQRSTUVWXYZ";var _e;if(/^[0-9]$/.test(r.charAt(0))){_e=_t.indexOf(r.charAt(0))*24+_t.indexOf(r.charAt(1))-10;}else {_e=_t.indexOf(r.charAt(0))*34+_t.indexOf(r.charAt(1))-100;}return {meta:{},valid:(parseInt(r.substr(2),10)+1+Math.floor(_e/11))%11===_e%11}}}function t$o(t){var s=t;if(/^GB[0-9]{9}$/.test(s)||/^GB[0-9]{12}$/.test(s)||/^GBGD[0-9]{3}$/.test(s)||/^GBHA[0-9]{3}$/.test(s)||/^GB(GD|HA)8888[0-9]{5}$/.test(s)){s=s.substr(2);}if(!/^[0-9]{9}$/.test(s)&&!/^[0-9]{12}$/.test(s)&&!/^GD[0-9]{3}$/.test(s)&&!/^HA[0-9]{3}$/.test(s)&&!/^(GD|HA)8888[0-9]{5}$/.test(s)){return {meta:{},valid:false}}var e=s.length;if(e===5){var _t=s.substr(0,2);var _e=parseInt(s.substr(2),10);return {meta:{},valid:"GD"===_t&&_e<500||"HA"===_t&&_e>=500}}else if(e===11&&("GD8888"===s.substr(0,6)||"HA8888"===s.substr(0,6))){if("GD"===s.substr(0,2)&&parseInt(s.substr(6,3),10)>=500||"HA"===s.substr(0,2)&&parseInt(s.substr(6,3),10)<500){return {meta:{},valid:false}}return {meta:{},valid:parseInt(s.substr(6,3),10)%97===parseInt(s.substr(9,2),10)}}else if(e===9||e===12){var _t2=[8,7,6,5,4,3,2,10,1];var _e2=0;for(var _r=0;_r<9;_r++){_e2+=parseInt(s.charAt(_r),10)*_t2[_r];}_e2=_e2%97;var r=parseInt(s.substr(0,3),10)>=100?_e2===0||_e2===42||_e2===55:_e2===0;return {meta:{},valid:r}}return {meta:{},valid:true}}function t$n(t){var e=t;if(/^(GR|EL)[0-9]{9}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{9}$/.test(e)){return {meta:{},valid:false}}if(e.length===8){e="0".concat(e);}var r=[256,128,64,32,16,8,4,2];var s=0;for(var _t=0;_t<8;_t++){s+=parseInt(e.charAt(_t),10)*r[_t];}s=s%11%10;return {meta:{},valid:"".concat(s)===e.substr(8,1)}}function e$9(e){var r=e;if(/^HR[0-9]{11}$/.test(r)){r=r.substr(2);}if(!/^[0-9]{11}$/.test(r)){return {meta:{},valid:false}}return {meta:{},valid:t$13(r)}}function t$m(t){var e=t;if(/^HU[0-9]{8}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{8}$/.test(e)){return {meta:{},valid:false}}var r=[9,7,3,1,9,7,3,1];var a=0;for(var _t=0;_t<8;_t++){a+=parseInt(e.charAt(_t),10)*r[_t];}return {meta:{},valid:a%10===0}}function t$l(t){var e=t;if(/^IE[0-9][0-9A-Z*+][0-9]{5}[A-Z]{1,2}$/.test(e)){e=e.substr(2);}if(!/^[0-9][0-9A-Z*+][0-9]{5}[A-Z]{1,2}$/.test(e)){return {meta:{},valid:false}}var r=function r(t){var e=t;while(e.length<7){e="0".concat(e);}var r="WABCDEFGHIJKLMNOPQRSTUV";var s=0;for(var _t=0;_t<7;_t++){s+=parseInt(e.charAt(_t),10)*(8-_t);}s+=9*r.indexOf(e.substr(7));return r[s%23]};if(/^[0-9]+$/.test(e.substr(0,7))){return {meta:{},valid:e.charAt(7)===r("".concat(e.substr(0,7)).concat(e.substr(8)))}}else if("ABCDEFGHIJKLMNOPQRSTUVWXYZ+*".indexOf(e.charAt(1))!==-1){return {meta:{},valid:e.charAt(7)===r("".concat(e.substr(2,5)).concat(e.substr(0,1)))}}return {meta:{},valid:true}}function t$k(t){var e=t;if(/^IS[0-9]{5,6}$/.test(e)){e=e.substr(2);}return {meta:{},valid:/^[0-9]{5,6}$/.test(e)}}function e$8(e){var r=e;if(/^IT[0-9]{11}$/.test(r)){r=r.substr(2);}if(!/^[0-9]{11}$/.test(r)){return {meta:{},valid:false}}if(parseInt(r.substr(0,7),10)===0){return {meta:{},valid:false}}var a=parseInt(r.substr(7,3),10);if(a<1||a>201&&a!==999&&a!==888){return {meta:{},valid:false}}return {meta:{},valid:t$14(r)}}function t$j(t){var e=t;if(/^LT([0-9]{7}1[0-9]|[0-9]{10}1[0-9])$/.test(e)){e=e.substr(2);}if(!/^([0-9]{7}1[0-9]|[0-9]{10}1[0-9])$/.test(e)){return {meta:{},valid:false}}var r=e.length;var a=0;var l;for(l=0;l<r-1;l++){a+=parseInt(e.charAt(l),10)*(1+l%9);}var f=a%11;if(f===10){a=0;for(l=0;l<r-1;l++){a+=parseInt(e.charAt(l),10)*(1+(l+2)%9);}}f=f%11%10;return {meta:{},valid:"".concat(f)===e.charAt(r-1)}}function t$i(t){var e=t;if(/^LU[0-9]{8}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{8}$/.test(e)){return {meta:{},valid:false}}return {meta:{},valid:"".concat(parseInt(e.substr(0,6),10)%89)===e.substr(6,2)}}function e$7(e){var r=e;if(/^LV[0-9]{11}$/.test(r)){r=r.substr(2);}if(!/^[0-9]{11}$/.test(r)){return {meta:{},valid:false}}var s=parseInt(r.charAt(0),10);var a=r.length;var n=0;var l=[];var i;if(s>3){n=0;l=[9,1,4,8,3,10,2,5,7,6,1];for(i=0;i<a;i++){n+=parseInt(r.charAt(i),10)*l[i];}n=n%11;return {meta:{},valid:n===3}}else {var _e=parseInt(r.substr(0,2),10);var _s=parseInt(r.substr(2,2),10);var f=parseInt(r.substr(4,2),10);f=f+1800+parseInt(r.charAt(6),10)*100;if(!t$X(f,_s,_e)){return {meta:{},valid:false}}n=0;l=[10,5,8,4,2,1,6,3,7,9];for(i=0;i<a-1;i++){n+=parseInt(r.charAt(i),10)*l[i];}n=(n+1)%11%10;return {meta:{},valid:"".concat(n)===r.charAt(a-1)}}}function t$h(t){var e=t;if(/^MT[0-9]{8}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{8}$/.test(e)){return {meta:{},valid:false}}var r=[3,4,6,7,8,9,10,1];var a=0;for(var _t=0;_t<8;_t++){a+=parseInt(e.charAt(_t),10)*r[_t];}return {meta:{},valid:a%37===0}}function t$g(t){return t.split("").map((function(t){var n=t.charCodeAt(0);return n>=65&&n<=90?n-55:t})).join("").split("").map((function(t){return parseInt(t,10)}))}function n(n){var e=t$g(n);var r=0;var o=e.length;for(var _t=0;_t<o-1;++_t){r=(r+e[_t])*10%97;}r+=e[o-1];return r%97===1}function e$6(e){var i=e;if(/^NL[0-9]{9}B[0-9]{2}$/.test(i)){i=i.substr(2);}if(!/^[0-9]{9}B[0-9]{2}$/.test(i)){return {meta:{},valid:false}}var o=i.substr(0,9);return {meta:{},valid:e$o(o).valid||n("NL".concat(i))}}function t$f(t){var e=t;if(/^NO[0-9]{9}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{9}$/.test(e)){return {meta:{},valid:false}}var r=[3,2,7,6,5,4,3,2];var s=0;for(var _t=0;_t<8;_t++){s+=parseInt(e.charAt(_t),10)*r[_t];}s=11-s%11;if(s===11){s=0;}return {meta:{},valid:"".concat(s)===e.substr(8,1)}}function t$e(t){var e=t;if(/^PL[0-9]{10}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{10}$/.test(e)){return {meta:{},valid:false}}var r=[6,5,7,2,3,4,5,6,7,-1];var a=0;for(var _t=0;_t<10;_t++){a+=parseInt(e.charAt(_t),10)*r[_t];}return {meta:{},valid:a%11===0}}function t$d(t){var e=t;if(/^PT[0-9]{9}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{9}$/.test(e)){return {meta:{},valid:false}}var r=[9,8,7,6,5,4,3,2];var s=0;for(var _t=0;_t<8;_t++){s+=parseInt(e.charAt(_t),10)*r[_t];}s=11-s%11;if(s>9){s=0;}return {meta:{},valid:"".concat(s)===e.substr(8,1)}}function t$c(t){var e=t;if(/^RO[1-9][0-9]{1,9}$/.test(e)){e=e.substr(2);}if(!/^[1-9][0-9]{1,9}$/.test(e)){return {meta:{},valid:false}}var s=e.length;var r=[7,5,3,2,1,7,5,3,2].slice(10-s);var l=0;for(var _t=0;_t<s-1;_t++){l+=parseInt(e.charAt(_t),10)*r[_t];}l=10*l%11%10;return {meta:{},valid:"".concat(l)===e.substr(s-1,1)}}function t$b(t){var e=t;if(/^RS[0-9]{9}$/.test(e)){e=e.substr(2);}if(!/^[0-9]{9}$/.test(e)){return {meta:{},valid:false}}var r=10;var a=0;for(var _t=0;_t<8;_t++){a=(parseInt(e.charAt(_t),10)+r)%10;if(a===0){a=10;}r=2*a%11;}return {meta:{},valid:(r+parseInt(e.substr(8,1),10))%10===1}}function t$a(t){var e=t;if(/^RU([0-9]{10}|[0-9]{12})$/.test(e)){e=e.substr(2);}if(!/^([0-9]{10}|[0-9]{12})$/.test(e)){return {meta:{},valid:false}}var r=0;if(e.length===10){var _t=[2,4,10,3,5,9,4,6,8,0];var s=0;for(r=0;r<10;r++){s+=parseInt(e.charAt(r),10)*_t[r];}s=s%11;if(s>9){s=s%10;}return {meta:{},valid:"".concat(s)===e.substr(9,1)}}else if(e.length===12){var _t2=[7,2,4,10,3,5,9,4,6,8,0];var _s=[3,7,2,4,10,3,5,9,4,6,8,0];var a=0;var l=0;for(r=0;r<11;r++){a+=parseInt(e.charAt(r),10)*_t2[r];l+=parseInt(e.charAt(r),10)*_s[r];}a=a%11;if(a>9){a=a%10;}l=l%11;if(l>9){l=l%10;}return {meta:{},valid:"".concat(a)===e.substr(10,1)&&"".concat(l)===e.substr(11,1)}}return {meta:{},valid:true}}function e$5(e){var r=e;if(/^SE[0-9]{10}01$/.test(r)){r=r.substr(2);}if(!/^[0-9]{10}01$/.test(r)){return {meta:{},valid:false}}r=r.substr(0,10);return {meta:{},valid:t$14(r)}}function t$9(t){var e=t.match(/^(SI)?([1-9][0-9]{7})$/);if(!e){return {meta:{},valid:false}}var r=e[1]?t.substr(2):t;var a=[8,7,6,5,4,3,2];var s=0;for(var _t=0;_t<7;_t++){s+=parseInt(r.charAt(_t),10)*a[_t];}s=11-s%11;if(s===10){s=0;}return {meta:{},valid:"".concat(s)===r.substr(7,1)}}function t$8(t){var e=t;if(/^SK[1-9][0-9][(2-4)|(6-9)][0-9]{7}$/.test(e)){e=e.substr(2);}if(!/^[1-9][0-9][(2-4)|(6-9)][0-9]{7}$/.test(e)){return {meta:{},valid:false}}return {meta:{},valid:parseInt(e,10)%11===0}}function t$7(t){var e=t;if(/^VE[VEJPG][0-9]{9}$/.test(e)){e=e.substr(2);}if(!/^[VEJPG][0-9]{9}$/.test(e)){return {meta:{},valid:false}}var r={E:8,G:20,J:12,P:16,V:4};var s=[3,2,7,6,5,4,3,2];var a=r[e.charAt(0)];for(var _t=0;_t<8;_t++){a+=parseInt(e.charAt(_t+1),10)*s[_t];}a=11-a%11;if(a===11||a===10){a=0;}return {meta:{},valid:"".concat(a)===e.substr(9,1)}}function t$6(t){var e=t;if(/^ZA4[0-9]{9}$/.test(e)){e=e.substr(2);}return {meta:{},valid:/^4[0-9]{9}$/.test(e)}}function x(){var x=["AR","AT","BE","BG","BR","CH","CY","CZ","DE","DK","EE","EL","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LT","LU","LV","MT","NL","NO","PL","PT","RO","RU","RS","SE","SK","SI","VE","ZA"];return {validate:function validate(D){var F=D.value;if(F===""){return {valid:true}}var K=Object.assign({},{message:""},D.options);var N=F.substr(0,2);if("function"===typeof K.country){N=K.country.call(this);}else {N=K.country;}if(x.indexOf(N)===-1){return {valid:true}}var P={meta:{},valid:true};switch(N.toLowerCase()){case"ar":P=t$y(F);break;case"at":P=t$x(F);break;case"be":P=t$w(F);break;case"bg":P=r$1(F);break;case"br":P=t$v(F);break;case"ch":P=t$u(F);break;case"cy":P=t$t(F);break;case"cz":P=e$c(F);break;case"de":P=e$b(F);break;case"dk":P=t$s(F);break;case"ee":P=t$r(F);break;case"el":P=t$n(F);break;case"es":P=t$q(F);break;case"fi":P=t$p(F);break;case"fr":P=e$a(F);break;case"gb":P=t$o(F);break;case"gr":P=t$n(F);break;case"hr":P=e$9(F);break;case"hu":P=t$m(F);break;case"ie":P=t$l(F);break;case"is":P=t$k(F);break;case"it":P=e$8(F);break;case"lt":P=t$j(F);break;case"lu":P=t$i(F);break;case"lv":P=e$7(F);break;case"mt":P=t$h(F);break;case"nl":P=e$6(F);break;case"no":P=t$f(F);break;case"pl":P=t$e(F);break;case"pt":P=t$d(F);break;case"ro":P=t$c(F);break;case"rs":P=t$b(F);break;case"ru":P=t$a(F);break;case"se":P=e$5(F);break;case"si":P=t$9(F);break;case"sk":P=t$8(F);break;case"ve":P=t$7(F);break;case"za":P=t$6(F);break}var Z=r$d(D.l10n&&D.l10n.vat?K.message||D.l10n.vat.country:K.message,D.l10n&&D.l10n.vat&&D.l10n.vat.countries?D.l10n.vat.countries[N.toUpperCase()]:N.toUpperCase());return Object.assign({},{message:Z},P)}}}function t$5(){return {validate:function validate(t){if(t.value===""){return {valid:true}}if(!/^[a-hj-npr-z0-9]{8}[0-9xX][a-hj-npr-z0-9]{8}$/i.test(t.value)){return {valid:false}}var e=t.value.toUpperCase();var r={A:1,B:2,C:3,D:4,E:5,F:6,G:7,H:8,J:1,K:2,L:3,M:4,N:5,P:7,R:9,S:2,T:3,U:4,V:5,W:6,X:7,Y:8,Z:9,0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9};var a=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2];var l=e.length;var n=0;for(var _t=0;_t<l;_t++){n+=r["".concat(e.charAt(_t))]*a[_t];}var u="".concat(n%11);if(u==="10"){u="X";}return {valid:u===e.charAt(8)}}}}function s$4(){var s=["AT","BG","BR","CA","CH","CZ","DE","DK","ES","FR","GB","IE","IN","IT","MA","NL","PL","PT","RO","RU","SE","SG","SK","US"];var a=function a(e){var s="[ABCDEFGHIJKLMNOPRSTUWYZ]";var a="[ABCDEFGHKLMNOPQRSTUVWXY]";var t="[ABCDEFGHJKPMNRSTUVWXY]";var r="[ABEHMNPRVWXY]";var u="[ABDEFGHJLNPQRSTUWXYZ]";var c=[new RegExp("^(".concat(s,"{1}").concat(a,"?[0-9]{1,2})(\\s*)([0-9]{1}").concat(u,"{2})$"),"i"),new RegExp("^(".concat(s,"{1}[0-9]{1}").concat(t,"{1})(\\s*)([0-9]{1}").concat(u,"{2})$"),"i"),new RegExp("^(".concat(s,"{1}").concat(a,"{1}?[0-9]{1}").concat(r,"{1})(\\s*)([0-9]{1}").concat(u,"{2})$"),"i"),new RegExp("^(BF1)(\\s*)([0-6]{1}[ABDEFGHJLNPQRST]{1}[ABDEFGHJLNPQRSTUWZYZ]{1})$","i"),/^(GIR)(\s*)(0AA)$/i,/^(BFPO)(\s*)([0-9]{1,4})$/i,/^(BFPO)(\s*)(c\/o\s*[0-9]{1,3})$/i,/^([A-Z]{4})(\s*)(1ZZ)$/i,/^(AI-2640)$/i];for(var _i=0,_c=c;_i<_c.length;_i++){var _s=_c[_i];if(_s.test(e)){return true}}return false};return {validate:function validate(t){var r=Object.assign({},{message:""},t.options);if(t.value===""||!r.country){return {valid:true}}var u=t.value.substr(0,2);if("function"===typeof r.country){u=r.country.call(this);}else {u=r.country;}if(!u||s.indexOf(u.toUpperCase())===-1){return {valid:true}}var c=false;u=u.toUpperCase();switch(u){case"AT":c=/^([1-9]{1})(\d{3})$/.test(t.value);break;case"BG":c=/^([1-9]{1}[0-9]{3})$/.test(t.value);break;case"BR":c=/^(\d{2})([.]?)(\d{3})([-]?)(\d{3})$/.test(t.value);break;case"CA":c=/^(?:A|B|C|E|G|H|J|K|L|M|N|P|R|S|T|V|X|Y){1}[0-9]{1}(?:A|B|C|E|G|H|J|K|L|M|N|P|R|S|T|V|W|X|Y|Z){1}\s?[0-9]{1}(?:A|B|C|E|G|H|J|K|L|M|N|P|R|S|T|V|W|X|Y|Z){1}[0-9]{1}$/i.test(t.value);break;case"CH":c=/^([1-9]{1})(\d{3})$/.test(t.value);break;case"CZ":c=/^(\d{3})([ ]?)(\d{2})$/.test(t.value);break;case"DE":c=/^(?!01000|99999)(0[1-9]\d{3}|[1-9]\d{4})$/.test(t.value);break;case"DK":c=/^(DK(-|\s)?)?\d{4}$/i.test(t.value);break;case"ES":c=/^(?:0[1-9]|[1-4][0-9]|5[0-2])\d{3}$/.test(t.value);break;case"FR":c=/^[0-9]{5}$/i.test(t.value);break;case"GB":c=a(t.value);break;case"IN":c=/^\d{3}\s?\d{3}$/.test(t.value);break;case"IE":c=/^(D6W|[ACDEFHKNPRTVWXY]\d{2})\s[0-9ACDEFHKNPRTVWXY]{4}$/.test(t.value);break;case"IT":c=/^(I-|IT-)?\d{5}$/i.test(t.value);break;case"MA":c=/^[1-9][0-9]{4}$/i.test(t.value);break;case"NL":c=/^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(t.value);break;case"PL":c=/^[0-9]{2}-[0-9]{3}$/.test(t.value);break;case"PT":c=/^[1-9]\d{3}-\d{3}$/.test(t.value);break;case"RO":c=/^(0[1-8]{1}|[1-9]{1}[0-5]{1})?[0-9]{4}$/i.test(t.value);break;case"RU":c=/^[0-9]{6}$/i.test(t.value);break;case"SE":c=/^(S-)?\d{3}\s?\d{2}$/i.test(t.value);break;case"SG":c=/^([0][1-9]|[1-6][0-9]|[7]([0-3]|[5-9])|[8][0-2])(\d{4})$/i.test(t.value);break;case"SK":c=/^(\d{3})([ ]?)(\d{2})$/.test(t.value);break;case"US":default:c=/^\d{4,5}([-]?\d{4})?$/.test(t.value);break}return {message:r$d(t.l10n&&t.l10n.zipCode?r.message||t.l10n.zipCode.country:r.message,t.l10n&&t.l10n.zipCode&&t.l10n.zipCode.countries?t.l10n.zipCode.countries[u]:u),valid:c}}}}var s$3={between:s$9,blank:t$$,callback:o$4,choice:t$Z,creditCard:l$2,date:n$1,different:o$3,digits:e$G,emailAddress:t$W,file:e$F,greaterThan:a$7,identical:o$2,integer:a$6,ip:d,lessThan:s$8,notEmpty:t$V,numeric:a$5,promise:r$c,regexp:e$E,remote:a$4,stringCase:e$C,stringLength:t$U,uri:t$T,base64:a$3,bic:a$2,color:e$B,cusip:t$S,ean:e$A,ein:e$z,grid:r$b,hex:e$y,iban:Z,id:F,imei:t$A,imo:e$m,isbn:e$l,isin:M,ismn:e$k,issn:e$j,mac:a$1,meid:e$i,phone:e$h,rtn:e$g,sedol:t$z,siren:e$f,siret:e$e,step:e$d,uuid:s$5,vat:x,vin:t$5,zipCode:s$4};var l$1=function(){function l(i,s){_classCallCheck(this,l);this.elements={};this.ee=s$a();this.filter=t$10();this.plugins={};this.results=new Map;this.validators={};this.form=i;this.fields=s;}_createClass(l,[{key:"on",value:function on(e,t){this.ee.on(e,t);return this}},{key:"off",value:function off(e,t){this.ee.off(e,t);return this}},{key:"emit",value:function emit(e){var _this$ee;for(var _len=arguments.length,t=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){t[_key-1]=arguments[_key];}(_this$ee=this.ee).emit.apply(_this$ee,[e].concat(t));return this}},{key:"registerPlugin",value:function registerPlugin(e,t){if(this.plugins[e]){throw new Error("The plguin ".concat(e," is registered"))}t.setCore(this);t.install();this.plugins[e]=t;return this}},{key:"deregisterPlugin",value:function deregisterPlugin(e){var t=this.plugins[e];if(t){t.uninstall();}delete this.plugins[e];return this}},{key:"registerValidator",value:function registerValidator(e,t){if(this.validators[e]){throw new Error("The validator ".concat(e," is registered"))}this.validators[e]=t;return this}},{key:"registerFilter",value:function registerFilter(e,t){this.filter.add(e,t);return this}},{key:"deregisterFilter",value:function deregisterFilter(e,t){this.filter.remove(e,t);return this}},{key:"executeFilter",value:function executeFilter(e,t,i){return this.filter.execute(e,t,i)}},{key:"addField",value:function addField(e,t){var i=Object.assign({},{selector:"",validators:{}},t);this.fields[e]=this.fields[e]?{selector:i.selector||this.fields[e].selector,validators:Object.assign({},this.fields[e].validators,i.validators)}:i;this.elements[e]=this.queryElements(e);this.emit("core.field.added",{elements:this.elements[e],field:e,options:this.fields[e]});return this}},{key:"removeField",value:function removeField(e){if(!this.fields[e]){throw new Error("The field ".concat(e," validators are not defined. Please ensure the field is added first"))}var t=this.elements[e];var i=this.fields[e];delete this.elements[e];delete this.fields[e];this.emit("core.field.removed",{elements:t,field:e,options:i});return this}},{key:"validate",value:function validate(){var _this=this;this.emit("core.form.validating",{formValidation:this});return this.filter.execute("validate-pre",Promise.resolve(),[]).then((function(){return Promise.all(Object.keys(_this.fields).map((function(e){return _this.validateField(e)}))).then((function(e){switch(true){case e.indexOf("Invalid")!==-1:_this.emit("core.form.invalid",{formValidation:_this});return Promise.resolve("Invalid");case e.indexOf("NotValidated")!==-1:_this.emit("core.form.notvalidated",{formValidation:_this});return Promise.resolve("NotValidated");default:_this.emit("core.form.valid",{formValidation:_this});return Promise.resolve("Valid")}}))}))}},{key:"validateField",value:function validateField(e){var _this2=this;var t=this.results.get(e);if(t==="Valid"||t==="Invalid"){return Promise.resolve(t)}this.emit("core.field.validating",e);var i=this.elements[e];if(i.length===0){this.emit("core.field.valid",e);return Promise.resolve("Valid")}var s=i[0].getAttribute("type");if("radio"===s||"checkbox"===s||i.length===1){return this.validateElement(e,i[0])}else {return Promise.all(i.map((function(t){return _this2.validateElement(e,t)}))).then((function(t){switch(true){case t.indexOf("Invalid")!==-1:_this2.emit("core.field.invalid",e);_this2.results.set(e,"Invalid");return Promise.resolve("Invalid");case t.indexOf("NotValidated")!==-1:_this2.emit("core.field.notvalidated",e);_this2.results["delete"](e);return Promise.resolve("NotValidated");default:_this2.emit("core.field.valid",e);_this2.results.set(e,"Valid");return Promise.resolve("Valid")}}))}}},{key:"validateElement",value:function validateElement(e,t){var _this3=this;this.results["delete"](e);var i=this.elements[e];var s=this.filter.execute("element-ignored",false,[e,t,i]);if(s){this.emit("core.element.ignored",{element:t,elements:i,field:e});return Promise.resolve("Ignored")}var _l=this.fields[e].validators;this.emit("core.element.validating",{element:t,elements:i,field:e});var r=Object.keys(_l).map((function(i){return function(){return _this3.executeValidator(e,t,i,_l[i])}}));return this.waterfall(r).then((function(s){var _l2=s.indexOf("Invalid")===-1;_this3.emit("core.element.validated",{element:t,elements:i,field:e,valid:_l2});var r=t.getAttribute("type");if("radio"===r||"checkbox"===r||i.length===1){_this3.emit(_l2?"core.field.valid":"core.field.invalid",e);}return Promise.resolve(_l2?"Valid":"Invalid")}))["catch"]((function(s){_this3.emit("core.element.notvalidated",{element:t,elements:i,field:e});return Promise.resolve(s)}))}},{key:"executeValidator",value:function executeValidator(e,t,i,s){var _this4=this;var _l3=this.elements[e];var r=this.filter.execute("validator-name",i,[i,e]);s.message=this.filter.execute("validator-message",s.message,[this.locale,e,r]);if(!this.validators[r]||s.enabled===false){this.emit("core.validator.validated",{element:t,elements:_l3,field:e,result:this.normalizeResult(e,r,{valid:true}),validator:r});return Promise.resolve("Valid")}var a=this.validators[r];var d=this.getElementValue(e,t,r);var o=this.filter.execute("field-should-validate",true,[e,t,d,i]);if(!o){this.emit("core.validator.notvalidated",{element:t,elements:_l3,field:e,validator:i});return Promise.resolve("NotValidated")}this.emit("core.validator.validating",{element:t,elements:_l3,field:e,validator:i});var n=a().validate({element:t,elements:_l3,field:e,l10n:this.localization,options:s,value:d});var h="function"===typeof n["then"];if(h){return n.then((function(s){var r=_this4.normalizeResult(e,i,s);_this4.emit("core.validator.validated",{element:t,elements:_l3,field:e,result:r,validator:i});return r.valid?"Valid":"Invalid"}))}else {var _s=this.normalizeResult(e,i,n);this.emit("core.validator.validated",{element:t,elements:_l3,field:e,result:_s,validator:i});return Promise.resolve(_s.valid?"Valid":"Invalid")}}},{key:"getElementValue",value:function getElementValue(e,t,s){var _l4=e$H(this.form,e,t,this.elements[e]);return this.filter.execute("field-value",_l4,[_l4,e,t,s])}},{key:"getElements",value:function getElements(e){return this.elements[e]}},{key:"getFields",value:function getFields(){return this.fields}},{key:"getFormElement",value:function getFormElement(){return this.form}},{key:"getLocale",value:function getLocale(){return this.locale}},{key:"getPlugin",value:function getPlugin(e){return this.plugins[e]}},{key:"updateFieldStatus",value:function updateFieldStatus(e,t,i){var _this5=this;var s=this.elements[e];var _l5=s[0].getAttribute("type");var r="radio"===_l5||"checkbox"===_l5?[s[0]]:s;r.forEach((function(s){return _this5.updateElementStatus(e,s,t,i)}));if(!i){switch(t){case"NotValidated":this.emit("core.field.notvalidated",e);this.results["delete"](e);break;case"Validating":this.emit("core.field.validating",e);this.results["delete"](e);break;case"Valid":this.emit("core.field.valid",e);this.results.set(e,"Valid");break;case"Invalid":this.emit("core.field.invalid",e);this.results.set(e,"Invalid");break}}return this}},{key:"updateElementStatus",value:function updateElementStatus(e,t,i,s){var _this6=this;var _l6=this.elements[e];var r=this.fields[e].validators;var a=s?[s]:Object.keys(r);switch(i){case"NotValidated":a.forEach((function(i){return _this6.emit("core.validator.notvalidated",{element:t,elements:_l6,field:e,validator:i})}));this.emit("core.element.notvalidated",{element:t,elements:_l6,field:e});break;case"Validating":a.forEach((function(i){return _this6.emit("core.validator.validating",{element:t,elements:_l6,field:e,validator:i})}));this.emit("core.element.validating",{element:t,elements:_l6,field:e});break;case"Valid":a.forEach((function(i){return _this6.emit("core.validator.validated",{element:t,elements:_l6,field:e,result:{message:r[i].message,valid:true},validator:i})}));this.emit("core.element.validated",{element:t,elements:_l6,field:e,valid:true});break;case"Invalid":a.forEach((function(i){return _this6.emit("core.validator.validated",{element:t,elements:_l6,field:e,result:{message:r[i].message,valid:false},validator:i})}));this.emit("core.element.validated",{element:t,elements:_l6,field:e,valid:false});break}return this}},{key:"resetForm",value:function resetForm(e){var _this7=this;Object.keys(this.fields).forEach((function(t){return _this7.resetField(t,e)}));this.emit("core.form.reset",{formValidation:this,reset:e});return this}},{key:"resetField",value:function resetField(e,t){if(t){var _t=this.elements[e];var _i=_t[0].getAttribute("type");_t.forEach((function(e){if("radio"===_i||"checkbox"===_i){e.removeAttribute("selected");e.removeAttribute("checked");e.checked=false;}else {e.setAttribute("value","");if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement){e.value="";}}}));}this.updateFieldStatus(e,"NotValidated");this.emit("core.field.reset",{field:e,reset:t});return this}},{key:"revalidateField",value:function revalidateField(e){this.updateFieldStatus(e,"NotValidated");return this.validateField(e)}},{key:"disableValidator",value:function disableValidator(e,t){return this.toggleValidator(false,e,t)}},{key:"enableValidator",value:function enableValidator(e,t){return this.toggleValidator(true,e,t)}},{key:"updateValidatorOption",value:function updateValidatorOption(e,t,i,s){if(this.fields[e]&&this.fields[e].validators&&this.fields[e].validators[t]){this.fields[e].validators[t][i]=s;}return this}},{key:"setFieldOptions",value:function setFieldOptions(e,t){this.fields[e]=t;return this}},{key:"destroy",value:function destroy(){var _this8=this;Object.keys(this.plugins).forEach((function(e){return _this8.plugins[e].uninstall()}));this.ee.clear();this.filter.clear();this.results.clear();this.plugins={};return this}},{key:"setLocale",value:function setLocale(e,t){this.locale=e;this.localization=t;return this}},{key:"waterfall",value:function waterfall(e){return e.reduce((function(e,t){return e.then((function(e){return t().then((function(t){e.push(t);return e}))}))}),Promise.resolve([]))}},{key:"queryElements",value:function queryElements(e){var t=this.fields[e].selector?"#"===this.fields[e].selector.charAt(0)?'[id="'.concat(this.fields[e].selector.substring(1),'"]'):this.fields[e].selector:'[name="'.concat(e,'"]');return [].slice.call(this.form.querySelectorAll(t))}},{key:"normalizeResult",value:function normalizeResult(e,t,i){var s=this.fields[e].validators[t];return Object.assign({},i,{message:i.message||(s?s.message:"")||(this.localization&&this.localization[t]&&this.localization[t]["default"]?this.localization[t]["default"]:"")||"The field ".concat(e," is not valid")})}},{key:"toggleValidator",value:function toggleValidator(e,t,i){var _this9=this;var s=this.fields[t].validators;if(i&&s&&s[i]){this.fields[t].validators[i].enabled=e;}else if(!i){Object.keys(s).forEach((function(i){return _this9.fields[t].validators[i].enabled=e}));}return this.updateFieldStatus(t,"NotValidated",i)}}]);return l}();function r(e,t){var i=Object.assign({},{fields:{},locale:"en_US",plugins:{},init:function init(e){}},t);var r=new l$1(e,i.fields);r.setLocale(i.locale,i.localization);Object.keys(i.plugins).forEach((function(e){return r.registerPlugin(e,i.plugins[e])}));Object.keys(s$3).forEach((function(e){return r.registerValidator(e,s$3[e])}));i.init(r);Object.keys(i.fields).forEach((function(e){return r.addField(e,i.fields[e])}));return r}var t$4=function(){function t(_t){_classCallCheck(this,t);this.opts=_t;}_createClass(t,[{key:"setCore",value:function setCore(_t2){this.core=_t2;return this}},{key:"install",value:function install(){}},{key:"uninstall",value:function uninstall(){}}]);return t}();var index$2={getFieldValue:e$H};var e$4=function(_t){_inherits(e,_t);var _super=_createSuper(e);function e(t){var _this;_classCallCheck(this,e);_this=_super.call(this,t);_this.opts=t||{};_this.validatorNameFilter=_this.getValidatorName.bind(_assertThisInitialized(_this));return _this}_createClass(e,[{key:"install",value:function install(){this.core.registerFilter("validator-name",this.validatorNameFilter);}},{key:"uninstall",value:function uninstall(){this.core.deregisterFilter("validator-name",this.validatorNameFilter);}},{key:"getValidatorName",value:function getValidatorName(t,_e){return this.opts[t]||t}}]);return e}(t$4);var i$3=function(_e){_inherits(i,_e);var _super=_createSuper(i);function i(){var _this;_classCallCheck(this,i);_this=_super.call(this,{});_this.elementValidatedHandler=_this.onElementValidated.bind(_assertThisInitialized(_this));_this.fieldValidHandler=_this.onFieldValid.bind(_assertThisInitialized(_this));_this.fieldInvalidHandler=_this.onFieldInvalid.bind(_assertThisInitialized(_this));_this.messageDisplayedHandler=_this.onMessageDisplayed.bind(_assertThisInitialized(_this));return _this}_createClass(i,[{key:"install",value:function install(){this.core.on("core.field.valid",this.fieldValidHandler).on("core.field.invalid",this.fieldInvalidHandler).on("core.element.validated",this.elementValidatedHandler).on("plugins.message.displayed",this.messageDisplayedHandler);}},{key:"uninstall",value:function uninstall(){this.core.off("core.field.valid",this.fieldValidHandler).off("core.field.invalid",this.fieldInvalidHandler).off("core.element.validated",this.elementValidatedHandler).off("plugins.message.displayed",this.messageDisplayedHandler);}},{key:"onElementValidated",value:function onElementValidated(e){if(e.valid){e.element.setAttribute("aria-invalid","false");e.element.removeAttribute("aria-describedby");}}},{key:"onFieldValid",value:function onFieldValid(e){var _i=this.core.getElements(e);if(_i){_i.forEach((function(e){e.setAttribute("aria-invalid","false");e.removeAttribute("aria-describedby");}));}}},{key:"onFieldInvalid",value:function onFieldInvalid(e){var _i2=this.core.getElements(e);if(_i2){_i2.forEach((function(e){return e.setAttribute("aria-invalid","true")}));}}},{key:"onMessageDisplayed",value:function onMessageDisplayed(e){e.messageElement.setAttribute("role","alert");e.messageElement.setAttribute("aria-hidden","false");var _i3=this.core.getElements(e.field);var t=_i3.indexOf(e.element);var l="js-fv-".concat(e.field,"-").concat(t,"-").concat(Date.now(),"-message");e.messageElement.setAttribute("id",l);e.element.setAttribute("aria-describedby",l);var a=e.element.getAttribute("type");if("radio"===a||"checkbox"===a){_i3.forEach((function(e){return e.setAttribute("aria-describedby",l)}));}}}]);return i}(t$4);var t$3=function(_e){_inherits(t,_e);var _super=_createSuper(t);function t(e){var _this;_classCallCheck(this,t);_this=_super.call(this,e);_this.addedFields=new Map;_this.opts=Object.assign({},{html5Input:false,pluginPrefix:"data-fvp-",prefix:"data-fv-"},e);_this.fieldAddedHandler=_this.onFieldAdded.bind(_assertThisInitialized(_this));_this.fieldRemovedHandler=_this.onFieldRemoved.bind(_assertThisInitialized(_this));return _this}_createClass(t,[{key:"install",value:function install(){var _this2=this;this.parsePlugins();var e=this.parseOptions();Object.keys(e).forEach((function(_t){if(!_this2.addedFields.has(_t)){_this2.addedFields.set(_t,true);}_this2.core.addField(_t,e[_t]);}));this.core.on("core.field.added",this.fieldAddedHandler).on("core.field.removed",this.fieldRemovedHandler);}},{key:"uninstall",value:function uninstall(){this.addedFields.clear();this.core.off("core.field.added",this.fieldAddedHandler).off("core.field.removed",this.fieldRemovedHandler);}},{key:"onFieldAdded",value:function onFieldAdded(e){var _this3=this;var _t2=e.elements;if(!_t2||_t2.length===0||this.addedFields.has(e.field)){return}this.addedFields.set(e.field,true);_t2.forEach((function(_t3){var s=_this3.parseElement(_t3);if(!_this3.isEmptyOption(s)){var _t12={selector:e.options.selector,validators:Object.assign({},e.options.validators||{},s.validators)};_this3.core.setFieldOptions(e.field,_t12);}}));}},{key:"onFieldRemoved",value:function onFieldRemoved(e){if(e.field&&this.addedFields.has(e.field)){this.addedFields["delete"](e.field);}}},{key:"parseOptions",value:function parseOptions(){var _this4=this;var e=this.opts.prefix;var _t5={};var s=this.core.getFields();var a=this.core.getFormElement();var i=[].slice.call(a.querySelectorAll("[name], [".concat(e,"field]")));i.forEach((function(s){var a=_this4.parseElement(s);if(!_this4.isEmptyOption(a)){var _i=s.getAttribute("name")||s.getAttribute("".concat(e,"field"));_t5[_i]=Object.assign({},_t5[_i],a);}}));Object.keys(_t5).forEach((function(e){Object.keys(_t5[e].validators).forEach((function(a){_t5[e].validators[a].enabled=_t5[e].validators[a].enabled||false;if(s[e]&&s[e].validators&&s[e].validators[a]){Object.assign(_t5[e].validators[a],s[e].validators[a]);}}));}));return Object.assign({},s,_t5)}},{key:"createPluginInstance",value:function createPluginInstance(e,_t6){var s=e.split(".");var a=window||this;for(var _e2=0,_t13=s.length;_e2<_t13;_e2++){a=a[s[_e2]];}if(typeof a!=="function"){throw new Error("the plugin ".concat(e," doesn't exist"))}return new a(_t6)}},{key:"parsePlugins",value:function parsePlugins(){var _this5=this;var e=this.core.getFormElement();var _t8=new RegExp("^".concat(this.opts.pluginPrefix,"([a-z0-9-]+)(___)*([a-z0-9-]+)*$"));var s=e.attributes.length;var a={};for(var i=0;i<s;i++){var _s=e.attributes[i].name;var n=e.attributes[i].value;var r=_t8.exec(_s);if(r&&r.length===4){var _e3=this.toCamelCase(r[1]);a[_e3]=Object.assign({},r[3]?_defineProperty({},this.toCamelCase(r[3]),n):{enabled:""===n||"true"===n},a[_e3]);}}Object.keys(a).forEach((function(e){var _t9=a[e];var s=_t9["enabled"];var i=_t9["class"];if(s&&i){delete _t9["enabled"];delete _t9["clazz"];var _s2=_this5.createPluginInstance(i,_t9);_this5.core.registerPlugin(e,_s2);}}));}},{key:"isEmptyOption",value:function isEmptyOption(e){var _t10=e.validators;return Object.keys(_t10).length===0&&_t10.constructor===Object}},{key:"parseElement",value:function parseElement(e){var _t11=new RegExp("^".concat(this.opts.prefix,"([a-z0-9-]+)(___)*([a-z0-9-]+)*$"));var s=e.attributes.length;var a={};var i=e.getAttribute("type");for(var n=0;n<s;n++){var _s3=e.attributes[n].name;var r=e.attributes[n].value;if(this.opts.html5Input){switch(true){case"minlength"===_s3:a["stringLength"]=Object.assign({},{enabled:true,min:parseInt(r,10)},a["stringLength"]);break;case"maxlength"===_s3:a["stringLength"]=Object.assign({},{enabled:true,max:parseInt(r,10)},a["stringLength"]);break;case"pattern"===_s3:a["regexp"]=Object.assign({},{enabled:true,regexp:r},a["regexp"]);break;case"required"===_s3:a["notEmpty"]=Object.assign({},{enabled:true},a["notEmpty"]);break;case"type"===_s3&&"color"===r:a["color"]=Object.assign({},{enabled:true,type:"hex"},a["color"]);break;case"type"===_s3&&"email"===r:a["emailAddress"]=Object.assign({},{enabled:true},a["emailAddress"]);break;case"type"===_s3&&"url"===r:a["uri"]=Object.assign({},{enabled:true},a["uri"]);break;case"type"===_s3&&"range"===r:a["between"]=Object.assign({},{enabled:true,max:parseFloat(e.getAttribute("max")),min:parseFloat(e.getAttribute("min"))},a["between"]);break;case"min"===_s3&&i!=="date"&&i!=="range":a["greaterThan"]=Object.assign({},{enabled:true,min:parseFloat(r)},a["greaterThan"]);break;case"max"===_s3&&i!=="date"&&i!=="range":a["lessThan"]=Object.assign({},{enabled:true,max:parseFloat(r)},a["lessThan"]);break}}var l=_t11.exec(_s3);if(l&&l.length===4){var _e4=this.toCamelCase(l[1]);a[_e4]=Object.assign({},l[3]?_defineProperty({},this.toCamelCase(l[3]),this.normalizeValue(r)):{enabled:""===r||"true"===r},a[_e4]);}}return {validators:a}}},{key:"normalizeValue",value:function normalizeValue(e){return e==="true"?true:e==="false"?false:e}},{key:"toUpperCase",value:function toUpperCase(e){return e.charAt(1).toUpperCase()}},{key:"toCamelCase",value:function toCamelCase(e){return e.replace(/-./g,this.toUpperCase)}}]);return t}(t$4);var o=function(_t){_inherits(o,_t);var _super=_createSuper(o);function o(){var _this;_classCallCheck(this,o);_this=_super.call(this,{});_this.onValidHandler=_this.onFormValid.bind(_assertThisInitialized(_this));return _this}_createClass(o,[{key:"install",value:function install(){var t=this.core.getFormElement();if(t.querySelectorAll('[type="submit"][name="submit"]').length){throw new Error("Do not use `submit` for the name attribute of submit button")}this.core.on("core.form.valid",this.onValidHandler);}},{key:"uninstall",value:function uninstall(){this.core.off("core.form.valid",this.onValidHandler);}},{key:"onFormValid",value:function onFormValid(){var t=this.core.getFormElement();if(t instanceof HTMLFormElement){t.submit();}}}]);return o}(t$4);var e$3=function(_t){_inherits(e,_t);var _super=_createSuper(e);function e(t){var _this;_classCallCheck(this,e);_this=_super.call(this,t);_this.opts=t||{};_this.triggerExecutedHandler=_this.onTriggerExecuted.bind(_assertThisInitialized(_this));return _this}_createClass(e,[{key:"install",value:function install(){this.core.on("plugins.trigger.executed",this.triggerExecutedHandler);}},{key:"uninstall",value:function uninstall(){this.core.off("plugins.trigger.executed",this.triggerExecutedHandler);}},{key:"onTriggerExecuted",value:function onTriggerExecuted(t){if(this.opts[t.field]){var _e3=this.opts[t.field].split(" ");var _iterator=_createForOfIteratorHelper(_e3),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _t2=_step.value;var _e4=_t2.trim();if(this.opts[_e4]){this.core.revalidateField(_e4);}}}catch(err){_iterator.e(err);}finally{_iterator.f();}}}}]);return e}(t$4);var e$2=function(_t){_inherits(e,_t);var _super=_createSuper(e);function e(t){var _this;_classCallCheck(this,e);_this=_super.call(this,t);_this.opts=Object.assign({},{excluded:e.defaultIgnore},t);_this.ignoreValidationFilter=_this.ignoreValidation.bind(_assertThisInitialized(_this));return _this}_createClass(e,[{key:"install",value:function install(){this.core.registerFilter("element-ignored",this.ignoreValidationFilter);}},{key:"uninstall",value:function uninstall(){this.core.deregisterFilter("element-ignored",this.ignoreValidationFilter);}},{key:"ignoreValidation",value:function ignoreValidation(t,_e2,i){return this.opts.excluded.apply(this,[t,_e2,i])}}],[{key:"defaultIgnore",value:function defaultIgnore(t,_e,i){var r=!!(_e.offsetWidth||_e.offsetHeight||_e.getClientRects().length);var n=_e.getAttribute("disabled");return n===""||n==="disabled"||_e.getAttribute("type")==="hidden"||!r}}]);return e}(t$4);var t$2=function(_e){_inherits(t,_e);var _super=_createSuper(t);function t(e){var _this;_classCallCheck(this,t);_this=_super.call(this,e);_this.statuses=new Map;_this.opts=Object.assign({},{onStatusChanged:function onStatusChanged(){}},e);_this.elementValidatingHandler=_this.onElementValidating.bind(_assertThisInitialized(_this));_this.elementValidatedHandler=_this.onElementValidated.bind(_assertThisInitialized(_this));_this.elementNotValidatedHandler=_this.onElementNotValidated.bind(_assertThisInitialized(_this));_this.elementIgnoredHandler=_this.onElementIgnored.bind(_assertThisInitialized(_this));_this.fieldAddedHandler=_this.onFieldAdded.bind(_assertThisInitialized(_this));_this.fieldRemovedHandler=_this.onFieldRemoved.bind(_assertThisInitialized(_this));return _this}_createClass(t,[{key:"install",value:function install(){this.core.on("core.element.validating",this.elementValidatingHandler).on("core.element.validated",this.elementValidatedHandler).on("core.element.notvalidated",this.elementNotValidatedHandler).on("core.element.ignored",this.elementIgnoredHandler).on("core.field.added",this.fieldAddedHandler).on("core.field.removed",this.fieldRemovedHandler);}},{key:"uninstall",value:function uninstall(){this.statuses.clear();this.core.off("core.element.validating",this.elementValidatingHandler).off("core.element.validated",this.elementValidatedHandler).off("core.element.notvalidated",this.elementNotValidatedHandler).off("core.element.ignored",this.elementIgnoredHandler).off("core.field.added",this.fieldAddedHandler).off("core.field.removed",this.fieldRemovedHandler);}},{key:"areFieldsValid",value:function areFieldsValid(){return Array.from(this.statuses.values()).every((function(e){return e==="Valid"||e==="NotValidated"||e==="Ignored"}))}},{key:"getStatuses",value:function getStatuses(){return this.statuses}},{key:"onFieldAdded",value:function onFieldAdded(e){this.statuses.set(e.field,"NotValidated");}},{key:"onFieldRemoved",value:function onFieldRemoved(e){if(this.statuses.has(e.field)){this.statuses["delete"](e.field);}this.opts.onStatusChanged(this.areFieldsValid());}},{key:"onElementValidating",value:function onElementValidating(e){this.statuses.set(e.field,"Validating");this.opts.onStatusChanged(false);}},{key:"onElementValidated",value:function onElementValidated(e){this.statuses.set(e.field,e.valid?"Valid":"Invalid");if(e.valid){this.opts.onStatusChanged(this.areFieldsValid());}else {this.opts.onStatusChanged(false);}}},{key:"onElementNotValidated",value:function onElementNotValidated(e){this.statuses.set(e.field,"NotValidated");this.opts.onStatusChanged(false);}},{key:"onElementIgnored",value:function onElementIgnored(e){this.statuses.set(e.field,"Ignored");this.opts.onStatusChanged(this.areFieldsValid());}}]);return t}(t$4);function s$2(s,a){a.split(" ").forEach((function(a){if(s.classList){s.classList.add(a);}else if(" ".concat(s.className," ").indexOf(" ".concat(a," "))){s.className+=" ".concat(a);}}));}function a(s,a){a.split(" ").forEach((function(a){s.classList?s.classList.remove(a):s.className=s.className.replace(a,"");}));}function c(c,e){var t=[];var f=[];Object.keys(e).forEach((function(s){if(s){e[s]?t.push(s):f.push(s);}}));f.forEach((function(s){return a(c,s)}));t.forEach((function(a){return s$2(c,a)}));}function e$1(e,t){var l=e.matches||e.webkitMatchesSelector||e["mozMatchesSelector"]||e["msMatchesSelector"];if(l){return l.call(e,t)}var c=[].slice.call(e.parentElement.querySelectorAll(t));return c.indexOf(e)>=0}function t$1(t,l){var c=t;while(c){if(e$1(c,l)){break}c=c.parentElement;}return c}var s$1=function(_e){_inherits(s,_e);var _super=_createSuper(s);function s(e){var _this;_classCallCheck(this,s);_this=_super.call(this,e);_this.messages=new Map;_this.defaultContainer=document.createElement("div");_this.opts=Object.assign({},{container:function container(e,t){return _this.defaultContainer}},e);_this.elementIgnoredHandler=_this.onElementIgnored.bind(_assertThisInitialized(_this));_this.fieldAddedHandler=_this.onFieldAdded.bind(_assertThisInitialized(_this));_this.fieldRemovedHandler=_this.onFieldRemoved.bind(_assertThisInitialized(_this));_this.validatorValidatedHandler=_this.onValidatorValidated.bind(_assertThisInitialized(_this));_this.validatorNotValidatedHandler=_this.onValidatorNotValidated.bind(_assertThisInitialized(_this));return _this}_createClass(s,[{key:"install",value:function install(){this.core.getFormElement().appendChild(this.defaultContainer);this.core.on("core.element.ignored",this.elementIgnoredHandler).on("core.field.added",this.fieldAddedHandler).on("core.field.removed",this.fieldRemovedHandler).on("core.validator.validated",this.validatorValidatedHandler).on("core.validator.notvalidated",this.validatorNotValidatedHandler);}},{key:"uninstall",value:function uninstall(){this.core.getFormElement().removeChild(this.defaultContainer);this.messages.forEach((function(e){return e.parentNode.removeChild(e)}));this.messages.clear();this.core.off("core.element.ignored",this.elementIgnoredHandler).off("core.field.added",this.fieldAddedHandler).off("core.field.removed",this.fieldRemovedHandler).off("core.validator.validated",this.validatorValidatedHandler).off("core.validator.notvalidated",this.validatorNotValidatedHandler);}},{key:"onFieldAdded",value:function onFieldAdded(e){var _this2=this;var t=e.elements;if(t){t.forEach((function(e){var t=_this2.messages.get(e);if(t){t.parentNode.removeChild(t);_this2.messages["delete"](e);}}));this.prepareFieldContainer(e.field,t);}}},{key:"onFieldRemoved",value:function onFieldRemoved(e){var _this3=this;if(!e.elements.length||!e.field){return}var t=e.elements[0].getAttribute("type");var _s2="radio"===t||"checkbox"===t?[e.elements[0]]:e.elements;_s2.forEach((function(e){if(_this3.messages.has(e)){var _t=_this3.messages.get(e);_t.parentNode.removeChild(_t);_this3.messages["delete"](e);}}));}},{key:"prepareFieldContainer",value:function prepareFieldContainer(e,t){var _this4=this;if(t.length){var _s12=t[0].getAttribute("type");if("radio"===_s12||"checkbox"===_s12){this.prepareElementContainer(e,t[0],t);}else {t.forEach((function(_s4){return _this4.prepareElementContainer(e,_s4,t)}));}}}},{key:"prepareElementContainer",value:function prepareElementContainer(e,_s5,i){var a;if("string"===typeof this.opts.container){var _e2="#"===this.opts.container.charAt(0)?'[id="'.concat(this.opts.container.substring(1),'"]'):this.opts.container;a=this.core.getFormElement().querySelector(_e2);}else {a=this.opts.container(e,_s5);}var l=document.createElement("div");a.appendChild(l);c(l,{"fv-plugins-message-container":true});this.core.emit("plugins.message.placed",{element:_s5,elements:i,field:e,messageElement:l});this.messages.set(_s5,l);}},{key:"getMessage",value:function getMessage(e){return typeof e.message==="string"?e.message:e.message[this.core.getLocale()]}},{key:"onValidatorValidated",value:function onValidatorValidated(e){var _s6=e.elements;var i=e.element.getAttribute("type");var a=("radio"===i||"checkbox"===i)&&_s6.length>0?_s6[0]:e.element;if(this.messages.has(a)){var _s13=this.messages.get(a);var _i=_s13.querySelector('[data-field="'.concat(e.field,'"][data-validator="').concat(e.validator,'"]'));if(!_i&&!e.result.valid){var _i2=document.createElement("div");_i2.innerHTML=this.getMessage(e.result);_i2.setAttribute("data-field",e.field);_i2.setAttribute("data-validator",e.validator);if(this.opts.clazz){c(_i2,_defineProperty({},this.opts.clazz,true));}_s13.appendChild(_i2);this.core.emit("plugins.message.displayed",{element:e.element,field:e.field,message:e.result.message,messageElement:_i2,meta:e.result.meta,validator:e.validator});}else if(_i&&!e.result.valid){_i.innerHTML=this.getMessage(e.result);this.core.emit("plugins.message.displayed",{element:e.element,field:e.field,message:e.result.message,messageElement:_i,meta:e.result.meta,validator:e.validator});}else if(_i&&e.result.valid){_s13.removeChild(_i);}}}},{key:"onValidatorNotValidated",value:function onValidatorNotValidated(e){var t=e.elements;var _s8=e.element.getAttribute("type");var i="radio"===_s8||"checkbox"===_s8?t[0]:e.element;if(this.messages.has(i)){var _t3=this.messages.get(i);var _s14=_t3.querySelector('[data-field="'.concat(e.field,'"][data-validator="').concat(e.validator,'"]'));if(_s14){_t3.removeChild(_s14);}}}},{key:"onElementIgnored",value:function onElementIgnored(e){var t=e.elements;var _s10=e.element.getAttribute("type");var i="radio"===_s10||"checkbox"===_s10?t[0]:e.element;if(this.messages.has(i)){var _t4=this.messages.get(i);var _s15=[].slice.call(_t4.querySelectorAll('[data-field="'.concat(e.field,'"]')));_s15.forEach((function(e){_t4.removeChild(e);}));}}}],[{key:"getClosestContainer",value:function getClosestContainer(e,t,_s){var i=e;while(i){if(i===t){break}i=i.parentElement;if(_s.test(i.className)){break}}return i}}]);return s}(t$4);var l=function(_e){_inherits(l,_e);var _super=_createSuper(l);function l(e){var _this;_classCallCheck(this,l);_this=_super.call(this,e);_this.results=new Map;_this.containers=new Map;_this.opts=Object.assign({},{defaultMessageContainer:true,eleInvalidClass:"",eleValidClass:"",rowClasses:"",rowValidatingClass:""},e);_this.elementIgnoredHandler=_this.onElementIgnored.bind(_assertThisInitialized(_this));_this.elementValidatingHandler=_this.onElementValidating.bind(_assertThisInitialized(_this));_this.elementValidatedHandler=_this.onElementValidated.bind(_assertThisInitialized(_this));_this.elementNotValidatedHandler=_this.onElementNotValidated.bind(_assertThisInitialized(_this));_this.iconPlacedHandler=_this.onIconPlaced.bind(_assertThisInitialized(_this));_this.fieldAddedHandler=_this.onFieldAdded.bind(_assertThisInitialized(_this));_this.fieldRemovedHandler=_this.onFieldRemoved.bind(_assertThisInitialized(_this));_this.messagePlacedHandler=_this.onMessagePlaced.bind(_assertThisInitialized(_this));return _this}_createClass(l,[{key:"install",value:function install(){var _t,_this2=this;c(this.core.getFormElement(),(_t={},_defineProperty(_t,this.opts.formClass,true),_defineProperty(_t,"fv-plugins-framework",true),_t));this.core.on("core.element.ignored",this.elementIgnoredHandler).on("core.element.validating",this.elementValidatingHandler).on("core.element.validated",this.elementValidatedHandler).on("core.element.notvalidated",this.elementNotValidatedHandler).on("plugins.icon.placed",this.iconPlacedHandler).on("core.field.added",this.fieldAddedHandler).on("core.field.removed",this.fieldRemovedHandler);if(this.opts.defaultMessageContainer){this.core.registerPlugin("___frameworkMessage",new s$1({clazz:this.opts.messageClass,container:function container(e,t){var _l="string"===typeof _this2.opts.rowSelector?_this2.opts.rowSelector:_this2.opts.rowSelector(e,t);var a=t$1(t,_l);return s$1.getClosestContainer(t,a,_this2.opts.rowPattern)}}));this.core.on("plugins.message.placed",this.messagePlacedHandler);}}},{key:"uninstall",value:function uninstall(){var _t2;this.results.clear();this.containers.clear();c(this.core.getFormElement(),(_t2={},_defineProperty(_t2,this.opts.formClass,false),_defineProperty(_t2,"fv-plugins-framework",false),_t2));this.core.off("core.element.ignored",this.elementIgnoredHandler).off("core.element.validating",this.elementValidatingHandler).off("core.element.validated",this.elementValidatedHandler).off("core.element.notvalidated",this.elementNotValidatedHandler).off("plugins.icon.placed",this.iconPlacedHandler).off("core.field.added",this.fieldAddedHandler).off("core.field.removed",this.fieldRemovedHandler);if(this.opts.defaultMessageContainer){this.core.off("plugins.message.placed",this.messagePlacedHandler);}}},{key:"onIconPlaced",value:function onIconPlaced(e){}},{key:"onMessagePlaced",value:function onMessagePlaced(e){}},{key:"onFieldAdded",value:function onFieldAdded(e){var _this3=this;var s=e.elements;if(s){s.forEach((function(e){var s=_this3.containers.get(e);if(s){var _t3;c(s,(_t3={},_defineProperty(_t3,_this3.opts.rowInvalidClass,false),_defineProperty(_t3,_this3.opts.rowValidatingClass,false),_defineProperty(_t3,_this3.opts.rowValidClass,false),_defineProperty(_t3,"fv-plugins-icon-container",false),_t3));_this3.containers["delete"](e);}}));this.prepareFieldContainer(e.field,s);}}},{key:"onFieldRemoved",value:function onFieldRemoved(e){var _this4=this;e.elements.forEach((function(e){var s=_this4.containers.get(e);if(s){var _t4;c(s,(_t4={},_defineProperty(_t4,_this4.opts.rowInvalidClass,false),_defineProperty(_t4,_this4.opts.rowValidatingClass,false),_defineProperty(_t4,_this4.opts.rowValidClass,false),_t4));}}));}},{key:"prepareFieldContainer",value:function prepareFieldContainer(e,t){var _this5=this;if(t.length){var _s=t[0].getAttribute("type");if("radio"===_s||"checkbox"===_s){this.prepareElementContainer(e,t[0]);}else {t.forEach((function(t){return _this5.prepareElementContainer(e,t)}));}}}},{key:"prepareElementContainer",value:function prepareElementContainer(e,i){var _l2="string"===typeof this.opts.rowSelector?this.opts.rowSelector:this.opts.rowSelector(e,i);var a=t$1(i,_l2);if(a!==i){var _t5;c(a,(_t5={},_defineProperty(_t5,this.opts.rowClasses,true),_defineProperty(_t5,"fv-plugins-icon-container",true),_t5));this.containers.set(i,a);}}},{key:"onElementValidating",value:function onElementValidating(e){var s=e.elements;var i=e.element.getAttribute("type");var _l3="radio"===i||"checkbox"===i?s[0]:e.element;var a=this.containers.get(_l3);if(a){var _t6;c(a,(_t6={},_defineProperty(_t6,this.opts.rowInvalidClass,false),_defineProperty(_t6,this.opts.rowValidatingClass,true),_defineProperty(_t6,this.opts.rowValidClass,false),_t6));}}},{key:"onElementNotValidated",value:function onElementNotValidated(e){this.removeClasses(e.element,e.elements);}},{key:"onElementIgnored",value:function onElementIgnored(e){this.removeClasses(e.element,e.elements);}},{key:"removeClasses",value:function removeClasses(e,s){var _this6=this;var i=e.getAttribute("type");var _l4="radio"===i||"checkbox"===i?s[0]:e;s.forEach((function(e){var _t7;c(e,(_t7={},_defineProperty(_t7,_this6.opts.eleValidClass,false),_defineProperty(_t7,_this6.opts.eleInvalidClass,false),_t7));}));var a=this.containers.get(_l4);if(a){var _t8;c(a,(_t8={},_defineProperty(_t8,this.opts.rowInvalidClass,false),_defineProperty(_t8,this.opts.rowValidatingClass,false),_defineProperty(_t8,this.opts.rowValidClass,false),_t8));}}},{key:"onElementValidated",value:function onElementValidated(e){var _this7=this;var s=e.elements;var i=e.element.getAttribute("type");var _l5="radio"===i||"checkbox"===i?s[0]:e.element;s.forEach((function(s){var _t9;c(s,(_t9={},_defineProperty(_t9,_this7.opts.eleValidClass,e.valid),_defineProperty(_t9,_this7.opts.eleInvalidClass,!e.valid),_t9));}));var a=this.containers.get(_l5);if(a){if(!e.valid){var _t10;this.results.set(_l5,false);c(a,(_t10={},_defineProperty(_t10,this.opts.rowInvalidClass,true),_defineProperty(_t10,this.opts.rowValidatingClass,false),_defineProperty(_t10,this.opts.rowValidClass,false),_t10));}else {this.results["delete"](_l5);var _e2=true;this.containers.forEach((function(t,s){if(t===a&&_this7.results.get(s)===false){_e2=false;}}));if(_e2){var _t11;c(a,(_t11={},_defineProperty(_t11,this.opts.rowInvalidClass,false),_defineProperty(_t11,this.opts.rowValidatingClass,false),_defineProperty(_t11,this.opts.rowValidClass,true),_t11));}}}}}]);return l}(t$4);var i$2=function(_e){_inherits(i,_e);var _super=_createSuper(i);function i(e){var _this;_classCallCheck(this,i);_this=_super.call(this,e);_this.icons=new Map;_this.opts=Object.assign({},{invalid:"fv-plugins-icon--invalid",onPlaced:function onPlaced(){},onSet:function onSet(){},valid:"fv-plugins-icon--valid",validating:"fv-plugins-icon--validating"},e);_this.elementValidatingHandler=_this.onElementValidating.bind(_assertThisInitialized(_this));_this.elementValidatedHandler=_this.onElementValidated.bind(_assertThisInitialized(_this));_this.elementNotValidatedHandler=_this.onElementNotValidated.bind(_assertThisInitialized(_this));_this.elementIgnoredHandler=_this.onElementIgnored.bind(_assertThisInitialized(_this));_this.fieldAddedHandler=_this.onFieldAdded.bind(_assertThisInitialized(_this));return _this}_createClass(i,[{key:"install",value:function install(){this.core.on("core.element.validating",this.elementValidatingHandler).on("core.element.validated",this.elementValidatedHandler).on("core.element.notvalidated",this.elementNotValidatedHandler).on("core.element.ignored",this.elementIgnoredHandler).on("core.field.added",this.fieldAddedHandler);}},{key:"uninstall",value:function uninstall(){this.icons.forEach((function(e){return e.parentNode.removeChild(e)}));this.icons.clear();this.core.off("core.element.validating",this.elementValidatingHandler).off("core.element.validated",this.elementValidatedHandler).off("core.element.notvalidated",this.elementNotValidatedHandler).off("core.element.ignored",this.elementIgnoredHandler).off("core.field.added",this.fieldAddedHandler);}},{key:"onFieldAdded",value:function onFieldAdded(e){var _this2=this;var t=e.elements;if(t){t.forEach((function(e){var t=_this2.icons.get(e);if(t){t.parentNode.removeChild(t);_this2.icons["delete"](e);}}));this.prepareFieldIcon(e.field,t);}}},{key:"prepareFieldIcon",value:function prepareFieldIcon(e,t){var _this3=this;if(t.length){var _i8=t[0].getAttribute("type");if("radio"===_i8||"checkbox"===_i8){this.prepareElementIcon(e,t[0]);}else {t.forEach((function(t){return _this3.prepareElementIcon(e,t)}));}}}},{key:"prepareElementIcon",value:function prepareElementIcon(e,_i2){var n=document.createElement("i");n.setAttribute("data-field",e);_i2.parentNode.insertBefore(n,_i2.nextSibling);c(n,{"fv-plugins-icon":true});var l={classes:{invalid:this.opts.invalid,valid:this.opts.valid,validating:this.opts.validating},element:_i2,field:e,iconElement:n};this.core.emit("plugins.icon.placed",l);this.opts.onPlaced(l);this.icons.set(_i2,n);}},{key:"onElementValidating",value:function onElementValidating(e){var _this$setClasses;var t=this.setClasses(e.field,e.element,e.elements,(_this$setClasses={},_defineProperty(_this$setClasses,this.opts.invalid,false),_defineProperty(_this$setClasses,this.opts.valid,false),_defineProperty(_this$setClasses,this.opts.validating,true),_this$setClasses));var _i3={element:e.element,field:e.field,iconElement:t,status:"Validating"};this.core.emit("plugins.icon.set",_i3);this.opts.onSet(_i3);}},{key:"onElementValidated",value:function onElementValidated(e){var _this$setClasses2;var t=this.setClasses(e.field,e.element,e.elements,(_this$setClasses2={},_defineProperty(_this$setClasses2,this.opts.invalid,!e.valid),_defineProperty(_this$setClasses2,this.opts.valid,e.valid),_defineProperty(_this$setClasses2,this.opts.validating,false),_this$setClasses2));var _i4={element:e.element,field:e.field,iconElement:t,status:e.valid?"Valid":"Invalid"};this.core.emit("plugins.icon.set",_i4);this.opts.onSet(_i4);}},{key:"onElementNotValidated",value:function onElementNotValidated(e){var _this$setClasses3;var t=this.setClasses(e.field,e.element,e.elements,(_this$setClasses3={},_defineProperty(_this$setClasses3,this.opts.invalid,false),_defineProperty(_this$setClasses3,this.opts.valid,false),_defineProperty(_this$setClasses3,this.opts.validating,false),_this$setClasses3));var _i5={element:e.element,field:e.field,iconElement:t,status:"NotValidated"};this.core.emit("plugins.icon.set",_i5);this.opts.onSet(_i5);}},{key:"onElementIgnored",value:function onElementIgnored(e){var _this$setClasses4;var t=this.setClasses(e.field,e.element,e.elements,(_this$setClasses4={},_defineProperty(_this$setClasses4,this.opts.invalid,false),_defineProperty(_this$setClasses4,this.opts.valid,false),_defineProperty(_this$setClasses4,this.opts.validating,false),_this$setClasses4));var _i6={element:e.element,field:e.field,iconElement:t,status:"Ignored"};this.core.emit("plugins.icon.set",_i6);this.opts.onSet(_i6);}},{key:"setClasses",value:function setClasses(e,_i7,n,l){var s=_i7.getAttribute("type");var d="radio"===s||"checkbox"===s?n[0]:_i7;if(this.icons.has(d)){var _e2=this.icons.get(d);c(_e2,l);return _e2}else {return null}}}]);return i}(t$4);var i$1=function(_e){_inherits(i,_e);var _super=_createSuper(i);function i(e){var _this;_classCallCheck(this,i);_this=_super.call(this,e);_this.invalidFields=new Map;_this.opts=Object.assign({},{enabled:true},e);_this.validatorHandler=_this.onValidatorValidated.bind(_assertThisInitialized(_this));_this.shouldValidateFilter=_this.shouldValidate.bind(_assertThisInitialized(_this));_this.fieldAddedHandler=_this.onFieldAdded.bind(_assertThisInitialized(_this));_this.elementNotValidatedHandler=_this.onElementNotValidated.bind(_assertThisInitialized(_this));_this.elementValidatingHandler=_this.onElementValidating.bind(_assertThisInitialized(_this));return _this}_createClass(i,[{key:"install",value:function install(){this.core.on("core.validator.validated",this.validatorHandler).on("core.field.added",this.fieldAddedHandler).on("core.element.notvalidated",this.elementNotValidatedHandler).on("core.element.validating",this.elementValidatingHandler).registerFilter("field-should-validate",this.shouldValidateFilter);}},{key:"uninstall",value:function uninstall(){this.invalidFields.clear();this.core.off("core.validator.validated",this.validatorHandler).off("core.field.added",this.fieldAddedHandler).off("core.element.notvalidated",this.elementNotValidatedHandler).off("core.element.validating",this.elementValidatingHandler).deregisterFilter("field-should-validate",this.shouldValidateFilter);}},{key:"shouldValidate",value:function shouldValidate(e,_i,t,l){var d=(this.opts.enabled===true||this.opts.enabled[e]===true)&&this.invalidFields.has(_i)&&!!this.invalidFields.get(_i).length&&this.invalidFields.get(_i).indexOf(l)===-1;return !d}},{key:"onValidatorValidated",value:function onValidatorValidated(e){var _i2=this.invalidFields.has(e.element)?this.invalidFields.get(e.element):[];var t=_i2.indexOf(e.validator);if(e.result.valid&&t>=0){_i2.splice(t,1);}else if(!e.result.valid&&t===-1){_i2.push(e.validator);}this.invalidFields.set(e.element,_i2);}},{key:"onFieldAdded",value:function onFieldAdded(e){if(e.elements){this.clearInvalidFields(e.elements);}}},{key:"onElementNotValidated",value:function onElementNotValidated(e){this.clearInvalidFields(e.elements);}},{key:"onElementValidating",value:function onElementValidating(e){this.clearInvalidFields(e.elements);}},{key:"clearInvalidFields",value:function clearInvalidFields(e){var _this2=this;e.forEach((function(e){return _this2.invalidFields["delete"](e)}));}}]);return i}(t$4);var e=function(_t){_inherits(e,_t);var _super=_createSuper(e);function e(t){var _this;_classCallCheck(this,e);_this=_super.call(this,t);_this.isFormValid=false;_this.opts=Object.assign({},{aspNetButton:false,buttons:function buttons(t){return [].slice.call(t.querySelectorAll('[type="submit"]:not([formnovalidate])'))}},t);_this.submitHandler=_this.handleSubmitEvent.bind(_assertThisInitialized(_this));_this.buttonClickHandler=_this.handleClickEvent.bind(_assertThisInitialized(_this));return _this}_createClass(e,[{key:"install",value:function install(){var _this2=this;if(!(this.core.getFormElement()instanceof HTMLFormElement)){return}var t=this.core.getFormElement();this.submitButtons=this.opts.buttons(t);t.setAttribute("novalidate","novalidate");t.addEventListener("submit",this.submitHandler);this.hiddenClickedEle=document.createElement("input");this.hiddenClickedEle.setAttribute("type","hidden");t.appendChild(this.hiddenClickedEle);this.submitButtons.forEach((function(t){t.addEventListener("click",_this2.buttonClickHandler);}));}},{key:"uninstall",value:function uninstall(){var _this3=this;var t=this.core.getFormElement();if(t instanceof HTMLFormElement){t.removeEventListener("submit",this.submitHandler);}this.submitButtons.forEach((function(t){t.removeEventListener("click",_this3.buttonClickHandler);}));this.hiddenClickedEle.parentElement.removeChild(this.hiddenClickedEle);}},{key:"handleSubmitEvent",value:function handleSubmitEvent(t){this.validateForm(t);}},{key:"handleClickEvent",value:function handleClickEvent(t){var _e=t.currentTarget;if(_e instanceof HTMLElement){if(this.opts.aspNetButton&&this.isFormValid===true);else {var _e3=this.core.getFormElement();_e3.removeEventListener("submit",this.submitHandler);this.clickedButton=t.target;var i=this.clickedButton.getAttribute("name");var s=this.clickedButton.getAttribute("value");if(i&&s){this.hiddenClickedEle.setAttribute("name",i);this.hiddenClickedEle.setAttribute("value",s);}this.validateForm(t);}}}},{key:"validateForm",value:function validateForm(t){var _this4=this;t.preventDefault();this.core.validate().then((function(t){if(t==="Valid"&&_this4.opts.aspNetButton&&!_this4.isFormValid&&_this4.clickedButton){_this4.isFormValid=true;_this4.clickedButton.removeEventListener("click",_this4.buttonClickHandler);_this4.clickedButton.click();}}));}}]);return e}(t$4);var i=function(_t){_inherits(i,_t);var _super=_createSuper(i);function i(t){var _this;_classCallCheck(this,i);_this=_super.call(this,t);_this.messages=new Map;_this.opts=Object.assign({},{placement:"top",trigger:"click"},t);_this.iconPlacedHandler=_this.onIconPlaced.bind(_assertThisInitialized(_this));_this.validatorValidatedHandler=_this.onValidatorValidated.bind(_assertThisInitialized(_this));_this.elementValidatedHandler=_this.onElementValidated.bind(_assertThisInitialized(_this));_this.documentClickHandler=_this.onDocumentClicked.bind(_assertThisInitialized(_this));return _this}_createClass(i,[{key:"install",value:function install(){this.tip=document.createElement("div");c(this.tip,_defineProperty({"fv-plugins-tooltip":true},"fv-plugins-tooltip--".concat(this.opts.placement),true));document.body.appendChild(this.tip);this.core.on("plugins.icon.placed",this.iconPlacedHandler).on("core.validator.validated",this.validatorValidatedHandler).on("core.element.validated",this.elementValidatedHandler);if("click"===this.opts.trigger){document.addEventListener("click",this.documentClickHandler);}}},{key:"uninstall",value:function uninstall(){this.messages.clear();document.body.removeChild(this.tip);this.core.off("plugins.icon.placed",this.iconPlacedHandler).off("core.validator.validated",this.validatorValidatedHandler).off("core.element.validated",this.elementValidatedHandler);if("click"===this.opts.trigger){document.removeEventListener("click",this.documentClickHandler);}}},{key:"onIconPlaced",value:function onIconPlaced(t){var _this2=this;c(t.iconElement,{"fv-plugins-tooltip-icon":true});switch(this.opts.trigger){case"hover":t.iconElement.addEventListener("mouseenter",(function(e){return _this2.show(t.element,e)}));t.iconElement.addEventListener("mouseleave",(function(t){return _this2.hide()}));break;case"click":default:t.iconElement.addEventListener("click",(function(e){return _this2.show(t.element,e)}));break}}},{key:"onValidatorValidated",value:function onValidatorValidated(t){if(!t.result.valid){var _e2=t.elements;var _i4=t.element.getAttribute("type");var s="radio"===_i4||"checkbox"===_i4?_e2[0]:t.element;var o=typeof t.result.message==="string"?t.result.message:t.result.message[this.core.getLocale()];this.messages.set(s,o);}}},{key:"onElementValidated",value:function onElementValidated(t){if(t.valid){var _e3=t.elements;var _i5=t.element.getAttribute("type");var s="radio"===_i5||"checkbox"===_i5?_e3[0]:t.element;this.messages["delete"](s);}}},{key:"onDocumentClicked",value:function onDocumentClicked(t){this.hide();}},{key:"show",value:function show(t,_i3){_i3.preventDefault();_i3.stopPropagation();if(!this.messages.has(t)){return}c(this.tip,{"fv-plugins-tooltip--hide":false});this.tip.innerHTML='<div class="fv-plugins-tooltip__content">'.concat(this.messages.get(t),"</div>");var s=_i3.target;var o=s.getBoundingClientRect();var _this$tip$getBounding=this.tip.getBoundingClientRect(),l=_this$tip$getBounding.height,n=_this$tip$getBounding.width;var a=0;var d=0;switch(this.opts.placement){case"bottom":a=o.top+o.height;d=o.left+o.width/2-n/2;break;case"bottom-left":a=o.top+o.height;d=o.left;break;case"bottom-right":a=o.top+o.height;d=o.left+o.width-n;break;case"left":a=o.top+o.height/2-l/2;d=o.left-n;break;case"right":a=o.top+o.height/2-l/2;d=o.left+o.width;break;case"top-left":a=o.top-l;d=o.left;break;case"top-right":a=o.top-l;d=o.left+o.width-n;break;case"top":default:a=o.top-l;d=o.left+o.width/2-n/2;break}var c$1=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;var r=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;a=a+c$1;d=d+r;this.tip.setAttribute("style","top: ".concat(a,"px; left: ").concat(d,"px"));}},{key:"hide",value:function hide(){c(this.tip,{"fv-plugins-tooltip--hide":true});}}]);return i}(t$4);var t=function(_e){_inherits(t,_e);var _super=_createSuper(t);function t(e){var _this;_classCallCheck(this,t);_this=_super.call(this,e);_this.handlers=[];_this.timers=new Map;var _t=document.createElement("div");_this.defaultEvent=!("oninput"in _t)?"keyup":"input";_this.opts=Object.assign({},{delay:0,event:_this.defaultEvent,threshold:0},e);_this.fieldAddedHandler=_this.onFieldAdded.bind(_assertThisInitialized(_this));_this.fieldRemovedHandler=_this.onFieldRemoved.bind(_assertThisInitialized(_this));return _this}_createClass(t,[{key:"install",value:function install(){this.core.on("core.field.added",this.fieldAddedHandler).on("core.field.removed",this.fieldRemovedHandler);}},{key:"uninstall",value:function uninstall(){this.handlers.forEach((function(e){return e.element.removeEventListener(e.event,e.handler)}));this.handlers=[];this.timers.forEach((function(e){return window.clearTimeout(e)}));this.timers.clear();this.core.off("core.field.added",this.fieldAddedHandler).off("core.field.removed",this.fieldRemovedHandler);}},{key:"prepareHandler",value:function prepareHandler(e,_t2){var _this2=this;_t2.forEach((function(_t3){var i=[];if(!!_this2.opts.event&&_this2.opts.event[e]===false){i=[];}else if(!!_this2.opts.event&&!!_this2.opts.event[e]){i=_this2.opts.event[e].split(" ");}else if("string"===typeof _this2.opts.event&&_this2.opts.event!==_this2.defaultEvent){i=_this2.opts.event.split(" ");}else {var _e2=_t3.getAttribute("type");var s=_t3.tagName.toLowerCase();var n="radio"===_e2||"checkbox"===_e2||"file"===_e2||"select"===s?"change":_this2.ieVersion>=10&&_t3.getAttribute("placeholder")?"keyup":_this2.defaultEvent;i=[n];}i.forEach((function(i){var s=function s(i){return _this2.handleEvent(i,e,_t3)};_this2.handlers.push({element:_t3,event:i,field:e,handler:s});_t3.addEventListener(i,s);}));}));}},{key:"handleEvent",value:function handleEvent(e,_t4,i){var _this3=this;if(this.exceedThreshold(_t4,i)&&this.core.executeFilter("plugins-trigger-should-validate",true,[_t4,i])){var s=function s(){return _this3.core.validateElement(_t4,i).then((function(s){_this3.core.emit("plugins.trigger.executed",{element:i,event:e,field:_t4});}))};var n=this.opts.delay[_t4]||this.opts.delay;if(n===0){s();}else {var _e3=this.timers.get(i);if(_e3){window.clearTimeout(_e3);}this.timers.set(i,window.setTimeout(s,n*1e3));}}}},{key:"onFieldAdded",value:function onFieldAdded(e){this.handlers.filter((function(_t5){return _t5.field===e.field})).forEach((function(e){return e.element.removeEventListener(e.event,e.handler)}));this.prepareHandler(e.field,e.elements);}},{key:"onFieldRemoved",value:function onFieldRemoved(e){this.handlers.filter((function(_t6){return _t6.field===e.field&&e.elements.indexOf(_t6.element)>=0})).forEach((function(e){return e.element.removeEventListener(e.event,e.handler)}));}},{key:"exceedThreshold",value:function exceedThreshold(e,_t7){var i=this.opts.threshold[e]===0||this.opts.threshold===0?false:this.opts.threshold[e]||this.opts.threshold;if(!i){return true}var s=_t7.getAttribute("type");if(["button","checkbox","file","hidden","image","radio","reset","submit"].indexOf(s)!==-1){return true}var n=this.core.getElementValue(e,_t7);return n.length>=i}}]);return t}(t$4);var index$1={Alias:e$4,Aria:i$3,Declarative:t$3,DefaultSubmit:o,Dependency:e$3,Excluded:e$2,FieldStatus:t$2,Framework:l,Icon:i$2,Message:s$1,Sequence:i$1,SubmitButton:e,Tooltip:i,Trigger:t};function s(s,t){return s.classList?s.classList.contains(t):new RegExp("(^| )".concat(t,"( |$)"),"gi").test(s.className)}var index={call:t$_,classSet:c,closest:t$1,fetch:e$D,format:r$d,hasClass:s,isValidDate:t$X};var p={};exports.Plugin=t$4;exports.algorithms=index$3;exports.filters=index$2;exports.formValidation=r;exports.locales=p;exports.plugins=index$1;exports.utils=index;exports.validators=s$3;Object.defineProperty(exports,"__esModule",{value:true});}));
|
|
13958
13959
|
|
|
13959
13960
|
const ptcFormCss = ".sc-ptc-form-h{display:block}";
|
|
13960
13961
|
|
|
13961
|
-
let PtcForm$1 = class extends HTMLElement$1 {
|
|
13962
|
-
constructor() {
|
|
13963
|
-
super();
|
|
13964
|
-
this.__registerHost();
|
|
13965
|
-
}
|
|
13966
|
-
handleChange(event) {
|
|
13967
|
-
this.inputValue = event.target.value;
|
|
13968
|
-
// if (event.target.validity.typeMismatch) {
|
|
13969
|
-
// console.log('this element is not valid')
|
|
13970
|
-
// };
|
|
13971
|
-
console.log(this.inputValue);
|
|
13972
|
-
}
|
|
13973
|
-
handleSelect(event) {
|
|
13974
|
-
this.selectValue = event.target.value;
|
|
13975
|
-
console.log(this.selectValue);
|
|
13976
|
-
}
|
|
13977
|
-
componentDidLoad() {
|
|
13978
|
-
// const countryValue = (this.el.shadowRoot.getElementById("contact-country") as HTMLInputElement).value;
|
|
13979
|
-
// console.log(countryValue);
|
|
13980
|
-
//console.log(this.el.shadowRoot.querySelector('form'));
|
|
13981
|
-
window.FormValidation.formValidation(this.el.querySelector('form'), {
|
|
13982
|
-
fields: {
|
|
13983
|
-
firstname: {
|
|
13984
|
-
validators: {
|
|
13985
|
-
notEmpty: {
|
|
13986
|
-
message: '* The first name is required',
|
|
13987
|
-
},
|
|
13988
|
-
regexp: {
|
|
13989
|
-
regexp: /^[a-zA-Z0-9_]+$/,
|
|
13990
|
-
message: '* The username can only consist of alphabetical, number and underscore',
|
|
13991
|
-
},
|
|
13992
|
-
},
|
|
13993
|
-
},
|
|
13994
|
-
lastname: {
|
|
13995
|
-
validators: {
|
|
13996
|
-
notEmpty: {
|
|
13997
|
-
message: '* The last name is required',
|
|
13998
|
-
},
|
|
13999
|
-
regexp: {
|
|
14000
|
-
regexp: /^[a-zA-Z0-9_]+$/,
|
|
14001
|
-
message: '* The username can only consist of alphabetical, number and underscore',
|
|
14002
|
-
},
|
|
14003
|
-
},
|
|
14004
|
-
},
|
|
14005
|
-
email: {
|
|
14006
|
-
validators: {
|
|
14007
|
-
notEmpty: {
|
|
14008
|
-
message: '* Please enter your email',
|
|
14009
|
-
},
|
|
14010
|
-
emailAddress: {
|
|
14011
|
-
message: '* The value is not a valid email address',
|
|
14012
|
-
},
|
|
14013
|
-
},
|
|
14014
|
-
},
|
|
14015
|
-
required: {
|
|
14016
|
-
validators: {
|
|
14017
|
-
notEmpty: {
|
|
14018
|
-
message: '* This field is required',
|
|
14019
|
-
},
|
|
14020
|
-
},
|
|
14021
|
-
},
|
|
14022
|
-
phoneNumber: {
|
|
14023
|
-
validators: {
|
|
14024
|
-
// phone: {
|
|
14025
|
-
// country: function () {
|
|
14026
|
-
// return countryValue;
|
|
14027
|
-
// },
|
|
14028
|
-
// message: 'The value is not a valid phone number',
|
|
14029
|
-
// },
|
|
14030
|
-
notEmpty: {
|
|
14031
|
-
message: '* phone number is required',
|
|
14032
|
-
},
|
|
14033
|
-
},
|
|
14034
|
-
},
|
|
14035
|
-
postalCode: {
|
|
14036
|
-
validators: {
|
|
14037
|
-
// zipCode: {
|
|
14038
|
-
// country: function () {
|
|
14039
|
-
// return countryValue;
|
|
14040
|
-
// },
|
|
14041
|
-
// message: 'The value is not a valid postal code',
|
|
14042
|
-
// },
|
|
14043
|
-
notEmpty: {
|
|
14044
|
-
message: '* zipcode is required',
|
|
14045
|
-
},
|
|
14046
|
-
},
|
|
14047
|
-
},
|
|
14048
|
-
},
|
|
14049
|
-
plugins: {
|
|
14050
|
-
message: new FormValidation.plugins.Message({
|
|
14051
|
-
clazz: '...',
|
|
14052
|
-
}),
|
|
14053
|
-
trigger: new FormValidation.plugins.Trigger(),
|
|
14054
|
-
submitButton: new FormValidation.plugins.SubmitButton(),
|
|
14055
|
-
defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
|
|
14056
|
-
},
|
|
14057
|
-
});
|
|
14058
|
-
//fv.revalidateField('phoneNumber')
|
|
14059
|
-
}
|
|
14060
|
-
render() {
|
|
14061
|
-
return (h("form", { id: "loginForm", method: "POST", class: "loginForm" }, h("slot", null), h("button", { type: "submit", class: "btn btn-primary" }, "Login")));
|
|
14062
|
-
}
|
|
14063
|
-
static get assetsDirs() { return ["validation"]; }
|
|
14064
|
-
get el() { return this; }
|
|
14065
|
-
static get style() { return ptcFormCss; }
|
|
13962
|
+
let PtcForm$1 = class extends HTMLElement$1 {
|
|
13963
|
+
constructor() {
|
|
13964
|
+
super();
|
|
13965
|
+
this.__registerHost();
|
|
13966
|
+
}
|
|
13967
|
+
handleChange(event) {
|
|
13968
|
+
this.inputValue = event.target.value;
|
|
13969
|
+
// if (event.target.validity.typeMismatch) {
|
|
13970
|
+
// console.log('this element is not valid')
|
|
13971
|
+
// };
|
|
13972
|
+
console.log(this.inputValue);
|
|
13973
|
+
}
|
|
13974
|
+
handleSelect(event) {
|
|
13975
|
+
this.selectValue = event.target.value;
|
|
13976
|
+
console.log(this.selectValue);
|
|
13977
|
+
}
|
|
13978
|
+
componentDidLoad() {
|
|
13979
|
+
// const countryValue = (this.el.shadowRoot.getElementById("contact-country") as HTMLInputElement).value;
|
|
13980
|
+
// console.log(countryValue);
|
|
13981
|
+
//console.log(this.el.shadowRoot.querySelector('form'));
|
|
13982
|
+
window.FormValidation.formValidation(this.el.querySelector('form'), {
|
|
13983
|
+
fields: {
|
|
13984
|
+
firstname: {
|
|
13985
|
+
validators: {
|
|
13986
|
+
notEmpty: {
|
|
13987
|
+
message: '* The first name is required',
|
|
13988
|
+
},
|
|
13989
|
+
regexp: {
|
|
13990
|
+
regexp: /^[a-zA-Z0-9_]+$/,
|
|
13991
|
+
message: '* The username can only consist of alphabetical, number and underscore',
|
|
13992
|
+
},
|
|
13993
|
+
},
|
|
13994
|
+
},
|
|
13995
|
+
lastname: {
|
|
13996
|
+
validators: {
|
|
13997
|
+
notEmpty: {
|
|
13998
|
+
message: '* The last name is required',
|
|
13999
|
+
},
|
|
14000
|
+
regexp: {
|
|
14001
|
+
regexp: /^[a-zA-Z0-9_]+$/,
|
|
14002
|
+
message: '* The username can only consist of alphabetical, number and underscore',
|
|
14003
|
+
},
|
|
14004
|
+
},
|
|
14005
|
+
},
|
|
14006
|
+
email: {
|
|
14007
|
+
validators: {
|
|
14008
|
+
notEmpty: {
|
|
14009
|
+
message: '* Please enter your email',
|
|
14010
|
+
},
|
|
14011
|
+
emailAddress: {
|
|
14012
|
+
message: '* The value is not a valid email address',
|
|
14013
|
+
},
|
|
14014
|
+
},
|
|
14015
|
+
},
|
|
14016
|
+
required: {
|
|
14017
|
+
validators: {
|
|
14018
|
+
notEmpty: {
|
|
14019
|
+
message: '* This field is required',
|
|
14020
|
+
},
|
|
14021
|
+
},
|
|
14022
|
+
},
|
|
14023
|
+
phoneNumber: {
|
|
14024
|
+
validators: {
|
|
14025
|
+
// phone: {
|
|
14026
|
+
// country: function () {
|
|
14027
|
+
// return countryValue;
|
|
14028
|
+
// },
|
|
14029
|
+
// message: 'The value is not a valid phone number',
|
|
14030
|
+
// },
|
|
14031
|
+
notEmpty: {
|
|
14032
|
+
message: '* phone number is required',
|
|
14033
|
+
},
|
|
14034
|
+
},
|
|
14035
|
+
},
|
|
14036
|
+
postalCode: {
|
|
14037
|
+
validators: {
|
|
14038
|
+
// zipCode: {
|
|
14039
|
+
// country: function () {
|
|
14040
|
+
// return countryValue;
|
|
14041
|
+
// },
|
|
14042
|
+
// message: 'The value is not a valid postal code',
|
|
14043
|
+
// },
|
|
14044
|
+
notEmpty: {
|
|
14045
|
+
message: '* zipcode is required',
|
|
14046
|
+
},
|
|
14047
|
+
},
|
|
14048
|
+
},
|
|
14049
|
+
},
|
|
14050
|
+
plugins: {
|
|
14051
|
+
message: new FormValidation.plugins.Message({
|
|
14052
|
+
clazz: '...',
|
|
14053
|
+
}),
|
|
14054
|
+
trigger: new FormValidation.plugins.Trigger(),
|
|
14055
|
+
submitButton: new FormValidation.plugins.SubmitButton(),
|
|
14056
|
+
defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
|
|
14057
|
+
},
|
|
14058
|
+
});
|
|
14059
|
+
//fv.revalidateField('phoneNumber')
|
|
14060
|
+
}
|
|
14061
|
+
render() {
|
|
14062
|
+
return (h("form", { id: "loginForm", method: "POST", class: "loginForm" }, h("slot", null), h("button", { type: "submit", class: "btn btn-primary" }, "Login")));
|
|
14063
|
+
}
|
|
14064
|
+
static get assetsDirs() { return ["validation"]; }
|
|
14065
|
+
get el() { return this; }
|
|
14066
|
+
static get style() { return ptcFormCss; }
|
|
14066
14067
|
};
|
|
14067
14068
|
|
|
14068
14069
|
const ptcHeroCss = ":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}";
|
|
14069
14070
|
|
|
14070
|
-
let PtcHero$1 = class extends HTMLElement$1 {
|
|
14071
|
-
constructor() {
|
|
14072
|
-
super();
|
|
14073
|
-
this.__registerHost();
|
|
14074
|
-
this.__attachShadow();
|
|
14075
|
-
/**
|
|
14076
|
-
* Hero Background Image URL
|
|
14077
|
-
*/
|
|
14078
|
-
this.bgUrl = undefined;
|
|
14079
|
-
}
|
|
14080
|
-
render() {
|
|
14081
|
-
const classMap = this.getCssClassMap();
|
|
14082
|
-
return (h(Host, { class: classMap }, h("div", { class: "ptc-hero-wrapper" }, h("ptc-img", Object.assign({ "image-type": "smart-bg" }, (!!this.bgUrl ? { imgUrl: this.bgUrl } : {}), { "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }), this.heroType == 'jumbotron' ? ([h("ptc-overlay", { "filter-color": "black-1" }), h("ptc-overlay", { "filter-color": "black-2" })]) : this.heroType == 'footer-cta' ? (h("ptc-overlay", { "filter-color": "black-3" })) : null, h("slot", null)))));
|
|
14083
|
-
}
|
|
14084
|
-
getCssClassMap() {
|
|
14085
|
-
return {
|
|
14086
|
-
[this.heroType]: this.heroType ? true : false,
|
|
14087
|
-
};
|
|
14088
|
-
}
|
|
14089
|
-
static get style() { return ptcHeroCss; }
|
|
14071
|
+
let PtcHero$1 = class extends HTMLElement$1 {
|
|
14072
|
+
constructor() {
|
|
14073
|
+
super();
|
|
14074
|
+
this.__registerHost();
|
|
14075
|
+
this.__attachShadow();
|
|
14076
|
+
/**
|
|
14077
|
+
* Hero Background Image URL
|
|
14078
|
+
*/
|
|
14079
|
+
this.bgUrl = undefined;
|
|
14080
|
+
}
|
|
14081
|
+
render() {
|
|
14082
|
+
const classMap = this.getCssClassMap();
|
|
14083
|
+
return (h(Host, { class: classMap }, h("div", { class: "ptc-hero-wrapper" }, h("ptc-img", Object.assign({ "image-type": "smart-bg" }, (!!this.bgUrl ? { imgUrl: this.bgUrl } : {}), { "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }), this.heroType == 'jumbotron' ? ([h("ptc-overlay", { "filter-color": "black-1" }), h("ptc-overlay", { "filter-color": "black-2" })]) : this.heroType == 'footer-cta' ? (h("ptc-overlay", { "filter-color": "black-3" })) : null, h("slot", null)))));
|
|
14084
|
+
}
|
|
14085
|
+
getCssClassMap() {
|
|
14086
|
+
return {
|
|
14087
|
+
[this.heroType]: this.heroType ? true : false,
|
|
14088
|
+
};
|
|
14089
|
+
}
|
|
14090
|
+
static get style() { return ptcHeroCss; }
|
|
14090
14091
|
};
|
|
14091
14092
|
|
|
14092
|
-
let ResponsiveBgVariables = {
|
|
14093
|
-
envs: ['xs', 'sm', 'md', 'lg'],
|
|
14094
|
-
selector: '.ptc-img',
|
|
14095
|
-
interval: 250
|
|
14096
|
-
};
|
|
14097
|
-
let ResponsivePictureVariables = {
|
|
14098
|
-
envs: ['xs', 'sm', 'md', 'lg'],
|
|
14099
|
-
selector: '.ptc-picture',
|
|
14100
|
-
interval: 250
|
|
14093
|
+
let ResponsiveBgVariables = {
|
|
14094
|
+
envs: ['xs', 'sm', 'md', 'lg'],
|
|
14095
|
+
selector: '.ptc-img',
|
|
14096
|
+
interval: 250
|
|
14097
|
+
};
|
|
14098
|
+
let ResponsivePictureVariables = {
|
|
14099
|
+
envs: ['xs', 'sm', 'md', 'lg'],
|
|
14100
|
+
selector: '.ptc-picture',
|
|
14101
|
+
interval: 250
|
|
14101
14102
|
};
|
|
14102
14103
|
|
|
14103
14104
|
const ptcImgCss = ".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-sm{border-radius:var(--ptc-border-radius-small)}.radius-md{border-radius:var(--ptc-border-radius-medium)}.radius-lg{border-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-primary-lightgrey)}@media (max-width: 767px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media (min-width: 1200px){.hidden-lg{display:none !important}}";
|
|
14104
14105
|
|
|
14105
|
-
let PtcImg$1 = class extends HTMLElement$1 {
|
|
14106
|
-
constructor() {
|
|
14107
|
-
super();
|
|
14108
|
-
this.__registerHost();
|
|
14109
|
-
/**
|
|
14110
|
-
* Image size for smallest screen
|
|
14111
|
-
* <=767px
|
|
14112
|
-
*/
|
|
14113
|
-
this.sizeXs = '510x340';
|
|
14114
|
-
/**
|
|
14115
|
-
* Image size for small screen
|
|
14116
|
-
* >=768px and <=991px
|
|
14117
|
-
*/
|
|
14118
|
-
this.sizeSm = '1240x496';
|
|
14119
|
-
/**
|
|
14120
|
-
* Image size for medium screen
|
|
14121
|
-
* >=992px and <=1199px
|
|
14122
|
-
*/
|
|
14123
|
-
this.sizeMd = '1366x500';
|
|
14124
|
-
/**
|
|
14125
|
-
* Image solution for large screen
|
|
14126
|
-
* >=1200px
|
|
14127
|
-
*/
|
|
14128
|
-
this.sizeLg = '1920x1080';
|
|
14129
|
-
/**
|
|
14130
|
-
* Image type
|
|
14131
|
-
*/
|
|
14132
|
-
this.imageType = 'smart-bg';
|
|
14133
|
-
/**
|
|
14134
|
-
* Image border shape
|
|
14135
|
-
*/
|
|
14136
|
-
this.borderRadius = '';
|
|
14137
|
-
/**
|
|
14138
|
-
* Lazy loading option
|
|
14139
|
-
*/
|
|
14140
|
-
this.loadMode = 'lazy-bg';
|
|
14141
|
-
}
|
|
14142
|
-
/**
|
|
14143
|
-
* Image Z Index
|
|
14144
|
-
*/
|
|
14145
|
-
// @Prop() imageZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2' = 'z-index-auto';
|
|
14146
|
-
WindowResize() {
|
|
14147
|
-
this.setResponsiveBg();
|
|
14148
|
-
}
|
|
14149
|
-
render() {
|
|
14150
|
-
const classMap = this.getCssClassMap();
|
|
14151
|
-
return (h(Host, null, h("div", { class: classMap, "data-xs": `${this.imgUrl}:${this.sizeXs}`, "data-sm": `${this.imgUrl}:${this.sizeSm}`, "data-md": `${this.imgUrl}:${this.sizeMd}`, "data-lg": `${this.imgUrl}:${this.sizeLg}` }, this.imageType == 'smart-bg' ? h("slot", null) : null)));
|
|
14152
|
-
}
|
|
14153
|
-
componentDidLoad() {
|
|
14154
|
-
this.addIntersectionObserver();
|
|
14155
|
-
this.setResponsiveBg();
|
|
14156
|
-
}
|
|
14157
|
-
componentWillUpdate() {
|
|
14158
|
-
// console.log('componentWillUpdate!');
|
|
14159
|
-
this.addIntersectionObserver();
|
|
14160
|
-
this.setResponsiveBg();
|
|
14161
|
-
}
|
|
14162
|
-
//responsive image
|
|
14163
|
-
setResponsiveBg() {
|
|
14164
|
-
// Define local variables
|
|
14165
|
-
let backgrounds = (this.el || document).querySelectorAll(ResponsiveBgVariables.selector), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
|
|
14166
|
-
// console.log('current breakpoint: ' + currentBreakpoint);
|
|
14167
|
-
// Loop through all target elements
|
|
14168
|
-
for (var i = 0, len = backgrounds.length; i < len; i++) {
|
|
14169
|
-
// Set current variables
|
|
14170
|
-
el = backgrounds[i];
|
|
14171
|
-
elData = el.getAttribute('data-' + currentBreakpoint);
|
|
14172
|
-
// If the data attribute exists, set the background
|
|
14173
|
-
if (elData !== null) {
|
|
14174
|
-
el.style.backgroundImage = "url('" + elData + "')";
|
|
14175
|
-
}
|
|
14176
|
-
else {
|
|
14177
|
-
if (typeof console == 'object') {
|
|
14178
|
-
console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
|
|
14179
|
-
}
|
|
14180
|
-
}
|
|
14181
|
-
}
|
|
14182
|
-
}
|
|
14183
|
-
//lazy loading
|
|
14184
|
-
addIntersectionObserver() {
|
|
14185
|
-
if (!this.imgUrl) {
|
|
14186
|
-
console.log('no image!');
|
|
14187
|
-
return;
|
|
14188
|
-
}
|
|
14189
|
-
if ('IntersectionObserver' in window) {
|
|
14190
|
-
let lazyLoadBgs = (this.el || document).querySelectorAll('.lazy-bg');
|
|
14191
|
-
let bgObserver = new IntersectionObserver(entries => {
|
|
14192
|
-
entries.forEach(entry => {
|
|
14193
|
-
if (entry.isIntersecting) {
|
|
14194
|
-
const image = entry.target;
|
|
14195
|
-
image.classList.remove('lazy-bg');
|
|
14196
|
-
// console.log('loaded');
|
|
14197
|
-
bgObserver.unobserve(image);
|
|
14198
|
-
}
|
|
14199
|
-
});
|
|
14200
|
-
});
|
|
14201
|
-
lazyLoadBgs.forEach(image => {
|
|
14202
|
-
bgObserver.observe(image);
|
|
14203
|
-
});
|
|
14204
|
-
}
|
|
14205
|
-
}
|
|
14206
|
-
getCssClassMap() {
|
|
14207
|
-
return {
|
|
14208
|
-
[this.imageType]: true,
|
|
14209
|
-
'ptc-img': true,
|
|
14210
|
-
[this.borderRadius]: true,
|
|
14211
|
-
[this.loadMode]: true,
|
|
14212
|
-
// [this.imageZIndex] : true
|
|
14213
|
-
};
|
|
14214
|
-
}
|
|
14215
|
-
getCurrentBreakPoints() {
|
|
14216
|
-
// Define local variables
|
|
14217
|
-
let doc = window.document, temp = doc.createElement('div'), env;
|
|
14218
|
-
// Append test node
|
|
14219
|
-
doc.body.appendChild(temp);
|
|
14220
|
-
// Loop through breakpoints
|
|
14221
|
-
for (let i = ResponsiveBgVariables.envs.length - 1; i >= 0; i--) {
|
|
14222
|
-
env = ResponsiveBgVariables.envs[i];
|
|
14223
|
-
// Add classes
|
|
14224
|
-
temp.className = 'hidden-' + env;
|
|
14225
|
-
// Found breakpoint
|
|
14226
|
-
if (temp.offsetParent === null) {
|
|
14227
|
-
// Remove our test node
|
|
14228
|
-
doc.body.removeChild(temp);
|
|
14229
|
-
console.log('remove test node');
|
|
14230
|
-
// Return current breakpoint
|
|
14231
|
-
return env;
|
|
14232
|
-
}
|
|
14233
|
-
}
|
|
14234
|
-
// Breakpoint not found, try fallback
|
|
14235
|
-
doc.body.removeChild(temp);
|
|
14236
|
-
return this.getFallbackBreakpoint();
|
|
14237
|
-
}
|
|
14238
|
-
getFallbackBreakpoint() {
|
|
14239
|
-
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
14240
|
-
return 'lg';
|
|
14241
|
-
}
|
|
14242
|
-
else if (window.matchMedia('(min-width: 768px)').matches) {
|
|
14243
|
-
return 'md';
|
|
14244
|
-
}
|
|
14245
|
-
else if (window.matchMedia('(min-width: 576px)').matches) {
|
|
14246
|
-
return 'sm';
|
|
14247
|
-
}
|
|
14248
|
-
else {
|
|
14249
|
-
return 'xs';
|
|
14250
|
-
}
|
|
14251
|
-
}
|
|
14252
|
-
get el() { return this; }
|
|
14253
|
-
static get style() { return ptcImgCss; }
|
|
14106
|
+
let PtcImg$1 = class extends HTMLElement$1 {
|
|
14107
|
+
constructor() {
|
|
14108
|
+
super();
|
|
14109
|
+
this.__registerHost();
|
|
14110
|
+
/**
|
|
14111
|
+
* Image size for smallest screen
|
|
14112
|
+
* <=767px
|
|
14113
|
+
*/
|
|
14114
|
+
this.sizeXs = '510x340';
|
|
14115
|
+
/**
|
|
14116
|
+
* Image size for small screen
|
|
14117
|
+
* >=768px and <=991px
|
|
14118
|
+
*/
|
|
14119
|
+
this.sizeSm = '1240x496';
|
|
14120
|
+
/**
|
|
14121
|
+
* Image size for medium screen
|
|
14122
|
+
* >=992px and <=1199px
|
|
14123
|
+
*/
|
|
14124
|
+
this.sizeMd = '1366x500';
|
|
14125
|
+
/**
|
|
14126
|
+
* Image solution for large screen
|
|
14127
|
+
* >=1200px
|
|
14128
|
+
*/
|
|
14129
|
+
this.sizeLg = '1920x1080';
|
|
14130
|
+
/**
|
|
14131
|
+
* Image type
|
|
14132
|
+
*/
|
|
14133
|
+
this.imageType = 'smart-bg';
|
|
14134
|
+
/**
|
|
14135
|
+
* Image border shape
|
|
14136
|
+
*/
|
|
14137
|
+
this.borderRadius = '';
|
|
14138
|
+
/**
|
|
14139
|
+
* Lazy loading option
|
|
14140
|
+
*/
|
|
14141
|
+
this.loadMode = 'lazy-bg';
|
|
14142
|
+
}
|
|
14143
|
+
/**
|
|
14144
|
+
* Image Z Index
|
|
14145
|
+
*/
|
|
14146
|
+
// @Prop() imageZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2' = 'z-index-auto';
|
|
14147
|
+
WindowResize() {
|
|
14148
|
+
this.setResponsiveBg();
|
|
14149
|
+
}
|
|
14150
|
+
render() {
|
|
14151
|
+
const classMap = this.getCssClassMap();
|
|
14152
|
+
return (h(Host, null, h("div", { class: classMap, "data-xs": `${this.imgUrl}:${this.sizeXs}`, "data-sm": `${this.imgUrl}:${this.sizeSm}`, "data-md": `${this.imgUrl}:${this.sizeMd}`, "data-lg": `${this.imgUrl}:${this.sizeLg}` }, this.imageType == 'smart-bg' ? h("slot", null) : null)));
|
|
14153
|
+
}
|
|
14154
|
+
componentDidLoad() {
|
|
14155
|
+
this.addIntersectionObserver();
|
|
14156
|
+
this.setResponsiveBg();
|
|
14157
|
+
}
|
|
14158
|
+
componentWillUpdate() {
|
|
14159
|
+
// console.log('componentWillUpdate!');
|
|
14160
|
+
this.addIntersectionObserver();
|
|
14161
|
+
this.setResponsiveBg();
|
|
14162
|
+
}
|
|
14163
|
+
//responsive image
|
|
14164
|
+
setResponsiveBg() {
|
|
14165
|
+
// Define local variables
|
|
14166
|
+
let backgrounds = (this.el || document).querySelectorAll(ResponsiveBgVariables.selector), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
|
|
14167
|
+
// console.log('current breakpoint: ' + currentBreakpoint);
|
|
14168
|
+
// Loop through all target elements
|
|
14169
|
+
for (var i = 0, len = backgrounds.length; i < len; i++) {
|
|
14170
|
+
// Set current variables
|
|
14171
|
+
el = backgrounds[i];
|
|
14172
|
+
elData = el.getAttribute('data-' + currentBreakpoint);
|
|
14173
|
+
// If the data attribute exists, set the background
|
|
14174
|
+
if (elData !== null) {
|
|
14175
|
+
el.style.backgroundImage = "url('" + elData + "')";
|
|
14176
|
+
}
|
|
14177
|
+
else {
|
|
14178
|
+
if (typeof console == 'object') {
|
|
14179
|
+
console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
|
|
14180
|
+
}
|
|
14181
|
+
}
|
|
14182
|
+
}
|
|
14183
|
+
}
|
|
14184
|
+
//lazy loading
|
|
14185
|
+
addIntersectionObserver() {
|
|
14186
|
+
if (!this.imgUrl) {
|
|
14187
|
+
console.log('no image!');
|
|
14188
|
+
return;
|
|
14189
|
+
}
|
|
14190
|
+
if ('IntersectionObserver' in window) {
|
|
14191
|
+
let lazyLoadBgs = (this.el || document).querySelectorAll('.lazy-bg');
|
|
14192
|
+
let bgObserver = new IntersectionObserver(entries => {
|
|
14193
|
+
entries.forEach(entry => {
|
|
14194
|
+
if (entry.isIntersecting) {
|
|
14195
|
+
const image = entry.target;
|
|
14196
|
+
image.classList.remove('lazy-bg');
|
|
14197
|
+
// console.log('loaded');
|
|
14198
|
+
bgObserver.unobserve(image);
|
|
14199
|
+
}
|
|
14200
|
+
});
|
|
14201
|
+
});
|
|
14202
|
+
lazyLoadBgs.forEach(image => {
|
|
14203
|
+
bgObserver.observe(image);
|
|
14204
|
+
});
|
|
14205
|
+
}
|
|
14206
|
+
}
|
|
14207
|
+
getCssClassMap() {
|
|
14208
|
+
return {
|
|
14209
|
+
[this.imageType]: true,
|
|
14210
|
+
'ptc-img': true,
|
|
14211
|
+
[this.borderRadius]: true,
|
|
14212
|
+
[this.loadMode]: true,
|
|
14213
|
+
// [this.imageZIndex] : true
|
|
14214
|
+
};
|
|
14215
|
+
}
|
|
14216
|
+
getCurrentBreakPoints() {
|
|
14217
|
+
// Define local variables
|
|
14218
|
+
let doc = window.document, temp = doc.createElement('div'), env;
|
|
14219
|
+
// Append test node
|
|
14220
|
+
doc.body.appendChild(temp);
|
|
14221
|
+
// Loop through breakpoints
|
|
14222
|
+
for (let i = ResponsiveBgVariables.envs.length - 1; i >= 0; i--) {
|
|
14223
|
+
env = ResponsiveBgVariables.envs[i];
|
|
14224
|
+
// Add classes
|
|
14225
|
+
temp.className = 'hidden-' + env;
|
|
14226
|
+
// Found breakpoint
|
|
14227
|
+
if (temp.offsetParent === null) {
|
|
14228
|
+
// Remove our test node
|
|
14229
|
+
doc.body.removeChild(temp);
|
|
14230
|
+
console.log('remove test node');
|
|
14231
|
+
// Return current breakpoint
|
|
14232
|
+
return env;
|
|
14233
|
+
}
|
|
14234
|
+
}
|
|
14235
|
+
// Breakpoint not found, try fallback
|
|
14236
|
+
doc.body.removeChild(temp);
|
|
14237
|
+
return this.getFallbackBreakpoint();
|
|
14238
|
+
}
|
|
14239
|
+
getFallbackBreakpoint() {
|
|
14240
|
+
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
14241
|
+
return 'lg';
|
|
14242
|
+
}
|
|
14243
|
+
else if (window.matchMedia('(min-width: 768px)').matches) {
|
|
14244
|
+
return 'md';
|
|
14245
|
+
}
|
|
14246
|
+
else if (window.matchMedia('(min-width: 576px)').matches) {
|
|
14247
|
+
return 'sm';
|
|
14248
|
+
}
|
|
14249
|
+
else {
|
|
14250
|
+
return 'xs';
|
|
14251
|
+
}
|
|
14252
|
+
}
|
|
14253
|
+
get el() { return this; }
|
|
14254
|
+
static get style() { return ptcImgCss; }
|
|
14254
14255
|
};
|
|
14255
14256
|
|
|
14256
14257
|
const ptcInputCss = ".sc-ptc-input-h{display:block}.form-group.sc-ptc-input{position:relative}.ptc-input.sc-ptc-input{width:-webkit-fill-available;width:-moz-available;width:stretch;display:block;padding:6px 12px;border:none;border-bottom:1px solid #3b4550;padding-left:20px;box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;color:#707070;padding-top:14px;background:#fff}.floating-label.sc-ptc-input{position:absolute;left:0;bottom:0;transform:translate(20px, -10px);font-family:Raleway;font-size:16px;font-weight:500;line-height:1.07;text-align:left;transition:all 0.4s ease-in-out}.focused.sc-ptc-input+.floating-label.sc-ptc-input{font-size:10px;font-weight:700;line-height:1.5;transform:translate(20px, -24px)}";
|
|
14257
14258
|
|
|
14258
|
-
let PtcInput$1 = class extends HTMLElement$1 {
|
|
14259
|
-
constructor() {
|
|
14260
|
-
super();
|
|
14261
|
-
this.__registerHost();
|
|
14262
|
-
this.blurEvent = createEvent(this, "blurEvent", 7);
|
|
14263
|
-
this.focusEvent = createEvent(this, "focusEvent", 7);
|
|
14264
|
-
this.focused = false;
|
|
14265
|
-
this.onBlur = () => {
|
|
14266
|
-
this.blurEvent.emit();
|
|
14267
|
-
this.focused = false;
|
|
14268
|
-
};
|
|
14269
|
-
this.onFocus = () => {
|
|
14270
|
-
this.focusEvent.emit();
|
|
14271
|
-
this.focused = true;
|
|
14272
|
-
};
|
|
14273
|
-
}
|
|
14274
|
-
render() {
|
|
14275
|
-
const focusState = this.focused ? ' focused' : '';
|
|
14276
|
-
return (h("div", { class: "form-group" }, h("input", { type: this.type, id: this.inputId, class: `ptc-input form-control${focusState}`, "data-eloqua-name": this.dataEloquaName, name: this.inputName, onBlur: this.onBlur, onFocus: this.onFocus }), h("label", { htmlFor: this.inputId, class: "floating-label" }, h("slot", null))));
|
|
14277
|
-
}
|
|
14278
|
-
static get style() { return ptcInputCss; }
|
|
14259
|
+
let PtcInput$1 = class extends HTMLElement$1 {
|
|
14260
|
+
constructor() {
|
|
14261
|
+
super();
|
|
14262
|
+
this.__registerHost();
|
|
14263
|
+
this.blurEvent = createEvent(this, "blurEvent", 7);
|
|
14264
|
+
this.focusEvent = createEvent(this, "focusEvent", 7);
|
|
14265
|
+
this.focused = false;
|
|
14266
|
+
this.onBlur = () => {
|
|
14267
|
+
this.blurEvent.emit();
|
|
14268
|
+
this.focused = false;
|
|
14269
|
+
};
|
|
14270
|
+
this.onFocus = () => {
|
|
14271
|
+
this.focusEvent.emit();
|
|
14272
|
+
this.focused = true;
|
|
14273
|
+
};
|
|
14274
|
+
}
|
|
14275
|
+
render() {
|
|
14276
|
+
const focusState = this.focused ? ' focused' : '';
|
|
14277
|
+
return (h("div", { class: "form-group" }, h("input", { type: this.type, id: this.inputId, class: `ptc-input form-control${focusState}`, "data-eloqua-name": this.dataEloquaName, name: this.inputName, onBlur: this.onBlur, onFocus: this.onFocus }), h("label", { htmlFor: this.inputId, class: "floating-label" }, h("slot", null))));
|
|
14278
|
+
}
|
|
14279
|
+
static get style() { return ptcInputCss; }
|
|
14279
14280
|
};
|
|
14280
14281
|
|
|
14281
14282
|
const ptcLinkCss = ":host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:\"\";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-standard-ease);border-bottom:2px solid var(--color-primary-green);opacity:0}.simple:hover.simple::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:\"\";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-primary-green);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-standard-ease)}.arrow:hover.arrow::after{width:100%}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-small)}.medium{font-size:var(--ptc-font-size-medium)}.large{font-size:var(--ptc-font-size-large)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-standard-ease)}.ptc-link.arrow icon-asset svg{fill:var(--color-primary-green) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 8%)}.ptc-link.arrow-plm svg{fill:#3DAB49 !important}.ptc-link:hover.arrow icon-asset{transform:translateX(var(--ptc-element-spacing-04))}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:15px;font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0.15px;line-height:25.05px;list-style:none;margin-bottom:10px;text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:#f3f3f4;display:inline-block;font-size:15px;font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0.3px;line-height:25.95px;list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-05);padding-bottom:7px;position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease)}.primary-nav-link:hover{border-radius:4px;background-color:#20262a;text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:15px;list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-secondary-turtlegreen)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:0.12px;line-height:14.4px;list-style:none;margin-bottom:12px;text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid #74c34d;border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-standard-ease), color var(--ptc-transition-medium) var(--ptc-standard-ease);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);line-height:1.73;letter-spacing:1.13px;text-align:left;font-size:15px}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-secondary-turtlegreen);color:var(--color-secondary-turtlegreen)}.copyright-link{color:var(--color-white);font-size:13px;font-weight:var(--ptc-font-weight-normal);line-height:2;display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-19);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease)}.arrow-plm:hover{text-decoration-color:#3DAB49}";
|
|
14282
14283
|
|
|
14283
|
-
let PtcLink$1 = class extends HTMLElement$1 {
|
|
14284
|
-
constructor() {
|
|
14285
|
-
super();
|
|
14286
|
-
this.__registerHost();
|
|
14287
|
-
this.__attachShadow();
|
|
14288
|
-
/**
|
|
14289
|
-
* Disabled link
|
|
14290
|
-
*/
|
|
14291
|
-
this.disabled = false;
|
|
14292
|
-
/**
|
|
14293
|
-
* Rxternal link
|
|
14294
|
-
* */
|
|
14295
|
-
this.external = false;
|
|
14296
|
-
/**
|
|
14297
|
-
* Target
|
|
14298
|
-
*/
|
|
14299
|
-
this.target = '_self';
|
|
14300
|
-
/**
|
|
14301
|
-
* Theme
|
|
14302
|
-
*/
|
|
14303
|
-
this.theme = 'simple';
|
|
14304
|
-
/**
|
|
14305
|
-
* Uppercase
|
|
14306
|
-
*/
|
|
14307
|
-
this.uppercase = false;
|
|
14308
|
-
/**
|
|
14309
|
-
* Font Size
|
|
14310
|
-
*/
|
|
14311
|
-
this.fontSize = 'medium';
|
|
14312
|
-
}
|
|
14313
|
-
render() {
|
|
14314
|
-
const classMap = this.getCssClassMap();
|
|
14315
|
-
return (h(Host, null, h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, this.theme == 'arrow' ? h("icon-asset", { type: "solid", size: "small", name: "arrow-right" }) : '', this.theme == 'arrow-plm' ? h("icon-asset", { type: "ptc", size: "x-small", name: "button-arrow-right" }) : '', h("slot", null))));
|
|
14316
|
-
}
|
|
14317
|
-
getCssClassMap() {
|
|
14318
|
-
return {
|
|
14319
|
-
['ptc-link']: true,
|
|
14320
|
-
[this.theme]: true,
|
|
14321
|
-
['uppercase']: this.uppercase,
|
|
14322
|
-
['disabled']: this.disabled,
|
|
14323
|
-
[this.fontSize]: true,
|
|
14324
|
-
};
|
|
14325
|
-
}
|
|
14326
|
-
static get style() { return ptcLinkCss; }
|
|
14284
|
+
let PtcLink$1 = class extends HTMLElement$1 {
|
|
14285
|
+
constructor() {
|
|
14286
|
+
super();
|
|
14287
|
+
this.__registerHost();
|
|
14288
|
+
this.__attachShadow();
|
|
14289
|
+
/**
|
|
14290
|
+
* Disabled link
|
|
14291
|
+
*/
|
|
14292
|
+
this.disabled = false;
|
|
14293
|
+
/**
|
|
14294
|
+
* Rxternal link
|
|
14295
|
+
* */
|
|
14296
|
+
this.external = false;
|
|
14297
|
+
/**
|
|
14298
|
+
* Target
|
|
14299
|
+
*/
|
|
14300
|
+
this.target = '_self';
|
|
14301
|
+
/**
|
|
14302
|
+
* Theme
|
|
14303
|
+
*/
|
|
14304
|
+
this.theme = 'simple';
|
|
14305
|
+
/**
|
|
14306
|
+
* Uppercase
|
|
14307
|
+
*/
|
|
14308
|
+
this.uppercase = false;
|
|
14309
|
+
/**
|
|
14310
|
+
* Font Size
|
|
14311
|
+
*/
|
|
14312
|
+
this.fontSize = 'medium';
|
|
14313
|
+
}
|
|
14314
|
+
render() {
|
|
14315
|
+
const classMap = this.getCssClassMap();
|
|
14316
|
+
return (h(Host, null, h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, this.theme == 'arrow' ? h("icon-asset", { type: "solid", size: "small", name: "arrow-right" }) : '', this.theme == 'arrow-plm' ? h("icon-asset", { type: "ptc", size: "x-small", name: "button-arrow-right" }) : '', h("slot", null))));
|
|
14317
|
+
}
|
|
14318
|
+
getCssClassMap() {
|
|
14319
|
+
return {
|
|
14320
|
+
['ptc-link']: true,
|
|
14321
|
+
[this.theme]: true,
|
|
14322
|
+
['uppercase']: this.uppercase,
|
|
14323
|
+
['disabled']: this.disabled,
|
|
14324
|
+
[this.fontSize]: true,
|
|
14325
|
+
};
|
|
14326
|
+
}
|
|
14327
|
+
static get style() { return ptcLinkCss; }
|
|
14327
14328
|
};
|
|
14328
14329
|
|
|
14329
14330
|
const ptcListCss = ".sc-ptc-list-h{display:block}.list-primary.sc-ptc-list-h li.sc-ptc-list{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}.list-primary.sc-ptc-list-h li.sc-ptc-list:not(:last-child){margin-bottom:0.625rem}.list-primary.sc-ptc-list-h li.sc-ptc-list a.sc-ptc-list{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}.list-primary.sc-ptc-list-h li.sc-ptc-list a.sc-ptc-list:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-primary-green)}";
|
|
14330
14331
|
|
|
14331
|
-
let PtcList$1 = class extends HTMLElement$1 {
|
|
14332
|
-
constructor() {
|
|
14333
|
-
super();
|
|
14334
|
-
this.__registerHost();
|
|
14335
|
-
}
|
|
14336
|
-
render() {
|
|
14337
|
-
const classMap = this.getCssClassMap();
|
|
14338
|
-
const listItems = this.listItems;
|
|
14339
|
-
if (!listItems || listItems.length === 0) {
|
|
14340
|
-
return null;
|
|
14341
|
-
}
|
|
14342
|
-
return (h(Host, { class: classMap }, h("ul", null, listItems.map(listItem => {
|
|
14343
|
-
h("li", null, "$", listItem);
|
|
14344
|
-
}))));
|
|
14345
|
-
}
|
|
14346
|
-
getCssClassMap() {
|
|
14347
|
-
return {
|
|
14348
|
-
[this.listType]: this.listItems ? true : false,
|
|
14349
|
-
};
|
|
14350
|
-
}
|
|
14351
|
-
static get style() { return ptcListCss; }
|
|
14332
|
+
let PtcList$1 = class extends HTMLElement$1 {
|
|
14333
|
+
constructor() {
|
|
14334
|
+
super();
|
|
14335
|
+
this.__registerHost();
|
|
14336
|
+
}
|
|
14337
|
+
render() {
|
|
14338
|
+
const classMap = this.getCssClassMap();
|
|
14339
|
+
const listItems = this.listItems;
|
|
14340
|
+
if (!listItems || listItems.length === 0) {
|
|
14341
|
+
return null;
|
|
14342
|
+
}
|
|
14343
|
+
return (h(Host, { class: classMap }, h("ul", null, listItems.map(listItem => {
|
|
14344
|
+
h("li", null, "$", listItem);
|
|
14345
|
+
}))));
|
|
14346
|
+
}
|
|
14347
|
+
getCssClassMap() {
|
|
14348
|
+
return {
|
|
14349
|
+
[this.listType]: this.listItems ? true : false,
|
|
14350
|
+
};
|
|
14351
|
+
}
|
|
14352
|
+
static get style() { return ptcListCss; }
|
|
14352
14353
|
};
|
|
14353
14354
|
|
|
14354
14355
|
const ptcLottieCss = ":host{display:block;width:100%;height:auto}";
|
|
14355
14356
|
|
|
14356
|
-
let PtcLottie$1 = class extends HTMLElement$1 {
|
|
14357
|
-
constructor() {
|
|
14358
|
-
super();
|
|
14359
|
-
this.__registerHost();
|
|
14360
|
-
this.__attachShadow();
|
|
14361
|
-
/**
|
|
14362
|
-
* Animation speed
|
|
14363
|
-
*/
|
|
14364
|
-
this.speed = 1;
|
|
14365
|
-
}
|
|
14366
|
-
render() {
|
|
14367
|
-
return (h("lottie-player", { autoplay: true, loop: true, src: this.jsonSrc, speed: this.speed }));
|
|
14368
|
-
}
|
|
14369
|
-
static get style() { return ptcLottieCss; }
|
|
14357
|
+
let PtcLottie$1 = class extends HTMLElement$1 {
|
|
14358
|
+
constructor() {
|
|
14359
|
+
super();
|
|
14360
|
+
this.__registerHost();
|
|
14361
|
+
this.__attachShadow();
|
|
14362
|
+
/**
|
|
14363
|
+
* Animation speed
|
|
14364
|
+
*/
|
|
14365
|
+
this.speed = 1;
|
|
14366
|
+
}
|
|
14367
|
+
render() {
|
|
14368
|
+
return (h("lottie-player", { autoplay: true, loop: true, src: this.jsonSrc, speed: this.speed }));
|
|
14369
|
+
}
|
|
14370
|
+
static get style() { return ptcLottieCss; }
|
|
14371
|
+
};
|
|
14372
|
+
|
|
14373
|
+
const ptcMinimizedFooterCss = ":host{-webkit-box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);color:var(--color-white);position:relative;overflow:hidden;position:relative;z-index:1000;padding:0;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#3b4550}.min-footer-nav-list{margin:0;padding:0;list-style:none}.min-footer-copyright-wrapper{text-align:center;position:relative;z-index:20}.min-footer-copyright-wrapper .min-footer-copyright-list{padding:0.9rem 0;display:flex;flex-direction:row}@media screen-sm{.min-footer-copyright-wrapper .min-footer-copyright-list{padding:0.9rem 0}}";
|
|
14374
|
+
|
|
14375
|
+
let PtcMinimizedFooter$1 = class extends HTMLElement$1 {
|
|
14376
|
+
constructor() {
|
|
14377
|
+
super();
|
|
14378
|
+
this.__registerHost();
|
|
14379
|
+
this.__attachShadow();
|
|
14380
|
+
}
|
|
14381
|
+
render() {
|
|
14382
|
+
return (h(Host, { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null)))));
|
|
14383
|
+
}
|
|
14384
|
+
static get style() { return ptcMinimizedFooterCss; }
|
|
14385
|
+
};
|
|
14386
|
+
|
|
14387
|
+
const ptcMinimizedHeaderCss = ":host{display:block}.minimized-header .header{overflow:hidden;height:48px;background-color:var(--color-gray-10);display:flex;align-items:center;justify-content:center}.minimized-header .header a{float:left;color:var(--color-black);text-align:center;padding:0px 0;text-decoration:none;font-size:18px;line-height:25px;border-radius:4px}.minimized-header .header a.mini-navbar-logo{font-size:25px;font-weight:bold}.minimized-header .header a.mini-navbar-logo img{width:65px;vertical-align:middle;border:0;height:auto}.mini-navbar-logo{outline:3px solid transparent}.mini-navbar-logo:focus{outline:3px solid #0092D1;outline-offset:2px;border-radius:4px;text-decoration:none;border-color:transparent !important}@media screen and (min-width: 768px){.temp-container{width:750px}}@media screen and (min-width: 992px){.temp-container{width:970px}}@media screen and (min-width: 1200px){.temp-container{width:1170px}}@media screen and (min-width: 1440px){.temp-container{width:1400px}}@media screen and (min-width: 1600px){.temp-container{width:1560px}}@media screen-xs{.minimized-header .header a{float:none;display:block;text-align:left}}";
|
|
14388
|
+
|
|
14389
|
+
let PtcMinimizedHeader$1 = class extends HTMLElement$1 {
|
|
14390
|
+
constructor() {
|
|
14391
|
+
super();
|
|
14392
|
+
this.__registerHost();
|
|
14393
|
+
this.__attachShadow();
|
|
14394
|
+
this.linkUrl = '#';
|
|
14395
|
+
this.imgSrc = '';
|
|
14396
|
+
this.imgAlt = 'PTC';
|
|
14397
|
+
}
|
|
14398
|
+
render() {
|
|
14399
|
+
return (h(Host, null, h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "temp-container" }, h("a", { class: "mini-navbar-logo", href: this.linkUrl }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))));
|
|
14400
|
+
}
|
|
14401
|
+
static get style() { return ptcMinimizedHeaderCss; }
|
|
14370
14402
|
};
|
|
14371
14403
|
|
|
14372
14404
|
var mobileSelect = createCommonjsModule(function (module, exports) {
|
|
@@ -15083,882 +15115,909 @@ var mobileSelect = createCommonjsModule(function (module, exports) {
|
|
|
15083
15115
|
})();
|
|
15084
15116
|
});
|
|
15085
15117
|
|
|
15086
|
-
const ptcMobileSelectCss = ".mobileSelect{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.mobileSelect *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mobileSelect .grayLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:#eee;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.mobileSelect .content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.mobileSelect .content .fixWidth{width:90%;margin:0 auto;position:relative}.mobileSelect .content .fixWidth:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .btnBar{border-bottom:1px solid #DCDCDC;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0}.mobileSelect .content .btnBar .cancel{left:0;color:#666}.mobileSelect .content .btnBar .ensure{right:0;color:#1e83d3}.mobileSelect .content .btnBar .title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .panel .wheels{width:100%;height:200px;overflow:hidden}.mobileSelect .content .panel .wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.mobileSelect .content .panel .wheel .selectContainer{display:block;text-align:center;-webkit-transition:-webkit-transform 0.18s ease-out;transition:-webkit-transform 0.18s ease-out;transition:transform 0.18s ease-out;transition:transform 0.18s ease-out, -webkit-transform 0.18s ease-out}.mobileSelect .content .panel .wheel .selectContainer li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel .selectLine{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}.mobileSelect .content .panel .shadowMask{position:absolute;top:0;width:100%;height:200px;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));background:-webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);background:linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);opacity:0.9;pointer-events:none}.mobileSelect-show{opacity:1;z-index:10000;visibility:visible}.mobileSelect-show .content{bottom:0}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:10px;width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-15);line-height:var(--ptc-line-height-18);color:var(--color-white);height:var(--ptc-line-height-18)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px)}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}";
|
|
15118
|
+
const ptcMobileSelectCss = ".mobileSelect{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.mobileSelect *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mobileSelect .grayLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:#eee;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.mobileSelect .content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.mobileSelect .content .fixWidth{width:90%;margin:0 auto;position:relative}.mobileSelect .content .fixWidth:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .btnBar{border-bottom:1px solid #DCDCDC;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0}.mobileSelect .content .btnBar .cancel{left:0;color:#666}.mobileSelect .content .btnBar .ensure{right:0;color:#1e83d3}.mobileSelect .content .btnBar .title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .panel .wheels{width:100%;height:200px;overflow:hidden}.mobileSelect .content .panel .wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.mobileSelect .content .panel .wheel .selectContainer{display:block;text-align:center;-webkit-transition:-webkit-transform 0.18s ease-out;transition:-webkit-transform 0.18s ease-out;transition:transform 0.18s ease-out;transition:transform 0.18s ease-out, -webkit-transform 0.18s ease-out}.mobileSelect .content .panel .wheel .selectContainer li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel .selectLine{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}.mobileSelect .content .panel .shadowMask{position:absolute;top:0;width:100%;height:200px;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));background:-webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);background:linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);opacity:0.9;pointer-events:none}.mobileSelect-show{opacity:1;z-index:10000;visibility:visible}.mobileSelect-show .content{bottom:0}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:10px;width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-15);line-height:var(--ptc-line-height-18);color:var(--color-white);height:var(--ptc-line-height-18)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}";
|
|
15087
15119
|
|
|
15088
|
-
let PtcMobileSelect$1 = class extends HTMLElement$1 {
|
|
15089
|
-
constructor() {
|
|
15090
|
-
super();
|
|
15091
|
-
this.__registerHost();
|
|
15092
|
-
/**
|
|
15093
|
-
* Selected Id
|
|
15094
|
-
* - initialize the id(string) of default wheel
|
|
15095
|
-
*/
|
|
15096
|
-
this.selectedId = '';
|
|
15097
|
-
/**
|
|
15098
|
-
* Confirm Text
|
|
15099
|
-
* - translation goes here
|
|
15100
|
-
*/
|
|
15101
|
-
this.ensureBtnText = 'Confirm';
|
|
15102
|
-
/**
|
|
15103
|
-
* Cancel Text
|
|
15104
|
-
* - translation goes here
|
|
15105
|
-
*/
|
|
15106
|
-
this.cancelBtnText = 'Cancel';
|
|
15107
|
-
/**
|
|
15108
|
-
* Mobile select list title (Optional)
|
|
15109
|
-
*/
|
|
15110
|
-
this.listTitle = undefined;
|
|
15111
|
-
/**
|
|
15112
|
-
* link url
|
|
15113
|
-
*/
|
|
15114
|
-
this.linkUrl = undefined;
|
|
15115
|
-
}
|
|
15116
|
-
render() {
|
|
15117
|
-
return (h("div", { class: "mobile-select-wrapper" }, h("div", { id: this.triggerName }, this.selectedText
|
|
15118
|
-
}
|
|
15119
|
-
componentDidRender() {
|
|
15120
|
-
let currentId = this.selectedId; //input current lang
|
|
15121
|
-
let storeIndex = 0;
|
|
15122
|
-
new mobileSelect({
|
|
15123
|
-
trigger: `#${this.triggerName}`,
|
|
15124
|
-
title: `${this.listTitle ? this.listTitle : ''}`,
|
|
15125
|
-
wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2'] }],
|
|
15126
|
-
position: [0],
|
|
15127
|
-
ensureBtnText: this.ensureBtnText,
|
|
15128
|
-
cancelBtnText: this.cancelBtnText,
|
|
15129
|
-
ensureBtnColor: 'var(--color-gray-12)',
|
|
15130
|
-
cancelBtnColor: 'var(--color-gray-12)',
|
|
15131
|
-
titleColor: 'var(--color-gray-12)',
|
|
15132
|
-
onShow: function (e) {
|
|
15133
|
-
if (currentId) {
|
|
15134
|
-
let liEle = document.querySelectorAll('.selectContainer li');
|
|
15135
|
-
liEle.forEach((currentValue, currentIndex) => {
|
|
15136
|
-
if (currentValue.getAttribute('data-id') == currentId) {
|
|
15137
|
-
storeIndex = currentIndex;
|
|
15138
|
-
return;
|
|
15139
|
-
}
|
|
15140
|
-
});
|
|
15141
|
-
e.locatePosition(0, storeIndex);
|
|
15142
|
-
}
|
|
15143
|
-
else {
|
|
15144
|
-
return;
|
|
15145
|
-
}
|
|
15146
|
-
},
|
|
15147
|
-
callback: function (indexArr, data) {
|
|
15148
|
-
if (this.linkUrl !== undefined) {
|
|
15149
|
-
window.location.href = this.linkUrl + '/' + data[0].id;
|
|
15150
|
-
}
|
|
15151
|
-
else {
|
|
15152
|
-
console.log('index: ' + indexArr + ', id: ' + data[0].id + '; No link url founded!');
|
|
15153
|
-
}
|
|
15154
|
-
}.bind(this),
|
|
15155
|
-
});
|
|
15156
|
-
}
|
|
15157
|
-
static get style() { return ptcMobileSelectCss; }
|
|
15120
|
+
let PtcMobileSelect$1 = class extends HTMLElement$1 {
|
|
15121
|
+
constructor() {
|
|
15122
|
+
super();
|
|
15123
|
+
this.__registerHost();
|
|
15124
|
+
/**
|
|
15125
|
+
* Selected Id
|
|
15126
|
+
* - initialize the id(string) of default wheel
|
|
15127
|
+
*/
|
|
15128
|
+
this.selectedId = '';
|
|
15129
|
+
/**
|
|
15130
|
+
* Confirm Text
|
|
15131
|
+
* - translation goes here
|
|
15132
|
+
*/
|
|
15133
|
+
this.ensureBtnText = 'Confirm';
|
|
15134
|
+
/**
|
|
15135
|
+
* Cancel Text
|
|
15136
|
+
* - translation goes here
|
|
15137
|
+
*/
|
|
15138
|
+
this.cancelBtnText = 'Cancel';
|
|
15139
|
+
/**
|
|
15140
|
+
* Mobile select list title (Optional)
|
|
15141
|
+
*/
|
|
15142
|
+
this.listTitle = undefined;
|
|
15143
|
+
/**
|
|
15144
|
+
* link url
|
|
15145
|
+
*/
|
|
15146
|
+
this.linkUrl = undefined;
|
|
15147
|
+
}
|
|
15148
|
+
render() {
|
|
15149
|
+
return (h("div", { class: "mobile-select-wrapper" }, h("div", { id: this.triggerName }, this.selectedText, h("icon-asset", { "injected-style": "svg.sc-icon-asset{transform:translateX(10px);}", type: "ptc", size: "x-small", name: "chevron-down", color: "white" }))));
|
|
15150
|
+
}
|
|
15151
|
+
componentDidRender() {
|
|
15152
|
+
let currentId = this.selectedId; //input current lang
|
|
15153
|
+
let storeIndex = 0;
|
|
15154
|
+
new mobileSelect({
|
|
15155
|
+
trigger: `#${this.triggerName}`,
|
|
15156
|
+
title: `${this.listTitle ? this.listTitle : ''}`,
|
|
15157
|
+
wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2'] }],
|
|
15158
|
+
position: [0],
|
|
15159
|
+
ensureBtnText: this.ensureBtnText,
|
|
15160
|
+
cancelBtnText: this.cancelBtnText,
|
|
15161
|
+
ensureBtnColor: 'var(--color-gray-12)',
|
|
15162
|
+
cancelBtnColor: 'var(--color-gray-12)',
|
|
15163
|
+
titleColor: 'var(--color-gray-12)',
|
|
15164
|
+
onShow: function (e) {
|
|
15165
|
+
if (currentId) {
|
|
15166
|
+
let liEle = document.querySelectorAll('.selectContainer li');
|
|
15167
|
+
liEle.forEach((currentValue, currentIndex) => {
|
|
15168
|
+
if (currentValue.getAttribute('data-id') == currentId) {
|
|
15169
|
+
storeIndex = currentIndex;
|
|
15170
|
+
return;
|
|
15171
|
+
}
|
|
15172
|
+
});
|
|
15173
|
+
e.locatePosition(0, storeIndex);
|
|
15174
|
+
}
|
|
15175
|
+
else {
|
|
15176
|
+
return;
|
|
15177
|
+
}
|
|
15178
|
+
},
|
|
15179
|
+
callback: function (indexArr, data) {
|
|
15180
|
+
if (this.linkUrl !== undefined) {
|
|
15181
|
+
window.location.href = this.linkUrl + '/' + data[0].id;
|
|
15182
|
+
}
|
|
15183
|
+
else {
|
|
15184
|
+
console.log('index: ' + indexArr + ', id: ' + data[0].id + '; No link url founded!');
|
|
15185
|
+
}
|
|
15186
|
+
}.bind(this),
|
|
15187
|
+
});
|
|
15188
|
+
}
|
|
15189
|
+
static get style() { return ptcMobileSelectCss; }
|
|
15158
15190
|
};
|
|
15159
15191
|
|
|
15160
15192
|
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity ease-out 250ms}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:0.75rem;margin-top:0.75rem}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}";
|
|
15161
15193
|
|
|
15162
|
-
let PtcModal$1 = class extends HTMLElement$1 {
|
|
15163
|
-
constructor() {
|
|
15164
|
-
super();
|
|
15165
|
-
this.__registerHost();
|
|
15166
|
-
this.__attachShadow();
|
|
15167
|
-
this.closed = createEvent(this, "closed", 7);
|
|
15168
|
-
this.opened = createEvent(this, "opened", 7);
|
|
15169
|
-
/**
|
|
15170
|
-
* Sets if popup should close if click on outside
|
|
15171
|
-
*/
|
|
15172
|
-
this.size = 'sm';
|
|
15173
|
-
/**
|
|
15174
|
-
* Set whether or not to display modal
|
|
15175
|
-
*/
|
|
15176
|
-
this.show = false;
|
|
15177
|
-
/**
|
|
15178
|
-
* Sets if popup should overlay
|
|
15179
|
-
*/
|
|
15180
|
-
this.overlay = true;
|
|
15181
|
-
/**
|
|
15182
|
-
* Sets if popup should close if click on outside
|
|
15183
|
-
*/
|
|
15184
|
-
this.closeOnBlur = false;
|
|
15185
|
-
}
|
|
15186
|
-
fireOnClosed(modal) {
|
|
15187
|
-
this.closed.emit(modal);
|
|
15188
|
-
}
|
|
15189
|
-
fireOnOpened(modal) {
|
|
15190
|
-
this.opened.emit(modal);
|
|
15191
|
-
}
|
|
15192
|
-
componentWillLoad() {
|
|
15193
|
-
let body = document.querySelector('body');
|
|
15194
|
-
this.bodyOverflowSetting = {
|
|
15195
|
-
//overflow: body.style['overflow'],
|
|
15196
|
-
overflowY: body.style['overflowY'],
|
|
15197
|
-
overflowX: body.style['overflowX'],
|
|
15198
|
-
};
|
|
15199
|
-
}
|
|
15200
|
-
componentWillRender() {
|
|
15201
|
-
let body = document.querySelector('body');
|
|
15202
|
-
if (body) {
|
|
15203
|
-
if (this.show) {
|
|
15204
|
-
//body.style['overflow'] = 'hidden';
|
|
15205
|
-
body.style['overflowY'] = 'scroll';
|
|
15206
|
-
body.style['overflowX'] = 'hidden';
|
|
15207
|
-
}
|
|
15208
|
-
else {
|
|
15209
|
-
//body.style['overflow'] = this.bodyOverflowSetting.overflow;
|
|
15210
|
-
body.style['overflowY'] = this.bodyOverflowSetting.overflowY;
|
|
15211
|
-
body.style['overflowX'] = this.bodyOverflowSetting.overflowX;
|
|
15212
|
-
}
|
|
15213
|
-
}
|
|
15214
|
-
}
|
|
15215
|
-
componentDidLoad() {
|
|
15216
|
-
if (this.show) {
|
|
15217
|
-
this.fireOnOpened(this);
|
|
15218
|
-
}
|
|
15219
|
-
}
|
|
15220
|
-
componentDidUpdate() {
|
|
15221
|
-
if (this.show) {
|
|
15222
|
-
this.fireOnOpened(this);
|
|
15223
|
-
}
|
|
15224
|
-
else {
|
|
15225
|
-
this.fireOnClosed(this);
|
|
15226
|
-
}
|
|
15227
|
-
}
|
|
15228
|
-
resizeIframe(e) {
|
|
15229
|
-
let iFrame = e.target;
|
|
15230
|
-
setTimeout(() => {
|
|
15231
|
-
try {
|
|
15232
|
-
iFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;
|
|
15233
|
-
}
|
|
15234
|
-
catch (error) {
|
|
15235
|
-
console.log(error);
|
|
15236
|
-
iFrame.height = '616px'; //default
|
|
15237
|
-
iFrame.removeAttribute('scrolling');
|
|
15238
|
-
}
|
|
15239
|
-
iFrame.classList.add('ready');
|
|
15240
|
-
}, 50);
|
|
15241
|
-
}
|
|
15242
|
-
close() {
|
|
15243
|
-
this.show = false;
|
|
15244
|
-
}
|
|
15245
|
-
render() {
|
|
15246
|
-
let content;
|
|
15247
|
-
let overlay;
|
|
15248
|
-
let type = this.iframeUrl ? 'frame' : 'html';
|
|
15249
|
-
if (this.iframeUrl) {
|
|
15250
|
-
content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
|
|
15251
|
-
}
|
|
15252
|
-
else {
|
|
15253
|
-
content = (h("slot", null));
|
|
15254
|
-
}
|
|
15255
|
-
if (this.overlay) {
|
|
15256
|
-
if (this.closeOnBlur) {
|
|
15257
|
-
overlay = h("div", { class: "overlay", onClick: (_) => this.close() });
|
|
15258
|
-
}
|
|
15259
|
-
else {
|
|
15260
|
-
overlay = h("div", { class: "overlay" });
|
|
15261
|
-
}
|
|
15262
|
-
}
|
|
15263
|
-
return (h(Host, null, h("div", { class: `wrapper ${this.show ? "show" : "hide"}` }, overlay, h("div", { class: `modal-popup ${this.size} ${type}` }, h("div", { class: "close" }, h("a", { href: "#", onClick: (_) => this.close() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { d: "M1 1L13 13", stroke: "black" }), h("path", { d: "M13 1L1 13", stroke: "black" })))), h("div", { class: "modal-body" }, content)))));
|
|
15264
|
-
}
|
|
15265
|
-
get el() { return this; }
|
|
15266
|
-
static get style() { return ptcModalCss; }
|
|
15194
|
+
let PtcModal$1 = class extends HTMLElement$1 {
|
|
15195
|
+
constructor() {
|
|
15196
|
+
super();
|
|
15197
|
+
this.__registerHost();
|
|
15198
|
+
this.__attachShadow();
|
|
15199
|
+
this.closed = createEvent(this, "closed", 7);
|
|
15200
|
+
this.opened = createEvent(this, "opened", 7);
|
|
15201
|
+
/**
|
|
15202
|
+
* Sets if popup should close if click on outside
|
|
15203
|
+
*/
|
|
15204
|
+
this.size = 'sm';
|
|
15205
|
+
/**
|
|
15206
|
+
* Set whether or not to display modal
|
|
15207
|
+
*/
|
|
15208
|
+
this.show = false;
|
|
15209
|
+
/**
|
|
15210
|
+
* Sets if popup should overlay
|
|
15211
|
+
*/
|
|
15212
|
+
this.overlay = true;
|
|
15213
|
+
/**
|
|
15214
|
+
* Sets if popup should close if click on outside
|
|
15215
|
+
*/
|
|
15216
|
+
this.closeOnBlur = false;
|
|
15217
|
+
}
|
|
15218
|
+
fireOnClosed(modal) {
|
|
15219
|
+
this.closed.emit(modal);
|
|
15220
|
+
}
|
|
15221
|
+
fireOnOpened(modal) {
|
|
15222
|
+
this.opened.emit(modal);
|
|
15223
|
+
}
|
|
15224
|
+
componentWillLoad() {
|
|
15225
|
+
let body = document.querySelector('body');
|
|
15226
|
+
this.bodyOverflowSetting = {
|
|
15227
|
+
//overflow: body.style['overflow'],
|
|
15228
|
+
overflowY: body.style['overflowY'],
|
|
15229
|
+
overflowX: body.style['overflowX'],
|
|
15230
|
+
};
|
|
15231
|
+
}
|
|
15232
|
+
componentWillRender() {
|
|
15233
|
+
let body = document.querySelector('body');
|
|
15234
|
+
if (body) {
|
|
15235
|
+
if (this.show) {
|
|
15236
|
+
//body.style['overflow'] = 'hidden';
|
|
15237
|
+
body.style['overflowY'] = 'scroll';
|
|
15238
|
+
body.style['overflowX'] = 'hidden';
|
|
15239
|
+
}
|
|
15240
|
+
else {
|
|
15241
|
+
//body.style['overflow'] = this.bodyOverflowSetting.overflow;
|
|
15242
|
+
body.style['overflowY'] = this.bodyOverflowSetting.overflowY;
|
|
15243
|
+
body.style['overflowX'] = this.bodyOverflowSetting.overflowX;
|
|
15244
|
+
}
|
|
15245
|
+
}
|
|
15246
|
+
}
|
|
15247
|
+
componentDidLoad() {
|
|
15248
|
+
if (this.show) {
|
|
15249
|
+
this.fireOnOpened(this);
|
|
15250
|
+
}
|
|
15251
|
+
}
|
|
15252
|
+
componentDidUpdate() {
|
|
15253
|
+
if (this.show) {
|
|
15254
|
+
this.fireOnOpened(this);
|
|
15255
|
+
}
|
|
15256
|
+
else {
|
|
15257
|
+
this.fireOnClosed(this);
|
|
15258
|
+
}
|
|
15259
|
+
}
|
|
15260
|
+
resizeIframe(e) {
|
|
15261
|
+
let iFrame = e.target;
|
|
15262
|
+
setTimeout(() => {
|
|
15263
|
+
try {
|
|
15264
|
+
iFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;
|
|
15265
|
+
}
|
|
15266
|
+
catch (error) {
|
|
15267
|
+
console.log(error);
|
|
15268
|
+
iFrame.height = '616px'; //default
|
|
15269
|
+
iFrame.removeAttribute('scrolling');
|
|
15270
|
+
}
|
|
15271
|
+
iFrame.classList.add('ready');
|
|
15272
|
+
}, 50);
|
|
15273
|
+
}
|
|
15274
|
+
close() {
|
|
15275
|
+
this.show = false;
|
|
15276
|
+
}
|
|
15277
|
+
render() {
|
|
15278
|
+
let content;
|
|
15279
|
+
let overlay;
|
|
15280
|
+
let type = this.iframeUrl ? 'frame' : 'html';
|
|
15281
|
+
if (this.iframeUrl) {
|
|
15282
|
+
content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
|
|
15283
|
+
}
|
|
15284
|
+
else {
|
|
15285
|
+
content = (h("slot", null));
|
|
15286
|
+
}
|
|
15287
|
+
if (this.overlay) {
|
|
15288
|
+
if (this.closeOnBlur) {
|
|
15289
|
+
overlay = h("div", { class: "overlay", onClick: (_) => this.close() });
|
|
15290
|
+
}
|
|
15291
|
+
else {
|
|
15292
|
+
overlay = h("div", { class: "overlay" });
|
|
15293
|
+
}
|
|
15294
|
+
}
|
|
15295
|
+
return (h(Host, null, h("div", { class: `wrapper ${this.show ? "show" : "hide"}` }, overlay, h("div", { class: `modal-popup ${this.size} ${type}` }, h("div", { class: "close" }, h("a", { href: "#", onClick: (_) => this.close() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { d: "M1 1L13 13", stroke: "black" }), h("path", { d: "M13 1L1 13", stroke: "black" })))), h("div", { class: "modal-body" }, content)))));
|
|
15296
|
+
}
|
|
15297
|
+
get el() { return this; }
|
|
15298
|
+
static get style() { return ptcModalCss; }
|
|
15267
15299
|
};
|
|
15268
15300
|
|
|
15269
15301
|
const ptcNavCss = ":host{display:block}.nav-style{background-color:#1c2126;display:block}@media only screen and (min-width: 992px){.nav-style{display:grid;grid-template-columns:auto fit-content(76px);grid-template-rows:fit-content(22px) 1fr;grid-template-areas:\"secondary secondary\" \"primary language\"}.primary-nav{grid-area:primary}.secondary-nav{grid-area:secondary}.language-nav{grid-area:language}}";
|
|
15270
15302
|
|
|
15271
|
-
let PtcNav$1 = class extends HTMLElement$1 {
|
|
15272
|
-
constructor() {
|
|
15273
|
-
super();
|
|
15274
|
-
this.__registerHost();
|
|
15275
|
-
this.__attachShadow();
|
|
15276
|
-
}
|
|
15277
|
-
render() {
|
|
15278
|
-
return (h(Host, null, h("nav", { class: "nav-style" }, h("div", { class: "primary-nav", part: "primary-nav-part" }, h("slot", { name: "primary-nav-content" })), h("div", { class: "secondary-nav", part: "secondary-nav-part" }, h("slot", { name: "secondary-nav-content" })), h("div", { class: "language-nav", part: "language-nav-part" }, h("slot", { name: "language-nav-content" })))));
|
|
15279
|
-
}
|
|
15280
|
-
static get style() { return ptcNavCss; }
|
|
15303
|
+
let PtcNav$1 = class extends HTMLElement$1 {
|
|
15304
|
+
constructor() {
|
|
15305
|
+
super();
|
|
15306
|
+
this.__registerHost();
|
|
15307
|
+
this.__attachShadow();
|
|
15308
|
+
}
|
|
15309
|
+
render() {
|
|
15310
|
+
return (h(Host, null, h("nav", { class: "nav-style" }, h("div", { class: "primary-nav", part: "primary-nav-part" }, h("slot", { name: "primary-nav-content" })), h("div", { class: "secondary-nav", part: "secondary-nav-part" }, h("slot", { name: "secondary-nav-content" })), h("div", { class: "language-nav", part: "language-nav-part" }, h("slot", { name: "language-nav-content" })))));
|
|
15311
|
+
}
|
|
15312
|
+
static get style() { return ptcNavCss; }
|
|
15281
15313
|
};
|
|
15282
15314
|
|
|
15283
15315
|
const ptcNavItemCss = ":host{display:block;width:100%}@media screen and (min-width: 992px){:host{width:auto}}:host([depth=\"2\"]) a{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);margin-bottom:var(--ptc-element-spacing-03);padding-left:50px}@media screen and (min-width: 992px){:host([depth=\"2\"]) a{padding-left:0px}}:host([depth=\"1\"]) a{font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);padding:20px 25px}:host([nav-type=secondary-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}:host([nav-type=language-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}@media only screen and (min-width: 992px){.primary-nav~.ptc-nav-children{position:absolute;left:0}.primary-nav~.ptc-nav-children ::slotted(.nav-tab){background-color:#1c2126;display:flex;width:100vw}.language-nav~.ptc-nav-children{position:absolute;background-color:#1c2126}}a[aria-expanded=true]~.ptc-nav-children{padding-top:var(--ptc-element-spacing-04);max-height:2000px}@media screen and (min-width: 992px){a[aria-expanded=true]~.ptc-nav-children{padding-top:0}}.ptc-nav-children{overflow:hidden;max-height:0;transition:max-height 0.25s ease-in-out, padding-top 0.25s ease-in-out}a{color:var(--color-white);text-transform:uppercase;display:block;outline:none;text-decoration:none}";
|
|
15284
15316
|
|
|
15285
|
-
let PtcNavItem$1 = class extends HTMLElement$1 {
|
|
15286
|
-
constructor() {
|
|
15287
|
-
super();
|
|
15288
|
-
this.__registerHost();
|
|
15289
|
-
this.__attachShadow();
|
|
15290
|
-
this.menuItemToggled = createEvent(this, "menuItemToggled", 7);
|
|
15291
|
-
/**
|
|
15292
|
-
* Link URL
|
|
15293
|
-
*/
|
|
15294
|
-
this.url = undefined;
|
|
15295
|
-
/**
|
|
15296
|
-
* Nav Description
|
|
15297
|
-
*/
|
|
15298
|
-
this.label = '';
|
|
15299
|
-
/**
|
|
15300
|
-
* If the current nav item is expanded
|
|
15301
|
-
*/
|
|
15302
|
-
this.ariaExpanded = false;
|
|
15303
|
-
/**
|
|
15304
|
-
* Depth of the current nav item
|
|
15305
|
-
*/
|
|
15306
|
-
this.depth = 0;
|
|
15307
|
-
/**
|
|
15308
|
-
* If the current nav item has children nav items
|
|
15309
|
-
*/
|
|
15310
|
-
this.hasChildren = false;
|
|
15311
|
-
/**
|
|
15312
|
-
* If the parent nav item of the current one is expanded
|
|
15313
|
-
*/
|
|
15314
|
-
this.parentExpanded = false;
|
|
15315
|
-
/**
|
|
15316
|
-
* Nav Item Type
|
|
15317
|
-
*/
|
|
15318
|
-
this.navType = undefined;
|
|
15319
|
-
}
|
|
15320
|
-
/**
|
|
15321
|
-
* Watch
|
|
15322
|
-
*/
|
|
15323
|
-
expandedHandler(newValue) {
|
|
15324
|
-
const children = Array.prototype.slice.call(this.el.children);
|
|
15325
|
-
children.forEach(child => {
|
|
15326
|
-
child.parentExpanded = newValue;
|
|
15327
|
-
});
|
|
15328
|
-
this.menuItemToggled.emit({ expanded: this.ariaExpanded });
|
|
15329
|
-
}
|
|
15330
|
-
/**
|
|
15331
|
-
* Event Listener
|
|
15332
|
-
*/
|
|
15333
|
-
handleClick(e) {
|
|
15334
|
-
if (this.hasChildren) {
|
|
15335
|
-
e.preventDefault();
|
|
15336
|
-
this.ariaExpanded = !this.ariaExpanded;
|
|
15337
|
-
}
|
|
15338
|
-
}
|
|
15339
|
-
handleResize(ev) {
|
|
15340
|
-
console.log('the body was scrolled', ev);
|
|
15341
|
-
}
|
|
15342
|
-
/**
|
|
15343
|
-
* Lifecycle method
|
|
15344
|
-
*/
|
|
15345
|
-
componentWillRender() {
|
|
15346
|
-
this.hasChildren = !!this.el.hasChildNodes();
|
|
15347
|
-
let parentMenu = this.el.closest('ptc-nav-item');
|
|
15348
|
-
let nextParentMenu;
|
|
15349
|
-
this.depth = 0;
|
|
15350
|
-
while (parentMenu) {
|
|
15351
|
-
nextParentMenu = parentMenu.parentElement.closest('ptc-nav-item');
|
|
15352
|
-
if (nextParentMenu === parentMenu) {
|
|
15353
|
-
break;
|
|
15354
|
-
}
|
|
15355
|
-
else {
|
|
15356
|
-
parentMenu = nextParentMenu;
|
|
15357
|
-
this.depth = this.depth + 1;
|
|
15358
|
-
}
|
|
15359
|
-
}
|
|
15360
|
-
}
|
|
15361
|
-
render() {
|
|
15362
|
-
//const leftIndent = this.depth > 1 ? 25 * this.depth + 'px' : '25px';
|
|
15363
|
-
return (h(Host, { role: "none" }, h("a", { role: "menuitem", href: this.url, tabIndex: this.parentExpanded || this.depth === 1 ? 0 : -1, "aria-depth": this.depth, "aria-haspopup": this.hasChildren.toString(), "aria-expanded": this.hasChildren ? this.ariaExpanded.toString() : this.ariaExpanded, onClick: e => this.handleClick(e), class: this.navType }, h("span", null, this.label)), this.hasChildren && (h("div", { class: "ptc-nav-children", role: "menu", part: this.navType, "aria-label": this.label }, h("slot", null)))));
|
|
15364
|
-
}
|
|
15365
|
-
get el() { return this; }
|
|
15366
|
-
static get watchers() { return {
|
|
15367
|
-
"ariaExpanded": ["expandedHandler"]
|
|
15368
|
-
}; }
|
|
15369
|
-
static get style() { return ptcNavItemCss; }
|
|
15317
|
+
let PtcNavItem$1 = class extends HTMLElement$1 {
|
|
15318
|
+
constructor() {
|
|
15319
|
+
super();
|
|
15320
|
+
this.__registerHost();
|
|
15321
|
+
this.__attachShadow();
|
|
15322
|
+
this.menuItemToggled = createEvent(this, "menuItemToggled", 7);
|
|
15323
|
+
/**
|
|
15324
|
+
* Link URL
|
|
15325
|
+
*/
|
|
15326
|
+
this.url = undefined;
|
|
15327
|
+
/**
|
|
15328
|
+
* Nav Description
|
|
15329
|
+
*/
|
|
15330
|
+
this.label = '';
|
|
15331
|
+
/**
|
|
15332
|
+
* If the current nav item is expanded
|
|
15333
|
+
*/
|
|
15334
|
+
this.ariaExpanded = false;
|
|
15335
|
+
/**
|
|
15336
|
+
* Depth of the current nav item
|
|
15337
|
+
*/
|
|
15338
|
+
this.depth = 0;
|
|
15339
|
+
/**
|
|
15340
|
+
* If the current nav item has children nav items
|
|
15341
|
+
*/
|
|
15342
|
+
this.hasChildren = false;
|
|
15343
|
+
/**
|
|
15344
|
+
* If the parent nav item of the current one is expanded
|
|
15345
|
+
*/
|
|
15346
|
+
this.parentExpanded = false;
|
|
15347
|
+
/**
|
|
15348
|
+
* Nav Item Type
|
|
15349
|
+
*/
|
|
15350
|
+
this.navType = undefined;
|
|
15351
|
+
}
|
|
15352
|
+
/**
|
|
15353
|
+
* Watch
|
|
15354
|
+
*/
|
|
15355
|
+
expandedHandler(newValue) {
|
|
15356
|
+
const children = Array.prototype.slice.call(this.el.children);
|
|
15357
|
+
children.forEach(child => {
|
|
15358
|
+
child.parentExpanded = newValue;
|
|
15359
|
+
});
|
|
15360
|
+
this.menuItemToggled.emit({ expanded: this.ariaExpanded });
|
|
15361
|
+
}
|
|
15362
|
+
/**
|
|
15363
|
+
* Event Listener
|
|
15364
|
+
*/
|
|
15365
|
+
handleClick(e) {
|
|
15366
|
+
if (this.hasChildren) {
|
|
15367
|
+
e.preventDefault();
|
|
15368
|
+
this.ariaExpanded = !this.ariaExpanded;
|
|
15369
|
+
}
|
|
15370
|
+
}
|
|
15371
|
+
handleResize(ev) {
|
|
15372
|
+
console.log('the body was scrolled', ev);
|
|
15373
|
+
}
|
|
15374
|
+
/**
|
|
15375
|
+
* Lifecycle method
|
|
15376
|
+
*/
|
|
15377
|
+
componentWillRender() {
|
|
15378
|
+
this.hasChildren = !!this.el.hasChildNodes();
|
|
15379
|
+
let parentMenu = this.el.closest('ptc-nav-item');
|
|
15380
|
+
let nextParentMenu;
|
|
15381
|
+
this.depth = 0;
|
|
15382
|
+
while (parentMenu) {
|
|
15383
|
+
nextParentMenu = parentMenu.parentElement.closest('ptc-nav-item');
|
|
15384
|
+
if (nextParentMenu === parentMenu) {
|
|
15385
|
+
break;
|
|
15386
|
+
}
|
|
15387
|
+
else {
|
|
15388
|
+
parentMenu = nextParentMenu;
|
|
15389
|
+
this.depth = this.depth + 1;
|
|
15390
|
+
}
|
|
15391
|
+
}
|
|
15392
|
+
}
|
|
15393
|
+
render() {
|
|
15394
|
+
//const leftIndent = this.depth > 1 ? 25 * this.depth + 'px' : '25px';
|
|
15395
|
+
return (h(Host, { role: "none" }, h("a", { role: "menuitem", href: this.url, tabIndex: this.parentExpanded || this.depth === 1 ? 0 : -1, "aria-depth": this.depth, "aria-haspopup": this.hasChildren.toString(), "aria-expanded": this.hasChildren ? this.ariaExpanded.toString() : this.ariaExpanded, onClick: e => this.handleClick(e), class: this.navType }, h("span", null, this.label)), this.hasChildren && (h("div", { class: "ptc-nav-children", role: "menu", part: this.navType, "aria-label": this.label }, h("slot", null)))));
|
|
15396
|
+
}
|
|
15397
|
+
get el() { return this; }
|
|
15398
|
+
static get watchers() { return {
|
|
15399
|
+
"ariaExpanded": ["expandedHandler"]
|
|
15400
|
+
}; }
|
|
15401
|
+
static get style() { return ptcNavItemCss; }
|
|
15370
15402
|
};
|
|
15371
15403
|
|
|
15372
15404
|
const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, #197BC0 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, #D12C3A 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, #C37729 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, #00890B 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, #20262A 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, #20262A 100%)}@media screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, #20262A 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, #20262A 100%)}}:host(.black-3){background:linear-gradient(180deg, #20262A 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, #617480 100%)}:host(.radius-sm){border-radius:var(--ptc-border-radius-small)}:host(.radius-md){border-radius:var(--ptc-border-radius-medium)}:host(.radius-lg){border-radius:var(--ptc-border-radius-large)}:host(.radius-x-lg){border-radius:var(--ptc-border-radius-x-large)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";
|
|
15373
15405
|
|
|
15374
|
-
let PtcOverlay$1 = class extends HTMLElement$1 {
|
|
15375
|
-
constructor() {
|
|
15376
|
-
super();
|
|
15377
|
-
this.__registerHost();
|
|
15378
|
-
this.__attachShadow();
|
|
15379
|
-
/**
|
|
15380
|
-
* Overlay z-index
|
|
15381
|
-
*/
|
|
15382
|
-
this.overlayZIndex = 'z-index-auto';
|
|
15383
|
-
}
|
|
15384
|
-
render() {
|
|
15385
|
-
const classMap = this.getCssClassMap();
|
|
15386
|
-
return h(Host, { class: classMap });
|
|
15387
|
-
}
|
|
15388
|
-
getCssClassMap() {
|
|
15389
|
-
return {
|
|
15390
|
-
[this.filterColor]: !!this.filterColor ? true : false,
|
|
15391
|
-
[this.borderRadius]: !!this.borderRadius ? true : false,
|
|
15392
|
-
[this.overlayZIndex]: true
|
|
15393
|
-
};
|
|
15394
|
-
}
|
|
15395
|
-
static get style() { return ptcOverlayCss; }
|
|
15406
|
+
let PtcOverlay$1 = class extends HTMLElement$1 {
|
|
15407
|
+
constructor() {
|
|
15408
|
+
super();
|
|
15409
|
+
this.__registerHost();
|
|
15410
|
+
this.__attachShadow();
|
|
15411
|
+
/**
|
|
15412
|
+
* Overlay z-index
|
|
15413
|
+
*/
|
|
15414
|
+
this.overlayZIndex = 'z-index-auto';
|
|
15415
|
+
}
|
|
15416
|
+
render() {
|
|
15417
|
+
const classMap = this.getCssClassMap();
|
|
15418
|
+
return h(Host, { class: classMap });
|
|
15419
|
+
}
|
|
15420
|
+
getCssClassMap() {
|
|
15421
|
+
return {
|
|
15422
|
+
[this.filterColor]: !!this.filterColor ? true : false,
|
|
15423
|
+
[this.borderRadius]: !!this.borderRadius ? true : false,
|
|
15424
|
+
[this.overlayZIndex]: true
|
|
15425
|
+
};
|
|
15426
|
+
}
|
|
15427
|
+
static get style() { return ptcOverlayCss; }
|
|
15396
15428
|
};
|
|
15397
15429
|
|
|
15398
15430
|
const ptcParaCss = ":host{z-index:1}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-primary-grey)}p.primary-grey{color:var(--color-primary-grey)}p.white{color:var(--color-white)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.font-size-15{font-size:var(--ptc-font-size-15)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-17{line-height:var(--ptc-line-height-17)}p.line-height-18{line-height:var(--ptc-line-height-18)}p.line-height-19{line-height:var(--ptc-line-height-19)}p.line-height-23{line-height:23px}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-secondary-grey);line-height:var(--ptc-line-height-looser);letter-spacing:1px}@media screen and (min-width: 992px){p.font-size-15{font-size:var(--ptc-font-size-medium)}}";
|
|
15399
15431
|
|
|
15400
|
-
let PtcPara$1 = class extends HTMLElement$1 {
|
|
15401
|
-
constructor() {
|
|
15402
|
-
super();
|
|
15403
|
-
this.__registerHost();
|
|
15404
|
-
this.__attachShadow();
|
|
15405
|
-
/**
|
|
15406
|
-
* Paragraph font size
|
|
15407
|
-
**/
|
|
15408
|
-
this.fontSize = "medium";
|
|
15409
|
-
/**
|
|
15410
|
-
* Paragraph font weight
|
|
15411
|
-
**/
|
|
15412
|
-
this.fontWeight = 'w-4';
|
|
15413
|
-
/**
|
|
15414
|
-
* Paragraph Style
|
|
15415
|
-
**/
|
|
15416
|
-
this.paraStyle = 'default';
|
|
15417
|
-
/**
|
|
15418
|
-
* Paragraph Color
|
|
15419
|
-
*/
|
|
15420
|
-
this.paraColor = 'primary-grey';
|
|
15421
|
-
/**
|
|
15422
|
-
* line height
|
|
15423
|
-
*/
|
|
15424
|
-
this.paraLineH = 'line-height-normal';
|
|
15425
|
-
}
|
|
15426
|
-
render() {
|
|
15427
|
-
const classMap = this.getCssClassMap();
|
|
15428
|
-
return (h("p", { class: classMap, part: "part-para" }, h("slot", null)));
|
|
15429
|
-
}
|
|
15430
|
-
getCssClassMap() {
|
|
15431
|
-
return {
|
|
15432
|
-
[this.fontSize]: true,
|
|
15433
|
-
[this.fontWeight]: true,
|
|
15434
|
-
[this.paraStyle]: true,
|
|
15435
|
-
[this.paraMargin]: !!this.paraMargin ? true : false,
|
|
15436
|
-
[this.paraColor]: true,
|
|
15437
|
-
[this.paraLineH]: true
|
|
15438
|
-
};
|
|
15439
|
-
}
|
|
15440
|
-
static get style() { return ptcParaCss; }
|
|
15432
|
+
let PtcPara$1 = class extends HTMLElement$1 {
|
|
15433
|
+
constructor() {
|
|
15434
|
+
super();
|
|
15435
|
+
this.__registerHost();
|
|
15436
|
+
this.__attachShadow();
|
|
15437
|
+
/**
|
|
15438
|
+
* Paragraph font size
|
|
15439
|
+
**/
|
|
15440
|
+
this.fontSize = "medium";
|
|
15441
|
+
/**
|
|
15442
|
+
* Paragraph font weight
|
|
15443
|
+
**/
|
|
15444
|
+
this.fontWeight = 'w-4';
|
|
15445
|
+
/**
|
|
15446
|
+
* Paragraph Style
|
|
15447
|
+
**/
|
|
15448
|
+
this.paraStyle = 'default';
|
|
15449
|
+
/**
|
|
15450
|
+
* Paragraph Color
|
|
15451
|
+
*/
|
|
15452
|
+
this.paraColor = 'primary-grey';
|
|
15453
|
+
/**
|
|
15454
|
+
* line height
|
|
15455
|
+
*/
|
|
15456
|
+
this.paraLineH = 'line-height-normal';
|
|
15457
|
+
}
|
|
15458
|
+
render() {
|
|
15459
|
+
const classMap = this.getCssClassMap();
|
|
15460
|
+
return (h("p", { class: classMap, part: "part-para" }, h("slot", null)));
|
|
15461
|
+
}
|
|
15462
|
+
getCssClassMap() {
|
|
15463
|
+
return {
|
|
15464
|
+
[this.fontSize]: true,
|
|
15465
|
+
[this.fontWeight]: true,
|
|
15466
|
+
[this.paraStyle]: true,
|
|
15467
|
+
[this.paraMargin]: !!this.paraMargin ? true : false,
|
|
15468
|
+
[this.paraColor]: true,
|
|
15469
|
+
[this.paraLineH]: true
|
|
15470
|
+
};
|
|
15471
|
+
}
|
|
15472
|
+
static get style() { return ptcParaCss; }
|
|
15441
15473
|
};
|
|
15442
15474
|
|
|
15443
15475
|
const ptcPictureCss = ":host{display:block;overflow:hidden}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-sm{border-radius:var(--ptc-border-radius-small)}.radius-md{border-radius:var(--ptc-border-radius-medium)}.radius-lg{border-radius:var(--ptc-border-radius-large)}.radius-x-lg{border-radius:var(--ptc-border-radius-x-large)}.is-full-height{height:100%}.is-full-width{width:100%}";
|
|
15444
15476
|
|
|
15445
|
-
let PtcPicture$1 = class extends HTMLElement$1 {
|
|
15446
|
-
constructor() {
|
|
15447
|
-
super();
|
|
15448
|
-
this.__registerHost();
|
|
15449
|
-
this.__attachShadow();
|
|
15450
|
-
/**
|
|
15451
|
-
* Image alt
|
|
15452
|
-
*/
|
|
15453
|
-
this.alt = "image";
|
|
15454
|
-
/**
|
|
15455
|
-
* Image size for smallest screen
|
|
15456
|
-
* <=767px
|
|
15457
|
-
*/
|
|
15458
|
-
this.sizeXs = '510x340';
|
|
15459
|
-
/**
|
|
15460
|
-
* Image size for small screen
|
|
15461
|
-
* >=768px and <=991px
|
|
15462
|
-
*/
|
|
15463
|
-
this.sizeSm = '1240x496';
|
|
15464
|
-
/**
|
|
15465
|
-
* Image size for medium screen
|
|
15466
|
-
* >=992px and <=1199px
|
|
15467
|
-
*/
|
|
15468
|
-
this.sizeMd = '1366x500';
|
|
15469
|
-
/**
|
|
15470
|
-
* Image solution for large screen
|
|
15471
|
-
* >=1200px
|
|
15472
|
-
*/
|
|
15473
|
-
this.sizeLg = '1920x1080';
|
|
15474
|
-
/**
|
|
15475
|
-
* Image Position
|
|
15476
|
-
*/
|
|
15477
|
-
this.imagePosition = 'static';
|
|
15478
|
-
/**
|
|
15479
|
-
* Object Fit
|
|
15480
|
-
* Default: cover
|
|
15481
|
-
*/
|
|
15482
|
-
this.objectFit = 'cover';
|
|
15483
|
-
/**
|
|
15484
|
-
* Stretch height to 100%?
|
|
15485
|
-
*/
|
|
15486
|
-
this.isFullHeight = false;
|
|
15487
|
-
/**
|
|
15488
|
-
* Stretch width to 100%?
|
|
15489
|
-
*/
|
|
15490
|
-
this.isFullWidth = false;
|
|
15491
|
-
}
|
|
15492
|
-
WindowResize() {
|
|
15493
|
-
this.addIntersectionObserver();
|
|
15494
|
-
}
|
|
15495
|
-
componentDidLoad() {
|
|
15496
|
-
this.addIntersectionObserver();
|
|
15497
|
-
}
|
|
15498
|
-
componentWillUpdate() {
|
|
15499
|
-
if (this.src !== this.oldSrc) {
|
|
15500
|
-
this.addIntersectionObserver();
|
|
15501
|
-
}
|
|
15502
|
-
this.oldSrc = this.src;
|
|
15503
|
-
}
|
|
15504
|
-
//lazy-loading
|
|
15505
|
-
addIntersectionObserver() {
|
|
15506
|
-
if (!this.src) {
|
|
15507
|
-
return;
|
|
15508
|
-
}
|
|
15509
|
-
if ('IntersectionObserver' in window) {
|
|
15510
|
-
let lazyLoadImages = new IntersectionObserver(entries => {
|
|
15511
|
-
entries.forEach(entry => {
|
|
15512
|
-
if (entry.isIntersecting) {
|
|
15513
|
-
const image = this.el.shadowRoot.querySelector('img');
|
|
15514
|
-
image.src = this.setResponsiveBg();
|
|
15515
|
-
console.log('loaded');
|
|
15516
|
-
lazyLoadImages.unobserve(image);
|
|
15517
|
-
}
|
|
15518
|
-
});
|
|
15519
|
-
});
|
|
15520
|
-
lazyLoadImages.observe(this.el.shadowRoot.querySelector('img'));
|
|
15521
|
-
}
|
|
15522
|
-
else {
|
|
15523
|
-
// fall back to setTimeout for Safari and IE
|
|
15524
|
-
setTimeout(() => {
|
|
15525
|
-
const image = this.el.shadowRoot.querySelector('img');
|
|
15526
|
-
image.src = this.setResponsiveBg();
|
|
15527
|
-
image.onload = () => {
|
|
15528
|
-
image.removeAttribute('data-src');
|
|
15529
|
-
console.log('loaded fallback');
|
|
15530
|
-
};
|
|
15531
|
-
}, 5000);
|
|
15532
|
-
}
|
|
15533
|
-
}
|
|
15534
|
-
//responsive image
|
|
15535
|
-
setResponsiveBg() {
|
|
15536
|
-
// Define local variables
|
|
15537
|
-
let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
|
|
15538
|
-
for (var i = 0, len = backgrounds.length; i < len; i++) {
|
|
15539
|
-
// Set current variables
|
|
15540
|
-
el = backgrounds[i];
|
|
15541
|
-
elData = el.getAttribute('data-' + currentBreakpoint);
|
|
15542
|
-
if (elData !== null) {
|
|
15543
|
-
// console.log('img src= ' + elData);
|
|
15544
|
-
return elData;
|
|
15545
|
-
}
|
|
15546
|
-
else {
|
|
15547
|
-
if (typeof console == 'object') {
|
|
15548
|
-
console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
|
|
15549
|
-
}
|
|
15550
|
-
}
|
|
15551
|
-
}
|
|
15552
|
-
}
|
|
15553
|
-
render() {
|
|
15554
|
-
const classMap = this.getCssClassMap();
|
|
15555
|
-
return (h(Host, { class: this.imagePosition }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}:${this.sizeXs}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}:${this.sizeSm}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}:${this.sizeMd}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}:${this.sizeLg}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt })), h("slot", null)));
|
|
15556
|
-
}
|
|
15557
|
-
getCurrentBreakPoints() {
|
|
15558
|
-
// Define local variables
|
|
15559
|
-
let doc = window.document, temp = doc.createElement('div'), env;
|
|
15560
|
-
// Append test node
|
|
15561
|
-
doc.body.appendChild(temp);
|
|
15562
|
-
// Loop through breakpoints
|
|
15563
|
-
for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
|
|
15564
|
-
env = ResponsivePictureVariables.envs[i];
|
|
15565
|
-
// Add classes
|
|
15566
|
-
temp.className = 'hidden-' + env;
|
|
15567
|
-
// Found breakpoint
|
|
15568
|
-
if (temp.offsetParent === null) {
|
|
15569
|
-
// Remove our test node
|
|
15570
|
-
doc.body.removeChild(temp);
|
|
15571
|
-
console.log('remove test node');
|
|
15572
|
-
// Return current breakpoint
|
|
15573
|
-
return env;
|
|
15574
|
-
}
|
|
15575
|
-
}
|
|
15576
|
-
// Breakpoint not found, try fallback
|
|
15577
|
-
doc.body.removeChild(temp);
|
|
15578
|
-
return this.getFallbackBreakpoint();
|
|
15579
|
-
}
|
|
15580
|
-
getFallbackBreakpoint() {
|
|
15581
|
-
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
15582
|
-
return 'lg';
|
|
15583
|
-
}
|
|
15584
|
-
else if (window.matchMedia('(min-width: 768px)').matches) {
|
|
15585
|
-
return 'md';
|
|
15586
|
-
}
|
|
15587
|
-
else if (window.matchMedia('(min-width: 576px)').matches) {
|
|
15588
|
-
return 'sm';
|
|
15589
|
-
}
|
|
15590
|
-
else {
|
|
15591
|
-
return 'xs';
|
|
15592
|
-
}
|
|
15593
|
-
}
|
|
15594
|
-
getCssClassMap() {
|
|
15595
|
-
return {
|
|
15596
|
-
[this.borderRadius]: this.borderRadius ? true : false,
|
|
15597
|
-
[this.objectFit]: true,
|
|
15598
|
-
[this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
|
|
15599
|
-
[this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true
|
|
15600
|
-
};
|
|
15601
|
-
}
|
|
15602
|
-
get el() { return this; }
|
|
15603
|
-
static get style() { return ptcPictureCss; }
|
|
15477
|
+
let PtcPicture$1 = class extends HTMLElement$1 {
|
|
15478
|
+
constructor() {
|
|
15479
|
+
super();
|
|
15480
|
+
this.__registerHost();
|
|
15481
|
+
this.__attachShadow();
|
|
15482
|
+
/**
|
|
15483
|
+
* Image alt
|
|
15484
|
+
*/
|
|
15485
|
+
this.alt = "image";
|
|
15486
|
+
/**
|
|
15487
|
+
* Image size for smallest screen
|
|
15488
|
+
* <=767px
|
|
15489
|
+
*/
|
|
15490
|
+
this.sizeXs = '510x340';
|
|
15491
|
+
/**
|
|
15492
|
+
* Image size for small screen
|
|
15493
|
+
* >=768px and <=991px
|
|
15494
|
+
*/
|
|
15495
|
+
this.sizeSm = '1240x496';
|
|
15496
|
+
/**
|
|
15497
|
+
* Image size for medium screen
|
|
15498
|
+
* >=992px and <=1199px
|
|
15499
|
+
*/
|
|
15500
|
+
this.sizeMd = '1366x500';
|
|
15501
|
+
/**
|
|
15502
|
+
* Image solution for large screen
|
|
15503
|
+
* >=1200px
|
|
15504
|
+
*/
|
|
15505
|
+
this.sizeLg = '1920x1080';
|
|
15506
|
+
/**
|
|
15507
|
+
* Image Position
|
|
15508
|
+
*/
|
|
15509
|
+
this.imagePosition = 'static';
|
|
15510
|
+
/**
|
|
15511
|
+
* Object Fit
|
|
15512
|
+
* Default: cover
|
|
15513
|
+
*/
|
|
15514
|
+
this.objectFit = 'cover';
|
|
15515
|
+
/**
|
|
15516
|
+
* Stretch height to 100%?
|
|
15517
|
+
*/
|
|
15518
|
+
this.isFullHeight = false;
|
|
15519
|
+
/**
|
|
15520
|
+
* Stretch width to 100%?
|
|
15521
|
+
*/
|
|
15522
|
+
this.isFullWidth = false;
|
|
15523
|
+
}
|
|
15524
|
+
WindowResize() {
|
|
15525
|
+
this.addIntersectionObserver();
|
|
15526
|
+
}
|
|
15527
|
+
componentDidLoad() {
|
|
15528
|
+
this.addIntersectionObserver();
|
|
15529
|
+
}
|
|
15530
|
+
componentWillUpdate() {
|
|
15531
|
+
if (this.src !== this.oldSrc) {
|
|
15532
|
+
this.addIntersectionObserver();
|
|
15533
|
+
}
|
|
15534
|
+
this.oldSrc = this.src;
|
|
15535
|
+
}
|
|
15536
|
+
//lazy-loading
|
|
15537
|
+
addIntersectionObserver() {
|
|
15538
|
+
if (!this.src) {
|
|
15539
|
+
return;
|
|
15540
|
+
}
|
|
15541
|
+
if ('IntersectionObserver' in window) {
|
|
15542
|
+
let lazyLoadImages = new IntersectionObserver(entries => {
|
|
15543
|
+
entries.forEach(entry => {
|
|
15544
|
+
if (entry.isIntersecting) {
|
|
15545
|
+
const image = this.el.shadowRoot.querySelector('img');
|
|
15546
|
+
image.src = this.setResponsiveBg();
|
|
15547
|
+
console.log('loaded');
|
|
15548
|
+
lazyLoadImages.unobserve(image);
|
|
15549
|
+
}
|
|
15550
|
+
});
|
|
15551
|
+
});
|
|
15552
|
+
lazyLoadImages.observe(this.el.shadowRoot.querySelector('img'));
|
|
15553
|
+
}
|
|
15554
|
+
else {
|
|
15555
|
+
// fall back to setTimeout for Safari and IE
|
|
15556
|
+
setTimeout(() => {
|
|
15557
|
+
const image = this.el.shadowRoot.querySelector('img');
|
|
15558
|
+
image.src = this.setResponsiveBg();
|
|
15559
|
+
image.onload = () => {
|
|
15560
|
+
image.removeAttribute('data-src');
|
|
15561
|
+
console.log('loaded fallback');
|
|
15562
|
+
};
|
|
15563
|
+
}, 5000);
|
|
15564
|
+
}
|
|
15565
|
+
}
|
|
15566
|
+
//responsive image
|
|
15567
|
+
setResponsiveBg() {
|
|
15568
|
+
// Define local variables
|
|
15569
|
+
let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
|
|
15570
|
+
for (var i = 0, len = backgrounds.length; i < len; i++) {
|
|
15571
|
+
// Set current variables
|
|
15572
|
+
el = backgrounds[i];
|
|
15573
|
+
elData = el.getAttribute('data-' + currentBreakpoint);
|
|
15574
|
+
if (elData !== null) {
|
|
15575
|
+
// console.log('img src= ' + elData);
|
|
15576
|
+
return elData;
|
|
15577
|
+
}
|
|
15578
|
+
else {
|
|
15579
|
+
if (typeof console == 'object') {
|
|
15580
|
+
console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
|
|
15581
|
+
}
|
|
15582
|
+
}
|
|
15583
|
+
}
|
|
15584
|
+
}
|
|
15585
|
+
render() {
|
|
15586
|
+
const classMap = this.getCssClassMap();
|
|
15587
|
+
return (h(Host, { class: this.imagePosition }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}:${this.sizeXs}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}:${this.sizeSm}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}:${this.sizeMd}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}:${this.sizeLg}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt })), h("slot", null)));
|
|
15588
|
+
}
|
|
15589
|
+
getCurrentBreakPoints() {
|
|
15590
|
+
// Define local variables
|
|
15591
|
+
let doc = window.document, temp = doc.createElement('div'), env;
|
|
15592
|
+
// Append test node
|
|
15593
|
+
doc.body.appendChild(temp);
|
|
15594
|
+
// Loop through breakpoints
|
|
15595
|
+
for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
|
|
15596
|
+
env = ResponsivePictureVariables.envs[i];
|
|
15597
|
+
// Add classes
|
|
15598
|
+
temp.className = 'hidden-' + env;
|
|
15599
|
+
// Found breakpoint
|
|
15600
|
+
if (temp.offsetParent === null) {
|
|
15601
|
+
// Remove our test node
|
|
15602
|
+
doc.body.removeChild(temp);
|
|
15603
|
+
console.log('remove test node');
|
|
15604
|
+
// Return current breakpoint
|
|
15605
|
+
return env;
|
|
15606
|
+
}
|
|
15607
|
+
}
|
|
15608
|
+
// Breakpoint not found, try fallback
|
|
15609
|
+
doc.body.removeChild(temp);
|
|
15610
|
+
return this.getFallbackBreakpoint();
|
|
15611
|
+
}
|
|
15612
|
+
getFallbackBreakpoint() {
|
|
15613
|
+
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
15614
|
+
return 'lg';
|
|
15615
|
+
}
|
|
15616
|
+
else if (window.matchMedia('(min-width: 768px)').matches) {
|
|
15617
|
+
return 'md';
|
|
15618
|
+
}
|
|
15619
|
+
else if (window.matchMedia('(min-width: 576px)').matches) {
|
|
15620
|
+
return 'sm';
|
|
15621
|
+
}
|
|
15622
|
+
else {
|
|
15623
|
+
return 'xs';
|
|
15624
|
+
}
|
|
15625
|
+
}
|
|
15626
|
+
getCssClassMap() {
|
|
15627
|
+
return {
|
|
15628
|
+
[this.borderRadius]: this.borderRadius ? true : false,
|
|
15629
|
+
[this.objectFit]: true,
|
|
15630
|
+
[this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
|
|
15631
|
+
[this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true
|
|
15632
|
+
};
|
|
15633
|
+
}
|
|
15634
|
+
get el() { return this; }
|
|
15635
|
+
static get style() { return ptcPictureCss; }
|
|
15636
|
+
};
|
|
15637
|
+
|
|
15638
|
+
const ptcPreviousUrlCss = ":host{display:block;margin-top:11px}.back-to-videos{display:inline-block;font-family:var(--ptc-font-latin);font-style:normal;font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-dense)}.back-to-videos:hover{text-decoration:underline;text-decoration-color:var(--color-underline-green);outline:none}::slotted(*){transform:translate(-2px, -2px)}.backarrow:hover+.back-to-videos{text-decoration:underline;text-decoration-color:var(--color-underline-green);outline:none}";
|
|
15639
|
+
|
|
15640
|
+
let PtcPreviousUrl$1 = class extends HTMLElement$1 {
|
|
15641
|
+
constructor() {
|
|
15642
|
+
super();
|
|
15643
|
+
this.__registerHost();
|
|
15644
|
+
this.__attachShadow();
|
|
15645
|
+
}
|
|
15646
|
+
render() {
|
|
15647
|
+
return (h(Host, null, h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
|
|
15648
|
+
}
|
|
15649
|
+
static get style() { return ptcPreviousUrlCss; }
|
|
15604
15650
|
};
|
|
15605
15651
|
|
|
15606
15652
|
const ptcResponsiveWrapperCss = ":host{display:block}";
|
|
15607
15653
|
|
|
15608
|
-
let PtcResponsiveWrapper$1 = class extends HTMLElement$1 {
|
|
15609
|
-
constructor() {
|
|
15610
|
-
super();
|
|
15611
|
-
this.__registerHost();
|
|
15612
|
-
this.__attachShadow();
|
|
15613
|
-
}
|
|
15614
|
-
componentDidLoad() {
|
|
15615
|
-
this.ro = new ResizeObserver(entries => {
|
|
15616
|
-
for (const entry of entries) {
|
|
15617
|
-
this.applySizeClasses(entry.contentRect.width);
|
|
15618
|
-
}
|
|
15619
|
-
});
|
|
15620
|
-
this.ro.observe(this.element);
|
|
15621
|
-
}
|
|
15622
|
-
disconnectedCallback() {
|
|
15623
|
-
this.ro.disconnect();
|
|
15624
|
-
}
|
|
15625
|
-
applySizeClasses(size) {
|
|
15626
|
-
let xsmall = false;
|
|
15627
|
-
let small = false;
|
|
15628
|
-
let medium = false;
|
|
15629
|
-
let large = false;
|
|
15630
|
-
let xlarge = false;
|
|
15631
|
-
let xxlarge = false;
|
|
15632
|
-
let large2k = false;
|
|
15633
|
-
let large4k = false;
|
|
15634
|
-
if (size >= 2600)
|
|
15635
|
-
large4k = true;
|
|
15636
|
-
else if (size >= 1980)
|
|
15637
|
-
large2k = true;
|
|
15638
|
-
else if (size >= 1600)
|
|
15639
|
-
xxlarge = true;
|
|
15640
|
-
else if (size >= 1440)
|
|
15641
|
-
xlarge = true;
|
|
15642
|
-
else if (size >= 1200)
|
|
15643
|
-
large = true;
|
|
15644
|
-
else if (size >= 992)
|
|
15645
|
-
medium = true;
|
|
15646
|
-
else if (size >= 768)
|
|
15647
|
-
small = true;
|
|
15648
|
-
else
|
|
15649
|
-
xsmall = true;
|
|
15650
|
-
this.element.classList.toggle("xsmall", xsmall);
|
|
15651
|
-
this.element.classList.toggle("small", small);
|
|
15652
|
-
this.element.classList.toggle("medium", medium);
|
|
15653
|
-
this.element.classList.toggle("large", large);
|
|
15654
|
-
this.element.classList.toggle("xlarge", xlarge);
|
|
15655
|
-
this.element.classList.toggle("xxlarge", xxlarge);
|
|
15656
|
-
this.element.classList.toggle("large2k", large2k);
|
|
15657
|
-
this.element.classList.toggle("large4k", large4k);
|
|
15658
|
-
}
|
|
15659
|
-
render() {
|
|
15660
|
-
return (h("div", null, h("slot", null)));
|
|
15661
|
-
}
|
|
15662
|
-
get element() { return this; }
|
|
15663
|
-
static get style() { return ptcResponsiveWrapperCss; }
|
|
15654
|
+
let PtcResponsiveWrapper$1 = class extends HTMLElement$1 {
|
|
15655
|
+
constructor() {
|
|
15656
|
+
super();
|
|
15657
|
+
this.__registerHost();
|
|
15658
|
+
this.__attachShadow();
|
|
15659
|
+
}
|
|
15660
|
+
componentDidLoad() {
|
|
15661
|
+
this.ro = new ResizeObserver(entries => {
|
|
15662
|
+
for (const entry of entries) {
|
|
15663
|
+
this.applySizeClasses(entry.contentRect.width);
|
|
15664
|
+
}
|
|
15665
|
+
});
|
|
15666
|
+
this.ro.observe(this.element);
|
|
15667
|
+
}
|
|
15668
|
+
disconnectedCallback() {
|
|
15669
|
+
this.ro.disconnect();
|
|
15670
|
+
}
|
|
15671
|
+
applySizeClasses(size) {
|
|
15672
|
+
let xsmall = false;
|
|
15673
|
+
let small = false;
|
|
15674
|
+
let medium = false;
|
|
15675
|
+
let large = false;
|
|
15676
|
+
let xlarge = false;
|
|
15677
|
+
let xxlarge = false;
|
|
15678
|
+
let large2k = false;
|
|
15679
|
+
let large4k = false;
|
|
15680
|
+
if (size >= 2600)
|
|
15681
|
+
large4k = true;
|
|
15682
|
+
else if (size >= 1980)
|
|
15683
|
+
large2k = true;
|
|
15684
|
+
else if (size >= 1600)
|
|
15685
|
+
xxlarge = true;
|
|
15686
|
+
else if (size >= 1440)
|
|
15687
|
+
xlarge = true;
|
|
15688
|
+
else if (size >= 1200)
|
|
15689
|
+
large = true;
|
|
15690
|
+
else if (size >= 992)
|
|
15691
|
+
medium = true;
|
|
15692
|
+
else if (size >= 768)
|
|
15693
|
+
small = true;
|
|
15694
|
+
else
|
|
15695
|
+
xsmall = true;
|
|
15696
|
+
this.element.classList.toggle("xsmall", xsmall);
|
|
15697
|
+
this.element.classList.toggle("small", small);
|
|
15698
|
+
this.element.classList.toggle("medium", medium);
|
|
15699
|
+
this.element.classList.toggle("large", large);
|
|
15700
|
+
this.element.classList.toggle("xlarge", xlarge);
|
|
15701
|
+
this.element.classList.toggle("xxlarge", xxlarge);
|
|
15702
|
+
this.element.classList.toggle("large2k", large2k);
|
|
15703
|
+
this.element.classList.toggle("large4k", large4k);
|
|
15704
|
+
}
|
|
15705
|
+
render() {
|
|
15706
|
+
return (h("div", null, h("slot", null)));
|
|
15707
|
+
}
|
|
15708
|
+
get element() { return this; }
|
|
15709
|
+
static get style() { return ptcResponsiveWrapperCss; }
|
|
15664
15710
|
};
|
|
15665
15711
|
|
|
15666
15712
|
const ptcSelectCss = ".sc-ptc-select-h{display:block}.ptc-select.sc-ptc-select{display:block;width:100%;padding:6px 12px;border:none;border-bottom:1px solid #3b4550;padding-left:20px;-webkit-box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;color:#707070;padding-top:14px;background:#fff}";
|
|
15667
15713
|
|
|
15668
|
-
let PtcSelect$1 = class extends HTMLElement$1 {
|
|
15669
|
-
constructor() {
|
|
15670
|
-
super();
|
|
15671
|
-
this.__registerHost();
|
|
15672
|
-
this.valueOptions = [];
|
|
15673
|
-
}
|
|
15674
|
-
componentWillLoad() {
|
|
15675
|
-
const BASE_URL = 'https://countriesnow.space/api/v0.1/countries/iso';
|
|
15676
|
-
return fetch(`${BASE_URL}`)
|
|
15677
|
-
.then(response => response.json())
|
|
15678
|
-
.then(data => {
|
|
15679
|
-
this.valueOptions = data.data;
|
|
15680
|
-
console.log(this.valueOptions);
|
|
15681
|
-
});
|
|
15682
|
-
}
|
|
15683
|
-
render() {
|
|
15684
|
-
if (this.selectId == 'contact-country') {
|
|
15685
|
-
console.log('country field exist');
|
|
15686
|
-
}
|
|
15687
|
-
return (h("div", null, h("select", { id: this.selectId, class: "ptc-select", "data-eloqua-name": this.dataEloquaName, name: this.name }, this.selectId === 'contact-country'
|
|
15688
|
-
? this.valueOptions.map(recipient => h("option", { value: recipient.Iso2 }, recipient.name))
|
|
15689
|
-
: this.valueOptions.map(recipient => h("option", { value: recipient.Iso3 }, recipient.name))), h("label", { htmlFor: this.selectId, class: "floating-label" }, h("slot", null))));
|
|
15690
|
-
}
|
|
15691
|
-
get el() { return this; }
|
|
15692
|
-
static get style() { return ptcSelectCss; }
|
|
15714
|
+
let PtcSelect$1 = class extends HTMLElement$1 {
|
|
15715
|
+
constructor() {
|
|
15716
|
+
super();
|
|
15717
|
+
this.__registerHost();
|
|
15718
|
+
this.valueOptions = [];
|
|
15719
|
+
}
|
|
15720
|
+
componentWillLoad() {
|
|
15721
|
+
const BASE_URL = 'https://countriesnow.space/api/v0.1/countries/iso';
|
|
15722
|
+
return fetch(`${BASE_URL}`)
|
|
15723
|
+
.then(response => response.json())
|
|
15724
|
+
.then(data => {
|
|
15725
|
+
this.valueOptions = data.data;
|
|
15726
|
+
console.log(this.valueOptions);
|
|
15727
|
+
});
|
|
15728
|
+
}
|
|
15729
|
+
render() {
|
|
15730
|
+
if (this.selectId == 'contact-country') {
|
|
15731
|
+
console.log('country field exist');
|
|
15732
|
+
}
|
|
15733
|
+
return (h("div", null, h("select", { id: this.selectId, class: "ptc-select", "data-eloqua-name": this.dataEloquaName, name: this.name }, this.selectId === 'contact-country'
|
|
15734
|
+
? this.valueOptions.map(recipient => h("option", { value: recipient.Iso2 }, recipient.name))
|
|
15735
|
+
: this.valueOptions.map(recipient => h("option", { value: recipient.Iso3 }, recipient.name))), h("label", { htmlFor: this.selectId, class: "floating-label" }, h("slot", null))));
|
|
15736
|
+
}
|
|
15737
|
+
get el() { return this; }
|
|
15738
|
+
static get style() { return ptcSelectCss; }
|
|
15693
15739
|
};
|
|
15694
15740
|
|
|
15695
15741
|
const ptcSocialShareCss = ":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:19px}}";
|
|
15696
15742
|
|
|
15697
|
-
let PtcSocialShare$1 = class extends HTMLElement$1 {
|
|
15698
|
-
constructor() {
|
|
15699
|
-
super();
|
|
15700
|
-
this.__registerHost();
|
|
15701
|
-
this.__attachShadow();
|
|
15702
|
-
this.display = 'inline-block';
|
|
15703
|
-
this.shareType = 'twitter';
|
|
15704
|
-
/**
|
|
15705
|
-
* Optional - source for linkedin
|
|
15706
|
-
*/
|
|
15707
|
-
this.source = '';
|
|
15708
|
-
/**
|
|
15709
|
-
* Email recipient.
|
|
15710
|
-
* If you want to use mail share, you need to use this property
|
|
15711
|
-
*/
|
|
15712
|
-
this.recipient = '';
|
|
15713
|
-
/**
|
|
15714
|
-
* is hover or not
|
|
15715
|
-
*/
|
|
15716
|
-
this.isHover = false;
|
|
15717
|
-
}
|
|
15718
|
-
render() {
|
|
15719
|
-
const classMap = this.getCssClassMap();
|
|
15720
|
-
return (h(Host, { class: classMap }, h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-mail" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-linkedin" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-twitter" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-fb" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'share-api' ? h("icon-asset", Object.assign({ type: "solid", size: "x-large", name: "share-square" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null)));
|
|
15721
|
-
}
|
|
15722
|
-
getCssClassMap() {
|
|
15723
|
-
return {
|
|
15724
|
-
['ptc-social-share']: true,
|
|
15725
|
-
[this.display]: true,
|
|
15726
|
-
};
|
|
15727
|
-
}
|
|
15728
|
-
hoverToggle() {
|
|
15729
|
-
this.isHover = !this.isHover;
|
|
15730
|
-
}
|
|
15731
|
-
share() {
|
|
15732
|
-
if (this.shareType == 'twitter') {
|
|
15733
|
-
window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`);
|
|
15734
|
-
}
|
|
15735
|
-
if (this.shareType == 'facebook') {
|
|
15736
|
-
window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`);
|
|
15737
|
-
}
|
|
15738
|
-
if (this.shareType == 'linkedin') {
|
|
15739
|
-
window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`);
|
|
15740
|
-
}
|
|
15741
|
-
if (this.shareType == 'mail') {
|
|
15742
|
-
window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`);
|
|
15743
|
-
}
|
|
15744
|
-
if (this.shareType == 'share-api') {
|
|
15745
|
-
if (navigator.share) {
|
|
15746
|
-
navigator
|
|
15747
|
-
.share({
|
|
15748
|
-
title: this.shareTitle,
|
|
15749
|
-
text: this.text,
|
|
15750
|
-
url: this.url,
|
|
15751
|
-
})
|
|
15752
|
-
.then(() => console.log('Successful share'))
|
|
15753
|
-
.catch(error => console.log('Error sharing', error));
|
|
15754
|
-
}
|
|
15755
|
-
else {
|
|
15756
|
-
// fallback to sharing to twitter
|
|
15757
|
-
window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`);
|
|
15758
|
-
}
|
|
15759
|
-
}
|
|
15760
|
-
}
|
|
15761
|
-
get el() { return this; }
|
|
15762
|
-
static get style() { return ptcSocialShareCss; }
|
|
15743
|
+
let PtcSocialShare$1 = class extends HTMLElement$1 {
|
|
15744
|
+
constructor() {
|
|
15745
|
+
super();
|
|
15746
|
+
this.__registerHost();
|
|
15747
|
+
this.__attachShadow();
|
|
15748
|
+
this.display = 'inline-block';
|
|
15749
|
+
this.shareType = 'twitter';
|
|
15750
|
+
/**
|
|
15751
|
+
* Optional - source for linkedin
|
|
15752
|
+
*/
|
|
15753
|
+
this.source = '';
|
|
15754
|
+
/**
|
|
15755
|
+
* Email recipient.
|
|
15756
|
+
* If you want to use mail share, you need to use this property
|
|
15757
|
+
*/
|
|
15758
|
+
this.recipient = '';
|
|
15759
|
+
/**
|
|
15760
|
+
* is hover or not
|
|
15761
|
+
*/
|
|
15762
|
+
this.isHover = false;
|
|
15763
|
+
}
|
|
15764
|
+
render() {
|
|
15765
|
+
const classMap = this.getCssClassMap();
|
|
15766
|
+
return (h(Host, { class: classMap }, h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-mail" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-linkedin" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-twitter" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: "x-large", name: "plm-fb" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null, this.shareType == 'share-api' ? h("icon-asset", Object.assign({ type: "solid", size: "x-large", name: "share-square" }, (this.isHover ? { color: 'gray' } : { color: 'white' }))) : null)));
|
|
15767
|
+
}
|
|
15768
|
+
getCssClassMap() {
|
|
15769
|
+
return {
|
|
15770
|
+
['ptc-social-share']: true,
|
|
15771
|
+
[this.display]: true,
|
|
15772
|
+
};
|
|
15773
|
+
}
|
|
15774
|
+
hoverToggle() {
|
|
15775
|
+
this.isHover = !this.isHover;
|
|
15776
|
+
}
|
|
15777
|
+
share() {
|
|
15778
|
+
if (this.shareType == 'twitter') {
|
|
15779
|
+
window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`);
|
|
15780
|
+
}
|
|
15781
|
+
if (this.shareType == 'facebook') {
|
|
15782
|
+
window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`);
|
|
15783
|
+
}
|
|
15784
|
+
if (this.shareType == 'linkedin') {
|
|
15785
|
+
window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`);
|
|
15786
|
+
}
|
|
15787
|
+
if (this.shareType == 'mail') {
|
|
15788
|
+
window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`);
|
|
15789
|
+
}
|
|
15790
|
+
if (this.shareType == 'share-api') {
|
|
15791
|
+
if (navigator.share) {
|
|
15792
|
+
navigator
|
|
15793
|
+
.share({
|
|
15794
|
+
title: this.shareTitle,
|
|
15795
|
+
text: this.text,
|
|
15796
|
+
url: this.url,
|
|
15797
|
+
})
|
|
15798
|
+
.then(() => console.log('Successful share'))
|
|
15799
|
+
.catch(error => console.log('Error sharing', error));
|
|
15800
|
+
}
|
|
15801
|
+
else {
|
|
15802
|
+
// fallback to sharing to twitter
|
|
15803
|
+
window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`);
|
|
15804
|
+
}
|
|
15805
|
+
}
|
|
15806
|
+
}
|
|
15807
|
+
get el() { return this; }
|
|
15808
|
+
static get style() { return ptcSocialShareCss; }
|
|
15763
15809
|
};
|
|
15764
15810
|
|
|
15765
15811
|
const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.ptc-spacer-xx-large){display:block}}";
|
|
15766
15812
|
|
|
15767
|
-
let PtcSpacer$1 = class extends HTMLElement$1 {
|
|
15768
|
-
constructor() {
|
|
15769
|
-
super();
|
|
15770
|
-
this.__registerHost();
|
|
15771
|
-
this.__attachShadow();
|
|
15772
|
-
/**
|
|
15773
|
-
* Breakpoint
|
|
15774
|
-
*/
|
|
15775
|
-
this.breakpoint = '';
|
|
15776
|
-
/**
|
|
15777
|
-
* Spacing Size
|
|
15778
|
-
*/
|
|
15779
|
-
this.size = 'medium';
|
|
15780
|
-
/**
|
|
15781
|
-
* Direction
|
|
15782
|
-
*/
|
|
15783
|
-
this.direction = 'vertical';
|
|
15784
|
-
}
|
|
15785
|
-
render() {
|
|
15786
|
-
const classMap = this.getCssClassMap();
|
|
15787
|
-
return (h(Host, { class: classMap }));
|
|
15788
|
-
}
|
|
15789
|
-
getCssClassMap() {
|
|
15790
|
-
return {
|
|
15791
|
-
[this.size]: true,
|
|
15792
|
-
['ptc-spacer-horizontal']: this.direction === 'horizontal',
|
|
15793
|
-
['ptc-spacer-vertical']: this.direction === 'vertical',
|
|
15794
|
-
['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
|
|
15795
|
-
['ptc-spacer-x-small']: this.breakpoint === 'x-small',
|
|
15796
|
-
['ptc-spacer-small']: this.breakpoint === 'small',
|
|
15797
|
-
['ptc-spacer-medium']: this.breakpoint === 'medium',
|
|
15798
|
-
['ptc-spacer-large']: this.breakpoint === 'large',
|
|
15799
|
-
['ptc-spacer-x-large']: this.breakpoint === 'x-large',
|
|
15800
|
-
['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
|
|
15801
|
-
};
|
|
15802
|
-
}
|
|
15803
|
-
static get style() { return ptcSpacerCss; }
|
|
15813
|
+
let PtcSpacer$1 = class extends HTMLElement$1 {
|
|
15814
|
+
constructor() {
|
|
15815
|
+
super();
|
|
15816
|
+
this.__registerHost();
|
|
15817
|
+
this.__attachShadow();
|
|
15818
|
+
/**
|
|
15819
|
+
* Breakpoint
|
|
15820
|
+
*/
|
|
15821
|
+
this.breakpoint = '';
|
|
15822
|
+
/**
|
|
15823
|
+
* Spacing Size
|
|
15824
|
+
*/
|
|
15825
|
+
this.size = 'medium';
|
|
15826
|
+
/**
|
|
15827
|
+
* Direction
|
|
15828
|
+
*/
|
|
15829
|
+
this.direction = 'vertical';
|
|
15830
|
+
}
|
|
15831
|
+
render() {
|
|
15832
|
+
const classMap = this.getCssClassMap();
|
|
15833
|
+
return (h(Host, { class: classMap }));
|
|
15834
|
+
}
|
|
15835
|
+
getCssClassMap() {
|
|
15836
|
+
return {
|
|
15837
|
+
[this.size]: true,
|
|
15838
|
+
['ptc-spacer-horizontal']: this.direction === 'horizontal',
|
|
15839
|
+
['ptc-spacer-vertical']: this.direction === 'vertical',
|
|
15840
|
+
['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
|
|
15841
|
+
['ptc-spacer-x-small']: this.breakpoint === 'x-small',
|
|
15842
|
+
['ptc-spacer-small']: this.breakpoint === 'small',
|
|
15843
|
+
['ptc-spacer-medium']: this.breakpoint === 'medium',
|
|
15844
|
+
['ptc-spacer-large']: this.breakpoint === 'large',
|
|
15845
|
+
['ptc-spacer-x-large']: this.breakpoint === 'x-large',
|
|
15846
|
+
['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
|
|
15847
|
+
};
|
|
15848
|
+
}
|
|
15849
|
+
static get style() { return ptcSpacerCss; }
|
|
15804
15850
|
};
|
|
15805
15851
|
|
|
15806
15852
|
const ptcSpanCss = ":host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:#cac8c8;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-05);font-size:17px;padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-primary-grey)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-primary-grey)}";
|
|
15807
15853
|
|
|
15808
|
-
let PtcSpan$1 = class extends HTMLElement$1 {
|
|
15809
|
-
constructor() {
|
|
15810
|
-
super();
|
|
15811
|
-
this.__registerHost();
|
|
15812
|
-
this.__attachShadow();
|
|
15813
|
-
/**
|
|
15814
|
-
* Span Style
|
|
15815
|
-
*/
|
|
15816
|
-
this.spanStyle = 'tag-style';
|
|
15817
|
-
/**
|
|
15818
|
-
* Display
|
|
15819
|
-
*/
|
|
15820
|
-
this.display = 'inline';
|
|
15821
|
-
}
|
|
15822
|
-
render() {
|
|
15823
|
-
const classMap = this.getCssClassMap();
|
|
15824
|
-
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("span", { part: "part-ptc-span" }, h("slot", null))));
|
|
15825
|
-
}
|
|
15826
|
-
getCssClassMap() {
|
|
15827
|
-
return {
|
|
15828
|
-
[this.spanStyle]: true,
|
|
15829
|
-
[this.display]: true,
|
|
15830
|
-
};
|
|
15831
|
-
}
|
|
15832
|
-
static get style() { return ptcSpanCss; }
|
|
15854
|
+
let PtcSpan$1 = class extends HTMLElement$1 {
|
|
15855
|
+
constructor() {
|
|
15856
|
+
super();
|
|
15857
|
+
this.__registerHost();
|
|
15858
|
+
this.__attachShadow();
|
|
15859
|
+
/**
|
|
15860
|
+
* Span Style
|
|
15861
|
+
*/
|
|
15862
|
+
this.spanStyle = 'tag-style';
|
|
15863
|
+
/**
|
|
15864
|
+
* Display
|
|
15865
|
+
*/
|
|
15866
|
+
this.display = 'inline';
|
|
15867
|
+
}
|
|
15868
|
+
render() {
|
|
15869
|
+
const classMap = this.getCssClassMap();
|
|
15870
|
+
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("span", { part: "part-ptc-span" }, h("slot", null))));
|
|
15871
|
+
}
|
|
15872
|
+
getCssClassMap() {
|
|
15873
|
+
return {
|
|
15874
|
+
[this.spanStyle]: true,
|
|
15875
|
+
[this.display]: true,
|
|
15876
|
+
};
|
|
15877
|
+
}
|
|
15878
|
+
static get style() { return ptcSpanCss; }
|
|
15833
15879
|
};
|
|
15834
15880
|
|
|
15835
|
-
const closeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
|
|
15836
|
-
<g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
|
|
15837
|
-
<path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
|
|
15838
|
-
<path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
|
|
15839
|
-
<path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
|
|
15840
|
-
<path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
|
|
15841
|
-
<path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
|
|
15842
|
-
<path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
|
|
15843
|
-
<path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
|
|
15844
|
-
</g>
|
|
15881
|
+
const closeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
|
|
15882
|
+
<g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
|
|
15883
|
+
<path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
|
|
15884
|
+
<path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
|
|
15885
|
+
<path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
|
|
15886
|
+
<path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
|
|
15887
|
+
<path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
|
|
15888
|
+
<path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
|
|
15889
|
+
<path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
|
|
15890
|
+
</g>
|
|
15845
15891
|
</svg>`;
|
|
15846
15892
|
|
|
15847
|
-
const arrowSvgLeft = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
15848
|
-
<g filter="url(#filter0_d_494_37)">
|
|
15849
|
-
<circle cx="24" cy="22" r="20" fill="white"/>
|
|
15850
|
-
<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>
|
|
15851
|
-
</g>
|
|
15852
|
-
<defs>
|
|
15853
|
-
<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
15854
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
15855
|
-
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
15856
|
-
<feOffset dy="2"/>
|
|
15857
|
-
<feGaussianBlur stdDeviation="2"/>
|
|
15858
|
-
<feComposite in2="hardAlpha" operator="out"/>
|
|
15859
|
-
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
|
15860
|
-
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>
|
|
15861
|
-
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>
|
|
15862
|
-
</filter>
|
|
15863
|
-
</defs>
|
|
15864
|
-
</svg>
|
|
15893
|
+
const arrowSvgLeft = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
15894
|
+
<g filter="url(#filter0_d_494_37)">
|
|
15895
|
+
<circle cx="24" cy="22" r="20" fill="white"/>
|
|
15896
|
+
<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>
|
|
15897
|
+
</g>
|
|
15898
|
+
<defs>
|
|
15899
|
+
<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
15900
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
15901
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
15902
|
+
<feOffset dy="2"/>
|
|
15903
|
+
<feGaussianBlur stdDeviation="2"/>
|
|
15904
|
+
<feComposite in2="hardAlpha" operator="out"/>
|
|
15905
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
|
15906
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>
|
|
15907
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>
|
|
15908
|
+
</filter>
|
|
15909
|
+
</defs>
|
|
15910
|
+
</svg>
|
|
15865
15911
|
`;
|
|
15866
15912
|
|
|
15867
|
-
const arrowSvgRight = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
15868
|
-
<g filter="url(#filter0_d_494_34)">
|
|
15869
|
-
<circle cx="24" cy="22" r="20" fill="white"/>
|
|
15870
|
-
<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>
|
|
15871
|
-
</g>
|
|
15872
|
-
<defs>
|
|
15873
|
-
<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
15874
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
15875
|
-
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
15876
|
-
<feOffset dy="2"/>
|
|
15877
|
-
<feGaussianBlur stdDeviation="2"/>
|
|
15878
|
-
<feComposite in2="hardAlpha" operator="out"/>
|
|
15879
|
-
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
|
15880
|
-
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>
|
|
15881
|
-
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>
|
|
15882
|
-
</filter>
|
|
15883
|
-
</defs>
|
|
15884
|
-
</svg>
|
|
15913
|
+
const arrowSvgRight = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
15914
|
+
<g filter="url(#filter0_d_494_34)">
|
|
15915
|
+
<circle cx="24" cy="22" r="20" fill="white"/>
|
|
15916
|
+
<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>
|
|
15917
|
+
</g>
|
|
15918
|
+
<defs>
|
|
15919
|
+
<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
15920
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
15921
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
15922
|
+
<feOffset dy="2"/>
|
|
15923
|
+
<feGaussianBlur stdDeviation="2"/>
|
|
15924
|
+
<feComposite in2="hardAlpha" operator="out"/>
|
|
15925
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
|
15926
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>
|
|
15927
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>
|
|
15928
|
+
</filter>
|
|
15929
|
+
</defs>
|
|
15930
|
+
</svg>
|
|
15885
15931
|
`;
|
|
15886
15932
|
|
|
15887
|
-
const
|
|
15933
|
+
const backarrow = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">
|
|
15934
|
+
<defs>
|
|
15935
|
+
<style>
|
|
15936
|
+
.cls-1 {
|
|
15937
|
+
fill: #fff;
|
|
15938
|
+
fill-rule: evenodd;
|
|
15939
|
+
}
|
|
15940
|
+
</style>
|
|
15941
|
+
</defs>
|
|
15942
|
+
<path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>
|
|
15943
|
+
</svg>
|
|
15944
|
+
`;
|
|
15888
15945
|
|
|
15889
|
-
|
|
15890
|
-
|
|
15891
|
-
|
|
15892
|
-
|
|
15893
|
-
|
|
15894
|
-
|
|
15895
|
-
|
|
15896
|
-
|
|
15897
|
-
|
|
15898
|
-
|
|
15899
|
-
|
|
15900
|
-
|
|
15901
|
-
|
|
15902
|
-
|
|
15903
|
-
|
|
15904
|
-
|
|
15905
|
-
|
|
15906
|
-
|
|
15907
|
-
|
|
15908
|
-
|
|
15946
|
+
const ptcSvgBtnCss = ":host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:#40434A;stroke-linecap:square}.svg-close svg .cls-2{stroke:#40434A}.svg-close svg path{-webkit-transition:all 0.25s ease-in-out;-o-transition:all ease-in-out 0.25s;transition:all 0.25s ease-in-out}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:#fff}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-primary-grey)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.backarrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.backarrow){margin:8px 8px 16px -2px}}";
|
|
15947
|
+
|
|
15948
|
+
let PtcSvgBtn$1 = class extends HTMLElement$1 {
|
|
15949
|
+
constructor() {
|
|
15950
|
+
super();
|
|
15951
|
+
this.__registerHost();
|
|
15952
|
+
this.__attachShadow();
|
|
15953
|
+
/**
|
|
15954
|
+
* Display
|
|
15955
|
+
*/
|
|
15956
|
+
this.display = 'block';
|
|
15957
|
+
}
|
|
15958
|
+
render() {
|
|
15959
|
+
const classMap = this.getCssClassMap();
|
|
15960
|
+
return (h(Host, { class: classMap }, !!this.svgName && this.svgName === 'close' ? h("div", { class: 'svg-close', innerHTML: closeSvg }) : null, !!this.svgName && this.svgName === 'slider-left' ? h("div", { class: 'slider-left', innerHTML: arrowSvgLeft }) : null, !!this.svgName && this.svgName === 'slider-right' ? h("div", { class: 'slider-right', innerHTML: arrowSvgRight }) : null, !!this.svgName && this.svgName === 'back-arrow' ? h("div", { class: 'back-arrow', innerHTML: backarrow }) : null));
|
|
15961
|
+
}
|
|
15962
|
+
getCssClassMap() {
|
|
15963
|
+
return {
|
|
15964
|
+
[this.display]: true
|
|
15965
|
+
};
|
|
15966
|
+
}
|
|
15967
|
+
static get style() { return ptcSvgBtnCss; }
|
|
15909
15968
|
};
|
|
15910
15969
|
|
|
15911
15970
|
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white)}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.font-size-15.sc-ptc-title h1.sc-ptc-title,div.font-size-15.sc-ptc-title h2.sc-ptc-title,div.font-size-15.sc-ptc-title h3.sc-ptc-title{font-size:15px}div.font-size-50.sc-ptc-title h1.sc-ptc-title,div.font-size-50.sc-ptc-title h2.sc-ptc-title,div.font-size-50.sc-ptc-title h3.sc-ptc-title{font-size:50px}div.lh-23.sc-ptc-title{line-height:23px}div.lh-28.sc-ptc-title{line-height:28px}div.lh-59.sc-ptc-title{line-height:59px}";
|
|
15912
15971
|
|
|
15913
|
-
let PtcTitle$1 = class extends HTMLElement$1 {
|
|
15914
|
-
constructor() {
|
|
15915
|
-
super();
|
|
15916
|
-
this.__registerHost();
|
|
15917
|
-
/**
|
|
15918
|
-
* Is this title using on the PLM Hub page
|
|
15919
|
-
*/
|
|
15920
|
-
this.isPlmHub = false;
|
|
15921
|
-
/**
|
|
15922
|
-
* Title Tag Type
|
|
15923
|
-
*/
|
|
15924
|
-
this.type = 'h2';
|
|
15925
|
-
/**
|
|
15926
|
-
* Upperline Style
|
|
15927
|
-
*/
|
|
15928
|
-
this.upperline = 'dotted';
|
|
15929
|
-
}
|
|
15930
|
-
render() {
|
|
15931
|
-
const classMap = this.getCssClassMap();
|
|
15932
|
-
let TagType;
|
|
15933
|
-
switch (this.type) {
|
|
15934
|
-
case 'h1':
|
|
15935
|
-
TagType = 'h1';
|
|
15936
|
-
break;
|
|
15937
|
-
case 'h3':
|
|
15938
|
-
TagType = 'h3';
|
|
15939
|
-
break;
|
|
15940
|
-
default:
|
|
15941
|
-
TagType = 'h2';
|
|
15942
|
-
}
|
|
15943
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, null, h("slot", null)))));
|
|
15944
|
-
}
|
|
15945
|
-
getCssClassMap() {
|
|
15946
|
-
return {
|
|
15947
|
-
[this.textAlign]: !!this.textAlign ? true : false,
|
|
15948
|
-
[this.upperline]: true,
|
|
15949
|
-
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
15950
|
-
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
15951
|
-
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
15952
|
-
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
15953
|
-
[this.titleSize]: !!this.titleSize ? true : false,
|
|
15954
|
-
[this.titleLHeight]: !!this.titleLHeight ? true : false
|
|
15955
|
-
};
|
|
15956
|
-
}
|
|
15957
|
-
static get style() { return ptcTitleCss; }
|
|
15972
|
+
let PtcTitle$1 = class extends HTMLElement$1 {
|
|
15973
|
+
constructor() {
|
|
15974
|
+
super();
|
|
15975
|
+
this.__registerHost();
|
|
15976
|
+
/**
|
|
15977
|
+
* Is this title using on the PLM Hub page
|
|
15978
|
+
*/
|
|
15979
|
+
this.isPlmHub = false;
|
|
15980
|
+
/**
|
|
15981
|
+
* Title Tag Type
|
|
15982
|
+
*/
|
|
15983
|
+
this.type = 'h2';
|
|
15984
|
+
/**
|
|
15985
|
+
* Upperline Style
|
|
15986
|
+
*/
|
|
15987
|
+
this.upperline = 'dotted';
|
|
15988
|
+
}
|
|
15989
|
+
render() {
|
|
15990
|
+
const classMap = this.getCssClassMap();
|
|
15991
|
+
let TagType;
|
|
15992
|
+
switch (this.type) {
|
|
15993
|
+
case 'h1':
|
|
15994
|
+
TagType = 'h1';
|
|
15995
|
+
break;
|
|
15996
|
+
case 'h3':
|
|
15997
|
+
TagType = 'h3';
|
|
15998
|
+
break;
|
|
15999
|
+
default:
|
|
16000
|
+
TagType = 'h2';
|
|
16001
|
+
}
|
|
16002
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, null, h("slot", null)))));
|
|
16003
|
+
}
|
|
16004
|
+
getCssClassMap() {
|
|
16005
|
+
return {
|
|
16006
|
+
[this.textAlign]: !!this.textAlign ? true : false,
|
|
16007
|
+
[this.upperline]: true,
|
|
16008
|
+
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
16009
|
+
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
16010
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
16011
|
+
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
16012
|
+
[this.titleSize]: !!this.titleSize ? true : false,
|
|
16013
|
+
[this.titleLHeight]: !!this.titleLHeight ? true : false
|
|
16014
|
+
};
|
|
16015
|
+
}
|
|
16016
|
+
static get style() { return ptcTitleCss; }
|
|
15958
16017
|
};
|
|
15959
16018
|
|
|
15960
|
-
const IconAsset = /*@__PURE__*/proxyCustomElement(IconAsset$1, [2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]);
|
|
15961
|
-
const ListItem = /*@__PURE__*/proxyCustomElement(ListItem$1, [1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"]}]);
|
|
16019
|
+
const IconAsset = /*@__PURE__*/proxyCustomElement(IconAsset$1, [2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]);
|
|
16020
|
+
const ListItem = /*@__PURE__*/proxyCustomElement(ListItem$1, [1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]);
|
|
15962
16021
|
const LottiePlayer = /*@__PURE__*/proxyCustomElement(LottiePlayer$1, [1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2]}]);
|
|
15963
16022
|
const MyComponent = /*@__PURE__*/proxyCustomElement(MyComponent$1, [1,"my-component",{"first":[1],"middle":[1],"last":[1]}]);
|
|
15964
16023
|
const PtcAnnouncement = /*@__PURE__*/proxyCustomElement(PtcAnnouncement$1, [1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]);
|
|
@@ -15978,6 +16037,8 @@ const PtcInput = /*@__PURE__*/proxyCustomElement(PtcInput$1, [6,"ptc-input",{"ty
|
|
|
15978
16037
|
const PtcLink = /*@__PURE__*/proxyCustomElement(PtcLink$1, [1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]);
|
|
15979
16038
|
const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]);
|
|
15980
16039
|
const PtcLottie = /*@__PURE__*/proxyCustomElement(PtcLottie$1, [1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]);
|
|
16040
|
+
const PtcMinimizedFooter = /*@__PURE__*/proxyCustomElement(PtcMinimizedFooter$1, [1,"ptc-minimized-footer"]);
|
|
16041
|
+
const PtcMinimizedHeader = /*@__PURE__*/proxyCustomElement(PtcMinimizedHeader$1, [1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]);
|
|
15981
16042
|
const PtcMobileSelect = /*@__PURE__*/proxyCustomElement(PtcMobileSelect$1, [0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]);
|
|
15982
16043
|
const PtcModal = /*@__PURE__*/proxyCustomElement(PtcModal$1, [1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]);
|
|
15983
16044
|
const PtcNav = /*@__PURE__*/proxyCustomElement(PtcNav$1, [1,"ptc-nav"]);
|
|
@@ -15985,6 +16046,7 @@ const PtcNavItem = /*@__PURE__*/proxyCustomElement(PtcNavItem$1, [1,"ptc-nav-ite
|
|
|
15985
16046
|
const PtcOverlay = /*@__PURE__*/proxyCustomElement(PtcOverlay$1, [1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]);
|
|
15986
16047
|
const PtcPara = /*@__PURE__*/proxyCustomElement(PtcPara$1, [1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"]}]);
|
|
15987
16048
|
const PtcPicture = /*@__PURE__*/proxyCustomElement(PtcPicture$1, [1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]]);
|
|
16049
|
+
const PtcPreviousUrl = /*@__PURE__*/proxyCustomElement(PtcPreviousUrl$1, [1,"ptc-previous-url",{"href":[1],"text":[1]}]);
|
|
15988
16050
|
const PtcResponsiveWrapper = /*@__PURE__*/proxyCustomElement(PtcResponsiveWrapper$1, [1,"ptc-responsive-wrapper"]);
|
|
15989
16051
|
const PtcSelect = /*@__PURE__*/proxyCustomElement(PtcSelect$1, [6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]);
|
|
15990
16052
|
const PtcSocialShare = /*@__PURE__*/proxyCustomElement(PtcSocialShare$1, [1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]);
|
|
@@ -16016,6 +16078,8 @@ const defineCustomElements = (opts) => {
|
|
|
16016
16078
|
PtcLink,
|
|
16017
16079
|
PtcList,
|
|
16018
16080
|
PtcLottie,
|
|
16081
|
+
PtcMinimizedFooter,
|
|
16082
|
+
PtcMinimizedHeader,
|
|
16019
16083
|
PtcMobileSelect,
|
|
16020
16084
|
PtcModal,
|
|
16021
16085
|
PtcNav,
|
|
@@ -16023,6 +16087,7 @@ const defineCustomElements = (opts) => {
|
|
|
16023
16087
|
PtcOverlay,
|
|
16024
16088
|
PtcPara,
|
|
16025
16089
|
PtcPicture,
|
|
16090
|
+
PtcPreviousUrl,
|
|
16026
16091
|
PtcResponsiveWrapper,
|
|
16027
16092
|
PtcSelect,
|
|
16028
16093
|
PtcSocialShare,
|
|
@@ -16038,4 +16103,4 @@ const defineCustomElements = (opts) => {
|
|
|
16038
16103
|
}
|
|
16039
16104
|
};
|
|
16040
16105
|
|
|
16041
|
-
export { IconAsset, ListItem, LottiePlayer, MyComponent, PtcAnnouncement, PtcBreadcrumb, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardPlm, PtcCountdown, PtcDate, PtcFooter, PtcForm, PtcHero, PtcImg, PtcInput, PtcLink, PtcList, PtcLottie, PtcMobileSelect, PtcModal, PtcNav, PtcNavItem, PtcOverlay, PtcPara, PtcPicture, PtcResponsiveWrapper, PtcSelect, PtcSocialShare, PtcSpacer, PtcSpan, PtcSvgBtn, PtcTitle, defineCustomElements };
|
|
16106
|
+
export { IconAsset, ListItem, LottiePlayer, MyComponent, PtcAnnouncement, PtcBreadcrumb, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardPlm, PtcCountdown, PtcDate, PtcFooter, PtcForm, PtcHero, PtcImg, PtcInput, PtcLink, PtcList, PtcLottie, PtcMinimizedFooter, PtcMinimizedHeader, PtcMobileSelect, PtcModal, PtcNav, PtcNavItem, PtcOverlay, PtcPara, PtcPicture, PtcPreviousUrl, PtcResponsiveWrapper, PtcSelect, PtcSocialShare, PtcSpacer, PtcSpan, PtcSvgBtn, PtcTitle, defineCustomElements };
|