@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.
Files changed (99) 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/max-width-container/max-width-container.js +19 -1
  21. package/dist/collection/components/ptc-card/ptc-card.css +4 -4
  22. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +48 -0
  23. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +1 -1
  24. package/dist/collection/components/ptc-link/ptc-link.css +23 -1
  25. package/dist/collection/components/ptc-link/ptc-link.js +2 -2
  26. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +48 -0
  27. package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.css +13 -0
  28. package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -0
  29. package/dist/collection/components/ptc-slit-card/ptc-slit-card.css +64 -0
  30. package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -0
  31. package/dist/collection/components/ptc-social-share/ptc-social-share.js +7 -7
  32. package/dist/collection/components/ptc-span/ptc-span.css +34 -0
  33. package/dist/collection/components/ptc-span/ptc-span.js +22 -2
  34. package/dist/collection/components/ptc-sticky-title/media/logo.png +0 -0
  35. package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.css +115 -0
  36. package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -0
  37. package/dist/custom-elements/index.d.ts +18 -0
  38. package/dist/custom-elements/index.js +106 -15
  39. package/dist/esm/{icon-asset_16.entry.js → bundle-jumbotron-example_14.entry.js} +396 -400
  40. package/dist/esm/loader.js +1 -1
  41. package/dist/esm/ptc-back-to-top.entry.js +42 -0
  42. package/dist/esm/ptc-card.entry.js +1 -1
  43. package/dist/esm/ptc-link.entry.js +1 -1
  44. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  45. package/dist/esm/ptc-product-card.entry.js +29 -0
  46. package/dist/esm/ptc-product-category.entry.js +17 -0
  47. package/dist/esm/ptc-product-dropdown.entry.js +76 -0
  48. package/dist/esm/ptc-product-highlight-card.entry.js +19 -0
  49. package/dist/esm/ptc-product-list.entry.js +124 -0
  50. package/dist/esm/ptc-product-sidebar.entry.js +126 -0
  51. package/dist/esm/{ptc-social-share.entry.js → ptc-progress-bar_2.entry.js} +26 -6
  52. package/dist/esm/ptc-slit-card.entry.js +32 -0
  53. package/dist/esm/ptc-span.entry.js +3 -1
  54. package/dist/esm/ptc-sticky-title.entry.js +30 -0
  55. package/dist/esm/ptcw-design.js +1 -1
  56. package/dist/ptcw-design/media/designer.svg +36 -0
  57. package/dist/ptcw-design/media/logo.png +0 -0
  58. package/dist/ptcw-design/{p-9703a463.entry.js → p-046b0224.entry.js} +1 -1
  59. package/dist/ptcw-design/p-19ec063d.entry.js +1 -0
  60. package/dist/ptcw-design/{p-078e0f3d.entry.js → p-2404b2db.entry.js} +1 -1
  61. package/dist/ptcw-design/p-43e72cf0.entry.js +1 -0
  62. package/dist/ptcw-design/p-49dc9b68.entry.js +1 -0
  63. package/dist/ptcw-design/p-65513c45.entry.js +1 -0
  64. package/dist/ptcw-design/p-6c08595d.entry.js +1 -0
  65. package/dist/ptcw-design/p-798c2328.entry.js +1 -0
  66. package/dist/ptcw-design/p-8148b960.entry.js +1 -0
  67. package/dist/ptcw-design/p-ac5dfbd0.entry.js +1 -0
  68. package/dist/ptcw-design/p-af3a4142.entry.js +1 -0
  69. package/dist/ptcw-design/p-c26920ef.entry.js +1 -0
  70. package/dist/ptcw-design/{p-325b2d5c.entry.js → p-c2c85e61.entry.js} +1 -1
  71. package/dist/ptcw-design/p-cd44eedb.entry.js +1 -0
  72. package/dist/ptcw-design/p-e341cb46.entry.js +1 -0
  73. package/dist/ptcw-design/ptcw-design.css +1 -1
  74. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  75. package/dist/types/components/max-width-container/max-width-container.d.ts +4 -0
  76. package/dist/types/components/ptc-link/ptc-link.d.ts +1 -1
  77. package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -0
  78. package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -0
  79. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +1 -1
  80. package/dist/types/components/ptc-span/ptc-span.d.ts +5 -1
  81. package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -0
  82. package/dist/types/components.d.ts +135 -6
  83. package/package.json +1 -1
  84. package/readme.md +1 -1
  85. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +0 -50
  86. package/dist/cjs/interfaces-574e6df7.js +0 -15
  87. package/dist/cjs/max-width-container_3.cjs.entry.js +0 -236
  88. package/dist/cjs/ptc-jumbotron.cjs.entry.js +0 -135
  89. package/dist/esm/bundle-jumbotron-example.entry.js +0 -46
  90. package/dist/esm/interfaces-7c0243be.js +0 -12
  91. package/dist/esm/max-width-container_3.entry.js +0 -230
  92. package/dist/esm/ptc-jumbotron.entry.js +0 -131
  93. package/dist/ptcw-design/p-0f8784e9.entry.js +0 -1
  94. package/dist/ptcw-design/p-45771c7d.entry.js +0 -1
  95. package/dist/ptcw-design/p-609d4967.entry.js +0 -1
  96. package/dist/ptcw-design/p-6e8222ce.entry.js +0 -1
  97. package/dist/ptcw-design/p-73ea7065.entry.js +0 -1
  98. package/dist/ptcw-design/p-7c0ee168.entry.js +0 -1
  99. 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,5 @@
1
+ export declare class PtcProgressBar {
2
+ scrollPercentage: number;
3
+ handleScroll(): void;
4
+ render(): any;
5
+ }
@@ -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
+ }
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ptcwebops/ptcw-design",
3
- "version": "1.5.7",
3
+ "version": "1.5.9",
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.7
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;