@oomol-lab/open-flow 0.1.0-beta.74 → 0.1.0-beta.75
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/README.md +1 -0
- package/dist/browser/{ContentIcon-CUQHjQIw.js → ContentIcon-FCpKiwjp.js} +2 -1
- package/dist/browser/{FlowCanvas-Dtf8_cQp.js → FlowCanvas-dzRBnlUT.js} +1 -1
- package/dist/browser/{createResourceDialog-DI9pL-Yr.js → createResourceDialog-BeYDdUl-.js} +2 -2
- package/dist/browser/{dialog-BYJGvItc.js → dialog-ZtpsFbl4.js} +284 -13
- package/dist/browser/{exportSvg-BOoy7-Db.js → exportSvg-DqXw1yf-.js} +2 -2
- package/dist/browser/{flowChanges-RL-H4CjD.js → flowChanges-b_5UobFj.js} +285 -44
- package/dist/browser/{flowWorkspace-BkDsETj0.js → flowWorkspace-ItojZbO4.js} +414 -53
- package/dist/browser/preview.css +181 -176
- package/dist/browser/preview.js +955 -182
- package/dist/browser/workbench.css +181 -176
- package/dist/browser/workbench.js +12 -6
- package/dist/browser/{workbenchSelect-BcWPWGzw.js → workbenchSelect-M441Lz0d.js} +1 -1
- package/dist/command/index.js +36 -36
- package/dist/common/authoring.d.ts +4 -4
- package/dist/common/authoringExamples.d.ts +3 -2
- package/dist/common/authoringSchema.d.ts +67 -4
- package/dist/common/control-api-conformance.js +58 -7
- package/dist/common/control-api.js +58 -7
- package/dist/common/control-requests.d.ts +3 -3
- package/dist/common/control-requests.js +234 -62
- package/dist/common/engine-contract.d.ts +1 -0
- package/dist/common/flow-authoring.js +56 -7
- package/dist/common/flow-change.d.ts +1 -1
- package/dist/common/flow-change.js +56 -7
- package/dist/common/flow-encoding.js +55 -7
- package/dist/common/flow-graph.d.ts +2 -1
- package/dist/common/flow-retry.d.ts +1 -1
- package/dist/common/flow-semantics.js +810 -577
- package/dist/common/http-request.d.ts +156 -0
- package/dist/common/http-request.js +5254 -0
- package/dist/common/mcp.d.ts +3 -3
- package/dist/common/mcp.js +58 -7
- package/dist/common/run-events.js +11 -9
- package/dist/common/runtime-contract.js +3 -0
- package/dist/common/scheduler.d.ts +1 -1
- package/dist/common/scheduler.js +70 -21
- package/dist/common/webhook-response.d.ts +0 -2
- package/dist/common/webhook-trigger.js +12 -11
- package/package.json +5 -1
- package/skills/open-flow/references/flow-authoring.md +1 -0
- package/skills/open-flow/references/flow-n8n-conversion.md +19 -15
- package/src/control/common/api.ts +1 -0
- package/src/control/common/authoring.ts +14 -3
- package/src/control/common/authoringExamples.ts +8 -0
- package/src/control/common/authoringSchema.ts +30 -24
- package/src/execution/common/engineContract.ts +4 -0
- package/src/execution/common/events.ts +3 -0
- package/src/execution/common/node-execution.ts +4 -2
- package/src/execution/common/scheduler.ts +1 -0
- package/src/flow/common/change.ts +3 -2
- package/src/flow/common/changeSchema.ts +12 -3
- package/src/flow/common/graph.ts +10 -4
- package/src/flow/common/retry.ts +1 -1
- package/src/flow/common/semantics.ts +60 -3
- package/src/flow/common/webhookResponse.ts +3 -7
- package/src/{openapi → http}/common/authBindings.ts +3 -3
- package/src/http/common/headers.ts +5 -0
- package/src/http/common/httpRequest.ts +251 -0
- package/src/trigger/common/webhook.ts +4 -3
package/dist/browser/preview.css
CHANGED
|
@@ -11768,8 +11768,8 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11768
11768
|
margin: 0;
|
|
11769
11769
|
}/* Each editor is one stacking unit. The field table raises the active unit;
|
|
11770
11770
|
attached feedback stays behind the controls inside it. */
|
|
11771
|
-
.
|
|
11772
|
-
.
|
|
11771
|
+
.valueEditor_root_4a4f1,
|
|
11772
|
+
.valueEditor_errorAnchor_4a4f1 {
|
|
11773
11773
|
--ui-danger-border-width: 1px;
|
|
11774
11774
|
--ui-danger-focus-width: 2px;
|
|
11775
11775
|
--value-body-inset: 0px;
|
|
@@ -11779,13 +11779,13 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11779
11779
|
|
|
11780
11780
|
/* A structural field group has independent editors; hovering a descendant must
|
|
11781
11781
|
not lift the entire group above sticky section titles. */
|
|
11782
|
-
.
|
|
11783
|
-
.
|
|
11784
|
-
.
|
|
11782
|
+
.valueEditor_root_4a4f1:not([data-stacking=fields]),
|
|
11783
|
+
.valueEditor_errorAnchor_4a4f1,
|
|
11784
|
+
.valueEditor_root_4a4f1:not([data-stacking=fields]) > .valueEditor_body_4a4f1 {
|
|
11785
11785
|
isolation: isolate;
|
|
11786
11786
|
}
|
|
11787
11787
|
|
|
11788
|
-
.
|
|
11788
|
+
.valueEditor_root_4a4f1 {
|
|
11789
11789
|
--ui-danger-control-background: var(--ui-danger-control-background-default);
|
|
11790
11790
|
--field-value-column: 1;
|
|
11791
11791
|
--field-value-row: 1;
|
|
@@ -11804,11 +11804,11 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11804
11804
|
color: var(--ui-foreground);
|
|
11805
11805
|
}
|
|
11806
11806
|
|
|
11807
|
-
.
|
|
11807
|
+
.valueEditor_root_4a4f1:has(> .valueEditor_valueTools_4a4f1:hover) {
|
|
11808
11808
|
--ui-danger-control-background: var(--ui-danger-control-background-hover);
|
|
11809
11809
|
}
|
|
11810
11810
|
|
|
11811
|
-
.
|
|
11811
|
+
.valueEditor_body_4a4f1 {
|
|
11812
11812
|
position: relative;
|
|
11813
11813
|
display: flex;
|
|
11814
11814
|
min-width: 0;
|
|
@@ -11818,7 +11818,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11818
11818
|
grid-row: 1;
|
|
11819
11819
|
}
|
|
11820
11820
|
|
|
11821
|
-
.
|
|
11821
|
+
.valueEditor_options_4a4f1 {
|
|
11822
11822
|
grid-column: 2;
|
|
11823
11823
|
grid-row: 1;
|
|
11824
11824
|
display: flex;
|
|
@@ -11829,7 +11829,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11829
11829
|
color: var(--ui-muted-foreground);
|
|
11830
11830
|
}
|
|
11831
11831
|
|
|
11832
|
-
.
|
|
11832
|
+
.valueEditor_toolbar_4a4f1 {
|
|
11833
11833
|
--ui-control-radius: 8px;
|
|
11834
11834
|
display: flex;
|
|
11835
11835
|
flex-direction: column;
|
|
@@ -11838,30 +11838,30 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11838
11838
|
min-width: 140px;
|
|
11839
11839
|
}
|
|
11840
11840
|
|
|
11841
|
-
.
|
|
11841
|
+
.valueEditor_toolbar_4a4f1 > button {
|
|
11842
11842
|
justify-content: flex-start;
|
|
11843
11843
|
gap: 8px;
|
|
11844
11844
|
height: 28px;
|
|
11845
11845
|
padding: 4px 8px;
|
|
11846
11846
|
}
|
|
11847
11847
|
|
|
11848
|
-
.
|
|
11848
|
+
.valueEditor_toolbar_4a4f1 > .valueEditor_presence_4a4f1:empty {
|
|
11849
11849
|
display: none;
|
|
11850
11850
|
}
|
|
11851
11851
|
|
|
11852
|
-
.
|
|
11852
|
+
.valueEditor_actions_4a4f1 {
|
|
11853
11853
|
display: flex;
|
|
11854
11854
|
flex-wrap: wrap;
|
|
11855
11855
|
align-items: center;
|
|
11856
11856
|
gap: 4px;
|
|
11857
11857
|
}
|
|
11858
11858
|
|
|
11859
|
-
.
|
|
11859
|
+
.valueEditor_presence_4a4f1 {
|
|
11860
11860
|
font-size: 12px;
|
|
11861
11861
|
color: var(--ui-muted-foreground);
|
|
11862
11862
|
}
|
|
11863
11863
|
|
|
11864
|
-
.
|
|
11864
|
+
.valueEditor_collection_4a4f1 {
|
|
11865
11865
|
container: value-fields/inline-size;
|
|
11866
11866
|
display: flex;
|
|
11867
11867
|
min-width: 0;
|
|
@@ -11869,7 +11869,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11869
11869
|
gap: 8px;
|
|
11870
11870
|
}
|
|
11871
11871
|
|
|
11872
|
-
.
|
|
11872
|
+
.valueEditor_fieldName_4a4f1 {
|
|
11873
11873
|
flex: 1;
|
|
11874
11874
|
min-width: 0;
|
|
11875
11875
|
overflow-wrap: anywhere;
|
|
@@ -11877,25 +11877,25 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11877
11877
|
font-weight: 500;
|
|
11878
11878
|
}
|
|
11879
11879
|
|
|
11880
|
-
.
|
|
11880
|
+
.valueEditor_fieldType_4a4f1 {
|
|
11881
11881
|
color: var(--ui-muted-foreground);
|
|
11882
11882
|
font-family: ui-monospace, monospace;
|
|
11883
11883
|
font-size: 12px;
|
|
11884
11884
|
}
|
|
11885
11885
|
|
|
11886
|
-
.
|
|
11886
|
+
.valueEditor_json_4a4f1 {
|
|
11887
11887
|
min-height: 110px;
|
|
11888
11888
|
max-height: 320px;
|
|
11889
11889
|
resize: vertical;
|
|
11890
11890
|
font-family: monospace;
|
|
11891
11891
|
}
|
|
11892
|
-
.
|
|
11892
|
+
.valueEditor_json_4a4f1[data-auto-height] {
|
|
11893
11893
|
max-height: none;
|
|
11894
11894
|
resize: none;
|
|
11895
11895
|
overflow: hidden;
|
|
11896
11896
|
}
|
|
11897
11897
|
|
|
11898
|
-
.
|
|
11898
|
+
.valueEditor_description_4a4f1 {
|
|
11899
11899
|
margin: 4px 0;
|
|
11900
11900
|
font-size: 12px;
|
|
11901
11901
|
line-height: 1.5;
|
|
@@ -11904,7 +11904,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11904
11904
|
}
|
|
11905
11905
|
|
|
11906
11906
|
/* The feedback base tucks under the control; its rounded border stays in front. */
|
|
11907
|
-
.
|
|
11907
|
+
.valueEditor_error_4a4f1 {
|
|
11908
11908
|
position: absolute;
|
|
11909
11909
|
--error-border-width: var(--ui-danger-border-width);
|
|
11910
11910
|
--error-inline-outset: 0px;
|
|
@@ -11932,38 +11932,43 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11932
11932
|
/* Only value-editor focus owns feedback. Pointer-focused disclosures and previews
|
|
11933
11933
|
must not suppress hover feedback after collapsing a field. Text inputs retain
|
|
11934
11934
|
:focus-visible on pointer focus; keyboard-focused value buttons do as well. */
|
|
11935
|
-
[data-value-editor-scope]:has(
|
|
11936
|
-
[data-value-editor-scope]:has(.
|
|
11937
|
-
.
|
|
11935
|
+
[data-value-editor-scope]:has([data-feedback] :focus-visible),
|
|
11936
|
+
[data-value-editor-scope]:has(.valueEditor_root_4a4f1[data-summary-feedback] > .valueEditor_summary_4a4f1:focus-visible, .valueEditor_root_4a4f1[data-summary-feedback] > :is(.valueEditor_valueTools_4a4f1) :focus-visible),
|
|
11937
|
+
.valueEditor_root_4a4f1:has([data-feedback] :focus-visible),
|
|
11938
|
+
.valueEditor_root_4a4f1[data-summary-feedback]:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible) {
|
|
11938
11939
|
--error-hover-opacity: 0;
|
|
11939
11940
|
--error-hover-visibility: hidden;
|
|
11940
11941
|
}
|
|
11941
11942
|
|
|
11942
|
-
:is(.
|
|
11943
|
-
.
|
|
11944
|
-
.
|
|
11943
|
+
:is(.valueEditor_body_4a4f1:not([hidden]), .valueEditor_errorAnchor_4a4f1):hover > .valueEditor_error_4a4f1,
|
|
11944
|
+
.valueEditor_root_4a4f1:has(> :is(.valueEditor_summary_4a4f1, .valueEditor_valueTools_4a4f1):hover) > .valueEditor_summaryError_4a4f1 > .valueEditor_error_4a4f1,
|
|
11945
|
+
.valueEditor_summaryError_4a4f1:hover > .valueEditor_error_4a4f1 {
|
|
11945
11946
|
opacity: var(--error-hover-opacity, 1);
|
|
11946
11947
|
visibility: var(--error-hover-visibility, visible);
|
|
11947
11948
|
}
|
|
11948
11949
|
|
|
11949
|
-
:is(.
|
|
11950
|
-
.
|
|
11950
|
+
:is(.valueEditor_body_4a4f1:not([hidden]), .valueEditor_errorAnchor_4a4f1):has(:focus-visible) > .valueEditor_error_4a4f1,
|
|
11951
|
+
.valueEditor_root_4a4f1:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible) > .valueEditor_summaryError_4a4f1 > .valueEditor_error_4a4f1 {
|
|
11951
11952
|
--error-border-width: var(--ui-danger-focus-width);
|
|
11952
11953
|
--error-inline-outset: calc(var(--ui-danger-focus-width) - var(--ui-danger-border-width));
|
|
11953
11954
|
opacity: 1;
|
|
11954
11955
|
visibility: visible;
|
|
11955
11956
|
}
|
|
11956
11957
|
|
|
11957
|
-
.
|
|
11958
|
+
.valueEditor_root_4a4f1:not([data-stacking=fields]):not(:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible, > .valueEditor_body_4a4f1:not([hidden]) :focus-visible)):has(> :is(.valueEditor_body_4a4f1, .valueEditor_summary_4a4f1, .valueEditor_valueTools_4a4f1, .valueEditor_summaryError_4a4f1):hover) {
|
|
11958
11959
|
z-index: var(--value-editor-hover-layer, 1);
|
|
11959
11960
|
}
|
|
11960
11961
|
|
|
11961
|
-
.
|
|
11962
|
-
.
|
|
11962
|
+
.valueEditor_root_4a4f1:not([data-stacking=fields]):has([data-feedback] :focus-visible),
|
|
11963
|
+
.valueEditor_root_4a4f1:not([data-stacking=fields])[data-summary-feedback]:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible) {
|
|
11963
11964
|
z-index: var(--value-editor-active-layer, 2);
|
|
11964
11965
|
}
|
|
11965
11966
|
|
|
11966
|
-
.
|
|
11967
|
+
.valueEditor_root_4a4f1:not([data-stacking=fields]):has([data-popup-open]) {
|
|
11968
|
+
z-index: var(--value-editor-active-layer, 2);
|
|
11969
|
+
}
|
|
11970
|
+
|
|
11971
|
+
.valueEditor_srOnly_4a4f1 {
|
|
11967
11972
|
position: absolute;
|
|
11968
11973
|
width: 1px;
|
|
11969
11974
|
height: 1px;
|
|
@@ -11973,7 +11978,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11973
11978
|
white-space: nowrap;
|
|
11974
11979
|
}
|
|
11975
11980
|
|
|
11976
|
-
.
|
|
11981
|
+
.valueEditor_option_4a4f1 {
|
|
11977
11982
|
display: flex;
|
|
11978
11983
|
align-items: center;
|
|
11979
11984
|
gap: 8px;
|
|
@@ -11982,7 +11987,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11982
11987
|
}
|
|
11983
11988
|
|
|
11984
11989
|
/* The main row has explicit slots. Expanded editors occupy their own row. */
|
|
11985
|
-
.
|
|
11990
|
+
.valueEditor_root_4a4f1[data-header] {
|
|
11986
11991
|
--field-nullable-width: var(--field-table-nullable-width, 0px);
|
|
11987
11992
|
--field-name-track: minmax(0, 1fr);
|
|
11988
11993
|
--field-type-track: minmax(64px, 0.48fr);
|
|
@@ -11999,10 +12004,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
11999
12004
|
column-gap: 0;
|
|
12000
12005
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12001
12006
|
}
|
|
12002
|
-
.
|
|
12007
|
+
.valueEditor_root_4a4f1[data-header][data-value-prefix] {
|
|
12003
12008
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value-prefix] max-content var(--field-value-prefix-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12004
12009
|
}
|
|
12005
|
-
.
|
|
12010
|
+
.valueEditor_root_4a4f1[data-header][data-layout=values], .valueEditor_root_4a4f1[data-header][data-layout=ports] {
|
|
12006
12011
|
--field-name-track: minmax(
|
|
12007
12012
|
90px,
|
|
12008
12013
|
calc(
|
|
@@ -12017,38 +12022,38 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12017
12022
|
--field-name-gap: var(--field-value-name-gap, 2px);
|
|
12018
12023
|
--field-actions-gap: var(--field-table-actions-gap, 2px);
|
|
12019
12024
|
}
|
|
12020
|
-
.
|
|
12025
|
+
.valueEditor_root_4a4f1[data-header][data-output] {
|
|
12021
12026
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12022
12027
|
}
|
|
12023
12028
|
@container value-fields (max-width: 340px) {
|
|
12024
|
-
.
|
|
12029
|
+
.valueEditor_root_4a4f1[data-header]:not([data-output]) {
|
|
12025
12030
|
--field-value-column: handle / content-end;
|
|
12026
12031
|
--field-value-row: 2;
|
|
12027
12032
|
--field-branch-row: 3;
|
|
12028
12033
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12029
12034
|
}
|
|
12030
|
-
.
|
|
12035
|
+
.valueEditor_root_4a4f1[data-header][data-value-prefix]:not([data-output]) {
|
|
12031
12036
|
--field-value-column: value / content-end;
|
|
12032
12037
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle value-prefix] max-content var(--field-value-prefix-gap) [value] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12033
12038
|
}
|
|
12034
12039
|
}
|
|
12035
|
-
.
|
|
12040
|
+
.valueEditor_root_4a4f1[data-header] {
|
|
12036
12041
|
--field-row-gap: 4px;
|
|
12037
12042
|
row-gap: var(--field-row-gap);
|
|
12038
12043
|
}
|
|
12039
12044
|
|
|
12040
|
-
.
|
|
12045
|
+
.valueEditor_root_4a4f1[data-header][data-value-only] {
|
|
12041
12046
|
--field-value-column: handle / end;
|
|
12042
12047
|
--field-value-row: 1;
|
|
12043
12048
|
--field-branch-row: 2;
|
|
12044
12049
|
}
|
|
12045
12050
|
|
|
12046
|
-
.
|
|
12051
|
+
.valueEditor_header_4a4f1 {
|
|
12047
12052
|
display: contents;
|
|
12048
12053
|
}
|
|
12049
12054
|
|
|
12050
|
-
.
|
|
12051
|
-
.
|
|
12055
|
+
.valueEditor_leadingControl_4a4f1,
|
|
12056
|
+
.valueEditor_toggleControl_4a4f1 {
|
|
12052
12057
|
margin-left: var(--field-indent, 0px);
|
|
12053
12058
|
justify-self: start;
|
|
12054
12059
|
grid-row: 1;
|
|
@@ -12057,28 +12062,28 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12057
12062
|
height: var(--field-control-height);
|
|
12058
12063
|
}
|
|
12059
12064
|
|
|
12060
|
-
.
|
|
12065
|
+
.valueEditor_leadingControl_4a4f1 {
|
|
12061
12066
|
grid-column: toggle;
|
|
12062
12067
|
}
|
|
12063
12068
|
|
|
12064
|
-
.
|
|
12069
|
+
.valueEditor_toggleControl_4a4f1 {
|
|
12065
12070
|
grid-column: toggle;
|
|
12066
12071
|
}
|
|
12067
12072
|
|
|
12068
|
-
.
|
|
12069
|
-
.
|
|
12073
|
+
.valueEditor_header_4a4f1 [data-field-name],
|
|
12074
|
+
.valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1 {
|
|
12070
12075
|
grid-column: handle;
|
|
12071
12076
|
}
|
|
12072
12077
|
|
|
12073
|
-
.
|
|
12074
|
-
.
|
|
12078
|
+
.valueEditor_header_4a4f1 [data-field-type],
|
|
12079
|
+
.valueEditor_header_4a4f1 > .valueEditor_fieldType_4a4f1 {
|
|
12075
12080
|
grid-column: type;
|
|
12076
12081
|
}
|
|
12077
12082
|
|
|
12078
|
-
.
|
|
12079
|
-
.
|
|
12080
|
-
.
|
|
12081
|
-
.
|
|
12083
|
+
.valueEditor_header_4a4f1 [data-field-name],
|
|
12084
|
+
.valueEditor_header_4a4f1 [data-field-type],
|
|
12085
|
+
.valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1,
|
|
12086
|
+
.valueEditor_header_4a4f1 > .valueEditor_fieldType_4a4f1 {
|
|
12082
12087
|
grid-row: 1;
|
|
12083
12088
|
min-width: 0;
|
|
12084
12089
|
height: var(--field-control-height);
|
|
@@ -12091,23 +12096,23 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12091
12096
|
font-weight: 400;
|
|
12092
12097
|
}
|
|
12093
12098
|
|
|
12094
|
-
.
|
|
12099
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_options_4a4f1 {
|
|
12095
12100
|
grid-column: actions;
|
|
12096
12101
|
}
|
|
12097
12102
|
|
|
12098
|
-
.
|
|
12099
|
-
.
|
|
12103
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1,
|
|
12104
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_summary_4a4f1 {
|
|
12100
12105
|
grid-column: var(--field-value-column);
|
|
12101
12106
|
grid-row: var(--field-value-row);
|
|
12102
12107
|
min-height: var(--field-control-height);
|
|
12103
12108
|
}
|
|
12104
12109
|
|
|
12105
|
-
.
|
|
12110
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 {
|
|
12106
12111
|
gap: 4px;
|
|
12107
12112
|
}
|
|
12108
12113
|
|
|
12109
12114
|
/* The rounded value control sits in front of the attached addon base. */
|
|
12110
|
-
.
|
|
12115
|
+
.valueEditor_valueAddon_4a4f1 {
|
|
12111
12116
|
color: var(--ui-muted-foreground);
|
|
12112
12117
|
grid-column: var(--field-value-column, 1);
|
|
12113
12118
|
grid-row: var(--field-value-row, 1);
|
|
@@ -12124,29 +12129,29 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12124
12129
|
background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-control-background, var(--ui-background)));
|
|
12125
12130
|
}
|
|
12126
12131
|
|
|
12127
|
-
.
|
|
12132
|
+
.valueEditor_root_4a4f1:not([data-header])[data-value-addon] {
|
|
12128
12133
|
--field-value-column: 1;
|
|
12129
12134
|
--field-value-row: 1;
|
|
12130
12135
|
}
|
|
12131
|
-
.
|
|
12136
|
+
.valueEditor_root_4a4f1:not([data-header])[data-value-addon][data-expansion=branch] > .valueEditor_body_4a4f1 {
|
|
12132
12137
|
grid-row: 2;
|
|
12133
12138
|
}
|
|
12134
12139
|
|
|
12135
|
-
.
|
|
12140
|
+
.valueEditor_root_4a4f1[data-value-addon] {
|
|
12136
12141
|
--value-start-addon-width: var(--value-addon-width);
|
|
12137
12142
|
}
|
|
12138
|
-
.
|
|
12143
|
+
.valueEditor_root_4a4f1[data-value-addon] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-addon]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 {
|
|
12139
12144
|
position: relative;
|
|
12140
12145
|
margin-left: var(--value-start-addon-width);
|
|
12141
12146
|
}
|
|
12142
|
-
.
|
|
12147
|
+
.valueEditor_root_4a4f1[data-value-addon]:has(> .valueEditor_summary_4a4f1[aria-expanded=true]) > .valueEditor_valueAddon_4a4f1 {
|
|
12143
12148
|
background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-background));
|
|
12144
12149
|
}
|
|
12145
|
-
.
|
|
12150
|
+
.valueEditor_root_4a4f1[data-value-addon] > .valueEditor_valueAddon_4a4f1:has([data-source-trigger]:is(:hover, [aria-expanded=true])) {
|
|
12146
12151
|
background: var(--ui-control-hover-background, var(--ui-muted));
|
|
12147
12152
|
}
|
|
12148
12153
|
|
|
12149
|
-
.
|
|
12154
|
+
.valueEditor_valueAddon_4a4f1[data-side=end] {
|
|
12150
12155
|
justify-self: end;
|
|
12151
12156
|
justify-content: flex-end;
|
|
12152
12157
|
padding-left: 0;
|
|
@@ -12156,23 +12161,23 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12156
12161
|
border-radius: 0 var(--ui-control-radius, var(--ui-radius)) var(--ui-control-radius, var(--ui-radius)) 0;
|
|
12157
12162
|
}
|
|
12158
12163
|
|
|
12159
|
-
.
|
|
12164
|
+
.valueEditor_root_4a4f1[data-value-suffix] {
|
|
12160
12165
|
--value-end-addon-width: var(--value-addon-width);
|
|
12161
12166
|
}
|
|
12162
|
-
.
|
|
12167
|
+
.valueEditor_root_4a4f1[data-value-suffix] > .valueEditor_summaryError_4a4f1 {
|
|
12163
12168
|
margin-right: var(--value-end-addon-width);
|
|
12164
12169
|
}
|
|
12165
|
-
.
|
|
12170
|
+
.valueEditor_root_4a4f1[data-value-suffix] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-suffix]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 {
|
|
12166
12171
|
position: relative;
|
|
12167
12172
|
margin-right: var(--value-end-addon-width);
|
|
12168
12173
|
z-index: var(--value-editor-control-layer);
|
|
12169
12174
|
}
|
|
12170
12175
|
|
|
12171
|
-
.
|
|
12176
|
+
.valueEditor_root_4a4f1[data-compact][data-expansion=branch] > .valueEditor_summary_4a4f1 {
|
|
12172
12177
|
grid-column: 1;
|
|
12173
12178
|
grid-row: 1;
|
|
12174
12179
|
}
|
|
12175
|
-
.
|
|
12180
|
+
.valueEditor_root_4a4f1[data-compact][data-expansion=branch] > .valueEditor_body_4a4f1 {
|
|
12176
12181
|
grid-column: 1;
|
|
12177
12182
|
grid-row: 2;
|
|
12178
12183
|
padding-top: 6px;
|
|
@@ -12181,19 +12186,19 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12181
12186
|
/* Expanded content is the base layer. Summary feedback covers that content,
|
|
12182
12187
|
while the parent control stays in front of its attached feedback. An open
|
|
12183
12188
|
descendant overlay raises the content plane above both. */
|
|
12184
|
-
.
|
|
12189
|
+
.valueEditor_root_4a4f1:not([data-stacking=fields]) > .valueEditor_body_4a4f1:has([data-popup-open]) {
|
|
12185
12190
|
z-index: var(--value-editor-overlay-layer);
|
|
12186
12191
|
}
|
|
12187
12192
|
|
|
12188
|
-
.
|
|
12193
|
+
.valueEditor_summary_4a4f1 {
|
|
12189
12194
|
z-index: var(--value-editor-control-layer);
|
|
12190
12195
|
}
|
|
12191
12196
|
|
|
12192
|
-
.
|
|
12197
|
+
.valueEditor_root_4a4f1[data-stacking=fields] > .valueEditor_summary_4a4f1 {
|
|
12193
12198
|
z-index: auto;
|
|
12194
12199
|
}
|
|
12195
12200
|
|
|
12196
|
-
.
|
|
12201
|
+
.valueEditor_summary_4a4f1 {
|
|
12197
12202
|
--preview-background: var(--ui-control-background, var(--ui-muted));
|
|
12198
12203
|
--preview-border: var(--ui-input);
|
|
12199
12204
|
min-width: 0;
|
|
@@ -12207,25 +12212,25 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12207
12212
|
border-color: var(--preview-border);
|
|
12208
12213
|
background: var(--preview-background);
|
|
12209
12214
|
}
|
|
12210
|
-
.
|
|
12215
|
+
.valueEditor_summary_4a4f1[aria-expanded=true] {
|
|
12211
12216
|
--preview-background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-background));
|
|
12212
12217
|
}
|
|
12213
12218
|
|
|
12214
|
-
.
|
|
12219
|
+
.valueEditor_summaryText_4a4f1[data-empty-string] {
|
|
12215
12220
|
color: var(--ui-muted-foreground);
|
|
12216
12221
|
}
|
|
12217
|
-
.
|
|
12222
|
+
.valueEditor_summaryText_4a4f1 {
|
|
12218
12223
|
min-width: 0;
|
|
12219
12224
|
overflow: hidden;
|
|
12220
12225
|
text-overflow: ellipsis;
|
|
12221
12226
|
white-space: nowrap;
|
|
12222
12227
|
}
|
|
12223
12228
|
|
|
12224
|
-
.
|
|
12229
|
+
.valueEditor_root_4a4f1[data-expanded] > .valueEditor_summary_4a4f1 > .valueEditor_summaryText_4a4f1 {
|
|
12225
12230
|
color: color-mix(in srgb, var(--ui-muted-foreground) 70%, transparent);
|
|
12226
12231
|
}
|
|
12227
12232
|
|
|
12228
|
-
.
|
|
12233
|
+
.valueEditor_valueTools_4a4f1 {
|
|
12229
12234
|
grid-column: var(--field-value-column);
|
|
12230
12235
|
grid-row: var(--field-value-row);
|
|
12231
12236
|
align-self: start;
|
|
@@ -12238,48 +12243,48 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12238
12243
|
color: var(--ui-muted-foreground);
|
|
12239
12244
|
}
|
|
12240
12245
|
|
|
12241
|
-
.
|
|
12246
|
+
.valueEditor_clearValue_4a4f1[data-danger] {
|
|
12242
12247
|
--ui-control-hover-background: var(--ui-danger-control-background-hover);
|
|
12243
12248
|
}
|
|
12244
12249
|
|
|
12245
|
-
.
|
|
12246
|
-
.
|
|
12250
|
+
.valueEditor_resetValue_4a4f1,
|
|
12251
|
+
.valueEditor_unsetValue_4a4f1 > i {
|
|
12247
12252
|
transition-property: opacity;
|
|
12248
12253
|
transition-duration: var(--default-transition-duration, 100ms);
|
|
12249
12254
|
transition-timing-function: var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
|
|
12250
12255
|
}
|
|
12251
12256
|
|
|
12252
|
-
.
|
|
12257
|
+
.valueEditor_root_4a4f1[data-value-tools] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > div > :is([data-slot=select-trigger], [aria-haspopup]) {
|
|
12253
12258
|
position: relative;
|
|
12254
12259
|
}
|
|
12255
|
-
.
|
|
12260
|
+
.valueEditor_root_4a4f1[data-value-tools] > .valueEditor_summary_4a4f1 > svg, .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > div > :is([data-slot=select-trigger], [aria-haspopup]) > svg {
|
|
12256
12261
|
position: absolute;
|
|
12257
12262
|
right: 8px;
|
|
12258
12263
|
pointer-events: none;
|
|
12259
12264
|
}
|
|
12260
|
-
.
|
|
12265
|
+
.valueEditor_root_4a4f1[data-value-tools] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > :is(input, select, button, [role=button]), .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > div > :is([data-slot=select-trigger], [data-field-control]) {
|
|
12261
12266
|
padding-right: calc(var(--value-tools-width) + var(--value-native-action-width, 0px) + var(--value-suffix-width) + 8px);
|
|
12262
12267
|
}
|
|
12263
|
-
.
|
|
12268
|
+
.valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 [data-slot=input-group] input {
|
|
12264
12269
|
padding-right: calc(var(--value-tools-width) + 8px);
|
|
12265
12270
|
}
|
|
12266
12271
|
|
|
12267
|
-
.
|
|
12272
|
+
.valueEditor_root_4a4f1[data-array-child] > .valueEditor_valueTools_4a4f1 {
|
|
12268
12273
|
grid-column: handle/content-end;
|
|
12269
12274
|
grid-row: 1;
|
|
12270
12275
|
}
|
|
12271
12276
|
|
|
12272
|
-
.
|
|
12277
|
+
.valueEditor_root_4a4f1 > .valueEditor_valueTools_4a4f1 > :is(.valueEditor_clearValue_4a4f1, .valueEditor_resetValue_4a4f1) {
|
|
12273
12278
|
opacity: 0;
|
|
12274
12279
|
pointer-events: none;
|
|
12275
12280
|
}
|
|
12276
|
-
.
|
|
12277
|
-
.
|
|
12281
|
+
.valueEditor_root_4a4f1:has(> .valueEditor_body_4a4f1:hover, > .valueEditor_summary_4a4f1:hover, > .valueEditor_valueTools_4a4f1:hover) > .valueEditor_valueTools_4a4f1 > :is(.valueEditor_clearValue_4a4f1, .valueEditor_resetValue_4a4f1),
|
|
12282
|
+
.valueEditor_root_4a4f1 > .valueEditor_valueTools_4a4f1 > :is(.valueEditor_clearValue_4a4f1, .valueEditor_resetValue_4a4f1):focus-visible {
|
|
12278
12283
|
opacity: 1;
|
|
12279
12284
|
pointer-events: auto;
|
|
12280
12285
|
}
|
|
12281
12286
|
|
|
12282
|
-
.
|
|
12287
|
+
.valueEditor_arrayIndex_4a4f1 {
|
|
12283
12288
|
height: var(--field-control-height);
|
|
12284
12289
|
display: flex;
|
|
12285
12290
|
align-items: center;
|
|
@@ -12289,20 +12294,20 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12289
12294
|
font-variant-numeric: tabular-nums;
|
|
12290
12295
|
}
|
|
12291
12296
|
|
|
12292
|
-
.
|
|
12297
|
+
.valueEditor_root_4a4f1[data-header][data-array-child] {
|
|
12293
12298
|
--field-value-column: handle / content-end;
|
|
12294
12299
|
--field-value-row: 1;
|
|
12295
12300
|
}
|
|
12296
|
-
.
|
|
12301
|
+
.valueEditor_root_4a4f1[data-header][data-array-child] > .valueEditor_valueAddon_4a4f1:not([data-side=end]) {
|
|
12297
12302
|
margin-left: var(--field-indent);
|
|
12298
12303
|
}
|
|
12299
|
-
.
|
|
12304
|
+
.valueEditor_root_4a4f1[data-header][data-array-child] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-header][data-array-child]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 {
|
|
12300
12305
|
grid-column: handle/content-end;
|
|
12301
12306
|
grid-row: 1;
|
|
12302
12307
|
margin-left: calc(var(--field-indent) + var(--value-start-addon-width));
|
|
12303
12308
|
}
|
|
12304
12309
|
|
|
12305
|
-
.
|
|
12310
|
+
.valueEditor_root_4a4f1[data-header][data-expansion=branch] > .valueEditor_body_4a4f1 {
|
|
12306
12311
|
--value-body-inset: calc(var(--field-indent, 0px) + 16px);
|
|
12307
12312
|
--branch-origin: calc(var(--field-indent, 0px) - var(--branch-offset));
|
|
12308
12313
|
--branch-offset: calc(var(--field-toggle-width, 24px) / 2 + var(--field-name-gap));
|
|
@@ -12314,22 +12319,22 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12314
12319
|
}
|
|
12315
12320
|
|
|
12316
12321
|
@container value-fields (max-width: 340px) {
|
|
12317
|
-
.
|
|
12322
|
+
.valueEditor_root_4a4f1[data-header][data-expansion=branch]:not([data-array-child], [data-output], [data-value-only]) > .valueEditor_body_4a4f1 {
|
|
12318
12323
|
--branch-extension: calc(var(--field-control-height) + var(--field-row-gap));
|
|
12319
12324
|
}
|
|
12320
12325
|
}
|
|
12321
|
-
.
|
|
12326
|
+
.valueEditor_root_4a4f1[data-header][data-structured] > .valueEditor_body_4a4f1 {
|
|
12322
12327
|
--branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
|
|
12323
12328
|
grid-column: handle/end;
|
|
12324
12329
|
}
|
|
12325
12330
|
|
|
12326
|
-
.
|
|
12331
|
+
.valueEditor_body_4a4f1[hidden] {
|
|
12327
12332
|
display: none !important;
|
|
12328
12333
|
}
|
|
12329
12334
|
|
|
12330
|
-
.
|
|
12331
|
-
.
|
|
12332
|
-
.
|
|
12335
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > input,
|
|
12336
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > textarea,
|
|
12337
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > select {
|
|
12333
12338
|
min-height: 30px;
|
|
12334
12339
|
height: 30px;
|
|
12335
12340
|
padding: 5px 7px;
|
|
@@ -12337,12 +12342,12 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12337
12342
|
font-size: 12px;
|
|
12338
12343
|
}
|
|
12339
12344
|
|
|
12340
|
-
.
|
|
12345
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > textarea {
|
|
12341
12346
|
height: 60px;
|
|
12342
12347
|
resize: vertical;
|
|
12343
12348
|
}
|
|
12344
12349
|
|
|
12345
|
-
.
|
|
12350
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > p:not([role=alert]) {
|
|
12346
12351
|
margin: 0;
|
|
12347
12352
|
padding: 6px 7px;
|
|
12348
12353
|
min-height: 30px;
|
|
@@ -12353,34 +12358,34 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12353
12358
|
white-space: nowrap;
|
|
12354
12359
|
}
|
|
12355
12360
|
|
|
12356
|
-
.
|
|
12361
|
+
.valueEditor_actions_4a4f1 > button {
|
|
12357
12362
|
justify-content: flex-start;
|
|
12358
12363
|
color: var(--ui-muted-foreground);
|
|
12359
12364
|
font-size: 12px;
|
|
12360
12365
|
}
|
|
12361
12366
|
|
|
12362
|
-
.
|
|
12367
|
+
.valueEditor_root_4a4f1[data-expansion=branch]:not([data-header]) > .valueEditor_options_4a4f1 {
|
|
12363
12368
|
align-self: end;
|
|
12364
12369
|
margin: 0;
|
|
12365
12370
|
}
|
|
12366
12371
|
|
|
12367
|
-
.
|
|
12372
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 [data-slot=native-select-wrapper] {
|
|
12368
12373
|
min-width: 0;
|
|
12369
12374
|
width: 100%;
|
|
12370
12375
|
}
|
|
12371
12376
|
|
|
12372
|
-
.
|
|
12377
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 [data-slot=native-select] {
|
|
12373
12378
|
height: 30px;
|
|
12374
12379
|
padding: 4px 22px 4px 7px;
|
|
12375
12380
|
border-radius: var(--ui-control-radius, var(--ui-radius));
|
|
12376
12381
|
font-size: 12px;
|
|
12377
12382
|
}
|
|
12378
12383
|
|
|
12379
|
-
.
|
|
12384
|
+
.valueEditor_body_4a4f1 .valueEditor_root_4a4f1 {
|
|
12380
12385
|
--field-grip-width: 0px;
|
|
12381
12386
|
}
|
|
12382
12387
|
|
|
12383
|
-
.
|
|
12388
|
+
.valueEditor_nullValue_4a4f1 {
|
|
12384
12389
|
display: flex;
|
|
12385
12390
|
align-items: center;
|
|
12386
12391
|
justify-content: flex-start;
|
|
@@ -12396,7 +12401,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12396
12401
|
font-weight: 400;
|
|
12397
12402
|
}
|
|
12398
12403
|
|
|
12399
|
-
.
|
|
12404
|
+
.valueEditor_nullChip_4a4f1 {
|
|
12400
12405
|
padding: 0 4px;
|
|
12401
12406
|
border-radius: 4px;
|
|
12402
12407
|
background: var(--ui-muted);
|
|
@@ -12405,13 +12410,13 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12405
12410
|
}
|
|
12406
12411
|
|
|
12407
12412
|
/* Editable names and types already supply their own control padding. */
|
|
12408
|
-
.
|
|
12409
|
-
.
|
|
12413
|
+
.valueEditor_root_4a4f1[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_4a4f1 [data-field-name],
|
|
12414
|
+
.valueEditor_root_4a4f1[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_4a4f1 [data-field-type] {
|
|
12410
12415
|
padding: 0;
|
|
12411
12416
|
overflow: visible;
|
|
12412
12417
|
font: inherit;
|
|
12413
12418
|
}
|
|
12414
|
-
.
|
|
12419
|
+
.valueEditor_root_4a4f1[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_4a4f1 [data-field-name] input {
|
|
12415
12420
|
width: 100%;
|
|
12416
12421
|
height: var(--field-control-height);
|
|
12417
12422
|
min-height: var(--field-control-height);
|
|
@@ -12422,19 +12427,19 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12422
12427
|
color: var(--ui-foreground);
|
|
12423
12428
|
}
|
|
12424
12429
|
|
|
12425
|
-
.
|
|
12430
|
+
.valueEditor_root_4a4f1[data-inline][data-value-addon] {
|
|
12426
12431
|
flex: 1;
|
|
12427
12432
|
}
|
|
12428
|
-
.
|
|
12429
|
-
.
|
|
12433
|
+
.valueEditor_root_4a4f1[data-inline][data-value-addon] > .valueEditor_body_4a4f1 > [data-slot=button],
|
|
12434
|
+
.valueEditor_root_4a4f1[data-inline][data-value-addon] > .valueEditor_body_4a4f1 [data-slot=native-select] {
|
|
12430
12435
|
height: var(--field-control-height);
|
|
12431
12436
|
}
|
|
12432
12437
|
|
|
12433
|
-
.
|
|
12438
|
+
.valueEditor_root_4a4f1[data-inline] {
|
|
12434
12439
|
grid-template-columns: minmax(0, 1fr);
|
|
12435
12440
|
}
|
|
12436
|
-
.
|
|
12437
|
-
.
|
|
12441
|
+
.valueEditor_root_4a4f1[data-inline] > .valueEditor_body_4a4f1 > input,
|
|
12442
|
+
.valueEditor_root_4a4f1[data-inline] > .valueEditor_body_4a4f1 > textarea {
|
|
12438
12443
|
height: 30px;
|
|
12439
12444
|
min-height: 30px;
|
|
12440
12445
|
border-radius: var(--ui-control-radius, var(--ui-radius));
|
|
@@ -12442,7 +12447,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12442
12447
|
font-size: 12px;
|
|
12443
12448
|
}
|
|
12444
12449
|
|
|
12445
|
-
.
|
|
12450
|
+
.valueEditor_collectionActions_4a4f1 {
|
|
12446
12451
|
--field-nullable-width: var(--field-table-nullable-width, 0px);
|
|
12447
12452
|
--field-name-track: minmax(0, 1fr);
|
|
12448
12453
|
--field-type-track: minmax(64px, 0.48fr);
|
|
@@ -12459,10 +12464,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12459
12464
|
column-gap: 0;
|
|
12460
12465
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12461
12466
|
}
|
|
12462
|
-
.
|
|
12467
|
+
.valueEditor_collectionActions_4a4f1[data-value-prefix] {
|
|
12463
12468
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value-prefix] max-content var(--field-value-prefix-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12464
12469
|
}
|
|
12465
|
-
.
|
|
12470
|
+
.valueEditor_collectionActions_4a4f1[data-layout=values], .valueEditor_collectionActions_4a4f1[data-layout=ports] {
|
|
12466
12471
|
--field-name-track: minmax(
|
|
12467
12472
|
90px,
|
|
12468
12473
|
calc(
|
|
@@ -12477,82 +12482,82 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12477
12482
|
--field-name-gap: var(--field-value-name-gap, 2px);
|
|
12478
12483
|
--field-actions-gap: var(--field-table-actions-gap, 2px);
|
|
12479
12484
|
}
|
|
12480
|
-
.
|
|
12485
|
+
.valueEditor_collectionActions_4a4f1[data-output] {
|
|
12481
12486
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12482
12487
|
}
|
|
12483
12488
|
@container value-fields (max-width: 280px) {
|
|
12484
|
-
.
|
|
12489
|
+
.valueEditor_collectionActions_4a4f1:not([data-output]) {
|
|
12485
12490
|
--field-value-column: handle / content-end;
|
|
12486
12491
|
--field-value-row: 2;
|
|
12487
12492
|
--field-branch-row: 3;
|
|
12488
12493
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12489
12494
|
}
|
|
12490
|
-
.
|
|
12495
|
+
.valueEditor_collectionActions_4a4f1[data-value-prefix]:not([data-output]) {
|
|
12491
12496
|
--field-value-column: value / content-end;
|
|
12492
12497
|
grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle value-prefix] max-content var(--field-value-prefix-gap) [value] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
|
|
12493
12498
|
}
|
|
12494
12499
|
}
|
|
12495
|
-
.
|
|
12500
|
+
.valueEditor_collectionActions_4a4f1 {
|
|
12496
12501
|
--field-grip-width: 0px;
|
|
12497
12502
|
}
|
|
12498
|
-
.
|
|
12503
|
+
.valueEditor_collectionActions_4a4f1:empty {
|
|
12499
12504
|
display: none;
|
|
12500
12505
|
}
|
|
12501
|
-
.
|
|
12506
|
+
.valueEditor_collectionActions_4a4f1 > * {
|
|
12502
12507
|
grid-column: handle/content-end;
|
|
12503
12508
|
}
|
|
12504
|
-
.
|
|
12509
|
+
.valueEditor_collectionActions_4a4f1 > .valueEditor_errorAnchor_4a4f1 {
|
|
12505
12510
|
margin-left: calc(var(--field-indent, 0px) + 16px);
|
|
12506
12511
|
}
|
|
12507
|
-
.
|
|
12512
|
+
.valueEditor_collectionActions_4a4f1 > .valueEditor_errorAnchor_4a4f1 > .valueEditor_emptyObjectContent_4a4f1 {
|
|
12508
12513
|
margin-left: 0;
|
|
12509
12514
|
width: 100%;
|
|
12510
12515
|
}
|
|
12511
12516
|
|
|
12512
|
-
.
|
|
12517
|
+
.valueEditor_emptyObjectContent_4a4f1 {
|
|
12513
12518
|
display: flex;
|
|
12514
12519
|
align-items: center;
|
|
12515
12520
|
color: var(--ui-muted-foreground);
|
|
12516
12521
|
background-color: color-mix(in srgb, var(--ui-foreground) 5%, transparent);
|
|
12517
12522
|
}
|
|
12518
|
-
.
|
|
12523
|
+
.valueEditor_emptyObjectContent_4a4f1:not(:disabled):hover {
|
|
12519
12524
|
background-color: color-mix(in srgb, var(--ui-foreground) 10%, transparent);
|
|
12520
12525
|
}
|
|
12521
|
-
.
|
|
12526
|
+
.valueEditor_emptyObjectContent_4a4f1 {
|
|
12522
12527
|
margin-left: calc(var(--field-indent, 0px) + 16px);
|
|
12523
12528
|
height: var(--field-control-height, 30px);
|
|
12524
12529
|
font: inherit;
|
|
12525
12530
|
}
|
|
12526
12531
|
|
|
12527
|
-
.
|
|
12532
|
+
.valueEditor_emptyObjectConstraint_4a4f1 {
|
|
12528
12533
|
height: auto;
|
|
12529
12534
|
min-height: var(--field-control-height, 30px);
|
|
12530
12535
|
white-space: normal;
|
|
12531
12536
|
}
|
|
12532
12537
|
|
|
12533
|
-
.
|
|
12538
|
+
.valueEditor_unsetValue_4a4f1 {
|
|
12534
12539
|
position: relative;
|
|
12535
12540
|
width: 100%;
|
|
12536
12541
|
justify-content: space-between;
|
|
12537
12542
|
border-color: var(--ui-input);
|
|
12538
12543
|
background: var(--ui-control-background, var(--ui-muted));
|
|
12539
12544
|
}
|
|
12540
|
-
.
|
|
12545
|
+
.valueEditor_unsetValue_4a4f1 > i {
|
|
12541
12546
|
position: absolute;
|
|
12542
12547
|
right: 8px;
|
|
12543
12548
|
opacity: 0;
|
|
12544
12549
|
}
|
|
12545
|
-
.
|
|
12550
|
+
.valueEditor_unsetValue_4a4f1:hover > i, .valueEditor_unsetValue_4a4f1:focus-visible > i {
|
|
12546
12551
|
opacity: 1;
|
|
12547
12552
|
}
|
|
12548
12553
|
|
|
12549
|
-
.
|
|
12554
|
+
.valueEditor_jsonCode_4a4f1 {
|
|
12550
12555
|
font-size: 12px;
|
|
12551
12556
|
}
|
|
12552
|
-
.
|
|
12557
|
+
.valueEditor_jsonCode_4a4f1[hidden] {
|
|
12553
12558
|
display: none;
|
|
12554
12559
|
}
|
|
12555
|
-
.
|
|
12560
|
+
.valueEditor_jsonCode_4a4f1 .cm-editor {
|
|
12556
12561
|
height: 110px;
|
|
12557
12562
|
min-height: 110px;
|
|
12558
12563
|
max-height: 320px;
|
|
@@ -12562,84 +12567,84 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12562
12567
|
border-radius: var(--ui-control-radius, var(--ui-radius));
|
|
12563
12568
|
background: var(--ui-control-background, var(--ui-background));
|
|
12564
12569
|
}
|
|
12565
|
-
.
|
|
12570
|
+
.valueEditor_jsonCode_4a4f1 .cm-scroller {
|
|
12566
12571
|
height: 100%;
|
|
12567
12572
|
min-height: 0;
|
|
12568
12573
|
overflow: auto;
|
|
12569
12574
|
}
|
|
12570
12575
|
|
|
12571
|
-
.
|
|
12576
|
+
.valueEditor_jsonCode_4a4f1[data-auto-height] .cm-editor {
|
|
12572
12577
|
height: auto;
|
|
12573
12578
|
max-height: none;
|
|
12574
12579
|
resize: none;
|
|
12575
12580
|
}
|
|
12576
|
-
.
|
|
12581
|
+
.valueEditor_jsonCode_4a4f1[data-auto-height] .cm-scroller {
|
|
12577
12582
|
height: auto;
|
|
12578
12583
|
overflow: visible;
|
|
12579
12584
|
}
|
|
12580
12585
|
|
|
12581
|
-
.
|
|
12582
|
-
.
|
|
12586
|
+
.valueEditor_emptyString_4a4f1::placeholder,
|
|
12587
|
+
.valueEditor_summaryText_4a4f1[data-empty-string] {
|
|
12583
12588
|
opacity: 0.5;
|
|
12584
12589
|
}
|
|
12585
12590
|
|
|
12586
12591
|
/* Each recursive row owns its tracks; indentation affects only its leading cells. */
|
|
12587
|
-
.
|
|
12592
|
+
.valueEditor_root_4a4f1[data-header][data-structured] > .valueEditor_body_4a4f1 {
|
|
12588
12593
|
--branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
|
|
12589
12594
|
grid-column: 1/-1;
|
|
12590
12595
|
margin-bottom: 0;
|
|
12591
12596
|
padding-left: 0;
|
|
12592
12597
|
}
|
|
12593
|
-
.
|
|
12598
|
+
.valueEditor_root_4a4f1[data-header][data-structured] > .valueEditor_body_4a4f1 > .valueEditor_collection_4a4f1 {
|
|
12594
12599
|
container-type: normal;
|
|
12595
12600
|
}
|
|
12596
12601
|
|
|
12597
|
-
.
|
|
12598
|
-
.
|
|
12602
|
+
.valueEditor_root_4a4f1[data-header][data-nested-field] > .valueEditor_header_4a4f1 [data-field-name],
|
|
12603
|
+
.valueEditor_root_4a4f1[data-header][data-nested-field] > .valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1 {
|
|
12599
12604
|
padding-left: var(--field-indent);
|
|
12600
12605
|
}
|
|
12601
12606
|
|
|
12602
|
-
.
|
|
12607
|
+
.valueEditor_root_4a4f1:is([data-object-child], [data-array-child]) > .valueEditor_options_4a4f1 {
|
|
12603
12608
|
grid-column: nullable/end;
|
|
12604
12609
|
display: grid;
|
|
12605
12610
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
12606
12611
|
gap: var(--field-action-pair-gap, 0px);
|
|
12607
12612
|
}
|
|
12608
|
-
.
|
|
12613
|
+
.valueEditor_root_4a4f1:is([data-object-child], [data-array-child]) > .valueEditor_options_4a4f1 > * {
|
|
12609
12614
|
justify-self: center;
|
|
12610
12615
|
}
|
|
12611
12616
|
|
|
12612
|
-
.
|
|
12617
|
+
.valueEditor_root_4a4f1:not([data-expansion=branch]) > .valueEditor_body_4a4f1::before {
|
|
12613
12618
|
content: none;
|
|
12614
12619
|
}
|
|
12615
12620
|
|
|
12616
|
-
.
|
|
12621
|
+
.valueEditor_root_4a4f1:not([data-header]) > .valueEditor_body_4a4f1::before {
|
|
12617
12622
|
content: none;
|
|
12618
12623
|
}
|
|
12619
12624
|
|
|
12620
|
-
.
|
|
12625
|
+
.valueEditor_booleanControl_4a4f1 {
|
|
12621
12626
|
position: relative;
|
|
12622
12627
|
}
|
|
12623
|
-
.
|
|
12628
|
+
.valueEditor_booleanControl_4a4f1 > [data-field-control] {
|
|
12624
12629
|
width: 100%;
|
|
12625
12630
|
justify-content: flex-start;
|
|
12626
12631
|
padding-right: 44px;
|
|
12627
12632
|
}
|
|
12628
|
-
.
|
|
12633
|
+
.valueEditor_booleanControl_4a4f1 > .valueEditor_booleanIndicator_4a4f1 {
|
|
12629
12634
|
position: absolute;
|
|
12630
12635
|
right: 8px;
|
|
12631
12636
|
top: 50%;
|
|
12632
12637
|
transform: translateY(-50%);
|
|
12633
12638
|
pointer-events: none;
|
|
12634
12639
|
}
|
|
12635
|
-
.
|
|
12640
|
+
.valueEditor_booleanControl_4a4f1 > .valueEditor_booleanIndicator_4a4f1 > [data-slot=switch-thumb] {
|
|
12636
12641
|
background: light-dark(color-mix(in srgb, var(--ui-foreground) 2%, var(--ui-popover)), var(--ui-primary-foreground));
|
|
12637
12642
|
}
|
|
12638
|
-
.
|
|
12643
|
+
.valueEditor_booleanControl_4a4f1 > .valueEditor_booleanIndicator_4a4f1 > [data-slot=switch-thumb][data-unchecked] {
|
|
12639
12644
|
background: light-dark(color-mix(in srgb, var(--ui-foreground) 2%, var(--ui-popover)), color-mix(in srgb, var(--ui-background) 6%, var(--ui-foreground)));
|
|
12640
12645
|
}
|
|
12641
12646
|
|
|
12642
|
-
.
|
|
12647
|
+
.valueEditor_summaryError_4a4f1 {
|
|
12643
12648
|
z-index: var(--value-editor-feedback-layer);
|
|
12644
12649
|
position: relative;
|
|
12645
12650
|
grid-column: 1;
|
|
@@ -12649,38 +12654,38 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12649
12654
|
height: 0;
|
|
12650
12655
|
min-width: 0;
|
|
12651
12656
|
}
|
|
12652
|
-
.
|
|
12657
|
+
.valueEditor_summaryError_4a4f1 > .valueEditor_error_4a4f1 {
|
|
12653
12658
|
top: 0;
|
|
12654
12659
|
}
|
|
12655
12660
|
|
|
12656
|
-
.
|
|
12661
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_summaryError_4a4f1 {
|
|
12657
12662
|
grid-column: var(--field-value-column);
|
|
12658
12663
|
grid-row: var(--field-value-row);
|
|
12659
12664
|
}
|
|
12660
12665
|
|
|
12661
|
-
.
|
|
12666
|
+
.valueEditor_root_4a4f1[data-value-addon] > .valueEditor_summaryError_4a4f1 {
|
|
12662
12667
|
margin-left: var(--value-start-addon-width);
|
|
12663
12668
|
}
|
|
12664
12669
|
|
|
12665
|
-
.
|
|
12670
|
+
.valueEditor_root_4a4f1[data-array-child] > .valueEditor_summaryError_4a4f1 {
|
|
12666
12671
|
grid-column: handle/content-end;
|
|
12667
12672
|
grid-row: 1;
|
|
12668
12673
|
margin-left: var(--field-indent);
|
|
12669
12674
|
}
|
|
12670
12675
|
|
|
12671
|
-
.
|
|
12676
|
+
.valueEditor_errorAnchor_4a4f1:hover {
|
|
12672
12677
|
z-index: var(--value-editor-hover-layer, 1);
|
|
12673
12678
|
}
|
|
12674
12679
|
|
|
12675
|
-
.
|
|
12680
|
+
.valueEditor_errorAnchor_4a4f1:has(:focus-visible, [data-popup-open]) {
|
|
12676
12681
|
z-index: var(--value-editor-active-layer, 2);
|
|
12677
12682
|
}
|
|
12678
12683
|
|
|
12679
|
-
.
|
|
12684
|
+
.valueEditor_collection_4a4f1 > :is([data-object-fields], [data-array-fields]):empty {
|
|
12680
12685
|
display: none;
|
|
12681
12686
|
}
|
|
12682
12687
|
|
|
12683
|
-
.
|
|
12688
|
+
.valueEditor_objectNotice_4a4f1 {
|
|
12684
12689
|
height: auto;
|
|
12685
12690
|
min-height: var(--field-control-height, 30px);
|
|
12686
12691
|
padding: 4px 8px;
|
|
@@ -12690,7 +12695,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12690
12695
|
gap: 4px 8px;
|
|
12691
12696
|
}
|
|
12692
12697
|
|
|
12693
|
-
.
|
|
12698
|
+
.valueEditor_valuePrefix_4a4f1 {
|
|
12694
12699
|
grid-column: value-prefix;
|
|
12695
12700
|
grid-row: var(--field-value-row);
|
|
12696
12701
|
align-self: start;
|
|
@@ -12702,24 +12707,24 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
12702
12707
|
}
|
|
12703
12708
|
|
|
12704
12709
|
@container value-fields (max-width: 340px) {
|
|
12705
|
-
.
|
|
12706
|
-
.
|
|
12710
|
+
.valueEditor_root_4a4f1[data-header][data-value-prefix] > .valueEditor_header_4a4f1 [data-field-name],
|
|
12711
|
+
.valueEditor_root_4a4f1[data-header][data-value-prefix] > .valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1 {
|
|
12707
12712
|
grid-column: handle/type;
|
|
12708
12713
|
}
|
|
12709
12714
|
}
|
|
12710
12715
|
/* Nested text/code values grow in their existing value cell, without a tree branch. */
|
|
12711
|
-
.
|
|
12716
|
+
.valueEditor_summary_4a4f1[hidden] {
|
|
12712
12717
|
display: none;
|
|
12713
12718
|
}
|
|
12714
12719
|
|
|
12715
12720
|
/* The expanded editor stacks disclosure and value actions in its top-right corner. */
|
|
12716
|
-
.
|
|
12721
|
+
.valueEditor_root_4a4f1[data-expansion=inline][data-expanded] > .valueEditor_valueTools_4a4f1 {
|
|
12717
12722
|
flex-direction: column;
|
|
12718
12723
|
height: auto;
|
|
12719
12724
|
margin-top: 3px;
|
|
12720
12725
|
}
|
|
12721
|
-
.
|
|
12722
|
-
.
|
|
12726
|
+
.valueEditor_root_4a4f1[data-expansion=inline][data-expanded] > .valueEditor_body_4a4f1 > textarea,
|
|
12727
|
+
.valueEditor_root_4a4f1[data-expansion=inline][data-expanded] > .valueEditor_body_4a4f1 .cm-content {
|
|
12723
12728
|
padding-right: 32px;
|
|
12724
12729
|
}.navigation-page_page_d960c {
|
|
12725
12730
|
display: flex;
|