pollcatch 1.0.1

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 (34) hide show
  1. package/README.md +262 -0
  2. package/emoji/angry.svg +1 -0
  3. package/emoji/angry_filled.svg +1 -0
  4. package/emoji/check.svg +1 -0
  5. package/emoji/check_filled.svg +1 -0
  6. package/emoji/cheer.svg +1 -0
  7. package/emoji/cheer_filled.svg +1 -0
  8. package/emoji/dissatisfied.svg +1 -0
  9. package/emoji/dissatisfied_filled.svg +1 -0
  10. package/emoji/excited.svg +1 -0
  11. package/emoji/excited_filled.svg +1 -0
  12. package/emoji/fire.svg +1 -0
  13. package/emoji/fire_filled.svg +1 -0
  14. package/emoji/heart.svg +1 -0
  15. package/emoji/heart_filled.svg +1 -0
  16. package/emoji/neutral.svg +1 -0
  17. package/emoji/neutral_filled.svg +1 -0
  18. package/emoji/party.svg +1 -0
  19. package/emoji/party_filled.svg +1 -0
  20. package/emoji/rocket.svg +1 -0
  21. package/emoji/rocket_filled.svg +1 -0
  22. package/emoji/satisfied.svg +1 -0
  23. package/emoji/satisfied_filled.svg +1 -0
  24. package/emoji/star.svg +1 -0
  25. package/emoji/thumbdown.svg +1 -0
  26. package/emoji/thumbdown_filled.svg +1 -0
  27. package/emoji/thumbup.svg +1 -0
  28. package/emoji/thumbup_filled.svg +1 -0
  29. package/emoji/very_dissatisfied.svg +1 -0
  30. package/emoji/very_dissatisfied_filled.svg +1 -0
  31. package/emoji/very_satisfied.svg +1 -0
  32. package/emoji/very_satisfied_filled.svg +1 -0
  33. package/package.json +28 -0
  34. package/pc.js +5330 -0
package/README.md ADDED
@@ -0,0 +1,262 @@
1
+ # Pollcatch
2
+
3
+ A collection of lightweight, customizable feedback Web Components built with Lit and TypeScript.
4
+
5
+ ## Features
6
+
7
+ - Modular design with specialized components for different feedback types
8
+ - Lightweight and focused components that can be used individually or combined
9
+ - Supports multiple feedback types:
10
+ - Star ratings
11
+ - Reactions (emoji-based feedback, including thumbs up/down)
12
+ - NPS (Net Promoter Score)
13
+ - Poll questions
14
+ - Text feedback
15
+ - Consistent API across all components
16
+ - Styling via CSS custom properties
17
+ - Accessible and responsive design
18
+
19
+ ## Installation
20
+
21
+ ```bash
22
+ pnpm install pollcatch
23
+ ```
24
+
25
+ ## Basic Usage
26
+
27
+ ```html
28
+ <!-- Load from CDN -->
29
+ <script type="module" src="https://cdn.jsdelivr.net/npm/pollcatch@latest"></script>
30
+
31
+ <!-- Or import directly in your JavaScript module -->
32
+ <script type="module">
33
+ import 'pollcatch';
34
+ </script>
35
+
36
+ <!-- Use the unified wrapper component (recommended) -->
37
+ <poll-catch type="stars" label="Rate our service" max="5"></poll-catch>
38
+ <poll-catch type="nps" label="How likely are you to recommend us?"></poll-catch>
39
+ <poll-catch type="poll" label="Favorite color?" options='["Red", "Blue", "Green"]'></poll-catch>
40
+ <poll-catch type="text" label="Feedback" placeholder="Tell us what you think..."></poll-catch>
41
+ <poll-catch type="reaction" label="How was your experience?" options='["👍", "👎"]'></poll-catch>
42
+
43
+ <!-- Or use the components individually -->
44
+ <pc-stars max-stars="5" label="How would you rate our service?"></pc-stars>
45
+ <pc-reaction options="👍,👎" mode="expand" label="Was this helpful?"></pc-reaction>
46
+ <pc-reaction icon="like" label="Like this article?"></pc-reaction>
47
+ ```
48
+
49
+ ## Available Components
50
+
51
+ ### Stars Component (`<pc-stars>`)
52
+
53
+ A flexible star rating component with a sophisticated two-mode experience for collecting and displaying user feedback.
54
+
55
+ #### Basic Usage
56
+
57
+ ```html
58
+ <pc-stars name="satisfaction" label="How satisfied are you?" show-stats></pc-stars>
59
+ <pc-stars name="service" label="Service quality" show-stats show-chart></pc-stars>
60
+ <pc-stars name="detailed" label="Detailed rating (1-10)" num-stars="10" show-stats></pc-stars>
61
+ <pc-stars name="quick" label="Quick feedback"></pc-stars>
62
+ ```
63
+
64
+ #### Properties
65
+
66
+ | Property | Type | Default | Description |
67
+ |----------|------|---------|-------------|
68
+ | `name` | `string` | Required | Unique identifier for the rating |
69
+ | `label` | `string` | `''` | Label text displayed above the stars |
70
+ | `num-stars` | `number` | `5` | Number of stars to display (1-10) |
71
+ | `show-stats` | `boolean` | `false` | Show stats text below stars |
72
+ | `show-chart` | `boolean` | `false` | Enable chart toggle button |
73
+ | `readonly` | `boolean` | `false` | Hide add/edit controls |
74
+ | `primary-color` | `string` | `''` | Custom primary color |
75
+ | `accent-color` | `string` | `''` | Custom star color |
76
+
77
+ ### Reaction Component (`<pc-reaction>`)
78
+
79
+ An emoji-based reaction component for emotional feedback. Can be used for thumbs up/down, emoji reactions, custom feedback options, and also supports custom reaction icons.
80
+
81
+ ```html
82
+ <pc-reaction label="Was this helpful?" options="👍,👎" mode="expand"></pc-reaction>
83
+ <pc-reaction label="React to this article" options="👍,❤️,😂,😮,😢,😡" mode="compact" multiple show-stats></pc-reaction>
84
+ ```
85
+
86
+ **Custom Reaction Icons:**
87
+ You can define custom icons using the `<pc-reaction-icon>` element as children of `<pc-reaction>`. This allows you to use SVGs or custom images as reaction options.
88
+
89
+ ```html
90
+ <pc-reaction label="How do you feel?" mode="expand">
91
+ <pc-reaction-icon name="like" icon="👍" tooltip="Like"></pc-reaction-icon>
92
+ <pc-reaction-icon name="love" icon="❤️" tooltip="Love"></pc-reaction-icon>
93
+ <pc-reaction-icon name="star" icon="star-outline.svg" tooltip="Star"></pc-reaction-icon>
94
+ <pc-reaction-icon name="custom" icon="/images/custom-icon.png" tooltip="Custom"></pc-reaction-icon>
95
+ </pc-reaction>
96
+ ```
97
+
98
+ ### NPS Component (`<pc-nps>`)
99
+
100
+ A Net Promoter Score component for collecting loyalty metrics.
101
+
102
+ ```html
103
+ <pc-nps label="How likely are you to recommend us?"></pc-nps>
104
+ ```
105
+
106
+ ### Poll Component (`<pc-poll>`)
107
+
108
+ A component for single-choice poll questions.
109
+
110
+ ```html
111
+ <pc-poll label="Would you use this feature again?" options='["Yes", "No", "Maybe"]' selected="Yes"></pc-poll>
112
+ ```
113
+
114
+ ### Text Component (`<pc-text>`)
115
+
116
+ A component for collecting free-form text feedback.
117
+
118
+ ```html
119
+ <pc-text label="Additional comments" placeholder="Your thoughts?" maxlength="200"></pc-text>
120
+ ```
121
+
122
+ ## Common Attributes
123
+
124
+ All components inherit from the base widget and share these common attributes:
125
+
126
+ - `label`: The question or prompt text
127
+ - `label-position`: Position of the label (top, left, right, bottom)
128
+ - `label-align`: Alignment of the label
129
+ - `readonly`: Whether the field is readonly
130
+ - `tags`: Custom tags for analytics or data categorization
131
+ - `widget-type`: Type identifier for the widget (automatically set)
132
+ - `name`: Identifier for the component
133
+ - `project`: Project identifier for the component (optional, for registered users)
134
+
135
+ ## Events
136
+
137
+ All components emit a `change` event when their value changes:
138
+
139
+ ```javascript
140
+ document.querySelector('pc-stars').addEventListener('change', (e) => {
141
+ console.log('New rating:', e.detail.value);
142
+ });
143
+ ```
144
+
145
+ The event detail contains:
146
+
147
+ - `projectId`: The project identifier
148
+ - `widgetType`: The type of the widget
149
+ - `widgetName`: The name of the widget
150
+ - `sessionId`: The session identifier
151
+ - `timestamp`: The timestamp of the event
152
+ - `url`: The URL of the page
153
+ - `numericValue`: The numeric value of the widget
154
+ - `textValues`: The text values of the widget
155
+ - `tags`: Any custom tags assigned to the widget
156
+
157
+ ## Customization
158
+
159
+ ### CSS Custom Properties
160
+
161
+ You can customize the appearance using the following CSS variables:
162
+
163
+ | Variable | Default | Description |
164
+ |----------|---------|-------------|
165
+ | `--pc-primary-color` | `#2196f3` | Primary accent color for components |
166
+ | `--pc-text-color` | `#333333` | Main text color |
167
+ | `--pc-mute-color` | `#cccccc` | Muted/disabled color |
168
+ | `--pc-accent-color` | `#f2b200` | Accent color for stars, icons, etc. |
169
+ | `--pc-accent-hover-color` | `#ffc61a` | Hover state for accent elements |
170
+ | `--pc-icon-size` | `clamp(1.1em, calc(1em + 0.4vw), 1.6em)` | Icon size |
171
+ | `--pc-control-spacing` | `clamp(0.4em, 0.6em, 0.8em)` | Spacing between controls |
172
+ | `--pc-button-radius` | `var(--pc-border-radius-md)` | Border radius for buttons |
173
+ | `--pc-border-radius-sm` | `2px` | Small border radius |
174
+ | `--pc-border-radius-md` | `4px` | Medium border radius |
175
+ | `--pc-border-radius-lg` | `8px` | Large border radius |
176
+ | `--pc-loading-width` | `clamp(1.4em, 1.8em, 2.2em)` | Width of loading indicator |
177
+ | `--pc-loading-height` | `clamp(0.6em, 0.7em, 0.8em)` | Height of loading indicator |
178
+ | `--pc-chart-max-width` | `clamp(200px, 100%, 300px)` | Max width for charts |
179
+ | `--pc-chart-min-width` | `clamp(150px, 12px, 200px)` | Min width for charts |
180
+ | `--pc-bar-height` | `clamp(0.5em, 0.6em, 0.8em)` | Height of bar charts |
181
+ | `--pc-font-size-small` | `clamp(0.6em, 0.7em, 0.8em)` | Small font size |
182
+ | `--pc-font-size-medium` | `clamp(0.8em, 0.9em, 1em)` | Medium font size |
183
+
184
+ These variables can be overridden globally or per-component to customize the look and feel of Pollcatch widgets.
185
+
186
+ ### Custom CSS via Attribute
187
+
188
+ You can also use the `css` attribute on any Pollcatch component to inject custom CSS for internal elements. This allows for advanced customization beyond the available CSS variables.
189
+
190
+ **Example:**
191
+ ```html
192
+ <pc-stars
193
+ label="Custom Stars"
194
+ css=".stars-section { background: #f9f9f9; } .pc-label { color: #e91e63; }"
195
+ ></pc-stars>
196
+ ```
197
+
198
+ ## Accessibility
199
+
200
+ All components are designed with accessibility in mind:
201
+ - Proper ARIA attributes
202
+ - Keyboard navigation
203
+ - Screen reader announcements
204
+ - Sufficient color contrast
205
+
206
+ ## Browser Support
207
+
208
+ Pollcatch components work in all modern browsers that support Web Components:
209
+ - Chrome
210
+ - Firefox
211
+ - Safari
212
+ - Edge
213
+
214
+ ## Project Attribute
215
+
216
+ Registered users can organize their widgets and polls under a unique project by using the `project` attribute. Each project can contain one or more widgets, allowing for better data security, integrity, and access to advanced features.
217
+
218
+ **Benefits of using a project:**
219
+ - Enhanced data security and integrity
220
+ - Project-level reporting and analytics
221
+ - Webhook integrations for real-time notifications
222
+ - Website/domain whitelisting for data access control
223
+ - Longer data retention and advanced management options
224
+
225
+ **Example:**
226
+ ```html
227
+ <pc-stars name="customer-satisfaction" label="How satisfied are you?" project="my-website-project"></pc-stars>
228
+ <pc-poll name="feature-vote" label="Vote for a feature" project="my-website-project"></pc-poll>
229
+ ```
230
+
231
+ To use these features, register and create a project in your Pollcatch dashboard, then assign the `project` attribute to your widgets.
232
+
233
+ ## How to Set the Project Attribute
234
+
235
+ There are several ways to specify the `project` for your widgets. Choose the approach that best fits your integration:
236
+
237
+ ### 1. Set on Each Widget (Tag Level)
238
+ Assign the `project` attribute directly to each widget tag. This is the most explicit and flexible method.
239
+
240
+ ```html
241
+ <pc-stars name="customer-satisfaction" label="How satisfied are you?" project="my-website-project"></pc-stars>
242
+ <pc-poll name="feature-vote" label="Vote for a feature" project="my-website-project"></pc-poll>
243
+ ```
244
+
245
+ ### 2. Set as a Global Variable
246
+ If all widgets on the page share the same project, you can set a global variable before loading the Pollcatch script:
247
+
248
+ ```html
249
+ <script>
250
+ window.pcProject = 'my-website-project';
251
+ </script>
252
+ <script type="module" src="https://cdn.jsdelivr.net/npm/pollcatch@latest"></script>
253
+ ```
254
+
255
+ ### 3. Set via Script Tag Attribute
256
+ Alternatively, add a `pc-project` attribute to the script tag that loads Pollcatch. All widgets on the page will use this project key by default:
257
+
258
+ ```html
259
+ <script type="module" src="https://cdn.jsdelivr.net/npm/pollcatch@latest" pc-project="my-website-project"></script>
260
+ ```
261
+
262
+ > **Note:** The order of precedence is: tag-level `project` attribute > global variable > script tag attribute. If a widget has its own `project` attribute, it will override the global or script tag setting.
package/emoji/angry.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Zm60-364 20-12q2 24 19 40t41 16q25 0 42.5-17.5T680-540q0-15-7-28.5T654-590l26-15-20-35-140 80 20 36Zm-120 0 20-36-140-80-20 35 26 15q-12 8-19 21.5t-7 28.5q0 25 17.5 42.5T340-480q24 0 41-16t19-40l20 12Zm60 84q-71 0-125 45.5T279-280h402q-22-69-76-114.5T480-440Zm0-40Z"/></svg>
package/emoji/angry_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm60-444 20-12q2 24 19 40t41 16q25 0 42.5-17.5T680-540q0-15-7-28.5T654-590l26-15-20-35-140 80 20 36Zm-120 0 20-36-140-80-20 35 26 15q-12 8-19 21.5t-7 28.5q0 25 17.5 42.5T340-480q24 0 41-16t19-40l20 12Zm60 84q-71 0-125 45.5T279-280h402q-22-69-76-114.5T480-440Z"/></svg>
package/emoji/check.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
package/emoji/check_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
package/emoji/cheer.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="m312-751-40-120 56-18 40 119-56 19Zm138-49v-120h60v120h-60Zm198 49-56-19 40-119 56 19-40 119ZM86-40l-12-79 211-32q11-2 19.5-9.5T317-179l34-106q5-14 0-27t-18-20l-33 104-76-24 88-278q8-25 30.5-37.5T390-572q25 8 37.5 30.5T432-494l-87 276 36 11 55-170q26 23 36 57.5t-1 69.5l-34 106q-5 16-14.5 29T402-102L86-40Zm787 0L664-72q-19 3-35.5-2.5T601-102q-11-16-14.5-29t-5.5-27l-34-106q-11-35-1-69.5t36-57.5l55 170 36-11-87-276q-5-26 7.5-48.5T626-572q26-8 48.5 4.5T705-530l88 278q11-2 19.5 5.5T825-228l34 106q8 26-4.5 48.5T826-61L873-40Z"/></svg>
package/emoji/cheer_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="m312-751-40-120 56-18 40 119-56 19Zm138-49v-120h60v120h-60Zm198 49-56-19 40-119 56 19-40 119ZM875-40 664-72q-34-5-59.5-27.5T568-154l-34-106q-11-35-1-69.5t36-57.5l55 170 36-11-87-276q-8-25 4-47.5t38-30.5q25-8 47.5 4t30.5 38l88 278q14 44 1 85t-45 71l-211 32ZM85-40l-12-79 211-32q32-5 57.5-27.5T382-233l34-106q5-14 0-27t-18-20l-34 106-76-24 88-278q8-26 30.5-38t47.5-4q26 8 38 30.5t4 47.5l-87 276 36 11 55-170q26 23 36 57.5t-1 69.5l-34 106q-5 34-30.5 56.5T411-72L85-40Z"/></svg>
package/emoji/dissatisfied.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M620-520q25 0 42.5-17.5T680-580q0-25-17.5-42.5T620-640q-25 0-42.5 17.5T560-580q0 25 17.5 42.5T620-520Zm-280 0q25 0 42.5-17.5T400-580q0-25-17.5-42.5T340-640q-25 0-42.5 17.5T280-580q0 25 17.5 42.5T340-520Zm140 100q68 0 123.5 38.5T684-280H276q25-63 80.5-101.5T480-420Zm0 340q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Z"/></svg>
package/emoji/dissatisfied_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M620-520q25 0 42.5-17.5T680-580q0-25-17.5-42.5T620-640q-25 0-42.5 17.5T560-580q0 25 17.5 42.5T620-520Zm-280 0q25 0 42.5-17.5T400-580q0-25-17.5-42.5T340-640q-25 0-42.5 17.5T280-580q0 25 17.5 42.5T340-520Zm140 100q68 0 123.5 38.5T684-280H276q25-63 80.5-101.5T480-420Zm0 340q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
package/emoji/excited.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M320-480v80q0 66 47 113t113 47q66 0 113-47t47-113v-80H320Zm160 180q-42 0-71-29t-29-71v-20h200v20q0 42-29 71t-71 29ZM340-680q-38 0-67.5 27.5T231-577l58 14q6-26 20-41.5t31-15.5q17 0 31 15.5t20 41.5l58-14q-12-48-41.5-75.5T340-680Zm280 0q-38 0-67.5 27.5T511-577l58 14q6-26 20-41.5t31-15.5q17 0 31 15.5t20 41.5l58-14q-12-48-41.5-75.5T620-680ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Z"/></svg>
package/emoji/excited_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M320-480v80q0 66 47 113t113 47q66 0 113-47t47-113v-80H320Zm160 180q-42 0-71-29t-29-71v-20h200v20q0 42-29 71t-71 29ZM340-680q-38 0-67.5 27.5T231-577l58 14q6-26 20-41.5t31-15.5q17 0 31 15.5t20 41.5l58-14q-12-48-41.5-75.5T340-680Zm280 0q-38 0-67.5 27.5T511-577l58 14q6-26 20-41.5t31-15.5q17 0 31 15.5t20 41.5l58-14q-12-48-41.5-75.5T620-680ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
package/emoji/fire.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="M240-400q0 52 21 98.5t60 81.5q-1-5-1-9v-9q0-32 12-60t35-51l113-111 113 111q23 23 35 51t12 60v9q0 4-1 9 39-35 60-81.5t21-98.5q0-50-18.5-94.5T648-574q-20 13-42 19.5t-45 6.5q-62 0-107.5-41T401-690q-39 33-69 68.5t-50.5 72Q261-513 250.5-475T240-400Zm240 52-57 56q-11 11-17 25t-6 29q0 32 23.5 55t56.5 23q33 0 56.5-23t23.5-55q0-16-6-29.5T537-292l-57-56Zm0-492v132q0 34 23.5 57t57.5 23q18 0 33.5-7.5T622-658l18-22q74 42 117 117t43 163q0 134-93 227T480-80q-134 0-227-93t-93-227q0-129 86.5-245T480-840Z"/></svg>
package/emoji/fire_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="M160-400q0-105 50-187t110-138q60-56 110-85.5l50-29.5v132q0 37 25 58.5t56 21.5q17 0 32.5-7t28.5-23l18-22q72 42 116 116.5T800-400q0 88-43 160.5T644-125q17-24 26.5-52.5T680-238q0-40-15-75.5T622-377L480-516 339-377q-29 29-44 64t-15 75q0 32 9.5 60.5T316-125q-70-42-113-114.5T160-400Zm320-4 85 83q17 17 26 38t9 45q0 49-35 83.5T480-120q-50 0-85-34.5T360-238q0-23 9-44.5t26-38.5l85-83Z"/></svg>
package/emoji/heart.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Zm0-108q96-86 158-147.5t98-107q36-45.5 50-81t14-70.5q0-60-40-100t-100-40q-47 0-87 26.5T518-680h-76q-15-41-55-67.5T300-774q-60 0-100 40t-40 100q0 35 14 70.5t50 81q36 45.5 98 107T480-228Zm0-273Z"/></svg>
package/emoji/heart_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Z"/></svg>
package/emoji/neutral.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M620-520q25 0 42.5-17.5T680-580q0-25-17.5-42.5T620-640q-25 0-42.5 17.5T560-580q0 25 17.5 42.5T620-520Zm-280 0q25 0 42.5-17.5T400-580q0-25-17.5-42.5T340-640q-25 0-42.5 17.5T280-580q0 25 17.5 42.5T340-520Zm140 40h160v80H480v-80Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
package/emoji/neutral_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M620-520q25 0 42.5-17.5T680-580q0-25-17.5-42.5T620-640q-25 0-42.5 17.5T560-580q0 25 17.5 42.5T620-520Zm-280 0q25 0 42.5-17.5T400-580q0-25-17.5-42.5T340-640q-25 0-42.5 17.5T280-580q0 25 17.5 42.5T340-520Zm140 40h160v80H480v-80Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
package/emoji/party.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="m80-80 200-560 360 360L80-80Zm132-132 282-100-182-182-100 282Zm370-246-42-42 224-224q32-32 77-32t77 32l24 24-42 42-24-24q-14-14-35-14t-35 14L582-458ZM422-618l-42-42 24-24q14-14 14-34t-14-34l-26-26 42-42 26 26q32 32 32 77t-32 77l-24 24Zm-84 198 154-44 44-154-154 44-44 154Z"/></svg>
package/emoji/party_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="m80-80 200-560 360 360L80-80Zm502-378-42-42 224-224q32-32 77-32t77 32l24 24-42 42-24-24q-14-14-35-14t-35 14L582-458ZM422-618l-42-42 24-24q14-14 14-34t-14-34l-26-26 42-42 26 26q32 32 32 76t-32 76l-24 24Zm80 80-42-42 144-144q14-14 14-35t-14-35l-64-64 42-42 64 64q32 32 32 77t-32 77L502-538Zm160 160-42-42 64-64q32-32 77-32t77 32l64 64-42 42-64-64q-14-14-35-14t-35 14l-64 64Z"/></svg>
package/emoji/rocket.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="m226-559 78 33q14-28 29-54t33-52l-56-11-84 84Zm142 83 114 113q42-16 90-49t90-75q70-70 109.5-155.5T806-800q-72-5-158 34.5T492-656q-42 42-75 90t-49 90Zm178-65q-23-23-23-56.5t23-56.5q23-23 57-23t57 23q23 23 23 56.5T660-541q-23 23-57 23t-57-23Zm19 321 84-84-11-56q-26 18-52 32.5T532-299l33 79Zm313-653q19 121-23.5 235.5T708-419l20 99q4 20-2 39t-20 33L538-80l-84-197-171-171-197-84 167-168q14-14 33.5-20t39.5-2l99 20q104-104 218-147t235-24ZM157-321q35-35 85.5-35.5T328-322q35 35 34.5 85.5T327-151q-25 25-83.5 43T82-76q14-103 32-161.5t43-83.5Zm57 56q-10 10-20 36.5T180-175q27-4 53.5-13.5T270-208q12-12 13-29t-11-29q-12-12-29-11.5T214-265Z"/></svg>
package/emoji/rocket_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="m98-537 168-168q14-14 33-20t39-2l52 11q-54 64-85 116t-60 126L98-537Zm205 91q23-72 62.5-136T461-702q88-88 201-131.5T873-860q17 98-26 211T716-448q-55 55-120 95.5T459-289L303-446Zm177-256q23-23 56.5-23t56.5 23q23 23 23 56.5T593-589q-23 23-56.5 23T480-589q-23-23-23-56.5t23-56.5ZM279-226l37-6q-13-12-25.5-24.5T266-281l13 55Zm62-78-26 103q-3 11 6 20t20 6l103-26q12-32 33-83L341-420q-51 21-83 33l83 83Z"/></svg>
package/emoji/satisfied.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M620-520q25 0 42.5-17.5T680-580q0-25-17.5-42.5T620-640q-25 0-42.5 17.5T560-580q0 25 17.5 42.5T620-520Zm-280 0q25 0 42.5-17.5T400-580q0-25-17.5-42.5T340-640q-25 0-42.5 17.5T280-580q0 25 17.5 42.5T340-520Zm140 100q-68 0-123.5 38.5T276-280h408q-25-63-80.5-101.5T480-420Zm0 340q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Z"/></svg>
package/emoji/satisfied_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M620-520q25 0 42.5-17.5T680-580q0-25-17.5-42.5T620-640q-25 0-42.5 17.5T560-580q0 25 17.5 42.5T620-520Zm-280 0q25 0 42.5-17.5T400-580q0-25-17.5-42.5T340-640q-25 0-42.5 17.5T280-580q0 25 17.5 42.5T340-520Zm140 100q-68 0-123.5 38.5T276-280h408q-25-63-80.5-101.5T480-420Zm0 340q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
package/emoji/star.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z"/></svg>
package/emoji/thumbdown.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="M240-840h440v520L400-40l-50-50q-7-7-11.5-19t-4.5-23v-14l44-174H120q-32 0-56-24t-24-56v-80q0-7 2-15t4-15l120-282q9-20 30-34t44-14Zm360 80H240L120-480v80h360l-54 220 174-174v-406Zm0 406v-406 406Zm80 34v-80h120v-360H680v-80h200v520H680Z"/></svg>
package/emoji/thumbdown_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="M240-840h400v520L360-40l-50-50q-7-7-11.5-19t-4.5-23v-14l44-174H120q-32 0-56-24t-24-56v-80q0-7 1.5-15t4.5-15l120-282q9-20 30-34t44-14Zm480 520v-520h160v520H720Z"/></svg>
package/emoji/thumbup.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="M720-120H280v-520l280-280 50 50q7 7 11.5 19t4.5 23v14l-44 174h258q32 0 56 24t24 56v80q0 7-2 15t-4 15L794-168q-9 20-30 34t-44 14Zm-360-80h360l120-280v-80H480l54-220-174 174v406Zm0-406v406-406Zm-80-34v80H160v360h120v80H80v-520h200Z"/></svg>
package/emoji/thumbup_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#434343"><path d="M720-120H320v-520l280-280 50 50q7 7 11.5 19t4.5 23v14l-44 174h218q32 0 56 24t24 56v80q0 7-1.5 15t-4.5 15L794-168q-9 20-30 34t-44 14ZM240-640v520H80v-520h160Z"/></svg>
package/emoji/very_dissatisfied.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M480-420q-68 0-123.5 38.5T276-280h408q-25-63-80.5-101.5T480-420Zm-168-60 44-42 42 42 42-42-42-42 42-44-42-42-42 42-44-42-42 42 42 44-42 42 42 42Zm250 0 42-42 44 42 42-42-42-42 42-44-42-42-42 42-44-42-42 42 42 44-42 42 42 42ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
package/emoji/very_dissatisfied_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M480-420q-68 0-123.5 38.5T276-280h408q-25-63-80.5-101.5T480-420Zm-168-60 44-42 42 42 42-42-42-42 42-44-42-42-42 42-44-42-42 42 42 44-42 42 42 42Zm250 0 42-42 44 42 42-42-42-42 42-44-42-42-42 42-44-42-42 42 42 44-42 42 42 42ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
package/emoji/very_satisfied.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M480-260q68 0 123.5-38.5T684-400H276q25 63 80.5 101.5T480-260ZM312-520l44-42 42 42 42-42-84-86-86 86 42 42Zm250 0 42-42 44 42 42-42-86-86-84 86 42 42ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
package/emoji/very_satisfied_filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentcolor"><path d="M480-260q68 0 123.5-38.5T684-400H276q25 63 80.5 101.5T480-260ZM312-520l44-42 42 42 42-42-84-86-86 86 42 42Zm250 0 42-42 44 42 42-42-86-86-84 86 42 42ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
package/package.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "name": "pollcatch",
3
+ "private": false,
4
+ "version": "1.0.1",
5
+ "type": "module",
6
+ "main": "pc.js",
7
+ "module": "pc.js",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./pc.js"
11
+ }
12
+ },
13
+ "keywords": [
14
+ "web-components",
15
+ "survey",
16
+ "feedback",
17
+ "poll",
18
+ "rating",
19
+ "nps",
20
+ "stars",
21
+ "widget",
22
+ "lit",
23
+ "typescript",
24
+ "cdn"
25
+ ],
26
+ "author": "David Lin <david@pollcatch.com>",
27
+ "homepage": "https://www.pollcatch.com"
28
+ }