@kyndryl-design-system/shidoka-applications 2.65.4 → 2.65.6
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 -199
- 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 +232 -195
- package/components/reusable/dropdown/dropdownOption.js.map +1 -1
- package/components/reusable/dropdown/enhancedDropdownOption.js +230 -193
- 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 +187 -195
- 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
|
}
|
|
@@ -25,105 +25,39 @@
|
|
|
25
25
|
color: var(--kd-color-text-level-disabled);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
&[selected] .menu-item-inner-el {
|
|
29
|
-
color: var(--kd-color-text-level-disabled);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
28
|
&,
|
|
33
29
|
& * {
|
|
34
30
|
cursor: not-allowed;
|
|
35
31
|
}
|
|
36
32
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
.menu-item-inner-el {
|
|
41
|
-
color: var(--kd-color-text-level-disabled);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
slot[name='icon']::slotted(span) {
|
|
45
|
-
color: var(--kd-color-icon-disabled);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
@mixin destructive-common {
|
|
51
|
-
color: var(--kd-color-text-variant-destructive);
|
|
52
|
-
border-top: 1px solid var(--kd-color-border-level-tertiary);
|
|
53
|
-
|
|
54
|
-
.menu-item-inner-el {
|
|
55
|
-
color: var(--kd-color-text-variant-destructive);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&:hover {
|
|
59
|
-
background-color: var(--kd-color-status-error-accent) !important;
|
|
60
|
-
|
|
61
|
-
.menu-item-inner-el {
|
|
62
|
-
color: var(--kd-color-status-error-foreground) !important;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
33
|
+
pointer-events: none;
|
|
34
|
+
user-select: none;
|
|
35
|
+
touch-action: none;
|
|
65
36
|
|
|
37
|
+
&,
|
|
38
|
+
&:hover,
|
|
39
|
+
&:focus,
|
|
40
|
+
&:focus-within,
|
|
41
|
+
&:focus-visible,
|
|
66
42
|
&:active {
|
|
67
|
-
background-color:
|
|
68
|
-
|
|
69
|
-
) !important;
|
|
70
|
-
outline: none;
|
|
71
|
-
|
|
72
|
-
.menu-item-inner-el {
|
|
73
|
-
color: var(--kd-color-text-button-dark-destructive) !important;
|
|
74
|
-
}
|
|
43
|
+
background-color: $bg-default;
|
|
44
|
+
border-color: transparent;
|
|
75
45
|
}
|
|
76
46
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
.menu-item-inner-el {
|
|
82
|
-
color: var(--kd-color-text-level-primary) !important;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
&:hover {
|
|
86
|
-
.menu-item-inner-el {
|
|
87
|
-
color: var(--kd-color-status-error-foreground) !important;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
47
|
+
slot[name='icon']::slotted(span),
|
|
48
|
+
.check-icon {
|
|
49
|
+
color: var(--kd-color-icon-disabled);
|
|
90
50
|
}
|
|
91
51
|
}
|
|
92
52
|
|
|
93
|
-
@mixin
|
|
94
|
-
$gradient,
|
|
95
|
-
$radius: 4px,
|
|
96
|
-
$width: 1px,
|
|
97
|
-
$surface: transparent
|
|
98
|
-
) {
|
|
99
|
-
box-sizing: border-box;
|
|
100
|
-
border: $width solid transparent;
|
|
101
|
-
border-radius: $radius;
|
|
102
|
-
background: linear-gradient(#{$surface}, #{$surface}) padding-box,
|
|
103
|
-
#{$gradient} border-box;
|
|
104
|
-
background-clip: padding-box, border-box;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
// Centralized pressed mixin to avoid drift between variants.
|
|
108
|
-
// $layered=true uses `background` (not `background-color`) to overwrite any gradient layers.
|
|
109
|
-
// $important=true adds `!important` to the background
|
|
110
|
-
@mixin pressed($bg, $text, $icon, $layered: true, $important: true) {
|
|
53
|
+
@mixin pressed($bg, $text, $icon, $layered: true) {
|
|
111
54
|
@if $layered {
|
|
112
|
-
|
|
113
|
-
background: $bg !important;
|
|
114
|
-
} @else {
|
|
115
|
-
background: $bg;
|
|
116
|
-
}
|
|
55
|
+
background: $bg;
|
|
117
56
|
} @else {
|
|
118
|
-
|
|
119
|
-
background-color: $bg !important;
|
|
120
|
-
} @else {
|
|
121
|
-
background-color: $bg;
|
|
122
|
-
}
|
|
57
|
+
background-color: $bg;
|
|
123
58
|
}
|
|
124
59
|
|
|
125
|
-
border:
|
|
126
|
-
|
|
60
|
+
border-color: transparent;
|
|
127
61
|
.menu-item-inner-el {
|
|
128
62
|
color: $text;
|
|
129
63
|
}
|
|
@@ -135,173 +69,216 @@
|
|
|
135
69
|
}
|
|
136
70
|
|
|
137
71
|
// ==== defaults ====
|
|
138
|
-
|
|
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
|
+
|
|
139
80
|
background-color: var(--kd-color-background-menu-state-default);
|
|
140
81
|
transition: background-color 150ms ease-out;
|
|
141
|
-
outline:
|
|
142
|
-
outline-offset: -2px;
|
|
82
|
+
outline-offset: -1px;
|
|
143
83
|
|
|
144
84
|
.menu-item-inner-el {
|
|
145
85
|
color: var(--kd-color-text-level-primary);
|
|
146
86
|
transition: color 150ms ease-out;
|
|
87
|
+
}
|
|
147
88
|
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
}
|
|
89
|
+
.check-icon {
|
|
90
|
+
color: var(--kd-color-icon-primary);
|
|
151
91
|
}
|
|
152
92
|
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
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
|
+
}
|
|
159
101
|
}
|
|
160
102
|
|
|
161
|
-
// 2) disabled
|
|
162
103
|
&[disabled] {
|
|
163
104
|
@include disabled-common(var(--kd-color-background-menu-state-default));
|
|
164
|
-
outline: none;
|
|
165
|
-
border: none;
|
|
166
|
-
}
|
|
167
|
-
// ensure disabled wins over general focus styles
|
|
168
|
-
&[disabled]:focus,
|
|
169
|
-
&[disabled]:focus-within,
|
|
170
|
-
&[disabled]:focus-visible {
|
|
171
|
-
outline: none;
|
|
172
|
-
border: none;
|
|
173
105
|
}
|
|
174
106
|
|
|
175
|
-
// 3) readonly (non-disabled)
|
|
176
107
|
&[readonly] {
|
|
177
108
|
cursor: default;
|
|
178
|
-
|
|
179
|
-
background-color: var(--kd-color-background-menu-state-default);
|
|
180
|
-
}
|
|
181
|
-
&[readonly]:hover,
|
|
182
|
-
&[readonly]:active,
|
|
183
|
-
&[readonly]:focus,
|
|
184
|
-
&[readonly]:focus-visible {
|
|
185
109
|
background-color: var(--kd-color-background-menu-state-default);
|
|
186
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
|
+
|
|
187
119
|
.menu-item-inner-el {
|
|
188
120
|
color: var(--kd-color-text-level-primary);
|
|
189
121
|
}
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
}
|
|
122
|
+
|
|
123
|
+
.check-icon,
|
|
193
124
|
slot[name='icon']::slotted(span) {
|
|
194
125
|
color: var(--kd-color-icon-primary);
|
|
195
126
|
}
|
|
196
127
|
}
|
|
197
128
|
|
|
198
|
-
|
|
199
|
-
&[readonly][selected] {
|
|
200
|
-
background-color: var(--kd-color-background-forms-default);
|
|
201
|
-
}
|
|
202
|
-
&[readonly][selected]:hover,
|
|
203
|
-
&[readonly][selected]:active {
|
|
204
|
-
background-color: var(--kd-color-background-forms-default);
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
// highlighted/active guard
|
|
208
|
-
&[readonly]:active,
|
|
209
|
-
&[readonly][highlighted] {
|
|
210
|
-
background: var(--kd-color-background-forms-default) !important;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
// 4) hover (non-AI)
|
|
214
|
-
&:hover {
|
|
215
|
-
@include state-colors(
|
|
216
|
-
var(--kd-color-background-menu-state-hover),
|
|
217
|
-
var(--kd-color-text-level-light),
|
|
218
|
-
var(--kd-color-icon-light)
|
|
219
|
-
);
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
// 5) selected (non-disabled)
|
|
223
|
-
&[selected] {
|
|
129
|
+
&[selected]:not([disabled]):not([readonly]):not(.destructive) {
|
|
224
130
|
@include state-colors(
|
|
225
131
|
var(--kd-color-background-menu-state-open),
|
|
226
132
|
var(--kd-color-text-level-primary)
|
|
227
133
|
);
|
|
228
134
|
}
|
|
229
|
-
&[selected]:hover {
|
|
230
|
-
@include state-colors(
|
|
231
|
-
var(--kd-color-background-menu-state-hover),
|
|
232
|
-
var(--kd-color-text-level-light)
|
|
233
|
-
);
|
|
234
|
-
}
|
|
235
135
|
|
|
236
|
-
// ----- AI variant -----
|
|
237
136
|
&.ai-connected {
|
|
238
137
|
background-color: var(--kd-color-background-menu-state-ai-default);
|
|
239
138
|
color: var(--kd-color-text-level-primary);
|
|
240
|
-
}
|
|
241
139
|
|
|
242
|
-
|
|
243
|
-
|
|
140
|
+
&:hover:not(:active):not([disabled]):not([readonly]) {
|
|
141
|
+
background-color: var(--kd-color-background-menu-state-ai-hover);
|
|
244
142
|
|
|
245
|
-
|
|
246
|
-
|
|
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
|
+
}
|
|
247
151
|
}
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
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
|
+
);
|
|
251
170
|
}
|
|
252
171
|
}
|
|
172
|
+
}
|
|
173
|
+
|
|
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);
|
|
253
239
|
|
|
254
|
-
|
|
255
|
-
|
|
240
|
+
.menu-item-inner-el {
|
|
241
|
+
color: var(--kd-color-badge-light-text-error);
|
|
256
242
|
}
|
|
257
243
|
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
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
|
|
263
248
|
);
|
|
264
|
-
|
|
265
|
-
.
|
|
266
|
-
color: var(--kd-color-
|
|
249
|
+
|
|
250
|
+
.menu-item-inner-el {
|
|
251
|
+
color: var(--kd-color-text-level-light);
|
|
267
252
|
}
|
|
268
253
|
}
|
|
269
254
|
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
var(--kd-color-text-level-primary),
|
|
277
|
-
var(--kd-color-icon-primary),
|
|
278
|
-
$layered: true,
|
|
279
|
-
$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
|
|
280
261
|
);
|
|
281
|
-
|
|
262
|
+
color: var(--kd-color-text-level-light);
|
|
263
|
+
border-top: 1px solid transparent;
|
|
282
264
|
|
|
283
|
-
|
|
284
|
-
|
|
265
|
+
.menu-item-inner-el {
|
|
266
|
+
color: var(--kd-color-text-level-light);
|
|
267
|
+
}
|
|
285
268
|
}
|
|
286
269
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
@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
|
+
);
|
|
290
278
|
}
|
|
291
279
|
}
|
|
292
280
|
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
:host .menu-item[selected]:active,
|
|
297
|
-
:host .menu-item[selected][data-pressed],
|
|
298
|
-
:host .menu-item[highlighted]:active,
|
|
299
|
-
:host .menu-item[highlighted][data-pressed] {
|
|
300
|
-
@include pressed(
|
|
301
|
-
var(--kd-color-background-menu-state-pressed),
|
|
302
|
-
var(--kd-color-text-level-light),
|
|
303
|
-
var(--kd-color-icon-light),
|
|
304
|
-
$layered: true,
|
|
305
|
-
$important: true
|
|
306
|
-
);
|
|
281
|
+
/* --- destructive + disabled --- */
|
|
282
|
+
.menu-item.destructive[disabled] {
|
|
283
|
+
@include disabled-common(var(--kd-color-background-menu-state-default));
|
|
307
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
|