@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.
Files changed (97) hide show
  1. package/dist/cjs/{icon-asset_16.cjs.entry.js → bundle-jumbotron-example_14.cjs.entry.js} +401 -407
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/ptc-back-to-top.cjs.entry.js +46 -0
  4. package/dist/cjs/ptc-card.cjs.entry.js +1 -1
  5. package/dist/cjs/ptc-link.cjs.entry.js +1 -1
  6. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  7. package/dist/cjs/ptc-product-card.cjs.entry.js +33 -0
  8. package/dist/cjs/ptc-product-category.cjs.entry.js +21 -0
  9. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +80 -0
  10. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +23 -0
  11. package/dist/cjs/ptc-product-list.cjs.entry.js +128 -0
  12. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +130 -0
  13. package/dist/cjs/{ptc-social-share.cjs.entry.js → ptc-progress-bar_2.cjs.entry.js} +26 -5
  14. package/dist/cjs/ptc-slit-card.cjs.entry.js +36 -0
  15. package/dist/cjs/ptc-span.cjs.entry.js +3 -1
  16. package/dist/cjs/ptc-sticky-title.cjs.entry.js +34 -0
  17. package/dist/cjs/ptcw-design.cjs.js +1 -1
  18. package/dist/collection/collection-manifest.json +3 -0
  19. package/dist/collection/components/icon-asset/media/designer.svg +36 -0
  20. package/dist/collection/components/ptc-card/ptc-card.css +4 -4
  21. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +48 -0
  22. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +1 -1
  23. package/dist/collection/components/ptc-link/ptc-link.css +23 -1
  24. package/dist/collection/components/ptc-link/ptc-link.js +2 -2
  25. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +48 -0
  26. package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.css +13 -0
  27. package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -0
  28. package/dist/collection/components/ptc-slit-card/ptc-slit-card.css +64 -0
  29. package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -0
  30. package/dist/collection/components/ptc-social-share/ptc-social-share.js +7 -7
  31. package/dist/collection/components/ptc-span/ptc-span.css +34 -0
  32. package/dist/collection/components/ptc-span/ptc-span.js +22 -2
  33. package/dist/collection/components/ptc-sticky-title/media/logo.png +0 -0
  34. package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.css +115 -0
  35. package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -0
  36. package/dist/custom-elements/index.d.ts +18 -0
  37. package/dist/custom-elements/index.js +103 -13
  38. package/dist/esm/{icon-asset_16.entry.js → bundle-jumbotron-example_14.entry.js} +396 -400
  39. package/dist/esm/loader.js +1 -1
  40. package/dist/esm/ptc-back-to-top.entry.js +42 -0
  41. package/dist/esm/ptc-card.entry.js +1 -1
  42. package/dist/esm/ptc-link.entry.js +1 -1
  43. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  44. package/dist/esm/ptc-product-card.entry.js +29 -0
  45. package/dist/esm/ptc-product-category.entry.js +17 -0
  46. package/dist/esm/ptc-product-dropdown.entry.js +76 -0
  47. package/dist/esm/ptc-product-highlight-card.entry.js +19 -0
  48. package/dist/esm/ptc-product-list.entry.js +124 -0
  49. package/dist/esm/ptc-product-sidebar.entry.js +126 -0
  50. package/dist/esm/{ptc-social-share.entry.js → ptc-progress-bar_2.entry.js} +26 -6
  51. package/dist/esm/ptc-slit-card.entry.js +32 -0
  52. package/dist/esm/ptc-span.entry.js +3 -1
  53. package/dist/esm/ptc-sticky-title.entry.js +30 -0
  54. package/dist/esm/ptcw-design.js +1 -1
  55. package/dist/ptcw-design/media/designer.svg +36 -0
  56. package/dist/ptcw-design/media/logo.png +0 -0
  57. package/dist/ptcw-design/{p-9703a463.entry.js → p-046b0224.entry.js} +1 -1
  58. package/dist/ptcw-design/p-19ec063d.entry.js +1 -0
  59. package/dist/ptcw-design/{p-078e0f3d.entry.js → p-2404b2db.entry.js} +1 -1
  60. package/dist/ptcw-design/p-43e72cf0.entry.js +1 -0
  61. package/dist/ptcw-design/p-49dc9b68.entry.js +1 -0
  62. package/dist/ptcw-design/p-65513c45.entry.js +1 -0
  63. package/dist/ptcw-design/p-798c2328.entry.js +1 -0
  64. package/dist/ptcw-design/p-8148b960.entry.js +1 -0
  65. package/dist/ptcw-design/p-ac5dfbd0.entry.js +1 -0
  66. package/dist/ptcw-design/p-af3a4142.entry.js +1 -0
  67. package/dist/ptcw-design/p-c26920ef.entry.js +1 -0
  68. package/dist/ptcw-design/{p-325b2d5c.entry.js → p-c2c85e61.entry.js} +1 -1
  69. package/dist/ptcw-design/p-cd44eedb.entry.js +1 -0
  70. package/dist/ptcw-design/p-e341cb46.entry.js +1 -0
  71. package/dist/ptcw-design/p-ff1585a9.entry.js +1 -0
  72. package/dist/ptcw-design/ptcw-design.css +1 -1
  73. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  74. package/dist/types/components/ptc-link/ptc-link.d.ts +1 -1
  75. package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -0
  76. package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -0
  77. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +1 -1
  78. package/dist/types/components/ptc-span/ptc-span.d.ts +5 -1
  79. package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -0
  80. package/dist/types/components.d.ts +127 -6
  81. package/package.json +1 -1
  82. package/readme.md +1 -1
  83. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +0 -50
  84. package/dist/cjs/interfaces-574e6df7.js +0 -15
  85. package/dist/cjs/max-width-container_3.cjs.entry.js +0 -237
  86. package/dist/cjs/ptc-jumbotron.cjs.entry.js +0 -135
  87. package/dist/esm/bundle-jumbotron-example.entry.js +0 -46
  88. package/dist/esm/interfaces-7c0243be.js +0 -12
  89. package/dist/esm/max-width-container_3.entry.js +0 -231
  90. package/dist/esm/ptc-jumbotron.entry.js +0 -131
  91. package/dist/ptcw-design/p-0f8784e9.entry.js +0 -1
  92. package/dist/ptcw-design/p-609d4967.entry.js +0 -1
  93. package/dist/ptcw-design/p-6e8222ce.entry.js +0 -1
  94. package/dist/ptcw-design/p-73ea7065.entry.js +0 -1
  95. package/dist/ptcw-design/p-7db9319d.entry.js +0 -1
  96. package/dist/ptcw-design/p-e8c46d2e.entry.js +0 -1
  97. 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
  */
@@ -0,0 +1,8 @@
1
+ export declare class PtcStickyTitle {
2
+ /**bar title */
3
+ barTitle: string;
4
+ isSticky: boolean;
5
+ logo: string;
6
+ handleScroll(): void;
7
+ render(): any;
8
+ }
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ptcwebops/ptcw-design",
3
- "version": "1.5.8",
3
+ "version": "1.6.0",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "./dist/index.js",
package/readme.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
2
2
 
3
- # PTC Design 1.5.8
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;