@ptcwebops/ptcw-design 1.5.7 → 1.5.9
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 → bundle-jumbotron-example_14.cjs.entry.js} +401 -407
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +46 -0
- package/dist/cjs/ptc-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-card.cjs.entry.js +33 -0
- package/dist/cjs/ptc-product-category.cjs.entry.js +21 -0
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +80 -0
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +23 -0
- package/dist/cjs/ptc-product-list.cjs.entry.js +128 -0
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +130 -0
- package/dist/cjs/{ptc-social-share.cjs.entry.js → ptc-progress-bar_2.cjs.entry.js} +26 -5
- package/dist/cjs/ptc-slit-card.cjs.entry.js +36 -0
- package/dist/cjs/ptc-span.cjs.entry.js +3 -1
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +34 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/icon-asset/media/designer.svg +36 -0
- package/dist/collection/components/max-width-container/max-width-container.js +19 -1
- package/dist/collection/components/ptc-card/ptc-card.css +4 -4
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +48 -0
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +1 -1
- package/dist/collection/components/ptc-link/ptc-link.css +23 -1
- package/dist/collection/components/ptc-link/ptc-link.js +2 -2
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +48 -0
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.css +13 -0
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -0
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.css +64 -0
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -0
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +7 -7
- package/dist/collection/components/ptc-span/ptc-span.css +34 -0
- package/dist/collection/components/ptc-span/ptc-span.js +22 -2
- package/dist/collection/components/ptc-sticky-title/media/logo.png +0 -0
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.css +115 -0
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -0
- package/dist/custom-elements/index.d.ts +18 -0
- package/dist/custom-elements/index.js +106 -15
- package/dist/esm/{icon-asset_16.entry.js → bundle-jumbotron-example_14.entry.js} +396 -400
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +42 -0
- package/dist/esm/ptc-card.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +29 -0
- package/dist/esm/ptc-product-category.entry.js +17 -0
- package/dist/esm/ptc-product-dropdown.entry.js +76 -0
- package/dist/esm/ptc-product-highlight-card.entry.js +19 -0
- package/dist/esm/ptc-product-list.entry.js +124 -0
- package/dist/esm/ptc-product-sidebar.entry.js +126 -0
- package/dist/esm/{ptc-social-share.entry.js → ptc-progress-bar_2.entry.js} +26 -6
- package/dist/esm/ptc-slit-card.entry.js +32 -0
- package/dist/esm/ptc-span.entry.js +3 -1
- package/dist/esm/ptc-sticky-title.entry.js +30 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/media/designer.svg +36 -0
- package/dist/ptcw-design/media/logo.png +0 -0
- package/dist/ptcw-design/{p-9703a463.entry.js → p-046b0224.entry.js} +1 -1
- package/dist/ptcw-design/p-19ec063d.entry.js +1 -0
- package/dist/ptcw-design/{p-078e0f3d.entry.js → p-2404b2db.entry.js} +1 -1
- package/dist/ptcw-design/p-43e72cf0.entry.js +1 -0
- package/dist/ptcw-design/p-49dc9b68.entry.js +1 -0
- package/dist/ptcw-design/p-65513c45.entry.js +1 -0
- package/dist/ptcw-design/p-6c08595d.entry.js +1 -0
- package/dist/ptcw-design/p-798c2328.entry.js +1 -0
- package/dist/ptcw-design/p-8148b960.entry.js +1 -0
- package/dist/ptcw-design/p-ac5dfbd0.entry.js +1 -0
- package/dist/ptcw-design/p-af3a4142.entry.js +1 -0
- package/dist/ptcw-design/p-c26920ef.entry.js +1 -0
- package/dist/ptcw-design/{p-325b2d5c.entry.js → p-c2c85e61.entry.js} +1 -1
- package/dist/ptcw-design/p-cd44eedb.entry.js +1 -0
- package/dist/ptcw-design/p-e341cb46.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/max-width-container/max-width-container.d.ts +4 -0
- package/dist/types/components/ptc-link/ptc-link.d.ts +1 -1
- package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -0
- package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -0
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +1 -1
- package/dist/types/components/ptc-span/ptc-span.d.ts +5 -1
- package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -0
- package/dist/types/components.d.ts +135 -6
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +0 -50
- package/dist/cjs/interfaces-574e6df7.js +0 -15
- package/dist/cjs/max-width-container_3.cjs.entry.js +0 -236
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +0 -135
- package/dist/esm/bundle-jumbotron-example.entry.js +0 -46
- package/dist/esm/interfaces-7c0243be.js +0 -12
- package/dist/esm/max-width-container_3.entry.js +0 -230
- package/dist/esm/ptc-jumbotron.entry.js +0 -131
- package/dist/ptcw-design/p-0f8784e9.entry.js +0 -1
- package/dist/ptcw-design/p-45771c7d.entry.js +0 -1
- package/dist/ptcw-design/p-609d4967.entry.js +0 -1
- package/dist/ptcw-design/p-6e8222ce.entry.js +0 -1
- package/dist/ptcw-design/p-73ea7065.entry.js +0 -1
- package/dist/ptcw-design/p-7c0ee168.entry.js +0 -1
- package/dist/ptcw-design/p-ee1183b2.js +0 -1
|
@@ -22,7 +22,7 @@ export declare class PtcLink {
|
|
|
22
22
|
/**
|
|
23
23
|
* Theme
|
|
24
24
|
*/
|
|
25
|
-
theme: 'simple' | 'underline' | 'nav-title' | 'primary-nav-link' | 'nav-title-link' | 'nav-card-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'product-link' | 'd-green-underline' | 'd-white-underline' | 'global';
|
|
25
|
+
theme: 'simple' | 'underline' | 'nav-title' | 'primary-nav-link' | 'nav-title-link' | 'nav-card-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'product-link' | 'd-green-underline' | 'd-white-underline' | 'global' | 'standard-link';
|
|
26
26
|
/**
|
|
27
27
|
* Font Size
|
|
28
28
|
*/
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare class PtcSlitCard {
|
|
2
|
+
/**
|
|
3
|
+
* Card Type
|
|
4
|
+
* Specify Card Type, default to sim card
|
|
5
|
+
*/
|
|
6
|
+
cardType: string;
|
|
7
|
+
/**
|
|
8
|
+
* Card Link URL (Optional)
|
|
9
|
+
*/
|
|
10
|
+
cardHref?: string;
|
|
11
|
+
/**
|
|
12
|
+
* (optional) Link card target
|
|
13
|
+
* */
|
|
14
|
+
target?: string;
|
|
15
|
+
/**
|
|
16
|
+
* (optional) Link card rel
|
|
17
|
+
* */
|
|
18
|
+
rel?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Card heading
|
|
21
|
+
*/
|
|
22
|
+
heading?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Card heading
|
|
25
|
+
*/
|
|
26
|
+
content?: string;
|
|
27
|
+
/**
|
|
28
|
+
* (optional) Injected CSS styles
|
|
29
|
+
**/
|
|
30
|
+
styles?: string;
|
|
31
|
+
/**
|
|
32
|
+
* (optional) Injected CSS styles
|
|
33
|
+
**/
|
|
34
|
+
cardImage?: string;
|
|
35
|
+
render(): any;
|
|
36
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare class PtcSocialShare {
|
|
2
2
|
el: HTMLElement;
|
|
3
3
|
display?: 'inline-block' | 'block' | 'inline' | 'flex';
|
|
4
|
-
shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
|
|
4
|
+
shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
|
|
5
5
|
shareTitle: string;
|
|
6
6
|
text: string;
|
|
7
7
|
url: string;
|
|
@@ -2,11 +2,15 @@ export declare class PtcSpan {
|
|
|
2
2
|
/**
|
|
3
3
|
* Span Style
|
|
4
4
|
*/
|
|
5
|
-
spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller';
|
|
5
|
+
spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller' | 'blog-tag';
|
|
6
6
|
/**
|
|
7
7
|
* Display
|
|
8
8
|
*/
|
|
9
9
|
display: 'block' | 'inline-block' | 'inline';
|
|
10
|
+
/**
|
|
11
|
+
* Span weight
|
|
12
|
+
*/
|
|
13
|
+
fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
|
|
10
14
|
/**
|
|
11
15
|
* Injected Styles
|
|
12
16
|
*/
|
|
@@ -87,6 +87,10 @@ export namespace Components {
|
|
|
87
87
|
"breakpoint": number;
|
|
88
88
|
"contentAlign": 'left' | 'center' | 'right';
|
|
89
89
|
"maxWidth": number;
|
|
90
|
+
/**
|
|
91
|
+
* (optional) Injected CSS Styles
|
|
92
|
+
*/
|
|
93
|
+
"styles"?: string;
|
|
90
94
|
}
|
|
91
95
|
interface MyComponent {
|
|
92
96
|
/**
|
|
@@ -653,7 +657,7 @@ export namespace Components {
|
|
|
653
657
|
/**
|
|
654
658
|
* Theme
|
|
655
659
|
*/
|
|
656
|
-
"theme": 'simple' | 'underline' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'nav-card-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'product-link' | 'd-green-underline' | 'd-white-underline' | 'global';
|
|
660
|
+
"theme": 'simple' | 'underline' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'nav-card-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'product-link' | 'd-green-underline' | 'd-white-underline' | 'global' | 'standard-link';
|
|
657
661
|
}
|
|
658
662
|
interface PtcList {
|
|
659
663
|
"listItems"?: string[];
|
|
@@ -1129,6 +1133,8 @@ export namespace Components {
|
|
|
1129
1133
|
interface PtcProductSidebar {
|
|
1130
1134
|
"suggestionList": { categoryName: string, products: string[] }[];
|
|
1131
1135
|
}
|
|
1136
|
+
interface PtcProgressBar {
|
|
1137
|
+
}
|
|
1132
1138
|
interface PtcQuote {
|
|
1133
1139
|
/**
|
|
1134
1140
|
* Button CTA Text
|
|
@@ -1227,6 +1233,40 @@ export namespace Components {
|
|
|
1227
1233
|
"topMargin": string;
|
|
1228
1234
|
"width": string;
|
|
1229
1235
|
}
|
|
1236
|
+
interface PtcSlitCard {
|
|
1237
|
+
/**
|
|
1238
|
+
* Card Link URL (Optional)
|
|
1239
|
+
*/
|
|
1240
|
+
"cardHref"?: string;
|
|
1241
|
+
/**
|
|
1242
|
+
* (optional) Injected CSS styles
|
|
1243
|
+
*/
|
|
1244
|
+
"cardImage"?: string;
|
|
1245
|
+
/**
|
|
1246
|
+
* Card Type Specify Card Type, default to sim card
|
|
1247
|
+
*/
|
|
1248
|
+
"cardType": string;
|
|
1249
|
+
/**
|
|
1250
|
+
* Card heading
|
|
1251
|
+
*/
|
|
1252
|
+
"content"?: string;
|
|
1253
|
+
/**
|
|
1254
|
+
* Card heading
|
|
1255
|
+
*/
|
|
1256
|
+
"heading"?: string;
|
|
1257
|
+
/**
|
|
1258
|
+
* (optional) Link card rel
|
|
1259
|
+
*/
|
|
1260
|
+
"rel"?: string;
|
|
1261
|
+
/**
|
|
1262
|
+
* (optional) Injected CSS styles
|
|
1263
|
+
*/
|
|
1264
|
+
"styles"?: string;
|
|
1265
|
+
/**
|
|
1266
|
+
* (optional) Link card target
|
|
1267
|
+
*/
|
|
1268
|
+
"target"?: string;
|
|
1269
|
+
}
|
|
1230
1270
|
interface PtcSocialShare {
|
|
1231
1271
|
"display"?: 'inline-block' | 'block' | 'inline' | 'flex';
|
|
1232
1272
|
/**
|
|
@@ -1242,7 +1282,7 @@ export namespace Components {
|
|
|
1242
1282
|
*/
|
|
1243
1283
|
"recipient"?: string;
|
|
1244
1284
|
"shareTitle": string;
|
|
1245
|
-
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
|
|
1285
|
+
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
|
|
1246
1286
|
/**
|
|
1247
1287
|
* Optional - source for linkedin
|
|
1248
1288
|
*/
|
|
@@ -1269,10 +1309,14 @@ export namespace Components {
|
|
|
1269
1309
|
* Display
|
|
1270
1310
|
*/
|
|
1271
1311
|
"display": 'block' | 'inline-block' | 'inline';
|
|
1312
|
+
/**
|
|
1313
|
+
* Span weight
|
|
1314
|
+
*/
|
|
1315
|
+
"fontWeight": 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
|
|
1272
1316
|
/**
|
|
1273
1317
|
* Span Style
|
|
1274
1318
|
*/
|
|
1275
|
-
"spanStyle": 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller';
|
|
1319
|
+
"spanStyle": 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller' | 'blog-tag';
|
|
1276
1320
|
/**
|
|
1277
1321
|
* Injected Styles
|
|
1278
1322
|
*/
|
|
@@ -1282,6 +1326,13 @@ export namespace Components {
|
|
|
1282
1326
|
}
|
|
1283
1327
|
interface PtcStickySection {
|
|
1284
1328
|
}
|
|
1329
|
+
interface PtcStickyTitle {
|
|
1330
|
+
/**
|
|
1331
|
+
* bar title
|
|
1332
|
+
*/
|
|
1333
|
+
"barTitle": string;
|
|
1334
|
+
"logo": string;
|
|
1335
|
+
}
|
|
1285
1336
|
interface PtcSubnav {
|
|
1286
1337
|
}
|
|
1287
1338
|
interface PtcSubnavCard {
|
|
@@ -1959,6 +2010,12 @@ declare global {
|
|
|
1959
2010
|
prototype: HTMLPtcProductSidebarElement;
|
|
1960
2011
|
new (): HTMLPtcProductSidebarElement;
|
|
1961
2012
|
};
|
|
2013
|
+
interface HTMLPtcProgressBarElement extends Components.PtcProgressBar, HTMLStencilElement {
|
|
2014
|
+
}
|
|
2015
|
+
var HTMLPtcProgressBarElement: {
|
|
2016
|
+
prototype: HTMLPtcProgressBarElement;
|
|
2017
|
+
new (): HTMLPtcProgressBarElement;
|
|
2018
|
+
};
|
|
1962
2019
|
interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
|
|
1963
2020
|
}
|
|
1964
2021
|
var HTMLPtcQuoteElement: {
|
|
@@ -1995,6 +2052,12 @@ declare global {
|
|
|
1995
2052
|
prototype: HTMLPtcSkeletonElement;
|
|
1996
2053
|
new (): HTMLPtcSkeletonElement;
|
|
1997
2054
|
};
|
|
2055
|
+
interface HTMLPtcSlitCardElement extends Components.PtcSlitCard, HTMLStencilElement {
|
|
2056
|
+
}
|
|
2057
|
+
var HTMLPtcSlitCardElement: {
|
|
2058
|
+
prototype: HTMLPtcSlitCardElement;
|
|
2059
|
+
new (): HTMLPtcSlitCardElement;
|
|
2060
|
+
};
|
|
1998
2061
|
interface HTMLPtcSocialShareElement extends Components.PtcSocialShare, HTMLStencilElement {
|
|
1999
2062
|
}
|
|
2000
2063
|
var HTMLPtcSocialShareElement: {
|
|
@@ -2025,6 +2088,12 @@ declare global {
|
|
|
2025
2088
|
prototype: HTMLPtcStickySectionElement;
|
|
2026
2089
|
new (): HTMLPtcStickySectionElement;
|
|
2027
2090
|
};
|
|
2091
|
+
interface HTMLPtcStickyTitleElement extends Components.PtcStickyTitle, HTMLStencilElement {
|
|
2092
|
+
}
|
|
2093
|
+
var HTMLPtcStickyTitleElement: {
|
|
2094
|
+
prototype: HTMLPtcStickyTitleElement;
|
|
2095
|
+
new (): HTMLPtcStickyTitleElement;
|
|
2096
|
+
};
|
|
2028
2097
|
interface HTMLPtcSubnavElement extends Components.PtcSubnav, HTMLStencilElement {
|
|
2029
2098
|
}
|
|
2030
2099
|
var HTMLPtcSubnavElement: {
|
|
@@ -2170,17 +2239,20 @@ declare global {
|
|
|
2170
2239
|
"ptc-product-highlight-card": HTMLPtcProductHighlightCardElement;
|
|
2171
2240
|
"ptc-product-list": HTMLPtcProductListElement;
|
|
2172
2241
|
"ptc-product-sidebar": HTMLPtcProductSidebarElement;
|
|
2242
|
+
"ptc-progress-bar": HTMLPtcProgressBarElement;
|
|
2173
2243
|
"ptc-quote": HTMLPtcQuoteElement;
|
|
2174
2244
|
"ptc-readmore": HTMLPtcReadmoreElement;
|
|
2175
2245
|
"ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
|
|
2176
2246
|
"ptc-search-field": HTMLPtcSearchFieldElement;
|
|
2177
2247
|
"ptc-shopping-cart": HTMLPtcShoppingCartElement;
|
|
2178
2248
|
"ptc-skeleton": HTMLPtcSkeletonElement;
|
|
2249
|
+
"ptc-slit-card": HTMLPtcSlitCardElement;
|
|
2179
2250
|
"ptc-social-share": HTMLPtcSocialShareElement;
|
|
2180
2251
|
"ptc-spacer": HTMLPtcSpacerElement;
|
|
2181
2252
|
"ptc-span": HTMLPtcSpanElement;
|
|
2182
2253
|
"ptc-sticky-icons": HTMLPtcStickyIconsElement;
|
|
2183
2254
|
"ptc-sticky-section": HTMLPtcStickySectionElement;
|
|
2255
|
+
"ptc-sticky-title": HTMLPtcStickyTitleElement;
|
|
2184
2256
|
"ptc-subnav": HTMLPtcSubnavElement;
|
|
2185
2257
|
"ptc-subnav-card": HTMLPtcSubnavCardElement;
|
|
2186
2258
|
"ptc-svg-btn": HTMLPtcSvgBtnElement;
|
|
@@ -2279,6 +2351,10 @@ declare namespace LocalJSX {
|
|
|
2279
2351
|
"breakpoint"?: number;
|
|
2280
2352
|
"contentAlign"?: 'left' | 'center' | 'right';
|
|
2281
2353
|
"maxWidth"?: number;
|
|
2354
|
+
/**
|
|
2355
|
+
* (optional) Injected CSS Styles
|
|
2356
|
+
*/
|
|
2357
|
+
"styles"?: string;
|
|
2282
2358
|
}
|
|
2283
2359
|
interface MyComponent {
|
|
2284
2360
|
/**
|
|
@@ -2869,7 +2945,7 @@ declare namespace LocalJSX {
|
|
|
2869
2945
|
/**
|
|
2870
2946
|
* Theme
|
|
2871
2947
|
*/
|
|
2872
|
-
"theme"?: 'simple' | 'underline' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'nav-card-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'product-link' | 'd-green-underline' | 'd-white-underline' | 'global';
|
|
2948
|
+
"theme"?: 'simple' | 'underline' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'nav-card-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'product-link' | 'd-green-underline' | 'd-white-underline' | 'global' | 'standard-link';
|
|
2873
2949
|
}
|
|
2874
2950
|
interface PtcList {
|
|
2875
2951
|
"listItems"?: string[];
|
|
@@ -3367,6 +3443,8 @@ declare namespace LocalJSX {
|
|
|
3367
3443
|
"onSelectedResult"?: (event: PtcProductSidebarCustomEvent<any>) => void;
|
|
3368
3444
|
"suggestionList"?: { categoryName: string, products: string[] }[];
|
|
3369
3445
|
}
|
|
3446
|
+
interface PtcProgressBar {
|
|
3447
|
+
}
|
|
3370
3448
|
interface PtcQuote {
|
|
3371
3449
|
/**
|
|
3372
3450
|
* Button CTA Text
|
|
@@ -3466,6 +3544,40 @@ declare namespace LocalJSX {
|
|
|
3466
3544
|
"topMargin"?: string;
|
|
3467
3545
|
"width"?: string;
|
|
3468
3546
|
}
|
|
3547
|
+
interface PtcSlitCard {
|
|
3548
|
+
/**
|
|
3549
|
+
* Card Link URL (Optional)
|
|
3550
|
+
*/
|
|
3551
|
+
"cardHref"?: string;
|
|
3552
|
+
/**
|
|
3553
|
+
* (optional) Injected CSS styles
|
|
3554
|
+
*/
|
|
3555
|
+
"cardImage"?: string;
|
|
3556
|
+
/**
|
|
3557
|
+
* Card Type Specify Card Type, default to sim card
|
|
3558
|
+
*/
|
|
3559
|
+
"cardType"?: string;
|
|
3560
|
+
/**
|
|
3561
|
+
* Card heading
|
|
3562
|
+
*/
|
|
3563
|
+
"content"?: string;
|
|
3564
|
+
/**
|
|
3565
|
+
* Card heading
|
|
3566
|
+
*/
|
|
3567
|
+
"heading"?: string;
|
|
3568
|
+
/**
|
|
3569
|
+
* (optional) Link card rel
|
|
3570
|
+
*/
|
|
3571
|
+
"rel"?: string;
|
|
3572
|
+
/**
|
|
3573
|
+
* (optional) Injected CSS styles
|
|
3574
|
+
*/
|
|
3575
|
+
"styles"?: string;
|
|
3576
|
+
/**
|
|
3577
|
+
* (optional) Link card target
|
|
3578
|
+
*/
|
|
3579
|
+
"target"?: string;
|
|
3580
|
+
}
|
|
3469
3581
|
interface PtcSocialShare {
|
|
3470
3582
|
"display"?: 'inline-block' | 'block' | 'inline' | 'flex';
|
|
3471
3583
|
/**
|
|
@@ -3481,7 +3593,7 @@ declare namespace LocalJSX {
|
|
|
3481
3593
|
*/
|
|
3482
3594
|
"recipient"?: string;
|
|
3483
3595
|
"shareTitle"?: string;
|
|
3484
|
-
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
|
|
3596
|
+
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
|
|
3485
3597
|
/**
|
|
3486
3598
|
* Optional - source for linkedin
|
|
3487
3599
|
*/
|
|
@@ -3508,10 +3620,14 @@ declare namespace LocalJSX {
|
|
|
3508
3620
|
* Display
|
|
3509
3621
|
*/
|
|
3510
3622
|
"display"?: 'block' | 'inline-block' | 'inline';
|
|
3623
|
+
/**
|
|
3624
|
+
* Span weight
|
|
3625
|
+
*/
|
|
3626
|
+
"fontWeight"?: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
|
|
3511
3627
|
/**
|
|
3512
3628
|
* Span Style
|
|
3513
3629
|
*/
|
|
3514
|
-
"spanStyle"?: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller';
|
|
3630
|
+
"spanStyle"?: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller' | 'blog-tag';
|
|
3515
3631
|
/**
|
|
3516
3632
|
* Injected Styles
|
|
3517
3633
|
*/
|
|
@@ -3521,6 +3637,13 @@ declare namespace LocalJSX {
|
|
|
3521
3637
|
}
|
|
3522
3638
|
interface PtcStickySection {
|
|
3523
3639
|
}
|
|
3640
|
+
interface PtcStickyTitle {
|
|
3641
|
+
/**
|
|
3642
|
+
* bar title
|
|
3643
|
+
*/
|
|
3644
|
+
"barTitle"?: string;
|
|
3645
|
+
"logo"?: string;
|
|
3646
|
+
}
|
|
3524
3647
|
interface PtcSubnav {
|
|
3525
3648
|
}
|
|
3526
3649
|
interface PtcSubnavCard {
|
|
@@ -3808,17 +3931,20 @@ declare namespace LocalJSX {
|
|
|
3808
3931
|
"ptc-product-highlight-card": PtcProductHighlightCard;
|
|
3809
3932
|
"ptc-product-list": PtcProductList;
|
|
3810
3933
|
"ptc-product-sidebar": PtcProductSidebar;
|
|
3934
|
+
"ptc-progress-bar": PtcProgressBar;
|
|
3811
3935
|
"ptc-quote": PtcQuote;
|
|
3812
3936
|
"ptc-readmore": PtcReadmore;
|
|
3813
3937
|
"ptc-responsive-wrapper": PtcResponsiveWrapper;
|
|
3814
3938
|
"ptc-search-field": PtcSearchField;
|
|
3815
3939
|
"ptc-shopping-cart": PtcShoppingCart;
|
|
3816
3940
|
"ptc-skeleton": PtcSkeleton;
|
|
3941
|
+
"ptc-slit-card": PtcSlitCard;
|
|
3817
3942
|
"ptc-social-share": PtcSocialShare;
|
|
3818
3943
|
"ptc-spacer": PtcSpacer;
|
|
3819
3944
|
"ptc-span": PtcSpan;
|
|
3820
3945
|
"ptc-sticky-icons": PtcStickyIcons;
|
|
3821
3946
|
"ptc-sticky-section": PtcStickySection;
|
|
3947
|
+
"ptc-sticky-title": PtcStickyTitle;
|
|
3822
3948
|
"ptc-subnav": PtcSubnav;
|
|
3823
3949
|
"ptc-subnav-card": PtcSubnavCard;
|
|
3824
3950
|
"ptc-svg-btn": PtcSvgBtn;
|
|
@@ -3899,17 +4025,20 @@ declare module "@stencil/core" {
|
|
|
3899
4025
|
"ptc-product-highlight-card": LocalJSX.PtcProductHighlightCard & JSXBase.HTMLAttributes<HTMLPtcProductHighlightCardElement>;
|
|
3900
4026
|
"ptc-product-list": LocalJSX.PtcProductList & JSXBase.HTMLAttributes<HTMLPtcProductListElement>;
|
|
3901
4027
|
"ptc-product-sidebar": LocalJSX.PtcProductSidebar & JSXBase.HTMLAttributes<HTMLPtcProductSidebarElement>;
|
|
4028
|
+
"ptc-progress-bar": LocalJSX.PtcProgressBar & JSXBase.HTMLAttributes<HTMLPtcProgressBarElement>;
|
|
3902
4029
|
"ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
|
|
3903
4030
|
"ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
|
|
3904
4031
|
"ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
|
|
3905
4032
|
"ptc-search-field": LocalJSX.PtcSearchField & JSXBase.HTMLAttributes<HTMLPtcSearchFieldElement>;
|
|
3906
4033
|
"ptc-shopping-cart": LocalJSX.PtcShoppingCart & JSXBase.HTMLAttributes<HTMLPtcShoppingCartElement>;
|
|
3907
4034
|
"ptc-skeleton": LocalJSX.PtcSkeleton & JSXBase.HTMLAttributes<HTMLPtcSkeletonElement>;
|
|
4035
|
+
"ptc-slit-card": LocalJSX.PtcSlitCard & JSXBase.HTMLAttributes<HTMLPtcSlitCardElement>;
|
|
3908
4036
|
"ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;
|
|
3909
4037
|
"ptc-spacer": LocalJSX.PtcSpacer & JSXBase.HTMLAttributes<HTMLPtcSpacerElement>;
|
|
3910
4038
|
"ptc-span": LocalJSX.PtcSpan & JSXBase.HTMLAttributes<HTMLPtcSpanElement>;
|
|
3911
4039
|
"ptc-sticky-icons": LocalJSX.PtcStickyIcons & JSXBase.HTMLAttributes<HTMLPtcStickyIconsElement>;
|
|
3912
4040
|
"ptc-sticky-section": LocalJSX.PtcStickySection & JSXBase.HTMLAttributes<HTMLPtcStickySectionElement>;
|
|
4041
|
+
"ptc-sticky-title": LocalJSX.PtcStickyTitle & JSXBase.HTMLAttributes<HTMLPtcStickyTitleElement>;
|
|
3913
4042
|
"ptc-subnav": LocalJSX.PtcSubnav & JSXBase.HTMLAttributes<HTMLPtcSubnavElement>;
|
|
3914
4043
|
"ptc-subnav-card": LocalJSX.PtcSubnavCard & JSXBase.HTMLAttributes<HTMLPtcSubnavCardElement>;
|
|
3915
4044
|
"ptc-svg-btn": LocalJSX.PtcSvgBtn & JSXBase.HTMLAttributes<HTMLPtcSvgBtnElement>;
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|

|
|
2
2
|
|
|
3
|
-
# PTC Design 1.5.
|
|
3
|
+
# PTC Design 1.5.9
|
|
4
4
|
The site is the place for documentation on PTC Design System
|
|
5
5
|
|
|
6
6
|
## Building the Site
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-88135a6b.js');
|
|
6
|
-
|
|
7
|
-
const bundleJumbotronExampleCss = ":host{display:block}";
|
|
8
|
-
|
|
9
|
-
const BundleJumbotronExample = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.jumbotron = 'light';
|
|
13
|
-
this.isIframe = false;
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
let $pngSrc;
|
|
17
|
-
let $gifSrc;
|
|
18
|
-
let $bgVideoSrc;
|
|
19
|
-
let $bgSrc;
|
|
20
|
-
let $popupVideo;
|
|
21
|
-
//replace dummy data
|
|
22
|
-
if (this.jumbotron === 'light' || this.jumbotron === 'dark') {
|
|
23
|
-
$bgSrc =
|
|
24
|
-
'https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80';
|
|
25
|
-
}
|
|
26
|
-
else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
|
|
27
|
-
//$bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
|
|
28
|
-
// if is iframe use src from iframe
|
|
29
|
-
$bgVideoSrc = 'https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22&controls=0';
|
|
30
|
-
}
|
|
31
|
-
else if (this.jumbotron === 'png') {
|
|
32
|
-
$pngSrc =
|
|
33
|
-
'https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400';
|
|
34
|
-
}
|
|
35
|
-
else if (this.jumbotron === 'gif') {
|
|
36
|
-
$gifSrc = 'https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif';
|
|
37
|
-
}
|
|
38
|
-
//Optional: set $popupVideo
|
|
39
|
-
//$popupVideo = "https://www.youtube.com/embed/w0mJCtK9sDY";
|
|
40
|
-
return (index.h(index.Host, null, index.h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo ), { "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
|
|
41
|
-
,
|
|
42
|
-
"is-iframe": this.isIframe }), index.h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), index.h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), index.h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), index.h("ptc-title", { slot: "main-title", type: "h1", upperline: "no-upperline", "title-size": "xxxx-large", "title-height": "densest", "title-weight": "w-8", "title-margin": "margin-flush", "text-align": "left" // if type=text, text-align=center, otherwise left
|
|
43
|
-
,
|
|
44
|
-
"title-color": "gray" //if dark, dark-video then "gray-1"
|
|
45
|
-
}, index.h("ptc-tooltip", { "text-lines": "3", description: "Sed ut perspiciatis unde omnis iste natus", position: "right" })), index.h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), index.h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
BundleJumbotronExample.style = bundleJumbotronExampleCss;
|
|
49
|
-
|
|
50
|
-
exports.bundle_jumbotron_example = BundleJumbotronExample;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
let ResponsiveBgVariables = {
|
|
4
|
-
envs: ['xs', 'sm', 'md', 'lg'],
|
|
5
|
-
selector: '.ptc-img',
|
|
6
|
-
interval: 250
|
|
7
|
-
};
|
|
8
|
-
let ResponsivePictureVariables = {
|
|
9
|
-
envs: ['xs', 'sm', 'md', 'lg'],
|
|
10
|
-
selector: '.ptc-picture',
|
|
11
|
-
interval: 250
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.ResponsiveBgVariables = ResponsiveBgVariables;
|
|
15
|
-
exports.ResponsivePictureVariables = ResponsivePictureVariables;
|