@design.estate/dees-catalog 3.33.0 → 3.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,7 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@design.estate/dees-catalog',
6
- version: '3.33.0',
6
+ version: '3.34.1',
7
7
  description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
8
8
  };
9
9
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9
@@ -11,10 +11,11 @@ import { DeesInputFileupload } from '../../00group-input/dees-input-fileupload/i
11
11
  import { DeesInputIban } from '../../00group-input/dees-input-iban/dees-input-iban.js';
12
12
  import { DeesInputMultitoggle } from '../../00group-input/dees-input-multitoggle/dees-input-multitoggle.js';
13
13
  import { DeesInputPhone } from '../../00group-input/dees-input-phone/dees-input-phone.js';
14
+ import { DeesInputToggle } from '../../00group-input/dees-input-toggle/dees-input-toggle.js';
14
15
  import { DeesInputTypelist } from '../../00group-input/dees-input-typelist/dees-input-typelist.js';
15
16
  import { DeesFormSubmit } from '../dees-form-submit/dees-form-submit.js';
16
17
  import { DeesTable } from '../../dees-table/index.js';
17
- export type TFormInputElement = DeesInputCheckbox | DeesInputCode | DeesInputDatepicker | DeesInputDropdown | DeesInputFileupload | DeesInputIban | DeesInputMultitoggle | DeesInputPhone | DeesInputQuantitySelector | DeesInputRadiogroup | DeesInputText | DeesInputTypelist | DeesTable<any>;
18
+ export type TFormInputElement = DeesInputCheckbox | DeesInputCode | DeesInputDatepicker | DeesInputDropdown | DeesInputFileupload | DeesInputIban | DeesInputMultitoggle | DeesInputPhone | DeesInputQuantitySelector | DeesInputRadiogroup | DeesInputText | DeesInputToggle | DeesInputTypelist | DeesTable<any>;
18
19
  declare global {
19
20
  interface HTMLElementTagNameMap {
20
21
  'dees-form': DeesForm;
@@ -45,6 +45,7 @@ import { DeesInputFileupload } from '../../00group-input/dees-input-fileupload/i
45
45
  import { DeesInputIban } from '../../00group-input/dees-input-iban/dees-input-iban.js';
46
46
  import { DeesInputMultitoggle } from '../../00group-input/dees-input-multitoggle/dees-input-multitoggle.js';
47
47
  import { DeesInputPhone } from '../../00group-input/dees-input-phone/dees-input-phone.js';
48
+ import { DeesInputToggle } from '../../00group-input/dees-input-toggle/dees-input-toggle.js';
48
49
  import { DeesInputTypelist } from '../../00group-input/dees-input-typelist/dees-input-typelist.js';
49
50
  import { DeesFormSubmit } from '../dees-form-submit/dees-form-submit.js';
50
51
  import { DeesTable } from '../../dees-table/index.js';
@@ -62,6 +63,7 @@ const FORM_INPUT_TYPES = [
62
63
  DeesInputQuantitySelector,
63
64
  DeesInputRadiogroup,
64
65
  DeesInputText,
66
+ DeesInputToggle,
65
67
  DeesInputTypelist,
66
68
  DeesTable,
67
69
  ];
@@ -264,4 +266,4 @@ let DeesForm = (() => {
264
266
  return DeesForm = _classThis;
265
267
  })();
266
268
  export { DeesForm };
267
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtZm9ybS9kZWVzLWZvcm0vZGVlcy1mb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFFSixXQUFXLEVBRVgsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNuRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDdkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDekYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdGQUFnRixDQUFDO0FBQzNILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9FQUFvRSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ25HLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUM1RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDMUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDbkcsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFB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
269
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtZm9ybS9kZWVzLWZvcm0vZGVlcy1mb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFFSixXQUFXLEVBRVgsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNuRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDdkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDekYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdGQUFnRixDQUFDO0FBQzNILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9FQUFvRSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ25HLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUM1RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDMUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDREQUE0RCxDQUFDO0FBQzdGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ25HLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFB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
@@ -0,0 +1,58 @@
1
+ import { type TemplateResult } from '@design.estate/dees-element';
2
+ import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
3
+ declare global {
4
+ interface HTMLElementTagNameMap {
5
+ 'dees-input-toggle': DeesInputToggle;
6
+ }
7
+ }
8
+ export declare class DeesInputToggle extends DeesInputBase<DeesInputToggle> {
9
+ static demo: () => TemplateResult<1>;
10
+ static demoGroup: string;
11
+ accessor value: boolean;
12
+ /**
13
+ * Knob position tracking (0 = off, maxTravel = on)
14
+ */
15
+ private currentX;
16
+ /**
17
+ * Drag state
18
+ */
19
+ private isDragging;
20
+ private hasDragged;
21
+ private startX;
22
+ private readonly trackWidth;
23
+ private readonly trackHeight;
24
+ private readonly knobSize;
25
+ private readonly padding;
26
+ private readonly maxTravel;
27
+ constructor();
28
+ static styles: import("@design.estate/dees-element").CSSResult[];
29
+ render(): TemplateResult;
30
+ firstUpdated(_changedProperties: Map<PropertyKey, unknown>): Promise<void>;
31
+ /**
32
+ * Click handler - toggles the value
33
+ */
34
+ private handleClick;
35
+ /**
36
+ * Pointer down - start dragging
37
+ */
38
+ private onPointerDown;
39
+ /**
40
+ * Pointer move - track drag position
41
+ */
42
+ private onPointerMove;
43
+ /**
44
+ * Pointer up - complete drag and snap to nearest side
45
+ */
46
+ private onPointerUp;
47
+ /**
48
+ * Sync knob position when value is changed externally
49
+ */
50
+ updated(changedProperties: Map<string, any>): void;
51
+ /**
52
+ * Keyboard support
53
+ */
54
+ private handleKeydown;
55
+ getValue(): boolean;
56
+ setValue(valueArg: boolean): void;
57
+ focus(): void;
58
+ }
@@ -0,0 +1,3 @@
1
+ import '@design.estate/dees-wcctools/demotools';
2
+ import '../../dees-panel/dees-panel.js';
3
+ export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
@@ -0,0 +1,307 @@
1
+ import { html, css, cssManager } from '@design.estate/dees-element';
2
+ import '@design.estate/dees-wcctools/demotools';
3
+ import '../../dees-panel/dees-panel.js';
4
+ export const demoFunc = () => html `
5
+ <dees-demowrapper .runAfterRender=${async (elementArg) => {
6
+ // Example of programmatic interaction
7
+ const toggleAllOnBtn = elementArg.querySelector('#toggle-all-on');
8
+ const toggleAllOffBtn = elementArg.querySelector('#toggle-all-off');
9
+ const featureToggles = elementArg.querySelectorAll('.feature-toggles dees-input-toggle');
10
+ if (toggleAllOnBtn && toggleAllOffBtn) {
11
+ toggleAllOnBtn.addEventListener('click', () => {
12
+ featureToggles.forEach((toggle) => {
13
+ if (!toggle.disabled && !toggle.required) {
14
+ toggle.value = true;
15
+ }
16
+ });
17
+ });
18
+ toggleAllOffBtn.addEventListener('click', () => {
19
+ featureToggles.forEach((toggle) => {
20
+ if (!toggle.disabled && !toggle.required) {
21
+ toggle.value = false;
22
+ }
23
+ });
24
+ });
25
+ }
26
+ }}>
27
+ <style>
28
+ ${css `
29
+ .demo-container {
30
+ display: flex;
31
+ flex-direction: column;
32
+ gap: 24px;
33
+ padding: 24px;
34
+ max-width: 1200px;
35
+ margin: 0 auto;
36
+ }
37
+
38
+ dees-panel {
39
+ margin-bottom: 24px;
40
+ }
41
+
42
+ dees-panel:last-child {
43
+ margin-bottom: 0;
44
+ }
45
+
46
+ .toggle-group {
47
+ display: flex;
48
+ flex-direction: column;
49
+ gap: 16px;
50
+ }
51
+
52
+ .horizontal-toggles {
53
+ display: flex;
54
+ gap: 32px;
55
+ flex-wrap: wrap;
56
+ }
57
+
58
+ .interactive-section {
59
+ background: ${cssManager.bdTheme('hsl(210 40% 96.1%)', 'hsl(215 20.2% 16.8%)')};
60
+ border-radius: 8px;
61
+ padding: 16px;
62
+ margin-top: 16px;
63
+ }
64
+
65
+ .output-text {
66
+ font-family: monospace;
67
+ font-size: 13px;
68
+ color: ${cssManager.bdTheme('hsl(215.3 25% 26.7%)', 'hsl(210 40% 80%)')};
69
+ padding: 8px;
70
+ background: ${cssManager.bdTheme('hsl(210 40% 98%)', 'hsl(215 20.2% 11.8%)')};
71
+ border-radius: 4px;
72
+ min-height: 24px;
73
+ }
74
+
75
+ .settings-section {
76
+ background: ${cssManager.bdTheme('hsl(0 0% 97%)', 'hsl(0 0% 7%)')};
77
+ border: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
78
+ border-radius: 8px;
79
+ padding: 20px;
80
+ }
81
+
82
+ .button-group {
83
+ display: flex;
84
+ gap: 8px;
85
+ margin-bottom: 16px;
86
+ }
87
+
88
+ .feature-toggles {
89
+ background: ${cssManager.bdTheme('hsl(210 40% 96.1%)', 'hsl(215 20.2% 11.8%)')};
90
+ border: 1px solid ${cssManager.bdTheme('hsl(214.3 31.8% 91.4%)', 'hsl(215 20.2% 16.8%)')};
91
+ border-radius: 6px;
92
+ padding: 16px;
93
+ }
94
+
95
+ .section-title {
96
+ font-size: 16px;
97
+ font-weight: 600;
98
+ margin-bottom: 16px;
99
+ color: ${cssManager.bdTheme('hsl(215.3 25% 8.8%)', 'hsl(210 40% 98%)')};
100
+ }
101
+
102
+ .drag-hint {
103
+ font-size: 12px;
104
+ color: ${cssManager.bdTheme('hsl(0 0% 45.1%)', 'hsl(0 0% 63.9%)')};
105
+ margin-top: 8px;
106
+ font-style: italic;
107
+ }
108
+ `}
109
+ </style>
110
+
111
+ <div class="demo-container">
112
+ <dees-panel .title=${'Basic Toggle'} .subtitle=${'Simple on/off toggle switch with drag support'}>
113
+ <div class="toggle-group">
114
+ <dees-input-toggle
115
+ .label=${'Enable feature'}
116
+ .value=${false}
117
+ .key=${'basic'}
118
+ ></dees-input-toggle>
119
+
120
+ <dees-input-toggle
121
+ .label=${'Active toggle'}
122
+ .value=${true}
123
+ .key=${'active'}
124
+ ></dees-input-toggle>
125
+
126
+ <dees-input-toggle
127
+ .label=${'With description'}
128
+ .value=${false}
129
+ .description=${'This toggle has additional helper text explaining its purpose'}
130
+ .key=${'withDesc'}
131
+ ></dees-input-toggle>
132
+ </div>
133
+ <p class="drag-hint">Tip: You can drag the toggle knob to switch states</p>
134
+ </dees-panel>
135
+
136
+ <dees-panel .title=${'Toggle States'} .subtitle=${'Different toggle states and configurations'}>
137
+ <div class="toggle-group">
138
+ <dees-input-toggle
139
+ .label=${'Default (off)'}
140
+ .value=${false}
141
+ ></dees-input-toggle>
142
+
143
+ <dees-input-toggle
144
+ .label=${'Enabled (on)'}
145
+ .value=${true}
146
+ ></dees-input-toggle>
147
+
148
+ <dees-input-toggle
149
+ .label=${'Disabled (off)'}
150
+ .value=${false}
151
+ .disabled=${true}
152
+ ></dees-input-toggle>
153
+
154
+ <dees-input-toggle
155
+ .label=${'Disabled (on)'}
156
+ .value=${true}
157
+ .disabled=${true}
158
+ ></dees-input-toggle>
159
+
160
+ <dees-input-toggle
161
+ .label=${'Required (always on)'}
162
+ .value=${true}
163
+ .required=${true}
164
+ .description=${'This toggle cannot be turned off'}
165
+ ></dees-input-toggle>
166
+ </div>
167
+ </dees-panel>
168
+
169
+ <dees-panel .title=${'Horizontal Layout'} .subtitle=${'Toggles arranged horizontally for compact interfaces'}>
170
+ <div class="horizontal-toggles">
171
+ <dees-input-toggle
172
+ .label=${'WiFi'}
173
+ .value=${true}
174
+ .layoutMode=${'horizontal'}
175
+ ></dees-input-toggle>
176
+
177
+ <dees-input-toggle
178
+ .label=${'Bluetooth'}
179
+ .value=${false}
180
+ .layoutMode=${'horizontal'}
181
+ ></dees-input-toggle>
182
+
183
+ <dees-input-toggle
184
+ .label=${'GPS'}
185
+ .value=${true}
186
+ .layoutMode=${'horizontal'}
187
+ ></dees-input-toggle>
188
+
189
+ <dees-input-toggle
190
+ .label=${'NFC'}
191
+ .value=${false}
192
+ .layoutMode=${'horizontal'}
193
+ ></dees-input-toggle>
194
+ </div>
195
+ </dees-panel>
196
+
197
+ <dees-panel .title=${'Settings Example'} .subtitle=${'Toggles in a typical settings context'}>
198
+ <div class="settings-section">
199
+ <h4 class="section-title">Notification Settings</h4>
200
+
201
+ <div class="toggle-group">
202
+ <dees-input-toggle
203
+ .label=${'Push notifications'}
204
+ .value=${true}
205
+ .description=${'Receive push notifications on your device'}
206
+ .key=${'push'}
207
+ ></dees-input-toggle>
208
+
209
+ <dees-input-toggle
210
+ .label=${'Email notifications'}
211
+ .value=${true}
212
+ .description=${'Get important updates via email'}
213
+ .key=${'email'}
214
+ ></dees-input-toggle>
215
+
216
+ <dees-input-toggle
217
+ .label=${'Sound'}
218
+ .value=${false}
219
+ .description=${'Play a sound for notifications'}
220
+ .key=${'sound'}
221
+ ></dees-input-toggle>
222
+
223
+ <dees-input-toggle
224
+ .label=${'Vibration'}
225
+ .value=${true}
226
+ .description=${'Vibrate for notifications'}
227
+ .key=${'vibration'}
228
+ ></dees-input-toggle>
229
+ </div>
230
+ </div>
231
+ </dees-panel>
232
+
233
+ <dees-panel .title=${'Feature Toggles'} .subtitle=${'Batch operations on multiple toggles'}>
234
+ <div class="button-group">
235
+ <dees-button id="toggle-all-on" type="secondary">Enable All</dees-button>
236
+ <dees-button id="toggle-all-off" type="secondary">Disable All</dees-button>
237
+ </div>
238
+
239
+ <div class="feature-toggles">
240
+ <div class="toggle-group">
241
+ <dees-input-toggle
242
+ .label=${'Dark Mode'}
243
+ .value=${true}
244
+ .key=${'darkMode'}
245
+ ></dees-input-toggle>
246
+
247
+ <dees-input-toggle
248
+ .label=${'Auto-save'}
249
+ .value=${true}
250
+ .key=${'autoSave'}
251
+ ></dees-input-toggle>
252
+
253
+ <dees-input-toggle
254
+ .label=${'Spell check'}
255
+ .value=${false}
256
+ .key=${'spellCheck'}
257
+ ></dees-input-toggle>
258
+
259
+ <dees-input-toggle
260
+ .label=${'Developer mode'}
261
+ .value=${false}
262
+ .key=${'devMode'}
263
+ ></dees-input-toggle>
264
+
265
+ <dees-input-toggle
266
+ .label=${'Beta features'}
267
+ .value=${false}
268
+ .key=${'beta'}
269
+ ></dees-input-toggle>
270
+ </div>
271
+ </div>
272
+ </dees-panel>
273
+
274
+ <dees-panel .title=${'Interactive Example'} .subtitle=${'Toggle to see value changes in real-time'}>
275
+ <div class="toggle-group">
276
+ <dees-input-toggle
277
+ .label=${'Airplane mode'}
278
+ .value=${false}
279
+ @newValue=${(event) => {
280
+ const output = document.querySelector('#airplane-output');
281
+ if (output) {
282
+ output.textContent = `Airplane mode: ${event.detail ? 'ON' : 'OFF'}`;
283
+ }
284
+ }}
285
+ ></dees-input-toggle>
286
+
287
+ <dees-input-toggle
288
+ .label=${'Do not disturb'}
289
+ .value=${false}
290
+ @newValue=${(event) => {
291
+ const output = document.querySelector('#dnd-output');
292
+ if (output) {
293
+ output.textContent = `Do not disturb: ${event.detail ? 'ENABLED' : 'DISABLED'}`;
294
+ }
295
+ }}
296
+ ></dees-input-toggle>
297
+ </div>
298
+
299
+ <div class="interactive-section">
300
+ <div id="airplane-output" class="output-text">Airplane mode: OFF</div>
301
+ <div id="dnd-output" class="output-text" style="margin-top: 8px;">Do not disturb: DISABLED</div>
302
+ </div>
303
+ </dees-panel>
304
+ </div>
305
+ </dees-demowrapper>
306
+ `;
307
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10b2dnbGUuZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWlucHV0L2RlZXMtaW5wdXQtdG9nZ2xlL2RlZXMtaW5wdXQtdG9nZ2xlLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDcEUsT0FBTyx3Q0FBd0MsQ0FBQztBQUNoRCxPQUFPLGdDQUFnQyxDQUFDO0FBR3hDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7c0NBQ0ksS0FBSyxFQUFFLFVBQXVCLEVBQUUsRUFBRTtJQUNwRSxzQ0FBc0M7SUFDdEMsTUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2xFLE1BQU0sZUFBZSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNwRSxNQUFNLGNBQWMsR0FBRyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsb0NBQW9DLENBQUMsQ0FBQztJQUV6RixJQUFJLGNBQWMsSUFBSSxlQUFlLEVBQUUsQ0FBQztRQUN0QyxjQUFjLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtZQUM1QyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBdUIsRUFBRSxFQUFFO2dCQUNqRCxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQztvQkFDekMsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQ3RCLENBQUM7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBRUgsZUFBZSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxHQUFH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