@ptcwebops/ptcw-design 0.4.6 → 0.4.8

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 (196) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/{icon-asset_4.cjs.entry.js → icon-asset_8.cjs.entry.js} +299 -220
  3. package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/lottie-player.cjs.entry.js +354 -354
  6. package/dist/cjs/my-component.cjs.entry.js +13 -13
  7. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
  8. package/dist/cjs/ptc-button.cjs.entry.js +65 -65
  9. package/dist/cjs/ptc-card-bottom.cjs.entry.js +31 -31
  10. package/dist/cjs/ptc-card-content.cjs.entry.js +31 -31
  11. package/dist/cjs/ptc-card-plm.cjs.entry.js +16 -16
  12. package/dist/cjs/ptc-card.cjs.entry.js +68 -68
  13. package/dist/cjs/ptc-countdown.cjs.entry.js +8 -8
  14. package/dist/cjs/ptc-date.cjs.entry.js +48 -48
  15. package/dist/cjs/ptc-footer.cjs.entry.js +8 -8
  16. package/dist/cjs/ptc-form.cjs.entry.js +104 -104
  17. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  18. package/dist/cjs/ptc-img_2.cjs.entry.js +169 -169
  19. package/dist/cjs/ptc-input.cjs.entry.js +20 -20
  20. package/dist/cjs/ptc-link.cjs.entry.js +42 -42
  21. package/dist/cjs/ptc-list.cjs.entry.js +20 -20
  22. package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
  23. package/dist/cjs/ptc-modal.cjs.entry.js +103 -103
  24. package/dist/cjs/ptc-nav-item.cjs.entry.js +83 -83
  25. package/dist/cjs/ptc-nav.cjs.entry.js +8 -8
  26. package/dist/cjs/ptc-para.cjs.entry.js +39 -39
  27. package/dist/cjs/ptc-picture.cjs.entry.js +158 -158
  28. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  29. package/dist/cjs/ptc-select.cjs.entry.js +24 -24
  30. package/dist/cjs/ptc-social-share.cjs.entry.js +64 -64
  31. package/dist/cjs/ptc-spacer.cjs.entry.js +35 -35
  32. package/dist/cjs/ptc-span.cjs.entry.js +23 -23
  33. package/dist/cjs/ptc-title.cjs.entry.js +44 -44
  34. package/dist/cjs/ptcw-design.cjs.js +1 -1
  35. package/dist/collection/collection-manifest.json +3 -0
  36. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  37. package/dist/collection/components/icon-asset/icon-asset.js +199 -178
  38. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  39. package/dist/collection/components/icon-asset/media/designer.svg +316 -316
  40. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  41. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  42. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  43. package/dist/collection/components/list-item/list-item.css +31 -0
  44. package/dist/collection/components/list-item/list-item.js +103 -84
  45. package/dist/collection/components/my-component/my-component.css +3 -3
  46. package/dist/collection/components/my-component/my-component.js +73 -73
  47. package/dist/collection/components/ptc-announcement/ptc-announcement.js +170 -170
  48. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
  49. package/dist/collection/components/ptc-button/ptc-button.js +293 -293
  50. package/dist/collection/components/ptc-card/ptc-card.js +282 -282
  51. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
  52. package/dist/collection/components/ptc-card-content/ptc-card-content.js +105 -105
  53. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
  54. package/dist/collection/components/ptc-countdown/ptc-countdown.js +15 -15
  55. package/dist/collection/components/ptc-date/ptc-date.js +201 -201
  56. package/dist/collection/components/ptc-footer/ptc-footer.js +25 -25
  57. package/dist/collection/components/ptc-form/ptc-form.js +118 -118
  58. package/dist/collection/components/ptc-form/validation/FormValidation.js +4234 -4234
  59. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  60. package/dist/collection/components/ptc-img/ptc-img.js +314 -314
  61. package/dist/collection/components/ptc-input/ptc-input.js +133 -133
  62. package/dist/collection/components/ptc-link/ptc-link.js +198 -198
  63. package/dist/collection/components/ptc-list/ptc-list.js +63 -63
  64. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  65. package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
  66. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.css +44 -0
  67. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -0
  68. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.css +77 -0
  69. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -0
  70. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css +1 -0
  71. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -220
  72. package/dist/collection/components/ptc-modal/ptc-modal.js +252 -252
  73. package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
  74. package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
  75. package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
  76. package/dist/collection/components/ptc-para/ptc-para.js +157 -157
  77. package/dist/collection/components/ptc-picture/ptc-picture.js +428 -428
  78. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +29 -0
  79. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -0
  80. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  81. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
  82. package/dist/collection/components/ptc-select/ptc-select.js +105 -105
  83. package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
  84. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  85. package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
  86. package/dist/collection/components/ptc-span/ptc-span.js +89 -89
  87. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css +22 -0
  88. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -69
  89. package/dist/collection/components/ptc-title/ptc-title.js +231 -231
  90. package/dist/collection/index.js +1 -1
  91. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -0
  92. package/dist/collection/media/svg-imgs/close.svg +10 -10
  93. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  94. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  95. package/dist/collection/utils/interfaces.js +11 -11
  96. package/dist/collection/utils/utils.js +3 -3
  97. package/dist/custom-elements/index.d.ts +18 -0
  98. package/dist/custom-elements/index.js +2058 -1993
  99. package/dist/esm/{icon-asset_4.entry.js → icon-asset_8.entry.js} +296 -221
  100. package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} +9 -9
  101. package/dist/esm/loader.js +1 -1
  102. package/dist/esm/lottie-player.entry.js +354 -354
  103. package/dist/esm/my-component.entry.js +13 -13
  104. package/dist/esm/polyfills/core-js.js +0 -0
  105. package/dist/esm/polyfills/dom.js +0 -0
  106. package/dist/esm/polyfills/es5-html-element.js +0 -0
  107. package/dist/esm/polyfills/index.js +0 -0
  108. package/dist/esm/polyfills/system.js +0 -0
  109. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  110. package/dist/esm/ptc-button.entry.js +65 -65
  111. package/dist/esm/ptc-card-bottom.entry.js +31 -31
  112. package/dist/esm/ptc-card-content.entry.js +31 -31
  113. package/dist/esm/ptc-card-plm.entry.js +16 -16
  114. package/dist/esm/ptc-card.entry.js +68 -68
  115. package/dist/esm/ptc-countdown.entry.js +8 -8
  116. package/dist/esm/ptc-date.entry.js +48 -48
  117. package/dist/esm/ptc-footer.entry.js +8 -8
  118. package/dist/esm/ptc-form.entry.js +104 -104
  119. package/dist/esm/ptc-hero.entry.js +18 -18
  120. package/dist/esm/ptc-img_2.entry.js +169 -169
  121. package/dist/esm/ptc-input.entry.js +20 -20
  122. package/dist/esm/ptc-link.entry.js +42 -42
  123. package/dist/esm/ptc-list.entry.js +20 -20
  124. package/dist/esm/ptc-lottie.entry.js +12 -12
  125. package/dist/esm/ptc-modal.entry.js +103 -103
  126. package/dist/esm/ptc-nav-item.entry.js +83 -83
  127. package/dist/esm/ptc-nav.entry.js +8 -8
  128. package/dist/esm/ptc-para.entry.js +39 -39
  129. package/dist/esm/ptc-picture.entry.js +158 -158
  130. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  131. package/dist/esm/ptc-select.entry.js +24 -24
  132. package/dist/esm/ptc-social-share.entry.js +64 -64
  133. package/dist/esm/ptc-spacer.entry.js +35 -35
  134. package/dist/esm/ptc-span.entry.js +23 -23
  135. package/dist/esm/ptc-title.entry.js +44 -44
  136. package/dist/esm/ptcw-design.js +1 -1
  137. package/dist/ptcw-design/media/brands.svg +1381 -1381
  138. package/dist/ptcw-design/media/designer.svg +316 -316
  139. package/dist/ptcw-design/media/regular.svg +463 -463
  140. package/dist/ptcw-design/media/solid.svg +3013 -3013
  141. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  142. package/dist/ptcw-design/{p-1e39bc14.entry.js → p-894e8c85.entry.js} +1 -1
  143. package/dist/ptcw-design/p-c2f4cf52.entry.js +7 -0
  144. package/dist/ptcw-design/{p-27538cac.entry.js → p-f2f1c015.entry.js} +1 -1
  145. package/dist/ptcw-design/ptcw-design.css +1 -1
  146. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  147. package/dist/ptcw-design/validation/FormValidation.js +4234 -4234
  148. package/dist/types/components/icon-asset/icon-asset.d.ts +36 -32
  149. package/dist/types/components/list-item/list-item.d.ts +8 -7
  150. package/dist/types/components/my-component/my-component.d.ts +16 -16
  151. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +35 -35
  152. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  153. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  154. package/dist/types/components/ptc-card/ptc-card.d.ts +50 -50
  155. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  156. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  157. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  158. package/dist/types/components/ptc-countdown/ptc-countdown.d.ts +3 -3
  159. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  160. package/dist/types/components/ptc-footer/ptc-footer.d.ts +3 -3
  161. package/dist/types/components/ptc-form/ptc-form.d.ts +11 -11
  162. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  163. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  164. package/dist/types/components/ptc-input/ptc-input.d.ts +19 -19
  165. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  166. package/dist/types/components/ptc-list/ptc-list.d.ts +6 -6
  167. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  168. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -0
  169. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -0
  170. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  171. package/dist/types/components/ptc-modal/ptc-modal.d.ts +46 -46
  172. package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
  173. package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
  174. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  175. package/dist/types/components/ptc-para/ptc-para.d.ts +28 -28
  176. package/dist/types/components/ptc-picture/ptc-picture.d.ts +82 -82
  177. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -0
  178. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  179. package/dist/types/components/ptc-select/ptc-select.d.ts +9 -9
  180. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
  181. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  182. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  183. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  184. package/dist/types/components/ptc-title/ptc-title.d.ts +41 -41
  185. package/dist/types/components.d.ts +85 -26
  186. package/dist/types/global.d.ts +1072 -1072
  187. package/dist/types/index.d.ts +1 -1
  188. package/dist/types/utils/interfaces.d.ts +14 -14
  189. package/dist/types/utils/utils.d.ts +1 -1
  190. package/package.json +58 -58
  191. package/readme.md +11 -11
  192. package/dist/cjs/list-item.cjs.entry.js +0 -29
  193. package/dist/esm/list-item.entry.js +0 -25
  194. package/dist/ptcw-design/p-439c9e49.entry.js +0 -7
  195. package/dist/ptcw-design/p-80c03571.entry.js +0 -1
  196. /package/dist/ptcw-design/{p-50e52c88.js → p-ee1183b2.js} +0 -0
@@ -1,51 +1,51 @@
1
- export declare class PtcImg {
2
- el: HTMLElement;
3
- /**
4
- * Image size for smallest screen
5
- * <=767px
6
- */
7
- sizeXs: string;
8
- /**
9
- * Image size for small screen
10
- * >=768px and <=991px
11
- */
12
- sizeSm: string;
13
- /**
14
- * Image size for medium screen
15
- * >=992px and <=1199px
16
- */
17
- sizeMd: string;
18
- /**
19
- * Image solution for large screen
20
- * >=1200px
21
- */
22
- sizeLg: string;
23
- /**
24
- * Image Src
25
- */
26
- imgUrl: string;
27
- /**
28
- * Image type
29
- */
30
- imageType: 'smart-bg' | 'smart-img';
31
- /**
32
- * Image border shape
33
- */
34
- borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | '';
35
- /**
36
- * Lazy loading option
37
- */
38
- loadMode: 'lazy-bg' | 'eager-bg';
39
- /**
40
- * Image Z Index
41
- */
42
- WindowResize(): void;
43
- render(): any;
44
- componentDidLoad(): void;
45
- componentWillUpdate(): void;
46
- setResponsiveBg(): void;
47
- addIntersectionObserver(): void;
48
- private getCssClassMap;
49
- private getCurrentBreakPoints;
50
- private getFallbackBreakpoint;
51
- }
1
+ export declare class PtcImg {
2
+ el: HTMLElement;
3
+ /**
4
+ * Image size for smallest screen
5
+ * <=767px
6
+ */
7
+ sizeXs: string;
8
+ /**
9
+ * Image size for small screen
10
+ * >=768px and <=991px
11
+ */
12
+ sizeSm: string;
13
+ /**
14
+ * Image size for medium screen
15
+ * >=992px and <=1199px
16
+ */
17
+ sizeMd: string;
18
+ /**
19
+ * Image solution for large screen
20
+ * >=1200px
21
+ */
22
+ sizeLg: string;
23
+ /**
24
+ * Image Src
25
+ */
26
+ imgUrl: string;
27
+ /**
28
+ * Image type
29
+ */
30
+ imageType: 'smart-bg' | 'smart-img';
31
+ /**
32
+ * Image border shape
33
+ */
34
+ borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | '';
35
+ /**
36
+ * Lazy loading option
37
+ */
38
+ loadMode: 'lazy-bg' | 'eager-bg';
39
+ /**
40
+ * Image Z Index
41
+ */
42
+ WindowResize(): void;
43
+ render(): any;
44
+ componentDidLoad(): void;
45
+ componentWillUpdate(): void;
46
+ setResponsiveBg(): void;
47
+ addIntersectionObserver(): void;
48
+ private getCssClassMap;
49
+ private getCurrentBreakPoints;
50
+ private getFallbackBreakpoint;
51
+ }
@@ -1,19 +1,19 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- export declare class PtcInput {
3
- type: string;
4
- dataEloquaName: string;
5
- inputId: string;
6
- inputName: string;
7
- /**
8
- * Emitted when the input loses focus.
9
- */
10
- blurEvent: EventEmitter<void>;
11
- /**
12
- * Emitted when the input has focus.
13
- */
14
- focusEvent: EventEmitter<void>;
15
- focused: boolean;
16
- private onBlur;
17
- private onFocus;
18
- render(): any;
19
- }
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcInput {
3
+ type: string;
4
+ dataEloquaName: string;
5
+ inputId: string;
6
+ inputName: string;
7
+ /**
8
+ * Emitted when the input loses focus.
9
+ */
10
+ blurEvent: EventEmitter<void>;
11
+ /**
12
+ * Emitted when the input has focus.
13
+ */
14
+ focusEvent: EventEmitter<void>;
15
+ focused: boolean;
16
+ private onBlur;
17
+ private onFocus;
18
+ render(): any;
19
+ }
@@ -1,36 +1,36 @@
1
- export declare class PtcLink {
2
- /**
3
- * Disabled link
4
- */
5
- disabled: boolean;
6
- /**
7
- * Rxternal link
8
- * */
9
- external: boolean;
10
- /**
11
- * href
12
- */
13
- href: string | undefined;
14
- /**
15
- * Target
16
- */
17
- target: string | undefined;
18
- /**
19
- * Title
20
- */
21
- linkTitle: string | undefined;
22
- /**
23
- * Theme
24
- */
25
- theme: 'simple' | 'arrow' | 'nav-title' | 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
26
- /**
27
- * Uppercase
28
- */
29
- uppercase: boolean;
30
- /**
31
- * Font Size
32
- */
33
- fontSize: 'small' | 'medium' | 'large';
34
- render(): any;
35
- private getCssClassMap;
36
- }
1
+ export declare class PtcLink {
2
+ /**
3
+ * Disabled link
4
+ */
5
+ disabled: boolean;
6
+ /**
7
+ * Rxternal link
8
+ * */
9
+ external: boolean;
10
+ /**
11
+ * href
12
+ */
13
+ href: string | undefined;
14
+ /**
15
+ * Target
16
+ */
17
+ target: string | undefined;
18
+ /**
19
+ * Title
20
+ */
21
+ linkTitle: string | undefined;
22
+ /**
23
+ * Theme
24
+ */
25
+ theme: 'simple' | 'arrow' | 'nav-title' | 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
26
+ /**
27
+ * Uppercase
28
+ */
29
+ uppercase: boolean;
30
+ /**
31
+ * Font Size
32
+ */
33
+ fontSize: 'small' | 'medium' | 'large';
34
+ render(): any;
35
+ private getCssClassMap;
36
+ }
@@ -1,6 +1,6 @@
1
- export declare class PtcList {
2
- listType: 'list-primary';
3
- listItems?: string[];
4
- render(): any;
5
- private getCssClassMap;
6
- }
1
+ export declare class PtcList {
2
+ listType: 'list-primary';
3
+ listItems?: string[];
4
+ render(): any;
5
+ private getCssClassMap;
6
+ }
@@ -1,12 +1,12 @@
1
- import '@teamhive/lottie-player';
2
- export declare class PtcLottie {
3
- /**
4
- * Set Json file src
5
- */
6
- jsonSrc: string;
7
- /**
8
- * Animation speed
9
- */
10
- speed: number;
11
- render(): any;
12
- }
1
+ import '@teamhive/lottie-player';
2
+ export declare class PtcLottie {
3
+ /**
4
+ * Set Json file src
5
+ */
6
+ jsonSrc: string;
7
+ /**
8
+ * Animation speed
9
+ */
10
+ speed: number;
11
+ render(): any;
12
+ }
@@ -0,0 +1,3 @@
1
+ export declare class PtcMinimizedFooter {
2
+ render(): any;
3
+ }
@@ -0,0 +1,6 @@
1
+ export declare class PtcMinimizedHeader {
2
+ linkUrl: string;
3
+ imgSrc: string;
4
+ imgAlt: string;
5
+ render(): any;
6
+ }
@@ -1,40 +1,40 @@
1
- export declare class PtcMobileSelect {
2
- /**
3
- * Trigger Name (Mandatory)
4
- */
5
- triggerName: string;
6
- /**
7
- * Selected Text (Mandatory)
8
- */
9
- selectedText: string;
10
- /**
11
- * Wheel Data (Mandatory)
12
- * eg: data: [{ id: "1", value: "附近" }],
13
- */
14
- wheelData: string[];
15
- /**
16
- * Selected Id
17
- * - initialize the id(string) of default wheel
18
- */
19
- selectedId: string;
20
- /**
21
- * Confirm Text
22
- * - translation goes here
23
- */
24
- ensureBtnText: string;
25
- /**
26
- * Cancel Text
27
- * - translation goes here
28
- */
29
- cancelBtnText: string;
30
- /**
31
- * Mobile select list title (Optional)
32
- */
33
- listTitle: string;
34
- /**
35
- * link url
36
- */
37
- linkUrl: string;
38
- render(): any;
39
- componentDidRender(): void;
40
- }
1
+ export declare class PtcMobileSelect {
2
+ /**
3
+ * Trigger Name (Mandatory)
4
+ */
5
+ triggerName: string;
6
+ /**
7
+ * Selected Text (Mandatory)
8
+ */
9
+ selectedText: string;
10
+ /**
11
+ * Wheel Data (Mandatory)
12
+ * eg: data: [{ id: "1", value: "附近" }],
13
+ */
14
+ wheelData: string[];
15
+ /**
16
+ * Selected Id
17
+ * - initialize the id(string) of default wheel
18
+ */
19
+ selectedId: string;
20
+ /**
21
+ * Confirm Text
22
+ * - translation goes here
23
+ */
24
+ ensureBtnText: string;
25
+ /**
26
+ * Cancel Text
27
+ * - translation goes here
28
+ */
29
+ cancelBtnText: string;
30
+ /**
31
+ * Mobile select list title (Optional)
32
+ */
33
+ listTitle: string;
34
+ /**
35
+ * link url
36
+ */
37
+ linkUrl: string;
38
+ render(): any;
39
+ componentDidRender(): void;
40
+ }
@@ -1,46 +1,46 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- export declare class PtcModal {
3
- /**
4
- * Modal Element
5
- */
6
- el: HTMLElement;
7
- /**
8
- * Set url for content iframe to load if false will load slot element
9
- */
10
- iframeUrl: string;
11
- /**
12
- * Sets if popup should close if click on outside
13
- */
14
- size?: 'sm' | 'md' | 'lg' | 'xl';
15
- /**
16
- * Set whether or not to display modal
17
- */
18
- show?: boolean;
19
- /**
20
- * Sets if popup should overlay
21
- */
22
- overlay?: boolean;
23
- /**
24
- * Sets if popup should close if click on outside
25
- */
26
- closeOnBlur?: boolean;
27
- overlayHeight: number;
28
- /**
29
- * Event for modal popup closed
30
- */
31
- closed: EventEmitter<PtcModal>;
32
- /**
33
- * Event for modal popup opened
34
- */
35
- opened: EventEmitter<PtcModal>;
36
- fireOnClosed(modal: PtcModal): void;
37
- fireOnOpened(modal: PtcModal): void;
38
- bodyOverflowSetting: any;
39
- componentWillLoad(): void;
40
- componentWillRender(): void;
41
- componentDidLoad(): void;
42
- componentDidUpdate(): void;
43
- resizeIframe(e: Event): void;
44
- close(): void;
45
- render(): any;
46
- }
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcModal {
3
+ /**
4
+ * Modal Element
5
+ */
6
+ el: HTMLElement;
7
+ /**
8
+ * Set url for content iframe to load if false will load slot element
9
+ */
10
+ iframeUrl: string;
11
+ /**
12
+ * Sets if popup should close if click on outside
13
+ */
14
+ size?: 'sm' | 'md' | 'lg' | 'xl';
15
+ /**
16
+ * Set whether or not to display modal
17
+ */
18
+ show?: boolean;
19
+ /**
20
+ * Sets if popup should overlay
21
+ */
22
+ overlay?: boolean;
23
+ /**
24
+ * Sets if popup should close if click on outside
25
+ */
26
+ closeOnBlur?: boolean;
27
+ overlayHeight: number;
28
+ /**
29
+ * Event for modal popup closed
30
+ */
31
+ closed: EventEmitter<PtcModal>;
32
+ /**
33
+ * Event for modal popup opened
34
+ */
35
+ opened: EventEmitter<PtcModal>;
36
+ fireOnClosed(modal: PtcModal): void;
37
+ fireOnOpened(modal: PtcModal): void;
38
+ bodyOverflowSetting: any;
39
+ componentWillLoad(): void;
40
+ componentWillRender(): void;
41
+ componentDidLoad(): void;
42
+ componentDidUpdate(): void;
43
+ resizeIframe(e: Event): void;
44
+ close(): void;
45
+ render(): any;
46
+ }
@@ -1,3 +1,3 @@
1
- export declare class PtcNav {
2
- render(): any;
3
- }
1
+ export declare class PtcNav {
2
+ render(): any;
3
+ }
@@ -1,53 +1,53 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- export declare class PtcNavItem {
3
- /**
4
- * Element
5
- */
6
- el: HTMLElement;
7
- /**
8
- * Link URL
9
- */
10
- url: string;
11
- /**
12
- * Nav Description
13
- */
14
- label: string;
15
- /**
16
- * If the current nav item is expanded
17
- */
18
- ariaExpanded: boolean;
19
- /**
20
- * Depth of the current nav item
21
- */
22
- depth: number;
23
- /**
24
- * If the current nav item has children nav items
25
- */
26
- hasChildren: boolean;
27
- /**
28
- * If the parent nav item of the current one is expanded
29
- */
30
- parentExpanded: boolean;
31
- /**
32
- * Nav Item Type
33
- */
34
- navType: 'primary-nav' | 'secondary-nav' | 'primary-footer' | 'secondary-footer' | 'language-nav';
35
- /**
36
- * Watch
37
- */
38
- expandedHandler(newValue: boolean): void;
39
- /**
40
- * Menu Toggle Event
41
- */
42
- menuItemToggled: EventEmitter;
43
- /**
44
- * Event Listener
45
- */
46
- handleClick(e: any): void;
47
- handleResize(ev: any): void;
48
- /**
49
- * Lifecycle method
50
- */
51
- componentWillRender(): void;
52
- render(): any;
53
- }
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcNavItem {
3
+ /**
4
+ * Element
5
+ */
6
+ el: HTMLElement;
7
+ /**
8
+ * Link URL
9
+ */
10
+ url: string;
11
+ /**
12
+ * Nav Description
13
+ */
14
+ label: string;
15
+ /**
16
+ * If the current nav item is expanded
17
+ */
18
+ ariaExpanded: boolean;
19
+ /**
20
+ * Depth of the current nav item
21
+ */
22
+ depth: number;
23
+ /**
24
+ * If the current nav item has children nav items
25
+ */
26
+ hasChildren: boolean;
27
+ /**
28
+ * If the parent nav item of the current one is expanded
29
+ */
30
+ parentExpanded: boolean;
31
+ /**
32
+ * Nav Item Type
33
+ */
34
+ navType: 'primary-nav' | 'secondary-nav' | 'primary-footer' | 'secondary-footer' | 'language-nav';
35
+ /**
36
+ * Watch
37
+ */
38
+ expandedHandler(newValue: boolean): void;
39
+ /**
40
+ * Menu Toggle Event
41
+ */
42
+ menuItemToggled: EventEmitter;
43
+ /**
44
+ * Event Listener
45
+ */
46
+ handleClick(e: any): void;
47
+ handleResize(ev: any): void;
48
+ /**
49
+ * Lifecycle method
50
+ */
51
+ componentWillRender(): void;
52
+ render(): any;
53
+ }
@@ -1,20 +1,20 @@
1
- export declare class PtcOverlay {
2
- /**
3
- * Filter Color
4
- */
5
- filterColor: 'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey';
6
- /**
7
- * Overlay border shape
8
- */
9
- borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
10
- /**
11
- * Overlay z-index
12
- */
13
- overlayZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
14
- /**
15
- * Injected Styles
16
- */
17
- styles?: string;
18
- render(): any;
19
- private getCssClassMap;
20
- }
1
+ export declare class PtcOverlay {
2
+ /**
3
+ * Filter Color
4
+ */
5
+ filterColor: 'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey';
6
+ /**
7
+ * Overlay border shape
8
+ */
9
+ borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
10
+ /**
11
+ * Overlay z-index
12
+ */
13
+ overlayZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
14
+ /**
15
+ * Injected Styles
16
+ */
17
+ styles?: string;
18
+ render(): any;
19
+ private getCssClassMap;
20
+ }
@@ -1,28 +1,28 @@
1
- export declare class PtcPara {
2
- /**
3
- * Paragraph font size
4
- **/
5
- fontSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'font-size-15';
6
- /**
7
- * Paragraph font weight
8
- **/
9
- fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
10
- /**
11
- * Paragraph Style
12
- **/
13
- paraStyle: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
14
- /**
15
- * Paragraph Color
16
- */
17
- paraColor: 'primary-grey' | 'white';
18
- /**
19
- * line height
20
- */
21
- paraLineH: 'line-height-17' | 'line-height-18' | 'line-height-19' | 'line-heigth-23' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
22
- /**
23
- * Paragraph Margin
24
- */
25
- paraMargin?: 'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
26
- render(): any;
27
- private getCssClassMap;
28
- }
1
+ export declare class PtcPara {
2
+ /**
3
+ * Paragraph font size
4
+ **/
5
+ fontSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'font-size-15';
6
+ /**
7
+ * Paragraph font weight
8
+ **/
9
+ fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
10
+ /**
11
+ * Paragraph Style
12
+ **/
13
+ paraStyle: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
14
+ /**
15
+ * Paragraph Color
16
+ */
17
+ paraColor: 'primary-grey' | 'white';
18
+ /**
19
+ * line height
20
+ */
21
+ paraLineH: 'line-height-17' | 'line-height-18' | 'line-height-19' | 'line-heigth-23' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
22
+ /**
23
+ * Paragraph Margin
24
+ */
25
+ paraMargin?: 'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
26
+ render(): any;
27
+ private getCssClassMap;
28
+ }