@ptcwebops/ptcw-design 0.4.5 → 0.4.7

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 (198) 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 +43 -43
  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 +178 -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.css +11 -5
  48. package/dist/collection/components/ptc-announcement/ptc-announcement.js +170 -170
  49. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
  50. package/dist/collection/components/ptc-button/ptc-button.js +293 -293
  51. package/dist/collection/components/ptc-card/ptc-card.js +282 -282
  52. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
  53. package/dist/collection/components/ptc-card-content/ptc-card-content.js +105 -105
  54. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
  55. package/dist/collection/components/ptc-countdown/ptc-countdown.js +15 -15
  56. package/dist/collection/components/ptc-date/ptc-date.js +201 -201
  57. package/dist/collection/components/ptc-footer/ptc-footer.js +25 -25
  58. package/dist/collection/components/ptc-form/ptc-form.js +118 -118
  59. package/dist/collection/components/ptc-form/validation/FormValidation.js +4234 -4234
  60. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  61. package/dist/collection/components/ptc-img/ptc-img.js +314 -314
  62. package/dist/collection/components/ptc-input/ptc-input.js +133 -133
  63. package/dist/collection/components/ptc-link/ptc-link.css +1 -1
  64. package/dist/collection/components/ptc-link/ptc-link.js +198 -198
  65. package/dist/collection/components/ptc-list/ptc-list.js +63 -63
  66. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  67. package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
  68. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.css +44 -0
  69. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -0
  70. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.css +77 -0
  71. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -0
  72. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +220 -220
  73. package/dist/collection/components/ptc-modal/ptc-modal.js +252 -252
  74. package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
  75. package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
  76. package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
  77. package/dist/collection/components/ptc-para/ptc-para.js +157 -157
  78. package/dist/collection/components/ptc-picture/ptc-picture.js +428 -428
  79. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +24 -0
  80. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -0
  81. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  82. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
  83. package/dist/collection/components/ptc-select/ptc-select.js +105 -105
  84. package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
  85. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  86. package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
  87. package/dist/collection/components/ptc-span/ptc-span.js +89 -89
  88. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css +16 -0
  89. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -69
  90. package/dist/collection/components/ptc-title/ptc-title.js +231 -231
  91. package/dist/collection/index.js +1 -1
  92. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -0
  93. package/dist/collection/media/svg-imgs/close.svg +10 -10
  94. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  95. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  96. package/dist/collection/utils/interfaces.js +11 -11
  97. package/dist/collection/utils/utils.js +3 -3
  98. package/dist/custom-elements/index.d.ts +18 -0
  99. package/dist/custom-elements/index.js +2058 -1993
  100. package/dist/esm/{icon-asset_4.entry.js → icon-asset_8.entry.js} +296 -221
  101. package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} +9 -9
  102. package/dist/esm/loader.js +1 -1
  103. package/dist/esm/lottie-player.entry.js +354 -354
  104. package/dist/esm/my-component.entry.js +13 -13
  105. package/dist/esm/polyfills/core-js.js +0 -0
  106. package/dist/esm/polyfills/dom.js +0 -0
  107. package/dist/esm/polyfills/es5-html-element.js +0 -0
  108. package/dist/esm/polyfills/index.js +0 -0
  109. package/dist/esm/polyfills/system.js +0 -0
  110. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  111. package/dist/esm/ptc-button.entry.js +65 -65
  112. package/dist/esm/ptc-card-bottom.entry.js +31 -31
  113. package/dist/esm/ptc-card-content.entry.js +31 -31
  114. package/dist/esm/ptc-card-plm.entry.js +16 -16
  115. package/dist/esm/ptc-card.entry.js +68 -68
  116. package/dist/esm/ptc-countdown.entry.js +8 -8
  117. package/dist/esm/ptc-date.entry.js +48 -48
  118. package/dist/esm/ptc-footer.entry.js +8 -8
  119. package/dist/esm/ptc-form.entry.js +104 -104
  120. package/dist/esm/ptc-hero.entry.js +18 -18
  121. package/dist/esm/ptc-img_2.entry.js +169 -169
  122. package/dist/esm/ptc-input.entry.js +20 -20
  123. package/dist/esm/ptc-link.entry.js +43 -43
  124. package/dist/esm/ptc-list.entry.js +20 -20
  125. package/dist/esm/ptc-lottie.entry.js +12 -12
  126. package/dist/esm/ptc-modal.entry.js +103 -103
  127. package/dist/esm/ptc-nav-item.entry.js +83 -83
  128. package/dist/esm/ptc-nav.entry.js +8 -8
  129. package/dist/esm/ptc-para.entry.js +39 -39
  130. package/dist/esm/ptc-picture.entry.js +158 -158
  131. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  132. package/dist/esm/ptc-select.entry.js +24 -24
  133. package/dist/esm/ptc-social-share.entry.js +64 -64
  134. package/dist/esm/ptc-spacer.entry.js +35 -35
  135. package/dist/esm/ptc-span.entry.js +23 -23
  136. package/dist/esm/ptc-title.entry.js +44 -44
  137. package/dist/esm/ptcw-design.js +1 -1
  138. package/dist/ptcw-design/media/brands.svg +1381 -1381
  139. package/dist/ptcw-design/media/designer.svg +316 -316
  140. package/dist/ptcw-design/media/regular.svg +463 -463
  141. package/dist/ptcw-design/media/solid.svg +3013 -3013
  142. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  143. package/dist/ptcw-design/{p-1e39bc14.entry.js → p-894e8c85.entry.js} +1 -1
  144. package/dist/ptcw-design/p-ba5ae1ea.entry.js +1 -0
  145. package/dist/ptcw-design/{p-b7981c22.entry.js → p-e87c04ae.entry.js} +2 -2
  146. package/dist/ptcw-design/{p-27538cac.entry.js → p-f2f1c015.entry.js} +1 -1
  147. package/dist/ptcw-design/ptcw-design.css +1 -1
  148. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  149. package/dist/ptcw-design/validation/FormValidation.js +4234 -4234
  150. package/dist/types/components/icon-asset/icon-asset.d.ts +32 -32
  151. package/dist/types/components/list-item/list-item.d.ts +8 -7
  152. package/dist/types/components/my-component/my-component.d.ts +16 -16
  153. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +35 -35
  154. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  155. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  156. package/dist/types/components/ptc-card/ptc-card.d.ts +50 -50
  157. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  158. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  159. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  160. package/dist/types/components/ptc-countdown/ptc-countdown.d.ts +3 -3
  161. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  162. package/dist/types/components/ptc-footer/ptc-footer.d.ts +3 -3
  163. package/dist/types/components/ptc-form/ptc-form.d.ts +11 -11
  164. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  165. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  166. package/dist/types/components/ptc-input/ptc-input.d.ts +19 -19
  167. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  168. package/dist/types/components/ptc-list/ptc-list.d.ts +6 -6
  169. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  170. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -0
  171. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -0
  172. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  173. package/dist/types/components/ptc-modal/ptc-modal.d.ts +46 -46
  174. package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
  175. package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
  176. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  177. package/dist/types/components/ptc-para/ptc-para.d.ts +28 -28
  178. package/dist/types/components/ptc-picture/ptc-picture.d.ts +82 -82
  179. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -0
  180. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  181. package/dist/types/components/ptc-select/ptc-select.d.ts +9 -9
  182. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
  183. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  184. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  185. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  186. package/dist/types/components/ptc-title/ptc-title.d.ts +41 -41
  187. package/dist/types/components.d.ts +77 -26
  188. package/dist/types/global.d.ts +1072 -1072
  189. package/dist/types/index.d.ts +1 -1
  190. package/dist/types/utils/interfaces.d.ts +14 -14
  191. package/dist/types/utils/utils.d.ts +1 -1
  192. package/package.json +58 -58
  193. package/readme.md +11 -11
  194. package/dist/cjs/list-item.cjs.entry.js +0 -29
  195. package/dist/esm/list-item.entry.js +0 -25
  196. package/dist/ptcw-design/p-5672aca0.entry.js +0 -1
  197. package/dist/ptcw-design/p-80c03571.entry.js +0 -1
  198. /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
+ }