Lines Matching refs:gfx
2340 visuals = context.gfx;
2436 function updateLine(gfx, points) { argument
2437 attr(gfx, { points: toSVGPoints(points) });
2439 return gfx;
4758 forEach([ container.gfx, container.secondaryGfx ], function(gfx) { argument
4759 if (gfx) {
4763 classes(gfx).add(marker);
4765 classes(gfx).remove(marker);
4780 …this._eventBus.fire('element.marker.update', { element: element, gfx: container.gfx, marker: marke…
4829 var gfx = this.getGraphics(element);
4831 return classes(gfx).has(marker);
4922 var gfx = plane.layer;
4927 elementRegistry.add(element, gfx);
4929 eventBus.fire('root.added', { element: element, gfx: gfx });
5004 var gfx = graphicsFactory.create(type, element, parentIndex);
5006 this._elementRegistry.add(element, gfx);
5009 graphicsFactory.update(type, element, gfx);
5011 eventBus.fire(type + '.added', { element: element, gfx: gfx });
5548 var gfx = this.getGraphics(element);
5550 bbox = gfx.getBBox();
5608 ElementRegistry.prototype.add = function(element, gfx, secondaryGfx) { argument
5615 attr(gfx, ELEMENT_ID, id);
5621 this._elements[id] = { element: element, gfx: gfx, secondaryGfx: secondaryGfx }; property in AnonymousFunctionf8d14cd18200._elements
5637 attr(container.gfx, ELEMENT_ID, '');
5666 var gfx = this.getGraphics(element),
5673 this.add(element, gfx, secondaryGfx);
5683 ElementRegistry.prototype.updateGraphics = function(filter, gfx, secondary) { argument
5689 container.secondaryGfx = gfx;
5691 container.gfx = gfx;
5694 attr(gfx, ELEMENT_ID, id);
5696 return gfx;
5736 this.forEach(function(element, gfx) { argument
5737 if (fn(element, gfx)) {
5760 gfx = container.gfx;
5762 if (fn(element, gfx)) {
5789 gfx = container.gfx;
5791 return fn(element, gfx);
5814 return container && (secondary ? container.secondaryGfx : container.gfx);
6959 function getVisual(gfx) { argument
6960 return gfx.childNodes[0];
6969 function getChildren$1(gfx) { argument
6970 return gfx.parentNode.childNodes[1];
6980 function transform(gfx, x, y, angle, amount) { argument
6990 transform$1(gfx, [ translate, rotate, scale ]);
6999 function translate$2(gfx, x, y) { argument
7003 transform$1(gfx, translate);
7011 function rotate(gfx, angle) { argument
7015 transform$1(gfx, rotate);
7034 var gfx = this._elementRegistry.getGraphics(element);
7040 childrenGfx = gfx;
7042 childrenGfx = getChildren$1(gfx);
7047 append(gfx.parentNode, childrenGfx);
7058 GraphicsFactory.prototype._clear = function(gfx) { argument
7059 var visual = getVisual(gfx);
7106 var gfx = create$1('g');
7107 classes(gfx).add('djs-element');
7108 classes(gfx).add('djs-' + type);
7111 classes(gfx).add('djs-frame');
7114 append(outerGfx, gfx);
7120 append(gfx, visual);
7122 return gfx;
7168 return eventBus.fire('render.shape', { gfx: visual, element: element });
7180 return eventBus.fire('render.connection', { gfx: visual, element: element });
7189 GraphicsFactory.prototype.update = function(type, element, gfx) { argument
7196 var visual = this._clear(gfx);
7203 translate$2(gfx, element.x, element.y);
7212 attr(gfx, 'display', 'none');
7214 attr(gfx, 'display', 'block');
7219 var gfx = this._elementRegistry.getGraphics(element);
7222 remove$1(gfx.parentNode);
14999 var gfx = element.gfx;
15002 if (gfx) {
15019 var gfx = element.di && visit(element, ctx);
15023 return gfx;
20176 var target, gfx, returnValue;
20182 gfx = target;
20183 element = elementRegistry.get(gfx);
20186 gfx = elementRegistry.getGraphics(element);
20189 if (!gfx || !element) {
20195 gfx: gfx,
20318 gfx = event.gfx;
20320 eventBus.fire('interactionEvents.createHit', { element: element, gfx: gfx });
20332 gfx = event.gfx;
20334 eventBus.fire('interactionEvents.updateHit', { element: element, gfx: gfx });
20339 gfx = event.gfx;
20341 self.createDefaultHit(element, gfx);
20346 gfx = event.gfx;
20348 self.updateDefaultHit(element, gfx);
20392 function appendHit(gfx, hit) { argument
20393 append(gfx, hit);
20404 this.removeHits = function(gfx) { argument
20405 var hits = all('.djs-hit', gfx);
20418 this.createDefaultHit = function(element, gfx) { argument
20424 return this.createWaypointsHit(gfx, waypoints);
20429 return this.createBoxHit(gfx, boxType, {
20444 this.createWaypointsHit = function(gfx, waypoints) { argument
20450 appendHit(gfx, hit);
20464 this.createBoxHit = function(gfx, type, attrs) { argument
20477 appendHit(gfx, hit);
20490 this.updateDefaultHit = function(element, gfx) { argument
20492 var hit = query('.djs-hit', gfx);
20632 function createOutline(gfx, bounds) { argument
20642 append(gfx, outline);
20651 gfx = event.gfx;
20653 var outline = query('.djs-outline', gfx);
20656 outline = createOutline(gfx);
20664 gfx = event.gfx;
20666 var outline = query('.djs-outline', gfx);
20669 outline = createOutline(gfx);
25553 var gfx = getGfx(event.target),
25554 element = gfx && elementRegistry.get(gfx);
25613 gfx = getGfx(node),
25614 element = gfx && elementRegistry.get(gfx);
25622 dragging.hover({ element: element, gfx: gfx });
25625 event.hoverGfx = gfx;
27150 var gfx = self._findTargetGfx(originalEvent);
27152 var element = gfx && elementRegistry.get(gfx);
27154 if (gfx && element) {
27160 dragging.hover({ element: element, gfx: gfx });
27208 hoverGfx = event.gfx;
27220 gfx: hoverGfx
27575 payload.hoverGfx = event.gfx;
28487 gfx = query('.djs-bendpoints[data-element-id="' + cssEscape(element.id) + '"]', layer);
28489 if (!gfx && create) {
28490 gfx = create$1('g');
28491 attr(gfx, { 'data-element-id': element.id });
28492 classes(gfx).add('djs-bendpoints');
28494 append(layer, gfx);
28496 bindInteractionEvents(gfx, 'mousedown', element);
28497 bindInteractionEvents(gfx, 'click', element);
28498 bindInteractionEvents(gfx, 'dblclick', element);
28501 return gfx;
28511 function createBendpoints(gfx, connection) { argument
28513 var bendpoint = addBendpoint(gfx);
28515 append(gfx, bendpoint);
28521 addBendpoint(gfx, 'floating');
28524 function createSegmentDraggers(gfx, connection) { argument
28538 segmentDraggerGfx = addSegmentDragger(gfx, segmentStart, segmentEnd);
28547 function clearBendpoints(gfx) { argument
28548 forEach(all('.' + BENDPOINT_CLS, gfx), function(node) {
28553 function clearSegmentDraggers(gfx) { argument
28554 forEach(all('.' + SEGMENT_DRAGGER_CLS, gfx), function(node) {
28561 var gfx = getBendpointsContainer(connection);
28563 if (!gfx) {
28564 gfx = getBendpointsContainer(connection, true);
28566 createBendpoints(gfx, connection);
28567 createSegmentDraggers(gfx, connection);
28570 return gfx;
28575 var gfx = getBendpointsContainer(connection);
28577 if (gfx) {
28578 clearSegmentDraggers(gfx);
28579 clearBendpoints(gfx);
28580 createSegmentDraggers(gfx, connection);
28581 createBendpoints(gfx, connection);
28635 var gfx = getBendpointsContainer(event.element);
28637 if (gfx) {
28638 remove$1(gfx);
28715 interactionEvents.registerEvent(event.gfx, 'mousemove', 'element.mousemove');
28720 interactionEvents.unregisterEvent(event.gfx, 'mousemove', 'element.mousemove');
28775 var gfx = canvas.getGraphics(connection),
28813 connectionGfx: gfx,
29266 gfx = canvas.getGraphics(connection),
29318 connectionGfx: gfx,
30380 var gfx = create$1('g');
30382 attr(gfx, {
30386 classes(gfx).add(MARKER_CONNECTION_PREVIEW);
30388 append(this._canvas.getActiveLayer(), gfx);
30390 return gfx;
31527 PreviewSupport.prototype.addDragger = function(element, group, gfx) { argument
31528 gfx = gfx || this.getGfx(element);
31530 var dragger = clone$1(gfx);
31531 var bbox = gfx.getBoundingClientRect();
31573 PreviewSupport.prototype._cloneMarkers = function(gfx) { argument
31576 if (gfx.childNodes) {
31579 for (var i = 0; i < gfx.childNodes.length; i++) {
31582 self._cloneMarkers(gfx.childNodes[ i ]);
31586 if (!canHaveMarker(gfx)) {
31591 if (attr(gfx, markerType)) {
31592 var marker = getMarker(gfx, markerType, self._canvas.getContainer());
31594 self._cloneMarker(gfx, marker, markerType);
31606 PreviewSupport.prototype._cloneMarker = function(gfx, marker, markerType) { argument
31637 attr(gfx, markerType, reference);
32068 var gfx;
32075 gfx = graphicsFactory._createContainer('connection', childrenGfx);
32077 graphicsFactory.drawConnection(getVisual(gfx), element);
32079 gfx = graphicsFactory._createContainer('shape', childrenGfx);
32081 graphicsFactory.drawShape(getVisual(gfx), element);
32083 translate$2(gfx, element.x, element.y);
32087 previewSupport.addDragger(element, dragGroup, gfx);
38076 gfx = context.gfx;
38079 return self.createParticipantHit(element, gfx);
38084 return self.createParticipantHit(element, gfx);
38086 return self.createDefaultHit(element, gfx);
38092 return self.createSubProcessHit(element, gfx);
38094 return self.createDefaultHit(element, gfx);
38107 BpmnInteractionEvents.prototype.createDefaultHit = function(element, gfx) { argument
38108 this._interactionEvents.removeHits(gfx);
38110 this._interactionEvents.createDefaultHit(element, gfx);
38116 BpmnInteractionEvents.prototype.createParticipantHit = function(element, gfx) { argument
38119 this._interactionEvents.removeHits(gfx);
38122 this._interactionEvents.createBoxHit(gfx, 'click-stroke', {
38128 this._interactionEvents.createBoxHit(gfx, 'all', {
38137 BpmnInteractionEvents.prototype.createSubProcessHit = function(element, gfx) { argument
38140 this._interactionEvents.removeHits(gfx);
38143 this._interactionEvents.createBoxHit(gfx, 'click-stroke', {
38149 this._interactionEvents.createBoxHit(gfx, 'all', {
38501 event.gfx = elementRegistry.getGraphics(element);
38505 if (!event.gfx) {
38524 graphicsFactory.update('shape', event.element, event.gfx);
38528 graphicsFactory.update('connection', event.element, event.gfx);
38939 ResizeHandles.prototype.makeDraggable = function(element, gfx, direction) { argument
38950 componentEvent.bind(gfx, 'mousedown', startResize);
38951 componentEvent.bind(gfx, 'touchstart', startResize);
39529 var element, absoluteElementBBox, gfx;
39540 gfx = create$1('g');
39561 append(gfx, path);
39563 append(defaultLayer, gfx);
39565 translate$2(gfx, element.x, element.y);
39616 if (gfx) {
39617 remove$1(gfx);
39619 gfx = undefined;
40519 event.gfx = rootElementGfx;
55643 var gfx = query('[data-element-id="' + cssEscape(element.id) + '"]', context.dragGroup);
55645 if (gfx) {
55646 attr(gfx, { display: 'none' });