@vscode-elements/elements 1.16.1 → 1.17.0
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/custom-elements.json +1178 -565
- package/dist/bundled.js +731 -638
- package/dist/includes/VscElement.d.ts.map +1 -1
- package/dist/includes/VscElement.js +3 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/vscode-select/OptionListController.d.ts +61 -0
- package/dist/includes/vscode-select/OptionListController.d.ts.map +1 -0
- package/dist/includes/vscode-select/OptionListController.js +373 -0
- package/dist/includes/vscode-select/OptionListController.js.map +1 -0
- package/dist/includes/vscode-select/helpers.d.ts +2 -2
- package/dist/includes/vscode-select/helpers.js.map +1 -1
- package/dist/includes/vscode-select/styles.d.ts.map +1 -1
- package/dist/includes/vscode-select/styles.js +28 -26
- package/dist/includes/vscode-select/styles.js.map +1 -1
- package/dist/includes/vscode-select/template-elements.d.ts +1 -0
- package/dist/includes/vscode-select/template-elements.d.ts.map +1 -1
- package/dist/includes/vscode-select/template-elements.js +14 -1
- package/dist/includes/vscode-select/template-elements.js.map +1 -1
- package/dist/includes/vscode-select/types.d.ts +11 -7
- package/dist/includes/vscode-select/types.d.ts.map +1 -1
- package/dist/includes/vscode-select/types.js.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.d.ts +26 -31
- package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
- package/dist/includes/vscode-select/vscode-select-base.js +228 -325
- package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
- package/dist/vscode-button/vscode-button.styles.js +1 -1
- package/dist/vscode-button/vscode-button.styles.js.map +1 -1
- package/dist/vscode-button-group/vscode-button-group.styles.d.ts.map +1 -1
- package/dist/vscode-button-group/vscode-button-group.styles.js +2 -0
- package/dist/vscode-button-group/vscode-button-group.styles.js.map +1 -1
- package/dist/vscode-icon/vscode-icon.d.ts.map +1 -1
- package/dist/vscode-icon/vscode-icon.js +1 -0
- package/dist/vscode-icon/vscode-icon.js.map +1 -1
- package/dist/vscode-label/vscode-label.d.ts.map +1 -1
- package/dist/vscode-label/vscode-label.js +9 -7
- package/dist/vscode-label/vscode-label.js.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts +9 -1
- package/dist/vscode-multi-select/vscode-multi-select.d.ts.map +1 -1
- package/dist/vscode-multi-select/vscode-multi-select.js +126 -66
- package/dist/vscode-multi-select/vscode-multi-select.js.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.d.ts +57 -13
- package/dist/vscode-scrollable/vscode-scrollable.d.ts.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.js +187 -82
- package/dist/vscode-scrollable/vscode-scrollable.js.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.d.ts +4 -4
- package/dist/vscode-single-select/vscode-single-select.d.ts.map +1 -1
- package/dist/vscode-single-select/vscode-single-select.js +140 -74
- package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
- package/package.json +7 -5
- package/vscode.css-custom-data.json +1 -5
- package/vscode.html-custom-data.json +51 -5
|
@@ -67,7 +67,6 @@ export default [
|
|
|
67
67
|
line-height: 16px;
|
|
68
68
|
margin: 2px;
|
|
69
69
|
padding: 2px 3px;
|
|
70
|
-
text-transform: uppercase;
|
|
71
70
|
white-space: nowrap;
|
|
72
71
|
}
|
|
73
72
|
|
|
@@ -163,6 +162,7 @@ export default [
|
|
|
163
162
|
border-style: solid;
|
|
164
163
|
border-width: 1px;
|
|
165
164
|
box-sizing: border-box;
|
|
165
|
+
display: none;
|
|
166
166
|
left: 0;
|
|
167
167
|
padding-bottom: 2px;
|
|
168
168
|
position: absolute;
|
|
@@ -171,6 +171,10 @@ export default [
|
|
|
171
171
|
z-index: var(--dropdown-z-index, 2);
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
+
.dropdown.open {
|
|
175
|
+
display: block;
|
|
176
|
+
}
|
|
177
|
+
|
|
174
178
|
:host([position='above']) .dropdown {
|
|
175
179
|
border-radius: 3px 3px 0 0;
|
|
176
180
|
bottom: 26px;
|
|
@@ -184,14 +188,20 @@ export default [
|
|
|
184
188
|
border-color: var(--vscode-focusBorder, #0078d4);
|
|
185
189
|
}
|
|
186
190
|
|
|
191
|
+
.scrollable {
|
|
192
|
+
display: block;
|
|
193
|
+
max-height: 222px;
|
|
194
|
+
margin: 1px;
|
|
195
|
+
outline: none;
|
|
196
|
+
overflow: hidden;
|
|
197
|
+
}
|
|
198
|
+
|
|
187
199
|
.options {
|
|
188
200
|
box-sizing: border-box;
|
|
189
201
|
cursor: pointer;
|
|
190
202
|
list-style: none;
|
|
191
203
|
margin: 0;
|
|
192
|
-
|
|
193
|
-
overflow: auto;
|
|
194
|
-
padding: 1px;
|
|
204
|
+
padding: 0;
|
|
195
205
|
}
|
|
196
206
|
|
|
197
207
|
.option {
|
|
@@ -308,37 +318,29 @@ export default [
|
|
|
308
318
|
}
|
|
309
319
|
|
|
310
320
|
.checkbox-icon {
|
|
311
|
-
|
|
312
|
-
|
|
321
|
+
align-items: center;
|
|
322
|
+
background-color: var(--vscode-checkbox-background, #313131);
|
|
323
|
+
border: 1px solid var(--vscode-checkbox-border);
|
|
313
324
|
border-radius: 2px;
|
|
314
325
|
box-sizing: border-box;
|
|
315
|
-
|
|
326
|
+
color: var(--vscode-checkbox-foreground);
|
|
327
|
+
display: inline-flex;
|
|
328
|
+
height: 15px;
|
|
329
|
+
justify-content: center;
|
|
316
330
|
margin-right: 5px;
|
|
317
331
|
overflow: hidden;
|
|
318
332
|
position: relative;
|
|
319
|
-
width:
|
|
333
|
+
width: 15px;
|
|
320
334
|
}
|
|
321
335
|
|
|
322
|
-
.checkbox-icon
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
height: 5px;
|
|
327
|
-
position: absolute;
|
|
328
|
-
transform: rotate(-45deg);
|
|
329
|
-
width: 10px;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
.checkbox-icon.checked:before {
|
|
333
|
-
background-color: var(--vscode-foreground, #cccccc);
|
|
334
|
-
left: 1px;
|
|
335
|
-
top: 2.5px;
|
|
336
|
+
.checkbox-icon svg {
|
|
337
|
+
display: none;
|
|
338
|
+
height: 13px;
|
|
339
|
+
width: 13px;
|
|
336
340
|
}
|
|
337
341
|
|
|
338
|
-
.checkbox-icon.checked
|
|
339
|
-
|
|
340
|
-
left: 1px;
|
|
341
|
-
top: -0.5px;
|
|
342
|
+
.checkbox-icon.checked svg {
|
|
343
|
+
display: block;
|
|
342
344
|
}
|
|
343
345
|
|
|
344
346
|
.dropdown-controls {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,eAAe;IACb,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmYF;CACF,CAAC","sourcesContent":["import {css} from 'lit';\nimport defaultStyles from '../default.styles.js';\n\nexport default [\n defaultStyles,\n css`\n :host {\n display: inline-block;\n max-width: 100%;\n outline: none;\n position: relative;\n width: 320px;\n }\n\n .main-slot {\n display: none;\n }\n\n .select-face,\n .combobox-face {\n background-color: var(--vscode-settings-dropdownBackground, #313131);\n border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n border-radius: 2px;\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(--vscode-settings-dropdownForeground, #cccccc);\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n line-height: 18px;\n position: relative;\n user-select: none;\n width: 100%;\n }\n\n :host([invalid]) .select-face,\n :host(:invalid) .select-face,\n :host([invalid]) .combobox-face,\n :host(:invalid) .combobox-face {\n background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n }\n\n .select-face {\n cursor: pointer;\n display: block;\n padding: 3px 4px;\n }\n\n .select-face .text {\n display: block;\n height: 18px;\n overflow: hidden;\n }\n\n .select-face.multiselect {\n padding: 0;\n }\n\n .select-face-badge {\n background-color: var(--vscode-badge-background, #616161);\n border-radius: 2px;\n color: var(--vscode-badge-foreground, #f8f8f8);\n display: inline-block;\n flex-shrink: 0;\n font-size: 11px;\n line-height: 16px;\n margin: 2px;\n padding: 2px 3px;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .select-face-badge.no-item {\n background-color: transparent;\n color: inherit;\n }\n\n .combobox-face {\n display: flex;\n }\n\n :host(:focus) .select-face,\n :host(:focus) .combobox-face,\n :host([focused]) .select-face,\n :host([focused]) .combobox-face {\n border-color: var(--vscode-focusBorder, #0078d4);\n outline: none;\n }\n\n .combobox-input {\n background-color: transparent;\n box-sizing: border-box;\n border: 0;\n color: var(--vscode-foreground, #cccccc);\n display: block;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n line-height: 16px;\n padding: 4px;\n width: 100%;\n }\n\n .combobox-input:focus {\n outline: none;\n }\n\n .combobox-button {\n align-items: center;\n background-color: transparent;\n border: 0;\n border-radius: 2px;\n box-sizing: content-box;\n color: var(--vscode-foreground, #cccccc);\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n height: 16px;\n justify-content: center;\n margin: 1px 1px 0 0;\n padding: 3px;\n width: 22px;\n }\n\n .combobox-button:hover,\n .combobox-button:focus-visible {\n background-color: var(\n --vscode-toolbar-hoverBackground,\n rgba(90, 93, 94, 0.31)\n );\n outline-style: dashed;\n outline-color: var(--vscode-toolbar-hoverOutline, transparent);\n }\n\n .combobox-button:focus-visible {\n outline: none;\n }\n\n .icon {\n color: var(--vscode-foreground, #cccccc);\n display: block;\n height: 14px;\n pointer-events: none;\n width: 14px;\n }\n\n .select-face .icon {\n position: absolute;\n right: 6px;\n top: 5px;\n }\n\n .icon svg {\n color: var(--vscode-foreground, #cccccc);\n height: 100%;\n width: 100%;\n }\n\n .dropdown {\n background-color: var(--vscode-settings-dropdownBackground, #313131);\n border-color: var(--vscode-settings-dropdownListBorder, #454545);\n border-radius: 0 0 3px 3px;\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n left: 0;\n padding-bottom: 2px;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: var(--dropdown-z-index, 2);\n }\n\n :host([position='above']) .dropdown {\n border-radius: 3px 3px 0 0;\n bottom: 26px;\n padding-bottom: 0;\n padding-top: 2px;\n top: auto;\n }\n\n :host(:focus) .dropdown,\n :host([focused]) .dropdown {\n border-color: var(--vscode-focusBorder, #0078d4);\n }\n\n .options {\n box-sizing: border-box;\n cursor: pointer;\n list-style: none;\n margin: 0;\n max-height: 222px;\n overflow: auto;\n padding: 1px;\n }\n\n .option {\n align-items: center;\n box-sizing: border-box;\n color: var(--vscode-foreground, #cccccc);\n cursor: pointer;\n display: flex;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n height: 22px;\n line-height: 18px;\n min-height: calc(var(--vscode-font-size) * 1.3);\n padding: 1px 3px;\n user-select: none;\n outline-color: transparent;\n outline-offset: -1px;\n outline-style: solid;\n outline-width: 1px;\n }\n\n .option b {\n color: var(--vscode-list-highlightForeground, #2aaaff);\n }\n\n .option.active b {\n color: var(--vscode-list-focusHighlightForeground, #2aaaff);\n }\n\n .option:not(.disabled):hover {\n background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n color: var(--vscode-list-hoverForeground, #ffffff);\n }\n\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n .option:hover,\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n .option:hover {\n outline-style: dotted;\n outline-color: var(--vscode-list-focusOutline, #0078d4);\n outline-width: 1px;\n }\n\n .option.disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n .option.active,\n .option.active:hover {\n background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n color: var(--vscode-list-activeSelectionForeground, #ffffff);\n outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n outline-style: solid;\n outline-width: 1px;\n }\n\n .no-options {\n align-items: center;\n border-color: transparent;\n border-style: solid;\n border-width: 1px;\n color: var(--vscode-foreground, #cccccc);\n cursor: default;\n display: flex;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n line-height: 18px;\n min-height: calc(var(--vscode-font-size) * 1.3);\n opacity: 0.85;\n padding: 1px 3px;\n user-select: none;\n }\n\n .placeholder {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .placeholder span {\n font-weight: bold;\n }\n\n .placeholder:not(.disabled):hover {\n color: var(--vscode-list-activeSelectionForeground, #ffffff);\n }\n\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n .option.active,\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n .option.active:hover {\n outline-color: var(--vscode-list-focusOutline, #0078d4);\n outline-style: dashed;\n }\n\n .option-label {\n display: block;\n pointer-events: none;\n width: 100%;\n }\n\n .dropdown.multiple .option.selected {\n background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n outline-color: var(--vscode-list-hoverBackground, #2a2d2e);\n }\n\n .dropdown.multiple .option.selected.active {\n background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n color: var(--vscode-list-activeSelectionForeground, #ffffff);\n outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n }\n\n .checkbox-icon {\n background-color: var(--vscode-settings-checkboxBackground, #313131);\n border: 1px solid currentColor;\n border-radius: 2px;\n box-sizing: border-box;\n height: 14px;\n margin-right: 5px;\n overflow: hidden;\n position: relative;\n width: 14px;\n }\n\n .checkbox-icon.checked:before,\n .checkbox-icon.checked:after {\n content: '';\n display: block;\n height: 5px;\n position: absolute;\n transform: rotate(-45deg);\n width: 10px;\n }\n\n .checkbox-icon.checked:before {\n background-color: var(--vscode-foreground, #cccccc);\n left: 1px;\n top: 2.5px;\n }\n\n .checkbox-icon.checked:after {\n background-color: var(--vscode-settings-checkboxBackground, #313131);\n left: 1px;\n top: -0.5px;\n }\n\n .dropdown-controls {\n display: flex;\n justify-content: flex-end;\n padding: 4px;\n }\n\n .dropdown-controls :not(:last-child) {\n margin-right: 4px;\n }\n\n .action-icon {\n align-items: center;\n background-color: transparent;\n border: 0;\n color: var(--vscode-foreground, #cccccc);\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n padding: 0;\n width: 24px;\n }\n\n .action-icon:focus {\n outline: none;\n }\n\n .action-icon:focus-visible {\n outline: 1px solid var(--vscode-focusBorder, #0078d4);\n outline-offset: -1px;\n }\n\n .description {\n border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n border-style: solid;\n border-width: 1px 0 0;\n color: var(--vscode-foreground, #cccccc);\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n line-height: 1.3;\n padding: 6px 4px;\n word-wrap: break-word;\n }\n\n :host([position='above']) .description {\n border-width: 0 0 1px;\n }\n `,\n];\n"]}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,eAAe;IACb,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqYF;CACF,CAAC","sourcesContent":["import {css} from 'lit';\nimport defaultStyles from '../default.styles.js';\n\nexport default [\n defaultStyles,\n css`\n :host {\n display: inline-block;\n max-width: 100%;\n outline: none;\n position: relative;\n width: 320px;\n }\n\n .main-slot {\n display: none;\n }\n\n .select-face,\n .combobox-face {\n background-color: var(--vscode-settings-dropdownBackground, #313131);\n border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n border-radius: 2px;\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n color: var(--vscode-settings-dropdownForeground, #cccccc);\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n line-height: 18px;\n position: relative;\n user-select: none;\n width: 100%;\n }\n\n :host([invalid]) .select-face,\n :host(:invalid) .select-face,\n :host([invalid]) .combobox-face,\n :host(:invalid) .combobox-face {\n background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n }\n\n .select-face {\n cursor: pointer;\n display: block;\n padding: 3px 4px;\n }\n\n .select-face .text {\n display: block;\n height: 18px;\n overflow: hidden;\n }\n\n .select-face.multiselect {\n padding: 0;\n }\n\n .select-face-badge {\n background-color: var(--vscode-badge-background, #616161);\n border-radius: 2px;\n color: var(--vscode-badge-foreground, #f8f8f8);\n display: inline-block;\n flex-shrink: 0;\n font-size: 11px;\n line-height: 16px;\n margin: 2px;\n padding: 2px 3px;\n white-space: nowrap;\n }\n\n .select-face-badge.no-item {\n background-color: transparent;\n color: inherit;\n }\n\n .combobox-face {\n display: flex;\n }\n\n :host(:focus) .select-face,\n :host(:focus) .combobox-face,\n :host([focused]) .select-face,\n :host([focused]) .combobox-face {\n border-color: var(--vscode-focusBorder, #0078d4);\n outline: none;\n }\n\n .combobox-input {\n background-color: transparent;\n box-sizing: border-box;\n border: 0;\n color: var(--vscode-foreground, #cccccc);\n display: block;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n line-height: 16px;\n padding: 4px;\n width: 100%;\n }\n\n .combobox-input:focus {\n outline: none;\n }\n\n .combobox-button {\n align-items: center;\n background-color: transparent;\n border: 0;\n border-radius: 2px;\n box-sizing: content-box;\n color: var(--vscode-foreground, #cccccc);\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n height: 16px;\n justify-content: center;\n margin: 1px 1px 0 0;\n padding: 3px;\n width: 22px;\n }\n\n .combobox-button:hover,\n .combobox-button:focus-visible {\n background-color: var(\n --vscode-toolbar-hoverBackground,\n rgba(90, 93, 94, 0.31)\n );\n outline-style: dashed;\n outline-color: var(--vscode-toolbar-hoverOutline, transparent);\n }\n\n .combobox-button:focus-visible {\n outline: none;\n }\n\n .icon {\n color: var(--vscode-foreground, #cccccc);\n display: block;\n height: 14px;\n pointer-events: none;\n width: 14px;\n }\n\n .select-face .icon {\n position: absolute;\n right: 6px;\n top: 5px;\n }\n\n .icon svg {\n color: var(--vscode-foreground, #cccccc);\n height: 100%;\n width: 100%;\n }\n\n .dropdown {\n background-color: var(--vscode-settings-dropdownBackground, #313131);\n border-color: var(--vscode-settings-dropdownListBorder, #454545);\n border-radius: 0 0 3px 3px;\n border-style: solid;\n border-width: 1px;\n box-sizing: border-box;\n display: none;\n left: 0;\n padding-bottom: 2px;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: var(--dropdown-z-index, 2);\n }\n\n .dropdown.open {\n display: block;\n }\n\n :host([position='above']) .dropdown {\n border-radius: 3px 3px 0 0;\n bottom: 26px;\n padding-bottom: 0;\n padding-top: 2px;\n top: auto;\n }\n\n :host(:focus) .dropdown,\n :host([focused]) .dropdown {\n border-color: var(--vscode-focusBorder, #0078d4);\n }\n\n .scrollable {\n display: block;\n max-height: 222px;\n margin: 1px;\n outline: none;\n overflow: hidden;\n }\n\n .options {\n box-sizing: border-box;\n cursor: pointer;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n .option {\n align-items: center;\n box-sizing: border-box;\n color: var(--vscode-foreground, #cccccc);\n cursor: pointer;\n display: flex;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n height: 22px;\n line-height: 18px;\n min-height: calc(var(--vscode-font-size) * 1.3);\n padding: 1px 3px;\n user-select: none;\n outline-color: transparent;\n outline-offset: -1px;\n outline-style: solid;\n outline-width: 1px;\n }\n\n .option b {\n color: var(--vscode-list-highlightForeground, #2aaaff);\n }\n\n .option.active b {\n color: var(--vscode-list-focusHighlightForeground, #2aaaff);\n }\n\n .option:not(.disabled):hover {\n background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n color: var(--vscode-list-hoverForeground, #ffffff);\n }\n\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n .option:hover,\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n .option:hover {\n outline-style: dotted;\n outline-color: var(--vscode-list-focusOutline, #0078d4);\n outline-width: 1px;\n }\n\n .option.disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n .option.active,\n .option.active:hover {\n background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n color: var(--vscode-list-activeSelectionForeground, #ffffff);\n outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n outline-style: solid;\n outline-width: 1px;\n }\n\n .no-options {\n align-items: center;\n border-color: transparent;\n border-style: solid;\n border-width: 1px;\n color: var(--vscode-foreground, #cccccc);\n cursor: default;\n display: flex;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n line-height: 18px;\n min-height: calc(var(--vscode-font-size) * 1.3);\n opacity: 0.85;\n padding: 1px 3px;\n user-select: none;\n }\n\n .placeholder {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .placeholder span {\n font-weight: bold;\n }\n\n .placeholder:not(.disabled):hover {\n color: var(--vscode-list-activeSelectionForeground, #ffffff);\n }\n\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n .option.active,\n :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n .option.active:hover {\n outline-color: var(--vscode-list-focusOutline, #0078d4);\n outline-style: dashed;\n }\n\n .option-label {\n display: block;\n pointer-events: none;\n width: 100%;\n }\n\n .dropdown.multiple .option.selected {\n background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n outline-color: var(--vscode-list-hoverBackground, #2a2d2e);\n }\n\n .dropdown.multiple .option.selected.active {\n background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n color: var(--vscode-list-activeSelectionForeground, #ffffff);\n outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n }\n\n .checkbox-icon {\n align-items: center;\n background-color: var(--vscode-checkbox-background, #313131);\n border: 1px solid var(--vscode-checkbox-border);\n border-radius: 2px;\n box-sizing: border-box;\n color: var(--vscode-checkbox-foreground);\n display: inline-flex;\n height: 15px;\n justify-content: center;\n margin-right: 5px;\n overflow: hidden;\n position: relative;\n width: 15px;\n }\n\n .checkbox-icon svg {\n display: none;\n height: 13px;\n width: 13px;\n }\n\n .checkbox-icon.checked svg {\n display: block;\n }\n\n .dropdown-controls {\n display: flex;\n justify-content: flex-end;\n padding: 4px;\n }\n\n .dropdown-controls :not(:last-child) {\n margin-right: 4px;\n }\n\n .action-icon {\n align-items: center;\n background-color: transparent;\n border: 0;\n color: var(--vscode-foreground, #cccccc);\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n padding: 0;\n width: 24px;\n }\n\n .action-icon:focus {\n outline: none;\n }\n\n .action-icon:focus-visible {\n outline: 1px solid var(--vscode-focusBorder, #0078d4);\n outline-offset: -1px;\n }\n\n .description {\n border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n border-style: solid;\n border-width: 1px 0 0;\n color: var(--vscode-foreground, #cccccc);\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n line-height: 1.3;\n padding: 6px 4px;\n word-wrap: break-word;\n }\n\n :host([position='above']) .description {\n border-width: 0 0 1px;\n }\n `,\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template-elements.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,sCAgB3B,CAAC"}
|
|
1
|
+
{"version":3,"file":"template-elements.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,sCAgB3B,CAAC;AAEF,eAAO,MAAM,SAAS,sCAYf,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
1
|
+
import { html, svg } from 'lit';
|
|
2
2
|
export const chevronDownIcon = html `
|
|
3
3
|
<span class="icon">
|
|
4
4
|
<svg
|
|
@@ -16,4 +16,17 @@ export const chevronDownIcon = html `
|
|
|
16
16
|
</svg>
|
|
17
17
|
</span>
|
|
18
18
|
`;
|
|
19
|
+
export const checkIcon = svg `<svg
|
|
20
|
+
width="16"
|
|
21
|
+
height="16"
|
|
22
|
+
viewBox="0 0 16 16"
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
fill="currentColor"
|
|
25
|
+
>
|
|
26
|
+
<path
|
|
27
|
+
fill-rule="evenodd"
|
|
28
|
+
clip-rule="evenodd"
|
|
29
|
+
d="M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z"
|
|
30
|
+
/>
|
|
31
|
+
</svg>`;
|
|
19
32
|
//# sourceMappingURL=template-elements.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template-elements.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"template-elements.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;OAYrB,CAAC","sourcesContent":["import {html, svg} from 'lit';\n\nexport const chevronDownIcon = html`\n <span class=\"icon\">\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z\"\n />\n </svg>\n </span>\n`;\n\nexport const checkIcon = svg`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z\"\n />\n</svg>`;\n"]}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
export interface Option {
|
|
2
|
-
label
|
|
3
|
-
value
|
|
4
|
-
description
|
|
5
|
-
selected
|
|
6
|
-
disabled
|
|
2
|
+
label?: string;
|
|
3
|
+
value?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export interface InternalOption extends Option {
|
|
8
|
+
export interface InternalOption extends Required<Option> {
|
|
9
9
|
index: number;
|
|
10
|
+
/** Option index in the filtered list. */
|
|
11
|
+
filteredIndex: number;
|
|
12
|
+
/** Character ranges to highlight matches in the filtered list. */
|
|
10
13
|
ranges?: [number, number][];
|
|
14
|
+
visible: boolean;
|
|
11
15
|
}
|
|
12
|
-
export type
|
|
16
|
+
export type FilterMethod = 'startsWithPerTerm' | 'startsWith' | 'contains' | 'fuzzy';
|
|
13
17
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,QAAQ,CAAC,MAAM,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GACpB,mBAAmB,GACnB,YAAY,GACZ,UAAU,GACV,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface Option {\n label
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface Option {\n label?: string;\n value?: string;\n description?: string;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport interface InternalOption extends Required<Option> {\n index: number;\n /** Option index in the filtered list. */\n filteredIndex: number;\n /** Character ranges to highlight matches in the filtered list. */\n ranges?: [number, number][];\n visible: boolean;\n}\n\nexport type FilterMethod =\n | 'startsWithPerTerm'\n | 'startsWith'\n | 'contains'\n | 'fuzzy';\n"]}
|
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
import { nothing, TemplateResult, PropertyValues } from 'lit';
|
|
2
2
|
import '../../vscode-button/index.js';
|
|
3
3
|
import '../../vscode-option/index.js';
|
|
4
|
-
import type { InternalOption, Option, SearchMethod } from './types.js';
|
|
5
4
|
import { VscElement } from '../VscElement.js';
|
|
5
|
+
import type { InternalOption, Option, FilterMethod } from './types.js';
|
|
6
|
+
import { OptionListController } from './OptionListController.js';
|
|
7
|
+
import '../../vscode-scrollable/vscode-scrollable.js';
|
|
8
|
+
export declare const VISIBLE_OPTS = 10;
|
|
9
|
+
export declare const OPT_HEIGHT = 22;
|
|
6
10
|
/**
|
|
7
11
|
* @cssprop --dropdown-z-index - workaround for dropdown z-index issues
|
|
8
12
|
*/
|
|
9
13
|
export declare class VscodeSelectBase extends VscElement {
|
|
10
|
-
/** @internal */
|
|
11
|
-
ariaExpanded: string;
|
|
12
14
|
creatable: boolean;
|
|
13
15
|
/**
|
|
14
16
|
* Options can be filtered by typing into a text input field.
|
|
15
17
|
*/
|
|
16
|
-
combobox: boolean;
|
|
18
|
+
set combobox(enabled: boolean);
|
|
19
|
+
get combobox(): boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Accessible label for screen readers. When a `<vscode-label>` is connected
|
|
22
|
+
* to the component, it will be filled automatically.
|
|
23
|
+
*/
|
|
24
|
+
label: string;
|
|
17
25
|
/**
|
|
18
26
|
* The element cannot be used and is not focusable.
|
|
19
27
|
*/
|
|
@@ -53,65 +61,52 @@ export declare class VscodeSelectBase extends VscElement {
|
|
|
53
61
|
* Position of the options list when visible.
|
|
54
62
|
*/
|
|
55
63
|
position: 'above' | 'below';
|
|
56
|
-
/** @internal */
|
|
57
|
-
tabIndex: number;
|
|
58
64
|
private _assignedOptions;
|
|
65
|
+
protected _opts: OptionListController;
|
|
59
66
|
constructor();
|
|
60
67
|
connectedCallback(): void;
|
|
61
68
|
disconnectedCallback(): void;
|
|
62
69
|
protected _firstUpdateCompleted: boolean;
|
|
63
70
|
protected firstUpdated(_changedProperties: PropertyValues): void;
|
|
64
71
|
protected willUpdate(changedProperties: PropertyValues): void;
|
|
65
|
-
protected
|
|
72
|
+
protected update(changedProperties: PropertyValues): void;
|
|
66
73
|
protected _currentDescription: string;
|
|
67
|
-
protected _filter:
|
|
74
|
+
protected _filter: FilterMethod;
|
|
68
75
|
protected get _filteredOptions(): InternalOption[];
|
|
69
|
-
protected _filterPattern: string;
|
|
70
|
-
protected _selectedIndex: number;
|
|
71
76
|
protected _selectedIndexes: number[];
|
|
72
77
|
protected _options: InternalOption[];
|
|
73
78
|
protected _value: string;
|
|
74
79
|
protected _values: string[];
|
|
75
|
-
protected _listScrollTop: number;
|
|
76
80
|
protected _isPlaceholderOptionActive: boolean;
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
/** @internal */
|
|
80
|
-
protected _multiple: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* @internal
|
|
83
|
-
* Quick-searchable map for searching a value in the options list.
|
|
84
|
-
* Keys are the options values, values are the option indexes.
|
|
85
|
-
*/
|
|
86
|
-
protected _valueOptionIndexMap: {
|
|
87
|
-
[key: string]: number;
|
|
88
|
-
};
|
|
81
|
+
protected _isBeingFiltered: boolean;
|
|
82
|
+
protected _optionListScrollPos: number;
|
|
89
83
|
private _isHoverForbidden;
|
|
90
84
|
private _disabled;
|
|
91
85
|
private _originalTabIndex;
|
|
92
|
-
|
|
86
|
+
private _setAutoFocus;
|
|
93
87
|
protected get _isSuggestedOptionVisible(): boolean;
|
|
94
88
|
protected _manageRequired(): void;
|
|
95
89
|
protected _setStateFromSlottedElements(): void;
|
|
96
|
-
protected _toggleDropdown(visible: boolean): Promise<void>;
|
|
97
90
|
protected _createSuggestedOption(): number;
|
|
98
91
|
protected _dispatchChangeEvent(): void;
|
|
99
92
|
protected _createAndSelectSuggestedOption(): Promise<void>;
|
|
93
|
+
protected _toggleComboboxDropdown(): void;
|
|
94
|
+
protected _scrollActiveElementToTop(): void;
|
|
95
|
+
private _adjustOptionListScrollPos;
|
|
100
96
|
protected _onFaceClick(): void;
|
|
101
97
|
private _onClickOutside;
|
|
102
98
|
private _onMouseMove;
|
|
103
|
-
private _toggleComboboxDropdown;
|
|
104
99
|
protected _onComboboxButtonClick(): void;
|
|
105
100
|
protected _onComboboxButtonKeyDown(ev: KeyboardEvent): void;
|
|
101
|
+
private _onOptionListScroll;
|
|
106
102
|
protected _onOptionMouseOver(ev: MouseEvent): void;
|
|
107
103
|
protected _onPlaceholderOptionMouseOut(): void;
|
|
108
104
|
protected _onNoOptionsClick(ev: MouseEvent): void;
|
|
109
105
|
protected _onEnterKeyDown(ev: KeyboardEvent): void;
|
|
110
106
|
private _onSpaceKeyDown;
|
|
111
|
-
private _scrollActiveElementToTop;
|
|
112
|
-
private _adjustOptionListScrollPos;
|
|
113
107
|
protected _onArrowUpKeyDown(): void;
|
|
114
108
|
protected _onArrowDownKeyDown(): void;
|
|
109
|
+
private _onEscapeKeyDown;
|
|
115
110
|
private _onComponentKeyDown;
|
|
116
111
|
private _onComponentFocus;
|
|
117
112
|
private _onComponentBlur;
|
|
@@ -120,15 +115,15 @@ export declare class VscodeSelectBase extends VscElement {
|
|
|
120
115
|
protected _onComboboxInputBlur(): void;
|
|
121
116
|
protected _onComboboxInputInput(ev: InputEvent): void;
|
|
122
117
|
protected _onComboboxInputClick(): void;
|
|
118
|
+
protected _onComboboxInputSpaceKeyDown(ev: KeyboardEvent): void;
|
|
123
119
|
protected _onOptionClick(_ev: MouseEvent): void;
|
|
120
|
+
private _renderCheckbox;
|
|
124
121
|
protected _renderOptions(): TemplateResult | TemplateResult[];
|
|
125
122
|
protected _renderPlaceholderOption(isListEmpty: boolean): TemplateResult<1> | typeof nothing;
|
|
126
123
|
private _renderDescription;
|
|
127
124
|
protected _renderSelectFace(): TemplateResult;
|
|
128
|
-
private _renderMultiSelectLabel;
|
|
129
125
|
protected _renderComboboxFace(): TemplateResult;
|
|
130
126
|
protected _renderDropdownControls(): TemplateResult;
|
|
131
|
-
|
|
132
|
-
render(): TemplateResult;
|
|
127
|
+
protected _renderDropdown(): TemplateResult<1>;
|
|
133
128
|
}
|
|
134
129
|
//# sourceMappingURL=vscode-select-base.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vscode-select-base.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/vscode-select-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"vscode-select-base.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/vscode-select-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAM1E,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,OAAO,KAAK,EAAC,cAAc,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,YAAY,CAAC;AACrE,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAE/D,OAAO,8CAA8C,CAAC;AAEtD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAE9C,SAAS,UAAS;IAElB;;OAEG;IACH,IACI,QAAQ,CAAC,OAAO,EAAE,OAAO,EAE5B;IACD,IAAI,QAAQ,IAHU,OAAO,CAK5B;IAED;;;OAGG;IAEH,KAAK,SAAM;IAEX;;OAEG;IACH,IACI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAa7B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;;;;;;OASG;IACH,IACI,MAAM,CAAC,GAAG,EAAE,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,mBAAmB,EAwBxE;IACD,IAAI,MAAM,IAAI,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,mBAAmB,CAEtE;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IACH,IACI,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,EAEzB;IACD,IAAI,OAAO,IAAI,MAAM,EAAE,CAUtB;IAED;;OAEG;IAEH,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAW;IAMtC,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,SAAS,CAAC,KAAK,uBAAkC;;IAWxC,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAOrC,SAAS,CAAC,qBAAqB,UAAS;cAErB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;cAItD,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;cAMnD,MAAM,CAAC,iBAAiB,EAAE,cAAc;IAgB3D,SAAS,CAAC,mBAAmB,SAAM;IAGnC,SAAS,CAAC,OAAO,EAAE,YAAY,CAAW;IAG1C,SAAS,KAAK,gBAAgB,IAAI,cAAc,EAAE,CAUjD;IAGD,SAAS,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAG1C,SAAS,CAAC,QAAQ,EAAE,cAAc,EAAE,CAAM;IAG1C,SAAS,CAAC,MAAM,SAAM;IAGtB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAM;IAGjC,SAAS,CAAC,0BAA0B,UAAS;IAG7C,SAAS,CAAC,gBAAgB,UAAS;IAGnC,SAAS,CAAC,oBAAoB,SAAK;IAEnC,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,iBAAiB,CAAiC;IAE1D,OAAO,CAAC,aAAa;IAsBrB,SAAS,KAAK,yBAAyB,YAStC;IAED,SAAS,CAAC,eAAe;IAEzB,SAAS,CAAC,4BAA4B;IAoBtC,SAAS,CAAC,sBAAsB;IAUhC,SAAS,CAAC,oBAAoB,IAAI,IAAI;cAKtB,+BAA+B;IAE/C,SAAS,CAAC,uBAAuB;IAKjC,SAAS,CAAC,yBAAyB;YAMrB,0BAA0B;IA0CxC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,OAAO,CAAC,eAAe,CAOrB;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAIxC,SAAS,CAAC,wBAAwB,CAAC,EAAE,EAAE,aAAa,GAAG,IAAI;IAM3D,OAAO,CAAC,mBAAmB,CAEzB;IAEF,SAAS,CAAC,kBAAkB,CAAC,EAAE,EAAE,UAAU,GAAG,IAAI;IAoBlD,SAAS,CAAC,4BAA4B;IAItC,SAAS,CAAC,iBAAiB,CAAC,EAAE,EAAE,UAAU;IAI1C,SAAS,CAAC,eAAe,CAAC,EAAE,EAAE,aAAa,GAAG,IAAI;IAiBlD,OAAO,CAAC,eAAe;IAOvB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IA4BnC,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAiCrC,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,mBAAmB,CAyBzB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,CAAC,qBAAqB,CAAC,EAAE,EAAE,UAAU,GAAG,IAAI;IAMrD,SAAS,CAAC,oBAAoB;IAI9B,SAAS,CAAC,qBAAqB,CAAC,EAAE,EAAE,UAAU,GAAG,IAAI;IAOrD,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAKvC,SAAS,CAAC,4BAA4B,CAAC,EAAE,EAAE,aAAa;IAMxD,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU;IAOxC,OAAO,CAAC,eAAe;IAavB,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,cAAc,EAAE;IA+D7D,SAAS,CAAC,wBAAwB,CAAC,WAAW,EAAE,OAAO;IA+BvD,OAAO,CAAC,kBAAkB;IAc1B,SAAS,CAAC,iBAAiB,IAAI,cAAc;IAI7C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAI/C,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAInD,SAAS,CAAC,eAAe;CAsC1B"}
|