@3t-transform/threeteeui 0.1.37 → 0.1.42

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 (155) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  2. package/dist/cjs/css-shim-211819bc.js +6 -0
  3. package/dist/cjs/dom-9deb26c8.js +75 -0
  4. package/dist/cjs/domsanitiser.options-277161b9.js +1667 -0
  5. package/dist/cjs/domsanitiser.options-3f1501b5.js +1697 -0
  6. package/dist/cjs/index-39a867c5.js +3298 -0
  7. package/dist/cjs/{index-457ca775.js → index-76f14107.js} +2 -88
  8. package/dist/cjs/loader.cjs.js +18 -3
  9. package/dist/cjs/shadow-css-bf3843d2.js +389 -0
  10. package/dist/cjs/tttx-button.cjs.entry.js +25 -25
  11. package/dist/cjs/tttx-filter.cjs.entry.js +159 -159
  12. package/dist/cjs/tttx-form.cjs.entry.js +459 -373
  13. package/dist/cjs/tttx-icon.cjs.entry.js +11 -11
  14. package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +59 -59
  15. package/dist/cjs/tttx-list.cjs.entry.js +32 -1694
  16. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
  17. package/dist/cjs/tttx-sorter.cjs.entry.js +102 -102
  18. package/dist/cjs/tttx-standalone-input.cjs.entry.js +79 -79
  19. package/dist/cjs/tttx-toolbar.cjs.entry.js +10 -10
  20. package/dist/cjs/tttx.cjs.js +116 -8
  21. package/dist/collection/collection-manifest.json +2 -2
  22. package/dist/collection/components/atoms/tttx-button/tttx-button.css +4 -4
  23. package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -110
  24. package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +14 -14
  25. package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -62
  26. package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -22
  27. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +109 -109
  28. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +38 -38
  29. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -67
  30. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
  31. package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +334 -334
  32. package/dist/collection/components/molecules/tttx-filter/tttx-filter.stories.js +62 -62
  33. package/dist/collection/components/molecules/tttx-form/lib/setErrorState.js +37 -37
  34. package/dist/collection/components/molecules/tttx-form/lib/validityCheck.js +61 -58
  35. package/dist/collection/components/molecules/tttx-form/tttx-form.css +98 -2
  36. package/dist/collection/components/molecules/tttx-form/tttx-form.js +479 -393
  37. package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +274 -218
  38. package/dist/collection/components/molecules/tttx-list/tttx-list.js +105 -105
  39. package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +43 -43
  40. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +224 -224
  41. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js +42 -42
  42. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +759 -759
  43. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +172 -172
  44. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +44 -44
  45. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +14 -14
  46. package/dist/collection/components/palette.stories.js +7 -7
  47. package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
  48. package/dist/collection/icons.js +2838 -2838
  49. package/dist/collection/index.js +1 -1
  50. package/dist/collection/shared/domsanitiser.options.js +14 -14
  51. package/dist/components/domsanitiser.options.js +1694 -0
  52. package/dist/components/index.d.ts +0 -9
  53. package/dist/components/index.js +5 -1
  54. package/dist/components/tttx-button.js +49 -49
  55. package/dist/components/tttx-filter.js +191 -191
  56. package/dist/components/tttx-form.js +477 -391
  57. package/dist/components/tttx-icon2.js +28 -28
  58. package/dist/components/tttx-keyvalue-block.js +76 -76
  59. package/dist/components/tttx-list.js +54 -1716
  60. package/dist/components/tttx-loading-spinner.js +33 -33
  61. package/dist/components/tttx-sorter.js +130 -130
  62. package/dist/components/tttx-standalone-input.js +130 -130
  63. package/dist/components/tttx-toolbar.js +26 -26
  64. package/dist/esm/app-globals-0f993ce5.js +3 -0
  65. package/dist/esm/css-shim-9d54a2f2.js +4 -0
  66. package/dist/esm/dom-6be6f662.js +73 -0
  67. package/dist/esm/domsanitiser.options-6f2878c8.js +1694 -0
  68. package/dist/esm/domsanitiser.options-cc420431.js +1664 -0
  69. package/dist/esm/{index-d784fb3e.js → index-9cde46a5.js} +3 -88
  70. package/dist/esm/index-e3e64631.js +3262 -0
  71. package/dist/esm/loader.js +18 -3
  72. package/dist/esm/polyfills/core-js.js +0 -0
  73. package/dist/esm/polyfills/css-shim.js +1 -1
  74. package/dist/esm/polyfills/dom.js +0 -0
  75. package/dist/esm/polyfills/es5-html-element.js +0 -0
  76. package/dist/esm/polyfills/index.js +0 -0
  77. package/dist/esm/polyfills/system.js +0 -0
  78. package/dist/esm/shadow-css-ed4599f8.js +387 -0
  79. package/dist/esm/tttx-button.entry.js +25 -25
  80. package/dist/esm/tttx-filter.entry.js +159 -159
  81. package/dist/esm/tttx-form.entry.js +459 -373
  82. package/dist/esm/tttx-icon.entry.js +11 -11
  83. package/dist/esm/tttx-keyvalue-block.entry.js +59 -59
  84. package/dist/esm/tttx-list.entry.js +32 -1694
  85. package/dist/esm/tttx-loading-spinner.entry.js +16 -16
  86. package/dist/esm/tttx-sorter.entry.js +102 -102
  87. package/dist/esm/tttx-standalone-input.entry.js +79 -79
  88. package/dist/esm/tttx-toolbar.entry.js +10 -10
  89. package/dist/esm/tttx.js +116 -5
  90. package/dist/tttx/app-globals-0f993ce5.js +3 -0
  91. package/dist/tttx/css-shim-9d54a2f2.js +4 -0
  92. package/dist/tttx/dom-6be6f662.js +73 -0
  93. package/dist/tttx/domsanitiser.options-6f2878c8.js +1694 -0
  94. package/dist/tttx/index-e3e64631.js +3262 -0
  95. package/dist/tttx/index.esm.js +1 -0
  96. package/dist/tttx/{p-400868f1.entry.js → p-3b1be372.entry.js} +1 -1
  97. package/dist/tttx/p-4e637d50.entry.js +1 -0
  98. package/dist/tttx/{p-563605b2.entry.js → p-561224f5.entry.js} +1 -1
  99. package/dist/tttx/{p-b720c4ad.entry.js → p-9f1e9cc1.entry.js} +1 -1
  100. package/dist/tttx/{p-798a098a.entry.js → p-aef96333.entry.js} +1 -1
  101. package/dist/tttx/p-b4290a5b.js +3 -0
  102. package/dist/tttx/p-bd1edaed.entry.js +1 -0
  103. package/dist/tttx/p-d0ff9ad0.entry.js +1 -0
  104. package/dist/tttx/{p-cac26a1b.entry.js → p-d2f1aa8e.entry.js} +1 -1
  105. package/dist/tttx/p-db059a69.js +2 -0
  106. package/dist/tttx/p-dc2a37b0.entry.js +1 -0
  107. package/dist/tttx/{p-ab6ce9f6.entry.js → p-e53c7f9d.entry.js} +1 -1
  108. package/dist/tttx/{p-92cade7f.entry.js → p-f885f17a.entry.js} +1 -1
  109. package/dist/tttx/shadow-css-ed4599f8.js +387 -0
  110. package/dist/tttx/tttx-button.entry.js +30 -0
  111. package/dist/tttx/tttx-filter.entry.js +165 -0
  112. package/dist/tttx/tttx-form.entry.js +468 -0
  113. package/dist/tttx/tttx-icon.entry.js +17 -0
  114. package/dist/tttx/tttx-keyvalue-block.entry.js +65 -0
  115. package/dist/tttx/tttx-list.entry.js +38 -0
  116. package/dist/tttx/tttx-loading-spinner.entry.js +22 -0
  117. package/dist/tttx/tttx-sorter.entry.js +108 -0
  118. package/dist/tttx/tttx-standalone-input.entry.js +85 -0
  119. package/dist/tttx/tttx-toolbar.entry.js +16 -0
  120. package/dist/tttx/tttx.esm.js +129 -1
  121. package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -10
  122. package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -10
  123. package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -5
  124. package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -20
  125. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +7 -7
  126. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +9 -9
  127. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
  128. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
  129. package/dist/types/components/molecules/tttx-filter/tttx-filter.d.ts +39 -39
  130. package/dist/types/components/molecules/tttx-filter/tttx-filter.stories.d.ts +68 -68
  131. package/dist/types/components/molecules/tttx-form/lib/setErrorState.d.ts +13 -13
  132. package/dist/types/components/molecules/tttx-form/lib/validityCheck.d.ts +17 -17
  133. package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +133 -111
  134. package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +278 -13
  135. package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +11 -11
  136. package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +14 -14
  137. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.d.ts +19 -19
  138. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.stories.d.ts +30 -30
  139. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +69 -69
  140. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +143 -143
  141. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts +4 -4
  142. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.stories.d.ts +13 -13
  143. package/dist/types/components/palette.stories.d.ts +6 -6
  144. package/dist/types/components.d.ts +1 -1
  145. package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
  146. package/dist/types/icons.d.ts +2 -2
  147. package/dist/types/index.d.ts +1 -1
  148. package/dist/types/shared/domsanitiser.options.d.ts +10 -10
  149. package/dist/types/stencil-public-runtime.d.ts +3 -59
  150. package/loader/index.d.ts +0 -9
  151. package/package.json +1 -1
  152. package/dist/tttx/p-0ebffdfc.js +0 -2
  153. package/dist/tttx/p-72e7f7dd.entry.js +0 -3
  154. package/dist/tttx/p-c4162029.entry.js +0 -1
  155. package/dist/tttx/p-eb126fd0.entry.js +0 -1
@@ -1,143 +1,143 @@
1
- declare const _default: {
2
- title: string;
3
- component: string;
4
- argTypes: {
5
- iconleft: {
6
- options: string[];
7
- control: {
8
- type: string;
9
- };
10
- };
11
- iconleftcolor: {
12
- control: {
13
- type: string;
14
- };
15
- };
16
- iconright: {
17
- options: string[];
18
- control: {
19
- type: string;
20
- };
21
- };
22
- iconrightcolor: {
23
- control: {
24
- type: string;
25
- };
26
- };
27
- inputicon: {
28
- options: string[];
29
- control: {
30
- type: string;
31
- };
32
- };
33
- inputiconcolor: {
34
- control: {
35
- type: string;
36
- };
37
- };
38
- label: {
39
- control: {
40
- type: string;
41
- };
42
- };
43
- secondarylabel: {
44
- control: {
45
- type: string;
46
- };
47
- };
48
- errormsg: {
49
- control: {
50
- type: string;
51
- };
52
- };
53
- showerrorbubble: {
54
- control: {
55
- type: string;
56
- };
57
- };
58
- showerrormsg: {
59
- control: {
60
- type: string;
61
- };
62
- };
63
- inline: {
64
- control: {
65
- type: string;
66
- };
67
- };
68
- checked: {
69
- control: {
70
- type: string;
71
- };
72
- };
73
- disabled: {
74
- control: {
75
- type: string;
76
- };
77
- };
78
- max: {
79
- control: {
80
- type: string;
81
- };
82
- };
83
- maxlength: {
84
- control: {
85
- type: string;
86
- };
87
- };
88
- min: {
89
- control: {
90
- type: string;
91
- };
92
- };
93
- minlength: {
94
- control: {
95
- type: string;
96
- };
97
- };
98
- name: {
99
- control: {
100
- type: string;
101
- };
102
- };
103
- pattern: {
104
- control: {
105
- type: string;
106
- };
107
- };
108
- placeholder: {
109
- control: {
110
- type: string;
111
- };
112
- };
113
- readonly: {
114
- control: {
115
- type: string;
116
- };
117
- };
118
- required: {
119
- control: {
120
- type: string;
121
- };
122
- };
123
- step: {
124
- control: {
125
- type: string;
126
- };
127
- };
128
- type: {
129
- options: string[];
130
- control: {
131
- type: string;
132
- };
133
- };
134
- value: {
135
- control: {
136
- type: string;
137
- };
138
- };
139
- };
140
- };
141
- export default _default;
142
- export declare const InputField: any;
143
- export declare const searchField: any;
1
+ declare const _default: {
2
+ title: string;
3
+ component: string;
4
+ argTypes: {
5
+ iconleft: {
6
+ options: string[];
7
+ control: {
8
+ type: string;
9
+ };
10
+ };
11
+ iconleftcolor: {
12
+ control: {
13
+ type: string;
14
+ };
15
+ };
16
+ iconright: {
17
+ options: string[];
18
+ control: {
19
+ type: string;
20
+ };
21
+ };
22
+ iconrightcolor: {
23
+ control: {
24
+ type: string;
25
+ };
26
+ };
27
+ inputicon: {
28
+ options: string[];
29
+ control: {
30
+ type: string;
31
+ };
32
+ };
33
+ inputiconcolor: {
34
+ control: {
35
+ type: string;
36
+ };
37
+ };
38
+ label: {
39
+ control: {
40
+ type: string;
41
+ };
42
+ };
43
+ secondarylabel: {
44
+ control: {
45
+ type: string;
46
+ };
47
+ };
48
+ errormsg: {
49
+ control: {
50
+ type: string;
51
+ };
52
+ };
53
+ showerrorbubble: {
54
+ control: {
55
+ type: string;
56
+ };
57
+ };
58
+ showerrormsg: {
59
+ control: {
60
+ type: string;
61
+ };
62
+ };
63
+ inline: {
64
+ control: {
65
+ type: string;
66
+ };
67
+ };
68
+ checked: {
69
+ control: {
70
+ type: string;
71
+ };
72
+ };
73
+ disabled: {
74
+ control: {
75
+ type: string;
76
+ };
77
+ };
78
+ max: {
79
+ control: {
80
+ type: string;
81
+ };
82
+ };
83
+ maxlength: {
84
+ control: {
85
+ type: string;
86
+ };
87
+ };
88
+ min: {
89
+ control: {
90
+ type: string;
91
+ };
92
+ };
93
+ minlength: {
94
+ control: {
95
+ type: string;
96
+ };
97
+ };
98
+ name: {
99
+ control: {
100
+ type: string;
101
+ };
102
+ };
103
+ pattern: {
104
+ control: {
105
+ type: string;
106
+ };
107
+ };
108
+ placeholder: {
109
+ control: {
110
+ type: string;
111
+ };
112
+ };
113
+ readonly: {
114
+ control: {
115
+ type: string;
116
+ };
117
+ };
118
+ required: {
119
+ control: {
120
+ type: string;
121
+ };
122
+ };
123
+ step: {
124
+ control: {
125
+ type: string;
126
+ };
127
+ };
128
+ type: {
129
+ options: string[];
130
+ control: {
131
+ type: string;
132
+ };
133
+ };
134
+ value: {
135
+ control: {
136
+ type: string;
137
+ };
138
+ };
139
+ };
140
+ };
141
+ export default _default;
142
+ export declare const InputField: any;
143
+ export declare const searchField: any;
@@ -1,4 +1,4 @@
1
- export declare class TttxToolbar {
2
- border: boolean;
3
- render(): any;
4
- }
1
+ export declare class TttxToolbar {
2
+ border: boolean;
3
+ render(): any;
4
+ }
@@ -1,13 +1,13 @@
1
- declare const _default: {
2
- title: string;
3
- component: string;
4
- argTypes: {
5
- border: {
6
- control: {
7
- type: string;
8
- };
9
- };
10
- };
11
- };
12
- export default _default;
13
- export declare const BasicStringList: any;
1
+ declare const _default: {
2
+ title: string;
3
+ component: string;
4
+ argTypes: {
5
+ border: {
6
+ control: {
7
+ type: string;
8
+ };
9
+ };
10
+ };
11
+ };
12
+ export default _default;
13
+ export declare const BasicStringList: any;
@@ -1,6 +1,6 @@
1
- declare const _default: {
2
- title: string;
3
- component: string;
4
- };
5
- export default _default;
6
- export declare const Default: any;
1
+ declare const _default: {
2
+ title: string;
3
+ component: string;
4
+ };
5
+ export default _default;
6
+ export declare const Default: any;
@@ -215,7 +215,7 @@ declare namespace LocalJSX {
215
215
  interface TttxForm {
216
216
  "data"?: any;
217
217
  "formschema"?: any;
218
- "onDataChanged"?: (event: TttxFormCustomEvent<{ name: string, value: any }>) => void;
218
+ "onDataChanged"?: (event: TttxFormCustomEvent<{ name: string; value: any }>) => void;
219
219
  "onDataSubmitted"?: (event: TttxFormCustomEvent<FormData>) => void;
220
220
  }
221
221
  interface TttxIcon {
@@ -1,5 +1,5 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const Default: any;
1
+ declare const _default: {
2
+ title: string;
3
+ };
4
+ export default _default;
5
+ export declare const Default: any;
@@ -1,2 +1,2 @@
1
- declare const icons: string[];
2
- export default icons;
1
+ declare const icons: string[];
2
+ export default icons;
@@ -1 +1 @@
1
- export { Components, JSX } from './components';
1
+ export { Components, JSX } from './components';
@@ -1,10 +1,10 @@
1
- declare function tagRegXp(tagName: string): RegExpExecArray;
2
- declare function attributeNameCheck(): boolean;
3
- declare const domSanitiserOptions: {
4
- CUSTOM_ELEMENT_HANDLING: {
5
- tagNameCheck: typeof tagRegXp;
6
- attributeNameCheck: typeof attributeNameCheck;
7
- allowCustomizedBuiltInElements: boolean;
8
- };
9
- };
10
- export default domSanitiserOptions;
1
+ declare function tagRegXp(tagName: string): RegExpExecArray;
2
+ declare function attributeNameCheck(): boolean;
3
+ declare const domSanitiserOptions: {
4
+ CUSTOM_ELEMENT_HANDLING: {
5
+ tagNameCheck: typeof tagRegXp;
6
+ attributeNameCheck: typeof attributeNameCheck;
7
+ allowCustomizedBuiltInElements: boolean;
8
+ };
9
+ };
10
+ export default domSanitiserOptions;
@@ -133,7 +133,7 @@ export interface ListenOptions {
133
133
  */
134
134
  passive?: boolean;
135
135
  }
136
- export type ListenTargetOptions = 'body' | 'document' | 'window';
136
+ export declare type ListenTargetOptions = 'body' | 'document' | 'window';
137
137
  export interface StateDecorator {
138
138
  (): PropertyDecorator;
139
139
  }
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
214
214
  * https://stenciljs.com/docs/reactive-data#watch-decorator
215
215
  */
216
216
  export declare const Watch: WatchDecorator;
217
- export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
218
- export type ErrorHandler = (err: any, element?: HTMLElement) => void;
217
+ export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
218
+ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
219
219
  /**
220
220
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
221
221
  */
@@ -257,15 +257,6 @@ export declare function getAssetPath(path: string): string;
257
257
  * @returns the set path
258
258
  */
259
259
  export declare function setAssetPath(path: string): string;
260
- /**
261
- * Used to specify a nonce value that corresponds with an application's
262
- * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
263
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
264
- * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
265
- * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
266
- * @param nonce The value to be used for the nonce attribute.
267
- */
268
- export declare function setNonce(nonce: string): void;
269
260
  /**
270
261
  * Retrieve a Stencil element for a given reference
271
262
  * @param ref the ref to get the Stencil element for
@@ -442,57 +433,13 @@ interface HostAttributes {
442
433
  ref?: (el: HTMLElement | null) => void;
443
434
  [prop: string]: any;
444
435
  }
445
- /**
446
- * Utilities for working with functional Stencil components. An object
447
- * conforming to this interface is passed by the Stencil runtime as the third
448
- * argument to a functional component, allowing component authors to work with
449
- * features like children.
450
- *
451
- * The children of a functional component will be passed as the second
452
- * argument, so a functional component which uses these utils to transform its
453
- * children might look like the following:
454
- *
455
- * ```ts
456
- * export const AddClass: FunctionalComponent = (_, children, utils) => (
457
- * utils.map(children, child => ({
458
- * ...child,
459
- * vattrs: {
460
- * ...child.vattrs,
461
- * class: `${child.vattrs.class} add-class`
462
- * }
463
- * }))
464
- * );
465
- * ```
466
- *
467
- * For more see the Stencil documentation, here:
468
- * https://stenciljs.com/docs/functional-components
469
- */
470
436
  export interface FunctionalUtilities {
471
- /**
472
- * Utility for reading the children of a functional component at runtime.
473
- * Since the Stencil runtime uses a different interface for children it is
474
- * not recommendeded to read the children directly, and is preferable to use
475
- * this utility to, for instance, perform a side effect for each child.
476
- */
477
437
  forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
478
- /**
479
- * Utility for transforming the children of a functional component. Given an
480
- * array of children and a callback this will return a list of the results of
481
- * passing each child to the supplied callback.
482
- */
483
438
  map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
484
439
  }
485
440
  export interface FunctionalComponent<T = {}> {
486
441
  (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
487
442
  }
488
- /**
489
- * A Child VDOM node
490
- *
491
- * This has most of the same properties as {@link VNode} but friendlier names
492
- * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
493
- * order to provide a friendlier public interface for users of the
494
- * {@link FunctionalUtilities}).
495
- */
496
443
  export interface ChildNode {
497
444
  vtag?: string | number | Function;
498
445
  vkey?: string | number;
@@ -539,9 +486,6 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
539
486
  export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
540
487
  export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
541
488
  export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
542
- /**
543
- * A virtual DOM node
544
- */
545
489
  export interface VNode {
546
490
  $flags$: number;
547
491
  $tag$: string | number | Function;
package/loader/index.d.ts CHANGED
@@ -10,12 +10,3 @@ export interface CustomElementsDefineOptions {
10
10
  }
11
11
  export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
12
12
  export declare function applyPolyfills(): Promise<void>;
13
-
14
- /**
15
- * Used to specify a nonce value that corresponds with an application's CSP.
16
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
17
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
18
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
19
- * will result in the same behavior.
20
- */
21
- export declare function setNonce(nonce: string): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@3t-transform/threeteeui",
3
- "version": "0.1.37",
3
+ "version": "0.1.42",
4
4
  "description": "3t Design System",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- let e,n,t=!1;const l={},s=e=>"object"==(e=typeof e)||"function"===e;function o(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const i=(e,n,...t)=>{let l=null,o=null,i=!1,r=!1;const u=[],a=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!s(l))&&(l+=""),i&&r?u[u.length-1].t+=l:u.push(i?c(null,l):l),r=i)};if(a(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const f=c(e,null);return f.l=n,u.length>0&&(f.o=u),f.i=o,f},c=(e,n)=>({u:0,m:e,t:n,$:null,o:null,l:null,i:null}),r={},u=e=>U(e).h,a=(e,n,t)=>{const l=u(e);return{emit:e=>f(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},f=(e,n,t)=>{const l=J.ce(n,t);return e.dispatchEvent(l),l},d=new WeakMap,m=e=>"sc-"+e.p,y=(e,n,t,l,o,i)=>{if(t!==l){let c=F(e,n),r=n.toLowerCase();if("class"===n){const n=e.classList,s=h(t),o=h(l);n.remove(...s.filter((e=>e&&!o.includes(e)))),n.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===n){for(const n in t)l&&null!=l[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in l)t&&l[n]===t[n]||(n.includes("-")?e.style.setProperty(n,l[n]):e.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&l(e);else if(c||"o"!==n[0]||"n"!==n[1]){const r=s(l);if((c||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const s=null==l?"":l;"list"===n?c=!1:null!=t&&e[n]==s||(e[n]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(n)||e.removeAttribute(n):(!c||4&i||o)&&!r&&e.setAttribute(n,l=!0===l?"":l)}else n="-"===n[2]?n.slice(3):F(G,r)?r.slice(2):r[2]+n.slice(3),t&&J.rel(e,n,t,!1),l&&J.ael(e,n,l,!1)}},$=/\s/,h=e=>e?e.split($):[],p=(e,n,t,s)=>{const o=11===n.$.nodeType&&n.$.host?n.$.host:n.$,i=e&&e.l||l,c=n.l||l;for(s in i)s in c||y(o,s,i[s],void 0,t,n.u);for(s in c)y(o,s,i[s],c[s],t,n.u)},b=(n,t,l)=>{const s=t.o[l];let o,i,c=0;if(null!==s.t)o=s.$=I.createTextNode(s.t);else if(o=s.$=I.createElement(s.m),p(null,s,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),s.o)for(c=0;c<s.o.length;++c)i=b(n,s,c),i&&o.appendChild(i);return o},w=(e,t,l,s,o,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);o<=i;++o)s[o]&&(c=b(null,l,o),c&&(s[o].$=c,r.insertBefore(c,t)))},v=(e,n,t,l,s)=>{for(;n<=t;++n)(l=e[n])&&(s=l.$,j(l),s.remove())},S=(e,n)=>e.m===n.m&&e.i===n.i,g=(e,n)=>{const t=n.$=e.$,l=e.o,s=n.o,o=n.t;null===o?("slot"===n.m||p(e,n,!1),null!==l&&null!==s?((e,n,t,l)=>{let s,o,i=0,c=0,r=0,u=0,a=n.length-1,f=n[0],d=n[a],m=l.length-1,y=l[0],$=l[m];for(;i<=a&&c<=m;)if(null==f)f=n[++i];else if(null==d)d=n[--a];else if(null==y)y=l[++c];else if(null==$)$=l[--m];else if(S(f,y))g(f,y),f=n[++i],y=l[++c];else if(S(d,$))g(d,$),d=n[--a],$=l[--m];else if(S(f,$))g(f,$),e.insertBefore(f.$,d.$.nextSibling),f=n[++i],$=l[--m];else if(S(d,y))g(d,y),e.insertBefore(d.$,f.$),d=n[--a],y=l[++c];else{for(r=-1,u=i;u<=a;++u)if(n[u]&&null!==n[u].i&&n[u].i===y.i){r=u;break}r>=0?(o=n[r],o.m!==y.m?s=b(n&&n[c],t,r):(g(o,y),n[r]=void 0,s=o.$),y=l[++c]):(s=b(n&&n[c],t,c),y=l[++c]),s&&f.$.parentNode.insertBefore(s,f.$)}i>a?w(e,null==l[m+1]?null:l[m+1].$,t,l,c,m):c>m&&v(n,i,a)})(t,l,n,s):null!==s?(null!==e.t&&(t.textContent=""),w(t,null,n,s,0,s.length-1)):null!==l&&v(l,0,l.length-1)):e.t!==o&&(t.data=o)},j=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(j)},k=(e,n)=>{n&&!e.v&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.v=n)))},M=(e,n)=>{if(e.u|=16,!(4&e.u))return k(e,e.S),le((()=>O(e,n)));e.u|=512},O=(e,n)=>{const t=e.g;let l;return n&&(l=W(t,"componentWillLoad")),l=E(l,(()=>W(t,"componentWillRender"))),E(l,(()=>C(e,t,n)))},C=async(e,n,t)=>{const l=e.h,s=l["s-rc"];t&&(e=>{const n=e.j,t=e.h,l=n.u,s=((e,n)=>{var t;let l=m(n);const s=B.get(l);if(e=11===e.nodeType?e:I,s)if("string"==typeof s){let n,i=d.get(e=e.head||e);if(i||d.set(e,i=new Set),!i.has(l)){{n=I.createElement("style"),n.innerHTML=s;const l=null!==(t=J.k)&&void 0!==t?t:o(I);null!=l&&n.setAttribute("nonce",l),e.insertBefore(n,e.querySelector("link"))}i&&i.add(l)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=s,t.classList.add(s+"-h"),2&l&&t.classList.add(s+"-s"))})(e);P(e,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const n=l["s-p"],t=()=>x(e);0===n.length?t():(Promise.all(n).then(t),e.u|=4,n.length=0)}},P=(t,l)=>{try{l=l.render(),t.u&=-17,t.u|=2,((t,l)=>{const s=t.h,o=t.M||c(null,null),u=(e=>e&&e.m===r)(l)?l:i(null,null,l);n=s.tagName,u.m=null,u.u|=4,t.M=u,u.$=o.$=s.shadowRoot||s,e=s["s-sc"],g(o,u)})(t,l)}catch(e){V(e,t.h)}return null},x=e=>{const n=e.h,t=e.S;W(e.g,"componentDidRender"),64&e.u||(e.u|=64,L(n),e.O(n),t||R()),e.C(n),e.v&&(e.v(),e.v=void 0),512&e.u&&te((()=>M(e,!1))),e.u&=-517},R=()=>{L(I.documentElement),te((()=>f(G,"appload",{detail:{namespace:"tttx"}})))},W=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){V(e)}},E=(e,n)=>e&&e.then?e.then(n):n(),L=e=>e.classList.add("hydrated"),N=(e,n,t)=>{if(n.P){e.watchers&&(n.R=e.watchers);const l=Object.entries(n.P),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&t&&32&l?Object.defineProperty(o,e,{get(){return((e,n)=>U(this).W.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=U(e),i=o.h,c=o.W.get(n),r=o.u,u=o.g;if(t=((e,n)=>null==e||s(e)?e:4&n?"false"!==e&&(""===e||!!e):1&n?e+"":e)(t,l.P[n][0]),(!(8&r)||void 0===c)&&t!==c&&(!Number.isNaN(c)||!Number.isNaN(t))&&(o.W.set(n,t),u)){if(l.R&&128&r){const e=l.R[n];e&&e.map((e=>{try{u[e](t,c,n)}catch(e){V(e,i)}}))}2==(18&r)&&M(o,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&l&&Object.defineProperty(o,e,{value(...n){const t=U(this);return t.L.then((()=>t.g[e](...n)))}})})),1&t){const n=new Map;o.attributeChangedCallback=function(e,t,l){J.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,n])=>15&n[0])).map((([e,t])=>{const l=t[1]||e;return n.set(l,e),l}))}}return e},T=(e,n={})=>{var t;const l=[],s=n.exclude||[],i=G.customElements,c=I.head,r=c.querySelector("meta[charset]"),u=I.createElement("style"),a=[];let f,d=!0;Object.assign(J,n),J.N=new URL(n.resourcesUrl||"./",I.baseURI).href,e.map((e=>{e[1].map((t=>{const o={u:t[0],p:t[1],P:t[2],T:t[3]};o.P=t[2],o.R={};const c=n.transformTagName?n.transformTagName(o.p):o.p,r=class extends HTMLElement{constructor(e){super(e),D(e=this,o),1&o.u&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):J.jmp((()=>(e=>{if(0==(1&J.u)){const n=U(e),t=n.j,l=()=>{};if(!(1&n.u)){n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){k(n,n.S=t);break}}t.P&&Object.entries(t.P).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t,l,s)=>{if(0==(32&n.u)){{if(n.u|=32,(s=z(t)).then){const e=()=>{};s=await s,e()}s.isProxied||(t.R=s.watchers,N(s,t,2),s.isProxied=!0);const e=()=>{};n.u|=8;try{new s(n)}catch(e){V(e)}n.u&=-9,n.u|=128,e()}if(s.style){let e=s.style;const n=m(t);if(!B.has(n)){const l=()=>{};((e,n,t)=>{let l=B.get(e);Q&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,B.set(e,l)})(n,e,!!(1&t.u)),l()}}}const o=n.S,i=()=>M(n,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,n,t)}l()}})(this)))}disconnectedCallback(){J.jmp((()=>{}))}componentOnReady(){return U(this).A}};o.H=e[0],s.includes(c)||i.get(c)||(l.push(c),i.define(c,N(r,o,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const e=null!==(t=J.k)&&void 0!==t?t:o(I);null!=e&&u.setAttribute("nonce",e),c.insertBefore(u,r?r.nextSibling:c.firstChild)}d=!1,a.length?a.map((e=>e.connectedCallback())):J.jmp((()=>f=setTimeout(R,30)))},A=e=>J.k=e,H=new WeakMap,U=e=>H.get(e),q=(e,n)=>H.set(n.g=e,n),D=(e,n)=>{const t={u:0,h:e,j:n,W:new Map};return t.L=new Promise((e=>t.C=e)),t.A=new Promise((e=>t.O=e)),e["s-p"]=[],e["s-rc"]=[],H.set(e,t)},F=(e,n)=>n in e,V=(e,n)=>(0,console.error)(e,n),_=new Map,z=e=>{const n=e.p.replace(/-/g,"_"),t=e.H,l=_.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(_.set(t,e),e[n])),V)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},B=new Map,G="undefined"!=typeof window?window:{},I=G.document||{head:{}},J={u:0,N:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},K=e=>Promise.resolve(e),Q=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),X=[],Y=[],Z=(e,n)=>l=>{e.push(l),t||(t=!0,n&&4&J.u?te(ne):J.raf(ne))},ee=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){V(e)}e.length=0},ne=()=>{ee(X),ee(Y),(t=X.length>0)&&J.raf(ne)},te=e=>K().then(e),le=Z(Y,!0);export{r as H,T as b,a as c,u as g,i as h,K as p,q as r,A as s}
@@ -1,3 +0,0 @@
1
- import{r as t,c as e,h as n}from"./p-0ebffdfc.js";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var i,o,r=(i=function(t){
2
- /*! @license DOMPurify 3.0.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.3/LICENSE */
3
- t.exports=function(){const{entries:t,setPrototypeOf:e,isFrozen:n,getPrototypeOf:i,getOwnPropertyDescriptor:o}=Object;let{freeze:r,seal:a,create:l}=Object,{apply:s,construct:c}="undefined"!=typeof Reflect&&Reflect;s||(s=function(t,e,n){return t.apply(e,n)}),r||(r=function(t){return t}),a||(a=function(t){return t}),c||(c=function(t,e){return new t(...e)});const f=k(Array.prototype.forEach),u=k(Array.prototype.pop),m=k(Array.prototype.push),p=k(String.prototype.toLowerCase),d=k(String.prototype.toString),h=k(String.prototype.match),g=k(String.prototype.replace),y=k(String.prototype.indexOf),b=k(String.prototype.trim),w=k(RegExp.prototype.test),x=(v=TypeError,function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return c(v,e)});var v;function k(t){return function(e){for(var n=arguments.length,i=new Array(n>1?n-1:0),o=1;o<n;o++)i[o-1]=arguments[o];return s(t,e,i)}}function T(t,i,o){var r;o=null!==(r=o)&&void 0!==r?r:p,e&&e(t,null);let a=i.length;for(;a--;){let e=i[a];if("string"==typeof e){const t=o(e);t!==e&&(n(i)||(i[a]=t),e=t)}t[e]=!0}return t}function A(e){const n=l(null);for(const[i,o]of t(e))n[i]=o;return n}function E(t,e){for(;null!==t;){const n=o(t,e);if(n){if(n.get)return k(n.get);if("function"==typeof n.value)return k(n.value)}t=i(t)}return function(t){return console.warn("fallback value for",t),null}}const R=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),S=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),_=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),L=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),D=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),z=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),I=r(["#text"]),O=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),M=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),N=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),C=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),F=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),P=a(/<%[\w\W]*|[\w\W]*%>/gm),j=a(/\${[\w\W]*}/gm),B=a(/^data-[\-\w.\u00B7-\uFFFF]/),U=a(/^aria-[\-\w]+$/),H=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),W=a(/^(?:\w+script|data):/i),q=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),G=a(/^html$/i);var Y=Object.freeze({__proto__:null,MUSTACHE_EXPR:F,ERB_EXPR:P,TMPLIT_EXPR:j,DATA_ATTR:B,ARIA_ATTR:U,IS_ALLOWED_URI:H,IS_SCRIPT_OR_DATA:W,ATTR_WHITESPACE:q,DOCTYPE_NAME:G});const X=()=>"undefined"==typeof window?null:window,$=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let n=null;const i="data-tt-policy-suffix";e&&e.hasAttribute(i)&&(n=e.getAttribute(i));const o="dompurify"+(n?"#"+n:"");try{return t.createPolicy(o,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};var J=function e(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:X();const i=t=>e(t);if(i.version="3.0.3",i.removed=[],!n||!n.document||9!==n.document.nodeType)return i.isSupported=!1,i;const o=n.document,a=o.currentScript;let{document:l}=n;const{DocumentFragment:s,HTMLTemplateElement:c,Node:v,Element:k,NodeFilter:F,NamedNodeMap:P=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:j,DOMParser:B,trustedTypes:U}=n,W=k.prototype,q=E(W,"cloneNode"),J=E(W,"nextSibling"),V=E(W,"childNodes"),K=E(W,"parentNode");if("function"==typeof c){const t=l.createElement("template");t.content&&t.content.ownerDocument&&(l=t.content.ownerDocument)}let Q,Z="";const{implementation:tt,createNodeIterator:et,createDocumentFragment:nt,getElementsByTagName:it}=l,{importNode:ot}=o;let rt={};i.isSupported="function"==typeof t&&"function"==typeof K&&tt&&void 0!==tt.createHTMLDocument;const{MUSTACHE_EXPR:at,ERB_EXPR:lt,TMPLIT_EXPR:st,DATA_ATTR:ct,ARIA_ATTR:ft,IS_SCRIPT_OR_DATA:ut,ATTR_WHITESPACE:mt}=Y;let{IS_ALLOWED_URI:pt}=Y,dt=null;const ht=T({},[...R,...S,..._,...D,...I]);let gt=null;const yt=T({},[...O,...M,...N,...C]);let bt=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),wt=null,xt=null,vt=!0,kt=!0,Tt=!1,At=!0,Et=!1,Rt=!1,St=!1,_t=!1,Lt=!1,Dt=!1,zt=!1,It=!0,Ot=!1;const Mt="user-content-";let Nt=!0,Ct=!1,Ft={},Pt=null;const jt=T({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Bt=null;const Ut=T({},["audio","video","img","source","image","track"]);let Ht=null;const Wt=T({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),qt="http://www.w3.org/1998/Math/MathML",Gt="http://www.w3.org/2000/svg",Yt="http://www.w3.org/1999/xhtml";let Xt=Yt,$t=!1,Jt=null;const Vt=T({},[qt,Gt,Yt],d);let Kt;const Qt=["application/xhtml+xml","text/html"],Zt="text/html";let te,ee=null;const ne=l.createElement("form"),ie=function(t){return t instanceof RegExp||t instanceof Function},oe=function(t){if(!ee||ee!==t){if(t&&"object"==typeof t||(t={}),t=A(t),Kt=Kt=-1===Qt.indexOf(t.PARSER_MEDIA_TYPE)?Zt:t.PARSER_MEDIA_TYPE,te="application/xhtml+xml"===Kt?d:p,dt="ALLOWED_TAGS"in t?T({},t.ALLOWED_TAGS,te):ht,gt="ALLOWED_ATTR"in t?T({},t.ALLOWED_ATTR,te):yt,Jt="ALLOWED_NAMESPACES"in t?T({},t.ALLOWED_NAMESPACES,d):Vt,Ht="ADD_URI_SAFE_ATTR"in t?T(A(Wt),t.ADD_URI_SAFE_ATTR,te):Wt,Bt="ADD_DATA_URI_TAGS"in t?T(A(Ut),t.ADD_DATA_URI_TAGS,te):Ut,Pt="FORBID_CONTENTS"in t?T({},t.FORBID_CONTENTS,te):jt,wt="FORBID_TAGS"in t?T({},t.FORBID_TAGS,te):{},xt="FORBID_ATTR"in t?T({},t.FORBID_ATTR,te):{},Ft="USE_PROFILES"in t&&t.USE_PROFILES,vt=!1!==t.ALLOW_ARIA_ATTR,kt=!1!==t.ALLOW_DATA_ATTR,Tt=t.ALLOW_UNKNOWN_PROTOCOLS||!1,At=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,Et=t.SAFE_FOR_TEMPLATES||!1,Rt=t.WHOLE_DOCUMENT||!1,Lt=t.RETURN_DOM||!1,Dt=t.RETURN_DOM_FRAGMENT||!1,zt=t.RETURN_TRUSTED_TYPE||!1,_t=t.FORCE_BODY||!1,It=!1!==t.SANITIZE_DOM,Ot=t.SANITIZE_NAMED_PROPS||!1,Nt=!1!==t.KEEP_CONTENT,Ct=t.IN_PLACE||!1,pt=t.ALLOWED_URI_REGEXP||H,Xt=t.NAMESPACE||Yt,bt=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&ie(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(bt.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&ie(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(bt.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(bt.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Et&&(kt=!1),Dt&&(Lt=!0),Ft&&(dt=T({},[...I]),gt=[],!0===Ft.html&&(T(dt,R),T(gt,O)),!0===Ft.svg&&(T(dt,S),T(gt,M),T(gt,C)),!0===Ft.svgFilters&&(T(dt,_),T(gt,M),T(gt,C)),!0===Ft.mathMl&&(T(dt,D),T(gt,N),T(gt,C))),t.ADD_TAGS&&(dt===ht&&(dt=A(dt)),T(dt,t.ADD_TAGS,te)),t.ADD_ATTR&&(gt===yt&&(gt=A(gt)),T(gt,t.ADD_ATTR,te)),t.ADD_URI_SAFE_ATTR&&T(Ht,t.ADD_URI_SAFE_ATTR,te),t.FORBID_CONTENTS&&(Pt===jt&&(Pt=A(Pt)),T(Pt,t.FORBID_CONTENTS,te)),Nt&&(dt["#text"]=!0),Rt&&T(dt,["html","head","body"]),dt.table&&(T(dt,["tbody"]),delete wt.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');Q=t.TRUSTED_TYPES_POLICY,Z=Q.createHTML("")}else void 0===Q&&(Q=$(U,a)),null!==Q&&"string"==typeof Z&&(Z=Q.createHTML(""));r&&r(t),ee=t}},re=T({},["mi","mo","mn","ms","mtext"]),ae=T({},["foreignobject","desc","title","annotation-xml"]),le=T({},["title","style","font","a","script"]),se=T({},S);T(se,_),T(se,L);const ce=T({},D);T(ce,z);const fe=function(t){let e=K(t);e&&e.tagName||(e={namespaceURI:Xt,tagName:"template"});const n=p(t.tagName),i=p(e.tagName);return!!Jt[t.namespaceURI]&&(t.namespaceURI===Gt?e.namespaceURI===Yt?"svg"===n:e.namespaceURI===qt?"svg"===n&&("annotation-xml"===i||re[i]):Boolean(se[n]):t.namespaceURI===qt?e.namespaceURI===Yt?"math"===n:e.namespaceURI===Gt?"math"===n&&ae[i]:Boolean(ce[n]):t.namespaceURI===Yt?!(e.namespaceURI===Gt&&!ae[i])&&!(e.namespaceURI===qt&&!re[i])&&!ce[n]&&(le[n]||!se[n]):!("application/xhtml+xml"!==Kt||!Jt[t.namespaceURI]))},ue=function(t){m(i.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}},me=function(t,e){try{m(i.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){m(i.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t&&!gt[t])if(Lt||Dt)try{ue(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},pe=function(t){let e,n;if(_t)t="<remove></remove>"+t;else{const e=h(t,/^[\r\n\t ]+/);n=e&&e[0]}"application/xhtml+xml"===Kt&&Xt===Yt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const i=Q?Q.createHTML(t):t;if(Xt===Yt)try{e=(new B).parseFromString(i,Kt)}catch(t){}if(!e||!e.documentElement){e=tt.createDocument(Xt,"template",null);try{e.documentElement.innerHTML=$t?Z:i}catch(t){}}const o=e.body||e.documentElement;return t&&n&&o.insertBefore(l.createTextNode(n),o.childNodes[0]||null),Xt===Yt?it.call(e,Rt?"html":"body")[0]:Rt?e.documentElement:o},de=function(t){return et.call(t.ownerDocument||t,t,F.SHOW_ELEMENT|F.SHOW_COMMENT|F.SHOW_TEXT,null,!1)},he=function(t){return t instanceof j&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof P)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},ge=function(t){return"object"==typeof v?t instanceof v:t&&"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},ye=function(t,e,n){rt[t]&&f(rt[t],(t=>{t.call(i,e,n,ee)}))},be=function(t){let e;if(ye("beforeSanitizeElements",t,null),he(t))return ue(t),!0;const n=te(t.nodeName);if(ye("uponSanitizeElement",t,{tagName:n,allowedTags:dt}),t.hasChildNodes()&&!ge(t.firstElementChild)&&(!ge(t.content)||!ge(t.content.firstElementChild))&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent))return ue(t),!0;if(!dt[n]||wt[n]){if(!wt[n]&&xe(n)){if(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,n))return!1;if(bt.tagNameCheck instanceof Function&&bt.tagNameCheck(n))return!1}if(Nt&&!Pt[n]){const e=K(t)||t.parentNode,n=V(t)||t.childNodes;if(n&&e)for(let i=n.length-1;i>=0;--i)e.insertBefore(q(n[i],!0),J(t))}return ue(t),!0}return t instanceof k&&!fe(t)?(ue(t),!0):"noscript"!==n&&"noembed"!==n||!w(/<\/no(script|embed)/i,t.innerHTML)?(Et&&3===t.nodeType&&(e=t.textContent,e=g(e,at," "),e=g(e,lt," "),e=g(e,st," "),t.textContent!==e&&(m(i.removed,{element:t.cloneNode()}),t.textContent=e)),ye("afterSanitizeElements",t,null),!1):(ue(t),!0)},we=function(t,e,n){if(It&&("id"===e||"name"===e)&&(n in l||n in ne))return!1;if(kt&&!xt[e]&&w(ct,e));else if(vt&&w(ft,e));else if(!gt[e]||xt[e]){if(!(xe(t)&&(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,t)||bt.tagNameCheck instanceof Function&&bt.tagNameCheck(t))&&(bt.attributeNameCheck instanceof RegExp&&w(bt.attributeNameCheck,e)||bt.attributeNameCheck instanceof Function&&bt.attributeNameCheck(e))||"is"===e&&bt.allowCustomizedBuiltInElements&&(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,n)||bt.tagNameCheck instanceof Function&&bt.tagNameCheck(n))))return!1}else if(Ht[e]);else if(w(pt,g(n,mt,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==y(n,"data:")||!Bt[t])if(Tt&&!w(ut,g(n,mt,"")));else if(n)return!1;return!0},xe=function(t){return t.indexOf("-")>0},ve=function(t){let e,n,o,r;ye("beforeSanitizeAttributes",t,null);const{attributes:a}=t;if(!a)return;const l={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:gt};for(r=a.length;r--;){e=a[r];const{name:s,namespaceURI:c}=e;if(n="value"===s?e.value:b(e.value),o=te(s),l.attrName=o,l.attrValue=n,l.keepAttr=!0,l.forceKeepAttr=void 0,ye("uponSanitizeAttribute",t,l),n=l.attrValue,l.forceKeepAttr)continue;if(me(s,t),!l.keepAttr)continue;if(!At&&w(/\/>/i,n)){me(s,t);continue}Et&&(n=g(n,at," "),n=g(n,lt," "),n=g(n,st," "));const f=te(t.nodeName);if(we(f,o,n)){if(!Ot||"id"!==o&&"name"!==o||(me(s,t),n=Mt+n),Q&&"object"==typeof U&&"function"==typeof U.getAttributeType)if(c);else switch(U.getAttributeType(f,o)){case"TrustedHTML":n=Q.createHTML(n);break;case"TrustedScriptURL":n=Q.createScriptURL(n)}try{c?t.setAttributeNS(c,s,n):t.setAttribute(s,n),u(i.removed)}catch(t){}}}ye("afterSanitizeAttributes",t,null)},ke=function t(e){let n;const i=de(e);for(ye("beforeSanitizeShadowDOM",e,null);n=i.nextNode();)ye("uponSanitizeShadowNode",n,null),be(n)||(n.content instanceof s&&t(n.content),ve(n));ye("afterSanitizeShadowDOM",e,null)};return i.sanitize=function(t){let e,n,r,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if($t=!t,$t&&(t="\x3c!--\x3e"),"string"!=typeof t&&!ge(t)){if("function"!=typeof t.toString)throw x("toString is not a function");if("string"!=typeof(t=t.toString()))throw x("dirty is not a string, aborting")}if(!i.isSupported)return t;if(St||oe(l),i.removed=[],"string"==typeof t&&(Ct=!1),Ct){if(t.nodeName){const e=te(t.nodeName);if(!dt[e]||wt[e])throw x("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof v)e=pe("\x3c!----\x3e"),n=e.ownerDocument.importNode(t,!0),1===n.nodeType&&"BODY"===n.nodeName||"HTML"===n.nodeName?e=n:e.appendChild(n);else{if(!Lt&&!Et&&!Rt&&-1===t.indexOf("<"))return Q&&zt?Q.createHTML(t):t;if(e=pe(t),!e)return Lt?null:zt?Z:""}e&&_t&&ue(e.firstChild);const c=de(Ct?t:e);for(;r=c.nextNode();)be(r)||(r.content instanceof s&&ke(r.content),ve(r));if(Ct)return t;if(Lt){if(Dt)for(a=nt.call(e.ownerDocument);e.firstChild;)a.appendChild(e.firstChild);else a=e;return(gt.shadowroot||gt.shadowrootmod)&&(a=ot.call(o,a,!0)),a}let f=Rt?e.outerHTML:e.innerHTML;return Rt&&dt["!doctype"]&&e.ownerDocument&&e.ownerDocument.doctype&&e.ownerDocument.doctype.name&&w(G,e.ownerDocument.doctype.name)&&(f="<!DOCTYPE "+e.ownerDocument.doctype.name+">\n"+f),Et&&(f=g(f,at," "),f=g(f,lt," "),f=g(f,st," ")),Q&&zt?Q.createHTML(f):f},i.setConfig=function(t){oe(t),St=!0},i.clearConfig=function(){ee=null,St=!1},i.isValidAttribute=function(t,e,n){ee||oe({});const i=te(t),o=te(e);return we(i,o,n)},i.addHook=function(t,e){"function"==typeof e&&(rt[t]=rt[t]||[],m(rt[t],e))},i.removeHook=function(t){if(rt[t])return u(rt[t])},i.removeHooks=function(t){rt[t]&&(rt[t]=[])},i.removeAllHooks=function(){rt={}},i}();return J}()},i(o={path:undefined,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),o.exports);const a={CUSTOM_ELEMENT_HANDLING:{tagNameCheck:function(t){return RegExp(/^tttx-/).exec(t)},attributeNameCheck:function(){return!0},allowCustomizedBuiltInElements:!1}},l=class{constructor(n){t(this,n),this.rowClick=e(this,"listRowClick",7),this.data=void 0,this.name=void 0}onRowClickHandler(t){t.clickable&&t.rowData&&this.rowClick.emit({name:this.name,data:t.rowData})}renderListItem(t){const e=r.sanitize(t.element,a);return n("li",{class:"item "+(t.clickable?"clickable":""),onClick:()=>{this.onRowClickHandler(t)}},t.element&&n("span",{class:"item-content",innerHTML:e}),t.icon&&n("tttx-icon",{class:"align-right ",icon:t.icon}))}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,n("ul",{class:"list"},this._data.map((t=>this.renderListItem(t))))}};l.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:flex;flex-direction:column}.list{margin:0;padding:0}.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px;display:flex;align-items:center}.item:first-of-type{border-top:1px solid #d5d5d5}.item.clickable:hover{cursor:pointer}.item.clickable:active{background-color:#e6e6e6}.align-right{margin-left:auto}.item-content{display:flex;align-items:center}';export{l as tttx_list}
@@ -1 +0,0 @@
1
- import{r as o,h as t,H as r}from"./p-0ebffdfc.js";const i=class{constructor(t){o(this,t),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.design="default"}componentWillLoad(){this._design=this.design,["primary","default","disabled","danger","borderless"].includes(this.design)||(this._design="default"),"primary"!==this._design&&"danger"!==this._design||(this._iconcolor="white")}render(){return t(r,null,t("button",{class:`button ${this._design} ${this.icon?"withicon":""} ${this.icon&&this.iconposition?"icon"+this.iconposition:""} ${this.notext?"notext":""}`},this.icon&&"left"===this.iconposition&&t("div",{class:"icon-left"},t("tttx-icon",{icon:this.icon,color:this._iconcolor})),!this.notext&&t("div",{class:"button-content"},t("slot",null)),this.icon&&"right"===this.iconposition&&t("div",{class:"icon-right"},t("tttx-icon",{icon:this.icon,color:this._iconcolor}))))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:inline-block}button{cursor:pointer}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}';export{i as tttx_button}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as e,H as n}from"./p-0ebffdfc.js";const o=class{constructor(e){t(this,e),this.dataSubmitted=i(this,"dataSubmitted",7),this.dataChanged=i(this,"dataChanged",7),this.template=document.createElement("template"),this.formschema=void 0,this.data=void 0}onFormSchemaChange(t){this._formSchema="string"==typeof t?JSON.parse(t):t}onDataChange(t){this._data="string"==typeof t?JSON.parse(t):t}fieldChanged(t){this.dataChanged.emit({name:t.target.name,value:t.target.value})}async submit(){this.submitButton.click()}doSubmit(t){t.preventDefault();const i=new FormData(t.target);this.dataSubmitted.emit(i)}componentWillLoad(){this.onFormSchemaChange(this.formschema),this.data&&this.onDataChange(this.data)}componentWillRender(){this.template=document.createElement("template"),this.populateFormFromSchema()}createInput(t,i){var e;const n=document.createElement("input");return n.name=t,n.type=i.type,n.placeholder=null!==(e=i.placeholder)&&void 0!==e?e:"",n.autocomplete="off",n.autocapitalize="off",i.readonly&&(n.readOnly=!0),n}applyValidation(t,i){var e,n;i.required&&(t.setAttribute("required",""),t.setAttribute("data-required",null!==(e=i.required.message)&&void 0!==e?e:"")),i.pattern&&(t.setAttribute("pattern",i.pattern.pattern),t.setAttribute("data-pattern",null!==(n=i.pattern.message)&&void 0!==n?n:"")),i.badInput&&t.setAttribute("data-badinput",i.badInput.message),i.minmax&&(t.setAttribute("min",i.minmax.min),t.setAttribute("max",i.minmax.max),t.setAttribute("data-range",i.minmax.message)),i.maxlength&&t.setAttribute("maxlength",i.maxlength)}createErrorBubble(){const t=document.createElement("div");return t.className="errorBubble",t}createLabel(t,i,e){const n=document.createElement("label");if(n.className="inputBlock",n.innerText=t.label,!t.validation){const t=document.createElement("span");t.className="optional",t.innerHTML="&nbsp;(optional)",n.appendChild(t)}return t.readonly&&n.classList.add("readonly"),n.appendChild(i),n.appendChild(e),n}populateFormFromSchema(){if(!this._formSchema)return;const t=this._formSchema.properties;Object.keys(t).forEach((i=>{const e=t[i].form,n=this.createInput(i,e);e.validation&&this.applyValidation(n,e.validation);const o=this.createErrorBubble(),r=this.createLabel(e,n,o);this.template.content.append(r)}))}componentDidRender(){if(!this._formSchema)return;const t=this.template.content.cloneNode(!0);Object.keys(this._formSchema.properties).forEach((i=>{const e=t.querySelector(`[name=${i}]`);e.oninvalid=this.validityCheckWrapper.bind(this),e.onblur=this.validityCheckWrapper.bind(this),e.onkeyup=this.fieldChanged.bind(this),e.onchange=this.fieldChanged.bind(this),this._data&&null!=this._data[i]&&(e.value=this._data[i])})),this.fieldset.appendChild(t)}validityCheckWrapper(t){const{target:i,hasError:e,errorMessage:n}=function(t){var i,e,n,o;t.preventDefault();const r=t.target;let a=!0,l="";switch(!0){case r.validity.valueMissing:l=null!==(i=r.dataset.required)&&void 0!==i?i:"This field is required";break;case r.validity.patternMismatch:l=null!==(e=r.dataset.pattern)&&void 0!==e?e:"Incorrect format";break;case r.validity.badInput:l=null!==(n=r.dataset.badinput)&&void 0!==n?n:"Wrong input type";break;case r.validity.rangeOverflow||r.validity.rangeUnderflow:l=null!==(o=r.dataset.range)&&void 0!==o?o:"Invalid value";break;default:a=!1}return{target:r,hasError:a,errorMessage:l}}(t);!function(t,i,e){const n=t.parentElement.querySelector(".errorBubble");if(i){t.className="invalid",n.classList.add("visible");const i=document.createElement("span");i.className="material-symbols-rounded",i.textContent="warning",n.innerHTML="",n.append(i),n.append(e)}else n.classList.remove("visible"),t.className="",n.innerHTML=""}(i,e,n)}render(){return e(n,null,e("form",{onSubmit:this.doSubmit.bind(this)},e("fieldset",{ref:t=>this.fieldset=t}),e("input",{type:"submit",ref:t=>this.submitButton=t,style:{display:"none"}})))}static get watchers(){return{formschema:["onFormSchemaChange"],data:["onDataChange"]}}};o.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.icon-left,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.icon-right{margin-top:5px}.icon-left{margin-top:5px;margin-left:4px}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.input-icon{position:absolute;margin-top:9px;margin-left:4px}.errormsg{display:flex;justify-content:center;align-items:center;float:left;margin-bottom:16px;box-sizing:border-box;background-color:transparent;height:26px;font-size:14px;line-height:16px;border-radius:none;z-index:2;color:#dc0000}.errormsg .validationicon{width:16px;height:16px;font-size:16px;line-height:19px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger{color:#dc0000}.optional{color:#757575;font-weight:normal}label.inputBlock{display:block;position:relative;line-height:21px}label.inputInline{display:flex;white-space:nowrap;align-items:center}label.inputInline .input-container{margin:0 4px;width:100%;display:flex;align-items:center;gap:4px;position:relative}label{font-weight:500;font-size:16px;line-height:19px;margin-bottom:16px}input:not([type=submit]){font-family:"Roboto", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;line-height:19px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}input[type=date]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}@media (max-width: 600px){input[type=date]{padding-top:6px}}input.invalid:invalid,input.standalone.invalid{border:1px solid #dc0000}.input-icon~input{padding:0 32px}input~.errorBubble{position:relative;font-size:14px;line-height:16px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}input~.errorBubble:not(.visible){display:none}input~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}input.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000}input:focus{border-color:#1479c6}input:focus-visible{outline:none}.secondarylabel{color:#757575;font-size:14px;line-height:16px;font-weight:normal;display:flex;margin-top:4px}label.inputBlock.readonly{pointer-events:none;user-select:none;color:gray}input[readonly]{cursor:default;pointer-events:none;user-select:none;color:gray}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:block}fieldset{margin:0;padding:0;border:none}input[type=submit]{margin-left:auto}';export{o as tttx_form}