├── LICENSE ├── Looper.sketchplugin └── Contents │ ├── Resources │ └── icon.png │ └── Sketch │ ├── links.sketchscript │ ├── manifest.json │ ├── md.sketchscript │ └── scripts │ ├── MochaJSDelegate.js │ ├── common.js │ └── panel │ ├── assets │ ├── css │ │ └── index.css │ ├── img │ │ └── Looper_logo_footer.png │ └── js │ │ ├── common.js │ │ ├── components │ │ ├── analytics.js │ │ └── table.js │ │ └── lib │ │ ├── jquery-2.2.4.min.js │ │ └── store.js │ └── table.html ├── README.md └── assets ├── banner.jpg ├── logo.png ├── looper.gif ├── looper.xml ├── looper_2.gif ├── looper_example_01.jpg ├── looper_example_02.jpg ├── looper_example_03.jpg ├── looper_example_04.jpg ├── looper_example_05.jpg ├── looper_example_06.jpg ├── looper_example_07.jpg ├── looper_example_08.jpg ├── looper_example_09.jpg ├── looper_example_10.jpg ├── looper_example_11.jpg ├── looper_example_12.jpg ├── looper_example_13.jpg ├── looper_example_14.jpg ├── looper_example_15.jpg ├── looper_example_16.jpg ├── looper_example_16_exp.jpg ├── looper_example_17.jpg ├── looper_example_18.jpg ├── looper_example_19.jpg ├── looper_example_20.jpg ├── looper_example_21.jpg ├── looper_example_22.jpg ├── looper_example_23.jpg ├── looper_example_24.jpg ├── looper_example_25.jpg ├── looper_example_26.jpg ├── looper_example_27.jpg ├── looper_example_28.jpg ├── looper_example_29.jpg ├── looper_example_30.jpg ├── looper_example_31.jpg ├── looper_example_32.jpg ├── looper_example_33.jpg └── looper_example_34.jpg /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Sures Kumar TS 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Resources/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/Looper.sketchplugin/Contents/Resources/icon.png -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/links.sketchscript: -------------------------------------------------------------------------------- 1 | function openURL(url){ 2 | var nsurl = NSURL.URLWithString(url); 3 | NSWorkspace.sharedWorkspace().openURL(nsurl) 4 | } 5 | 6 | function tutorials(){ 7 | openURL('https://www.youtube.com/channel/UCzm9iVAvS9rVn5ZyZSbrIVQ/videos'); 8 | } 9 | 10 | function feedback(){ 11 | openURL('https://github.com/sureskumar/looper/issues/new'); 12 | } -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Looper", 3 | "identifier": "com.sureskumar.sketch.looper", 4 | "version": "3.1.0", 5 | "compatibleVersion": "53.0", 6 | "appcast": "https://github.com/sureskumar/Looper/raw/master/assets/looper.xml", 7 | "description": "Looper is a sketch plugin that helps automate duplication of groups and layers.", 8 | "icon" : "https://github.com/sureskumar/Looper/raw/master/assets/logo.png", 9 | "author": "Sures Kumar", 10 | "authorEmail": "sures.srinivasan@gmail.com", 11 | "menu": { 12 | "isRoot": false, 13 | "shortcut" : "", 14 | "items": [ 15 | "drawPattern", 16 | "tutorials", 17 | "feedback" 18 | ], 19 | "title": "Looper" 20 | }, 21 | "commands": [{ 22 | "name": "Loop", 23 | "shortcut": "cmd l", 24 | "identifier": "drawPattern", 25 | "handler": "drawPattern", 26 | "script": "md.sketchscript" 27 | }, 28 | { 29 | "name": "Video Tutorials", 30 | "identifier": "tutorials", 31 | "handler": "tutorials", 32 | "script": "links.sketchscript" 33 | }, 34 | { 35 | "name": "Feedback", 36 | "identifier": "feedback", 37 | "handler": "feedback", 38 | "script": "links.sketchscript" 39 | }] 40 | } 41 | -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/md.sketchscript: -------------------------------------------------------------------------------- 1 | @import "scripts/common.js"; 2 | @import "scripts/MochaJSDelegate.js"; 3 | 4 | // Init 5 | function commandInit(context) { MD.init(context, "init"); } 6 | // Buttons 7 | function drawPattern(context) { MD.init(context, 'generate-pattern');} 8 | -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/MochaJSDelegate.js: -------------------------------------------------------------------------------- 1 | // 2 | // MochaJSDelegate.js 3 | // MochaJSDelegate 4 | // 5 | // Created by Matt Curtis 6 | // Copyright (c) 2015. All rights reserved. 7 | // 8 | 9 | var MochaJSDelegate = function(selectorHandlerDict){ 10 | var uniqueClassName = "MochaJSDelegate_DynamicClass_" + NSUUID.UUID().UUIDString(); 11 | 12 | var delegateClassDesc = MOClassDescription.allocateDescriptionForClassWithName_superclass_(uniqueClassName, NSObject); 13 | 14 | delegateClassDesc.registerClass(); 15 | 16 | // Handler storage 17 | 18 | var handlers = {}; 19 | 20 | // Define interface 21 | 22 | this.setHandlerForSelector = function(selectorString, func){ 23 | var handlerHasBeenSet = (selectorString in handlers); 24 | var selector = NSSelectorFromString(selectorString); 25 | 26 | handlers[selectorString] = func; 27 | 28 | if(!handlerHasBeenSet){ 29 | /* 30 | For some reason, Mocha acts weird about arguments: 31 | https://github.com/logancollins/Mocha/issues/28 32 | 33 | We have to basically create a dynamic handler with a likewise dynamic number of predefined arguments. 34 | */ 35 | 36 | var dynamicHandler = function(){ 37 | var functionToCall = handlers[selectorString]; 38 | 39 | if(!functionToCall) return; 40 | 41 | return functionToCall.apply(delegateClassDesc, arguments); 42 | }; 43 | 44 | var args = [], regex = /:/g; 45 | while(match = regex.exec(selectorString)) args.push("arg"+args.length); 46 | 47 | dynamicFunction = eval("(function("+args.join(",")+"){ return dynamicHandler.apply(this, arguments); })"); 48 | //delegateClassDesc.addInstanceMethodWithSelector_function_(selector, function() { 49 | // func.apply(delegateClassDesc, arguments); 50 | //}); 51 | delegateClassDesc.addInstanceMethodWithSelector_function_(selector, dynamicFunction); 52 | } 53 | }; 54 | 55 | this.removeHandlerForSelector = function(selectorString){ 56 | delete handlers[selectorString]; 57 | }; 58 | 59 | this.getHandlerForSelector = function(selectorString){ 60 | return handlers[selectorString]; 61 | }; 62 | 63 | this.getAllHandlers = function(){ 64 | return handlers; 65 | }; 66 | 67 | this.getClass = function(){ 68 | return NSClassFromString(uniqueClassName); 69 | }; 70 | 71 | this.getClassInstance = function(){ 72 | return NSClassFromString(uniqueClassName).new(); 73 | }; 74 | 75 | // Conveience 76 | 77 | if(typeof selectorHandlerDict == "object"){ 78 | for(var selectorString in selectorHandlerDict){ 79 | this.setHandlerForSelector(selectorString, selectorHandlerDict[selectorString]); 80 | } 81 | } 82 | }; 83 | -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/common.js: -------------------------------------------------------------------------------- 1 | // 2 | // Looper sketch plugin 3 | // Created by Sures Kumar 4 | // http://www.sureskumar.com 5 | // sures.srinivasan@gmail.com 6 | // 7 | 8 | var loop, 9 | ori_layer_name, 10 | created_looper_group, 11 | ori_x, 12 | ori_y; 13 | var opacity_val = 0; 14 | var debugMode = false; 15 | var debugInsideLoop = false; 16 | 17 | var MD = { 18 | init: function (context, command, args) { 19 | var commandOptions = '' + args; 20 | this.prefs = NSUserDefaults.standardUserDefaults(); 21 | this.context = context; 22 | this.version = this.context.plugin.version() + ""; 23 | this.MDVersion = this.prefs.stringForKey("MDVersion") + "" || 0; 24 | this.extend(context); 25 | this.pluginRoot = this.scriptPath 26 | .stringByDeletingLastPathComponent() 27 | .stringByDeletingLastPathComponent() 28 | .stringByDeletingLastPathComponent(); 29 | this.pluginSketch = this.pluginRoot + "/Contents/Sketch/scripts"; 30 | this.resources = this.pluginRoot + '/Contents/Resources'; 31 | coscript.setShouldKeepAround(false); 32 | if (command && command == "init") { 33 | return false; 34 | } 35 | this.document = context.document; 36 | this.documentData = this.document.documentData(); 37 | this.UIMetadata = context.document.mutableUIMetadata(); 38 | this.window = this.document.window(); 39 | this.pages = this.document.pages(); 40 | this.page = this.document.currentPage(); 41 | this.artboard = this.page.currentArtboard(); 42 | this.current = this.artboard || this.page; 43 | if (command) { 44 | switch (command) { 45 | case "generate-pattern": 46 | this.Pattern(); 47 | break; 48 | } 49 | } 50 | }, 51 | extend: function(options, target) { 52 | var target = target || this; 53 | for (var key in options) { 54 | target[key] = options[key]; 55 | } 56 | return target; 57 | } 58 | }; 59 | 60 | MD.extend({ 61 | prefix: "MDConfig", 62 | getConfigs: function(container){ 63 | var configsData; 64 | if(container){ 65 | configsData = this.command.valueForKey_onLayer(this.prefix, container); 66 | } 67 | else{ 68 | configsData = this.UIMetadata.objectForKey(this.prefix); 69 | } 70 | return JSON.parse(configsData); 71 | }, 72 | setConfigs: function(newConfigs, container){ 73 | var configsData; 74 | newConfigs.timestamp = new Date().getTime(); 75 | if(container){ 76 | configsData = this.extend(newConfigs, this.getConfigs(container) || {}); 77 | this.command.setValue_forKey_onLayer(JSON.stringify(configsData), this.prefix, container); 78 | } 79 | else{ 80 | configsData = this.extend(newConfigs, this.getConfigs() || {}); 81 | this.UIMetadata.setObject_forKey
(JSON.stringify(configsData), this.prefix); 82 | } 83 | var saveDoc = this.addShape(); 84 | this.page.addLayers([saveDoc]); 85 | this.removeLayer(saveDoc); 86 | return configsData; 87 | }, 88 | removeConfigs: function(container){ 89 | if(container){ 90 | this.command.setValue_forKey_onLayer(null, prefix, container); 91 | } 92 | else{ 93 | configsData = this.UIMetadata.setObject_forKey
(null, this.prefix); 94 | } 95 | } 96 | }); 97 | 98 | MD.extend({ 99 | addShape: function () { 100 | var shape = MSRectangleShape.alloc().initWithFrame(NSMakeRect(0, 0, 100, 100)); 101 | //return MSShapeGroup.shapeWithPath(shape); 102 | return shape; 103 | }, 104 | removeLayer: function (layer) { 105 | var container = layer.parentGroup(); 106 | if (container) container.removeLayer(layer); 107 | } 108 | }); 109 | 110 | MD.extend({ 111 | createCocoaObject: function (methods, superclass) { 112 | var uniqueClassName = "MD.sketch_" + NSUUID.UUID().UUIDString(); 113 | var classDesc = MOClassDescription.allocateDescriptionForClassWithName_superclass_(uniqueClassName, superclass || NSObject); 114 | classDesc.registerClass(); 115 | for (var selectorString in methods) { 116 | var selector = NSSelectorFromString(selectorString); 117 | [classDesc addInstanceMethodWithSelector:selector function:(methods[selectorString])]; 118 | } 119 | return NSClassFromString(uniqueClassName).new(); 120 | }, 121 | 122 | addFirstMouseAcceptor: function (webView, contentView) { 123 | var button = this.createCocoaObject({ 124 | 'mouseDown:': function (evt) { 125 | this.removeFromSuperview(); 126 | NSApplication.sharedApplication().sendEvent(evt); 127 | }, 128 | }, NSButton); 129 | button.setIdentifier('firstMouseAcceptor'); 130 | button.setTransparent(true); 131 | button.setTranslatesAutoresizingMaskIntoConstraints(false); 132 | contentView.addSubview(button); 133 | var views = { 134 | button: button, 135 | webView: webView 136 | }; 137 | // Match width of WebView. 138 | contentView.addConstraints([NSLayoutConstraint 139 | constraintsWithVisualFormat:'H:[button(==webView)]' 140 | options:NSLayoutFormatDirectionLeadingToTrailing 141 | metrics:null 142 | views:views]); 143 | // Match height of WebView. 144 | contentView.addConstraints([NSLayoutConstraint 145 | constraintsWithVisualFormat:'V:[button(==webView)]' 146 | options:NSLayoutFormatDirectionLeadingToTrailing 147 | metrics:null 148 | views:views]); 149 | // Match top of WebView. 150 | contentView.addConstraints([[NSLayoutConstraint 151 | constraintWithItem:button attribute:NSLayoutAttributeTop 152 | relatedBy:NSLayoutRelationEqual toItem:webView 153 | attribute:NSLayoutAttributeTop multiplier:1 constant:0]]); 154 | }, 155 | 156 | MDPanel: function (options) { 157 | var self = this, 158 | threadDictionary, 159 | options = this.extend(options, { 160 | url: this.pluginSketch + "/panel/chips.html", 161 | width: 240, 162 | height: 316, 163 | floatWindow: false, 164 | hiddenClose: false, 165 | data: {}, 166 | callback: function (data) { return data; } 167 | }), 168 | result = false; 169 | options.url = encodeURI("file://" + options.url); 170 | var frame = NSMakeRect(0, 0, options.width, (options.height + 32)), 171 | titleBgColor = NSColor.colorWithRed_green_blue_alpha(0 / 255, 145 / 255, 234 / 255, 1), 172 | contentBgColor = NSColor.colorWithRed_green_blue_alpha(1, 1, 1, 1); 173 | if (options.identifier) { 174 | threadDictionary = NSThread.mainThread().threadDictionary(); 175 | } 176 | if (options.identifier && threadDictionary[options.identifier]) { 177 | return false; 178 | } 179 | var Panel = NSPanel.alloc().init(); 180 | Panel.setTitleVisibility(NSWindowTitleHidden); 181 | Panel.setTitlebarAppearsTransparent(true); 182 | Panel.standardWindowButton(NSWindowCloseButton).setHidden(options.hiddenClose); 183 | Panel.standardWindowButton(NSWindowMiniaturizeButton).setHidden(true); 184 | Panel.standardWindowButton(NSWindowZoomButton).setHidden(true); 185 | Panel.setFrame_display(frame, true); 186 | Panel.setBackgroundColor(contentBgColor); 187 | Panel.setWorksWhenModal(true); 188 | if (options.floatWindow) { 189 | Panel.becomeKeyWindow(); 190 | Panel.setLevel(NSFloatingWindowLevel); 191 | threadDictionary[options.identifier] = Panel; 192 | // Long-running script 193 | COScript.currentCOScript().setShouldKeepAround_(true); 194 | } 195 | var contentView = Panel.contentView(), 196 | webView = WebView.alloc().initWithFrame(NSMakeRect(0, 0, options.width, options.height)); 197 | var windowObject = webView.windowScriptObject(); 198 | contentView.setWantsLayer(true); 199 | contentView.layer().setFrame(contentView.frame()); 200 | webView.setBackgroundColor(contentBgColor); 201 | webView.setMainFrameURL_(options.url); 202 | contentView.addSubview(webView); 203 | var delegate = new MochaJSDelegate({ 204 | "webView:didFinishLoadForFrame:": (function (webView, webFrame) { 205 | var MDAction = [ 206 | "function MDAction(hash, data) {", 207 | "if(data){ window.MDData = encodeURI(JSON.stringify(data)); }", 208 | "window.location.hash = hash;", 209 | "}" 210 | ].join(""), 211 | DOMReady = [ 212 | "$(", "function(){", "init(" + JSON.stringify(options.data) + ")", "}",");" 213 | ].join(""); 214 | windowObject.evaluateWebScript(MDAction); 215 | windowObject.evaluateWebScript(DOMReady); 216 | }), 217 | "webView:didChangeLocationWithinPageForFrame:": (function (webView, webFrame) { 218 | var request = NSURL.URLWithString(webView.mainFrameURL()).fragment(); 219 | if (request == "submit") { 220 | var data = JSON.parse(decodeURI(windowObject.valueForKey("MDData"))); 221 | options.callback(data); 222 | result = true; 223 | } 224 | if (request == "cancelPanel") { 225 | sendEvent(MD.context, 'UI Component', 'CANCEL button pressed'); 226 | var data = JSON.parse(decodeURI(windowObject.valueForKey("MDData"))); 227 | options.callback(data, 1); 228 | result = true; 229 | windowObject.evaluateWebScript("window.location.hash = 'close';"); 230 | } 231 | if (request == "closePanel") { 232 | sendEvent(MD.context, 'UI Component', 'DONE button pressed'); 233 | windowObject.evaluateWebScript("window.location.hash = 'close';"); 234 | } 235 | if (request == 'drag-end') { 236 | var data = JSON.parse(decodeURI(windowObject.valueForKey("MDData"))); 237 | MD.Importer().convertSvgToSymbol(data); 238 | result = true; 239 | } 240 | if (request == 'onWindowDidBlur') { 241 | MD.addFirstMouseAcceptor(webView, contentView); 242 | } 243 | if (request == "close") { 244 | if (!options.floatWindow) { 245 | Panel.orderOut(nil); 246 | NSApp.stopModal(); 247 | } 248 | else { 249 | Panel.close(); 250 | } 251 | } 252 | if (request == "focus") { 253 | var point = Panel.currentEvent().locationInWindow(), 254 | y = NSHeight(Panel.frame()) - point.y - 32; 255 | windowObject.evaluateWebScript("lookupItemInput(" + point.x + ", " + y + ")"); 256 | } 257 | windowObject.evaluateWebScript("window.location.hash = '';"); 258 | }) 259 | }); 260 | webView.setFrameLoadDelegate_(delegate.getClassInstance()); 261 | if (options.floatWindow) { 262 | Panel.center(); 263 | Panel.makeKeyAndOrderFront(nil); 264 | } 265 | var closeButton = Panel.standardWindowButton(NSWindowCloseButton); 266 | closeButton.setCOSJSTargetFunction(function (sender) { 267 | var request = NSURL.URLWithString(webView.mainFrameURL()).fragment(); 268 | if (options.floatWindow && request == "submit") { 269 | data = JSON.parse(decodeURI(windowObject.valueForKey("MDData"))); 270 | options.callback(data); 271 | } 272 | if (options.identifier) { 273 | threadDictionary.removeObjectForKey(options.identifier); 274 | } 275 | self.wantsStop = true; 276 | if (options.floatWindow) { 277 | Panel.close(); 278 | } 279 | else { 280 | Panel.orderOut(nil); 281 | NSApp.stopModal(); 282 | } 283 | }); 284 | closeButton.setAction("callAction:"); 285 | var titlebarView = contentView.superview().titlebarViewController().view(), 286 | titlebarContainerView = titlebarView.superview(); 287 | closeButton.setFrameOrigin(NSMakePoint(8, 8)); 288 | titlebarContainerView.setFrame(NSMakeRect(0, options.height, options.width, 32)); 289 | titlebarView.setFrameSize(NSMakeSize(options.width, 32)); 290 | titlebarView.setTransparent(true); 291 | titlebarView.setBackgroundColor(titleBgColor); 292 | titlebarContainerView.superview().setBackgroundColor(titleBgColor); 293 | if (!options.floatWindow) { 294 | NSApp.runModalForWindow(Panel); 295 | } 296 | return result; 297 | }, 298 | 299 | patternPanel: function () { 300 | var self = this, 301 | data = {}; 302 | var loopedOnce = 0; 303 | return this.MDPanel({ 304 | url: this.pluginSketch + "/panel/table.html", 305 | width: 473, 306 | height: 540, 307 | data: data, 308 | identifier: 'com.google.material.pattern', 309 | floatWindow: false, 310 | callback: function (data, cl) { 311 | self.configs = self.setConfigs({ 312 | table: data 313 | }); 314 | if(self.configs) { 315 | if(cl == 1) { 316 | var layers = MD.current.layers() 317 | for (var ia=0; ia < [layers count]; ia++) { 318 | var layer = [layers objectAtIndex:ia] 319 | if(layer.objectID() == created_looper_group){ 320 | layer.removeFromParent() 321 | } 322 | } 323 | for (var ib=0; ib < [layers count]; ib++) { 324 | var layer = [layers objectAtIndex:ib] 325 | if(layer.name() == ori_layer_name){ 326 | layer.setIsVisible(1); 327 | [layer select:true byExpandingSelection:true]; 328 | } 329 | } 330 | } else { 331 | if(loopedOnce == 1) { 332 | var layers = MD.current.layers() 333 | for (var ia=0; ia < [layers count]; ia++) { 334 | var layer = [layers objectAtIndex:ia] 335 | if(layer.objectID() == created_looper_group){ 336 | layer.removeFromParent() 337 | } 338 | } 339 | for (var ib=0; ib < [layers count]; ib++) { 340 | var layer = [layers objectAtIndex:ib] 341 | if(layer.name() == ori_layer_name){ 342 | //log(layer.name()); 343 | layer.setIsVisible(1); 344 | [layer select:true byExpandingSelection:true]; 345 | MD.runLooper(layer); 346 | } 347 | } 348 | } else { 349 | loopedOnce = 1; 350 | MD.runLooper(); 351 | } 352 | } 353 | } 354 | }, 355 | }); 356 | }, 357 | 358 | runLooper: function (loopingLayer) { 359 | 360 | MD.superDebug("- - runLooper function triggered - -"); 361 | 362 | // Globals 363 | var self = MD, 364 | selection = MD.context.selection; 365 | var position, 366 | position_rnd_x, 367 | position_rnd_y, 368 | position_inc, 369 | loop, 370 | rotate_select, 371 | opacity, 372 | scale, 373 | scale_dir, 374 | scale_px, 375 | scale_pr, 376 | scale_rnd, 377 | angle_choice, 378 | angle, 379 | angle_sin, 380 | angle_rnd, 381 | grid_x, 382 | grid_y, 383 | position_grid_x_inc, 384 | position_grid_y_inc; 385 | var self = this; 386 | 387 | // Get input from panel 388 | // COUNT 389 | loop = MD.configs.table.send_loop; 390 | MD.superDebug("loop", loop); 391 | 392 | // ANGLE 393 | rotate_select = MD.configs.table.send_rotate_select; 394 | MD.superDebug("rotate_select", rotate_select); 395 | //sendEvent(MD.context, 'Parameter: rotate_select', rotate_select); 396 | 397 | angle = MD.configs.table.send_angle; 398 | MD.superDebug("angle", angle); 399 | 400 | angle_choice = MD.configs.table.send_rotate_inc_perf; 401 | MD.superDebug("angle_choice", angle_choice); 402 | //sendEvent(MD.context, 'Parameter: angle_choice', angle_choice); 403 | 404 | angle_sin = MD.configs.table.send_rotate_sin; 405 | MD.superDebug("angle_sin", angle_sin); 406 | 407 | angle_rnd = MD.configs.table.send_rotate_rnd; 408 | MD.superDebug("angle_rnd", angle_rnd); 409 | 410 | // OPACITY 411 | opacity = MD.configs.table.send_opacity; 412 | MD.superDebug("opacity", opacity); 413 | //sendEvent(MD.context, 'Parameter: opacity', opacity); 414 | 415 | // MOVE 416 | position = MD.configs.table.send_position; 417 | MD.superDebug("position", position); 418 | //sendEvent(MD.context, 'Parameter: position', position); 419 | 420 | position_inc = parseFloat(MD.configs.table.send_move_inc); 421 | MD.superDebug("position_inc", position_inc); 422 | 423 | position_rnd_x = MD.configs.table.send_move_rnd_x; 424 | MD.superDebug("position_rnd_x", position_rnd_x); 425 | 426 | position_rnd_y = MD.configs.table.send_move_rnd_y; 427 | MD.superDebug("position_rnd_y", position_rnd_y); 428 | 429 | 430 | // GRID 431 | grid_x = Math.floor(MD.configs.table.send_grid_c); 432 | //grid_x = MD.configs.table.send_grid_c; 433 | if(grid_x < 1) { grid_x = 1; } 434 | MD.superDebug("grid_x", grid_x); 435 | 436 | grid_y = Math.floor(MD.configs.table.send_grid_r); 437 | //grid_y = MD.configs.table.send_grid_r; 438 | if(grid_y < 1) { grid_y = 1; } 439 | MD.superDebug("grid_y", grid_y); 440 | 441 | //position_grid_x_inc = Math.floor(MD.configs.table.send_grid_x); 442 | position_grid_x_inc = parseFloat(MD.configs.table.send_grid_x); 443 | MD.superDebug("position_grid_x_inc", position_grid_x_inc); 444 | 445 | //position_grid_y_inc = Math.floor(MD.configs.table.send_grid_y); 446 | position_grid_y_inc = parseFloat(MD.configs.table.send_grid_y); 447 | MD.superDebug("position_grid_y_inc", position_grid_y_inc); 448 | 449 | // SCALE 450 | scale = MD.configs.table.send_scale; 451 | MD.superDebug("scale", scale); 452 | //sendEvent(MD.context, 'Parameter: scale', scale); 453 | 454 | scale_dir = MD.configs.table.send_scale_dir; 455 | MD.superDebug("scale_dir", scale_dir); 456 | 457 | scale_px = MD.configs.table.send_scale_px; 458 | MD.superDebug("scale_px", scale_px); 459 | 460 | scale_pr = MD.configs.table.send_scale_pr; 461 | MD.superDebug("scale_pr", scale_pr); 462 | 463 | scale_rnd = MD.configs.table.send_scale_rnd; 464 | MD.superDebug("scale_rnd", scale_rnd); 465 | 466 | 467 | 468 | switch(opacity) { 469 | case 1: 470 | //No Change 471 | break; 472 | case 2: 473 | //Random opacity 474 | break; 475 | case 3: 476 | //Opacity 0 to 1 477 | opacity_val = 0; 478 | break; 479 | case 4: 480 | //Opacity 1 to 0 481 | opacity_val = 100; 482 | break; 483 | } 484 | 485 | MD.superDebug("opacity_val", opacity_val); 486 | 487 | // Get selected layer 488 | MD.superDebug("loopingLayer", loopingLayer); 489 | var layer; 490 | if(loopingLayer) { 491 | layer = loopingLayer; 492 | } else { 493 | layer = selection[0]; 494 | } 495 | 496 | // Assign or get looping layer position 497 | MD.superDebug("ori_x", ori_x); 498 | MD.superDebug("ori_y", ori_y); 499 | 500 | var frame = [layer frame]; 501 | if(ori_x) { 502 | [frame setX: ori_x] 503 | [frame setY: ori_y] 504 | } else { 505 | ori_x = [frame x]; 506 | ori_y = [frame y]; 507 | } 508 | 509 | // Hide the original layer 510 | layer.setIsVisible(0); 511 | var layerName = layer.name(); 512 | MD.superDebug("ori_layer_name", ori_layer_name); 513 | if(!ori_layer_name) { 514 | //ori_layer_name = "original_" + layerName + "_" + Math.floor(Math.random() * 100000000); 515 | //ori_layer_name = layerName + "_original"; 516 | ori_layer_name = layerName; 517 | } 518 | layer.setName(ori_layer_name); 519 | 520 | // Create a group 521 | groupLayer = MSLayerGroup.new(); 522 | groupLayer.setName(layerName + "_looper"); 523 | 524 | // Add original to the group 525 | //MD.current.removeLayer(layer); 526 | //groupLayer.addLayers([layer]); 527 | 528 | // Duplicate just the first copy 529 | layer.duplicate(); 530 | layer.setIsVisible(1); 531 | layer.setName(layerName + "_1"); 532 | 533 | // Add it to the group 534 | MD.current.removeLayer(layer); 535 | groupLayer.addLayers([layer]); 536 | 537 | // Set opacity for the first copy 538 | MD.setOpacity(layer, loop, opacity, 1); 539 | 540 | // Variable declarations 541 | var frame, oldWidth, oldHeight, oldXPos, oldYPos, newWidth, newHeight, newXPos, newYPos, rotation, newRotation, cur_angle; 542 | var grid_row_count = 0; 543 | 544 | frame = [layer frame]; 545 | var grid_old_x = [frame x]; 546 | var grid_old_y = [frame y]; 547 | var grid_old_h = [frame height]; 548 | var grid_old_w = [frame width]; 549 | 550 | MD.superDebug("grid_old_x", grid_old_x); 551 | MD.superDebug("grid_old_y", grid_old_y); 552 | MD.superDebug("grid_old_h", grid_old_h); 553 | MD.superDebug("grid_old_w", grid_old_w); 554 | 555 | var tempCount = 0; 556 | var counter = 0; 557 | 558 | if(loop < 2) { 559 | loop = 1; 560 | } 561 | 562 | if(position == 6) { 563 | loop = grid_x * grid_y; 564 | } 565 | 566 | for(var j = 0; j < loop-1; j++){ 567 | 568 | MD.superDebug("j", j, 0); 569 | 570 | // Duplicate 571 | if(loop > 1) { 572 | layer.duplicate(); 573 | tempCount = j+2; 574 | layer.setName(layerName + "_" + tempCount); 575 | } 576 | MD.superDebug("tempCount", tempCount, 0); 577 | 578 | // Opacity for rest of the layers 579 | MD.setOpacity(layer, loop, opacity, j+2); 580 | 581 | // Rotate 582 | rotation = layer.rotation(); 583 | MD.superDebug("rotation", rotation, 0); 584 | switch(angle_choice) { 585 | case 0: 586 | //Linear 587 | cur_angle = angle; 588 | break; 589 | case 1: 590 | //Sin 591 | var increase = Math.PI * angle_sin / 100; 592 | MD.superDebug("increase", increase, 0); 593 | cur_angle = Math.sin(counter); 594 | counter += increase; 595 | MD.superDebug("counter", counter, 0); 596 | break; 597 | case 2: 598 | //Random 599 | cur_angle = (Math.random(angle-angle_rnd, angle+angle_rnd) * 100); 600 | break; 601 | } 602 | 603 | MD.superDebug("cur_angle", cur_angle, 0); 604 | 605 | if(rotate_select == 0) { 606 | newRotation = rotation - cur_angle; 607 | MD.superDebug("newRotation", newRotation, 0); 608 | layer.setRotation(newRotation); 609 | } 610 | 611 | // Dimension 612 | frame = [layer frame]; 613 | oldWidth = [frame width]; 614 | oldHeight = [frame height]; 615 | oldXPos = [frame x]; 616 | oldYPos = [frame y]; 617 | 618 | MD.superDebug("oldWidth", oldWidth, 0); 619 | MD.superDebug("oldHeight", oldHeight, 0); 620 | MD.superDebug("oldXPos", oldXPos, 0); 621 | MD.superDebug("oldYPos", oldYPos, 0); 622 | 623 | switch(scale) { 624 | case 0: 625 | //No Scale 626 | newWidth = oldWidth; 627 | newHeight = oldHeight; 628 | break; 629 | case 1: 630 | //Random 631 | var r_temp = Math.floor(Math.random() * scale_rnd); 632 | MD.superDebug("r_temp", r_temp, 0); 633 | if(Math.random() > 0.5) { 634 | switch(scale_dir) { 635 | case 0: 636 | newWidth = Math.floor(grid_old_w + r_temp); 637 | newHeight = Math.floor(grid_old_h + r_temp); 638 | break; 639 | case 1: 640 | newWidth = Math.floor(grid_old_w + r_temp); 641 | newHeight = oldHeight; 642 | break; 643 | case 2: 644 | newWidth = oldWidth; 645 | newHeight = Math.floor(grid_old_h + r_temp); 646 | break; 647 | } 648 | } else { 649 | switch(scale_dir) { 650 | case 0: 651 | newWidth = Math.floor(grid_old_w - r_temp); 652 | newHeight = Math.floor(grid_old_h - r_temp); 653 | break; 654 | case 1: 655 | newWidth = Math.floor(grid_old_w - r_temp); 656 | newHeight = oldHeight; 657 | break; 658 | case 2: 659 | newWidth = oldWidth; 660 | newHeight = Math.floor(grid_old_h - r_temp); 661 | break; 662 | } 663 | } 664 | break; 665 | case 2: 666 | //Scale PX 667 | switch(scale_dir) { 668 | case 0: 669 | newWidth = Math.floor(oldWidth) + Math.floor(scale_px); 670 | var scale_ratio = newWidth / oldWidth; 671 | MD.superDebug("scale_ratio", scale_ratio, 0); 672 | newHeight = Math.floor(oldHeight) * scale_ratio; 673 | break; 674 | case 1: 675 | newWidth = Math.floor(oldWidth) + Math.floor(scale_px); 676 | newHeight = oldHeight; 677 | break; 678 | case 2: 679 | newWidth = oldWidth; 680 | newHeight = Math.round(oldHeight) + Math.floor(scale_px); 681 | break; 682 | } 683 | break; 684 | case 3: 685 | //Scale Percentage 686 | switch(scale_dir) { 687 | case 0: 688 | newWidth = Math.round(oldWidth * (scale_pr / 100)); 689 | newHeight = Math.round(oldHeight * (scale_pr / 100)); 690 | break; 691 | case 1: 692 | newWidth = Math.round(oldWidth * (scale_pr / 100)); 693 | newHeight = oldHeight; 694 | break; 695 | case 2: 696 | newWidth = oldWidth; 697 | newHeight = Math.round(oldHeight * (scale_pr / 100)); 698 | break; 699 | } 700 | break; 701 | } 702 | 703 | MD.superDebug("newWidth", newWidth, 0); 704 | MD.superDebug("newHeight", newHeight, 0); 705 | 706 | 707 | // Position 708 | switch(position) { 709 | case 0: 710 | //From center 711 | newXPos = oldXPos - ((newWidth - oldWidth) / 2); 712 | newYPos = oldYPos - ((newHeight - oldHeight) / 2); 713 | break; 714 | case 1: 715 | //From corner 716 | newXPos = oldXPos; 717 | newYPos = oldYPos; 718 | break; 719 | case 2: 720 | //Horizontal 721 | newXPos = oldXPos + position_inc; 722 | newYPos = Math.round(oldYPos - ((newHeight - oldHeight) / 2)); 723 | break; 724 | case 3: 725 | //Vertical 726 | newXPos = Math.round(oldXPos - ((newWidth - oldWidth) / 2)); 727 | newYPos = oldYPos + position_inc; 728 | break; 729 | case 4: 730 | //Diagonal 731 | newXPos = oldXPos + position_inc; 732 | newYPos = oldYPos + position_inc; 733 | break; 734 | case 5: 735 | //Random 736 | newXPos = Math.round(Math.floor((Math.random() * position_rnd_x) + 1)); 737 | newYPos = Math.round(Math.floor((Math.random() * position_rnd_y) + 1)); 738 | break; 739 | case 6: 740 | //Grid 741 | grid_row_count = grid_row_count + 1; 742 | if(grid_row_count >= grid_x) { 743 | grid_row_count = 0; 744 | //newXPos = Math.round(grid_old_x - ((newWidth - oldWidth) / 2)); 745 | newXPos = grid_old_x - ((newWidth - oldWidth) / 2); 746 | newYPos = grid_old_y + position_grid_y_inc; 747 | grid_old_y = newYPos; 748 | } else { 749 | //newXPos = oldXPos + Math.floor(position_grid_x_inc); 750 | newXPos = oldXPos + position_grid_x_inc; 751 | //newYPos = Math.round(oldYPos - ((newHeight - oldHeight) / 2)); 752 | newYPos = oldYPos - ((newHeight - oldHeight) / 2); 753 | } 754 | break; 755 | } 756 | 757 | MD.superDebug("newXPos", newXPos, 0); 758 | MD.superDebug("newYPos", newYPos, 0); 759 | 760 | [frame setWidth: newWidth] 761 | [frame setHeight: newHeight] 762 | [frame setX: newXPos] 763 | [frame setY: newYPos] 764 | 765 | } 766 | 767 | // Create a parent group called 'Looper_Group' 768 | //groupLayer1 = MSLayerGroup.new(); 769 | //MD.current.addLayers([groupLayer1]); 770 | //groupLayer1.setName("Looper_Group"); 771 | 772 | // Add group to Canvas 773 | MD.current.addLayers([groupLayer]); 774 | 775 | // Remember the group's ID 776 | created_looper_group = groupLayer.objectID(); 777 | 778 | 779 | // Add child group and settings text to parent group 'Looper_Group' 780 | //MD.current.removeLayer(groupLayer); 781 | //groupLayer1.addLayers([groupLayer]); 782 | 783 | // Resize group to fit all children 784 | //groupLayer.resizeToFitChildrenWithOption(0); 785 | //groupLayer1.resizeToFitChildrenWithOption(0); 786 | 787 | if (MSApplicationMetadata.metadata().appVersion >= 53) { 788 | groupLayer.fixGeometryWithOptions(1); 789 | } else { 790 | groupLayer.resizeToFitChildrenWithOption(0); 791 | } 792 | 793 | 794 | MD.superDebug("- - runLooper function completed - -"); 795 | 796 | }, 797 | 798 | setOpacity: function( l, lop, o, jj ) 799 | { 800 | switch(o) { 801 | case 1: 802 | //No Change 803 | break; 804 | case 2: 805 | //Random opacity 806 | [[[l style] contextSettings] setOpacity:(Math.random())] 807 | break; 808 | case 3: 809 | //Opacity 0 to 1 810 | if(jj > 0) { 811 | MD.superDebug("jj", jj, 0); 812 | var opa_inc; 813 | opa_inc = 100/lop; 814 | MD.superDebug("opa_inc", opa_inc, 0); 815 | opacity_val = opacity_val + opa_inc; 816 | MD.superDebug("opacity_val", opacity_val, 0); 817 | [[[l style] contextSettings] setOpacity:(opacity_val/100)] 818 | } 819 | break; 820 | case 4: 821 | //Opacity 1 to 0 822 | if(jj > 0) { 823 | MD.superDebug("jj", jj, 0); 824 | var opa_inc; 825 | opa_inc = 100/lop; 826 | MD.superDebug("opa_inc", opa_inc, 0); 827 | opacity_val = opacity_val - opa_inc; 828 | MD.superDebug("opacity_val", opacity_val, 0); 829 | [[[l style] contextSettings] setOpacity:(opacity_val/100)] 830 | } 831 | break; 832 | } 833 | }, 834 | 835 | superDebug: function( lbl, val, insideLoop ) 836 | { 837 | if(debugMode) { 838 | if(isNaN(insideLoop)) { 839 | if(isNaN(val)) { 840 | log("LOOPER DEBUG // " + lbl); 841 | } else { 842 | log("LOOPER DEBUG // " + lbl + ": " + val); 843 | } 844 | } else { 845 | if(debugInsideLoop) { 846 | if(isNaN(val)) { 847 | log("LOOPER DEBUG // " + lbl); 848 | } else { 849 | log("LOOPER DEBUG // " + lbl + ": " + val); 850 | } 851 | } 852 | } 853 | } 854 | } 855 | 856 | 857 | 858 | }); 859 | 860 | var app = [NSApplication sharedApplication]; 861 | 862 | MD["Pattern"] = function() 863 | { 864 | 865 | 866 | var self = MD, 867 | selection = MD.context.selection; 868 | var self = this; 869 | 870 | this.scriptPath = MD.context.scriptPath; 871 | this.scriptPathRoot = this.scriptPath.stringByDeletingLastPathComponent(); 872 | this.scriptResourcesPath = this.scriptPathRoot.stringByDeletingLastPathComponent() + '/Resources'; 873 | var icon = NSImage.alloc().initByReferencingFile(this.scriptResourcesPath + '/' + "icon.png"); 874 | 875 | 876 | var runPLugin = function() 877 | { 878 | 879 | sendEvent(MD.context, 'Trigger', 'Plugin triggered'); 880 | 881 | var execute_code = 1; 882 | if (selection.count() <= 0) { 883 | sendEvent(MD.context, 'Error', 'selection.count() <= 0'); 884 | showDialog("Looper", "Select a layer or group to duplicate. Cheers!"); 885 | execute_code = 0; 886 | } else if (selection.count() > 1) { 887 | sendEvent(MD.context, 'Error', 'selection.count() > 1'); 888 | showDialog("Looper", "Select only one layer or group to duplicate. Cheers!"); 889 | execute_code = 0; 890 | } else { 891 | for(var i = 0; i < selection.count(); i++){ 892 | var layer = selection[i]; 893 | if (layer == MD.artboard) { 894 | sendEvent(MD.context, 'Error', 'layer == MD.artboard'); 895 | showDialog("Looper", "Select a layer or group to duplicate. Cheers!"); 896 | execute_code = 0; 897 | } 898 | } 899 | } 900 | 901 | if(execute_code == 1) { 902 | sendEvent(MD.context, 'Trigger', 'Modal triggered'); 903 | MD.patternPanel(); 904 | } 905 | } 906 | 907 | var showDialog = function(title, informativeText) { 908 | var alert = [[NSAlert alloc] init] 909 | [alert setMessageText: title] 910 | [alert setInformativeText: informativeText] 911 | [alert addButtonWithTitle: "OK"] // 1000 912 | alert.setIcon(icon); 913 | var responseCode = [alert runModal] 914 | } 915 | 916 | runPLugin(); 917 | } 918 | 919 | var kUUIDKey = 'google.analytics.uuid' 920 | var uuid = NSUserDefaults.standardUserDefaults().objectForKey(kUUIDKey) 921 | if (!uuid) { 922 | uuid = NSUUID.UUID().UUIDString() 923 | NSUserDefaults.standardUserDefaults().setObject_forKey(uuid, kUUIDKey) 924 | } 925 | 926 | function jsonToQueryString(json) { 927 | return '?' + Object.keys(json).map(function(key) { 928 | return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]); 929 | }).join('&') 930 | } 931 | 932 | var index = function (context, trackingId, hitType, props) { 933 | var payload = { 934 | v: 1, 935 | tid: trackingId, 936 | ds: 'Sketch%20' + NSBundle.mainBundle().objectForInfoDictionaryKey("CFBundleShortVersionString"), 937 | cid: uuid, 938 | t: hitType, 939 | an: context.plugin.name(), 940 | aid: context.plugin.identifier(), 941 | av: context.plugin.version() 942 | } 943 | if (props) { 944 | Object.keys(props).forEach(function (key) { 945 | payload[key] = props[key] 946 | }) 947 | } 948 | 949 | var url = NSURL.URLWithString( 950 | NSString.stringWithFormat("https://www.google-analytics.com/collect%@", jsonToQueryString(payload)) 951 | ) 952 | 953 | if (url) { 954 | NSURLSession.sharedSession().dataTaskWithURL(url).resume() 955 | } 956 | } 957 | 958 | var key = 'UA-96570498-1'; 959 | var sendEvent = function (context, category, action, label) { 960 | var payload = {}; 961 | payload.ec = category; 962 | payload.ea = action; 963 | return index(context, key, 'event', payload); 964 | } -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/panel/assets/css/index.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | html { 3 | font-family:Helvetica; 4 | font-size: 12px; 5 | overflow-y: hidden; 6 | overflow-x: hidden; 7 | background: #f4f4f4; 8 | } 9 | .container { 10 | position: fixed; 11 | top: 0; 12 | left: 0; 13 | bottom: 0; 14 | right: 0; 15 | overflow: auto; 16 | } 17 | .settings-panel { 18 | position: absolute; 19 | left: 0px; 20 | top:0px; 21 | 22 | width: 220px; 23 | z-index: 100; 24 | -webkit-user-select: none; 25 | background: #f4f4f4; 26 | } 27 | .settings-panel1 { 28 | position: absolute; 29 | left: 220px; 30 | top:0px; 31 | 32 | width: 245px; 33 | z-index: 100; 34 | background: #f4f4f4; 35 | -webkit-user-select: none; 36 | padding-right: 8px; 37 | } 38 | .output-panel { 39 | position: fixed; 40 | right: 0; 41 | left: 270px; 42 | bottom: 70px; 43 | top: 40px; 44 | overflow-x: auto; 45 | overflow-y: auto; 46 | max-height: 100vh; 47 | } 48 | .block__header { 49 | font-weight: bold; 50 | font-size: 13px; 51 | padding: 5px 24px; 52 | margin: 0 -24px; 53 | } 54 | .block__footer { 55 | position: fixed; 56 | background-color: #fff; 57 | right: 0; 58 | bottom: 0; 59 | box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.12); 60 | padding-top: 2px; 61 | padding-bottom: 2px; 62 | padding-left: 8px; 63 | padding-right: 3px; 64 | z-index: 1000; 65 | width: 100%; 66 | } 67 | .form_cont{ 68 | border: 1px solid #f5f5f5; 69 | border-radius: 3px; 70 | padding: 12px; 71 | margin:8px; 72 | margin-right: 0px; 73 | background-color: white; 74 | } 75 | #input_opacity_controls { 76 | margin-top: 12px; 77 | } 78 | .recom { 79 | font-size: 12px; 80 | color: rgba(0,0,0,0.34); 81 | position: relative; 82 | top: 4px; 83 | display: inline-block; 84 | margin-top: 8px; 85 | } 86 | .recom1 { 87 | font-size: 12px; 88 | color: rgba(0,0,0,0.34); 89 | position: relative; 90 | } 91 | .move_up { 92 | margin-top: -20px; 93 | } 94 | .vertical_20a { 95 | margin-top: 10px; 96 | } 97 | .bottom_space { 98 | height: 60px; 99 | } 100 | .logo_in_footer { 101 | float: left; 102 | margin: 8px; 103 | margin-bottom: 3px; 104 | margin-left: 16px; 105 | position: fixed; 106 | left: -6px; 107 | bottom: 4px; 108 | } 109 | .logo_in_footer_img { 110 | width: 82px; 111 | height: auto; 112 | } 113 | .form-field-label { 114 | margin-top: -2px; 115 | margin-bottom: 4px; 116 | font-weight: 500; 117 | font-size: 14px; 118 | color: #0091EA; 119 | margin-bottom: 8px; 120 | } 121 | .form-field-label-new { 122 | font-weight: 500; 123 | font-size: 14px; 124 | color: #0091EA; 125 | } 126 | .ui_txt { 127 | padding: 2px; 128 | margin-top: 4px; 129 | } 130 | .ui_dropdown { 131 | margin-top: 6px; 132 | margin-bottom: 8px; 133 | } 134 | .ui_dropdown_1 { 135 | margin-top: 0px; 136 | margin-bottom: 8px; 137 | } 138 | .ui1 { 139 | margin-top: 8px; 140 | } 141 | .fl { 142 | float: left; 143 | } 144 | .fl_cor { 145 | margin-top: 7px; 146 | } 147 | .fl_cor_1 { 148 | margin-top: 12px; 149 | } 150 | .fl_cor_2 { 151 | margin-top: 2px; 152 | } 153 | .fr { 154 | float: right; 155 | } 156 | .pad_l { 157 | margin-left: 8px; 158 | } 159 | label { 160 | margin-right: 16px; 161 | } 162 | .ui2 { 163 | height: 73px; 164 | } 165 | .ui3 { 166 | display: inline-block; 167 | width: 100%; 168 | } 169 | .grey_txt { 170 | color: rgba(0,0,0,0.34); 171 | } 172 | .chcBox { 173 | margin-left: 1px; 174 | } 175 | 176 | .btn { 177 | padding: 6px 12px 8px 12px; 178 | margin: 3px; 179 | -moz-border-radius: 3px; 180 | -webkit-border-radius: 3px; 181 | border-radius: 3px; 182 | text-decoration: none; 183 | border: none; 184 | } 185 | .btnLoop { 186 | background-color: #E0E0E0; 187 | /* 077DFF */ 188 | color: #444; 189 | } 190 | .btnClose{ 191 | background-color: #0091EA; 192 | color: #fff; 193 | } 194 | .btn:hover { 195 | border: none; 196 | opacity: 0.8; 197 | cursor: pointer; 198 | } 199 | .preview { 200 | margin: 7px; 201 | padding-left: 4px; 202 | } 203 | .label-adjust { 204 | margin-top: 2px; 205 | } 206 | .sub_text { 207 | font-size: 12px; 208 | font-style: italic; 209 | } -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/panel/assets/img/Looper_logo_footer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/Looper.sketchplugin/Contents/Sketch/scripts/panel/assets/img/Looper_logo_footer.png -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/panel/assets/js/common.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | $(document).on('contextmenu', function (event) { return false; }) 3 | .keypress(function (event) { 4 | var eventObj = event || e, 5 | keyCode = eventObj.keyCode || eventObj.which; 6 | /* 7 | if (keyCode == 13) { 8 | event.stopPropagation(); 9 | $('#submit:not(:disabled)').click(); 10 | return false; 11 | } 12 | */ 13 | }); 14 | }); 15 | 16 | function lookupItemInput(x, y) { 17 | var elem = document.elementFromPoint(x, y); 18 | $(elem).click(); 19 | } 20 | 21 | window.onfocus = function () { 22 | MDAction('focus'); 23 | }; 24 | -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/panel/assets/js/components/analytics.js: -------------------------------------------------------------------------------- 1 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 2 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 3 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 4 | })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 5 | 6 | ga('create', 'UA-96570498-1', 'auto'); 7 | 8 | ga('set', 'checkProtocolTask', function(data) { 9 | //data.set('location', 'http://sureskumar.com/looper/'); 10 | }); -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/panel/assets/js/components/table.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | 3 | var debugMode = false; 4 | 5 | var _submit, 6 | _close, 7 | send_loop, 8 | send_rotate_select, 9 | send_position, 10 | send_angle, 11 | send_rotate_inc_perf, 12 | send_rotate_sin, 13 | send_rotate_rnd, 14 | send_opacity, 15 | send_move_inc, 16 | send_move_rnd_x, 17 | send_move_rnd_y, 18 | send_grid_c, 19 | send_grid_r, 20 | send_grid_x, 21 | send_grid_y, 22 | send_scale, 23 | send_scale_dir, 24 | send_scale_px, 25 | send_scale_pr, 26 | send_scale_rnd; 27 | 28 | _looperDebug = function (lbl, val) { 29 | if(debugMode) { 30 | if(isNaN(val)) { 31 | console.log("LOOPER - " + lbl); 32 | } else { 33 | console.log("LOOPER - " + lbl + ": " + val); 34 | } 35 | } 36 | } 37 | 38 | _close = function () { 39 | _looperDebug("Close button pressed"); 40 | var options = {}; 41 | MDAction('closePanel', options); 42 | } 43 | 44 | _cancel = function () { 45 | _looperDebug("Cancel button pressed"); 46 | var options = {}; 47 | MDAction('cancelPanel', options); 48 | } 49 | 50 | _submit = function () { 51 | 52 | var loop_auto, 53 | loop, 54 | rotate_select, 55 | rotate_center, 56 | rotate_auto, 57 | rotate_angle, 58 | rotate_inc_perf, 59 | rotate_sin, 60 | rotate_rnd, 61 | opacity_select, 62 | opacity_1, 63 | opacity_2, 64 | opacity_3, 65 | opacity, 66 | move_select, 67 | grid_select, 68 | move_direction, 69 | move_inc, 70 | move_rnd_x, 71 | move_rnd_y, 72 | scale_selection, 73 | scale_perf, 74 | scale_dir, 75 | scale_px, 76 | scale_pr, 77 | scale_rnd; 78 | 79 | loop = $('#input_count_txt').val().trim(); 80 | _looperDebug("loop", loop); 81 | 82 | rotate_select = $('#input_angle_checkbox_1').is(':checked'); 83 | _looperDebug("rotate_select", rotate_select); 84 | 85 | rotate_auto = $('#input_rot_1').is(':checked'); 86 | _looperDebug("rotate_auto", rotate_auto); 87 | 88 | rotate_angle = $('#input_angle_txt').val().trim(); 89 | _looperDebug("rotate_angle", rotate_angle); 90 | 91 | rotate_inc_perf = $('#input_angle_dropdown_1').val().trim(); 92 | _looperDebug("rotate_inc_perf", rotate_inc_perf); 93 | 94 | rotate_sin = $('#input_angle_sin_val').val().trim(); 95 | _looperDebug("rotate_sin", rotate_sin); 96 | 97 | rotate_rnd = $('#input_angle_rnd_val').val().trim(); 98 | _looperDebug("rotate_rnd", rotate_rnd); 99 | 100 | opacity_select = $('#input_opacity_toggle').is(':checked'); 101 | _looperDebug("opacity_select", opacity_select); 102 | 103 | opacity_1 = $('#input_opacity_1').is(':checked'); 104 | _looperDebug("opacity_1", opacity_1); 105 | 106 | opacity_2 = $('#input_opacity_2').is(':checked'); 107 | _looperDebug("opacity_2", opacity_2); 108 | 109 | opacity_3 = $('#input_opacity_3').is(':checked'); 110 | _looperDebug("opacity_3", opacity_3); 111 | 112 | move_select = $('#input_move_toggle').is(':checked'); 113 | _looperDebug("move_select", move_select); 114 | 115 | move_direction = $('#input_move_dropdown').val().trim(); 116 | _looperDebug("move_direction", move_direction); 117 | 118 | move_inc = $('#input_move_txt_1').val().trim(); 119 | _looperDebug("move_inc", move_inc); 120 | 121 | move_rnd_x = $('#input_move_txt_2').val().trim(); 122 | _looperDebug("move_rnd_x", move_rnd_x); 123 | 124 | move_rnd_y = $('#input_move_txt_3').val().trim(); 125 | _looperDebug("move_rnd_y", move_rnd_y); 126 | 127 | grid_select = $('#input_grid_toggle').is(':checked'); 128 | _looperDebug("grid_select", grid_select); 129 | 130 | scale_selection = $('#input_scale_toggle').is(':checked'); 131 | _looperDebug("scale_selection", scale_selection); 132 | 133 | scale_perf = $('#input_scale_dropdown').val().trim(); 134 | _looperDebug("scale_perf", scale_perf); 135 | 136 | scale_dir = $('#input_scale_dir_dropdown').val().trim(); 137 | _looperDebug("scale_dir", scale_dir); 138 | 139 | scale_px = $('#input_scale_txt_1').val().trim(); 140 | _looperDebug("scale_px", scale_px); 141 | 142 | scale_pr = $('#input_scale_txt_2').val().trim(); 143 | _looperDebug("scale_pr", scale_pr); 144 | 145 | scale_rnd = $('#input_scale_txt_3').val().trim(); 146 | _looperDebug("scale_rnd", scale_rnd); 147 | 148 | 149 | // Check if all txt input are numbers 150 | if(!isNaN(loop) && 151 | !isNaN(rotate_angle) && 152 | !isNaN(rotate_sin) && 153 | !isNaN(rotate_rnd) && 154 | !isNaN(move_inc) && 155 | !isNaN(move_rnd_x) && 156 | !isNaN(move_rnd_y) && 157 | !isNaN($('#input_grid_txt_c').val().trim()) && 158 | !isNaN($('#input_grid_txt_r').val().trim()) && 159 | !isNaN($('#input_grid_txt_x').val().trim()) && 160 | !isNaN($('#input_grid_txt_y').val().trim()) && 161 | !isNaN(scale_px) && 162 | !isNaN(scale_pr) && 163 | !isNaN(scale_rnd)) { 164 | 165 | var options = {}; 166 | 167 | // Loop / Count 168 | options.send_loop = loop; 169 | 170 | // Rotate 171 | if (rotate_select) { 172 | options.send_rotate_select = 0; 173 | } else { 174 | options.send_rotate_select = 1; 175 | } 176 | 177 | switch(rotate_inc_perf) { 178 | case "Linear": 179 | options.send_rotate_inc_perf = 0; 180 | break; 181 | case "Sinusoidal": 182 | options.send_rotate_inc_perf = 1; 183 | break; 184 | case "Random": 185 | options.send_rotate_inc_perf = 2; 186 | break; 187 | } 188 | 189 | if (rotate_auto) { 190 | options.send_angle = (360/loop); 191 | options.send_rotate_inc_perf = 0; 192 | } else { 193 | options.send_angle = rotate_angle; 194 | } 195 | 196 | options.send_rotate_sin = rotate_sin; 197 | options.send_rotate_rnd = rotate_rnd; 198 | 199 | // Opacity 200 | if (opacity_select) { 201 | if (opacity_1) options.send_opacity = 2; 202 | if (opacity_2) options.send_opacity = 3; 203 | if (opacity_3) options.send_opacity = 4; 204 | } else { 205 | options.send_opacity = 1; 206 | } 207 | 208 | // Position 209 | if (move_select) { 210 | switch(move_direction) { 211 | case "Horizontally": 212 | options.send_position = 2; 213 | break; 214 | case "Vertically": 215 | options.send_position = 3; 216 | break; 217 | case "Diagonally": 218 | options.send_position = 4; 219 | break; 220 | case "Randomly": 221 | options.send_position = 5; 222 | break; 223 | } 224 | } else if (grid_select) { 225 | options.send_position = 6; 226 | } else { 227 | options.send_position = 0; 228 | } 229 | 230 | options.send_grid_c = $('#input_grid_txt_c').val().trim(); 231 | _looperDebug("send_grid_c", $('#input_grid_txt_c').val().trim()); 232 | 233 | options.send_grid_r = $('#input_grid_txt_r').val().trim(); 234 | _looperDebug("send_grid_r", $('#input_grid_txt_r').val().trim()); 235 | 236 | options.send_grid_x = $('#input_grid_txt_x').val().trim(); 237 | _looperDebug("send_grid_x", $('#input_grid_txt_x').val().trim()); 238 | 239 | options.send_grid_y = $('#input_grid_txt_y').val().trim(); 240 | _looperDebug("send_grid_y", $('#input_grid_txt_y').val().trim()); 241 | 242 | options.send_move_inc = move_inc; 243 | options.send_move_rnd_x = move_rnd_x; 244 | options.send_move_rnd_y = move_rnd_y; 245 | 246 | // Scale 247 | scale_px = Math.floor(scale_px); 248 | if (scale_px%2 == 0) { 249 | 250 | } else { 251 | scale_px = scale_px - 1; 252 | } 253 | 254 | if (scale_selection) { 255 | switch(scale_perf) { 256 | case "Pixels": 257 | options.send_scale = 2; 258 | break; 259 | case "Percentage": 260 | options.send_scale = 3; 261 | break; 262 | case "Randomly": 263 | options.send_scale = 1; 264 | break; 265 | } 266 | 267 | } else { 268 | options.send_scale = 0; 269 | options.send_scale_inc = scale_px; 270 | } 271 | 272 | switch(scale_dir) { 273 | case "both": 274 | options.send_scale_dir = 0; 275 | break; 276 | case "x": 277 | options.send_scale_dir = 1; 278 | break; 279 | case "y": 280 | options.send_scale_dir = 2; 281 | break; 282 | } 283 | _looperDebug("options.send_scale_dir", options.send_scale_dir); 284 | 285 | 286 | options.send_scale_px = scale_px; 287 | options.send_scale_pr = scale_pr; 288 | options.send_scale_rnd = scale_rnd; 289 | 290 | //ga('send', 'event', 'table panel', 'submit', 'tables'); 291 | MDAction('submit', options); 292 | 293 | } 294 | 295 | //$('#close').focus(); 296 | 297 | } 298 | 299 | _toggleAngleEnbale = function () { 300 | if ($('#input_angle_checkbox_1').is(':checked')) { 301 | $('#input_angle_controls').fadeTo( "fast", 1.0 ); 302 | $('#input_angle_txt').removeAttr('disabled'); // Enable - Rotation angle 303 | $('#input_angle_dropdown_1').removeAttr('disabled'); // Enable - Rotation increment dropdown 304 | 305 | $('#input_angle_sin_val').removeAttr('disabled'); // Enable - Rotation sin 306 | $('#input_angle_rnd_val').removeAttr('disabled'); // Enable - Rotation rnd 307 | 308 | } else { 309 | $('#input_angle_controls').hide(); 310 | $('#input_angle_txt').attr('disabled', 'disabled'); // Disable - Rotation angle 311 | $('#input_angle_dropdown_1').attr('disabled', 'disabled'); // Disable - Rotation increment dropdown 312 | 313 | $('#input_angle_sin_val').attr('disabled', 'disabled'); // Disable - Rotation sin 314 | $('#input_angle_rnd_val').attr('disabled', 'disabled'); // Disable - Rotation rnd 315 | } 316 | } 317 | _toggleAngleInc = function () { 318 | switch($('#input_angle_dropdown_1').val().trim()) { 319 | case "Linear": 320 | $('#input_angle_sin_div').hide(); 321 | $('#input_angle_rnd_div').hide(); 322 | break; 323 | case "Sinusoidal": 324 | $('#input_angle_sin_div').show(); 325 | $('#input_angle_rnd_div').hide(); 326 | break; 327 | case "Random": 328 | $('#input_angle_sin_div').hide(); 329 | $('#input_angle_rnd_div').show(); 330 | break; 331 | } 332 | } 333 | 334 | _toggleAngleAuto = function () { 335 | $('#input_angle_txt_div').fadeTo( "fast", 1.0 ); 336 | $('#rot_perf').fadeTo( "fast", 1.0 ); 337 | 338 | } 339 | _toggleAngleAuto1 = function () { 340 | $('#input_angle_txt_div').hide(); 341 | $('#rot_perf').hide(); 342 | 343 | } 344 | _toggleMove = function () { 345 | if ($('#input_move_toggle').is(':checked')) { 346 | $('#input_move_controls').fadeTo( "fast", 1.0 ); 347 | $('#input_move_dropdown').removeAttr('disabled'); 348 | $('#input_move_txt_1').removeAttr('disabled'); 349 | $('#input_move_txt_2').removeAttr('disabled'); 350 | $('#input_move_txt_3').removeAttr('disabled'); 351 | $('#input_move_txt_3_div').hide(); 352 | $('#input_grid_toggle').prop('checked', false); 353 | $('#count_div').show(); 354 | $('#count_div').fadeTo( "fast", 1.0 ); 355 | } else { 356 | $('#input_move_controls').hide(); 357 | $('#input_move_dropdown').attr('disabled', 'disabled'); 358 | $('#input_move_txt_1').attr('disabled', 'disabled'); 359 | $('#input_move_txt_2').attr('disabled', 'disabled'); 360 | $('#input_move_txt_3').attr('disabled', 'disabled'); 361 | } 362 | } 363 | _toggleMoveDropdown = function () { 364 | switch($('#input_move_dropdown').val().trim()) { 365 | case "Horizontally": 366 | $('#input_move_txt_1_div').show(); 367 | $('#input_move_txt_2_div').hide(); 368 | break; 369 | case "Vertically": 370 | $('#input_move_txt_1_div').show(); 371 | $('#input_move_txt_2_div').hide(); 372 | break; 373 | case "Diagonally": 374 | $('#input_move_txt_1_div').show(); 375 | $('#input_move_txt_2_div').hide(); 376 | break; 377 | case "Randomly": 378 | $('#input_move_txt_1_div').hide(); 379 | $('#input_move_txt_2_div').show(); 380 | break; 381 | case "Grid": 382 | $('#input_move_txt_1_div').hide(); 383 | $('#input_move_txt_2_div').hide(); 384 | break; 385 | } 386 | } 387 | _toggleGridEnbale = function () { 388 | if ($('#input_grid_toggle').is(':checked')) { 389 | $('#input_move_txt_3_div').show(); 390 | $('#input_move_controls').hide(); 391 | $('#input_move_toggle').prop('checked', false); 392 | $('#count_div').fadeTo( "fast", 0.2 ); 393 | } else { 394 | $('#input_move_txt_3_div').hide(); 395 | $('#count_div').show(); 396 | $('#count_div').fadeTo( "fast", 1.0 ); 397 | } 398 | } 399 | _toggleGridEnbale(); 400 | _toggleScale = function () { 401 | if ($('#input_scale_toggle').is(':checked')) { 402 | $('#input_scale_controls').fadeTo( "fast", 1.0 ); 403 | $('#input_scale_dropdown').removeAttr('disabled'); 404 | $('#input_scale_txt_1').removeAttr('disabled'); 405 | $('#input_scale_txt_2').removeAttr('disabled'); 406 | $('#input_scale_txt_3').removeAttr('disabled'); 407 | } else { 408 | $('#input_scale_controls').hide(); 409 | $('#input_scale_dropdown').attr('disabled', 'disabled'); 410 | $('#input_scale_txt_1').attr('disabled', 'disabled'); 411 | $('#input_scale_txt_2').attr('disabled', 'disabled'); 412 | $('#input_scale_txt_3').attr('disabled', 'disabled'); 413 | } 414 | } 415 | _toggleScaleDropdown = function () { 416 | switch($('#input_scale_dropdown').val().trim()) { 417 | case "Pixels": 418 | $('#input_scale_txt_1_div').show(); 419 | $('#input_scale_txt_2_div').hide(); 420 | $('#input_scale_txt_3_div').hide(); 421 | break; 422 | case "Percentage": 423 | $('#input_scale_txt_1_div').hide(); 424 | $('#input_scale_txt_2_div').show(); 425 | $('#input_scale_txt_3_div').hide(); 426 | break; 427 | case "Randomly": 428 | $('#input_scale_txt_1_div').hide(); 429 | $('#input_scale_txt_2_div').hide(); 430 | $('#input_scale_txt_3_div').show(); 431 | break; 432 | } 433 | } 434 | _toggleOpacity = function () { 435 | if ($('#input_opacity_toggle').is(':checked')) { 436 | $('#input_opacity_controls').fadeTo( "fast", 1.0 ); 437 | } else { 438 | $('#input_opacity_controls').hide(); 439 | } 440 | } 441 | if($('#input_rot_1').is(':checked')) { 442 | $('#input_angle_txt_div').hide(); 443 | $('#rot_perf').hide(); 444 | 445 | } 446 | 447 | if ($('#input_scale_toggle').is(':checked')) { 448 | $('#input_scale_controls').fadeTo( "fast", 1.0 ); 449 | } else { 450 | $('#input_scale_controls').hide(); 451 | } 452 | 453 | if ($('#input_move_toggle').is(':checked')) { 454 | $('#input_move_controls').fadeTo( "fast", 1.0 ); 455 | } else { 456 | $('#input_move_controls').hide(); 457 | } 458 | 459 | 460 | 461 | 462 | _incrementTxtValue = function (txt_id, small_inc, large_inc, flt) { 463 | $(txt_id).on('keydown', function (event) { 464 | 465 | if(flt) { 466 | var t_val = parseFloat($(txt_id).val().trim()); 467 | } else { 468 | var t_val = parseInt($(txt_id).val().trim()); 469 | } 470 | 471 | if (event.shiftKey && event.which == 38) { 472 | t_val = t_val + large_inc; 473 | if(flt) { 474 | t_val = _roundIt(t_val); 475 | } 476 | $(txt_id).val(t_val); 477 | } else if (event.shiftKey && event.which == 40) { 478 | if(t_val > large_inc) { 479 | t_val = t_val - large_inc; 480 | } 481 | if(flt) { 482 | t_val = _roundIt(t_val); 483 | } 484 | $(txt_id).val(t_val); 485 | } else if (event.keyCode == 38) { 486 | t_val = t_val + small_inc; 487 | if(flt) { 488 | t_val = _roundIt(t_val); 489 | } 490 | $(txt_id).val(t_val); 491 | } else if(event.keyCode == 40) { 492 | if(t_val > small_inc) { 493 | t_val = t_val - small_inc; 494 | } 495 | if(flt) { 496 | t_val = _roundIt(t_val); 497 | } 498 | $(txt_id).val(t_val); 499 | } 500 | 501 | _submit(); 502 | 503 | $(txt_id).focus(); 504 | 505 | }); 506 | } 507 | 508 | _roundIt = function (num) { 509 | return Math.round( num * 10 ) / 10; 510 | } 511 | 512 | 513 | // Increment Textbox 514 | // Count 515 | _incrementTxtValue('#input_count_txt', 1, 10, false); 516 | 517 | // Scale 518 | _incrementTxtValue('#input_scale_txt_1', 1, 10, false); 519 | _incrementTxtValue('#input_scale_txt_2', 1, 10, false); 520 | _incrementTxtValue('#input_scale_txt_3', 1, 10, false); 521 | 522 | // Move 523 | _incrementTxtValue('#input_move_txt_1', 1, 10, false); 524 | _incrementTxtValue('#input_move_txt_2', 1, 10, false); 525 | _incrementTxtValue('#input_move_txt_3', 1, 10, false); 526 | 527 | // Grid 528 | _incrementTxtValue('#input_grid_txt_c', 1, 10, false); 529 | _incrementTxtValue('#input_grid_txt_r', 1, 10, false); 530 | _incrementTxtValue('#input_grid_txt_x', 1, 10, false); 531 | _incrementTxtValue('#input_grid_txt_y', 1, 10, false); 532 | 533 | // Rotation 534 | _incrementTxtValue('#input_angle_txt', 1, 10, false); 535 | _incrementTxtValue('#input_angle_sin_val', 0.1, 1, true); 536 | _incrementTxtValue('#input_angle_rnd_val', 1, 10, false); 537 | 538 | 539 | 540 | 541 | _toggleOpacity(); 542 | _toggleScaleDropdown(); 543 | _toggleMoveDropdown(); 544 | _toggleAngleInc(); 545 | _toggleAngleEnbale(); 546 | 547 | 548 | $('#close').on('click', _cancel); 549 | $('#submit').on('click', _close); 550 | 551 | 552 | 553 | _onChangeInput = function (element) { 554 | $(element).on('input',function() { 555 | _submit(); 556 | }); 557 | } 558 | 559 | _onChangeTrigger = function (element) { 560 | $(element).on('click',function() { 561 | _submit(); 562 | }); 563 | } 564 | 565 | // Input updates 566 | // Count 567 | _onChangeInput("#input_count_txt"); 568 | 569 | // Scale 570 | _onChangeInput("#input_scale_txt_1"); 571 | _onChangeInput("#input_scale_txt_2"); 572 | _onChangeInput("#input_scale_txt_3"); 573 | 574 | // Move 575 | _onChangeInput("#input_move_txt_1"); 576 | _onChangeInput("#input_move_txt_2"); 577 | _onChangeInput("#input_move_txt_3"); 578 | 579 | // Grid 580 | _onChangeInput("#input_grid_txt_c"); 581 | _onChangeInput("#input_grid_txt_r"); 582 | _onChangeInput("#input_grid_txt_x"); 583 | _onChangeInput("#input_grid_txt_y"); 584 | 585 | // Rotation 586 | _onChangeInput("#input_angle_txt"); 587 | _onChangeInput("#input_angle_sin_val"); 588 | _onChangeInput("#input_angle_rnd_val"); 589 | 590 | // Click updates 591 | 592 | // Scale 593 | _onChangeTrigger("#input_scale_toggle"); 594 | _onChangeTrigger("#input_scale_dropdown"); 595 | _onChangeTrigger("#input_scale_dir_dropdown"); 596 | 597 | // Move 598 | _onChangeTrigger("#input_move_toggle"); 599 | _onChangeTrigger("#input_move_dropdown"); 600 | 601 | // Grid 602 | _onChangeTrigger("#input_grid_toggle"); 603 | 604 | // Rotate 605 | _onChangeTrigger("#input_angle_checkbox_1"); 606 | _onChangeTrigger("#input_rot_1"); 607 | _onChangeTrigger("#input_rot_2"); 608 | _onChangeTrigger("#input_angle_dropdown_1"); 609 | 610 | // Opacity 611 | _onChangeTrigger("#input_opacity_toggle"); 612 | _onChangeTrigger("#input_opacity_1"); 613 | _onChangeTrigger("#input_opacity_2"); 614 | _onChangeTrigger("#input_opacity_3"); 615 | 616 | 617 | $('#input_grid_toggle').on('change', _toggleGridEnbale); // Grid toggle 618 | $('#input_angle_checkbox_1').on('change', _toggleAngleEnbale); // Rotate toggle 619 | $("#input_rot_1").on('change', _toggleAngleAuto1); // Rotate automatic toggle 620 | $("#input_rot_2").on('change', _toggleAngleAuto); // Rotate automatic toggle 621 | $('#input_angle_dropdown_1').on('change', _toggleAngleInc); // Rotate increment dropdown 622 | $('#input_move_toggle').on('change', _toggleMove); // Rotate automatic toggle 623 | $('#input_move_dropdown').on('change', _toggleMoveDropdown); // Move dropdown 624 | $('#input_scale_toggle').on('change', _toggleScale); // Rotate toggle 625 | $('#input_scale_dropdown').on('change', _toggleScaleDropdown); // Scale dropdown 626 | $('#input_opacity_toggle').on('change', _toggleOpacity); // Opacity toggle 627 | 628 | setTimeout(function () { 629 | _submit(); 630 | }, 500); 631 | 632 | 633 | })(); -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/panel/assets/js/lib/jquery-2.2.4.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v2.2.4 | (c) jQuery Foundation | jquery.org/license */ 2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="2.2.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isPlainObject:function(a){var b;if("object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;if(a.constructor&&!k.call(a,"constructor")&&!k.call(a.constructor.prototype||{},"isPrototypeOf"))return!1;for(b in a);return void 0===b||k.call(a,b)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=d.createElement("script"),b.text=a,d.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:h.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(d=e.call(arguments,2),f=function(){return a.apply(b||this,d.concat(e.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(c&&!c(f,d,e)||(g.push(f),j&&b.push(h)));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return h.call(b,a)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&f.parentNode&&(this.length=1,this[0]=f),this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?void 0!==c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?h.call(n(a),this[0]):h.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||n.uniqueSort(e),D.test(a)&&e.reverse()),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.removeEventListener("DOMContentLoaded",J),a.removeEventListener("load",J),n.ready()}n.ready.promise=function(b){return I||(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(n.ready):(d.addEventListener("DOMContentLoaded",J),a.addEventListener("load",J))),I.promise(b)},n.ready.promise();var K=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)K(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},L=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function M(){this.expando=n.expando+M.uid++}M.uid=1,M.prototype={register:function(a,b){var c=b||{};return a.nodeType?a[this.expando]=c:Object.defineProperty(a,this.expando,{value:c,writable:!0,configurable:!0}),a[this.expando]},cache:function(a){if(!L(a))return{};var b=a[this.expando];return b||(b={},L(a)&&(a.nodeType?a[this.expando]=b:Object.defineProperty(a,this.expando,{value:b,configurable:!0}))),b},set:function(a,b,c){var d,e=this.cache(a);if("string"==typeof b)e[b]=c;else for(d in b)e[d]=b[d];return e},get:function(a,b){return void 0===b?this.cache(a):a[this.expando]&&a[this.expando][b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=a[this.expando];if(void 0!==f){if(void 0===b)this.register(a);else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in f?d=[b,e]:(d=e,d=d in f?[d]:d.match(G)||[])),c=d.length;while(c--)delete f[d[c]]}(void 0===b||n.isEmptyObject(f))&&(a.nodeType?a[this.expando]=void 0:delete a[this.expando])}},hasData:function(a){var b=a[this.expando];return void 0!==b&&!n.isEmptyObject(b)}};var N=new M,O=new M,P=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Q=/[A-Z]/g;function R(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(Q,"-$&").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:P.test(c)?n.parseJSON(c):c; 3 | }catch(e){}O.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return O.hasData(a)||N.hasData(a)},data:function(a,b,c){return O.access(a,b,c)},removeData:function(a,b){O.remove(a,b)},_data:function(a,b,c){return N.access(a,b,c)},_removeData:function(a,b){N.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=O.get(f),1===f.nodeType&&!N.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),R(f,d,e[d])));N.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){O.set(this,a)}):K(this,function(b){var c,d;if(f&&void 0===b){if(c=O.get(f,a)||O.get(f,a.replace(Q,"-$&").toLowerCase()),void 0!==c)return c;if(d=n.camelCase(a),c=O.get(f,d),void 0!==c)return c;if(c=R(f,d,void 0),void 0!==c)return c}else d=n.camelCase(a),this.each(function(){var c=O.get(this,d);O.set(this,d,b),a.indexOf("-")>-1&&void 0!==c&&O.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){O.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=N.get(a,b),c&&(!d||n.isArray(c)?d=N.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return N.get(a,c)||N.access(a,c,{empty:n.Callbacks("once memory").add(function(){N.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length",""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};$.optgroup=$.option,$.tbody=$.tfoot=$.colgroup=$.caption=$.thead,$.th=$.td;function _(a,b){var c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function aa(a,b){for(var c=0,d=a.length;d>c;c++)N.set(a[c],"globalEval",!b||N.get(b[c],"globalEval"))}var ba=/<|&#?\w+;/;function ca(a,b,c,d,e){for(var f,g,h,i,j,k,l=b.createDocumentFragment(),m=[],o=0,p=a.length;p>o;o++)if(f=a[o],f||0===f)if("object"===n.type(f))n.merge(m,f.nodeType?[f]:f);else if(ba.test(f)){g=g||l.appendChild(b.createElement("div")),h=(Y.exec(f)||["",""])[1].toLowerCase(),i=$[h]||$._default,g.innerHTML=i[1]+n.htmlPrefilter(f)+i[2],k=i[0];while(k--)g=g.lastChild;n.merge(m,g.childNodes),g=l.firstChild,g.textContent=""}else m.push(b.createTextNode(f));l.textContent="",o=0;while(f=m[o++])if(d&&n.inArray(f,d)>-1)e&&e.push(f);else if(j=n.contains(f.ownerDocument,f),g=_(l.appendChild(f),"script"),j&&aa(g),c){k=0;while(f=g[k++])Z.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var da=/^key/,ea=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,fa=/^([^.]*)(?:\.(.+)|)/;function ga(){return!0}function ha(){return!1}function ia(){try{return d.activeElement}catch(a){}}function ja(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ja(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=ha;else if(!e)return a;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return"undefined"!=typeof n&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(G)||[""],j=b.length;while(j--)h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.hasData(a)&&N.get(a);if(r&&(i=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&N.remove(a,"handle events")}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(N.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())a.rnamespace&&!a.rnamespace.test(g.namespace)||(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!==this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]*)\/>/gi,la=/\s*$/g;function pa(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function qa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function ra(a){var b=na.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function sa(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(N.hasData(a)&&(f=N.access(a),g=N.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}O.hasData(a)&&(h=O.access(a),i=n.extend({},h),O.set(b,i))}}function ta(a,b){var c=b.nodeName.toLowerCase();"input"===c&&X.test(a.type)?b.checked=a.checked:"input"!==c&&"textarea"!==c||(b.defaultValue=a.defaultValue)}function ua(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&ma.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),ua(f,b,c,d)});if(o&&(e=ca(b,a[0].ownerDocument,!1,a,d),g=e.firstChild,1===e.childNodes.length&&(e=g),g||d)){for(h=n.map(_(e,"script"),qa),i=h.length;o>m;m++)j=e,m!==p&&(j=n.clone(j,!0,!0),i&&n.merge(h,_(j,"script"))),c.call(a[m],j,m);if(i)for(k=h[h.length-1].ownerDocument,n.map(h,ra),m=0;i>m;m++)j=h[m],Z.test(j.type||"")&&!N.access(j,"globalEval")&&n.contains(k,j)&&(j.src?n._evalUrl&&n._evalUrl(j.src):n.globalEval(j.textContent.replace(oa,"")))}return a}function va(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(_(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&aa(_(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(ka,"<$1>")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=_(h),f=_(a),d=0,e=f.length;e>d;d++)ta(f[d],g[d]);if(b)if(c)for(f=f||_(a),g=g||_(h),d=0,e=f.length;e>d;d++)sa(f[d],g[d]);else sa(a,h);return g=_(h,"script"),g.length>0&&aa(g,!i&&_(a,"script")),h},cleanData:function(a){for(var b,c,d,e=n.event.special,f=0;void 0!==(c=a[f]);f++)if(L(c)){if(b=c[N.expando]){if(b.events)for(d in b.events)e[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);c[N.expando]=void 0}c[O.expando]&&(c[O.expando]=void 0)}}}),n.fn.extend({domManip:ua,detach:function(a){return va(this,a,!0)},remove:function(a){return va(this,a)},text:function(a){return K(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.appendChild(a)}})},prepend:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(_(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return K(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!la.test(a)&&!$[(Y.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(_(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return ua(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(_(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),f=e.length-1,h=0;f>=h;h++)c=h===f?this:this.clone(!0),n(e[h])[b](c),g.apply(d,c.get());return this.pushStack(d)}});var wa,xa={HTML:"block",BODY:"block"};function ya(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function za(a){var b=d,c=xa[a];return c||(c=ya(a,b),"none"!==c&&c||(wa=(wa||n("'),u.close(),c=u.w.frames[0].document,t=c.createElement("div")}catch(l){t=i.createElement("div"),c=i.body}var f=function(e){return function(){var n=Array.prototype.slice.call(arguments,0);n.unshift(t),c.appendChild(t),t.addBehavior("#default#userData"),t.load(o);var i=e.apply(r,n);return c.removeChild(t),i}},d=new RegExp("[!\"#$%&'()*+,/\\\\:;<=>?@[\\]^`{|}~]","g"),s=function(e){return e.replace(/^d/,"___$&").replace(d,"___")};r.set=f(function(e,t,n){return t=s(t),void 0===n?r.remove(t):(e.setAttribute(t,r.serialize(n)),e.save(o),n)}),r.get=f(function(e,t,n){t=s(t);var i=r.deserialize(e.getAttribute(t));return void 0===i?n:i}),r.remove=f(function(e,t){t=s(t),e.removeAttribute(t),e.save(o)}),r.clear=f(function(e){var t=e.XMLDocument.documentElement.attributes;e.load(o);for(var r=t.length-1;r>=0;r--)e.removeAttribute(t[r].name);e.save(o)}),r.getAll=function(e){var t={};return r.forEach(function(e,r){t[e]=r}),t},r.forEach=f(function(e,t){for(var n,i=e.XMLDocument.documentElement.attributes,o=0;n=i[o];++o)t(n.name,r.deserialize(e.getAttribute(n.name)))})}try{var v="__storejs__";r.set(v,v),r.get(v)!=v&&(r.disabled=!0),r.remove(v)}catch(l){r.disabled=!0}return r.enabled=!r.disabled,r}(); 5 | }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) 6 | },{}]},{},[1])(1) 7 | }); 8 | -------------------------------------------------------------------------------- /Looper.sketchplugin/Contents/Sketch/scripts/panel/table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Looper 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
Duplication count
18 |
19 | 20 | 21 |
22 | * total number of layers 23 |
24 | 25 |
26 |
27 | 28 | Scale while duplicating 29 |
30 | 31 |
32 | 33 |
34 | 35 | 40 |
41 | 42 |
43 | 44 | 49 |
50 | 51 |
52 |
53 | 54 | Recommended range: 5-20 55 |
56 | 57 |
58 |
59 |
60 | 61 |
62 | Recommended range: 50-130 63 |
64 | 65 |
66 |
67 |
68 | 69 |
70 | Recommended range: 5-20 71 |
72 | 73 |
74 |
75 | 76 | 77 | 78 | 79 |
80 |
81 | 82 | Move while duplicating 83 |
84 | 85 |
86 | 87 |
88 | 89 | 95 |
96 | 97 |
98 |
99 | 100 | 101 |
102 | Recommended range: 1-500 103 |
104 | 105 |
106 |
107 | 108 | 109 |
110 |
111 | 112 | 113 |
114 |
115 |
116 |
117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 |
130 |
131 |
132 | 133 |
134 |
135 |
136 | 137 | 138 | 139 | 140 | 141 | 142 |
143 |
144 | 145 | Form a grid 146 |
147 | 148 | 149 |
150 |
151 | 152 | 153 |
154 |
155 | 156 | 157 |
158 |
159 | 160 | 161 |
162 |
163 | 164 | 165 |
166 |
167 | 168 |
169 | 170 | 171 | 172 | 173 | 174 | 175 |
176 |
177 | 178 | Rotate while duplicating 179 |
180 | 181 | 182 |
183 | 184 |
185 | 189 |
190 | 194 |
195 | 196 | 197 |
198 |
199 | 200 | 201 |
202 | Recommended range: 1-359 203 |
204 | 205 | 206 |
207 | 208 | 213 |
214 | 215 | 216 | 217 | 218 |
219 |
220 | 221 | 222 |
223 | Recommended range: 0.02-10 224 |
225 | 226 |
227 |
228 | 229 | 230 |
231 | Recommended range: 5-20 232 |
233 |
234 |
235 | 236 | 237 |
238 |
239 | 240 | Update opacity while duplicating 241 |
242 | 243 |
244 | 245 |
246 | 250 | 251 |
252 | 253 | 257 | 258 |
259 | 260 | 264 |
265 | 266 |
267 | 268 |
269 | 270 |
271 |
272 |
273 | 274 | 275 |
276 |
277 | 278 | 279 |
280 |
281 | 282 |
283 |
284 | 285 | 286 |
287 |
288 |
289 |
290 | 291 | 292 | 293 | 294 | 295 | 298 | 299 | 300 | 301 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Looper v3.1 `⌘ + L` 2 | 3 | Looper is a sketch plugin that helps automate duplication of groups and layers. One can control properties like Rotate, Scale and Opacity while duplicating. This powerful combination enables artists and designers to create interesting geometric and organic patterns. 4 | 5 | 6 | 7 | 8 | 9 | 10 | ## Installation 11 | 12 | #### Recommended 13 | * Install via Sketch Runner, [Sketchpacks](https://sketchpacks.com/sureskumar/looper/install), or Sketch Toolbox by searching for Looper. 14 | 15 | #### Old-Fashioned 16 | 17 | Make sure you have the latest version of Sketch installed. **(Sketch 40+)** 18 | 19 | 1. [Download the ZIP file of this repository](https://github.com/sureskumar/Looper/releases/download/v3.1/Looper.sketchplugin.zip) 20 | 2. Double click on `Looper.sketchplugin` 21 | 22 | 23 | ## Tutorials 24 | 25 | Tutorials and Demo videos in Youtube 26 | 27 | Excellent Tutorial by Wojciech Dobry, Toptal (English) 28 | 29 | Tutorial by Jianshu (Chinese) 30 | 31 | ![Looper banner](https://github.com/sureskumar/Looper/raw/master/assets/banner.jpg) 32 | ## Features 33 | 34 | ### Duplication count 35 | Duplicate selected group or layer by providing the duplication count or Looper can automatically calculate the count based on the rotation angle to form a complete circle. 36 | 37 | ### Scale 38 | Selected group or layer can be scaled by absolute value (px), proportional value (%) or at random. 39 | 40 | ### Opacity 41 | Opacity of selected group or layer can be set to update at random, increase from 0 to 100 or decrease from 100 to 0. 42 | 43 | ### Rotate 44 | Rotate selected group or layer by providing a specific rotation angle or Looper can automatically calculate the angle required based on the duplication count to form a complete circle. 45 | 46 | Rotation angle can be incremented in a linear fashion, randomly or can be set to increment sinusoidally. 47 | 48 | ### Move 49 | Selected group or layer can be moved Horizontally, Vertically and Diagonally with a set increment value. Duplicated items can also be distributed randomly within a given dimension (width & height) 50 | 51 | ### Form a grid 52 | Duplicate the selected group or layer to form a grid. Number of columns, rows, horizontal margin and vertical margin can be manipulated. You can also alter other properties like opacity, rotate and scale to the grid elements. 53 | 54 | #### 55 | 56 | 57 | 58 | 59 | 60 | #### 61 | 62 | Demo videos 63 | 64 | ## Want to say thanks? Share your work! 65 | #### Please share what you create in one of the channels below. Cheers! 66 | * Twitter: #builtwithlooper and/or @sketchlooper 67 | * [Email](mailto:sures.srinivasan@gmail.com) 68 | * [Facebook page](https://www.facebook.com/loopersketch/) 69 | 70 | ## Examples 71 | ![Looper sample](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_16_exp.jpg) 72 | 73 | #### Rotate (linear) 74 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_18.jpg) 75 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_25.jpg) 76 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_10.jpg) 77 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_26.jpg) 78 | 79 | #### Rotate (random) 80 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_04.jpg) 81 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_03.jpg) 82 | 83 | #### Rotate (linear) + Opacity (random) 84 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_11.jpg) 85 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_31.jpg) 86 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_13.jpg) 87 | 88 | #### Rotate (linear) + Scale (linear) 89 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_22.jpg) 90 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_34.jpg) 91 | 92 | #### Rotate (linear) + Scale (sinusoidal) 93 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_06.jpg) 94 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_05.jpg) 95 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_12.jpg) 96 | 97 | #### Rotate (random) + Scale (random) 98 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_19.jpg) 99 | 100 | #### Rotate (sinusoidal) + Scale (sinusoidal) 101 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_20.jpg) 102 | 103 | #### Rotate (sinusoidal) + Scale (sinusoidal) + Opacity (random) 104 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_14.jpg) 105 | 106 | #### Rotate (sinusoidal) + Scale (linear) + Opacity (Fade to 0) 107 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_16.jpg) 108 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_23.jpg) 109 | 110 | #### Rotate (linear) + Scale (linear) + Opacity (Fade to 0) 111 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_01.jpg) 112 | 113 | #### Rotate (random) + Scale (random) + Opacity (random) 114 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_29.jpg) 115 | 116 | #### Rotate (linear) + Scale (sinusoidal) + Opacity (random) 117 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_33.jpg) 118 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_27.jpg) 119 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_32.jpg) 120 | 121 | #### Rotate (linear) + Move (horizontal) 122 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_07.jpg) 123 | 124 | #### Rotate (linear) + Move (vertical) 125 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_08.jpg) 126 | 127 | #### Rotate (linear) + Move (diagonal) 128 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_09.jpg) 129 | 130 | #### Rotate (random) + Move (random) + Opacity (random) 131 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_17.jpg) 132 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_24.jpg) 133 | 134 | #### Move (vertical) + Opacity (Fade to 0) 135 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_15.jpg) 136 | 137 | #### Move (vertical) + Scale (linear) + Opacity (Fade to 0) 138 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_21.jpg) 139 | 140 | #### Move (horizontal + vertical) 141 | ![Looper example](https://github.com/sureskumar/Looper/raw/master/assets/looper_example_28.jpg) 142 | 143 | 144 | ## Thanks 145 | 146 | * [Harish Sivaramakrishnan](https://github.com/harish-io) 147 | * [Shailesh Hingole](https://github.com/hingole) 148 | * [Siddhartha Gudipati](https://github.com/websiddu) 149 | 150 | 151 | ## Contact me 152 | 153 | Email sures.srinivasan@gmail.com 154 | 155 | Feel free to contact me for any suggestions or critique. 156 | 157 | ## Links 158 | 159 | [Looper website](http://looper.sureskumar.com/) | [My portfolio](http://www.sureskumar.com) | [Twitter](https://twitter.com/sureskumar) -------------------------------------------------------------------------------- /assets/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/banner.jpg -------------------------------------------------------------------------------- /assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/logo.png -------------------------------------------------------------------------------- /assets/looper.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper.gif -------------------------------------------------------------------------------- /assets/looper.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Looper sketch plugin 5 | https://github.com/sureskumar/Looper/raw/master/assets/looper.xml 6 | Looper is a sketch plugin that helps automate duplication of groups and layers. 7 | en 8 | 9 | Version 1.0 10 | 11 | 13 |
  • Public launch v1.0
    • 14 | 15 | ]]> 16 |     17 | Sat, 08 Apr 2017 11:49:11 +0000 18 | 19 |     20 | 21 | Version 2.0 22 | 23 | 25 |
  • Major update v2.0
    • 26 | 27 | ]]> 28 |     29 | Mon, 01 May 2017 11:58:00 +0000 30 | 31 |     32 | 33 | Version 2.1 34 | 35 | 37 |
  • Adding keyboard shortcuts v2.1
    • 38 | 39 | ]]> 40 |     41 | Mon, 22 May 2017 11:58:00 +0000 42 | 43 |     44 | 45 | Version 2.2 46 | 47 | 49 |
  • Adding sketch auto update feature v2.2
    • 50 | 51 | ]]> 52 |     53 | Sun, 04 Jun 2017 10:58:00 +0000 54 | 55 |     56 | 57 | Version 2.4 58 | 59 | 61 |
  • Adding cancel button and proportional scaling v2.4
    • 62 | 63 | ]]> 64 |     65 | Thu, 15 Jun 2017 11:58:00 +0000 66 | 67 |     68 | 69 | Version 2.5 70 | 71 | 73 |
  • Adding Google Analytics
    • 74 | 75 | ]]> 76 |     77 | Wed, 21 Jun 2017 11:58:00 +0000 78 | 79 |     80 | 81 | Version 2.6 82 | 83 | 85 |
  • Critical Bug Fixes
    • 86 | 87 | ]]> 88 |     89 | Sat, 07 Apr 2018 11:00:00 +0000 90 | 91 |     92 | 93 | Version 2.7 94 | 95 | 97 |
  • Adding Decimal (Float) Support
    • 98 | 99 | ]]> 100 |     101 | Sat, 07 Apr 2018 11:30:00 +0000 102 | 103 |     104 | 105 | Version 2.8 106 | 107 | 109 |
  • Adding Decimal (Float) Support
    • 110 | 111 | ]]> 112 |     113 | Fri, 03 Aug 2018 11:30:00 +0000 114 | 115 |     116 | 117 | Version 2.9 118 | 119 | 121 |
  • Bug Fixes to work with Sketch 52
    • 122 | 123 | ]]> 124 |     125 | Wed, 03 Oct 2018 10:00:00 +0000 126 | 127 |     128 | 129 | Version 3.0 130 | 131 | 133 |
  • Adding independent Scaling in X and Y axis
    • 134 | 135 | ]]> 136 |     137 | Wed, 26 Dec 2018 10:00:00 +0000 138 | 139 |     140 | 141 | Version 3.1 142 | 143 | 145 |
  • Bug Fixes to work for Sketch 53
    • 146 | 147 | ]]> 148 |     149 | Fri, 08 Feb 2019 10:00:00 +0000 150 | 151 |     152 |     153 |     -------------------------------------------------------------------------------- /assets/looper_2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_2.gif -------------------------------------------------------------------------------- /assets/looper_example_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_01.jpg -------------------------------------------------------------------------------- /assets/looper_example_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_02.jpg -------------------------------------------------------------------------------- /assets/looper_example_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_03.jpg -------------------------------------------------------------------------------- /assets/looper_example_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_04.jpg -------------------------------------------------------------------------------- /assets/looper_example_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_05.jpg -------------------------------------------------------------------------------- /assets/looper_example_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_06.jpg -------------------------------------------------------------------------------- /assets/looper_example_07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_07.jpg -------------------------------------------------------------------------------- /assets/looper_example_08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_08.jpg -------------------------------------------------------------------------------- /assets/looper_example_09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_09.jpg -------------------------------------------------------------------------------- /assets/looper_example_10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_10.jpg -------------------------------------------------------------------------------- /assets/looper_example_11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_11.jpg -------------------------------------------------------------------------------- /assets/looper_example_12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_12.jpg -------------------------------------------------------------------------------- /assets/looper_example_13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_13.jpg -------------------------------------------------------------------------------- /assets/looper_example_14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_14.jpg -------------------------------------------------------------------------------- /assets/looper_example_15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_15.jpg -------------------------------------------------------------------------------- /assets/looper_example_16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_16.jpg -------------------------------------------------------------------------------- /assets/looper_example_16_exp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_16_exp.jpg -------------------------------------------------------------------------------- /assets/looper_example_17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_17.jpg -------------------------------------------------------------------------------- /assets/looper_example_18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_18.jpg -------------------------------------------------------------------------------- /assets/looper_example_19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_19.jpg -------------------------------------------------------------------------------- /assets/looper_example_20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_20.jpg -------------------------------------------------------------------------------- /assets/looper_example_21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_21.jpg -------------------------------------------------------------------------------- /assets/looper_example_22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_22.jpg -------------------------------------------------------------------------------- /assets/looper_example_23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_23.jpg -------------------------------------------------------------------------------- /assets/looper_example_24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_24.jpg -------------------------------------------------------------------------------- /assets/looper_example_25.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_25.jpg -------------------------------------------------------------------------------- /assets/looper_example_26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_26.jpg -------------------------------------------------------------------------------- /assets/looper_example_27.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_27.jpg -------------------------------------------------------------------------------- /assets/looper_example_28.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_28.jpg -------------------------------------------------------------------------------- /assets/looper_example_29.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_29.jpg -------------------------------------------------------------------------------- /assets/looper_example_30.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_30.jpg -------------------------------------------------------------------------------- /assets/looper_example_31.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_31.jpg -------------------------------------------------------------------------------- /assets/looper_example_32.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_32.jpg -------------------------------------------------------------------------------- /assets/looper_example_33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_33.jpg -------------------------------------------------------------------------------- /assets/looper_example_34.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sureskumar/Looper/7eb39e77db86b383c4cbe51f27a91ebfd86f7669/assets/looper_example_34.jpg --------------------------------------------------------------------------------