@innovastudio/contentbox 1.0.57 → 1.0.61

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.
@@ -8007,7 +8007,7 @@ class EditBox {
8007
8007
  this.builderStuff = this.builder.builderStuff;
8008
8008
  const builderStuff = this.builderStuff;
8009
8009
  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>' + '';
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: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') + '</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
8011
  dom$G.appendHtml(builderStuff, html); // Box Tool
8012
8012
 
8013
8013
  this.builder.boxTool = builderStuff.querySelector('#divBoxTool');
@@ -8777,6 +8777,13 @@ class EditBox {
8777
8777
 
8778
8778
  this.builder.settings.onChange();
8779
8779
  });
8780
+ const chkAutofitContent = modalEditBox.querySelector('#chkAutofitContent');
8781
+ chkAutofitContent.addEventListener('click', () => {
8782
+ this.builder.editor.saveForUndo();
8783
+ this.boxContentAutofit(); //Trigger Change event
8784
+
8785
+ this.builder.settings.onChange();
8786
+ });
8780
8787
  const btnBoxPickPhoto = modalEditBox.querySelector('.cmd-box-pickphoto');
8781
8788
  btnBoxPickPhoto.addEventListener('click', () => {
8782
8789
  const modal = modalEditBox.querySelector('.is-modal.pickphoto');
@@ -9186,7 +9193,9 @@ class EditBox {
9186
9193
  let range = document.createRange();
9187
9194
  activeModule.innerHTML = '';
9188
9195
  activeModule.appendChild(range.createContextualFragment(hidModuleCustomCode.value)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
9189
- //Trigger Change event
9196
+ //Trigger Render event
9197
+
9198
+ this.builder.settings.onRender(); //Trigger Change event
9190
9199
 
9191
9200
  this.builder.settings.onChange();
9192
9201
  this.builder.hideModal(modalEditCode); // dom.removeClass(activeBox, 'box-active'); //REVIEW
@@ -9235,7 +9244,9 @@ class EditBox {
9235
9244
  let range = document.createRange();
9236
9245
  activeModule.innerHTML = '';
9237
9246
  activeModule.appendChild(range.createContextualFragment(hidModuleCode.value)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
9238
- //Trigger Change event
9247
+ //Trigger Render event
9248
+
9249
+ this.builder.settings.onRender(); //Trigger Change event
9239
9250
 
9240
9251
  this.builder.settings.onChange();
9241
9252
  this.builder.hideModal(modalEditModule); // dom.removeClass(activeBox, 'box-active'); //REVIEW
@@ -9416,6 +9427,12 @@ class EditBox {
9416
9427
  }
9417
9428
  }
9418
9429
 
9430
+ modalEditBox.querySelector('#chkAutofitContent').checked = false;
9431
+
9432
+ if (dom$G.hasClass(activeBox, 'box-autofit')) {
9433
+ modalEditBox.querySelector('#chkAutofitContent').checked = true;
9434
+ }
9435
+
9419
9436
  dom$G.addClass(activeBox, 'box-active');
9420
9437
  this.builder.showModal(modalEditBox);
9421
9438
  const inpBoxSize = modalEditBox.querySelector('.inp-box-size');
@@ -9679,10 +9696,15 @@ class EditBox {
9679
9696
  } else {
9680
9697
  // dom.addClass(activeBox, 'box-active'); //REVIEW
9681
9698
  const modalEditModule = document.querySelector('.is-modal.editmodule');
9682
- this.builder.showModal(modalEditModule);
9683
9699
  const iframe = modalEditModule.querySelector('iframe');
9700
+ iframe.style.opacity = 0;
9701
+ iframe.style.transition = 'opacity 0.1s ease';
9684
9702
  iframe.setAttribute('src', this.builder.settings.modulePath + moduleName + '.html'); //load module panel on iframe
9685
9703
 
9704
+ this.builder.showModal(modalEditModule);
9705
+ setTimeout(() => {
9706
+ iframe.style.opacity = 1;
9707
+ }, 200);
9686
9708
  let moduleDesc = activeModule.getAttribute('data-module-desc');
9687
9709
  const modalBar = modalEditModule.querySelector('.is-modal-bar');
9688
9710
 
@@ -10074,6 +10096,17 @@ class EditBox {
10074
10096
  }
10075
10097
  }
10076
10098
 
10099
+ boxContentAutofit() {
10100
+ let activeBox = this.builder.activeBox;
10101
+ let autofit = this.modalEditBox.querySelector('#chkAutofitContent').checked;
10102
+
10103
+ if (autofit) {
10104
+ dom$G.addClass(activeBox, 'box-autofit');
10105
+ } else {
10106
+ dom$G.removeClass(activeBox, 'box-autofit');
10107
+ }
10108
+ }
10109
+
10077
10110
  boxContainerAnim() {
10078
10111
  let activeBox = this.builder.activeBox;
10079
10112
  let activeSection = this.builder.activeSection;
@@ -10523,14 +10556,26 @@ class Util {
10523
10556
  }
10524
10557
  }
10525
10558
 
10526
- confirm(message, callback) {
10559
+ confirm(message, callback, yesno, yestext) {
10527
10560
  const dom = this.dom;
10528
- let html = `<div class="is-modal is-confirm">
10561
+ let html = '';
10562
+ html = `<div class="is-modal is-confirm">
10529
10563
  <div class="is-modal-content" style="padding-bottom:20px;">
10530
10564
  <p>${message}</p>
10531
10565
  <button title="${this.out('Delete')}" class="input-ok classic">${this.out('Delete')}</button>
10532
10566
  </div>
10533
10567
  </div>`;
10568
+
10569
+ if (yesno) {
10570
+ html = `<div class="is-modal is-confirm">
10571
+ <div class="is-modal-content" style="padding-bottom:20px;">
10572
+ <p>${message}</p>
10573
+ <button title="${this.out('Cancel')}" class="input-cancel classic-secondary">${this.out('Cancel')}</button>
10574
+ <button title="${yestext}" class="input-ok classic-primary">${yestext}</button>
10575
+ </div>
10576
+ </div>`;
10577
+ }
10578
+
10534
10579
  const builderStuff = this.builder.builderStuff;
10535
10580
  let confirmmodal = builderStuff.querySelector('.is-confirm');
10536
10581
 
@@ -10553,6 +10598,16 @@ class Util {
10553
10598
 
10554
10599
  callback(true);
10555
10600
  });
10601
+ let buttoncancel = confirmmodal.querySelector('.is-confirm .input-cancel');
10602
+ dom.addEventListener(buttoncancel, 'click', e => {
10603
+ this.hideModal(confirmmodal);
10604
+ confirmmodal.parentNode.removeChild(confirmmodal); //remove modal
10605
+ //do task
10606
+
10607
+ callback(false);
10608
+ e.preventDefault();
10609
+ e.stopImmediatePropagation();
10610
+ });
10556
10611
  }
10557
10612
  /*
10558
10613
  Note:
@@ -21185,8 +21240,8 @@ const renderQuickAdd = builder => {
21185
21240
  const html = `<div class="is-pop quickadd arrow-right" style="z-index:10003;">
21186
21241
  <div class="is-pop-close" style="display:none;z-index:1;width:40px;height:40px;position:absolute;top:0px;right:0px;box-sizing:border-box;padding:0;line-height:40px;font-size: 12px;color:#777;text-align:center;cursor:pointer;"><svg class="is-icon-flex" style="width:40px;height:40px;"><use xlink:href="#ion-ios-close-empty"></use></svg></div>
21187
21242
  <div class="is-pop-tabs">
21188
- <div class="is-pop-tab-item active" data-value="left">${util.out('Add to Left')}</div>
21189
- <div class="is-pop-tab-item" data-value="right">${util.out('Add to Right')}</div>
21243
+ <div class="is-pop-tab-item" data-value="left">${util.out('Add to Left')}</div>
21244
+ <div class="is-pop-tab-item active" data-value="right">${util.out('Add to Right')}</div>
21190
21245
  </div>
21191
21246
  <div style="padding:12px;display:flex;flex-direction:row;flex-flow: wrap;justify-content: center;align-items: center;">
21192
21247
  <button title="${util.out('Paragraph')}" class="add-paragraph"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-align-full"></use></svg></span>${util.out('Paragraph')}</button>
@@ -49120,9 +49175,9 @@ class Image {
49120
49175
  <button title="4x6" data-crop-size="0.6666" style="width: 40px;height: 60px;">4x6</button>
49121
49176
  <button title="${util.out('Free')}" data-crop-size="" style="width: 60px;height: 45px;">${util.out('Free')}</button>
49122
49177
  </div>
49123
- <div class="imageedit-preview" style="max-width:1000px;width: 100%;max-height: 550px;height: 100%;">
49178
+ <div class="imageedit-preview" style="max-width:1000px;width:100%;max-height:550px;">
49124
49179
  </div>
49125
- <div style="margin-top:7px;text-align:right;align-self:flex-end;">
49180
+ <div style="margin-top:15px;text-align:right;align-self:flex-end;">
49126
49181
  <button title="${util.out('Cancel')}" class="input-cancel classic-secondary">${util.out('Cancel')}</button>
49127
49182
  <button title="${util.out('Apply')}" class="input-ok classic-primary">${util.out('Apply')}</button>
49128
49183
  </div>
@@ -49656,6 +49711,7 @@ class Image {
49656
49711
  let preview = modalImageEdit.querySelector('.imageedit-preview');
49657
49712
  const maxW = 800;
49658
49713
  const maxH = 550;
49714
+ preview.style.height = '';
49659
49715
 
49660
49716
  if (img.offsetWidth < maxW && img.offsetHeight < maxH) {
49661
49717
  preview.style.width = img.offsetWidth + 'px';
@@ -65995,6 +66051,745 @@ class Rte {
65995
66051
  divMainStyle.innerHTML = this.getIconsStyle();
65996
66052
  }
65997
66053
 
66054
+ getIcons() {
66055
+ const html = `
66056
+ <div role="button" tabindex="0"><i class="icon ion-alert"> </i></div>
66057
+ <div role="button" tabindex="0"><i class="icon ion-alert-circled"> </i></div>
66058
+ <div role="button" tabindex="0"><i class="icon ion-android-add"> </i></div>
66059
+ <div role="button" tabindex="0"><i class="icon ion-android-add-circle"> </i></div>
66060
+ <div role="button" tabindex="0"><i class="icon ion-android-alarm-clock"> </i></div>
66061
+ <div role="button" tabindex="0"><i class="icon ion-android-alert"> </i></div>
66062
+ <div role="button" tabindex="0"><i class="icon ion-android-apps"> </i></div>
66063
+ <div role="button" tabindex="0"><i class="icon ion-android-archive"> </i></div>
66064
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-back"> </i></div>
66065
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-down"> </i></div>
66066
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropdown"> </i></div>
66067
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropdown-circle"> </i></div>
66068
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropleft"> </i></div>
66069
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropleft-circle"> </i></div>
66070
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropright"> </i></div>
66071
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropright-circle"> </i></div>
66072
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropup"> </i></div>
66073
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-dropup-circle"> </i></div>
66074
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-forward"> </i></div>
66075
+ <div role="button" tabindex="0"><i class="icon ion-android-arrow-up"> </i></div>
66076
+ <div role="button" tabindex="0"><i class="icon ion-android-attach"> </i></div>
66077
+ <div role="button" tabindex="0"><i class="icon ion-android-bar"> </i></div>
66078
+ <div role="button" tabindex="0"><i class="icon ion-android-bicycle"> </i></div>
66079
+ <div role="button" tabindex="0"><i class="icon ion-android-boat"> </i></div>
66080
+ <div role="button" tabindex="0"><i class="icon ion-android-bookmark"> </i></div>
66081
+ <div role="button" tabindex="0"><i class="icon ion-android-bulb"> </i></div>
66082
+ <div role="button" tabindex="0"><i class="icon ion-android-bus"> </i></div>
66083
+ <div role="button" tabindex="0"><i class="icon ion-android-calendar"> </i></div>
66084
+ <div role="button" tabindex="0"><i class="icon ion-android-call"> </i></div>
66085
+ <div role="button" tabindex="0"><i class="icon ion-android-camera"> </i></div>
66086
+ <div role="button" tabindex="0"><i class="icon ion-android-cancel"> </i></div>
66087
+ <div role="button" tabindex="0"><i class="icon ion-android-car"> </i></div>
66088
+ <div role="button" tabindex="0"><i class="icon ion-android-cart"> </i></div>
66089
+ <div role="button" tabindex="0"><i class="icon ion-android-chat"> </i></div>
66090
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox"> </i></div>
66091
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox-blank"> </i></div>
66092
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox-outline"> </i></div>
66093
+ <div role="button" tabindex="0"><i class="icon ion-android-checkbox-outline-blank"> </i></div>
66094
+ <div role="button" tabindex="0"><i class="icon ion-android-checkmark-circle"> </i></div>
66095
+ <div role="button" tabindex="0"><i class="icon ion-android-clipboard"> </i></div>
66096
+ <div role="button" tabindex="0"><i class="icon ion-android-close"> </i></div>
66097
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud"> </i></div>
66098
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud-circle"> </i></div>
66099
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud-done"> </i></div>
66100
+ <div role="button" tabindex="0"><i class="icon ion-android-cloud-outline"> </i></div>
66101
+ <div role="button" tabindex="0"><i class="icon ion-android-color-palette"> </i></div>
66102
+ <div role="button" tabindex="0"><i class="icon ion-android-compass"> </i></div>
66103
+ <div role="button" tabindex="0"><i class="icon ion-android-contact"> </i></div>
66104
+ <div role="button" tabindex="0"><i class="icon ion-android-contacts"> </i></div>
66105
+ <div role="button" tabindex="0"><i class="icon ion-android-contract"> </i></div>
66106
+ <div role="button" tabindex="0"><i class="icon ion-android-create"> </i></div>
66107
+ <div role="button" tabindex="0"><i class="icon ion-android-delete"> </i></div>
66108
+ <div role="button" tabindex="0"><i class="icon ion-android-desktop"> </i></div>
66109
+ <div role="button" tabindex="0"><i class="icon ion-android-document"> </i></div>
66110
+ <div role="button" tabindex="0"><i class="icon ion-android-done"> </i></div>
66111
+ <div role="button" tabindex="0"><i class="icon ion-android-done-all"> </i></div>
66112
+ <div role="button" tabindex="0"><i class="icon ion-android-download"> </i></div>
66113
+ <div role="button" tabindex="0"><i class="icon ion-android-drafts"> </i></div>
66114
+ <div role="button" tabindex="0"><i class="icon ion-android-exit"> </i></div>
66115
+ <div role="button" tabindex="0"><i class="icon ion-android-expand"> </i></div>
66116
+ <div role="button" tabindex="0"><i class="icon ion-android-favorite"> </i></div>
66117
+ <div role="button" tabindex="0"><i class="icon ion-android-favorite-outline"> </i></div>
66118
+ <div role="button" tabindex="0"><i class="icon ion-android-film"> </i></div>
66119
+ <div role="button" tabindex="0"><i class="icon ion-android-folder"> </i></div>
66120
+ <div role="button" tabindex="0"><i class="icon ion-android-folder-open"> </i></div>
66121
+ <div role="button" tabindex="0"><i class="icon ion-android-funnel"> </i></div>
66122
+ <div role="button" tabindex="0"><i class="icon ion-android-globe"> </i></div>
66123
+ <div role="button" tabindex="0"><i class="icon ion-android-hand"> </i></div>
66124
+ <div role="button" tabindex="0"><i class="icon ion-android-hangout"> </i></div>
66125
+ <div role="button" tabindex="0"><i class="icon ion-android-happy"> </i></div>
66126
+ <div role="button" tabindex="0"><i class="icon ion-android-home"> </i></div>
66127
+ <div role="button" tabindex="0"><i class="icon ion-android-image"> </i></div>
66128
+ <div role="button" tabindex="0"><i class="icon ion-android-laptop"> </i></div>
66129
+ <div role="button" tabindex="0"><i class="icon ion-android-list"> </i></div>
66130
+ <div role="button" tabindex="0"><i class="icon ion-android-locate"> </i></div>
66131
+ <div role="button" tabindex="0"><i class="icon ion-android-lock"> </i></div>
66132
+ <div role="button" tabindex="0"><i class="icon ion-android-mail"> </i></div>
66133
+ <div role="button" tabindex="0"><i class="icon ion-android-map"> </i></div>
66134
+ <div role="button" tabindex="0"><i class="icon ion-android-menu"> </i></div>
66135
+ <div role="button" tabindex="0"><i class="icon ion-android-microphone"> </i></div>
66136
+ <div role="button" tabindex="0"><i class="icon ion-android-microphone-off"> </i></div>
66137
+ <div role="button" tabindex="0"><i class="icon ion-android-more-horizontal"> </i></div>
66138
+ <div role="button" tabindex="0"><i class="icon ion-android-more-vertical"> </i></div>
66139
+ <div role="button" tabindex="0"><i class="icon ion-android-navigate"> </i></div>
66140
+ <div role="button" tabindex="0"><i class="icon ion-android-notifications"> </i></div>
66141
+ <div role="button" tabindex="0"><i class="icon ion-android-notifications-none"> </i></div>
66142
+ <div role="button" tabindex="0"><i class="icon ion-android-notifications-off"> </i></div>
66143
+ <div role="button" tabindex="0"><i class="icon ion-android-open"> </i></div>
66144
+ <div role="button" tabindex="0"><i class="icon ion-android-options"> </i></div>
66145
+ <div role="button" tabindex="0"><i class="icon ion-android-people"> </i></div>
66146
+ <div role="button" tabindex="0"><i class="icon ion-android-person"> </i></div>
66147
+ <div role="button" tabindex="0"><i class="icon ion-android-person-add"> </i></div>
66148
+ <div role="button" tabindex="0"><i class="icon ion-android-phone-landscape"> </i></div>
66149
+ <div role="button" tabindex="0"><i class="icon ion-android-phone-portrait"> </i></div>
66150
+ <div role="button" tabindex="0"><i class="icon ion-android-pin"> </i></div>
66151
+ <div role="button" tabindex="0"><i class="icon ion-android-plane"> </i></div>
66152
+ <div role="button" tabindex="0"><i class="icon ion-android-playstore"> </i></div>
66153
+ <div role="button" tabindex="0"><i class="icon ion-android-print"> </i></div>
66154
+ <div role="button" tabindex="0"><i class="icon ion-android-radio-button-off"> </i></div>
66155
+ <div role="button" tabindex="0"><i class="icon ion-android-radio-button-on"> </i></div>
66156
+ <div role="button" tabindex="0"><i class="icon ion-android-refresh"> </i></div>
66157
+ <div role="button" tabindex="0"><i class="icon ion-android-remove"> </i></div>
66158
+ <div role="button" tabindex="0"><i class="icon ion-android-remove-circle"> </i></div>
66159
+ <div role="button" tabindex="0"><i class="icon ion-android-restaurant"> </i></div>
66160
+ <div role="button" tabindex="0"><i class="icon ion-android-sad"> </i></div>
66161
+ <div role="button" tabindex="0"><i class="icon ion-android-search"> </i></div>
66162
+ <div role="button" tabindex="0"><i class="icon ion-android-send"> </i></div>
66163
+ <div role="button" tabindex="0"><i class="icon ion-android-settings"> </i></div>
66164
+ <div role="button" tabindex="0"><i class="icon ion-android-share"> </i></div>
66165
+ <div role="button" tabindex="0"><i class="icon ion-android-share-alt"> </i></div>
66166
+ <div role="button" tabindex="0"><i class="icon ion-android-star"> </i></div>
66167
+ <div role="button" tabindex="0"><i class="icon ion-android-star-half"> </i></div>
66168
+ <div role="button" tabindex="0"><i class="icon ion-android-star-outline"> </i></div>
66169
+ <div role="button" tabindex="0"><i class="icon ion-android-stopwatch"> </i></div>
66170
+ <div role="button" tabindex="0"><i class="icon ion-android-subway"> </i></div>
66171
+ <div role="button" tabindex="0"><i class="icon ion-android-sunny"> </i></div>
66172
+ <div role="button" tabindex="0"><i class="icon ion-android-sync"> </i></div>
66173
+ <div role="button" tabindex="0"><i class="icon ion-android-textsms"> </i></div>
66174
+ <div role="button" tabindex="0"><i class="icon ion-android-time"> </i></div>
66175
+ <div role="button" tabindex="0"><i class="icon ion-android-train"> </i></div>
66176
+ <div role="button" tabindex="0"><i class="icon ion-android-unlock"> </i></div>
66177
+ <div role="button" tabindex="0"><i class="icon ion-android-upload"> </i></div>
66178
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-down"> </i></div>
66179
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-mute"> </i></div>
66180
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-off"> </i></div>
66181
+ <div role="button" tabindex="0"><i class="icon ion-android-volume-up"> </i></div>
66182
+ <div role="button" tabindex="0"><i class="icon ion-android-walk"> </i></div>
66183
+ <div role="button" tabindex="0"><i class="icon ion-android-warning"> </i></div>
66184
+ <div role="button" tabindex="0"><i class="icon ion-android-watch"> </i></div>
66185
+ <div role="button" tabindex="0"><i class="icon ion-android-wifi"> </i></div>
66186
+ <div role="button" tabindex="0"><i class="icon ion-aperture"> </i></div>
66187
+ <div role="button" tabindex="0"><i class="icon ion-archive"> </i></div>
66188
+ <div role="button" tabindex="0"><i class="icon ion-arrow-down-a"> </i></div>
66189
+ <div role="button" tabindex="0"><i class="icon ion-arrow-down-b"> </i></div>
66190
+ <div role="button" tabindex="0"><i class="icon ion-arrow-down-c"> </i></div>
66191
+ <div role="button" tabindex="0"><i class="icon ion-arrow-expand"> </i></div>
66192
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-down-left"> </i></div>
66193
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-down-right"> </i></div>
66194
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-up-left"> </i></div>
66195
+ <div role="button" tabindex="0"><i class="icon ion-arrow-graph-up-right"> </i></div>
66196
+ <div role="button" tabindex="0"><i class="icon ion-arrow-left-a"> </i></div>
66197
+ <div role="button" tabindex="0"><i class="icon ion-arrow-left-b"> </i></div>
66198
+ <div role="button" tabindex="0"><i class="icon ion-arrow-left-c"> </i></div>
66199
+ <div role="button" tabindex="0"><i class="icon ion-arrow-move"> </i></div>
66200
+ <div role="button" tabindex="0"><i class="icon ion-arrow-resize"> </i></div>
66201
+ <div role="button" tabindex="0"><i class="icon ion-arrow-return-left"> </i></div>
66202
+ <div role="button" tabindex="0"><i class="icon ion-arrow-return-right"> </i></div>
66203
+ <div role="button" tabindex="0"><i class="icon ion-arrow-right-a"> </i></div>
66204
+ <div role="button" tabindex="0"><i class="icon ion-arrow-right-b"> </i></div>
66205
+ <div role="button" tabindex="0"><i class="icon ion-arrow-right-c"> </i></div>
66206
+ <div role="button" tabindex="0"><i class="icon ion-arrow-shrink"> </i></div>
66207
+ <div role="button" tabindex="0"><i class="icon ion-arrow-swap"> </i></div>
66208
+ <div role="button" tabindex="0"><i class="icon ion-arrow-up-a"> </i></div>
66209
+ <div role="button" tabindex="0"><i class="icon ion-arrow-up-b"> </i></div>
66210
+ <div role="button" tabindex="0"><i class="icon ion-arrow-up-c"> </i></div>
66211
+ <div role="button" tabindex="0"><i class="icon ion-asterisk"> </i></div>
66212
+ <div role="button" tabindex="0"><i class="icon ion-at"> </i></div>
66213
+ <div role="button" tabindex="0"><i class="icon ion-backspace"> </i></div>
66214
+ <div role="button" tabindex="0"><i class="icon ion-backspace-outline"> </i></div>
66215
+ <div role="button" tabindex="0"><i class="icon ion-bag"> </i></div>
66216
+ <div role="button" tabindex="0"><i class="icon ion-battery-charging"> </i></div>
66217
+ <div role="button" tabindex="0"><i class="icon ion-battery-empty"> </i></div>
66218
+ <div role="button" tabindex="0"><i class="icon ion-battery-full"> </i></div>
66219
+ <div role="button" tabindex="0"><i class="icon ion-battery-half"> </i></div>
66220
+ <div role="button" tabindex="0"><i class="icon ion-battery-low"> </i></div>
66221
+ <div role="button" tabindex="0"><i class="icon ion-beaker"> </i></div>
66222
+ <div role="button" tabindex="0"><i class="icon ion-beer"> </i></div>
66223
+ <div role="button" tabindex="0"><i class="icon ion-bluetooth"> </i></div>
66224
+ <div role="button" tabindex="0"><i class="icon ion-bonfire"> </i></div>
66225
+ <div role="button" tabindex="0"><i class="icon ion-bookmark"> </i></div>
66226
+ <div role="button" tabindex="0"><i class="icon ion-bowtie"> </i></div>
66227
+ <div role="button" tabindex="0"><i class="icon ion-briefcase"> </i></div>
66228
+ <div role="button" tabindex="0"><i class="icon ion-bug"> </i></div>
66229
+ <div role="button" tabindex="0"><i class="icon ion-calculator"> </i></div>
66230
+ <div role="button" tabindex="0"><i class="icon ion-calendar"> </i></div>
66231
+ <div role="button" tabindex="0"><i class="icon ion-camera"> </i></div>
66232
+ <div role="button" tabindex="0"><i class="icon ion-card"> </i></div>
66233
+ <div role="button" tabindex="0"><i class="icon ion-cash"> </i></div>
66234
+ <div role="button" tabindex="0"><i class="icon ion-chatbox"> </i></div>
66235
+ <div role="button" tabindex="0"><i class="icon ion-chatbox-working"> </i></div>
66236
+ <div role="button" tabindex="0"><i class="icon ion-chatboxes"> </i></div>
66237
+ <div role="button" tabindex="0"><i class="icon ion-chatbubble"> </i></div>
66238
+ <div role="button" tabindex="0"><i class="icon ion-chatbubble-working"> </i></div>
66239
+ <div role="button" tabindex="0"><i class="icon ion-chatbubbles"> </i></div>
66240
+ <div role="button" tabindex="0"><i class="icon ion-checkmark"> </i></div>
66241
+ <div role="button" tabindex="0"><i class="icon ion-checkmark-circled"> </i></div>
66242
+ <div role="button" tabindex="0"><i class="icon ion-checkmark-round"> </i></div>
66243
+ <div role="button" tabindex="0"><i class="icon ion-chevron-down"> </i></div>
66244
+ <div role="button" tabindex="0"><i class="icon ion-chevron-left"> </i></div>
66245
+ <div role="button" tabindex="0"><i class="icon ion-chevron-right"> </i></div>
66246
+ <div role="button" tabindex="0"><i class="icon ion-chevron-up"> </i></div>
66247
+ <div role="button" tabindex="0"><i class="icon ion-clipboard"> </i></div>
66248
+ <div role="button" tabindex="0"><i class="icon ion-clock"> </i></div>
66249
+ <div role="button" tabindex="0"><i class="icon ion-close"> </i></div>
66250
+ <div role="button" tabindex="0"><i class="icon ion-close-circled"> </i></div>
66251
+ <div role="button" tabindex="0"><i class="icon ion-close-round"> </i></div>
66252
+ <div role="button" tabindex="0"><i class="icon ion-closed-captioning"> </i></div>
66253
+ <div role="button" tabindex="0"><i class="icon ion-cloud"> </i></div>
66254
+ <div role="button" tabindex="0"><i class="icon ion-code"> </i></div>
66255
+ <div role="button" tabindex="0"><i class="icon ion-code-download"> </i></div>
66256
+ <div role="button" tabindex="0"><i class="icon ion-code-working"> </i></div>
66257
+ <div role="button" tabindex="0"><i class="icon ion-coffee"> </i></div>
66258
+ <div role="button" tabindex="0"><i class="icon ion-compass"> </i></div>
66259
+ <div role="button" tabindex="0"><i class="icon ion-compose"> </i></div>
66260
+ <div role="button" tabindex="0"><i class="icon ion-connection-bars"> </i></div>
66261
+ <div role="button" tabindex="0"><i class="icon ion-contrast"> </i></div>
66262
+ <div role="button" tabindex="0"><i class="icon ion-crop"> </i></div>
66263
+ <div role="button" tabindex="0"><i class="icon ion-cube"> </i></div>
66264
+ <div role="button" tabindex="0"><i class="icon ion-disc"> </i></div>
66265
+ <div role="button" tabindex="0"><i class="icon ion-document"> </i></div>
66266
+ <div role="button" tabindex="0"><i class="icon ion-document-text"> </i></div>
66267
+ <div role="button" tabindex="0"><i class="icon ion-drag"> </i></div>
66268
+ <div role="button" tabindex="0"><i class="icon ion-earth"> </i></div>
66269
+ <div role="button" tabindex="0"><i class="icon ion-easel"> </i></div>
66270
+ <div role="button" tabindex="0"><i class="icon ion-edit"> </i></div>
66271
+ <div role="button" tabindex="0"><i class="icon ion-egg"> </i></div>
66272
+ <div role="button" tabindex="0"><i class="icon ion-eject"> </i></div>
66273
+ <div role="button" tabindex="0"><i class="icon ion-email"> </i></div>
66274
+ <div role="button" tabindex="0"><i class="icon ion-email-unread"> </i></div>
66275
+ <div role="button" tabindex="0"><i class="icon ion-erlenmeyer-flask"> </i></div>
66276
+ <div role="button" tabindex="0"><i class="icon ion-erlenmeyer-flask-bubbles"> </i></div>
66277
+ <div role="button" tabindex="0"><i class="icon ion-eye"> </i></div>
66278
+ <div role="button" tabindex="0"><i class="icon ion-eye-disabled"> </i></div>
66279
+ <div role="button" tabindex="0"><i class="icon ion-female"> </i></div>
66280
+ <div role="button" tabindex="0"><i class="icon ion-filing"> </i></div>
66281
+ <div role="button" tabindex="0"><i class="icon ion-film-marker"> </i></div>
66282
+ <div role="button" tabindex="0"><i class="icon ion-fireball"> </i></div>
66283
+ <div role="button" tabindex="0"><i class="icon ion-flag"> </i></div>
66284
+ <div role="button" tabindex="0"><i class="icon ion-flame"> </i></div>
66285
+ <div role="button" tabindex="0"><i class="icon ion-flash"> </i></div>
66286
+ <div role="button" tabindex="0"><i class="icon ion-flash-off"> </i></div>
66287
+ <div role="button" tabindex="0"><i class="icon ion-folder"> </i></div>
66288
+ <div role="button" tabindex="0"><i class="icon ion-fork"> </i></div>
66289
+ <div role="button" tabindex="0"><i class="icon ion-fork-repo"> </i></div>
66290
+ <div role="button" tabindex="0"><i class="icon ion-forward"> </i></div>
66291
+ <div role="button" tabindex="0"><i class="icon ion-funnel"> </i></div>
66292
+ <div role="button" tabindex="0"><i class="icon ion-gear-a"> </i></div>
66293
+ <div role="button" tabindex="0"><i class="icon ion-gear-b"> </i></div>
66294
+ <div role="button" tabindex="0"><i class="icon ion-grid"> </i></div>
66295
+ <div role="button" tabindex="0"><i class="icon ion-hammer"> </i></div>
66296
+ <div role="button" tabindex="0"><i class="icon ion-happy"> </i></div>
66297
+ <div role="button" tabindex="0"><i class="icon ion-happy-outline"> </i></div>
66298
+ <div role="button" tabindex="0"><i class="icon ion-headphone"> </i></div>
66299
+ <div role="button" tabindex="0"><i class="icon ion-heart"> </i></div>
66300
+ <div role="button" tabindex="0"><i class="icon ion-heart-broken"> </i></div>
66301
+ <div role="button" tabindex="0"><i class="icon ion-help"> </i></div>
66302
+ <div role="button" tabindex="0"><i class="icon ion-help-buoy"> </i></div>
66303
+ <div role="button" tabindex="0"><i class="icon ion-help-circled"> </i></div>
66304
+ <div role="button" tabindex="0"><i class="icon ion-home"> </i></div>
66305
+ <div role="button" tabindex="0"><i class="icon ion-icecream"> </i></div>
66306
+ <div role="button" tabindex="0"><i class="icon ion-image"> </i></div>
66307
+ <div role="button" tabindex="0"><i class="icon ion-images"> </i></div>
66308
+ <div role="button" tabindex="0"><i class="icon ion-information"> </i></div>
66309
+ <div role="button" tabindex="0"><i class="icon ion-information-circled"> </i></div>
66310
+ <div role="button" tabindex="0"><i class="icon ion-ionic"> </i></div>
66311
+ <div role="button" tabindex="0"><i class="icon ion-ios-alarm"> </i></div>
66312
+ <div role="button" tabindex="0"><i class="icon ion-ios-alarm-outline"> </i></div>
66313
+ <div role="button" tabindex="0"><i class="icon ion-ios-albums"> </i></div>
66314
+ <div role="button" tabindex="0"><i class="icon ion-ios-albums-outline"> </i></div>
66315
+ <div role="button" tabindex="0"><i class="icon ion-ios-americanfootball"> </i></div>
66316
+ <div role="button" tabindex="0"><i class="icon ion-ios-americanfootball-outline"> </i></div>
66317
+ <div role="button" tabindex="0"><i class="icon ion-ios-analytics"> </i></div>
66318
+ <div role="button" tabindex="0"><i class="icon ion-ios-analytics-outline"> </i></div>
66319
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-back"> </i></div>
66320
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-down"> </i></div>
66321
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-forward"> </i></div>
66322
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-left"> </i></div>
66323
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-right"> </i></div>
66324
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-down"> </i></div>
66325
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-left"> </i></div>
66326
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-right"> </i></div>
66327
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-thin-up"> </i></div>
66328
+ <div role="button" tabindex="0"><i class="icon ion-ios-arrow-up"> </i></div>
66329
+ <div role="button" tabindex="0"><i class="icon ion-ios-at"> </i></div>
66330
+ <div role="button" tabindex="0"><i class="icon ion-ios-at-outline"> </i></div>
66331
+ <div role="button" tabindex="0"><i class="icon ion-ios-barcode"> </i></div>
66332
+ <div role="button" tabindex="0"><i class="icon ion-ios-barcode-outline"> </i></div>
66333
+ <div role="button" tabindex="0"><i class="icon ion-ios-baseball"> </i></div>
66334
+ <div role="button" tabindex="0"><i class="icon ion-ios-baseball-outline"> </i></div>
66335
+ <div role="button" tabindex="0"><i class="icon ion-ios-basketball"> </i></div>
66336
+ <div role="button" tabindex="0"><i class="icon ion-ios-basketball-outline"> </i></div>
66337
+ <div role="button" tabindex="0"><i class="icon ion-ios-bell"> </i></div>
66338
+ <div role="button" tabindex="0"><i class="icon ion-ios-bell-outline"> </i></div>
66339
+ <div role="button" tabindex="0"><i class="icon ion-ios-body"> </i></div>
66340
+ <div role="button" tabindex="0"><i class="icon ion-ios-body-outline"> </i></div>
66341
+ <div role="button" tabindex="0"><i class="icon ion-ios-bolt"> </i></div>
66342
+ <div role="button" tabindex="0"><i class="icon ion-ios-bolt-outline"> </i></div>
66343
+ <div role="button" tabindex="0"><i class="icon ion-ios-book"> </i></div>
66344
+ <div role="button" tabindex="0"><i class="icon ion-ios-book-outline"> </i></div>
66345
+ <div role="button" tabindex="0"><i class="icon ion-ios-bookmarks"> </i></div>
66346
+ <div role="button" tabindex="0"><i class="icon ion-ios-bookmarks-outline"> </i></div>
66347
+ <div role="button" tabindex="0"><i class="icon ion-ios-box"> </i></div>
66348
+ <div role="button" tabindex="0"><i class="icon ion-ios-box-outline"> </i></div>
66349
+ <div role="button" tabindex="0"><i class="icon ion-ios-briefcase"> </i></div>
66350
+ <div role="button" tabindex="0"><i class="icon ion-ios-briefcase-outline"> </i></div>
66351
+ <div role="button" tabindex="0"><i class="icon ion-ios-browsers"> </i></div>
66352
+ <div role="button" tabindex="0"><i class="icon ion-ios-browsers-outline"> </i></div>
66353
+ <div role="button" tabindex="0"><i class="icon ion-ios-calculator"> </i></div>
66354
+ <div role="button" tabindex="0"><i class="icon ion-ios-calculator-outline"> </i></div>
66355
+ <div role="button" tabindex="0"><i class="icon ion-ios-calendar"> </i></div>
66356
+ <div role="button" tabindex="0"><i class="icon ion-ios-calendar-outline"> </i></div>
66357
+ <div role="button" tabindex="0"><i class="icon ion-ios-camera"> </i></div>
66358
+ <div role="button" tabindex="0"><i class="icon ion-ios-camera-outline"> </i></div>
66359
+ <div role="button" tabindex="0"><i class="icon ion-ios-cart"> </i></div>
66360
+ <div role="button" tabindex="0"><i class="icon ion-ios-cart-outline"> </i></div>
66361
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatboxes"> </i></div>
66362
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatboxes-outline"> </i></div>
66363
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatbubble"> </i></div>
66364
+ <div role="button" tabindex="0"><i class="icon ion-ios-chatbubble-outline"> </i></div>
66365
+ <div role="button" tabindex="0"><i class="icon ion-ios-checkmark"> </i></div>
66366
+ <div role="button" tabindex="0"><i class="icon ion-ios-checkmark-empty"> </i></div>
66367
+ <div role="button" tabindex="0"><i class="icon ion-ios-checkmark-outline"> </i></div>
66368
+ <div role="button" tabindex="0"><i class="icon ion-ios-circle-filled"> </i></div>
66369
+ <div role="button" tabindex="0"><i class="icon ion-ios-circle-outline"> </i></div>
66370
+ <div role="button" tabindex="0"><i class="icon ion-ios-clock"> </i></div>
66371
+ <div role="button" tabindex="0"><i class="icon ion-ios-clock-outline"> </i></div>
66372
+ <div role="button" tabindex="0"><i class="icon ion-ios-close"> </i></div>
66373
+ <div role="button" tabindex="0"><i class="icon ion-ios-close-empty"> </i></div>
66374
+ <div role="button" tabindex="0"><i class="icon ion-ios-close-outline"> </i></div>
66375
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud"> </i></div>
66376
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-download"> </i></div>
66377
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-download-outline"> </i></div>
66378
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-outline"> </i></div>
66379
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-upload"> </i></div>
66380
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloud-upload-outline"> </i></div>
66381
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy"> </i></div>
66382
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy-night"> </i></div>
66383
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy-night-outline"> </i></div>
66384
+ <div role="button" tabindex="0"><i class="icon ion-ios-cloudy-outline"> </i></div>
66385
+ <div role="button" tabindex="0"><i class="icon ion-ios-cog"> </i></div>
66386
+ <div role="button" tabindex="0"><i class="icon ion-ios-cog-outline"> </i></div>
66387
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-filter"> </i></div>
66388
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-filter-outline"> </i></div>
66389
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-wand"> </i></div>
66390
+ <div role="button" tabindex="0"><i class="icon ion-ios-color-wand-outline"> </i></div>
66391
+ <div role="button" tabindex="0"><i class="icon ion-ios-compose"> </i></div>
66392
+ <div role="button" tabindex="0"><i class="icon ion-ios-compose-outline"> </i></div>
66393
+ <div role="button" tabindex="0"><i class="icon ion-ios-contact"> </i></div>
66394
+ <div role="button" tabindex="0"><i class="icon ion-ios-contact-outline"> </i></div>
66395
+ <div role="button" tabindex="0"><i class="icon ion-ios-copy"> </i></div>
66396
+ <div role="button" tabindex="0"><i class="icon ion-ios-copy-outline"> </i></div>
66397
+ <div role="button" tabindex="0"><i class="icon ion-ios-crop"> </i></div>
66398
+ <div role="button" tabindex="0"><i class="icon ion-ios-crop-strong"> </i></div>
66399
+ <div role="button" tabindex="0"><i class="icon ion-ios-download"> </i></div>
66400
+ <div role="button" tabindex="0"><i class="icon ion-ios-download-outline"> </i></div>
66401
+ <div role="button" tabindex="0"><i class="icon ion-ios-drag"> </i></div>
66402
+ <div role="button" tabindex="0"><i class="icon ion-ios-email"> </i></div>
66403
+ <div role="button" tabindex="0"><i class="icon ion-ios-email-outline"> </i></div>
66404
+ <div role="button" tabindex="0"><i class="icon ion-ios-eye"> </i></div>
66405
+ <div role="button" tabindex="0"><i class="icon ion-ios-eye-outline"> </i></div>
66406
+ <div role="button" tabindex="0"><i class="icon ion-ios-fastforward"> </i></div>
66407
+ <div role="button" tabindex="0"><i class="icon ion-ios-fastforward-outline"> </i></div>
66408
+ <div role="button" tabindex="0"><i class="icon ion-ios-filing"> </i></div>
66409
+ <div role="button" tabindex="0"><i class="icon ion-ios-filing-outline"> </i></div>
66410
+ <div role="button" tabindex="0"><i class="icon ion-ios-film"> </i></div>
66411
+ <div role="button" tabindex="0"><i class="icon ion-ios-film-outline"> </i></div>
66412
+ <div role="button" tabindex="0"><i class="icon ion-ios-flag"> </i></div>
66413
+ <div role="button" tabindex="0"><i class="icon ion-ios-flag-outline"> </i></div>
66414
+ <div role="button" tabindex="0"><i class="icon ion-ios-flame"> </i></div>
66415
+ <div role="button" tabindex="0"><i class="icon ion-ios-flame-outline"> </i></div>
66416
+ <div role="button" tabindex="0"><i class="icon ion-ios-flask"> </i></div>
66417
+ <div role="button" tabindex="0"><i class="icon ion-ios-flask-outline"> </i></div>
66418
+ <div role="button" tabindex="0"><i class="icon ion-ios-flower"> </i></div>
66419
+ <div role="button" tabindex="0"><i class="icon ion-ios-flower-outline"> </i></div>
66420
+ <div role="button" tabindex="0"><i class="icon ion-ios-folder"> </i></div>
66421
+ <div role="button" tabindex="0"><i class="icon ion-ios-folder-outline"> </i></div>
66422
+ <div role="button" tabindex="0"><i class="icon ion-ios-football"> </i></div>
66423
+ <div role="button" tabindex="0"><i class="icon ion-ios-football-outline"> </i></div>
66424
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-a"> </i></div>
66425
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-a-outline"> </i></div>
66426
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-b"> </i></div>
66427
+ <div role="button" tabindex="0"><i class="icon ion-ios-game-controller-b-outline"> </i></div>
66428
+ <div role="button" tabindex="0"><i class="icon ion-ios-gear"> </i></div>
66429
+ <div role="button" tabindex="0"><i class="icon ion-ios-gear-outline"> </i></div>
66430
+ <div role="button" tabindex="0"><i class="icon ion-ios-glasses"> </i></div>
66431
+ <div role="button" tabindex="0"><i class="icon ion-ios-glasses-outline"> </i></div>
66432
+ <div role="button" tabindex="0"><i class="icon ion-ios-grid-view"> </i></div>
66433
+ <div role="button" tabindex="0"><i class="icon ion-ios-grid-view-outline"> </i></div>
66434
+ <div role="button" tabindex="0"><i class="icon ion-ios-heart"> </i></div>
66435
+ <div role="button" tabindex="0"><i class="icon ion-ios-heart-outline"> </i></div>
66436
+ <div role="button" tabindex="0"><i class="icon ion-ios-help"> </i></div>
66437
+ <div role="button" tabindex="0"><i class="icon ion-ios-help-empty"> </i></div>
66438
+ <div role="button" tabindex="0"><i class="icon ion-ios-help-outline"> </i></div>
66439
+ <div role="button" tabindex="0"><i class="icon ion-ios-home"> </i></div>
66440
+ <div role="button" tabindex="0"><i class="icon ion-ios-home-outline"> </i></div>
66441
+ <div role="button" tabindex="0"><i class="icon ion-ios-infinite"> </i></div>
66442
+ <div role="button" tabindex="0"><i class="icon ion-ios-infinite-outline"> </i></div>
66443
+ <div role="button" tabindex="0"><i class="icon ion-ios-information"> </i></div>
66444
+ <div role="button" tabindex="0"><i class="icon ion-ios-information-empty"> </i></div>
66445
+ <div role="button" tabindex="0"><i class="icon ion-ios-information-outline"> </i></div>
66446
+ <div role="button" tabindex="0"><i class="icon ion-ios-ionic-outline"> </i></div>
66447
+ <div role="button" tabindex="0"><i class="icon ion-ios-keypad"> </i></div>
66448
+ <div role="button" tabindex="0"><i class="icon ion-ios-keypad-outline"> </i></div>
66449
+ <div role="button" tabindex="0"><i class="icon ion-ios-lightbulb"> </i></div>
66450
+ <div role="button" tabindex="0"><i class="icon ion-ios-lightbulb-outline"> </i></div>
66451
+ <div role="button" tabindex="0"><i class="icon ion-ios-list"> </i></div>
66452
+ <div role="button" tabindex="0"><i class="icon ion-ios-list-outline"> </i></div>
66453
+ <div role="button" tabindex="0"><i class="icon ion-ios-location"> </i></div>
66454
+ <div role="button" tabindex="0"><i class="icon ion-ios-location-outline"> </i></div>
66455
+ <div role="button" tabindex="0"><i class="icon ion-ios-locked"> </i></div>
66456
+ <div role="button" tabindex="0"><i class="icon ion-ios-locked-outline"> </i></div>
66457
+ <div role="button" tabindex="0"><i class="icon ion-ios-loop"> </i></div>
66458
+ <div role="button" tabindex="0"><i class="icon ion-ios-loop-strong"> </i></div>
66459
+ <div role="button" tabindex="0"><i class="icon ion-ios-medical"> </i></div>
66460
+ <div role="button" tabindex="0"><i class="icon ion-ios-medical-outline"> </i></div>
66461
+ <div role="button" tabindex="0"><i class="icon ion-ios-medkit"> </i></div>
66462
+ <div role="button" tabindex="0"><i class="icon ion-ios-medkit-outline"> </i></div>
66463
+ <div role="button" tabindex="0"><i class="icon ion-ios-mic"> </i></div>
66464
+ <div role="button" tabindex="0"><i class="icon ion-ios-mic-off"> </i></div>
66465
+ <div role="button" tabindex="0"><i class="icon ion-ios-mic-outline"> </i></div>
66466
+ <div role="button" tabindex="0"><i class="icon ion-ios-minus"> </i></div>
66467
+ <div role="button" tabindex="0"><i class="icon ion-ios-minus-empty"> </i></div>
66468
+ <div role="button" tabindex="0"><i class="icon ion-ios-minus-outline"> </i></div>
66469
+ <div role="button" tabindex="0"><i class="icon ion-ios-monitor"> </i></div>
66470
+ <div role="button" tabindex="0"><i class="icon ion-ios-monitor-outline"> </i></div>
66471
+ <div role="button" tabindex="0"><i class="icon ion-ios-moon"> </i></div>
66472
+ <div role="button" tabindex="0"><i class="icon ion-ios-moon-outline"> </i></div>
66473
+ <div role="button" tabindex="0"><i class="icon ion-ios-more"> </i></div>
66474
+ <div role="button" tabindex="0"><i class="icon ion-ios-more-outline"> </i></div>
66475
+ <div role="button" tabindex="0"><i class="icon ion-ios-musical-note"> </i></div>
66476
+ <div role="button" tabindex="0"><i class="icon ion-ios-musical-notes"> </i></div>
66477
+ <div role="button" tabindex="0"><i class="icon ion-ios-navigate"> </i></div>
66478
+ <div role="button" tabindex="0"><i class="icon ion-ios-navigate-outline"> </i></div>
66479
+ <div role="button" tabindex="0"><i class="icon ion-ios-nutrition"> </i></div>
66480
+ <div role="button" tabindex="0"><i class="icon ion-ios-nutrition-outline"> </i></div>
66481
+ <div role="button" tabindex="0"><i class="icon ion-ios-paper"> </i></div>
66482
+ <div role="button" tabindex="0"><i class="icon ion-ios-paper-outline"> </i></div>
66483
+ <div role="button" tabindex="0"><i class="icon ion-ios-paperplane"> </i></div>
66484
+ <div role="button" tabindex="0"><i class="icon ion-ios-paperplane-outline"> </i></div>
66485
+ <div role="button" tabindex="0"><i class="icon ion-ios-partlysunny"> </i></div>
66486
+ <div role="button" tabindex="0"><i class="icon ion-ios-partlysunny-outline"> </i></div>
66487
+ <div role="button" tabindex="0"><i class="icon ion-ios-pause"> </i></div>
66488
+ <div role="button" tabindex="0"><i class="icon ion-ios-pause-outline"> </i></div>
66489
+ <div role="button" tabindex="0"><i class="icon ion-ios-paw"> </i></div>
66490
+ <div role="button" tabindex="0"><i class="icon ion-ios-paw-outline"> </i></div>
66491
+ <div role="button" tabindex="0"><i class="icon ion-ios-people"> </i></div>
66492
+ <div role="button" tabindex="0"><i class="icon ion-ios-people-outline"> </i></div>
66493
+ <div role="button" tabindex="0"><i class="icon ion-ios-person"> </i></div>
66494
+ <div role="button" tabindex="0"><i class="icon ion-ios-person-outline"> </i></div>
66495
+ <div role="button" tabindex="0"><i class="icon ion-ios-personadd"> </i></div>
66496
+ <div role="button" tabindex="0"><i class="icon ion-ios-personadd-outline"> </i></div>
66497
+ <div role="button" tabindex="0"><i class="icon ion-ios-photos"> </i></div>
66498
+ <div role="button" tabindex="0"><i class="icon ion-ios-photos-outline"> </i></div>
66499
+ <div role="button" tabindex="0"><i class="icon ion-ios-pie"> </i></div>
66500
+ <div role="button" tabindex="0"><i class="icon ion-ios-pie-outline"> </i></div>
66501
+ <div role="button" tabindex="0"><i class="icon ion-ios-pint"> </i></div>
66502
+ <div role="button" tabindex="0"><i class="icon ion-ios-pint-outline"> </i></div>
66503
+ <div role="button" tabindex="0"><i class="icon ion-ios-play"> </i></div>
66504
+ <div role="button" tabindex="0"><i class="icon ion-ios-play-outline"> </i></div>
66505
+ <div role="button" tabindex="0"><i class="icon ion-ios-plus"> </i></div>
66506
+ <div role="button" tabindex="0"><i class="icon ion-ios-plus-empty"> </i></div>
66507
+ <div role="button" tabindex="0"><i class="icon ion-ios-plus-outline"> </i></div>
66508
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetag"> </i></div>
66509
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetag-outline"> </i></div>
66510
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetags"> </i></div>
66511
+ <div role="button" tabindex="0"><i class="icon ion-ios-pricetags-outline"> </i></div>
66512
+ <div role="button" tabindex="0"><i class="icon ion-ios-printer"> </i></div>
66513
+ <div role="button" tabindex="0"><i class="icon ion-ios-printer-outline"> </i></div>
66514
+ <div role="button" tabindex="0"><i class="icon ion-ios-pulse"> </i></div>
66515
+ <div role="button" tabindex="0"><i class="icon ion-ios-pulse-strong"> </i></div>
66516
+ <div role="button" tabindex="0"><i class="icon ion-ios-rainy"> </i></div>
66517
+ <div role="button" tabindex="0"><i class="icon ion-ios-rainy-outline"> </i></div>
66518
+ <div role="button" tabindex="0"><i class="icon ion-ios-recording"> </i></div>
66519
+ <div role="button" tabindex="0"><i class="icon ion-ios-recording-outline"> </i></div>
66520
+ <div role="button" tabindex="0"><i class="icon ion-ios-redo"> </i></div>
66521
+ <div role="button" tabindex="0"><i class="icon ion-ios-redo-outline"> </i></div>
66522
+ <div role="button" tabindex="0"><i class="icon ion-ios-refresh"> </i></div>
66523
+ <div role="button" tabindex="0"><i class="icon ion-ios-refresh-empty"> </i></div>
66524
+ <div role="button" tabindex="0"><i class="icon ion-ios-refresh-outline"> </i></div>
66525
+ <div role="button" tabindex="0"><i class="icon ion-ios-reload"> </i></div>
66526
+ <div role="button" tabindex="0"><i class="icon ion-ios-reverse-camera"> </i></div>
66527
+ <div role="button" tabindex="0"><i class="icon ion-ios-reverse-camera-outline"> </i></div>
66528
+ <div role="button" tabindex="0"><i class="icon ion-ios-rewind"> </i></div>
66529
+ <div role="button" tabindex="0"><i class="icon ion-ios-rewind-outline"> </i></div>
66530
+ <div role="button" tabindex="0"><i class="icon ion-ios-rose"> </i></div>
66531
+ <div role="button" tabindex="0"><i class="icon ion-ios-rose-outline"> </i></div>
66532
+ <div role="button" tabindex="0"><i class="icon ion-ios-search"> </i></div>
66533
+ <div role="button" tabindex="0"><i class="icon ion-ios-search-strong"> </i></div>
66534
+ <div role="button" tabindex="0"><i class="icon ion-ios-settings"> </i></div>
66535
+ <div role="button" tabindex="0"><i class="icon ion-ios-settings-strong"> </i></div>
66536
+ <div role="button" tabindex="0"><i class="icon ion-ios-shuffle"> </i></div>
66537
+ <div role="button" tabindex="0"><i class="icon ion-ios-shuffle-strong"> </i></div>
66538
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipbackward"> </i></div>
66539
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipbackward-outline"> </i></div>
66540
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipforward"> </i></div>
66541
+ <div role="button" tabindex="0"><i class="icon ion-ios-skipforward-outline"> </i></div>
66542
+ <div role="button" tabindex="0"><i class="icon ion-ios-snowy"> </i></div>
66543
+ <div role="button" tabindex="0"><i class="icon ion-ios-speedometer"> </i></div>
66544
+ <div role="button" tabindex="0"><i class="icon ion-ios-speedometer-outline"> </i></div>
66545
+ <div role="button" tabindex="0"><i class="icon ion-ios-star"> </i></div>
66546
+ <div role="button" tabindex="0"><i class="icon ion-ios-star-half"> </i></div>
66547
+ <div role="button" tabindex="0"><i class="icon ion-ios-star-outline"> </i></div>
66548
+ <div role="button" tabindex="0"><i class="icon ion-ios-stopwatch"> </i></div>
66549
+ <div role="button" tabindex="0"><i class="icon ion-ios-stopwatch-outline"> </i></div>
66550
+ <div role="button" tabindex="0"><i class="icon ion-ios-sunny"> </i></div>
66551
+ <div role="button" tabindex="0"><i class="icon ion-ios-sunny-outline"> </i></div>
66552
+ <div role="button" tabindex="0"><i class="icon ion-ios-telephone"> </i></div>
66553
+ <div role="button" tabindex="0"><i class="icon ion-ios-telephone-outline"> </i></div>
66554
+ <div role="button" tabindex="0"><i class="icon ion-ios-tennisball"> </i></div>
66555
+ <div role="button" tabindex="0"><i class="icon ion-ios-tennisball-outline"> </i></div>
66556
+ <div role="button" tabindex="0"><i class="icon ion-ios-thunderstorm"> </i></div>
66557
+ <div role="button" tabindex="0"><i class="icon ion-ios-thunderstorm-outline"> </i></div>
66558
+ <div role="button" tabindex="0"><i class="icon ion-ios-time"> </i></div>
66559
+ <div role="button" tabindex="0"><i class="icon ion-ios-time-outline"> </i></div>
66560
+ <div role="button" tabindex="0"><i class="icon ion-ios-timer"> </i></div>
66561
+ <div role="button" tabindex="0"><i class="icon ion-ios-timer-outline"> </i></div>
66562
+ <div role="button" tabindex="0"><i class="icon ion-ios-toggle"> </i></div>
66563
+ <div role="button" tabindex="0"><i class="icon ion-ios-toggle-outline"> </i></div>
66564
+ <div role="button" tabindex="0"><i class="icon ion-ios-trash"> </i></div>
66565
+ <div role="button" tabindex="0"><i class="icon ion-ios-trash-outline"> </i></div>
66566
+ <div role="button" tabindex="0"><i class="icon ion-ios-undo"> </i></div>
66567
+ <div role="button" tabindex="0"><i class="icon ion-ios-undo-outline"> </i></div>
66568
+ <div role="button" tabindex="0"><i class="icon ion-ios-unlocked"> </i></div>
66569
+ <div role="button" tabindex="0"><i class="icon ion-ios-unlocked-outline"> </i></div>
66570
+ <div role="button" tabindex="0"><i class="icon ion-ios-upload"> </i></div>
66571
+ <div role="button" tabindex="0"><i class="icon ion-ios-upload-outline"> </i></div>
66572
+ <div role="button" tabindex="0"><i class="icon ion-ios-videocam"> </i></div>
66573
+ <div role="button" tabindex="0"><i class="icon ion-ios-videocam-outline"> </i></div>
66574
+ <div role="button" tabindex="0"><i class="icon ion-ios-volume-high"> </i></div>
66575
+ <div role="button" tabindex="0"><i class="icon ion-ios-volume-low"> </i></div>
66576
+ <div role="button" tabindex="0"><i class="icon ion-ios-wineglass"> </i></div>
66577
+ <div role="button" tabindex="0"><i class="icon ion-ios-wineglass-outline"> </i></div>
66578
+ <div role="button" tabindex="0"><i class="icon ion-ios-world"> </i></div>
66579
+ <div role="button" tabindex="0"><i class="icon ion-ios-world-outline"> </i></div>
66580
+ <div role="button" tabindex="0"><i class="icon ion-ipad"> </i></div>
66581
+ <div role="button" tabindex="0"><i class="icon ion-iphone"> </i></div>
66582
+ <div role="button" tabindex="0"><i class="icon ion-ipod"> </i></div>
66583
+ <div role="button" tabindex="0"><i class="icon ion-jet"> </i></div>
66584
+ <div role="button" tabindex="0"><i class="icon ion-key"> </i></div>
66585
+ <div role="button" tabindex="0"><i class="icon ion-knife"> </i></div>
66586
+ <div role="button" tabindex="0"><i class="icon ion-laptop"> </i></div>
66587
+ <div role="button" tabindex="0"><i class="icon ion-leaf"> </i></div>
66588
+ <div role="button" tabindex="0"><i class="icon ion-levels"> </i></div>
66589
+ <div role="button" tabindex="0"><i class="icon ion-lightbulb"> </i></div>
66590
+ <div role="button" tabindex="0"><i class="icon ion-link"> </i></div>
66591
+ <div role="button" tabindex="0"><i class="icon ion-load-a"> </i></div>
66592
+ <div role="button" tabindex="0"><i class="icon ion-load-b"> </i></div>
66593
+ <div role="button" tabindex="0"><i class="icon ion-load-c"> </i></div>
66594
+ <div role="button" tabindex="0"><i class="icon ion-load-d"> </i></div>
66595
+ <div role="button" tabindex="0"><i class="icon ion-location"> </i></div>
66596
+ <div role="button" tabindex="0"><i class="icon ion-lock-combination"> </i></div>
66597
+ <div role="button" tabindex="0"><i class="icon ion-locked"> </i></div>
66598
+ <div role="button" tabindex="0"><i class="icon ion-log-in"> </i></div>
66599
+ <div role="button" tabindex="0"><i class="icon ion-log-out"> </i></div>
66600
+ <div role="button" tabindex="0"><i class="icon ion-loop"> </i></div>
66601
+ <div role="button" tabindex="0"><i class="icon ion-magnet"> </i></div>
66602
+ <div role="button" tabindex="0"><i class="icon ion-male"> </i></div>
66603
+ <div role="button" tabindex="0"><i class="icon ion-man"> </i></div>
66604
+ <div role="button" tabindex="0"><i class="icon ion-map"> </i></div>
66605
+ <div role="button" tabindex="0"><i class="icon ion-medkit"> </i></div>
66606
+ <div role="button" tabindex="0"><i class="icon ion-merge"> </i></div>
66607
+ <div role="button" tabindex="0"><i class="icon ion-mic-a"> </i></div>
66608
+ <div role="button" tabindex="0"><i class="icon ion-mic-b"> </i></div>
66609
+ <div role="button" tabindex="0"><i class="icon ion-mic-c"> </i></div>
66610
+ <div role="button" tabindex="0"><i class="icon ion-minus"> </i></div>
66611
+ <div role="button" tabindex="0"><i class="icon ion-minus-circled"> </i></div>
66612
+ <div role="button" tabindex="0"><i class="icon ion-minus-round"> </i></div>
66613
+ <div role="button" tabindex="0"><i class="icon ion-model-s"> </i></div>
66614
+ <div role="button" tabindex="0"><i class="icon ion-monitor"> </i></div>
66615
+ <div role="button" tabindex="0"><i class="icon ion-more"> </i></div>
66616
+ <div role="button" tabindex="0"><i class="icon ion-mouse"> </i></div>
66617
+ <div role="button" tabindex="0"><i class="icon ion-music-note"> </i></div>
66618
+ <div role="button" tabindex="0"><i class="icon ion-navicon"> </i></div>
66619
+ <div role="button" tabindex="0"><i class="icon ion-navicon-round"> </i></div>
66620
+ <div role="button" tabindex="0"><i class="icon ion-navigate"> </i></div>
66621
+ <div role="button" tabindex="0"><i class="icon ion-network"> </i></div>
66622
+ <div role="button" tabindex="0"><i class="icon ion-no-smoking"> </i></div>
66623
+ <div role="button" tabindex="0"><i class="icon ion-nuclear"> </i></div>
66624
+ <div role="button" tabindex="0"><i class="icon ion-outlet"> </i></div>
66625
+ <div role="button" tabindex="0"><i class="icon ion-paintbrush"> </i></div>
66626
+ <div role="button" tabindex="0"><i class="icon ion-paintbucket"> </i></div>
66627
+ <div role="button" tabindex="0"><i class="icon ion-paper-airplane"> </i></div>
66628
+ <div role="button" tabindex="0"><i class="icon ion-paperclip"> </i></div>
66629
+ <div role="button" tabindex="0"><i class="icon ion-pause"> </i></div>
66630
+ <div role="button" tabindex="0"><i class="icon ion-person"> </i></div>
66631
+ <div role="button" tabindex="0"><i class="icon ion-person-add"> </i></div>
66632
+ <div role="button" tabindex="0"><i class="icon ion-person-stalker"> </i></div>
66633
+ <div role="button" tabindex="0"><i class="icon ion-pie-graph"> </i></div>
66634
+ <div role="button" tabindex="0"><i class="icon ion-pin"> </i></div>
66635
+ <div role="button" tabindex="0"><i class="icon ion-pinpoint"> </i></div>
66636
+ <div role="button" tabindex="0"><i class="icon ion-pizza"> </i></div>
66637
+ <div role="button" tabindex="0"><i class="icon ion-plane"> </i></div>
66638
+ <div role="button" tabindex="0"><i class="icon ion-planet"> </i></div>
66639
+ <div role="button" tabindex="0"><i class="icon ion-play"> </i></div>
66640
+ <div role="button" tabindex="0"><i class="icon ion-playstation"> </i></div>
66641
+ <div role="button" tabindex="0"><i class="icon ion-plus"> </i></div>
66642
+ <div role="button" tabindex="0"><i class="icon ion-plus-circled"> </i></div>
66643
+ <div role="button" tabindex="0"><i class="icon ion-plus-round"> </i></div>
66644
+ <div role="button" tabindex="0"><i class="icon ion-podium"> </i></div>
66645
+ <div role="button" tabindex="0"><i class="icon ion-pound"> </i></div>
66646
+ <div role="button" tabindex="0"><i class="icon ion-power"> </i></div>
66647
+ <div role="button" tabindex="0"><i class="icon ion-pricetag"> </i></div>
66648
+ <div role="button" tabindex="0"><i class="icon ion-pricetags"> </i></div>
66649
+ <div role="button" tabindex="0"><i class="icon ion-printer"> </i></div>
66650
+ <div role="button" tabindex="0"><i class="icon ion-pull-request"> </i></div>
66651
+ <div role="button" tabindex="0"><i class="icon ion-qr-scanner"> </i></div>
66652
+ <div role="button" tabindex="0"><i class="icon ion-quote"> </i></div>
66653
+ <div role="button" tabindex="0"><i class="icon ion-radio-waves"> </i></div>
66654
+ <div role="button" tabindex="0"><i class="icon ion-record"> </i></div>
66655
+ <div role="button" tabindex="0"><i class="icon ion-refresh"> </i></div>
66656
+ <div role="button" tabindex="0"><i class="icon ion-reply"> </i></div>
66657
+ <div role="button" tabindex="0"><i class="icon ion-reply-all"> </i></div>
66658
+ <div role="button" tabindex="0"><i class="icon ion-ribbon-a"> </i></div>
66659
+ <div role="button" tabindex="0"><i class="icon ion-ribbon-b"> </i></div>
66660
+ <div role="button" tabindex="0"><i class="icon ion-sad"> </i></div>
66661
+ <div role="button" tabindex="0"><i class="icon ion-sad-outline"> </i></div>
66662
+ <div role="button" tabindex="0"><i class="icon ion-scissors"> </i></div>
66663
+ <div role="button" tabindex="0"><i class="icon ion-search"> </i></div>
66664
+ <div role="button" tabindex="0"><i class="icon ion-settings"> </i></div>
66665
+ <div role="button" tabindex="0"><i class="icon ion-share"> </i></div>
66666
+ <div role="button" tabindex="0"><i class="icon ion-shuffle"> </i></div>
66667
+ <div role="button" tabindex="0"><i class="icon ion-skip-backward"> </i></div>
66668
+ <div role="button" tabindex="0"><i class="icon ion-skip-forward"> </i></div>
66669
+ <div role="button" tabindex="0"><i class="icon ion-social-android"> </i></div>
66670
+ <div role="button" tabindex="0"><i class="icon ion-social-android-outline"> </i></div>
66671
+ <div role="button" tabindex="0"><i class="icon ion-social-angular"> </i></div>
66672
+ <div role="button" tabindex="0"><i class="icon ion-social-angular-outline"> </i></div>
66673
+ <div role="button" tabindex="0"><i class="icon ion-social-apple"> </i></div>
66674
+ <div role="button" tabindex="0"><i class="icon ion-social-apple-outline"> </i></div>
66675
+ <div role="button" tabindex="0"><i class="icon ion-social-bitcoin"> </i></div>
66676
+ <div role="button" tabindex="0"><i class="icon ion-social-bitcoin-outline"> </i></div>
66677
+ <div role="button" tabindex="0"><i class="icon ion-social-buffer"> </i></div>
66678
+ <div role="button" tabindex="0"><i class="icon ion-social-buffer-outline"> </i></div>
66679
+ <div role="button" tabindex="0"><i class="icon ion-social-chrome"> </i></div>
66680
+ <div role="button" tabindex="0"><i class="icon ion-social-chrome-outline"> </i></div>
66681
+ <div role="button" tabindex="0"><i class="icon ion-social-codepen"> </i></div>
66682
+ <div role="button" tabindex="0"><i class="icon ion-social-codepen-outline"> </i></div>
66683
+ <div role="button" tabindex="0"><i class="icon ion-social-css3"> </i></div>
66684
+ <div role="button" tabindex="0"><i class="icon ion-social-css3-outline"> </i></div>
66685
+ <div role="button" tabindex="0"><i class="icon ion-social-designernews"> </i></div>
66686
+ <div role="button" tabindex="0"><i class="icon ion-social-designernews-outline"> </i></div>
66687
+ <div role="button" tabindex="0"><i class="icon ion-social-dribbble"> </i></div>
66688
+ <div role="button" tabindex="0"><i class="icon ion-social-dribbble-outline"> </i></div>
66689
+ <div role="button" tabindex="0"><i class="icon ion-social-dropbox"> </i></div>
66690
+ <div role="button" tabindex="0"><i class="icon ion-social-dropbox-outline"> </i></div>
66691
+ <div role="button" tabindex="0"><i class="icon ion-social-euro"> </i></div>
66692
+ <div role="button" tabindex="0"><i class="icon ion-social-euro-outline"> </i></div>
66693
+ <div role="button" tabindex="0"><i class="icon ion-social-facebook"> </i></div>
66694
+ <div role="button" tabindex="0"><i class="icon ion-social-facebook-outline"> </i></div>
66695
+ <div role="button" tabindex="0"><i class="icon ion-social-foursquare"> </i></div>
66696
+ <div role="button" tabindex="0"><i class="icon ion-social-foursquare-outline"> </i></div>
66697
+ <div role="button" tabindex="0"><i class="icon ion-social-freebsd-devil"> </i></div>
66698
+ <div role="button" tabindex="0"><i class="icon ion-social-github"> </i></div>
66699
+ <div role="button" tabindex="0"><i class="icon ion-social-github-outline"> </i></div>
66700
+ <div role="button" tabindex="0"><i class="icon ion-social-google"> </i></div>
66701
+ <div role="button" tabindex="0"><i class="icon ion-social-google-outline"> </i></div>
66702
+ <div role="button" tabindex="0"><i class="icon ion-social-googleplus"> </i></div>
66703
+ <div role="button" tabindex="0"><i class="icon ion-social-googleplus-outline"> </i></div>
66704
+ <div role="button" tabindex="0"><i class="icon ion-social-hackernews"> </i></div>
66705
+ <div role="button" tabindex="0"><i class="icon ion-social-hackernews-outline"> </i></div>
66706
+ <div role="button" tabindex="0"><i class="icon ion-social-html5"> </i></div>
66707
+ <div role="button" tabindex="0"><i class="icon ion-social-html5-outline"> </i></div>
66708
+ <div role="button" tabindex="0"><i class="icon ion-social-instagram"> </i></div>
66709
+ <div role="button" tabindex="0"><i class="icon ion-social-instagram-outline"> </i></div>
66710
+ <div role="button" tabindex="0"><i class="icon ion-social-javascript"> </i></div>
66711
+ <div role="button" tabindex="0"><i class="icon ion-social-javascript-outline"> </i></div>
66712
+ <div role="button" tabindex="0"><i class="icon ion-social-linkedin"> </i></div>
66713
+ <div role="button" tabindex="0"><i class="icon ion-social-linkedin-outline"> </i></div>
66714
+ <div role="button" tabindex="0"><i class="icon ion-social-markdown"> </i></div>
66715
+ <div role="button" tabindex="0"><i class="icon ion-social-nodejs"> </i></div>
66716
+ <div role="button" tabindex="0"><i class="icon ion-social-octocat"> </i></div>
66717
+ <div role="button" tabindex="0"><i class="icon ion-social-pinterest"> </i></div>
66718
+ <div role="button" tabindex="0"><i class="icon ion-social-pinterest-outline"> </i></div>
66719
+ <div role="button" tabindex="0"><i class="icon ion-social-python"> </i></div>
66720
+ <div role="button" tabindex="0"><i class="icon ion-social-reddit"> </i></div>
66721
+ <div role="button" tabindex="0"><i class="icon ion-social-reddit-outline"> </i></div>
66722
+ <div role="button" tabindex="0"><i class="icon ion-social-rss"> </i></div>
66723
+ <div role="button" tabindex="0"><i class="icon ion-social-rss-outline"> </i></div>
66724
+ <div role="button" tabindex="0"><i class="icon ion-social-sass"> </i></div>
66725
+ <div role="button" tabindex="0"><i class="icon ion-social-skype"> </i></div>
66726
+ <div role="button" tabindex="0"><i class="icon ion-social-skype-outline"> </i></div>
66727
+ <div role="button" tabindex="0"><i class="icon ion-social-snapchat"> </i></div>
66728
+ <div role="button" tabindex="0"><i class="icon ion-social-snapchat-outline"> </i></div>
66729
+ <div role="button" tabindex="0"><i class="icon ion-social-tumblr"> </i></div>
66730
+ <div role="button" tabindex="0"><i class="icon ion-social-tumblr-outline"> </i></div>
66731
+ <div role="button" tabindex="0"><i class="icon ion-social-tux"> </i></div>
66732
+ <div role="button" tabindex="0"><i class="icon ion-social-twitch"> </i></div>
66733
+ <div role="button" tabindex="0"><i class="icon ion-social-twitch-outline"> </i></div>
66734
+ <div role="button" tabindex="0"><i class="icon ion-social-twitter"> </i></div>
66735
+ <div role="button" tabindex="0"><i class="icon ion-social-twitter-outline"> </i></div>
66736
+ <div role="button" tabindex="0"><i class="icon ion-social-usd"> </i></div>
66737
+ <div role="button" tabindex="0"><i class="icon ion-social-usd-outline"> </i></div>
66738
+ <div role="button" tabindex="0"><i class="icon ion-social-vimeo"> </i></div>
66739
+ <div role="button" tabindex="0"><i class="icon ion-social-vimeo-outline"> </i></div>
66740
+ <div role="button" tabindex="0"><i class="icon ion-social-whatsapp"> </i></div>
66741
+ <div role="button" tabindex="0"><i class="icon ion-social-whatsapp-outline"> </i></div>
66742
+ <div role="button" tabindex="0"><i class="icon ion-social-windows"> </i></div>
66743
+ <div role="button" tabindex="0"><i class="icon ion-social-windows-outline"> </i></div>
66744
+ <div role="button" tabindex="0"><i class="icon ion-social-wordpress"> </i></div>
66745
+ <div role="button" tabindex="0"><i class="icon ion-social-wordpress-outline"> </i></div>
66746
+ <div role="button" tabindex="0"><i class="icon ion-social-yahoo"> </i></div>
66747
+ <div role="button" tabindex="0"><i class="icon ion-social-yahoo-outline"> </i></div>
66748
+ <div role="button" tabindex="0"><i class="icon ion-social-yen"> </i></div>
66749
+ <div role="button" tabindex="0"><i class="icon ion-social-yen-outline"> </i></div>
66750
+ <div role="button" tabindex="0"><i class="icon ion-social-youtube"> </i></div>
66751
+ <div role="button" tabindex="0"><i class="icon ion-social-youtube-outline"> </i></div>
66752
+ <div role="button" tabindex="0"><i class="icon ion-soup-can"> </i></div>
66753
+ <div role="button" tabindex="0"><i class="icon ion-soup-can-outline"> </i></div>
66754
+ <div role="button" tabindex="0"><i class="icon ion-speakerphone"> </i></div>
66755
+ <div role="button" tabindex="0"><i class="icon ion-speedometer"> </i></div>
66756
+ <div role="button" tabindex="0"><i class="icon ion-spoon"> </i></div>
66757
+ <div role="button" tabindex="0"><i class="icon ion-star"> </i></div>
66758
+ <div role="button" tabindex="0"><i class="icon ion-stats-bars"> </i></div>
66759
+ <div role="button" tabindex="0"><i class="icon ion-steam"> </i></div>
66760
+ <div role="button" tabindex="0"><i class="icon ion-stop"> </i></div>
66761
+ <div role="button" tabindex="0"><i class="icon ion-thermometer"> </i></div>
66762
+ <div role="button" tabindex="0"><i class="icon ion-thumbsdown"> </i></div>
66763
+ <div role="button" tabindex="0"><i class="icon ion-thumbsup"> </i></div>
66764
+ <div role="button" tabindex="0"><i class="icon ion-toggle"> </i></div>
66765
+ <div role="button" tabindex="0"><i class="icon ion-toggle-filled"> </i></div>
66766
+ <div role="button" tabindex="0"><i class="icon ion-transgender"> </i></div>
66767
+ <div role="button" tabindex="0"><i class="icon ion-trash-a"> </i></div>
66768
+ <div role="button" tabindex="0"><i class="icon ion-trash-b"> </i></div>
66769
+ <div role="button" tabindex="0"><i class="icon ion-trophy"> </i></div>
66770
+ <div role="button" tabindex="0"><i class="icon ion-tshirt"> </i></div>
66771
+ <div role="button" tabindex="0"><i class="icon ion-tshirt-outline"> </i></div>
66772
+ <div role="button" tabindex="0"><i class="icon ion-umbrella"> </i></div>
66773
+ <div role="button" tabindex="0"><i class="icon ion-university"> </i></div>
66774
+ <div role="button" tabindex="0"><i class="icon ion-unlocked"> </i></div>
66775
+ <div role="button" tabindex="0"><i class="icon ion-upload"> </i></div>
66776
+ <div role="button" tabindex="0"><i class="icon ion-usb"> </i></div>
66777
+ <div role="button" tabindex="0"><i class="icon ion-videocamera"> </i></div>
66778
+ <div role="button" tabindex="0"><i class="icon ion-volume-high"> </i></div>
66779
+ <div role="button" tabindex="0"><i class="icon ion-volume-low"> </i></div>
66780
+ <div role="button" tabindex="0"><i class="icon ion-volume-medium"> </i></div>
66781
+ <div role="button" tabindex="0"><i class="icon ion-volume-mute"> </i></div>
66782
+ <div role="button" tabindex="0"><i class="icon ion-wand"> </i></div>
66783
+ <div role="button" tabindex="0"><i class="icon ion-waterdrop"> </i></div>
66784
+ <div role="button" tabindex="0"><i class="icon ion-wifi"> </i></div>
66785
+ <div role="button" tabindex="0"><i class="icon ion-wineglass"> </i></div>
66786
+ <div role="button" tabindex="0"><i class="icon ion-woman"> </i></div>
66787
+ <div role="button" tabindex="0"><i class="icon ion-wrench"> </i></div>
66788
+ <div role="button" tabindex="0"><i class="icon ion-xbox"> </i></div>
66789
+ `;
66790
+ return html;
66791
+ }
66792
+
65998
66793
  getIconsHTML() {
65999
66794
  const path = this.builder.assetPath + 'ionicons/';
66000
66795
  const html = `
@@ -66096,739 +66891,7 @@ class Rte {
66096
66891
  <body${this.builder.styleDark ? ' class="dark"' : ''}${this.builder.styleColored ? ' class="colored"' : ''}${this.builder.styleColoredDark ? ' class="colored-dark"' : ''}${this.builder.styleLight ? ' class="light"' : ''}>
66097
66892
 
66098
66893
  <div id="divIcons">
66099
- <div><i class="icon ion-alert"> </i></div>
66100
- <div><i class="icon ion-alert-circled"> </i></div>
66101
- <div><i class="icon ion-android-add"> </i></div>
66102
- <div><i class="icon ion-android-add-circle"> </i></div>
66103
- <div><i class="icon ion-android-alarm-clock"> </i></div>
66104
- <div><i class="icon ion-android-alert"> </i></div>
66105
- <div><i class="icon ion-android-apps"> </i></div>
66106
- <div><i class="icon ion-android-archive"> </i></div>
66107
- <div><i class="icon ion-android-arrow-back"> </i></div>
66108
- <div><i class="icon ion-android-arrow-down"> </i></div>
66109
- <div><i class="icon ion-android-arrow-dropdown"> </i></div>
66110
- <div><i class="icon ion-android-arrow-dropdown-circle"> </i></div>
66111
- <div><i class="icon ion-android-arrow-dropleft"> </i></div>
66112
- <div><i class="icon ion-android-arrow-dropleft-circle"> </i></div>
66113
- <div><i class="icon ion-android-arrow-dropright"> </i></div>
66114
- <div><i class="icon ion-android-arrow-dropright-circle"> </i></div>
66115
- <div><i class="icon ion-android-arrow-dropup"> </i></div>
66116
- <div><i class="icon ion-android-arrow-dropup-circle"> </i></div>
66117
- <div><i class="icon ion-android-arrow-forward"> </i></div>
66118
- <div><i class="icon ion-android-arrow-up"> </i></div>
66119
- <div><i class="icon ion-android-attach"> </i></div>
66120
- <div><i class="icon ion-android-bar"> </i></div>
66121
- <div><i class="icon ion-android-bicycle"> </i></div>
66122
- <div><i class="icon ion-android-boat"> </i></div>
66123
- <div><i class="icon ion-android-bookmark"> </i></div>
66124
- <div><i class="icon ion-android-bulb"> </i></div>
66125
- <div><i class="icon ion-android-bus"> </i></div>
66126
- <div><i class="icon ion-android-calendar"> </i></div>
66127
- <div><i class="icon ion-android-call"> </i></div>
66128
- <div><i class="icon ion-android-camera"> </i></div>
66129
- <div><i class="icon ion-android-cancel"> </i></div>
66130
- <div><i class="icon ion-android-car"> </i></div>
66131
- <div><i class="icon ion-android-cart"> </i></div>
66132
- <div><i class="icon ion-android-chat"> </i></div>
66133
- <div><i class="icon ion-android-checkbox"> </i></div>
66134
- <div><i class="icon ion-android-checkbox-blank"> </i></div>
66135
- <div><i class="icon ion-android-checkbox-outline"> </i></div>
66136
- <div><i class="icon ion-android-checkbox-outline-blank"> </i></div>
66137
- <div><i class="icon ion-android-checkmark-circle"> </i></div>
66138
- <div><i class="icon ion-android-clipboard"> </i></div>
66139
- <div><i class="icon ion-android-close"> </i></div>
66140
- <div><i class="icon ion-android-cloud"> </i></div>
66141
- <div><i class="icon ion-android-cloud-circle"> </i></div>
66142
- <div><i class="icon ion-android-cloud-done"> </i></div>
66143
- <div><i class="icon ion-android-cloud-outline"> </i></div>
66144
- <div><i class="icon ion-android-color-palette"> </i></div>
66145
- <div><i class="icon ion-android-compass"> </i></div>
66146
- <div><i class="icon ion-android-contact"> </i></div>
66147
- <div><i class="icon ion-android-contacts"> </i></div>
66148
- <div><i class="icon ion-android-contract"> </i></div>
66149
- <div><i class="icon ion-android-create"> </i></div>
66150
- <div><i class="icon ion-android-delete"> </i></div>
66151
- <div><i class="icon ion-android-desktop"> </i></div>
66152
- <div><i class="icon ion-android-document"> </i></div>
66153
- <div><i class="icon ion-android-done"> </i></div>
66154
- <div><i class="icon ion-android-done-all"> </i></div>
66155
- <div><i class="icon ion-android-download"> </i></div>
66156
- <div><i class="icon ion-android-drafts"> </i></div>
66157
- <div><i class="icon ion-android-exit"> </i></div>
66158
- <div><i class="icon ion-android-expand"> </i></div>
66159
- <div><i class="icon ion-android-favorite"> </i></div>
66160
- <div><i class="icon ion-android-favorite-outline"> </i></div>
66161
- <div><i class="icon ion-android-film"> </i></div>
66162
- <div><i class="icon ion-android-folder"> </i></div>
66163
- <div><i class="icon ion-android-folder-open"> </i></div>
66164
- <div><i class="icon ion-android-funnel"> </i></div>
66165
- <div><i class="icon ion-android-globe"> </i></div>
66166
- <div><i class="icon ion-android-hand"> </i></div>
66167
- <div><i class="icon ion-android-hangout"> </i></div>
66168
- <div><i class="icon ion-android-happy"> </i></div>
66169
- <div><i class="icon ion-android-home"> </i></div>
66170
- <div><i class="icon ion-android-image"> </i></div>
66171
- <div><i class="icon ion-android-laptop"> </i></div>
66172
- <div><i class="icon ion-android-list"> </i></div>
66173
- <div><i class="icon ion-android-locate"> </i></div>
66174
- <div><i class="icon ion-android-lock"> </i></div>
66175
- <div><i class="icon ion-android-mail"> </i></div>
66176
- <div><i class="icon ion-android-map"> </i></div>
66177
- <div><i class="icon ion-android-menu"> </i></div>
66178
- <div><i class="icon ion-android-microphone"> </i></div>
66179
- <div><i class="icon ion-android-microphone-off"> </i></div>
66180
- <div><i class="icon ion-android-more-horizontal"> </i></div>
66181
- <div><i class="icon ion-android-more-vertical"> </i></div>
66182
- <div><i class="icon ion-android-navigate"> </i></div>
66183
- <div><i class="icon ion-android-notifications"> </i></div>
66184
- <div><i class="icon ion-android-notifications-none"> </i></div>
66185
- <div><i class="icon ion-android-notifications-off"> </i></div>
66186
- <div><i class="icon ion-android-open"> </i></div>
66187
- <div><i class="icon ion-android-options"> </i></div>
66188
- <div><i class="icon ion-android-people"> </i></div>
66189
- <div><i class="icon ion-android-person"> </i></div>
66190
- <div><i class="icon ion-android-person-add"> </i></div>
66191
- <div><i class="icon ion-android-phone-landscape"> </i></div>
66192
- <div><i class="icon ion-android-phone-portrait"> </i></div>
66193
- <div><i class="icon ion-android-pin"> </i></div>
66194
- <div><i class="icon ion-android-plane"> </i></div>
66195
- <div><i class="icon ion-android-playstore"> </i></div>
66196
- <div><i class="icon ion-android-print"> </i></div>
66197
- <div><i class="icon ion-android-radio-button-off"> </i></div>
66198
- <div><i class="icon ion-android-radio-button-on"> </i></div>
66199
- <div><i class="icon ion-android-refresh"> </i></div>
66200
- <div><i class="icon ion-android-remove"> </i></div>
66201
- <div><i class="icon ion-android-remove-circle"> </i></div>
66202
- <div><i class="icon ion-android-restaurant"> </i></div>
66203
- <div><i class="icon ion-android-sad"> </i></div>
66204
- <div><i class="icon ion-android-search"> </i></div>
66205
- <div><i class="icon ion-android-send"> </i></div>
66206
- <div><i class="icon ion-android-settings"> </i></div>
66207
- <div><i class="icon ion-android-share"> </i></div>
66208
- <div><i class="icon ion-android-share-alt"> </i></div>
66209
- <div><i class="icon ion-android-star"> </i></div>
66210
- <div><i class="icon ion-android-star-half"> </i></div>
66211
- <div><i class="icon ion-android-star-outline"> </i></div>
66212
- <div><i class="icon ion-android-stopwatch"> </i></div>
66213
- <div><i class="icon ion-android-subway"> </i></div>
66214
- <div><i class="icon ion-android-sunny"> </i></div>
66215
- <div><i class="icon ion-android-sync"> </i></div>
66216
- <div><i class="icon ion-android-textsms"> </i></div>
66217
- <div><i class="icon ion-android-time"> </i></div>
66218
- <div><i class="icon ion-android-train"> </i></div>
66219
- <div><i class="icon ion-android-unlock"> </i></div>
66220
- <div><i class="icon ion-android-upload"> </i></div>
66221
- <div><i class="icon ion-android-volume-down"> </i></div>
66222
- <div><i class="icon ion-android-volume-mute"> </i></div>
66223
- <div><i class="icon ion-android-volume-off"> </i></div>
66224
- <div><i class="icon ion-android-volume-up"> </i></div>
66225
- <div><i class="icon ion-android-walk"> </i></div>
66226
- <div><i class="icon ion-android-warning"> </i></div>
66227
- <div><i class="icon ion-android-watch"> </i></div>
66228
- <div><i class="icon ion-android-wifi"> </i></div>
66229
- <div><i class="icon ion-aperture"> </i></div>
66230
- <div><i class="icon ion-archive"> </i></div>
66231
- <div><i class="icon ion-arrow-down-a"> </i></div>
66232
- <div><i class="icon ion-arrow-down-b"> </i></div>
66233
- <div><i class="icon ion-arrow-down-c"> </i></div>
66234
- <div><i class="icon ion-arrow-expand"> </i></div>
66235
- <div><i class="icon ion-arrow-graph-down-left"> </i></div>
66236
- <div><i class="icon ion-arrow-graph-down-right"> </i></div>
66237
- <div><i class="icon ion-arrow-graph-up-left"> </i></div>
66238
- <div><i class="icon ion-arrow-graph-up-right"> </i></div>
66239
- <div><i class="icon ion-arrow-left-a"> </i></div>
66240
- <div><i class="icon ion-arrow-left-b"> </i></div>
66241
- <div><i class="icon ion-arrow-left-c"> </i></div>
66242
- <div><i class="icon ion-arrow-move"> </i></div>
66243
- <div><i class="icon ion-arrow-resize"> </i></div>
66244
- <div><i class="icon ion-arrow-return-left"> </i></div>
66245
- <div><i class="icon ion-arrow-return-right"> </i></div>
66246
- <div><i class="icon ion-arrow-right-a"> </i></div>
66247
- <div><i class="icon ion-arrow-right-b"> </i></div>
66248
- <div><i class="icon ion-arrow-right-c"> </i></div>
66249
- <div><i class="icon ion-arrow-shrink"> </i></div>
66250
- <div><i class="icon ion-arrow-swap"> </i></div>
66251
- <div><i class="icon ion-arrow-up-a"> </i></div>
66252
- <div><i class="icon ion-arrow-up-b"> </i></div>
66253
- <div><i class="icon ion-arrow-up-c"> </i></div>
66254
- <div><i class="icon ion-asterisk"> </i></div>
66255
- <div><i class="icon ion-at"> </i></div>
66256
- <div><i class="icon ion-backspace"> </i></div>
66257
- <div><i class="icon ion-backspace-outline"> </i></div>
66258
- <div><i class="icon ion-bag"> </i></div>
66259
- <div><i class="icon ion-battery-charging"> </i></div>
66260
- <div><i class="icon ion-battery-empty"> </i></div>
66261
- <div><i class="icon ion-battery-full"> </i></div>
66262
- <div><i class="icon ion-battery-half"> </i></div>
66263
- <div><i class="icon ion-battery-low"> </i></div>
66264
- <div><i class="icon ion-beaker"> </i></div>
66265
- <div><i class="icon ion-beer"> </i></div>
66266
- <div><i class="icon ion-bluetooth"> </i></div>
66267
- <div><i class="icon ion-bonfire"> </i></div>
66268
- <div><i class="icon ion-bookmark"> </i></div>
66269
- <div><i class="icon ion-bowtie"> </i></div>
66270
- <div><i class="icon ion-briefcase"> </i></div>
66271
- <div><i class="icon ion-bug"> </i></div>
66272
- <div><i class="icon ion-calculator"> </i></div>
66273
- <div><i class="icon ion-calendar"> </i></div>
66274
- <div><i class="icon ion-camera"> </i></div>
66275
- <div><i class="icon ion-card"> </i></div>
66276
- <div><i class="icon ion-cash"> </i></div>
66277
- <div><i class="icon ion-chatbox"> </i></div>
66278
- <div><i class="icon ion-chatbox-working"> </i></div>
66279
- <div><i class="icon ion-chatboxes"> </i></div>
66280
- <div><i class="icon ion-chatbubble"> </i></div>
66281
- <div><i class="icon ion-chatbubble-working"> </i></div>
66282
- <div><i class="icon ion-chatbubbles"> </i></div>
66283
- <div><i class="icon ion-checkmark"> </i></div>
66284
- <div><i class="icon ion-checkmark-circled"> </i></div>
66285
- <div><i class="icon ion-checkmark-round"> </i></div>
66286
- <div><i class="icon ion-chevron-down"> </i></div>
66287
- <div><i class="icon ion-chevron-left"> </i></div>
66288
- <div><i class="icon ion-chevron-right"> </i></div>
66289
- <div><i class="icon ion-chevron-up"> </i></div>
66290
- <div><i class="icon ion-clipboard"> </i></div>
66291
- <div><i class="icon ion-clock"> </i></div>
66292
- <div><i class="icon ion-close"> </i></div>
66293
- <div><i class="icon ion-close-circled"> </i></div>
66294
- <div><i class="icon ion-close-round"> </i></div>
66295
- <div><i class="icon ion-closed-captioning"> </i></div>
66296
- <div><i class="icon ion-cloud"> </i></div>
66297
- <div><i class="icon ion-code"> </i></div>
66298
- <div><i class="icon ion-code-download"> </i></div>
66299
- <div><i class="icon ion-code-working"> </i></div>
66300
- <div><i class="icon ion-coffee"> </i></div>
66301
- <div><i class="icon ion-compass"> </i></div>
66302
- <div><i class="icon ion-compose"> </i></div>
66303
- <div><i class="icon ion-connection-bars"> </i></div>
66304
- <div><i class="icon ion-contrast"> </i></div>
66305
- <div><i class="icon ion-crop"> </i></div>
66306
- <div><i class="icon ion-cube"> </i></div>
66307
- <div><i class="icon ion-disc"> </i></div>
66308
- <div><i class="icon ion-document"> </i></div>
66309
- <div><i class="icon ion-document-text"> </i></div>
66310
- <div><i class="icon ion-drag"> </i></div>
66311
- <div><i class="icon ion-earth"> </i></div>
66312
- <div><i class="icon ion-easel"> </i></div>
66313
- <div><i class="icon ion-edit"> </i></div>
66314
- <div><i class="icon ion-egg"> </i></div>
66315
- <div><i class="icon ion-eject"> </i></div>
66316
- <div><i class="icon ion-email"> </i></div>
66317
- <div><i class="icon ion-email-unread"> </i></div>
66318
- <div><i class="icon ion-erlenmeyer-flask"> </i></div>
66319
- <div><i class="icon ion-erlenmeyer-flask-bubbles"> </i></div>
66320
- <div><i class="icon ion-eye"> </i></div>
66321
- <div><i class="icon ion-eye-disabled"> </i></div>
66322
- <div><i class="icon ion-female"> </i></div>
66323
- <div><i class="icon ion-filing"> </i></div>
66324
- <div><i class="icon ion-film-marker"> </i></div>
66325
- <div><i class="icon ion-fireball"> </i></div>
66326
- <div><i class="icon ion-flag"> </i></div>
66327
- <div><i class="icon ion-flame"> </i></div>
66328
- <div><i class="icon ion-flash"> </i></div>
66329
- <div><i class="icon ion-flash-off"> </i></div>
66330
- <div><i class="icon ion-folder"> </i></div>
66331
- <div><i class="icon ion-fork"> </i></div>
66332
- <div><i class="icon ion-fork-repo"> </i></div>
66333
- <div><i class="icon ion-forward"> </i></div>
66334
- <div><i class="icon ion-funnel"> </i></div>
66335
- <div><i class="icon ion-gear-a"> </i></div>
66336
- <div><i class="icon ion-gear-b"> </i></div>
66337
- <div><i class="icon ion-grid"> </i></div>
66338
- <div><i class="icon ion-hammer"> </i></div>
66339
- <div><i class="icon ion-happy"> </i></div>
66340
- <div><i class="icon ion-happy-outline"> </i></div>
66341
- <div><i class="icon ion-headphone"> </i></div>
66342
- <div><i class="icon ion-heart"> </i></div>
66343
- <div><i class="icon ion-heart-broken"> </i></div>
66344
- <div><i class="icon ion-help"> </i></div>
66345
- <div><i class="icon ion-help-buoy"> </i></div>
66346
- <div><i class="icon ion-help-circled"> </i></div>
66347
- <div><i class="icon ion-home"> </i></div>
66348
- <div><i class="icon ion-icecream"> </i></div>
66349
- <div><i class="icon ion-image"> </i></div>
66350
- <div><i class="icon ion-images"> </i></div>
66351
- <div><i class="icon ion-information"> </i></div>
66352
- <div><i class="icon ion-information-circled"> </i></div>
66353
- <div><i class="icon ion-ionic"> </i></div>
66354
- <div><i class="icon ion-ios-alarm"> </i></div>
66355
- <div><i class="icon ion-ios-alarm-outline"> </i></div>
66356
- <div><i class="icon ion-ios-albums"> </i></div>
66357
- <div><i class="icon ion-ios-albums-outline"> </i></div>
66358
- <div><i class="icon ion-ios-americanfootball"> </i></div>
66359
- <div><i class="icon ion-ios-americanfootball-outline"> </i></div>
66360
- <div><i class="icon ion-ios-analytics"> </i></div>
66361
- <div><i class="icon ion-ios-analytics-outline"> </i></div>
66362
- <div><i class="icon ion-ios-arrow-back"> </i></div>
66363
- <div><i class="icon ion-ios-arrow-down"> </i></div>
66364
- <div><i class="icon ion-ios-arrow-forward"> </i></div>
66365
- <div><i class="icon ion-ios-arrow-left"> </i></div>
66366
- <div><i class="icon ion-ios-arrow-right"> </i></div>
66367
- <div><i class="icon ion-ios-arrow-thin-down"> </i></div>
66368
- <div><i class="icon ion-ios-arrow-thin-left"> </i></div>
66369
- <div><i class="icon ion-ios-arrow-thin-right"> </i></div>
66370
- <div><i class="icon ion-ios-arrow-thin-up"> </i></div>
66371
- <div><i class="icon ion-ios-arrow-up"> </i></div>
66372
- <div><i class="icon ion-ios-at"> </i></div>
66373
- <div><i class="icon ion-ios-at-outline"> </i></div>
66374
- <div><i class="icon ion-ios-barcode"> </i></div>
66375
- <div><i class="icon ion-ios-barcode-outline"> </i></div>
66376
- <div><i class="icon ion-ios-baseball"> </i></div>
66377
- <div><i class="icon ion-ios-baseball-outline"> </i></div>
66378
- <div><i class="icon ion-ios-basketball"> </i></div>
66379
- <div><i class="icon ion-ios-basketball-outline"> </i></div>
66380
- <div><i class="icon ion-ios-bell"> </i></div>
66381
- <div><i class="icon ion-ios-bell-outline"> </i></div>
66382
- <div><i class="icon ion-ios-body"> </i></div>
66383
- <div><i class="icon ion-ios-body-outline"> </i></div>
66384
- <div><i class="icon ion-ios-bolt"> </i></div>
66385
- <div><i class="icon ion-ios-bolt-outline"> </i></div>
66386
- <div><i class="icon ion-ios-book"> </i></div>
66387
- <div><i class="icon ion-ios-book-outline"> </i></div>
66388
- <div><i class="icon ion-ios-bookmarks"> </i></div>
66389
- <div><i class="icon ion-ios-bookmarks-outline"> </i></div>
66390
- <div><i class="icon ion-ios-box"> </i></div>
66391
- <div><i class="icon ion-ios-box-outline"> </i></div>
66392
- <div><i class="icon ion-ios-briefcase"> </i></div>
66393
- <div><i class="icon ion-ios-briefcase-outline"> </i></div>
66394
- <div><i class="icon ion-ios-browsers"> </i></div>
66395
- <div><i class="icon ion-ios-browsers-outline"> </i></div>
66396
- <div><i class="icon ion-ios-calculator"> </i></div>
66397
- <div><i class="icon ion-ios-calculator-outline"> </i></div>
66398
- <div><i class="icon ion-ios-calendar"> </i></div>
66399
- <div><i class="icon ion-ios-calendar-outline"> </i></div>
66400
- <div><i class="icon ion-ios-camera"> </i></div>
66401
- <div><i class="icon ion-ios-camera-outline"> </i></div>
66402
- <div><i class="icon ion-ios-cart"> </i></div>
66403
- <div><i class="icon ion-ios-cart-outline"> </i></div>
66404
- <div><i class="icon ion-ios-chatboxes"> </i></div>
66405
- <div><i class="icon ion-ios-chatboxes-outline"> </i></div>
66406
- <div><i class="icon ion-ios-chatbubble"> </i></div>
66407
- <div><i class="icon ion-ios-chatbubble-outline"> </i></div>
66408
- <div><i class="icon ion-ios-checkmark"> </i></div>
66409
- <div><i class="icon ion-ios-checkmark-empty"> </i></div>
66410
- <div><i class="icon ion-ios-checkmark-outline"> </i></div>
66411
- <div><i class="icon ion-ios-circle-filled"> </i></div>
66412
- <div><i class="icon ion-ios-circle-outline"> </i></div>
66413
- <div><i class="icon ion-ios-clock"> </i></div>
66414
- <div><i class="icon ion-ios-clock-outline"> </i></div>
66415
- <div><i class="icon ion-ios-close"> </i></div>
66416
- <div><i class="icon ion-ios-close-empty"> </i></div>
66417
- <div><i class="icon ion-ios-close-outline"> </i></div>
66418
- <div><i class="icon ion-ios-cloud"> </i></div>
66419
- <div><i class="icon ion-ios-cloud-download"> </i></div>
66420
- <div><i class="icon ion-ios-cloud-download-outline"> </i></div>
66421
- <div><i class="icon ion-ios-cloud-outline"> </i></div>
66422
- <div><i class="icon ion-ios-cloud-upload"> </i></div>
66423
- <div><i class="icon ion-ios-cloud-upload-outline"> </i></div>
66424
- <div><i class="icon ion-ios-cloudy"> </i></div>
66425
- <div><i class="icon ion-ios-cloudy-night"> </i></div>
66426
- <div><i class="icon ion-ios-cloudy-night-outline"> </i></div>
66427
- <div><i class="icon ion-ios-cloudy-outline"> </i></div>
66428
- <div><i class="icon ion-ios-cog"> </i></div>
66429
- <div><i class="icon ion-ios-cog-outline"> </i></div>
66430
- <div><i class="icon ion-ios-color-filter"> </i></div>
66431
- <div><i class="icon ion-ios-color-filter-outline"> </i></div>
66432
- <div><i class="icon ion-ios-color-wand"> </i></div>
66433
- <div><i class="icon ion-ios-color-wand-outline"> </i></div>
66434
- <div><i class="icon ion-ios-compose"> </i></div>
66435
- <div><i class="icon ion-ios-compose-outline"> </i></div>
66436
- <div><i class="icon ion-ios-contact"> </i></div>
66437
- <div><i class="icon ion-ios-contact-outline"> </i></div>
66438
- <div><i class="icon ion-ios-copy"> </i></div>
66439
- <div><i class="icon ion-ios-copy-outline"> </i></div>
66440
- <div><i class="icon ion-ios-crop"> </i></div>
66441
- <div><i class="icon ion-ios-crop-strong"> </i></div>
66442
- <div><i class="icon ion-ios-download"> </i></div>
66443
- <div><i class="icon ion-ios-download-outline"> </i></div>
66444
- <div><i class="icon ion-ios-drag"> </i></div>
66445
- <div><i class="icon ion-ios-email"> </i></div>
66446
- <div><i class="icon ion-ios-email-outline"> </i></div>
66447
- <div><i class="icon ion-ios-eye"> </i></div>
66448
- <div><i class="icon ion-ios-eye-outline"> </i></div>
66449
- <div><i class="icon ion-ios-fastforward"> </i></div>
66450
- <div><i class="icon ion-ios-fastforward-outline"> </i></div>
66451
- <div><i class="icon ion-ios-filing"> </i></div>
66452
- <div><i class="icon ion-ios-filing-outline"> </i></div>
66453
- <div><i class="icon ion-ios-film"> </i></div>
66454
- <div><i class="icon ion-ios-film-outline"> </i></div>
66455
- <div><i class="icon ion-ios-flag"> </i></div>
66456
- <div><i class="icon ion-ios-flag-outline"> </i></div>
66457
- <div><i class="icon ion-ios-flame"> </i></div>
66458
- <div><i class="icon ion-ios-flame-outline"> </i></div>
66459
- <div><i class="icon ion-ios-flask"> </i></div>
66460
- <div><i class="icon ion-ios-flask-outline"> </i></div>
66461
- <div><i class="icon ion-ios-flower"> </i></div>
66462
- <div><i class="icon ion-ios-flower-outline"> </i></div>
66463
- <div><i class="icon ion-ios-folder"> </i></div>
66464
- <div><i class="icon ion-ios-folder-outline"> </i></div>
66465
- <div><i class="icon ion-ios-football"> </i></div>
66466
- <div><i class="icon ion-ios-football-outline"> </i></div>
66467
- <div><i class="icon ion-ios-game-controller-a"> </i></div>
66468
- <div><i class="icon ion-ios-game-controller-a-outline"> </i></div>
66469
- <div><i class="icon ion-ios-game-controller-b"> </i></div>
66470
- <div><i class="icon ion-ios-game-controller-b-outline"> </i></div>
66471
- <div><i class="icon ion-ios-gear"> </i></div>
66472
- <div><i class="icon ion-ios-gear-outline"> </i></div>
66473
- <div><i class="icon ion-ios-glasses"> </i></div>
66474
- <div><i class="icon ion-ios-glasses-outline"> </i></div>
66475
- <div><i class="icon ion-ios-grid-view"> </i></div>
66476
- <div><i class="icon ion-ios-grid-view-outline"> </i></div>
66477
- <div><i class="icon ion-ios-heart"> </i></div>
66478
- <div><i class="icon ion-ios-heart-outline"> </i></div>
66479
- <div><i class="icon ion-ios-help"> </i></div>
66480
- <div><i class="icon ion-ios-help-empty"> </i></div>
66481
- <div><i class="icon ion-ios-help-outline"> </i></div>
66482
- <div><i class="icon ion-ios-home"> </i></div>
66483
- <div><i class="icon ion-ios-home-outline"> </i></div>
66484
- <div><i class="icon ion-ios-infinite"> </i></div>
66485
- <div><i class="icon ion-ios-infinite-outline"> </i></div>
66486
- <div><i class="icon ion-ios-information"> </i></div>
66487
- <div><i class="icon ion-ios-information-empty"> </i></div>
66488
- <div><i class="icon ion-ios-information-outline"> </i></div>
66489
- <div><i class="icon ion-ios-ionic-outline"> </i></div>
66490
- <div><i class="icon ion-ios-keypad"> </i></div>
66491
- <div><i class="icon ion-ios-keypad-outline"> </i></div>
66492
- <div><i class="icon ion-ios-lightbulb"> </i></div>
66493
- <div><i class="icon ion-ios-lightbulb-outline"> </i></div>
66494
- <div><i class="icon ion-ios-list"> </i></div>
66495
- <div><i class="icon ion-ios-list-outline"> </i></div>
66496
- <div><i class="icon ion-ios-location"> </i></div>
66497
- <div><i class="icon ion-ios-location-outline"> </i></div>
66498
- <div><i class="icon ion-ios-locked"> </i></div>
66499
- <div><i class="icon ion-ios-locked-outline"> </i></div>
66500
- <div><i class="icon ion-ios-loop"> </i></div>
66501
- <div><i class="icon ion-ios-loop-strong"> </i></div>
66502
- <div><i class="icon ion-ios-medical"> </i></div>
66503
- <div><i class="icon ion-ios-medical-outline"> </i></div>
66504
- <div><i class="icon ion-ios-medkit"> </i></div>
66505
- <div><i class="icon ion-ios-medkit-outline"> </i></div>
66506
- <div><i class="icon ion-ios-mic"> </i></div>
66507
- <div><i class="icon ion-ios-mic-off"> </i></div>
66508
- <div><i class="icon ion-ios-mic-outline"> </i></div>
66509
- <div><i class="icon ion-ios-minus"> </i></div>
66510
- <div><i class="icon ion-ios-minus-empty"> </i></div>
66511
- <div><i class="icon ion-ios-minus-outline"> </i></div>
66512
- <div><i class="icon ion-ios-monitor"> </i></div>
66513
- <div><i class="icon ion-ios-monitor-outline"> </i></div>
66514
- <div><i class="icon ion-ios-moon"> </i></div>
66515
- <div><i class="icon ion-ios-moon-outline"> </i></div>
66516
- <div><i class="icon ion-ios-more"> </i></div>
66517
- <div><i class="icon ion-ios-more-outline"> </i></div>
66518
- <div><i class="icon ion-ios-musical-note"> </i></div>
66519
- <div><i class="icon ion-ios-musical-notes"> </i></div>
66520
- <div><i class="icon ion-ios-navigate"> </i></div>
66521
- <div><i class="icon ion-ios-navigate-outline"> </i></div>
66522
- <div><i class="icon ion-ios-nutrition"> </i></div>
66523
- <div><i class="icon ion-ios-nutrition-outline"> </i></div>
66524
- <div><i class="icon ion-ios-paper"> </i></div>
66525
- <div><i class="icon ion-ios-paper-outline"> </i></div>
66526
- <div><i class="icon ion-ios-paperplane"> </i></div>
66527
- <div><i class="icon ion-ios-paperplane-outline"> </i></div>
66528
- <div><i class="icon ion-ios-partlysunny"> </i></div>
66529
- <div><i class="icon ion-ios-partlysunny-outline"> </i></div>
66530
- <div><i class="icon ion-ios-pause"> </i></div>
66531
- <div><i class="icon ion-ios-pause-outline"> </i></div>
66532
- <div><i class="icon ion-ios-paw"> </i></div>
66533
- <div><i class="icon ion-ios-paw-outline"> </i></div>
66534
- <div><i class="icon ion-ios-people"> </i></div>
66535
- <div><i class="icon ion-ios-people-outline"> </i></div>
66536
- <div><i class="icon ion-ios-person"> </i></div>
66537
- <div><i class="icon ion-ios-person-outline"> </i></div>
66538
- <div><i class="icon ion-ios-personadd"> </i></div>
66539
- <div><i class="icon ion-ios-personadd-outline"> </i></div>
66540
- <div><i class="icon ion-ios-photos"> </i></div>
66541
- <div><i class="icon ion-ios-photos-outline"> </i></div>
66542
- <div><i class="icon ion-ios-pie"> </i></div>
66543
- <div><i class="icon ion-ios-pie-outline"> </i></div>
66544
- <div><i class="icon ion-ios-pint"> </i></div>
66545
- <div><i class="icon ion-ios-pint-outline"> </i></div>
66546
- <div><i class="icon ion-ios-play"> </i></div>
66547
- <div><i class="icon ion-ios-play-outline"> </i></div>
66548
- <div><i class="icon ion-ios-plus"> </i></div>
66549
- <div><i class="icon ion-ios-plus-empty"> </i></div>
66550
- <div><i class="icon ion-ios-plus-outline"> </i></div>
66551
- <div><i class="icon ion-ios-pricetag"> </i></div>
66552
- <div><i class="icon ion-ios-pricetag-outline"> </i></div>
66553
- <div><i class="icon ion-ios-pricetags"> </i></div>
66554
- <div><i class="icon ion-ios-pricetags-outline"> </i></div>
66555
- <div><i class="icon ion-ios-printer"> </i></div>
66556
- <div><i class="icon ion-ios-printer-outline"> </i></div>
66557
- <div><i class="icon ion-ios-pulse"> </i></div>
66558
- <div><i class="icon ion-ios-pulse-strong"> </i></div>
66559
- <div><i class="icon ion-ios-rainy"> </i></div>
66560
- <div><i class="icon ion-ios-rainy-outline"> </i></div>
66561
- <div><i class="icon ion-ios-recording"> </i></div>
66562
- <div><i class="icon ion-ios-recording-outline"> </i></div>
66563
- <div><i class="icon ion-ios-redo"> </i></div>
66564
- <div><i class="icon ion-ios-redo-outline"> </i></div>
66565
- <div><i class="icon ion-ios-refresh"> </i></div>
66566
- <div><i class="icon ion-ios-refresh-empty"> </i></div>
66567
- <div><i class="icon ion-ios-refresh-outline"> </i></div>
66568
- <div><i class="icon ion-ios-reload"> </i></div>
66569
- <div><i class="icon ion-ios-reverse-camera"> </i></div>
66570
- <div><i class="icon ion-ios-reverse-camera-outline"> </i></div>
66571
- <div><i class="icon ion-ios-rewind"> </i></div>
66572
- <div><i class="icon ion-ios-rewind-outline"> </i></div>
66573
- <div><i class="icon ion-ios-rose"> </i></div>
66574
- <div><i class="icon ion-ios-rose-outline"> </i></div>
66575
- <div><i class="icon ion-ios-search"> </i></div>
66576
- <div><i class="icon ion-ios-search-strong"> </i></div>
66577
- <div><i class="icon ion-ios-settings"> </i></div>
66578
- <div><i class="icon ion-ios-settings-strong"> </i></div>
66579
- <div><i class="icon ion-ios-shuffle"> </i></div>
66580
- <div><i class="icon ion-ios-shuffle-strong"> </i></div>
66581
- <div><i class="icon ion-ios-skipbackward"> </i></div>
66582
- <div><i class="icon ion-ios-skipbackward-outline"> </i></div>
66583
- <div><i class="icon ion-ios-skipforward"> </i></div>
66584
- <div><i class="icon ion-ios-skipforward-outline"> </i></div>
66585
- <div><i class="icon ion-ios-snowy"> </i></div>
66586
- <div><i class="icon ion-ios-speedometer"> </i></div>
66587
- <div><i class="icon ion-ios-speedometer-outline"> </i></div>
66588
- <div><i class="icon ion-ios-star"> </i></div>
66589
- <div><i class="icon ion-ios-star-half"> </i></div>
66590
- <div><i class="icon ion-ios-star-outline"> </i></div>
66591
- <div><i class="icon ion-ios-stopwatch"> </i></div>
66592
- <div><i class="icon ion-ios-stopwatch-outline"> </i></div>
66593
- <div><i class="icon ion-ios-sunny"> </i></div>
66594
- <div><i class="icon ion-ios-sunny-outline"> </i></div>
66595
- <div><i class="icon ion-ios-telephone"> </i></div>
66596
- <div><i class="icon ion-ios-telephone-outline"> </i></div>
66597
- <div><i class="icon ion-ios-tennisball"> </i></div>
66598
- <div><i class="icon ion-ios-tennisball-outline"> </i></div>
66599
- <div><i class="icon ion-ios-thunderstorm"> </i></div>
66600
- <div><i class="icon ion-ios-thunderstorm-outline"> </i></div>
66601
- <div><i class="icon ion-ios-time"> </i></div>
66602
- <div><i class="icon ion-ios-time-outline"> </i></div>
66603
- <div><i class="icon ion-ios-timer"> </i></div>
66604
- <div><i class="icon ion-ios-timer-outline"> </i></div>
66605
- <div><i class="icon ion-ios-toggle"> </i></div>
66606
- <div><i class="icon ion-ios-toggle-outline"> </i></div>
66607
- <div><i class="icon ion-ios-trash"> </i></div>
66608
- <div><i class="icon ion-ios-trash-outline"> </i></div>
66609
- <div><i class="icon ion-ios-undo"> </i></div>
66610
- <div><i class="icon ion-ios-undo-outline"> </i></div>
66611
- <div><i class="icon ion-ios-unlocked"> </i></div>
66612
- <div><i class="icon ion-ios-unlocked-outline"> </i></div>
66613
- <div><i class="icon ion-ios-upload"> </i></div>
66614
- <div><i class="icon ion-ios-upload-outline"> </i></div>
66615
- <div><i class="icon ion-ios-videocam"> </i></div>
66616
- <div><i class="icon ion-ios-videocam-outline"> </i></div>
66617
- <div><i class="icon ion-ios-volume-high"> </i></div>
66618
- <div><i class="icon ion-ios-volume-low"> </i></div>
66619
- <div><i class="icon ion-ios-wineglass"> </i></div>
66620
- <div><i class="icon ion-ios-wineglass-outline"> </i></div>
66621
- <div><i class="icon ion-ios-world"> </i></div>
66622
- <div><i class="icon ion-ios-world-outline"> </i></div>
66623
- <div><i class="icon ion-ipad"> </i></div>
66624
- <div><i class="icon ion-iphone"> </i></div>
66625
- <div><i class="icon ion-ipod"> </i></div>
66626
- <div><i class="icon ion-jet"> </i></div>
66627
- <div><i class="icon ion-key"> </i></div>
66628
- <div><i class="icon ion-knife"> </i></div>
66629
- <div><i class="icon ion-laptop"> </i></div>
66630
- <div><i class="icon ion-leaf"> </i></div>
66631
- <div><i class="icon ion-levels"> </i></div>
66632
- <div><i class="icon ion-lightbulb"> </i></div>
66633
- <div><i class="icon ion-link"> </i></div>
66634
- <div><i class="icon ion-load-a"> </i></div>
66635
- <div><i class="icon ion-load-b"> </i></div>
66636
- <div><i class="icon ion-load-c"> </i></div>
66637
- <div><i class="icon ion-load-d"> </i></div>
66638
- <div><i class="icon ion-location"> </i></div>
66639
- <div><i class="icon ion-lock-combination"> </i></div>
66640
- <div><i class="icon ion-locked"> </i></div>
66641
- <div><i class="icon ion-log-in"> </i></div>
66642
- <div><i class="icon ion-log-out"> </i></div>
66643
- <div><i class="icon ion-loop"> </i></div>
66644
- <div><i class="icon ion-magnet"> </i></div>
66645
- <div><i class="icon ion-male"> </i></div>
66646
- <div><i class="icon ion-man"> </i></div>
66647
- <div><i class="icon ion-map"> </i></div>
66648
- <div><i class="icon ion-medkit"> </i></div>
66649
- <div><i class="icon ion-merge"> </i></div>
66650
- <div><i class="icon ion-mic-a"> </i></div>
66651
- <div><i class="icon ion-mic-b"> </i></div>
66652
- <div><i class="icon ion-mic-c"> </i></div>
66653
- <div><i class="icon ion-minus"> </i></div>
66654
- <div><i class="icon ion-minus-circled"> </i></div>
66655
- <div><i class="icon ion-minus-round"> </i></div>
66656
- <div><i class="icon ion-model-s"> </i></div>
66657
- <div><i class="icon ion-monitor"> </i></div>
66658
- <div><i class="icon ion-more"> </i></div>
66659
- <div><i class="icon ion-mouse"> </i></div>
66660
- <div><i class="icon ion-music-note"> </i></div>
66661
- <div><i class="icon ion-navicon"> </i></div>
66662
- <div><i class="icon ion-navicon-round"> </i></div>
66663
- <div><i class="icon ion-navigate"> </i></div>
66664
- <div><i class="icon ion-network"> </i></div>
66665
- <div><i class="icon ion-no-smoking"> </i></div>
66666
- <div><i class="icon ion-nuclear"> </i></div>
66667
- <div><i class="icon ion-outlet"> </i></div>
66668
- <div><i class="icon ion-paintbrush"> </i></div>
66669
- <div><i class="icon ion-paintbucket"> </i></div>
66670
- <div><i class="icon ion-paper-airplane"> </i></div>
66671
- <div><i class="icon ion-paperclip"> </i></div>
66672
- <div><i class="icon ion-pause"> </i></div>
66673
- <div><i class="icon ion-person"> </i></div>
66674
- <div><i class="icon ion-person-add"> </i></div>
66675
- <div><i class="icon ion-person-stalker"> </i></div>
66676
- <div><i class="icon ion-pie-graph"> </i></div>
66677
- <div><i class="icon ion-pin"> </i></div>
66678
- <div><i class="icon ion-pinpoint"> </i></div>
66679
- <div><i class="icon ion-pizza"> </i></div>
66680
- <div><i class="icon ion-plane"> </i></div>
66681
- <div><i class="icon ion-planet"> </i></div>
66682
- <div><i class="icon ion-play"> </i></div>
66683
- <div><i class="icon ion-playstation"> </i></div>
66684
- <div><i class="icon ion-plus"> </i></div>
66685
- <div><i class="icon ion-plus-circled"> </i></div>
66686
- <div><i class="icon ion-plus-round"> </i></div>
66687
- <div><i class="icon ion-podium"> </i></div>
66688
- <div><i class="icon ion-pound"> </i></div>
66689
- <div><i class="icon ion-power"> </i></div>
66690
- <div><i class="icon ion-pricetag"> </i></div>
66691
- <div><i class="icon ion-pricetags"> </i></div>
66692
- <div><i class="icon ion-printer"> </i></div>
66693
- <div><i class="icon ion-pull-request"> </i></div>
66694
- <div><i class="icon ion-qr-scanner"> </i></div>
66695
- <div><i class="icon ion-quote"> </i></div>
66696
- <div><i class="icon ion-radio-waves"> </i></div>
66697
- <div><i class="icon ion-record"> </i></div>
66698
- <div><i class="icon ion-refresh"> </i></div>
66699
- <div><i class="icon ion-reply"> </i></div>
66700
- <div><i class="icon ion-reply-all"> </i></div>
66701
- <div><i class="icon ion-ribbon-a"> </i></div>
66702
- <div><i class="icon ion-ribbon-b"> </i></div>
66703
- <div><i class="icon ion-sad"> </i></div>
66704
- <div><i class="icon ion-sad-outline"> </i></div>
66705
- <div><i class="icon ion-scissors"> </i></div>
66706
- <div><i class="icon ion-search"> </i></div>
66707
- <div><i class="icon ion-settings"> </i></div>
66708
- <div><i class="icon ion-share"> </i></div>
66709
- <div><i class="icon ion-shuffle"> </i></div>
66710
- <div><i class="icon ion-skip-backward"> </i></div>
66711
- <div><i class="icon ion-skip-forward"> </i></div>
66712
- <div><i class="icon ion-social-android"> </i></div>
66713
- <div><i class="icon ion-social-android-outline"> </i></div>
66714
- <div><i class="icon ion-social-angular"> </i></div>
66715
- <div><i class="icon ion-social-angular-outline"> </i></div>
66716
- <div><i class="icon ion-social-apple"> </i></div>
66717
- <div><i class="icon ion-social-apple-outline"> </i></div>
66718
- <div><i class="icon ion-social-bitcoin"> </i></div>
66719
- <div><i class="icon ion-social-bitcoin-outline"> </i></div>
66720
- <div><i class="icon ion-social-buffer"> </i></div>
66721
- <div><i class="icon ion-social-buffer-outline"> </i></div>
66722
- <div><i class="icon ion-social-chrome"> </i></div>
66723
- <div><i class="icon ion-social-chrome-outline"> </i></div>
66724
- <div><i class="icon ion-social-codepen"> </i></div>
66725
- <div><i class="icon ion-social-codepen-outline"> </i></div>
66726
- <div><i class="icon ion-social-css3"> </i></div>
66727
- <div><i class="icon ion-social-css3-outline"> </i></div>
66728
- <div><i class="icon ion-social-designernews"> </i></div>
66729
- <div><i class="icon ion-social-designernews-outline"> </i></div>
66730
- <div><i class="icon ion-social-dribbble"> </i></div>
66731
- <div><i class="icon ion-social-dribbble-outline"> </i></div>
66732
- <div><i class="icon ion-social-dropbox"> </i></div>
66733
- <div><i class="icon ion-social-dropbox-outline"> </i></div>
66734
- <div><i class="icon ion-social-euro"> </i></div>
66735
- <div><i class="icon ion-social-euro-outline"> </i></div>
66736
- <div><i class="icon ion-social-facebook"> </i></div>
66737
- <div><i class="icon ion-social-facebook-outline"> </i></div>
66738
- <div><i class="icon ion-social-foursquare"> </i></div>
66739
- <div><i class="icon ion-social-foursquare-outline"> </i></div>
66740
- <div><i class="icon ion-social-freebsd-devil"> </i></div>
66741
- <div><i class="icon ion-social-github"> </i></div>
66742
- <div><i class="icon ion-social-github-outline"> </i></div>
66743
- <div><i class="icon ion-social-google"> </i></div>
66744
- <div><i class="icon ion-social-google-outline"> </i></div>
66745
- <div><i class="icon ion-social-googleplus"> </i></div>
66746
- <div><i class="icon ion-social-googleplus-outline"> </i></div>
66747
- <div><i class="icon ion-social-hackernews"> </i></div>
66748
- <div><i class="icon ion-social-hackernews-outline"> </i></div>
66749
- <div><i class="icon ion-social-html5"> </i></div>
66750
- <div><i class="icon ion-social-html5-outline"> </i></div>
66751
- <div><i class="icon ion-social-instagram"> </i></div>
66752
- <div><i class="icon ion-social-instagram-outline"> </i></div>
66753
- <div><i class="icon ion-social-javascript"> </i></div>
66754
- <div><i class="icon ion-social-javascript-outline"> </i></div>
66755
- <div><i class="icon ion-social-linkedin"> </i></div>
66756
- <div><i class="icon ion-social-linkedin-outline"> </i></div>
66757
- <div><i class="icon ion-social-markdown"> </i></div>
66758
- <div><i class="icon ion-social-nodejs"> </i></div>
66759
- <div><i class="icon ion-social-octocat"> </i></div>
66760
- <div><i class="icon ion-social-pinterest"> </i></div>
66761
- <div><i class="icon ion-social-pinterest-outline"> </i></div>
66762
- <div><i class="icon ion-social-python"> </i></div>
66763
- <div><i class="icon ion-social-reddit"> </i></div>
66764
- <div><i class="icon ion-social-reddit-outline"> </i></div>
66765
- <div><i class="icon ion-social-rss"> </i></div>
66766
- <div><i class="icon ion-social-rss-outline"> </i></div>
66767
- <div><i class="icon ion-social-sass"> </i></div>
66768
- <div><i class="icon ion-social-skype"> </i></div>
66769
- <div><i class="icon ion-social-skype-outline"> </i></div>
66770
- <div><i class="icon ion-social-snapchat"> </i></div>
66771
- <div><i class="icon ion-social-snapchat-outline"> </i></div>
66772
- <div><i class="icon ion-social-tumblr"> </i></div>
66773
- <div><i class="icon ion-social-tumblr-outline"> </i></div>
66774
- <div><i class="icon ion-social-tux"> </i></div>
66775
- <div><i class="icon ion-social-twitch"> </i></div>
66776
- <div><i class="icon ion-social-twitch-outline"> </i></div>
66777
- <div><i class="icon ion-social-twitter"> </i></div>
66778
- <div><i class="icon ion-social-twitter-outline"> </i></div>
66779
- <div><i class="icon ion-social-usd"> </i></div>
66780
- <div><i class="icon ion-social-usd-outline"> </i></div>
66781
- <div><i class="icon ion-social-vimeo"> </i></div>
66782
- <div><i class="icon ion-social-vimeo-outline"> </i></div>
66783
- <div><i class="icon ion-social-whatsapp"> </i></div>
66784
- <div><i class="icon ion-social-whatsapp-outline"> </i></div>
66785
- <div><i class="icon ion-social-windows"> </i></div>
66786
- <div><i class="icon ion-social-windows-outline"> </i></div>
66787
- <div><i class="icon ion-social-wordpress"> </i></div>
66788
- <div><i class="icon ion-social-wordpress-outline"> </i></div>
66789
- <div><i class="icon ion-social-yahoo"> </i></div>
66790
- <div><i class="icon ion-social-yahoo-outline"> </i></div>
66791
- <div><i class="icon ion-social-yen"> </i></div>
66792
- <div><i class="icon ion-social-yen-outline"> </i></div>
66793
- <div><i class="icon ion-social-youtube"> </i></div>
66794
- <div><i class="icon ion-social-youtube-outline"> </i></div>
66795
- <div><i class="icon ion-soup-can"> </i></div>
66796
- <div><i class="icon ion-soup-can-outline"> </i></div>
66797
- <div><i class="icon ion-speakerphone"> </i></div>
66798
- <div><i class="icon ion-speedometer"> </i></div>
66799
- <div><i class="icon ion-spoon"> </i></div>
66800
- <div><i class="icon ion-star"> </i></div>
66801
- <div><i class="icon ion-stats-bars"> </i></div>
66802
- <div><i class="icon ion-steam"> </i></div>
66803
- <div><i class="icon ion-stop"> </i></div>
66804
- <div><i class="icon ion-thermometer"> </i></div>
66805
- <div><i class="icon ion-thumbsdown"> </i></div>
66806
- <div><i class="icon ion-thumbsup"> </i></div>
66807
- <div><i class="icon ion-toggle"> </i></div>
66808
- <div><i class="icon ion-toggle-filled"> </i></div>
66809
- <div><i class="icon ion-transgender"> </i></div>
66810
- <div><i class="icon ion-trash-a"> </i></div>
66811
- <div><i class="icon ion-trash-b"> </i></div>
66812
- <div><i class="icon ion-trophy"> </i></div>
66813
- <div><i class="icon ion-tshirt"> </i></div>
66814
- <div><i class="icon ion-tshirt-outline"> </i></div>
66815
- <div><i class="icon ion-umbrella"> </i></div>
66816
- <div><i class="icon ion-university"> </i></div>
66817
- <div><i class="icon ion-unlocked"> </i></div>
66818
- <div><i class="icon ion-upload"> </i></div>
66819
- <div><i class="icon ion-usb"> </i></div>
66820
- <div><i class="icon ion-videocamera"> </i></div>
66821
- <div><i class="icon ion-volume-high"> </i></div>
66822
- <div><i class="icon ion-volume-low"> </i></div>
66823
- <div><i class="icon ion-volume-medium"> </i></div>
66824
- <div><i class="icon ion-volume-mute"> </i></div>
66825
- <div><i class="icon ion-wand"> </i></div>
66826
- <div><i class="icon ion-waterdrop"> </i></div>
66827
- <div><i class="icon ion-wifi"> </i></div>
66828
- <div><i class="icon ion-wineglass"> </i></div>
66829
- <div><i class="icon ion-woman"> </i></div>
66830
- <div><i class="icon ion-wrench"> </i></div>
66831
- <div><i class="icon ion-xbox"> </i></div>
66894
+ ${this.getIcons()}
66832
66895
  </div>
66833
66896
 
66834
66897
  <script type="text/javascript">
@@ -69577,6 +69640,31 @@ class ContentBuilder {
69577
69640
  this.util.hideModal(modal);
69578
69641
  }
69579
69642
 
69643
+ draggable(selector) {
69644
+ new Draggable$1({
69645
+ selector: selector
69646
+ });
69647
+ }
69648
+
69649
+ createModal(modal, selector, overlayStay, cancelCallback, animated) {
69650
+ let embeddedModal = this.builderStuff.querySelector(selector);
69651
+
69652
+ if (!embeddedModal) {
69653
+ this.builderStuff.appendChild(modal);
69654
+ embeddedModal = this.builderStuff.querySelector(selector);
69655
+ }
69656
+
69657
+ this.showModal(embeddedModal, overlayStay, cancelCallback, animated);
69658
+ new Draggable$1({
69659
+ selector: '.is-draggable'
69660
+ });
69661
+ return embeddedModal;
69662
+ }
69663
+
69664
+ getIcons() {
69665
+ return this.rte.getIcons();
69666
+ }
69667
+
69580
69668
  showSidePanel(panel) {
69581
69669
  let panels = this.builderStuff.querySelectorAll('.is-side');
69582
69670
  Array.prototype.forEach.call(panels, panel => {
@@ -74067,11 +74155,14 @@ class ContentBox {
74067
74155
 
74068
74156
  let old = this.settings.onRender;
74069
74157
 
74070
- this.settings.onRender = function () {
74071
- old.call(this);
74158
+ this.settings.onRender = () => {
74159
+ old.call(this); // call user's defined onRender
74072
74160
 
74073
74161
  try {
74074
- //Run built-in plugin inside the builder
74162
+ // Built-in onRender
74163
+ //Run parts of box(-flex).js
74164
+ this.box(); //Run built-in plugin inside the builder
74165
+
74075
74166
  setTimeout(function () {
74076
74167
  if (window.skrollr) {
74077
74168
  let obj = window.skrollr.get();
@@ -74248,6 +74339,9 @@ class ContentBox {
74248
74339
  }
74249
74340
  },
74250
74341
  onZoomEnd: () => {
74342
+ const section = this.wrapperEl.querySelector('.is-section');
74343
+ if (!section) return; // empty content
74344
+
74251
74345
  this.addSpace();
74252
74346
  let elm = document.querySelector('.is-section-tool[data-section-active]');
74253
74347
 
@@ -74290,12 +74384,24 @@ class ContentBox {
74290
74384
  let num = url.replace('#section', '');
74291
74385
 
74292
74386
  if (!isNaN(parseInt(num))) {
74293
- let section = document.querySelector(`.is-section:nth-child(${num})`);
74387
+ let sections = document.querySelectorAll('.is-section');
74388
+ let gotoSection;
74389
+ let x = 0;
74390
+ sections.forEach(function (section) {
74391
+ if (!dom.hasClass(section, 'is-section-navbar')) {
74392
+ if (x === num - 1) {
74393
+ gotoSection = section;
74394
+ }
74294
74395
 
74295
- if (section) {
74296
- this.scrollTo(section);
74297
- e.preventDefault();
74396
+ x++;
74397
+ }
74398
+ });
74399
+
74400
+ if (gotoSection) {
74401
+ this.scrollTo(gotoSection);
74298
74402
  }
74403
+
74404
+ e.preventDefault();
74299
74405
  }
74300
74406
  } else {
74301
74407
  let bookmark = document.querySelector(url);
@@ -74443,6 +74549,64 @@ class ContentBox {
74443
74549
  } // pageSetup
74444
74550
 
74445
74551
 
74552
+ box() {
74553
+ const navbar = document.querySelector('.is-section-navbar');
74554
+
74555
+ if (navbar) {
74556
+ const links = navbar.querySelectorAll('a');
74557
+ links.forEach(link => {
74558
+ link.addEventListener('click', e => {
74559
+ let url = link.getAttribute('href');
74560
+
74561
+ if (url) {
74562
+ // Will go to the link
74563
+ if (url.indexOf('#') === 0) {
74564
+ if (url.indexOf('#section') === 0) {
74565
+ let num = url.replace('#section', '');
74566
+
74567
+ if (!isNaN(parseInt(num))) {
74568
+ let sections = document.querySelectorAll('.is-section');
74569
+ let gotoSection;
74570
+ let x = 0;
74571
+ sections.forEach(function (section) {
74572
+ if (!dom.hasClass(section, 'is-section-navbar')) {
74573
+ if (x === num - 1) {
74574
+ gotoSection = section;
74575
+ }
74576
+
74577
+ x++;
74578
+ }
74579
+ });
74580
+
74581
+ if (gotoSection) {
74582
+ this.scrollTo(gotoSection);
74583
+ }
74584
+
74585
+ e.preventDefault();
74586
+ }
74587
+ } else {
74588
+ try {
74589
+ let bookmark = document.querySelector(url);
74590
+
74591
+ if (bookmark) {
74592
+ this.scrollTo(bookmark);
74593
+ e.preventDefault();
74594
+ }
74595
+ } catch (e) {// Do Nothing
74596
+ }
74597
+ }
74598
+ }
74599
+ }
74600
+
74601
+ if (link.closest('.is-menu-search')) return;
74602
+ e.preventDefault();
74603
+ e.stopImmediatePropagation();
74604
+ });
74605
+ });
74606
+ }
74607
+ } // box
74608
+
74609
+
74446
74610
  addSpace() {
74447
74611
  /*
74448
74612
  Add dummy DIV after the last section (for the ability to adjust last section according bottom bar).
@@ -74516,7 +74680,23 @@ class ContentBox {
74516
74680
  let newSection;
74517
74681
  let arrSections = [];
74518
74682
 
74519
- if (newArea.indexOf('is-static') !== -1) {
74683
+ if (newArea.indexOf('is-section-navbar') !== -1) {
74684
+ // Insert first
74685
+ const sectionNavbar = this.wrapperEl.querySelector('.is-section-navbar');
74686
+
74687
+ if (sectionNavbar) {
74688
+ this.editor.util.confirm(out('Do you want to replace the current navigation bar?'), ok => {
74689
+ if (ok) {
74690
+ sectionNavbar.parentNode.removeChild(sectionNavbar);
74691
+ this.addIdea(newArea);
74692
+ }
74693
+ }, true, out('Replace'));
74694
+ return;
74695
+ }
74696
+
74697
+ dom.appendHtml(this.wrapperEl, newArea, 'afterbegin');
74698
+ newSection = this.wrapperEl.querySelector('.is-section');
74699
+ } else if (newArea.indexOf('is-static') !== -1) {
74520
74700
  // Insert last
74521
74701
  let lastSection = dom.getLastElement(this.wrapperEl, '.is-section');
74522
74702
 
@@ -74788,14 +74968,23 @@ class ContentBox {
74788
74968
 
74789
74969
  let leftadj;
74790
74970
  const boxTool = document.querySelector('#divBoxTool');
74971
+ const sectionNavbar = box.closest('.is-section-navbar');
74791
74972
 
74792
- if (box.querySelectorAll('.is-overlay-content[data-module]').length > 0) {
74973
+ if (sectionNavbar) {
74974
+ document.querySelector('#form-upload-cover').style.display = 'none';
74975
+ document.querySelector('#btnEditBox').style.display = 'none';
74976
+ document.querySelector('#btnEditModule').style.display = 'inline-block';
74977
+ boxTool.style.width = '40px';
74978
+ leftadj = 20;
74979
+ } else if (box.querySelectorAll('.is-overlay-content[data-module]').length > 0) {
74793
74980
  document.querySelector('#form-upload-cover').style.display = 'none';
74981
+ document.querySelector('#btnEditBox').style.display = 'inline-block';
74794
74982
  document.querySelector('#btnEditModule').style.display = 'inline-block';
74795
74983
  boxTool.style.width = '80px';
74796
74984
  leftadj = 40;
74797
74985
  } else {
74798
74986
  document.querySelector('#form-upload-cover').style.display = 'block';
74987
+ document.querySelector('#btnEditBox').style.display = 'inline-block';
74799
74988
  document.querySelector('#btnEditModule').style.display = 'none';
74800
74989
  boxTool.style.width = '80px';
74801
74990
  leftadj = 40;