@p4ulcristian/iris-layout 0.2.0 → 0.2.2

package/dist/cljs-runtime/iris_layout.components.entity_tile.js

@@ -0,0 +1,295 @@
+import "./cljs_env.js";
+import "./cljs.core.js";
+import "./reagent.core.js";
+import "./iris_layout.components.touch_drag.js";
+goog.provide('iris_layout.components.entity_tile');
+/**
+ * Determine which half of the tile the cursor is closest to.
+ */
+iris_layout.components.entity_tile.calculate_half = (function iris_layout$components$entity_tile$calculate_half(e,tile_elem){
+var rect = tile_elem.getBoundingClientRect();
+var cx = (rect.left + (rect.width / (2)));
+var cy = (rect.top + (rect.height / (2)));
+var dx = (e.clientX - cx);
+var dy = (e.clientY - cy);
+if((Math.abs(dx) > Math.abs(dy))){
+if((dx < (0))){
+return new cljs.core.Keyword(null,"left","left",-399115937);
+} else {
+return new cljs.core.Keyword(null,"right","right",-452581833);
+}
+} else {
+if((dy < (0))){
+return new cljs.core.Keyword(null,"top","top",-1856271961);
+} else {
+return new cljs.core.Keyword(null,"bottom","bottom",-1550509018);
+}
+}
+});
+iris_layout.components.entity_tile.half__GT_direction = (function iris_layout$components$entity_tile$half__GT_direction(half){
+if(((cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(half,new cljs.core.Keyword(null,"left","left",-399115937))) || (cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(half,new cljs.core.Keyword(null,"right","right",-452581833))))){
+return new cljs.core.Keyword(null,"horizontal","horizontal",2062109475);
+} else {
+return new cljs.core.Keyword(null,"vertical","vertical",718696748);
+}
+});
+iris_layout.components.entity_tile.direction_labels = new cljs.core.PersistentArrayMap(null, 4, [new cljs.core.Keyword(null,"top","top",-1856271961),"Split above",new cljs.core.Keyword(null,"bottom","bottom",-1550509018),"Split below",new cljs.core.Keyword(null,"left","left",-399115937),"Split left",new cljs.core.Keyword(null,"right","right",-452581833),"Split right"], null);
+iris_layout.components.entity_tile.drop_indicator = (function iris_layout$components$entity_tile$drop_indicator(half,visible_QMARK_){
+if(cljs.core.truth_(visible_QMARK_)){
+return new cljs.core.PersistentVector(null, 3, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div.iris-drop-indicator","div.iris-drop-indicator",-365975645),new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div","div",1057191632),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"class","class",-2030961996),["iris-drop-highlight iris-drop-",cljs.core.name(half)].join('')], null)], null),new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div.iris-drop-label-container","div.iris-drop-label-container",915701277),new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"span.iris-drop-label","span.iris-drop-label",355054911),cljs.core.get.cljs$core$IFn$_invoke$arity$3(iris_layout.components.entity_tile.direction_labels,half,"Split")], null)], null)], null);
+} else {
+return null;
+}
+});
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.entity_tile !== 'undefined') && (typeof iris_layout.components.entity_tile.drag_source_tile !== 'undefined')){
+} else {
+iris_layout.components.entity_tile.drag_source_tile = cljs.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+}
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.entity_tile !== 'undefined') && (typeof iris_layout.components.entity_tile.drag_source_entity !== 'undefined')){
+} else {
+iris_layout.components.entity_tile.drag_source_entity = cljs.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+}
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.entity_tile !== 'undefined') && (typeof iris_layout.components.entity_tile.fullscreen_tile !== 'undefined')){
+} else {
+iris_layout.components.entity_tile.fullscreen_tile = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+}
+iris_layout.components.entity_tile.clear_drop_state_BANG_ = (function iris_layout$components$entity_tile$clear_drop_state_BANG_(drag_over,closest_edge){
+cljs.core.reset_BANG_(drag_over,false);
+
+return cljs.core.reset_BANG_(closest_edge,null);
+});
+iris_layout.components.entity_tile.handle_drag_over = (function iris_layout$components$entity_tile$handle_drag_over(e,dragging,drag_over,closest_edge,tile_ref){
+e.preventDefault();
+
+if(cljs.core.truth_(cljs.core.deref(dragging))){
+return iris_layout.components.entity_tile.clear_drop_state_BANG_(drag_over,closest_edge);
+} else {
+var temp__5804__auto__ = cljs.core.deref(tile_ref);
+if(cljs.core.truth_(temp__5804__auto__)){
+var el = temp__5804__auto__;
+var half = iris_layout.components.entity_tile.calculate_half(e,el);
+cljs.core.reset_BANG_(closest_edge,half);
+
+return cljs.core.reset_BANG_(drag_over,true);
+} else {
+return null;
+}
+}
+});
+iris_layout.components.entity_tile.handle_drop = (function iris_layout$components$entity_tile$handle_drop(e,node,tile_ref,split_ref,drag_over,closest_edge){
+e.preventDefault();
+
+e.stopPropagation();
+
+var temp__5804__auto___6924 = cljs.core.deref(tile_ref);
+if(cljs.core.truth_(temp__5804__auto___6924)){
+var el_6925 = temp__5804__auto___6924;
+var half_6926 = iris_layout.components.entity_tile.calculate_half(e,el_6925);
+var direction_6927 = iris_layout.components.entity_tile.half__GT_direction(half_6926);
+var raw_6928 = e.dataTransfer.getData("text/plain");
+try{var data_6929 = JSON.parse(raw_6928);
+if(cljs.core.truth_((function (){var and__5000__auto__ = cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(data_6929.source,"tile");
+if(and__5000__auto__){
+return data_6929.entityId;
+} else {
+return and__5000__auto__;
+}
+})())){
+if(cljs.core.not_EQ_.cljs$core$IFn$_invoke$arity$2(data_6929.tileId,new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node))){
+var G__6901_6931 = new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node);
+var G__6902_6932 = data_6929.entityId;
+var G__6903_6933 = direction_6927;
+var G__6904_6934 = new cljs.core.Keyword(null,"tile","tile",758132866);
+var G__6905_6935 = half_6926;
+var fexpr__6900_6936 = cljs.core.deref(split_ref);
+(fexpr__6900_6936.cljs$core$IFn$_invoke$arity$5 ? fexpr__6900_6936.cljs$core$IFn$_invoke$arity$5(G__6901_6931,G__6902_6932,G__6903_6933,G__6904_6934,G__6905_6935) : fexpr__6900_6936.call(null,G__6901_6931,G__6902_6932,G__6903_6933,G__6904_6934,G__6905_6935));
+} else {
+}
+} else {
+if(cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(data_6929.source,"sidebar")){
+var temp__5804__auto___6937__$1 = data_6929.entityId;
+if(cljs.core.truth_(temp__5804__auto___6937__$1)){
+var eid_6938 = temp__5804__auto___6937__$1;
+var G__6907_6939 = new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node);
+var G__6908_6940 = eid_6938;
+var G__6909_6941 = direction_6927;
+var G__6910_6942 = new cljs.core.Keyword(null,"sidebar","sidebar",35784458);
+var G__6911_6943 = half_6926;
+var fexpr__6906_6944 = cljs.core.deref(split_ref);
+(fexpr__6906_6944.cljs$core$IFn$_invoke$arity$5 ? fexpr__6906_6944.cljs$core$IFn$_invoke$arity$5(G__6907_6939,G__6908_6940,G__6909_6941,G__6910_6942,G__6911_6943) : fexpr__6906_6944.call(null,G__6907_6939,G__6908_6940,G__6909_6941,G__6910_6942,G__6911_6943));
+} else {
+}
+} else {
+}
+}
+}catch (e6894){var __6945 = e6894;
+if(cljs.core.truth_((function (){var and__5000__auto__ = raw_6928;
+if(cljs.core.truth_(and__5000__auto__)){
+return cljs.core.not_EQ_.cljs$core$IFn$_invoke$arity$2(raw_6928,"");
+} else {
+return and__5000__auto__;
+}
+})())){
+var G__6896_6946 = new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node);
+var G__6897_6947 = raw_6928;
+var G__6898_6948 = direction_6927;
+var G__6899_6949 = new cljs.core.Keyword(null,"sidebar","sidebar",35784458);
+var fexpr__6895_6950 = cljs.core.deref(split_ref);
+(fexpr__6895_6950.cljs$core$IFn$_invoke$arity$4 ? fexpr__6895_6950.cljs$core$IFn$_invoke$arity$4(G__6896_6946,G__6897_6947,G__6898_6948,G__6899_6949) : fexpr__6895_6950.call(null,G__6896_6946,G__6897_6947,G__6898_6948,G__6899_6949));
+} else {
+}
+}} else {
+}
+
+return iris_layout.components.entity_tile.clear_drop_state_BANG_(drag_over,closest_edge);
+});
+iris_layout.components.entity_tile.handle_touch_end = (function iris_layout$components$entity_tile$handle_touch_end(dragging,split_ref){
+iris_layout.components.touch_drag.cancel_pending_BANG_();
+
+if(iris_layout.components.touch_drag.dragging_QMARK_()){
+cljs.core.reset_BANG_(dragging,false);
+
+var temp__5804__auto___6951 = iris_layout.components.touch_drag.end_drag_BANG_();
+if(cljs.core.truth_(temp__5804__auto___6951)){
+var drop_info_6952 = temp__5804__auto___6951;
+var map__6912_6953 = drop_info_6952;
+var map__6912_6954__$1 = cljs.core.__destructure_map(map__6912_6953);
+var target_tile_id_6955 = cljs.core.get.cljs$core$IFn$_invoke$arity$2(map__6912_6954__$1,new cljs.core.Keyword(null,"target-tile-id","target-tile-id",-1830903484));
+var half_6956 = cljs.core.get.cljs$core$IFn$_invoke$arity$2(map__6912_6954__$1,new cljs.core.Keyword(null,"half","half",741990005));
+var source_entity_id_6957 = cljs.core.get.cljs$core$IFn$_invoke$arity$2(map__6912_6954__$1,new cljs.core.Keyword(null,"source-entity-id","source-entity-id",-509281427));
+var source_tile_id_6958 = cljs.core.get.cljs$core$IFn$_invoke$arity$2(map__6912_6954__$1,new cljs.core.Keyword(null,"source-tile-id","source-tile-id",1477902631));
+var direction_6959 = iris_layout.components.entity_tile.half__GT_direction(half_6956);
+if(cljs.core.truth_((function (){var and__5000__auto__ = target_tile_id_6955;
+if(cljs.core.truth_(and__5000__auto__)){
+return cljs.core.not_EQ_.cljs$core$IFn$_invoke$arity$2(source_tile_id_6958,target_tile_id_6955);
+} else {
+return and__5000__auto__;
+}
+})())){
+var fexpr__6913_6960 = cljs.core.deref(split_ref);
+(fexpr__6913_6960.cljs$core$IFn$_invoke$arity$5 ? fexpr__6913_6960.cljs$core$IFn$_invoke$arity$5(target_tile_id_6955,source_entity_id_6957,direction_6959,new cljs.core.Keyword(null,"tile","tile",758132866),half_6956) : fexpr__6913_6960.call(null,target_tile_id_6955,source_entity_id_6957,direction_6959,new cljs.core.Keyword(null,"tile","tile",758132866),half_6956));
+} else {
+}
+} else {
+}
+} else {
+}
+
+return cljs.core.reset_BANG_(dragging,false);
+});
+iris_layout.components.entity_tile.handle_drag_start = (function iris_layout$components$entity_tile$handle_drag_start(e,node,dragging){
+e.dataTransfer.setData("text/plain",JSON.stringify(({"tileId": new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node), "entityId": new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(node), "source": "tile"})));
+
+(e.dataTransfer.effectAllowed = "all");
+
+cljs.core.reset_BANG_(iris_layout.components.entity_tile.drag_source_tile,new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node));
+
+cljs.core.reset_BANG_(iris_layout.components.entity_tile.drag_source_entity,new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(node));
+
+return cljs.core.reset_BANG_(dragging,true);
+});
+iris_layout.components.entity_tile.handle_drag_end = (function iris_layout$components$entity_tile$handle_drag_end(dragging){
+cljs.core.reset_BANG_(dragging,false);
+
+cljs.core.reset_BANG_(iris_layout.components.entity_tile.drag_source_tile,null);
+
+return cljs.core.reset_BANG_(iris_layout.components.entity_tile.drag_source_entity,null);
+});
+iris_layout.components.entity_tile.entity_tile_component = (function iris_layout$components$entity_tile$entity_tile_component(node,on_split,on_close,focused_QMARK_,entities,render_entity_tile,_parent_ctx){
+var drag_over = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(false);
+var closest_edge = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+var dragging = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(false);
+var split_ref = cljs.core.atom.cljs$core$IFn$_invoke$arity$1(on_split);
+var close_ref = cljs.core.atom.cljs$core$IFn$_invoke$arity$1(on_close);
+var tile_ref = cljs.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+var touch_watch_key = ["tile-",cljs.core.str.cljs$core$IFn$_invoke$arity$1(new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node))].join('');
+var _ = cljs.core.add_watch(iris_layout.components.touch_drag.hover_target,touch_watch_key,(function (_,___$1,___$2,new_target){
+if(cljs.core.truth_((function (){var and__5000__auto__ = new_target;
+if(cljs.core.truth_(and__5000__auto__)){
+return cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(new cljs.core.Keyword(null,"tile-id","tile-id",781804456).cljs$core$IFn$_invoke$arity$1(new_target),new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node));
+} else {
+return and__5000__auto__;
+}
+})())){
+var source_id = new cljs.core.Keyword(null,"tile-id","tile-id",781804456).cljs$core$IFn$_invoke$arity$1(cljs.core.deref(iris_layout.components.touch_drag.touch_state));
+if(cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(source_id,new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node))){
+return iris_layout.components.entity_tile.clear_drop_state_BANG_(drag_over,closest_edge);
+} else {
+cljs.core.reset_BANG_(closest_edge,new cljs.core.Keyword(null,"half","half",741990005).cljs$core$IFn$_invoke$arity$1(new_target));
+
+return cljs.core.reset_BANG_(drag_over,true);
+}
+} else {
+if(cljs.core.truth_(cljs.core.deref(drag_over))){
+return iris_layout.components.entity_tile.clear_drop_state_BANG_(drag_over,closest_edge);
+} else {
+return null;
+}
+}
+}));
+return reagent.core.create_class.cljs$core$IFn$_invoke$arity$1(new cljs.core.PersistentArrayMap(null, 2, [new cljs.core.Keyword(null,"component-will-unmount","component-will-unmount",-2058314698),(function (___$1){
+return cljs.core.remove_watch(iris_layout.components.touch_drag.hover_target,touch_watch_key);
+}),new cljs.core.Keyword(null,"reagent-render","reagent-render",-985383853),(function (node__$1,on_split__$1,on_close__$1,focused_QMARK___$1,entities__$1,render_entity_tile__$1,_parent_ctx__$1){
+cljs.core.reset_BANG_(split_ref,on_split__$1);
+
+cljs.core.reset_BANG_(close_ref,on_close__$1);
+
+var entity = cljs.core.get.cljs$core$IFn$_invoke$arity$2(entities__$1,new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(node__$1));
+var entity_name = (function (){var or__5002__auto__ = new cljs.core.Keyword(null,"name","name",1843675177).cljs$core$IFn$_invoke$arity$1(entity);
+if(cljs.core.truth_(or__5002__auto__)){
+return or__5002__auto__;
+} else {
+return new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(node__$1);
+}
+})();
+return new cljs.core.PersistentVector(null, 5, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div","div",1057191632),cljs.core.PersistentHashMap.fromArrays([new cljs.core.Keyword(null,"data-tile-id","data-tile-id",-1283349274),new cljs.core.Keyword(null,"ref","ref",1289896967),new cljs.core.Keyword(null,"on-drop","on-drop",1867868491),new cljs.core.Keyword(null,"style","style",-496642736),new cljs.core.Keyword(null,"on-drag-leave","on-drag-leave",-373180078),new cljs.core.Keyword(null,"class","class",-2030961996),new cljs.core.Keyword(null,"on-drag-enter","on-drag-enter",-1692112235),new cljs.core.Keyword(null,"on-drag-over","on-drag-over",-93410408),new cljs.core.Keyword(null,"on-touch-start","on-touch-start",447239419),new cljs.core.Keyword(null,"on-touch-end","on-touch-end",1515667389)],[new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node__$1),(function (p1__6914_SHARP_){
+return cljs.core.reset_BANG_(tile_ref,p1__6914_SHARP_);
+}),(function (p1__6916_SHARP_){
+return iris_layout.components.entity_tile.handle_drop(p1__6916_SHARP_,node__$1,tile_ref,split_ref,drag_over,closest_edge);
+}),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"flex","flex",-1425124628),(1)], null),(function (e){
+if(cljs.core.truth_(e.currentTarget.contains(e.relatedTarget))){
+return null;
+} else {
+return iris_layout.components.entity_tile.clear_drop_state_BANG_(drag_over,closest_edge);
+}
+}),["iris-entity-tile",(cljs.core.truth_(focused_QMARK___$1)?" iris-entity-tile-focused":null),((cljs.core.not(focused_QMARK___$1))?" iris-entity-tile-unfocused":null),(cljs.core.truth_(cljs.core.deref(drag_over))?" iris-drag-over":null),(cljs.core.truth_(cljs.core.deref(dragging))?" iris-dragging":null),((cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(cljs.core.deref(iris_layout.components.entity_tile.fullscreen_tile),new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node__$1)))?" iris-entity-tile-fullscreen":null)].join(''),(function (e){
+return e.preventDefault();
+}),(function (p1__6915_SHARP_){
+return iris_layout.components.entity_tile.handle_drag_over(p1__6915_SHARP_,dragging,drag_over,closest_edge,tile_ref);
+}),(function (_e){
+return iris_layout.components.touch_drag.start_pending_BANG_(new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node__$1),new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(node__$1),_e,(function (){
+return cljs.core.reset_BANG_(dragging,true);
+}));
+}),(function (_e){
+return iris_layout.components.entity_tile.handle_touch_end(dragging,split_ref);
+})]),new cljs.core.PersistentVector(null, 4, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div.iris-entity-tile-header","div.iris-entity-tile-header",1611784817),new cljs.core.PersistentArrayMap(null, 4, [new cljs.core.Keyword(null,"draggable","draggable",1676206163),true,new cljs.core.Keyword(null,"on-double-click","on-double-click",1434856980),(function (___$1){
+if(cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(cljs.core.deref(iris_layout.components.entity_tile.fullscreen_tile),new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node__$1))){
+return cljs.core.reset_BANG_(iris_layout.components.entity_tile.fullscreen_tile,null);
+} else {
+return cljs.core.reset_BANG_(iris_layout.components.entity_tile.fullscreen_tile,new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node__$1));
+}
+}),new cljs.core.Keyword(null,"on-drag-start","on-drag-start",-47712205),(function (p1__6917_SHARP_){
+return iris_layout.components.entity_tile.handle_drag_start(p1__6917_SHARP_,node__$1,dragging);
+}),new cljs.core.Keyword(null,"on-drag-end","on-drag-end",520272671),(function (___$1){
+return iris_layout.components.entity_tile.handle_drag_end(dragging);
+})], null),new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"span.iris-entity-tile-header-name","span.iris-entity-tile-header-name",-890448661),entity_name], null),new cljs.core.PersistentVector(null, 3, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"button.iris-entity-tile-header-close","button.iris-entity-tile-header-close",-649034559),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"on-click","on-click",1632826543),(function (e){
+e.stopPropagation();
+
+if(cljs.core.truth_(cljs.core.deref(close_ref))){
+var G__6919 = new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(node__$1);
+var fexpr__6918 = cljs.core.deref(close_ref);
+return (fexpr__6918.cljs$core$IFn$_invoke$arity$1 ? fexpr__6918.cljs$core$IFn$_invoke$arity$1(G__6919) : fexpr__6918.call(null,G__6919));
+} else {
+return null;
+}
+})], null),"\u00D7"], null)], null),new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div.iris-entity-tile-content","div.iris-entity-tile-content",-1333148856),(cljs.core.truth_((function (){var and__5000__auto__ = entity;
+if(cljs.core.truth_(and__5000__auto__)){
+return render_entity_tile__$1;
+} else {
+return and__5000__auto__;
+}
+})())?new cljs.core.PersistentVector(null, 3, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,">",">",-555517146),render_entity_tile__$1,entity], null):null)], null),new cljs.core.PersistentVector(null, 3, 5, cljs.core.PersistentVector.EMPTY_NODE, [iris_layout.components.entity_tile.drop_indicator,cljs.core.deref(closest_edge),cljs.core.deref(drag_over)], null)], null);
+})], null));
+});
+
+//# sourceMappingURL=iris_layout.components.entity_tile.js.map

package/dist/cljs-runtime/iris_layout.components.entity_tile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["iris_layout/components/entity_tile.cljs"],"mappings":"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","names":["iris-layout.components.entity-tile/calculate-half","e","tile-elem","rect","cx","cy","dx","dy","js/Math.abs","iris-layout.components.entity-tile/half->direction","half","cljs.core._EQ_","iris-layout.components.entity-tile/direction-labels","iris-layout.components.entity-tile/drop-indicator","visible?","cljs.core/name","cljs.core.get","js/iris-layout","js/iris-layout.components","js/iris-layout.components.entity-tile","js/iris-layout.components.entity-tile.drag-source-tile","iris-layout.components.entity-tile/drag-source-tile","cljs.core.atom","js/iris-layout.components.entity-tile.drag-source-entity","iris-layout.components.entity-tile/drag-source-entity","js/iris-layout.components.entity-tile.fullscreen-tile","iris-layout.components.entity-tile/fullscreen-tile","reagent.core.atom","iris-layout.components.entity-tile/clear-drop-state!","drag-over","closest-edge","cljs.core/reset!","iris-layout.components.entity-tile/handle-drag-over","dragging","tile-ref","cljs.core/deref","temp__5804__auto__","el","iris-layout.components.entity-tile/handle-drop","node","split-ref","direction","raw","e6894","data","js/JSON.parse","and__5000__auto__","cljs.core.not_EQ_","G__6901","G__6902","G__6903","G__6904","G__6905","fexpr__6900","eid","G__6907","G__6908","G__6909","G__6910","G__6911","fexpr__6906","_","G__6896","G__6897","G__6898","G__6899","fexpr__6895","iris-layout.components.entity-tile/handle-touch-end","iris-layout.components.touch-drag/cancel-pending!","iris-layout.components.touch-drag/dragging?","drop-info","iris-layout.components.touch-drag/end-drag!","map__6912","cljs.core/--destructure-map","target-tile-id","source-entity-id","source-tile-id","fexpr__6913","iris-layout.components.entity-tile/handle-drag-start","js/JSON.stringify","iris-layout.components.entity-tile/handle-drag-end","iris-layout.components.entity-tile/entity-tile-component","on-split","on-close","focused?","entities","render-entity-tile","_parent-ctx","close-ref","touch-watch-key","cljs.core/add-watch","iris-layout.components.touch-drag/hover-target","new-target","source-id","iris-layout.components.touch-drag/touch-state","reagent.core.create_class","cljs.core/remove-watch","p1__6914#","p1__6916#","p1__6915#","p1__6917#","entity","entity-name","or__5002__auto__","cljs.core/not","_e","iris-layout.components.touch-drag/start-pending!","G__6919","fexpr__6918"],"sourcesContent":["(ns iris-layout.components.entity-tile\n  \"Entity tile component \u2014 renders a single entity inside the Body layout.\"\n  (:require [reagent.core :as r]\n            [iris-layout.components.touch-drag :as touch-drag]))\n\n(defn calculate-half\n  \"Determine which half of the tile the cursor is closest to.\"\n  [e tile-elem]\n  (let [rect (.getBoundingClientRect tile-elem)\n        cx (+ (.-left rect) (/ (.-width rect) 2))\n        cy (+ (.-top rect) (/ (.-height rect) 2))\n        dx (- (.-clientX e) cx)\n        dy (- (.-clientY e) cy)]\n    (if (> (js/Math.abs dx) (js/Math.abs dy))\n      (if (neg? dx) :left :right)\n      (if (neg? dy) :top :bottom))))\n\n(defn half->direction [half]\n  (if (or (= half :left) (= half :right))\n    :horizontal\n    :vertical))\n\n(def direction-labels\n  {:top \"Split above\" :bottom \"Split below\"\n   :left \"Split left\" :right \"Split right\"})\n\n(defn drop-indicator [half visible?]\n  (when visible?\n    [:div.iris-drop-indicator\n     [:div {:class (str \"iris-drop-highlight iris-drop-\" (name half))}]\n     [:div.iris-drop-label-container\n      [:span.iris-drop-label (get direction-labels half \"Split\")]]]))\n\n;; Global atoms\n(defonce drag-source-tile (atom nil))\n(defonce drag-source-entity (atom nil))\n(defonce fullscreen-tile (r/atom nil))\n\n;; --- Extracted handler fns ---\n\n(defn- clear-drop-state! [drag-over closest-edge]\n  (reset! drag-over false)\n  (reset! closest-edge nil))\n\n(defn- handle-drag-over [e dragging drag-over closest-edge tile-ref]\n  (.preventDefault e)\n  (if @dragging\n    (clear-drop-state! drag-over closest-edge)\n    (when-let [el @tile-ref]\n      (let [half (calculate-half e el)]\n        (reset! closest-edge half)\n        (reset! drag-over true)))))\n\n(defn- handle-drop [e node tile-ref split-ref drag-over closest-edge]\n  (.preventDefault e)\n  (.stopPropagation e)\n  (when-let [el @tile-ref]\n    (let [half (calculate-half e el)\n          direction (half->direction half)\n          raw (.getData (.-dataTransfer e) \"text/plain\")]\n      (try\n        (let [data (js/JSON.parse raw)]\n          (cond\n            (and (= (.-source data) \"tile\") (.-entityId data))\n            (when (not= (.-tileId data) (:id node))\n              (@split-ref (:id node) (.-entityId data) direction :tile half))\n\n            (= (.-source data) \"sidebar\")\n            (when-let [eid (.-entityId data)]\n              (@split-ref (:id node) eid direction :sidebar half))))\n        (catch :default _\n          (when (and raw (not= raw \"\"))\n            (@split-ref (:id node) raw direction :sidebar))))))\n  (clear-drop-state! drag-over closest-edge))\n\n(defn- handle-touch-end [dragging split-ref]\n  (touch-drag/cancel-pending!)\n  (when (touch-drag/dragging?)\n    (reset! dragging false)\n    (when-let [drop-info (touch-drag/end-drag!)]\n      (let [{:keys [target-tile-id half source-entity-id source-tile-id]} drop-info\n            direction (half->direction half)]\n        (when (and target-tile-id (not= source-tile-id target-tile-id))\n          (@split-ref target-tile-id source-entity-id direction :tile half)))))\n  (reset! dragging false))\n\n(defn- handle-drag-start [e node dragging]\n  (.setData (.-dataTransfer e) \"text/plain\"\n            (js/JSON.stringify #js {:tileId (:id node)\n                                     :entityId (:entity-id node)\n                                     :source \"tile\"}))\n  (set! (.-effectAllowed (.-dataTransfer e)) \"all\")\n  (reset! drag-source-tile (:id node))\n  (reset! drag-source-entity (:entity-id node))\n  (reset! dragging true))\n\n(defn- handle-drag-end [dragging]\n  (reset! dragging false)\n  (reset! drag-source-tile nil)\n  (reset! drag-source-entity nil))\n\n;; --- Main component ---\n\n(defn entity-tile-component\n  [node on-split on-close focused? entities render-entity-tile _parent-ctx]\n  (let [drag-over (r/atom false)\n        closest-edge (r/atom nil)\n        dragging (r/atom false)\n        split-ref (atom on-split)\n        close-ref (atom on-close)\n        tile-ref (atom nil)\n        touch-watch-key (str \"tile-\" (:id node))\n        _ (add-watch touch-drag/hover-target touch-watch-key\n            (fn [_ _ _ new-target]\n              (if (and new-target (= (:tile-id new-target) (:id node)))\n                (let [source-id (:tile-id @touch-drag/touch-state)]\n                  (if (= source-id (:id node))\n                    (clear-drop-state! drag-over closest-edge)\n                    (do (reset! closest-edge (:half new-target))\n                        (reset! drag-over true))))\n                (when @drag-over\n                  (clear-drop-state! drag-over closest-edge)))))]\n    (r/create-class\n      {:component-will-unmount\n       (fn [_] (remove-watch touch-drag/hover-target touch-watch-key))\n\n       :reagent-render\n       (fn [node on-split on-close focused? entities render-entity-tile _parent-ctx]\n         (reset! split-ref on-split)\n         (reset! close-ref on-close)\n         (let [entity (get entities (:entity-id node))\n               entity-name (or (:name entity) (:entity-id node))]\n           [:div\n            {:ref #(reset! tile-ref %)\n             :data-tile-id (:id node)\n             :class (str \"iris-entity-tile\"\n                         (when focused? \" iris-entity-tile-focused\")\n                         (when (not focused?) \" iris-entity-tile-unfocused\")\n                         (when @drag-over \" iris-drag-over\")\n                         (when @dragging \" iris-dragging\")\n                         (when (= @fullscreen-tile (:id node)) \" iris-entity-tile-fullscreen\"))\n             :style {:flex 1}\n             :on-drag-over #(handle-drag-over % dragging drag-over closest-edge tile-ref)\n             :on-drag-enter (fn [e] (.preventDefault e))\n             :on-drag-leave (fn [e]\n                              (when-not (.contains (.-currentTarget e) (.-relatedTarget e))\n                                (clear-drop-state! drag-over closest-edge)))\n             :on-drop #(handle-drop % node tile-ref split-ref drag-over closest-edge)\n             :on-touch-start (fn [_e]\n                               (touch-drag/start-pending!\n                                 (:id node) (:entity-id node) _e\n                                 (fn [] (reset! dragging true))))\n             :on-touch-end (fn [_e] (handle-touch-end dragging split-ref))}\n\n            ;; Header\n            [:div.iris-entity-tile-header\n             {:draggable true\n              :on-double-click (fn [_]\n                                 (if (= @fullscreen-tile (:id node))\n                                   (reset! fullscreen-tile nil)\n                                   (reset! fullscreen-tile (:id node))))\n              :on-drag-start #(handle-drag-start % node dragging)\n              :on-drag-end (fn [_] (handle-drag-end dragging))}\n             [:span.iris-entity-tile-header-name entity-name]\n             [:button.iris-entity-tile-header-close\n              {:on-click (fn [e]\n                           (.stopPropagation e)\n                           (when @close-ref (@close-ref (:entity-id node))))}\n              \"\\u00d7\"]]\n\n            ;; Content\n            [:div.iris-entity-tile-content\n             (when (and entity render-entity-tile)\n               [:> render-entity-tile entity])]\n\n            ;; Drop indicator\n            [drop-indicator @closest-edge @drag-over]]))})))\n"]}

package/dist/cljs-runtime/iris_layout.components.entity_tile_group.js

@@ -0,0 +1,33 @@
+import "./cljs_env.js";
+import "./cljs.core.js";
+import "./iris_layout.layout.js";
+import "./iris_layout.components.entity_tile.js";
+import "./iris_layout.components.resizer.js";
+goog.provide('iris_layout.components.entity_tile_group');
+/**
+ * Recursively render a layout tree node.
+ */
+iris_layout.components.entity_tile_group.entity_tile_group = (function iris_layout$components$entity_tile_group$entity_tile_group(node,on_split,on_close,on_ratio_change,active_entity,entities,render_entity_tile){
+var G__6920 = iris_layout.layout.node_type(node);
+var G__6920__$1 = (((G__6920 instanceof cljs.core.Keyword))?G__6920.fqn:null);
+switch (G__6920__$1) {
+case "tile":
+return new cljs.core.PersistentVector(null, 8, 5, cljs.core.PersistentVector.EMPTY_NODE, [iris_layout.components.entity_tile.entity_tile_component,node,on_split,on_close,cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(node),active_entity),entities,render_entity_tile,null], null);
+
+break;
+case "split":
+var vec__6921 = new cljs.core.Keyword(null,"children","children",-940561982).cljs$core$IFn$_invoke$arity$1(node);
+var child1 = cljs.core.nth.cljs$core$IFn$_invoke$arity$3(vec__6921,(0),null);
+var child2 = cljs.core.nth.cljs$core$IFn$_invoke$arity$3(vec__6921,(1),null);
+var direction = new cljs.core.Keyword(null,"direction","direction",-633359395).cljs$core$IFn$_invoke$arity$1(node);
+var ratio = new cljs.core.Keyword(null,"ratio","ratio",-926560044).cljs$core$IFn$_invoke$arity$1(node);
+return new cljs.core.PersistentVector(null, 5, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div.iris-entity-tile-group","div.iris-entity-tile-group",-1995407678),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"class","class",-2030961996),cljs.core.name(direction)], null),new cljs.core.PersistentVector(null, 3, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div","div",1057191632),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"style","style",-496642736),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"flex","flex",-1425124628),ratio], null)], null),new cljs.core.PersistentVector(null, 8, 5, cljs.core.PersistentVector.EMPTY_NODE, [iris_layout.components.entity_tile_group.entity_tile_group,child1,on_split,on_close,on_ratio_change,active_entity,entities,render_entity_tile], null)], null),new cljs.core.PersistentVector(null, 4, 5, cljs.core.PersistentVector.EMPTY_NODE, [iris_layout.components.resizer.resizer,direction,new cljs.core.Keyword(null,"id","id",-1388402092).cljs$core$IFn$_invoke$arity$1(node),on_ratio_change], null),new cljs.core.PersistentVector(null, 3, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div","div",1057191632),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"style","style",-496642736),new cljs.core.PersistentArrayMap(null, 1, [new cljs.core.Keyword(null,"flex","flex",-1425124628),((1) - ratio)], null)], null),new cljs.core.PersistentVector(null, 8, 5, cljs.core.PersistentVector.EMPTY_NODE, [iris_layout.components.entity_tile_group.entity_tile_group,child2,on_split,on_close,on_ratio_change,active_entity,entities,render_entity_tile], null)], null)], null);
+
+break;
+default:
+return new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div","div",1057191632),"Unknown node type"], null);
+
+}
+});
+
+//# sourceMappingURL=iris_layout.components.entity_tile_group.js.map

package/dist/cljs-runtime/iris_layout.components.entity_tile_group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["iris_layout/components/entity_tile_group.cljs"],"mappings":";;;;;;AAMA;;;6DAAA,7DAAMA,kIAEHC,KAAKC,SAASC,SAASC,gBAAgBC,cAAcC,SAASC;AAFjE,AAGE,IAAAC,UAAM,AAACE,6BAAiBT;IAAxBO,cAAA,EAAA,CAAAA,mBAAAC,oBAAA,AAAAD,YAAA;AAAA,AAAA,QAAAA;KAAA;AAAA,qWAAA,3QAEGG,yDACAV,KAAKC,SAASC,SACd,AAACS,6CAAE,AAAA,6FAAYX,MAAMI,eACrBC,SAASC;;;KALZ;AAQE,IAAAM,YAAsB,AAAA,2FAAWZ;aAAjC,AAAAa,4CAAAD,UAAA,IAAA,nEAAOE;aAAP,AAAAD,4CAAAD,UAAA,IAAA,nEAAcG;IACRC,YAAU,AAAA,6FAAYhB;IACtBiB,QAAM,AAAA,qFAAQjB;AAFpB,AAAA,0FAAA,kGAAA,2CAAA,0FAAA,mFAAA,mDAAA,2CAAA,uDAAA,2CAAA,4EAAA,iPAAA,kPAAA,mFAAA,mDAAA,2CAAA,uDAAA,2CAAA,oFAAA,3sCAIW,AAACkB,eAAKF,4VACOC,yGACnBlB,2DAAkBe,OAAOb,SAASC,SAASC,gBAAgBC,cAAcC,SAASC,sHACnFa,uCAAgBH,UAAU,AAAA,gFAAKhB,MAAMG,iWACjB,CAAA,MAAKc,0GACxBlB,2DAAkBgB,OAAOd,SAASC,SAASC,gBAAgBC,cAAcC,SAASC;;;;AAjBzF,0FAAA,mDAAA","names":["iris-layout.components.entity-tile-group/entity-tile-group","node","on-split","on-close","on-ratio-change","active-entity","entities","render-entity-tile","G__6920","cljs.core/Keyword","iris-layout.layout/node-type","iris-layout.components.entity-tile/entity-tile-component","cljs.core._EQ_","vec__6921","cljs.core.nth","child1","child2","direction","ratio","cljs.core/name","iris-layout.components.resizer/resizer"],"sourcesContent":["(ns iris-layout.components.entity-tile-group\n  \"Entity tile group \u2014 recursive layout tree renderer for the Body.\"\n  (:require [iris-layout.layout :as layout]\n            [iris-layout.components.entity-tile :as entity-tile]\n            [iris-layout.components.resizer :as resizer]))\n\n(defn entity-tile-group\n  \"Recursively render a layout tree node.\"\n  [node on-split on-close on-ratio-change active-entity entities render-entity-tile]\n  (case (layout/node-type node)\n    :tile\n    [entity-tile/entity-tile-component\n     node on-split on-close\n     (= (:entity-id node) active-entity)\n     entities render-entity-tile nil]\n\n    :split\n    (let [[child1 child2] (:children node)\n          direction (:direction node)\n          ratio (:ratio node)]\n      [:div.iris-entity-tile-group\n       {:class (name direction)}\n       [:div {:style {:flex ratio}}\n        [entity-tile-group child1 on-split on-close on-ratio-change active-entity entities render-entity-tile]]\n       [resizer/resizer direction (:id node) on-ratio-change]\n       [:div {:style {:flex (- 1 ratio)}}\n        [entity-tile-group child2 on-split on-close on-ratio-change active-entity entities render-entity-tile]]])\n\n    [:div \"Unknown node type\"]))\n"]}

package/dist/cljs-runtime/iris_layout.components.resizer.js

@@ -0,0 +1,91 @@
+import "./cljs_env.js";
+import "./cljs.core.js";
+import "./reagent.core.js";
+goog.provide('iris_layout.components.resizer');
+/**
+ * Draggable split divider component — supports mouse and touch.
+ */
+iris_layout.components.resizer.resizer = (function iris_layout$components$resizer$resizer(direction,split_id,on_ratio_change){
+var dragging = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(false);
+var callback_ref = cljs.core.atom.cljs$core$IFn$_invoke$arity$1(on_ratio_change);
+return (function (direction__$1,split_id__$1,on_ratio_change__$1){
+cljs.core.reset_BANG_(callback_ref,on_ratio_change__$1);
+
+var start_resize = (function (target,get_pos){
+cljs.core.reset_BANG_(dragging,true);
+
+document.body.classList.add("iris-resizing");
+
+var parent = target.parentElement;
+parent.classList.add("iris-dragging");
+
+var calc_ratio = (function iris_layout$components$resizer$resizer_$_calc_ratio(x,y){
+var rect = parent.getBoundingClientRect();
+var relative_pos = ((cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(direction__$1,new cljs.core.Keyword(null,"horizontal","horizontal",2062109475)))?(x - rect.left):(y - rect.top));
+var size = ((cljs.core._EQ_.cljs$core$IFn$_invoke$arity$2(direction__$1,new cljs.core.Keyword(null,"horizontal","horizontal",2062109475)))?rect.width:rect.height);
+return (relative_pos / size);
+});
+var handle_mouse_move = (function iris_layout$components$resizer$resizer_$_handle_mouse_move(e){
+var G__12609 = split_id__$1;
+var G__12610 = calc_ratio(e.clientX,e.clientY);
+var fexpr__12608 = cljs.core.deref(callback_ref);
+return (fexpr__12608.cljs$core$IFn$_invoke$arity$2 ? fexpr__12608.cljs$core$IFn$_invoke$arity$2(G__12609,G__12610) : fexpr__12608.call(null,G__12609,G__12610));
+});
+var handle_mouse_up = (function iris_layout$components$resizer$resizer_$_handle_mouse_up(_e){
+cljs.core.reset_BANG_(dragging,false);
+
+document.body.classList.remove("iris-resizing");
+
+parent.classList.remove("iris-dragging");
+
+document.removeEventListener("mousemove",handle_mouse_move);
+
+return document.removeEventListener("mouseup",iris_layout$components$resizer$resizer_$_handle_mouse_up);
+});
+var handle_touch_move = (function iris_layout$components$resizer$resizer_$_handle_touch_move(e){
+e.preventDefault();
+
+var touch = (e.changedTouches[(0)]);
+var G__12616 = split_id__$1;
+var G__12617 = calc_ratio(touch.clientX,touch.clientY);
+var fexpr__12615 = cljs.core.deref(callback_ref);
+return (fexpr__12615.cljs$core$IFn$_invoke$arity$2 ? fexpr__12615.cljs$core$IFn$_invoke$arity$2(G__12616,G__12617) : fexpr__12615.call(null,G__12616,G__12617));
+});
+var handle_touch_end = (function iris_layout$components$resizer$resizer_$_handle_touch_end(_e){
+cljs.core.reset_BANG_(dragging,false);
+
+document.body.classList.remove("iris-resizing");
+
+parent.classList.remove("iris-dragging");
+
+document.removeEventListener("touchmove",handle_touch_move);
+
+return document.removeEventListener("touchend",iris_layout$components$resizer$resizer_$_handle_touch_end);
+});
+if(cljs.core.truth_(get_pos)){
+document.addEventListener("touchmove",handle_touch_move,({"passive": false}));
+
+return document.addEventListener("touchend",handle_touch_end);
+} else {
+document.addEventListener("mousemove",handle_mouse_move);
+
+return document.addEventListener("mouseup",handle_mouse_up);
+}
+});
+return new cljs.core.PersistentVector(null, 2, 5, cljs.core.PersistentVector.EMPTY_NODE, [new cljs.core.Keyword(null,"div","div",1057191632),new cljs.core.PersistentArrayMap(null, 3, [new cljs.core.Keyword(null,"class","class",-2030961996),["iris-resizer ",cljs.core.name(direction__$1),(cljs.core.truth_(cljs.core.deref(dragging))?" dragging":null)].join(''),new cljs.core.Keyword(null,"on-mouse-down","on-mouse-down",1147755470),(function (e){
+e.preventDefault();
+
+e.stopPropagation();
+
+return start_resize(e.currentTarget,null);
+}),new cljs.core.Keyword(null,"on-touch-start","on-touch-start",447239419),(function (e){
+e.preventDefault();
+
+e.stopPropagation();
+
+return start_resize(e.currentTarget,new cljs.core.Keyword(null,"touch","touch",1496272469));
+})], null)], null);
+});
+});
+
+//# sourceMappingURL=iris_layout.components.resizer.js.map

package/dist/cljs-runtime/iris_layout.components.resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["iris_layout/components/resizer.cljs"],"mappings":";;;;AAGA;;;yCAAA,zCAAMA,0FAEHC,UAAUC,SAASC;AAFtB,AAGE,IAAMC,WAAS,gDAAA,hDAACC;IACVC,eAAa,AAACC,6CAAKJ;AADzB,AAEE,kBAAKF,cAAUC,aAASC;AAAxB,AACE,AAACK,sBAAOF,aAAaH;;AACrB,IAAMM,eACA,WAAKC,OAAOC;AAAZ,AACE,+BAAA,/BAACH,sBAAOJ;;AACR,4BAAA,5BAAM,AAAaQ;;AACnB,IAAMC,SAAO,AAAiBH;AAA9B,AAEE,qBAAA,rBAAM,AAAaG;;AACnB,iBAAA,8DAAqBC,EAAEC;AAAvB,AACU,IAAMC,OAAK,AAAwBH;IAC7BI,eAAa,EAAI,2DAAA,3DAACC,6CAAEjB,iFACL,CAAGa,IAAE,AAAQE,WACb,CAAGD,IAAE,AAAOC;IAC3BG,OAAK,EAAI,2DAAA,3DAACD,6CAAEjB,iFACL,AAASe,WACT,AAAUA;AANvB,AAOE,QAAGC,eAAaE;;wBAR5B,qEAU4BC;AAV5B,AAWU,IAAAC,WAAenB;IAAfoB,WAAwB,AAACG,WAAW,AAAWL,UAAG,AAAWA;IAA7DG,eAAA,AAAAC,gBAAElB;AAAF,AAAA,QAAAiB,6CAAAA,2CAAAF,SAAAC,YAAAC,uBAAAF,SAAAC;;sBAXV,mEAa0BI;AAb1B,AAcU,+BAAA,/BAAClB,sBAAOJ;;AACR,+BAAA,/BAAS,AAAaQ;;AACtB,wBAAA,xBAAS,AAAaC;;AACtB,6BAAA,7BAAsBc,yCAAwBC;;AAC9C,oCAAA,7BAAsBD,uCAAsBE;;wBAlBtD,qEAoB4BT;AApB5B,AAqBU,AAAiBA;;AACjB,IAAMU,QAAM,kBAAA,jBAAM,AAAkBV;AAApC,AACE,IAAAW,WAAe7B;IAAf8B,WAAwB,AAACP,WAAW,AAAWK,cAAO,AAAWA;IAAjEG,eAAA,AAAAT,gBAAElB;AAAF,AAAA,QAAA2B,6CAAAA,2CAAAF,SAAAC,YAAAC,uBAAAF,SAAAC;;uBAvBZ,oEAyB2BN;AAzB3B,AA0BU,+BAAA,/BAAClB,sBAAOJ;;AACR,+BAAA,/BAAS,AAAaQ;;AACtB,wBAAA,xBAAS,AAAaC;;AACtB,6BAAA,7BAAsBc,yCAAwBO;;AAC9C,oCAAA,7BAAsBP,wCAAuBQ;;AA9BvD,AAiCE,oBAAIxB;AACF,AAAI,0BAAA,8BAAA,aAAA,rEAAmBgB,sCAAwBO;;AAC3C,iCAAA,1BAAmBP,qCAAuBQ;;AAC9C,AAAI,0BAAA,1BAAmBR,sCAAwBC;;AAC3C,iCAAA,1BAAmBD,oCAAsBE;;;AA5C3D,AAAA,0FAAA,mDAAA,2CAAA,gLAAA,xHA+CW,CAAA,gBACK,AAACO,eAAKnC,eACN,kBAAA,AAAAuB,2BAAA,AAAA,YAAA,vBAAOpB,8GAEnB,WAAKgB;AAAL,AACE,AAAiBA;;AACjB,AAAkBA;;AAClB,oCAAA,7BAACX,aAAa,AAAiBW;GAtDrC,wEAwDI,WAAKA;AAAL,AACE,AAAiBA;;AACjB,AAAkBA;;AAClB,oCAAA,7BAACX,aAAa,AAAiBW","names":["iris-layout.components.resizer/resizer","direction","split-id","on-ratio-change","dragging","reagent.core.atom","callback-ref","cljs.core.atom","cljs.core/reset!","start-resize","target","get-pos","js/document.body","parent","x","y","rect","relative-pos","cljs.core._EQ_","size","e","G__12609","G__12610","fexpr__12608","cljs.core/deref","calc-ratio","_e","js/document","handle-mouse-move","handle-mouse-up","touch","G__12616","G__12617","fexpr__12615","handle-touch-move","handle-touch-end","cljs.core/name"],"sourcesContent":["(ns iris-layout.components.resizer\n  (:require [reagent.core :as r]))\n\n(defn resizer\n  \"Draggable split divider component \u2014 supports mouse and touch.\"\n  [direction split-id on-ratio-change]\n  (let [dragging (r/atom false)\n        callback-ref (atom on-ratio-change)]\n    (fn [direction split-id on-ratio-change]\n      (reset! callback-ref on-ratio-change)\n      (let [start-resize\n            (fn [target get-pos]\n              (reset! dragging true)\n              (.add (.-classList js/document.body) \"iris-resizing\")\n              (let [parent (.-parentElement target)]\n                ;; Add iris-dragging class to parent to disable flex transitions\n                (.add (.-classList parent) \"iris-dragging\")\n                (letfn [(calc-ratio [x y]\n                          (let [rect (.getBoundingClientRect parent)\n                                relative-pos (if (= direction :horizontal)\n                                               (- x (.-left rect))\n                                               (- y (.-top rect)))\n                                size (if (= direction :horizontal)\n                                       (.-width rect)\n                                       (.-height rect))]\n                            (/ relative-pos size)))\n\n                        (handle-mouse-move [e]\n                          (@callback-ref split-id (calc-ratio (.-clientX e) (.-clientY e))))\n\n                        (handle-mouse-up [_e]\n                          (reset! dragging false)\n                          (.remove (.-classList js/document.body) \"iris-resizing\")\n                          (.remove (.-classList parent) \"iris-dragging\")\n                          (.removeEventListener js/document \"mousemove\" handle-mouse-move)\n                          (.removeEventListener js/document \"mouseup\" handle-mouse-up))\n\n                        (handle-touch-move [e]\n                          (.preventDefault e)\n                          (let [touch (aget (.-changedTouches e) 0)]\n                            (@callback-ref split-id (calc-ratio (.-clientX touch) (.-clientY touch)))))\n\n                        (handle-touch-end [_e]\n                          (reset! dragging false)\n                          (.remove (.-classList js/document.body) \"iris-resizing\")\n                          (.remove (.-classList parent) \"iris-dragging\")\n                          (.removeEventListener js/document \"touchmove\" handle-touch-move)\n                          (.removeEventListener js/document \"touchend\" handle-touch-end))]\n\n                  ;; Detect if touch or mouse based on caller\n                  (if get-pos\n                    (do (.addEventListener js/document \"touchmove\" handle-touch-move #js {:passive false})\n                        (.addEventListener js/document \"touchend\" handle-touch-end))\n                    (do (.addEventListener js/document \"mousemove\" handle-mouse-move)\n                        (.addEventListener js/document \"mouseup\" handle-mouse-up))))))]\n\n        [:div\n         {:class (str \"iris-resizer \"\n                      (name direction)\n                      (when @dragging \" dragging\"))\n          :on-mouse-down\n          (fn [e]\n            (.preventDefault e)\n            (.stopPropagation e)\n            (start-resize (.-currentTarget e) nil))\n          :on-touch-start\n          (fn [e]\n            (.preventDefault e)\n            (.stopPropagation e)\n            (start-resize (.-currentTarget e) :touch))}]))))\n"]}