@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.
- package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +50 -0
- package/dist/cjs/{bundle-jumbotron-example_14.cjs.entry.js → icon-asset_16.cjs.entry.js} +416 -405
- package/dist/cjs/interfaces-0ecd8027.js +15 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container_3.cjs.entry.js +236 -0
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +135 -0
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +2 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +7 -0
- package/dist/collection/components/list-item/list-item.css +15 -0
- package/dist/collection/components/list-item/list-item.js +2 -2
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +30 -0
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +61 -0
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +33 -12
- package/dist/collection/components/ptc-picture/ptc-picture.css +7 -1
- package/dist/collection/components/ptc-picture/ptc-picture.js +20 -0
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +33 -12
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +61 -0
- package/dist/collection/components/ptc-product-card/ptc-product-card.js +179 -0
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +4 -0
- package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -0
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +79 -0
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -0
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +11 -0
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -0
- package/dist/collection/components/ptc-product-list/ptc-product-list.css +23 -0
- package/dist/collection/components/ptc-product-list/ptc-product-list.js +171 -0
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +150 -0
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +237 -0
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +2 -1
- package/dist/collection/components/ptc-title/ptc-title.css +8 -0
- package/dist/collection/components/ptc-title/ptc-title.js +2 -2
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.css +9 -0
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +21 -1
- package/dist/custom-elements/index.d.ts +42 -0
- package/dist/custom-elements/index.js +456 -11
- package/dist/esm/bundle-jumbotron-example.entry.js +46 -0
- package/dist/esm/{bundle-jumbotron-example_14.entry.js → icon-asset_16.entry.js} +409 -400
- package/dist/esm/interfaces-c1c73092.js +12 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/max-width-container_3.entry.js +230 -0
- package/dist/esm/ptc-jumbotron.entry.js +131 -0
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-text-copy-with-background.entry.js +2 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-50e52c88.js +1 -0
- package/dist/ptcw-design/p-6927c111.entry.js +1 -0
- package/dist/ptcw-design/p-73ea7065.entry.js +1 -0
- package/dist/ptcw-design/p-9379f3b6.entry.js +1 -0
- package/dist/ptcw-design/p-a0ead888.entry.js +1 -0
- package/dist/ptcw-design/{p-face0c41.entry.js → p-e2c96087.entry.js} +1 -1
- package/dist/ptcw-design/p-f9129612.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/list-item/list-item.d.ts +1 -1
- package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +9 -0
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +4 -0
- package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +39 -0
- package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -0
- package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -0
- package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -0
- package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +17 -0
- package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +30 -0
- package/dist/types/components/ptc-title/ptc-title.d.ts +1 -1
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +4 -0
- package/dist/types/components.d.ts +229 -4
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-81bd0113.entry.js +0 -1
- package/dist/ptcw-design/p-df275994.entry.js +0 -1
|
@@ -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,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
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|

|
|
2
2
|
|
|
3
|
-
# PTC Design 1.5.
|
|
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
|