{"version":3,"file":"sorting-LDan04VW.js","sources":["../../../app/frontend/entrypoints/controllers/erp/warehouse/overview/show/sorting.ts"],"sourcesContent":["\n\nexport default class Sorting {\n    private _startCallback: any;\n    private _endCallback: any;\n    private _active = false\n\n    constructor(startCallback: any, endCallback: any) {\n        this._startCallback = startCallback;\n        this._endCallback = endCallback\n    }\n\n    get active() {\n        return this._active\n    }\n\n    clone() {\n\n        jQuery(\"#kind2_bulk_add_original_items li\").each(function(){\n            // clone the original items to make their\n            // absolute-positioned counterparts...\n            var item = jQuery(this);\n            var item_clone = item.clone();\n            // 'store' the clone for later use...\n            item.data(\"clone\", item_clone);\n\n            // set the initial position of the clone\n            var position = item.position();\n            item_clone.css(\"left\", position.left);\n            item_clone.css(\"top\", position.top);\n\n            // append the clone...\n            jQuery(\"#kind2_bulk_add_cloned_items\").append(item_clone);\n        });\n    }\n\n    init() {\n\n        jQuery(\"#kind2_bulk_add_original_items\").sortable({\n            axis: \"x\",\n            // on sorting start, hide the original items...\n            // only adjust the visibility, we still need\n            // their float positions..!\n            start: (e, ui)=> {\n                // loop through the items, except the one we're\n                // currently dragging, and hide it...\n                ui.helper.addClass(\"exclude-me\");\n                jQuery(\"#kind2_bulk_add_original_items li:not(.exclude-me)\")\n                    .css(\"visibility\", \"hidden\");\n\n                // get the clone that's under it and hide it...\n                ui.helper.data(\"clone\").hide();\n                if (this._startCallback) {\n                    this._startCallback()\n                }\n            },\n\n            stop: (e, ui) =>{\n                // get the item we were just dragging, and\n                // its clone, and adjust accordingly...\n                jQuery(\"#kind2_bulk_add_original_items li.exclude-me\").each(function(){\n                    var item = jQuery(this);\n                    var clone = item.data(\"clone\");\n                    var position = item.position();\n\n                    // move the clone under the item we've just dropped...\n                    clone.css(\"left\", position.left);\n                    clone.css(\"top\", position.top);\n                    clone.show();\n\n                    // remove unnecessary class...\n                    item.removeClass(\"exclude-me\");\n                });\n\n                // make sure all our original items are visible again...\n                jQuery(\"#kind2_bulk_add_original_items li\").css(\"visibility\", \"visible\");\n\n                if (this._endCallback) {\n                    this._endCallback()\n                }\n            },\n\n            // here's where the magic happens...\n            change: function(e, ui){\n                // get all invisible items that are also not placeholders\n                // and process them when ordering changes...\n                jQuery(\"#kind2_bulk_add_original_items li:not(.exclude-me, .ui-sortable-placeholder)\").each(function(){\n                    var item = jQuery(this);\n                    var clone = item.data(\"clone\");\n\n                    // stop current clone animations...\n                    clone.stop(true, false);\n\n                    // get the invisible item, which has snapped to a new\n                    // location, get its position, and animate the visible\n                    // clone to it...\n                    var position = item.position();\n                    clone.animate({left: position.left}, 500);\n                });\n            }\n        });\n    }\n\n    setup() {\n        if( jQuery(\"#kind2_bulk_add_original_items li\").length === 0) {\n            setTimeout(() => {\n                this.setup()\n            }, 10);\n            return;\n        }\n        setTimeout(() => {\n            this.init();\n        }, 10)\n        this.clone();\n        this._active = true;\n    }\n}"],"names":[],"mappings":"AAEA,MAAqB,QAAQ;AAAA,EAKzB,YAAY,eAAoB,aAAkB;AAFlD,SAAQ,UAAU;AAGd,SAAK,iBAAiB;AACtB,SAAK,eAAe;AAAA,EACxB;AAAA,EAEA,IAAI,SAAS;AACT,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,QAAQ;AAEG,WAAA,mCAAmC,EAAE,KAAK,WAAU;AAGnD,UAAA,OAAO,OAAO,IAAI;AAClB,UAAA,aAAa,KAAK;AAEjB,WAAA,KAAK,SAAS,UAAU;AAGzB,UAAA,WAAW,KAAK;AACT,iBAAA,IAAI,QAAQ,SAAS,IAAI;AACzB,iBAAA,IAAI,OAAO,SAAS,GAAG;AAG3B,aAAA,8BAA8B,EAAE,OAAO,UAAU;AAAA,IAAA,CAC3D;AAAA,EACL;AAAA,EAEA,OAAO;AAEI,WAAA,gCAAgC,EAAE,SAAS;AAAA,MAC9C,MAAM;AAAA;AAAA;AAAA;AAAA,MAIN,OAAO,CAAC,GAAG,OAAM;AAGV,WAAA,OAAO,SAAS,YAAY;AAC/B,eAAO,oDAAoD,EACtD,IAAI,cAAc,QAAQ;AAG/B,WAAG,OAAO,KAAK,OAAO,EAAE,KAAK;AAC7B,YAAI,KAAK,gBAAgB;AACrB,eAAK,eAAe;AAAA,QACxB;AAAA,MACJ;AAAA,MAEA,MAAM,CAAC,GAAG,OAAM;AAGL,eAAA,8CAA8C,EAAE,KAAK,WAAU;AAC9D,cAAA,OAAO,OAAO,IAAI;AAClB,cAAA,QAAQ,KAAK,KAAK,OAAO;AACzB,cAAA,WAAW,KAAK;AAGd,gBAAA,IAAI,QAAQ,SAAS,IAAI;AACzB,gBAAA,IAAI,OAAO,SAAS,GAAG;AAC7B,gBAAM,KAAK;AAGX,eAAK,YAAY,YAAY;AAAA,QAAA,CAChC;AAGD,eAAO,mCAAmC,EAAE,IAAI,cAAc,SAAS;AAEvE,YAAI,KAAK,cAAc;AACnB,eAAK,aAAa;AAAA,QACtB;AAAA,MACJ;AAAA;AAAA,MAGA,QAAQ,SAAS,GAAG,IAAG;AAGZ,eAAA,8EAA8E,EAAE,KAAK,WAAU;AAC9F,cAAA,OAAO,OAAO,IAAI;AAClB,cAAA,QAAQ,KAAK,KAAK,OAAO;AAGvB,gBAAA,KAAK,MAAM,KAAK;AAKlB,cAAA,WAAW,KAAK;AACpB,gBAAM,QAAQ,EAAC,MAAM,SAAS,KAAA,GAAO,GAAG;AAAA,QAAA,CAC3C;AAAA,MACL;AAAA,IAAA,CACH;AAAA,EACL;AAAA,EAEA,QAAQ;AACJ,QAAI,OAAO,mCAAmC,EAAE,WAAW,GAAG;AAC1D,iBAAW,MAAM;AACb,aAAK,MAAM;AAAA,SACZ,EAAE;AACL;AAAA,IACJ;AACA,eAAW,MAAM;AACb,WAAK,KAAK;AAAA,OACX,EAAE;AACL,SAAK,MAAM;AACX,SAAK,UAAU;AAAA,EACnB;AACJ;"}