@ptcwebops/ptcw-design 1.5.3 → 1.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +50 -0
  2. package/dist/cjs/{bundle-jumbotron-example_14.cjs.entry.js → icon-asset_16.cjs.entry.js} +416 -405
  3. package/dist/cjs/interfaces-0ecd8027.js +15 -0
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/max-width-container_3.cjs.entry.js +236 -0
  6. package/dist/cjs/ptc-jumbotron.cjs.entry.js +135 -0
  7. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  8. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +2 -1
  9. package/dist/cjs/ptcw-design.cjs.js +1 -1
  10. package/dist/collection/collection-manifest.json +7 -0
  11. package/dist/collection/components/list-item/list-item.css +15 -0
  12. package/dist/collection/components/list-item/list-item.js +2 -2
  13. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +30 -0
  14. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +61 -0
  15. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +33 -12
  16. package/dist/collection/components/ptc-picture/ptc-picture.css +7 -1
  17. package/dist/collection/components/ptc-picture/ptc-picture.js +20 -0
  18. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +33 -12
  19. package/dist/collection/components/ptc-product-card/ptc-product-card.css +61 -0
  20. package/dist/collection/components/ptc-product-card/ptc-product-card.js +179 -0
  21. package/dist/collection/components/ptc-product-category/ptc-product-category.css +4 -0
  22. package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -0
  23. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +79 -0
  24. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -0
  25. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +11 -0
  26. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -0
  27. package/dist/collection/components/ptc-product-list/ptc-product-list.css +23 -0
  28. package/dist/collection/components/ptc-product-list/ptc-product-list.js +171 -0
  29. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +150 -0
  30. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +237 -0
  31. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +2 -1
  32. package/dist/collection/components/ptc-title/ptc-title.css +8 -0
  33. package/dist/collection/components/ptc-title/ptc-title.js +2 -2
  34. package/dist/collection/components/ptc-tooltip/ptc-tooltip.css +9 -0
  35. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +21 -1
  36. package/dist/custom-elements/index.d.ts +42 -0
  37. package/dist/custom-elements/index.js +456 -11
  38. package/dist/esm/bundle-jumbotron-example.entry.js +46 -0
  39. package/dist/esm/{bundle-jumbotron-example_14.entry.js → icon-asset_16.entry.js} +409 -400
  40. package/dist/esm/interfaces-c1c73092.js +12 -0
  41. package/dist/esm/loader.js +1 -1
  42. package/dist/esm/max-width-container_3.entry.js +230 -0
  43. package/dist/esm/ptc-jumbotron.entry.js +131 -0
  44. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  45. package/dist/esm/ptc-text-copy-with-background.entry.js +2 -1
  46. package/dist/esm/ptcw-design.js +1 -1
  47. package/dist/ptcw-design/p-50e52c88.js +1 -0
  48. package/dist/ptcw-design/p-6927c111.entry.js +1 -0
  49. package/dist/ptcw-design/p-73ea7065.entry.js +1 -0
  50. package/dist/ptcw-design/p-9379f3b6.entry.js +1 -0
  51. package/dist/ptcw-design/p-a0ead888.entry.js +1 -0
  52. package/dist/ptcw-design/{p-face0c41.entry.js → p-e2c96087.entry.js} +1 -1
  53. package/dist/ptcw-design/p-f9129612.entry.js +1 -0
  54. package/dist/ptcw-design/ptcw-design.css +2 -2
  55. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  56. package/dist/types/components/list-item/list-item.d.ts +1 -1
  57. package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +9 -0
  58. package/dist/types/components/ptc-picture/ptc-picture.d.ts +4 -0
  59. package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +39 -0
  60. package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -0
  61. package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -0
  62. package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -0
  63. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +17 -0
  64. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +30 -0
  65. package/dist/types/components/ptc-title/ptc-title.d.ts +1 -1
  66. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +4 -0
  67. package/dist/types/components.d.ts +229 -4
  68. package/package.json +1 -1
  69. package/readme.md +1 -1
  70. package/dist/ptcw-design/p-81bd0113.entry.js +0 -1
  71. package/dist/ptcw-design/p-df275994.entry.js +0 -1
@@ -0,0 +1,9 @@
1
+ export declare class PtcBackToTop {
2
+ showButton: boolean;
3
+ componentDidLoad(): void;
4
+ disconnectedCallback(): void;
5
+ handleScroll: () => void;
6
+ handleClick(): void;
7
+ scrollToTop(): void;
8
+ render(): any;
9
+ }
@@ -79,6 +79,10 @@ export declare class PtcPicture {
79
79
  * Just put numbers without unit
80
80
  **/
81
81
  maxWidth?: string;
82
+ /**
83
+ * Display image: inline, inline-block, block
84
+ **/
85
+ displayImage?: 'inline' | 'inline-block' | 'block';
82
86
  WindowResize(): void;
83
87
  io: IntersectionObserver;
84
88
  componentDidLoad(): void;
@@ -0,0 +1,39 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcProductCard {
3
+ hostElement: HTMLElement;
4
+ /**
5
+ *
6
+ * cardTitle
7
+ */
8
+ cardTitle?: string;
9
+ /**
10
+ *
11
+ * cardImage
12
+ */
13
+ cardImage?: string;
14
+ /**
15
+ *
16
+ * cardImageAltText
17
+ */
18
+ cardImageAltText?: string;
19
+ /**
20
+ *
21
+ * cardDescription
22
+ */
23
+ cardDescription?: string;
24
+ /**
25
+ *
26
+ * cardCtaText
27
+ */
28
+ cardCtaText?: string;
29
+ /**
30
+ *
31
+ * toggleCtaTitle
32
+ */
33
+ toggleCtaTitle?: string;
34
+ isOpen: boolean;
35
+ isOpenProductHighlight: EventEmitter;
36
+ togglePanel(): void;
37
+ isSlotEmpty: boolean;
38
+ render(): any;
39
+ }
@@ -0,0 +1,5 @@
1
+ export declare class PtcProductCategory {
2
+ categoryTitle?: string;
3
+ categoryDescription?: string;
4
+ render(): any;
5
+ }
@@ -0,0 +1,18 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcProductDropdown {
3
+ hostElement: HTMLElement;
4
+ internalOptions: string[];
5
+ newOptions: string[];
6
+ selectedOptions: string[];
7
+ placeholder: string;
8
+ selectedValues: EventEmitter;
9
+ dropdownTouched: EventEmitter;
10
+ isOpen: boolean;
11
+ parseOptions(): void;
12
+ toggleDropdown(): void;
13
+ handleSearchResult(event: CustomEvent): void;
14
+ handleinputChanged(event: CustomEvent): void;
15
+ handleCheckboxChange(option: string): void;
16
+ componentWillLoad(): void;
17
+ render(): any;
18
+ }
@@ -0,0 +1,23 @@
1
+ export declare class PtcProductHighlightCard {
2
+ /**
3
+ *
4
+ * cardTitle
5
+ */
6
+ cardTitle?: string;
7
+ /**
8
+ *
9
+ * cardImage
10
+ */
11
+ cardImage?: string;
12
+ /**
13
+ *
14
+ * cardImageAltText
15
+ */
16
+ cardImageAltText?: string;
17
+ /**
18
+ *
19
+ * cardDescription
20
+ */
21
+ cardDescription?: string;
22
+ render(): any;
23
+ }
@@ -0,0 +1,17 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcProductList {
3
+ hostElement: HTMLElement;
4
+ title?: string;
5
+ noresultSection: any;
6
+ productList: any;
7
+ clearCtaClicked: EventEmitter;
8
+ handleSearchResult(event: CustomEvent): void;
9
+ handleMultipleSearchResult(event: CustomEvent): void;
10
+ handleEmptyResult(event: CustomEvent): void;
11
+ sortMultipleCards(searchItems: string[]): void;
12
+ sortCards(searchItem: any): void;
13
+ componentDidLoad(): void;
14
+ handleClick(event: MouseEvent): void;
15
+ addIds(): void;
16
+ render(): any;
17
+ }
@@ -0,0 +1,30 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcProductSidebar {
3
+ hostElement: HTMLElement;
4
+ searchTerm: string;
5
+ suggestions: string[];
6
+ selectedResult: EventEmitter;
7
+ clearsearch: EventEmitter;
8
+ inputChanged: EventEmitter;
9
+ emptyResult: EventEmitter;
10
+ serachInput: HTMLElement;
11
+ categoryListHTML: any;
12
+ productListWrap: any;
13
+ clearBtn: any;
14
+ suggestionList: {
15
+ categoryName: string;
16
+ products: string[];
17
+ }[];
18
+ componentWillLoad(): void;
19
+ componentDidLoad(): void;
20
+ getDomData(): void;
21
+ handleInputChange(event: Event): void;
22
+ getSuggestions(): void;
23
+ handleSelectSuggestion(suggestion: string, event: MouseEvent): void;
24
+ handleKeyUp(e: any): void;
25
+ clearSearch(event: MouseEvent): void;
26
+ handleDropdownTouched(event: CustomEvent): void;
27
+ handleClick(): void;
28
+ handleclearCtaClicked(event: CustomEvent): void;
29
+ render(): any;
30
+ }
@@ -34,7 +34,7 @@ export declare class PtcTitle {
34
34
  /**
35
35
  * Title size
36
36
  */
37
- titleSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-store';
37
+ titleSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-desktop' | 'xxxx-large-store';
38
38
  /**
39
39
  * Title line height
40
40
  */
@@ -39,6 +39,10 @@ export declare class PtcTooltip {
39
39
  */
40
40
  theme: 'standard' | 'danger';
41
41
  /**
42
+ * This will make the width 100% respective to its parent
43
+ */
44
+ width?: 'full-width' | 'default';
45
+ /**
42
46
  * If tooltip hide-on-mobile = "true" then the tooltip will not be visible belwo 768px devices
43
47
  */
44
48
  hideOnMobile?: boolean;
@@ -77,7 +77,7 @@ export namespace Components {
77
77
  "flushBefore": boolean;
78
78
  "linkHref"?: string;
79
79
  "linkTarget": string | undefined;
80
- "listType": 'list-primary' | 'list-footer' | 'breadcrumb' | 'list-green';
80
+ "listType": 'list-primary' | 'list-footer' | 'breadcrumb' | 'list-green' | 'list-underline';
81
81
  /**
82
82
  * (optional) Injected CSS styles
83
83
  */
@@ -172,6 +172,8 @@ export namespace Components {
172
172
  */
173
173
  "visible": boolean;
174
174
  }
175
+ interface PtcBackToTop {
176
+ }
175
177
  interface PtcBackgroundVideo {
176
178
  /**
177
179
  * Is it a iframe?
@@ -969,6 +971,10 @@ export namespace Components {
969
971
  * Image border shape
970
972
  */
971
973
  "borderRadius": 'radius-standard' | 'radius-large';
974
+ /**
975
+ * Display image: inline, inline-block, block
976
+ */
977
+ "displayImage"?: 'inline' | 'inline-block' | 'block';
972
978
  /**
973
979
  * Set height Value unit: pixles Just put numbers without unit
974
980
  */
@@ -1060,6 +1066,65 @@ export namespace Components {
1060
1066
  */
1061
1067
  "tabLabel": string;
1062
1068
  }
1069
+ interface PtcProductCard {
1070
+ /**
1071
+ * cardCtaText
1072
+ */
1073
+ "cardCtaText"?: string;
1074
+ /**
1075
+ * cardDescription
1076
+ */
1077
+ "cardDescription"?: string;
1078
+ /**
1079
+ * cardImage
1080
+ */
1081
+ "cardImage"?: string;
1082
+ /**
1083
+ * cardImageAltText
1084
+ */
1085
+ "cardImageAltText"?: string;
1086
+ /**
1087
+ * cardTitle
1088
+ */
1089
+ "cardTitle"?: string;
1090
+ "isSlotEmpty": boolean;
1091
+ /**
1092
+ * toggleCtaTitle
1093
+ */
1094
+ "toggleCtaTitle"?: string;
1095
+ }
1096
+ interface PtcProductCategory {
1097
+ "categoryDescription"?: string;
1098
+ "categoryTitle"?: string;
1099
+ }
1100
+ interface PtcProductDropdown {
1101
+ "newOptions": string[];
1102
+ "placeholder": string;
1103
+ "selectedOptions": string[];
1104
+ }
1105
+ interface PtcProductHighlightCard {
1106
+ /**
1107
+ * cardDescription
1108
+ */
1109
+ "cardDescription"?: string;
1110
+ /**
1111
+ * cardImage
1112
+ */
1113
+ "cardImage"?: string;
1114
+ /**
1115
+ * cardImageAltText
1116
+ */
1117
+ "cardImageAltText"?: string;
1118
+ /**
1119
+ * cardTitle
1120
+ */
1121
+ "cardTitle"?: string;
1122
+ }
1123
+ interface PtcProductList {
1124
+ }
1125
+ interface PtcProductSidebar {
1126
+ "suggestionList": { categoryName: string, products: string[] }[];
1127
+ }
1063
1128
  interface PtcQuote {
1064
1129
  /**
1065
1130
  * Button CTA Text
@@ -1354,7 +1419,7 @@ export namespace Components {
1354
1419
  /**
1355
1420
  * Title size
1356
1421
  */
1357
- "titleSize": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-store';
1422
+ "titleSize": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-desktop' | 'xxxx-large-store';
1358
1423
  /**
1359
1424
  * Title weight
1360
1425
  */
@@ -1407,6 +1472,10 @@ export namespace Components {
1407
1472
  * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
1408
1473
  */
1409
1474
  "theme": 'standard' | 'danger';
1475
+ /**
1476
+ * This will make the width 100% respective to its parent
1477
+ */
1478
+ "width"?: 'full-width' | 'default';
1410
1479
  /**
1411
1480
  * index of hover element
1412
1481
  */
@@ -1497,6 +1566,22 @@ export interface PtcPricingTabsCustomEvent<T> extends CustomEvent<T> {
1497
1566
  detail: T;
1498
1567
  target: HTMLPtcPricingTabsElement;
1499
1568
  }
1569
+ export interface PtcProductCardCustomEvent<T> extends CustomEvent<T> {
1570
+ detail: T;
1571
+ target: HTMLPtcProductCardElement;
1572
+ }
1573
+ export interface PtcProductDropdownCustomEvent<T> extends CustomEvent<T> {
1574
+ detail: T;
1575
+ target: HTMLPtcProductDropdownElement;
1576
+ }
1577
+ export interface PtcProductListCustomEvent<T> extends CustomEvent<T> {
1578
+ detail: T;
1579
+ target: HTMLPtcProductListElement;
1580
+ }
1581
+ export interface PtcProductSidebarCustomEvent<T> extends CustomEvent<T> {
1582
+ detail: T;
1583
+ target: HTMLPtcProductSidebarElement;
1584
+ }
1500
1585
  export interface PtcSearchFieldCustomEvent<T> extends CustomEvent<T> {
1501
1586
  detail: T;
1502
1587
  target: HTMLPtcSearchFieldElement;
@@ -1582,6 +1667,12 @@ declare global {
1582
1667
  prototype: HTMLPtcAnnouncementElement;
1583
1668
  new (): HTMLPtcAnnouncementElement;
1584
1669
  };
1670
+ interface HTMLPtcBackToTopElement extends Components.PtcBackToTop, HTMLStencilElement {
1671
+ }
1672
+ var HTMLPtcBackToTopElement: {
1673
+ prototype: HTMLPtcBackToTopElement;
1674
+ new (): HTMLPtcBackToTopElement;
1675
+ };
1585
1676
  interface HTMLPtcBackgroundVideoElement extends Components.PtcBackgroundVideo, HTMLStencilElement {
1586
1677
  }
1587
1678
  var HTMLPtcBackgroundVideoElement: {
@@ -1828,6 +1919,42 @@ declare global {
1828
1919
  prototype: HTMLPtcPricingTabsElement;
1829
1920
  new (): HTMLPtcPricingTabsElement;
1830
1921
  };
1922
+ interface HTMLPtcProductCardElement extends Components.PtcProductCard, HTMLStencilElement {
1923
+ }
1924
+ var HTMLPtcProductCardElement: {
1925
+ prototype: HTMLPtcProductCardElement;
1926
+ new (): HTMLPtcProductCardElement;
1927
+ };
1928
+ interface HTMLPtcProductCategoryElement extends Components.PtcProductCategory, HTMLStencilElement {
1929
+ }
1930
+ var HTMLPtcProductCategoryElement: {
1931
+ prototype: HTMLPtcProductCategoryElement;
1932
+ new (): HTMLPtcProductCategoryElement;
1933
+ };
1934
+ interface HTMLPtcProductDropdownElement extends Components.PtcProductDropdown, HTMLStencilElement {
1935
+ }
1936
+ var HTMLPtcProductDropdownElement: {
1937
+ prototype: HTMLPtcProductDropdownElement;
1938
+ new (): HTMLPtcProductDropdownElement;
1939
+ };
1940
+ interface HTMLPtcProductHighlightCardElement extends Components.PtcProductHighlightCard, HTMLStencilElement {
1941
+ }
1942
+ var HTMLPtcProductHighlightCardElement: {
1943
+ prototype: HTMLPtcProductHighlightCardElement;
1944
+ new (): HTMLPtcProductHighlightCardElement;
1945
+ };
1946
+ interface HTMLPtcProductListElement extends Components.PtcProductList, HTMLStencilElement {
1947
+ }
1948
+ var HTMLPtcProductListElement: {
1949
+ prototype: HTMLPtcProductListElement;
1950
+ new (): HTMLPtcProductListElement;
1951
+ };
1952
+ interface HTMLPtcProductSidebarElement extends Components.PtcProductSidebar, HTMLStencilElement {
1953
+ }
1954
+ var HTMLPtcProductSidebarElement: {
1955
+ prototype: HTMLPtcProductSidebarElement;
1956
+ new (): HTMLPtcProductSidebarElement;
1957
+ };
1831
1958
  interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
1832
1959
  }
1833
1960
  var HTMLPtcQuoteElement: {
@@ -1991,6 +2118,7 @@ declare global {
1991
2118
  "ptc-accordion": HTMLPtcAccordionElement;
1992
2119
  "ptc-accordion-item": HTMLPtcAccordionItemElement;
1993
2120
  "ptc-announcement": HTMLPtcAnnouncementElement;
2121
+ "ptc-back-to-top": HTMLPtcBackToTopElement;
1994
2122
  "ptc-background-video": HTMLPtcBackgroundVideoElement;
1995
2123
  "ptc-bio-card": HTMLPtcBioCardElement;
1996
2124
  "ptc-breadcrumb": HTMLPtcBreadcrumbElement;
@@ -2032,6 +2160,12 @@ declare global {
2032
2160
  "ptc-previous-url": HTMLPtcPreviousUrlElement;
2033
2161
  "ptc-pricing-block": HTMLPtcPricingBlockElement;
2034
2162
  "ptc-pricing-tabs": HTMLPtcPricingTabsElement;
2163
+ "ptc-product-card": HTMLPtcProductCardElement;
2164
+ "ptc-product-category": HTMLPtcProductCategoryElement;
2165
+ "ptc-product-dropdown": HTMLPtcProductDropdownElement;
2166
+ "ptc-product-highlight-card": HTMLPtcProductHighlightCardElement;
2167
+ "ptc-product-list": HTMLPtcProductListElement;
2168
+ "ptc-product-sidebar": HTMLPtcProductSidebarElement;
2035
2169
  "ptc-quote": HTMLPtcQuoteElement;
2036
2170
  "ptc-readmore": HTMLPtcReadmoreElement;
2037
2171
  "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
@@ -2131,7 +2265,7 @@ declare namespace LocalJSX {
2131
2265
  "flushBefore"?: boolean;
2132
2266
  "linkHref"?: string;
2133
2267
  "linkTarget"?: string | undefined;
2134
- "listType"?: 'list-primary' | 'list-footer' | 'breadcrumb' | 'list-green';
2268
+ "listType"?: 'list-primary' | 'list-footer' | 'breadcrumb' | 'list-green' | 'list-underline';
2135
2269
  /**
2136
2270
  * (optional) Injected CSS styles
2137
2271
  */
@@ -2234,6 +2368,8 @@ declare namespace LocalJSX {
2234
2368
  */
2235
2369
  "visible"?: boolean;
2236
2370
  }
2371
+ interface PtcBackToTop {
2372
+ }
2237
2373
  interface PtcBackgroundVideo {
2238
2374
  /**
2239
2375
  * Is it a iframe?
@@ -3059,6 +3195,10 @@ declare namespace LocalJSX {
3059
3195
  * Image border shape
3060
3196
  */
3061
3197
  "borderRadius"?: 'radius-standard' | 'radius-large';
3198
+ /**
3199
+ * Display image: inline, inline-block, block
3200
+ */
3201
+ "displayImage"?: 'inline' | 'inline-block' | 'block';
3062
3202
  /**
3063
3203
  * Set height Value unit: pixles Just put numbers without unit
3064
3204
  */
@@ -3152,6 +3292,73 @@ declare namespace LocalJSX {
3152
3292
  */
3153
3293
  "tabLabel"?: string;
3154
3294
  }
3295
+ interface PtcProductCard {
3296
+ /**
3297
+ * cardCtaText
3298
+ */
3299
+ "cardCtaText"?: string;
3300
+ /**
3301
+ * cardDescription
3302
+ */
3303
+ "cardDescription"?: string;
3304
+ /**
3305
+ * cardImage
3306
+ */
3307
+ "cardImage"?: string;
3308
+ /**
3309
+ * cardImageAltText
3310
+ */
3311
+ "cardImageAltText"?: string;
3312
+ /**
3313
+ * cardTitle
3314
+ */
3315
+ "cardTitle"?: string;
3316
+ "isSlotEmpty"?: boolean;
3317
+ "onIsOpenProductHighlight"?: (event: PtcProductCardCustomEvent<any>) => void;
3318
+ /**
3319
+ * toggleCtaTitle
3320
+ */
3321
+ "toggleCtaTitle"?: string;
3322
+ }
3323
+ interface PtcProductCategory {
3324
+ "categoryDescription"?: string;
3325
+ "categoryTitle"?: string;
3326
+ }
3327
+ interface PtcProductDropdown {
3328
+ "newOptions"?: string[];
3329
+ "onDropdownTouched"?: (event: PtcProductDropdownCustomEvent<any>) => void;
3330
+ "onSelectedValues"?: (event: PtcProductDropdownCustomEvent<any>) => void;
3331
+ "placeholder"?: string;
3332
+ "selectedOptions"?: string[];
3333
+ }
3334
+ interface PtcProductHighlightCard {
3335
+ /**
3336
+ * cardDescription
3337
+ */
3338
+ "cardDescription"?: string;
3339
+ /**
3340
+ * cardImage
3341
+ */
3342
+ "cardImage"?: string;
3343
+ /**
3344
+ * cardImageAltText
3345
+ */
3346
+ "cardImageAltText"?: string;
3347
+ /**
3348
+ * cardTitle
3349
+ */
3350
+ "cardTitle"?: string;
3351
+ }
3352
+ interface PtcProductList {
3353
+ "onClearCtaClicked"?: (event: PtcProductListCustomEvent<any>) => void;
3354
+ }
3355
+ interface PtcProductSidebar {
3356
+ "onClearsearch"?: (event: PtcProductSidebarCustomEvent<any>) => void;
3357
+ "onEmptyResult"?: (event: PtcProductSidebarCustomEvent<any>) => void;
3358
+ "onInputChanged"?: (event: PtcProductSidebarCustomEvent<any>) => void;
3359
+ "onSelectedResult"?: (event: PtcProductSidebarCustomEvent<any>) => void;
3360
+ "suggestionList"?: { categoryName: string, products: string[] }[];
3361
+ }
3155
3362
  interface PtcQuote {
3156
3363
  /**
3157
3364
  * Button CTA Text
@@ -3447,7 +3654,7 @@ declare namespace LocalJSX {
3447
3654
  /**
3448
3655
  * Title size
3449
3656
  */
3450
- "titleSize"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-store';
3657
+ "titleSize"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-desktop' | 'xxxx-large-store';
3451
3658
  /**
3452
3659
  * Title weight
3453
3660
  */
@@ -3500,6 +3707,10 @@ declare namespace LocalJSX {
3500
3707
  * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
3501
3708
  */
3502
3709
  "theme"?: 'standard' | 'danger';
3710
+ /**
3711
+ * This will make the width 100% respective to its parent
3712
+ */
3713
+ "width"?: 'full-width' | 'default';
3503
3714
  /**
3504
3715
  * index of hover element
3505
3716
  */
@@ -3541,6 +3752,7 @@ declare namespace LocalJSX {
3541
3752
  "ptc-accordion": PtcAccordion;
3542
3753
  "ptc-accordion-item": PtcAccordionItem;
3543
3754
  "ptc-announcement": PtcAnnouncement;
3755
+ "ptc-back-to-top": PtcBackToTop;
3544
3756
  "ptc-background-video": PtcBackgroundVideo;
3545
3757
  "ptc-bio-card": PtcBioCard;
3546
3758
  "ptc-breadcrumb": PtcBreadcrumb;
@@ -3582,6 +3794,12 @@ declare namespace LocalJSX {
3582
3794
  "ptc-previous-url": PtcPreviousUrl;
3583
3795
  "ptc-pricing-block": PtcPricingBlock;
3584
3796
  "ptc-pricing-tabs": PtcPricingTabs;
3797
+ "ptc-product-card": PtcProductCard;
3798
+ "ptc-product-category": PtcProductCategory;
3799
+ "ptc-product-dropdown": PtcProductDropdown;
3800
+ "ptc-product-highlight-card": PtcProductHighlightCard;
3801
+ "ptc-product-list": PtcProductList;
3802
+ "ptc-product-sidebar": PtcProductSidebar;
3585
3803
  "ptc-quote": PtcQuote;
3586
3804
  "ptc-readmore": PtcReadmore;
3587
3805
  "ptc-responsive-wrapper": PtcResponsiveWrapper;
@@ -3625,6 +3843,7 @@ declare module "@stencil/core" {
3625
3843
  "ptc-accordion": LocalJSX.PtcAccordion & JSXBase.HTMLAttributes<HTMLPtcAccordionElement>;
3626
3844
  "ptc-accordion-item": LocalJSX.PtcAccordionItem & JSXBase.HTMLAttributes<HTMLPtcAccordionItemElement>;
3627
3845
  "ptc-announcement": LocalJSX.PtcAnnouncement & JSXBase.HTMLAttributes<HTMLPtcAnnouncementElement>;
3846
+ "ptc-back-to-top": LocalJSX.PtcBackToTop & JSXBase.HTMLAttributes<HTMLPtcBackToTopElement>;
3628
3847
  "ptc-background-video": LocalJSX.PtcBackgroundVideo & JSXBase.HTMLAttributes<HTMLPtcBackgroundVideoElement>;
3629
3848
  "ptc-bio-card": LocalJSX.PtcBioCard & JSXBase.HTMLAttributes<HTMLPtcBioCardElement>;
3630
3849
  "ptc-breadcrumb": LocalJSX.PtcBreadcrumb & JSXBase.HTMLAttributes<HTMLPtcBreadcrumbElement>;
@@ -3666,6 +3885,12 @@ declare module "@stencil/core" {
3666
3885
  "ptc-previous-url": LocalJSX.PtcPreviousUrl & JSXBase.HTMLAttributes<HTMLPtcPreviousUrlElement>;
3667
3886
  "ptc-pricing-block": LocalJSX.PtcPricingBlock & JSXBase.HTMLAttributes<HTMLPtcPricingBlockElement>;
3668
3887
  "ptc-pricing-tabs": LocalJSX.PtcPricingTabs & JSXBase.HTMLAttributes<HTMLPtcPricingTabsElement>;
3888
+ "ptc-product-card": LocalJSX.PtcProductCard & JSXBase.HTMLAttributes<HTMLPtcProductCardElement>;
3889
+ "ptc-product-category": LocalJSX.PtcProductCategory & JSXBase.HTMLAttributes<HTMLPtcProductCategoryElement>;
3890
+ "ptc-product-dropdown": LocalJSX.PtcProductDropdown & JSXBase.HTMLAttributes<HTMLPtcProductDropdownElement>;
3891
+ "ptc-product-highlight-card": LocalJSX.PtcProductHighlightCard & JSXBase.HTMLAttributes<HTMLPtcProductHighlightCardElement>;
3892
+ "ptc-product-list": LocalJSX.PtcProductList & JSXBase.HTMLAttributes<HTMLPtcProductListElement>;
3893
+ "ptc-product-sidebar": LocalJSX.PtcProductSidebar & JSXBase.HTMLAttributes<HTMLPtcProductSidebarElement>;
3669
3894
  "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
3670
3895
  "ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
3671
3896
  "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ptcwebops/ptcw-design",
3
- "version": "1.5.3",
3
+ "version": "1.5.5",
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.3
3
+ # PTC Design 1.5.5
4
4
  The site is the place for documentation on PTC Design System
5
5
 
6
6
  ## Building the Site