@kyndryl-design-system/shidoka-applications 2.65.3 → 2.65.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/scss/gradients.scss +14 -5
- package/common/scss/menu-item.scss +176 -191
- package/components/ai/aiLaunchButton/aiLaunchButton.js +15 -15
- package/components/reusable/button/button.js +15 -15
- package/components/reusable/card/card.js +21 -21
- package/components/reusable/dropdown/dropdownOption.js +234 -185
- package/components/reusable/dropdown/dropdownOption.js.map +1 -1
- package/components/reusable/dropdown/enhancedDropdownOption.js +232 -183
- package/components/reusable/dropdown/enhancedDropdownOption.js.map +1 -1
- package/components/reusable/modal/modal.js +10 -10
- package/components/reusable/notification/notification.js +27 -18
- package/components/reusable/notification/notification.js.map +1 -1
- package/components/reusable/overflowMenu/overflowMenu.js +1 -0
- package/components/reusable/overflowMenu/overflowMenu.js.map +1 -1
- package/components/reusable/overflowMenu/overflowMenuItem.js +189 -185
- package/components/reusable/overflowMenu/overflowMenuItem.js.map +1 -1
- package/components/reusable/sideDrawer/sideDrawer.js +10 -10
- package/components/reusable/tabs/tab.js +9 -9
- package/components/reusable/textArea/textArea.js +12 -12
- package/package.json +1 -1
|
@@ -18,14 +18,23 @@ $ai-gradient-default: var(
|
|
|
18
18
|
border: $width solid transparent;
|
|
19
19
|
|
|
20
20
|
background: linear-gradient(#{$surface}, #{$surface}) padding-box,
|
|
21
|
+
linear-gradient(
|
|
22
|
+
var(
|
|
23
|
+
--kd-surface-backdrop,
|
|
24
|
+
var(--kd-color-background-ui-hollow-default)
|
|
25
|
+
),
|
|
26
|
+
var(--kd-surface-backdrop, var(--kd-color-background-ui-hollow-default))
|
|
27
|
+
)
|
|
28
|
+
padding-box,
|
|
21
29
|
#{$gradient} border-box;
|
|
22
30
|
|
|
23
|
-
background-clip: padding-box, border-box;
|
|
24
|
-
background-origin: border-box, border-box;
|
|
31
|
+
background-clip: padding-box, padding-box, border-box;
|
|
32
|
+
background-origin: border-box, border-box, border-box;
|
|
25
33
|
|
|
26
|
-
background-size: calc(100% + 2px) calc(100% + 2px),
|
|
27
|
-
|
|
28
|
-
background-
|
|
34
|
+
background-size: calc(100% + 2px) calc(100% + 2px),
|
|
35
|
+
calc(100% + 2px) calc(100% + 2px), cover;
|
|
36
|
+
background-position: center, center, center;
|
|
37
|
+
background-repeat: no-repeat, no-repeat, no-repeat;
|
|
29
38
|
}
|
|
30
39
|
|
|
31
40
|
@mixin outline-gradient-ai(
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@use '../scss/global.scss';
|
|
2
2
|
@use '@kyndryl-design-system/shidoka-foundation/scss/mixins/elevation.scss';
|
|
3
3
|
@use '@kyndryl-design-system/shidoka-foundation/scss/mixins/typography.scss';
|
|
4
|
-
@use '../../common/scss/gradients.scss' as gradient;
|
|
5
4
|
|
|
6
5
|
// ==== mixins ====
|
|
7
6
|
@mixin state-colors($bg, $text, $icon: null) {
|
|
@@ -12,7 +11,8 @@
|
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
@if $icon != null {
|
|
15
|
-
slot[name='icon']::slotted(span)
|
|
14
|
+
slot[name='icon']::slotted(span),
|
|
15
|
+
.check-icon {
|
|
16
16
|
color: $icon;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
@@ -30,92 +30,34 @@
|
|
|
30
30
|
cursor: not-allowed;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
.menu-item-inner-el {
|
|
37
|
-
color: var(--kd-color-text-level-disabled);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
@mixin destructive-common {
|
|
43
|
-
color: var(--kd-color-text-variant-destructive);
|
|
44
|
-
border-top: 1px solid var(--kd-color-border-level-tertiary);
|
|
45
|
-
|
|
46
|
-
.menu-item-inner-el {
|
|
47
|
-
color: var(--kd-color-text-variant-destructive);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&:hover {
|
|
51
|
-
background-color: var(--kd-color-status-error-accent) !important;
|
|
52
|
-
|
|
53
|
-
.menu-item-inner-el {
|
|
54
|
-
color: var(--kd-color-status-error-foreground) !important;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
33
|
+
pointer-events: none;
|
|
34
|
+
user-select: none;
|
|
35
|
+
touch-action: none;
|
|
57
36
|
|
|
37
|
+
&,
|
|
38
|
+
&:hover,
|
|
39
|
+
&:focus,
|
|
40
|
+
&:focus-within,
|
|
41
|
+
&:focus-visible,
|
|
58
42
|
&:active {
|
|
59
|
-
background-color:
|
|
60
|
-
|
|
61
|
-
) !important;
|
|
62
|
-
outline: none;
|
|
63
|
-
|
|
64
|
-
.menu-item-inner-el {
|
|
65
|
-
color: var(--kd-color-text-button-dark-destructive) !important;
|
|
66
|
-
}
|
|
43
|
+
background-color: $bg-default;
|
|
44
|
+
border-color: transparent;
|
|
67
45
|
}
|
|
68
46
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
.menu-item-inner-el {
|
|
74
|
-
color: var(--kd-color-text-level-primary) !important;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&:hover {
|
|
78
|
-
.menu-item-inner-el {
|
|
79
|
-
color: var(--kd-color-status-error-foreground) !important;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
47
|
+
slot[name='icon']::slotted(span),
|
|
48
|
+
.check-icon {
|
|
49
|
+
color: var(--kd-color-icon-disabled);
|
|
82
50
|
}
|
|
83
51
|
}
|
|
84
52
|
|
|
85
|
-
@mixin
|
|
86
|
-
$gradient,
|
|
87
|
-
$radius: 4px,
|
|
88
|
-
$width: 1px,
|
|
89
|
-
$surface: transparent
|
|
90
|
-
) {
|
|
91
|
-
box-sizing: border-box;
|
|
92
|
-
border: $width solid transparent;
|
|
93
|
-
border-radius: $radius;
|
|
94
|
-
background: linear-gradient(#{$surface}, #{$surface}) padding-box,
|
|
95
|
-
#{$gradient} border-box;
|
|
96
|
-
background-clip: padding-box, border-box;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
// Centralized pressed mixin to avoid drift between variants.
|
|
100
|
-
// $layered=true uses `background` (not `background-color`) to overwrite any gradient layers.
|
|
101
|
-
// $important=true adds `!important` to the background
|
|
102
|
-
@mixin pressed($bg, $text, $icon, $layered: true, $important: true) {
|
|
53
|
+
@mixin pressed($bg, $text, $icon, $layered: true) {
|
|
103
54
|
@if $layered {
|
|
104
|
-
|
|
105
|
-
background: $bg !important;
|
|
106
|
-
} @else {
|
|
107
|
-
background: $bg;
|
|
108
|
-
}
|
|
55
|
+
background: $bg;
|
|
109
56
|
} @else {
|
|
110
|
-
|
|
111
|
-
background-color: $bg !important;
|
|
112
|
-
} @else {
|
|
113
|
-
background-color: $bg;
|
|
114
|
-
}
|
|
57
|
+
background-color: $bg;
|
|
115
58
|
}
|
|
116
59
|
|
|
117
|
-
border:
|
|
118
|
-
|
|
60
|
+
border-color: transparent;
|
|
119
61
|
.menu-item-inner-el {
|
|
120
62
|
color: $text;
|
|
121
63
|
}
|
|
@@ -127,173 +69,216 @@
|
|
|
127
69
|
}
|
|
128
70
|
|
|
129
71
|
// ==== defaults ====
|
|
130
|
-
|
|
72
|
+
.menu-item {
|
|
73
|
+
appearance: none;
|
|
74
|
+
-webkit-appearance: none;
|
|
75
|
+
-webkit-tap-highlight-color: transparent;
|
|
76
|
+
box-shadow: none;
|
|
77
|
+
border: 1px solid transparent;
|
|
78
|
+
background-clip: padding-box;
|
|
79
|
+
|
|
131
80
|
background-color: var(--kd-color-background-menu-state-default);
|
|
132
81
|
transition: background-color 150ms ease-out;
|
|
133
|
-
outline:
|
|
134
|
-
outline-offset: -2px;
|
|
82
|
+
outline-offset: -1px;
|
|
135
83
|
|
|
136
84
|
.menu-item-inner-el {
|
|
137
85
|
color: var(--kd-color-text-level-primary);
|
|
138
86
|
transition: color 150ms ease-out;
|
|
87
|
+
}
|
|
139
88
|
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
}
|
|
89
|
+
.check-icon {
|
|
90
|
+
color: var(--kd-color-icon-primary);
|
|
143
91
|
}
|
|
144
92
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
93
|
+
&:not(:hover) {
|
|
94
|
+
&:focus,
|
|
95
|
+
&:focus-within,
|
|
96
|
+
&:focus-visible {
|
|
97
|
+
outline: 1px solid var(--kd-color-border-variants-focus);
|
|
98
|
+
background-color: var(--kd-color-background-menu-state-focused);
|
|
99
|
+
border-color: transparent;
|
|
100
|
+
}
|
|
151
101
|
}
|
|
152
102
|
|
|
153
|
-
// 2) disabled
|
|
154
103
|
&[disabled] {
|
|
155
104
|
@include disabled-common(var(--kd-color-background-menu-state-default));
|
|
156
|
-
outline: none;
|
|
157
|
-
border: none;
|
|
158
|
-
}
|
|
159
|
-
// ensure disabled wins over general focus styles
|
|
160
|
-
&[disabled]:focus,
|
|
161
|
-
&[disabled]:focus-within,
|
|
162
|
-
&[disabled]:focus-visible {
|
|
163
|
-
outline: none;
|
|
164
|
-
border: none;
|
|
165
105
|
}
|
|
166
106
|
|
|
167
|
-
// 3) readonly (non-disabled)
|
|
168
107
|
&[readonly] {
|
|
169
108
|
cursor: default;
|
|
170
|
-
|
|
171
|
-
background-color: var(--kd-color-background-menu-state-default);
|
|
172
|
-
}
|
|
173
|
-
&[readonly]:hover,
|
|
174
|
-
&[readonly]:active,
|
|
175
|
-
&[readonly]:focus,
|
|
176
|
-
&[readonly]:focus-visible {
|
|
177
109
|
background-color: var(--kd-color-background-menu-state-default);
|
|
178
110
|
|
|
111
|
+
&:hover,
|
|
112
|
+
&:active,
|
|
113
|
+
&:focus,
|
|
114
|
+
&:focus-visible {
|
|
115
|
+
background-color: var(--kd-color-background-menu-state-default);
|
|
116
|
+
border-color: transparent;
|
|
117
|
+
}
|
|
118
|
+
|
|
179
119
|
.menu-item-inner-el {
|
|
180
120
|
color: var(--kd-color-text-level-primary);
|
|
181
121
|
}
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
}
|
|
122
|
+
|
|
123
|
+
.check-icon,
|
|
185
124
|
slot[name='icon']::slotted(span) {
|
|
186
125
|
color: var(--kd-color-icon-primary);
|
|
187
126
|
}
|
|
188
127
|
}
|
|
189
128
|
|
|
190
|
-
|
|
191
|
-
&[readonly][selected] {
|
|
192
|
-
background-color: var(--kd-color-background-forms-default);
|
|
193
|
-
}
|
|
194
|
-
&[readonly][selected]:hover,
|
|
195
|
-
&[readonly][selected]:active {
|
|
196
|
-
background-color: var(--kd-color-background-forms-default);
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
// highlighted/active guard
|
|
200
|
-
&[readonly]:active,
|
|
201
|
-
&[readonly][highlighted] {
|
|
202
|
-
background: var(--kd-color-background-forms-default) !important;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
// 4) hover (non-AI)
|
|
206
|
-
&:hover {
|
|
207
|
-
@include state-colors(
|
|
208
|
-
var(--kd-color-background-menu-state-hover),
|
|
209
|
-
var(--kd-color-text-level-light),
|
|
210
|
-
var(--kd-color-icon-light)
|
|
211
|
-
);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
// 5) selected (non-disabled)
|
|
215
|
-
&[selected] {
|
|
129
|
+
&[selected]:not([disabled]):not([readonly]):not(.destructive) {
|
|
216
130
|
@include state-colors(
|
|
217
131
|
var(--kd-color-background-menu-state-open),
|
|
218
132
|
var(--kd-color-text-level-primary)
|
|
219
133
|
);
|
|
220
134
|
}
|
|
221
|
-
&[selected]:hover {
|
|
222
|
-
@include state-colors(
|
|
223
|
-
var(--kd-color-background-menu-state-hover),
|
|
224
|
-
var(--kd-color-text-level-light)
|
|
225
|
-
);
|
|
226
|
-
}
|
|
227
135
|
|
|
228
|
-
// ----- AI variant -----
|
|
229
136
|
&.ai-connected {
|
|
230
137
|
background-color: var(--kd-color-background-menu-state-ai-default);
|
|
231
138
|
color: var(--kd-color-text-level-primary);
|
|
232
|
-
}
|
|
233
139
|
|
|
234
|
-
|
|
235
|
-
|
|
140
|
+
&:hover:not(:active):not([disabled]):not([readonly]) {
|
|
141
|
+
background-color: var(--kd-color-background-menu-state-ai-hover);
|
|
236
142
|
|
|
237
|
-
|
|
238
|
-
|
|
143
|
+
.menu-item-inner-el {
|
|
144
|
+
color: var(--kd-color-text-level-primary);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
slot[name='icon']::slotted(span),
|
|
148
|
+
.check-icon {
|
|
149
|
+
color: var(--kd-color-icon-primary);
|
|
150
|
+
}
|
|
239
151
|
}
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
color: var(--kd-color-
|
|
152
|
+
|
|
153
|
+
&[highlighted] {
|
|
154
|
+
background-color: var(--kd-color-background-menu-state-ai-focused);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
&[selected]:not([disabled]):not([readonly]):hover:not(:active),
|
|
158
|
+
&[highlighted]:not([disabled]):not([readonly]):hover:not(:active) {
|
|
159
|
+
@include state-colors(
|
|
160
|
+
var(--kd-color-background-menu-state-ai-hover),
|
|
161
|
+
var(--kd-color-text-level-primary),
|
|
162
|
+
var(--kd-color-icon-primary)
|
|
163
|
+
);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
&[disabled] {
|
|
167
|
+
@include disabled-common(
|
|
168
|
+
var(--kd-color-background-menu-state-ai-default)
|
|
169
|
+
);
|
|
243
170
|
}
|
|
244
171
|
}
|
|
172
|
+
}
|
|
245
173
|
|
|
246
|
-
|
|
247
|
-
|
|
174
|
+
/* --- generic (non-destructive) states --- */
|
|
175
|
+
.menu-item:hover:not(:active):not([disabled]):not([readonly]):not(
|
|
176
|
+
.destructive
|
|
177
|
+
):not(.ai-connected) {
|
|
178
|
+
@include state-colors(
|
|
179
|
+
var(--kd-color-background-menu-state-hover),
|
|
180
|
+
var(--kd-color-text-level-light),
|
|
181
|
+
var(--kd-color-icon-light)
|
|
182
|
+
);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.menu-item[selected]:not([disabled]):not([readonly]):hover:not(:active):not(
|
|
186
|
+
.destructive
|
|
187
|
+
):not(.ai-connected) {
|
|
188
|
+
@include state-colors(
|
|
189
|
+
var(--kd-color-background-menu-state-hover),
|
|
190
|
+
var(--kd-color-text-level-light),
|
|
191
|
+
var(--kd-color-icon-light)
|
|
192
|
+
);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.menu-item:active:not(.destructive):not(.ai-connected):not([disabled]):not(
|
|
196
|
+
[readonly]
|
|
197
|
+
),
|
|
198
|
+
.menu-item[data-pressed]:not(.destructive):not(.ai-connected):not(
|
|
199
|
+
[disabled]
|
|
200
|
+
):not([readonly]),
|
|
201
|
+
.menu-item[selected]:active:not(.destructive):not(.ai-connected):not(
|
|
202
|
+
[disabled]
|
|
203
|
+
):not([readonly]),
|
|
204
|
+
.menu-item[selected][data-pressed]:not(.destructive):not(.ai-connected):not(
|
|
205
|
+
[disabled]
|
|
206
|
+
):not([readonly]),
|
|
207
|
+
.menu-item[highlighted]:active:not(.destructive):not(.ai-connected):not(
|
|
208
|
+
[disabled]
|
|
209
|
+
):not([readonly]),
|
|
210
|
+
.menu-item[highlighted][data-pressed]:not(.destructive):not(.ai-connected):not(
|
|
211
|
+
[disabled]
|
|
212
|
+
):not([readonly]) {
|
|
213
|
+
@include pressed(
|
|
214
|
+
var(--kd-color-background-menu-state-pressed),
|
|
215
|
+
var(--kd-color-text-level-light),
|
|
216
|
+
var(--kd-color-icon-light),
|
|
217
|
+
$layered: true
|
|
218
|
+
);
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
/* --- pressed states (AI) --- */
|
|
222
|
+
.menu-item.ai-connected:active:not([disabled]):not([readonly]),
|
|
223
|
+
.menu-item.ai-connected[data-pressed]:not([disabled]):not([readonly]),
|
|
224
|
+
.menu-item.ai-connected:hover:active:not([disabled]):not([readonly]),
|
|
225
|
+
.menu-item.ai-connected:hover[data-pressed]:not([disabled]):not([readonly]) {
|
|
226
|
+
@include pressed(
|
|
227
|
+
var(--kd-color-background-menu-state-ai-pressed),
|
|
228
|
+
var(--kd-color-text-level-primary),
|
|
229
|
+
var(--kd-color-icon-primary),
|
|
230
|
+
$layered: true
|
|
231
|
+
);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
/* --- destructive variant --- */
|
|
235
|
+
.menu-item.destructive {
|
|
236
|
+
color: var(--kd-color-badge-light-text-error);
|
|
237
|
+
border-top: 1px solid var(--kd-color-border-level-tertiary);
|
|
238
|
+
background-color: var(--kd-color-background-menu-state-default);
|
|
239
|
+
|
|
240
|
+
.menu-item-inner-el {
|
|
241
|
+
color: var(--kd-color-badge-light-text-error);
|
|
248
242
|
}
|
|
249
243
|
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
var(--kd-color-text-level-primary)
|
|
244
|
+
&:hover:not(:active):not([disabled]):not([readonly]) {
|
|
245
|
+
border-top: 1px solid var(--kd-color-border-level-tertiary);
|
|
246
|
+
background-color: var(
|
|
247
|
+
--kd-color-background-button-primary-destructive-hover
|
|
255
248
|
);
|
|
256
|
-
|
|
257
|
-
.
|
|
258
|
-
color: var(--kd-color-
|
|
249
|
+
|
|
250
|
+
.menu-item-inner-el {
|
|
251
|
+
color: var(--kd-color-text-level-light);
|
|
259
252
|
}
|
|
260
253
|
}
|
|
261
254
|
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
var(--kd-color-text-level-primary),
|
|
269
|
-
var(--kd-color-icon-primary),
|
|
270
|
-
$layered: true,
|
|
271
|
-
$important: true
|
|
255
|
+
&:focus,
|
|
256
|
+
&:focus-within,
|
|
257
|
+
&:focus-visible {
|
|
258
|
+
outline-color: var(--kd-color-border-variants-destructive);
|
|
259
|
+
background-color: var(
|
|
260
|
+
--kd-color-background-button-primary-destructive-focused
|
|
272
261
|
);
|
|
273
|
-
|
|
262
|
+
color: var(--kd-color-text-level-light);
|
|
263
|
+
border-top: 1px solid transparent;
|
|
274
264
|
|
|
275
|
-
|
|
276
|
-
|
|
265
|
+
.menu-item-inner-el {
|
|
266
|
+
color: var(--kd-color-text-level-light);
|
|
267
|
+
}
|
|
277
268
|
}
|
|
278
269
|
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
@include
|
|
270
|
+
&:active:not([disabled]):not([readonly]),
|
|
271
|
+
&[data-pressed]:not([disabled]):not([readonly]) {
|
|
272
|
+
@include pressed(
|
|
273
|
+
var(--kd-color-background-button-secondary-destructive-pressed),
|
|
274
|
+
var(--kd-color-text-level-light),
|
|
275
|
+
var(--kd-color-text-level-light),
|
|
276
|
+
$layered: true
|
|
277
|
+
);
|
|
282
278
|
}
|
|
283
279
|
}
|
|
284
280
|
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
:host .menu-item[selected]:active,
|
|
289
|
-
:host .menu-item[selected][data-pressed],
|
|
290
|
-
:host .menu-item[highlighted]:active,
|
|
291
|
-
:host .menu-item[highlighted][data-pressed] {
|
|
292
|
-
@include pressed(
|
|
293
|
-
var(--kd-color-background-menu-state-pressed),
|
|
294
|
-
var(--kd-color-text-level-light),
|
|
295
|
-
var(--kd-color-icon-light),
|
|
296
|
-
$layered: true,
|
|
297
|
-
$important: true
|
|
298
|
-
);
|
|
281
|
+
/* --- destructive + disabled --- */
|
|
282
|
+
.menu-item.destructive[disabled] {
|
|
283
|
+
@include disabled-common(var(--kd-color-background-menu-state-default));
|
|
299
284
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i,a as o,b as a,c as t,d as n}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as r,a as e,t as l,r as s,n as x,e as d}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as m,x as k}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as p}from"../../../vendor/lit-element-DxLLCKb1.js";import{l as y}from"../../../vendor/lottie-web-t-JWAnz9.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";var c={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:12,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},b={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1 – Disabled",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},h=r`*,
|
|
1
|
+
import{_ as i,a as o,b as a,c as t,d as n}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as r,a as e,t as l,r as s,n as x,e as d}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as m,x as k}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as p}from"../../../vendor/lit-element-DxLLCKb1.js";import{l as c}from"../../../vendor/lottie-web-t-JWAnz9.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";var y={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:12,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},b={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1 – Disabled",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},h=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -12,12 +12,12 @@ import{_ as i,a as o,b as a,c as t,d as n}from"../../../vendor/tslib-Ac8XvvSX.js
|
|
|
12
12
|
box-sizing: border-box;
|
|
13
13
|
border-radius: 8px;
|
|
14
14
|
border: 1px solid transparent;
|
|
15
|
-
background: linear-gradient(var(--kd-color-background-ui-hollow-default), var(--kd-color-background-ui-hollow-default)) padding-box, var(--kd-gradient-border-ai-default, linear-gradient(to bottom, var(--kd-color-border-ai-default-gradient-start), var(--kd-color-border-ai-default-gradient-end))) border-box;
|
|
16
|
-
background-clip: padding-box, border-box;
|
|
17
|
-
background-origin: border-box, border-box;
|
|
18
|
-
background-size: calc(100% + 2px) calc(100% + 2px), cover;
|
|
19
|
-
background-position: center, center;
|
|
20
|
-
background-repeat: no-repeat, no-repeat;
|
|
15
|
+
background: linear-gradient(var(--kd-color-background-ui-hollow-default), var(--kd-color-background-ui-hollow-default)) padding-box, linear-gradient(var(--kd-surface-backdrop, var(--kd-color-background-ui-hollow-default)), var(--kd-surface-backdrop, var(--kd-color-background-ui-hollow-default))) padding-box, var(--kd-gradient-border-ai-default, linear-gradient(to bottom, var(--kd-color-border-ai-default-gradient-start), var(--kd-color-border-ai-default-gradient-end))) border-box;
|
|
16
|
+
background-clip: padding-box, padding-box, border-box;
|
|
17
|
+
background-origin: border-box, border-box, border-box;
|
|
18
|
+
background-size: calc(100% + 2px) calc(100% + 2px), calc(100% + 2px) calc(100% + 2px), cover;
|
|
19
|
+
background-position: center, center, center;
|
|
20
|
+
background-repeat: no-repeat, no-repeat, no-repeat;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.g-outline-ai {
|
|
@@ -77,12 +77,12 @@ dialog.ai-connected.gradient-bkg {
|
|
|
77
77
|
box-sizing: border-box;
|
|
78
78
|
border-radius: 50%;
|
|
79
79
|
border: 1px solid transparent;
|
|
80
|
-
background: linear-gradient(var(--kd-color-background-container-ai-level-2), var(--kd-color-background-container-ai-level-2)) padding-box, var(--kd-gradient-border-ai-default, linear-gradient(to bottom, var(--kd-color-border-ai-default-gradient-start), var(--kd-color-border-ai-default-gradient-end))) border-box;
|
|
81
|
-
background-clip: padding-box, border-box;
|
|
82
|
-
background-origin: border-box, border-box;
|
|
83
|
-
background-size: calc(100% + 2px) calc(100% + 2px), cover;
|
|
84
|
-
background-position: center, center;
|
|
85
|
-
background-repeat: no-repeat, no-repeat;
|
|
80
|
+
background: linear-gradient(var(--kd-color-background-container-ai-level-2), var(--kd-color-background-container-ai-level-2)) padding-box, linear-gradient(var(--kd-surface-backdrop, var(--kd-color-background-ui-hollow-default)), var(--kd-surface-backdrop, var(--kd-color-background-ui-hollow-default))) padding-box, var(--kd-gradient-border-ai-default, linear-gradient(to bottom, var(--kd-color-border-ai-default-gradient-start), var(--kd-color-border-ai-default-gradient-end))) border-box;
|
|
81
|
+
background-clip: padding-box, padding-box, border-box;
|
|
82
|
+
background-origin: border-box, border-box, border-box;
|
|
83
|
+
background-size: calc(100% + 2px) calc(100% + 2px), calc(100% + 2px) calc(100% + 2px), cover;
|
|
84
|
+
background-position: center, center, center;
|
|
85
|
+
background-repeat: no-repeat, no-repeat, no-repeat;
|
|
86
86
|
}
|
|
87
87
|
.ai-launch-button:focus-visible {
|
|
88
88
|
outline-color: var(--kd-color-border-variants-focus);
|
|
@@ -114,7 +114,7 @@ dialog.ai-connected.gradient-bkg {
|
|
|
114
114
|
svg {
|
|
115
115
|
display: block;
|
|
116
116
|
background: transparent;
|
|
117
|
-
}`;let v=(()=>{var r,v,G
|
|
117
|
+
}`;let v=(()=>{var r,v,u,G;let B,g,A,E,D,f,w=[l("kyn-ai-launch-btn")],C=[],_=p,S=[],P=[],V=[],L=[],O=[],F=[],T=[],j=[];return g=class extends _{get disabled(){return t(this,r,"f")}set disabled(i){n(this,r,i,"f")}get _containerEl(){return t(this,v,"f")}set _containerEl(i){n(this,v,i,"f")}get _animation(){return t(this,u,"f")}set _animation(i){n(this,u,i,"f")}get _shouldStop(){return t(this,G,"f")}set _shouldStop(i){n(this,G,i,"f")}render(){const i={"ai-launch-button":!0,disabled:this.disabled};return k`
|
|
118
118
|
<button
|
|
119
119
|
type="button"
|
|
120
120
|
class="${m(i)}"
|
|
@@ -126,5 +126,5 @@ svg {
|
|
|
126
126
|
>
|
|
127
127
|
<div class="container"></div>
|
|
128
128
|
</button>
|
|
129
|
-
`}firstUpdated(){this._initAnimation()}_initAnimation(){this._animation=
|
|
129
|
+
`}firstUpdated(){this._initAnimation()}_initAnimation(){this._animation=c.loadAnimation({container:this._containerEl,renderer:"svg",loop:!0,autoplay:!1,animationData:this.disabled?b:y}),this._animation.setSpeed(2),this._animation.goToAndStop(0,!0),this._animation.addEventListener("loopComplete",(()=>{this._shouldStop&&(this._animation.goToAndStop(0,!0),this._shouldStop=!1)}))}_startHoverAnimation(){this.disabled||(this._shouldStop=!1,this._animation.goToAndStop(0,!0),this._animation.setDirection(1),this._animation.play())}_stopHoverAnimation(){this.disabled||(this._shouldStop=!0)}updated(i){i.has("disabled")&&(this._animation.destroy(),this._initAnimation())}_emitClick(){if(!this.disabled){const i=new CustomEvent("on-click");this.dispatchEvent(i)}}constructor(){super(...arguments),r.set(this,a(this,S,!1)),v.set(this,(a(this,P),a(this,V,void 0))),u.set(this,(a(this,L),a(this,O,void 0))),G.set(this,(a(this,F),a(this,T,!1))),a(this,j)}},r=new WeakMap,v=new WeakMap,u=new WeakMap,G=new WeakMap,i(g,"AILaunchButton"),(()=>{var i;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(i=_[Symbol.metadata])&&void 0!==i?i:null):void 0;A=[x({type:Boolean})],E=[d(".container")],D=[e()],f=[e()],o(g,null,A,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:i=>"disabled"in i,get:i=>i.disabled,set:(i,o)=>{i.disabled=o}},metadata:a},S,P),o(g,null,E,{kind:"accessor",name:"_containerEl",static:!1,private:!1,access:{has:i=>"_containerEl"in i,get:i=>i._containerEl,set:(i,o)=>{i._containerEl=o}},metadata:a},V,L),o(g,null,D,{kind:"accessor",name:"_animation",static:!1,private:!1,access:{has:i=>"_animation"in i,get:i=>i._animation,set:(i,o)=>{i._animation=o}},metadata:a},O,F),o(g,null,f,{kind:"accessor",name:"_shouldStop",static:!1,private:!1,access:{has:i=>"_shouldStop"in i,get:i=>i._shouldStop,set:(i,o)=>{i._shouldStop=o}},metadata:a},T,j),o(null,B={value:g},w,{kind:"class",name:g.name,metadata:a},null,C),g=B.value,a&&Object.defineProperty(g,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),g.styles=s(h),a(g,C),g})();export{v as AILaunchButton};
|
|
130
130
|
//# sourceMappingURL=aiLaunchButton.js.map
|