@ptcwebops/ptcw-design 0.0.4 → 0.0.5
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.cjs.entry.js +64 -0
- package/dist/cjs/{index-825cf1b6.js → index-ac192914.js} +268 -6
- package/dist/cjs/list-item.cjs.entry.js +27 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottie-player.cjs.entry.js +13476 -0
- package/dist/cjs/my-component.cjs.entry.js +26 -0
- package/dist/cjs/ptc-button.cjs.entry.js +48 -0
- package/dist/cjs/ptc-card.cjs.entry.js +52 -3
- package/dist/cjs/ptc-date.cjs.entry.js +39 -0
- package/dist/cjs/ptc-footer.cjs.entry.js +19 -0
- package/dist/cjs/ptc-image.cjs.entry.js +2 -6
- package/dist/cjs/ptc-img.cjs.entry.js +84 -0
- package/dist/cjs/ptc-link.cjs.entry.js +10 -5
- package/dist/cjs/ptc-list.cjs.entry.js +11 -3
- package/dist/cjs/ptc-lottie.cjs.entry.js +23 -0
- package/dist/cjs/ptc-nav-item.cjs.entry.js +94 -0
- package/dist/cjs/ptc-nav.cjs.entry.js +19 -0
- package/dist/cjs/ptc-overlay.cjs.entry.js +19 -0
- package/dist/cjs/ptc-para.cjs.entry.js +39 -0
- package/dist/cjs/ptc-picture.cjs.entry.js +26 -0
- package/dist/cjs/ptc-spacer.cjs.entry.js +46 -0
- package/dist/cjs/ptc-span.cjs.entry.js +26 -0
- package/dist/cjs/ptc-title.cjs.entry.js +49 -0
- package/dist/cjs/ptcw-design.cjs.js +2 -2
- package/dist/collection/assets/responsive-background-image.min.js +1 -0
- package/dist/collection/collection-manifest.json +20 -1
- package/dist/collection/components/icon-asset/assets/footer-social.svg +0 -0
- package/dist/collection/components/icon-asset/assets/ptc-sprite.svg +73 -0
- package/dist/collection/components/icon-asset/icon-asset.css +6 -2
- package/dist/collection/components/icon-asset/icon-asset.js +25 -16
- package/dist/collection/components/list-item/list-item.css +3 -0
- package/dist/collection/components/list-item/list-item.js +63 -0
- package/dist/collection/components/ptc-button/ptc-button.css +35 -136
- package/dist/collection/components/ptc-button/ptc-button.js +45 -47
- package/dist/collection/components/ptc-card/ptc-card.css +87 -0
- package/dist/collection/components/ptc-card/ptc-card.js +233 -7
- package/dist/collection/components/ptc-date/ptc-date.css +3 -0
- package/dist/collection/components/ptc-date/ptc-date.js +110 -0
- package/dist/collection/components/ptc-footer/ptc-footer.css +40 -0
- package/dist/collection/components/ptc-footer/ptc-footer.js +25 -0
- package/dist/collection/components/ptc-image/ptc-image.css +3 -2
- package/dist/collection/components/ptc-image/ptc-image.js +0 -4
- package/dist/collection/components/ptc-img/ptc-img.css +48 -0
- package/dist/collection/components/ptc-img/ptc-img.js +192 -0
- package/dist/collection/components/ptc-link/ptc-link.css +23 -13
- package/dist/collection/components/ptc-link/ptc-link.js +22 -15
- package/dist/collection/components/ptc-list/ptc-list.css +23 -2
- package/dist/collection/components/ptc-list/ptc-list.js +53 -5
- package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -0
- package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -0
- package/dist/collection/components/ptc-nav/ptc-nav.css +29 -0
- package/dist/collection/components/ptc-nav/ptc-nav.js +21 -0
- package/dist/collection/components/ptc-nav-item/ptc-nav-item.css +81 -0
- package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -0
- package/dist/collection/components/ptc-overlay/ptc-overlay.css +3 -0
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +14 -0
- package/dist/collection/components/ptc-para/ptc-para.css +53 -0
- package/dist/collection/components/ptc-para/ptc-para.js +92 -0
- package/dist/collection/components/ptc-picture/ptc-picture.css +3 -0
- package/dist/collection/components/ptc-picture/ptc-picture.js +44 -0
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +307 -0
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -0
- package/dist/collection/components/ptc-span/ptc-span.css +16 -0
- package/dist/collection/components/ptc-span/ptc-span.js +44 -0
- package/dist/collection/utils/interfaces.js +6 -1
- package/dist/custom-elements/index.d.ts +72 -0
- package/dist/custom-elements/index.js +13992 -41
- package/dist/esm/icon-asset.entry.js +60 -0
- package/dist/esm/{index-4bbf8fa5.js → index-5b1c792c.js} +268 -7
- package/dist/esm/list-item.entry.js +23 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/lottie-player.entry.js +13472 -0
- package/dist/esm/my-component.entry.js +22 -0
- package/dist/esm/ptc-button.entry.js +44 -0
- package/dist/esm/ptc-card.entry.js +52 -3
- package/dist/esm/ptc-date.entry.js +35 -0
- package/dist/esm/ptc-footer.entry.js +15 -0
- package/dist/esm/ptc-image.entry.js +2 -6
- package/dist/esm/ptc-img.entry.js +80 -0
- package/dist/esm/ptc-link.entry.js +10 -5
- package/dist/esm/ptc-list.entry.js +11 -3
- package/dist/esm/ptc-lottie.entry.js +19 -0
- package/dist/esm/ptc-nav-item.entry.js +90 -0
- package/dist/esm/ptc-nav.entry.js +15 -0
- package/dist/esm/ptc-overlay.entry.js +15 -0
- package/dist/esm/ptc-para.entry.js +35 -0
- package/dist/esm/ptc-picture.entry.js +22 -0
- package/dist/esm/ptc-spacer.entry.js +42 -0
- package/dist/esm/ptc-span.entry.js +22 -0
- package/dist/esm/ptc-title.entry.js +45 -0
- package/dist/esm/ptcw-design.js +2 -2
- package/dist/node_modules/@teamhive/lottie-player/dist/collection/components/lottie-player/lottie-player.css +187 -0
- package/dist/ptcw-design/assets/footer-social.svg +0 -0
- package/dist/ptcw-design/assets/ptc-sprite.svg +73 -0
- package/dist/ptcw-design/p-01dc360c.entry.js +1 -0
- package/dist/ptcw-design/p-07624831.entry.js +1 -0
- package/dist/ptcw-design/p-0a44a2f7.entry.js +1 -0
- package/dist/ptcw-design/p-15a428d4.entry.js +1 -0
- package/dist/ptcw-design/p-1a26bade.entry.js +1 -0
- package/dist/ptcw-design/p-1b4fd3da.entry.js +1 -0
- package/dist/ptcw-design/p-2d357f92.entry.js +1 -0
- package/dist/ptcw-design/p-31f4bd0c.entry.js +1 -0
- package/dist/ptcw-design/p-3af43980.entry.js +1 -0
- package/dist/ptcw-design/p-4f366fc3.js +1 -0
- package/dist/ptcw-design/p-662ae9b6.entry.js +1 -0
- package/dist/ptcw-design/p-77f87fa3.entry.js +1 -0
- package/dist/ptcw-design/p-85131a2a.entry.js +1 -0
- package/dist/ptcw-design/p-8b6c805c.entry.js +1 -0
- package/dist/ptcw-design/p-9f96864d.entry.js +1 -0
- package/dist/ptcw-design/p-ac0ad25e.entry.js +1 -0
- package/dist/ptcw-design/p-b0b2e82c.entry.js +1 -0
- package/dist/ptcw-design/{p-9aef6d0e.entry.js → p-c169281f.entry.js} +1 -1
- package/dist/ptcw-design/p-ce8b8a72.entry.js +1 -0
- package/dist/ptcw-design/p-d0909325.entry.js +1 -0
- package/dist/ptcw-design/p-df01ac95.entry.js +1 -0
- package/dist/ptcw-design/p-fe6a3ba5.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 +6 -5
- package/dist/types/components/list-item/list-item.d.ts +6 -0
- package/dist/types/components/ptc-button/ptc-button.d.ts +9 -7
- package/dist/types/components/ptc-card/ptc-card.d.ts +42 -2
- package/dist/types/components/ptc-date/ptc-date.d.ts +22 -0
- package/dist/types/components/ptc-footer/ptc-footer.d.ts +3 -0
- package/dist/types/components/ptc-img/ptc-img.d.ts +14 -0
- package/dist/types/components/ptc-link/ptc-link.d.ts +2 -2
- package/dist/types/components/ptc-list/ptc-list.d.ts +3 -0
- package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -0
- package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -0
- package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -0
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +3 -0
- package/dist/types/components/ptc-para/ptc-para.d.ts +16 -0
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +5 -0
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -0
- package/dist/types/components/ptc-span/ptc-span.d.ts +5 -0
- package/dist/types/components.d.ts +442 -38
- package/dist/types/utils/interfaces.d.ts +7 -1
- package/package.json +2 -1
- package/dist/cjs/icon-asset_4.cjs.entry.js +0 -165
- package/dist/esm/icon-asset_4.entry.js +0 -158
- package/dist/ptcw-design/p-0492a377.entry.js +0 -1
- package/dist/ptcw-design/p-bd9fac27.entry.js +0 -1
- package/dist/ptcw-design/p-d855d70c.js +0 -1
- package/dist/ptcw-design/p-e33cba65.entry.js +0 -1
- package/dist/ptcw-design/p-e899eb48.entry.js +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ptcwebops/ptcw-design",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "Stencil Component Starter",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/custom-elements/index.js",
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@daveberning/griddle": "^0.3.0",
|
|
27
27
|
"@stencil/core": "2.6.0",
|
|
28
|
+
"@teamhive/lottie-player": "^1.0.0",
|
|
28
29
|
"npmrc": "^1.1.1"
|
|
29
30
|
},
|
|
30
31
|
"license": "MIT",
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-825cf1b6.js');
|
|
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}svg.small{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.white{fill:var(--color-white)}svg.black{fill:var(--color-black)}svg.ptc-green{fill:var(--color-primary-green)}";
|
|
8
|
-
|
|
9
|
-
const IconAsset = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
/**
|
|
13
|
-
* Icon Size
|
|
14
|
-
*/
|
|
15
|
-
this.size = 'small';
|
|
16
|
-
/**
|
|
17
|
-
* Icon Type
|
|
18
|
-
*/
|
|
19
|
-
this.type = 'regular';
|
|
20
|
-
/**
|
|
21
|
-
* Icon Spin Animation
|
|
22
|
-
*/
|
|
23
|
-
this.spin = '';
|
|
24
|
-
/**
|
|
25
|
-
* Icon Pulse Animation
|
|
26
|
-
*/
|
|
27
|
-
this.pulse = '';
|
|
28
|
-
/**
|
|
29
|
-
* Icon Color
|
|
30
|
-
*/
|
|
31
|
-
this.color = 'black';
|
|
32
|
-
this.regularSprite = index.getAssetPath('./assets/regular.svg');
|
|
33
|
-
this.solidSprite = index.getAssetPath('./assets/solid.svg');
|
|
34
|
-
this.brandSprite = index.getAssetPath('./assets/brands.svg');
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
const classMap = this.getCssClassMap();
|
|
38
|
-
if (this.type == 'brands') {
|
|
39
|
-
return (index.h("svg", { class: classMap }, index.h("use", { href: `${this.brandSprite}#${this.name}` })));
|
|
40
|
-
}
|
|
41
|
-
else if (this.type == 'solid') {
|
|
42
|
-
return (index.h("svg", { class: classMap }, index.h("use", { href: `${this.solidSprite}#${this.name}` })));
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
return (index.h("svg", { class: classMap }, index.h("use", { href: `${this.regularSprite}#${this.name}` })));
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
getCssClassMap() {
|
|
49
|
-
return {
|
|
50
|
-
[this.size]: true,
|
|
51
|
-
[this.spin]: true,
|
|
52
|
-
[this.pulse]: true,
|
|
53
|
-
[this.color]: true,
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
static get assetsDirs() { return ["assets"]; }
|
|
57
|
-
};
|
|
58
|
-
IconAsset.style = iconAssetCss;
|
|
59
|
-
|
|
60
|
-
function format(first, middle, last) {
|
|
61
|
-
return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
const myComponentCss = ":host{display:block}";
|
|
65
|
-
|
|
66
|
-
const MyComponent = class {
|
|
67
|
-
constructor(hostRef) {
|
|
68
|
-
index.registerInstance(this, hostRef);
|
|
69
|
-
}
|
|
70
|
-
getText() {
|
|
71
|
-
return format(this.first, this.middle, this.last);
|
|
72
|
-
}
|
|
73
|
-
render() {
|
|
74
|
-
return index.h("div", null, index.h("h4", null, "Hello, World! I'm ", this.getText()));
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
MyComponent.style = myComponentCss;
|
|
78
|
-
|
|
79
|
-
const ptcButtonCss = ":host{display:block;box-sizing:border-box}:host([disabled]){pointer-events:none}@keyframes gradient{0%{background-position:0%}100%{background-position:100%}}button{background-color:var(--color-primary-uigrey);display:inline-block;border-style:solid;border-width:2.5px;white-space:normal;position:relative;transition:box-shadow 0.4s cubic-bezier(0, 0, 0.23, 1);text-transform:uppercase;text-decoration:none;cursor:pointer}button.large{padding:15px 28px}button.small{padding:10px 20px}button.round{border-radius:var(--ptc-border-radius-medium)}button.icon svg,button.icon-right svg,button.icon-down svg{transition:all ease-out 0.25s;position:relative;top:4px}button:hover.icon-right svg{transform:translateX(var(--ptc-element-spacing-02))}button:hover.icon-down svg{transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:\"Rajdhani\", sans-serif;font-size:19px;font-weight:bold;letter-spacing:var(--ptc-letter-spacing-normal);text-align:center;position:relative;z-index:2}.offwhite{box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-primary-uigrey);background-image:linear-gradient(to right, #ffffff, #d3d3d3, #e5e5e5)}.offwhite:hover:after{opacity:1}.offwhite:after{position:absolute;content:\"\";top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-image:linear-gradient(to right, #e5e5e5, #d3d3d3, #ffffff);opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1)}.offwhite:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.offwhite span{color:var(--color-primary-uigrey)}.neon{background-color:var(--color-black-100);border:0px;position:relative;-webkit-box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.35);box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.35)}.neon:hover{-webkit-box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.6);box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.6)}.neon:before{content:\"\";position:absolute;top:calc(-1 * 2.5px);left:calc(-1 * 3px);width:calc(100% + 2 * 3px);height:calc(100% + 2 * 2.5px);background:linear-gradient(to right, var(--color-secondary-turquoiseblue), var(--color-secondary-turtlegreen), var(--color-secondary-turtlegreen), var(--color-secondary-turquoiseblue));z-index:-1;background-size:200% 200%;border-radius:4px}.neon:hover:before{-webkit-animation:gradient 0.6s cubic-bezier(0, 0, 0.23, 1) forwards 1;animation:gradient 0.6s cubic-bezier(0, 0, 0.23, 1) forwards 1}.neon span{color:var(--color-white)}.blackgrey{box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-primary-uigrey);background-image:linear-gradient(to left, var(--color-primary-uigrey), var(--color-black))}.blackgrey:after{position:absolute;content:\"\";top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--color-primary-uigrey);background-image:linear-gradient(to left, var(--color-black), var(--color-primary-uigrey));opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1);border-radius:4px}.blackgrey:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.blackgrey:hover:after{opacity:1}.blackgrey span{color:#ffffff}.turtlegreen{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))}.turtlegreen: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}.turtlegreen:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.turtlegreen:hover:after{opacity:1}.turtlegreen span{color:var(--color-white)}";
|
|
80
|
-
|
|
81
|
-
const PtcButton = class {
|
|
82
|
-
constructor(hostRef) {
|
|
83
|
-
index.registerInstance(this, hostRef);
|
|
84
|
-
/**
|
|
85
|
-
* Button type
|
|
86
|
-
*/
|
|
87
|
-
this.type = 'button';
|
|
88
|
-
/**
|
|
89
|
-
* Button theme color
|
|
90
|
-
*/
|
|
91
|
-
this.color = 'blackgrey';
|
|
92
|
-
/**
|
|
93
|
-
* Button shape
|
|
94
|
-
*/
|
|
95
|
-
this.shape = 'round';
|
|
96
|
-
/**
|
|
97
|
-
* Button Size
|
|
98
|
-
*/
|
|
99
|
-
this.size = 'large';
|
|
100
|
-
/**
|
|
101
|
-
* Icon Animation
|
|
102
|
-
*/
|
|
103
|
-
this.icon = '';
|
|
104
|
-
}
|
|
105
|
-
render() {
|
|
106
|
-
const classMap = this.getCssClassMap();
|
|
107
|
-
return (index.h("button", { type: this.type, class: classMap, disabled: this.disabled }, index.h("span", null, index.h("slot", null))));
|
|
108
|
-
}
|
|
109
|
-
getCssClassMap() {
|
|
110
|
-
return {
|
|
111
|
-
[this.color]: true,
|
|
112
|
-
[this.size]: true,
|
|
113
|
-
[this.shape]: true,
|
|
114
|
-
[this.icon]: true,
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
};
|
|
118
|
-
PtcButton.style = ptcButtonCss;
|
|
119
|
-
|
|
120
|
-
const ptcTitleCss = "div.center{text-align:center}div.center.dotted h1::before,div.center.dotted h2::before,div.center.dotted h3::before{left:50%;transform:translateX(-50%)}div.left{text-align:left}div.left.dotted h1::before,div.left.dotted h2::before,div.left.dotted h3::before{left:0%}div.right{text-align:right}div.right.dotted h1::before,div.right.dotted h2::before,div.right.dotted h3::before{right:0%}div.dotted h1::before,div.dotted h2::before,div.dotted h3::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid h1::before,div.solid h2::before,div.solid h3::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid h1::after,div.solid h2::after,div.solid h3::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div h1,div h2,div h3{display:inline-block;position:relative}div h1{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div h2{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}";
|
|
121
|
-
|
|
122
|
-
const PtcTitle = class {
|
|
123
|
-
constructor(hostRef) {
|
|
124
|
-
index.registerInstance(this, hostRef);
|
|
125
|
-
/**
|
|
126
|
-
* Title Tag Type
|
|
127
|
-
*/
|
|
128
|
-
this.type = 'h2';
|
|
129
|
-
/**
|
|
130
|
-
* Text Align
|
|
131
|
-
*/
|
|
132
|
-
this.textAlign = 'left';
|
|
133
|
-
/**
|
|
134
|
-
* Upperline Style
|
|
135
|
-
*/
|
|
136
|
-
this.upperline = 'dotted';
|
|
137
|
-
}
|
|
138
|
-
render() {
|
|
139
|
-
const classMap = this.getCssClassMap();
|
|
140
|
-
let TagType;
|
|
141
|
-
switch (this.type) {
|
|
142
|
-
case 'h1':
|
|
143
|
-
TagType = 'h1';
|
|
144
|
-
break;
|
|
145
|
-
case 'h3':
|
|
146
|
-
TagType = 'h3';
|
|
147
|
-
break;
|
|
148
|
-
default:
|
|
149
|
-
TagType = 'h2';
|
|
150
|
-
}
|
|
151
|
-
return (index.h(index.Host, null, index.h("div", { class: classMap }, index.h(TagType, null, index.h("slot", null)))));
|
|
152
|
-
}
|
|
153
|
-
getCssClassMap() {
|
|
154
|
-
return {
|
|
155
|
-
[this.textAlign]: true,
|
|
156
|
-
[this.upperline]: true,
|
|
157
|
-
};
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
|
-
PtcTitle.style = ptcTitleCss;
|
|
161
|
-
|
|
162
|
-
exports.icon_asset = IconAsset;
|
|
163
|
-
exports.my_component = MyComponent;
|
|
164
|
-
exports.ptc_button = PtcButton;
|
|
165
|
-
exports.ptc_title = PtcTitle;
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, g as getAssetPath, h, H as Host } from './index-4bbf8fa5.js';
|
|
2
|
-
|
|
3
|
-
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}svg.small{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.white{fill:var(--color-white)}svg.black{fill:var(--color-black)}svg.ptc-green{fill:var(--color-primary-green)}";
|
|
4
|
-
|
|
5
|
-
const IconAsset = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/**
|
|
9
|
-
* Icon Size
|
|
10
|
-
*/
|
|
11
|
-
this.size = 'small';
|
|
12
|
-
/**
|
|
13
|
-
* Icon Type
|
|
14
|
-
*/
|
|
15
|
-
this.type = 'regular';
|
|
16
|
-
/**
|
|
17
|
-
* Icon Spin Animation
|
|
18
|
-
*/
|
|
19
|
-
this.spin = '';
|
|
20
|
-
/**
|
|
21
|
-
* Icon Pulse Animation
|
|
22
|
-
*/
|
|
23
|
-
this.pulse = '';
|
|
24
|
-
/**
|
|
25
|
-
* Icon Color
|
|
26
|
-
*/
|
|
27
|
-
this.color = 'black';
|
|
28
|
-
this.regularSprite = getAssetPath('./assets/regular.svg');
|
|
29
|
-
this.solidSprite = getAssetPath('./assets/solid.svg');
|
|
30
|
-
this.brandSprite = getAssetPath('./assets/brands.svg');
|
|
31
|
-
}
|
|
32
|
-
render() {
|
|
33
|
-
const classMap = this.getCssClassMap();
|
|
34
|
-
if (this.type == 'brands') {
|
|
35
|
-
return (h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` })));
|
|
36
|
-
}
|
|
37
|
-
else if (this.type == 'solid') {
|
|
38
|
-
return (h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` })));
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
return (h("svg", { class: classMap }, h("use", { href: `${this.regularSprite}#${this.name}` })));
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
getCssClassMap() {
|
|
45
|
-
return {
|
|
46
|
-
[this.size]: true,
|
|
47
|
-
[this.spin]: true,
|
|
48
|
-
[this.pulse]: true,
|
|
49
|
-
[this.color]: true,
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
static get assetsDirs() { return ["assets"]; }
|
|
53
|
-
};
|
|
54
|
-
IconAsset.style = iconAssetCss;
|
|
55
|
-
|
|
56
|
-
function format(first, middle, last) {
|
|
57
|
-
return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
const myComponentCss = ":host{display:block}";
|
|
61
|
-
|
|
62
|
-
const MyComponent = class {
|
|
63
|
-
constructor(hostRef) {
|
|
64
|
-
registerInstance(this, hostRef);
|
|
65
|
-
}
|
|
66
|
-
getText() {
|
|
67
|
-
return format(this.first, this.middle, this.last);
|
|
68
|
-
}
|
|
69
|
-
render() {
|
|
70
|
-
return h("div", null, h("h4", null, "Hello, World! I'm ", this.getText()));
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
MyComponent.style = myComponentCss;
|
|
74
|
-
|
|
75
|
-
const ptcButtonCss = ":host{display:block;box-sizing:border-box}:host([disabled]){pointer-events:none}@keyframes gradient{0%{background-position:0%}100%{background-position:100%}}button{background-color:var(--color-primary-uigrey);display:inline-block;border-style:solid;border-width:2.5px;white-space:normal;position:relative;transition:box-shadow 0.4s cubic-bezier(0, 0, 0.23, 1);text-transform:uppercase;text-decoration:none;cursor:pointer}button.large{padding:15px 28px}button.small{padding:10px 20px}button.round{border-radius:var(--ptc-border-radius-medium)}button.icon svg,button.icon-right svg,button.icon-down svg{transition:all ease-out 0.25s;position:relative;top:4px}button:hover.icon-right svg{transform:translateX(var(--ptc-element-spacing-02))}button:hover.icon-down svg{transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:\"Rajdhani\", sans-serif;font-size:19px;font-weight:bold;letter-spacing:var(--ptc-letter-spacing-normal);text-align:center;position:relative;z-index:2}.offwhite{box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-primary-uigrey);background-image:linear-gradient(to right, #ffffff, #d3d3d3, #e5e5e5)}.offwhite:hover:after{opacity:1}.offwhite:after{position:absolute;content:\"\";top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-image:linear-gradient(to right, #e5e5e5, #d3d3d3, #ffffff);opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1)}.offwhite:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.offwhite span{color:var(--color-primary-uigrey)}.neon{background-color:var(--color-black-100);border:0px;position:relative;-webkit-box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.35);box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.35)}.neon:hover{-webkit-box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.6);box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.6)}.neon:before{content:\"\";position:absolute;top:calc(-1 * 2.5px);left:calc(-1 * 3px);width:calc(100% + 2 * 3px);height:calc(100% + 2 * 2.5px);background:linear-gradient(to right, var(--color-secondary-turquoiseblue), var(--color-secondary-turtlegreen), var(--color-secondary-turtlegreen), var(--color-secondary-turquoiseblue));z-index:-1;background-size:200% 200%;border-radius:4px}.neon:hover:before{-webkit-animation:gradient 0.6s cubic-bezier(0, 0, 0.23, 1) forwards 1;animation:gradient 0.6s cubic-bezier(0, 0, 0.23, 1) forwards 1}.neon span{color:var(--color-white)}.blackgrey{box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-primary-uigrey);background-image:linear-gradient(to left, var(--color-primary-uigrey), var(--color-black))}.blackgrey:after{position:absolute;content:\"\";top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--color-primary-uigrey);background-image:linear-gradient(to left, var(--color-black), var(--color-primary-uigrey));opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1);border-radius:4px}.blackgrey:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.blackgrey:hover:after{opacity:1}.blackgrey span{color:#ffffff}.turtlegreen{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))}.turtlegreen: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}.turtlegreen:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.turtlegreen:hover:after{opacity:1}.turtlegreen span{color:var(--color-white)}";
|
|
76
|
-
|
|
77
|
-
const PtcButton = class {
|
|
78
|
-
constructor(hostRef) {
|
|
79
|
-
registerInstance(this, hostRef);
|
|
80
|
-
/**
|
|
81
|
-
* Button type
|
|
82
|
-
*/
|
|
83
|
-
this.type = 'button';
|
|
84
|
-
/**
|
|
85
|
-
* Button theme color
|
|
86
|
-
*/
|
|
87
|
-
this.color = 'blackgrey';
|
|
88
|
-
/**
|
|
89
|
-
* Button shape
|
|
90
|
-
*/
|
|
91
|
-
this.shape = 'round';
|
|
92
|
-
/**
|
|
93
|
-
* Button Size
|
|
94
|
-
*/
|
|
95
|
-
this.size = 'large';
|
|
96
|
-
/**
|
|
97
|
-
* Icon Animation
|
|
98
|
-
*/
|
|
99
|
-
this.icon = '';
|
|
100
|
-
}
|
|
101
|
-
render() {
|
|
102
|
-
const classMap = this.getCssClassMap();
|
|
103
|
-
return (h("button", { type: this.type, class: classMap, disabled: this.disabled }, h("span", null, h("slot", null))));
|
|
104
|
-
}
|
|
105
|
-
getCssClassMap() {
|
|
106
|
-
return {
|
|
107
|
-
[this.color]: true,
|
|
108
|
-
[this.size]: true,
|
|
109
|
-
[this.shape]: true,
|
|
110
|
-
[this.icon]: true,
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
PtcButton.style = ptcButtonCss;
|
|
115
|
-
|
|
116
|
-
const ptcTitleCss = "div.center{text-align:center}div.center.dotted h1::before,div.center.dotted h2::before,div.center.dotted h3::before{left:50%;transform:translateX(-50%)}div.left{text-align:left}div.left.dotted h1::before,div.left.dotted h2::before,div.left.dotted h3::before{left:0%}div.right{text-align:right}div.right.dotted h1::before,div.right.dotted h2::before,div.right.dotted h3::before{right:0%}div.dotted h1::before,div.dotted h2::before,div.dotted h3::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid h1::before,div.solid h2::before,div.solid h3::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid h1::after,div.solid h2::after,div.solid h3::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div h1,div h2,div h3{display:inline-block;position:relative}div h1{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div h2{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}";
|
|
117
|
-
|
|
118
|
-
const PtcTitle = class {
|
|
119
|
-
constructor(hostRef) {
|
|
120
|
-
registerInstance(this, hostRef);
|
|
121
|
-
/**
|
|
122
|
-
* Title Tag Type
|
|
123
|
-
*/
|
|
124
|
-
this.type = 'h2';
|
|
125
|
-
/**
|
|
126
|
-
* Text Align
|
|
127
|
-
*/
|
|
128
|
-
this.textAlign = 'left';
|
|
129
|
-
/**
|
|
130
|
-
* Upperline Style
|
|
131
|
-
*/
|
|
132
|
-
this.upperline = 'dotted';
|
|
133
|
-
}
|
|
134
|
-
render() {
|
|
135
|
-
const classMap = this.getCssClassMap();
|
|
136
|
-
let TagType;
|
|
137
|
-
switch (this.type) {
|
|
138
|
-
case 'h1':
|
|
139
|
-
TagType = 'h1';
|
|
140
|
-
break;
|
|
141
|
-
case 'h3':
|
|
142
|
-
TagType = 'h3';
|
|
143
|
-
break;
|
|
144
|
-
default:
|
|
145
|
-
TagType = 'h2';
|
|
146
|
-
}
|
|
147
|
-
return (h(Host, null, h("div", { class: classMap }, h(TagType, null, h("slot", null)))));
|
|
148
|
-
}
|
|
149
|
-
getCssClassMap() {
|
|
150
|
-
return {
|
|
151
|
-
[this.textAlign]: true,
|
|
152
|
-
[this.upperline]: true,
|
|
153
|
-
};
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
PtcTitle.style = ptcTitleCss;
|
|
157
|
-
|
|
158
|
-
export { IconAsset as icon_asset, MyComponent as my_component, PtcButton as ptc_button, PtcTitle as ptc_title };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as a}from"./p-d855d70c.js";const r=class{constructor(a){t(this,a),this.external=!1,this.theme="simple",this.textTransform="",this.fontSize="medium"}render(){const t=this.getCssClassMap();return a("a",{class:t,href:this.href,target:this.target,title:this.linkTitle},a("slot",null))}getCssClassMap(){return{[this.theme]:!0,[this.textTransform]:!0,[this.fontSize]:!0}}};r.style='a{display:inline-block;color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);margin-bottom:var(--ptc-element-spacing-01);outline:none;text-decoration:none}a.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:0px;transition:all var(--ptc-transition-fast) var(--ptc-standard-ease)}a:hover.simple::after{border-bottom:2px solid var(--color-primary-green)}a.arrow{margin-right:var(--ptc-element-spacing-01)}a.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)}a:hover.arrow::after{width:100%}a.uppercase{text-transform:uppercase}a.small{font-size:var(--ptc-font-size-small)}a.medium{font-size:var(--ptc-font-size-medium)}a.large{font-size:var(--ptc-font-size-large)}';export{r as ptc_link}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as r,H as t}from"./p-d855d70c.js";const o=class{constructor(r){s(this,r)}render(){return r(t,null,r("slot",null))}};o.style=":host{display:block}";export{o as ptc_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
let t,e,n,l=!1,o=!1,s=!1,r=!1,c=!1;const i="undefined"!=typeof window?window:{},a=i.document||{head:{}},f={t:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},u=t=>Promise.resolve(t),$=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(t){}return!1})(),d=new WeakMap,p=t=>"sc-"+t.o,y={},h=t=>"object"==(t=typeof t)||"function"===t,m=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1,c=[];const i=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!h(l))&&(l+=""),s&&r?c[c.length-1].i+=l:c.push(s?w(null,l):l),r=s)};if(i(n),e){e.name&&(o=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,g);const a=w(t,null);return a.u=e,c.length>0&&(a.$=c),a.p=o,a},w=(t,e)=>({t:0,h:t,i:e,m:null,$:null,u:null,p:null}),b={},g={forEach:(t,e)=>t.map(v).forEach(e),map:(t,e)=>t.map(v).map(e).map(j)},v=t=>({vattrs:t.u,vchildren:t.$,vkey:t.g,vname:t.p,vtag:t.h,vtext:t.i}),j=t=>{if("function"==typeof t.vtag){const e=Object.assign({},t.vattrs);return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),m(t.vtag,e,...t.vchildren||[])}const e=w(t.vtag,t.vtext);return e.u=t.vattrs,e.$=t.vchildren,e.g=t.vkey,e.p=t.vname,e},S=(t,e,n,l,o,s)=>{if(n!==l){let r=lt(t,e);if(e.toLowerCase(),"class"===e){const e=t.classList,o=O(n),s=O(l);e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else{const c=h(l);if((r||c&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{let o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||(t[e]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||o)&&!c&&t.setAttribute(e,l=!0===l?"":l)}}},k=/\s/,O=t=>t?t.split(k):[],M=(t,e,n,l)=>{const o=11===e.m.nodeType&&e.m.host?e.m.host:e.m,s=t&&t.u||y,r=e.u||y;for(l in s)l in r||S(o,l,s[l],void 0,n,e.t);for(l in r)S(o,l,s[l],r[l],n,e.t)},C=(o,c,i,f)=>{let u,$,d,p=c.$[i],y=0;if(l||(s=!0,"slot"===p.h&&(t&&f.classList.add(t+"-s"),p.t|=p.$?2:1)),null!==p.i)u=p.m=a.createTextNode(p.i);else if(1&p.t)u=p.m=a.createTextNode("");else{if(r||(r="svg"===p.h),u=p.m=a.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&p.t?"slot-fb":p.h),r&&"foreignObject"===p.h&&(r=!1),M(null,p,r),null!=t&&u["s-si"]!==t&&u.classList.add(u["s-si"]=t),p.$)for(y=0;y<p.$.length;++y)$=C(o,p,y,u),$&&u.appendChild($);"svg"===p.h?r=!1:"foreignObject"===u.tagName&&(r=!0)}return u["s-hn"]=n,3&p.t&&(u["s-sr"]=!0,u["s-cr"]=e,u["s-sn"]=p.p||"",d=o&&o.$&&o.$[i],d&&d.h===p.h&&o.m&&R(o.m,!1)),u},R=(t,e)=>{f.t|=1;const l=t.childNodes;for(let t=l.length-1;t>=0;t--){const o=l[t];o["s-hn"]!==n&&o["s-ol"]&&(P(o).insertBefore(o,L(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),e&&R(o,e)}f.t&=-2},x=(t,e,l,o,s,r)=>{let c,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=C(null,l,s,t),c&&(o[s].m=c,i.insertBefore(c,L(e))))},T=(t,e,n,l,s)=>{for(;e<=n;++e)(l=t[e])&&(o=!0,(s=l.m)["s-ol"]?s["s-ol"].remove():R(s,!0),s.remove())},E=(t,e)=>t.h===e.h&&("slot"!==t.h||t.p===e.p),L=t=>t&&t["s-ol"]||t,P=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,U=(t,e)=>{const n=e.m=t.m,l=t.$,o=e.$,s=e.h,c=e.i;let i;null===c?(r="svg"===s||"foreignObject"!==s&&r,"slot"===s||M(t,e,r),null!==l&&null!==o?((t,e,n,l)=>{let o,s=0,r=0,c=e.length-1,i=e[0],a=e[c],f=l.length-1,u=l[0],$=l[f];for(;s<=c&&r<=f;)null==i?i=e[++s]:null==a?a=e[--c]:null==u?u=l[++r]:null==$?$=l[--f]:E(i,u)?(U(i,u),i=e[++s],u=l[++r]):E(a,$)?(U(a,$),a=e[--c],$=l[--f]):E(i,$)?("slot"!==i.h&&"slot"!==$.h||R(i.m.parentNode,!1),U(i,$),t.insertBefore(i.m,a.m.nextSibling),i=e[++s],$=l[--f]):E(a,u)?("slot"!==i.h&&"slot"!==$.h||R(a.m.parentNode,!1),U(a,u),t.insertBefore(a.m,i.m),a=e[--c],u=l[++r]):(o=C(e&&e[r],n,r,t),u=l[++r],o&&P(i.m).insertBefore(o,L(i.m)));s>c?x(t,null==l[f+1]?null:l[f+1].m,n,l,r,f):r>f&&T(e,s,c)})(n,l,e,o):null!==o?(null!==t.i&&(n.textContent=""),x(n,null,e,o,0,o.length-1)):null!==l&&T(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(i=n["s-cr"])?i.parentNode.textContent=c:t.i!==c&&(n.data=c)},W=t=>{let e,n,l,o,s,r,c=t.childNodes;for(n=0,l=c.length;n<l;n++)if(e=c[n],1===e.nodeType){if(e["s-sr"])for(s=e["s-sn"],e.hidden=!1,o=0;o<l;o++)if(r=c[o].nodeType,c[o]["s-hn"]!==e["s-hn"]||""!==s){if(1===r&&s===c[o].getAttribute("slot")){e.hidden=!0;break}}else if(1===r||3===r&&""!==c[o].textContent.trim()){e.hidden=!0;break}W(e)}},A=[],H=t=>{let e,n,l,s,r,c,i=0,a=t.childNodes,f=a.length;for(;i<f;i++){if(e=a[i],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=e["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(N(n,s)?(r=A.find((t=>t.v===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.j=e:A.push({j:e,v:n}),n["s-sr"]&&A.map((t=>{N(t.v,n["s-sn"])&&(r=A.find((t=>t.v===n)),r&&!t.j&&(t.j=r.j))}))):A.some((t=>t.v===n))||A.push({v:n}));1===e.nodeType&&H(e)}},N=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,q=t=>tt(t).S,D=(t,e)=>{e&&!t.k&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.k=e)))},F=(t,e)=>{if(t.t|=16,!(4&t.t))return D(t,t.O),pt((()=>V(t,e)));t.t|=512},V=(t,e)=>{const n=t.M;let l;return e||(l=I(n,"componentWillUpdate")),J(l,(()=>_(t,n,e)))},_=async(t,e,n)=>{const l=t.S,o=l["s-rc"];n&&(t=>{const e=t.C,n=t.S,l=e.t,o=((t,e)=>{let n=p(e),l=ct.get(n);if(t=11===t.nodeType?t:a,l)if("string"==typeof l){let e,o=d.get(t=t.head||t);o||d.set(t,o=new Set),o.has(n)||(e=a.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),o&&o.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(t);z(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>B(t);0===e.length?n():(Promise.all(e).then(n),t.t|=4,e.length=0)}},z=(r,c)=>{try{c=c.render(),r.t&=-17,r.t|=2,((r,c)=>{const i=r.S,u=r.C,$=r.R||w(null,null),d=(t=>t&&t.h===b)(c)?c:m(null,null,c);if(n=i.tagName,u.T&&(d.u=d.u||{},u.T.map((([t,e])=>d.u[e]=i[t]))),d.h=null,d.t|=4,r.R=d,d.m=$.m=i.shadowRoot||i,t=i["s-sc"],e=i["s-cr"],l=0!=(1&u.t),o=!1,U($,d),f.t|=1,s){let t,e,n,l,o,s;H(d.m);let r=0;for(;r<A.length;r++)t=A[r],e=t.v,e["s-ol"]||(n=a.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(r=0;r<A.length;r++)if(t=A[r],e=t.v,t.j){for(l=t.j.parentNode,o=t.j.nextSibling,n=e["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===e["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==e.parentNode||e.nextSibling!==o)&&e!==o&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),l.insertBefore(e,o))}else 1===e.nodeType&&(e.hidden=!0)}o&&W(d.m),f.t&=-2,A.length=0})(r,c)}catch(t){ot(t,r.S)}return null},B=t=>{const e=t.S,n=t.M,l=t.O;64&t.t||(t.t|=64,K(e),I(n,"componentDidLoad"),t.L(e),l||G()),t.k&&(t.k(),t.k=void 0),512&t.t&&dt((()=>F(t,!1))),t.t&=-517},G=()=>{K(a.documentElement),dt((()=>(t=>{const e=f.ce("appload",{detail:{namespace:"ptcw-design"}});return t.dispatchEvent(e),e})(i)))},I=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){ot(t)}},J=(t,e)=>t&&t.then?t.then(e):e(),K=t=>t.classList.add("hydrated"),Q=(t,e,n)=>{if(e.P){const l=Object.entries(e.P),o=t.prototype;if(l.map((([t,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(o,t,{get(){return((t,e)=>tt(this).U.get(e))(0,t)},set(n){((t,e,n,l)=>{const o=tt(t),s=o.U.get(e),r=o.t,c=o.M;n=((t,e)=>null==t||h(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t)(n,l.P[e][0]),8&r&&void 0!==s||n===s||(o.U.set(e,n),c&&2==(18&r)&&F(o,!1))})(this,t,n,e)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,l){f.jmp((()=>{const e=n.get(t);this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const o=l[1]||t;return n.set(o,t),512&l[0]&&e.T.push([t,o]),o}))}}return t},X=(t,e={})=>{const n=[],l=e.exclude||[],o=i.customElements,s=a.head,r=s.querySelector("meta[charset]"),c=a.createElement("style"),u=[];let d,y=!0;Object.assign(f,e),f.l=new URL(e.resourcesUrl||"./",a.baseURI).href,t.map((t=>t[1].map((e=>{const s={t:e[0],o:e[1],P:e[2],W:e[3]};s.P=e[2],s.T=[];const r=s.o,c=class extends HTMLElement{constructor(t){super(t),nt(t=this,s),1&s.t&&t.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),y?u.push(this):f.jmp((()=>(t=>{if(0==(1&f.t)){const e=tt(t),n=e.C,l=()=>{};if(!(1&e.t)){e.t|=1,12&n.t&&(t=>{const e=t["s-cr"]=a.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){D(e,e.O=n);break}}n.P&&Object.entries(n.P).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,o)=>{if(0==(32&e.t)){{if(e.t|=32,(o=rt(n)).then){const t=()=>{};o=await o,t()}o.isProxied||(Q(o,n,2),o.isProxied=!0);const t=()=>{};e.t|=8;try{new o(e)}catch(t){ot(t)}e.t&=-9,t()}if(o.style){let t=o.style;const e=p(n);if(!ct.has(e)){const l=()=>{};((t,e,n)=>{let l=ct.get(t);$&&n?(l=l||new CSSStyleSheet,l.replace(e)):l=e,ct.set(t,l)})(e,t,!!(1&n.t)),l()}}}const s=e.O,r=()=>F(e,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>{}))}componentOnReady(){return tt(this).A}};s.H=t[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,Q(c,s,1)))})))),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),y=!1,u.length?u.map((t=>t.connectedCallback())):f.jmp((()=>d=setTimeout(G,30)))},Y=t=>{const e=new URL(t,f.l);return e.origin!==i.location.origin?e.href:e.pathname},Z=new WeakMap,tt=t=>Z.get(t),et=(t,e)=>Z.set(e.M=t,e),nt=(t,e)=>{const n={t:0,S:t,C:e,U:new Map};return n.A=new Promise((t=>n.L=t)),t["s-p"]=[],t["s-rc"]=[],Z.set(t,n)},lt=(t,e)=>e in t,ot=(t,e)=>(0,console.error)(t,e),st=new Map,rt=t=>{const e=t.o.replace(/-/g,"_"),n=t.H,l=st.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(st.set(n,t),t[e])),ot)},ct=new Map,it=[],at=[],ft=(t,e)=>n=>{t.push(n),c||(c=!0,e&&4&f.t?dt($t):f.raf($t))},ut=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){ot(t)}t.length=0},$t=()=>{ut(it),ut(at),(c=it.length>0)&&f.raf($t)},dt=t=>u().then(t),pt=ft(at,!0);export{b as H,q as a,X as b,Y as g,m as h,u as p,et as r}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t,H as r}from"./p-d855d70c.js";const l=class{constructor(t){s(this,t)}render(){return t(r,null,t("slot",null))}};l.style=":host{display:block}";export{l as ptc_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,g as e,h as i,H as r}from"./p-d855d70c.js";const o=class{constructor(i){t(this,i),this.size="small",this.type="regular",this.spin="",this.pulse="",this.color="black",this.regularSprite=e("./assets/regular.svg"),this.solidSprite=e("./assets/solid.svg"),this.brandSprite=e("./assets/brands.svg")}render(){const t=this.getCssClassMap();return i("svg",{class:t},i("use","brands"==this.type?{href:`${this.brandSprite}#${this.name}`}:"solid"==this.type?{href:`${this.solidSprite}#${this.name}`}:{href:`${this.regularSprite}#${this.name}`}))}getCssClassMap(){return{[this.size]:!0,[this.spin]:!0,[this.pulse]:!0,[this.color]:!0}}static get assetsDirs(){return["assets"]}};o.style='/*!\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}svg.small{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.white{fill:var(--color-white)}svg.black{fill:var(--color-black)}svg.ptc-green{fill:var(--color-primary-green)}';const a=class{constructor(e){t(this,e)}getText(){return(this.first||"")+((t=this.middle)?` ${t}`:"")+((e=this.last)?` ${e}`:"");var t,e}render(){return i("div",null,i("h4",null,"Hello, World! I'm ",this.getText()))}};a.style=":host{display:block}";const n=class{constructor(e){t(this,e),this.type="button",this.color="blackgrey",this.shape="round",this.size="large",this.icon=""}render(){const t=this.getCssClassMap();return i("button",{type:this.type,class:t,disabled:this.disabled},i("span",null,i("slot",null)))}getCssClassMap(){return{[this.color]:!0,[this.size]:!0,[this.shape]:!0,[this.icon]:!0}}};n.style=':host{display:block;box-sizing:border-box}:host([disabled]){pointer-events:none}@keyframes gradient{0%{background-position:0%}100%{background-position:100%}}button{background-color:var(--color-primary-uigrey);display:inline-block;border-style:solid;border-width:2.5px;white-space:normal;position:relative;transition:box-shadow 0.4s cubic-bezier(0, 0, 0.23, 1);text-transform:uppercase;text-decoration:none;cursor:pointer}button.large{padding:15px 28px}button.small{padding:10px 20px}button.round{border-radius:var(--ptc-border-radius-medium)}button.icon svg,button.icon-right svg,button.icon-down svg{transition:all ease-out 0.25s;position:relative;top:4px}button:hover.icon-right svg{transform:translateX(var(--ptc-element-spacing-02))}button:hover.icon-down svg{transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:"Rajdhani", sans-serif;font-size:19px;font-weight:bold;letter-spacing:var(--ptc-letter-spacing-normal);text-align:center;position:relative;z-index:2}.offwhite{box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-primary-uigrey);background-image:linear-gradient(to right, #ffffff, #d3d3d3, #e5e5e5)}.offwhite:hover:after{opacity:1}.offwhite:after{position:absolute;content:"";top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-image:linear-gradient(to right, #e5e5e5, #d3d3d3, #ffffff);opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1)}.offwhite:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.offwhite span{color:var(--color-primary-uigrey)}.neon{background-color:var(--color-black-100);border:0px;position:relative;-webkit-box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.35);box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.35)}.neon:hover{-webkit-box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.6);box-shadow:0 0 49px 0 rgba(116, 195, 77, 0.6)}.neon:before{content:"";position:absolute;top:calc(-1 * 2.5px);left:calc(-1 * 3px);width:calc(100% + 2 * 3px);height:calc(100% + 2 * 2.5px);background:linear-gradient(to right, var(--color-secondary-turquoiseblue), var(--color-secondary-turtlegreen), var(--color-secondary-turtlegreen), var(--color-secondary-turquoiseblue));z-index:-1;background-size:200% 200%;border-radius:4px}.neon:hover:before{-webkit-animation:gradient 0.6s cubic-bezier(0, 0, 0.23, 1) forwards 1;animation:gradient 0.6s cubic-bezier(0, 0, 0.23, 1) forwards 1}.neon span{color:var(--color-white)}.blackgrey{box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-primary-uigrey);background-image:linear-gradient(to left, var(--color-primary-uigrey), var(--color-black))}.blackgrey:after{position:absolute;content:"";top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--color-primary-uigrey);background-image:linear-gradient(to left, var(--color-black), var(--color-primary-uigrey));opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1);border-radius:4px}.blackgrey:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.blackgrey:hover:after{opacity:1}.blackgrey span{color:#ffffff}.turtlegreen{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))}.turtlegreen: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}.turtlegreen:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.turtlegreen:hover:after{opacity:1}.turtlegreen span{color:var(--color-white)}';const s=class{constructor(e){t(this,e),this.type="h2",this.textAlign="left",this.upperline="dotted"}render(){const t=this.getCssClassMap();let e;switch(this.type){case"h1":e="h1";break;case"h3":e="h3";break;default:e="h2"}return i(r,null,i("div",{class:t},i(e,null,i("slot",null))))}getCssClassMap(){return{[this.textAlign]:!0,[this.upperline]:!0}}};s.style='div.center{text-align:center}div.center.dotted h1::before,div.center.dotted h2::before,div.center.dotted h3::before{left:50%;transform:translateX(-50%)}div.left{text-align:left}div.left.dotted h1::before,div.left.dotted h2::before,div.left.dotted h3::before{left:0%}div.right{text-align:right}div.right.dotted h1::before,div.right.dotted h2::before,div.right.dotted h3::before{right:0%}div.dotted h1::before,div.dotted h2::before,div.dotted h3::before{content:"";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid h1::before,div.solid h2::before,div.solid h3::before{content:"";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid h1::after,div.solid h2::after,div.solid h3::after{content:"";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div h1,div h2,div h3{display:inline-block;position:relative}div h1{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div h2{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}';export{o as icon_asset,a as my_component,n as ptc_button,s as ptc_title}
|