@base44-preview/vite-plugin 0.2.22-pr.36.019589c → 0.2.22-pr.36.69a0b76
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/dist/injections/layer-dropdown/controller.d.ts +4 -0
- package/dist/injections/layer-dropdown/controller.d.ts.map +1 -0
- package/dist/injections/layer-dropdown/controller.js +85 -0
- package/dist/injections/layer-dropdown/controller.js.map +1 -0
- package/dist/injections/layer-dropdown/{component/dropdown-ui.d.ts → dropdown-ui.d.ts} +1 -4
- package/dist/injections/layer-dropdown/dropdown-ui.d.ts.map +1 -0
- package/dist/injections/layer-dropdown/{component/dropdown-ui.js → dropdown-ui.js} +64 -72
- package/dist/injections/layer-dropdown/dropdown-ui.js.map +1 -0
- package/dist/injections/layer-dropdown/types.d.ts +21 -0
- package/dist/injections/layer-dropdown/types.d.ts.map +1 -0
- package/dist/injections/layer-dropdown/types.js +3 -0
- package/dist/injections/layer-dropdown/types.js.map +1 -0
- package/dist/injections/layer-dropdown/utils.d.ts +4 -7
- package/dist/injections/layer-dropdown/utils.d.ts.map +1 -1
- package/dist/injections/layer-dropdown/utils.js +5 -1
- package/dist/injections/layer-dropdown/utils.js.map +1 -1
- package/dist/injections/visual-edit-agent.d.ts.map +1 -1
- package/dist/injections/visual-edit-agent.js +73 -199
- package/dist/injections/visual-edit-agent.js.map +1 -1
- package/dist/statics/index.mjs +1 -1
- package/dist/statics/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/injections/layer-dropdown/controller.ts +105 -0
- package/src/injections/layer-dropdown/{component/dropdown-ui.ts → dropdown-ui.ts} +95 -94
- package/src/injections/layer-dropdown/types.ts +24 -0
- package/src/injections/layer-dropdown/utils.ts +6 -6
- package/src/injections/visual-edit-agent.ts +81 -237
- package/dist/injections/layer-dropdown/component/dropdown-ui.d.ts.map +0 -1
- package/dist/injections/layer-dropdown/component/dropdown-ui.js.map +0 -1
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/** Controller that encapsulates layer-dropdown integration logic */
|
|
2
|
+
import type { LayerControllerDeps, LayerController } from "./types.js";
|
|
3
|
+
export declare function createLayerController(deps: LayerControllerDeps): LayerController;
|
|
4
|
+
//# sourceMappingURL=controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/controller.ts"],"names":[],"mappings":"AAAA,oEAAoE;AAUpE,OAAO,KAAK,EAAa,mBAAmB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElF,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,mBAAmB,GAAG,eAAe,CA4FhF"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/** Controller that encapsulates layer-dropdown integration logic */
|
|
2
|
+
import { getElementSelectorId } from "../utils.js";
|
|
3
|
+
import { buildLayerChain } from "./utils.js";
|
|
4
|
+
import { enhanceLabelWithChevron, showDropdown, closeDropdown, isDropdownOpen, } from "./dropdown-ui.js";
|
|
5
|
+
export function createLayerController(deps) {
|
|
6
|
+
let layerPreviewOverlay = null;
|
|
7
|
+
let escapeHandler = null;
|
|
8
|
+
let dropdownSourceElement = null;
|
|
9
|
+
const clearLayerPreview = () => {
|
|
10
|
+
if (layerPreviewOverlay && layerPreviewOverlay.parentNode) {
|
|
11
|
+
layerPreviewOverlay.remove();
|
|
12
|
+
}
|
|
13
|
+
layerPreviewOverlay = null;
|
|
14
|
+
};
|
|
15
|
+
const showLayerPreview = (layer) => {
|
|
16
|
+
clearLayerPreview();
|
|
17
|
+
if (getElementSelectorId(layer.element) === deps.getSelectedElementId())
|
|
18
|
+
return;
|
|
19
|
+
layerPreviewOverlay = deps.createPreviewOverlay(layer.element);
|
|
20
|
+
};
|
|
21
|
+
const selectElementFromLayer = (layer) => {
|
|
22
|
+
clearLayerPreview();
|
|
23
|
+
closeDropdown();
|
|
24
|
+
if (escapeHandler) {
|
|
25
|
+
document.removeEventListener("keydown", escapeHandler, true);
|
|
26
|
+
escapeHandler = null;
|
|
27
|
+
}
|
|
28
|
+
dropdownSourceElement = null;
|
|
29
|
+
const firstOverlay = deps.selectElement(layer.element);
|
|
30
|
+
attachToOverlay(firstOverlay, layer.element);
|
|
31
|
+
};
|
|
32
|
+
const reselectDropdownSource = () => {
|
|
33
|
+
if (escapeHandler) {
|
|
34
|
+
document.removeEventListener("keydown", escapeHandler, true);
|
|
35
|
+
escapeHandler = null;
|
|
36
|
+
}
|
|
37
|
+
if (dropdownSourceElement) {
|
|
38
|
+
selectElementFromLayer({
|
|
39
|
+
element: dropdownSourceElement,
|
|
40
|
+
tagName: dropdownSourceElement.tagName.toLowerCase(),
|
|
41
|
+
selectorId: getElementSelectorId(dropdownSourceElement),
|
|
42
|
+
});
|
|
43
|
+
dropdownSourceElement = null;
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
const attachToOverlay = (overlay, element) => {
|
|
47
|
+
if (!overlay)
|
|
48
|
+
return;
|
|
49
|
+
const label = overlay.querySelector("div");
|
|
50
|
+
if (!label)
|
|
51
|
+
return;
|
|
52
|
+
const layers = buildLayerChain(element);
|
|
53
|
+
if (layers.length <= 1)
|
|
54
|
+
return;
|
|
55
|
+
const currentId = getElementSelectorId(element);
|
|
56
|
+
enhanceLabelWithChevron(label);
|
|
57
|
+
label.addEventListener("click", (e) => {
|
|
58
|
+
e.stopPropagation();
|
|
59
|
+
e.preventDefault();
|
|
60
|
+
if (isDropdownOpen()) {
|
|
61
|
+
closeDropdown();
|
|
62
|
+
reselectDropdownSource();
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
dropdownSourceElement = element;
|
|
66
|
+
deps.onDeselect();
|
|
67
|
+
escapeHandler = (ev) => {
|
|
68
|
+
if (ev.key === "Escape") {
|
|
69
|
+
ev.stopPropagation();
|
|
70
|
+
closeDropdown();
|
|
71
|
+
reselectDropdownSource();
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
document.addEventListener("keydown", escapeHandler, true);
|
|
75
|
+
showDropdown(label, layers, currentId, selectElementFromLayer, showLayerPreview, clearLayerPreview);
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
const cleanup = () => {
|
|
80
|
+
clearLayerPreview();
|
|
81
|
+
closeDropdown();
|
|
82
|
+
};
|
|
83
|
+
return { attachToOverlay, cleanup };
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/controller.ts"],"names":[],"mappings":"AAAA,oEAAoE;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EACL,uBAAuB,EACvB,YAAY,EACZ,aAAa,EACb,cAAc,GACf,MAAM,kBAAkB,CAAC;AAG1B,MAAM,UAAU,qBAAqB,CAAC,IAAyB;IAC7D,IAAI,mBAAmB,GAA0B,IAAI,CAAC;IACtD,IAAI,aAAa,GAAwC,IAAI,CAAC;IAC9D,IAAI,qBAAqB,GAAmB,IAAI,CAAC;IAEjD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,mBAAmB,IAAI,mBAAmB,CAAC,UAAU,EAAE,CAAC;YAC1D,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAC/B,CAAC;QACD,mBAAmB,GAAG,IAAI,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC5C,iBAAiB,EAAE,CAAC;QACpB,IAAI,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,oBAAoB,EAAE;YAAE,OAAO;QAEhF,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,KAAgB,EAAE,EAAE;QAClD,iBAAiB,EAAE,CAAC;QACpB,aAAa,EAAE,CAAC;QAChB,IAAI,aAAa,EAAE,CAAC;YAClB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;YAC7D,aAAa,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,qBAAqB,GAAG,IAAI,CAAC;QAE7B,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvD,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,aAAa,EAAE,CAAC;YAClB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;YAC7D,aAAa,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,IAAI,qBAAqB,EAAE,CAAC;YAC1B,sBAAsB,CAAC;gBACrB,OAAO,EAAE,qBAAqB;gBAC9B,OAAO,EAAE,qBAAqB,CAAC,OAAO,CAAC,WAAW,EAAE;gBACpD,UAAU,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;aACxD,CAAC,CAAC;YACH,qBAAqB,GAAG,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,OAAmC,EACnC,OAAgB,EAChB,EAAE;QACF,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAA0B,CAAC;QACpE,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QACxC,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QAE/B,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAChD,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAE/B,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;YAChD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,cAAc,EAAE,EAAE,CAAC;gBACrB,aAAa,EAAE,CAAC;gBAChB,sBAAsB,EAAE,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,qBAAqB,GAAG,OAAO,CAAC;gBAChC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAElB,aAAa,GAAG,CAAC,EAAiB,EAAE,EAAE;oBACpC,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;wBACxB,EAAE,CAAC,eAAe,EAAE,CAAC;wBACrB,aAAa,EAAE,CAAC;wBAChB,sBAAsB,EAAE,CAAC;oBAC3B,CAAC;gBACH,CAAC,CAAC;gBACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;gBAE1D,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;YACtG,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,iBAAiB,EAAE,CAAC;QACpB,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC;AACtC,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
/** Dropdown UI component for layer navigation */
|
|
2
|
-
import type { LayerInfo } from "
|
|
3
|
-
export type OnLayerSelect = (layer: LayerInfo) => void;
|
|
4
|
-
export type OnLayerHover = (layer: LayerInfo) => void;
|
|
5
|
-
export type OnLayerHoverEnd = () => void;
|
|
2
|
+
import type { LayerInfo, OnLayerSelect, OnLayerHover, OnLayerHoverEnd } from "./types.js";
|
|
6
3
|
/** Create the dropdown DOM element with layer items */
|
|
7
4
|
export declare function createDropdownElement(layers: LayerInfo[], currentSelectorId: string | null, onSelect: OnLayerSelect, onHover?: OnLayerHover, onHoverEnd?: OnLayerHoverEnd): HTMLDivElement;
|
|
8
5
|
/** Add chevron indicator and pointer-events to the label */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-ui.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/dropdown-ui.ts"],"names":[],"mappings":"AAAA,iDAAiD;AAcjD,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAgD1F,uDAAuD;AACvD,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,SAAS,EAAE,EACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,EAChC,QAAQ,EAAE,aAAa,EACvB,OAAO,CAAC,EAAE,YAAY,EACtB,UAAU,CAAC,EAAE,eAAe,GAC3B,cAAc,CAWhB;AAED,4DAA4D;AAC5D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAQnE;AAkED,gDAAgD;AAChD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,SAAS,EAAE,EACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,EAChC,QAAQ,EAAE,aAAa,EACvB,OAAO,CAAC,EAAE,YAAY,EACtB,UAAU,CAAC,EAAE,eAAe,GAC3B,IAAI,CA2BN;AAED,uDAAuD;AACvD,wBAAgB,aAAa,IAAI,IAAI,CAoBpC;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,IAAI,OAAO,CAExC"}
|
|
@@ -1,54 +1,50 @@
|
|
|
1
1
|
/** Dropdown UI component for layer navigation */
|
|
2
|
-
import { DROPDOWN_CONTAINER_STYLES, DROPDOWN_ITEM_BASE_STYLES, DROPDOWN_ITEM_ACTIVE_COLOR, DROPDOWN_ITEM_ACTIVE_BG, DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT, DROPDOWN_ITEM_HOVER_BG, DEPTH_INDENT_PX, LABEL_CHEVRON, LAYER_DROPDOWN_ATTR, } from "
|
|
3
|
-
import { getLayerDisplayName } from "
|
|
2
|
+
import { DROPDOWN_CONTAINER_STYLES, DROPDOWN_ITEM_BASE_STYLES, DROPDOWN_ITEM_ACTIVE_COLOR, DROPDOWN_ITEM_ACTIVE_BG, DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT, DROPDOWN_ITEM_HOVER_BG, DEPTH_INDENT_PX, LABEL_CHEVRON, LAYER_DROPDOWN_ATTR, } from "./consts.js";
|
|
3
|
+
import { applyStyles, getLayerDisplayName } from "./utils.js";
|
|
4
4
|
let activeDropdown = null;
|
|
5
5
|
let outsideMousedownHandler = null;
|
|
6
6
|
let activeOnHoverEnd = null;
|
|
7
7
|
let activeKeydownHandler = null;
|
|
8
|
+
function createDropdownItem(layer, isActive, onSelect, onHover, onHoverEnd) {
|
|
9
|
+
const item = document.createElement("div");
|
|
10
|
+
item.textContent = getLayerDisplayName(layer);
|
|
11
|
+
applyStyles(item, DROPDOWN_ITEM_BASE_STYLES);
|
|
12
|
+
const depth = layer.depth ?? 0;
|
|
13
|
+
if (depth > 0) {
|
|
14
|
+
item.style.paddingLeft = `${12 + depth * DEPTH_INDENT_PX}px`;
|
|
15
|
+
}
|
|
16
|
+
if (isActive) {
|
|
17
|
+
item.style.color = DROPDOWN_ITEM_ACTIVE_COLOR;
|
|
18
|
+
item.style.backgroundColor = DROPDOWN_ITEM_ACTIVE_BG;
|
|
19
|
+
item.style.fontWeight = DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT;
|
|
20
|
+
}
|
|
21
|
+
item.addEventListener("mouseenter", () => {
|
|
22
|
+
if (!isActive)
|
|
23
|
+
item.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;
|
|
24
|
+
if (onHover)
|
|
25
|
+
onHover(layer);
|
|
26
|
+
});
|
|
27
|
+
item.addEventListener("mouseleave", () => {
|
|
28
|
+
if (!isActive)
|
|
29
|
+
item.style.backgroundColor = "transparent";
|
|
30
|
+
if (onHoverEnd)
|
|
31
|
+
onHoverEnd();
|
|
32
|
+
});
|
|
33
|
+
item.addEventListener("click", (e) => {
|
|
34
|
+
e.stopPropagation();
|
|
35
|
+
e.preventDefault();
|
|
36
|
+
onSelect(layer);
|
|
37
|
+
});
|
|
38
|
+
return item;
|
|
39
|
+
}
|
|
8
40
|
/** Create the dropdown DOM element with layer items */
|
|
9
41
|
export function createDropdownElement(layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
|
|
10
42
|
const container = document.createElement("div");
|
|
11
43
|
container.setAttribute(LAYER_DROPDOWN_ATTR, "true");
|
|
12
|
-
|
|
13
|
-
container.style[key] = DROPDOWN_CONTAINER_STYLES[key];
|
|
14
|
-
});
|
|
44
|
+
applyStyles(container, DROPDOWN_CONTAINER_STYLES);
|
|
15
45
|
layers.forEach((layer) => {
|
|
16
|
-
const item = document.createElement("div");
|
|
17
46
|
const isActive = layer.selectorId === currentSelectorId;
|
|
18
|
-
|
|
19
|
-
Object.keys(DROPDOWN_ITEM_BASE_STYLES).forEach((key) => {
|
|
20
|
-
item.style[key] = DROPDOWN_ITEM_BASE_STYLES[key];
|
|
21
|
-
});
|
|
22
|
-
// Indent based on depth
|
|
23
|
-
const depth = layer.depth ?? 0;
|
|
24
|
-
if (depth > 0) {
|
|
25
|
-
item.style.paddingLeft = `${12 + depth * DEPTH_INDENT_PX}px`;
|
|
26
|
-
}
|
|
27
|
-
if (isActive) {
|
|
28
|
-
item.style.color = DROPDOWN_ITEM_ACTIVE_COLOR;
|
|
29
|
-
item.style.backgroundColor = DROPDOWN_ITEM_ACTIVE_BG;
|
|
30
|
-
item.style.fontWeight = DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT;
|
|
31
|
-
}
|
|
32
|
-
item.addEventListener("mouseenter", () => {
|
|
33
|
-
if (!isActive) {
|
|
34
|
-
item.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;
|
|
35
|
-
}
|
|
36
|
-
if (onHover)
|
|
37
|
-
onHover(layer);
|
|
38
|
-
});
|
|
39
|
-
item.addEventListener("mouseleave", () => {
|
|
40
|
-
if (!isActive) {
|
|
41
|
-
item.style.backgroundColor = "transparent";
|
|
42
|
-
}
|
|
43
|
-
if (onHoverEnd)
|
|
44
|
-
onHoverEnd();
|
|
45
|
-
});
|
|
46
|
-
item.addEventListener("click", (e) => {
|
|
47
|
-
e.stopPropagation();
|
|
48
|
-
e.preventDefault();
|
|
49
|
-
onSelect(layer);
|
|
50
|
-
});
|
|
51
|
-
container.appendChild(item);
|
|
47
|
+
container.appendChild(createDropdownItem(layer, isActive, onSelect, onHover, onHoverEnd));
|
|
52
48
|
});
|
|
53
49
|
return container;
|
|
54
50
|
}
|
|
@@ -62,42 +58,20 @@ export function enhanceLabelWithChevron(label) {
|
|
|
62
58
|
label.style.pointerEvents = "auto";
|
|
63
59
|
label.setAttribute(LAYER_DROPDOWN_ATTR, "true");
|
|
64
60
|
}
|
|
65
|
-
|
|
66
|
-
export function showDropdown(label, layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
|
|
67
|
-
closeDropdown();
|
|
68
|
-
const dropdown = createDropdownElement(layers, currentSelectorId, (layer) => {
|
|
69
|
-
if (onHoverEnd)
|
|
70
|
-
onHoverEnd();
|
|
71
|
-
onSelect(layer);
|
|
72
|
-
closeDropdown();
|
|
73
|
-
}, onHover, onHoverEnd);
|
|
74
|
-
const overlay = label.parentElement;
|
|
75
|
-
if (!overlay)
|
|
76
|
-
return;
|
|
77
|
-
// Position below the label
|
|
78
|
-
dropdown.style.top = `${label.offsetTop + label.offsetHeight + 2}px`;
|
|
79
|
-
dropdown.style.left = `${label.offsetLeft}px`;
|
|
80
|
-
overlay.appendChild(dropdown);
|
|
81
|
-
activeDropdown = dropdown;
|
|
82
|
-
activeOnHoverEnd = onHoverEnd ?? null;
|
|
83
|
-
// --- Arrow key navigation ---
|
|
61
|
+
function setupKeyboardNavigation(dropdown, layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
|
|
84
62
|
const items = Array.from(dropdown.children);
|
|
85
|
-
let focusedIndex =
|
|
63
|
+
let focusedIndex = layers.findIndex((l) => l.selectorId === currentSelectorId);
|
|
86
64
|
const setFocusedItem = (index) => {
|
|
87
|
-
// Clear previous focus styling
|
|
88
65
|
if (focusedIndex >= 0 && focusedIndex < items.length) {
|
|
89
66
|
const prev = items[focusedIndex];
|
|
90
|
-
|
|
91
|
-
if (!prevIsActive) {
|
|
67
|
+
if (prev.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {
|
|
92
68
|
prev.style.backgroundColor = "transparent";
|
|
93
69
|
}
|
|
94
70
|
}
|
|
95
71
|
focusedIndex = index;
|
|
96
|
-
// Apply hover styling to new focused item
|
|
97
72
|
if (focusedIndex >= 0 && focusedIndex < items.length) {
|
|
98
73
|
const cur = items[focusedIndex];
|
|
99
|
-
|
|
100
|
-
if (!curIsActive) {
|
|
74
|
+
if (cur.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {
|
|
101
75
|
cur.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;
|
|
102
76
|
}
|
|
103
77
|
cur.scrollIntoView({ block: "nearest" });
|
|
@@ -109,14 +83,12 @@ export function showDropdown(label, layers, currentSelectorId, onSelect, onHover
|
|
|
109
83
|
if (e.key === "ArrowDown") {
|
|
110
84
|
e.preventDefault();
|
|
111
85
|
e.stopPropagation();
|
|
112
|
-
|
|
113
|
-
setFocusedItem(next);
|
|
86
|
+
setFocusedItem(focusedIndex < items.length - 1 ? focusedIndex + 1 : 0);
|
|
114
87
|
}
|
|
115
88
|
else if (e.key === "ArrowUp") {
|
|
116
89
|
e.preventDefault();
|
|
117
90
|
e.stopPropagation();
|
|
118
|
-
|
|
119
|
-
setFocusedItem(prev);
|
|
91
|
+
setFocusedItem(focusedIndex > 0 ? focusedIndex - 1 : items.length - 1);
|
|
120
92
|
}
|
|
121
93
|
else if (e.key === "Enter" && focusedIndex >= 0) {
|
|
122
94
|
e.preventDefault();
|
|
@@ -128,8 +100,8 @@ export function showDropdown(label, layers, currentSelectorId, onSelect, onHover
|
|
|
128
100
|
}
|
|
129
101
|
};
|
|
130
102
|
document.addEventListener("keydown", activeKeydownHandler, true);
|
|
131
|
-
|
|
132
|
-
|
|
103
|
+
}
|
|
104
|
+
function setupOutsideClickHandler(dropdown, label) {
|
|
133
105
|
setTimeout(() => {
|
|
134
106
|
outsideMousedownHandler = (e) => {
|
|
135
107
|
const target = e.target;
|
|
@@ -140,6 +112,26 @@ export function showDropdown(label, layers, currentSelectorId, onSelect, onHover
|
|
|
140
112
|
document.addEventListener("mousedown", outsideMousedownHandler, true);
|
|
141
113
|
}, 0);
|
|
142
114
|
}
|
|
115
|
+
/** Show the dropdown below the label element */
|
|
116
|
+
export function showDropdown(label, layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
|
|
117
|
+
closeDropdown();
|
|
118
|
+
const dropdown = createDropdownElement(layers, currentSelectorId, (layer) => {
|
|
119
|
+
if (onHoverEnd)
|
|
120
|
+
onHoverEnd();
|
|
121
|
+
onSelect(layer);
|
|
122
|
+
closeDropdown();
|
|
123
|
+
}, onHover, onHoverEnd);
|
|
124
|
+
const overlay = label.parentElement;
|
|
125
|
+
if (!overlay)
|
|
126
|
+
return;
|
|
127
|
+
dropdown.style.top = `${label.offsetTop + label.offsetHeight + 2}px`;
|
|
128
|
+
dropdown.style.left = `${label.offsetLeft}px`;
|
|
129
|
+
overlay.appendChild(dropdown);
|
|
130
|
+
activeDropdown = dropdown;
|
|
131
|
+
activeOnHoverEnd = onHoverEnd ?? null;
|
|
132
|
+
setupKeyboardNavigation(dropdown, layers, currentSelectorId, onSelect, onHover, onHoverEnd);
|
|
133
|
+
setupOutsideClickHandler(dropdown, label);
|
|
134
|
+
}
|
|
143
135
|
/** Close the active dropdown and clean up listeners */
|
|
144
136
|
export function closeDropdown() {
|
|
145
137
|
if (activeOnHoverEnd) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-ui.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/dropdown-ui.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/** Shared types for the layer-dropdown module */
|
|
2
|
+
export interface LayerInfo {
|
|
3
|
+
element: Element;
|
|
4
|
+
tagName: string;
|
|
5
|
+
selectorId: string | null;
|
|
6
|
+
depth?: number;
|
|
7
|
+
}
|
|
8
|
+
export type OnLayerSelect = (layer: LayerInfo) => void;
|
|
9
|
+
export type OnLayerHover = (layer: LayerInfo) => void;
|
|
10
|
+
export type OnLayerHoverEnd = () => void;
|
|
11
|
+
export interface LayerControllerDeps {
|
|
12
|
+
createPreviewOverlay: (element: Element) => HTMLDivElement;
|
|
13
|
+
getSelectedElementId: () => string | null;
|
|
14
|
+
selectElement: (element: Element) => HTMLDivElement | undefined;
|
|
15
|
+
onDeselect: () => void;
|
|
16
|
+
}
|
|
17
|
+
export interface LayerController {
|
|
18
|
+
attachToOverlay: (overlay: HTMLDivElement | undefined, element: Element) => void;
|
|
19
|
+
cleanup: () => void;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/types.ts"],"names":[],"mappings":"AAAA,iDAAiD;AAEjD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC;AAEzC,MAAM,WAAW,mBAAmB;IAClC,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,cAAc,CAAC;IAC3D,oBAAoB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC1C,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,cAAc,GAAG,SAAS,CAAC;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/types.ts"],"names":[],"mappings":"AAAA,iDAAiD"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
/** DOM
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
selectorId: string | null;
|
|
6
|
-
depth?: number;
|
|
7
|
-
}
|
|
1
|
+
/** DOM utilities for the layer-dropdown module */
|
|
2
|
+
import type { LayerInfo } from "./types.js";
|
|
3
|
+
/** Apply a style map to an element */
|
|
4
|
+
export declare function applyStyles(element: HTMLElement, styles: Record<string, string>): void;
|
|
8
5
|
/** Display name for a layer — just the real tag name */
|
|
9
6
|
export declare function getLayerDisplayName(layer: LayerInfo): string;
|
|
10
7
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAKlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,sCAAsC;AACtC,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAEtF;AAED,wDAAwD;AACxD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,MAAM,GACf,SAAS,EAAE,CAsBb;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,EAAE,CAkDrE"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
/** DOM
|
|
1
|
+
/** DOM utilities for the layer-dropdown module */
|
|
2
2
|
import { isInstrumentedElement, getElementSelectorId } from "../utils.js";
|
|
3
3
|
import { MAX_PARENT_DEPTH, MAX_CHILD_DEPTH } from "./consts.js";
|
|
4
|
+
/** Apply a style map to an element */
|
|
5
|
+
export function applyStyles(element, styles) {
|
|
6
|
+
Object.assign(element.style, styles);
|
|
7
|
+
}
|
|
4
8
|
/** Display name for a layer — just the real tag name */
|
|
5
9
|
export function getLayerDisplayName(layer) {
|
|
6
10
|
return layer.tagName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visual-edit-agent.d.ts","sourceRoot":"","sources":["../../src/injections/visual-edit-agent.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"visual-edit-agent.d.ts","sourceRoot":"","sources":["../../src/injections/visual-edit-agent.ts"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,SA0jBnC"}
|