@buerli.io/core 1.0.1 → 1.1.0-beta.7

package/build/esm/store/states/selection.js

@@ -1,261 +1,261 @@
-import { subscribeItems, unsubscribeItems } from '../subscribtion/selection';
-////////////////////////////////////////////////////
-// CONSTANTS
-////////////////////////////////////////////////////
-export const BuerliScope = 'ClassCAD';
-export const selectionData = () => ({
-    refs: {},
-    active: null,
-});
-export const selectionApi = (set, get, buerliApi) => ({
-    unselectAll(selectorId, options) {
-        const { selection, id: drawingId } = get();
-        const selId = (selectorId || selection.active);
-        if (selId) {
-            const selector = selection.refs[selId];
-            const unselItems = selector.items;
-            if (unselItems.length === 0) {
-                return;
-            }
-            unsubscribeItems(buerliApi, drawingId, selId, unselItems);
-            if (selector.customUnSelect) {
-                selector.customUnSelect(selId, [], unselItems, options);
-            }
-            else {
-                set(state => {
-                    const selector_ = state.selection.refs[selId];
-                    return {
-                        selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, selector_), { items: [] }) }) }),
-                    };
-                });
-            }
-        }
-    },
-    unselect(items, selectorId, options) {
-        const { selection, id: drawingId } = get();
-        const selId = (selectorId || selection.active);
-        if (selId) {
-            const unselItems = Array.isArray(items) ? items : [items];
-            // Remove unselItems from selector's items
-            const selector = selection.refs[selId];
-            const newItems = selector.items.filter(item => unselItems.find(uItem => uItem.id === item.id) === undefined);
-            unsubscribeItems(buerliApi, drawingId, selId, unselItems);
-            if (selector.customUnSelect) {
-                // Find recently unselected items
-                const diff = selector.items.filter(item1 => {
-                    return newItems.find(item2 => item2.id === item1.id) === undefined;
-                });
-                selector.customUnSelect(selId, newItems, diff, options);
-            }
-            else {
-                set(state => {
-                    return {
-                        selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, state.selection.refs[selId]), { items: newItems }) }) }),
-                    };
-                });
-            }
-            this.setHovered(null, selId);
-        }
-    },
-    select(items, selectorId, options) {
-        const { selection, api, id: drawingId } = get();
-        const selId = (selectorId || selection.active);
-        if (selId) {
-            const { isItemSelected } = api.selection;
-            const newItems = Array.isArray(items) ? items : [items];
-            const selector = selection.refs[selId];
-            const curItems = selector.items;
-            // Remove duplicates
-            let filteredItems = newItems.filter((item1, idx) => newItems.findIndex(item2 => item2.id === item1.id) === idx);
-            // Remove already selected items and duplicates
-            filteredItems = filteredItems.filter(item => !isItemSelected(item, selId));
-            let unsubItems = [];
-            let result = [...curItems, ...filteredItems];
-            if (selector.maxLen > 0) {
-                if (filteredItems.length === selector.maxLen) {
-                    result = [...filteredItems];
-                    unsubItems = [...curItems];
-                }
-                else if (filteredItems.length > selector.maxLen) {
-                    const extraItems = filteredItems.length - selector.maxLen;
-                    // If filteredItems has bigger length then selector.maxLen, remove last few items from filteredItems.
-                    result = filteredItems.slice(0, -extraItems);
-                    unsubItems = [...curItems];
-                }
-                else if (filteredItems.length + curItems.length >= selector.maxLen) {
-                    const extraItems = filteredItems.length + curItems.length - selector.maxLen;
-                    const allItems = [...curItems, ...filteredItems];
-                    // If filteredItems.len + curItems.len > selector.maxLen, remove first few items from union of curItems and filteredItems.
-                    result = allItems.slice(extraItems);
-                    unsubItems = allItems.slice(0, extraItems);
-                }
-            }
-            if (selector.customSelect !== undefined) {
-                // Find items which weren't selected before.
-                const diff = result.filter(item1 => {
-                    return selector.items.find(item2 => item2.id === item1.id) === undefined;
-                });
-                selector.customSelect(selId, result, diff, options);
-            }
-            else {
-                // subscribe items which will be selected
-                subscribeItems(buerliApi, drawingId, selId, result);
-                // unsubscribe items which will be unselected
-                unsubscribeItems(buerliApi, drawingId, selId, unsubItems);
-                set(state => {
-                    return {
-                        selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, selector), { items: result, hoveredItem: null }) }) }),
-                    };
-                });
-            }
-        }
-    },
-    setHovered(item, selectorId) {
-        const { selection } = get();
-        if (selection.active === null && selectorId === undefined)
-            return;
-        const selId = (selectorId || selection.active);
-        set(state => ({
-            selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, state.selection.refs[selId]), { hoveredItem: item }) }) }),
-        }));
-    },
-    activateSelector(selectorId) {
-        set(state => {
-            const refs = state.selection.refs;
-            const curSelectorId = state.selection.active;
-            if (curSelectorId) {
-                // Reset hoveredItem
-                refs[curSelectorId] = Object.assign(Object.assign({}, refs[curSelectorId]), { hoveredItem: null });
-            }
-            return {
-                selection: Object.assign(Object.assign({}, state.selection), { active: state.selection.active === selectorId ? null : selectorId, refs: Object.assign({}, refs) }),
-            };
-        });
-    },
-    createSelector(selectorId, filter, activate = false, initialItems = [], maxLen = -1, customSelect, customUnSelect) {
-        if (maxLen > 0 && initialItems.length > maxLen)
-            console.error('Number initialItems should be less or equal to selector.maxLen');
-        set(state => ({
-            selection: Object.assign(Object.assign({}, state.selection), { active: activate ? selectorId : state.selection.active, refs: Object.assign(Object.assign({}, state.selection.refs), { [selectorId]: {
-                        items: maxLen > 0 && initialItems.length > maxLen ? [] : initialItems,
-                        hoveredItem: null,
-                        isSelectable: filter,
-                        maxLen,
-                        customSelect,
-                        customUnSelect,
-                    } }) }),
-        }));
-        return () => {
-            if (get && get()) {
-                const drawingId = get().id;
-                unsubscribeItems(buerliApi, drawingId, selectorId);
-                set(state => {
-                    const refs = state.selection.refs;
-                    delete refs[selectorId];
-                    return {
-                        selection: Object.assign(Object.assign({}, state.selection), { active: state.selection.active === selectorId ? null : state.selection.active, refs }),
-                    };
-                });
-            }
-        };
-    },
-    areItemsSelected: (items, selectorId) => {
-        const { selection } = get();
-        if (selection.active === null && selectorId === undefined)
-            return false;
-        const selId = (selectorId || selection.active);
-        const selector = selection.refs[selId];
-        let res = true;
-        items.forEach(item => {
-            const itemSelected = Boolean(selector.items.find(i => areItemsEqual(i, item)));
-            if (!itemSelected) {
-                res = false;
-            }
-        });
-        return res;
-    },
-    isItemSelected: (item, selectorId) => {
-        const { selection } = get();
-        if (selection.active === null && selectorId === undefined)
-            return false;
-        const selId = (selectorId || selection.active);
-        const selector = selection.refs[selId];
-        return Boolean(selector.items.find(i => areItemsEqual(i, item)));
-    },
-    setItems(id, items) {
-        var _a;
-        const { selection, id: drawingId } = get();
-        const curItems = ((_a = selection.refs[id]) === null || _a === void 0 ? void 0 : _a.items) || [];
-        unsubscribeItems(buerliApi, drawingId, id, curItems);
-        subscribeItems(buerliApi, drawingId, id, items);
-        set(state => {
-            const selector = state.selection.refs[id];
-            return {
-                selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [id]: Object.assign(Object.assign({}, selector), { items }) }) }),
-            };
-        });
-    },
-    selectGraphic: (selectorId, items, options) => {
-        const { api } = get();
-        const selItems = items
-            .map(i => api.selection.getGraphicItem(i.productId, i.containerId, i.graphicId))
-            .filter(i => Boolean(i));
-        if (options === null || options === void 0 ? void 0 : options.unselectExisting) {
-            api.selection.setItems(selectorId, selItems);
-        }
-        else {
-            api.selection.select(selItems, selectorId);
-        }
-    },
-    getGraphicItem: (productId, containerId, graphicId) => {
-        const { cache } = get().geometry;
-        const container = cache[containerId];
-        let useContainer = false;
-        if (container) {
-            if (graphicId === undefined) {
-                const ids = Object.getOwnPropertyNames(container.map);
-                graphicId = ids.length > 0 ? Number(ids[0]) : undefined;
-                useContainer = true;
-            }
-            if (graphicId !== undefined) {
-                let geomElem = container.map[graphicId];
-                if (!geomElem) {
-                    geomElem = container.points.find(p => p.graphicId === graphicId);
-                }
-                if (geomElem) {
-                    geomElem.graphicId = useContainer ? containerId : geomElem.graphicId;
-                    geomElem.type = useContainer ? container.type : geomElem.type;
-                    return createGraphicItem(productId, geomElem);
-                }
-            }
-        }
-        return null;
-    },
-});
-////////////////////////////////////////////////////
-//#region GLOBAL FUNCTIONS
-const areItemsEqual = (a, b) => a.id === b.id && a.scope === b.scope;
-const getLabel = (type) => {
-    const uppLetters = type.replace(/[a-z]/g, '');
-    if (uppLetters.length >= 2) {
-        return uppLetters[0] + uppLetters[1];
-    }
-    else if (uppLetters.length === 1) {
-        return (type[0] + uppLetters[0]).toUpperCase();
-    }
-    else {
-        return (type[0] + type[1]).toUpperCase();
-    }
-};
-const createGraphicIdent = (productId, graphicId, type) => {
-    return {
-        id: `${productId}|${graphicId}|${type}`,
-        scope: BuerliScope,
-        label: getLabel(type),
-    };
-};
-export const createGraphicItem = (productId, el) => {
-    return Object.assign(Object.assign({}, createGraphicIdent(productId, el.graphicId, el.type)), { data: Object.assign(Object.assign({}, el), { productId }) });
-};
-//#endregion GLOBAL FUNCTIONS
-////////////////////////////////////////////////////
+import { subscribeItems, unsubscribeItems } from '../subscribtion/selection';
+////////////////////////////////////////////////////
+// CONSTANTS
+////////////////////////////////////////////////////
+export const BuerliScope = 'ClassCAD';
+export const selectionData = () => ({
+    refs: {},
+    active: null,
+});
+export const selectionApi = (set, get, buerliApi) => ({
+    unselectAll(selectorId, options) {
+        const { selection, id: drawingId } = get();
+        const selId = (selectorId || selection.active);
+        if (selId) {
+            const selector = selection.refs[selId];
+            const unselItems = selector.items;
+            if (unselItems.length === 0) {
+                return;
+            }
+            unsubscribeItems(buerliApi, drawingId, selId, unselItems);
+            if (selector.customUnSelect) {
+                selector.customUnSelect(selId, [], unselItems, options);
+            }
+            else {
+                set(state => {
+                    const selector_ = state.selection.refs[selId];
+                    return {
+                        selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, selector_), { items: [] }) }) }),
+                    };
+                });
+            }
+        }
+    },
+    unselect(items, selectorId, options) {
+        const { selection, id: drawingId } = get();
+        const selId = (selectorId || selection.active);
+        if (selId) {
+            const unselItems = Array.isArray(items) ? items : [items];
+            // Remove unselItems from selector's items
+            const selector = selection.refs[selId];
+            const newItems = selector.items.filter(item => unselItems.find(uItem => uItem.id === item.id) === undefined);
+            unsubscribeItems(buerliApi, drawingId, selId, unselItems);
+            if (selector.customUnSelect) {
+                // Find recently unselected items
+                const diff = selector.items.filter(item1 => {
+                    return newItems.find(item2 => item2.id === item1.id) === undefined;
+                });
+                selector.customUnSelect(selId, newItems, diff, options);
+            }
+            else {
+                set(state => {
+                    return {
+                        selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, state.selection.refs[selId]), { items: newItems }) }) }),
+                    };
+                });
+            }
+            this.setHovered(null, selId);
+        }
+    },
+    select(items, selectorId, options) {
+        const { selection, api, id: drawingId } = get();
+        const selId = (selectorId || selection.active);
+        if (selId) {
+            const { isItemSelected } = api.selection;
+            const newItems = Array.isArray(items) ? items : [items];
+            const selector = selection.refs[selId];
+            const curItems = selector.items;
+            // Remove duplicates
+            let filteredItems = newItems.filter((item1, idx) => newItems.findIndex(item2 => item2.id === item1.id) === idx);
+            // Remove already selected items and duplicates
+            filteredItems = filteredItems.filter(item => !isItemSelected(item, selId));
+            let unsubItems = [];
+            let result = [...curItems, ...filteredItems];
+            if (selector.maxLen > 0) {
+                if (filteredItems.length === selector.maxLen) {
+                    result = [...filteredItems];
+                    unsubItems = [...curItems];
+                }
+                else if (filteredItems.length > selector.maxLen) {
+                    const extraItems = filteredItems.length - selector.maxLen;
+                    // If filteredItems has bigger length then selector.maxLen, remove last few items from filteredItems.
+                    result = filteredItems.slice(0, -extraItems);
+                    unsubItems = [...curItems];
+                }
+                else if (filteredItems.length + curItems.length >= selector.maxLen) {
+                    const extraItems = filteredItems.length + curItems.length - selector.maxLen;
+                    const allItems = [...curItems, ...filteredItems];
+                    // If filteredItems.len + curItems.len > selector.maxLen, remove first few items from union of curItems and filteredItems.
+                    result = allItems.slice(extraItems);
+                    unsubItems = allItems.slice(0, extraItems);
+                }
+            }
+            if (selector.customSelect !== undefined) {
+                // Find items which weren't selected before.
+                const diff = result.filter(item1 => {
+                    return selector.items.find(item2 => item2.id === item1.id) === undefined;
+                });
+                selector.customSelect(selId, result, diff, options);
+            }
+            else {
+                // subscribe items which will be selected
+                subscribeItems(buerliApi, drawingId, selId, result);
+                // unsubscribe items which will be unselected
+                unsubscribeItems(buerliApi, drawingId, selId, unsubItems);
+                set(state => {
+                    return {
+                        selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, selector), { items: result, hoveredItem: null }) }) }),
+                    };
+                });
+            }
+        }
+    },
+    setHovered(item, selectorId) {
+        const { selection } = get();
+        if (selection.active === null && selectorId === undefined)
+            return;
+        const selId = (selectorId || selection.active);
+        set(state => ({
+            selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [selId]: Object.assign(Object.assign({}, state.selection.refs[selId]), { hoveredItem: item }) }) }),
+        }));
+    },
+    activateSelector(selectorId) {
+        set(state => {
+            const refs = state.selection.refs;
+            const curSelectorId = state.selection.active;
+            if (curSelectorId) {
+                // Reset hoveredItem
+                refs[curSelectorId] = Object.assign(Object.assign({}, refs[curSelectorId]), { hoveredItem: null });
+            }
+            return {
+                selection: Object.assign(Object.assign({}, state.selection), { active: state.selection.active === selectorId ? null : selectorId, refs: Object.assign({}, refs) }),
+            };
+        });
+    },
+    createSelector(selectorId, filter, activate = false, initialItems = [], maxLen = -1, customSelect, customUnSelect) {
+        if (maxLen > 0 && initialItems.length > maxLen)
+            console.error('Number initialItems should be less or equal to selector.maxLen');
+        set(state => ({
+            selection: Object.assign(Object.assign({}, state.selection), { active: activate ? selectorId : state.selection.active, refs: Object.assign(Object.assign({}, state.selection.refs), { [selectorId]: {
+                        items: maxLen > 0 && initialItems.length > maxLen ? [] : initialItems,
+                        hoveredItem: null,
+                        isSelectable: filter,
+                        maxLen,
+                        customSelect,
+                        customUnSelect,
+                    } }) }),
+        }));
+        return () => {
+            if (get && get()) {
+                const drawingId = get().id;
+                unsubscribeItems(buerliApi, drawingId, selectorId);
+                set(state => {
+                    const refs = state.selection.refs;
+                    delete refs[selectorId];
+                    return {
+                        selection: Object.assign(Object.assign({}, state.selection), { active: state.selection.active === selectorId ? null : state.selection.active, refs }),
+                    };
+                });
+            }
+        };
+    },
+    areItemsSelected: (items, selectorId) => {
+        const { selection } = get();
+        if (selection.active === null && selectorId === undefined)
+            return false;
+        const selId = (selectorId || selection.active);
+        const selector = selection.refs[selId];
+        let res = true;
+        items.forEach(item => {
+            const itemSelected = Boolean(selector.items.find(i => areItemsEqual(i, item)));
+            if (!itemSelected) {
+                res = false;
+            }
+        });
+        return res;
+    },
+    isItemSelected: (item, selectorId) => {
+        const { selection } = get();
+        if (selection.active === null && selectorId === undefined)
+            return false;
+        const selId = (selectorId || selection.active);
+        const selector = selection.refs[selId];
+        return Boolean(selector.items.find(i => areItemsEqual(i, item)));
+    },
+    setItems(id, items) {
+        var _a;
+        const { selection, id: drawingId } = get();
+        const curItems = ((_a = selection.refs[id]) === null || _a === void 0 ? void 0 : _a.items) || [];
+        unsubscribeItems(buerliApi, drawingId, id, curItems);
+        subscribeItems(buerliApi, drawingId, id, items);
+        set(state => {
+            const selector = state.selection.refs[id];
+            return {
+                selection: Object.assign(Object.assign({}, state.selection), { refs: Object.assign(Object.assign({}, state.selection.refs), { [id]: Object.assign(Object.assign({}, selector), { items }) }) }),
+            };
+        });
+    },
+    selectGraphic: (selectorId, items, options) => {
+        const { api } = get();
+        const selItems = items
+            .map(i => api.selection.getGraphicItem(i.productId, i.containerId, i.graphicId))
+            .filter(i => Boolean(i));
+        if (options === null || options === void 0 ? void 0 : options.unselectExisting) {
+            api.selection.setItems(selectorId, selItems);
+        }
+        else {
+            api.selection.select(selItems, selectorId);
+        }
+    },
+    getGraphicItem: (productId, containerId, graphicId) => {
+        const { cache } = get().geometry;
+        const container = cache[containerId];
+        let useContainer = false;
+        if (container) {
+            if (graphicId === undefined) {
+                const ids = Object.getOwnPropertyNames(container.map);
+                graphicId = ids.length > 0 ? Number(ids[0]) : undefined;
+                useContainer = true;
+            }
+            if (graphicId !== undefined) {
+                let geomElem = container.map[graphicId];
+                if (!geomElem) {
+                    geomElem = container.points.find(p => p.graphicId === graphicId);
+                }
+                if (geomElem) {
+                    geomElem.graphicId = useContainer ? containerId : geomElem.graphicId;
+                    geomElem.type = useContainer ? container.type : geomElem.type;
+                    return createGraphicItem(productId, geomElem);
+                }
+            }
+        }
+        return null;
+    },
+});
+////////////////////////////////////////////////////
+//#region GLOBAL FUNCTIONS
+const areItemsEqual = (a, b) => a.id === b.id && a.scope === b.scope;
+const getLabel = (type) => {
+    const uppLetters = type.replace(/[a-z]/g, '');
+    if (uppLetters.length >= 2) {
+        return uppLetters[0] + uppLetters[1];
+    }
+    else if (uppLetters.length === 1) {
+        return (type[0] + uppLetters[0]).toUpperCase();
+    }
+    else {
+        return (type[0] + type[1]).toUpperCase();
+    }
+};
+const createGraphicIdent = (productId, graphicId, type) => {
+    return {
+        id: `${productId}|${graphicId}|${type}`,
+        scope: BuerliScope,
+        label: getLabel(type),
+    };
+};
+export const createGraphicItem = (productId, el) => {
+    return Object.assign(Object.assign({}, createGraphicIdent(productId, el.graphicId, el.type)), { data: Object.assign(Object.assign({}, el), { productId }) });
+};
+//#endregion GLOBAL FUNCTIONS
+////////////////////////////////////////////////////