@logicflow/extension 2.0.1 → 2.0.2

package/lib/bpmn/gateways/ExclusiveGateway.js

@@ -84,4 +84,3 @@ exports.ExclusiveGateway = {
     model: ExclusiveGatewayModel,
 };
 exports.default = exports.ExclusiveGateway;
-//# sourceMappingURL=ExclusiveGateway.js.map

package/lib/bpmn/gateways/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ExclusiveGateway"), exports);
-//# sourceMappingURL=index.js.map

package/lib/bpmn/getBpmnId.js

@@ -28,4 +28,3 @@ function getBpmnId() {
     return ids.next();
 }
 exports.getBpmnId = getBpmnId;
-//# sourceMappingURL=getBpmnId.js.map

package/lib/bpmn/index.js

@@ -35,4 +35,3 @@ var BpmnElement = {
     },
 };
 exports.BpmnElement = BpmnElement;
-//# sourceMappingURL=index.js.map

package/lib/bpmn/tasks/ServiceTask.js

@@ -80,4 +80,3 @@ exports.ServiceTask = {
     model: ServiceTaskModel,
 };
 exports.default = exports.ServiceTask;
-//# sourceMappingURL=ServiceTask.js.map

package/lib/bpmn/tasks/UserTask.js

@@ -81,4 +81,3 @@ exports.UserTask = {
     model: UserTaskModel,
 };
 exports.default = exports.UserTask;
-//# sourceMappingURL=UserTask.js.map

package/lib/bpmn/tasks/index.js

@@ -16,4 +16,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ServiceTask"), exports);
 __exportStar(require("./UserTask"), exports);
-//# sourceMappingURL=index.js.map

package/lib/bpmn-adapter/bpmnIds.js

@@ -29,4 +29,3 @@ function getBpmnId() {
     return ids.next();
 }
 exports.getBpmnId = getBpmnId;
-//# sourceMappingURL=bpmnIds.js.map

package/lib/bpmn-adapter/index.js

@@ -573,4 +573,3 @@ var BpmnXmlAdapter = /** @class */ (function (_super) {
 }(BpmnAdapter));
 exports.BpmnXmlAdapter = BpmnXmlAdapter;
 exports.default = BpmnAdapter;
-//# sourceMappingURL=index.js.map

package/lib/bpmn-adapter/json2xml.js

@@ -91,4 +91,3 @@ function lfJson2Xml(o) {
     return xmlStr;
 }
 exports.lfJson2Xml = lfJson2Xml;
-//# sourceMappingURL=json2xml.js.map

package/lib/bpmn-adapter/xml2json.js

@@ -550,4 +550,3 @@ var lfXml2Json = function (xmlData) {
     return new XML.ObjTree().parseXML(xmlData);
 };
 exports.lfXml2Json = lfXml2Json;
-//# sourceMappingURL=xml2json.js.map

package/lib/bpmn-elements/index.js

@@ -116,4 +116,3 @@ __exportStar(require("./presets/Flow/sequenceFlow"), exports);
 __exportStar(require("./presets/Task/task"), exports);
 __exportStar(require("./presets/Task/subProcess"), exports);
 __exportStar(require("./presets/Gateway/gateway"), exports);
-//# sourceMappingURL=index.js.map

package/lib/bpmn-elements/presets/Event/EndEventFactory.js

@@ -139,4 +139,3 @@ function EndEventFactory(lf) {
     };
 }
 exports.EndEventFactory = EndEventFactory;
-//# sourceMappingURL=EndEventFactory.js.map

package/lib/bpmn-elements/presets/Event/IntermediateCatchEvent.js

@@ -125,4 +125,3 @@ function IntermediateCatchEventFactory(lf) {
     };
 }
 exports.IntermediateCatchEventFactory = IntermediateCatchEventFactory;
-//# sourceMappingURL=IntermediateCatchEvent.js.map

package/lib/bpmn-elements/presets/Event/IntermediateThrowEvent.js

@@ -125,4 +125,3 @@ function IntermediateThrowEventFactory(lf) {
     };
 }
 exports.IntermediateThrowEventFactory = IntermediateThrowEventFactory;
-//# sourceMappingURL=IntermediateThrowEvent.js.map

package/lib/bpmn-elements/presets/Event/StartEventFactory.js

@@ -138,4 +138,3 @@ function StartEventFactory(lf) {
     };
 }
 exports.StartEventFactory = StartEventFactory;
-//# sourceMappingURL=StartEventFactory.js.map

package/lib/bpmn-elements/presets/Event/boundaryEventFactory.js

@@ -132,4 +132,3 @@ function BoundaryEventFactory(lf) {
     };
 }
 exports.BoundaryEventFactory = BoundaryEventFactory;
-//# sourceMappingURL=boundaryEventFactory.js.map

package/lib/bpmn-elements/presets/Event/index.js

@@ -14,4 +14,3 @@ function registerEventNodes(lf) {
     lf.register((0, boundaryEventFactory_1.BoundaryEventFactory)(lf));
 }
 exports.registerEventNodes = registerEventNodes;
-//# sourceMappingURL=index.js.map

package/lib/bpmn-elements/presets/Flow/index.js

@@ -7,4 +7,3 @@ function registerFlows(lf) {
     lf.register(exports.SequenceFlow);
 }
 exports.registerFlows = registerFlows;
-//# sourceMappingURL=index.js.map

package/lib/bpmn-elements/presets/Flow/manhattan.js

@@ -638,4 +638,3 @@ offset) {
     }
 }
 exports.ManhattanLayout = ManhattanLayout;
-//# sourceMappingURL=manhattan.js.map

package/lib/bpmn-elements/presets/Flow/sequenceFlow.js

@@ -75,4 +75,3 @@ function sequenceFlowFactory(props) {
     };
 }
 exports.sequenceFlowFactory = sequenceFlowFactory;
-//# sourceMappingURL=sequenceFlow.js.map

package/lib/bpmn-elements/presets/Gateway/gateway.js

@@ -105,4 +105,3 @@ function GatewayNodeFactory(type, icon, props) {
     };
 }
 exports.GatewayNodeFactory = GatewayNodeFactory;
-//# sourceMappingURL=gateway.js.map

package/lib/bpmn-elements/presets/Gateway/index.js

@@ -12,4 +12,3 @@ function registerGatewayNodes(lf) {
     lf.register(ParallelGateway);
 }
 exports.registerGatewayNodes = registerGatewayNodes;
-//# sourceMappingURL=index.js.map

package/lib/bpmn-elements/presets/Pool/Lane.js

@@ -216,4 +216,3 @@ var LaneNode = {
     model: LaneModel,
 };
 exports.default = LaneNode;
-//# sourceMappingURL=Lane.js.map

package/lib/bpmn-elements/presets/Pool/Pool.js

@@ -298,4 +298,3 @@ var PoolNode = {
     model: HorizontalLaneModel,
 };
 exports.default = PoolNode;
-//# sourceMappingURL=Pool.js.map

package/lib/bpmn-elements/presets/Pool/index.js

@@ -92,4 +92,3 @@ var registerPoolNodes = function (lf) {
     poolEvent(lf);
 };
 exports.registerPoolNodes = registerPoolNodes;
-//# sourceMappingURL=index.js.map

package/lib/bpmn-elements/presets/Task/index.js

@@ -140,4 +140,3 @@ function registerTaskNodes(lf) {
     boundaryEvent(lf);
 }
 exports.registerTaskNodes = registerTaskNodes;
-//# sourceMappingURL=index.js.map

package/lib/bpmn-elements/presets/Task/subProcess.js

@@ -193,4 +193,3 @@ function SubProcessFactory() {
     };
 }
 exports.SubProcessFactory = SubProcessFactory;
-//# sourceMappingURL=subProcess.js.map

package/lib/bpmn-elements/presets/Task/task.js

@@ -194,4 +194,3 @@ function TaskNodeFactory(type, icon, props) {
     };
 }
 exports.TaskNodeFactory = TaskNodeFactory;
-//# sourceMappingURL=task.js.map

package/lib/bpmn-elements/presets/icons.js

@@ -114,4 +114,3 @@ exports.style = {
 exports.parallelMarker = 'm44,60 m 3,2 l 0,10 m 3,-10 l 0,10 m 3,-10 l 0,10';
 exports.sequentialMarker = 'm47,61 m 0,3 l 10,0 m -10,3 l 10,0 m -10,3 l 10,0';
 exports.loopMarker = 'm 50,73 c 3.526979,0 6.386161,-2.829858 6.386161,-6.320661 0,-3.490806 -2.859182,-6.320661 -6.386161,-6.320661 -3.526978,0 -6.38616,2.829855 -6.38616,6.320661 0,1.745402 0.714797,3.325567 1.870463,4.469381 0.577834,0.571908 1.265885,1.034728 2.029916,1.35457 l -0.718163,-3.909793 m 0.718163,3.909793 -3.885211,0.802902';
-//# sourceMappingURL=icons.js.map

package/lib/bpmn-elements/utils.js

@@ -43,4 +43,3 @@ function genBpmnId() {
     return ids.next();
 }
 exports.genBpmnId = genBpmnId;
-//# sourceMappingURL=utils.js.map

package/lib/bpmn-elements-adapter/constant.js

@@ -67,4 +67,3 @@ exports.theme = {
         },
     },
 };
-//# sourceMappingURL=constant.js.map

package/lib/bpmn-elements-adapter/index.js

@@ -1079,4 +1079,3 @@ var BPMNAdapter = /** @class */ (function (_super) {
 }(BPMNBaseAdapter));
 exports.BPMNAdapter = BPMNAdapter;
 exports.default = BPMNAdapter;
-//# sourceMappingURL=index.js.map

package/lib/bpmn-elements-adapter/json2xml.js

@@ -89,4 +89,3 @@ function lfJson2Xml(obj) {
     return xmlStr;
 }
 exports.lfJson2Xml = lfJson2Xml;
-//# sourceMappingURL=json2xml.js.map

package/lib/bpmn-elements-adapter/xml2json.js

@@ -553,4 +553,3 @@ which I will do instead of keeping this documentation like it is.
 */
 var lfXml2Json = function (xmlData) { return new XML.ObjTree().parseXML(xmlData); };
 exports.lfXml2Json = lfXml2Json;
-//# sourceMappingURL=xml2json.js.map

package/lib/components/context-menu/index.js

@@ -237,4 +237,3 @@ var ContextMenu = /** @class */ (function () {
 }());
 exports.ContextMenu = ContextMenu;
 exports.default = ContextMenu;
-//# sourceMappingURL=index.js.map

package/lib/components/control/index.js

@@ -149,4 +149,3 @@ var Control = /** @class */ (function () {
 }());
 exports.Control = Control;
 exports.default = Control;
-//# sourceMappingURL=index.js.map

package/lib/components/dnd-panel/index.js

@@ -110,4 +110,3 @@ var DndPanel = /** @class */ (function () {
 }());
 exports.DndPanel = DndPanel;
 exports.default = DndPanel;
-//# sourceMappingURL=index.js.map

package/lib/components/highlight/index.js

@@ -220,4 +220,3 @@ var Highlight = /** @class */ (function () {
 }());
 exports.Highlight = Highlight;
 exports.default = Highlight;
-//# sourceMappingURL=index.js.map

package/lib/components/menu/index.d.ts

@@ -31,7 +31,10 @@ declare class Menu {
     /**
      * 设置指定类型元素的菜单
      */
-    private setMenuByType;
+    setMenuByType({ type, menu }: {
+        type: string;
+        menu: MenuItem[];
+    }): void;
     /**
      * 获取 Menu DOM
      * @param list 菜单项

package/lib/components/menu/index.js

@@ -317,12 +317,13 @@ var Menu = /** @class */ (function () {
     /**
      * 设置指定类型元素的菜单
      */
-    Menu.prototype.setMenuByType = function (config) {
-        var _a;
-        if (!config.type || !config.menu) {
+    Menu.prototype.setMenuByType = function (_a) {
+        var _b;
+        var type = _a.type, menu = _a.menu;
+        if (!type || !menu) {
             return;
         }
-        (_a = this.menuTypeMap) === null || _a === void 0 ? void 0 : _a.set(config.type, config.menu);
+        (_b = this.menuTypeMap) === null || _b === void 0 ? void 0 : _b.set(type, menu);
     };
     /**
      * 获取 Menu DOM
@@ -413,4 +414,3 @@ var Menu = /** @class */ (function () {
 }());
 exports.Menu = Menu;
 exports.default = Menu;
-//# sourceMappingURL=index.js.map

package/lib/components/mini-map/index.js

@@ -516,4 +516,3 @@ var MiniMap = /** @class */ (function () {
 }());
 exports.MiniMap = MiniMap;
 exports.default = MiniMap;
-//# sourceMappingURL=index.js.map

package/lib/components/selection-select/index.js

@@ -173,4 +173,3 @@ var SelectionSelect = /** @class */ (function () {
 }());
 exports.SelectionSelect = SelectionSelect;
 exports.default = SelectionSelect;
-//# sourceMappingURL=index.js.map

package/lib/dynamic-group/index.js

@@ -240,7 +240,6 @@ var DynamicGroup = /** @class */ (function () {
         };
         lf.register(exports.dynamicGroup);
         this.lf = lf;
-        console.log('options', options);
         (0, lodash_es_1.assign)(this, options);
         // 初始化插件，从监听事件开始及设置规则开始
         this.init();
@@ -549,4 +548,3 @@ var DynamicGroup = /** @class */ (function () {
 }());
 exports.DynamicGroup = DynamicGroup;
 exports.default = DynamicGroup;
-//# sourceMappingURL=index.js.map

package/lib/dynamic-group/model.js

@@ -416,4 +416,3 @@ var DynamicGroupNodeModel = /** @class */ (function (_super) {
 }(core_1.RectNodeModel));
 exports.DynamicGroupNodeModel = DynamicGroupNodeModel;
 exports.default = DynamicGroupNodeModel;
-//# sourceMappingURL=model.js.map

package/lib/dynamic-group/node.js

@@ -162,4 +162,3 @@ var DynamicGroupNode = /** @class */ (function (_super) {
 }(core_1.RectNode));
 exports.DynamicGroupNode = DynamicGroupNode;
 exports.default = DynamicGroupNode;
-//# sourceMappingURL=node.js.map

package/lib/dynamic-group/utils.js

@@ -36,4 +36,3 @@ function isAllowMoveTo(groupBounds, node, deltaX, deltaY) {
     };
 }
 exports.isAllowMoveTo = isAllowMoveTo;
-//# sourceMappingURL=utils.js.map

package/lib/index.css

@@ -1,3 +1,66 @@
+@import url('medium-editor/dist/css/medium-editor.min.css');
+@import url('medium-editor/dist/css/themes/beagle.min.css');
+@import url('vanilla-picker/dist/vanilla-picker.csp.css');
+/* label */
+.lf-label-overlay {
+  width: 0;
+  height: 0;
+  overflow: visible;
+}
+.lf-label-overlay .lf-label-editor {
+  padding: 4px;
+  background: #fff;
+  border-radius: 5px;
+}
+.lf-label-overlay .lf-label-editor-container {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  text-align: center;
+}
+.lf-label-overlay .lf-label-editor-container p {
+  margin: 0;
+}
+.lf-label-overlay .lf-label-editor-dragging {
+  cursor: move;
+}
+.lf-label-overlay .lf-label-editor-editing {
+  border: 2px solid #275dc5;
+  outline: none;
+  cursor: text;
+}
+.lf-label-overlay .lf-label-editor-hover {
+  border: 2px dashed #acacac;
+}
+.lf-label-overlay .lf-label-editor-clip {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: clip;
+}
+.lf-label-overlay .lf-label-editor-ellipsis {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.lf-label-overlay .lf-label-editor-wrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  white-space: normal;
+  overflow-wrap: break-word;
+  /* 允许单词内换行 */
+}
+.lf-label-overlay .lf-label-editor-nowrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: visible;
+  white-space: nowrap;
+}
 .lf-control {
   position: absolute;
   top: 0;

package/lib/index.js

@@ -52,4 +52,3 @@ __exportStar(require("./NodeResize"), exports);
 __exportStar(require("./materials/group"), exports);
 // 迷之插件
 __exportStar(require("./rect-label-node"), exports);
-//# sourceMappingURL=index.js.map

package/lib/insert-node-in-polyline/edge.js

@@ -147,4 +147,3 @@ var isNodeInSegment = function (node, polyline, deviation) {
     };
 };
 exports.isNodeInSegment = isNodeInSegment;
-//# sourceMappingURL=edge.js.map

package/lib/insert-node-in-polyline/index.js

@@ -161,4 +161,3 @@ var InsertNodeInPolyline = /** @class */ (function () {
 }());
 exports.InsertNodeInPolyline = InsertNodeInPolyline;
 exports.default = InsertNodeInPolyline;
-//# sourceMappingURL=index.js.map

package/lib/materials/curved-edge/__test__/curved-edge.test.js

@@ -18,4 +18,3 @@ describe('test curved edge ', function () {
         expect((0, index_1.getCurvedEdgePath)(point4.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path4);
     });
 });
-//# sourceMappingURL=curved-edge.test.js.map

package/lib/materials/curved-edge/index.js

@@ -205,4 +205,3 @@ var defaultCurvedEdge = {
     model: CurvedEdgeModel,
 };
 exports.default = defaultCurvedEdge;
-//# sourceMappingURL=index.js.map

package/lib/materials/group/GroupNode.js

@@ -440,4 +440,3 @@ exports.default = {
     view: GroupNode,
     model: GroupNodeModel,
 };
-//# sourceMappingURL=GroupNode.js.map

package/lib/materials/group/index.js

@@ -531,4 +531,3 @@ var Group = /** @class */ (function () {
 exports.Group = Group;
 __exportStar(require("./GroupNode"), exports);
 exports.default = GroupNode_1.default;
-//# sourceMappingURL=index.js.map

package/lib/materials/node-selection/index.js

@@ -305,4 +305,3 @@ var NodeSelection = /** @class */ (function () {
 }());
 exports.NodeSelection = NodeSelection;
 exports.default = NodeSelection;
-//# sourceMappingURL=index.js.map

package/lib/mindmap/fakerRoot.js

@@ -40,4 +40,3 @@ var MarkRoot = {
     model: MarkRootModel,
 };
 exports.default = MarkRoot;
-//# sourceMappingURL=fakerRoot.js.map

package/lib/mindmap/index.js

@@ -317,4 +317,3 @@ var MindMap = /** @class */ (function () {
     return MindMap;
 }());
 exports.MindMap = MindMap;
-//# sourceMappingURL=index.js.map

package/lib/mindmap/markContent.js

@@ -90,4 +90,3 @@ var MarkContent = {
     model: MarkContentModel,
 };
 exports.default = MarkContent;
-//# sourceMappingURL=markContent.js.map

package/lib/mindmap/markContentOption.js

@@ -92,4 +92,3 @@ var MarkContentOption = {
     model: MarkContentOptionModel,
 };
 exports.default = MarkContentOption;
-//# sourceMappingURL=markContentOption.js.map

package/lib/mindmap/markEntity.js

@@ -91,4 +91,3 @@ var MarkEntity = {
     model: MarkEntityModel,
 };
 exports.default = MarkEntity;
-//# sourceMappingURL=markEntity.js.map

package/lib/mindmap/markRoot.js

@@ -92,4 +92,3 @@ var MarkRoot = {
     model: MarkRootModel,
 };
 exports.default = MarkRoot;
-//# sourceMappingURL=markRoot.js.map

package/lib/mindmap/theme.js

@@ -12,4 +12,3 @@ exports.theme = {
         stroke: '#a4a5a6',
     },
 };
-//# sourceMappingURL=theme.js.map

package/lib/rect-label-node/RectLabelNodeView.js

@@ -54,4 +54,3 @@ var RectLabelNodeView = /** @class */ (function (_super) {
     return RectLabelNodeView;
 }(core_1.RectNode));
 exports.RectLabelNodeView = RectLabelNodeView;
-//# sourceMappingURL=RectLabelNodeView.js.map

package/lib/rect-label-node/index.js

@@ -14,4 +14,3 @@ exports.RectLabelNode = {
     },
 };
 exports.default = exports.RectLabelNode;
-//# sourceMappingURL=index.js.map

package/lib/style/index.css

@@ -1,3 +1,66 @@
+@import url('medium-editor/dist/css/medium-editor.min.css');
+@import url('medium-editor/dist/css/themes/beagle.min.css');
+@import url('vanilla-picker/dist/vanilla-picker.csp.css');
+/* label */
+.lf-label-overlay {
+  width: 0;
+  height: 0;
+  overflow: visible;
+}
+.lf-label-overlay .lf-label-editor {
+  padding: 4px;
+  background: #fff;
+  border-radius: 5px;
+}
+.lf-label-overlay .lf-label-editor-container {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  text-align: center;
+}
+.lf-label-overlay .lf-label-editor-container p {
+  margin: 0;
+}
+.lf-label-overlay .lf-label-editor-dragging {
+  cursor: move;
+}
+.lf-label-overlay .lf-label-editor-editing {
+  border: 2px solid #275dc5;
+  outline: none;
+  cursor: text;
+}
+.lf-label-overlay .lf-label-editor-hover {
+  border: 2px dashed #acacac;
+}
+.lf-label-overlay .lf-label-editor-clip {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: clip;
+}
+.lf-label-overlay .lf-label-editor-ellipsis {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.lf-label-overlay .lf-label-editor-wrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  white-space: normal;
+  overflow-wrap: break-word;
+  /* 允许单词内换行 */
+}
+.lf-label-overlay .lf-label-editor-nowrap {
+  width: 100px;
+  /* 根据需要调整宽度 */
+  overflow: visible;
+  white-space: nowrap;
+}
 .lf-control {
   position: absolute;
   top: 0;

package/lib/style/index.less

@@ -1,3 +1,75 @@
+@import url('medium-editor/dist/css/medium-editor.min.css');
+@import url('medium-editor/dist/css/themes/beagle.min.css');
+@import url('vanilla-picker/dist/vanilla-picker.csp.css');
+
+/* label */
+.lf-label-overlay {
+  width: 0;
+  height: 0;
+  overflow: visible;
+
+  .lf-label-editor {
+    //box-sizing: content-box;
+    padding: 4px;
+    background: #fff;
+    border-radius: 5px;
+
+    &-container {
+      position: absolute;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: visible;
+      text-align: center;
+
+      p {
+        margin: 0;
+      }
+    }
+
+    &-dragging {
+      cursor: move;
+    }
+
+    &-editing {
+      border: 2px solid #275dc5;
+      outline: none;
+      cursor: text;
+    }
+
+    &-hover {
+      border: 2px dashed #acacac;
+    }
+
+    // textOverflowMode
+    &-clip {
+      width: 100px; /* 根据需要调整宽度 */
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: clip;
+    }
+
+    &-ellipsis {
+      width: 100px; /* 根据需要调整宽度 */
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    &-wrap {
+      width: 100px; /* 根据需要调整宽度 */
+      white-space: normal;
+      overflow-wrap: break-word; /* 允许单词内换行 */
+    }
+
+    &-nowrap {
+      width: 100px; /* 根据需要调整宽度 */
+      overflow: visible;
+      white-space: nowrap;
+    }
+  }
+}
+
 .lf-control {
   position: absolute;
   top: 0;