@ptcwebops/ptcw-design 1.5.8 → 1.6.0
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/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 +103 -13
- 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-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/p-ff1585a9.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/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 +127 -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 -237
- 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 -231
- package/dist/esm/ptc-jumbotron.entry.js +0 -131
- package/dist/ptcw-design/p-0f8784e9.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-7db9319d.entry.js +0 -1
- package/dist/ptcw-design/p-e8c46d2e.entry.js +0 -1
- package/dist/ptcw-design/p-ee1183b2.js +0 -1
|
@@ -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
|
*/
|
|
@@ -657,7 +657,7 @@ export namespace Components {
|
|
|
657
657
|
/**
|
|
658
658
|
* Theme
|
|
659
659
|
*/
|
|
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';
|
|
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';
|
|
661
661
|
}
|
|
662
662
|
interface PtcList {
|
|
663
663
|
"listItems"?: string[];
|
|
@@ -1133,6 +1133,8 @@ export namespace Components {
|
|
|
1133
1133
|
interface PtcProductSidebar {
|
|
1134
1134
|
"suggestionList": { categoryName: string, products: string[] }[];
|
|
1135
1135
|
}
|
|
1136
|
+
interface PtcProgressBar {
|
|
1137
|
+
}
|
|
1136
1138
|
interface PtcQuote {
|
|
1137
1139
|
/**
|
|
1138
1140
|
* Button CTA Text
|
|
@@ -1231,6 +1233,40 @@ export namespace Components {
|
|
|
1231
1233
|
"topMargin": string;
|
|
1232
1234
|
"width": string;
|
|
1233
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
|
+
}
|
|
1234
1270
|
interface PtcSocialShare {
|
|
1235
1271
|
"display"?: 'inline-block' | 'block' | 'inline' | 'flex';
|
|
1236
1272
|
/**
|
|
@@ -1246,7 +1282,7 @@ export namespace Components {
|
|
|
1246
1282
|
*/
|
|
1247
1283
|
"recipient"?: string;
|
|
1248
1284
|
"shareTitle": string;
|
|
1249
|
-
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
|
|
1285
|
+
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
|
|
1250
1286
|
/**
|
|
1251
1287
|
* Optional - source for linkedin
|
|
1252
1288
|
*/
|
|
@@ -1273,10 +1309,14 @@ export namespace Components {
|
|
|
1273
1309
|
* Display
|
|
1274
1310
|
*/
|
|
1275
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';
|
|
1276
1316
|
/**
|
|
1277
1317
|
* Span Style
|
|
1278
1318
|
*/
|
|
1279
|
-
"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';
|
|
1280
1320
|
/**
|
|
1281
1321
|
* Injected Styles
|
|
1282
1322
|
*/
|
|
@@ -1286,6 +1326,13 @@ export namespace Components {
|
|
|
1286
1326
|
}
|
|
1287
1327
|
interface PtcStickySection {
|
|
1288
1328
|
}
|
|
1329
|
+
interface PtcStickyTitle {
|
|
1330
|
+
/**
|
|
1331
|
+
* bar title
|
|
1332
|
+
*/
|
|
1333
|
+
"barTitle": string;
|
|
1334
|
+
"logo": string;
|
|
1335
|
+
}
|
|
1289
1336
|
interface PtcSubnav {
|
|
1290
1337
|
}
|
|
1291
1338
|
interface PtcSubnavCard {
|
|
@@ -1963,6 +2010,12 @@ declare global {
|
|
|
1963
2010
|
prototype: HTMLPtcProductSidebarElement;
|
|
1964
2011
|
new (): HTMLPtcProductSidebarElement;
|
|
1965
2012
|
};
|
|
2013
|
+
interface HTMLPtcProgressBarElement extends Components.PtcProgressBar, HTMLStencilElement {
|
|
2014
|
+
}
|
|
2015
|
+
var HTMLPtcProgressBarElement: {
|
|
2016
|
+
prototype: HTMLPtcProgressBarElement;
|
|
2017
|
+
new (): HTMLPtcProgressBarElement;
|
|
2018
|
+
};
|
|
1966
2019
|
interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
|
|
1967
2020
|
}
|
|
1968
2021
|
var HTMLPtcQuoteElement: {
|
|
@@ -1999,6 +2052,12 @@ declare global {
|
|
|
1999
2052
|
prototype: HTMLPtcSkeletonElement;
|
|
2000
2053
|
new (): HTMLPtcSkeletonElement;
|
|
2001
2054
|
};
|
|
2055
|
+
interface HTMLPtcSlitCardElement extends Components.PtcSlitCard, HTMLStencilElement {
|
|
2056
|
+
}
|
|
2057
|
+
var HTMLPtcSlitCardElement: {
|
|
2058
|
+
prototype: HTMLPtcSlitCardElement;
|
|
2059
|
+
new (): HTMLPtcSlitCardElement;
|
|
2060
|
+
};
|
|
2002
2061
|
interface HTMLPtcSocialShareElement extends Components.PtcSocialShare, HTMLStencilElement {
|
|
2003
2062
|
}
|
|
2004
2063
|
var HTMLPtcSocialShareElement: {
|
|
@@ -2029,6 +2088,12 @@ declare global {
|
|
|
2029
2088
|
prototype: HTMLPtcStickySectionElement;
|
|
2030
2089
|
new (): HTMLPtcStickySectionElement;
|
|
2031
2090
|
};
|
|
2091
|
+
interface HTMLPtcStickyTitleElement extends Components.PtcStickyTitle, HTMLStencilElement {
|
|
2092
|
+
}
|
|
2093
|
+
var HTMLPtcStickyTitleElement: {
|
|
2094
|
+
prototype: HTMLPtcStickyTitleElement;
|
|
2095
|
+
new (): HTMLPtcStickyTitleElement;
|
|
2096
|
+
};
|
|
2032
2097
|
interface HTMLPtcSubnavElement extends Components.PtcSubnav, HTMLStencilElement {
|
|
2033
2098
|
}
|
|
2034
2099
|
var HTMLPtcSubnavElement: {
|
|
@@ -2174,17 +2239,20 @@ declare global {
|
|
|
2174
2239
|
"ptc-product-highlight-card": HTMLPtcProductHighlightCardElement;
|
|
2175
2240
|
"ptc-product-list": HTMLPtcProductListElement;
|
|
2176
2241
|
"ptc-product-sidebar": HTMLPtcProductSidebarElement;
|
|
2242
|
+
"ptc-progress-bar": HTMLPtcProgressBarElement;
|
|
2177
2243
|
"ptc-quote": HTMLPtcQuoteElement;
|
|
2178
2244
|
"ptc-readmore": HTMLPtcReadmoreElement;
|
|
2179
2245
|
"ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
|
|
2180
2246
|
"ptc-search-field": HTMLPtcSearchFieldElement;
|
|
2181
2247
|
"ptc-shopping-cart": HTMLPtcShoppingCartElement;
|
|
2182
2248
|
"ptc-skeleton": HTMLPtcSkeletonElement;
|
|
2249
|
+
"ptc-slit-card": HTMLPtcSlitCardElement;
|
|
2183
2250
|
"ptc-social-share": HTMLPtcSocialShareElement;
|
|
2184
2251
|
"ptc-spacer": HTMLPtcSpacerElement;
|
|
2185
2252
|
"ptc-span": HTMLPtcSpanElement;
|
|
2186
2253
|
"ptc-sticky-icons": HTMLPtcStickyIconsElement;
|
|
2187
2254
|
"ptc-sticky-section": HTMLPtcStickySectionElement;
|
|
2255
|
+
"ptc-sticky-title": HTMLPtcStickyTitleElement;
|
|
2188
2256
|
"ptc-subnav": HTMLPtcSubnavElement;
|
|
2189
2257
|
"ptc-subnav-card": HTMLPtcSubnavCardElement;
|
|
2190
2258
|
"ptc-svg-btn": HTMLPtcSvgBtnElement;
|
|
@@ -2877,7 +2945,7 @@ declare namespace LocalJSX {
|
|
|
2877
2945
|
/**
|
|
2878
2946
|
* Theme
|
|
2879
2947
|
*/
|
|
2880
|
-
"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';
|
|
2881
2949
|
}
|
|
2882
2950
|
interface PtcList {
|
|
2883
2951
|
"listItems"?: string[];
|
|
@@ -3375,6 +3443,8 @@ declare namespace LocalJSX {
|
|
|
3375
3443
|
"onSelectedResult"?: (event: PtcProductSidebarCustomEvent<any>) => void;
|
|
3376
3444
|
"suggestionList"?: { categoryName: string, products: string[] }[];
|
|
3377
3445
|
}
|
|
3446
|
+
interface PtcProgressBar {
|
|
3447
|
+
}
|
|
3378
3448
|
interface PtcQuote {
|
|
3379
3449
|
/**
|
|
3380
3450
|
* Button CTA Text
|
|
@@ -3474,6 +3544,40 @@ declare namespace LocalJSX {
|
|
|
3474
3544
|
"topMargin"?: string;
|
|
3475
3545
|
"width"?: string;
|
|
3476
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
|
+
}
|
|
3477
3581
|
interface PtcSocialShare {
|
|
3478
3582
|
"display"?: 'inline-block' | 'block' | 'inline' | 'flex';
|
|
3479
3583
|
/**
|
|
@@ -3489,7 +3593,7 @@ declare namespace LocalJSX {
|
|
|
3489
3593
|
*/
|
|
3490
3594
|
"recipient"?: string;
|
|
3491
3595
|
"shareTitle"?: string;
|
|
3492
|
-
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
|
|
3596
|
+
"shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
|
|
3493
3597
|
/**
|
|
3494
3598
|
* Optional - source for linkedin
|
|
3495
3599
|
*/
|
|
@@ -3516,10 +3620,14 @@ declare namespace LocalJSX {
|
|
|
3516
3620
|
* Display
|
|
3517
3621
|
*/
|
|
3518
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';
|
|
3519
3627
|
/**
|
|
3520
3628
|
* Span Style
|
|
3521
3629
|
*/
|
|
3522
|
-
"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';
|
|
3523
3631
|
/**
|
|
3524
3632
|
* Injected Styles
|
|
3525
3633
|
*/
|
|
@@ -3529,6 +3637,13 @@ declare namespace LocalJSX {
|
|
|
3529
3637
|
}
|
|
3530
3638
|
interface PtcStickySection {
|
|
3531
3639
|
}
|
|
3640
|
+
interface PtcStickyTitle {
|
|
3641
|
+
/**
|
|
3642
|
+
* bar title
|
|
3643
|
+
*/
|
|
3644
|
+
"barTitle"?: string;
|
|
3645
|
+
"logo"?: string;
|
|
3646
|
+
}
|
|
3532
3647
|
interface PtcSubnav {
|
|
3533
3648
|
}
|
|
3534
3649
|
interface PtcSubnavCard {
|
|
@@ -3816,17 +3931,20 @@ declare namespace LocalJSX {
|
|
|
3816
3931
|
"ptc-product-highlight-card": PtcProductHighlightCard;
|
|
3817
3932
|
"ptc-product-list": PtcProductList;
|
|
3818
3933
|
"ptc-product-sidebar": PtcProductSidebar;
|
|
3934
|
+
"ptc-progress-bar": PtcProgressBar;
|
|
3819
3935
|
"ptc-quote": PtcQuote;
|
|
3820
3936
|
"ptc-readmore": PtcReadmore;
|
|
3821
3937
|
"ptc-responsive-wrapper": PtcResponsiveWrapper;
|
|
3822
3938
|
"ptc-search-field": PtcSearchField;
|
|
3823
3939
|
"ptc-shopping-cart": PtcShoppingCart;
|
|
3824
3940
|
"ptc-skeleton": PtcSkeleton;
|
|
3941
|
+
"ptc-slit-card": PtcSlitCard;
|
|
3825
3942
|
"ptc-social-share": PtcSocialShare;
|
|
3826
3943
|
"ptc-spacer": PtcSpacer;
|
|
3827
3944
|
"ptc-span": PtcSpan;
|
|
3828
3945
|
"ptc-sticky-icons": PtcStickyIcons;
|
|
3829
3946
|
"ptc-sticky-section": PtcStickySection;
|
|
3947
|
+
"ptc-sticky-title": PtcStickyTitle;
|
|
3830
3948
|
"ptc-subnav": PtcSubnav;
|
|
3831
3949
|
"ptc-subnav-card": PtcSubnavCard;
|
|
3832
3950
|
"ptc-svg-btn": PtcSvgBtn;
|
|
@@ -3907,17 +4025,20 @@ declare module "@stencil/core" {
|
|
|
3907
4025
|
"ptc-product-highlight-card": LocalJSX.PtcProductHighlightCard & JSXBase.HTMLAttributes<HTMLPtcProductHighlightCardElement>;
|
|
3908
4026
|
"ptc-product-list": LocalJSX.PtcProductList & JSXBase.HTMLAttributes<HTMLPtcProductListElement>;
|
|
3909
4027
|
"ptc-product-sidebar": LocalJSX.PtcProductSidebar & JSXBase.HTMLAttributes<HTMLPtcProductSidebarElement>;
|
|
4028
|
+
"ptc-progress-bar": LocalJSX.PtcProgressBar & JSXBase.HTMLAttributes<HTMLPtcProgressBarElement>;
|
|
3910
4029
|
"ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
|
|
3911
4030
|
"ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
|
|
3912
4031
|
"ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
|
|
3913
4032
|
"ptc-search-field": LocalJSX.PtcSearchField & JSXBase.HTMLAttributes<HTMLPtcSearchFieldElement>;
|
|
3914
4033
|
"ptc-shopping-cart": LocalJSX.PtcShoppingCart & JSXBase.HTMLAttributes<HTMLPtcShoppingCartElement>;
|
|
3915
4034
|
"ptc-skeleton": LocalJSX.PtcSkeleton & JSXBase.HTMLAttributes<HTMLPtcSkeletonElement>;
|
|
4035
|
+
"ptc-slit-card": LocalJSX.PtcSlitCard & JSXBase.HTMLAttributes<HTMLPtcSlitCardElement>;
|
|
3916
4036
|
"ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;
|
|
3917
4037
|
"ptc-spacer": LocalJSX.PtcSpacer & JSXBase.HTMLAttributes<HTMLPtcSpacerElement>;
|
|
3918
4038
|
"ptc-span": LocalJSX.PtcSpan & JSXBase.HTMLAttributes<HTMLPtcSpanElement>;
|
|
3919
4039
|
"ptc-sticky-icons": LocalJSX.PtcStickyIcons & JSXBase.HTMLAttributes<HTMLPtcStickyIconsElement>;
|
|
3920
4040
|
"ptc-sticky-section": LocalJSX.PtcStickySection & JSXBase.HTMLAttributes<HTMLPtcStickySectionElement>;
|
|
4041
|
+
"ptc-sticky-title": LocalJSX.PtcStickyTitle & JSXBase.HTMLAttributes<HTMLPtcStickyTitleElement>;
|
|
3921
4042
|
"ptc-subnav": LocalJSX.PtcSubnav & JSXBase.HTMLAttributes<HTMLPtcSubnavElement>;
|
|
3922
4043
|
"ptc-subnav-card": LocalJSX.PtcSubnavCard & JSXBase.HTMLAttributes<HTMLPtcSubnavCardElement>;
|
|
3923
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.
|
|
3
|
+
# PTC Design 1.6.0
|
|
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;
|