diff --git a/build/content-flow.js b/build/content-flow.js
index 13ee84d..30f8aee 100644
--- a/build/content-flow.js
+++ b/build/content-flow.js
@@ -209,7 +209,7 @@
     };
 
     _FlowMgr.prototype.syncFlows = function(flowQuery) {
-      var domFlow, flows, _i, _len, _ref;
+      var cmp, domFlow, flows, _i, _len, _ref;
       if (flowQuery) {
         this._flowQuery = flowQuery;
       }
@@ -220,6 +220,20 @@
         } else {
           this._domFlows = this._flowQuery;
         }
+        this._domFlows = Array.from(this._domFlows);
+        cmp = function(a, b) {
+          var aPos, bPos;
+          aPos = parseFloat(a.dataset.cfFlowPosition);
+          if (aPos === NaN) {
+            aPos = 999999;
+          }
+          bPos = parseFloat(b.dataset.cfFlowPosition);
+          if (bPos === NaN) {
+            bPos = 999999;
+          }
+          return aPos - bPos;
+        };
+        this._domFlows.sort(cmp);
         flows = [];
         _ref = this._domFlows;
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
diff --git a/build/content-flow.min.css b/build/content-flow.min.css
index da09e60..e42cc12 100644
--- a/build/content-flow.min.css
+++ b/build/content-flow.min.css
@@ -1,2 +1,2 @@
 @charset "UTF-8";
-/*! content-flow v0.1.2 by Anthony Blackshaw <ant@getme.co.uk> (https://github.com/anthonyjb) */.ce--dragging,.ce--resizing{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ce--dragging{cursor:move!important}.ce--resizing{cursor:nwse-resize!important}.ce-element--type-image,.ce-element--type-video{background-repeat:no-repeat;position:relative;cursor:pointer;z-index:1}.ce-element--type-image:after,.ce-element--type-image:before,.ce-element--type-video:after,.ce-element--type-video:before{background:rgba(0,0,0,.5);border-radius:2px;color:#fff;display:none;font-family:arial,sans-serif;font-size:10px;line-height:10px;padding:4px 4px 3px;position:absolute}.ce-element--type-image:before,.ce-element--type-video:before{content:attr(data-ce-size);right:10px;top:10px}.ce-element--type-image.ce-element--over:before,.ce-element--type-image.ce-element--resizing:before,.ce-element--type-video.ce-element--over:before,.ce-element--type-video.ce-element--resizing:before{display:block}.ce-element--type-image{background-position:0 0;background-size:cover}.ce-element--type-image:after{background:transparent;content:"";display:block;left:0;position:relative;top:0;height:100%;width:100%}.ce-element--type-video{background:#333 url(images/video.svg) 50%/auto 48px no-repeat}.ce-element--type-video:after{bottom:10px;content:attr(data-ce-title);display:block;left:10px}.ce-element--empty:after{content:"...";display:inline-block;font-style:italic;opacity:.5}.ce-element--empty[data-ce-placeholder]:after{content:attr(data-ce-placeholder)}.ce-element--dragging{background-color:rgba(51,51,51,.1)!important;opacity:.5;z-index:-1}.ce-element--dragging.ce-element--type-image,.ce-element--dragging.ce-element--type-video{background-color:#333!important;opacity:1;outline-color:rgba(51,51,51,.1)!important}.ce-element--drop{position:relative!important}.ce-element--drop:before{background:#f39c12 url(images/drop-vert-above.svg) 50%/auto 32px repeat;bottom:0;content:""!important;left:0;opacity:.8;position:absolute;right:0;top:0;z-index:9}.ce-element--drop-below:before{transform:rotate(180deg)}.ce-element--drop-left:before{background-image:url(images/drop-horz.svg);transform:rotate(0deg)}.ce-element--drop-right:before{background-image:url(images/drop-horz.svg);transform:rotate(180deg)}.ce-element--drop.ce-element--type-table-row{background:#f39c12 url(images/drop-vert-above.svg) 50%/auto 32px repeat}.ce-element--drop.ce-element--type-table-row:before{display:none}.ce-element--drop.ce-element--type-table-row.ce-element--drop-below{background:#f39c12 url(images/drop-vert-below.svg) 50%/auto 32px repeat}.ce-element--focused,.ce-element--over{background-color:rgba(243,156,18,.1);outline:none}.ce-element--focused.ce-element--type-image,.ce-element--focused.ce-element--type-image-fixture,.ce-element--focused.ce-element--type-video,.ce-element--over.ce-element--type-image,.ce-element--over.ce-element--type-image-fixture,.ce-element--over.ce-element--type-video{background-color:#333;outline:4px solid rgba(243,156,18,.35)}.ce-element--resize-top-left{cursor:nw-resize}.ce-element--resize-top-right{cursor:ne-resize}.ce-element--resize-bottom-right{cursor:se-resize}.ce-element--resize-bottom-left{cursor:sw-resize}.ce-drag-helper{background:#fff;border-radius:2px;box-shadow:0 3px 3px rgba(0,0,0,.25);color:#4e4e4e;font:arial,sans-serif;font-size:12px;height:120px;left:0;line-height:135%;margin:5px 0 0 5px;overflow:hidden;padding:15px;position:absolute;top:0;width:120px;word-wrap:break-word;z-index:9}.ce-drag-helper:before{background:#2980b9;color:#fff;content:attr(data-ce-type);display:block;font-family:arial,sans-serif;font-size:10px;line-height:10px;padding:4px 4px 3px;position:absolute;right:0;top:0}.ce-drag-helper--type-list-item-text:after,.ce-drag-helper--type-list:after,.ce-drag-helper--type-pre-text:after,.ce-drag-helper--type-table-row:after,.ce-drag-helper--type-table:after,.ce-drag-helper--type-text:after{background-image:linear-gradient(hsla(0,0%,100%,0),#fff 66%);bottom:0;content:"";display:block;height:40px;left:0;position:absolute;width:100%}.ce-drag-helper--type-image{background-repeat:no-repeat;background-size:cover}.ce-element--type-image,.ce-element--type-video{display:block;margin-left:auto;margin-right:auto}.ce-element--type-image.align-left,.ce-element--type-video.align-left{clear:none;float:left}.ce-element--type-image.align-right,.ce-element--type-video.align-right{clear:none;float:right}.ce-measure{display:block!important}@font-face{font-family:icon;src:url(images/icons.woff);font-weight:400;font-style:normal}.ct-widget,.ct-widget *{box-sizing:border-box}.ct-widget * a,.ct-widget * b,.ct-widget * caption,.ct-widget * div,.ct-widget * form,.ct-widget * i fieldset,.ct-widget * iframe,.ct-widget * label,.ct-widget * legend,.ct-widget * span,.ct-widget * table,.ct-widget * tbody,.ct-widget * td,.ct-widget * tfoot,.ct-widget * th,.ct-widget * thead,.ct-widget * tr,.ct-widget a,.ct-widget b,.ct-widget caption,.ct-widget div,.ct-widget form,.ct-widget i fieldset,.ct-widget iframe,.ct-widget label,.ct-widget legend,.ct-widget span,.ct-widget table,.ct-widget tbody,.ct-widget td,.ct-widget tfoot,.ct-widget th,.ct-widget thead,.ct-widget tr{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}.ct-widget * ol,.ct-widget * ul,.ct-widget ol,.ct-widget ul{list-style:none}.ct-widget * table,.ct-widget table{border-collapse:collapse;border-spacing:0}.ct-widget{opacity:0;font-family:arial,sans-serif;font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:9999}.ct-widget,.ct-widget--active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in}.ct-widget--active{opacity:1}.ct-widget .ct-attribute{border-bottom:1px solid #eee;height:48px;vertical-align:top}.ct-widget .ct-attribute:after{clear:both;content:"";display:table}.ct-widget .ct-attribute__name{background:#f6f6f6;border:none;color:#646464;float:left;height:47px;outline:none;padding:0 16px;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:25%}.ct-widget .ct-attribute__name--invalid{color:#e74c3c}.ct-widget .ct-attribute__value{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:none;color:#646464;float:right;height:47px;outline:none;padding:0 16px;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:75%}.ct-widget .ct-crop-marks{height:320px;left:73px;position:absolute;top:0;width:427px}.ct-widget .ct-crop-marks__clipper{height:100%;overflow:hidden;position:relative;width:100%}.ct-widget .ct-crop-marks__ruler--top-left{position:absolute}.ct-widget .ct-crop-marks__ruler--top-left:after{border:1px solid hsla(0,0%,100%,.5);border-bottom:none;border-right:none;box-shadow:-1px -1px 1px rgba(0,0,0,.25),inset 1px 1px 1px rgba(0,0,0,.25);content:"";height:999px;left:0;position:absolute;top:0;width:999px}.ct-widget .ct-crop-marks__ruler--bottom-right{position:absolute}.ct-widget .ct-crop-marks__ruler--bottom-right:after{border:1px solid hsla(0,0%,100%,.5);border-top:none;border-left:none;bottom:0;box-shadow:1px 1px 1px rgba(0,0,0,.25),inset -1px -1px 1px rgba(0,0,0,.25);content:"";height:999px;position:absolute;right:0;width:999px}.ct-widget .ct-crop-marks__handle{background:#2980b9;border:1px solid #409ad5;border-radius:7px;cursor:pointer;height:15px;margin-left:-7px;margin-top:-7px;position:absolute;width:15px}.ct-widget .ct-crop-marks__handle--bottom-right{margin-left:-8px;margin-top:-8px}.ct-widget .ct-crop-marks__handle:hover{background:#2e8ece}@keyframes a{0%{transform:translate(-50%,-50%) rotate(0deg);transform:transform}to{transform:translate(-50%,-50%) rotate(359deg);transform:transform}}.ct-widget.ct-dialog{background:#fff;box-shadow:0 8px 8px rgba(0,0,0,.35);border-radius:2px;height:480px;left:50%;margin-left:-350px;margin-top:-240px;position:fixed;top:50%;width:700px;z-index:10099}.ct-widget.ct-dialog--busy .ct-dialog__busy{display:block}.ct-widget.ct-dialog--busy .ct-dialog__body{opacity:.1}.ct-widget .ct-dialog__header{color:#a4a4a4;border-bottom:1px solid #eee;height:48px;padding:0 16px;position:relative}.ct-widget .ct-dialog__caption{font-family:arial,sans-serif;font-size:18px}.ct-widget .ct-dialog__caption,.ct-widget .ct-dialog__close{line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-dialog__close{border-left:1px solid #eee;cursor:pointer;height:48px;position:absolute;right:0;text-align:center;top:0;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:48px}.ct-widget .ct-dialog__close:before{content:"\ea0f"}.ct-widget .ct-dialog__close:hover:before{color:#646464}.ct-widget .ct-dialog__body{margin:auto;width:572px}.ct-widget .ct-dialog__view{height:320px;margin-top:32px}.ct-widget .ct-dialog__controls{margin-top:16px}.ct-widget .ct-dialog__controls:after{clear:both;content:"";display:table}.ct-widget .ct-dialog__busy{display:none;position:absolute}.ct-widget .ct-dialog__busy:before{animation:a 5s linear;animation-iteration-count:infinite;animation-fill-mode:forwards;color:#a4a4a4;content:"\e994";left:50%;position:fixed;top:50%;font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-control-group{font-size:0}.ct-widget .ct-control-group--center{text-align:center}.ct-widget .ct-control-group--left{float:left}.ct-widget .ct-control-group--right{float:right}.ct-widget .ct-control{margin-left:16px;position:relative}.ct-widget .ct-control:first-child{margin-left:0}.ct-widget .ct-control--icon{color:#a4a4a4;cursor:pointer;display:inline-block;height:32px;line-height:32px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-control--icon,.ct-widget .ct-control--icon:after{border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-control--icon:after{background:#000;color:#fff;content:attr(data-ct-tooltip);display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;left:-26.5px;opacity:0;padding:0 8px;position:absolute;bottom:37px;font-family:arial,sans-serif;font-size:12px;line-height:20px;visibility:hidden;width:85px;word-break:break-word}.ct-widget .ct-control--icon:hover:after{opacity:.8;visibility:visible;transition-property:opacity;transition-duration:0s;transition-timing-function:ease-in;transition-delay:2s}.ct-widget .ct-control--icon:before{content:""}.ct-widget .ct-control--icon:hover{background:#eee;color:#646464}.ct-widget .ct-control--active,.ct-widget .ct-control--on{background:#a4a4a4;color:#fff}.ct-widget .ct-control--active:hover,.ct-widget .ct-control--on:hover{background:#646464;color:#fff}.ct-widget .ct-control--rotate-ccw:before{content:"\e965"}.ct-widget .ct-control--rotate-cw:before{content:"\e966"}.ct-widget .ct-control--crop:before{content:"\ea57"}.ct-widget .ct-control--remove:before{content:"\e9ac"}.ct-widget .ct-control--styles:before{content:"\e90b"}.ct-widget .ct-control--attributes:before{content:"\e994"}.ct-widget .ct-control--code:before{content:"\ea80"}.ct-widget .ct-control--icon.ct-control--muted{cursor:default}.ct-widget .ct-control--icon.ct-control--muted:before{opacity:.5}.ct-widget .ct-control--icon.ct-control--muted:hover{color:#a4a4a4;background:transparent}.ct-widget .ct-control--text{background:#2980b9;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;height:32px;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;font-family:arial,sans-serif;font-size:14px;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;width:100px}.ct-widget .ct-control--text:hover{background:#2e8ece}.ct-widget .ct-control--apply,.ct-widget .ct-control--insert,.ct-widget .ct-control--ok{background:#27ae60}.ct-widget .ct-control--apply:hover,.ct-widget .ct-control--insert:hover,.ct-widget .ct-control--ok:hover{background:#2cc36b}.ct-widget .ct-control--cancel,.ct-widget .ct-control--clear{background:#e74c3c}.ct-widget .ct-control--cancel:hover,.ct-widget .ct-control--clear:hover{background:#ea6153}.ct-widget .ct-control--text.ct-control--muted{background:#ccc;cursor:default}.ct-widget .ct-control--text.ct-control--muted:hover{background:#ccc}.ct-widget .ct-control--upload{overflow:hidden}.ct-widget.ct-image-dialog--empty .ct-control--cancel,.ct-widget.ct-image-dialog--empty .ct-control--clear,.ct-widget.ct-image-dialog--empty .ct-control--crop,.ct-widget.ct-image-dialog--empty .ct-control--insert,.ct-widget.ct-image-dialog--empty .ct-control--rotate-ccw,.ct-widget.ct-image-dialog--empty .ct-control--rotate-cw,.ct-widget.ct-image-dialog--empty .ct-progress-bar,.ct-widget.ct-image-dialog--populated .ct-control--cancel,.ct-widget.ct-image-dialog--populated .ct-control--upload,.ct-widget.ct-image-dialog--populated .ct-progress-bar,.ct-widget.ct-image-dialog--uploading .ct-control--clear,.ct-widget.ct-image-dialog--uploading .ct-control--crop,.ct-widget.ct-image-dialog--uploading .ct-control--insert,.ct-widget.ct-image-dialog--uploading .ct-control--rotate-ccw,.ct-widget.ct-image-dialog--uploading .ct-control--rotate-cw,.ct-widget.ct-image-dialog--uploading .ct-control--upload{display:none}.ct-widget .ct-image-dialog__view{background:#eee;position:relative}.ct-widget .ct-image-dialog__view:empty{font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:320px;text-align:center}.ct-widget .ct-image-dialog__view:empty:before{color:#fff;content:"\e90d"}.ct-widget .ct-image-dialog__image{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.ct-widget .ct-image-dialog__file-upload{cursor:pointer;font-size:400px;left:0;opacity:0;position:absolute;top:0}.ct-widget.ct-properties-dialog--attributes .ct-properties-dialog__attributes,.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles{display:block}.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles:empty:before{color:#a4a4a4;content:attr(data-ct-empty);display:block;font-style:italic;margin-top:20px;text-align:center}.ct-widget.ct-properties-dialog--code .ct-properties-dialog__code{display:block}.ct-widget .ct-properties-dialog__view{border:1px solid #ddd;overflow:auto}.ct-widget .ct-properties-dialog__attributes,.ct-widget .ct-properties-dialog__code,.ct-widget .ct-properties-dialog__styles{display:none}.ct-widget .ct-properties-dialog__inner-html{border:none;display:block;font-family:courier,Bitstream Vera Sans Mono,Consolas,Courier,monospace;height:318px;padding:16px;outline:none;resize:none;width:100%}.ct-widget .ct-properties-dialog__inner-html--invalid{color:#e74c3c}.ct-widget .ct-table-dialog__view{border:1px solid #ddd;overflow:auto}.ct-widget .ct-video-dialog__preview:empty{background:#eee;font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:320px;text-align:center}.ct-widget .ct-video-dialog__preview:empty:before{color:#fff;content:"\ea98"}.ct-widget .ct-video-dialog__input{border:none;border-bottom:1px solid #eee;height:32px;line-height:32px;outline:none;padding:0 4px;font-family:arial,sans-serif;font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;width:456px}.ct-widget .ct-video-dialog__input:focus{border-bottom:1px solid #e1e1e1}.ct-widget.ct-anchored-dialog{border-bottom:2px solid #27ae60;box-shadow:0 3px 3px rgba(0,0,0,.35);font-size:0;height:34px;left:0;margin-left:-160px;margin-top:-48px;position:absolute;top:0;width:320px;z-index:10099}.ct-widget.ct-anchored-dialog:after{border:16px solid hsla(0,0%,100%,0);border-top-color:#27ae60;content:"";left:144px;position:absolute;top:34px}.ct-widget .ct-anchored-dialog__input{border:none;color:#646464;outline:none;font-family:arial,sans-serif;font-size:14px;padding:0 8px 0 16px;vertical-align:top;width:256px}.ct-widget .ct-anchored-dialog__button,.ct-widget .ct-anchored-dialog__input{height:32px;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-anchored-dialog__button{background:#27ae60;cursor:pointer;display:inline-block;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-anchored-dialog__button:before{color:#fff;content:"\ea10"}.ct-widget .ct-anchored-dialog__button:hover{background:#2cc36b}.ct-widget .ct-anchored-dialog__target-button{background:#fff;cursor:pointer;display:inline-block;height:32px;line-height:32px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:32px}.ct-widget .ct-anchored-dialog__target-button:before{color:#a4a4a4;content:"\ea7d"}.ct-widget .ct-anchored-dialog__target-button:hover:before{color:#b1b1b1}.ct-widget .ct-anchored-dialog__target-button--active:before{color:#27ae60}.ct-widget .ct-anchored-dialog__target-button--active:hover:before{color:#2cc36b}@keyframes b{0%{opacity:0;font-size:32px;transform:font-size}25%{font-size:320px;opacity:1;transform:all}50%{font-size:320px;opacity:1;transform:all}75%{font-size:320px;opacity:1;transform:all}to{opacity:0;transform:all}}@keyframes c{0%{opacity:1;transform:opacity}99%{opacity:1;transform:opacity}to{opacity:0;transform:opacity}}.ct-widget.ct-flash{color:hsla(0,0%,100%,.9);height:0;left:0;position:fixed;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:0;width:0;z-index:10999}.ct-widget.ct-flash:before{left:50%;opacity:0;position:fixed;text-shadow:0 0 20px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.ct-widget.ct-flash--active{animation:c 2s ease-in;animation-iteration-count:1;animation-fill-mode:forwards}.ct-widget.ct-flash--active:before{animation:b 2s ease-in;animation-iteration-count:1;animation-fill-mode:forwards;font-size:320px;opacity:1}.ct-widget.ct-flash--ok:before{content:"\ea10"}.ct-widget.ct-flash--no:before{content:"\ea0f"}.ct-widget .ct-grip{cursor:move;font-size:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ct-widget .ct-grip__bump{background:rgba(70,70,70,.15);border-radius:12px;display:inline-block;height:12px;margin-left:12px;width:12px}.ct-widget .ct-grip__bump:first-child{margin-left:0}@keyframes d{0%{transform:rotate(0deg);transform:transform}to{transform:rotate(359deg);transform:transform}}.ct-widget.ct-ignition{left:16px;position:fixed;top:16px}.ct-widget.ct-ignition .ct-ignition__button{display:none}.ct-widget.ct-ignition--editing .ct-ignition__button--cancel,.ct-widget.ct-ignition--editing .ct-ignition__button--confirm,.ct-widget.ct-ignition--ready .ct-ignition__button--edit{display:block}.ct-widget.ct-ignition--busy .ct-ignition__button{display:none}.ct-widget.ct-ignition--busy .ct-ignition__button--busy{display:block}.ct-widget .ct-ignition__button{border-radius:24px;content:"";cursor:pointer;display:block;height:48px;line-height:48px;opacity:.9;position:absolute;text-align:center;font-family:icon;font-size:24px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:48px}.ct-widget .ct-ignition__button:before{color:#fff}.ct-widget .ct-ignition__button--busy{animation:d 5s linear;animation-iteration-count:infinite;animation-fill-mode:forwards;background:#646464;cursor:default}.ct-widget .ct-ignition__button--busy:before{content:"\e994"}.ct-widget .ct-ignition__button--busy:hover{background:#646464}.ct-widget .ct-ignition__button--confirm{background:#27ae60}.ct-widget .ct-ignition__button--confirm:before{content:"\ea10"}.ct-widget .ct-ignition__button--confirm:hover{background:#2cc36b}.ct-widget .ct-ignition__button--cancel{background:#e74c3c;left:64px}.ct-widget .ct-ignition__button--cancel:before{content:"\ea0f"}.ct-widget .ct-ignition__button--cancel:hover{background:#ea6153}.ct-widget .ct-ignition__button--edit{background:#2980b9}.ct-widget .ct-ignition__button--edit:before{content:"\e905";transition-property:transform;transition-duration:.1s;transition-timing-function:ease-in}.ct-widget .ct-ignition__button--edit:hover{background:#2e8ece}.ct-widget .ct-ignition__button--edit:hover:before{display:inline-block;transform:rotate(-15deg)}.ct-widget.ct-inspector{background:hsla(0,0%,91%,.2);border-top:1px solid hsla(0,0%,100%,.1);bottom:0;height:32px;left:0;overflow:hidden;padding:3px 16px 0;position:fixed;width:100%}.ct-widget .ct-inspector__tags{width:calc(100% - 128px)}.ct-widget .ct-inspector__tags:after{clear:both;content:"";display:table}.ct-widget .ct-inspector__tags:before{color:#464646;content:"\ea80";display:block;float:left;height:24px;line-height:24px;margin-right:16px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:24px}.ct-widget .ct-inspector__counter{border-left:1px solid rgba(0,0,0,.1);height:24px;line-height:24px;margin-right:16px;position:absolute;right:0;text-align:right;top:3px;width:128px}.ct-widget .ct-tag{background-color:#2980b9;border-radius:2px 0 0 2px;color:#fff;cursor:pointer;float:left;font-weight:700;height:24px;line-height:24px;margin-left:24px;padding:0 8px;position:relative;text-shadow:0 1px 0 rgba(0,0,0,.35)}.ct-widget .ct-tag:after{border-style:solid;border-bottom:12px solid rgba(255,0,0,0);border-left:12px solid #2980b9;border-right:none;border-top:12px solid rgba(255,0,0,0);content:"";display:block;height:24px;bottom:0;right:-24px;position:absolute;width:24px;-moz-transform:scale(.9999)}.ct-widget .ct-tag:first-child{margin-left:0}.ct-widget .ct-tag:hover{background-color:#4aa3df}.ct-widget .ct-tag:hover:after{border-left-color:#4aa3df}.ct-widget .ct-tag:first-child{background-color:#8e44ad}.ct-widget .ct-tag:first-child:after{border-left-color:#8e44ad}.ct-widget .ct-tag:first-child:hover{background-color:#9b50ba}.ct-widget .ct-tag:first-child:hover:after{border-left-color:#9b50ba}.ct-widget .ct-tag:nth-child(2){background-color:#2980b9}.ct-widget .ct-tag:nth-child(2):after{border-left-color:#2980b9}.ct-widget .ct-tag:nth-child(2):hover{background-color:#2e8ece}.ct-widget .ct-tag:nth-child(2):hover:after{border-left-color:#2e8ece}.ct-widget .ct-tag:nth-child(3){background-color:#27ae60}.ct-widget .ct-tag:nth-child(3):after{border-left-color:#27ae60}.ct-widget .ct-tag:nth-child(3):hover{background-color:#2cc36b}.ct-widget .ct-tag:nth-child(3):hover:after{border-left-color:#2cc36b}.ct-widget .ct-tag:nth-child(4){background-color:#d35400}.ct-widget .ct-tag:nth-child(4):after{border-left-color:#d35400}.ct-widget .ct-tag:nth-child(4):hover{background-color:#ed5e00}.ct-widget .ct-tag:nth-child(4):hover:after{border-left-color:#ed5e00}.ct-widget .ct-tag:nth-child(5){background-color:#f39c12}.ct-widget .ct-tag:nth-child(5):after{border-left-color:#f39c12}.ct-widget .ct-tag:nth-child(5):hover{background-color:#f4a62a}.ct-widget .ct-tag:nth-child(5):hover:after{border-left-color:#f4a62a}.ct-widget .ct-tag:nth-child(6){background-color:#16a085}.ct-widget .ct-tag:nth-child(6):after{border-left-color:#16a085}.ct-widget .ct-tag:nth-child(6):hover{background-color:#19b698}.ct-widget .ct-tag:nth-child(6):hover:after{border-left-color:#19b698}.ct-widget.ct-modal{background:rgba(0,0,0,.7);height:0;left:0;position:fixed;top:0;width:0;z-index:10009}.ct-widget.ct-modal--transparent{background:transparent}.ct-widget--active.ct-modal{height:100%;width:100%}.ct-widget .ct-progress-bar{border:1px solid #eee;height:32px;line-height:32px;padding:1px;width:456px}.ct-widget .ct-progress-bar__progress{background:#2980b9;height:28px}.ct-widget .ct-section{border-bottom:1px solid #eee;color:#bdbdbd;cursor:pointer;font-style:italic;height:48px;padding:0 16px;font-family:arial,sans-serif;font-size:16px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-section:after{clear:both;content:"";display:table}.ct-widget .ct-section:hover{background:#f6f6f6}.ct-widget .ct-section--applied{color:#646464;font-style:normal}.ct-widget .ct-section--applied .ct-section__switch{background-color:#27ae60;border:1px solid #1e8449}.ct-widget .ct-section--applied .ct-section__switch:before{left:25px;transition-property:left;transition-duration:.1s;transition-timing-function:ease-in}.ct-widget .ct-section--contains-input .ct-section__label{width:75%}.ct-widget .ct-section__label{float:left;overflow:hidden;text-overflow:ellipsis;width:472px;white-space:nowrap}.ct-widget .ct-section__switch{background-color:#ccc;border:1px solid #b3b3b3;border-radius:12px;box-shadow:inset 0 0 2px rgba(0,0,0,.1);float:right;height:24px;margin-top:12px;position:relative;width:48px}.ct-widget .ct-section__switch:before{background:#fff;border-radius:10px;content:"";height:20px;left:1px;position:absolute;top:1px;transition-property:left;transition-duration:.1s;transition-timing-function:ease-in;width:20px}.ct-widget .ct-section__input{background:#fff;border:none;color:#646464;float:right;height:47px;outline:none;padding:0 16px;text-align:right;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:25%}.ct-widget .ct-section__input--invalid{color:#e74c3c}.ct-widget.ct-toolbox{background:hsla(0,0%,91%,.9);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 3px 3px rgba(0,0,0,.35);left:128px;padding:8px;position:fixed;top:128px;width:138px}.ct-widget.ct-toolbox--dragging{opacity:.5}.ct-widget .ct-toolbox__grip{padding:8px 0}.ct-widget .ct-tool-group{padding:4px 0}.ct-widget .ct-tool-group:after{clear:both;content:"";display:table}.ct-widget .ct-tool-group:first-child{padding-top:0}.ct-widget .ct-tool{color:#464646;cursor:pointer;float:left;height:32px;margin:4px;margin-right:4px;position:relative;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-tool,.ct-widget .ct-tool:after{border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-tool:after{background:#000;color:#fff;content:attr(data-ct-tooltip);display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;left:-26.5px;opacity:0;padding:0 8px;position:absolute;bottom:37px;font-family:arial,sans-serif;font-size:12px;line-height:20px;visibility:hidden;width:85px;word-break:break-word}.ct-widget .ct-tool:hover:after{opacity:.8;visibility:visible;transition-property:opacity;transition-duration:0s;transition-timing-function:ease-in;transition-delay:2s}.ct-widget .ct-tool:before{line-height:32px}.ct-widget .ct-tool:nth-child(3n){margin-right:0}.ct-widget .ct-tool:hover{background:hsla(0,0%,100%,.5)}.ct-widget .ct-tool--disabled{color:rgba(70,70,70,.33)}.ct-widget .ct-tool--disabled:hover{background:transparent}.ct-widget .ct-tool--down{box-shadow:inset 0 1px 3px rgba(0,0,0,.25);line-height:34px}.ct-widget .ct-tool--down,.ct-widget .ct-tool--down:hover{background:rgba(0,0,0,.025)}.ct-widget .ct-tool--applied{background:rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.ct-widget .ct-tool--applied:hover{background:rgba(0,0,0,.15)}.ct-widget .ct-tool--bold:before{content:"\ea62"}.ct-widget .ct-tool--heading:before{content:"H";font-weight:700}.ct-widget .ct-tool--subheading:before{content:"H"}.ct-widget .ct-tool--paragraph:before{content:"P"}.ct-widget .ct-tool--preformatted:before{content:"\ea80"}.ct-widget .ct-tool--italic:before{content:"\ea64"}.ct-widget .ct-tool--link:before{content:"\e9cb"}.ct-widget .ct-tool--align-left:before{content:"\ea77"}.ct-widget .ct-tool--align-center:before{content:"\ea78"}.ct-widget .ct-tool--align-right:before{content:"\ea79"}.ct-widget .ct-tool--unordered-list:before{content:"\e9ba"}.ct-widget .ct-tool--ordered-list:before{content:"\e9b9"}.ct-widget .ct-tool--table:before{content:"\ea71"}.ct-widget .ct-tool--indent:before{content:"\ea7b"}.ct-widget .ct-tool--unindent:before{content:"\ea7c"}.ct-widget .ct-tool--line-break:before{content:"\ea6e"}.ct-widget .ct-tool--image:before{content:"\e90d"}.ct-widget .ct-tool--video:before{content:"\ea98"}.ct-widget .ct-tool--undo:before{content:"\e965"}.ct-widget .ct-tool--redo:before{content:"\e966"}.ct-widget .ct-tool--remove:before{content:"\e9ac"}@keyframes e{0%{outline-color:hsla(0,0%,100%,0);transform:background-color}25%{outline-color:#f39c12;transform:background-color}50%{outline-color:#f39c12;transform:background-color}to{outline-color:hsla(0,0%,100%,0);transform:background-color}}.ct-app,.ct-app *,.ct-app :after,.ct-app :before{box-sizing:border-box}.ct--highlight{outline:4px solid #f39c12;animation:e .5s ease-in;animation-iteration-count:infinite;animation-fill-mode:forwards}.ct--no-scroll{overflow:hidden}.ct--pseudo-select{background:rgba(0,0,0,.1)}.ct-widget.ct-draw{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.35),inset -1px 0 0 0 hsla(0,0%,100%,.5);display:flex;flex-direction:column;font-family:arial,sans-serif;font-size:14px;font-weight:400;height:100%;line-height:22px;opacity:1;position:fixed;right:-250px;top:0;width:250px;z-index:9998;transition-property:right;transition-duration:.25s;transition-timing-function:ease-out}.ct-widget.ct-draw--open{right:0;transition-property:right;transition-duration:.25s;transition-timing-function:ease-in}.ct-widget .ct-field{padding:5px 10px}.ct-widget .ct-field:first-child{padding-top:15px}.ct-widget .ct-field--optional .ct-field__label:after{content:" (Optional)";display:inline}.ct-widget .ct-field__label{color:#999;display:block;font-size:14px}.ct-widget .ct-field__error{color:#e74c3c;padding:2px 0}.ct-widget .ct-field__input:not(.ct-field__input--boolean){background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#666;display:block;font-family:inherit;font-size:inherit;height:40px;line-height:40px;margin:0;margin-top:5px;padding:0 10px;text-align:left;width:100%}.ct-widget .ct-field__input--boolean{margin-top:10px;transform:scale(1.25)}.ct-widget .ct-field__input--select{background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,#666 0),linear-gradient(135deg,#666 50%,transparent 0);background-repeat:no-repeat;background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px,100% 0;background-size:5px 5px,5px 5px,40px 40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ct-flows{background-color:rgba(0,0,0,.1)}.ct-flows__select{background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,rgba(0,0,0,.9) 0),linear-gradient(135deg,rgba(0,0,0,.9) 50%,transparent 0);background-repeat:no-repeat;background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px,100% 0;background-size:5px 5px,5px 5px,32px 32px;border:none;line-height:32px;outline:none;padding:0 10px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ct-widget .ct-inlay__header{align-items:center;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);display:flex;padding:20px 10px}.ct-widget .ct-inlay__heading{color:#6a6a6a;flex:1;font-size:22px;line-height:30px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ct-widget .ct-inlay__tools{display:flex;flex:0 0 auto}.ct-widget .ct-inlay__body{height:calc(100vh - 104px);overflow-x:hidden;overflow-y:auto}.ct-widget .ct-inlay__body::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}.ct-widget .ct-inlay__body::-webkit-scrollbar{width:5px}.ct-widget .ct-inlay__body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.25)}.ct-widget .ct-inlay__body--sorting .ct-snippet{cursor:-webkit-grabbing;cursor:grabbing}.ct-widget .ct-inlay-tool{align-items:center;border-radius:2px;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:8px;position:relative;width:32px}.ct-widget .ct-inlay-tool:last-child{margin-right:0}.ct-widget .ct-inlay-tool:hover{background-color:rgba(0,0,0,.1)}.ct-widget .ct-inlay-tool:hover:before{opacity:.8;visibility:visible;transition:opacity 0s ease-in;transition-delay:2s}.ct-widget .ct-inlay-tool:hover:after{color:#2980b9}.ct-widget .ct-inlay-tool:active,.ct-widget .ct-inlay-tool:focus{background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.ct-widget .ct-inlay-tool:before{background-color:#000;border-radius:3px 3px 0 3px;color:#fff;content:attr(data-ct-tooltip);display:block;font-family:arial,sans-serif;font-size:12px;hyphens:auto;line-height:20px;opacity:0;padding:0 8px;text-align:center;visibility:hidden;width:85px;word-break:break-word;z-index:1;position:absolute;bottom:24px;left:-94px}.ct-widget .ct-inlay-tool:after{background-position:50%;background-repeat:no-repeat;background-size:24px 24px;color:#999;display:block;height:32px;line-height:32px;text-align:center;width:32px;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-inlay-tool--add:after{content:"\ea0a"}.ct-widget .ct-inlay-tool--cancel:after{content:"\ea0f"}.ct-widget .ct-inlay-tool--confirm:after{content:"\ea10"}.ct-widget .ct-inlay-tool--order:after{content:"\e9bd"}.ct-widget .ct-inlay-section__heading{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);color:#6a6a6a;font-size:16px;line-height:20px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;padding:20px 10px 10px;width:100%}.ct-widget .ct-inlay-note{color:#999;font-size:14px;padding:20px 10px}.ct-widget .ct-snippet{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);padding:10px 10px 0;position:relative}.ct-widget .ct-snippet--ghost{background:#f8f8f8!important;color:rgba(0,0,0,.6)!important}.ct-widget .ct-snippet--helper{background:#fff!important;z-index:9999!important}.ct-widget .ct-snippet--scope-global .ct-snippet__label:before{background:#999;border-radius:8px;color:#fff;content:"G";display:inline-block;font-weight:700;height:16px;line-height:16px;margin-right:5px;text-align:center;width:16px}.ct-widget .ct-snippet--behaviour-manage:hover .ct-snippet__tools{opacity:1;transition:opacity .5s ease-in}.ct-widget .ct-snippet--behaviour-order{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:-webkit-grab;cursor:grab;user-select:none}.ct-widget .ct-snippet--behaviour-pick{cursor:pointer}.ct-widget .ct-snippet--behaviour-pick:hover .ct-snippet__label{color:#2980b9}.ct-widget .ct-snippet--behaviour-pick:hover .ct-snippet__label:before{background:#2980b9}.ct-widget .ct-snippet__label{color:#999;font-size:14px;margin-top:5px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.ct-widget .ct-snippet__preview{background:rgba(0,0,0,.025);background-position:50%;background-repeat:no-repeat;background-size:contain;height:50px}.ct-widget .ct-snippet__tools{background:hsla(0,0%,100%,.55);bottom:0;height:100%;left:0;opacity:0;position:absolute;width:100%;transition:opacity .5s ease-out}.ct-widget .ct-snippet__tool{align-items:center;bottom:8px;cursor:pointer;display:flex;height:32px;justify-content:center;right:8px;position:absolute;width:32px;z-index:1}.ct-widget .ct-snippet__tool:hover:before{opacity:.8;visibility:visible;transition:opacity 0s ease-in;transition-delay:2s}.ct-widget .ct-snippet__tool:hover:after{color:#2980b9}.ct-widget .ct-snippet__tool:before{background-color:#000;border-radius:3px 3px 0 3px;color:#fff;content:attr(data-ct-tooltip);display:block;font-family:arial,sans-serif;font-size:12px;hyphens:auto;line-height:20px;opacity:0;padding:0 8px;text-align:center;visibility:hidden;width:85px;word-break:break-word;z-index:1;position:absolute;bottom:24px;left:-94px}.ct-widget .ct-snippet__tool:after{background-position:50%;background-repeat:no-repeat;background-size:24px 24px;color:#999;display:block;height:32px;line-height:32px;text-align:center;width:32px;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-snippet__tool--tooltip-left:before{position:absolute;bottom:6px;left:-100px}.ct-widget .ct-snippet__tool--settings{right:84px}.ct-widget .ct-snippet__tool--settings:after{content:"\e993"}.ct-widget .ct-snippet__tool--scope{right:46px}.ct-widget .ct-snippet__tool--scope:after{content:"\e9ca"}.ct-widget .ct-snippet__tool--delete:after{content:"\e9ac"}.ct-widget .ct-snippet--permanent .ct-snippet__tool--settings{right:46px}.ct-widget .ct-snippet--permanent .ct-snippet__tool--scope{right:8px}.ct-snippet--helper{background:#fff!important;z-index:9999!important}.ct-widget.ct-toggle{position:fixed;right:64px;top:23px;transition-property:right;transition-duration:.25s;transition-timing-function:ease-out}.ct-widget.ct-toggle--off .ct-toggle__button--on,.ct-widget.ct-toggle--on .ct-toggle__button--off{display:block}.ct-widget.ct-toggle--disabled .ct-toggle__button,.ct-widget.ct-toggle--disabled .ct-toggle__button:hover{background:#ccc}.ct-widget .ct-toggle__button{background:#2980b9;border-radius:24px;cursor:pointer;display:none;height:48px;line-height:48px;opacity:.9;position:absolute;text-align:center;width:48px;font-family:icon;font-size:24px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-toggle__button--on:before{content:""}.ct-widget .ct-toggle__button--off:before{content:""}.ct-widget .ct-toggle__button:before{background-position:50%;background-repeat:no-repeat;background-size:24px 24px;color:#fff;display:block;height:48px;width:48px}.ct-widget .ct-toggle__button:hover{background:#2e8ece}.cf--flow-mgr-open .ct-widget.ct-toggle{right:314px;transition-property:right;transition-duration:.25s;transition-timing-function:ease-in}body{transition-property:padding-right;transition-duration:.25s;transition-timing-function:ease-out}body.cf--flow-mgr-open{padding-right:250px;transition-property:padding-right;transition-duration:.25s;transition-timing-function:ease-in}body.cf--flow-mgr-open .ct-widget.ct-ignition{right:378px;transition-property:all;transition-duration:.25s;transition-timing-function:ease-in}.ct-widget.ct-ignition{left:auto;right:128px;top:23px;transition-property:all;transition-duration:.25s;transition-timing-function:ease-out}.cf--highlight-snippet{position:relative}.cf--highlight-snippet:after{background:#2980b9;content:"";display:block;height:100%;left:0;opacity:.33;position:absolute;top:0;width:100%;z-index:9999}
\ No newline at end of file
+/*! content-flow v0.1.3 by Anthony Blackshaw <ant@getme.co.uk> (https://github.com/anthonyjb) */.ce--dragging,.ce--resizing{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ce--dragging{cursor:move!important}.ce--resizing{cursor:nwse-resize!important}.ce-element--type-image,.ce-element--type-video{background-repeat:no-repeat;position:relative;cursor:pointer;z-index:1}.ce-element--type-image:after,.ce-element--type-image:before,.ce-element--type-video:after,.ce-element--type-video:before{background:rgba(0,0,0,.5);border-radius:2px;color:#fff;display:none;font-family:arial,sans-serif;font-size:10px;line-height:10px;padding:4px 4px 3px;position:absolute}.ce-element--type-image:before,.ce-element--type-video:before{content:attr(data-ce-size);right:10px;top:10px}.ce-element--type-image.ce-element--over:before,.ce-element--type-image.ce-element--resizing:before,.ce-element--type-video.ce-element--over:before,.ce-element--type-video.ce-element--resizing:before{display:block}.ce-element--type-image{background-position:0 0;background-size:cover}.ce-element--type-image:after{background:transparent;content:"";display:block;left:0;position:relative;top:0;height:100%;width:100%}.ce-element--type-video{background:#333 url(images/video.svg) 50%/auto 48px no-repeat}.ce-element--type-video:after{bottom:10px;content:attr(data-ce-title);display:block;left:10px}.ce-element--empty:after{content:"...";display:inline-block;font-style:italic;opacity:.5}.ce-element--empty[data-ce-placeholder]:after{content:attr(data-ce-placeholder)}.ce-element--dragging{background-color:rgba(51,51,51,.1)!important;opacity:.5;z-index:-1}.ce-element--dragging.ce-element--type-image,.ce-element--dragging.ce-element--type-video{background-color:#333!important;opacity:1;outline-color:rgba(51,51,51,.1)!important}.ce-element--drop{position:relative!important}.ce-element--drop:before{background:#f39c12 url(images/drop-vert-above.svg) 50%/auto 32px repeat;bottom:0;content:""!important;left:0;opacity:.8;position:absolute;right:0;top:0;z-index:9}.ce-element--drop-below:before{transform:rotate(180deg)}.ce-element--drop-left:before{background-image:url(images/drop-horz.svg);transform:rotate(0deg)}.ce-element--drop-right:before{background-image:url(images/drop-horz.svg);transform:rotate(180deg)}.ce-element--drop.ce-element--type-table-row{background:#f39c12 url(images/drop-vert-above.svg) 50%/auto 32px repeat}.ce-element--drop.ce-element--type-table-row:before{display:none}.ce-element--drop.ce-element--type-table-row.ce-element--drop-below{background:#f39c12 url(images/drop-vert-below.svg) 50%/auto 32px repeat}.ce-element--focused,.ce-element--over{background-color:rgba(243,156,18,.1);outline:none}.ce-element--focused.ce-element--type-image,.ce-element--focused.ce-element--type-image-fixture,.ce-element--focused.ce-element--type-video,.ce-element--over.ce-element--type-image,.ce-element--over.ce-element--type-image-fixture,.ce-element--over.ce-element--type-video{background-color:#333;outline:4px solid rgba(243,156,18,.35)}.ce-element--resize-top-left{cursor:nw-resize}.ce-element--resize-top-right{cursor:ne-resize}.ce-element--resize-bottom-right{cursor:se-resize}.ce-element--resize-bottom-left{cursor:sw-resize}.ce-drag-helper{background:#fff;border-radius:2px;box-shadow:0 3px 3px rgba(0,0,0,.25);color:#4e4e4e;font:arial,sans-serif;font-size:12px;height:120px;left:0;line-height:135%;margin:5px 0 0 5px;overflow:hidden;padding:15px;position:absolute;top:0;width:120px;word-wrap:break-word;z-index:9}.ce-drag-helper:before{background:#2980b9;color:#fff;content:attr(data-ce-type);display:block;font-family:arial,sans-serif;font-size:10px;line-height:10px;padding:4px 4px 3px;position:absolute;right:0;top:0}.ce-drag-helper--type-list-item-text:after,.ce-drag-helper--type-list:after,.ce-drag-helper--type-pre-text:after,.ce-drag-helper--type-table-row:after,.ce-drag-helper--type-table:after,.ce-drag-helper--type-text:after{background-image:linear-gradient(hsla(0,0%,100%,0),#fff 66%);bottom:0;content:"";display:block;height:40px;left:0;position:absolute;width:100%}.ce-drag-helper--type-image{background-repeat:no-repeat;background-size:cover}.ce-element--type-image,.ce-element--type-video{display:block;margin-left:auto;margin-right:auto}.ce-element--type-image.align-left,.ce-element--type-video.align-left{clear:none;float:left}.ce-element--type-image.align-right,.ce-element--type-video.align-right{clear:none;float:right}.ce-measure{display:block!important}@font-face{font-family:icon;src:url(images/icons.woff);font-weight:400;font-style:normal}.ct-widget,.ct-widget *{box-sizing:border-box}.ct-widget * a,.ct-widget * b,.ct-widget * caption,.ct-widget * div,.ct-widget * form,.ct-widget * i fieldset,.ct-widget * iframe,.ct-widget * label,.ct-widget * legend,.ct-widget * span,.ct-widget * table,.ct-widget * tbody,.ct-widget * td,.ct-widget * tfoot,.ct-widget * th,.ct-widget * thead,.ct-widget * tr,.ct-widget a,.ct-widget b,.ct-widget caption,.ct-widget div,.ct-widget form,.ct-widget i fieldset,.ct-widget iframe,.ct-widget label,.ct-widget legend,.ct-widget span,.ct-widget table,.ct-widget tbody,.ct-widget td,.ct-widget tfoot,.ct-widget th,.ct-widget thead,.ct-widget tr{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}.ct-widget * ol,.ct-widget * ul,.ct-widget ol,.ct-widget ul{list-style:none}.ct-widget * table,.ct-widget table{border-collapse:collapse;border-spacing:0}.ct-widget{opacity:0;font-family:arial,sans-serif;font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:9999}.ct-widget,.ct-widget--active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in}.ct-widget--active{opacity:1}.ct-widget .ct-attribute{border-bottom:1px solid #eee;height:48px;vertical-align:top}.ct-widget .ct-attribute:after{clear:both;content:"";display:table}.ct-widget .ct-attribute__name{background:#f6f6f6;border:none;color:#646464;float:left;height:47px;outline:none;padding:0 16px;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:25%}.ct-widget .ct-attribute__name--invalid{color:#e74c3c}.ct-widget .ct-attribute__value{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:none;color:#646464;float:right;height:47px;outline:none;padding:0 16px;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:75%}.ct-widget .ct-crop-marks{height:320px;left:73px;position:absolute;top:0;width:427px}.ct-widget .ct-crop-marks__clipper{height:100%;overflow:hidden;position:relative;width:100%}.ct-widget .ct-crop-marks__ruler--top-left{position:absolute}.ct-widget .ct-crop-marks__ruler--top-left:after{border:1px solid hsla(0,0%,100%,.5);border-bottom:none;border-right:none;box-shadow:-1px -1px 1px rgba(0,0,0,.25),inset 1px 1px 1px rgba(0,0,0,.25);content:"";height:999px;left:0;position:absolute;top:0;width:999px}.ct-widget .ct-crop-marks__ruler--bottom-right{position:absolute}.ct-widget .ct-crop-marks__ruler--bottom-right:after{border:1px solid hsla(0,0%,100%,.5);border-top:none;border-left:none;bottom:0;box-shadow:1px 1px 1px rgba(0,0,0,.25),inset -1px -1px 1px rgba(0,0,0,.25);content:"";height:999px;position:absolute;right:0;width:999px}.ct-widget .ct-crop-marks__handle{background:#2980b9;border:1px solid #409ad5;border-radius:7px;cursor:pointer;height:15px;margin-left:-7px;margin-top:-7px;position:absolute;width:15px}.ct-widget .ct-crop-marks__handle--bottom-right{margin-left:-8px;margin-top:-8px}.ct-widget .ct-crop-marks__handle:hover{background:#2e8ece}@keyframes a{0%{transform:translate(-50%,-50%) rotate(0deg);transform:transform}to{transform:translate(-50%,-50%) rotate(359deg);transform:transform}}.ct-widget.ct-dialog{background:#fff;box-shadow:0 8px 8px rgba(0,0,0,.35);border-radius:2px;height:480px;left:50%;margin-left:-350px;margin-top:-240px;position:fixed;top:50%;width:700px;z-index:10099}.ct-widget.ct-dialog--busy .ct-dialog__busy{display:block}.ct-widget.ct-dialog--busy .ct-dialog__body{opacity:.1}.ct-widget .ct-dialog__header{color:#a4a4a4;border-bottom:1px solid #eee;height:48px;padding:0 16px;position:relative}.ct-widget .ct-dialog__caption{font-family:arial,sans-serif;font-size:18px}.ct-widget .ct-dialog__caption,.ct-widget .ct-dialog__close{line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-dialog__close{border-left:1px solid #eee;cursor:pointer;height:48px;position:absolute;right:0;text-align:center;top:0;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:48px}.ct-widget .ct-dialog__close:before{content:"\ea0f"}.ct-widget .ct-dialog__close:hover:before{color:#646464}.ct-widget .ct-dialog__body{margin:auto;width:572px}.ct-widget .ct-dialog__view{height:320px;margin-top:32px}.ct-widget .ct-dialog__controls{margin-top:16px}.ct-widget .ct-dialog__controls:after{clear:both;content:"";display:table}.ct-widget .ct-dialog__busy{display:none;position:absolute}.ct-widget .ct-dialog__busy:before{animation:a 5s linear;animation-iteration-count:infinite;animation-fill-mode:forwards;color:#a4a4a4;content:"\e994";left:50%;position:fixed;top:50%;font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-control-group{font-size:0}.ct-widget .ct-control-group--center{text-align:center}.ct-widget .ct-control-group--left{float:left}.ct-widget .ct-control-group--right{float:right}.ct-widget .ct-control{margin-left:16px;position:relative}.ct-widget .ct-control:first-child{margin-left:0}.ct-widget .ct-control--icon{color:#a4a4a4;cursor:pointer;display:inline-block;height:32px;line-height:32px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-control--icon,.ct-widget .ct-control--icon:after{border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-control--icon:after{background:#000;color:#fff;content:attr(data-ct-tooltip);display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;left:-26.5px;opacity:0;padding:0 8px;position:absolute;bottom:37px;font-family:arial,sans-serif;font-size:12px;line-height:20px;visibility:hidden;width:85px;word-break:break-word}.ct-widget .ct-control--icon:hover:after{opacity:.8;visibility:visible;transition-property:opacity;transition-duration:0s;transition-timing-function:ease-in;transition-delay:2s}.ct-widget .ct-control--icon:before{content:""}.ct-widget .ct-control--icon:hover{background:#eee;color:#646464}.ct-widget .ct-control--active,.ct-widget .ct-control--on{background:#a4a4a4;color:#fff}.ct-widget .ct-control--active:hover,.ct-widget .ct-control--on:hover{background:#646464;color:#fff}.ct-widget .ct-control--rotate-ccw:before{content:"\e965"}.ct-widget .ct-control--rotate-cw:before{content:"\e966"}.ct-widget .ct-control--crop:before{content:"\ea57"}.ct-widget .ct-control--remove:before{content:"\e9ac"}.ct-widget .ct-control--styles:before{content:"\e90b"}.ct-widget .ct-control--attributes:before{content:"\e994"}.ct-widget .ct-control--code:before{content:"\ea80"}.ct-widget .ct-control--icon.ct-control--muted{cursor:default}.ct-widget .ct-control--icon.ct-control--muted:before{opacity:.5}.ct-widget .ct-control--icon.ct-control--muted:hover{color:#a4a4a4;background:transparent}.ct-widget .ct-control--text{background:#2980b9;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;height:32px;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;font-family:arial,sans-serif;font-size:14px;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;width:100px}.ct-widget .ct-control--text:hover{background:#2e8ece}.ct-widget .ct-control--apply,.ct-widget .ct-control--insert,.ct-widget .ct-control--ok{background:#27ae60}.ct-widget .ct-control--apply:hover,.ct-widget .ct-control--insert:hover,.ct-widget .ct-control--ok:hover{background:#2cc36b}.ct-widget .ct-control--cancel,.ct-widget .ct-control--clear{background:#e74c3c}.ct-widget .ct-control--cancel:hover,.ct-widget .ct-control--clear:hover{background:#ea6153}.ct-widget .ct-control--text.ct-control--muted{background:#ccc;cursor:default}.ct-widget .ct-control--text.ct-control--muted:hover{background:#ccc}.ct-widget .ct-control--upload{overflow:hidden}.ct-widget.ct-image-dialog--empty .ct-control--cancel,.ct-widget.ct-image-dialog--empty .ct-control--clear,.ct-widget.ct-image-dialog--empty .ct-control--crop,.ct-widget.ct-image-dialog--empty .ct-control--insert,.ct-widget.ct-image-dialog--empty .ct-control--rotate-ccw,.ct-widget.ct-image-dialog--empty .ct-control--rotate-cw,.ct-widget.ct-image-dialog--empty .ct-progress-bar,.ct-widget.ct-image-dialog--populated .ct-control--cancel,.ct-widget.ct-image-dialog--populated .ct-control--upload,.ct-widget.ct-image-dialog--populated .ct-progress-bar,.ct-widget.ct-image-dialog--uploading .ct-control--clear,.ct-widget.ct-image-dialog--uploading .ct-control--crop,.ct-widget.ct-image-dialog--uploading .ct-control--insert,.ct-widget.ct-image-dialog--uploading .ct-control--rotate-ccw,.ct-widget.ct-image-dialog--uploading .ct-control--rotate-cw,.ct-widget.ct-image-dialog--uploading .ct-control--upload{display:none}.ct-widget .ct-image-dialog__view{background:#eee;position:relative}.ct-widget .ct-image-dialog__view:empty{font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:320px;text-align:center}.ct-widget .ct-image-dialog__view:empty:before{color:#fff;content:"\e90d"}.ct-widget .ct-image-dialog__image{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.ct-widget .ct-image-dialog__file-upload{cursor:pointer;font-size:400px;left:0;opacity:0;position:absolute;top:0}.ct-widget.ct-properties-dialog--attributes .ct-properties-dialog__attributes,.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles{display:block}.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles:empty:before{color:#a4a4a4;content:attr(data-ct-empty);display:block;font-style:italic;margin-top:20px;text-align:center}.ct-widget.ct-properties-dialog--code .ct-properties-dialog__code{display:block}.ct-widget .ct-properties-dialog__view{border:1px solid #ddd;overflow:auto}.ct-widget .ct-properties-dialog__attributes,.ct-widget .ct-properties-dialog__code,.ct-widget .ct-properties-dialog__styles{display:none}.ct-widget .ct-properties-dialog__inner-html{border:none;display:block;font-family:courier,Bitstream Vera Sans Mono,Consolas,Courier,monospace;height:318px;padding:16px;outline:none;resize:none;width:100%}.ct-widget .ct-properties-dialog__inner-html--invalid{color:#e74c3c}.ct-widget .ct-table-dialog__view{border:1px solid #ddd;overflow:auto}.ct-widget .ct-video-dialog__preview:empty{background:#eee;font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:320px;text-align:center}.ct-widget .ct-video-dialog__preview:empty:before{color:#fff;content:"\ea98"}.ct-widget .ct-video-dialog__input{border:none;border-bottom:1px solid #eee;height:32px;line-height:32px;outline:none;padding:0 4px;font-family:arial,sans-serif;font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;width:456px}.ct-widget .ct-video-dialog__input:focus{border-bottom:1px solid #e1e1e1}.ct-widget.ct-anchored-dialog{border-bottom:2px solid #27ae60;box-shadow:0 3px 3px rgba(0,0,0,.35);font-size:0;height:34px;left:0;margin-left:-160px;margin-top:-48px;position:absolute;top:0;width:320px;z-index:10099}.ct-widget.ct-anchored-dialog:after{border:16px solid hsla(0,0%,100%,0);border-top-color:#27ae60;content:"";left:144px;position:absolute;top:34px}.ct-widget .ct-anchored-dialog__input{border:none;color:#646464;outline:none;font-family:arial,sans-serif;font-size:14px;padding:0 8px 0 16px;vertical-align:top;width:256px}.ct-widget .ct-anchored-dialog__button,.ct-widget .ct-anchored-dialog__input{height:32px;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-anchored-dialog__button{background:#27ae60;cursor:pointer;display:inline-block;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-anchored-dialog__button:before{color:#fff;content:"\ea10"}.ct-widget .ct-anchored-dialog__button:hover{background:#2cc36b}.ct-widget .ct-anchored-dialog__target-button{background:#fff;cursor:pointer;display:inline-block;height:32px;line-height:32px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:32px}.ct-widget .ct-anchored-dialog__target-button:before{color:#a4a4a4;content:"\ea7d"}.ct-widget .ct-anchored-dialog__target-button:hover:before{color:#b1b1b1}.ct-widget .ct-anchored-dialog__target-button--active:before{color:#27ae60}.ct-widget .ct-anchored-dialog__target-button--active:hover:before{color:#2cc36b}@keyframes b{0%{opacity:0;font-size:32px;transform:font-size}25%{font-size:320px;opacity:1;transform:all}50%{font-size:320px;opacity:1;transform:all}75%{font-size:320px;opacity:1;transform:all}to{opacity:0;transform:all}}@keyframes c{0%{opacity:1;transform:opacity}99%{opacity:1;transform:opacity}to{opacity:0;transform:opacity}}.ct-widget.ct-flash{color:hsla(0,0%,100%,.9);height:0;left:0;position:fixed;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:0;width:0;z-index:10999}.ct-widget.ct-flash:before{left:50%;opacity:0;position:fixed;text-shadow:0 0 20px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.ct-widget.ct-flash--active{animation:c 2s ease-in;animation-iteration-count:1;animation-fill-mode:forwards}.ct-widget.ct-flash--active:before{animation:b 2s ease-in;animation-iteration-count:1;animation-fill-mode:forwards;font-size:320px;opacity:1}.ct-widget.ct-flash--ok:before{content:"\ea10"}.ct-widget.ct-flash--no:before{content:"\ea0f"}.ct-widget .ct-grip{cursor:move;font-size:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ct-widget .ct-grip__bump{background:rgba(70,70,70,.15);border-radius:12px;display:inline-block;height:12px;margin-left:12px;width:12px}.ct-widget .ct-grip__bump:first-child{margin-left:0}@keyframes d{0%{transform:rotate(0deg);transform:transform}to{transform:rotate(359deg);transform:transform}}.ct-widget.ct-ignition{left:16px;position:fixed;top:16px}.ct-widget.ct-ignition .ct-ignition__button{display:none}.ct-widget.ct-ignition--editing .ct-ignition__button--cancel,.ct-widget.ct-ignition--editing .ct-ignition__button--confirm,.ct-widget.ct-ignition--ready .ct-ignition__button--edit{display:block}.ct-widget.ct-ignition--busy .ct-ignition__button{display:none}.ct-widget.ct-ignition--busy .ct-ignition__button--busy{display:block}.ct-widget .ct-ignition__button{border-radius:24px;content:"";cursor:pointer;display:block;height:48px;line-height:48px;opacity:.9;position:absolute;text-align:center;font-family:icon;font-size:24px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:48px}.ct-widget .ct-ignition__button:before{color:#fff}.ct-widget .ct-ignition__button--busy{animation:d 5s linear;animation-iteration-count:infinite;animation-fill-mode:forwards;background:#646464;cursor:default}.ct-widget .ct-ignition__button--busy:before{content:"\e994"}.ct-widget .ct-ignition__button--busy:hover{background:#646464}.ct-widget .ct-ignition__button--confirm{background:#27ae60}.ct-widget .ct-ignition__button--confirm:before{content:"\ea10"}.ct-widget .ct-ignition__button--confirm:hover{background:#2cc36b}.ct-widget .ct-ignition__button--cancel{background:#e74c3c;left:64px}.ct-widget .ct-ignition__button--cancel:before{content:"\ea0f"}.ct-widget .ct-ignition__button--cancel:hover{background:#ea6153}.ct-widget .ct-ignition__button--edit{background:#2980b9}.ct-widget .ct-ignition__button--edit:before{content:"\e905";transition-property:transform;transition-duration:.1s;transition-timing-function:ease-in}.ct-widget .ct-ignition__button--edit:hover{background:#2e8ece}.ct-widget .ct-ignition__button--edit:hover:before{display:inline-block;transform:rotate(-15deg)}.ct-widget.ct-inspector{background:hsla(0,0%,91%,.2);border-top:1px solid hsla(0,0%,100%,.1);bottom:0;height:32px;left:0;overflow:hidden;padding:3px 16px 0;position:fixed;width:100%}.ct-widget .ct-inspector__tags{width:calc(100% - 128px)}.ct-widget .ct-inspector__tags:after{clear:both;content:"";display:table}.ct-widget .ct-inspector__tags:before{color:#464646;content:"\ea80";display:block;float:left;height:24px;line-height:24px;margin-right:16px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:24px}.ct-widget .ct-inspector__counter{border-left:1px solid rgba(0,0,0,.1);height:24px;line-height:24px;margin-right:16px;position:absolute;right:0;text-align:right;top:3px;width:128px}.ct-widget .ct-tag{background-color:#2980b9;border-radius:2px 0 0 2px;color:#fff;cursor:pointer;float:left;font-weight:700;height:24px;line-height:24px;margin-left:24px;padding:0 8px;position:relative;text-shadow:0 1px 0 rgba(0,0,0,.35)}.ct-widget .ct-tag:after{border-style:solid;border-bottom:12px solid rgba(255,0,0,0);border-left:12px solid #2980b9;border-right:none;border-top:12px solid rgba(255,0,0,0);content:"";display:block;height:24px;bottom:0;right:-24px;position:absolute;width:24px;-moz-transform:scale(.9999)}.ct-widget .ct-tag:first-child{margin-left:0}.ct-widget .ct-tag:hover{background-color:#4aa3df}.ct-widget .ct-tag:hover:after{border-left-color:#4aa3df}.ct-widget .ct-tag:first-child{background-color:#8e44ad}.ct-widget .ct-tag:first-child:after{border-left-color:#8e44ad}.ct-widget .ct-tag:first-child:hover{background-color:#9b50ba}.ct-widget .ct-tag:first-child:hover:after{border-left-color:#9b50ba}.ct-widget .ct-tag:nth-child(2){background-color:#2980b9}.ct-widget .ct-tag:nth-child(2):after{border-left-color:#2980b9}.ct-widget .ct-tag:nth-child(2):hover{background-color:#2e8ece}.ct-widget .ct-tag:nth-child(2):hover:after{border-left-color:#2e8ece}.ct-widget .ct-tag:nth-child(3){background-color:#27ae60}.ct-widget .ct-tag:nth-child(3):after{border-left-color:#27ae60}.ct-widget .ct-tag:nth-child(3):hover{background-color:#2cc36b}.ct-widget .ct-tag:nth-child(3):hover:after{border-left-color:#2cc36b}.ct-widget .ct-tag:nth-child(4){background-color:#d35400}.ct-widget .ct-tag:nth-child(4):after{border-left-color:#d35400}.ct-widget .ct-tag:nth-child(4):hover{background-color:#ed5e00}.ct-widget .ct-tag:nth-child(4):hover:after{border-left-color:#ed5e00}.ct-widget .ct-tag:nth-child(5){background-color:#f39c12}.ct-widget .ct-tag:nth-child(5):after{border-left-color:#f39c12}.ct-widget .ct-tag:nth-child(5):hover{background-color:#f4a62a}.ct-widget .ct-tag:nth-child(5):hover:after{border-left-color:#f4a62a}.ct-widget .ct-tag:nth-child(6){background-color:#16a085}.ct-widget .ct-tag:nth-child(6):after{border-left-color:#16a085}.ct-widget .ct-tag:nth-child(6):hover{background-color:#19b698}.ct-widget .ct-tag:nth-child(6):hover:after{border-left-color:#19b698}.ct-widget.ct-modal{background:rgba(0,0,0,.7);height:0;left:0;position:fixed;top:0;width:0;z-index:10009}.ct-widget.ct-modal--transparent{background:transparent}.ct-widget--active.ct-modal{height:100%;width:100%}.ct-widget .ct-progress-bar{border:1px solid #eee;height:32px;line-height:32px;padding:1px;width:456px}.ct-widget .ct-progress-bar__progress{background:#2980b9;height:28px}.ct-widget .ct-section{border-bottom:1px solid #eee;color:#bdbdbd;cursor:pointer;font-style:italic;height:48px;padding:0 16px;font-family:arial,sans-serif;font-size:16px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-section:after{clear:both;content:"";display:table}.ct-widget .ct-section:hover{background:#f6f6f6}.ct-widget .ct-section--applied{color:#646464;font-style:normal}.ct-widget .ct-section--applied .ct-section__switch{background-color:#27ae60;border:1px solid #1e8449}.ct-widget .ct-section--applied .ct-section__switch:before{left:25px;transition-property:left;transition-duration:.1s;transition-timing-function:ease-in}.ct-widget .ct-section--contains-input .ct-section__label{width:75%}.ct-widget .ct-section__label{float:left;overflow:hidden;text-overflow:ellipsis;width:472px;white-space:nowrap}.ct-widget .ct-section__switch{background-color:#ccc;border:1px solid #b3b3b3;border-radius:12px;box-shadow:inset 0 0 2px rgba(0,0,0,.1);float:right;height:24px;margin-top:12px;position:relative;width:48px}.ct-widget .ct-section__switch:before{background:#fff;border-radius:10px;content:"";height:20px;left:1px;position:absolute;top:1px;transition-property:left;transition-duration:.1s;transition-timing-function:ease-in;width:20px}.ct-widget .ct-section__input{background:#fff;border:none;color:#646464;float:right;height:47px;outline:none;padding:0 16px;text-align:right;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:25%}.ct-widget .ct-section__input--invalid{color:#e74c3c}.ct-widget.ct-toolbox{background:hsla(0,0%,91%,.9);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 3px 3px rgba(0,0,0,.35);left:128px;padding:8px;position:fixed;top:128px;width:138px}.ct-widget.ct-toolbox--dragging{opacity:.5}.ct-widget .ct-toolbox__grip{padding:8px 0}.ct-widget .ct-tool-group{padding:4px 0}.ct-widget .ct-tool-group:after{clear:both;content:"";display:table}.ct-widget .ct-tool-group:first-child{padding-top:0}.ct-widget .ct-tool{color:#464646;cursor:pointer;float:left;height:32px;margin:4px;margin-right:4px;position:relative;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-tool,.ct-widget .ct-tool:after{border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-tool:after{background:#000;color:#fff;content:attr(data-ct-tooltip);display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;left:-26.5px;opacity:0;padding:0 8px;position:absolute;bottom:37px;font-family:arial,sans-serif;font-size:12px;line-height:20px;visibility:hidden;width:85px;word-break:break-word}.ct-widget .ct-tool:hover:after{opacity:.8;visibility:visible;transition-property:opacity;transition-duration:0s;transition-timing-function:ease-in;transition-delay:2s}.ct-widget .ct-tool:before{line-height:32px}.ct-widget .ct-tool:nth-child(3n){margin-right:0}.ct-widget .ct-tool:hover{background:hsla(0,0%,100%,.5)}.ct-widget .ct-tool--disabled{color:rgba(70,70,70,.33)}.ct-widget .ct-tool--disabled:hover{background:transparent}.ct-widget .ct-tool--down{box-shadow:inset 0 1px 3px rgba(0,0,0,.25);line-height:34px}.ct-widget .ct-tool--down,.ct-widget .ct-tool--down:hover{background:rgba(0,0,0,.025)}.ct-widget .ct-tool--applied{background:rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.ct-widget .ct-tool--applied:hover{background:rgba(0,0,0,.15)}.ct-widget .ct-tool--bold:before{content:"\ea62"}.ct-widget .ct-tool--heading:before{content:"H";font-weight:700}.ct-widget .ct-tool--subheading:before{content:"H"}.ct-widget .ct-tool--paragraph:before{content:"P"}.ct-widget .ct-tool--preformatted:before{content:"\ea80"}.ct-widget .ct-tool--italic:before{content:"\ea64"}.ct-widget .ct-tool--link:before{content:"\e9cb"}.ct-widget .ct-tool--align-left:before{content:"\ea77"}.ct-widget .ct-tool--align-center:before{content:"\ea78"}.ct-widget .ct-tool--align-right:before{content:"\ea79"}.ct-widget .ct-tool--unordered-list:before{content:"\e9ba"}.ct-widget .ct-tool--ordered-list:before{content:"\e9b9"}.ct-widget .ct-tool--table:before{content:"\ea71"}.ct-widget .ct-tool--indent:before{content:"\ea7b"}.ct-widget .ct-tool--unindent:before{content:"\ea7c"}.ct-widget .ct-tool--line-break:before{content:"\ea6e"}.ct-widget .ct-tool--image:before{content:"\e90d"}.ct-widget .ct-tool--video:before{content:"\ea98"}.ct-widget .ct-tool--undo:before{content:"\e965"}.ct-widget .ct-tool--redo:before{content:"\e966"}.ct-widget .ct-tool--remove:before{content:"\e9ac"}@keyframes e{0%{outline-color:hsla(0,0%,100%,0);transform:background-color}25%{outline-color:#f39c12;transform:background-color}50%{outline-color:#f39c12;transform:background-color}to{outline-color:hsla(0,0%,100%,0);transform:background-color}}.ct-app,.ct-app *,.ct-app :after,.ct-app :before{box-sizing:border-box}.ct--highlight{outline:4px solid #f39c12;animation:e .5s ease-in;animation-iteration-count:infinite;animation-fill-mode:forwards}.ct--no-scroll{overflow:hidden}.ct--pseudo-select{background:rgba(0,0,0,.1)}.ct-widget.ct-draw{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.35),inset -1px 0 0 0 hsla(0,0%,100%,.5);display:flex;flex-direction:column;font-family:arial,sans-serif;font-size:14px;font-weight:400;height:100%;line-height:22px;opacity:1;position:fixed;right:-250px;top:0;width:250px;z-index:9998;transition-property:right;transition-duration:.25s;transition-timing-function:ease-out}.ct-widget.ct-draw--open{right:0;transition-property:right;transition-duration:.25s;transition-timing-function:ease-in}.ct-widget .ct-field{padding:5px 10px}.ct-widget .ct-field:first-child{padding-top:15px}.ct-widget .ct-field--optional .ct-field__label:after{content:" (Optional)";display:inline}.ct-widget .ct-field__label{color:#999;display:block;font-size:14px}.ct-widget .ct-field__error{color:#e74c3c;padding:2px 0}.ct-widget .ct-field__input:not(.ct-field__input--boolean){background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#666;display:block;font-family:inherit;font-size:inherit;height:40px;line-height:40px;margin:0;margin-top:5px;padding:0 10px;text-align:left;width:100%}.ct-widget .ct-field__input--boolean{margin-top:10px;transform:scale(1.25)}.ct-widget .ct-field__input--select{background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,#666 0),linear-gradient(135deg,#666 50%,transparent 0);background-repeat:no-repeat;background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px,100% 0;background-size:5px 5px,5px 5px,40px 40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ct-flows{background-color:rgba(0,0,0,.1)}.ct-flows__select{background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,rgba(0,0,0,.9) 0),linear-gradient(135deg,rgba(0,0,0,.9) 50%,transparent 0);background-repeat:no-repeat;background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px,100% 0;background-size:5px 5px,5px 5px,32px 32px;border:none;line-height:32px;outline:none;padding:0 10px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ct-widget .ct-inlay__header{align-items:center;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);display:flex;padding:20px 10px}.ct-widget .ct-inlay__heading{color:#6a6a6a;flex:1;font-size:22px;line-height:30px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ct-widget .ct-inlay__tools{display:flex;flex:0 0 auto}.ct-widget .ct-inlay__body{height:calc(100vh - 104px);overflow-x:hidden;overflow-y:auto}.ct-widget .ct-inlay__body::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}.ct-widget .ct-inlay__body::-webkit-scrollbar{width:5px}.ct-widget .ct-inlay__body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.25)}.ct-widget .ct-inlay__body--sorting .ct-snippet{cursor:-webkit-grabbing;cursor:grabbing}.ct-widget .ct-inlay-tool{align-items:center;border-radius:2px;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:8px;position:relative;width:32px}.ct-widget .ct-inlay-tool:last-child{margin-right:0}.ct-widget .ct-inlay-tool:hover{background-color:rgba(0,0,0,.1)}.ct-widget .ct-inlay-tool:hover:before{opacity:.8;visibility:visible;transition:opacity 0s ease-in;transition-delay:2s}.ct-widget .ct-inlay-tool:hover:after{color:#2980b9}.ct-widget .ct-inlay-tool:active,.ct-widget .ct-inlay-tool:focus{background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.ct-widget .ct-inlay-tool:before{background-color:#000;border-radius:3px 3px 0 3px;color:#fff;content:attr(data-ct-tooltip);display:block;font-family:arial,sans-serif;font-size:12px;hyphens:auto;line-height:20px;opacity:0;padding:0 8px;text-align:center;visibility:hidden;width:85px;word-break:break-word;z-index:1;position:absolute;bottom:24px;left:-94px}.ct-widget .ct-inlay-tool:after{background-position:50%;background-repeat:no-repeat;background-size:24px 24px;color:#999;display:block;height:32px;line-height:32px;text-align:center;width:32px;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-inlay-tool--add:after{content:"\ea0a"}.ct-widget .ct-inlay-tool--cancel:after{content:"\ea0f"}.ct-widget .ct-inlay-tool--confirm:after{content:"\ea10"}.ct-widget .ct-inlay-tool--order:after{content:"\e9bd"}.ct-widget .ct-inlay-section__heading{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);color:#6a6a6a;font-size:16px;line-height:20px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;padding:20px 10px 10px;width:100%}.ct-widget .ct-inlay-note{color:#999;font-size:14px;padding:20px 10px}.ct-widget .ct-snippet{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);padding:10px 10px 0;position:relative}.ct-widget .ct-snippet--ghost{background:#f8f8f8!important;color:rgba(0,0,0,.6)!important}.ct-widget .ct-snippet--helper{background:#fff!important;z-index:9999!important}.ct-widget .ct-snippet--scope-global .ct-snippet__label:before{background:#999;border-radius:8px;color:#fff;content:"G";display:inline-block;font-weight:700;height:16px;line-height:16px;margin-right:5px;text-align:center;width:16px}.ct-widget .ct-snippet--behaviour-manage:hover .ct-snippet__tools{opacity:1;transition:opacity .5s ease-in}.ct-widget .ct-snippet--behaviour-order{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:-webkit-grab;cursor:grab;user-select:none}.ct-widget .ct-snippet--behaviour-pick{cursor:pointer}.ct-widget .ct-snippet--behaviour-pick:hover .ct-snippet__label{color:#2980b9}.ct-widget .ct-snippet--behaviour-pick:hover .ct-snippet__label:before{background:#2980b9}.ct-widget .ct-snippet__label{color:#999;font-size:14px;margin-top:5px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.ct-widget .ct-snippet__preview{background:rgba(0,0,0,.025);background-position:50%;background-repeat:no-repeat;background-size:contain;height:50px}.ct-widget .ct-snippet__tools{background:hsla(0,0%,100%,.55);bottom:0;height:100%;left:0;opacity:0;position:absolute;width:100%;transition:opacity .5s ease-out}.ct-widget .ct-snippet__tool{align-items:center;bottom:8px;cursor:pointer;display:flex;height:32px;justify-content:center;right:8px;position:absolute;width:32px;z-index:1}.ct-widget .ct-snippet__tool:hover:before{opacity:.8;visibility:visible;transition:opacity 0s ease-in;transition-delay:2s}.ct-widget .ct-snippet__tool:hover:after{color:#2980b9}.ct-widget .ct-snippet__tool:before{background-color:#000;border-radius:3px 3px 0 3px;color:#fff;content:attr(data-ct-tooltip);display:block;font-family:arial,sans-serif;font-size:12px;hyphens:auto;line-height:20px;opacity:0;padding:0 8px;text-align:center;visibility:hidden;width:85px;word-break:break-word;z-index:1;position:absolute;bottom:24px;left:-94px}.ct-widget .ct-snippet__tool:after{background-position:50%;background-repeat:no-repeat;background-size:24px 24px;color:#999;display:block;height:32px;line-height:32px;text-align:center;width:32px;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-snippet__tool--tooltip-left:before{position:absolute;bottom:6px;left:-100px}.ct-widget .ct-snippet__tool--settings{right:84px}.ct-widget .ct-snippet__tool--settings:after{content:"\e993"}.ct-widget .ct-snippet__tool--scope{right:46px}.ct-widget .ct-snippet__tool--scope:after{content:"\e9ca"}.ct-widget .ct-snippet__tool--delete:after{content:"\e9ac"}.ct-widget .ct-snippet--permanent .ct-snippet__tool--settings{right:46px}.ct-widget .ct-snippet--permanent .ct-snippet__tool--scope{right:8px}.ct-snippet--helper{background:#fff!important;z-index:9999!important}.ct-widget.ct-toggle{position:fixed;right:64px;top:23px;transition-property:right;transition-duration:.25s;transition-timing-function:ease-out}.ct-widget.ct-toggle--off .ct-toggle__button--on,.ct-widget.ct-toggle--on .ct-toggle__button--off{display:block}.ct-widget.ct-toggle--disabled .ct-toggle__button,.ct-widget.ct-toggle--disabled .ct-toggle__button:hover{background:#ccc}.ct-widget .ct-toggle__button{background:#2980b9;border-radius:24px;cursor:pointer;display:none;height:48px;line-height:48px;opacity:.9;position:absolute;text-align:center;width:48px;font-family:icon;font-size:24px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-toggle__button--on:before{content:""}.ct-widget .ct-toggle__button--off:before{content:""}.ct-widget .ct-toggle__button:before{background-position:50%;background-repeat:no-repeat;background-size:24px 24px;color:#fff;display:block;height:48px;width:48px}.ct-widget .ct-toggle__button:hover{background:#2e8ece}.cf--flow-mgr-open .ct-widget.ct-toggle{right:314px;transition-property:right;transition-duration:.25s;transition-timing-function:ease-in}body{transition-property:padding-right;transition-duration:.25s;transition-timing-function:ease-out}body.cf--flow-mgr-open{padding-right:250px;transition-property:padding-right;transition-duration:.25s;transition-timing-function:ease-in}body.cf--flow-mgr-open .ct-widget.ct-ignition{right:378px;transition-property:all;transition-duration:.25s;transition-timing-function:ease-in}.ct-widget.ct-ignition{left:auto;right:128px;top:23px;transition-property:all;transition-duration:.25s;transition-timing-function:ease-out}.cf--highlight-snippet{position:relative}.cf--highlight-snippet:after{background:#2980b9;content:"";display:block;height:100%;left:0;opacity:.33;position:absolute;top:0;width:100%;z-index:9999}
\ No newline at end of file
diff --git a/build/content-flow.min.js b/build/content-flow.min.js
index 33ac759..ad0105c 100644
--- a/build/content-flow.min.js
+++ b/build/content-flow.min.js
@@ -1,3 +1,3 @@
-/*! content-flow v0.1.2 by Anthony Blackshaw <ant@getme.co.uk> (https://github.com/anthonyjb) */
-(function(){var a,b,c={}.hasOwnProperty,d=function(a,b){function d(){this.constructor=a}for(var e in b)c.call(b,e)&&(a[e]=b[e]);return d.prototype=b.prototype,a.prototype=new d,a.__super__=b.prototype,a},e=[].slice,f=function(a,b){return function(){return a.apply(b,arguments)}};a={dimSnippetDOMElement:function(b,c){var d;if(d=a.getSnippetDOMElement(b,c))return d.classList.remove("cf--highlight-snippet")},dimAllSnippetDOMElements:function(){var a,b,c,d,e;for(d=document.querySelectorAll(".cf--highlight-snippet"),e=[],b=0,c=d.length;b<c;b++)a=d[b],e.push(a.classList.remove("cf--highlight-snippet"));return e},getFlowCls:function(){return a.FlowModel},getFlowDOMelement:function(a){return document.querySelector("[data-cf-flow='"+(a.id||a)+"']")},getFlowIdFromDOMElement:function(a){return a.getAttribute("data-cf-flow")},getFlowLabelFromDOMElement:function(a){return a.getAttribute("data-cf-flow-label")},getSnippetCls:function(b){return a.SnippetModel},getSnippetDOMElement:function(a,b){return document.querySelector("[data-cf-snippet='"+b.id+"']")},getSnippetIdFromDOMElement:function(a){return a.getAttribute("data-cf-snippet")},getSnippetTypeCls:function(b){return a.SnippetTypeModel},highlightSnippetDOMElement:function(b,c){var d;if(d=a.getSnippetDOMElement(b,c))return d.classList.add("cf--highlight-snippet")}},"undefined"!=typeof window&&(window.ContentFlow=a),"undefined"!=typeof module&&module.exports&&(module.exports=a),b=function(b){function c(){c.__super__.constructor.call(this),this._api=null,this._flow=null,this._flowQuery=null,this._open=!1,this._draw=new a.DrawUI,this.attach(this._draw),this._flows=new a.FlowsUI,this._draw.attach(this._flows),this._toggle=new a.ToggleUI,this.attach(this._toggle),this._flows.addEventListener("select",function(a){return function(b){return a.flow(b.detail().flow)}}(this))}return d(c,b),c._uiInterfaces={},c.prototype.init=function(b,c){var d;if(null==b&&(b="[data-cf-flow]"),null==c&&(c=null),d=ContentTools.EditorApp.get(),this._api=c||new a.BaseAPI,this._toggle.addEventListener("on",function(a){return function(b){return a.open()}}(this)),this._toggle.addEventListener("off",function(a){return function(b){return a.close()}}(this)),d.addEventListener("start",function(a){return function(b){return a._toggle.hide()}}(this)),d.addEventListener("stop",function(a){return function(b){return a._toggle.show()}}(this)),this.syncFlows(b),this._domFlows.length>0)return this.mount(),this._toggle.show(),this.flow(this._flows.flows()[0])},c.prototype.api=function(){return this._api},c.prototype.isOpen=function(){return this._open},c.prototype.close=function(){var a;if(this.dispatchEvent(this.createEvent("close")))return document.body.classList.remove("cf--flow-mgr-open"),this._draw.close(),a=ContentTools.EditorApp.get(),a.syncRegions(),a.domRegions().length?a.ignition().show():void 0},c.prototype.flow=function(b,c){return null==c&&(c=!1),void 0===b?this._flow:c||this._flow!==b?(this._flow=b,this._flows.select(b),a.FlowMgr.get().loadInterface("list-snippets")):void 0},c.prototype.loadInterface=function(){var a,b,c,d;if(c=arguments[0],a=2<=arguments.length?e.call(arguments,1):[],d=new this.constructor._uiInterfaces[c])return d.safeToClose()?this._toggle.enable():this._toggle.disable(),this._draw.children().length>1&&(b=this._draw.children()[1],b.unmount(),this._draw.detach(b)),this._draw.attach(d),d.mount(),d.init.apply(d,a)},c.prototype.mount=function(){var a,b,c,d,e;for(this._domElement=this.constructor.createDiv(["cf-flow-mgr"]),document.body.insertBefore(this._domElement,null),this._addDOMEventListeners(),d=this.children(),e=[],b=0,c=d.length;b<c;b++)a=d[b],e.push(a.mount());return e},c.prototype.open=function(){if(this.dispatchEvent(this.createEvent("open")))return document.body.classList.add("cf--flow-mgr-open"),ContentTools.EditorApp.get().ignition().hide(),this._draw.open()},c.prototype.syncFlows=function(b){var c,d,e,f,g;if(b&&(this._flowQuery=b),this._domFlows=[],this._flowQuery){for("string"==typeof this._flowQuery||this._flowQuery instanceof String?this._domFlows=document.querySelectorAll(this._flowQuery):this._domFlows=this._flowQuery,d=[],g=this._domFlows,e=0,f=g.length;e<f;e++)c=g[e],d.push(new a.FlowModel(a.getFlowIdFromDOMElement(c),a.getFlowLabelFromDOMElement(c)));return this._flows.flows(d)}},c.prototype.unmount=function(){if(this.isMounted())return this._domElement.parentNode.removeChild(this._domElement),this._removeDOMEventListeners(),this._draw=null,this._flowSelect=null,this._toggle=null},c.registerInterface=function(a,b){return this._uiInterfaces[a]=b},c}(ContentTools.ComponentUI),a.FlowMgr=function(){function c(){}var d;return d=null,c.get=function(){var b;return b=a.FlowMgr.getCls(),null!=d?d:d=new b},c.getCls=function(){return b},c}(),a.BaseAPI=function(){function a(a,b){null==a&&(a="/"),null==b&&(b={}),this.baseURL=a,this.baseParams=b}return a.prototype.getGlobalSnippets=function(a){return this._callEndpoint("GET","global-snippets",{flow:a.id})},a.prototype.getSnippets=function(a){return this._callEndpoint("GET","snippets",{flow:a.id})},a.prototype.getSnippetTypes=function(a){return this._callEndpoint("GET","snippet-types",{flow:a.id})},a.prototype.getSnippetSettingsForm=function(a,b){return this._callEndpoint("GET","update-snippet-settings",{flow:a.id,snippet:b.id})},a.prototype.addSnippet=function(a,b){return this._callEndpoint("POST","add-snippet",{flow:a.id,snippet_type:b.id})},a.prototype.addGlobalSnippet=function(a,b){return this._callEndpoint("POST","add-global-snippet",{flow:a.id,global_snippet:b.globalId})},a.prototype.changeSnippetScope=function(a,b,c,d){return null==d&&(d=null),this._callEndpoint("POST","change-snippet-scope",{flow:a.id,snippet:b.id,scope:c,label:d})},a.prototype.updateSnippetSettings=function(a,b,c){var d,e,f;e={flow:a.id,snippet:b.id};for(d in c)f=c[d],e[d]=f;return this._callEndpoint("POST","update-snippet-settings",e)},a.prototype.deleteSnippet=function(a,b){return this._callEndpoint("POST","delete-snippet",{flow:a.id,snippet:b.id})},a.prototype.orderSnippets=function(a,b){var c;return this._callEndpoint("POST","order-snippets",{flow:a.id,snippets:function(){var a,d,e;for(e=[],a=0,d=b.length;a<d;a++)c=b[a],e.push(c.id);return e}()})},a.prototype._callEndpoint=function(a,b,c){var d,e,f,g,h,i,j;null==c&&(c={}),i=new XMLHttpRequest,d=null,g="",j=this.baseParams;for(e in j)h=j[e],void 0===c[e]&&(c[e]=h);switch(a.toLowerCase()){case"get":f=Object.keys(c).map(function(a){return Array.isArray(c[a])&&(c[a]=JSON.stringify(c[a])),[a,c[a]].map(encodeURIComponent).join("=")}),g="?"+f.join("&")+"&_="+Date.now();break;case"delete":case"post":case"post":d=new FormData;for(e in c)h=c[e],Array.isArray(h)&&(h=JSON.stringify(h)),d.append(e,h)}return i.open(a,""+this.baseURL+b+g),i.send(d),i},a}(),a.FlowModel=function(){function a(a,b,c){null==b&&(b=null),null==c&&(c=[]),this.id=a,this.label=b||a,this.snippetTypes=c}return a.prototype.getSnippetTypeById=function(a){var b,c,d,e;for(e=this.snippetTypes,c=0,d=e.length;c<d;c++)if(b=e[c],a===b.id)return b},a}(),a.SnippetModel=function(){function b(a,b,c,d,e,f){null==c&&(c="local"),null==d&&(d={}),null==e&&(e=null),null==f&&(f=null),this.id=a,this.type=b,this.scope=c,this.settings=d,this.globalId=e,this.globalLabel=f}return b.fromJSONType=function(b,c){var d;return d=a.getSnippetTypeCls(b),new a.SnippetModel(c.id,d.fromJSONType(b,c.type),c.scope,c.settings,c.global_id,c.global_label)},b}(),a.SnippetTypeModel=function(){function b(a,b,c){null==c&&(c=null),this.id=a,this.label=b,this.imageURL=c}return b.prototype.toSnippet=function(){return new a.SnippetModel("",this)},b.fromJSONType=function(b,c){return new a.SnippetTypeModel(c.id,c.label,c.image_url)},b}(),a.DrawUI=function(a){function b(){b.__super__.constructor.call(this),this._state="closed"}return d(b,a),b.prototype.open=function(){if(this.dispatchEvent(this.createEvent("open")))return this.state("open")},b.prototype.close=function(){if(this.dispatchEvent(this.createEvent("close")))return this.state("closed")},b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-widget","ct-draw","ct-draw--closed"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b.prototype.state=function(a){if(void 0===a)return a;if(this.state!==a&&this.dispatchEvent(this.createEvent("statechange",{state:a})))return this._state=a,this.isMounted()?(this.removeCSSClass("ct-draw--open"),this.removeCSSClass("ct-draw--closed"),"open"===this._state?this.addCSSClass("ct-draw--open"):this.addCSSClass("ct-draw--closed")):void 0},b}(ContentTools.ComponentUI),a.FieldUI=function(b){function c(a,b,d,e){c.__super__.constructor.call(this),this._name=a,this._label=b,this._required=d,this._initialValue=e}return d(c,b),c.prototype.name=function(){return this._name},c.prototype.label=function(){return this._label},c.prototype.required=function(){return this._required},c.prototype.initialValue=function(){return this._initialValue},c.prototype.errors=function(a){var b,c,d,e,f,g,h;if(!this.isMounted())throw Error("Cannot set error for unmounted field");if(void 0===a){for(a=[],h=this._domErrors.querySelector(".ct-field__error"),d=0,f=h.length;d<f;d++)b=h[d],a.push(b.textContent);return a}if(this._domErrors.innerHTML="",this._domErrors.classList.add("ct-field-errors__empty"),a){for(e=0,g=a.length;e<g;e++)c=a[e],b=this.constructor.createDiv(["ct-field__error"]),b.textContent=ContentEdit._(c),this._domErrors.appendChild(b);return this._domErrors.classList.remove("ct-field-errors__empty")}},c.prototype.mount=function(){return c.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-field",this._required?"ct-field--required":"ct-field--optional"]),this._domLabel=document.createElement("label"),this._domLabel.classList.add("ct-field__label"),this._domLabel.setAttribute("for",this._name),this._domLabel.textContent=ContentEdit._(this._label),this._domElement.appendChild(this._domLabel),this.mount_input(),this._domErrors=this.constructor.createDiv(["ct-field_errors","ct-field_errors__empty"]),this._domElement.appendChild(this._domErrors),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},c.prototype.mount_input=function(){},c.prototype.value=function(a){if(!this.isMounted())throw Error("Cannot set value for unmounted field");return void 0===a?this._domInput.value:this._domInput.value=a},c.prototype.unmount=function(){return c.__super__.unmount.call(this),this._domErrors=null,this._domInput=null,this._domLabel=null},c.fromJSONType=function(b){switch(b.type){case"boolean":return new a.BooleanFieldUI(b.name,b.label,b.required,b.value);case"select":return new a.SelectFieldUI(b.name,b.label,b.required,b.value,b.choices)}return new a.TextFieldUI(b.name,b.label,b.required,b.value)},c}(ContentTools.ComponentUI),a.BooleanFieldUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount_input=function(){return this._domInput=document.createElement("input"),this._domInput.classList.add("ct-field__input"),this._domInput.classList.add("ct-field__input--boolean"),this._domInput.setAttribute("id",this._name),this._domInput.setAttribute("name",this._name),this._domInput.setAttribute("type","checkbox"),this._initialValue&&this._domInput.setAttribute("checked",!0),this._domElement.appendChild(this._domInput)},b.prototype.value=function(a){if(!this.isMounted())throw Error("Cannot set value for unmounted field");return void 0===a?this._domInput.checked?this.name():"":(this._domInput.removeAttribute("checked"),a?this._domInput.setAttribute("checked",!0):void 0)},b}(a.FieldUI),a.SelectFieldUI=function(a){function b(a,c,d,e,f){b.__super__.constructor.call(this,a,c,d,e),this._choices=f}return d(b,a),b.prototype.choices=function(){return this.choices},b.prototype.mount_input=function(){var a,b,c,d,e;for(this._domInput=document.createElement("select"),this._domInput.classList.add("ct-field__input"),this._domInput.classList.add("ct-field__input--select"),this._domInput.setAttribute("id",this._name),this._domInput.setAttribute("name",this._name),e=this._choices,c=0,d=e.length;c<d;c++)a=e[c],b=document.createElement("option"),b.setAttribute("value",a[0]),b.textContent=ContentEdit._(a[1]),this._initialValue===a[0]&&b.setAttribute("selected",!0),this._domInput.appendChild(b);return this._domElement.appendChild(this._domInput)},b}(a.FieldUI),a.TextFieldUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount_input=function(){return this._domInput=document.createElement("input"),this._domInput.classList.add("ct-field__input"),this._domInput.classList.add("ct-field__input--text"),this._domInput.setAttribute("id",this._name),this._domInput.setAttribute("name",this._name),this._domInput.setAttribute("type","text"),this._domInput.setAttribute("value",this._initialValue?this._initialValue:""),this._domElement.appendChild(this._domInput)},b}(a.FieldUI),a.FlowsUI=function(a){function b(a){null==a&&(a=[]),b.__super__.constructor.call(this),this._flows=a}return d(b,a),b.prototype.domSelect=function(){return this._domSelect},b.prototype.flows=function(a,b){var c,d,e,f,g,h;if(null==b&&(b=!1),void 0===a)return this._flows.slice();if((b||JSON.stringify(this._flows)!==JSON.stringify(a))&&(this._flows=a,this.isMounted())){for(;this._domSelect.options.length>0;)this._domSelect.remove(0);for(g=this._flows,h=[],e=0,f=g.length;e<f;e++)d=g[e],c=document.createElement("option"),c.setAttribute("value",d.id),c.textContent=d.label,h.push(this._domSelect.appendChild(c));return h}},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-flows"]),this._domSelect=document.createElement("select"),this._domSelect.classList.add("ct-flows__select"),this._domSelect.setAttribute("name","flows"),this.flows(this._flows,!0),this._domElement.appendChild(this._domSelect),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype.select=function(a){return this._domSelect.value=a.id},b.prototype.unmount=function(){return b.__super__.unmount.call(this),this._domSelect=null},b.prototype._addDOMEventListeners=function(){return this._domSelect.addEventListener("change",function(a){return function(b){var c,d,e,f,g,h;for(d=a._domSelect.value,g=a._flows,h=[],e=0,f=g.length;e<f;e++)c=g[e],c.id===d?h.push(a.dispatchEvent(a.createEvent("select",{flow:c}))):h.push(void 0);return h}}(this))},b}(ContentTools.ComponentUI),a.InlayUI=function(b){function c(b){c.__super__.constructor.call(this),this._header=new a.InlayHeaderUI(b),this.attach(this._header),this._body=new a.InlayBodyUI,this.attach(this._body)}return d(c,b),c.prototype.body=function(){return this._body},c.prototype.header=function(){return this._header},c.prototype.mount=function(){return c.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),this._header.mount(),this._body.mount()},c}(ContentTools.ComponentUI),a.InlayBodyUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__body"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b}(ContentTools.ComponentUI),a.InlayHeaderToolsUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__tools"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b}(ContentTools.ComponentUI),a.InlayHeaderUI=function(b){function c(b){c.__super__.constructor.call(this),this._heading=b,this._tools=new a.InlayHeaderToolsUI,this.attach(this._tools)}return d(c,b),c.prototype.tools=function(){return this._tools},c.prototype.heading=function(a){return void 0===a?this._heading:(this._heading=a,this.isMounted()?this._domHeading.textContent=ContentEdit._(a):void 0)},c.prototype.mount=function(){return c.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__header"]),this._domHeading=this.constructor.createDiv(["ct-inlay__heading"]),this._domHeading.textContent=ContentEdit._(this._heading),this._domElement.appendChild(this._domHeading),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),this._tools.mount()},c.prototype.unmount=function(){return c.__super__.unmount.call(this),this._domHeading=null},c}(ContentTools.ComponentUI),a.InlayNoteUI=function(a){function b(a){b.__super__.constructor.call(this),this._content=a}return d(b,a),b.prototype.content=function(a){return void 0===a?this._content:(this._content=a,this.isMounted()?this._domElement.innerHTML=a:void 0)},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay-note"]),this._domElement.innerHTML=this._content,this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b}(ContentTools.ComponentUI),a.InlaySectionUI=function(a){function b(a){b.__super__.constructor.call(this),this._heading=a}return d(b,a),b.prototype.heading=function(a){return void 0===a?this._heading:(this._heading=a,this.isMounted()?this._domHeading.textContent=ContentEdit._(a):void 0)},b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay-section"]),this._domHeading=this.constructor.createDiv(["ct-inlay-section__heading"]),this._domHeading.textContent=ContentEdit._(this._heading),this._domElement.appendChild(this._domHeading),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b.prototype.unmount=function(){return b.__super__.unmount.call(this),this._domHeading=null},b}(ContentTools.ComponentUI),a.InlayToolUI=function(a){function b(a,c){b.__super__.constructor.call(this),this._toolName=a,this._tooltip=c}return d(b,a),b.prototype.toolName=function(){return this._toolName},b.prototype.tooltip=function(){return this._tooltip},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__tool","ct-inlay-tool","ct-inlay-tool--"+this._toolName]),this._domElement.setAttribute("data-ct-tooltip",ContentEdit._(this._tooltip)),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype._addDOMEventListeners=function(){return b.__super__._addDOMEventListeners.call(this),this._domElement.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("click"))}}(this))},b}(ContentTools.ComponentUI),a.SnippetUI=function(a){function b(a,c,d){b.__super__.constructor.call(this),this._snippet=a,this._behaviour=c,this._flags=d}return d(b,a),b.prototype.mount=function(){var a;return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-snippet","ct-snippet--behaviour-"+this._behaviour,"ct-snippet--scope-"+this._snippet.scope]),this._domElement.setAttribute("data-snippet-id",this._snippet.id),this._domPreview=this.constructor.createDiv(["ct-snippet__preview"]),this._snippet.type.imageURL&&(a="url("+this._snippet.type.imageURL+")",this._domPreview.style.backgroundImage=a),this._domElement.appendChild(this._domPreview),this._domLabel=this.constructor.createDiv(["ct-snippet__label"]),this._snippet.globalLabel?this._domLabel.textContent=this._snippet.globalLabel:this._domLabel.textContent=this._snippet.type.label,this._domElement.appendChild(this._domLabel),"manage"===this._behaviour&&(this._domTools=this.constructor.createDiv(["ct-snippet__tools"]),this._domSettingsTool=this.constructor.createDiv(["ct-snippet__tool","ct-snippet__tool--settings"]),this._domSettingsTool.setAttribute("data-ct-tooltip",ContentEdit._("Settings")),this._domTools.appendChild(this._domSettingsTool),this._domScopeTool=this.constructor.createDiv(["ct-snippet__tool","ct-snippet__tool--scope"]),this._domScopeTool.setAttribute("data-ct-tooltip",ContentEdit._("Scope")),this._domTools.appendChild(this._domScopeTool),this._flags.permanent?this._domElement.classList.add("ct-snippet--permanent"):(this._domElement.classList.remove("ct-snippet--permanent"),this._domDeleteTool=this.constructor.createDiv(["ct-snippet__tool","ct-snippet__tool--delete"]),this._domDeleteTool.setAttribute("data-ct-tooltip",ContentEdit._("Delete")),this._domTools.appendChild(this._domDeleteTool)),this._domElement.appendChild(this._domTools)),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype._addDOMEventListeners=function(){if(b.__super__._addDOMEventListeners.call(this),this._domElement.addEventListener("mouseover",function(a){return function(b){return a.dispatchEvent(a.createEvent("over",{snippet:a._snippet}))}}(this)),this._domElement.addEventListener("mouseout",function(a){return function(b){return a.dispatchEvent(a.createEvent("out",{snippet:a._snippet}))}}(this)),"manage"===this._behaviour){if(this._domSettingsTool.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("settings",{snippet:a._snippet}))}}(this)),this._domScopeTool.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("scope",{snippet:a._snippet}))}}(this)),this._domDeleteTool)return this._domDeleteTool.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("delete",{snippet:a._snippet}))}}(this))}else if("pick"===this._behaviour)return this._domElement.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("pick",{snippet:a._snippet}))}}(this))},b}(ContentTools.ComponentUI),a.ToggleUI=function(a){function b(){b.__super__.constructor.call(this),this._state="off",this._enabled=!0}return d(b,a),b.prototype.enabled=function(){return this._enabled},b.prototype.disable=function(){if(this.dispatchEvent(this.createEvent("disable"))&&(this._enabled=!1,this.isMounted()))return this.addCSSClass("ct-toggle--disabled")},b.prototype.enable=function(){if(this.dispatchEvent(this.createEvent("enable"))&&(this._enabled=!0,this.isMounted()))return this.removeCSSClass("ct-toggle--disabled")},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-widget","ct-toggle","ct-toggle--off"]),this._domOff=this.constructor.createDiv(["ct-toggle__button","ct-toggle__button--off"]),this._domElement.appendChild(this._domOff),this._domOn=this.constructor.createDiv(["ct-toggle__button","ct-toggle__button--on"]),this._domElement.appendChild(this._domOn),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype.off=function(){if(this.dispatchEvent(this.createEvent("off")))return this.state("off")},b.prototype.on=function(){if(this.dispatchEvent(this.createEvent("on")))return this.state("on")},b.prototype.state=function(a){if(void 0===a)return a;if(this.state!==a&&this.dispatchEvent(this.createEvent("statechange",{state:a})))return this._state=a,this.isMounted()?(this.removeCSSClass("ct-toggle--off"),this.removeCSSClass("ct-toggle--on"),"on"===this._state?this.addCSSClass("ct-toggle--on"):this.addCSSClass("ct-toggle--off")):void 0},b.prototype.toggle=function(){return"on"===this._state?this.off():this.on()},b.prototype.unmount=function(){return b.__super__.unmount.call(this),this._domOn=null,this._domOff=null},b.prototype._addDOMEventListeners=function(){return b.__super__._addDOMEventListeners.call(this),this._domOff.addEventListener("click",function(a){return function(b){if(b.preventDefault(),a._enabled)return a.off()}}(this)),this._domOn.addEventListener("click",function(a){return function(b){if(b.preventDefault(),a._enabled)return a.on()}}(this))},b}(ContentTools.WidgetUI),a.InterfaceUI=function(a){function b(a){b.__super__.constructor.call(this,a)}return d(b,a),b.prototype.init=function(){},b.prototype.safeToClose=function(){return!1},b}(a.InlayUI),a.AddSnippetUI=function(b){function c(){c.__super__.constructor.call(this,"Add"),this._tools={cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.cancel),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(){var b,d;return c.__super__.init.call(this),b=a.FlowMgr.get(),d=b.api().getSnippetTypes(b.flow()),d.addEventListener("load",function(c){return function(e){var f,g,h,i,j,k,l,m,n,o,p,q;for(g=a.FlowMgr.get().flow(),h=JSON.parse(e.target.responseText).payload,p=c._body.children,l=0,n=p.length;l<n;l++)f=p[l],c._body.detach(f);for(c._local=new a.InlaySectionUI("Local scope"),q=h.snippet_types,m=0,o=q.length;m<o;m++)j=q[m],i=a.SnippetTypeModel.fromJSONType(g,j),k=new a.SnippetUI(i.toSnippet(),"pick"),c._local.attach(k),k.addEventListener("pick",function(c){return b=a.FlowMgr.get(),d=b.api().addSnippet(b.flow(),c.detail().snippet.type),d.addEventListener("load",function(c){return function(c){var d,e;return g=b.flow(),h=JSON.parse(c.target.responseText).payload,e=document.createElement("div"),e.innerHTML=h.html,e=e.children[0],d=a.getFlowDOMelement(g),d.appendChild(e),b.syncFlows(),b.flow(g,!0)}}())});return c._body.attach(c._local),d=b.api().getGlobalSnippets(b.flow()),d.addEventListener("load",function(e){var f,i,j,l,m,n;for(h=JSON.parse(e.target.responseText).payload,g=a.FlowMgr.get().flow(),i=a.getSnippetCls(g),c._global=new a.InlaySectionUI("Global scope"),n=h.snippets,l=0,m=n.length;l<m;l++)j=n[l],f=i.fromJSONType(g,j),k=new a.SnippetUI(f,"pick"),c._global.attach(k),k.addEventListener("pick",function(c){return b=a.FlowMgr.get(),d=b.api().addGlobalSnippet(b.flow(),c.detail().snippet),d.addEventListener("load",function(c){return function(c){var d,e;return g=b.flow(),h=JSON.parse(c.target.responseText).payload,e=document.createElement("div"),e.innerHTML=h.html,e=e.children[0],d=a.getFlowDOMelement(g),d.appendChild(e),b.syncFlows(),b.flow(g,!0)}}())});return c._global.children().length>0&&c._body.attach(c._global),c._body.unmount(),c._body.mount()})}}(this))},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("add-snippet",a.AddSnippetUI),a.ListSnippetsUI=function(b){function c(){c.__super__.constructor.call(this,"Snippets"),this._tools={order:new a.InlayToolUI("order","Order",!0),add:new a.InlayToolUI("add","Add",!0)},this._tools.order.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("order-snippets")}}()),this._tools.add.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("add-snippet")}}())}return d(c,b),c.prototype.init=function(){var b,d;return c.__super__.init.call(this),a.dimAllSnippetDOMElements(),b=a.FlowMgr.get(),d=b.api().getSnippets(b.flow()),d.addEventListener("load",function(c){return function(e){var f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x;for(g=a.FlowMgr.get().flow(),j=JSON.parse(e.target.responseText).payload,v=c._body.children,p=0,s=v.length;p<s;p++)f=v[p],c._body.detach(f);for(h=a.getFlowDOMelement(g),i=parseInt(h.dataset.cfFlowMaxSnippets)||0,w=c._header.tools().children,q=0,t=w.length;q<t;q++)f=w[q],c._header.tools().detatch(f);for((0===i||j.snippets.length<i)&&c._header.tools().attach(c._tools.add),void 0===h.dataset.cfFlowFrozen&&c._header.tools().attach(c._tools.order),c._header.unmount(),c._header.mount(),l=a.getSnippetCls(g),x=j.snippets,r=0,u=x.length;r<u;r++)m=x[r],k=l.fromJSONType(g,m),n=a.getSnippetDOMElement(g,k),o=new a.SnippetUI(k,"manage",{permanent:void 0!==n.dataset.cfSnippetPermanent}),c._body.attach(o),o.addEventListener("over",function(b){return a.highlightSnippetDOMElement(a.FlowMgr.get().flow(),b.detail().snippet)}),o.addEventListener("out",function(b){return a.dimSnippetDOMElement(a.FlowMgr.get().flow(),b.detail().snippet)}),o.addEventListener("settings",function(b){return a.FlowMgr.get().loadInterface("snippet-settings",b.detail().snippet)}),o.addEventListener("scope",function(b){var c;return c="local","local"===b.detail().snippet.scope&&(c="global"),a.FlowMgr.get().loadInterface("make-snippet-"+c,b.detail().snippet)}),o.addEventListener("delete",function(c){var e,f;if(e=ContentEdit._("Are you sure you want to delete this snippet?"),confirm(e))return b=a.FlowMgr.get(),d=b.api().deleteSnippet(b.flow(),c.detail().snippet),f=function(c,d){return function(e){var f;return f=a.getSnippetDOMElement(c,d),f.remove(),b.syncFlows(),b.flow(c,!0)}},d.addEventListener("load",f(b.flow(),c.detail().snippet))});return c._body.unmount(),c._body.mount()}}(this))},c.prototype.safeToClose=function(){return!0},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("list-snippets",a.ListSnippetsUI),a.MakeSnippetGlobalUI=function(b){function c(){c.__super__.constructor.call(this,"Make global"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e;return d=a.FlowMgr.get(),e=d.api().changeSnippetScope(d.flow(),b._snippet,"global",b._labelField.value()),e.addEventListener("load",function(c){var d;return d=JSON.parse(c.target.responseText),"success"===d.status?a.FlowMgr.get().loadInterface("list-snippets"):b._labelField.errors([d.payload.errors.label])})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(b){var d;return c.__super__.init.call(this),this._snippet=b,this._labelField=new a.TextFieldUI("label","Label",!0),this._body.attach(this._labelField),d=new a.InlayNoteUI(ContentEdit._("Once you make a snippet global it can be inserted into other pages\nand changes made to the snippet&apos;s content or settings will be\napplied to all instances of the snippet.")),this._body.attach(d),this._body.unmount(),this._body.mount()},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("make-snippet-global",a.MakeSnippetGlobalUI),a.MakeSnippetLocaUI=function(b){function c(){c.__super__.constructor.call(this,"Make local"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e;return d=a.FlowMgr.get(),e=d.api().changeSnippetScope(d.flow(),b._snippet,"local"),e.addEventListener("load",function(b){return a.FlowMgr.get().loadInterface("list-snippets")})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(b){var d;return c.__super__.init.call(this),this._snippet=b,d=new a.InlayNoteUI(ContentEdit._("This action replaces the global snippet within the page with a\nlocal version of the snippet. Changes to local snippets are only\napplied to that instance of the snippet.")),this._body.attach(d),this._body.unmount(),this._body.mount()},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("make-snippet-local",a.MakeSnippetLocaUI),a.OrderSnippetsUI=function(b){function c(){this._grab=f(this._grab,this),
-this._drop=f(this._drop,this),this._drag=f(this._drag,this),c.__super__.constructor.call(this,"Order"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._grabbed=null,this._grabbedHelper=null,this._grabbedOffset=null,document.addEventListener("mousedown",this._grab),document.addEventListener("mousemove",this._drag),document.addEventListener("mouseup",this._drop),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e;return d=a.FlowMgr.get(),e=d.api().orderSnippets(d.flow(),b._newSnippetOrder),e.addEventListener("load",function(b){return a.FlowMgr.get().loadInterface("list-snippets")})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(c){return b._orderSnippetsOnPage(b._originalSnippetOrder),a.FlowMgr.get().loadInterface("list-snippets")}}(this))}return d(c,b),c.prototype.init=function(){var b,d;return c.__super__.init.call(this),b=a.FlowMgr.get(),d=b.api().getSnippets(b.flow()),d.addEventListener("load",function(b){return function(c){var d,e,f,g,h,i,j,k,l,m,n,o;for(b._snippets={},b._originalSnippetOrder=[],b._newSnippetOrder=[],f=JSON.parse(c.target.responseText).payload,n=b._body.children,j=0,l=n.length;j<l;j++)d=n[j],b._body.detach(d);for(e=a.FlowMgr.get().flow(),h=a.getSnippetCls(e),o=f.snippets,k=0,m=o.length;k<m;k++)i=o[k],g=h.fromJSONType(e,i),b._snippets[g.id]=g,b._originalSnippetOrder.push(g),b._newSnippetOrder.push(g),b._body.attach(new a.SnippetUI(g,"order"));return b._body.unmount(),b._body.mount()}}(this))},c.prototype.unmount=function(){return c.__super__.unmount.call(this),document.removeEventListener("mousedown",this._grab),document.removeEventListener("mousemove",this._drag),document.removeEventListener("mouseup",this._drop)},c.prototype._drag=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n;if(this._grabbed){for(h=this._getEventPos(a),f=[window.pageXOffset,window.pageYOffset],e=f[0]+h[0]-this._grabbedOffset[0]+"px",this._grabbedHelper.style.left=e,k=f[1]+h[1]-this._grabbedOffset[1]+"px",this._grabbedHelper.style.top=k,j=document.elementFromPoint(h[0],h[1]),d=null,n=this._body.children(),l=0,m=n.length;l<m;l++)if(b=n[l],(c=b.domElement())!==this._grabbed&&c.contains(j)){d=c;break}if(d)return i=d.getBoundingClientRect(),g=[h[0]-i.left,h[1]-i.top],this._body.domElement().removeChild(this._grabbed),g[1]>=i.height/2&&(d=d.nextElementSibling),this._body.domElement().insertBefore(this._grabbed,d)}},c.prototype._drop=function(a){var b,c,d,e,f;if(this._grabbed){for(this._grabbed.classList.remove("ct-snippet--ghost"),this._grabbed=null,this._grabbedOffset=null,document.body.removeChild(this._grabbedHelper),this._grabbedHelper=null,this._body.domElement().classList.remove("ct-inlay__body--sorting"),this._newSnippetOrder=[],f=this._body.domElement().childNodes,d=0,e=f.length;d<e;d++)b=f[d],1===b.nodeType&&(c=b.dataset.snippetId,this._newSnippetOrder.push(this._snippets[c]));return this._orderSnippetsOnPage(this._newSnippetOrder)}},c.prototype._getEventPos=function(a){return[a.pageX-window.pageXOffset,a.pageY-window.pageYOffset]},c.prototype._grab=function(a){var b,c,d,e,f,g,h,i,j;if("mousedown"!==a.type.toLowerCase()||1===a.which){for(e=null,j=this._body.children(),h=0,i=j.length;h<i;h++)if(b=j[h],d=b.domElement(),d.contains(a.target)){e=d;break}if(e)return this._grabbed=e,f=this._getEventPos(a),g=this._grabbed.getBoundingClientRect(),this._grabbedOffset=[f[0]-g.left,f[1]-g.top],this._grabbedHelper=e.cloneNode(!0),c=document.defaultView.getComputedStyle(e,"").cssText,this._grabbedHelper.style.cssText=c,this._grabbedHelper.style.position="absolute",this._grabbedHelper.style["pointer-events"]="none",this._grabbedHelper.style.left=f[0]-this._grabbedOffset[0]+"px",this._grabbedHelper.style.top=f[1]-this._grabbedOffset[1]+"px",this._grabbedHelper.classList.add("ct-snippet--helper"),document.body.appendChild(this._grabbedHelper),this._grabbed.classList.add("ct-snippet--ghost"),this._body.domElement().classList.add("ct-inlay__body--sorting")}},c.prototype._orderSnippetsOnPage=function(b){var c,d,e,f,g,h,i,j;for(e=a.FlowMgr.get().flow(),j=[],f=h=0,i=b.length;h<i;f=++h)g=b[f],0!==f&&(c=a.getSnippetDOMElement(e,b[f-1]),d=a.getSnippetDOMElement(e,g),c.nextSibling!==d&&(d.parentNode.removeChild(d),j.push(c.parentNode.insertBefore(d,c.nextSibling))));return j},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("order-snippets",a.OrderSnippetsUI),a.SnippetSettingsUI=function(b){function c(){c.__super__.constructor.call(this,"Settings"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e,f,g,h,i;if(!b._fields)return void a.FlowMgr.get().loadInterface("list-snippets");g={},i=b._fields;for(h in i)d=i[h],g[d.name()]=d.value();return e=a.FlowMgr.get(),f=e.api().updateSnippetSettings(e.flow(),b._snippet,g),f.addEventListener("load",function(c){var d,e,f,g,h,i,j,k;if(i=JSON.parse(c.target.responseText),"success"===i.status)return f=a.FlowMgr.get().flow(),h=a.getSnippetDOMElement(f,b._snippet),g=document.createElement("div"),g.innerHTML=i.payload.html,g=g.children[0],h.parentNode.replaceChild(g,h),a.FlowMgr.get().loadInterface("list-snippets");j=i.payload.errors,k=[];for(e in j)d=j[e],b._fields[e]?k.push(b._fields[e].errors(d)):k.push(void 0);return k})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(b){var c,d;return this._snippet=b,c=a.FlowMgr.get(),d=c.api().getSnippetSettingsForm(c.flow(),b),d.addEventListener("load",function(b){return function(c){var d,e,f,g,h,i,j,k,l,m,n,o;if(g=JSON.parse(c.target.responseText).payload,!g.fields)return b._fields=null,a.InlayNoteUI("There are no settings defined for this snippet."),b._body.unmount(),void b._body.mount();for(b._fields={},m=g.fields,i=0,k=m.length;i<k;i++)e=m[i],d=a.FieldUI.fromJSONType(e),b._fields[d.name()]=d,b._body.attach(d);for(b._body.unmount(),b._body.mount(),n=b._snippet.settings,o=[],h=j=0,l=n.length;j<l;h=++j)f=n[h],b._fields[f]?o.push(b._fields[f].value(h)):o.push(void 0);return o}}(this))},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("snippet-settings",a.SnippetSettingsUI)}).call(this);
\ No newline at end of file
+/*! content-flow v0.1.3 by Anthony Blackshaw <ant@getme.co.uk> (https://github.com/anthonyjb) */
+(function(){var a,b,c={}.hasOwnProperty,d=function(a,b){function d(){this.constructor=a}for(var e in b)c.call(b,e)&&(a[e]=b[e]);return d.prototype=b.prototype,a.prototype=new d,a.__super__=b.prototype,a},e=[].slice,f=function(a,b){return function(){return a.apply(b,arguments)}};a={dimSnippetDOMElement:function(b,c){var d;if(d=a.getSnippetDOMElement(b,c))return d.classList.remove("cf--highlight-snippet")},dimAllSnippetDOMElements:function(){var a,b,c,d,e;for(d=document.querySelectorAll(".cf--highlight-snippet"),e=[],b=0,c=d.length;b<c;b++)a=d[b],e.push(a.classList.remove("cf--highlight-snippet"));return e},getFlowCls:function(){return a.FlowModel},getFlowDOMelement:function(a){return document.querySelector("[data-cf-flow='"+(a.id||a)+"']")},getFlowIdFromDOMElement:function(a){return a.getAttribute("data-cf-flow")},getFlowLabelFromDOMElement:function(a){return a.getAttribute("data-cf-flow-label")},getSnippetCls:function(b){return a.SnippetModel},getSnippetDOMElement:function(a,b){return document.querySelector("[data-cf-snippet='"+b.id+"']")},getSnippetIdFromDOMElement:function(a){return a.getAttribute("data-cf-snippet")},getSnippetTypeCls:function(b){return a.SnippetTypeModel},highlightSnippetDOMElement:function(b,c){var d;if(d=a.getSnippetDOMElement(b,c))return d.classList.add("cf--highlight-snippet")}},"undefined"!=typeof window&&(window.ContentFlow=a),"undefined"!=typeof module&&module.exports&&(module.exports=a),b=function(b){function c(){c.__super__.constructor.call(this),this._api=null,this._flow=null,this._flowQuery=null,this._open=!1,this._draw=new a.DrawUI,this.attach(this._draw),this._flows=new a.FlowsUI,this._draw.attach(this._flows),this._toggle=new a.ToggleUI,this.attach(this._toggle),this._flows.addEventListener("select",function(a){return function(b){return a.flow(b.detail().flow)}}(this))}return d(c,b),c._uiInterfaces={},c.prototype.init=function(b,c){var d;if(null==b&&(b="[data-cf-flow]"),null==c&&(c=null),d=ContentTools.EditorApp.get(),this._api=c||new a.BaseAPI,this._toggle.addEventListener("on",function(a){return function(b){return a.open()}}(this)),this._toggle.addEventListener("off",function(a){return function(b){return a.close()}}(this)),d.addEventListener("start",function(a){return function(b){return a._toggle.hide()}}(this)),d.addEventListener("stop",function(a){return function(b){return a._toggle.show()}}(this)),this.syncFlows(b),this._domFlows.length>0)return this.mount(),this._toggle.show(),this.flow(this._flows.flows()[0])},c.prototype.api=function(){return this._api},c.prototype.isOpen=function(){return this._open},c.prototype.close=function(){var a;if(this.dispatchEvent(this.createEvent("close")))return document.body.classList.remove("cf--flow-mgr-open"),this._draw.close(),a=ContentTools.EditorApp.get(),a.syncRegions(),a.domRegions().length?a.ignition().show():void 0},c.prototype.flow=function(b,c){return null==c&&(c=!1),void 0===b?this._flow:c||this._flow!==b?(this._flow=b,this._flows.select(b),a.FlowMgr.get().loadInterface("list-snippets")):void 0},c.prototype.loadInterface=function(){var a,b,c,d;if(c=arguments[0],a=2<=arguments.length?e.call(arguments,1):[],d=new this.constructor._uiInterfaces[c])return d.safeToClose()?this._toggle.enable():this._toggle.disable(),this._draw.children().length>1&&(b=this._draw.children()[1],b.unmount(),this._draw.detach(b)),this._draw.attach(d),d.mount(),d.init.apply(d,a)},c.prototype.mount=function(){var a,b,c,d,e;for(this._domElement=this.constructor.createDiv(["cf-flow-mgr"]),document.body.insertBefore(this._domElement,null),this._addDOMEventListeners(),d=this.children(),e=[],b=0,c=d.length;b<c;b++)a=d[b],e.push(a.mount());return e},c.prototype.open=function(){if(this.dispatchEvent(this.createEvent("open")))return document.body.classList.add("cf--flow-mgr-open"),ContentTools.EditorApp.get().ignition().hide(),this._draw.open()},c.prototype.syncFlows=function(b){var c,d,e,f,g,h;if(b&&(this._flowQuery=b),this._domFlows=[],this._flowQuery){for("string"==typeof this._flowQuery||this._flowQuery instanceof String?this._domFlows=document.querySelectorAll(this._flowQuery):this._domFlows=this._flowQuery,this._domFlows=Array.from(this._domFlows),c=function(a,b){var c,d;return c=parseFloat(a.dataset.cfFlowPosition),NaN===c&&(c=999999),d=parseFloat(b.dataset.cfFlowPosition),NaN===d&&(d=999999),c-d},this._domFlows.sort(c),e=[],h=this._domFlows,f=0,g=h.length;f<g;f++)d=h[f],e.push(new a.FlowModel(a.getFlowIdFromDOMElement(d),a.getFlowLabelFromDOMElement(d)));return this._flows.flows(e)}},c.prototype.unmount=function(){if(this.isMounted())return this._domElement.parentNode.removeChild(this._domElement),this._removeDOMEventListeners(),this._draw=null,this._flowSelect=null,this._toggle=null},c.registerInterface=function(a,b){return this._uiInterfaces[a]=b},c}(ContentTools.ComponentUI),a.FlowMgr=function(){function c(){}var d;return d=null,c.get=function(){var b;return b=a.FlowMgr.getCls(),null!=d?d:d=new b},c.getCls=function(){return b},c}(),a.BaseAPI=function(){function a(a,b){null==a&&(a="/"),null==b&&(b={}),this.baseURL=a,this.baseParams=b}return a.prototype.getGlobalSnippets=function(a){return this._callEndpoint("GET","global-snippets",{flow:a.id})},a.prototype.getSnippets=function(a){return this._callEndpoint("GET","snippets",{flow:a.id})},a.prototype.getSnippetTypes=function(a){return this._callEndpoint("GET","snippet-types",{flow:a.id})},a.prototype.getSnippetSettingsForm=function(a,b){return this._callEndpoint("GET","update-snippet-settings",{flow:a.id,snippet:b.id})},a.prototype.addSnippet=function(a,b){return this._callEndpoint("POST","add-snippet",{flow:a.id,snippet_type:b.id})},a.prototype.addGlobalSnippet=function(a,b){return this._callEndpoint("POST","add-global-snippet",{flow:a.id,global_snippet:b.globalId})},a.prototype.changeSnippetScope=function(a,b,c,d){return null==d&&(d=null),this._callEndpoint("POST","change-snippet-scope",{flow:a.id,snippet:b.id,scope:c,label:d})},a.prototype.updateSnippetSettings=function(a,b,c){var d,e,f;e={flow:a.id,snippet:b.id};for(d in c)f=c[d],e[d]=f;return this._callEndpoint("POST","update-snippet-settings",e)},a.prototype.deleteSnippet=function(a,b){return this._callEndpoint("POST","delete-snippet",{flow:a.id,snippet:b.id})},a.prototype.orderSnippets=function(a,b){var c;return this._callEndpoint("POST","order-snippets",{flow:a.id,snippets:function(){var a,d,e;for(e=[],a=0,d=b.length;a<d;a++)c=b[a],e.push(c.id);return e}()})},a.prototype._callEndpoint=function(a,b,c){var d,e,f,g,h,i,j;null==c&&(c={}),i=new XMLHttpRequest,d=null,g="",j=this.baseParams;for(e in j)h=j[e],void 0===c[e]&&(c[e]=h);switch(a.toLowerCase()){case"get":f=Object.keys(c).map(function(a){return Array.isArray(c[a])&&(c[a]=JSON.stringify(c[a])),[a,c[a]].map(encodeURIComponent).join("=")}),g="?"+f.join("&")+"&_="+Date.now();break;case"delete":case"post":case"post":d=new FormData;for(e in c)h=c[e],Array.isArray(h)&&(h=JSON.stringify(h)),d.append(e,h)}return i.open(a,""+this.baseURL+b+g),i.send(d),i},a}(),a.FlowModel=function(){function a(a,b,c){null==b&&(b=null),null==c&&(c=[]),this.id=a,this.label=b||a,this.snippetTypes=c}return a.prototype.getSnippetTypeById=function(a){var b,c,d,e;for(e=this.snippetTypes,c=0,d=e.length;c<d;c++)if(b=e[c],a===b.id)return b},a}(),a.SnippetModel=function(){function b(a,b,c,d,e,f){null==c&&(c="local"),null==d&&(d={}),null==e&&(e=null),null==f&&(f=null),this.id=a,this.type=b,this.scope=c,this.settings=d,this.globalId=e,this.globalLabel=f}return b.fromJSONType=function(b,c){var d;return d=a.getSnippetTypeCls(b),new a.SnippetModel(c.id,d.fromJSONType(b,c.type),c.scope,c.settings,c.global_id,c.global_label)},b}(),a.SnippetTypeModel=function(){function b(a,b,c){null==c&&(c=null),this.id=a,this.label=b,this.imageURL=c}return b.prototype.toSnippet=function(){return new a.SnippetModel("",this)},b.fromJSONType=function(b,c){return new a.SnippetTypeModel(c.id,c.label,c.image_url)},b}(),a.DrawUI=function(a){function b(){b.__super__.constructor.call(this),this._state="closed"}return d(b,a),b.prototype.open=function(){if(this.dispatchEvent(this.createEvent("open")))return this.state("open")},b.prototype.close=function(){if(this.dispatchEvent(this.createEvent("close")))return this.state("closed")},b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-widget","ct-draw","ct-draw--closed"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b.prototype.state=function(a){if(void 0===a)return a;if(this.state!==a&&this.dispatchEvent(this.createEvent("statechange",{state:a})))return this._state=a,this.isMounted()?(this.removeCSSClass("ct-draw--open"),this.removeCSSClass("ct-draw--closed"),"open"===this._state?this.addCSSClass("ct-draw--open"):this.addCSSClass("ct-draw--closed")):void 0},b}(ContentTools.ComponentUI),a.FieldUI=function(b){function c(a,b,d,e){c.__super__.constructor.call(this),this._name=a,this._label=b,this._required=d,this._initialValue=e}return d(c,b),c.prototype.name=function(){return this._name},c.prototype.label=function(){return this._label},c.prototype.required=function(){return this._required},c.prototype.initialValue=function(){return this._initialValue},c.prototype.errors=function(a){var b,c,d,e,f,g,h;if(!this.isMounted())throw Error("Cannot set error for unmounted field");if(void 0===a){for(a=[],h=this._domErrors.querySelector(".ct-field__error"),d=0,f=h.length;d<f;d++)b=h[d],a.push(b.textContent);return a}if(this._domErrors.innerHTML="",this._domErrors.classList.add("ct-field-errors__empty"),a){for(e=0,g=a.length;e<g;e++)c=a[e],b=this.constructor.createDiv(["ct-field__error"]),b.textContent=ContentEdit._(c),this._domErrors.appendChild(b);return this._domErrors.classList.remove("ct-field-errors__empty")}},c.prototype.mount=function(){return c.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-field",this._required?"ct-field--required":"ct-field--optional"]),this._domLabel=document.createElement("label"),this._domLabel.classList.add("ct-field__label"),this._domLabel.setAttribute("for",this._name),this._domLabel.textContent=ContentEdit._(this._label),this._domElement.appendChild(this._domLabel),this.mount_input(),this._domErrors=this.constructor.createDiv(["ct-field_errors","ct-field_errors__empty"]),this._domElement.appendChild(this._domErrors),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},c.prototype.mount_input=function(){},c.prototype.value=function(a){if(!this.isMounted())throw Error("Cannot set value for unmounted field");return void 0===a?this._domInput.value:this._domInput.value=a},c.prototype.unmount=function(){return c.__super__.unmount.call(this),this._domErrors=null,this._domInput=null,this._domLabel=null},c.fromJSONType=function(b){switch(b.type){case"boolean":return new a.BooleanFieldUI(b.name,b.label,b.required,b.value);case"select":return new a.SelectFieldUI(b.name,b.label,b.required,b.value,b.choices)}return new a.TextFieldUI(b.name,b.label,b.required,b.value)},c}(ContentTools.ComponentUI),a.BooleanFieldUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount_input=function(){return this._domInput=document.createElement("input"),this._domInput.classList.add("ct-field__input"),this._domInput.classList.add("ct-field__input--boolean"),this._domInput.setAttribute("id",this._name),this._domInput.setAttribute("name",this._name),this._domInput.setAttribute("type","checkbox"),this._initialValue&&this._domInput.setAttribute("checked",!0),this._domElement.appendChild(this._domInput)},b.prototype.value=function(a){if(!this.isMounted())throw Error("Cannot set value for unmounted field");return void 0===a?this._domInput.checked?this.name():"":(this._domInput.removeAttribute("checked"),a?this._domInput.setAttribute("checked",!0):void 0)},b}(a.FieldUI),a.SelectFieldUI=function(a){function b(a,c,d,e,f){b.__super__.constructor.call(this,a,c,d,e),this._choices=f}return d(b,a),b.prototype.choices=function(){return this.choices},b.prototype.mount_input=function(){var a,b,c,d,e;for(this._domInput=document.createElement("select"),this._domInput.classList.add("ct-field__input"),this._domInput.classList.add("ct-field__input--select"),this._domInput.setAttribute("id",this._name),this._domInput.setAttribute("name",this._name),e=this._choices,c=0,d=e.length;c<d;c++)a=e[c],b=document.createElement("option"),b.setAttribute("value",a[0]),b.textContent=ContentEdit._(a[1]),this._initialValue===a[0]&&b.setAttribute("selected",!0),this._domInput.appendChild(b);return this._domElement.appendChild(this._domInput)},b}(a.FieldUI),a.TextFieldUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount_input=function(){return this._domInput=document.createElement("input"),this._domInput.classList.add("ct-field__input"),this._domInput.classList.add("ct-field__input--text"),this._domInput.setAttribute("id",this._name),this._domInput.setAttribute("name",this._name),this._domInput.setAttribute("type","text"),this._domInput.setAttribute("value",this._initialValue?this._initialValue:""),this._domElement.appendChild(this._domInput)},b}(a.FieldUI),a.FlowsUI=function(a){function b(a){null==a&&(a=[]),b.__super__.constructor.call(this),this._flows=a}return d(b,a),b.prototype.domSelect=function(){return this._domSelect},b.prototype.flows=function(a,b){var c,d,e,f,g,h;if(null==b&&(b=!1),void 0===a)return this._flows.slice();if((b||JSON.stringify(this._flows)!==JSON.stringify(a))&&(this._flows=a,this.isMounted())){for(;this._domSelect.options.length>0;)this._domSelect.remove(0);for(g=this._flows,h=[],e=0,f=g.length;e<f;e++)d=g[e],c=document.createElement("option"),c.setAttribute("value",d.id),c.textContent=d.label,h.push(this._domSelect.appendChild(c));return h}},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-flows"]),this._domSelect=document.createElement("select"),this._domSelect.classList.add("ct-flows__select"),this._domSelect.setAttribute("name","flows"),this.flows(this._flows,!0),this._domElement.appendChild(this._domSelect),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype.select=function(a){return this._domSelect.value=a.id},b.prototype.unmount=function(){return b.__super__.unmount.call(this),this._domSelect=null},b.prototype._addDOMEventListeners=function(){return this._domSelect.addEventListener("change",function(a){return function(b){var c,d,e,f,g,h;for(d=a._domSelect.value,g=a._flows,h=[],e=0,f=g.length;e<f;e++)c=g[e],c.id===d?h.push(a.dispatchEvent(a.createEvent("select",{flow:c}))):h.push(void 0);return h}}(this))},b}(ContentTools.ComponentUI),a.InlayUI=function(b){function c(b){c.__super__.constructor.call(this),this._header=new a.InlayHeaderUI(b),this.attach(this._header),this._body=new a.InlayBodyUI,this.attach(this._body)}return d(c,b),c.prototype.body=function(){return this._body},c.prototype.header=function(){return this._header},c.prototype.mount=function(){return c.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),this._header.mount(),this._body.mount()},c}(ContentTools.ComponentUI),a.InlayBodyUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__body"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b}(ContentTools.ComponentUI),a.InlayHeaderToolsUI=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return d(b,a),b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__tools"]),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b}(ContentTools.ComponentUI),a.InlayHeaderUI=function(b){function c(b){c.__super__.constructor.call(this),this._heading=b,this._tools=new a.InlayHeaderToolsUI,this.attach(this._tools)}return d(c,b),c.prototype.tools=function(){return this._tools},c.prototype.heading=function(a){return void 0===a?this._heading:(this._heading=a,this.isMounted()?this._domHeading.textContent=ContentEdit._(a):void 0)},c.prototype.mount=function(){return c.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__header"]),this._domHeading=this.constructor.createDiv(["ct-inlay__heading"]),this._domHeading.textContent=ContentEdit._(this._heading),this._domElement.appendChild(this._domHeading),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),this._tools.mount()},c.prototype.unmount=function(){return c.__super__.unmount.call(this),this._domHeading=null},c}(ContentTools.ComponentUI),a.InlayNoteUI=function(a){function b(a){b.__super__.constructor.call(this),this._content=a}return d(b,a),b.prototype.content=function(a){return void 0===a?this._content:(this._content=a,this.isMounted()?this._domElement.innerHTML=a:void 0)},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay-note"]),this._domElement.innerHTML=this._content,this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b}(ContentTools.ComponentUI),a.InlaySectionUI=function(a){function b(a){b.__super__.constructor.call(this),this._heading=a}return d(b,a),b.prototype.heading=function(a){return void 0===a?this._heading:(this._heading=a,this.isMounted()?this._domHeading.textContent=ContentEdit._(a):void 0)},b.prototype.mount=function(){var a,c,d,e,f;for(b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay-section"]),this._domHeading=this.constructor.createDiv(["ct-inlay-section__heading"]),this._domHeading.textContent=ContentEdit._(this._heading),this._domElement.appendChild(this._domHeading),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners(),e=this.children(),f=[],c=0,d=e.length;c<d;c++)a=e[c],f.push(a.mount());return f},b.prototype.unmount=function(){return b.__super__.unmount.call(this),this._domHeading=null},b}(ContentTools.ComponentUI),a.InlayToolUI=function(a){function b(a,c){b.__super__.constructor.call(this),this._toolName=a,this._tooltip=c}return d(b,a),b.prototype.toolName=function(){return this._toolName},b.prototype.tooltip=function(){return this._tooltip},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-inlay__tool","ct-inlay-tool","ct-inlay-tool--"+this._toolName]),this._domElement.setAttribute("data-ct-tooltip",ContentEdit._(this._tooltip)),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype._addDOMEventListeners=function(){return b.__super__._addDOMEventListeners.call(this),this._domElement.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("click"))}}(this))},b}(ContentTools.ComponentUI),a.SnippetUI=function(a){function b(a,c,d){b.__super__.constructor.call(this),this._snippet=a,this._behaviour=c,this._flags=d}return d(b,a),b.prototype.mount=function(){var a;return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-snippet","ct-snippet--behaviour-"+this._behaviour,"ct-snippet--scope-"+this._snippet.scope]),this._domElement.setAttribute("data-snippet-id",this._snippet.id),this._domPreview=this.constructor.createDiv(["ct-snippet__preview"]),this._snippet.type.imageURL&&(a="url("+this._snippet.type.imageURL+")",this._domPreview.style.backgroundImage=a),this._domElement.appendChild(this._domPreview),this._domLabel=this.constructor.createDiv(["ct-snippet__label"]),this._snippet.globalLabel?this._domLabel.textContent=this._snippet.globalLabel:this._domLabel.textContent=this._snippet.type.label,this._domElement.appendChild(this._domLabel),"manage"===this._behaviour&&(this._domTools=this.constructor.createDiv(["ct-snippet__tools"]),this._domSettingsTool=this.constructor.createDiv(["ct-snippet__tool","ct-snippet__tool--settings"]),this._domSettingsTool.setAttribute("data-ct-tooltip",ContentEdit._("Settings")),this._domTools.appendChild(this._domSettingsTool),this._domScopeTool=this.constructor.createDiv(["ct-snippet__tool","ct-snippet__tool--scope"]),this._domScopeTool.setAttribute("data-ct-tooltip",ContentEdit._("Scope")),this._domTools.appendChild(this._domScopeTool),this._flags.permanent?this._domElement.classList.add("ct-snippet--permanent"):(this._domElement.classList.remove("ct-snippet--permanent"),this._domDeleteTool=this.constructor.createDiv(["ct-snippet__tool","ct-snippet__tool--delete"]),this._domDeleteTool.setAttribute("data-ct-tooltip",ContentEdit._("Delete")),this._domTools.appendChild(this._domDeleteTool)),this._domElement.appendChild(this._domTools)),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype._addDOMEventListeners=function(){if(b.__super__._addDOMEventListeners.call(this),this._domElement.addEventListener("mouseover",function(a){return function(b){return a.dispatchEvent(a.createEvent("over",{snippet:a._snippet}))}}(this)),this._domElement.addEventListener("mouseout",function(a){return function(b){return a.dispatchEvent(a.createEvent("out",{snippet:a._snippet}))}}(this)),"manage"===this._behaviour){if(this._domSettingsTool.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("settings",{snippet:a._snippet}))}}(this)),this._domScopeTool.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("scope",{snippet:a._snippet}))}}(this)),this._domDeleteTool)return this._domDeleteTool.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("delete",{snippet:a._snippet}))}}(this))}else if("pick"===this._behaviour)return this._domElement.addEventListener("click",function(a){return function(b){return a.dispatchEvent(a.createEvent("pick",{snippet:a._snippet}))}}(this))},b}(ContentTools.ComponentUI),a.ToggleUI=function(a){function b(){b.__super__.constructor.call(this),this._state="off",this._enabled=!0}return d(b,a),b.prototype.enabled=function(){return this._enabled},b.prototype.disable=function(){if(this.dispatchEvent(this.createEvent("disable"))&&(this._enabled=!1,this.isMounted()))return this.addCSSClass("ct-toggle--disabled")},b.prototype.enable=function(){if(this.dispatchEvent(this.createEvent("enable"))&&(this._enabled=!0,this.isMounted()))return this.removeCSSClass("ct-toggle--disabled")},b.prototype.mount=function(){return b.__super__.mount.call(this),this._domElement=this.constructor.createDiv(["ct-widget","ct-toggle","ct-toggle--off"]),this._domOff=this.constructor.createDiv(["ct-toggle__button","ct-toggle__button--off"]),this._domElement.appendChild(this._domOff),this._domOn=this.constructor.createDiv(["ct-toggle__button","ct-toggle__button--on"]),this._domElement.appendChild(this._domOn),this.parent().domElement().appendChild(this._domElement),this._addDOMEventListeners()},b.prototype.off=function(){if(this.dispatchEvent(this.createEvent("off")))return this.state("off")},b.prototype.on=function(){if(this.dispatchEvent(this.createEvent("on")))return this.state("on")},b.prototype.state=function(a){if(void 0===a)return a;if(this.state!==a&&this.dispatchEvent(this.createEvent("statechange",{state:a})))return this._state=a,this.isMounted()?(this.removeCSSClass("ct-toggle--off"),this.removeCSSClass("ct-toggle--on"),"on"===this._state?this.addCSSClass("ct-toggle--on"):this.addCSSClass("ct-toggle--off")):void 0},b.prototype.toggle=function(){return"on"===this._state?this.off():this.on()},b.prototype.unmount=function(){return b.__super__.unmount.call(this),this._domOn=null,this._domOff=null},b.prototype._addDOMEventListeners=function(){return b.__super__._addDOMEventListeners.call(this),this._domOff.addEventListener("click",function(a){return function(b){if(b.preventDefault(),a._enabled)return a.off()}}(this)),this._domOn.addEventListener("click",function(a){return function(b){if(b.preventDefault(),a._enabled)return a.on()}}(this))},b}(ContentTools.WidgetUI),a.InterfaceUI=function(a){function b(a){b.__super__.constructor.call(this,a)}return d(b,a),b.prototype.init=function(){},b.prototype.safeToClose=function(){return!1},b}(a.InlayUI),a.AddSnippetUI=function(b){function c(){c.__super__.constructor.call(this,"Add"),this._tools={cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.cancel),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(){var b,d;return c.__super__.init.call(this),b=a.FlowMgr.get(),d=b.api().getSnippetTypes(b.flow()),d.addEventListener("load",function(c){return function(e){var f,g,h,i,j,k,l,m,n,o,p,q;for(g=a.FlowMgr.get().flow(),h=JSON.parse(e.target.responseText).payload,p=c._body.children,l=0,n=p.length;l<n;l++)f=p[l],c._body.detach(f);for(c._local=new a.InlaySectionUI("Local scope"),q=h.snippet_types,m=0,o=q.length;m<o;m++)j=q[m],i=a.SnippetTypeModel.fromJSONType(g,j),k=new a.SnippetUI(i.toSnippet(),"pick"),c._local.attach(k),k.addEventListener("pick",function(c){return b=a.FlowMgr.get(),d=b.api().addSnippet(b.flow(),c.detail().snippet.type),d.addEventListener("load",function(c){return function(c){var d,e;return g=b.flow(),h=JSON.parse(c.target.responseText).payload,e=document.createElement("div"),e.innerHTML=h.html,e=e.children[0],d=a.getFlowDOMelement(g),d.appendChild(e),b.syncFlows(),b.flow(g,!0)}}())});return c._body.attach(c._local),d=b.api().getGlobalSnippets(b.flow()),d.addEventListener("load",function(e){var f,i,j,l,m,n;for(h=JSON.parse(e.target.responseText).payload,g=a.FlowMgr.get().flow(),i=a.getSnippetCls(g),c._global=new a.InlaySectionUI("Global scope"),n=h.snippets,l=0,m=n.length;l<m;l++)j=n[l],f=i.fromJSONType(g,j),k=new a.SnippetUI(f,"pick"),c._global.attach(k),k.addEventListener("pick",function(c){return b=a.FlowMgr.get(),d=b.api().addGlobalSnippet(b.flow(),c.detail().snippet),d.addEventListener("load",function(c){return function(c){var d,e;return g=b.flow(),h=JSON.parse(c.target.responseText).payload,e=document.createElement("div"),e.innerHTML=h.html,e=e.children[0],d=a.getFlowDOMelement(g),d.appendChild(e),b.syncFlows(),b.flow(g,!0)}}())});return c._global.children().length>0&&c._body.attach(c._global),c._body.unmount(),c._body.mount()})}}(this))},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("add-snippet",a.AddSnippetUI),a.ListSnippetsUI=function(b){function c(){c.__super__.constructor.call(this,"Snippets"),this._tools={order:new a.InlayToolUI("order","Order",!0),add:new a.InlayToolUI("add","Add",!0)},this._tools.order.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("order-snippets")}}()),this._tools.add.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("add-snippet")}}())}return d(c,b),c.prototype.init=function(){var b,d;return c.__super__.init.call(this),a.dimAllSnippetDOMElements(),b=a.FlowMgr.get(),d=b.api().getSnippets(b.flow()),d.addEventListener("load",function(c){return function(e){var f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x;for(g=a.FlowMgr.get().flow(),j=JSON.parse(e.target.responseText).payload,v=c._body.children,p=0,s=v.length;p<s;p++)f=v[p],c._body.detach(f);for(h=a.getFlowDOMelement(g),i=parseInt(h.dataset.cfFlowMaxSnippets)||0,w=c._header.tools().children,q=0,t=w.length;q<t;q++)f=w[q],c._header.tools().detatch(f);for((0===i||j.snippets.length<i)&&c._header.tools().attach(c._tools.add),void 0===h.dataset.cfFlowFrozen&&c._header.tools().attach(c._tools.order),c._header.unmount(),c._header.mount(),l=a.getSnippetCls(g),x=j.snippets,r=0,u=x.length;r<u;r++)m=x[r],k=l.fromJSONType(g,m),n=a.getSnippetDOMElement(g,k),o=new a.SnippetUI(k,"manage",{permanent:void 0!==n.dataset.cfSnippetPermanent}),c._body.attach(o),o.addEventListener("over",function(b){return a.highlightSnippetDOMElement(a.FlowMgr.get().flow(),b.detail().snippet)}),o.addEventListener("out",function(b){return a.dimSnippetDOMElement(a.FlowMgr.get().flow(),b.detail().snippet)}),o.addEventListener("settings",function(b){return a.FlowMgr.get().loadInterface("snippet-settings",b.detail().snippet)}),o.addEventListener("scope",function(b){var c;return c="local","local"===b.detail().snippet.scope&&(c="global"),a.FlowMgr.get().loadInterface("make-snippet-"+c,b.detail().snippet)}),o.addEventListener("delete",function(c){var e,f;if(e=ContentEdit._("Are you sure you want to delete this snippet?"),confirm(e))return b=a.FlowMgr.get(),d=b.api().deleteSnippet(b.flow(),c.detail().snippet),f=function(c,d){return function(e){var f;return f=a.getSnippetDOMElement(c,d),f.remove(),b.syncFlows(),b.flow(c,!0)}},d.addEventListener("load",f(b.flow(),c.detail().snippet))});return c._body.unmount(),c._body.mount()}}(this))},c.prototype.safeToClose=function(){return!0},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("list-snippets",a.ListSnippetsUI),a.MakeSnippetGlobalUI=function(b){function c(){c.__super__.constructor.call(this,"Make global"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e;return d=a.FlowMgr.get(),e=d.api().changeSnippetScope(d.flow(),b._snippet,"global",b._labelField.value()),e.addEventListener("load",function(c){var d;return d=JSON.parse(c.target.responseText),"success"===d.status?a.FlowMgr.get().loadInterface("list-snippets"):b._labelField.errors([d.payload.errors.label])})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(b){var d;return c.__super__.init.call(this),this._snippet=b,this._labelField=new a.TextFieldUI("label","Label",!0),this._body.attach(this._labelField),d=new a.InlayNoteUI(ContentEdit._("Once you make a snippet global it can be inserted into other pages\nand changes made to the snippet&apos;s content or settings will be\napplied to all instances of the snippet.")),this._body.attach(d),this._body.unmount(),this._body.mount()},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("make-snippet-global",a.MakeSnippetGlobalUI),a.MakeSnippetLocaUI=function(b){function c(){c.__super__.constructor.call(this,"Make local"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e;return d=a.FlowMgr.get(),e=d.api().changeSnippetScope(d.flow(),b._snippet,"local"),e.addEventListener("load",function(b){return a.FlowMgr.get().loadInterface("list-snippets")})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(b){var d;return c.__super__.init.call(this),this._snippet=b,d=new a.InlayNoteUI(ContentEdit._("This action replaces the global snippet within the page with a\nlocal version of the snippet. Changes to local snippets are only\napplied to that instance of the snippet.")),this._body.attach(d),
+this._body.unmount(),this._body.mount()},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("make-snippet-local",a.MakeSnippetLocaUI),a.OrderSnippetsUI=function(b){function c(){this._grab=f(this._grab,this),this._drop=f(this._drop,this),this._drag=f(this._drag,this),c.__super__.constructor.call(this,"Order"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._grabbed=null,this._grabbedHelper=null,this._grabbedOffset=null,document.addEventListener("mousedown",this._grab),document.addEventListener("mousemove",this._drag),document.addEventListener("mouseup",this._drop),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e;return d=a.FlowMgr.get(),e=d.api().orderSnippets(d.flow(),b._newSnippetOrder),e.addEventListener("load",function(b){return a.FlowMgr.get().loadInterface("list-snippets")})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(c){return b._orderSnippetsOnPage(b._originalSnippetOrder),a.FlowMgr.get().loadInterface("list-snippets")}}(this))}return d(c,b),c.prototype.init=function(){var b,d;return c.__super__.init.call(this),b=a.FlowMgr.get(),d=b.api().getSnippets(b.flow()),d.addEventListener("load",function(b){return function(c){var d,e,f,g,h,i,j,k,l,m,n,o;for(b._snippets={},b._originalSnippetOrder=[],b._newSnippetOrder=[],f=JSON.parse(c.target.responseText).payload,n=b._body.children,j=0,l=n.length;j<l;j++)d=n[j],b._body.detach(d);for(e=a.FlowMgr.get().flow(),h=a.getSnippetCls(e),o=f.snippets,k=0,m=o.length;k<m;k++)i=o[k],g=h.fromJSONType(e,i),b._snippets[g.id]=g,b._originalSnippetOrder.push(g),b._newSnippetOrder.push(g),b._body.attach(new a.SnippetUI(g,"order"));return b._body.unmount(),b._body.mount()}}(this))},c.prototype.unmount=function(){return c.__super__.unmount.call(this),document.removeEventListener("mousedown",this._grab),document.removeEventListener("mousemove",this._drag),document.removeEventListener("mouseup",this._drop)},c.prototype._drag=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n;if(this._grabbed){for(h=this._getEventPos(a),f=[window.pageXOffset,window.pageYOffset],e=f[0]+h[0]-this._grabbedOffset[0]+"px",this._grabbedHelper.style.left=e,k=f[1]+h[1]-this._grabbedOffset[1]+"px",this._grabbedHelper.style.top=k,j=document.elementFromPoint(h[0],h[1]),d=null,n=this._body.children(),l=0,m=n.length;l<m;l++)if(b=n[l],(c=b.domElement())!==this._grabbed&&c.contains(j)){d=c;break}if(d)return i=d.getBoundingClientRect(),g=[h[0]-i.left,h[1]-i.top],this._body.domElement().removeChild(this._grabbed),g[1]>=i.height/2&&(d=d.nextElementSibling),this._body.domElement().insertBefore(this._grabbed,d)}},c.prototype._drop=function(a){var b,c,d,e,f;if(this._grabbed){for(this._grabbed.classList.remove("ct-snippet--ghost"),this._grabbed=null,this._grabbedOffset=null,document.body.removeChild(this._grabbedHelper),this._grabbedHelper=null,this._body.domElement().classList.remove("ct-inlay__body--sorting"),this._newSnippetOrder=[],f=this._body.domElement().childNodes,d=0,e=f.length;d<e;d++)b=f[d],1===b.nodeType&&(c=b.dataset.snippetId,this._newSnippetOrder.push(this._snippets[c]));return this._orderSnippetsOnPage(this._newSnippetOrder)}},c.prototype._getEventPos=function(a){return[a.pageX-window.pageXOffset,a.pageY-window.pageYOffset]},c.prototype._grab=function(a){var b,c,d,e,f,g,h,i,j;if("mousedown"!==a.type.toLowerCase()||1===a.which){for(e=null,j=this._body.children(),h=0,i=j.length;h<i;h++)if(b=j[h],d=b.domElement(),d.contains(a.target)){e=d;break}if(e)return this._grabbed=e,f=this._getEventPos(a),g=this._grabbed.getBoundingClientRect(),this._grabbedOffset=[f[0]-g.left,f[1]-g.top],this._grabbedHelper=e.cloneNode(!0),c=document.defaultView.getComputedStyle(e,"").cssText,this._grabbedHelper.style.cssText=c,this._grabbedHelper.style.position="absolute",this._grabbedHelper.style["pointer-events"]="none",this._grabbedHelper.style.left=f[0]-this._grabbedOffset[0]+"px",this._grabbedHelper.style.top=f[1]-this._grabbedOffset[1]+"px",this._grabbedHelper.classList.add("ct-snippet--helper"),document.body.appendChild(this._grabbedHelper),this._grabbed.classList.add("ct-snippet--ghost"),this._body.domElement().classList.add("ct-inlay__body--sorting")}},c.prototype._orderSnippetsOnPage=function(b){var c,d,e,f,g,h,i,j;for(e=a.FlowMgr.get().flow(),j=[],f=h=0,i=b.length;h<i;f=++h)g=b[f],0!==f&&(c=a.getSnippetDOMElement(e,b[f-1]),d=a.getSnippetDOMElement(e,g),c.nextSibling!==d&&(d.parentNode.removeChild(d),j.push(c.parentNode.insertBefore(d,c.nextSibling))));return j},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("order-snippets",a.OrderSnippetsUI),a.SnippetSettingsUI=function(b){function c(){c.__super__.constructor.call(this,"Settings"),this._tools={confirm:new a.InlayToolUI("confirm","Confirm",!0),cancel:new a.InlayToolUI("cancel","Cancel",!0)},this._header.tools().attach(this._tools.confirm),this._header.tools().attach(this._tools.cancel),this._tools.confirm.addEventListener("click",function(b){return function(c){var d,e,f,g,h,i;if(!b._fields)return void a.FlowMgr.get().loadInterface("list-snippets");g={},i=b._fields;for(h in i)d=i[h],g[d.name()]=d.value();return e=a.FlowMgr.get(),f=e.api().updateSnippetSettings(e.flow(),b._snippet,g),f.addEventListener("load",function(c){var d,e,f,g,h,i,j,k;if(i=JSON.parse(c.target.responseText),"success"===i.status)return f=a.FlowMgr.get().flow(),h=a.getSnippetDOMElement(f,b._snippet),g=document.createElement("div"),g.innerHTML=i.payload.html,g=g.children[0],h.parentNode.replaceChild(g,h),a.FlowMgr.get().loadInterface("list-snippets");j=i.payload.errors,k=[];for(e in j)d=j[e],b._fields[e]?k.push(b._fields[e].errors(d)):k.push(void 0);return k})}}(this)),this._tools.cancel.addEventListener("click",function(b){return function(b){return a.FlowMgr.get().loadInterface("list-snippets")}}())}return d(c,b),c.prototype.init=function(b){var c,d;return this._snippet=b,c=a.FlowMgr.get(),d=c.api().getSnippetSettingsForm(c.flow(),b),d.addEventListener("load",function(b){return function(c){var d,e,f,g,h,i,j,k,l,m,n,o;if(g=JSON.parse(c.target.responseText).payload,!g.fields)return b._fields=null,a.InlayNoteUI("There are no settings defined for this snippet."),b._body.unmount(),void b._body.mount();for(b._fields={},m=g.fields,i=0,k=m.length;i<k;i++)e=m[i],d=a.FieldUI.fromJSONType(e),b._fields[d.name()]=d,b._body.attach(d);for(b._body.unmount(),b._body.mount(),n=b._snippet.settings,o=[],h=j=0,l=n.length;j<l;h=++j)f=n[h],b._fields[f]?o.push(b._fields[f].value(h)):o.push(void 0);return o}}(this))},c}(a.InterfaceUI),a.FlowMgr.getCls().registerInterface("snippet-settings",a.SnippetSettingsUI)}).call(this);
\ No newline at end of file
diff --git a/package.json b/package.json
index caf8365..70efb48 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "content-flow",
   "description": "An extension to the ContentTools WYSIWYG editor to manage content flows",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "keywords": [
     "wysiwyg",
     "inline",
diff --git a/sandbox/index.html b/sandbox/index.html
index 5794ef0..87ffd86 100644
--- a/sandbox/index.html
+++ b/sandbox/index.html
@@ -30,6 +30,7 @@ <h1>Content flow</h1>
                 data-cf-flow-label="Body"
                 data-cf-flow-max-snippets="2"
                 data-cf-flow-frozen
+                data-cf-flow-position="2"
                 >
                 <div class="content-snippet" data-cf-snippet="1" data-cf-snippet-permanent>
                     <p>Data snippet example: basic</p>
@@ -42,6 +43,7 @@ <h1>Content flow</h1>
                 class="article__related"
                 data-cf-flow="article-related"
                 data-cf-flow-label="Related"
+                data-cf-flow-position="1"
                 >
                 <div class="content-snippet" data-cf-snippet="3">
                     <p>Archive</p>
diff --git a/src/scripts/flow-mgr.coffee b/src/scripts/flow-mgr.coffee
index cf37901..32e71cc 100644
--- a/src/scripts/flow-mgr.coffee
+++ b/src/scripts/flow-mgr.coffee
@@ -183,6 +183,20 @@ class _FlowMgr extends ContentTools.ComponentUI
             else
                 @_domFlows = @_flowQuery
 
+            # Sort the flows based on their position attribute
+            @_domFlows = Array.from(@_domFlows)
+
+            cmp = (a, b) ->
+                aPos = parseFloat(a.dataset.cfFlowPosition)
+                if aPos is NaN
+                    aPos = 999999
+                bPos = parseFloat(b.dataset.cfFlowPosition)
+                if bPos is NaN
+                    bPos = 999999
+                return aPos - bPos
+
+            @_domFlows.sort(cmp)
+
             # Convert the flows found in the DOM into models and populate the
             # flows UI compontent.
             flows = []