@ptcwebops/ptcw-design 0.2.9 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/icon-asset_16.cjs.entry.js +15 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-date.cjs.entry.js +8 -2
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/icon-asset/icon-asset.css +4 -0
- package/dist/collection/components/icon-asset/icon-asset.js +2 -2
- package/dist/collection/components/icon-asset/media/designer.svg +9 -8
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.css +18 -1
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +2 -2
- package/dist/collection/components/ptc-card-content/ptc-card-content.css +121 -5
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +2 -2
- package/dist/collection/components/ptc-card-plm/ptc-card-plm.css +36 -4
- package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +2 -2
- package/dist/collection/components/ptc-date/ptc-date.css +8 -0
- package/dist/collection/components/ptc-date/ptc-date.js +24 -1
- package/dist/collection/components/ptc-picture/ptc-picture.css +9 -1
- package/dist/collection/components/ptc-picture/ptc-picture.js +46 -0
- package/dist/custom-elements/index.js +25 -9
- package/dist/esm/icon-asset_16.entry.js +15 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-date.entry.js +8 -2
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/media/designer.svg +9 -8
- package/dist/ptcw-design/p-77dfe920.entry.js +1 -0
- package/dist/ptcw-design/p-81497cc3.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/icon-asset/icon-asset.d.ts +1 -1
- package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +1 -1
- package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +1 -1
- package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +1 -1
- package/dist/types/components/ptc-date/ptc-date.d.ts +5 -0
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +8 -0
- package/dist/types/components.d.ts +32 -8
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-281824f5.entry.js +0 -1
- package/dist/ptcw-design/p-8bbb4277.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0b899fc6.js');
|
|
6
6
|
|
|
7
|
-
const iconAssetCss = "/*!\n * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n */.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{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{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{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{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{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-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{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}icon-asset{vertical-align:middle}svg.x-small{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.large{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.xx-large{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.white{fill:var(--color-white)}svg.black{fill:var(--color-black)}svg.ptc-green{fill:var(--color-primary-green)}svg.inherit{fill:inherit}";
|
|
7
|
+
const iconAssetCss = "/*!\n * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n */.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{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{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{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{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{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-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{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}icon-asset{vertical-align:middle}svg.x-small{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.large{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.white{fill:var(--color-white)}svg.black{fill:var(--color-black)}svg.ptc-green{fill:var(--color-primary-green)}svg.inherit{fill:inherit}";
|
|
8
8
|
|
|
9
9
|
let IconAsset = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -168,7 +168,7 @@ let PtcButton = class {
|
|
|
168
168
|
};
|
|
169
169
|
PtcButton.style = ptcButtonCss;
|
|
170
170
|
|
|
171
|
-
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-04) var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);z-index:2}";
|
|
171
|
+
const ptcCardBottomCss = ":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper,:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);z-index:2}:host(.card-playlist){flex:72% 2 1;align-self:center}@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}}";
|
|
172
172
|
|
|
173
173
|
let PtcCardBottom = class {
|
|
174
174
|
constructor(hostRef) {
|
|
@@ -186,7 +186,7 @@ let PtcCardBottom = class {
|
|
|
186
186
|
};
|
|
187
187
|
PtcCardBottom.style = ptcCardBottomCss;
|
|
188
188
|
|
|
189
|
-
const ptcCardContentCss = ":host{display:block}:host(.speed-bump){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06);text-align:center}@media screen and (min-width: 768px){:host(.speed-bump){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .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{content:\"\";position:absolute;width:100%;height:
|
|
189
|
+
const ptcCardContentCss = ":host{display:block}:host(.speed-bump){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06);text-align:center}@media screen and (min-width: 768px){:host(.speed-bump){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-2up) .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-2up) .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-2up) .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:50%;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:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}: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}: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:28% 1 2;margin-right:var(--ptc-element-spacing-03)}@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}}";
|
|
190
190
|
|
|
191
191
|
let PtcCardContent = class {
|
|
192
192
|
constructor(hostRef) {
|
|
@@ -215,7 +215,7 @@ let PtcCardContent = class {
|
|
|
215
215
|
};
|
|
216
216
|
PtcCardContent.style = ptcCardContentCss;
|
|
217
217
|
|
|
218
|
-
const ptcCardPlmCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a{text-decoration:none}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover{text-decoration:none}";
|
|
218
|
+
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-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}@media screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}";
|
|
219
219
|
|
|
220
220
|
let PtcCardPlm = class {
|
|
221
221
|
constructor(hostRef) {
|
|
@@ -529,7 +529,7 @@ let PtcPara = class {
|
|
|
529
529
|
};
|
|
530
530
|
PtcPara.style = ptcParaCss;
|
|
531
531
|
|
|
532
|
-
const ptcPictureCss = ":host{display:block;overflow:hidden}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:
|
|
532
|
+
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%}";
|
|
533
533
|
|
|
534
534
|
let PtcPicture = class {
|
|
535
535
|
constructor(hostRef) {
|
|
@@ -567,6 +567,14 @@ let PtcPicture = class {
|
|
|
567
567
|
* Default: cover
|
|
568
568
|
*/
|
|
569
569
|
this.objectFit = 'cover';
|
|
570
|
+
/**
|
|
571
|
+
* Stretch height to 100%?
|
|
572
|
+
*/
|
|
573
|
+
this.isFullHeight = false;
|
|
574
|
+
/**
|
|
575
|
+
* Stretch width to 100%?
|
|
576
|
+
*/
|
|
577
|
+
this.isFullWidth = false;
|
|
570
578
|
}
|
|
571
579
|
WindowResize() {
|
|
572
580
|
this.addIntersectionObserver();
|
|
@@ -674,6 +682,8 @@ let PtcPicture = class {
|
|
|
674
682
|
return {
|
|
675
683
|
[this.borderRadius]: this.borderRadius ? true : false,
|
|
676
684
|
[this.objectFit]: true,
|
|
685
|
+
[this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
|
|
686
|
+
[this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true
|
|
677
687
|
};
|
|
678
688
|
}
|
|
679
689
|
get el() { return index.getElement(this); }
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]]],["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-form.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]]],["ptc-input.cjs",[[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}]]],["ptc-list.cjs",[[2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["lottie-player.cjs",[[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],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateStyles":[1,"date-styles"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset_16.cjs",[[1,"ptc-breadcrumb"],[1,"ptc-hero",{"heroType":[1,"hero-type"]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[1,"ptc-card-bottom",{"cardType":[1,"card-type"]}],[1,"ptc-card-content",{"cardType":[1,"card-type"]}],[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}],[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"]}],[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"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleMargin":[1,"title-margin"],"styles":[1]}],[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}],[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
|
|
17
|
+
return index.bootstrapLazy([["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]]],["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-form.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]]],["ptc-input.cjs",[[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}]]],["ptc-list.cjs",[[2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["lottie-player.cjs",[[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],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset_16.cjs",[[1,"ptc-breadcrumb"],[1,"ptc-hero",{"heroType":[1,"hero-type"]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[1,"ptc-card-bottom",{"cardType":[1,"card-type"]}],[1,"ptc-card-content",{"cardType":[1,"card-type"]}],[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}],[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"]}],[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"]]],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleMargin":[1,"title-margin"],"styles":[1]}],[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}],[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0b899fc6.js');
|
|
6
6
|
|
|
7
|
-
const ptcDateCss = ":host{display:block}";
|
|
7
|
+
const ptcDateCss = ":host{display:block}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}";
|
|
8
8
|
|
|
9
9
|
let PtcDate = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -31,7 +31,13 @@ let PtcDate = class {
|
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
33
|
// const newDate = new Date(this.year, this.month, this.day);
|
|
34
|
-
|
|
34
|
+
const classMap = this.getCssClassMap();
|
|
35
|
+
return (index.h(index.Host, { class: classMap }, this.dateStyles && index.h("style", null, this.dateStyles), index.h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
|
|
36
|
+
}
|
|
37
|
+
getCssClassMap() {
|
|
38
|
+
return {
|
|
39
|
+
[this.dateColor]: !!this.dateColor ? true : false
|
|
40
|
+
};
|
|
35
41
|
}
|
|
36
42
|
getDate() {
|
|
37
43
|
if (this.dateString) {
|
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]]],["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-form.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]]],["ptc-input.cjs",[[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}]]],["ptc-list.cjs",[[2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["lottie-player.cjs",[[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],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateStyles":[1,"date-styles"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset_16.cjs",[[1,"ptc-breadcrumb"],[1,"ptc-hero",{"heroType":[1,"hero-type"]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[1,"ptc-card-bottom",{"cardType":[1,"card-type"]}],[1,"ptc-card-content",{"cardType":[1,"card-type"]}],[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}],[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"]}],[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"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleMargin":[1,"title-margin"],"styles":[1]}],[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}],[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
|
|
18
|
+
return index.bootstrapLazy([["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]]],["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-form.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]]],["ptc-input.cjs",[[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}]]],["ptc-list.cjs",[[2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["lottie-player.cjs",[[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],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset_16.cjs",[[1,"ptc-breadcrumb"],[1,"ptc-hero",{"heroType":[1,"hero-type"]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[1,"ptc-card-bottom",{"cardType":[1,"card-type"]}],[1,"ptc-card-content",{"cardType":[1,"card-type"]}],[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}],[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"]}],[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"]]],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleMargin":[1,"title-margin"],"styles":[1]}],[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}],[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
|
|
19
19
|
});
|
|
@@ -19,6 +19,10 @@ svg.large {
|
|
|
19
19
|
width: var(--ptc-font-size-large);
|
|
20
20
|
height: var(--ptc-font-size-large);
|
|
21
21
|
}
|
|
22
|
+
svg.x-large {
|
|
23
|
+
width: var(--ptc-font-size-x-large);
|
|
24
|
+
height: var(--ptc-font-size-x-large);
|
|
25
|
+
}
|
|
22
26
|
svg.xx-large {
|
|
23
27
|
width: var(--ptc-font-size-xx-large);
|
|
24
28
|
height: var(--ptc-font-size-xx-large);
|
|
@@ -87,8 +87,8 @@ export class IconAsset {
|
|
|
87
87
|
"type": "string",
|
|
88
88
|
"mutable": false,
|
|
89
89
|
"complexType": {
|
|
90
|
-
"original": "'x-small' | 'small' | 'large' | 'xx-large'",
|
|
91
|
-
"resolved": "\"large\" | \"small\" | \"x-small\" | \"xx-large\"",
|
|
90
|
+
"original": "'x-small' | 'small' | 'large' | 'x-large' | 'xx-large'",
|
|
91
|
+
"resolved": "\"large\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\"",
|
|
92
92
|
"references": {}
|
|
93
93
|
},
|
|
94
94
|
"required": false,
|
|
@@ -283,16 +283,17 @@
|
|
|
283
283
|
</filter>
|
|
284
284
|
</defs>
|
|
285
285
|
</symbol>
|
|
286
|
-
<symbol
|
|
287
|
-
<path d="M24 12.0732C24 5.44624 18.627 0.0732422 12 0.0732422C5.373 0.0732422 0 5.44624 0 12.0732C0 18.0632 4.388 23.0272 10.125 23.9272V15.5422H7.078V12.0722H10.125V9.43024C10.125 6.42324 11.917 4.76124 14.658 4.76124C15.97 4.76124 17.344 4.99624 17.344 4.99624V7.94924H15.83C14.339 7.94924 13.874 8.87424 13.874 9.82324V12.0732H17.202L16.67 15.5432H13.874V23.9282C19.612 23.0272 24 18.0622 24 12.0732Z"
|
|
286
|
+
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="plm-fb">
|
|
287
|
+
<path d="M24 12.0732C24 5.44624 18.627 0.0732422 12 0.0732422C5.373 0.0732422 0 5.44624 0 12.0732C0 18.0632 4.388 23.0272 10.125 23.9272V15.5422H7.078V12.0722H10.125V9.43024C10.125 6.42324 11.917 4.76124 14.658 4.76124C15.97 4.76124 17.344 4.99624 17.344 4.99624V7.94924H15.83C14.339 7.94924 13.874 8.87424 13.874 9.82324V12.0732H17.202L16.67 15.5432H13.874V23.9282C19.612 23.0272 24 18.0622 24 12.0732Z"></path>
|
|
288
288
|
</symbol>
|
|
289
|
-
<symbol
|
|
290
|
-
<path d="M20.447 20.452H16.893V14.883C16.893 13.555 16.866 11.846 15.041 11.846C13.188 11.846 12.905 13.291 12.905 14.785V20.452H9.351V9H12.765V10.561H12.811C13.288 9.661 14.448 8.711 16.181 8.711C19.782 8.711 20.448 11.081 20.448 14.166V20.452H20.447ZM5.337 7.433C4.193 7.433 3.274 6.507 3.274 5.368C3.274 4.23 4.194 3.305 5.337 3.305C6.477 3.305 7.401 4.23 7.401 5.368C7.401 6.507 6.476 7.433 5.337 7.433ZM7.119 20.452H3.555V9H7.119V20.452ZM22.225 0H1.771C0.792 0 0 0.774 0 1.729V22.271C0 23.227 0.792 24 1.771 24H22.222C23.2 24 24 23.227 24 22.271V1.729C24 0.774 23.2 0 22.222 0H22.225Z"
|
|
289
|
+
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="plm-linkedin">
|
|
290
|
+
<path d="M20.447 20.452H16.893V14.883C16.893 13.555 16.866 11.846 15.041 11.846C13.188 11.846 12.905 13.291 12.905 14.785V20.452H9.351V9H12.765V10.561H12.811C13.288 9.661 14.448 8.711 16.181 8.711C19.782 8.711 20.448 11.081 20.448 14.166V20.452H20.447ZM5.337 7.433C4.193 7.433 3.274 6.507 3.274 5.368C3.274 4.23 4.194 3.305 5.337 3.305C6.477 3.305 7.401 4.23 7.401 5.368C7.401 6.507 6.476 7.433 5.337 7.433ZM7.119 20.452H3.555V9H7.119V20.452ZM22.225 0H1.771C0.792 0 0 0.774 0 1.729V22.271C0 23.227 0.792 24 1.771 24H22.222C23.2 24 24 23.227 24 22.271V1.729C24 0.774 23.2 0 22.222 0H22.225Z"></path>
|
|
291
291
|
</symbol>
|
|
292
|
-
<symbol
|
|
293
|
-
<path d="M3.3977
|
|
292
|
+
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16" id="plm-mail">
|
|
293
|
+
<path d="M3.3977 15.9995H20.6023C22.479 15.9995 24 14.4329 24 12.4999V1.46875L13.3431 10.336C12.9577 10.6773 12.4786 10.848 11.9995 10.848C11.5205 10.848 11.0414 10.6773 10.656 10.336L0 1.46875V12.4999C0 14.4329 1.52099 15.9995 3.3977 15.9995Z"></path>
|
|
294
|
+
<path d="M12.1289 8.88116L12.1595 8.85426L22.801 0H1.19824L11.8704 8.88116C11.9452 8.94887 12.0541 8.94887 12.1289 8.88116Z"></path>
|
|
294
295
|
</symbol>
|
|
295
|
-
<symbol
|
|
296
|
-
<path d="M23.953 2.5696C23.0545 2.9652 22.1026 3.22634 21.128 3.3446C22.1541 2.72785 22.9224 1.76064 23.291 0.621599C22.34 1.1766 21.286 1.5806 20.164 1.8056C19.4238 1.01403 18.4429 0.48902 17.3736 0.3121C16.3044 0.13518 15.2067 0.316249 14.2509 0.82719C13.2952 1.33813 12.5349 2.15035 12.0881 3.13772C11.6412 4.1251 11.533 5.23237 11.78 6.2876C7.69 6.0946 4.067 4.1296 1.64 1.1616C1.19879 1.91141 0.968664 2.76662 0.974 3.6366C0.974 5.3466 1.844 6.8496 3.162 7.7326C2.38086 7.70773 1.61697 7.49653 0.934 7.1166V7.1766C0.933557 8.31299 1.32627 9.41454 2.04551 10.2944C2.76474 11.1742 3.76621 11.7781 4.88 12.0036C4.1583 12.197 3.40241 12.226 2.668 12.0886C2.98412 13.0666 3.59766 13.9215 4.42301 14.5341C5.24837 15.1467 6.24435 15.4863 7.272 15.5056C5.53153 16.8715 3.38248 17.6129 1.17 17.6106C0.78 17.6106 0.391 17.5876 0 17.5436C2.25571 18.9879 4.87851 19.7546 7.557 19.7526C16.61 19.7526 21.555 12.2566 21.555 5.7676C21.555 5.5576 21.555 5.3476 21.54 5.1376C22.506 4.44246 23.3392 3.57942 24 2.5896L23.953 2.5696Z"
|
|
296
|
+
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20" id="plm-twitter">
|
|
297
|
+
<path d="M23.953 2.5696C23.0545 2.9652 22.1026 3.22634 21.128 3.3446C22.1541 2.72785 22.9224 1.76064 23.291 0.621599C22.34 1.1766 21.286 1.5806 20.164 1.8056C19.4238 1.01403 18.4429 0.48902 17.3736 0.3121C16.3044 0.13518 15.2067 0.316249 14.2509 0.82719C13.2952 1.33813 12.5349 2.15035 12.0881 3.13772C11.6412 4.1251 11.533 5.23237 11.78 6.2876C7.69 6.0946 4.067 4.1296 1.64 1.1616C1.19879 1.91141 0.968664 2.76662 0.974 3.6366C0.974 5.3466 1.844 6.8496 3.162 7.7326C2.38086 7.70773 1.61697 7.49653 0.934 7.1166V7.1766C0.933557 8.31299 1.32627 9.41454 2.04551 10.2944C2.76474 11.1742 3.76621 11.7781 4.88 12.0036C4.1583 12.197 3.40241 12.226 2.668 12.0886C2.98412 13.0666 3.59766 13.9215 4.42301 14.5341C5.24837 15.1467 6.24435 15.4863 7.272 15.5056C5.53153 16.8715 3.38248 17.6129 1.17 17.6106C0.78 17.6106 0.391 17.5876 0 17.5436C2.25571 18.9879 4.87851 19.7546 7.557 19.7526C16.61 19.7526 21.555 12.2566 21.555 5.7676C21.555 5.5576 21.555 5.3476 21.54 5.1376C22.506 4.44246 23.3392 3.57942 24 2.5896L23.953 2.5696Z"></path>
|
|
297
298
|
</symbol>
|
|
298
299
|
</svg>
|
|
@@ -3,10 +3,27 @@
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
:host(.card-tall) .ptc-card-bottom-wrapper,
|
|
6
|
-
:host(.card-wide) .ptc-card-bottom-wrapper
|
|
6
|
+
:host(.card-wide) .ptc-card-bottom-wrapper,
|
|
7
|
+
:host(.card-2up) .ptc-card-bottom-wrapper {
|
|
7
8
|
position: absolute;
|
|
8
9
|
bottom: 0;
|
|
9
10
|
left: 0;
|
|
10
11
|
padding: 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);
|
|
11
12
|
z-index: 2;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:host(.card-playlist) {
|
|
16
|
+
flex: 72% 2 1;
|
|
17
|
+
align-self: center;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@media screen and (min-width: 1200px) {
|
|
21
|
+
:host(.card-video-intro) {
|
|
22
|
+
flex: 20% 2 1;
|
|
23
|
+
justify-content: flex-end;
|
|
24
|
+
}
|
|
25
|
+
:host(.card-video-intro) .ptc-card-bottom-wrapper {
|
|
26
|
+
display: flex;
|
|
27
|
+
justify-content: flex-end;
|
|
28
|
+
}
|
|
12
29
|
}
|
|
@@ -24,8 +24,8 @@ export class PtcCardBottom {
|
|
|
24
24
|
"type": "string",
|
|
25
25
|
"mutable": false,
|
|
26
26
|
"complexType": {
|
|
27
|
-
"original": "\"card-video\" | \"card-tall\" | \"card-2up\" | \"card-wide\"",
|
|
28
|
-
"resolved": "\"card-2up\" | \"card-tall\" | \"card-video\" | \"card-wide\"",
|
|
27
|
+
"original": "\"card-video\" | \"card-tall\" | \"card-2up\" | \"card-wide\" | \"card-playlist\"",
|
|
28
|
+
"resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-wide\"",
|
|
29
29
|
"references": {}
|
|
30
30
|
},
|
|
31
31
|
"required": false,
|
|
@@ -16,17 +16,21 @@
|
|
|
16
16
|
}
|
|
17
17
|
:host(.card-tall) .ptc-card-content-wrapper,
|
|
18
18
|
:host(.card-video) .ptc-card-content-wrapper,
|
|
19
|
-
:host(.card-wide) .ptc-card-content-wrapper
|
|
19
|
+
:host(.card-wide) .ptc-card-content-wrapper,
|
|
20
|
+
:host(.card-2up) .ptc-card-content-wrapper,
|
|
21
|
+
:host(.card-playlist) .ptc-card-content-wrapper {
|
|
20
22
|
border-radius: var(--ptc-border-radius-x-large);
|
|
21
23
|
position: relative;
|
|
22
24
|
}
|
|
23
25
|
:host(.card-tall) .ptc-card-content-wrapper::before,
|
|
24
26
|
:host(.card-video) .ptc-card-content-wrapper::before,
|
|
25
|
-
:host(.card-wide) .ptc-card-content-wrapper::before
|
|
27
|
+
:host(.card-wide) .ptc-card-content-wrapper::before,
|
|
28
|
+
:host(.card-2up) .ptc-card-content-wrapper::before,
|
|
29
|
+
:host(.card-playlist) .ptc-card-content-wrapper::before {
|
|
26
30
|
content: "";
|
|
27
31
|
position: absolute;
|
|
28
32
|
width: 100%;
|
|
29
|
-
height:
|
|
33
|
+
height: 100%;
|
|
30
34
|
border-radius: var(--ptc-border-radius-x-large);
|
|
31
35
|
top: 0;
|
|
32
36
|
left: 0;
|
|
@@ -37,7 +41,9 @@
|
|
|
37
41
|
}
|
|
38
42
|
:host(.card-tall) .ptc-card-content-wrapper::after,
|
|
39
43
|
:host(.card-video) .ptc-card-content-wrapper::after,
|
|
40
|
-
:host(.card-wide) .ptc-card-content-wrapper::after
|
|
44
|
+
:host(.card-wide) .ptc-card-content-wrapper::after,
|
|
45
|
+
:host(.card-2up) .ptc-card-content-wrapper::after,
|
|
46
|
+
:host(.card-playlist) .ptc-card-content-wrapper::after {
|
|
41
47
|
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");
|
|
42
48
|
position: absolute;
|
|
43
49
|
opacity: 0;
|
|
@@ -48,6 +54,20 @@
|
|
|
48
54
|
transition: opacity var(--ptc-transition-medium) var(--ptc-acceletated-ease);
|
|
49
55
|
}
|
|
50
56
|
|
|
57
|
+
:host(.card-playlist) .ptc-card-content-wrapper {
|
|
58
|
+
width: 88px;
|
|
59
|
+
height: 88px;
|
|
60
|
+
}
|
|
61
|
+
:host(.card-playlist) .ptc-card-content-wrapper::before {
|
|
62
|
+
width: 88px;
|
|
63
|
+
height: 88px;
|
|
64
|
+
}
|
|
65
|
+
:host(.card-playlist) .ptc-card-content-wrapper::after {
|
|
66
|
+
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");
|
|
67
|
+
width: 40px;
|
|
68
|
+
height: 30px;
|
|
69
|
+
}
|
|
70
|
+
|
|
51
71
|
:host(.mouse-hover) .ptc-card-content-wrapper::before {
|
|
52
72
|
background: rgba(0, 0, 0, 0.6);
|
|
53
73
|
}
|
|
@@ -56,6 +76,102 @@
|
|
|
56
76
|
}
|
|
57
77
|
|
|
58
78
|
:host(.card-tall) .ptc-card-content-wrapper::before,
|
|
59
|
-
:host(.card-wide) .ptc-card-content-wrapper::before
|
|
79
|
+
:host(.card-wide) .ptc-card-content-wrapper::before,
|
|
80
|
+
:host(.card-2up) .ptc-card-content-wrapper::before {
|
|
81
|
+
height: 100%;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
:host(.card-playlist) {
|
|
85
|
+
flex: 28% 1 2;
|
|
86
|
+
margin-right: var(--ptc-element-spacing-03);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
@media screen and (min-width: 1200px) {
|
|
90
|
+
:host(.card-video-intro) {
|
|
91
|
+
flex: 80% 8 1;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
:host(.card-video) .ptc-card-content-wrapper {
|
|
95
|
+
padding-bottom: 56.25%;
|
|
96
|
+
}
|
|
97
|
+
:host(.card-video) .ptc-card-content-wrapper ::slotted(*) {
|
|
98
|
+
position: absolute;
|
|
99
|
+
width: 100%;
|
|
60
100
|
height: 100%;
|
|
101
|
+
top: 0;
|
|
102
|
+
left: 0;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
:host(.card-tall) .ptc-card-content-wrapper {
|
|
106
|
+
height: 322px;
|
|
107
|
+
}
|
|
108
|
+
:host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
|
|
109
|
+
height: 322px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
:host(.card-wide) .ptc-card-content-wrapper {
|
|
113
|
+
height: 268px;
|
|
114
|
+
}
|
|
115
|
+
:host(.card-wide) .ptc-card-content-wrapper ::slotted(*) {
|
|
116
|
+
height: 268px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
:host(.card-2up) .ptc-card-content-wrapper {
|
|
120
|
+
height: 322px;
|
|
121
|
+
}
|
|
122
|
+
:host(.card-2up) .ptc-card-content-wrapper ::slotted(*) {
|
|
123
|
+
height: 322px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
@media screen and (min-width: 768px) {
|
|
127
|
+
:host(.card-tall) .ptc-card-content-wrapper {
|
|
128
|
+
height: 325px;
|
|
129
|
+
}
|
|
130
|
+
:host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
|
|
131
|
+
height: 325px;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
:host(.card-wide) .ptc-card-content-wrapper {
|
|
135
|
+
height: 268px;
|
|
136
|
+
}
|
|
137
|
+
:host(.card-wide) .ptc-card-content-wrapper ::slotted(*) {
|
|
138
|
+
height: 268px;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
:host(.card-2up) .ptc-card-content-wrapper {
|
|
142
|
+
height: 268px;
|
|
143
|
+
}
|
|
144
|
+
:host(.card-2up) .ptc-card-content-wrapper ::slotted(*) {
|
|
145
|
+
height: 268px;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
@media screen and (min-width: 992px) {
|
|
149
|
+
:host(.card-tall) .ptc-card-content-wrapper {
|
|
150
|
+
height: 380px;
|
|
151
|
+
}
|
|
152
|
+
:host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
|
|
153
|
+
height: 380px;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
@media screen and (min-width: 1980px) {
|
|
157
|
+
:host(.card-tall) .ptc-card-content-wrapper {
|
|
158
|
+
height: 546px;
|
|
159
|
+
}
|
|
160
|
+
:host(.card-tall) .ptc-card-content-wrapper ::slotted(*) {
|
|
161
|
+
height: 546px;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
:host(.card-wide) .ptc-card-content-wrapper {
|
|
165
|
+
height: 376px;
|
|
166
|
+
}
|
|
167
|
+
:host(.card-wide) .ptc-card-content-wrapper ::slotted(*) {
|
|
168
|
+
height: 376px;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
:host(.card-2up) .ptc-card-content-wrapper {
|
|
172
|
+
height: 376px;
|
|
173
|
+
}
|
|
174
|
+
:host(.card-2up) .ptc-card-content-wrapper ::slotted(*) {
|
|
175
|
+
height: 376px;
|
|
176
|
+
}
|
|
61
177
|
}
|
|
@@ -32,8 +32,8 @@ export class PtcCardContent {
|
|
|
32
32
|
"type": "string",
|
|
33
33
|
"mutable": false,
|
|
34
34
|
"complexType": {
|
|
35
|
-
"original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump'",
|
|
36
|
-
"resolved": "\"card-2up\" | \"card-tall\" | \"card-video\" | \"card-wide\" | \"speed-bump\"",
|
|
35
|
+
"original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist'",
|
|
36
|
+
"resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-wide\" | \"speed-bump\"",
|
|
37
37
|
"references": {}
|
|
38
38
|
},
|
|
39
39
|
"required": false,
|
|
@@ -4,16 +4,48 @@
|
|
|
4
4
|
|
|
5
5
|
:host(.card-tall),
|
|
6
6
|
:host(.card-wide),
|
|
7
|
-
:host(.card-video)
|
|
7
|
+
:host(.card-video),
|
|
8
|
+
:host(.card-playlist),
|
|
9
|
+
:host(.card-2up) {
|
|
8
10
|
position: relative;
|
|
9
11
|
}
|
|
10
12
|
:host(.card-tall) a,
|
|
11
13
|
:host(.card-wide) a,
|
|
12
|
-
:host(.card-video) a
|
|
13
|
-
|
|
14
|
+
:host(.card-video) a,
|
|
15
|
+
:host(.card-playlist) a,
|
|
16
|
+
:host(.card-2up) a {
|
|
17
|
+
text-decoration: none !important;
|
|
14
18
|
}
|
|
15
19
|
:host(.card-tall) a:hover,
|
|
16
20
|
:host(.card-wide) a:hover,
|
|
17
|
-
:host(.card-video) a:hover
|
|
21
|
+
:host(.card-video) a:hover,
|
|
22
|
+
:host(.card-playlist) a:hover,
|
|
23
|
+
:host(.card-2up) a:hover {
|
|
24
|
+
text-decoration: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host(.card-playlist) div,
|
|
28
|
+
:host(.card-playlist) a {
|
|
29
|
+
display: flex;
|
|
30
|
+
text-decoration: none;
|
|
31
|
+
outline: none;
|
|
32
|
+
}
|
|
33
|
+
:host(.card-playlist) div:hover,
|
|
34
|
+
:host(.card-playlist) a:hover {
|
|
18
35
|
text-decoration: none;
|
|
36
|
+
outline: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
:host(.card-video-intro) {
|
|
40
|
+
border-bottom-left-radius: var(--ptc-border-radius-large);
|
|
41
|
+
border-bottom-right-radius: var(--ptc-border-radius-large);
|
|
42
|
+
}
|
|
43
|
+
:host(.card-video-intro) div {
|
|
44
|
+
display: block;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@media screen and (min-width: 1200px) {
|
|
48
|
+
:host(.card-video-intro) div {
|
|
49
|
+
display: flex;
|
|
50
|
+
}
|
|
19
51
|
}
|
|
@@ -28,8 +28,8 @@ export class PtcCardPlm {
|
|
|
28
28
|
"type": "string",
|
|
29
29
|
"mutable": false,
|
|
30
30
|
"complexType": {
|
|
31
|
-
"original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump'",
|
|
32
|
-
"resolved": "\"card-tall\" | \"card-video\" | \"card-wide\" | \"speed-bump\"",
|
|
31
|
+
"original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro'| 'card-2up'",
|
|
32
|
+
"resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
|
|
33
33
|
"references": {}
|
|
34
34
|
},
|
|
35
35
|
"required": false,
|
|
@@ -23,10 +23,16 @@ export class PtcDate {
|
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
25
|
// const newDate = new Date(this.year, this.month, this.day);
|
|
26
|
-
|
|
26
|
+
const classMap = this.getCssClassMap();
|
|
27
|
+
return (h(Host, { class: classMap },
|
|
27
28
|
this.dateStyles && h("style", null, this.dateStyles),
|
|
28
29
|
h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
|
|
29
30
|
}
|
|
31
|
+
getCssClassMap() {
|
|
32
|
+
return {
|
|
33
|
+
[this.dateColor]: !!this.dateColor ? true : false
|
|
34
|
+
};
|
|
35
|
+
}
|
|
30
36
|
getDate() {
|
|
31
37
|
if (this.dateString) {
|
|
32
38
|
let newDate = new Date(this.dateString.replace(/-/g, '\/'));
|
|
@@ -134,6 +140,23 @@ export class PtcDate {
|
|
|
134
140
|
"attribute": "date-string",
|
|
135
141
|
"reflect": false
|
|
136
142
|
},
|
|
143
|
+
"dateColor": {
|
|
144
|
+
"type": "string",
|
|
145
|
+
"mutable": false,
|
|
146
|
+
"complexType": {
|
|
147
|
+
"original": "'white' | 'primary-grey'",
|
|
148
|
+
"resolved": "\"primary-grey\" | \"white\"",
|
|
149
|
+
"references": {}
|
|
150
|
+
},
|
|
151
|
+
"required": false,
|
|
152
|
+
"optional": false,
|
|
153
|
+
"docs": {
|
|
154
|
+
"tags": [],
|
|
155
|
+
"text": "Date Color"
|
|
156
|
+
},
|
|
157
|
+
"attribute": "date-color",
|
|
158
|
+
"reflect": false
|
|
159
|
+
},
|
|
137
160
|
"dateStyles": {
|
|
138
161
|
"type": "string",
|
|
139
162
|
"mutable": false,
|