", { class: "elementor-controls-popover" });
child.$el.before(this.$popover);
this.$popover.append(child.$el);
this.popoverToggleView = child._parent.children.findByIndex(child._index - 1);
if ("typography" === this.child.model.attributes.groupType) this.createPopoverHeader();
}
return _createClass(ControlsPopover, [
{
key: "addChild",
value: function addChild(child) {
this.$popover.append(child.$el);
}
},
{
key: "createPopoverHeader",
value: function createPopoverHeader() {
var _this = this;
var $resetLabel = this.$popover.prev().find(".elementor-control-popover-toggle-reset-label");
this.$popoverHeader = jQuery("
", { class: "e-group-control-header" }).html("
" + (0, _wordpress_i18n.__)("Typography", "elementor") + "");
this.$headerControlsWrapper = jQuery("
", { class: "e-control-tools" });
$resetLabel.addClass("e-control-tool").on("click", function() {
return _this.onResetButtonClick();
});
this.$headerControlsWrapper.append($resetLabel);
this.$popoverHeader.append(this.$headerControlsWrapper);
var globalConfig = this.popoverToggleView.model.get("global");
if (globalConfig !== null && globalConfig !== void 0 && globalConfig.active) this.createAddButton();
this.$popover.prepend(this.$popoverHeader).addClass("e-controls-popover--typography");
}
},
{
key: "onResetButtonClick",
value: function onResetButtonClick() {
this.$popover.hide();
this.$popover.trigger("hide");
var groupControlName = this.child.model.get("groupPrefix") + "typography";
var args = {
container: this.child.options.container,
settings: _defineProperty({}, groupControlName, "")
};
if (this.child.options.container.globals.get(groupControlName)) $e.run("document/globals/disable", args);
else $e.run("document/elements/settings", args);
}
},
{
key: "onAddButtonClick",
value: function onAddButtonClick() {
this.popoverToggleView.onAddGlobalButtonClick();
}
},
{
key: "createAddButton",
value: function createAddButton() {
var _this2 = this;
this.$addButton = jQuery("