@innovastudio/contentbox 1.0.60 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -699,8 +699,8 @@ class SideBar {
699
699
  }
700
700
 
701
701
  viewHtml2() {
702
- const builderStuff = this.builderStuff;
703
- document.body.style.overflow = 'hidden';
702
+ const builderStuff = this.builderStuff; //document.body.style.overflow = 'hidden';
703
+
704
704
  let html = this.builder.html(true); //For View
705
705
 
706
706
  builderStuff.querySelector('#inpViewHtml').value = html;
@@ -1386,6 +1386,7 @@ class SideBar {
1386
1386
 
1387
1387
  var nIndex = 1;
1388
1388
  var path = '${this.builder.designPath}';
1389
+ var navbar = ${this.builder.navbar};
1389
1390
  data_basic.designs.forEach(function(item){
1390
1391
 
1391
1392
  var isdefault = false;
@@ -1399,8 +1400,17 @@ class SideBar {
1399
1400
 
1400
1401
  if (isdefault) {
1401
1402
  var elm = document.querySelector('.is-design-list');
1403
+
1402
1404
  var html = '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path + item.thumbnail + '"><span class="is-overlay"></span></div>';
1403
- appendHtml(elm, html);
1405
+ //appendHtml(elm, html);
1406
+
1407
+ if(item.type === 'navbar' ) {
1408
+ if(navbar) {
1409
+ appendHtml(elm, html);
1410
+ }
1411
+ } else {
1412
+ appendHtml(elm, html);
1413
+ }
1404
1414
  }
1405
1415
 
1406
1416
  nIndex++;
@@ -1530,6 +1540,7 @@ class SideBar {
1530
1540
  elm.style.display = 'block';
1531
1541
 
1532
1542
  var slider = '${this.builder.slider}';
1543
+ var navbar = ${this.builder.navbar};
1533
1544
 
1534
1545
  if(slider==='') document.querySelector('.slider-section').style.display = 'none';
1535
1546
 
@@ -1542,24 +1553,27 @@ class SideBar {
1542
1553
 
1543
1554
  data_basic.designs.forEach(function(item){
1544
1555
  if (cat == item.category) {
1545
- if(slider==='glide') {
1546
- if(cat === '2') {
1547
- if(item.type === 'glide') {
1548
- appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1556
+
1557
+ if(item.type === 'glide' || item.type === 'slick') {
1558
+ if(slider==='glide') {
1559
+ if(cat === '2') {
1560
+ if(item.type === 'glide') {
1561
+ appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1562
+ }
1549
1563
  }
1550
- } else {
1551
- appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1552
- }
1553
- } else if(slider==='slick') {
1554
- if(cat === '2') {
1555
- if(item.type === 'slick') {
1556
- appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1564
+ } else if(slider==='slick') {
1565
+ if(cat === '2') {
1566
+ if(item.type === 'slick') {
1567
+ appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1568
+ }
1557
1569
  }
1558
- } else {
1570
+ } else if(slider==='all') {
1571
+ appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1572
+ }
1573
+ } else if(item.type === 'navbar' ) {
1574
+ if(navbar) {
1559
1575
  appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1560
1576
  }
1561
- } else if(slider==='all') {
1562
- appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1563
1577
  } else {
1564
1578
  appendHtml(div, '<div data-id="' + item.id + '" data-cat="' + item.category + '"><img src="' + path+item.thumbnail + '"><span class="is-overlay"></span></div>');
1565
1579
  }
@@ -8007,7 +8021,7 @@ class EditBox {
8007
8021
  this.builderStuff = this.builder.builderStuff;
8008
8022
  const builderStuff = this.builderStuff;
8009
8023
  let html = '' + '<div id="divBoxTool">' + '<form id="form-upload-cover" data-tooltip-top data-title="' + out('Background Image') + '" target="frame-upload-cover" method="post" action="' + this.builder.coverImageHandler + '" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);">' + '<div style="width:40px;height:40px;overflow:hidden;">' + '<div style="position:absolute;width:100%;height:100%;"><svg class="is-icon-flex" style="position: absolute;top: 12px;left: 12px;fill:rgb(255,255,255);"><use xlink:href="#ion-image"></use></svg></div>' + '<input type="file" title="' + out('Background Image') + '" id="fileCover" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/>' + '</div>' + '<input id="hidcustomval" name="hidcustomval" type="hidden" value="" />' + '<iframe id="frame-upload-cover" name="frame-upload-cover" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>' + '</form>' + '<button id="btnEditBox" data-tooltip-top data-title="' + out('Box Settings') + '" title="' + out('Box Settings') + '"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button>' + '<button id="btnEditModule" data-tooltip-top data-title="' + out('Module Settings') + '" title="' + out('Module Settings') + '"><svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg></button>' + '</div>' + '' + '<div class="is-modal editmodule">' + '<div style="max-width:900px;height:570px;padding:0;box-sizing:border-box;position:relative;">' + '<div class="is-modal-bar is-draggable" style="position: absolute;top: 0;left: 0;width: 100%;z-index:1;">' + out('Module Settings') + '</div>' + '<iframe style="position: absolute;top: 0;left: 0;width:100%;height:100%;border:none;border-bottom:60px solid transparent;border-top:40px solid transparent;margin:0;box-sizing:border-box;" src="about:blank"></iframe>' + '<input id="hidModuleCode" type="hidden" />' + '<input id="hidModuleSettings" type="hidden" />' + '<button class="input-ok classic" style="height:60px;position:absolute;left:0;bottom:0;">' + out('Ok') + '</button>' + '</div>' + '</div>' + '' + '<div class="is-modal editcustomcode">' + '<div style="max-width:900px;height:570px;padding:0;box-sizing:border-box;position:relative;">' + '<div class="is-modal-bar is-draggable" style="position: absolute;top: 0;left: 0;width: 100%;z-index:1;">' + out('Custom Code (Javascript Allowed)') + '</div>' + '<textarea id="txtBoxCustomCode" class="inptxt" style="background: #fff;position: absolute;top: 0;left: 0;width:100%;height:100%;border:none;border-bottom:60px solid transparent;border-top:40px solid transparent;box-sizing:border-box;"></textarea>' + '<input id="hidBoxCustomCode" type="hidden" />' + '<button class="cell-html-larger" style="width:35px;height:35px;position:absolute;right:0;top:0;background:transparent;z-index:2;"><svg class="is-icon-flex" style="width:19px;height:19px;fill:rgb(170, 170, 170);"><use xlink:href="#ion-arrow-expand"></use></svg></button>' + '<button class="input-ok classic" style="height:60px;position:absolute;left:0;bottom:0;">' + out('Ok') + '</button>' + '</div>' + '</div>' + '<div class="is-modal editbox">' + '<div class="is-modal-content" style="max-width:380px;min-height:300px;padding:0">' + '<div class="is-modal-bar is-draggable">' + out('Box Settings') + '</div>' + '<div class="is-tabs clearfix" style="padding-top:37px;">' + '<a id="tabBoxGeneral" href="" data-content="divBoxGeneral" class="active">' + out('General') + '</a>' + '<a id="tabBoxContentContainer" href="" data-content="divBoxContentContainer">' + out('Content') + '</a>' + '<a id="tabBoxContentText" href="" data-content="divBoxContentText">' + out('Text') + '</a>' + '<a id="tabBoxImage" href="" data-content="divBoxImage">' + out('Image') + '</a>' + '<a id="tabBoxAnimate" href="" data-content="divBoxAnimate">' + out('Animate') + '</a>' + '<a id="tabBoxClick" href="" data-content="divBoxClick">' + out('On Click') + '</a>' + '</div>' + '<div id="divBoxGeneral" class="is-tab-content" data-group="boxsettings" style="display:flex;padding-top:0">' + '<div id="divBoxSize">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Box Size') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Decrease') + '" class="cmd-box-smaller" style="width:40px;">-</button>' + '<button title="' + out('Increase') + '" class="cmd-box-larger" style="width:40px;border-left:none">+</button>' + '<br style="clear:both">' + '</div>' + '</div>' + '<div id="divContentSize">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Content Size') + ':</div>' + '<div style="display: flex;flex-direction: row;flex-wrap: wrap;">' + '<input class="inp-box-size" type="text" style="width:80px;height:35px;text-align:center;font-size:12px;" />' + '<button class="cmd-box-size" data-value="440" style="width:40px;border-left:none">440</button>' + '<button class="cmd-box-size" data-value="500" style="width:40px;border-left:none">500</button>' + '<button class="cmd-box-size" data-value="640" style="width:40px;border-left:none">640</button>' + '<button class="cmd-box-size" data-value="760" style="width:40px;border-left:none">760</button>' + '<button class="cmd-box-size" data-value="800" style="width:40px;border-top:none">800</button>' + '<button class="cmd-box-size" data-value="860" style="width:40px;border-top:none">860</button>' + '<button class="cmd-box-size" data-value="940" style="width:40px;border-top:none">940</button>' + '<button class="cmd-box-size" data-value="1000" style="width:40px;border-top:none;border-left:none">1020</button>' + '<button class="cmd-box-size" data-value="1100" style="width:40px;border-top:none;border-left:none">1100</button>' + '<button class="cmd-box-size" data-value="1200" style="width:40px;border-top:none;border-left:none">1200</button>' + '<button class="cmd-box-size" data-value="1400" style="width:40px;border-top:none;border-left:none">1400</button>' + '<button title="' + out('Clear') + '" class="cmd-box-size" data-value=""><svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg></button>' + '<button title="' + out('Decrease') + '" class="cmd-box-size" data-value="-" style="width:40px;border-top:none;border-left:none">-</button>' + '<button title="' + out('Increase') + '"class="cmd-box-size" data-value="+" style="width:40px;border-top:none;border-left:none">+</button>' + '<br style="clear:both">' + '</div>' + '</div>' + '<div id="divBoxBackgroundColor">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Background Color') + ':</div>' + '<div style="display:flex;">' + '<button title="' + out('Background Color') + '" class="input-box-bgcolor is-btn-color" style="margin-right:15px"></button>' + '<button title="' + out('Gradient') + '" class="input-box-gradient classic" data-value="+">' + out('Gradient') + '</button>' + '</div>' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Background Image') + ':</div>' + '<div style="height:auto">' + '<div style="display:flex;align-items:flex-end;">' + '<div class="box-bgimage-preview"></div>' + '<label class="label-box-bgimage-grayscale label-checkbox" for="chkBoxBgImageGrayscale" style="margin:0;margin-left:8px;margin-bottom:5px;"><input id="chkBoxBgImageGrayscale" class="chk-box-bgimage-grayscale" type="checkbox" /> ' + out('Grayscale') + '</label>' + '</div>' + '<div style="display:flex;align-items: flex-end;">' + '<button title="' + out('Image') + '" class="input-box-bgimage">' + '<svg class="is-icon-flex"><use xlink:href="#ion-image"></use></svg>' + '<span>' + out('Image') + '</span>' + '</button>' + '<button title="' + out('Remove') + '" class="input-box-bgremove"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg></button>' + '<button title="' + out('Adjust') + '" class="input-box-bgimageadjust"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button>' + '</div>' + '</div>' + '</div>' + '<div id="divBoxPickPhoto" class="is-settings" style="padding-top:20px">' + '<button class="cmd-box-pickphoto" data-value="" style="width:100%"><svg class="is-icon-flex" style=""><use xlink:href="#ion-image"></use></svg></button>' + '</div>' + '<div style="display:flex;justify-content:flex-end;">' + '<button title="' + out('Add Text') + '" class="cmd-box-addtext" style="display:none;margin-top:20px;"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#ion-android-add"></use></svg> <span>' + out('Text') + '</span></button>' + '<button title="' + out('Remove Text') + '" class="cmd-box-removetext" style="display:none;margin-top:20px;"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg> <span>' + out('Clear') + '</span></button>' + '</div>' + '<p id="divNoBoxSettings" style="text-align: center;display:none;">' + out('This box has no available settings.') + '</p>' + '</div>' + '<div id="divBoxClick" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + '<label for="inpBoxLinkSource" style="display:block;padding-top:20px;">' + out('Open') + ':</label>' + '<div class="image-src" style="display:flex">' + '<input id="inpBoxLinkSource" class="input-src" type="text" style="height:38px">' + '<button title="' + out('Select') + '" class="input-select" style="flex:none;width:40px;height:38px;background:transparent;"><svg class="is-icon-flex"><use xlink:href="#ion-more"></use></svg></button>' + '<div class="image-larger5" style="position: relative; flex: 0 0 auto; width: 40px; height: 38px; box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">' + '<form class="form-upload-larger" target="frameTargetBoxLinkUpload" method="post" action="' + this.builder.largerImageHandler + '" enctype="multipart/form-data" style="position:absolute;top:0;left:0;width:100%;height:100%;">' + '<input id="hidRefId5" name="hidRefId" type="hidden" value="">' + '<svg class="is-icon-flex" style="position: absolute;top: 10px;left: 15px;"><use xlink:href="#ion-image"></use></svg>' + '<input title="' + out('Select') + '" id="fileImage5" name="fileImage" type="file" accept="image/*,video/mp4" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">' + '</form>' + '<iframe id="frameTargetBoxLinkUpload" name="frameTargetBoxLinkUpload" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>' + '</div>' + '</div>' + '<div style="padding-top:20px">' + '<button class="cmd-box-testclick">' + out('Test') + '</button>' + '</div>' + '</div>';
8010
- html += '<div id="divBoxContentText" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Text Style') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Light') + '" class="cmd-box-textcolor" data-value="light">' + out('Light') + '</button>' + '<button title="' + out('Dark') + '" class="cmd-box-textcolor" data-value="dark" style="border-left:none;">' + out('Dark') + '</button>' + '<br style="clear:both">' + '</div>' + '</div>' + '<div style="padding-top:20px;">' + '<label for="chkOptimizeTextSize" style="margin:0;"><input id="chkOptimizeTextSize" type="checkbox" /> ' + out('Optimize text sizes on large screen.') + '</label>' + '</div>' + '<div id="divContainerTransparency" style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Transparency') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Increase') + '" class="cmd-box-textopacity" data-value="+" style="width:40px"> + </button>' + '<button title="' + out('Decrease') + '" class="cmd-box-textopacity" data-value="-" style="width:40px;border-left:none;"> - </button>' + '<button title="' + out('Not Set') + '" class="cmd-box-textopacity" data-value="" style="border-left:none;">' + out('Not Set') + '</button>' + '<br style="clear:both">' + '</div>' + '</div>' + '<div id="divContainerTextAlign" style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">Align:</div>' + '<div style="display:flex">' + '<button title="' + out('Align Left') + '" class="cmd-box-textalign" data-value="left" style="width:40px"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-left"></use></svg></button>' + '<button title="' + out('Align Center') + '" class="cmd-box-textalign" data-value="center" style="width:40px;border-left:none;"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-center"></use></svg></button>' + '<button title="' + out('Align Right') + '" class="cmd-box-textalign" data-value="right" style="width:40px;border-left:none;"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-right"></use></svg></button>' + '<button title="' + out('Align Full') + '" class="cmd-box-textalign" data-value="justify" style="width:40px;border-left:none;"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-full"></use></svg></button>' + '<br style="clear:both">' + '</div>' + '</div>' + (this.builder.settings.enableContentStyle ? '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Typography') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Change Style') + '" class="cmd-box-typography" data-value="+"> ' + out('Change Style') + ' </button>' + '<br style="clear:both">' + '</div>' + '</div>' : '') + '</div>' + '<div id="divBoxContentContainer" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + '<div style="padding-top:10px;">' + '<label for="chkParallaxContent" style="margin:0;"><input id="chkParallaxContent" type="checkbox" /> ' + out('Parallax') + '</label>' + '</div>' + '<div style="padding-top:10px;">' + '<label for="chkFadeContent" style="margin:0;"><input id="chkFadeContent" type="checkbox" /> ' + out('Fade') + '</label>' + '</div>' + '<div style="display:flex;flex-direction: row;">' + '<div style="display:flex;flex-direction: column;margin-right:20px;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Position') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Top Left') + '" class="cmd-box-content-pos" data-value="topleft" style="width:40px;">&#8598;</button>' + '<button title="' + out('Top Center') + '" class="cmd-box-content-pos" data-value="topcenter" style="width:40px;border-left:none;">&#8593;</button>' + '<button title="' + out('Top Right') + '" class="cmd-box-content-pos" data-value="topright" style="width:40px;border-left:none;">&#8599;</button>' + '</div>' + '<div style="display:flex">' + '<button title="' + out('Middle Left') + '" class="cmd-box-content-pos" data-value="middleleft" style="width:40px;border-top:none;">&#8592;</button>' + '<button title="' + out('Middle Center') + '" class="cmd-box-content-pos" data-value="middlecenter" style="width:40px;border-left:none;border-top:none;">&#9737;</button>' + '<button title="' + out('Middle Right') + '" class="cmd-box-content-pos" data-value="middleright" style="width:40px;border-left:none;border-top:none;">&#8594;</button>' + '</div>' + '<div style="display:flex">' + '<button title="' + out('Bottom Left') + '" class="cmd-box-content-pos" data-value="bottomleft" style="width:40px;border-top:none;">&#8601;</button>' + '<button title="' + out('Bottom Center') + '" class="cmd-box-content-pos" data-value="bottomcenter" style="width:40px;border-left:none;border-top:none;">&#8595;</button>' + '<button title="' + out('Bottom Right') + '" class="cmd-box-content-pos" data-value="bottomright" style="width:40px;border-left:none;border-top:none;">&#8600;</button>' + '</div>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 1px;">' + out('Height') + ':</div>' + '<div style="display: flex;flex-direction: row;flex-wrap: wrap;">' + '<button title="' + out('Auto') + '" class="cmd-content-height" data-value="" style="width:60px">Auto</button>' + '<button title="' + out('Full') + '" class="cmd-content-height" data-value="100" style="width:40px">Full</button>' + '</div>' + '<div class="div-content-justify">' + '<div style="padding-top:10px;padding-bottom: 1px;">' + out('Justify') + ':</div>' + '<div style="display: flex;flex-direction: row;flex-wrap: wrap;">' + '<button title="' + out('Top') + '" class="cmd-content-justify" data-value="flex-start" style="width:40px"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-arrow-bar-to-up"></use></svg></button>' + '<button title="' + out('Bottom') + '" class="cmd-content-justify" data-value="flex-end" style="width:40px"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-arrow-bar-to-down"></use></svg></button>' + '<button title="' + out('Space Between') + '" class="cmd-content-justify" data-value="space-between" style="width:40px"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-space-between"></use></svg></button>' + '</div>' + '</div>' + '</div>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Vertical Adjustment') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Decrease') + '" class="cmd-box-content-edge-y" data-value="-" style="width:40px;">-</button>' + '<button title="' + out('Increase') + '" class="cmd-box-content-edge-y" data-value="+" style="width:40px;border-left:none;">+</button>' + '<button title="' + out('Not Set') + '" class="cmd-box-content-edge-y" data-value="" style="display:none;width:40px;border-left:none;min-width:100px;">' + out('Not Set') + '</button>' + '</div>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Horizontal Adjustment') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Decrease') + '" class="cmd-box-content-edge-x" data-value="-" style="width:40px;">-</button>' + '<button title="' + out('Increase') + '" class="cmd-box-content-edge-x" data-value="+" style="width:40px;border-left:none;">+</button>' + '<button title="' + out('Not Set') + '" class="cmd-box-content-edge-x" data-value="" style="display:none;width:40px;border-left:none;min-width:100px;">' + out('Not Set') + '</button>' + '</div>' + '</div>' + '</div>' + '<div id="divBoxImage" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + (this.builder.settings.onCoverImageSelectClick != null ? '<div style="padding-top:20px;">' + '<button class="cmd-box-selectasset" style="width:120px;">' + out('Select Image') + '</button>' + '</div>' + '<div style="padding-top:20px;">' + '<label for="chkAnimateBg" style="margin:0;"><input id="chkAnimateBg" type="checkbox" /> ' + out('Ken Burns Effect') + '</label>' + '</div>' : '<div style="padding-top:20px;">' + '<label for="chkAnimateBg" style="margin:0;"><input id="chkAnimateBg" type="checkbox" /> ' + out('Ken Burns Effect') + '</label>' + '</div>') + '<div style="padding-top:10px;">' + '<label for="chkParallaxBg" style="margin:0;"><input id="chkParallaxBg" type="checkbox" /> ' + out('Parallax') + '</label>' + '</div>' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Overlay Color') + ':</div>' + '<div style="display:flex;">' + '<button title="' + out('Overlay Color') + '" class="input-box-overlaycolor is-btn-color" style="margin-right:15px"></button>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Overlay Transparency') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Increase') + '" class="cmd-box-overlayopacity" data-value="+" style="width:40px;">+</button>' + '<button title="' + out('Decrease') + '" class="cmd-box-overlayopacity" data-value="-" style="width:40px;border-left:none;">-</button>' + '<button title="' + out('None') + '" class="cmd-box-overlayopacity" data-value="0" style="border-left:none;min-width:100px;">' + out('None') + '</button>' + '</div>' + '</div>' + '</div>' + '<div id="divBoxAnimate" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + '<div style="display:flex;flex-direction: column;">' + '<select class="cmd-box-animate">' + '<option value="">' + out('None') + '</option>' + '<option value="is-pulse">pulse</option>' + '<option value="is-bounceIn">bounceIn</option>' + '<option value="is-fadeIn">fadeIn</option>' + '<option value="is-fadeInDown">fadeInDown</option>' + '<option value="is-fadeInLeft">fadeInLeft</option>' + '<option value="is-fadeInRight">fadeInRight</option>' + '<option value="is-fadeInUp">fadeInUp</option>' + '<option value="is-flipInX">flipInX</option>' + '<option value="is-flipInY">flipInY</option>' + '<option value="is-slideInUp">slideInUp</option>' + '<option value="is-slideInDown">slideInDown</option>' + '<option value="is-slideInLeft">slideInLeft</option>' + '<option value="is-slideInRight">slideInRight</option>' + '<option value="is-zoomIn">zoomIn</option>' + '</select>' + '<label for="chkAnimOnce" style="margin:10px 0 0;"><input id="chkAnimOnce" type="checkbox" /> ' + out('Once') + '</label>' + '</div>' + '<div>' + '<label style="padding-top:20px;">' + out('Delay') + ': ' + '<select class="cmd-box-animatedelay" style="margin-top:3px;">' + '<option value="">' + out('None') + '</option>' + '<option value="delay-0ms">0s</option>' + '<option value="delay-100ms">100ms</option>' + '<option value="delay-200ms">200ms</option>' + '<option value="delay-300ms">300ms</option>' + '<option value="delay-400ms">400ms</option>' + '<option value="delay-500ms">500ms</option>' + '<option value="delay-600ms">600ms</option>' + '<option value="delay-700ms">700ms</option>' + '<option value="delay-800ms">800ms</option>' + '<option value="delay-900ms">900ms</option>' + '<option value="delay-1000ms">1000ms</option>' + '<option value="delay-1100ms">1100ms</option>' + '<option value="delay-1200ms">1200ms</option>' + '<option value="delay-1300ms">1300ms</option>' + '<option value="delay-1400ms">1400ms</option>' + '<option value="delay-1500ms">1500ms</option>' + '<option value="delay-1600ms">1600ms</option>' + '<option value="delay-1700ms">1700ms</option>' + '<option value="delay-1800ms">1800ms</option>' + '<option value="delay-1900ms">1900ms</option>' + '<option value="delay-2000ms">2000ms</option>' + '<option value="delay-2100ms">2100ms</option>' + '<option value="delay-2200ms">2200ms</option>' + '<option value="delay-2300ms">2300ms</option>' + '<option value="delay-2400ms">2400ms</option>' + '<option value="delay-2500ms">2500ms</option>' + '<option value="delay-2600ms">2600ms</option>' + '<option value="delay-2700ms">2700ms</option>' + '<option value="delay-2800ms">2800ms</option>' + '<option value="delay-2900ms">2900ms</option>' + '<option value="delay-3000ms">3000ms</option>' + '</select></label>' + '</div>' + '<div style="padding-top:20px">' + '<button class="cmd-box-animate-test" style="width:100%">' + out('Test') + '</button>' + '</div>' + '</div>' + '</div>' + '</div>' + '' + '<div class="is-modal pickphoto">' + '<div style="max-width:1000px;height:570px;padding:0;box-sizing:border-box;position:relative;">' + '<div class="is-modal-bar is-draggable" style="position: absolute;top: 0;left: 0;width: 100%;z-index:1;">' + out('Photos') + '</div>' + '<iframe style="position: absolute;top: 0;left: 0;width:100%;height:100%;border:none;border-top:40px solid transparent;margin:0;box-sizing:border-box;" src="about:blank"></iframe>' + '</div>' + '</div>' + '';
8024
+ html += '<div id="divBoxContentText" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Text Style') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Light') + '" class="cmd-box-textcolor" data-value="light">' + out('Light') + '</button>' + '<button title="' + out('Dark') + '" class="cmd-box-textcolor" data-value="dark" style="border-left:none;">' + out('Dark') + '</button>' + '<br style="clear:both">' + '</div>' + '</div>' + '<div style="padding-top:20px;">' + '<label for="chkOptimizeTextSize" style="margin:0;"><input id="chkOptimizeTextSize" type="checkbox" /> ' + out('Optimize text sizes on large screen.') + '</label>' + '</div>' + '<div id="divContainerTransparency" style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Transparency') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Increase') + '" class="cmd-box-textopacity" data-value="+" style="width:40px"> + </button>' + '<button title="' + out('Decrease') + '" class="cmd-box-textopacity" data-value="-" style="width:40px;border-left:none;"> - </button>' + '<button title="' + out('Not Set') + '" class="cmd-box-textopacity" data-value="" style="border-left:none;">' + out('Not Set') + '</button>' + '<br style="clear:both">' + '</div>' + '</div>' + '<div id="divContainerTextAlign" style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">Align:</div>' + '<div style="display:flex">' + '<button title="' + out('Align Left') + '" class="cmd-box-textalign" data-value="left" style="width:40px"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-left"></use></svg></button>' + '<button title="' + out('Align Center') + '" class="cmd-box-textalign" data-value="center" style="width:40px;border-left:none;"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-center"></use></svg></button>' + '<button title="' + out('Align Right') + '" class="cmd-box-textalign" data-value="right" style="width:40px;border-left:none;"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-right"></use></svg></button>' + '<button title="' + out('Align Full') + '" class="cmd-box-textalign" data-value="justify" style="width:40px;border-left:none;"><svg class="is-icon-flex" style="fill:rgba(0, 0, 0, 0.8);width:13px;height:13px;"><use xlink:href="#icon-align-full"></use></svg></button>' + '<br style="clear:both">' + '</div>' + '</div>' + (this.builder.settings.enableContentStyle ? '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Typography') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Change Style') + '" class="cmd-box-typography" data-value="+"> ' + out('Change Style') + ' </button>' + '<br style="clear:both">' + '</div>' + '</div>' : '') + '</div>' + '<div id="divBoxContentContainer" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + '<div style="padding-top:10px;">' + '<label for="chkParallaxContent" style="margin:0;"><input id="chkParallaxContent" type="checkbox" /> ' + out('Parallax') + '</label>' + '</div>' + '<div style="padding-top:10px;">' + '<label for="chkFadeContent" style="margin:0;"><input id="chkFadeContent" type="checkbox" /> ' + out('Fade') + '</label>' + '</div>' + '<div style="display:flex;flex-direction: row;">' + '<div style="display:flex;flex-direction: column;margin-right:20px;">' + '<div style="padding-top:13px;padding-bottom: 3px;">' + out('Position') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Top Left') + '" class="cmd-box-content-pos" data-value="topleft" style="width:40px;">&#8598;</button>' + '<button title="' + out('Top Center') + '" class="cmd-box-content-pos" data-value="topcenter" style="width:40px;border-left:none;">&#8593;</button>' + '<button title="' + out('Top Right') + '" class="cmd-box-content-pos" data-value="topright" style="width:40px;border-left:none;">&#8599;</button>' + '</div>' + '<div style="display:flex">' + '<button title="' + out('Middle Left') + '" class="cmd-box-content-pos" data-value="middleleft" style="width:40px;border-top:none;">&#8592;</button>' + '<button title="' + out('Middle Center') + '" class="cmd-box-content-pos" data-value="middlecenter" style="width:40px;border-left:none;border-top:none;">&#9737;</button>' + '<button title="' + out('Middle Right') + '" class="cmd-box-content-pos" data-value="middleright" style="width:40px;border-left:none;border-top:none;">&#8594;</button>' + '</div>' + '<div style="display:flex">' + '<button title="' + out('Bottom Left') + '" class="cmd-box-content-pos" data-value="bottomleft" style="width:40px;border-top:none;">&#8601;</button>' + '<button title="' + out('Bottom Center') + '" class="cmd-box-content-pos" data-value="bottomcenter" style="width:40px;border-left:none;border-top:none;">&#8595;</button>' + '<button title="' + out('Bottom Right') + '" class="cmd-box-content-pos" data-value="bottomright" style="width:40px;border-left:none;border-top:none;">&#8600;</button>' + '</div>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 1px;">' + out('Height') + ':</div>' + '<div style="display: flex;flex-direction: row;flex-wrap: wrap;">' + '<button title="' + out('Auto') + '" class="cmd-content-height" data-value="" style="width:60px">Auto</button>' + '<button title="' + out('Full') + '" class="cmd-content-height" data-value="100" style="width:40px">Full</button>' + '</div>' + '<div class="div-content-justify">' + '<div style="padding-top:10px;padding-bottom: 1px;">' + out('Justify') + ':</div>' + '<div style="display: flex;flex-direction: row;flex-wrap: wrap;">' + '<button title="' + out('Top') + '" class="cmd-content-justify" data-value="flex-start" style="width:40px"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-arrow-bar-to-up"></use></svg></button>' + '<button title="' + out('Bottom') + '" class="cmd-content-justify" data-value="flex-end" style="width:40px"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-arrow-bar-to-down"></use></svg></button>' + '<button title="' + out('Space Between') + '" class="cmd-content-justify" data-value="space-between" style="width:40px"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-space-between"></use></svg></button>' + '</div>' + '</div>' + '</div>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Vertical Adjustment') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Decrease') + '" class="cmd-box-content-edge-y" data-value="-" style="width:40px;">-</button>' + '<button title="' + out('Increase') + '" class="cmd-box-content-edge-y" data-value="+" style="width:40px;border-left:none;">+</button>' + '<button title="' + out('Not Set') + '" class="cmd-box-content-edge-y" data-value="" style="display:none;width:40px;border-left:none;min-width:100px;">' + out('Not Set') + '</button>' + '</div>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Horizontal Adjustment') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Decrease') + '" class="cmd-box-content-edge-x" data-value="-" style="width:40px;">-</button>' + '<button title="' + out('Increase') + '" class="cmd-box-content-edge-x" data-value="+" style="width:40px;border-left:none;">+</button>' + '<button title="' + out('Not Set') + '" class="cmd-box-content-edge-x" data-value="" style="display:none;width:40px;border-left:none;min-width:100px;">' + out('Not Set') + '</button>' + '</div>' + '</div>' + '<div style="padding-top:13px;">' + '<label for="chkAutofitContent" style="margin:0;"><input id="chkAutofitContent" type="checkbox" /> ' + out('Autofit Content on Mobile') + '</label>' + '</div>' + '</div>' + '<div id="divBoxImage" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + (this.builder.settings.onCoverImageSelectClick != null ? '<div style="padding-top:20px;">' + '<button class="cmd-box-selectasset" style="width:120px;">' + out('Select Image') + '</button>' + '</div>' + '<div style="padding-top:20px;">' + '<label for="chkAnimateBg" style="margin:0;"><input id="chkAnimateBg" type="checkbox" /> ' + out('Ken Burns Effect') + '</label>' + '</div>' : '<div style="padding-top:20px;">' + '<label for="chkAnimateBg" style="margin:0;"><input id="chkAnimateBg" type="checkbox" /> ' + out('Ken Burns Effect') + '</label>' + '</div>') + '<div style="padding-top:10px;">' + '<label for="chkParallaxBg" style="margin:0;"><input id="chkParallaxBg" type="checkbox" /> ' + out('Parallax') + ' & ' + out('Scale') + '</label>' + '</div>' + '<div style="padding-top:10px;">' + '<label for="chkParallaxBg2" style="margin:0;"><input id="chkParallaxBg2" type="checkbox" /> ' + out('Parallax') + '</label>' + '</div>' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Overlay Color') + ':</div>' + '<div style="display:flex;">' + '<button title="' + out('Overlay Color') + '" class="input-box-overlaycolor is-btn-color" style="margin-right:15px"></button>' + '</div>' + '<div style="display:flex;flex-direction: column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Overlay Transparency') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Increase') + '" class="cmd-box-overlayopacity" data-value="+" style="width:40px;">+</button>' + '<button title="' + out('Decrease') + '" class="cmd-box-overlayopacity" data-value="-" style="width:40px;border-left:none;">-</button>' + '<button title="' + out('None') + '" class="cmd-box-overlayopacity" data-value="0" style="border-left:none;min-width:100px;">' + out('None') + '</button>' + '</div>' + '</div>' + '</div>' + '<div id="divBoxAnimate" class="is-tab-content" data-group="boxsettings" style="padding-top:0">' + '<div style="display:flex;flex-direction: column;">' + '<select class="cmd-box-animate">' + '<option value="">' + out('None') + '</option>' + '<option value="is-pulse">pulse</option>' + '<option value="is-bounceIn">bounceIn</option>' + '<option value="is-fadeIn">fadeIn</option>' + '<option value="is-fadeInDown">fadeInDown</option>' + '<option value="is-fadeInLeft">fadeInLeft</option>' + '<option value="is-fadeInRight">fadeInRight</option>' + '<option value="is-fadeInUp">fadeInUp</option>' + '<option value="is-flipInX">flipInX</option>' + '<option value="is-flipInY">flipInY</option>' + '<option value="is-slideInUp">slideInUp</option>' + '<option value="is-slideInDown">slideInDown</option>' + '<option value="is-slideInLeft">slideInLeft</option>' + '<option value="is-slideInRight">slideInRight</option>' + '<option value="is-zoomIn">zoomIn</option>' + '</select>' + '<label for="chkAnimOnce" style="margin:10px 0 0;"><input id="chkAnimOnce" type="checkbox" /> ' + out('Once') + '</label>' + '</div>' + '<div>' + '<label style="padding-top:20px;">' + out('Delay') + ': ' + '<select class="cmd-box-animatedelay" style="margin-top:3px;">' + '<option value="">' + out('None') + '</option>' + '<option value="delay-0ms">0s</option>' + '<option value="delay-100ms">100ms</option>' + '<option value="delay-200ms">200ms</option>' + '<option value="delay-300ms">300ms</option>' + '<option value="delay-400ms">400ms</option>' + '<option value="delay-500ms">500ms</option>' + '<option value="delay-600ms">600ms</option>' + '<option value="delay-700ms">700ms</option>' + '<option value="delay-800ms">800ms</option>' + '<option value="delay-900ms">900ms</option>' + '<option value="delay-1000ms">1000ms</option>' + '<option value="delay-1100ms">1100ms</option>' + '<option value="delay-1200ms">1200ms</option>' + '<option value="delay-1300ms">1300ms</option>' + '<option value="delay-1400ms">1400ms</option>' + '<option value="delay-1500ms">1500ms</option>' + '<option value="delay-1600ms">1600ms</option>' + '<option value="delay-1700ms">1700ms</option>' + '<option value="delay-1800ms">1800ms</option>' + '<option value="delay-1900ms">1900ms</option>' + '<option value="delay-2000ms">2000ms</option>' + '<option value="delay-2100ms">2100ms</option>' + '<option value="delay-2200ms">2200ms</option>' + '<option value="delay-2300ms">2300ms</option>' + '<option value="delay-2400ms">2400ms</option>' + '<option value="delay-2500ms">2500ms</option>' + '<option value="delay-2600ms">2600ms</option>' + '<option value="delay-2700ms">2700ms</option>' + '<option value="delay-2800ms">2800ms</option>' + '<option value="delay-2900ms">2900ms</option>' + '<option value="delay-3000ms">3000ms</option>' + '</select></label>' + '</div>' + '<div style="padding-top:20px">' + '<button class="cmd-box-animate-test" style="width:100%">' + out('Test') + '</button>' + '</div>' + '</div>' + '</div>' + '</div>' + '' + '<div class="is-modal pickphoto">' + '<div style="max-width:1000px;height:570px;padding:0;box-sizing:border-box;position:relative;">' + '<div class="is-modal-bar is-draggable" style="position: absolute;top: 0;left: 0;width: 100%;z-index:1;">' + out('Photos') + '</div>' + '<iframe style="position: absolute;top: 0;left: 0;width:100%;height:100%;border:none;border-top:40px solid transparent;margin:0;box-sizing:border-box;" src="about:blank"></iframe>' + '</div>' + '</div>' + '';
8011
8025
  dom$G.appendHtml(builderStuff, html); // Box Tool
8012
8026
 
8013
8027
  this.builder.boxTool = builderStuff.querySelector('#divBoxTool');
@@ -8777,6 +8791,13 @@ class EditBox {
8777
8791
 
8778
8792
  this.builder.settings.onChange();
8779
8793
  });
8794
+ const chkAutofitContent = modalEditBox.querySelector('#chkAutofitContent');
8795
+ chkAutofitContent.addEventListener('click', () => {
8796
+ this.builder.editor.saveForUndo();
8797
+ this.boxContentAutofit(); //Trigger Change event
8798
+
8799
+ this.builder.settings.onChange();
8800
+ });
8780
8801
  const btnBoxPickPhoto = modalEditBox.querySelector('.cmd-box-pickphoto');
8781
8802
  btnBoxPickPhoto.addEventListener('click', () => {
8782
8803
  const modal = modalEditBox.querySelector('.is-modal.pickphoto');
@@ -8798,6 +8819,13 @@ class EditBox {
8798
8819
 
8799
8820
  this.builder.settings.onChange();
8800
8821
  });
8822
+ const chkParallaxBg2 = modalEditBox.querySelector('#chkParallaxBg2');
8823
+ chkParallaxBg2.addEventListener('click', () => {
8824
+ this.builder.editor.saveForUndo();
8825
+ this.boxParallaxBg2(); //Trigger Change event
8826
+
8827
+ this.builder.settings.onChange();
8828
+ });
8801
8829
  const btnBoxOverlayOpacity = modalEditBox.querySelectorAll('.cmd-box-overlayopacity');
8802
8830
  btnBoxOverlayOpacity.forEach(btn => {
8803
8831
  btn.addEventListener('click', () => {
@@ -9186,7 +9214,9 @@ class EditBox {
9186
9214
  let range = document.createRange();
9187
9215
  activeModule.innerHTML = '';
9188
9216
  activeModule.appendChild(range.createContextualFragment(hidModuleCustomCode.value)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
9189
- //Trigger Change event
9217
+ //Trigger Render event
9218
+
9219
+ this.builder.settings.onRender(); //Trigger Change event
9190
9220
 
9191
9221
  this.builder.settings.onChange();
9192
9222
  this.builder.hideModal(modalEditCode); // dom.removeClass(activeBox, 'box-active'); //REVIEW
@@ -9235,7 +9265,9 @@ class EditBox {
9235
9265
  let range = document.createRange();
9236
9266
  activeModule.innerHTML = '';
9237
9267
  activeModule.appendChild(range.createContextualFragment(hidModuleCode.value)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
9238
- //Trigger Change event
9268
+ //Trigger Render event
9269
+
9270
+ this.builder.settings.onRender(); //Trigger Change event
9239
9271
 
9240
9272
  this.builder.settings.onChange();
9241
9273
  this.builder.hideModal(modalEditModule); // dom.removeClass(activeBox, 'box-active'); //REVIEW
@@ -9383,6 +9415,12 @@ class EditBox {
9383
9415
  } else {
9384
9416
  modalEditBox.querySelector('#chkParallaxBg').checked = false;
9385
9417
  }
9418
+
9419
+ if (overlayBg.style.backgroundAttachment === 'fixed') {
9420
+ modalEditBox.querySelector('#chkParallaxBg2').checked = true;
9421
+ } else {
9422
+ modalEditBox.querySelector('#chkParallaxBg2').checked = false;
9423
+ }
9386
9424
  }
9387
9425
 
9388
9426
  if (dom$G.hasClass(activeBox, 'is-section')) {
@@ -9416,6 +9454,12 @@ class EditBox {
9416
9454
  }
9417
9455
  }
9418
9456
 
9457
+ modalEditBox.querySelector('#chkAutofitContent').checked = false;
9458
+
9459
+ if (dom$G.hasClass(activeBox, 'box-autofit')) {
9460
+ modalEditBox.querySelector('#chkAutofitContent').checked = true;
9461
+ }
9462
+
9419
9463
  dom$G.addClass(activeBox, 'box-active');
9420
9464
  this.builder.showModal(modalEditBox);
9421
9465
  const inpBoxSize = modalEditBox.querySelector('.inp-box-size');
@@ -9679,10 +9723,15 @@ class EditBox {
9679
9723
  } else {
9680
9724
  // dom.addClass(activeBox, 'box-active'); //REVIEW
9681
9725
  const modalEditModule = document.querySelector('.is-modal.editmodule');
9682
- this.builder.showModal(modalEditModule);
9683
9726
  const iframe = modalEditModule.querySelector('iframe');
9727
+ iframe.style.opacity = 0;
9728
+ iframe.style.transition = 'opacity 0.1s ease';
9684
9729
  iframe.setAttribute('src', this.builder.settings.modulePath + moduleName + '.html'); //load module panel on iframe
9685
9730
 
9731
+ this.builder.showModal(modalEditModule);
9732
+ setTimeout(() => {
9733
+ iframe.style.opacity = 1;
9734
+ }, 200);
9686
9735
  let moduleDesc = activeModule.getAttribute('data-module-desc');
9687
9736
  const modalBar = modalEditModule.querySelector('.is-modal-bar');
9688
9737
 
@@ -10062,6 +10111,25 @@ class EditBox {
10062
10111
  }
10063
10112
  }
10064
10113
 
10114
+ boxParallaxBg2() {
10115
+ let activeBox = this.builder.activeBox;
10116
+ let overlay = activeBox.querySelector('.is-overlay');
10117
+ if (!overlay) return;
10118
+ let overlayBg = overlay.querySelector('.is-overlay-bg');
10119
+ if (!overlayBg) return;
10120
+
10121
+ if (this.modalEditBox.querySelector('#chkParallaxBg2').checked) {
10122
+ overlayBg.style.backgroundAttachment = 'fixed'; // overlayBg.style.backgroundPosition = 'center';
10123
+ // overlayBg.style.backgroundRepeat = 'no-repeat';
10124
+ // overlayBg.style.backgroundSize = 'cover';
10125
+ // this.builder.settings.onRender();
10126
+ } else {
10127
+ overlayBg.style.backgroundAttachment = ''; // overlayBg.style.backgroundPosition = 'background-position: 50% 60%;';
10128
+ // overlayBg.style.backgroundRepeat = '';
10129
+ // overlayBg.style.backgroundSize = '';
10130
+ }
10131
+ }
10132
+
10065
10133
  boxOptimizeTextSize() {
10066
10134
  let activeBox = this.builder.activeBox;
10067
10135
  let container = activeBox.querySelector('.is-builder');
@@ -10074,6 +10142,17 @@ class EditBox {
10074
10142
  }
10075
10143
  }
10076
10144
 
10145
+ boxContentAutofit() {
10146
+ let activeBox = this.builder.activeBox;
10147
+ let autofit = this.modalEditBox.querySelector('#chkAutofitContent').checked;
10148
+
10149
+ if (autofit) {
10150
+ dom$G.addClass(activeBox, 'box-autofit');
10151
+ } else {
10152
+ dom$G.removeClass(activeBox, 'box-autofit');
10153
+ }
10154
+ }
10155
+
10077
10156
  boxContainerAnim() {
10078
10157
  let activeBox = this.builder.activeBox;
10079
10158
  let activeSection = this.builder.activeSection;
@@ -10523,14 +10602,26 @@ class Util {
10523
10602
  }
10524
10603
  }
10525
10604
 
10526
- confirm(message, callback) {
10605
+ confirm(message, callback, yesno, yestext) {
10527
10606
  const dom = this.dom;
10528
- let html = `<div class="is-modal is-confirm">
10607
+ let html = '';
10608
+ html = `<div class="is-modal is-confirm">
10529
10609
  <div class="is-modal-content" style="padding-bottom:20px;">
10530
10610
  <p>${message}</p>
10531
10611
  <button title="${this.out('Delete')}" class="input-ok classic">${this.out('Delete')}</button>
10532
10612
  </div>
10533
10613
  </div>`;
10614
+
10615
+ if (yesno) {
10616
+ html = `<div class="is-modal is-confirm">
10617
+ <div class="is-modal-content" style="padding-bottom:20px;">
10618
+ <p>${message}</p>
10619
+ <button title="${this.out('Cancel')}" class="input-cancel classic-secondary">${this.out('Cancel')}</button>
10620
+ <button title="${yestext}" class="input-ok classic-primary">${yestext}</button>
10621
+ </div>
10622
+ </div>`;
10623
+ }
10624
+
10534
10625
  const builderStuff = this.builder.builderStuff;
10535
10626
  let confirmmodal = builderStuff.querySelector('.is-confirm');
10536
10627
 
@@ -10553,6 +10644,16 @@ class Util {
10553
10644
 
10554
10645
  callback(true);
10555
10646
  });
10647
+ let buttoncancel = confirmmodal.querySelector('.is-confirm .input-cancel');
10648
+ dom.addEventListener(buttoncancel, 'click', e => {
10649
+ this.hideModal(confirmmodal);
10650
+ confirmmodal.parentNode.removeChild(confirmmodal); //remove modal
10651
+ //do task
10652
+
10653
+ callback(false);
10654
+ e.preventDefault();
10655
+ e.stopImmediatePropagation();
10656
+ });
10556
10657
  }
10557
10658
  /*
10558
10659
  Note:
@@ -65996,6 +66097,745 @@ class Rte {
65996
66097
  divMainStyle.innerHTML = this.getIconsStyle();
65997
66098
  }
65998
66099
 
66100
+ getIcons() {
66101
+ const html = `
66102
+ <div role="button" tabindex="0"><i class="icon ion-alert"> </i></div>
66103
+ <div role="button" tabindex="0"><i class="icon ion-alert-circled"> </i></div>
66104
+ <div role="button" tabindex="0"><i class="icon ion-android-add"> </i></div>
66105
+ <div role="button" tabindex="0"><i class="icon ion-android-add-circle"> </i></div>
66106
+ <div role="button" tabindex="0"><i class="icon ion-android-alarm-clock"> </i></div>
66107
+ <div role="button" tabindex="0"><i class="icon ion-android-alert"> </i></div>
66108
+ <div role="button" tabindex="0"><i class="icon ion-android-apps"> </i></div>
66109
+ <div role="button" tabindex="0"><i class="icon ion-android-archive"> </i></div>
66110
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-back"> </i></div>
66111
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-down"> </i></div>
66112
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropdown"> </i></div>
66113
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropdown-circle"> </i></div>
66114
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropleft"> </i></div>
66115
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropleft-circle"> </i></div>
66116
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropright"> </i></div>
66117
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropright-circle"> </i></div>
66118
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropup"> </i></div>
66119
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropup-circle"> </i></div>
66120
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-forward"> </i></div>
66121
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-up"> </i></div>
66122
+ <div role="button" tabindex="0"><i class="icon ion-android-attach"> </i></div>
66123
+ <div role="button" tabindex="0"><i class="icon ion-android-bar"> </i></div>
66124
+ <div role="button" tabindex="0"><i class="icon ion-android-bicycle"> </i></div>
66125
+ <div role="button" tabindex="0"><i class="icon ion-android-boat"> </i></div>
66126
+ <div role="button" tabindex="0"><i class="icon ion-android-bookmark"> </i></div>
66127
+ <div role="button" tabindex="0"><i class="icon ion-android-bulb"> </i></div>
66128
+ <div role="button" tabindex="0"><i class="icon ion-android-bus"> </i></div>
66129
+ <div role="button" tabindex="0"><i class="icon ion-android-calendar"> </i></div>
66130
+ <div role="button" tabindex="0"><i class="icon ion-android-call"> </i></div>
66131
+ <div role="button" tabindex="0"><i class="icon ion-android-camera"> </i></div>
66132
+ <div role="button" tabindex="0"><i class="icon ion-android-cancel"> </i></div>
66133
+ <div role="button" tabindex="0"><i class="icon ion-android-car"> </i></div>
66134
+ <div role="button" tabindex="0"><i class="icon ion-android-cart"> </i></div>
66135
+ <div role="button" tabindex="0"><i class="icon ion-android-chat"> </i></div>
66136
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox"> </i></div>
66137
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox-blank"> </i></div>
66138
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox-outline"> </i></div>
66139
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox-outline-blank"> </i></div>
66140
+ <div role="button" tabindex="0"><i class="icon ion-android-checkmark-circle"> </i></div>
66141
+ <div role="button" tabindex="0"><i class="icon ion-android-clipboard"> </i></div>
66142
+ <div role="button" tabindex="0"><i class="icon ion-android-close"> </i></div>
66143
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud"> </i></div>
66144
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud-circle"> </i></div>
66145
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud-done"> </i></div>
66146
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud-outline"> </i></div>
66147
+ <div role="button" tabindex="0"><i class="icon ion-android-color-palette"> </i></div>
66148
+ <div role="button" tabindex="0"><i class="icon ion-android-compass"> </i></div>
66149
+ <div role="button" tabindex="0"><i class="icon ion-android-contact"> </i></div>
66150
+ <div role="button" tabindex="0"><i class="icon ion-android-contacts"> </i></div>
66151
+ <div role="button" tabindex="0"><i class="icon ion-android-contract"> </i></div>
66152
+ <div role="button" tabindex="0"><i class="icon ion-android-create"> </i></div>
66153
+ <div role="button" tabindex="0"><i class="icon ion-android-delete"> </i></div>
66154
+ <div role="button" tabindex="0"><i class="icon ion-android-desktop"> </i></div>
66155
+ <div role="button" tabindex="0"><i class="icon ion-android-document"> </i></div>
66156
+ <div role="button" tabindex="0"><i class="icon ion-android-done"> </i></div>
66157
+ <div role="button" tabindex="0"><i class="icon ion-android-done-all"> </i></div>
66158
+ <div role="button" tabindex="0"><i class="icon ion-android-download"> </i></div>
66159
+ <div role="button" tabindex="0"><i class="icon ion-android-drafts"> </i></div>
66160
+ <div role="button" tabindex="0"><i class="icon ion-android-exit"> </i></div>
66161
+ <div role="button" tabindex="0"><i class="icon ion-android-expand"> </i></div>
66162
+ <div role="button" tabindex="0"><i class="icon ion-android-favorite"> </i></div>
66163
+ <div role="button" tabindex="0"><i class="icon ion-android-favorite-outline"> </i></div>
66164
+ <div role="button" tabindex="0"><i class="icon ion-android-film"> </i></div>
66165
+ <div role="button" tabindex="0"><i class="icon ion-android-folder"> </i></div>
66166
+ <div role="button" tabindex="0"><i class="icon ion-android-folder-open"> </i></div>
66167
+ <div role="button" tabindex="0"><i class="icon ion-android-funnel"> </i></div>
66168
+ <div role="button" tabindex="0"><i class="icon ion-android-globe"> </i></div>
66169
+ <div role="button" tabindex="0"><i class="icon ion-android-hand"> </i></div>
66170
+ <div role="button" tabindex="0"><i class="icon ion-android-hangout"> </i></div>
66171
+ <div role="button" tabindex="0"><i class="icon ion-android-happy"> </i></div>
66172
+ <div role="button" tabindex="0"><i class="icon ion-android-home"> </i></div>
66173
+ <div role="button" tabindex="0"><i class="icon ion-android-image"> </i></div>
66174
+ <div role="button" tabindex="0"><i class="icon ion-android-laptop"> </i></div>
66175
+ <div role="button" tabindex="0"><i class="icon ion-android-list"> </i></div>
66176
+ <div role="button" tabindex="0"><i class="icon ion-android-locate"> </i></div>
66177
+ <div role="button" tabindex="0"><i class="icon ion-android-lock"> </i></div>
66178
+ <div role="button" tabindex="0"><i class="icon ion-android-mail"> </i></div>
66179
+ <div role="button" tabindex="0"><i class="icon ion-android-map"> </i></div>
66180
+ <div role="button" tabindex="0"><i class="icon ion-android-menu"> </i></div>
66181
+ <div role="button" tabindex="0"><i class="icon ion-android-microphone"> </i></div>
66182
+ <div role="button" tabindex="0"><i class="icon ion-android-microphone-off"> </i></div>
66183
+ <div role="button" tabindex="0"><i class="icon ion-android-more-horizontal"> </i></div>
66184
+ <div role="button" tabindex="0"><i class="icon ion-android-more-vertical"> </i></div>
66185
+ <div role="button" tabindex="0"><i class="icon ion-android-navigate"> </i></div>
66186
+ <div role="button" tabindex="0"><i class="icon ion-android-notifications"> </i></div>
66187
+ <div role="button" tabindex="0"><i class="icon ion-android-notifications-none"> </i></div>
66188
+ <div role="button" tabindex="0"><i class="icon ion-android-notifications-off"> </i></div>
66189
+ <div role="button" tabindex="0"><i class="icon ion-android-open"> </i></div>
66190
+ <div role="button" tabindex="0"><i class="icon ion-android-options"> </i></div>
66191
+ <div role="button" tabindex="0"><i class="icon ion-android-people"> </i></div>
66192
+ <div role="button" tabindex="0"><i class="icon ion-android-person"> </i></div>
66193
+ <div role="button" tabindex="0"><i class="icon ion-android-person-add"> </i></div>
66194
+ <div role="button" tabindex="0"><i class="icon ion-android-phone-landscape"> </i></div>
66195
+ <div role="button" tabindex="0"><i class="icon ion-android-phone-portrait"> </i></div>
66196
+ <div role="button" tabindex="0"><i class="icon ion-android-pin"> </i></div>
66197
+ <div role="button" tabindex="0"><i class="icon ion-android-plane"> </i></div>
66198
+ <div role="button" tabindex="0"><i class="icon ion-android-playstore"> </i></div>
66199
+ <div role="button" tabindex="0"><i class="icon ion-android-print"> </i></div>
66200
+ <div role="button" tabindex="0"><i class="icon ion-android-radio-button-off"> </i></div>
66201
+ <div role="button" tabindex="0"><i class="icon ion-android-radio-button-on"> </i></div>
66202
+ <div role="button" tabindex="0"><i class="icon ion-android-refresh"> </i></div>
66203
+ <div role="button" tabindex="0"><i class="icon ion-android-remove"> </i></div>
66204
+ <div role="button" tabindex="0"><i class="icon ion-android-remove-circle"> </i></div>
66205
+ <div role="button" tabindex="0"><i class="icon ion-android-restaurant"> </i></div>
66206
+ <div role="button" tabindex="0"><i class="icon ion-android-sad"> </i></div>
66207
+ <div role="button" tabindex="0"><i class="icon ion-android-search"> </i></div>
66208
+ <div role="button" tabindex="0"><i class="icon ion-android-send"> </i></div>
66209
+ <div role="button" tabindex="0"><i class="icon ion-android-settings"> </i></div>
66210
+ <div role="button" tabindex="0"><i class="icon ion-android-share"> </i></div>
66211
+ <div role="button" tabindex="0"><i class="icon ion-android-share-alt"> </i></div>
66212
+ <div role="button" tabindex="0"><i class="icon ion-android-star"> </i></div>
66213
+ <div role="button" tabindex="0"><i class="icon ion-android-star-half"> </i></div>
66214
+ <div role="button" tabindex="0"><i class="icon ion-android-star-outline"> </i></div>
66215
+ <div role="button" tabindex="0"><i class="icon ion-android-stopwatch"> </i></div>
66216
+ <div role="button" tabindex="0"><i class="icon ion-android-subway"> </i></div>
66217
+ <div role="button" tabindex="0"><i class="icon ion-android-sunny"> </i></div>
66218
+ <div role="button" tabindex="0"><i class="icon ion-android-sync"> </i></div>
66219
+ <div role="button" tabindex="0"><i class="icon ion-android-textsms"> </i></div>
66220
+ <div role="button" tabindex="0"><i class="icon ion-android-time"> </i></div>
66221
+ <div role="button" tabindex="0"><i class="icon ion-android-train"> </i></div>
66222
+ <div role="button" tabindex="0"><i class="icon ion-android-unlock"> </i></div>
66223
+ <div role="button" tabindex="0"><i class="icon ion-android-upload"> </i></div>
66224
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-down"> </i></div>
66225
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-mute"> </i></div>
66226
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-off"> </i></div>
66227
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-up"> </i></div>
66228
+ <div role="button" tabindex="0"><i class="icon ion-android-walk"> </i></div>
66229
+ <div role="button" tabindex="0"><i class="icon ion-android-warning"> </i></div>
66230
+ <div role="button" tabindex="0"><i class="icon ion-android-watch"> </i></div>
66231
+ <div role="button" tabindex="0"><i class="icon ion-android-wifi"> </i></div>
66232
+ <div role="button" tabindex="0"><i class="icon ion-aperture"> </i></div>
66233
+ <div role="button" tabindex="0"><i class="icon ion-archive"> </i></div>
66234
+ <div role="button" tabindex="0"><i class="icon ion-arrow-down-a"> </i></div>
66235
+ <div role="button" tabindex="0"><i class="icon ion-arrow-down-b"> </i></div>
66236
+ <div role="button" tabindex="0"><i class="icon ion-arrow-down-c"> </i></div>
66237
+ <div role="button" tabindex="0"><i class="icon ion-arrow-expand"> </i></div>
66238
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-down-left"> </i></div>
66239
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-down-right"> </i></div>
66240
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-up-left"> </i></div>
66241
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-up-right"> </i></div>
66242
+ <div role="button" tabindex="0"><i class="icon ion-arrow-left-a"> </i></div>
66243
+ <div role="button" tabindex="0"><i class="icon ion-arrow-left-b"> </i></div>
66244
+ <div role="button" tabindex="0"><i class="icon ion-arrow-left-c"> </i></div>
66245
+ <div role="button" tabindex="0"><i class="icon ion-arrow-move"> </i></div>
66246
+ <div role="button" tabindex="0"><i class="icon ion-arrow-resize"> </i></div>
66247
+ <div role="button" tabindex="0"><i class="icon ion-arrow-return-left"> </i></div>
66248
+ <div role="button" tabindex="0"><i class="icon ion-arrow-return-right"> </i></div>
66249
+ <div role="button" tabindex="0"><i class="icon ion-arrow-right-a"> </i></div>
66250
+ <div role="button" tabindex="0"><i class="icon ion-arrow-right-b"> </i></div>
66251
+ <div role="button" tabindex="0"><i class="icon ion-arrow-right-c"> </i></div>
66252
+ <div role="button" tabindex="0"><i class="icon ion-arrow-shrink"> </i></div>
66253
+ <div role="button" tabindex="0"><i class="icon ion-arrow-swap"> </i></div>
66254
+ <div role="button" tabindex="0"><i class="icon ion-arrow-up-a"> </i></div>
66255
+ <div role="button" tabindex="0"><i class="icon ion-arrow-up-b"> </i></div>
66256
+ <div role="button" tabindex="0"><i class="icon ion-arrow-up-c"> </i></div>
66257
+ <div role="button" tabindex="0"><i class="icon ion-asterisk"> </i></div>
66258
+ <div role="button" tabindex="0"><i class="icon ion-at"> </i></div>
66259
+ <div role="button" tabindex="0"><i class="icon ion-backspace"> </i></div>
66260
+ <div role="button" tabindex="0"><i class="icon ion-backspace-outline"> </i></div>
66261
+ <div role="button" tabindex="0"><i class="icon ion-bag"> </i></div>
66262
+ <div role="button" tabindex="0"><i class="icon ion-battery-charging"> </i></div>
66263
+ <div role="button" tabindex="0"><i class="icon ion-battery-empty"> </i></div>
66264
+ <div role="button" tabindex="0"><i class="icon ion-battery-full"> </i></div>
66265
+ <div role="button" tabindex="0"><i class="icon ion-battery-half"> </i></div>
66266
+ <div role="button" tabindex="0"><i class="icon ion-battery-low"> </i></div>
66267
+ <div role="button" tabindex="0"><i class="icon ion-beaker"> </i></div>
66268
+ <div role="button" tabindex="0"><i class="icon ion-beer"> </i></div>
66269
+ <div role="button" tabindex="0"><i class="icon ion-bluetooth"> </i></div>
66270
+ <div role="button" tabindex="0"><i class="icon ion-bonfire"> </i></div>
66271
+ <div role="button" tabindex="0"><i class="icon ion-bookmark"> </i></div>
66272
+ <div role="button" tabindex="0"><i class="icon ion-bowtie"> </i></div>
66273
+ <div role="button" tabindex="0"><i class="icon ion-briefcase"> </i></div>
66274
+ <div role="button" tabindex="0"><i class="icon ion-bug"> </i></div>
66275
+ <div role="button" tabindex="0"><i class="icon ion-calculator"> </i></div>
66276
+ <div role="button" tabindex="0"><i class="icon ion-calendar"> </i></div>
66277
+ <div role="button" tabindex="0"><i class="icon ion-camera"> </i></div>
66278
+ <div role="button" tabindex="0"><i class="icon ion-card"> </i></div>
66279
+ <div role="button" tabindex="0"><i class="icon ion-cash"> </i></div>
66280
+ <div role="button" tabindex="0"><i class="icon ion-chatbox"> </i></div>
66281
+ <div role="button" tabindex="0"><i class="icon ion-chatbox-working"> </i></div>
66282
+ <div role="button" tabindex="0"><i class="icon ion-chatboxes"> </i></div>
66283
+ <div role="button" tabindex="0"><i class="icon ion-chatbubble"> </i></div>
66284
+ <div role="button" tabindex="0"><i class="icon ion-chatbubble-working"> </i></div>
66285
+ <div role="button" tabindex="0"><i class="icon ion-chatbubbles"> </i></div>
66286
+ <div role="button" tabindex="0"><i class="icon ion-checkmark"> </i></div>
66287
+ <div role="button" tabindex="0"><i class="icon ion-checkmark-circled"> </i></div>
66288
+ <div role="button" tabindex="0"><i class="icon ion-checkmark-round"> </i></div>
66289
+ <div role="button" tabindex="0"><i class="icon ion-chevron-down"> </i></div>
66290
+ <div role="button" tabindex="0"><i class="icon ion-chevron-left"> </i></div>
66291
+ <div role="button" tabindex="0"><i class="icon ion-chevron-right"> </i></div>
66292
+ <div role="button" tabindex="0"><i class="icon ion-chevron-up"> </i></div>
66293
+ <div role="button" tabindex="0"><i class="icon ion-clipboard"> </i></div>
66294
+ <div role="button" tabindex="0"><i class="icon ion-clock"> </i></div>
66295
+ <div role="button" tabindex="0"><i class="icon ion-close"> </i></div>
66296
+ <div role="button" tabindex="0"><i class="icon ion-close-circled"> </i></div>
66297
+ <div role="button" tabindex="0"><i class="icon ion-close-round"> </i></div>
66298
+ <div role="button" tabindex="0"><i class="icon ion-closed-captioning"> </i></div>
66299
+ <div role="button" tabindex="0"><i class="icon ion-cloud"> </i></div>
66300
+ <div role="button" tabindex="0"><i class="icon ion-code"> </i></div>
66301
+ <div role="button" tabindex="0"><i class="icon ion-code-download"> </i></div>
66302
+ <div role="button" tabindex="0"><i class="icon ion-code-working"> </i></div>
66303
+ <div role="button" tabindex="0"><i class="icon ion-coffee"> </i></div>
66304
+ <div role="button" tabindex="0"><i class="icon ion-compass"> </i></div>
66305
+ <div role="button" tabindex="0"><i class="icon ion-compose"> </i></div>
66306
+ <div role="button" tabindex="0"><i class="icon ion-connection-bars"> </i></div>
66307
+ <div role="button" tabindex="0"><i class="icon ion-contrast"> </i></div>
66308
+ <div role="button" tabindex="0"><i class="icon ion-crop"> </i></div>
66309
+ <div role="button" tabindex="0"><i class="icon ion-cube"> </i></div>
66310
+ <div role="button" tabindex="0"><i class="icon ion-disc"> </i></div>
66311
+ <div role="button" tabindex="0"><i class="icon ion-document"> </i></div>
66312
+ <div role="button" tabindex="0"><i class="icon ion-document-text"> </i></div>
66313
+ <div role="button" tabindex="0"><i class="icon ion-drag"> </i></div>
66314
+ <div role="button" tabindex="0"><i class="icon ion-earth"> </i></div>
66315
+ <div role="button" tabindex="0"><i class="icon ion-easel"> </i></div>
66316
+ <div role="button" tabindex="0"><i class="icon ion-edit"> </i></div>
66317
+ <div role="button" tabindex="0"><i class="icon ion-egg"> </i></div>
66318
+ <div role="button" tabindex="0"><i class="icon ion-eject"> </i></div>
66319
+ <div role="button" tabindex="0"><i class="icon ion-email"> </i></div>
66320
+ <div role="button" tabindex="0"><i class="icon ion-email-unread"> </i></div>
66321
+ <div role="button" tabindex="0"><i class="icon ion-erlenmeyer-flask"> </i></div>
66322
+ <div role="button" tabindex="0"><i class="icon ion-erlenmeyer-flask-bubbles"> </i></div>
66323
+ <div role="button" tabindex="0"><i class="icon ion-eye"> </i></div>
66324
+ <div role="button" tabindex="0"><i class="icon ion-eye-disabled"> </i></div>
66325
+ <div role="button" tabindex="0"><i class="icon ion-female"> </i></div>
66326
+ <div role="button" tabindex="0"><i class="icon ion-filing"> </i></div>
66327
+ <div role="button" tabindex="0"><i class="icon ion-film-marker"> </i></div>
66328
+ <div role="button" tabindex="0"><i class="icon ion-fireball"> </i></div>
66329
+ <div role="button" tabindex="0"><i class="icon ion-flag"> </i></div>
66330
+ <div role="button" tabindex="0"><i class="icon ion-flame"> </i></div>
66331
+ <div role="button" tabindex="0"><i class="icon ion-flash"> </i></div>
66332
+ <div role="button" tabindex="0"><i class="icon ion-flash-off"> </i></div>
66333
+ <div role="button" tabindex="0"><i class="icon ion-folder"> </i></div>
66334
+ <div role="button" tabindex="0"><i class="icon ion-fork"> </i></div>
66335
+ <div role="button" tabindex="0"><i class="icon ion-fork-repo"> </i></div>
66336
+ <div role="button" tabindex="0"><i class="icon ion-forward"> </i></div>
66337
+ <div role="button" tabindex="0"><i class="icon ion-funnel"> </i></div>
66338
+ <div role="button" tabindex="0"><i class="icon ion-gear-a"> </i></div>
66339
+ <div role="button" tabindex="0"><i class="icon ion-gear-b"> </i></div>
66340
+ <div role="button" tabindex="0"><i class="icon ion-grid"> </i></div>
66341
+ <div role="button" tabindex="0"><i class="icon ion-hammer"> </i></div>
66342
+ <div role="button" tabindex="0"><i class="icon ion-happy"> </i></div>
66343
+ <div role="button" tabindex="0"><i class="icon ion-happy-outline"> </i></div>
66344
+ <div role="button" tabindex="0"><i class="icon ion-headphone"> </i></div>
66345
+ <div role="button" tabindex="0"><i class="icon ion-heart"> </i></div>
66346
+ <div role="button" tabindex="0"><i class="icon ion-heart-broken"> </i></div>
66347
+ <div role="button" tabindex="0"><i class="icon ion-help"> </i></div>
66348
+ <div role="button" tabindex="0"><i class="icon ion-help-buoy"> </i></div>
66349
+ <div role="button" tabindex="0"><i class="icon ion-help-circled"> </i></div>
66350
+ <div role="button" tabindex="0"><i class="icon ion-home"> </i></div>
66351
+ <div role="button" tabindex="0"><i class="icon ion-icecream"> </i></div>
66352
+ <div role="button" tabindex="0"><i class="icon ion-image"> </i></div>
66353
+ <div role="button" tabindex="0"><i class="icon ion-images"> </i></div>
66354
+ <div role="button" tabindex="0"><i class="icon ion-information"> </i></div>
66355
+ <div role="button" tabindex="0"><i class="icon ion-information-circled"> </i></div>
66356
+ <div role="button" tabindex="0"><i class="icon ion-ionic"> </i></div>
66357
+ <div role="button" tabindex="0"><i class="icon ion-ios-alarm"> </i></div>
66358
+ <div role="button" tabindex="0"><i class="icon ion-ios-alarm-outline"> </i></div>
66359
+ <div role="button" tabindex="0"><i class="icon ion-ios-albums"> </i></div>
66360
+ <div role="button" tabindex="0"><i class="icon ion-ios-albums-outline"> </i></div>
66361
+ <div role="button" tabindex="0"><i class="icon ion-ios-americanfootball"> </i></div>
66362
+ <div role="button" tabindex="0"><i class="icon ion-ios-americanfootball-outline"> </i></div>
66363
+ <div role="button" tabindex="0"><i class="icon ion-ios-analytics"> </i></div>
66364
+ <div role="button" tabindex="0"><i class="icon ion-ios-analytics-outline"> </i></div>
66365
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-back"> </i></div>
66366
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-down"> </i></div>
66367
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-forward"> </i></div>
66368
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-left"> </i></div>
66369
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-right"> </i></div>
66370
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-down"> </i></div>
66371
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-left"> </i></div>
66372
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-right"> </i></div>
66373
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-up"> </i></div>
66374
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-up"> </i></div>
66375
+ <div role="button" tabindex="0"><i class="icon ion-ios-at"> </i></div>
66376
+ <div role="button" tabindex="0"><i class="icon ion-ios-at-outline"> </i></div>
66377
+ <div role="button" tabindex="0"><i class="icon ion-ios-barcode"> </i></div>
66378
+ <div role="button" tabindex="0"><i class="icon ion-ios-barcode-outline"> </i></div>
66379
+ <div role="button" tabindex="0"><i class="icon ion-ios-baseball"> </i></div>
66380
+ <div role="button" tabindex="0"><i class="icon ion-ios-baseball-outline"> </i></div>
66381
+ <div role="button" tabindex="0"><i class="icon ion-ios-basketball"> </i></div>
66382
+ <div role="button" tabindex="0"><i class="icon ion-ios-basketball-outline"> </i></div>
66383
+ <div role="button" tabindex="0"><i class="icon ion-ios-bell"> </i></div>
66384
+ <div role="button" tabindex="0"><i class="icon ion-ios-bell-outline"> </i></div>
66385
+ <div role="button" tabindex="0"><i class="icon ion-ios-body"> </i></div>
66386
+ <div role="button" tabindex="0"><i class="icon ion-ios-body-outline"> </i></div>
66387
+ <div role="button" tabindex="0"><i class="icon ion-ios-bolt"> </i></div>
66388
+ <div role="button" tabindex="0"><i class="icon ion-ios-bolt-outline"> </i></div>
66389
+ <div role="button" tabindex="0"><i class="icon ion-ios-book"> </i></div>
66390
+ <div role="button" tabindex="0"><i class="icon ion-ios-book-outline"> </i></div>
66391
+ <div role="button" tabindex="0"><i class="icon ion-ios-bookmarks"> </i></div>
66392
+ <div role="button" tabindex="0"><i class="icon ion-ios-bookmarks-outline"> </i></div>
66393
+ <div role="button" tabindex="0"><i class="icon ion-ios-box"> </i></div>
66394
+ <div role="button" tabindex="0"><i class="icon ion-ios-box-outline"> </i></div>
66395
+ <div role="button" tabindex="0"><i class="icon ion-ios-briefcase"> </i></div>
66396
+ <div role="button" tabindex="0"><i class="icon ion-ios-briefcase-outline"> </i></div>
66397
+ <div role="button" tabindex="0"><i class="icon ion-ios-browsers"> </i></div>
66398
+ <div role="button" tabindex="0"><i class="icon ion-ios-browsers-outline"> </i></div>
66399
+ <div role="button" tabindex="0"><i class="icon ion-ios-calculator"> </i></div>
66400
+ <div role="button" tabindex="0"><i class="icon ion-ios-calculator-outline"> </i></div>
66401
+ <div role="button" tabindex="0"><i class="icon ion-ios-calendar"> </i></div>
66402
+ <div role="button" tabindex="0"><i class="icon ion-ios-calendar-outline"> </i></div>
66403
+ <div role="button" tabindex="0"><i class="icon ion-ios-camera"> </i></div>
66404
+ <div role="button" tabindex="0"><i class="icon ion-ios-camera-outline"> </i></div>
66405
+ <div role="button" tabindex="0"><i class="icon ion-ios-cart"> </i></div>
66406
+ <div role="button" tabindex="0"><i class="icon ion-ios-cart-outline"> </i></div>
66407
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatboxes"> </i></div>
66408
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatboxes-outline"> </i></div>
66409
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatbubble"> </i></div>
66410
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatbubble-outline"> </i></div>
66411
+ <div role="button" tabindex="0"><i class="icon ion-ios-checkmark"> </i></div>
66412
+ <div role="button" tabindex="0"><i class="icon ion-ios-checkmark-empty"> </i></div>
66413
+ <div role="button" tabindex="0"><i class="icon ion-ios-checkmark-outline"> </i></div>
66414
+ <div role="button" tabindex="0"><i class="icon ion-ios-circle-filled"> </i></div>
66415
+ <div role="button" tabindex="0"><i class="icon ion-ios-circle-outline"> </i></div>
66416
+ <div role="button" tabindex="0"><i class="icon ion-ios-clock"> </i></div>
66417
+ <div role="button" tabindex="0"><i class="icon ion-ios-clock-outline"> </i></div>
66418
+ <div role="button" tabindex="0"><i class="icon ion-ios-close"> </i></div>
66419
+ <div role="button" tabindex="0"><i class="icon ion-ios-close-empty"> </i></div>
66420
+ <div role="button" tabindex="0"><i class="icon ion-ios-close-outline"> </i></div>
66421
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud"> </i></div>
66422
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-download"> </i></div>
66423
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-download-outline"> </i></div>
66424
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-outline"> </i></div>
66425
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-upload"> </i></div>
66426
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-upload-outline"> </i></div>
66427
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy"> </i></div>
66428
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy-night"> </i></div>
66429
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy-night-outline"> </i></div>
66430
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy-outline"> </i></div>
66431
+ <div role="button" tabindex="0"><i class="icon ion-ios-cog"> </i></div>
66432
+ <div role="button" tabindex="0"><i class="icon ion-ios-cog-outline"> </i></div>
66433
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-filter"> </i></div>
66434
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-filter-outline"> </i></div>
66435
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-wand"> </i></div>
66436
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-wand-outline"> </i></div>
66437
+ <div role="button" tabindex="0"><i class="icon ion-ios-compose"> </i></div>
66438
+ <div role="button" tabindex="0"><i class="icon ion-ios-compose-outline"> </i></div>
66439
+ <div role="button" tabindex="0"><i class="icon ion-ios-contact"> </i></div>
66440
+ <div role="button" tabindex="0"><i class="icon ion-ios-contact-outline"> </i></div>
66441
+ <div role="button" tabindex="0"><i class="icon ion-ios-copy"> </i></div>
66442
+ <div role="button" tabindex="0"><i class="icon ion-ios-copy-outline"> </i></div>
66443
+ <div role="button" tabindex="0"><i class="icon ion-ios-crop"> </i></div>
66444
+ <div role="button" tabindex="0"><i class="icon ion-ios-crop-strong"> </i></div>
66445
+ <div role="button" tabindex="0"><i class="icon ion-ios-download"> </i></div>
66446
+ <div role="button" tabindex="0"><i class="icon ion-ios-download-outline"> </i></div>
66447
+ <div role="button" tabindex="0"><i class="icon ion-ios-drag"> </i></div>
66448
+ <div role="button" tabindex="0"><i class="icon ion-ios-email"> </i></div>
66449
+ <div role="button" tabindex="0"><i class="icon ion-ios-email-outline"> </i></div>
66450
+ <div role="button" tabindex="0"><i class="icon ion-ios-eye"> </i></div>
66451
+ <div role="button" tabindex="0"><i class="icon ion-ios-eye-outline"> </i></div>
66452
+ <div role="button" tabindex="0"><i class="icon ion-ios-fastforward"> </i></div>
66453
+ <div role="button" tabindex="0"><i class="icon ion-ios-fastforward-outline"> </i></div>
66454
+ <div role="button" tabindex="0"><i class="icon ion-ios-filing"> </i></div>
66455
+ <div role="button" tabindex="0"><i class="icon ion-ios-filing-outline"> </i></div>
66456
+ <div role="button" tabindex="0"><i class="icon ion-ios-film"> </i></div>
66457
+ <div role="button" tabindex="0"><i class="icon ion-ios-film-outline"> </i></div>
66458
+ <div role="button" tabindex="0"><i class="icon ion-ios-flag"> </i></div>
66459
+ <div role="button" tabindex="0"><i class="icon ion-ios-flag-outline"> </i></div>
66460
+ <div role="button" tabindex="0"><i class="icon ion-ios-flame"> </i></div>
66461
+ <div role="button" tabindex="0"><i class="icon ion-ios-flame-outline"> </i></div>
66462
+ <div role="button" tabindex="0"><i class="icon ion-ios-flask"> </i></div>
66463
+ <div role="button" tabindex="0"><i class="icon ion-ios-flask-outline"> </i></div>
66464
+ <div role="button" tabindex="0"><i class="icon ion-ios-flower"> </i></div>
66465
+ <div role="button" tabindex="0"><i class="icon ion-ios-flower-outline"> </i></div>
66466
+ <div role="button" tabindex="0"><i class="icon ion-ios-folder"> </i></div>
66467
+ <div role="button" tabindex="0"><i class="icon ion-ios-folder-outline"> </i></div>
66468
+ <div role="button" tabindex="0"><i class="icon ion-ios-football"> </i></div>
66469
+ <div role="button" tabindex="0"><i class="icon ion-ios-football-outline"> </i></div>
66470
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-a"> </i></div>
66471
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-a-outline"> </i></div>
66472
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-b"> </i></div>
66473
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-b-outline"> </i></div>
66474
+ <div role="button" tabindex="0"><i class="icon ion-ios-gear"> </i></div>
66475
+ <div role="button" tabindex="0"><i class="icon ion-ios-gear-outline"> </i></div>
66476
+ <div role="button" tabindex="0"><i class="icon ion-ios-glasses"> </i></div>
66477
+ <div role="button" tabindex="0"><i class="icon ion-ios-glasses-outline"> </i></div>
66478
+ <div role="button" tabindex="0"><i class="icon ion-ios-grid-view"> </i></div>
66479
+ <div role="button" tabindex="0"><i class="icon ion-ios-grid-view-outline"> </i></div>
66480
+ <div role="button" tabindex="0"><i class="icon ion-ios-heart"> </i></div>
66481
+ <div role="button" tabindex="0"><i class="icon ion-ios-heart-outline"> </i></div>
66482
+ <div role="button" tabindex="0"><i class="icon ion-ios-help"> </i></div>
66483
+ <div role="button" tabindex="0"><i class="icon ion-ios-help-empty"> </i></div>
66484
+ <div role="button" tabindex="0"><i class="icon ion-ios-help-outline"> </i></div>
66485
+ <div role="button" tabindex="0"><i class="icon ion-ios-home"> </i></div>
66486
+ <div role="button" tabindex="0"><i class="icon ion-ios-home-outline"> </i></div>
66487
+ <div role="button" tabindex="0"><i class="icon ion-ios-infinite"> </i></div>
66488
+ <div role="button" tabindex="0"><i class="icon ion-ios-infinite-outline"> </i></div>
66489
+ <div role="button" tabindex="0"><i class="icon ion-ios-information"> </i></div>
66490
+ <div role="button" tabindex="0"><i class="icon ion-ios-information-empty"> </i></div>
66491
+ <div role="button" tabindex="0"><i class="icon ion-ios-information-outline"> </i></div>
66492
+ <div role="button" tabindex="0"><i class="icon ion-ios-ionic-outline"> </i></div>
66493
+ <div role="button" tabindex="0"><i class="icon ion-ios-keypad"> </i></div>
66494
+ <div role="button" tabindex="0"><i class="icon ion-ios-keypad-outline"> </i></div>
66495
+ <div role="button" tabindex="0"><i class="icon ion-ios-lightbulb"> </i></div>
66496
+ <div role="button" tabindex="0"><i class="icon ion-ios-lightbulb-outline"> </i></div>
66497
+ <div role="button" tabindex="0"><i class="icon ion-ios-list"> </i></div>
66498
+ <div role="button" tabindex="0"><i class="icon ion-ios-list-outline"> </i></div>
66499
+ <div role="button" tabindex="0"><i class="icon ion-ios-location"> </i></div>
66500
+ <div role="button" tabindex="0"><i class="icon ion-ios-location-outline"> </i></div>
66501
+ <div role="button" tabindex="0"><i class="icon ion-ios-locked"> </i></div>
66502
+ <div role="button" tabindex="0"><i class="icon ion-ios-locked-outline"> </i></div>
66503
+ <div role="button" tabindex="0"><i class="icon ion-ios-loop"> </i></div>
66504
+ <div role="button" tabindex="0"><i class="icon ion-ios-loop-strong"> </i></div>
66505
+ <div role="button" tabindex="0"><i class="icon ion-ios-medical"> </i></div>
66506
+ <div role="button" tabindex="0"><i class="icon ion-ios-medical-outline"> </i></div>
66507
+ <div role="button" tabindex="0"><i class="icon ion-ios-medkit"> </i></div>
66508
+ <div role="button" tabindex="0"><i class="icon ion-ios-medkit-outline"> </i></div>
66509
+ <div role="button" tabindex="0"><i class="icon ion-ios-mic"> </i></div>
66510
+ <div role="button" tabindex="0"><i class="icon ion-ios-mic-off"> </i></div>
66511
+ <div role="button" tabindex="0"><i class="icon ion-ios-mic-outline"> </i></div>
66512
+ <div role="button" tabindex="0"><i class="icon ion-ios-minus"> </i></div>
66513
+ <div role="button" tabindex="0"><i class="icon ion-ios-minus-empty"> </i></div>
66514
+ <div role="button" tabindex="0"><i class="icon ion-ios-minus-outline"> </i></div>
66515
+ <div role="button" tabindex="0"><i class="icon ion-ios-monitor"> </i></div>
66516
+ <div role="button" tabindex="0"><i class="icon ion-ios-monitor-outline"> </i></div>
66517
+ <div role="button" tabindex="0"><i class="icon ion-ios-moon"> </i></div>
66518
+ <div role="button" tabindex="0"><i class="icon ion-ios-moon-outline"> </i></div>
66519
+ <div role="button" tabindex="0"><i class="icon ion-ios-more"> </i></div>
66520
+ <div role="button" tabindex="0"><i class="icon ion-ios-more-outline"> </i></div>
66521
+ <div role="button" tabindex="0"><i class="icon ion-ios-musical-note"> </i></div>
66522
+ <div role="button" tabindex="0"><i class="icon ion-ios-musical-notes"> </i></div>
66523
+ <div role="button" tabindex="0"><i class="icon ion-ios-navigate"> </i></div>
66524
+ <div role="button" tabindex="0"><i class="icon ion-ios-navigate-outline"> </i></div>
66525
+ <div role="button" tabindex="0"><i class="icon ion-ios-nutrition"> </i></div>
66526
+ <div role="button" tabindex="0"><i class="icon ion-ios-nutrition-outline"> </i></div>
66527
+ <div role="button" tabindex="0"><i class="icon ion-ios-paper"> </i></div>
66528
+ <div role="button" tabindex="0"><i class="icon ion-ios-paper-outline"> </i></div>
66529
+ <div role="button" tabindex="0"><i class="icon ion-ios-paperplane"> </i></div>
66530
+ <div role="button" tabindex="0"><i class="icon ion-ios-paperplane-outline"> </i></div>
66531
+ <div role="button" tabindex="0"><i class="icon ion-ios-partlysunny"> </i></div>
66532
+ <div role="button" tabindex="0"><i class="icon ion-ios-partlysunny-outline"> </i></div>
66533
+ <div role="button" tabindex="0"><i class="icon ion-ios-pause"> </i></div>
66534
+ <div role="button" tabindex="0"><i class="icon ion-ios-pause-outline"> </i></div>
66535
+ <div role="button" tabindex="0"><i class="icon ion-ios-paw"> </i></div>
66536
+ <div role="button" tabindex="0"><i class="icon ion-ios-paw-outline"> </i></div>
66537
+ <div role="button" tabindex="0"><i class="icon ion-ios-people"> </i></div>
66538
+ <div role="button" tabindex="0"><i class="icon ion-ios-people-outline"> </i></div>
66539
+ <div role="button" tabindex="0"><i class="icon ion-ios-person"> </i></div>
66540
+ <div role="button" tabindex="0"><i class="icon ion-ios-person-outline"> </i></div>
66541
+ <div role="button" tabindex="0"><i class="icon ion-ios-personadd"> </i></div>
66542
+ <div role="button" tabindex="0"><i class="icon ion-ios-personadd-outline"> </i></div>
66543
+ <div role="button" tabindex="0"><i class="icon ion-ios-photos"> </i></div>
66544
+ <div role="button" tabindex="0"><i class="icon ion-ios-photos-outline"> </i></div>
66545
+ <div role="button" tabindex="0"><i class="icon ion-ios-pie"> </i></div>
66546
+ <div role="button" tabindex="0"><i class="icon ion-ios-pie-outline"> </i></div>
66547
+ <div role="button" tabindex="0"><i class="icon ion-ios-pint"> </i></div>
66548
+ <div role="button" tabindex="0"><i class="icon ion-ios-pint-outline"> </i></div>
66549
+ <div role="button" tabindex="0"><i class="icon ion-ios-play"> </i></div>
66550
+ <div role="button" tabindex="0"><i class="icon ion-ios-play-outline"> </i></div>
66551
+ <div role="button" tabindex="0"><i class="icon ion-ios-plus"> </i></div>
66552
+ <div role="button" tabindex="0"><i class="icon ion-ios-plus-empty"> </i></div>
66553
+ <div role="button" tabindex="0"><i class="icon ion-ios-plus-outline"> </i></div>
66554
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetag"> </i></div>
66555
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetag-outline"> </i></div>
66556
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetags"> </i></div>
66557
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetags-outline"> </i></div>
66558
+ <div role="button" tabindex="0"><i class="icon ion-ios-printer"> </i></div>
66559
+ <div role="button" tabindex="0"><i class="icon ion-ios-printer-outline"> </i></div>
66560
+ <div role="button" tabindex="0"><i class="icon ion-ios-pulse"> </i></div>
66561
+ <div role="button" tabindex="0"><i class="icon ion-ios-pulse-strong"> </i></div>
66562
+ <div role="button" tabindex="0"><i class="icon ion-ios-rainy"> </i></div>
66563
+ <div role="button" tabindex="0"><i class="icon ion-ios-rainy-outline"> </i></div>
66564
+ <div role="button" tabindex="0"><i class="icon ion-ios-recording"> </i></div>
66565
+ <div role="button" tabindex="0"><i class="icon ion-ios-recording-outline"> </i></div>
66566
+ <div role="button" tabindex="0"><i class="icon ion-ios-redo"> </i></div>
66567
+ <div role="button" tabindex="0"><i class="icon ion-ios-redo-outline"> </i></div>
66568
+ <div role="button" tabindex="0"><i class="icon ion-ios-refresh"> </i></div>
66569
+ <div role="button" tabindex="0"><i class="icon ion-ios-refresh-empty"> </i></div>
66570
+ <div role="button" tabindex="0"><i class="icon ion-ios-refresh-outline"> </i></div>
66571
+ <div role="button" tabindex="0"><i class="icon ion-ios-reload"> </i></div>
66572
+ <div role="button" tabindex="0"><i class="icon ion-ios-reverse-camera"> </i></div>
66573
+ <div role="button" tabindex="0"><i class="icon ion-ios-reverse-camera-outline"> </i></div>
66574
+ <div role="button" tabindex="0"><i class="icon ion-ios-rewind"> </i></div>
66575
+ <div role="button" tabindex="0"><i class="icon ion-ios-rewind-outline"> </i></div>
66576
+ <div role="button" tabindex="0"><i class="icon ion-ios-rose"> </i></div>
66577
+ <div role="button" tabindex="0"><i class="icon ion-ios-rose-outline"> </i></div>
66578
+ <div role="button" tabindex="0"><i class="icon ion-ios-search"> </i></div>
66579
+ <div role="button" tabindex="0"><i class="icon ion-ios-search-strong"> </i></div>
66580
+ <div role="button" tabindex="0"><i class="icon ion-ios-settings"> </i></div>
66581
+ <div role="button" tabindex="0"><i class="icon ion-ios-settings-strong"> </i></div>
66582
+ <div role="button" tabindex="0"><i class="icon ion-ios-shuffle"> </i></div>
66583
+ <div role="button" tabindex="0"><i class="icon ion-ios-shuffle-strong"> </i></div>
66584
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipbackward"> </i></div>
66585
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipbackward-outline"> </i></div>
66586
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipforward"> </i></div>
66587
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipforward-outline"> </i></div>
66588
+ <div role="button" tabindex="0"><i class="icon ion-ios-snowy"> </i></div>
66589
+ <div role="button" tabindex="0"><i class="icon ion-ios-speedometer"> </i></div>
66590
+ <div role="button" tabindex="0"><i class="icon ion-ios-speedometer-outline"> </i></div>
66591
+ <div role="button" tabindex="0"><i class="icon ion-ios-star"> </i></div>
66592
+ <div role="button" tabindex="0"><i class="icon ion-ios-star-half"> </i></div>
66593
+ <div role="button" tabindex="0"><i class="icon ion-ios-star-outline"> </i></div>
66594
+ <div role="button" tabindex="0"><i class="icon ion-ios-stopwatch"> </i></div>
66595
+ <div role="button" tabindex="0"><i class="icon ion-ios-stopwatch-outline"> </i></div>
66596
+ <div role="button" tabindex="0"><i class="icon ion-ios-sunny"> </i></div>
66597
+ <div role="button" tabindex="0"><i class="icon ion-ios-sunny-outline"> </i></div>
66598
+ <div role="button" tabindex="0"><i class="icon ion-ios-telephone"> </i></div>
66599
+ <div role="button" tabindex="0"><i class="icon ion-ios-telephone-outline"> </i></div>
66600
+ <div role="button" tabindex="0"><i class="icon ion-ios-tennisball"> </i></div>
66601
+ <div role="button" tabindex="0"><i class="icon ion-ios-tennisball-outline"> </i></div>
66602
+ <div role="button" tabindex="0"><i class="icon ion-ios-thunderstorm"> </i></div>
66603
+ <div role="button" tabindex="0"><i class="icon ion-ios-thunderstorm-outline"> </i></div>
66604
+ <div role="button" tabindex="0"><i class="icon ion-ios-time"> </i></div>
66605
+ <div role="button" tabindex="0"><i class="icon ion-ios-time-outline"> </i></div>
66606
+ <div role="button" tabindex="0"><i class="icon ion-ios-timer"> </i></div>
66607
+ <div role="button" tabindex="0"><i class="icon ion-ios-timer-outline"> </i></div>
66608
+ <div role="button" tabindex="0"><i class="icon ion-ios-toggle"> </i></div>
66609
+ <div role="button" tabindex="0"><i class="icon ion-ios-toggle-outline"> </i></div>
66610
+ <div role="button" tabindex="0"><i class="icon ion-ios-trash"> </i></div>
66611
+ <div role="button" tabindex="0"><i class="icon ion-ios-trash-outline"> </i></div>
66612
+ <div role="button" tabindex="0"><i class="icon ion-ios-undo"> </i></div>
66613
+ <div role="button" tabindex="0"><i class="icon ion-ios-undo-outline"> </i></div>
66614
+ <div role="button" tabindex="0"><i class="icon ion-ios-unlocked"> </i></div>
66615
+ <div role="button" tabindex="0"><i class="icon ion-ios-unlocked-outline"> </i></div>
66616
+ <div role="button" tabindex="0"><i class="icon ion-ios-upload"> </i></div>
66617
+ <div role="button" tabindex="0"><i class="icon ion-ios-upload-outline"> </i></div>
66618
+ <div role="button" tabindex="0"><i class="icon ion-ios-videocam"> </i></div>
66619
+ <div role="button" tabindex="0"><i class="icon ion-ios-videocam-outline"> </i></div>
66620
+ <div role="button" tabindex="0"><i class="icon ion-ios-volume-high"> </i></div>
66621
+ <div role="button" tabindex="0"><i class="icon ion-ios-volume-low"> </i></div>
66622
+ <div role="button" tabindex="0"><i class="icon ion-ios-wineglass"> </i></div>
66623
+ <div role="button" tabindex="0"><i class="icon ion-ios-wineglass-outline"> </i></div>
66624
+ <div role="button" tabindex="0"><i class="icon ion-ios-world"> </i></div>
66625
+ <div role="button" tabindex="0"><i class="icon ion-ios-world-outline"> </i></div>
66626
+ <div role="button" tabindex="0"><i class="icon ion-ipad"> </i></div>
66627
+ <div role="button" tabindex="0"><i class="icon ion-iphone"> </i></div>
66628
+ <div role="button" tabindex="0"><i class="icon ion-ipod"> </i></div>
66629
+ <div role="button" tabindex="0"><i class="icon ion-jet"> </i></div>
66630
+ <div role="button" tabindex="0"><i class="icon ion-key"> </i></div>
66631
+ <div role="button" tabindex="0"><i class="icon ion-knife"> </i></div>
66632
+ <div role="button" tabindex="0"><i class="icon ion-laptop"> </i></div>
66633
+ <div role="button" tabindex="0"><i class="icon ion-leaf"> </i></div>
66634
+ <div role="button" tabindex="0"><i class="icon ion-levels"> </i></div>
66635
+ <div role="button" tabindex="0"><i class="icon ion-lightbulb"> </i></div>
66636
+ <div role="button" tabindex="0"><i class="icon ion-link"> </i></div>
66637
+ <div role="button" tabindex="0"><i class="icon ion-load-a"> </i></div>
66638
+ <div role="button" tabindex="0"><i class="icon ion-load-b"> </i></div>
66639
+ <div role="button" tabindex="0"><i class="icon ion-load-c"> </i></div>
66640
+ <div role="button" tabindex="0"><i class="icon ion-load-d"> </i></div>
66641
+ <div role="button" tabindex="0"><i class="icon ion-location"> </i></div>
66642
+ <div role="button" tabindex="0"><i class="icon ion-lock-combination"> </i></div>
66643
+ <div role="button" tabindex="0"><i class="icon ion-locked"> </i></div>
66644
+ <div role="button" tabindex="0"><i class="icon ion-log-in"> </i></div>
66645
+ <div role="button" tabindex="0"><i class="icon ion-log-out"> </i></div>
66646
+ <div role="button" tabindex="0"><i class="icon ion-loop"> </i></div>
66647
+ <div role="button" tabindex="0"><i class="icon ion-magnet"> </i></div>
66648
+ <div role="button" tabindex="0"><i class="icon ion-male"> </i></div>
66649
+ <div role="button" tabindex="0"><i class="icon ion-man"> </i></div>
66650
+ <div role="button" tabindex="0"><i class="icon ion-map"> </i></div>
66651
+ <div role="button" tabindex="0"><i class="icon ion-medkit"> </i></div>
66652
+ <div role="button" tabindex="0"><i class="icon ion-merge"> </i></div>
66653
+ <div role="button" tabindex="0"><i class="icon ion-mic-a"> </i></div>
66654
+ <div role="button" tabindex="0"><i class="icon ion-mic-b"> </i></div>
66655
+ <div role="button" tabindex="0"><i class="icon ion-mic-c"> </i></div>
66656
+ <div role="button" tabindex="0"><i class="icon ion-minus"> </i></div>
66657
+ <div role="button" tabindex="0"><i class="icon ion-minus-circled"> </i></div>
66658
+ <div role="button" tabindex="0"><i class="icon ion-minus-round"> </i></div>
66659
+ <div role="button" tabindex="0"><i class="icon ion-model-s"> </i></div>
66660
+ <div role="button" tabindex="0"><i class="icon ion-monitor"> </i></div>
66661
+ <div role="button" tabindex="0"><i class="icon ion-more"> </i></div>
66662
+ <div role="button" tabindex="0"><i class="icon ion-mouse"> </i></div>
66663
+ <div role="button" tabindex="0"><i class="icon ion-music-note"> </i></div>
66664
+ <div role="button" tabindex="0"><i class="icon ion-navicon"> </i></div>
66665
+ <div role="button" tabindex="0"><i class="icon ion-navicon-round"> </i></div>
66666
+ <div role="button" tabindex="0"><i class="icon ion-navigate"> </i></div>
66667
+ <div role="button" tabindex="0"><i class="icon ion-network"> </i></div>
66668
+ <div role="button" tabindex="0"><i class="icon ion-no-smoking"> </i></div>
66669
+ <div role="button" tabindex="0"><i class="icon ion-nuclear"> </i></div>
66670
+ <div role="button" tabindex="0"><i class="icon ion-outlet"> </i></div>
66671
+ <div role="button" tabindex="0"><i class="icon ion-paintbrush"> </i></div>
66672
+ <div role="button" tabindex="0"><i class="icon ion-paintbucket"> </i></div>
66673
+ <div role="button" tabindex="0"><i class="icon ion-paper-airplane"> </i></div>
66674
+ <div role="button" tabindex="0"><i class="icon ion-paperclip"> </i></div>
66675
+ <div role="button" tabindex="0"><i class="icon ion-pause"> </i></div>
66676
+ <div role="button" tabindex="0"><i class="icon ion-person"> </i></div>
66677
+ <div role="button" tabindex="0"><i class="icon ion-person-add"> </i></div>
66678
+ <div role="button" tabindex="0"><i class="icon ion-person-stalker"> </i></div>
66679
+ <div role="button" tabindex="0"><i class="icon ion-pie-graph"> </i></div>
66680
+ <div role="button" tabindex="0"><i class="icon ion-pin"> </i></div>
66681
+ <div role="button" tabindex="0"><i class="icon ion-pinpoint"> </i></div>
66682
+ <div role="button" tabindex="0"><i class="icon ion-pizza"> </i></div>
66683
+ <div role="button" tabindex="0"><i class="icon ion-plane"> </i></div>
66684
+ <div role="button" tabindex="0"><i class="icon ion-planet"> </i></div>
66685
+ <div role="button" tabindex="0"><i class="icon ion-play"> </i></div>
66686
+ <div role="button" tabindex="0"><i class="icon ion-playstation"> </i></div>
66687
+ <div role="button" tabindex="0"><i class="icon ion-plus"> </i></div>
66688
+ <div role="button" tabindex="0"><i class="icon ion-plus-circled"> </i></div>
66689
+ <div role="button" tabindex="0"><i class="icon ion-plus-round"> </i></div>
66690
+ <div role="button" tabindex="0"><i class="icon ion-podium"> </i></div>
66691
+ <div role="button" tabindex="0"><i class="icon ion-pound"> </i></div>
66692
+ <div role="button" tabindex="0"><i class="icon ion-power"> </i></div>
66693
+ <div role="button" tabindex="0"><i class="icon ion-pricetag"> </i></div>
66694
+ <div role="button" tabindex="0"><i class="icon ion-pricetags"> </i></div>
66695
+ <div role="button" tabindex="0"><i class="icon ion-printer"> </i></div>
66696
+ <div role="button" tabindex="0"><i class="icon ion-pull-request"> </i></div>
66697
+ <div role="button" tabindex="0"><i class="icon ion-qr-scanner"> </i></div>
66698
+ <div role="button" tabindex="0"><i class="icon ion-quote"> </i></div>
66699
+ <div role="button" tabindex="0"><i class="icon ion-radio-waves"> </i></div>
66700
+ <div role="button" tabindex="0"><i class="icon ion-record"> </i></div>
66701
+ <div role="button" tabindex="0"><i class="icon ion-refresh"> </i></div>
66702
+ <div role="button" tabindex="0"><i class="icon ion-reply"> </i></div>
66703
+ <div role="button" tabindex="0"><i class="icon ion-reply-all"> </i></div>
66704
+ <div role="button" tabindex="0"><i class="icon ion-ribbon-a"> </i></div>
66705
+ <div role="button" tabindex="0"><i class="icon ion-ribbon-b"> </i></div>
66706
+ <div role="button" tabindex="0"><i class="icon ion-sad"> </i></div>
66707
+ <div role="button" tabindex="0"><i class="icon ion-sad-outline"> </i></div>
66708
+ <div role="button" tabindex="0"><i class="icon ion-scissors"> </i></div>
66709
+ <div role="button" tabindex="0"><i class="icon ion-search"> </i></div>
66710
+ <div role="button" tabindex="0"><i class="icon ion-settings"> </i></div>
66711
+ <div role="button" tabindex="0"><i class="icon ion-share"> </i></div>
66712
+ <div role="button" tabindex="0"><i class="icon ion-shuffle"> </i></div>
66713
+ <div role="button" tabindex="0"><i class="icon ion-skip-backward"> </i></div>
66714
+ <div role="button" tabindex="0"><i class="icon ion-skip-forward"> </i></div>
66715
+ <div role="button" tabindex="0"><i class="icon ion-social-android"> </i></div>
66716
+ <div role="button" tabindex="0"><i class="icon ion-social-android-outline"> </i></div>
66717
+ <div role="button" tabindex="0"><i class="icon ion-social-angular"> </i></div>
66718
+ <div role="button" tabindex="0"><i class="icon ion-social-angular-outline"> </i></div>
66719
+ <div role="button" tabindex="0"><i class="icon ion-social-apple"> </i></div>
66720
+ <div role="button" tabindex="0"><i class="icon ion-social-apple-outline"> </i></div>
66721
+ <div role="button" tabindex="0"><i class="icon ion-social-bitcoin"> </i></div>
66722
+ <div role="button" tabindex="0"><i class="icon ion-social-bitcoin-outline"> </i></div>
66723
+ <div role="button" tabindex="0"><i class="icon ion-social-buffer"> </i></div>
66724
+ <div role="button" tabindex="0"><i class="icon ion-social-buffer-outline"> </i></div>
66725
+ <div role="button" tabindex="0"><i class="icon ion-social-chrome"> </i></div>
66726
+ <div role="button" tabindex="0"><i class="icon ion-social-chrome-outline"> </i></div>
66727
+ <div role="button" tabindex="0"><i class="icon ion-social-codepen"> </i></div>
66728
+ <div role="button" tabindex="0"><i class="icon ion-social-codepen-outline"> </i></div>
66729
+ <div role="button" tabindex="0"><i class="icon ion-social-css3"> </i></div>
66730
+ <div role="button" tabindex="0"><i class="icon ion-social-css3-outline"> </i></div>
66731
+ <div role="button" tabindex="0"><i class="icon ion-social-designernews"> </i></div>
66732
+ <div role="button" tabindex="0"><i class="icon ion-social-designernews-outline"> </i></div>
66733
+ <div role="button" tabindex="0"><i class="icon ion-social-dribbble"> </i></div>
66734
+ <div role="button" tabindex="0"><i class="icon ion-social-dribbble-outline"> </i></div>
66735
+ <div role="button" tabindex="0"><i class="icon ion-social-dropbox"> </i></div>
66736
+ <div role="button" tabindex="0"><i class="icon ion-social-dropbox-outline"> </i></div>
66737
+ <div role="button" tabindex="0"><i class="icon ion-social-euro"> </i></div>
66738
+ <div role="button" tabindex="0"><i class="icon ion-social-euro-outline"> </i></div>
66739
+ <div role="button" tabindex="0"><i class="icon ion-social-facebook"> </i></div>
66740
+ <div role="button" tabindex="0"><i class="icon ion-social-facebook-outline"> </i></div>
66741
+ <div role="button" tabindex="0"><i class="icon ion-social-foursquare"> </i></div>
66742
+ <div role="button" tabindex="0"><i class="icon ion-social-foursquare-outline"> </i></div>
66743
+ <div role="button" tabindex="0"><i class="icon ion-social-freebsd-devil"> </i></div>
66744
+ <div role="button" tabindex="0"><i class="icon ion-social-github"> </i></div>
66745
+ <div role="button" tabindex="0"><i class="icon ion-social-github-outline"> </i></div>
66746
+ <div role="button" tabindex="0"><i class="icon ion-social-google"> </i></div>
66747
+ <div role="button" tabindex="0"><i class="icon ion-social-google-outline"> </i></div>
66748
+ <div role="button" tabindex="0"><i class="icon ion-social-googleplus"> </i></div>
66749
+ <div role="button" tabindex="0"><i class="icon ion-social-googleplus-outline"> </i></div>
66750
+ <div role="button" tabindex="0"><i class="icon ion-social-hackernews"> </i></div>
66751
+ <div role="button" tabindex="0"><i class="icon ion-social-hackernews-outline"> </i></div>
66752
+ <div role="button" tabindex="0"><i class="icon ion-social-html5"> </i></div>
66753
+ <div role="button" tabindex="0"><i class="icon ion-social-html5-outline"> </i></div>
66754
+ <div role="button" tabindex="0"><i class="icon ion-social-instagram"> </i></div>
66755
+ <div role="button" tabindex="0"><i class="icon ion-social-instagram-outline"> </i></div>
66756
+ <div role="button" tabindex="0"><i class="icon ion-social-javascript"> </i></div>
66757
+ <div role="button" tabindex="0"><i class="icon ion-social-javascript-outline"> </i></div>
66758
+ <div role="button" tabindex="0"><i class="icon ion-social-linkedin"> </i></div>
66759
+ <div role="button" tabindex="0"><i class="icon ion-social-linkedin-outline"> </i></div>
66760
+ <div role="button" tabindex="0"><i class="icon ion-social-markdown"> </i></div>
66761
+ <div role="button" tabindex="0"><i class="icon ion-social-nodejs"> </i></div>
66762
+ <div role="button" tabindex="0"><i class="icon ion-social-octocat"> </i></div>
66763
+ <div role="button" tabindex="0"><i class="icon ion-social-pinterest"> </i></div>
66764
+ <div role="button" tabindex="0"><i class="icon ion-social-pinterest-outline"> </i></div>
66765
+ <div role="button" tabindex="0"><i class="icon ion-social-python"> </i></div>
66766
+ <div role="button" tabindex="0"><i class="icon ion-social-reddit"> </i></div>
66767
+ <div role="button" tabindex="0"><i class="icon ion-social-reddit-outline"> </i></div>
66768
+ <div role="button" tabindex="0"><i class="icon ion-social-rss"> </i></div>
66769
+ <div role="button" tabindex="0"><i class="icon ion-social-rss-outline"> </i></div>
66770
+ <div role="button" tabindex="0"><i class="icon ion-social-sass"> </i></div>
66771
+ <div role="button" tabindex="0"><i class="icon ion-social-skype"> </i></div>
66772
+ <div role="button" tabindex="0"><i class="icon ion-social-skype-outline"> </i></div>
66773
+ <div role="button" tabindex="0"><i class="icon ion-social-snapchat"> </i></div>
66774
+ <div role="button" tabindex="0"><i class="icon ion-social-snapchat-outline"> </i></div>
66775
+ <div role="button" tabindex="0"><i class="icon ion-social-tumblr"> </i></div>
66776
+ <div role="button" tabindex="0"><i class="icon ion-social-tumblr-outline"> </i></div>
66777
+ <div role="button" tabindex="0"><i class="icon ion-social-tux"> </i></div>
66778
+ <div role="button" tabindex="0"><i class="icon ion-social-twitch"> </i></div>
66779
+ <div role="button" tabindex="0"><i class="icon ion-social-twitch-outline"> </i></div>
66780
+ <div role="button" tabindex="0"><i class="icon ion-social-twitter"> </i></div>
66781
+ <div role="button" tabindex="0"><i class="icon ion-social-twitter-outline"> </i></div>
66782
+ <div role="button" tabindex="0"><i class="icon ion-social-usd"> </i></div>
66783
+ <div role="button" tabindex="0"><i class="icon ion-social-usd-outline"> </i></div>
66784
+ <div role="button" tabindex="0"><i class="icon ion-social-vimeo"> </i></div>
66785
+ <div role="button" tabindex="0"><i class="icon ion-social-vimeo-outline"> </i></div>
66786
+ <div role="button" tabindex="0"><i class="icon ion-social-whatsapp"> </i></div>
66787
+ <div role="button" tabindex="0"><i class="icon ion-social-whatsapp-outline"> </i></div>
66788
+ <div role="button" tabindex="0"><i class="icon ion-social-windows"> </i></div>
66789
+ <div role="button" tabindex="0"><i class="icon ion-social-windows-outline"> </i></div>
66790
+ <div role="button" tabindex="0"><i class="icon ion-social-wordpress"> </i></div>
66791
+ <div role="button" tabindex="0"><i class="icon ion-social-wordpress-outline"> </i></div>
66792
+ <div role="button" tabindex="0"><i class="icon ion-social-yahoo"> </i></div>
66793
+ <div role="button" tabindex="0"><i class="icon ion-social-yahoo-outline"> </i></div>
66794
+ <div role="button" tabindex="0"><i class="icon ion-social-yen"> </i></div>
66795
+ <div role="button" tabindex="0"><i class="icon ion-social-yen-outline"> </i></div>
66796
+ <div role="button" tabindex="0"><i class="icon ion-social-youtube"> </i></div>
66797
+ <div role="button" tabindex="0"><i class="icon ion-social-youtube-outline"> </i></div>
66798
+ <div role="button" tabindex="0"><i class="icon ion-soup-can"> </i></div>
66799
+ <div role="button" tabindex="0"><i class="icon ion-soup-can-outline"> </i></div>
66800
+ <div role="button" tabindex="0"><i class="icon ion-speakerphone"> </i></div>
66801
+ <div role="button" tabindex="0"><i class="icon ion-speedometer"> </i></div>
66802
+ <div role="button" tabindex="0"><i class="icon ion-spoon"> </i></div>
66803
+ <div role="button" tabindex="0"><i class="icon ion-star"> </i></div>
66804
+ <div role="button" tabindex="0"><i class="icon ion-stats-bars"> </i></div>
66805
+ <div role="button" tabindex="0"><i class="icon ion-steam"> </i></div>
66806
+ <div role="button" tabindex="0"><i class="icon ion-stop"> </i></div>
66807
+ <div role="button" tabindex="0"><i class="icon ion-thermometer"> </i></div>
66808
+ <div role="button" tabindex="0"><i class="icon ion-thumbsdown"> </i></div>
66809
+ <div role="button" tabindex="0"><i class="icon ion-thumbsup"> </i></div>
66810
+ <div role="button" tabindex="0"><i class="icon ion-toggle"> </i></div>
66811
+ <div role="button" tabindex="0"><i class="icon ion-toggle-filled"> </i></div>
66812
+ <div role="button" tabindex="0"><i class="icon ion-transgender"> </i></div>
66813
+ <div role="button" tabindex="0"><i class="icon ion-trash-a"> </i></div>
66814
+ <div role="button" tabindex="0"><i class="icon ion-trash-b"> </i></div>
66815
+ <div role="button" tabindex="0"><i class="icon ion-trophy"> </i></div>
66816
+ <div role="button" tabindex="0"><i class="icon ion-tshirt"> </i></div>
66817
+ <div role="button" tabindex="0"><i class="icon ion-tshirt-outline"> </i></div>
66818
+ <div role="button" tabindex="0"><i class="icon ion-umbrella"> </i></div>
66819
+ <div role="button" tabindex="0"><i class="icon ion-university"> </i></div>
66820
+ <div role="button" tabindex="0"><i class="icon ion-unlocked"> </i></div>
66821
+ <div role="button" tabindex="0"><i class="icon ion-upload"> </i></div>
66822
+ <div role="button" tabindex="0"><i class="icon ion-usb"> </i></div>
66823
+ <div role="button" tabindex="0"><i class="icon ion-videocamera"> </i></div>
66824
+ <div role="button" tabindex="0"><i class="icon ion-volume-high"> </i></div>
66825
+ <div role="button" tabindex="0"><i class="icon ion-volume-low"> </i></div>
66826
+ <div role="button" tabindex="0"><i class="icon ion-volume-medium"> </i></div>
66827
+ <div role="button" tabindex="0"><i class="icon ion-volume-mute"> </i></div>
66828
+ <div role="button" tabindex="0"><i class="icon ion-wand"> </i></div>
66829
+ <div role="button" tabindex="0"><i class="icon ion-waterdrop"> </i></div>
66830
+ <div role="button" tabindex="0"><i class="icon ion-wifi"> </i></div>
66831
+ <div role="button" tabindex="0"><i class="icon ion-wineglass"> </i></div>
66832
+ <div role="button" tabindex="0"><i class="icon ion-woman"> </i></div>
66833
+ <div role="button" tabindex="0"><i class="icon ion-wrench"> </i></div>
66834
+ <div role="button" tabindex="0"><i class="icon ion-xbox"> </i></div>
66835
+ `;
66836
+ return html;
66837
+ }
66838
+
65999
66839
  getIconsHTML() {
66000
66840
  const path = this.builder.assetPath + 'ionicons/';
66001
66841
  const html = `
@@ -66097,739 +66937,7 @@ class Rte {
66097
66937
  <body${this.builder.styleDark ? ' class="dark"' : ''}${this.builder.styleColored ? ' class="colored"' : ''}${this.builder.styleColoredDark ? ' class="colored-dark"' : ''}${this.builder.styleLight ? ' class="light"' : ''}>
66098
66938
 
66099
66939
  <div id="divIcons">
66100
- <div><i class="icon ion-alert"> </i></div>
66101
- <div><i class="icon ion-alert-circled"> </i></div>
66102
- <div><i class="icon ion-android-add"> </i></div>
66103
- <div><i class="icon ion-android-add-circle"> </i></div>
66104
- <div><i class="icon ion-android-alarm-clock"> </i></div>
66105
- <div><i class="icon ion-android-alert"> </i></div>
66106
- <div><i class="icon ion-android-apps"> </i></div>
66107
- <div><i class="icon ion-android-archive"> </i></div>
66108
- <div><i class="icon ion-android-arrow-back"> </i></div>
66109
- <div><i class="icon ion-android-arrow-down"> </i></div>
66110
- <div><i class="icon ion-android-arrow-dropdown"> </i></div>
66111
- <div><i class="icon ion-android-arrow-dropdown-circle"> </i></div>
66112
- <div><i class="icon ion-android-arrow-dropleft"> </i></div>
66113
- <div><i class="icon ion-android-arrow-dropleft-circle"> </i></div>
66114
- <div><i class="icon ion-android-arrow-dropright"> </i></div>
66115
- <div><i class="icon ion-android-arrow-dropright-circle"> </i></div>
66116
- <div><i class="icon ion-android-arrow-dropup"> </i></div>
66117
- <div><i class="icon ion-android-arrow-dropup-circle"> </i></div>
66118
- <div><i class="icon ion-android-arrow-forward"> </i></div>
66119
- <div><i class="icon ion-android-arrow-up"> </i></div>
66120
- <div><i class="icon ion-android-attach"> </i></div>
66121
- <div><i class="icon ion-android-bar"> </i></div>
66122
- <div><i class="icon ion-android-bicycle"> </i></div>
66123
- <div><i class="icon ion-android-boat"> </i></div>
66124
- <div><i class="icon ion-android-bookmark"> </i></div>
66125
- <div><i class="icon ion-android-bulb"> </i></div>
66126
- <div><i class="icon ion-android-bus"> </i></div>
66127
- <div><i class="icon ion-android-calendar"> </i></div>
66128
- <div><i class="icon ion-android-call"> </i></div>
66129
- <div><i class="icon ion-android-camera"> </i></div>
66130
- <div><i class="icon ion-android-cancel"> </i></div>
66131
- <div><i class="icon ion-android-car"> </i></div>
66132
- <div><i class="icon ion-android-cart"> </i></div>
66133
- <div><i class="icon ion-android-chat"> </i></div>
66134
- <div><i class="icon ion-android-checkbox"> </i></div>
66135
- <div><i class="icon ion-android-checkbox-blank"> </i></div>
66136
- <div><i class="icon ion-android-checkbox-outline"> </i></div>
66137
- <div><i class="icon ion-android-checkbox-outline-blank"> </i></div>
66138
- <div><i class="icon ion-android-checkmark-circle"> </i></div>
66139
- <div><i class="icon ion-android-clipboard"> </i></div>
66140
- <div><i class="icon ion-android-close"> </i></div>
66141
- <div><i class="icon ion-android-cloud"> </i></div>
66142
- <div><i class="icon ion-android-cloud-circle"> </i></div>
66143
- <div><i class="icon ion-android-cloud-done"> </i></div>
66144
- <div><i class="icon ion-android-cloud-outline"> </i></div>
66145
- <div><i class="icon ion-android-color-palette"> </i></div>
66146
- <div><i class="icon ion-android-compass"> </i></div>
66147
- <div><i class="icon ion-android-contact"> </i></div>
66148
- <div><i class="icon ion-android-contacts"> </i></div>
66149
- <div><i class="icon ion-android-contract"> </i></div>
66150
- <div><i class="icon ion-android-create"> </i></div>
66151
- <div><i class="icon ion-android-delete"> </i></div>
66152
- <div><i class="icon ion-android-desktop"> </i></div>
66153
- <div><i class="icon ion-android-document"> </i></div>
66154
- <div><i class="icon ion-android-done"> </i></div>
66155
- <div><i class="icon ion-android-done-all"> </i></div>
66156
- <div><i class="icon ion-android-download"> </i></div>
66157
- <div><i class="icon ion-android-drafts"> </i></div>
66158
- <div><i class="icon ion-android-exit"> </i></div>
66159
- <div><i class="icon ion-android-expand"> </i></div>
66160
- <div><i class="icon ion-android-favorite"> </i></div>
66161
- <div><i class="icon ion-android-favorite-outline"> </i></div>
66162
- <div><i class="icon ion-android-film"> </i></div>
66163
- <div><i class="icon ion-android-folder"> </i></div>
66164
- <div><i class="icon ion-android-folder-open"> </i></div>
66165
- <div><i class="icon ion-android-funnel"> </i></div>
66166
- <div><i class="icon ion-android-globe"> </i></div>
66167
- <div><i class="icon ion-android-hand"> </i></div>
66168
- <div><i class="icon ion-android-hangout"> </i></div>
66169
- <div><i class="icon ion-android-happy"> </i></div>
66170
- <div><i class="icon ion-android-home"> </i></div>
66171
- <div><i class="icon ion-android-image"> </i></div>
66172
- <div><i class="icon ion-android-laptop"> </i></div>
66173
- <div><i class="icon ion-android-list"> </i></div>
66174
- <div><i class="icon ion-android-locate"> </i></div>
66175
- <div><i class="icon ion-android-lock"> </i></div>
66176
- <div><i class="icon ion-android-mail"> </i></div>
66177
- <div><i class="icon ion-android-map"> </i></div>
66178
- <div><i class="icon ion-android-menu"> </i></div>
66179
- <div><i class="icon ion-android-microphone"> </i></div>
66180
- <div><i class="icon ion-android-microphone-off"> </i></div>
66181
- <div><i class="icon ion-android-more-horizontal"> </i></div>
66182
- <div><i class="icon ion-android-more-vertical"> </i></div>
66183
- <div><i class="icon ion-android-navigate"> </i></div>
66184
- <div><i class="icon ion-android-notifications"> </i></div>
66185
- <div><i class="icon ion-android-notifications-none"> </i></div>
66186
- <div><i class="icon ion-android-notifications-off"> </i></div>
66187
- <div><i class="icon ion-android-open"> </i></div>
66188
- <div><i class="icon ion-android-options"> </i></div>
66189
- <div><i class="icon ion-android-people"> </i></div>
66190
- <div><i class="icon ion-android-person"> </i></div>
66191
- <div><i class="icon ion-android-person-add"> </i></div>
66192
- <div><i class="icon ion-android-phone-landscape"> </i></div>
66193
- <div><i class="icon ion-android-phone-portrait"> </i></div>
66194
- <div><i class="icon ion-android-pin"> </i></div>
66195
- <div><i class="icon ion-android-plane"> </i></div>
66196
- <div><i class="icon ion-android-playstore"> </i></div>
66197
- <div><i class="icon ion-android-print"> </i></div>
66198
- <div><i class="icon ion-android-radio-button-off"> </i></div>
66199
- <div><i class="icon ion-android-radio-button-on"> </i></div>
66200
- <div><i class="icon ion-android-refresh"> </i></div>
66201
- <div><i class="icon ion-android-remove"> </i></div>
66202
- <div><i class="icon ion-android-remove-circle"> </i></div>
66203
- <div><i class="icon ion-android-restaurant"> </i></div>
66204
- <div><i class="icon ion-android-sad"> </i></div>
66205
- <div><i class="icon ion-android-search"> </i></div>
66206
- <div><i class="icon ion-android-send"> </i></div>
66207
- <div><i class="icon ion-android-settings"> </i></div>
66208
- <div><i class="icon ion-android-share"> </i></div>
66209
- <div><i class="icon ion-android-share-alt"> </i></div>
66210
- <div><i class="icon ion-android-star"> </i></div>
66211
- <div><i class="icon ion-android-star-half"> </i></div>
66212
- <div><i class="icon ion-android-star-outline"> </i></div>
66213
- <div><i class="icon ion-android-stopwatch"> </i></div>
66214
- <div><i class="icon ion-android-subway"> </i></div>
66215
- <div><i class="icon ion-android-sunny"> </i></div>
66216
- <div><i class="icon ion-android-sync"> </i></div>
66217
- <div><i class="icon ion-android-textsms"> </i></div>
66218
- <div><i class="icon ion-android-time"> </i></div>
66219
- <div><i class="icon ion-android-train"> </i></div>
66220
- <div><i class="icon ion-android-unlock"> </i></div>
66221
- <div><i class="icon ion-android-upload"> </i></div>
66222
- <div><i class="icon ion-android-volume-down"> </i></div>
66223
- <div><i class="icon ion-android-volume-mute"> </i></div>
66224
- <div><i class="icon ion-android-volume-off"> </i></div>
66225
- <div><i class="icon ion-android-volume-up"> </i></div>
66226
- <div><i class="icon ion-android-walk"> </i></div>
66227
- <div><i class="icon ion-android-warning"> </i></div>
66228
- <div><i class="icon ion-android-watch"> </i></div>
66229
- <div><i class="icon ion-android-wifi"> </i></div>
66230
- <div><i class="icon ion-aperture"> </i></div>
66231
- <div><i class="icon ion-archive"> </i></div>
66232
- <div><i class="icon ion-arrow-down-a"> </i></div>
66233
- <div><i class="icon ion-arrow-down-b"> </i></div>
66234
- <div><i class="icon ion-arrow-down-c"> </i></div>
66235
- <div><i class="icon ion-arrow-expand"> </i></div>
66236
- <div><i class="icon ion-arrow-graph-down-left"> </i></div>
66237
- <div><i class="icon ion-arrow-graph-down-right"> </i></div>
66238
- <div><i class="icon ion-arrow-graph-up-left"> </i></div>
66239
- <div><i class="icon ion-arrow-graph-up-right"> </i></div>
66240
- <div><i class="icon ion-arrow-left-a"> </i></div>
66241
- <div><i class="icon ion-arrow-left-b"> </i></div>
66242
- <div><i class="icon ion-arrow-left-c"> </i></div>
66243
- <div><i class="icon ion-arrow-move"> </i></div>
66244
- <div><i class="icon ion-arrow-resize"> </i></div>
66245
- <div><i class="icon ion-arrow-return-left"> </i></div>
66246
- <div><i class="icon ion-arrow-return-right"> </i></div>
66247
- <div><i class="icon ion-arrow-right-a"> </i></div>
66248
- <div><i class="icon ion-arrow-right-b"> </i></div>
66249
- <div><i class="icon ion-arrow-right-c"> </i></div>
66250
- <div><i class="icon ion-arrow-shrink"> </i></div>
66251
- <div><i class="icon ion-arrow-swap"> </i></div>
66252
- <div><i class="icon ion-arrow-up-a"> </i></div>
66253
- <div><i class="icon ion-arrow-up-b"> </i></div>
66254
- <div><i class="icon ion-arrow-up-c"> </i></div>
66255
- <div><i class="icon ion-asterisk"> </i></div>
66256
- <div><i class="icon ion-at"> </i></div>
66257
- <div><i class="icon ion-backspace"> </i></div>
66258
- <div><i class="icon ion-backspace-outline"> </i></div>
66259
- <div><i class="icon ion-bag"> </i></div>
66260
- <div><i class="icon ion-battery-charging"> </i></div>
66261
- <div><i class="icon ion-battery-empty"> </i></div>
66262
- <div><i class="icon ion-battery-full"> </i></div>
66263
- <div><i class="icon ion-battery-half"> </i></div>
66264
- <div><i class="icon ion-battery-low"> </i></div>
66265
- <div><i class="icon ion-beaker"> </i></div>
66266
- <div><i class="icon ion-beer"> </i></div>
66267
- <div><i class="icon ion-bluetooth"> </i></div>
66268
- <div><i class="icon ion-bonfire"> </i></div>
66269
- <div><i class="icon ion-bookmark"> </i></div>
66270
- <div><i class="icon ion-bowtie"> </i></div>
66271
- <div><i class="icon ion-briefcase"> </i></div>
66272
- <div><i class="icon ion-bug"> </i></div>
66273
- <div><i class="icon ion-calculator"> </i></div>
66274
- <div><i class="icon ion-calendar"> </i></div>
66275
- <div><i class="icon ion-camera"> </i></div>
66276
- <div><i class="icon ion-card"> </i></div>
66277
- <div><i class="icon ion-cash"> </i></div>
66278
- <div><i class="icon ion-chatbox"> </i></div>
66279
- <div><i class="icon ion-chatbox-working"> </i></div>
66280
- <div><i class="icon ion-chatboxes"> </i></div>
66281
- <div><i class="icon ion-chatbubble"> </i></div>
66282
- <div><i class="icon ion-chatbubble-working"> </i></div>
66283
- <div><i class="icon ion-chatbubbles"> </i></div>
66284
- <div><i class="icon ion-checkmark"> </i></div>
66285
- <div><i class="icon ion-checkmark-circled"> </i></div>
66286
- <div><i class="icon ion-checkmark-round"> </i></div>
66287
- <div><i class="icon ion-chevron-down"> </i></div>
66288
- <div><i class="icon ion-chevron-left"> </i></div>
66289
- <div><i class="icon ion-chevron-right"> </i></div>
66290
- <div><i class="icon ion-chevron-up"> </i></div>
66291
- <div><i class="icon ion-clipboard"> </i></div>
66292
- <div><i class="icon ion-clock"> </i></div>
66293
- <div><i class="icon ion-close"> </i></div>
66294
- <div><i class="icon ion-close-circled"> </i></div>
66295
- <div><i class="icon ion-close-round"> </i></div>
66296
- <div><i class="icon ion-closed-captioning"> </i></div>
66297
- <div><i class="icon ion-cloud"> </i></div>
66298
- <div><i class="icon ion-code"> </i></div>
66299
- <div><i class="icon ion-code-download"> </i></div>
66300
- <div><i class="icon ion-code-working"> </i></div>
66301
- <div><i class="icon ion-coffee"> </i></div>
66302
- <div><i class="icon ion-compass"> </i></div>
66303
- <div><i class="icon ion-compose"> </i></div>
66304
- <div><i class="icon ion-connection-bars"> </i></div>
66305
- <div><i class="icon ion-contrast"> </i></div>
66306
- <div><i class="icon ion-crop"> </i></div>
66307
- <div><i class="icon ion-cube"> </i></div>
66308
- <div><i class="icon ion-disc"> </i></div>
66309
- <div><i class="icon ion-document"> </i></div>
66310
- <div><i class="icon ion-document-text"> </i></div>
66311
- <div><i class="icon ion-drag"> </i></div>
66312
- <div><i class="icon ion-earth"> </i></div>
66313
- <div><i class="icon ion-easel"> </i></div>
66314
- <div><i class="icon ion-edit"> </i></div>
66315
- <div><i class="icon ion-egg"> </i></div>
66316
- <div><i class="icon ion-eject"> </i></div>
66317
- <div><i class="icon ion-email"> </i></div>
66318
- <div><i class="icon ion-email-unread"> </i></div>
66319
- <div><i class="icon ion-erlenmeyer-flask"> </i></div>
66320
- <div><i class="icon ion-erlenmeyer-flask-bubbles"> </i></div>
66321
- <div><i class="icon ion-eye"> </i></div>
66322
- <div><i class="icon ion-eye-disabled"> </i></div>
66323
- <div><i class="icon ion-female"> </i></div>
66324
- <div><i class="icon ion-filing"> </i></div>
66325
- <div><i class="icon ion-film-marker"> </i></div>
66326
- <div><i class="icon ion-fireball"> </i></div>
66327
- <div><i class="icon ion-flag"> </i></div>
66328
- <div><i class="icon ion-flame"> </i></div>
66329
- <div><i class="icon ion-flash"> </i></div>
66330
- <div><i class="icon ion-flash-off"> </i></div>
66331
- <div><i class="icon ion-folder"> </i></div>
66332
- <div><i class="icon ion-fork"> </i></div>
66333
- <div><i class="icon ion-fork-repo"> </i></div>
66334
- <div><i class="icon ion-forward"> </i></div>
66335
- <div><i class="icon ion-funnel"> </i></div>
66336
- <div><i class="icon ion-gear-a"> </i></div>
66337
- <div><i class="icon ion-gear-b"> </i></div>
66338
- <div><i class="icon ion-grid"> </i></div>
66339
- <div><i class="icon ion-hammer"> </i></div>
66340
- <div><i class="icon ion-happy"> </i></div>
66341
- <div><i class="icon ion-happy-outline"> </i></div>
66342
- <div><i class="icon ion-headphone"> </i></div>
66343
- <div><i class="icon ion-heart"> </i></div>
66344
- <div><i class="icon ion-heart-broken"> </i></div>
66345
- <div><i class="icon ion-help"> </i></div>
66346
- <div><i class="icon ion-help-buoy"> </i></div>
66347
- <div><i class="icon ion-help-circled"> </i></div>
66348
- <div><i class="icon ion-home"> </i></div>
66349
- <div><i class="icon ion-icecream"> </i></div>
66350
- <div><i class="icon ion-image"> </i></div>
66351
- <div><i class="icon ion-images"> </i></div>
66352
- <div><i class="icon ion-information"> </i></div>
66353
- <div><i class="icon ion-information-circled"> </i></div>
66354
- <div><i class="icon ion-ionic"> </i></div>
66355
- <div><i class="icon ion-ios-alarm"> </i></div>
66356
- <div><i class="icon ion-ios-alarm-outline"> </i></div>
66357
- <div><i class="icon ion-ios-albums"> </i></div>
66358
- <div><i class="icon ion-ios-albums-outline"> </i></div>
66359
- <div><i class="icon ion-ios-americanfootball"> </i></div>
66360
- <div><i class="icon ion-ios-americanfootball-outline"> </i></div>
66361
- <div><i class="icon ion-ios-analytics"> </i></div>
66362
- <div><i class="icon ion-ios-analytics-outline"> </i></div>
66363
- <div><i class="icon ion-ios-arrow-back"> </i></div>
66364
- <div><i class="icon ion-ios-arrow-down"> </i></div>
66365
- <div><i class="icon ion-ios-arrow-forward"> </i></div>
66366
- <div><i class="icon ion-ios-arrow-left"> </i></div>
66367
- <div><i class="icon ion-ios-arrow-right"> </i></div>
66368
- <div><i class="icon ion-ios-arrow-thin-down"> </i></div>
66369
- <div><i class="icon ion-ios-arrow-thin-left"> </i></div>
66370
- <div><i class="icon ion-ios-arrow-thin-right"> </i></div>
66371
- <div><i class="icon ion-ios-arrow-thin-up"> </i></div>
66372
- <div><i class="icon ion-ios-arrow-up"> </i></div>
66373
- <div><i class="icon ion-ios-at"> </i></div>
66374
- <div><i class="icon ion-ios-at-outline"> </i></div>
66375
- <div><i class="icon ion-ios-barcode"> </i></div>
66376
- <div><i class="icon ion-ios-barcode-outline"> </i></div>
66377
- <div><i class="icon ion-ios-baseball"> </i></div>
66378
- <div><i class="icon ion-ios-baseball-outline"> </i></div>
66379
- <div><i class="icon ion-ios-basketball"> </i></div>
66380
- <div><i class="icon ion-ios-basketball-outline"> </i></div>
66381
- <div><i class="icon ion-ios-bell"> </i></div>
66382
- <div><i class="icon ion-ios-bell-outline"> </i></div>
66383
- <div><i class="icon ion-ios-body"> </i></div>
66384
- <div><i class="icon ion-ios-body-outline"> </i></div>
66385
- <div><i class="icon ion-ios-bolt"> </i></div>
66386
- <div><i class="icon ion-ios-bolt-outline"> </i></div>
66387
- <div><i class="icon ion-ios-book"> </i></div>
66388
- <div><i class="icon ion-ios-book-outline"> </i></div>
66389
- <div><i class="icon ion-ios-bookmarks"> </i></div>
66390
- <div><i class="icon ion-ios-bookmarks-outline"> </i></div>
66391
- <div><i class="icon ion-ios-box"> </i></div>
66392
- <div><i class="icon ion-ios-box-outline"> </i></div>
66393
- <div><i class="icon ion-ios-briefcase"> </i></div>
66394
- <div><i class="icon ion-ios-briefcase-outline"> </i></div>
66395
- <div><i class="icon ion-ios-browsers"> </i></div>
66396
- <div><i class="icon ion-ios-browsers-outline"> </i></div>
66397
- <div><i class="icon ion-ios-calculator"> </i></div>
66398
- <div><i class="icon ion-ios-calculator-outline"> </i></div>
66399
- <div><i class="icon ion-ios-calendar"> </i></div>
66400
- <div><i class="icon ion-ios-calendar-outline"> </i></div>
66401
- <div><i class="icon ion-ios-camera"> </i></div>
66402
- <div><i class="icon ion-ios-camera-outline"> </i></div>
66403
- <div><i class="icon ion-ios-cart"> </i></div>
66404
- <div><i class="icon ion-ios-cart-outline"> </i></div>
66405
- <div><i class="icon ion-ios-chatboxes"> </i></div>
66406
- <div><i class="icon ion-ios-chatboxes-outline"> </i></div>
66407
- <div><i class="icon ion-ios-chatbubble"> </i></div>
66408
- <div><i class="icon ion-ios-chatbubble-outline"> </i></div>
66409
- <div><i class="icon ion-ios-checkmark"> </i></div>
66410
- <div><i class="icon ion-ios-checkmark-empty"> </i></div>
66411
- <div><i class="icon ion-ios-checkmark-outline"> </i></div>
66412
- <div><i class="icon ion-ios-circle-filled"> </i></div>
66413
- <div><i class="icon ion-ios-circle-outline"> </i></div>
66414
- <div><i class="icon ion-ios-clock"> </i></div>
66415
- <div><i class="icon ion-ios-clock-outline"> </i></div>
66416
- <div><i class="icon ion-ios-close"> </i></div>
66417
- <div><i class="icon ion-ios-close-empty"> </i></div>
66418
- <div><i class="icon ion-ios-close-outline"> </i></div>
66419
- <div><i class="icon ion-ios-cloud"> </i></div>
66420
- <div><i class="icon ion-ios-cloud-download"> </i></div>
66421
- <div><i class="icon ion-ios-cloud-download-outline"> </i></div>
66422
- <div><i class="icon ion-ios-cloud-outline"> </i></div>
66423
- <div><i class="icon ion-ios-cloud-upload"> </i></div>
66424
- <div><i class="icon ion-ios-cloud-upload-outline"> </i></div>
66425
- <div><i class="icon ion-ios-cloudy"> </i></div>
66426
- <div><i class="icon ion-ios-cloudy-night"> </i></div>
66427
- <div><i class="icon ion-ios-cloudy-night-outline"> </i></div>
66428
- <div><i class="icon ion-ios-cloudy-outline"> </i></div>
66429
- <div><i class="icon ion-ios-cog"> </i></div>
66430
- <div><i class="icon ion-ios-cog-outline"> </i></div>
66431
- <div><i class="icon ion-ios-color-filter"> </i></div>
66432
- <div><i class="icon ion-ios-color-filter-outline"> </i></div>
66433
- <div><i class="icon ion-ios-color-wand"> </i></div>
66434
- <div><i class="icon ion-ios-color-wand-outline"> </i></div>
66435
- <div><i class="icon ion-ios-compose"> </i></div>
66436
- <div><i class="icon ion-ios-compose-outline"> </i></div>
66437
- <div><i class="icon ion-ios-contact"> </i></div>
66438
- <div><i class="icon ion-ios-contact-outline"> </i></div>
66439
- <div><i class="icon ion-ios-copy"> </i></div>
66440
- <div><i class="icon ion-ios-copy-outline"> </i></div>
66441
- <div><i class="icon ion-ios-crop"> </i></div>
66442
- <div><i class="icon ion-ios-crop-strong"> </i></div>
66443
- <div><i class="icon ion-ios-download"> </i></div>
66444
- <div><i class="icon ion-ios-download-outline"> </i></div>
66445
- <div><i class="icon ion-ios-drag"> </i></div>
66446
- <div><i class="icon ion-ios-email"> </i></div>
66447
- <div><i class="icon ion-ios-email-outline"> </i></div>
66448
- <div><i class="icon ion-ios-eye"> </i></div>
66449
- <div><i class="icon ion-ios-eye-outline"> </i></div>
66450
- <div><i class="icon ion-ios-fastforward"> </i></div>
66451
- <div><i class="icon ion-ios-fastforward-outline"> </i></div>
66452
- <div><i class="icon ion-ios-filing"> </i></div>
66453
- <div><i class="icon ion-ios-filing-outline"> </i></div>
66454
- <div><i class="icon ion-ios-film"> </i></div>
66455
- <div><i class="icon ion-ios-film-outline"> </i></div>
66456
- <div><i class="icon ion-ios-flag"> </i></div>
66457
- <div><i class="icon ion-ios-flag-outline"> </i></div>
66458
- <div><i class="icon ion-ios-flame"> </i></div>
66459
- <div><i class="icon ion-ios-flame-outline"> </i></div>
66460
- <div><i class="icon ion-ios-flask"> </i></div>
66461
- <div><i class="icon ion-ios-flask-outline"> </i></div>
66462
- <div><i class="icon ion-ios-flower"> </i></div>
66463
- <div><i class="icon ion-ios-flower-outline"> </i></div>
66464
- <div><i class="icon ion-ios-folder"> </i></div>
66465
- <div><i class="icon ion-ios-folder-outline"> </i></div>
66466
- <div><i class="icon ion-ios-football"> </i></div>
66467
- <div><i class="icon ion-ios-football-outline"> </i></div>
66468
- <div><i class="icon ion-ios-game-controller-a"> </i></div>
66469
- <div><i class="icon ion-ios-game-controller-a-outline"> </i></div>
66470
- <div><i class="icon ion-ios-game-controller-b"> </i></div>
66471
- <div><i class="icon ion-ios-game-controller-b-outline"> </i></div>
66472
- <div><i class="icon ion-ios-gear"> </i></div>
66473
- <div><i class="icon ion-ios-gear-outline"> </i></div>
66474
- <div><i class="icon ion-ios-glasses"> </i></div>
66475
- <div><i class="icon ion-ios-glasses-outline"> </i></div>
66476
- <div><i class="icon ion-ios-grid-view"> </i></div>
66477
- <div><i class="icon ion-ios-grid-view-outline"> </i></div>
66478
- <div><i class="icon ion-ios-heart"> </i></div>
66479
- <div><i class="icon ion-ios-heart-outline"> </i></div>
66480
- <div><i class="icon ion-ios-help"> </i></div>
66481
- <div><i class="icon ion-ios-help-empty"> </i></div>
66482
- <div><i class="icon ion-ios-help-outline"> </i></div>
66483
- <div><i class="icon ion-ios-home"> </i></div>
66484
- <div><i class="icon ion-ios-home-outline"> </i></div>
66485
- <div><i class="icon ion-ios-infinite"> </i></div>
66486
- <div><i class="icon ion-ios-infinite-outline"> </i></div>
66487
- <div><i class="icon ion-ios-information"> </i></div>
66488
- <div><i class="icon ion-ios-information-empty"> </i></div>
66489
- <div><i class="icon ion-ios-information-outline"> </i></div>
66490
- <div><i class="icon ion-ios-ionic-outline"> </i></div>
66491
- <div><i class="icon ion-ios-keypad"> </i></div>
66492
- <div><i class="icon ion-ios-keypad-outline"> </i></div>
66493
- <div><i class="icon ion-ios-lightbulb"> </i></div>
66494
- <div><i class="icon ion-ios-lightbulb-outline"> </i></div>
66495
- <div><i class="icon ion-ios-list"> </i></div>
66496
- <div><i class="icon ion-ios-list-outline"> </i></div>
66497
- <div><i class="icon ion-ios-location"> </i></div>
66498
- <div><i class="icon ion-ios-location-outline"> </i></div>
66499
- <div><i class="icon ion-ios-locked"> </i></div>
66500
- <div><i class="icon ion-ios-locked-outline"> </i></div>
66501
- <div><i class="icon ion-ios-loop"> </i></div>
66502
- <div><i class="icon ion-ios-loop-strong"> </i></div>
66503
- <div><i class="icon ion-ios-medical"> </i></div>
66504
- <div><i class="icon ion-ios-medical-outline"> </i></div>
66505
- <div><i class="icon ion-ios-medkit"> </i></div>
66506
- <div><i class="icon ion-ios-medkit-outline"> </i></div>
66507
- <div><i class="icon ion-ios-mic"> </i></div>
66508
- <div><i class="icon ion-ios-mic-off"> </i></div>
66509
- <div><i class="icon ion-ios-mic-outline"> </i></div>
66510
- <div><i class="icon ion-ios-minus"> </i></div>
66511
- <div><i class="icon ion-ios-minus-empty"> </i></div>
66512
- <div><i class="icon ion-ios-minus-outline"> </i></div>
66513
- <div><i class="icon ion-ios-monitor"> </i></div>
66514
- <div><i class="icon ion-ios-monitor-outline"> </i></div>
66515
- <div><i class="icon ion-ios-moon"> </i></div>
66516
- <div><i class="icon ion-ios-moon-outline"> </i></div>
66517
- <div><i class="icon ion-ios-more"> </i></div>
66518
- <div><i class="icon ion-ios-more-outline"> </i></div>
66519
- <div><i class="icon ion-ios-musical-note"> </i></div>
66520
- <div><i class="icon ion-ios-musical-notes"> </i></div>
66521
- <div><i class="icon ion-ios-navigate"> </i></div>
66522
- <div><i class="icon ion-ios-navigate-outline"> </i></div>
66523
- <div><i class="icon ion-ios-nutrition"> </i></div>
66524
- <div><i class="icon ion-ios-nutrition-outline"> </i></div>
66525
- <div><i class="icon ion-ios-paper"> </i></div>
66526
- <div><i class="icon ion-ios-paper-outline"> </i></div>
66527
- <div><i class="icon ion-ios-paperplane"> </i></div>
66528
- <div><i class="icon ion-ios-paperplane-outline"> </i></div>
66529
- <div><i class="icon ion-ios-partlysunny"> </i></div>
66530
- <div><i class="icon ion-ios-partlysunny-outline"> </i></div>
66531
- <div><i class="icon ion-ios-pause"> </i></div>
66532
- <div><i class="icon ion-ios-pause-outline"> </i></div>
66533
- <div><i class="icon ion-ios-paw"> </i></div>
66534
- <div><i class="icon ion-ios-paw-outline"> </i></div>
66535
- <div><i class="icon ion-ios-people"> </i></div>
66536
- <div><i class="icon ion-ios-people-outline"> </i></div>
66537
- <div><i class="icon ion-ios-person"> </i></div>
66538
- <div><i class="icon ion-ios-person-outline"> </i></div>
66539
- <div><i class="icon ion-ios-personadd"> </i></div>
66540
- <div><i class="icon ion-ios-personadd-outline"> </i></div>
66541
- <div><i class="icon ion-ios-photos"> </i></div>
66542
- <div><i class="icon ion-ios-photos-outline"> </i></div>
66543
- <div><i class="icon ion-ios-pie"> </i></div>
66544
- <div><i class="icon ion-ios-pie-outline"> </i></div>
66545
- <div><i class="icon ion-ios-pint"> </i></div>
66546
- <div><i class="icon ion-ios-pint-outline"> </i></div>
66547
- <div><i class="icon ion-ios-play"> </i></div>
66548
- <div><i class="icon ion-ios-play-outline"> </i></div>
66549
- <div><i class="icon ion-ios-plus"> </i></div>
66550
- <div><i class="icon ion-ios-plus-empty"> </i></div>
66551
- <div><i class="icon ion-ios-plus-outline"> </i></div>
66552
- <div><i class="icon ion-ios-pricetag"> </i></div>
66553
- <div><i class="icon ion-ios-pricetag-outline"> </i></div>
66554
- <div><i class="icon ion-ios-pricetags"> </i></div>
66555
- <div><i class="icon ion-ios-pricetags-outline"> </i></div>
66556
- <div><i class="icon ion-ios-printer"> </i></div>
66557
- <div><i class="icon ion-ios-printer-outline"> </i></div>
66558
- <div><i class="icon ion-ios-pulse"> </i></div>
66559
- <div><i class="icon ion-ios-pulse-strong"> </i></div>
66560
- <div><i class="icon ion-ios-rainy"> </i></div>
66561
- <div><i class="icon ion-ios-rainy-outline"> </i></div>
66562
- <div><i class="icon ion-ios-recording"> </i></div>
66563
- <div><i class="icon ion-ios-recording-outline"> </i></div>
66564
- <div><i class="icon ion-ios-redo"> </i></div>
66565
- <div><i class="icon ion-ios-redo-outline"> </i></div>
66566
- <div><i class="icon ion-ios-refresh"> </i></div>
66567
- <div><i class="icon ion-ios-refresh-empty"> </i></div>
66568
- <div><i class="icon ion-ios-refresh-outline"> </i></div>
66569
- <div><i class="icon ion-ios-reload"> </i></div>
66570
- <div><i class="icon ion-ios-reverse-camera"> </i></div>
66571
- <div><i class="icon ion-ios-reverse-camera-outline"> </i></div>
66572
- <div><i class="icon ion-ios-rewind"> </i></div>
66573
- <div><i class="icon ion-ios-rewind-outline"> </i></div>
66574
- <div><i class="icon ion-ios-rose"> </i></div>
66575
- <div><i class="icon ion-ios-rose-outline"> </i></div>
66576
- <div><i class="icon ion-ios-search"> </i></div>
66577
- <div><i class="icon ion-ios-search-strong"> </i></div>
66578
- <div><i class="icon ion-ios-settings"> </i></div>
66579
- <div><i class="icon ion-ios-settings-strong"> </i></div>
66580
- <div><i class="icon ion-ios-shuffle"> </i></div>
66581
- <div><i class="icon ion-ios-shuffle-strong"> </i></div>
66582
- <div><i class="icon ion-ios-skipbackward"> </i></div>
66583
- <div><i class="icon ion-ios-skipbackward-outline"> </i></div>
66584
- <div><i class="icon ion-ios-skipforward"> </i></div>
66585
- <div><i class="icon ion-ios-skipforward-outline"> </i></div>
66586
- <div><i class="icon ion-ios-snowy"> </i></div>
66587
- <div><i class="icon ion-ios-speedometer"> </i></div>
66588
- <div><i class="icon ion-ios-speedometer-outline"> </i></div>
66589
- <div><i class="icon ion-ios-star"> </i></div>
66590
- <div><i class="icon ion-ios-star-half"> </i></div>
66591
- <div><i class="icon ion-ios-star-outline"> </i></div>
66592
- <div><i class="icon ion-ios-stopwatch"> </i></div>
66593
- <div><i class="icon ion-ios-stopwatch-outline"> </i></div>
66594
- <div><i class="icon ion-ios-sunny"> </i></div>
66595
- <div><i class="icon ion-ios-sunny-outline"> </i></div>
66596
- <div><i class="icon ion-ios-telephone"> </i></div>
66597
- <div><i class="icon ion-ios-telephone-outline"> </i></div>
66598
- <div><i class="icon ion-ios-tennisball"> </i></div>
66599
- <div><i class="icon ion-ios-tennisball-outline"> </i></div>
66600
- <div><i class="icon ion-ios-thunderstorm"> </i></div>
66601
- <div><i class="icon ion-ios-thunderstorm-outline"> </i></div>
66602
- <div><i class="icon ion-ios-time"> </i></div>
66603
- <div><i class="icon ion-ios-time-outline"> </i></div>
66604
- <div><i class="icon ion-ios-timer"> </i></div>
66605
- <div><i class="icon ion-ios-timer-outline"> </i></div>
66606
- <div><i class="icon ion-ios-toggle"> </i></div>
66607
- <div><i class="icon ion-ios-toggle-outline"> </i></div>
66608
- <div><i class="icon ion-ios-trash"> </i></div>
66609
- <div><i class="icon ion-ios-trash-outline"> </i></div>
66610
- <div><i class="icon ion-ios-undo"> </i></div>
66611
- <div><i class="icon ion-ios-undo-outline"> </i></div>
66612
- <div><i class="icon ion-ios-unlocked"> </i></div>
66613
- <div><i class="icon ion-ios-unlocked-outline"> </i></div>
66614
- <div><i class="icon ion-ios-upload"> </i></div>
66615
- <div><i class="icon ion-ios-upload-outline"> </i></div>
66616
- <div><i class="icon ion-ios-videocam"> </i></div>
66617
- <div><i class="icon ion-ios-videocam-outline"> </i></div>
66618
- <div><i class="icon ion-ios-volume-high"> </i></div>
66619
- <div><i class="icon ion-ios-volume-low"> </i></div>
66620
- <div><i class="icon ion-ios-wineglass"> </i></div>
66621
- <div><i class="icon ion-ios-wineglass-outline"> </i></div>
66622
- <div><i class="icon ion-ios-world"> </i></div>
66623
- <div><i class="icon ion-ios-world-outline"> </i></div>
66624
- <div><i class="icon ion-ipad"> </i></div>
66625
- <div><i class="icon ion-iphone"> </i></div>
66626
- <div><i class="icon ion-ipod"> </i></div>
66627
- <div><i class="icon ion-jet"> </i></div>
66628
- <div><i class="icon ion-key"> </i></div>
66629
- <div><i class="icon ion-knife"> </i></div>
66630
- <div><i class="icon ion-laptop"> </i></div>
66631
- <div><i class="icon ion-leaf"> </i></div>
66632
- <div><i class="icon ion-levels"> </i></div>
66633
- <div><i class="icon ion-lightbulb"> </i></div>
66634
- <div><i class="icon ion-link"> </i></div>
66635
- <div><i class="icon ion-load-a"> </i></div>
66636
- <div><i class="icon ion-load-b"> </i></div>
66637
- <div><i class="icon ion-load-c"> </i></div>
66638
- <div><i class="icon ion-load-d"> </i></div>
66639
- <div><i class="icon ion-location"> </i></div>
66640
- <div><i class="icon ion-lock-combination"> </i></div>
66641
- <div><i class="icon ion-locked"> </i></div>
66642
- <div><i class="icon ion-log-in"> </i></div>
66643
- <div><i class="icon ion-log-out"> </i></div>
66644
- <div><i class="icon ion-loop"> </i></div>
66645
- <div><i class="icon ion-magnet"> </i></div>
66646
- <div><i class="icon ion-male"> </i></div>
66647
- <div><i class="icon ion-man"> </i></div>
66648
- <div><i class="icon ion-map"> </i></div>
66649
- <div><i class="icon ion-medkit"> </i></div>
66650
- <div><i class="icon ion-merge"> </i></div>
66651
- <div><i class="icon ion-mic-a"> </i></div>
66652
- <div><i class="icon ion-mic-b"> </i></div>
66653
- <div><i class="icon ion-mic-c"> </i></div>
66654
- <div><i class="icon ion-minus"> </i></div>
66655
- <div><i class="icon ion-minus-circled"> </i></div>
66656
- <div><i class="icon ion-minus-round"> </i></div>
66657
- <div><i class="icon ion-model-s"> </i></div>
66658
- <div><i class="icon ion-monitor"> </i></div>
66659
- <div><i class="icon ion-more"> </i></div>
66660
- <div><i class="icon ion-mouse"> </i></div>
66661
- <div><i class="icon ion-music-note"> </i></div>
66662
- <div><i class="icon ion-navicon"> </i></div>
66663
- <div><i class="icon ion-navicon-round"> </i></div>
66664
- <div><i class="icon ion-navigate"> </i></div>
66665
- <div><i class="icon ion-network"> </i></div>
66666
- <div><i class="icon ion-no-smoking"> </i></div>
66667
- <div><i class="icon ion-nuclear"> </i></div>
66668
- <div><i class="icon ion-outlet"> </i></div>
66669
- <div><i class="icon ion-paintbrush"> </i></div>
66670
- <div><i class="icon ion-paintbucket"> </i></div>
66671
- <div><i class="icon ion-paper-airplane"> </i></div>
66672
- <div><i class="icon ion-paperclip"> </i></div>
66673
- <div><i class="icon ion-pause"> </i></div>
66674
- <div><i class="icon ion-person"> </i></div>
66675
- <div><i class="icon ion-person-add"> </i></div>
66676
- <div><i class="icon ion-person-stalker"> </i></div>
66677
- <div><i class="icon ion-pie-graph"> </i></div>
66678
- <div><i class="icon ion-pin"> </i></div>
66679
- <div><i class="icon ion-pinpoint"> </i></div>
66680
- <div><i class="icon ion-pizza"> </i></div>
66681
- <div><i class="icon ion-plane"> </i></div>
66682
- <div><i class="icon ion-planet"> </i></div>
66683
- <div><i class="icon ion-play"> </i></div>
66684
- <div><i class="icon ion-playstation"> </i></div>
66685
- <div><i class="icon ion-plus"> </i></div>
66686
- <div><i class="icon ion-plus-circled"> </i></div>
66687
- <div><i class="icon ion-plus-round"> </i></div>
66688
- <div><i class="icon ion-podium"> </i></div>
66689
- <div><i class="icon ion-pound"> </i></div>
66690
- <div><i class="icon ion-power"> </i></div>
66691
- <div><i class="icon ion-pricetag"> </i></div>
66692
- <div><i class="icon ion-pricetags"> </i></div>
66693
- <div><i class="icon ion-printer"> </i></div>
66694
- <div><i class="icon ion-pull-request"> </i></div>
66695
- <div><i class="icon ion-qr-scanner"> </i></div>
66696
- <div><i class="icon ion-quote"> </i></div>
66697
- <div><i class="icon ion-radio-waves"> </i></div>
66698
- <div><i class="icon ion-record"> </i></div>
66699
- <div><i class="icon ion-refresh"> </i></div>
66700
- <div><i class="icon ion-reply"> </i></div>
66701
- <div><i class="icon ion-reply-all"> </i></div>
66702
- <div><i class="icon ion-ribbon-a"> </i></div>
66703
- <div><i class="icon ion-ribbon-b"> </i></div>
66704
- <div><i class="icon ion-sad"> </i></div>
66705
- <div><i class="icon ion-sad-outline"> </i></div>
66706
- <div><i class="icon ion-scissors"> </i></div>
66707
- <div><i class="icon ion-search"> </i></div>
66708
- <div><i class="icon ion-settings"> </i></div>
66709
- <div><i class="icon ion-share"> </i></div>
66710
- <div><i class="icon ion-shuffle"> </i></div>
66711
- <div><i class="icon ion-skip-backward"> </i></div>
66712
- <div><i class="icon ion-skip-forward"> </i></div>
66713
- <div><i class="icon ion-social-android"> </i></div>
66714
- <div><i class="icon ion-social-android-outline"> </i></div>
66715
- <div><i class="icon ion-social-angular"> </i></div>
66716
- <div><i class="icon ion-social-angular-outline"> </i></div>
66717
- <div><i class="icon ion-social-apple"> </i></div>
66718
- <div><i class="icon ion-social-apple-outline"> </i></div>
66719
- <div><i class="icon ion-social-bitcoin"> </i></div>
66720
- <div><i class="icon ion-social-bitcoin-outline"> </i></div>
66721
- <div><i class="icon ion-social-buffer"> </i></div>
66722
- <div><i class="icon ion-social-buffer-outline"> </i></div>
66723
- <div><i class="icon ion-social-chrome"> </i></div>
66724
- <div><i class="icon ion-social-chrome-outline"> </i></div>
66725
- <div><i class="icon ion-social-codepen"> </i></div>
66726
- <div><i class="icon ion-social-codepen-outline"> </i></div>
66727
- <div><i class="icon ion-social-css3"> </i></div>
66728
- <div><i class="icon ion-social-css3-outline"> </i></div>
66729
- <div><i class="icon ion-social-designernews"> </i></div>
66730
- <div><i class="icon ion-social-designernews-outline"> </i></div>
66731
- <div><i class="icon ion-social-dribbble"> </i></div>
66732
- <div><i class="icon ion-social-dribbble-outline"> </i></div>
66733
- <div><i class="icon ion-social-dropbox"> </i></div>
66734
- <div><i class="icon ion-social-dropbox-outline"> </i></div>
66735
- <div><i class="icon ion-social-euro"> </i></div>
66736
- <div><i class="icon ion-social-euro-outline"> </i></div>
66737
- <div><i class="icon ion-social-facebook"> </i></div>
66738
- <div><i class="icon ion-social-facebook-outline"> </i></div>
66739
- <div><i class="icon ion-social-foursquare"> </i></div>
66740
- <div><i class="icon ion-social-foursquare-outline"> </i></div>
66741
- <div><i class="icon ion-social-freebsd-devil"> </i></div>
66742
- <div><i class="icon ion-social-github"> </i></div>
66743
- <div><i class="icon ion-social-github-outline"> </i></div>
66744
- <div><i class="icon ion-social-google"> </i></div>
66745
- <div><i class="icon ion-social-google-outline"> </i></div>
66746
- <div><i class="icon ion-social-googleplus"> </i></div>
66747
- <div><i class="icon ion-social-googleplus-outline"> </i></div>
66748
- <div><i class="icon ion-social-hackernews"> </i></div>
66749
- <div><i class="icon ion-social-hackernews-outline"> </i></div>
66750
- <div><i class="icon ion-social-html5"> </i></div>
66751
- <div><i class="icon ion-social-html5-outline"> </i></div>
66752
- <div><i class="icon ion-social-instagram"> </i></div>
66753
- <div><i class="icon ion-social-instagram-outline"> </i></div>
66754
- <div><i class="icon ion-social-javascript"> </i></div>
66755
- <div><i class="icon ion-social-javascript-outline"> </i></div>
66756
- <div><i class="icon ion-social-linkedin"> </i></div>
66757
- <div><i class="icon ion-social-linkedin-outline"> </i></div>
66758
- <div><i class="icon ion-social-markdown"> </i></div>
66759
- <div><i class="icon ion-social-nodejs"> </i></div>
66760
- <div><i class="icon ion-social-octocat"> </i></div>
66761
- <div><i class="icon ion-social-pinterest"> </i></div>
66762
- <div><i class="icon ion-social-pinterest-outline"> </i></div>
66763
- <div><i class="icon ion-social-python"> </i></div>
66764
- <div><i class="icon ion-social-reddit"> </i></div>
66765
- <div><i class="icon ion-social-reddit-outline"> </i></div>
66766
- <div><i class="icon ion-social-rss"> </i></div>
66767
- <div><i class="icon ion-social-rss-outline"> </i></div>
66768
- <div><i class="icon ion-social-sass"> </i></div>
66769
- <div><i class="icon ion-social-skype"> </i></div>
66770
- <div><i class="icon ion-social-skype-outline"> </i></div>
66771
- <div><i class="icon ion-social-snapchat"> </i></div>
66772
- <div><i class="icon ion-social-snapchat-outline"> </i></div>
66773
- <div><i class="icon ion-social-tumblr"> </i></div>
66774
- <div><i class="icon ion-social-tumblr-outline"> </i></div>
66775
- <div><i class="icon ion-social-tux"> </i></div>
66776
- <div><i class="icon ion-social-twitch"> </i></div>
66777
- <div><i class="icon ion-social-twitch-outline"> </i></div>
66778
- <div><i class="icon ion-social-twitter"> </i></div>
66779
- <div><i class="icon ion-social-twitter-outline"> </i></div>
66780
- <div><i class="icon ion-social-usd"> </i></div>
66781
- <div><i class="icon ion-social-usd-outline"> </i></div>
66782
- <div><i class="icon ion-social-vimeo"> </i></div>
66783
- <div><i class="icon ion-social-vimeo-outline"> </i></div>
66784
- <div><i class="icon ion-social-whatsapp"> </i></div>
66785
- <div><i class="icon ion-social-whatsapp-outline"> </i></div>
66786
- <div><i class="icon ion-social-windows"> </i></div>
66787
- <div><i class="icon ion-social-windows-outline"> </i></div>
66788
- <div><i class="icon ion-social-wordpress"> </i></div>
66789
- <div><i class="icon ion-social-wordpress-outline"> </i></div>
66790
- <div><i class="icon ion-social-yahoo"> </i></div>
66791
- <div><i class="icon ion-social-yahoo-outline"> </i></div>
66792
- <div><i class="icon ion-social-yen"> </i></div>
66793
- <div><i class="icon ion-social-yen-outline"> </i></div>
66794
- <div><i class="icon ion-social-youtube"> </i></div>
66795
- <div><i class="icon ion-social-youtube-outline"> </i></div>
66796
- <div><i class="icon ion-soup-can"> </i></div>
66797
- <div><i class="icon ion-soup-can-outline"> </i></div>
66798
- <div><i class="icon ion-speakerphone"> </i></div>
66799
- <div><i class="icon ion-speedometer"> </i></div>
66800
- <div><i class="icon ion-spoon"> </i></div>
66801
- <div><i class="icon ion-star"> </i></div>
66802
- <div><i class="icon ion-stats-bars"> </i></div>
66803
- <div><i class="icon ion-steam"> </i></div>
66804
- <div><i class="icon ion-stop"> </i></div>
66805
- <div><i class="icon ion-thermometer"> </i></div>
66806
- <div><i class="icon ion-thumbsdown"> </i></div>
66807
- <div><i class="icon ion-thumbsup"> </i></div>
66808
- <div><i class="icon ion-toggle"> </i></div>
66809
- <div><i class="icon ion-toggle-filled"> </i></div>
66810
- <div><i class="icon ion-transgender"> </i></div>
66811
- <div><i class="icon ion-trash-a"> </i></div>
66812
- <div><i class="icon ion-trash-b"> </i></div>
66813
- <div><i class="icon ion-trophy"> </i></div>
66814
- <div><i class="icon ion-tshirt"> </i></div>
66815
- <div><i class="icon ion-tshirt-outline"> </i></div>
66816
- <div><i class="icon ion-umbrella"> </i></div>
66817
- <div><i class="icon ion-university"> </i></div>
66818
- <div><i class="icon ion-unlocked"> </i></div>
66819
- <div><i class="icon ion-upload"> </i></div>
66820
- <div><i class="icon ion-usb"> </i></div>
66821
- <div><i class="icon ion-videocamera"> </i></div>
66822
- <div><i class="icon ion-volume-high"> </i></div>
66823
- <div><i class="icon ion-volume-low"> </i></div>
66824
- <div><i class="icon ion-volume-medium"> </i></div>
66825
- <div><i class="icon ion-volume-mute"> </i></div>
66826
- <div><i class="icon ion-wand"> </i></div>
66827
- <div><i class="icon ion-waterdrop"> </i></div>
66828
- <div><i class="icon ion-wifi"> </i></div>
66829
- <div><i class="icon ion-wineglass"> </i></div>
66830
- <div><i class="icon ion-woman"> </i></div>
66831
- <div><i class="icon ion-wrench"> </i></div>
66832
- <div><i class="icon ion-xbox"> </i></div>
66940
+ ${this.getIcons()}
66833
66941
  </div>
66834
66942
 
66835
66943
  <script type="text/javascript">
@@ -69599,6 +69707,10 @@ class ContentBuilder {
69599
69707
  return embeddedModal;
69600
69708
  }
69601
69709
 
69710
+ getIcons() {
69711
+ return this.rte.getIcons();
69712
+ }
69713
+
69602
69714
  showSidePanel(panel) {
69603
69715
  let panels = this.builderStuff.querySelectorAll('.is-side');
69604
69716
  Array.prototype.forEach.call(panels, panel => {
@@ -72009,6 +72121,7 @@ class ContentBox {
72009
72121
  videoselect: '',
72010
72122
  videoSelect: '',
72011
72123
  slider: '',
72124
+ navbar: false,
72012
72125
  onRender: function () {},
72013
72126
  onChange: function () {},
72014
72127
  onCoverImageSelectClick: null,
@@ -72042,11 +72155,11 @@ class ContentBox {
72042
72155
  columnTool: true,
72043
72156
  elementTool: true,
72044
72157
  buttons: ['bold', 'italic', 'underline', 'formatting', 'color', 'align', 'textsettings', 'createLink', 'tags', '|', 'undo', 'redo', 'zoom', 'more'],
72045
- buttonsMore: ['icon', 'image', '|', 'list', 'font', 'formatPara', '|', 'html', 'preferences'],
72158
+ buttonsMore: ['icon', 'image', '|', 'list', 'font', 'formatPara', '|', 'preferences'],
72046
72159
  elementButtons: ['left', 'center', 'right', 'full', 'undo', 'redo', 'zoom', 'more'],
72047
- elementButtonsMore: ['|', 'html', 'preferences'],
72160
+ elementButtonsMore: ['|', 'preferences'],
72048
72161
  iconButtons: ['icon', 'color', 'textsettings', 'createLink', '|', 'undo', 'redo', 'zoom', 'more'],
72049
- iconButtonsMore: ['|', 'html', 'preferences'],
72162
+ iconButtonsMore: ['|', 'preferences'],
72050
72163
  customTags: [],
72051
72164
  animateModal: false,
72052
72165
  elementAnimate: true,
@@ -74089,11 +74202,14 @@ class ContentBox {
74089
74202
 
74090
74203
  let old = this.settings.onRender;
74091
74204
 
74092
- this.settings.onRender = function () {
74093
- old.call(this);
74205
+ this.settings.onRender = () => {
74206
+ old.call(this); // call user's defined onRender
74094
74207
 
74095
74208
  try {
74096
- //Run built-in plugin inside the builder
74209
+ // Built-in onRender
74210
+ //Run parts of box(-flex).js
74211
+ this.box(); //Run built-in plugin inside the builder
74212
+
74097
74213
  setTimeout(function () {
74098
74214
  if (window.skrollr) {
74099
74215
  let obj = window.skrollr.get();
@@ -74315,12 +74431,24 @@ class ContentBox {
74315
74431
  let num = url.replace('#section', '');
74316
74432
 
74317
74433
  if (!isNaN(parseInt(num))) {
74318
- let section = document.querySelector(`.is-section:nth-child(${num})`);
74434
+ let sections = document.querySelectorAll('.is-section');
74435
+ let gotoSection;
74436
+ let x = 0;
74437
+ sections.forEach(function (section) {
74438
+ if (!dom.hasClass(section, 'is-section-navbar')) {
74439
+ if (x === num - 1) {
74440
+ gotoSection = section;
74441
+ }
74319
74442
 
74320
- if (section) {
74321
- this.scrollTo(section);
74322
- e.preventDefault();
74443
+ x++;
74444
+ }
74445
+ });
74446
+
74447
+ if (gotoSection) {
74448
+ this.scrollTo(gotoSection);
74323
74449
  }
74450
+
74451
+ e.preventDefault();
74324
74452
  }
74325
74453
  } else {
74326
74454
  let bookmark = document.querySelector(url);
@@ -74468,6 +74596,64 @@ class ContentBox {
74468
74596
  } // pageSetup
74469
74597
 
74470
74598
 
74599
+ box() {
74600
+ const navbar = document.querySelector('.is-section-navbar');
74601
+
74602
+ if (navbar) {
74603
+ const links = navbar.querySelectorAll('a');
74604
+ links.forEach(link => {
74605
+ link.addEventListener('click', e => {
74606
+ let url = link.getAttribute('href');
74607
+
74608
+ if (url) {
74609
+ // Will go to the link
74610
+ if (url.indexOf('#') === 0) {
74611
+ if (url.indexOf('#section') === 0) {
74612
+ let num = url.replace('#section', '');
74613
+
74614
+ if (!isNaN(parseInt(num))) {
74615
+ let sections = document.querySelectorAll('.is-section');
74616
+ let gotoSection;
74617
+ let x = 0;
74618
+ sections.forEach(function (section) {
74619
+ if (!dom.hasClass(section, 'is-section-navbar')) {
74620
+ if (x === num - 1) {
74621
+ gotoSection = section;
74622
+ }
74623
+
74624
+ x++;
74625
+ }
74626
+ });
74627
+
74628
+ if (gotoSection) {
74629
+ this.scrollTo(gotoSection);
74630
+ }
74631
+
74632
+ e.preventDefault();
74633
+ }
74634
+ } else {
74635
+ try {
74636
+ let bookmark = document.querySelector(url);
74637
+
74638
+ if (bookmark) {
74639
+ this.scrollTo(bookmark);
74640
+ e.preventDefault();
74641
+ }
74642
+ } catch (e) {// Do Nothing
74643
+ }
74644
+ }
74645
+ }
74646
+ }
74647
+
74648
+ if (link.closest('.is-menu-search')) return;
74649
+ e.preventDefault();
74650
+ e.stopImmediatePropagation();
74651
+ });
74652
+ });
74653
+ }
74654
+ } // box
74655
+
74656
+
74471
74657
  addSpace() {
74472
74658
  /*
74473
74659
  Add dummy DIV after the last section (for the ability to adjust last section according bottom bar).
@@ -74541,7 +74727,24 @@ class ContentBox {
74541
74727
  let newSection;
74542
74728
  let arrSections = [];
74543
74729
 
74544
- if (newArea.indexOf('is-static') !== -1) {
74730
+ if (newArea.indexOf('is-section-navbar') !== -1) {
74731
+ // Insert first
74732
+ const sectionNavbar = this.wrapperEl.querySelector('.is-section-navbar');
74733
+
74734
+ if (sectionNavbar) {
74735
+ this.editor.util.confirm(out('Do you want to replace the current navigation bar?'), ok => {
74736
+ if (ok) {
74737
+ sectionNavbar.parentNode.removeChild(sectionNavbar);
74738
+ this.addIdea(newArea);
74739
+ }
74740
+ }, true, out('Replace'));
74741
+ return;
74742
+ }
74743
+
74744
+ dom.appendHtml(this.wrapperEl, newArea, 'afterbegin');
74745
+ newSection = this.wrapperEl.querySelector('.is-section');
74746
+ arrSections.push(newSection);
74747
+ } else if (newArea.indexOf('is-static') !== -1) {
74545
74748
  // Insert last
74546
74749
  let lastSection = dom.getLastElement(this.wrapperEl, '.is-section');
74547
74750
 
@@ -74569,6 +74772,10 @@ class ContentBox {
74569
74772
  }
74570
74773
  }
74571
74774
  }
74775
+ } else {
74776
+ dom.appendHtml(this.wrapperEl, newArea, 'afterbegin');
74777
+ newSection = this.wrapperEl.querySelector('.is-section');
74778
+ arrSections.push(newSection);
74572
74779
  }
74573
74780
  } else {
74574
74781
  if (this.activeSection) {
@@ -74650,9 +74857,9 @@ class ContentBox {
74650
74857
  }
74651
74858
  }
74652
74859
  }
74653
- }
74860
+ } // arrSections.push(newSection);
74861
+ // Check up to 3 sections (in case a template has up to 3 sections)
74654
74862
 
74655
- arrSections.push(newSection); // Check up to 3 sections (in case a template has up to 3 sections)
74656
74863
 
74657
74864
  let prevSection = newSection.previousElementSibling;
74658
74865
 
@@ -74813,14 +75020,23 @@ class ContentBox {
74813
75020
 
74814
75021
  let leftadj;
74815
75022
  const boxTool = document.querySelector('#divBoxTool');
75023
+ const sectionNavbar = box.closest('.is-section-navbar');
74816
75024
 
74817
- if (box.querySelectorAll('.is-overlay-content[data-module]').length > 0) {
75025
+ if (sectionNavbar) {
75026
+ document.querySelector('#form-upload-cover').style.display = 'none';
75027
+ document.querySelector('#btnEditBox').style.display = 'none';
75028
+ document.querySelector('#btnEditModule').style.display = 'inline-block';
75029
+ boxTool.style.width = '40px';
75030
+ leftadj = 20;
75031
+ } else if (box.querySelectorAll('.is-overlay-content[data-module]').length > 0) {
74818
75032
  document.querySelector('#form-upload-cover').style.display = 'none';
75033
+ document.querySelector('#btnEditBox').style.display = 'inline-block';
74819
75034
  document.querySelector('#btnEditModule').style.display = 'inline-block';
74820
75035
  boxTool.style.width = '80px';
74821
75036
  leftadj = 40;
74822
75037
  } else {
74823
75038
  document.querySelector('#form-upload-cover').style.display = 'block';
75039
+ document.querySelector('#btnEditBox').style.display = 'inline-block';
74824
75040
  document.querySelector('#btnEditModule').style.display = 'none';
74825
75041
  boxTool.style.width = '80px';
74826
75042
  leftadj = 40;